<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('base_style-bk(30122016).css');/*Reset CSS, Header &amp; Footer CSS*/
@import url('skelton.css');/*Page Structure*/
@import url('fna_theme_override.css');/*FNA Theme  Override css*/
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*Banner image */
.banner_wrapper {-webkit-margin-before: -1px;}

/*Structure CSS*/
.filter{float:left;text-align:center;width:50%;margin-bottom:5px;position: relative;}/*CR*/
.filter.mid_filter {float: none;margin: 0 auto;clear: both;}
.row {clear: both;}

/*Form Control*/
select.form-control.st1{background:url(../images/fna_select_arrow.png) right center no-repeat #eaf5fd;border:1px solid #d1dce4;color:#333;float:none;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;height:40px;margin:0 auto;padding:5px 10px;width:250px;-webkit-padding-before:10px;-webkit-padding-after:10px;}
select.form-control.st1:focus {background-color: #ffffff;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-top: 1px solid #cccccc;box-shadow: none;}
input[type=number]:focus {outline: 0 !important;}
select.form-control.st1:focus option {padding-left: 15px;}
select.form-control option{padding:5px;}
.formControl {width:95%;margin:10px 5%;}
.formControl span.rupee{display: inline-block;float: left;left: inherit;margin: 0 2px 0 0;position: relative;top: 10px;width: 5%;}
.formControl input{ background: #eaf5fd;border: 1px solid #ccc;color: #333;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;height: 38px;padding: 0 15px;border-radius: 3px;width: 85%;}
.formControl input:focus{background: #fff}
.form-control[disabled], .form-control[disabled]:focus, .form-control[readonly], .form-control[readonly]:focus {background-color: #f7f7f7;border: 1px solid #ccc;box-shadow: none;color: #9e9e9e;cursor: not-allowed;border-color: #ccc;-webkit-text-fill-color: rgba(87, 87, 87, 1); -webkit-opacity: 1; }
button.disable_btn {background: #ccc !important;border: 1px solid #ccc !important;cursor: not-allowed !important;}

.life_protection_calc #fragment-3 .intial_amount_wrapper input[disabled], .life_protection_calc #fragment-3 .intial_amount_wrapper input[disabled]:focus, 
.life_protection_calc #fragment-3 .intial_amount_wrapper.final input[disabled], .life_protection_calc #fragment-3 .intial_amount_wrapper.final input[disabled]:focus{background: none; color: #333333; border:none;opacity:1;border-color: #ccc;-webkit-text-fill-color: rgba(51, 51, 51, 1); -webkit-opacity: 1; }

.tax_calc .formControl input {float: left;width:100%;}
.tax_calc .formControl input.total {font-size: 24px;}


/*Calculator Page Lavel error*/
.error {/*border: 1px solid #BD0606 !important;*/box-shadow: 0 0 10px #F57272, 0 0 0px 0px #BD0606 !important;}
.error_msg {color: #bd0606;display: block;font-size: 12px;padding: 0 0 5px;text-align: center;width: 100%;}
.error_msg.risk_error {float: left;width: auto;}
.reqired {color: #bd0606;font-weight: bold;left: 0px;position: relative;top: -2px;}
.input_wrapper + .error_msg {position: absolute;width: 100%;text-align: center;left: 0;margin-top: -40px;}
.filter .error_msg.error_range {padding: 0;margin-top: -10px;}
.mid_graph_wrapper .error_msg {position: absolute;top: 20px;}
.inflation_indicator &gt; span.error {box-shadow: 0 0 10px #f57272, 0 0 0 1px #bd0606 inset !important;}
.intial_amount_wrapper + .error_msg {position: absolute;left: 3.5%;margin: 60px 0 0;width: 225px;text-align: center;}
.intial_amount_wrapper.final + .error_msg {left: inherit;right: 3.5%;width: 280px; text-align: center;}
.education_calc .intial_amount_wrapper + .error_msg{width: 225px;}
.education_calc .intial_amount_wrapper.final + .error_msg {width: 280px;}
.age_slider .error_msg {margin-top: 10px;position: absolute;}
#genderMessage.error_msg {position: absolute;top: -20px;}
.sex_selection_wrapper label.error {border: medium none !important;box-shadow: none !important;color: #BD0606;}
.sex_selection_wrapper label.error::before {border: 1px solid #bd0606;box-shadow: 0 0 5px #bd0606;}
#ageMessage.error_msg {padding: 5px 0;position: absolute;}
.filter .error_msg {padding: 5px 0 0;position: absolute;width: 100%;margin: -18px auto 0;}/*CR*/
.filter .ui-select + .error_msg, .filter select + .error_msg{margin: 0} 
#nameMessage.error_msg {border: medium none;color: #bd0606;left: 0;margin: -15px auto 0;padding: 0;position: absolute;text-align: center;width: 100%;}/*CR*/
.filter .error_msg.oneline_input {margin-top: 0;}
.filter .formControl+ .error_msg {margin-top: 45px;}
.tax_calc .filter .formControl+ .error_msg {margin-top: 35px;}
.financial_need_wrapper .error_msg {bottom: 55px;position: absolute;text-align: center;width: 60%;margin: 0 20% 0 20%;}
.summary_email_report_wrapper span.error_msg {float: left;margin-bottom: 0px;margin-top: 2px;width: 99.5%;}
.member_edit_form .form_row + .error_msg {width: 70.5%;float: right;margin-right: 1%;margin-top: 0px;}


/*Range Slider Disable*/
.ui-slider-track + .disable {display: none;width: 100%;position: absolute;height: 50px;bottom: 0;z-index: 9;left: 0;cursor: no-drop;}
.ui-slider-track.ui-state-disabled + .disable {display: block;}




/* dropdown */
label.selectBox{background:url(../images/summary_report_select_ico.png) no-repeat right center #fff;border-radius:3px 3px 0 0;display:inline-block;height:20px;position:relative;text-align:right;width:100px;margin-top: -1px;}
label.selectBox &gt; label.selectLabel{color:#046abe;cursor:pointer;display:inline-block;font-size:13px;font-weight:700;max-width:105px;padding-right:18px;text-align:center;text-indent:8px;}
label.selectBox &gt; label.optionLabel{background-color:#fff;border-radius:0 0 5px 5px;box-shadow:0 3px 3px #bcbcbc;display:none;max-width:100px;padding:0 20px 10px 8px;position:absolute;right:0;z-index:3;}
label.selectBox &gt; label.optionLabel &gt; span.optionSpan{background-color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:400;line-height:20px;padding:0;text-align:center;text-indent:10px;width:103%;}
label.selectBox.active_option{box-shadow:0 -4px 3px #bcbcbc;}
label.selectBox.active_option .selectLabel{display:inline-block;max-width:inherit;padding:0 8px 0 0;text-align:center;width:100px;margin-bottom: 0;}
label.selectBox:hover label.optionLabel{background-color:#fff;box-shadow:0 5px 5px #bcbcbc;}
label.selectBox::before{background:#fff;border-radius:5px 5px 0 0;content:"";height:5px;left:0;position:absolute;top:-5px;width:100px;}

/*Tooltip CSS*/
.tipso_bubble,.tipso_bubble &gt; .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999}
.tipso_style{cursor:help;border-bottom:1px dotted}
.tipso_title{border-radius:6px 6px 0 0}
.tipso_content{word-wrap:break-word;padding:.5em}
.tipso_bubble.tiny{font-size:.6rem}
.tipso_bubble.small{font-size:.8rem}
.tipso_bubble.default{font-size:1rem}
.tipso_bubble.large{font-size:1.2rem;width:100%}
.tipso_bubble &gt; .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}
.tipso_bubble.top &gt; .tipso_arrow{top:100%;left:50%;margin-left:-8px;border-color:#000 transparent transparent}
.tipso_bubble.bottom &gt; .tipso_arrow{bottom:100%;left:50%;margin-left:-8px;border-color:transparent transparent #000}
.tipso_bubble.left &gt; .tipso_arrow{top:50%;left:100%;margin-top:-8px;border-color:transparent transparent transparent #000}
.tipso_bubble.right &gt; .tipso_arrow{top:50%;right:100%;margin-top:-8px;border-color:transparent #000 transparent transparent}
.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}
.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}
.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}
.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}
/*FNA CSS*/
.tipso_bubble{background: #fff !important;}
.tipso_content {color: #333;border: 1px solid #ccc;font-size: 14px;}
.tipso_bubble.bottom &gt; .tipso_arrow{border-color: transparent transparent #fff !important;bottom: 99%;}
.tipso_bubble.right &gt; .tipso_arrow{border-color: transparent #fff transparent transparent !important; right: 99%;}
.tipso_bubble.left &gt; .tipso_arrow{border-color: transparent transparent transparent #fff !important; left: 99%;}
.tipso_bubble.top &gt; .tipso_arrow{border-color: #fff transparent transparent !important;top: 98%;}
.tipso_bubble.top &gt; .tipso_arrow::before {border-color: rgba(0, 0, 0, 0.2) transparent transparent;border-style: solid;border-width: 8px;bottom: auto;content: "";margin-left: -8px;position: absolute;top: -7px;width: 0px;z-index: -3;}
/*Tooltip CSS End*/

/*Goal Tooltip*/
.policy_wrapper h1 i.info + span {border-radius: 5px;display: none;left: 0px;position: absolute;top: 85px;width: 400px;background: red; z-index: 999;}
.policy_wrapper h1 i.info:hover + span {display: block;}
.policy_wrapper:last-child h1 i.info + span {left: auto;right: 0;}
/*Give Span height same as image height*/
.policy_wrapper h1 i.info.protection_goal + span{background: url(../images/protection_final.jpg) 0 0 no-repeat;height: 376px;}
.policy_wrapper h1 i.info.child_goal + span{background: url(../images/child_final.jpg) 0 0 no-repeat;height: 345px;}
.policy_wrapper h1 i.info.wealth_goal + span{background: url(../images/wealth_final.jpg) 0 0 no-repeat;height: 352px;}
.policy_wrapper h1 i.info.retirement_goal + span{background: url(../images/retirement_final.jpg) 0 0 no-repeat;height: 355px;}
/*
.policy_wrapper h1 i.info:hover::before {border-bottom: 11px solid white;border-left: 11px solid transparent;border-right: 11px solid transparent;content: "";height: 0;left: -5px;position: absolute;top: 14px;width: 0;}
.policy_wrapper h1 i.info:hover::after {border-color: transparent transparent #c1d6e4;border-style: solid;border-width: 11px;bottom: auto;content: "";left: -5px;position: absolute;top: 2px;width: 0px;z-index: -3;}
*/
a.closed {right: 10px;position: absolute;display:none;}
.calculator_wrapper{position:relative;}

/*Financial Need Analysis Page CSS*/
.financial_need_wrapper{background-color:#d4ebfb;min-height:600px;padding:30px 0 50px; overflow: hidden;}	
.calculator_wrapper.fna_page{margin-top:-10px;}
.calculator_wrapper h1{text-align:center;color:#006ab6;font-size:30px;font-weight:700;padding:0 5px;}
.sub_title{color:#006ab6;font-size:18px;text-align:center;margin-bottom:15px;}
.fna_dashboard_wrapper{margin:0 auto;/*overflow:hidden;*/width:1000px;clear: both;min-height: 220px;}/*CR*/
.policy_wrapper{float:left;margin:0 4% 0 0;width:22%;}
.policy_wrapper:last-child {margin: 0;}
.policy_wrapper:first-child {margin-left: 0;}
.policy_wrapper h1{border-bottom:1px solid #c1d6e4;font-size:21px;padding:55px 0 10px;text-align:left;position: relative;}
.policy_wrapper.family h1.policy_title{background:url(../images/fna-family-ico.png) left top no-repeat;}
.policy_wrapper.child h1.policy_title{background:url(../images/fna-child-ico.png) left 5px no-repeat;}
.policy_wrapper.wealth h1.policy_title{background:url(../images/fna-wealth-ico.png) left 5px no-repeat;}
.policy_wrapper.retire h1.policy_title{background:url(../images/fna-retire-ico.png) left top no-repeat;}
.policy_wrapper h1 i{text-align:center;}
.policy_wrapper ul li{background:url(../images/fna_goal_chk_ico.png) 95% 0 no-repeat;border-bottom:1px solid #c1d6e4;color:#000;cursor:pointer;padding:10px 5px;font-size: 16px;}
.policy_wrapper ul li.select{background-position:95% -40px;}
.financial_need_wrapper .my_family_maker{margin-bottom: 0px;}/*CR*/
.selcted_goal_title{clear:both;color:#006ab6;display:block;font-size:18px;text-align:center;}
.selected_goal_wrapper a i{background:#e5f3fd;border-radius:100%;clear:both;display:block;height:90px;margin:0 auto 5px;width:90px;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.selected_goal_wrapper a{color:#0069bc;display:inline-block;font-size:12px;font-weight:700;text-align:center;/*cursor: pointer;*/}
.selected_goal_wrapper a:hover{text-decoration: none;color:#0069bc;}
.selected_goal_wrapper{margin:25px auto 0px;width:822px;/*width 930px*/}/*CR*/
.selected_goal_wrapper div.slick-slide{float:left;margin:0 10px;text-align:center;width:90px;height: 125px;}
.selected_goal_wrapper div a i::before{color:#a0cae8;font-size:35px;line-height:90px;position:absolute;text-align:center;font-style:normal;margin-left:-10px;height:90px;}
body.ie10 .selected_goal_wrapper div a i::before{width: 110px;}
/*.selected_goal_wrapper a:hover i {background-color: #e5f3fd !important;}
.selected_goal_wrapper div a:hover i::before {color: #006ab6;}*/

.selected_goal_wrapper div:nth-child(1) a i::before{content: "1";}
.selected_goal_wrapper div:nth-child(2) a i::before{content: "2";}
.selected_goal_wrapper div:nth-child(3) a i::before{content: "3";}
.selected_goal_wrapper div:nth-child(4) a i::before{content: "4";}
.selected_goal_wrapper div:nth-child(5) a i::before{content: "5";}
.selected_goal_wrapper div:nth-child(6) a i::before{content: "6";}
.selected_goal_wrapper div:nth-child(7) a i::before{content: "7";}
.selected_goal_wrapper div:nth-child(8) a i::before{content: "8";}

.selected_goal_wrapper div a i.child::before{content: "";}
.selected_goal_wrapper div a i.life::before{content: "";}
.selected_goal_wrapper div a i.retire::before{content: "";}
.selected_goal_wrapper div a i.wealth::before{content: "";}
.selected_goal_wrapper div a i.health::before{content: "";}
.selected_goal_wrapper div a i.marriage::before{content: "";}
.selected_goal_wrapper div a i.legacy::before{content: "";}
.selected_goal_wrapper div a i.income::before{content: "";}

.selected_goal_wrapper div a i.child{background: url(../images/fna-child-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.life{background: url(../images/fna-family-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.retire{background: url(../images/fna-retire-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.wealth{background: url(../images/fna-wealth-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.health{background: url(../images/fna-health-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.marriage{background: url(../images/fna-marriage-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.legacy{background: url(../images/fna-legacy-ico.png) center center no-repeat #fff;}
.selected_goal_wrapper div a i.income{background: url(../images/fna-income-ico.png) center center no-repeat #fff;}

.selected_goal_wrapper .slick-prev::before,.selected_goal_wrapper .slick-next::before{content:"";}
.selected_goal_wrapper .slick-prev,.selected_goal_wrapper .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;top: 35%;}
.selected_goal_wrapper .slick-next{background-position:-9px 0;}

.selected_goal_wrapper .slick-prev{left: 0px;}
.selected_goal_wrapper .slick-next{right: 0px;}


/*Goal Type Slider css*/
.slider.goal_type{margin:0px auto;text-align:center;width:66%;}
.planning + .slider.goal_type{margin:15px auto 15px;}
.goal_type .slick-track{height: 140px;  margin: 0 auto;}
.goal_type .slick-slide a{border:1px solid #0061b6;border-radius:100%;display:inline-block;height:100px;margin:0 5px;width:100px;}
.goal_type .slick-slide a span{color:#7eb3dd;display:inline-block;font-size:13px;font-weight:700;margin-top:105px;}
.goal_type .slick-slide a.active_cal, .goal_type .slick-slide a:hover{background-color: #0061b6 !important;background-position: 0 -100px !important;}
.goal_type .slick-slide a:hover span, .goal_type .slick-slide a.active_cal span{color:#0069bc;}
.goal_type .slick-prev::before,.goal_type .slick-next::before{content:"";}
.goal_type .slick-prev,.goal_type .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;top:42%;}
.goal_type .slick-next{background-position:-9px 0;}
.goal_type .slick-slide a.edu_goal{background:url(../images/edu_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.insurence_goal{background:url(../images/insurance_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.retire_goal{background:url(../images/retire_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.wealth_goal{background:url(../images/wealth_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.legacy_goal{background:url(../images/legacy_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.tax_goal{background:url(../images/tax_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.health_goal{background:url(../images/health_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.marriage_goal{background:url(../images/marriage_goal_ico.png) center 0 no-repeat;}
.goal_type .slick-slide a.add_goal{background:url(../images/add_goal_ico.png) center 0 no-repeat;}


/*Slider CSS end*/
.summary_lnk{background:#f7f7f7;background:-moz-linear-gradient(#fff, #f7f7f7);background:-o-linear-gradient(#fff, #f7f7f7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f7f7f7));background:-webkit-linear-gradient(#fff, #f7f7f7);color: #006ab6;border:1px solid #ddd;border-radius:5px;font-size:16px;padding:8px 35px 8px 10px;position:absolute;right:5px;top:-5px;}
.summary_lnk:hover{text-decoration: none;background:#fff;background:-moz-linear-gradient(#f7f7f7,#fff);background:-o-linear-gradient(#f7f7f7,#fff);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f7f7f7),to(#fff));background:-webkit-linear-gradient(#f7f7f7,#fff);color: #006ab6;}
.summary_lnk i{background:rgba(0,0,0,0) url(../images/know_more_ico.png) no-repeat scroll 0 center;display:inline-block;height:22px;position:absolute;right:0;width:30px;}

/*Calculation Steps CSS*/
.calculation_steps_wrapper {background-color: #d4ebfb;min-height: 500px;padding-bottom: 175px;margin-top: 5px;}
.step-content {margin: 0 auto; max-width: 1024px;padding-bottom: 25px;padding-top:25px; min-height: 450px;overflow: hidden;position: relative;/*relative given for Bar Graph Error Mesg*/}/*CR*/
.education_calc #fragment-3 .step-content {margin: -37px auto -20px;}/*CR*/
.prev-tab{background:url(../images/steps-back_arrow.png) no-repeat scroll left center;float:left;height:35px;margin-left:3%;width:35px;}
.next-tab{background:#016bb6;background:-moz-linear-gradient(#2680c1,#016bb6);background:-o-linear-gradient(#2680c1,#016bb6);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#2680c1),to(#016bb6));background:-webkit-linear-gradient(#2680c1,#016bb6);border-radius:5px;color:#fff;float:right;font-size:18px;margin-right:4%;padding:8px 45px 8px 10px;position:relative;}
.next-tab:hover, .next-tab:focus{text-decoration: none;background:#2680c1;background:-moz-linear-gradient(#016bb6,#2680c1);background:-o-linear-gradient(#016bb6,#2680c1);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#016bb6),to(#2680c1));background:-webkit-linear-gradient(#016bb6,#2680c1);color: #fff;}
.next-tab i{background:url(../images/know_more_white_ico.png) no-repeat scroll 0 center;display:inline-block;height:22px;position:absolute;right:0;width:30px;top:9px;}
.next-tab span{color:#fff;}



/*Reirement Calculation CSS*/
.calculation_steps_wrapper.retirement_calc{background-image:url(../images/retire_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;}
.filter p.descriptipn{color:#006ab6;font-size:13px;/*min-height:30px;width:190px;*/margin:0 auto;height: 35px;text-align: center;}/*CR*/
.amount_prefix{border-left:1px solid #ccc;color:#006ab6;font-size:18px;padding:7px 0;position:absolute;right:0;top:10px;width:40px;}
.amount_prefix{border-left:1px solid #ccc;color:#006ab6;font-size:18px;padding:7px 0;position:absolute;right:0;top:10px;width:40px;}

.risk_preference{clear:both;margin:0 auto 15px;position:relative;text-align:center;}
.risk_preference p{color:#006ab6;font-size:13px;min-height:30px;width:190px;margin:0 auto;position:relative;}
/*.info{background:#006ab6;border-radius:100%;color:#fff;cursor:pointer;display:inline-block;height:22px;line-height:21px;width:22px;position: relative;font-size: 15px;text-align: center;font-family: intial;font-weight: bold;text-transform: lowercase;z-index: 9;font-style: italic;}*/
.info{background:none;border-radius:100%;color:#006ab6;cursor:pointer;display:inline-block;height:13px;line-height:13px;width:13px;position: relative;font-size: 11px;text-align: center;font-family: intial;font-weight: bold;text-transform: lowercase;z-index: 9;font-style: italic;border:1px solid #006ab6;top: -2px;z-index: 100;}






/*Grow Graph Section*/
.step-content.graph_wrappper{margin: -47px auto 0;}
.grow_map{border-bottom:2px solid #003e70;margin:0 auto 25px;max-width:950px;min-height:250px;}
.initial_point_wrapper{float:left;height:250px;position:relative;width:20%;}
.initial_point_wrapper::before, .final_point_wrapper::before {border-right: 2px solid #003e70;bottom: -10px;content: "";height: 10px;position: absolute;}
.initial_point_wrapper::before{right: 25px;}
.final_point_wrapper::before{left: 25px;}
.retirement_calc .initial_point_wrapper{background:url(../images/retire_intial_user_ico.png) no-repeat scroll right 32px bottom;}
.initial_amount{bottom:2%;color:#003e70;font-size:13px;font-weight:700;position:absolute;right:35%;}
.grow_bar.initial_state{background:url(../images/grow_graph_indicator_ico.png) 0 0 repeat-y;bottom:2px;float:right;height:33%;position:absolute;right:0;width:27px;}
.mid_graph_wrapper{float:left;height:250px;width:60%;position:relative;bottom:2px;}
body.ie10 .mid_graph_wrapper{overflow:hidden;}
.mid_graph_wrapper svg{background:none;display:block;height:250px;margin:0 auto;width:98.5%;overflow:hidden;}
.final_point_wrapper{float:left;height:250px;width:20%;position:relative;}
.retirement_calc .final_amount {left: 110px;}
.retirement_calc .initial_amount{right: 70px;}
.retirement_calc .final_point_wrapper{background:url(../images/retire_final_user_ico.png) 30px bottom no-repeat;}
.final_amount{bottom:2%;color:#003e70;font-size:13px;font-weight:700;position:absolute;left:85px;}
.grow_bar.final_state{background:url(../images/grow_graph_indicator_ico.png) 0 0 repeat-y;bottom:2px;float:right;height:100%;left:0;position:absolute;width:27px;}
.grow_bar.final_state &gt; span{color:#003e70;font-size:40px;font-weight:700;margin-left:30px;}
.inflation_indicator{color:#003e70;font-size:13px;font-weight:700;left:45%;position:absolute;text-align:center;top:22%;}
.inflation_indicator &gt; span{background:#fff;border-radius:100%;clear:both;color:#003e70;display:block;font-size:20px;font-weight:bolder;height:55px;line-height:55px;margin-bottom:5px;text-align:center;width:55px;margin: 0 auto 5px;}
.inflation_indicator div.ui-input-text {display: inline-block;margin-top: 0px;}/*Inflation Indicator*/
.inflation_indicator div.ui-input-text input.inflation_filed, .inflation_indicator input.inflation_filed {background: none;border: medium none;color: #003e70;font-family: Arial,Helvetica,sans-serif;font-size: 25px;text-align: right;width: 15px;line-height: 50px;height:50px;}
.inflation_indicator div.ui-input-text input.inflation_filed.two_digit, .inflation_indicator input.inflation_filed.two_digit{width: 30px;margin-left: -5px;}
.inflation_indicator &gt; span &gt; small {font-size: 14px;font-weight: normal;vertical-align: top;}
.interval_line{clear:both;position:relative;width:100%;}
.interval_line li{border-right:1px solid #003e70;display:block;float:left;height:10px;width:65.7%;}
.interval_line li.start{width:17%;}
.intial_amount_wrapper{background:#eaf5fd;border:1px solid #d1dce4;border-radius:3px;float:left;margin:0 0 10px 3.5%;padding:5px 10px;}
.intial_amount_wrapper p{border-right:1px solid #d5dfe6;color:#006ab6;float:left;font-size:14px;margin-right:10px;padding:10px 5px 10px 0;}
.intial_amount_wrapper span.rupee_sign{color:#333;display:inline-block;font-size:14px;margin:15px 2px 0 0;float: left;}
.intial_amount_wrapper .ui-input-text {display: inline;float: left;width: 120px;}
.intial_amount_wrapper input {background: none;width: 120px;border: medium none;color: #333333;font-family: Arial,Helvetica,sans-serif;display: inline;font-size: 14px;font-weight: 700;float: left;padding:13px 0 0;}
.intial_amount_wrapper input:focus {box-shadow: none;}
.intial_amount_wrapper.final{float:right;margin-right:3.5%;width:auto;margin-left: 0;}
.intial_amount_wrapper.final .ui-input-text {margin-left: 0; width: 195px;}
.intial_amount_wrapper input.intial_amount.final{width: 195px;display: inline-block;font-size: 20px;margin: 0;padding: 8px 5px 0px 0;text-align: left;}
/*.intial_amount_wrapper.final span.rupee_sign{display:block;float:left;font-size:20px;margin:3px 0 0 ;width:15px;-webkit-margin-before:5px;}*/

/*Recommended Product CSS*/
.recommended_slider {padding: 5px 0;/*max-width: 850px;*/margin: 0 auto;}
.recommended_wrapper{background:#fff;border:2px solid #aad1ed;border-radius:5px;float:left;margin:0 2.3% 25px 5%;overflow:hidden;padding:20px 0 15px;width:90%;cursor:pointer;}
/*.recommended_wrapper{background:#fff;border:1px solid #aad1ed;border-radius:4px;float:left;margin:0 2.3% 25px;overflow:hidden;padding:20px 0 15px;width:45%;cursor:pointer;}*/
.recommended_wrapper:hover {border: 2px solid #006ab6;box-shadow: 0 0 2px #006ab6;}
.recommended_wrapper h2,.recommended_wrapper ul,.recommended_wrapper .duration_wrapper,.recommended_wrapper a.recomm_know_more,.recommended_wrapper .btn_blu{padding:0 20px;}
.recommended_wrapper h2{color:#006ab6;font-size:26px;font-weight:700;margin-bottom:15px;min-height: 72px;}
.recommended_wrapper &gt; ul{color:#333;font-size:12px;margin-bottom:20px;min-height: 90px;}
.recommended_wrapper li{background:url(../images/recomm_list_ico.png) left center no-repeat;font-weight:700;margin:9px 0;padding-left:18px;}
.recommended_wrapper .duration_wrapper{background:#dfeaf2;padding-bottom:10px;padding-top:10px;min-height: 50px;}
.duration_wrapper &gt; p{color:#579bd2;font-size:15px;font-weight:700;width:80%;-webkit-margin-before: 0;-webkit-margin-after: 0;}
.duration_wrapper &gt; p.prem_amount{color:#006ab6;font-weight:400;}
.duration_wrapper &gt; p.prem_amount span{color:#006ab6;font-size:28px;}
.duration_wrapper .chk{background:url(../images/recomm_chk_ico.png) center center no-repeat #b9cddb;border-radius:100%;float:right;height:50px;width:50px;top: -2px;position: relative;}
.recommended_wrapper a.recomm_know_more{background:url(../images/recomm_more_ico.png) right center no-repeat;color:#006ab6;display:inline-block;font-size:16px;margin-top:22px;}
.recommended_wrapper .btn_blu{border-radius:4px;cursor:pointer;float:right;font-size:16px;margin-right:20px;margin-top:15px;padding:7px 40px 7px 7px;position:relative;text-align:left;}
.recommended_wrapper.selected .duration_wrapper{background:#046abe;}
.recommended_wrapper.selected .duration_wrapper .chk{background-color:#87be31;}
.recommended_wrapper.selected li{background:url(../images/recomm_active_list_ico.png) left center no-repeat;}
.recommended_wrapper.selected .duration_wrapper &gt; p{color:#b6d4ec;}
.recommended_wrapper.selected .duration_wrapper &gt; p.prem_amount,.recommended_wrapper.selected .duration_wrapper &gt; p.prem_amount span{color:#fff;}
/*.reccomm_policy .pop_content h1 {background: #f8f7f7;margin:-15px 0 0;position: fixed;width: 94.4%;padding: 10px 0;font-size: 20px;}*/
.calculator_page .fancybox-outer, .fancybox-inner {margin-top: -15px;}
.pop_content {max-width: 1024px;}
.recommended_wrapper .btn_gry i, .recommended_wrapper .btn_blu i {top: 7px;}
.pop_content .fa.fa-expand {position: absolute;right: 1%;font-size: 25px;padding: 20px 15px;display: inline-block;display:none;}

/*If No Premium in Recommended*/
.recommended_wrapper.no_premium {position: relative;}
.recommended_wrapper.no_premium .duration_wrapper .chk {position: absolute;right: 10px;top: 10px;}
.recommended_wrapper.no_premium .duration_wrapper, 
.recommended_wrapper.no_premium.selected .duration_wrapper {height: 0;padding: 0;}
/*If Only One Slider CSS*/
.step-content .owl-carousel.only_one .owl-item {margin: 0 auto;float: none;}
.life_protection_calc .recommended_slider .recommended_wrapper .duration_wrapper &gt; p,
.health_calc .recommended_slider .recommended_wrapper .duration_wrapper &gt; p{display: table-cell;height: 50px;vertical-align: middle;}


/*Stage 4 Slider CSS*/
/*#fragment-4 .step-content { overflow: visible; position: relative;  width: 90%;}*/
.customNavigation {position: absolute;top: 40%;width: 100%;}
.customNavigation a {background: url(../images/recommended_policy_arrow.png) left center no-repeat;cursor: pointer;display: inline-block;height: 35px;position: absolute;text-indent: 9999em;width: 18px;padding: 0;}
.customNavigation a.prev {left: 5px;}
.customNavigation a.next {right: 0px; background-position: right center;}

.owl-buttons {position: absolute;top: 40%;width: 100%;}
.owl-buttons a {background: url(../images/recommended_policy_arrow.png) left center no-repeat;cursor: pointer;display: inline-block;height: 35px;position: absolute;text-indent: 9999em;width: 18px;padding: 0;}
.owl-buttons a.prev {left: 5px;}
.owl-buttons a.next {right: 0px; background-position: right center;}
.owl-buttons a.prev:active{background: url(../images/recommended_policy_arrow.png) left center no-repeat;}
.owl-buttons a.next:active{background: url(../images/recommended_policy_arrow.png) left center no-repeat;background-position: right center;}
.owl-buttons a.prev:active, .owl-buttons a.next:active {box-shadow: none;}

.recommended_slider .owl-buttons a.next {right: 6px;}

.summary_report_wrapper .owl-buttons {top: 43%;}
.summary_report_wrapper .owl-buttons a.prev {left: 0px;}

/*Range Slider Base CSS*/
.slider-wrapper {float: none;padding-bottom: 25px;position: relative;margin: 0 auto; }
.age_filter .slider-wrapper {width: 55%;position: relative;}

.filter .slider-wrapper {width: 55%;}
.ui-slider-track{background: #AAD1ED;border-radius: 5px;position:relative;overflow:visible;height:7px;}
.ui-slider-track.ui-mini{height:12px;top:8px}
.ui-slider-track .ui-slider-bg{height:100%}
.ui-slider-track .ui-btn.ui-slider-handle{position:absolute;z-index:1;top:50%;width:28px;height:28px;margin:-15px 0 0 -15px;outline:0;padding:0}
.ui-slider-inneroffset{margin:0 16px;position:relative;z-index:1}
.ui-slider-track .ui-slider-bg,.ui-slider-switch .ui-slider-label,.ui-slider-switch .ui-slider-inneroffset,.ui-slider-handle{-webkit-border-radius:inherit;border-radius:inherit; background: #006AB6;}
.ui-field-contain div.ui-slider-switch,.ui-field-contain.ui-hide-label div.ui-slider-switch,html .ui-popup .ui-field-contain div.ui-slider-switch{display:inline-block;width:5.8em}
.ui-slider-track .ui-btn.ui-slider-handle{background: url("../images/range_slider_header_ico.png") no-repeat;height: 35px;margin:-18px 0 0 -15px;transition: none 0s ease 0s ;width: 35px;border:none;}
.ui-slider .slider_bar {width: 125px;text-align: center;margin-bottom: 20px;}/*CR*/
.min_val, .max_val {color: #333333;font-size: 12px;font-weight: bold;left: -25px;position: absolute;bottom: 21px;}
.max_val {left: inherit;right: -35px;}
.amount_wrapper{margin:0 auto;position:relative;width:125px;}
input.slider_bar{background:#eaf5fd;border:1px solid #cecece;color:#333;font-size:48px;font-weight:700;height:55px;margin:0px auto 0;padding-right:45px;position:relative;width:auto;}
input.slider_bar:focus {background: #fff;}
.amount_prefix{border-left:1px solid #ccc;color:#006ab6;font-size:18px;padding:6px 0;position:absolute;right:0;top:10px;width:40px;z-index: 91;}
.yrs{color:#006ab6;font-size:18px;left:-40px;position:absolute;top:15px;}
.rupee {color: #006ab6;font-size: 22px;left: -20px;position: absolute;top: 15px;}
select.form-control.simple{background:url(../images/fna_select_arrow.png) 25px center no-repeat;border: 1px solid #006ab6;border-radius: 3px;color: #006ab6;float: right;font-family: Arial,Helvetica,sans-serif;font-weight: 700;height: 22px;margin: -40px 20px 0 0px;padding: 0;width: 45px;}
select.form-control.simple:focus{box-shadow:none;}
body.ie10 select.form-control.simple{background:none;}

/*Education Calculator CSS*/   
.calculation_steps_wrapper.education_calc{background-image:url(../images/education_steps_bg.png);background-position:center bottom;background-position:center bottom;background-repeat:no-repeat;border-bottom:5px solid #7f8186;border-top:1px solid #cad4da;box-shadow:0 7px 0 0 #40771f;position:relative}


/*Add Child Slider*/
.child_list_wrapper{position:absolute;right:20px;top:14px;width:280px;z-index:92;margin:0 auto;text-align: center;}
.child_list_wrapper .slick-slide{display:inline-block;margin:0 auto;overflow:hidden;text-align:center;}
.child_list_wrapper div a{height:auto;margin:0 auto;overflow:hidden;position:relative;text-align:center;}
.child_list_wrapper div a i{background-color:#fff;border:1px solid #ddd;border-radius:100%;clear:both;display:block;float:none;height:60px;margin:0 auto 5px;text-align:center;width:60px;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.child_list_wrapper div a span{clear:both;color:#68a7d5;display:inline-block;font-size:13px;overflow:hidden;position:relative;}
.child_list_wrapper div a:hover span{color:#006ab6;}
.child_list_wrapper div a i.male{background-image: url(../images/family_tree_add_ico.png);background-repeat: no-repeat;background-position: -120px 0px;}
.child_list_wrapper &gt; div a.active_child i.male, .child_list_wrapper &gt; div a:hover i.male{background-position:-120px -60px;background-color:#006ab6}
.child_list_wrapper div a i.female{background-image: url(../images/family_tree_add_ico.png);background-repeat: no-repeat;background-position: -180px 0px;}
.child_list_wrapper &gt; div a.active_child i.female, .child_list_wrapper &gt; div a:hover i.female{background-position:-180px -60px;background-color:#006ab6}
.child_list_wrapper div a i.add_child{background-image:url(../images/child_add_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.child_list_wrapper &gt; div {display: inline-block;float: none;margin: 0;text-align: center; width: 80px;}
/*.child_list_wrapper &gt; div a:hover i.female:hover,.child_list_wrapper &gt; div a:hover i.add_child:hover{background-position:0 -60px;}
.child_list_wrapper div a:hover i, .child_list_wrapper div a.active_child i{background-color:#006ab6;background-position:0 -60px;}*/
.child_list_wrapper .slick-prev::before,.child_list_wrapper .slick-next::before{content:"";}
.child_list_wrapper .slick-prev,.child_list_wrapper .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;}
.child_list_wrapper .slick-next {background-position: -9px 0; right: -10px;margin-top: -15px;}
.child_list_wrapper .slick-prev{left: -10px;margin-top: -15px;}
/*Step 1 css*/
.age_filter{margin:0 auto;text-align:center;width:500px;}
.age_filter .descriptipn b{color:#006ab6;font-size:13px;}
.age_filter .descriptipn{margin:0 0 5px;line-height: inherit;text-align: center;}
.sex_selection_wrapper{margin-bottom:15px;position: relative;}/*CR*/
/*Customize Redio Check Field*/
.sex_selection_wrapper label{color:#9b9b9b;cursor:pointer;display:inline-block;font-size:14px;font-size:13px;height:20px;margin:0 15px;padding-top:65px;position:relative;text-align:center;width:50px;font-weight: normal;}
.sex_selection_wrapper input[type=radio]{display:none;}
.sex_selection_wrapper label:before{background-color:#fff;border-radius:100%;box-shadow:0 0 0 5px #e5f3fd;content:"";display:inline-block;height:50px;left:0;position:absolute;top:5px;width:50px;}
.sex_selection_wrapper .checkbox label{margin-bottom:10px;}
.sex_selection_wrapper .checkbox label:before{border-radius:3px;}
.sex_selection_wrapper input[type=radio]:checked + label:before{background-color:#006ab6;text-align:center;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.sex_selection_wrapper input[type=radio]:checked + label{color:#006ab6;}
.sex_selection_wrapper label.male_sec:before{background-image:url(../images/male_ico.png);background-repeat:no-repeat;}
.sex_selection_wrapper input[type="radio"]:checked + label.male_sec::before{background-position:0 -50px;}
.sex_selection_wrapper label.female_sec:before{background-image:url(../images/female_ico.png);background-repeat:no-repeat;}
.sex_selection_wrapper input[type="radio"]:checked + label.female_sec::before{background-position:0 -50px;}
.sex_selection_wrapper label.ui-radio-on::before {background-color: #006ab6;background-position: 0 -50px;}
.sex_selection_wrapper label.ui-radio-on{color: #006ab6;}
/*Age Range Slider*/
.input_wrapper{background:#eaf5fd;border:1px solid #d1dce4;border-radius:3px;margin:0 auto;overflow:hidden;padding:5px 0;position:relative;width:350px;}
.sex_selection_wrapper + .input_wrapper {margin-bottom: 20px;}/*CR*/
.input_wrapper span{border-right:1px solid #ccc;color:#006ab6;float:left;font-size:14px;margin-right:2%;padding:8px 2% 8px 3%;text-align:left;width:20%;}
.input_wrapper .form-control{background:none;border:medium none;color:#333;float:left;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;padding:9px 2%;width:76%;height: auto;line-height: inherit;box-shadow: none;}
.input_wrapper .form-control:focus{box-shadow:none;}


/*Step 2 css*/
.education_calc .filter p.descriptipn{min-height:inherit;}
.education_calc .filter{margin-bottom:75px;width: 46%;}
.steps_sub_title{color:#006ab6;font-size:14px;margin:5px 0;text-align:center;}
.steps_sub_title_2{color:#006ab6;font-size:18px;margin:5px 0;text-align:center;}
.steps_sub_title b{clear:both;display:block;margin:5px 0 0;}

/*Step 3 css*/
.education_calc .initial_point_wrapper{background:url(../images/edu_intial_stud.png) right 35px bottom no-repeat;}
.education_calc .final_point_wrapper{background:url(../images/edu_final_stud.png) 35px bottom no-repeat;}
/*For Female css*/
.education_calc .grow_map.female .initial_point_wrapper{background:url(../images/marriage_intial_state_ico.png) no-repeat scroll right 35px bottom;}
.education_calc .grow_map.female .final_point_wrapper{background:url(../images/marriage_final_state_ico.png) 35px bottom no-repeat;}
.education_calc .initial_point_wrapper .initial_amount{right: 65px;}
.education_calc .final_point_wrapper .final_amount{left: 75px;}
.education_calc .grow_map.female .final_point_wrapper .final_amount{left:90px;}
/*Risk Preference Popup CSS*/
.risk_preference_popup_wrapper{float: right;}
.pop_content.risk_preference_popup{padding: 15px 0;width: 850px;}
.pop_content.risk_preference_popup h1{ border-bottom: none;color: #006ab6;font-size: 24px;margin: 30px 5px 15px;text-align: center;}
.accordion_wrapper {/*min-width: 845px;*/margin: 0 auto; width: 80%;}
.accordion_wrapper .panel {margin-bottom: 25px;border-color: #31b1e5 #cecece #cecece;border-radius: 10px;border-style: solid;border-width: 2px 1px 1px;max-width: 850px;}
.accordion_wrapper .header{background-color: transparent; color: #3481c0;cursor: pointer;font-size: 16px;font-weight: bold;padding: 35px 0;text-align: center;}
.accordion_wrapper .content{color: #3481c0;overflow: hidden;display: none;text-align: center;font-size: 15px;}
.accordion_wrapper .radio_field_wrapper {margin: 0 25px 10px;text-align: left;/*overflow: hidden;*/}
.accordion_wrapper .radio_field_wrapper:last-child {margin-bottom: 30px;}
.radio_field_wrapper label{color: #3481c0;cursor: pointer;font-weight: normal;margin-top: -4px;margin-left: 5px;font-size: 16px;}
.radio_field_wrapper input[type="radio"] {float: left;margin-right: 5px;margin-top: 3px;left: 2px;margin: inherit;position: inherit;width: 13px;height: 13px;top: 1px;position: relative;}
.next-tab.submit_btn.ui-link {margin-bottom: 25px;margin-right: 0;}
#risk_result_popup.next-tab {margin-bottom: 30px;}
.accordion_wrapper .content .next-tab {margin-bottom: 15px;}
.accordion_wrapper .disabled {background: #d6d6d6;cursor: no-drop;}

/*Risk Profile Result Popup CSS*/
.risk_preference_result{padding: 10px 75px;}
.risk_preference_result h1 {border-bottom: medium none;color: #006ab6;font-size: 30px;margin: 0px 0 25px;text-align: center;padding-top: 25px;}
.risk_preference_result h1 span{color: #006ab6;}
.meter_indicator {margin: 0 auto 20px;width: 675px;height: 227px;}
.meter_indicator + p {color: #545454;text-align: center;margin-bottom: 30px;max-width: 700px;margin: 0 auto 15px;}
.risk_preference_result h2{color: #006ab6;font-size: 28px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.risk_percentage{height: 38px;margin-bottom: 40px;}
.Aggressive .risk_percentage{height: 34px;}
.risk_btn_wrapper {text-align: right;}
.risk_result_link {border-radius: 4px;cursor: pointer;font-size: 16px;display: inline-block;margin-bottom: 25px;margin-left: 10px;padding: 7px 25px 7px 7px;position: relative;text-align: left;width: 100px;}
.risk_result_link.btn_gry {margin-right: 5px;margin-left: 0;}


/*Condition CSS*/
.Conservative .meter_indicator{background: url(../images/conservative_circular_meter_ico.png) center bottom no-repeat;}
.Balanced .meter_indicator{background: url(../images/balanced_circular_meter_ico.png) center bottom no-repeat;}
.Aggressive .meter_indicator{background: url(../images/aggressive_circular_meter_ico.png) center bottom no-repeat;}
.risk_percentage{margin: 0 auto 25px;max-width: 450px;overflow: hidden;}
.risk_percentage span {color: #fff;font-size: 12px;font-weight: bold;}
.debt {float: left;text-align: center;padding: 11px 0;}
.equity {text-align: center;padding: 10px 0;}
.Conservative .risk_percentage {background: #f4be90;}
.Conservative .risk_percentage .debt {background: #ec7d24;}
.Balanced .risk_percentage {background: #92C25F;}
.Balanced .risk_percentage .debt {background: #649732;}
.Aggressive .risk_percentage {background: #E69093;}
.Aggressive .risk_percentage .debt {background: #D02126;min-width: 15%;}

/*Retirement Calculator CSS*/
.retirement_calc .filter{margin-bottom:75px;width: 46%;}



/*Tax Calculator CSS*/
.tax_calc{background-image:url(../images/tax_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;border-bottom: 5px solid #868686;margin-bottom: 5px;}
.tax_calc::after{background: #93c01f;bottom: -10px;content: "";height: 5px;left: 0;position: absolute;width: 100%;}
.tax_calc .age_filter{margin: 0 auto 10px;}/*CR*/
.tax_calc .step-content {height: 450px;max-width: 885px;}/*CR*/
.tax_calc .step-content p{ color: #006ab6;font-size:13px;font-weight: bold;text-transform: capitalize;margin: 0 auto 5px;width: 80%;}
.tax_calc #fragment-5 .step-content {height: auto;min-height: inherit;}
.tax_calc #fragment-2 .filter, .tax_calc #fragment-3 .filter, .tax_calc #fragment-4 .filter, .tax_calc #fragment-5 .filter,.tax_calc #fragment-6 .filter, .tax_calc #fragment-7 .filter{margin-bottom: 40px; width: 45%;}
.tax_calc #fragment-2 .filter:nth-child(2n), .tax_calc #fragment-3 .filter:nth-child(2n), .tax_calc #fragment-4 .filter:nth-child(2n), .tax_calc #fragment-5 .filter:nth-child(2n), .tax_calc #fragment-6 .filter:nth-child(2n), .tax_calc #fragment-7 .filter:nth-child(2n) {float: right;}
.tax_calc .formControl .ui-input-text{display: block;float: left;width: 90%;}
.filter .input_wrapper {width: auto;}
.tax_calc #fragment-1 .filter {margin: 0 2.5%;width: 45%;}
.tax_calc .filter.huge p {margin-top: -16px;}
.disclaimer_txt {color: #616160;font-size: 10px;margin: 0 auto;width: 50%;text-align: justify;line-height:15px;}

.tax_calc #fragment-5 .step-content .filter {margin-bottom: 10px;}/*CR*/
.tax_calc #fragment-5 .step-content .filter .formControl {margin-top: 0;}/*CR*/
.tax_calc #fragment-5 .step-content p {margin: 0 auto;}/*CR*/


/*Marriage Calculator CSS*/
.marriage_calc .filter{width: 46%;}
.calculation_steps_wrapper.marriage_calc{background-image:url(../images/marriage_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;border-bottom: 5px solid #585F64;}
.marriage_calc #fragment-3 .step-content {margin: -31px auto 0px;}/*CR*/
.marriage_calc .initial_point_wrapper{background:url(../images/marriage_intial_state_ico.png) no-repeat scroll right 35px bottom;}
.marriage_calc .final_point_wrapper{background:url(../images/marriage_final_state_ico.png) 35px bottom no-repeat;}
/*Male Marriage CSS*/
.marriage_calc .grow_map.male .initial_point_wrapper{background:url(../images/edu_intial_stud.png) right 35px bottom no-repeat;}
.marriage_calc .grow_map.male .final_point_wrapper{background:url(../images/edu_final_stud.png) 35px bottom no-repeat;}
.marriage_calc .initial_point_wrapper .initial_amount{right: 65px;}
.marriage_calc .final_point_wrapper .final_amount{left: 90px;}

/*Legacy Calculator CSS*/
.calculation_steps_wrapper.legacy_calc{background-image:url(../images/legacy_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;}
.calculation_steps_wrapper.legacy_calc .step-content{height: 455px;}
.legacy_calc .filter{margin-bottom:75px;width: 46%;}
.legacy_calc .initial_point_wrapper{background:url(../images/legacy_intial_state_ico.png) no-repeat scroll right 35px bottom;}
.legacy_calc .final_point_wrapper{background:url(../images/legacy_final_state_ico.png) 35px bottom no-repeat;}
.legacy_calc .initial_point_wrapper .initial_amount{right: 75px;}
.legacy_calc .final_point_wrapper .final_amount{left: 100px;}
.legacy_calc .grow_map.female .initial_point_wrapper{background:url(../images/marriage_intial_state_ico.png) no-repeat scroll right 35px bottom;}
.legacy_calc .grow_map.female .final_point_wrapper{background:url(../images/marriage_final_state_ico.png) 35px bottom no-repeat;}
.legacy_calc .inflation_indicator {left: 35%;top: 25%;}
.inflation_indicator div.ui-input-text input.inflation_filed.invest_field,
.inflation_indicator input.inflation_filed.invest_field{  margin: 0 auto;text-align: center;width: 50px;padding-right: 3px;}
/*.wealth_calc .inflation_indicator input.inflation_filed.invest_field{  padding-right: 2px;}*/


/*Health CSS*/
.calculation_steps_wrapper.health_calc{background-image:url(../images/health_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;border-bottom: 5px solid #3cb878;}
.step-content.health{height: auto;}
h2.health-heading2,h4.health-heading4{color:#006ab6;text-align: center; font-size: 22px;}
h4.health-heading4{font-weight: bold}
h4.health-heading4.current_health_heading {font-size: 14px;margin-bottom: 15px;text-align: center;}
.healthCalculatorWrapper{float: left; margin-top: 15px;width: 100%;margin-bottom: 20px;border-bottom: 1px solid #b2d6ed;}/*CR*/
.healthCalculatorWrapper .filter {margin-bottom: 0;}
.illnessCostTable_heading &gt; li {float: left;width: 50%;}
.illness_heading {margin: 0 auto;overflow: hidden;padding: 0 15%;}
.illness,.costEstimate{color: #006ab6;display: inline-block;float: left;font-size: 14px;font-weight: bold;}
.illness {padding-left: 55px;}
.costEstimate{float: right;}
.illnessCostTable{border-top: 1px solid #b2d6ed;clear: both;margin-top: 30px;overflow: hidden;text-align: left;}
.illnessCostTable li{float: left;width: 50%;}
.illness_list {background: url("../images/fna_goal_chk_ico.png") no-repeat scroll 11px 7px;border-top: 1px solid #b2d6ed;height: 50px;display: block;margin: 0 15%;overflow: hidden;padding: 0px 20px 0px 55px;cursor: pointer;}/*CR*/
.illness_list.selected {background-position: 11px -33px;}/*CR*/
.illnessCostTable li:first-child .illness_list, .illnessCostTable li:nth-child(2) .illness_list{border-top: medium none;}
.illnessCostTable li:last-of-type{border-bottom:0;}
.illnessType{display: block;float: left;font-size: 14px;height: 50px;padding-right: 2%;vertical-align: middle;width: 68%;}/*CR*/
.illnessType &gt; span {color: #000;display: table-cell;height: 50px;vertical-align: middle;}
.coveringCost{color: #000;display: inline-block;float: right;font-size: 14px;position: relative;text-align: right;width: 30%;line-height: 50px;}/*CR*/
.step-content.health .fullFilter{width: 100%;text-align: center;margin-top: 15px;}
.step-content.health .ui-input-text{display: inline-block;width: 35%}
.formControl.current_health {width: 60%; margin: 10px auto;background: transparent !important;}
.formControl.current_health input {width: 90%;float: left;}
.step-content.health .current_health .ui-input-text {float: left;width: 94%;}
.health_calc .step-content{height: 455px;min-height: inherit;padding-top: 5px;}/*CR*/
.grow_map.money_bag_map {margin: 90px auto 0px;min-height: inherit;overflow: hidden;position: relative;height: auto;}
.money_bag{float:left;height:135px;position:relative;width:20%;}
.money_bag i{display:block;height:103px;margin:0 auto;width:90px;}
.lineInterval{margin:0 auto;max-width:950px;}
.lineInterval li{display:block;float:left;height:10px;position:relative;text-align:center;width:20%;}
.lineInterval .timeline{color:#003e6e;display:block;font-size:13px;font-weight:700;padding-top:15px;text-align:center;width:100%;}
.lineInterval li .timeline::after{border-left:2px solid #003e6e;content:"";height:10px;left:50%;position:absolute;top:0;width:2px;}
.lineValues .rupee + span{margin-left:5px;}
.lineValues li:first-child .rupee,.lineValues li:first-child .rupee + span{left:65%;}
.ailment-cost-category{margin:40px auto 0;max-width:950px;min-height:20px;}
.curr_cost{color:#006ab6;display:inline-block;float:left;font-size:14px;position:relative;text-align:center;width:20%;margin-top: 0px;}
.curr_cost span{color:inherit;display:inline-block;width:90px;}
.projected_cost{border:1px solid #b2d6f0;border-top:none;float:left;height:10px;margin:15px 4% 15px 6%;text-align:center;width:69%;}
.projected_cost .info {left: -4%;position:relative;}
.projected_cost span{font-size: 14px;color: #006ab6;background-color: #d4ebfb;display: inline-block;width: 200px;text-align: center;}
.money_bag:after{content: ' ';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background:url(../images/money_bag_ico.png) center bottom 10px no-repeat;*/}
.money_bag_map .money_bag:first-child::after {background-size: 35px auto;opacity: 0.25;}
.money_bag_map .money_bag:nth-child(2)::after {background-size: 45px auto;opacity: 0.4;}
.money_bag_map .money_bag:nth-child(3)::after {background-size: 55px auto;opacity: 0.55;}
.money_bag_map .money_bag:nth-child(4)::after {background-size: 70px auto;opacity: 0.7;}
.money_bag_map .money_bag:nth-child(5)::after {background-size: 90px auto;}
.bag_info {height: auto;}
.bag_info &gt; p {text-align: center;}
.bar_graph p,.money_bag p{color: #003e6e;font-weight: bold;text-align: center;}
.money_bag_map .money_bag:first-child p {margin-top: 60px;}
.money_bag_map .money_bag:nth-child(2) p {margin-top: 50px;}
.money_bag_map .money_bag:nth-child(3) p {margin-top: 40px;}
.money_bag_map .money_bag:nth-child(4) p {margin-top: 20px;}
.money_bag_map .money_bag:nth-child(5) p {margin-top: 0px;}
.money_bag_map .money_bag:first-child p span {font-size: 11px;}
.money_bag_map .money_bag:nth-child(2) p span {font-size: 12px;}
.money_bag_map .money_bag:nth-child(3) p span {font-size: 13px;}
.money_bag_map .money_bag:nth-child(4) p span {font-size: 14px;}
.money_bag_map .money_bag:nth-child(5) p span {font-size: 15px;}
.money_bag .rupee{color:#333;position: relative;left:-2px;top: 0;font-size: 14px;}
.money_bag .rupee + span{color: #333;font-size: 14px;}
.health_calc .duration_wrapper .chk {top: 0;}

/*Life Protection CSS */
.calculation_steps_wrapper.life_protection_calc{background-image:url(../images/life_protection_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;border-bottom: 5px solid #a6bd39;}
.life_protection_calc .step-content {height: 450px;}/*CR*/
.grow_map.LP_graph {margin-top: 95px;min-height: 130px;}
.grow_map.LP_graph .initial_point_wrapper{background:url(../images/LP_graph_ico.png) right bottom 20px no-repeat;}
.grow_map.LP_graph .final_point_wrapper{background:url(../images/LP_graph_ico.png) left bottom 20px no-repeat;}
.grow_map.LP_graph .initial_point_wrapper img {float: right;}
.grow_map.LP_graph .inflation_indicator {left: 39%;top:0;}
.grow_map.LP_graph .mid_graph_wrapper{height: 100px;}
.grow_map.LP_graph .initial_point_wrapper, .grow_map.LP_graph .final_point_wrapper {height: 130px;}
.grow_map.LP_graph .initial_point_wrapper::before{right: 50px;}
.grow_map.LP_graph .final_point_wrapper::before{left: 60px;}
.grow_map.LP_graph .mid_graph_wrapper .error_msg{top: 05px;}
.life_protection_calc #fragment-3 .intial_amount_wrapper input.intial_amount {font-size: 24px;width: 170px;margin: 0px 0;}
.life_protection_calc #fragment-3 .intial_amount_wrapper input.intial_amount.final {margin: 4px 0;}
.life_protection_calc #fragment-3 .intial_amount_wrapper .ui-input-text {width: 170px;}
.life_protection_calc #fragment-3 .intial_amount_wrapper span.rupee_sign,
.life_protection_calc #fragment-3 .intial_amount_wrapper.final span.rupee_sign {font-size: 17px;margin: 22px 3px 0 0;width: auto;}
.life_protection_calc .duration_wrapper .chk {top: 0;}
/*.calculation_steps_wrapper.life_protection_calc.duration_wrapper &gt; p {color: #579bd2;font-size: 15px;font-weight: 700;width: 80%;-webkit-margin-before: 0;-webkit-margin-after: 0;vertical-align: middle;display: table-cell;float: none;height: 50px;}*/


/*Wealth Calculator CSS*/
.calculation_steps_wrapper.wealth_calc{background-image:url(../images/wealth_steps_bg.png);background-position:center bottom;background-repeat:no-repeat;border-top:1px solid #cad4da;position:relative;border-bottom: 5px solid #e2cd3f;}
.wealth_calc #fragment-1 .step-content {margin: -32px auto 0;}


/*Wealth Stage 1 CSS*/
.wealth_select_wrapper {margin: 90px auto 0;width: 660px;}
.wealth_select_wrapper a i {background: #ccc;display: block; opacity: 0.3;width: 70px; height: 65px;}
.wealth_select_wrapper a i.foreign_ico{background: url(../images/foreign_travl_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.car_ico{background: url(../images/car_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.gift_ico{background: url(../images/gift_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.corpus_ico{background: url(../images/corpu_lists_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.own_wealth_ico{background: url(../images/own_wealth_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.buying_house_ico{background: url(../images/buying_house_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a i.own_goal_ico{background: url(../images/own_goal_list_ico.png) center center no-repeat;}
.wealth_select_wrapper a {display: inline-block;text-align: center;padding-bottom: 15px;}
.wealth_select_wrapper a{background: url(../images/un-selected_ico.png) center bottom no-repeat;}
.wealth_select_wrapper a.selected{background: url(../images/selected_ico.png) center bottom no-repeat;}
.wealth_select_wrapper a span, .wealth_select_wrapper a textarea {display: inline-block;font-size: 13px; color: #666!important;width: 75px;border: medium none; margin: 0px; height: 55px !important; background: none;resize:none;text-align:center;font-family:Arial,sans-serif; padding:0px;}
/*.wealth_calc .radio_field_wrapper label{margin-top: 5px;}*/
.wealth_select_wrapper a.selected i{opacity: 1;}
.wealth_select_wrapper a.selected span {color: #006ab6;}
.wealth_select_wrapper .slick-slide {text-align: center;}
.wealth_select_wrapper .slick-prev::before,.wealth_select_wrapper .slick-next::before{content:"";}
.wealth_select_wrapper .slick-prev,.wealth_select_wrapper .slick-next{background:url(../images/recommended_policy_arrow.png) 0 0 no-repeat;height:34px;width:19px;}
.wealth_select_wrapper .slick-next{background-position:-19px 0;}
.wealth_select_wrapper .slick-prev{left:-20px;top: 20%;}
.wealth_select_wrapper .slick-next{right:-20px;top: 20%;}
.wealth_select_wrapper .slick-slide:last-child a{background: none;}
/*Wealth Step 2 */
.wealth_calc .filter{width: 46%;}

/*Car Graph CSS*/
.car_graph .initial_point_wrapper{background: url(../images/initial_car_ico.png) no-repeat scroll right 35px bottom;}
.car_graph .final_point_wrapper{background: url(../images/final_car_ico.png) no-repeat scroll left 35px bottom;}
/*Foreign Graph*/
.foreign_graph .initial_point_wrapper{background: url(../images/initial_foreign_ico.png) no-repeat scroll right 35px bottom;}
.foreign_graph .final_point_wrapper{background: url(../images/final_foreign_ico.png) no-repeat scroll left 35px bottom;}
/*Gift Graph*/
.gift_graph .initial_point_wrapper{background: url(../images/initial_gift_ico.png) no-repeat scroll right 35px bottom;}
.gift_graph .final_point_wrapper{background: url(../images/final_gift_ico.png) no-repeat scroll left 35px bottom;}
/*Corpus Graph*/
.corpus_graph .initial_point_wrapper{background: url(../images/initial_corpus_ico.png) no-repeat scroll right 35px bottom;}
.corpus_graph .final_point_wrapper{background: url(../images/final_corpus_ico.png) no-repeat scroll left 35px bottom;}
/*Own_goal Graph*/
.own_goal_graph .initial_point_wrapper{background: url(../images/initial_own_goal_ico.png) no-repeat scroll right 35px bottom;}
.own_goal_graph .final_point_wrapper{background: url(../images/final_own_goal_ico.png) no-repeat scroll left 35px bottom;}
/*buying_house Graph*/
.buying_house_graph .initial_point_wrapper{background: url(../images/initial_buying_house_ico.png) no-repeat scroll right 35px bottom;}
.buying_house_graph .final_point_wrapper{background: url(../images/final_buying_house_ico.png) no-repeat scroll left 35px bottom;}


/*Wealth List Slider*/
.wealth_list_wrapper{position:absolute;right:20px;top:10px;width:auto;z-index:92;margin:0 auto;text-align: center;padding: 0 10px;}
.wealth_list_wrapper &gt; div { display: inline-block;float: none;height: 100px;margin: 0 10px;text-align: center;vertical-align: top;width: 65px;}
.wealth_list_wrapper div a{height:auto;margin:0 auto;overflow:hidden;position:relative;text-align:center;}
.wealth_list_wrapper div a i{background-color:#fff;border:1px solid #ddd;border-radius:100%;clear:both;display:block;float:none;height:60px;margin:0 auto 5px;text-align:center;width:60px;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.wealth_list_wrapper div a span{clear:both;color:#9b9b9b;display:inline-block;font-size:13px;overflow:hidden;position:relative;}
.wealth_list_wrapper div a:hover span{color:#006ab6;}
.wealth_list_wrapper div a i.foreign{background-image:url(../images/foreign_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.car{background-image:url(../images/car_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.gift{background-image:url(../images/gift_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.corpus{background-image:url(../images/corpus_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.buying_house{background-image:url(../images/buying_house_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.own_goal{background-image:url(../images/own_goal_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a i.own_wealth{background-image:url(../images/own_wealth_ico.png);background-repeat:no-repeat;background-position:top 60px;}
.wealth_list_wrapper div a:hover i.foreign:hover,
.wealth_list_wrapper &gt; div a:hover i.car:hover,
.wealth_list_wrapper &gt; div a:hover i.gift:hover,
.wealth_list_wrapper &gt; div a:hover i.corpus:hover,
.wealth_list_wrapper &gt; div a:hover i.buying_house:hover,
.wealth_list_wrapper &gt; div a:hover i.own_goal:hover,
.wealth_list_wrapper &gt; div a:hover i.own_wealth:hover{background-position:0 -60px;}
.wealth_list_wrapper div a:hover i, .wealth_list_wrapper div a.active_wealth i{background-color:#006ab6;background-position:0 -60px;}
.wealth_list_wrapper div a.active_wealth span{color: #006ab6;}
.wealth_list_wrapper div a.completed i{background-color:#4bba0e;background-position:0 -60px;}
.wealth_list_wrapper div a.completed span{color: #4bba0e;}
/*.wealth_list_wrapper .slick-slide{display:inline-block;margin:0 auto;overflow:hidden;text-align:center;}*/
.wealth_list_wrapper .slick-prev::before,.wealth_list_wrapper .slick-next::before{content:"";}
.wealth_list_wrapper .slick-prev,.wealth_list_wrapper .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;}
.wealth_list_wrapper .slick-next {background-position: -9px 0; right: -10px;margin-top: -15px;}
.wealth_list_wrapper .slick-prev{left: -10px;margin-top: -15px;}

/*Assumption CSS*/
.assumption_wrapper{background:#fff;height:auto;left:-410px;width:410px;top:25%;position:absolute;z-index: 999;}/*Update Both Value simulteneously left &amp; width*/
.assumption_btn{background:#9a9a9a;border-radius:0 5px 5px 0;color:#fff;font-size:14px;font-weight:700;height:225px;padding:0 5px;position:absolute;top:0;width:40px;right:-40px;cursor:pointer; z-index: 1000;}
.assumption_btn i{background:url(../images/assumption_arrow_ico.png) center center no-repeat;display:block;height:13px;left:15px;position:absolute;width:7px;}
.assumption_btn i.up_arrow{top:25px;}
.assumption_btn i.down_arrow{bottom:25px;}
.assumption_btn.prev_dir i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.assumption_btn span{color:#fff;display:inline-block;margin:105px -30px;text-align:center;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
/*Assumption Content Css*/
.assumption_filters{overflow:hidden;padding:20px 15px 25px;border-bottom: 1px solid #9a9a9a;border-right: 1px solid #9a9a9a;border-top: 1px solid #9a9a9a;min-height: 225px;}
.assumption_filters &gt; h1{background: none; color:#2a77bd;display:inline;float:left;font-size:22px;font-weight:700;padding:10px 15px 10px 0;}
.assumpn_btn{/*float:left;*/margin:10px 0 10px;position:relative;}
.assumpn_btn button{border-radius:4px;cursor:pointer;font-size:16px;margin-left:5px;padding:7px 25px 7px 7px;position:relative;text-align:left;width:100px;}
.assumpn_btn button:hover{box-shadow:none;}
.btn_gry{background:#f7f7f7;background:-moz-linear-gradient(#fff,#f7f7f7);background:-o-linear-gradient(#fff,#f7f7f7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f7f7f7));background:-webkit-linear-gradient(#fff,#f7f7f7);border:1px solid #ddd;color:#006ab6;font-size: 16px;cursor: pointer;}
.btn_gry:hover, .btn_gry:focus{text-decoration: none;background:#fff;background:-moz-linear-gradient(#f7f7f7,#fff);background:-o-linear-gradient(#f7f7f7,#fff);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f7f7f7),to(#fff));background:-webkit-linear-gradient(#f7f7f7,#fff);color:#006ab6;}
.btn_blu{background:#016bb6;background:-moz-linear-gradient(#2680c1,#016bb6);background:-o-linear-gradient(#2680c1,#016bb6);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#2680c1),to(#016bb6));background:-webkit-linear-gradient(#2680c1,#016bb6);color:#fff;border:1px solid #016bb6;}
.btn_blu:hover, .btn_blu:focus{text-decoration: none;background:#2680c1;background:-moz-linear-gradient(#016bb6,#2680c1);background:-o-linear-gradient(#016bb6,#2680c1);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#016bb6),to(#2680c1));background:-webkit-linear-gradient(#016bb6,#2680c1);color: #fff;}
.btn_gry i, .btn_blu i{display:inline-block;height:22px;position:absolute;right:5px;width:22px;-webkit-margin-before: -2px;top:7px;}
.btn_gry i{background:url(../images/know_more_ico.png) no-repeat scroll left top;}
.btn_blu i{background:url(../images/know_more_white_ico.png) no-repeat scroll left top;}
.planning .btn_gry i, .planning .btn_blu i{top: 10px;}
.visible_filter{clear:both;}
.flt_list{border-bottom:1px solid #ddd;clear:both;margin-bottom:-1px;}
.flt_value_wrapper{overflow:hidden;padding:5px 10px;}
.flt_wrapper{border:1px solid #ddd;border-radius:4px;}
.flt_value_wrapper &gt; span{color:#9a9a9a;display:inline-block;float:left;font-size:14px;padding:10px 0;width:195px;}
input.flt_btn[type="button"]{background: none;color: #006ab6;float: left;font-size: 30px;font-weight: 700;line-height: 0px;margin: 5px 0 0;padding: 0;width: 35px;height: 30px;/* border: 1px solid #006ab6;*/}
input.flt_input[type="number"]{border:1px solid #ddd;color:#333;float:left;font-size:19px;font-weight:700;height:30px;margin:4px 10px 0 10px;padding:0;text-align:center;width:65px;-moz-appearance:textfield;}
input.flt_input[type="number"]::-webkit-outer-spin-button,
input.flt_input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input.flt_btn.rt[type="button"]{font-size:25px;}
input.flt_btn[type="button"]:hover{box-shadow:none;}
input.flt_btn[type="button"]:focus {outline: 0;}
.hidden_filter{display:none;}
.up_down_btn{color:#2a77bd;cursor:pointer;display:block;font-size:15px;font-weight:700;margin:12px 0 -15px;text-align:center;}
.hidden_filter &gt; h1{background: none; color:#2a77bd;font-size:16px;padding:20px 0 5px;/*font-weight: normal;*/text-align: left;}
.flt_list select.form-control.simple{background-position: right center;border: 1px solid #006ab6;font-size: 14px;margin: 3px 15px 0 0;padding: 0px 0px 0 5px;width: 135px;height: 30px;}


/*Summary Report CSS*/
.calculation_steps_wrapper.summary_report_wrapper { margin-top: 10px;padding-top: 50px;}
.summary_report_wrapper .step-content { height: auto;padding-bottom: 0px;position: relative;overflow: visible;width: 90%;  max-width: 870px;}
.summary_slider {padding: 5px 0;}
.summary_wrapper{background:#fff;border:1px solid #aad1ed;border-radius:4px;float:left;margin:0 2.3% 25px 5%;padding:20px 0px 15px;width:100%; max-width: 390px;}
.summary_wrapper:hover {border: 1px solid #006ab6;box-shadow: 0 0 2px #006ab6;}
/*All Calculator summary Images*/
.summary_wrapper.edu_report{background: url(../images/summary_report_edu_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.retire_report{background: url(../images/summary_report_retire_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.life_report{background: url(../images/summary_report_life_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.marriage_report{background: url(../images/summary_report_marriage_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.health_report{background: url(../images/summary_report_health_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.wealth_report{background: url(../images/summary_report_wealth_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.legacy_report{background: url(../images/summary_report_legacy_ico.png) 95% 25px no-repeat #fff;}
.summary_wrapper.tax_report{background: url(../images/summary_report_tax_ico.png) 95% 25px no-repeat #fff;}

.summary_wrapper h2{color: #006ab6;font-size: 25px;font-weight: 700;padding: 0 75px 0 20px;}
.summary_wrapper h2 + span {border-bottom: 1px solid #e5e5e6;clear: both;color: #046abe;display: block;font-size: 14px;font-weight: normal;margin: 0 20px 0px 20px;padding-bottom: 15px;}
.summary_wrapper .btn_blu{border-radius:4px;cursor:pointer;float:right;font-size:16px;margin-right:20px;margin-top:24px;padding:7px 55px 7px 7px;position:relative;text-align:left; clear: both;}
.summary_wrapper .btn_blu i {top: 7px;}
.report_dashboard{padding:20px 20px 0px;float:left;}
.field_row &gt; div{color:#046abe;}
.field_row{padding:05px 0;float: left;width: 100%;}
.field_row &gt; div.filed_caption{float:left;font-size: 15px;width: 40%;}
.field_row &gt; div.filed_value{float:right;text-align: right;width: 60%; font-weight:700;font-size: 15px;height: 25px;line-height: 16px;padding-top: 5px;}
.report_dashboard .field_row &gt; div.filed_value {min-height: 25px;height: auto;}
.field_row &gt; div.filed_value .rupee{color:#006ab6;font-size:16px;font-weight:400;left:inherit;padding-right:3px;position:relative;top:inherit;float:left;}
.field_row &gt; div.filed_value span{color:#006ab6;}
.field_row &gt; div.filed_value.suggested_amount span:nth-child(2) {margin-right: -4px;float: left;}
.field_row &gt; div.filed_value.suggested_amount span:first-child {padding-right: 7px;}
.field_row &gt; div.filed_value.commitment_amount .commit_value{background-color:transparent; border: medium none;color: #333;font-family: Arial,Helvetica,sans-serif;font-size: 15px;font-weight: bold;margin-right: -3px;text-align: left;width: 35px;float: left;margin-top: -4px;padding-left: 5px;}
.field_row &gt; div.filed_value.commitment_amount .commit_value:focus {outline: 0;}
.field_row &gt; div.filed_value.commitment_amount .commit_value.th{width: 55px;}
.field_row &gt; div.filed_value.commitment_amount .commit_value.lk{width: 80px;}
.field_row &gt; div.filed_value.commitment_amount .commit_value.cr{width: 90px;}
.field_row &gt; div.filed_value.suggested_amount,.field_row &gt; div.filed_value.commitment_amount{border-bottom: 1px solid #e5e5e6;}
.summary_result{margin:0 auto 25px;overflow:hidden;width:850px;}
.summary_result &gt; div{float:left;margin:0 1.5% 0 1%;padding:25px 0;width:16%;}
.summary_result &gt; div:first-child{margin-right:2%;padding:0;width:12%;}
.summary_result &gt; div:last-child {margin: 10px 0 0;padding: 0;text-align: center;width: 9%;position: relative;}
.summary_result &gt; div:first-child h2{background: url(../images/summary_result_dogy.png) right top no-repeat;font-size: 25px;padding: 40px 0 2px;vertical-align: bottom;width: 110px;}
.summary_result h2{color:#006ab6;font-size:20px;font-weight:700;}
.summary_result span{color:#006ab6;font-size:14px;}
.summary_email_report_wrapper{margin:0 auto;overflow:hidden;padding:10px;width:850px;/*display:none;Summary Email hide &amp; show*/}
.summary_email_report_wrapper h1 span{font-size:24px;font-weight:400;padding:0 15px;}
.summary_email_report_wrapper h1{background-position:left 20px;margin-bottom:20px;}
.summary_email_report_wrapper .email_field {float: left;width: 37%; margin: 0 1%;}
.summary_email_report_wrapper input.form-control[type="text"]{background:#eaf5fd;border:1px solid #cecece;font-family:Arial,Helvetica,sans-serif;color:#333;float:left;font-size:14px;font-weight:700;height:40px;padding:0 2.5%;width:98%;box-shadow: none;line-height: 42px;}
.summary_email_report_wrapper input.form-control[type="text"]:focus{background: #fff;}
.summary_email_report_wrapper button{border-radius:4px;cursor:pointer;float:left;font-size:16px;padding:10px 1%;position:relative;text-align:left;width:19%;}
.summary_email_report_wrapper button i{top: 10px;}
.calculator_wrapper .summary_report_wrapper .prev-tab{bottom:0;left:5%;margin:0 0 190px;position:absolute;}
.pie_progress_wrapper {border-radius: 100%;display: inline-block;height: 80px;line-height: 80px;margin: 0 0 0 20px;text-align: center;width: 80px;position: relative;}
.pie_value, .result_pie_value {color: #006ab6;font-size: 20px;font-weight: bold;position: absolute;top: 0;width: 80px;}
.result_pie_value{ font-size: 20px;line-height: 80px;}
.add_member_wrapper {text-align: center;}
.add_member_wrapper .next-tab {margin: 0 auto;float: none;text-align: center;width: auto;padding: 10px 45px 10px 10px;}



/*Goal CSS */
.planning .btn_gry{border-radius:4px;float:right;padding:8px 35px 8px 10px;position:relative;margin-top: 5px;}
.planning .btn_gry.flt{float: left;}
.planning{margin:-5px 5px 5px;overflow:hidden;}
.calculator_wrapper .goals_wrapper h1{padding:25px 5px 20px;}
.planning_icon{text-align:center;margin-top:-15px;margin-bottom:10px;}
.planning_icon a{background:url(../images/select_planning_icon.png) center center no-repeat;display:inline-block;height:234px;text-align:center;width:153px;}
.step-content.planning_type_wrapper{height:auto;}
.planning_list li{float:left;margin:0;width:32%;}
.planning_list li:last-child{margin-right:0;}
.planning_list{margin:0 auto;max-width:870px;}
.inner_content{margin:0 5%;border-radius:5px 5px 0 0;padding:185px 0 22px;text-align:center;}
.inner_content.quick_type{background:url(../images/quick_planning_ico.png) center 45px no-repeat #fff;}
.inner_content.plan_type{background:url(../images/plan_planning_ico.png) center 35px no-repeat #fff;}
.inner_content.comprehensive_type{background:url(../images/comprehensive_planning_ico.png) center 45px no-repeat #fff;}
.inner_content h2{color:#333;font-size:27px;font-weight:700;}
.inner_content span{color:#9b9b9b;display:inline-block;font-size:15px;margin:10px 0 0;}
.planning_list li p{background:#006ab6;border-radius:3px;color:#fff;font-size:14px;max-width:inherit;font-weight:700;margin:0 7px;padding:7px 0;text-align:center;}
.planning_list li:hover{cursor:pointer;}
.planning_list .slick-list{padding:5px 0;}
.planning_list li:hover .inner_content,.planning_list li.select_goal .inner_content{box-shadow:0 0 5px 1px #006ab6;background-color:#EFEFEF;}
.planning_list .slick-prev::before,.planning_list .slick-next::before{content:"";}
.planning_list .slick-prev,.planning_list .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;}
.planning_list .slick-next{background-position:-9px 0;}
.planning_list .slick-prev{left:-10px;}
.planning_list .slick-next{right:-10px;}


/*Select Planning Goals CSS */
.calculator_wrapper.family_calculator{padding-top: 20px;}/*CR*/

.my_family_wrapper{left:1%;position:absolute;top:0;width:98%;}
.my_family_wrapper a{border-radius:4px;float:left;padding:8px 35px 8px 10px;position:relative;}
.my_family_wrapper a.goal_lnk{float:right;}
.your_stage{/*background:#fff;*/display:block;margin:0 auto -20px;max-width:700px;}/*CR*/
.your_stage div{margin:0px;text-align:center;}
.your_stage div a{background:#fff;border:1px solid #006ab6;border-radius:100%;display:inline-block;height:90px;width:90px;cursor: pointer;}
.your_stage a span{color:#7eb3dd;font-size:12px;font-weight:700;margin-top:95px;text-align:center;width:90px;display: block;}
.your_stage div a.active_stage,.your_stage div a:hover{background-color:#006ab6!important;background-position:center -90px!important;text-decoration: none;}
.your_stage div a.active_stage span,.your_stage div a:hover span{color:#006ab6;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
/*.your_stage div a.active_stage span{display: block;}*/
.your_stage div a.single_stage{background:url(../images/single_stage_ico.png) center 0 no-repeat;}
.your_stage div a.married_stage{background:url(../images/married_stage_ico.png) center 0 no-repeat;}
.your_stage div a.young_parent_stage{background:url(../images/young_parent_stage_ico.png) center 0 no-repeat;}
.your_stage div a.family_stage{background:url(../images/family_stage_ico.png) center 0 no-repeat;}
.your_stage div a.retire_stage{background:url(../images/retire_stage_ico.png) center 0 no-repeat;}
.your_stage .slick-track{margin:0 auto;}
.your_stage .slick-list{padding:15px 0 40px;}
.your_stage div.slick-slide{width:90px;height:90px;}
.step-content.stage_type_wrapper{height:auto;padding-top:5px;max-width:inherit;}
.step-content.stage_type_wrapper h2.snoopy_title{color:#333;font-size:28px;font-weight:700;margin:0 auto;text-align:center;width:100%;}
.snoopy_title img{margin:0 0 -35px;width:auto;}
.present_condition{background:url(../images/down_arrow.png) center bottom no-repeat;color:#42941e;font-size:18px;margin:15px 0 30px;padding-bottom:35px;text-align:center;}
.present_condition.out{color:#cd2128;}
.pie_stage_chart-wrapper{margin:0 auto 55px;text-align:center;position:relative;width:805px;}
.pie_chart{height:301px;margin:0 auto;text-align:center;width:301px;position:relative;z-index:99;}
.pie_chart::before {content: "";position: absolute;border-top: 1px solid #fff;left: 0;width: 300px;top: 150px;z-index: 5;}
.pie_chart::after {content: "";border-left: 1px solid #fff;left: 150px;height: 300px;position: absolute;}
.pie_chart a{background:#006ab6;color:#fff;display:inline-block;float:left;height:150px;width:150px;}
.pie_chart a.lt_top{border-radius:100% 0 0 0;}
.pie_chart a.rt_top{border-radius:0 100% 0 0;}
.pie_chart a.lt_bottom{border-radius:0 0 0 100%;}
.pie_chart a.rt_bottom{border-radius:0 0 100%;}
.pie_chart a.lt_top p{margin:55px 25px 0 0;transform:rotate(-45deg);}
.pie_chart a.rt_top p{margin:55px 25px 0 60px;transform:rotate(45deg);}
.pie_chart a.lt_bottom p{margin:80px 20px 0 0;transform:rotate(-310deg);}
.pie_chart a.rt_bottom p{margin:85px 25px 0;transform:rotate(-45deg);}
.pie_chart a.mid_circle{background:#fff;border-radius:100%;left:25%;position:absolute;top:25%;z-index: 9;}
.pie_chart a p span{color:#fff;font-size:17px;font-weight:700;}
.pie_chart a.mid_circle span{background:url(../images/pie_chat_user_ico.png) center center no-repeat;color:#006ab6;display:inline-block;font-size:18px;height:0;margin:25px 0;padding-top:65px;}
.pie_chart a.mid_circle.question span{background:url(../images/question-ico.png) center center no-repeat;width:40px;height:150px;margin:0;padding:0;}
.pie_info span{border-top:1px solid #a0b2be;color:#000;display:inline-block;font-size:15px;padding:5px 20px 0 0;text-align:left;float:right;width:190px;}
.pie_info{position:absolute;width:270px;}
.pie_lt_top.pie_info{left:0;top:25px;}
.pie_lt_top.pie_info.retire{background:url(../images/fna-retire-ico.png) left center no-repeat;}
.pie_lt_top.pie_info.protection
.pie_lt_top.pie_info.wealth
.pie_lt_top.pie_info.child
.pie_lt_top.pie_info span{float:right;}
.pie_rt_top.pie_info{right:0;top:25px;}
.pie_rt_top.pie_info span{float:left;padding:5px 0 0 20px;text-align:right;}
.pie_lt_bottom.pie_info{bottom:-15px;}
.pie_lt_bottom.pie_info span{float:right;}
.pie_rt_bottom.pie_info{bottom:-15px;right:0;}
.pie_rt_bottom.pie_info span{float:left;padding:5px 0 0 20px;text-align:right;}
.pie_lt_top.pie_info::before{border-left:1px solid #a0b2be;content:"";float:right;height:35px;margin:-5px -13px 0 0;transform:rotate(-45deg);}
.pie_rt_top.pie_info::before{border-left:1px solid #a0b2be;content:"";float:left;height:35px;margin:-5px 0 0 -12px;transform:rotate(45deg);}
.pie_lt_bottom.pie_info::before{border-left:1px solid #a0b2be;content:"";float:right;height:35px;margin:-30px -13px 0 0;transform:rotate(45deg);}
.pie_rt_bottom.pie_info::before{border-left:1px solid #a0b2be;content:"";float:left;height:35px;margin:-30px 0 0 -13px;transform:rotate(-45deg);}
.pie_info i{height:60px;margin:-22px 0 0;width:60px;}
.pie_info.pie_lt_top i{float:left;}
.pie_info.pie_rt_top i{float:right;}
.pie_info.pie_lt_bottom i{float:left;}
.pie_info.pie_rt_bottom i{float:right;}
.pie_info i.retire{background:url(../images/fna-retire-ico.png) center center no-repeat;}
.pie_info i.protection{background:url(../images/fna-family-ico.png) center center no-repeat;}
.pie_info i.wealth{background:url(../images/fna-wealth-ico.png) center center no-repeat;}
.pie_info i.child{background:url(../images/child_ico.png) center center no-repeat;}
.pie_info i.income{background:url(../images/pie_regular-income_ico.png) center center no-repeat;}


/*Stage Facts CSS*/
.step-content.stage_type_wrapper h2{display:block;height:100px;margin:5px auto 40px;text-align:center;width:100px;}

.step-content.stage_type_wrapper h2.retire{background:url(../images/retirement_stage_head_ico.png) center center no-repeat;}
.step-content.stage_type_wrapper h2.wealth{background:url(../images/wealth_stage_head_ico.png) center center no-repeat;}
.step-content.stage_type_wrapper h2.income{background:url(../images/income_stage_head_ico.png) center center no-repeat;}
.step-content.stage_type_wrapper h2.child{background:url(../images/child_stage_head_ico.png) center center no-repeat;}
.step-content.stage_type_wrapper h2.protection{background:url(../images/protection_stage_head_ico.png) center center no-repeat;}

.stage_type_wrapper .row{margin:0 0 40px;}
.stage_dashboard{margin:0 auto;max-width:1000px;overflow:hidden;}
.stage_dashboard li{border-right:1px solid #a0b2be;float:left;min-height:140px;padding:0 3%;text-align:center;width:18.9%;}
.stage_dashboard li span{color:#333;float:left;font-size:48px;font-weight:700;width:auto;}
.stage_dashboard li small{color:#333;display:inline-block;float:left;font-size:28px;font-weight:700;margin:19px 0 0;}
.stage_dashboard li small.yrs_filed{margin:13px 0 0;}
.stage_dashboard li p{clear:both;color:#333;font-size:15px;text-align:left;}
.stage_dashboard li:last-child{border-right:medium none;}


/*Family Tree CSS*/
.calculation_steps_wrapper.family_tree_wrapper {position: relative;top: 30px;padding-top: 20px;}/*CR*/
.family_tree_wrapper .step-content {min-height: 325px;}
.family_tree_wrapper #fragment-1 .step-content, .family_tree_wrapper #fragment-2 .step-content {height: 350px;}


.tree_member_add {padding-top: 30px;}
.tree_member_add .step-content {height: auto;}
.my_family_maker {margin-bottom: 65px;}
.my_family_maker i {background-color: #006ab6;border-radius: 100%;display: block;height: 90px;margin: 0 auto 10px;width: 90px;cursor: pointer;}
.my_family_maker i.male{background-image: url(../images/tree_male_ico.png);background-position: center center; background-repeat: no-repeat;}
.my_family_maker i.female{background-image: url(../images/tree_female_ico.png);background-position: center center; background-repeat: no-repeat;}
.my_family_maker &gt; p {color: #006ab6;font-size: 20px;text-align: center;}
.my_family_maker span {color: #9b9b9b;display: block;font-size: 16px;margin: 5px 0 0;}
.add_member_lnk {text-align: center;margin: 0 0 30px;}
.add_member_lnk span {background: url(../images/click_notify_ico.png) left center no-repeat;color: #9b9b9b;font-size: 14px;padding: 10px 5px 10px 40px;}
.my_family_members {margin: 0 auto;max-width: 800px;}
.my_family_members a i {background:url(../images/family_tree_add_ico.png) 0px -60px no-repeat #fff;display: block; width: 60px; height: 60px;border-radius: 100%;margin: 0 auto 10px;}
.my_family_members a.active i, .my_family_members a:hover i{background-color:#006ab6;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.my_family_members a.disable i {background-color: #d6d6d6;box-shadow: 0 0 1px 1px #ccc;}
.my_family_members a.disable {color: #afafaf;cursor: no-drop;}
.my_family_members a i.father{background-position: 0 0;}
.my_family_members a.disable i.father, .my_family_members a:hover i.father{background-position: 0 -60px;}
.my_family_members a i.mother{background-position: -60px 0;}
.my_family_members a.disable i.mother, .my_family_members a:hover i.mother{background-position: -60px -60px;}
.my_family_members a i.brother{background-position: -120px 0;}
.my_family_members a.disable i.brother, .my_family_members a:hover i.brother{background-position: -120px -60px;}
.my_family_members a i.sister{background-position: -180px 0;}
.my_family_members a.disable i.sister, .my_family_members a:hover i.sister{background-position: -180px -60px;}
.my_family_members a i.wife{background-position: -240px 0;}
.my_family_members a.disable i.wife, .my_family_members a:hover i.wife{background-position: -240px -60px;}
.my_family_members a i.husband{background-position: -540px 0;}
.my_family_members a.disable i.husband, .my_family_members a:hover i.husband{background-position: -540px -60px;}
.my_family_members a i.son{background-position: -300px 0;}
.my_family_members a.disable i.son, .my_family_members a:hover i.son{background-position: -300px -60px;}
.my_family_members a i.daughter{background-position: -360px 0;}
.my_family_members a.disable i.daughter, .my_family_members a:hover i.daughter{background-position: -360px -60px;}
.my_family_members a i.grand_son{background-position: -420px 0;}
.my_family_members a.disable i.grand_son, .my_family_members a:hover i.grand_son{background-position: -420px -60px;}
.my_family_members a i.grand_daughter{background-position: -480px 0;}
.my_family_members a.disable i.grand_daughter, .my_family_members a:hover i.grand_daughter{background-position: -480px -60px;}
.my_family_members a {color: #0069bc;display: inline-block;font-size: 12px;font-weight: bold;text-align: center;padding: 5px 0 0;}
.my_family_members a:hover{text-decoration: none;}
.my_family_members a span {display: inline-block;font-size: 13px; color: #9b9b9b;}
.my_family_members .slick-slide {text-align: center;}
.my_family_members .slick-prev::before,.my_family_members .slick-next::before{content:"";}
.my_family_members .slick-prev,.my_family_members .slick-next{background:url(../images/recommended_policy_arrow.png) 0 0 no-repeat;height:34px;width:19px;  margin-top: 0;}
.my_family_members .slick-next{background-position:-19px 0;}
.my_family_members .slick-prev{left:-50px;top: 25%;}
.my_family_members .slick-next{right:-50px;top: 25%;}

/*Alert Popup CSS*/
.pop_content .alert_wrapper {padding-top: 25px;}
.alert_wrapper .button_wrapper {display: block;margin: 0 0 20px;padding-top: 15px;text-align: center;width: 100%;}
.alert_wrapper .button_wrapper a {float: none;cursor: pointer;}
.alert_wrapper .button_wrapper a.flt {background:#f7f7f7;background:-moz-linear-gradient(#fff,#f7f7f7);background:-o-linear-gradient(#fff,#f7f7f7);background:-webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f7f7f7));background:-webkit-linear-gradient(#fff,#f7f7f7);border:1px solid #ddd;color:#006ab6;font-size: 16px;cursor: pointer;}
.alert_wrapper .next-tab i{top:6px;}
.next-tab.flt i {background: url(../images/know_more_ico.png) no-repeat scroll left top;}


/*Family Tree Stucture CSS*/
.section a i {background:url(../images/family_tree_add_ico.png) 0px -60px no-repeat #fff;display: block; width: 60px; height: 60px;border-radius: 100%;margin: 0 auto 10px;}
.section a.active i, .section a:hover i{background-color:#006ab6;-webkit-transition:all 1s linear;-o-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-kthtml-transition:all .3s linear;transition:all .3s linear;}
.section a i.father{background-position: 0 0;}
.section a.active i.father, .section a:hover i.father{background-position: 0 -60px;}
.section a i.mother{background-position: -60px 0;}
.section a.active i.mother, .section a:hover i.mother{background-position: -60px -60px;}
.section a i.brother{background-position: -120px 0;}
.section a.active i.brother, .section a:hover i.brother{background-position: -120px -60px;}
.section a i.sister{background-position: -180px 0;}
.section a.active i.sister, .section a:hover i.sister{background-position: -180px -60px;}
.section a i.wife{background-position: -240px 0;}
.section a.active i.wife, .section a:hover i.wife{background-position: -240px -60px;}
.section a i.son{background-position: -300px 0;}
.section a.active i.son, .section a:hover i.son{background-position: -300px -60px;}
.section a i.nephew{background-position: -300px 0;}
.section a.active i.nephew, .section a:hover i.nephew{background-position: -300px -60px;}
.section a i.daughter{background-position: -360px 0;}
.section a.active i.daughter, .section a:hover i.daughter{background-position: -360px -60px;}
.section a i.niece{background-position: -360px 0;}
.section a.active i.niece, .section a:hover i.niece{background-position: -360px -60px;}
.section a i.grand_son{background-position: -420px 0;}
.section a.active i.grand_son, .section a:hover i.grand_son{background-position: -420px -60px;}
.section a i.grand_daughter{background-position: -480px 0;}
.section a.active i.grand_daughter, .section a:hover i.grand_daughter{background-position: -480px -60px;}
.section a i.husband{background-position: -540px 0;}
.section a.active i.husband, .section a:hover i.husband{background-position: -540px -60px;}

/*Family Tree*/
.family_tree_structure_wrappper {overflow: hidden; padding-bottom: 50px;}
.family_tree {margin: 0 auto;width: 90%;padding: 5px 0;min-height: 200px;position: relative;}
.section{position: relative;clear: both;}
.section &gt; div {position: relative;background: #d4ebfb;width: 60px;/*z-index: 10;*/}
.section &gt; div a {background-color: #D4EBFB; color: #0069bc;display: inline-block;font-size: 14px;text-align: center;}
.section &gt; div a:hover{text-decoration: none;}
.section &gt; div a span {color: #9b9b9b;display: block;}

/*Tree Lead CSS*/
.my_family_maker.tree_lead {margin: 0 auto;position: relative;top: 150px;width: 250px;z-index: 9;}
.my_family_maker.tree_lead.no_parent {top: 50px;}
.my_family_maker.tree_lead.if_parent::before {border-right: 1px dashed #7b858d;content: "";height: 120px;left: 50%;position: absolute;top: -120px;}
.left_tree {float: left;width: 50%;}
.right_tree {float: right;width: 50%;position: relative;}

/*Lavel 1 CSS*/
.section.level_1 {margin: 0 auto;overflow: hidden;top: -150px;width: 75%;}
.section.level_1 &gt; div {float: right;}
.section.level_1 &gt; div:first-child {float: left;}
.section.level_1::before {border-top: 1px dashed #7b858d;content: "";left: 0;position: absolute;top: 30px;width: 100%;z-index: 0;}
.section.level_1.member_1 &gt; div {float: none;margin: 0 auto; z-index: 9;}
.section.level_1.member_1::before {border: medium none;content: "";position: absolute;}


/**************************** Level-2 Left Section ****************************/
/*Level 2 CSS*/
.section.level_2{top:-85px;width:100%;}
.left_tree .section.level_2 &gt; div.lt_tree{float:left;width:100%;}
.left_tree .section.level_2 &gt; div.lt_tree &gt; div{float:left;position:relative;text-align:left;width:49%;z-index:9;margin-bottom:10px;}
.left_tree .section.level_2 &gt; div.lt_tree &gt; div a{float:left;text-align:center;}
.left_tree .section.level_2 &gt; div.lt_tree.member_1 &gt; div{float:right;width:75%;}
.left_tree .section.level_2 &gt; div.lt_tree::before{border-top:1px dashed #7b858d;content:"";position:absolute;top:30px;width:100%;right:0;}
.left_tree .section.level_2 &gt; div.lt_tree.member_1::before{width:75%;}
.left_tree .section.level_2.rt_only .lt_tree::before{border:medium none;}
.left_tree .section.level_2 &gt; div.lt_tree.member_1 &gt; div:last-child::after {border: medium none;}
/*If Brother Sister more than 2*/
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:nth-child(2n)::before{border-left:1px dashed #7b858d;border-top:medium none;content:"";height:115px;left:-35%;}
.left_tree .section.level_2 &gt; div.lt_tree &gt; div:last-child::after, .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:last-child::before{border-top: medium none;content: "";height: 100px;left: -35%;position: absolute;top: 30px;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div::before{border-top:1px dashed #7b858d;content:"";position:absolute;top:30px;width:100%;z-index:-1;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:first-child::before{border-top:none;}
/*Level 2 Odd Member css */
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child::before{border-left:0 none;border-right:1px dashed #7b858d;border-top:1px dashed #7b858d;content:"";height:95px;left:0;position:absolute;top:30px;width:65%;z-index:-1;}

/*Level 2 Odd Member with nephew */
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child::before {height: 115px;}

/*If No child more than2  odd member*/
/*.left_tree .section.level_2 &gt; div.lt_tree.more_than2.if_nochild &gt; div:last-child {left: 25.5%;width: auto;}*//*4 brother adding*/
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.odd_member.if_nochild &gt; div:last-child::before{border-right:medium none;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.if_nochild &gt; div:last-child::after{border-left:none;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.if_nochild &gt; div:last-child::before{border-left:medium none;}

.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::before{border-left:1px dashed #7b858d;border-top:medium none;height:150px;left:-35%;}
/*If Child more than 2*/
.left_tree .section.level_2 &gt; div.lt_tree.if_child.morethan2::after {height: 295px;z-index: 10;}
/*Level 2 Member 1 &amp; nephew 1*/
.left_tree .section.level_3 &gt; div.lt_tree.parent_1.member_1.with_nephew::after {height: 140px;left: 90%;top: -115px;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1.parent_1.with_nephew &gt; div {top: -8px;}



/**************************** Level-3 Left Section ****************************/
/*Level 3 CSS*/
.left_tree .section.level_3{position:relative;top:-20px;}
.left_tree .section.level_3 &gt; div.lt_tree{float:left;width:100%;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div{float:left;position:relative;text-align:left;width:49%;z-index:9;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div a{float:left;text-align:center;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::before{border-top:1px dashed #7b858d;content:"";left:30px;position:absolute;top:-30px;width:100%;z-index:-1;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n){margin-bottom:45px;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1 div{float:right;width:75%;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::after{border-left:1px dashed #7b858d;content:"";height:30px;left:30px;position:absolute;top:-30px;width:1px;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::after{border-left:1px dashed #7b858d;content:"";height:30px;position:absolute;}
/*Lavel 3 Left Member 1 css*/
.left_tree .section.level_3 &gt; div.lt_tree.member_1 &gt; div::after{height:130px;left:30px;top:-130px;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1 &gt; div::before{border-top:medium none;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1 &gt; div::after{border-left:medium none;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1 &gt; div{top:-30px;}
/*Lavel 3 Left Parent 1 css*/
.left_tree .section.level_3 &gt; div.lt_tree.parent_1{position:relative;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than_2.parent_1 {position: relative;width: 65%;}
.left_tree .section.level_3 &gt; div.lt_tree.parent_1 &gt; div{left:25%;width:45%;}
.left_tree .section.level_3 &gt; div.lt_tree.parent_1.member_1 &gt; div {float: right;left: 0;width: auto;}
.left_tree .section.level_3 &gt; div.lt_tree.parent_1 &gt; div a {float: left;text-align: center;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member.parent_1 &gt; div:last-child{left:48%;}
.left_tree .section.level_3 &gt; div.lt_tree.parent_1::after{border-left:1px dashed #7b858d;content:"";height:115px;left:54.3%;position:absolute;top:-145px;z-index:0;}
/*.left_tree .section.level_3 &gt; div.lt_tree.parent_1::after{left: 90%;}*/
.left_tree .section.level_3 &gt; div.lt_tree.parent_1.member_1{width: 65%;}
/*Left Level 3 More than 2 with odd member child*/
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:last-child::before{border:medium none;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child{right:-25.5%;top:-28px;width:auto;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child::after{border:medium none;}

/*only Nephew Present*/
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew {top: 107px;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew::before {border-top: 1px dashed #7b858d;content: "";position: absolute;right: 0;top: -142px;width: 68%;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew::after {border-right: 1px dashed #7b858d;content: "";height: 155px;left: 31.8%;position: absolute;top: -142px;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1.only_nephew &gt; div {top: 5px;}

/*only Nephew Present more than 2*/
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew.more_than2::after {height: 112px;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew.more_than2 {top: 112px;}
/*Lavel 2 with Nephew*/
.left_tree .section.level_3 &gt; div.lt_tree.member_1.with_nephew {top: -38px;}

/**************************** Level-2 Right Section ****************************/
/*If Child more than 2*/
.right_tree .section.level_2{top:-85px;width:100%;}/*-85px chg to -55px for only wife in right */
.right_tree .section.level_2 &gt; div.rt_tree{float:left;width:75%;}
.right_tree .section.level_2 &gt; div.rt_tree::before{border-top:1px dashed #7b858d;content:"";position:absolute;top:30px;width:90%;}
.right_tree .section.level_2.lt_only .rt_tree::before{border:medium none;}
.right_tree .section.level_2 &gt; div.rt_tree div{float:right;position:relative;z-index:10;}

/**************************** Level-3 Right Section ****************************/

.right_tree .section.level_3 {top: -16px;}
.right_tree .section.level_3 &gt; div.rt_tree{float: left;left: 12%;width: 92%;}
.right_tree .section.level_3 &gt; div.rt_tree div {float: left;position: relative;width: 49%;margin-bottom: 15px;}

/*Right Level 3  Addition child*/
.right_tree .section.level_3 &gt; div.rt_tree::before {border-left: 1px dashed #7b858d;content: "";height: 115px;left: 32%;position: absolute;top: -145px;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div{float:left;position:relative;text-align:left;width:49%;z-index:0;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div a{float:left;text-align:center;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div::before{border-top:1px dashed #7b858d;content:"";left:30px;position:absolute;top:-30px;width:100%;z-index:-1;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n){margin-bottom:45px;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div::after{border-left:1px dashed #7b858d;content:"";height:30px;left:30px;position:absolute;top:-30px;width:1px;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n)::after{border-left:1px dashed #7b858d;content:"";height:30px;position:absolute;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n)::before{border-left:1px dashed #7b858d;border-top:medium none;height:145px;left:-35%;}
/*Right Level 3 More than 2 with odd member child*/
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:last-child::before{ width: 51%;border-left: medium none;}
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson div:last-child::before {border-left: 1px dashed #7b858d;border-top: none;content: "";  height: 180px;left: -35%;position: absolute;width: 50%;}/*height 180 to 40 chg bcs of 2 grand conncetion*/
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before {border-left: medium none;border-right: 1px dashed #7b858d;border-top: 1px dashed #7b858d;height: 145px;left: 15%;}/*Border right commited bcs of wife/child&amp; grand son*/
.right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div:last-child::before, .right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div:last-child::after {border: medium none;}
.right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div {float: none;left: 25.5%;margin: 0 auto;top: -50px;width: auto;}
.right_tree .section.level_3 &gt; div.rt_tree.more_than2 &gt; div:nth-child(2n){margin-bottom: 40px;}

/**************************** Level-4 Right Section ****************************/

.right_tree .section.level_4 {top: 15px;}
.right_tree .section.level_4 &gt; div.rt_tree{float: left;left: 12%;width: 92%;}
.right_tree .section.level_4 &gt; div.rt_tree div {float: left;position: relative;width: 49%;margin-bottom: 15px;}
/*Right Level 4  Addition Grand Son*/
.right_tree .section.level_4 &gt; div.rt_tree &gt; div{float:left;position:relative;text-align:left;width:49%;z-index:9;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div a{float:left;text-align:center;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div::before{border-top:1px dashed #7b858d;content:"";left:30px;position:absolute;top:-30px;width:100%;z-index:-1;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n){margin-bottom:65px;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div::after{border-left:1px dashed #7b858d;content:"";height:30px;left:30px;position:absolute;top:-30px;width:1px;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::after{border-left:1px dashed #7b858d;content:"";height:30px;position:absolute;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::before{border-left:1px dashed #7b858d;border-top:medium none;height: 150px;left: -34.5%;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::before {border-left: medium none;}
/*Right Level 4 More than 2 with odd member child*/
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::before{left: 30px; width: 50%;}
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::before, .right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::after {border: medium none;}
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div {float: none;left: 25.5%;margin: 0 auto;top: -50px;width: auto;}
/*Odd Member*/
.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child{float: none;left: 25.5%;margin: 0 auto;top: -50px;width: auto;}
.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child::after,.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child::before{border:none;}
.right_tree .section.level_4 &gt; div a span {left: -5px;position: absolute;}
.right_tree .section.level_4 &gt; div a i.grand_daughter + span {left: -20px;}
/*lavel 2 If One Child &amp; with grandson*/
.right_tree .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div {left: 0px;top: -20px;}
.right_tree .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::before {border-right: 1px dashed #7b858d;border-top: 1px dashed #7b858d;content: "";left: 30px;position: absolute;width: 24.8%;height: 155px;}
.right_tree .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::after {border-right: 1px dashed #7b858d;}
/*If Child &amp; Grandson present*/
.right_tree.only_child .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before {border-right: 1px dashed #7b858d;left: 30px;width: 50.5%;}
/*Only Child CSS*/
.right_tree.only_child {padding-top: 102px;}
.right_tree.only_child::before {border-top: 1px dashed #7b858d;content: "";left: 0;position: absolute;top: -59px;width: 41.5%;}
/*Only Grand Son*/
.right_tree.only_grand {padding-top: 56px;}
.right_tree.only_grand  .section.level_4{top: 36px;}
.right_tree.only_grand::before{border-top: 1px dashed #7b858d;content: "";left: 0;position: absolute;top: -55px;width: 41.5%;}
.right_tree.only_grand::after {border-left: 1px dashed #7b858d;content: "";height: 115px;left: 41.3%;position: absolute;top: -55px;width: 42%;}
/*Wife &amp; GrandSon*/
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson::after {border-left: 1px dashed #7b858d;content: "";height: 140px;left: 31.8%;position: absolute;top: -172px;width: 75%;}
/*.right_tree .section.level_4 &gt; div.rt_tree.member_1.with_grandson::after {border-left: none;}*/
.right_tree .section.level_4 &gt; div.rt_tree.odd_member.member_1.with_grandson &gt; div:last-child {top: -63px;}
/*/*Wife &amp; more thane 2 GrandSon */*/
.right_tree .section.level_4 &gt; div.rt_tree.more_than2.with_grandson {top: -25px;}
.right_tree .section.level_4 &gt; div.rt_tree.more_than2.with_grandson::after{height: 140px;top: -170px;}
/*Lavel 2 With one Grand */
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson.member_1 &gt; div {top: 0;}

/*Wife, child &amp; GrandSon*/
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div {left: 10px;}
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::before {border-right: medium none;width: 22.8%;}
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::before{border-right: none;}
/*.right_tree.with_child_grand .section.level_4 &gt; div.rt_tree.with_grandson::after{top: -180px;} *//*Commited bcs of wife + 1 son + 2 nephew connection*/
.right_tree.with_child_grand .section.level_2 &gt; div.rt_tree::after {border-right: 1px dashed #7b858d;content: "";height: 120px;left: 55%;position: absolute;top: 30px;}
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.if_grandson.member_1::before{height: 150px;}
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.if_grandson::before {height: 150px;top: -35px;}


/*Only One Child &amp; Grandson*/
.right_tree.only_child .section.level_3 &gt; div.rt_tree.member_1 &gt; div {left: 0;top: -18px;}
.right_tree.only_child .section.level_3 &gt; div.rt_tree.member_1 &gt; div::before {border-top: 1px dashed #7b858d;left: 30px;width: 25%;border-right:none; }
.right_tree.only_child .section.level_3 &gt; div.rt_tree::after {border-left: 1px dashed #7b858d;content: "";height: 30px;left: 30px;position: absolute;top: -30px;}
.right_tree.only_child .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::after {border-right: 1px dashed #7b858d;content: "";height: 152px;left: 31.7%;position: absolute;}

/*On Right Only One Child*/
.right_tree.only_child.child_1::before{width: 68%;}
.right_tree.only_child.child_1::after {left: 68%;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree::before{left: 68%}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree.member_1 &gt; div::before{border-top: none;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree.member_1::after{border-left:none;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree {float: right;left: 0;width: 100%;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree.member_1 &gt; div {float: left;left: 0;width: 75%;top: -30px;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree &gt; div a {float: right;}
.right_tree.only_child.child_1 .section.level_3 &gt; div a span {left: 0;position: relative;}


/*On Right Only one Grand SON*/
.right_tree.only_grand.grand_1::before{width: 68%;}
.right_tree.only_grand.grand_1::after {left: 68%;}
.right_tree.only_grand.grand_1 .section.level_4 {top: 30px;}
.right_tree.only_grand.grand_1::after{height: 130px;}
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::after {border-left: 1px dashed #7b858d;left: 90.7%;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree {float: right;left: 0;width: 100%;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree.member_1 &gt; div {float: left;left: 0;width: 75%;top: 6px;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree &gt; div a {float: right;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div a span {left: 0;position: relative;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div a i.grand_daughter + span {position: absolute;right: -20px;text-align: right;}


/*Wife, one son &amp; 2 nephew css*/
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson.member_1::before {height: 120px;}





/*Tree Memeber Popup CSS*/
.tree_member_edit_wrapper{/*max-width: 550px;*/padding: 10px 55px 0;}
.tree_wrapper .fancybox-skin{background:#fff;}
.tree_wrapper .fancybox-outer{margin-top:10px;}
/*.tree_wrapper .pop_content{padding:40px 55px 0;}*/
.tree_wrapper .fancybox-inner{margin-top:0;}
.tree_wrapper .fancybox-close{display:none;}
.remove_member{background:url(../images/recycle_bin_ico.png) center center no-repeat #ddd;border-radius:100%;display:inline-block;height:45px;position:absolute;top:15px;width:45px;right:25px;z-index:999;}
.remove_member:hover{background-color:#006ab6;}
.tree_member_ico{background:url(../images/member_edit_ico.png) no-repeat #006ab6;border-radius:100%;display:block;height:130px;margin:0 auto 5px;text-align:center;width:130px;}

.tree_member_ico.father{background-position: 0 0;}
.tree_member_ico.mother{background-position: -130px 0;}
.tree_member_ico.brother, .tree_member_ico.nephew, .tree_member_ico.son{background-position: -260px 0;}
.tree_member_ico.sister, .tree_member_ico.niece, .tree_member_ico.daughter{background-position: -390px 0;}

.tree_member_ico.wife{background-position: -520px 0;}
.tree_member_ico.husband{background-position: -910px 0;}
.tree_member_ico.grand_son{background-position: -650px 0;}
.tree_member_ico.grand_daughter{background-position: -780px 0;}

.tree_member_name{color:#006ab6;display:block;font-size:20px;margin:0 auto;text-align:center;}
.member_edit_form{border-top:1px solid #cee5f6;width:465px;margin:20px auto;padding-top: 5px;overflow: hidden;}
.form_row{clear:both;overflow:hidden;padding:10px 5px 5px;position:relative;}
.member_edit_form .form_row{overflow: visible;background: none !important;}
.form_row:last-child{margin-bottom:45px;}
.form_row label{color:#006ab6;float:left;font-size:14px;font-weight:700;padding:13px 0;width:20%;}
.form_row input[type="text"], .form_row input[type="number"]{color:#9b9b9b;float:right;font-size:15px;height:40px;padding:5px 15px;width:65%;border:1px solid #c3c3c3 !important;border-radius: 0;}
.form_row input.dob_dtp{background: url(../images/calendar_ico.png) right 15px center no-repeat #fff;}
.form_row input:focus{border-color:#939393;}
.sp_text{color:#9b9b9b;font-size:14px;font-weight:700;margin:-5px 0 0px;text-align:center;width: 80%;float: right;}
.member_edit_btn_wrapper{text-align:right;margin: 0 auto;text-align: center;}
.member_edit_link{border-radius:4px;cursor:pointer;font-size:16px;display:inline-block;margin-bottom:25px;margin-left:10px;padding:10px 25px 10px 7px;position:relative;text-align:left;width:120px;}
.member_edit_link.btn_gry{margin-right:5px;margin-left:0;}
.member_edit_link.btn_gry i, .member_edit_link.btn_blu i{top: 12px;}

/* After Add Mobile Jquery css override css*/
.search_bar &gt; div {float: left;}
.sex_selection_wrapper &gt; div {display: inline;float: none;}
.flt_value_wrapper &gt; div.ui-btn {display: inline-block;float: left;margin: -19px 0 0;text-indent: 9999em;width: 35px;}
.ui-select &gt; div span {display: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default {display: none;}


/*Calender CSS*/
/*Jquery CSS*/
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0;}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}
.ui-datepicker .ui-datepicker-prev{left:2px;}
.ui-datepicker .ui-datepicker-next{right:2px;}
.ui-datepicker .ui-datepicker-prev-hover{left:1px;}
.ui-datepicker .ui-datepicker-next-hover{right:1px;}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;text-indent:-9999em;}
.ui-datepicker .ui-datepicker-title{margin:0 1.5em;line-height:1.8em;text-align:center;}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{background-color: #fff;border: 1px solid #d3d3d3;color: #555;margin: 0 2%;width: 45%;font-size:12px;}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}
.ui-datepicker th{background: none; padding:.7em .3em;text-align:center;font-weight:700;border:0;}
.ui-datepicker td{border:0;padding:1px;}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}
/*Custome CSS*/
.form-control.hasDatepicker {background: url("../images/calender-ico-2.png") no-repeat scroll right center #fff;-webkit-appearance: none;-moz-appearance: none;text-indent: 1px;text-overflow: "";-moz-user-select: none;-webkit-user-select: none;user-select: none; border: 1px solid #ccc; cursor: pointer;}
#ui-datepicker-div.ui-widget-content{background:none repeat scroll 0 0 #fff;border:1px solid #c6c6c6;color:#222;z-index: 99;}
#ui-datepicker-div .ui-widget-header{background:none;border:medium none;color:#383333;font-size:14px;font-weight:700;}
#ui-datepicker-div .ui-widget-header .ui-icon{background:url(../images/DTP-arrow.png) top center no-repeat !important;width:15px;height: 15px; cursor:pointer;}
#ui-datepicker-div.ui-widget-content .ui-state-disabled &gt; span {cursor: no-drop !important;}
#ui-datepicker-div .ui-widget-header .ui-icon.ui-icon-circle-triangle-w{background:url(../images/DTP-arrow.png) 0 -15px no-repeat !important;}
#ui-datepicker-div .ui-icon-circle-triangle-e{background-position:0 1px!important;}
#ui-datepicker-div.ui-datepicker th{border:0 none;font-size:12px;font-weight:700;padding:.7em .3em;text-align:center;}
#ui-datepicker-div.ui-datepicker th span{color: #4682B3;}
#ui-datepicker-div .ui-state-default,#ui-datepicker-div .ui-widget-content .ui-state-default,#ui-datepicker-div .ui-widget-header .ui-state-default{background:none;}
#ui-datepicker-div.ui-datepicker td span,#ui-datepicker-div.ui-datepicker td a{font-family:arial;display:block;font-size:12px;padding:.2em;text-align:center;text-decoration:none;width:24px;}
.ui-datepicker .ui-datepicker-title &gt; span{font-family:arial;}
.ui-datepicker .ui-datepicker-title &gt; span.ui-datepicker-month,.ui-datepicker .ui-datepicker-title &gt; span.ui-datepicker-year{color:#006ab6;}
#ui-datepicker-div .ui-widget-content .ui-state-hover,#ui-datepicker-div .ui-widget-header .ui-state-hover,#ui-datepicker-div .ui-state-focus,#ui-datepicker-div .ui-widget-content .ui-state-focus,#ui-datepicker-div .ui-widget-header .ui-state-focus{border:none;background:none;font-weight:400;color:#212121;}
#ui-datepicker-div .ui-state-hover{background:#8ABADE;color:#333;}
.ui-datepicker-calendar .ui-state-highlight,.ui-datepicker-calendar .ui-widget-content .ui-state-highlight,.ui-datepicker-calendar .ui-widget-header .ui-state-highlight{background:#ccc;}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-highlight{background:#1C8AD9;color:#FFF;}
#ui-datepicker-div .ui-state-default.ui-state-active{background:#006AB6;color:#FFF;}
.ui-datepicker .ui-datepicker-prev{left:1px;top:1px;}
.ui-datepicker .ui-datepicker-next{right:1px;top:1px;}
.ui-datepicker{width:auto;}
.ui-datepicker-trigger{cursor:pointer;}


/*Footer CSS*/
form.my-form.soundest-subscribe-form {background: transparent !important;}

/*Risk Preference Calculator CSS*/
.calculation_steps_wrapper.risk_calc {border-bottom: 5px solid #7f8186;border-top: 1px solid #cad4da;box-shadow: 0 7px 0 0 #40771f;margin-top: 20px;position: relative;}
.calculation_steps_wrapper.risk_calc .risk_preference_result{max-width: inherit;padding: 0;}
.risk_calc .risk_preference_result h1 {margin: 0;padding-top: 0;}
.calculation_steps_wrapper.risk_calc h2.header {color: #006ab6;margin-bottom: 10px;background: transparent;line-height: 23px;}
.calculation_steps_wrapper.risk_calc .panel {margin: 30px 0;}
.calculation_steps_wrapper.risk_calc .radio_field_wrapper {margin: 5px 0;}
#risk_result_popup.next-tab{margin-right: 4%;}
.risk_calc .meter_indicator{margin: 0 auto 10px;}
.risk_calc .risk_percentage{margin: 0 auto 10px;}
.risk_calc .step-content h3 {color: #006ab6;margin-bottom: 10px;}
.question_wrapper {margin-bottom: 50px;}
.question_wrapper .radio_field_wrapper {margin: 5px 5px 5px 2px;}
.risk_calc .step-content h2.risk_result {text-align: center;color: #006ab6;font-weight: bold;margin: 10px 0 25px;}
.calculation_steps_wrapper.risk_calc .step-content {width: 95%; padding: 0 2.5%;min-height: 450px;}
.calculation_steps_wrapper.risk_calc .risk_preference_result h2{margin: 10px 0 10px;}
.calculation_steps_wrapper.risk_calc .radio_field{position: relative;}
.calculation_steps_wrapper.risk_calc .radio_field label:before{bottom: inherit;top: 2px;}
.calculation_steps_wrapper.risk_calc .radio_field input[type=radio]:checked + label:after{top:7px;}


/*Requirement POPUP CSS*/
.requirement_field_popup .pop_content .form_row label {width: 44%;}
.requirement_field_popup .pop_content .form_row input[type="text"],
.requirement_field_popup .pop_content .form_row input[type="number"] {width: 55%;}
.member_edit_form {border-top: none;}
.member_edit_form &gt; form {background: transparent !important;}
#popupwind_common .member_edit_form &gt; form {background: transparent !important;}
.requirement_field_popup .pop_content .radio_field {width: 55%;float: right;margin: 15px 0;}
.requirement_field_popup .pop_content .radio_field label {width: 90px;padding: 0 0 0 25px;}
.requirement_field_popup .pop_content .radio_field_wrapper .radio_field label{line-height: 18px;margin-bottom: 7px;}
.requirement_field_popup .pop_content .radio_field input[type=radio]:checked + label:after {top: 5px;}
.requirement_field_popup .pop_content .member_edit_form .form_row + .error_msg {width: 55%;float: right;margin-right: 0;margin-top: 5px;text-align: left;}

/************************************************** Media Query Start **************************************************/

@media screen and (max-width: 1024px){

	.owl-buttons a.prev{left:0;}
	.recommended_slider .owl-buttons a.next{right: 1px;}
	.step-content .owl-carousel.only_one .owl-item{float: left;}

}

/************************************************** (Max 1023) **************************************************/
@media screen and (max-width: 1023px){
   .slider.goal_type {margin: 0 auto; width: 90%;}   

/*Financial Need Analysis Page CSS*/
.fna_dashboard_wrapper {width: 100%;min-height: 455px;}
.policy_wrapper, .policy_wrapper:last-child {margin: 15px 2% 14px;width: 46%;}
.policy_wrapper:first-child {margin-left: 2%;}
/*.selected_goal_wrapper{width:85%;}*//*CR*/
.selected_goal_wrapper .slick-prev{left: 15px;}
.selected_goal_wrapper .slick-next{right: 15px;}
.policy_wrapper:nth-child(2n) h1 i.info + span {left: auto;right: 0;}
a.closed {display:block;}

/*Calculation Steps CSS*/
.step-content,.life_protection_calc .step-content{height:auto;}
.sex_selection_wrapper + .input_wrapper {margin-bottom: 30px;}

/*Calculator Error Message*/
.intial_amount_wrapper + .error_msg,
.intial_amount_wrapper.final + .error_msg,/*Basic*/
.education_calc .intial_amount_wrapper + .error_msg,.education_calc .intial_amount_wrapper.final + .error_msg/*Education*/
 {clear: both;display: block;margin: 5px 0 10px;position: relative;width: 90%;left: inherit;right: inherit;}

 /*Single Line Amount Caption in graph*/
.education_calc .intial_amount_wrapper p{width:42%;}
.education_calc .intial_amount_wrapper, .education_calc .intial_amount_wrapper.final {height: 63px;}
.education_calc .intial_amount_wrapper .ui-input-text {height: 40px;}
.education_calc .intial_amount_wrapper input {margin: 0;padding: 0;}
.education_calc .intial_amount_wrapper span.rupee_sign {margin-top: 13px;}
.education_calc .intial_amount_wrapper.final span.rupee_sign {margin-top: 17px;}
	/*marriage calce*/
.marriage_calc .intial_amount_wrapper p{width:42%;}
.marriage_calc .intial_amount_wrapper, .marriage_calc .intial_amount_wrapper.final {height: 63px;}
.marriage_calc .intial_amount_wrapper .ui-input-text {height: 40px;}
.marriage_calc .intial_amount_wrapper input {margin: 0;padding: 0;}
.marriage_calc .intial_amount_wrapper span.rupee_sign {margin-top: 13px;}
.marriage_calc .intial_amount_wrapper.final span.rupee_sign {margin-top: 17px;}
	/*Legacy Calc*/
/*.legacy_calc .intial_amount_wrapper.final {height: 30px;}
.legacy_calc .intial_amount_wrapper.final .ui-input-text {height: 30px;}
.legacy_calc .intial_amount_wrapper input.intial_amount.final{margin: -4px 0 0;}
.legacy_calc .intial_amount_wrapper.final span.rupee_sign {margin-top: 10px;}*/

 
/*Stage 3 Graph Start End Point Indicator*/
.intial_amount_wrapper,.intial_amount_wrapper.final{float:none;margin:0 5%;overflow:hidden;padding:10px 2%;width:86%;}
.intial_amount_wrapper p{width:40%;}
.intial_amount_wrapper.final span.rupee_sign{margin-top:16px;}

/*Risk Preference Popup CSS*/
.step-content .owl-carousel.only_one .owl-item {float:left;}
.pop_content.risk_preference_popup{width: auto;}
/*.pop_content.risk_preference_popup h1 {margin: -20px 5px 15px;}*/
.accordion_wrapper .header {margin: 0 5% 0px;width: 90%;line-height: 20px;}

/*.radio_field_wrapper label{float: right;width: 90%;}*/
.accordion_wrapper .radio_field_wrapper{overflow: hidden;}
.radio_field_wrapper .ui-radio label{float: right;width: 95%;display: block;line-height: 15px;margin-top: 0;}
.radio_field_wrapper input{float: left;width: 15px;}

/*Risk Profile Result Popup CSS*/
.pop_content.risk_preference_result h1{margin-bottom: 0;}
.meter_indicator{background-size: 350px auto !important;height: 200px;width: auto;}


/*Retirement Calculator CSS*/
.retirement_calc .filter{width: 46%;} 



/*Education Calculator CSS*/ 
.education_calc .filter{width: 46%;} 
.child_list_wrapper{background:#d4ebfb;float:none;margin:10px auto 1px;padding:10px;position:relative;right:inherit;text-align:center;top:inherit;}
.child_list_wrapper .slick-list {padding: 0 0 20px;}
.child_list_wrapper .slick-next{right: 0}
.child_list_wrapper .slick-prev{left: 0;}
select.form-control.simple {margin: -40px -5px 0 0;}


/*Legacy Calculator CSS*/
.legacy_calc .filter{width: 46%;}
.calculation_steps_wrapper.legacy_calc .step-content {height: auto;}

/*Tax Calculator CSS*/
.tax_calc .step-content{height: auto;max-width: 700px;}
.disclaimer_txt {clear: both;padding: 25px;width: 100%;}


/*Life Protection CSS */
.life_protection_calc .filter {width: 46%;}
.grow_map.LP_graph .initial_point_wrapper::before {right: 49%;}
.grow_map.LP_graph .mid_graph_wrapper {display: none !important;}
.grow_map.LP_graph .final_point_wrapper {display: none !important;}
.grow_map.LP_graph .initial_point_wrapper {width: 100% !important;background-position: center bottom 20px !important;background-size: auto !important;}
.life_protection_calc .intial_amount_wrapper p {width: 100%;text-align: center;border-bottom: 1px solid #d5dfe6;margin: 0;padding: 5px 0;border-right: 0;}
.life_protection_calc .intial_amount_wrapper input.intial_amount {font-size: 18px;float: none;margin: 0 1%;overflow: hidden;padding: 10px 0;width: 30%;text-align: left;}
.life_protection_calc .intial_amount_wrapper, .life_protection_calc  .intial_amount_wrapper.final {float: none;margin: 0 5%;overflow: hidden;padding: 10px 2%;width: 86%;margin: 0 auto;text-align: center;}
.life_protection_calc  .intial_amount_wrapper .ui-input-text {width: auto;float: none;margin: 0 auto;}
.life_protection_calc  .intial_amount_wrapper span.rupee_sign,
.life_protection_calc  .intial_amount_wrapper.final span.rupee_sign {margin-top: 13px;text-align: center;float: none;margin: 0 auto;}

/*Health Calculator CSS*/
.illness_heading {padding: 0 5% 0 10%;}
.illness_list {margin: 0 5% 0 10%;}
.costEstimate{margin-right: 5%;}
.health_calc .step-content {height: auto;}
.grow_map.money_bag_map {margin: 50px auto 0;padding-top: 15px;}




/*Wealth Calculator CSS*/
.wealth_list_wrapper{background:#d4ebfb;float:none;margin:10px auto 1px;padding:10px;position:relative;right:inherit;text-align:center;top:inherit;width: 280px;}
.wealth_calc .grow_map .initial_point_wrapper {width: 14%;}
.wealth_calc .grow_map .final_point_wrapper {width: 26%;}



/*Summary Report CSS*/
.calculator_wrapper .summary_report_wrapper .prev-tab{left:0;}
.summary_wrapper{max-width:inherit;width:90%;}
.summary_result{width:96%;position:relative;}
.summary_result &gt; div:first-child h2{padding-top:75px; padding-bottom:0px;}
.result_pie_value{line-height: 80px;text-align: center;width: 80px;}
.summary_result &gt; div{margin:0 0 25px;padding:0;text-align:center;width:50%;}
.summary_result &gt; div:first-child{padding:0;text-align:center;width:98%;}
.summary_result &gt; div:first-child h2{display: inline-block;height: auto;margin-left: -35px;padding: 75px 50px 18px;text-align: center;width: 60px;}
.summary_result span{display:block;margin-bottom:5px;}
.summary_result &gt; div:last-child{display: inline-block;left: 46%;position: absolute;top: 105px;}
.summary_email_report_wrapper{width:90%;}


/*Select Planning Goals CSS */
.my_family_wrapper{left:inherit;margin:10px auto;overflow:hidden;position:relative;width:85%;}
.my_family_wrapper a{float:left;margin:0 0 20px;padding:8px 2%;width:95%;}
.my_family_wrapper a.goal_lnk{float:left;}
.pie_stage_chart-wrapper{width:695px;}
.pie_info{width:230px;}
.pie_info span{width:150px;}


/*Family Tree CSS*/
.my_family_members{width: 85%;}
.my_family_members .slick-prev{left: -30px;}
.my_family_members .slick-next{right: -30px;}



/*Family Tree Structure CSS*/
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child {right: -23%;}
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before{left: 18%;width:47%;height:148px;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:last-child::before {width: 48%;}
/*.left_tree .section.level_3 &gt; div.lt_tree.parent_1::after{left: 86%;}*/
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div,
.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child{left: 23%;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::before{ left: 18%;width: 47%;}

/*Recommended css*/
.reccomm_policy .pop_content h1{position: inherit;}

/*Risk Preference Calculator CSS*/
.calculation_steps_wrapper.risk_calc .radio_field_wrapper .ui-radio label{float: inherit;}

}


/*Tab4*//*Media Sequence CR*/
@media (max-device-width: 1280px) and (orientation: landscape) { 
	.slider.goal_type .slick-list {max-width: 800px;}
	.recommended_slider{max-width:800px;}
	.selected_goal_wrapper .slick-list {max-width: 822px;}/*CR*/
	.selected_goal_wrapper{width: 822px;}/*CR*/
}



/************************************************** (Max 960)  If needed add**************************************************/
@media screen and (width: 960px){
.slider.goal_type .slick-list {max-width: 960px;}
.recommended_slider{max-width:960px;}
.selected_goal_wrapper .slick-list {max-width: 960px;}
}

/************************************************** (Max 800)  If needed add**************************************************/

@media screen and (width: 800px){
.main{max-width: 785px;}/*CR*/
.slider.goal_type .slick-list {max-width: 785px;}/*CR*/
.recommended_slider{max-width:785px;}/*CR*/
.selected_goal_wrapper .slick-list {max-width: 785px;}/*CR*/
.selected_goal_wrapper{width: 785px;}/*CR*/
.your_stage{margin: 10px auto -20px;}
}





/************************************************** (Max 768)  If needed add**************************************************/

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

.selected_goal_wrapper{width:85%;}/*CR*/
.financial_need_wrapper .error_msg {position: relative;bottom: 0;width: 90%;margin: 0 5%;}
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::before{ left: 22%;width: 44%;}
/*Wife, child &amp; GrandSon*/
.right_tree.with_child_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div {left: 0px;}

}


/************************************************** (Max 685) **************************************************/
@media screen and (max-width: 695px){

/*Financial Need Analysis Page CSS*/
.fna_dashboard_wrapper {min-height: 850px;}
.policy_wrapper, .policy_wrapper:last-child {margin: 15px 5%;width: 90%;}
.policy_wrapper:first-child {margin-left: 5%;}
.policy_wrapper h1 i {float: right;margin-right: 5%;}
.slider.goal_type{width:85%;}
.selected_goal_wrapper{width:87%;}/*CR*/
.selected_goal_wrapper a i{width: 75px;height: 75px;}
.selected_goal_wrapper div a i::before{line-height: 75px;}
.policy_wrapper:nth-child(n) h1 i.info + span,.policy_wrapper:nth-child(2n) h1 i.info + span {background-size: 100% auto;left: auto;right: -5px;width: 300px;top: 78px;}
.selected_goal_wrapper .slick-prev{left: -15px;}
.selected_goal_wrapper .slick-next{right: -15px;}
.planning + .slider.goal_type {margin: 25px auto 15px;}

.calculator_wrapper.family_calculator{padding-top: 0px;}
.goal_type .slick-prev{left:-12px;}
.goal_type .slick-next{right:-12px;}
.goal_type .slick-slide a{background-position:-13px -15px!important;height:75px;width:75px;}
.goal_type .slick-slide a.active_cal, .goal_type .slick-slide a:hover
{background-position: -13px -113px!important;}
.goal_type .slick-slide a span{margin-top:80px;}

.calculation_steps_wrapper{padding-bottom:175px;}

.step-content {height: auto;}
.filter{width:100%;}
.retirement_calc .filter, .legacy_calc .filter, .marriage_calc .filter, .wealth_calc .filter{width: 90%;margin-bottom: 40px;} 

.education_calc .filter{width: 100%;}
.education_calc .filter:nth-child(3), .education_calc .filter:nth-child(4){width: 90%;}

/*Risk Profile Result Popup CSS*/
.pop_content.risk_preference_result {padding: 10px 5px;}
.pop_content.risk_preference_result h1 {margin-bottom: 0px;}
.pop_content .fa.fa-expand {display:block;}
/*.meter_indicator {background-position: center bottom !important;background-size: 100% auto !important;}*/
.meter_indicator + p {padding: 0 10px;}
.risk_percentage {background-size: 100% auto !important;clear: both;}
.risk_btn_wrapper {text-align: center;}
.risk_result_link {display: inline-block;width: 100px;}
.risk_result_link .btn_gry i, .risk_result_link .btn_blu i{top:9px;}



/*Error Messsage CSS*/
.filter .slider-wrapper + .ui-select + .error_msg, .filter .slider-wrapper + .error_msg{margin-top: -10px;padding-top: 0;}

/*Calculator CSS*/
.filter p.descriptipn{min-height:inherit;height: auto;}

/*Grow Bar Graph CSS*/
.grow_bar.initial_state,.grow_bar.final_state{width:10px;}
.initial_point_wrapper::before{right: 10px;}
.final_point_wrapper::before{left: 10px;}
.retirement_calc .initial_point_wrapper{background-position: right 15px bottom;background-size: 35% auto;}
.retirement_calc .final_point_wrapper{background-position: 15px bottom;background-size: 75% auto;}
.retirement_calc .initial_amount {right: 15px;}
.retirement_calc .final_amount {left: 15px;}
.inflation_indicator{top:21%;left: 42%;}
.initial_amount{margin:0 0px -25px;right:0;width:40px;}
.grow_bar.final_state &gt; span{font-size:21px;margin-left:10px;}
.final_amount{left:15px;margin:0 0px -25px;}

/*Recommended Tab CSS*/
.recommended_slider{margin:0 auto;position:relative;width:100%;}
.recommended_wrapper{margin:15px 4.7%;width:91%;}
.customNavigation .ng-hide {display: block !important;}
.owl-buttons .ng-hide {display: block !important;}
.reccomm_policy .pop_content h1{position: inherit;}






/*Education Calculator CSS*/ 
.input_wrapper {width: 290px;}
.slider-wrapper.age_slider {margin: 20px auto;width: 65%;}
.education_calc .filter {margin-bottom: 30px;}
.education_calc .initial_point_wrapper, .education_calc .grow_map.female .initial_point_wrapper{background-position:right 15px bottom;}
.education_calc .final_point_wrapper, .education_calc .grow_map.female .final_point_wrapper{background-position:15px bottom;}
.education_calc .initial_point_wrapper .initial_amount{right: 15px;}
.education_calc .final_point_wrapper .final_amount{left: 18px;}

select.form-control.simple{margin-right: 3%;}

/*Legacy Calculator CSS*/
.legacy_calc .initial_point_wrapper{background-position: right 15px bottom;background-size: 35% auto;}
.legacy_calc .final_point_wrapper{background-position: 15px bottom;background-size: 60% auto;}
.legacy_calc .grow_map.female .initial_point_wrapper{background-position: right 15px bottom;}
.legacy_calc .grow_map.female .final_point_wrapper{background-position: 15px bottom;}
.legacy_calc .initial_point_wrapper .initial_amount{right: 15px;}
.legacy_calc .final_point_wrapper .final_amount{left: 15px;}
.legacy_calc .row:first-child .filter:nth-child(2) {width: 100%;}


/*Marraige Calculator CSS*/
.marriage_calc .calculation_steps_wrapper{padding-bottom: 200px;}
.marriage_calc .initial_point_wrapper{background-position: right 15px bottom;}
.marriage_calc .intial_amount_wrapper input.intial_amount.final{margin: -5px 0 0;}
.marriage_calc .final_point_wrapper{background-position: 15px bottom;}
.marriage_calc .initial_point_wrapper .initial_amount{right: 15px;}
.marriage_calc .final_point_wrapper .final_amount{left: 15px;}
.marriage_calc .grow_map.male .initial_point_wrapper{background-position:right 15px bottom;}
.marriage_calc .grow_map.male .final_point_wrapper{background-position:15px bottom;}
.marriage_calc.calculation_steps_wrapper{padding-bottom: 200px;}

/*Tax Calculator css*/
.tax_calc_wrapper #fragment-1 .filter{width: 100%; margin: 0;padding-bottom: 0;}
.tax_calc #fragment-2 .filter, .tax_calc #fragment-3 .filter, .tax_calc #fragment-4 .filter, .tax_calc #fragment-5 .filter,.tax_calc #fragment-6 .filter, .tax_calc #fragment-7 .filter{margin: 0 5% 20px;width: 90%;}
.tax_calc #fragment-2 .filter:nth-child(2n), .tax_calc #fragment-3 .filter:nth-child(2n), .tax_calc #fragment-4 .filter:nth-child(2n), .tax_calc #fragment-5 .filter:nth-child(2n), .tax_calc #fragment-6 .filter:nth-child(2n), .tax_calc #fragment-7 .filter:nth-child(2n) {float: left;}
.disclaimer_txt{position: relative;clear: both;width: 90%;position: relative;top: 15px;padding: 0px;}
.tax_calc .step-content p {margin-bottom: 5px;width: 100%;}
.tax_calc .filter.huge p{margin-top: 0px;}
.tax_calc #fragment-5 .step-content{min-height: auto;}
.tax_calc #fragment-1 .filter{float: none;margin: 0 auto 25px;width: 90%;}

/*Health Calculator CSS*/

/*.illnessType{width: 45%};
.coveringCost{width: 50%}*/
.illnessCostTable_heading &gt; li:last-child {display: none;}
.illnessCostTable_heading &gt; li {width: 100%;}
.illness {padding-left: 50px;}
.illnessCostTable li {width: 100%;}
.illnessCostTable li:nth-child(2) .illness_list {border-top: 1px solid #b2d6ed;}
.step-content.health .ui-input-text{width: 50%}
.step-content.health .amount_prefix{right: -5px}
.step-content.health .grow_map{margin-top: 25px}
.money_bag_map .money_bag:nth-child(5)::after {background-size: 80px auto;}
.ailment-cost-category{width: 100%;}
.lineInterval li .timeline::after{left: 45%}
.lineInterval .timeline{width: 90%;font-size: 12px;}
.lineInterval li, .lineValues li{position: relative;left: 5px}
.lineValues .rupee, .lineValues .rupee + span{font-size: 13px}
.lineValues li:first-child{width: 11%}
.lineValues .rupee, .lineValues .rupee + span{left:65%;}
.lineValues .timeline{left:84%;}
.lineValues li:first-child .rupee, .lineValues li:first-child .rupee + span{left:45%;}
.curr_cost{margin-right: 2%}
.curr_cost span{position: relative;left:5px;}
.projected_cost{width: 62%}
.money_bag .rupee{display: block;text-align: center;font-size: 12px; top: -10px;}
.money_bag .rupee + span{font-size: 12px;position: relative;top: -15px;}
.illnessCostTable{ margin-top: 30px;}
.illness_list {margin: 0 5%;}
.illness_heading{padding: 0 0 0 5%;}
.healthCalculatorWrapper .filter + .filter .illness_heading {display: none;}
.healthCalculatorWrapper .filter + .filter {margin-top: -46px;}
.illnessCostTable li:last-of-type{margin-bottom: 0px;}
.healthCalculatorWrapper .filter + .healthCalculatorWrapper .filter ul {margin-top: 20px;padding-top: 10px;}
h4.health-heading4.current_health_heading {width: 100%;}
.healthCalculatorWrapper {float: none;margin: 0 auto 20px;overflow: hidden;width: 90%;}
h2.health-heading2, h4.health-heading4 { font-size: 18px;margin: 0 auto 20px;width: 85%;}
.step-content.health .current_health .ui-input-text {width: 87%;}
.projected_cost .info {left: -7%;}


/*Wealth Calculator CSS*/
.wealth_calc #fragment-1 .step-content{margin: 0;min-height: inherit;}
.wealth_select_wrapper{width: 80%;margin: 0 10%;}
.wealth_select_wrapper .slick-prev{left:-20px;}
.wealth_select_wrapper .slick-next{right:-20px;}
.wealth_calc .row:first-child .filter:nth-child(2) {width: 100%;}
.wealth_calc .grow_map .mid_graph_wrapper {width: 40%;}
.wealth_calc .grow_map .initial_point_wrapper {background-position: right 15px bottom;width: 25%;}
.wealth_calc .grow_map .final_point_wrapper {background-position: left 15px bottom;background-size: 95px auto;width: 35%;}
.wealth_calc .grow_map .inflation_indicator {left: inherit;width: 100%;}

/*Life Protection CSS */
.life_protection_calc .step-content{height:auto;}
.life_protection_calc .filter{width: 90%;}
.life_protection_calc #fragment-2 .step-content .filter.mid_filter{float: left;margin: 0 auto;width: 90%;clear:both;}
.grow_map.LP_graph .initial_point_wrapper, .grow_map.LP_graph .final_point_wrapper {background-size: 75px auto;width: 30%;}
.grow_map.LP_graph .inflation_indicator {left: inherit;width: 100%;}
.grow_map.LP_graph .initial_point_wrapper {background-position: right 15px bottom 20px;}
.grow_map.LP_graph .final_point_wrapper {background-position: left 15px bottom 20px;}
.grow_map.LP_graph .final_point_wrapper::before{left: 55px;}
.grow_map.LP_graph .mid_graph_wrapper {margin: 0 auto;text-align: center;width: 40%;}


/*Summary Report CSS*/
.summary_result &gt; div:first-child h2{padding-right:60px;width:55px;padding-top:85px;padding-bottom: 0;}
.summary_result &gt; div:first-child{padding:0;width:96%;}
.summary_result &gt; div{width:100%;}
.summary_result &gt; div:last-child{ clear: both;display: block;float: none;left: inherit;margin: 0 auto;position: relative;top: inherit;width: 77px;}
.summary_email_report_wrapper .email_field{width: 100%;margin: 0;}
/*.summary_email_report_wrapper input.form-control[type="text"]{margin:0 0 20px;width:94%;}*/
.summary_email_report_wrapper{padding:0;width:90%;}
.summary_email_report_wrapper button{padding-left: 1.5%;width:98%;}
.calculator_wrapper .summary_report_wrapper .prev-tab{bottom:inherit;left:inherit;margin:25px auto;position:relative;}
.field_row &gt; div.filed_caption, .field_row &gt; div.filed_value {font-size: 14px;}
.summary_wrapper .btn_blu {padding: 5px 35px 5px 7px;}
.summary_wrapper h2 {font-size: 20px;}
.summary_wrapper h2 + span {font-size: 12px;}
.result_pie_value{width:80px;}


/*Goal Page CSS*/
.planning {margin: 0 auto 5px;width: 85%;}
.planning .btn_gry {float: left;margin: 10px 0 5px;padding: 8px 2%;width: 95%;}
.planning_icon a {background-size: 75% auto;}
.planning_list {width: 85%;}
.your_stage {width: 85%;}
.your_stage div.slick-slide{height: 80px;}
.your_stage .slick-slide a{height:75px;width:75px;  background-position: center -5px !important;background-size: 80px auto !important;}
.your_stage div a.active_stage, .your_stage div a:hover{background-position: center -85px !important;}
.your_stage a span{margin-top: 80px;width: 75px;}
.your_stage .slick-prev::before,.your_stage .slick-next::before{content:"";}
.your_stage .slick-prev,.your_stage .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height:15px;width:8px;top:40%;}
.your_stage .slick-next{background-position:-9px 0;}
.your_stage .slick-prev{left:-12px;}
.your_stage .slick-next{right:-12px;}


/*Select Planning Goals CSS */
.pie_stage_chart-wrapper{margin:0 auto 55px;width:90%;overflow: hidden;padding-top: 10px;}
.pie_chart{width:240px;height:240px;margin:0 auto 50px;}
.pie_chart::before {width: 240px;top: 120px;}
.pie_chart::after {height: 240px;left: 120px;}
.pie_chart a{height:120px;width:120px;position:relative;}
.pie_chart a p span{font-size:15px;}
.pie_chart a.mid_circle{height:100px;left:28%;width:100px;top:30%;}
.pie_chart a.mid_circle span{background-size:100% auto;font-size:15px;margin:15px;padding-top:52px;}
.pie_info{float:left;margin-bottom:10px;overflow:hidden;padding:20px 0 0 45px;position:relative;width:95%;}
.pie_chart a.lt_top p{margin:55px 25px 0 0;transform:rotate(-52deg);}
.pie_chart a.rt_top p{margin:45px -5px 0 28px;transform:rotate(45deg);}
.pie_chart a.lt_bottom p{margin:70px 20px 0 0;transform:rotate(-315deg);}
.pie_chart a.rt_bottom p{margin:70px 25px 0;transform:rotate(-45deg);}
.pie_info::before{border:medium none;content:"";}
.pie_info.pie_rt_top i,.pie_info.pie_rt_bottom i{float:left;}
.pie_info span{display:inline!important;float:left!important;margin:0 0 25px;padding:0!important;text-align:left!important;width:70%!important;border:medium none;}
.pie_info i{display:block!important;float:left!important;}
.pie_lt_top.pie_info::before,.pie_rt_top.pie_info::before,.pie_lt_bottom.pie_info::before,.pie_rt_bottom.pie_info::before{border:medium none;}
.pie_chart a::before{border:1px solid #0a67b6;border-radius:100%;color:#0a67b6;content:"";height:25px;line-height:25px;position:absolute;width:25px;}
.pie_chart a.lt_top::before{content:"1";left:-1px;top:-10px;}
.pie_chart a.rt_top::before{content:"2";left:inherit;right:-1px;top:-10px;}
.pie_chart a.lt_bottom::before{content:"3";left:-1px;bottom:-10px;}
.pie_chart a.rt_bottom::before{content:"4";left:inherit;right:-1px;bottom:-10px;}
.pie_chart a.mid_circle::before{content:"";border:none;}
.pie_lt_top.pie_info::before,.pie_rt_top.pie_info::before,.pie_lt_bottom.pie_info::before,.pie_rt_bottom.pie_info::before{border:1px solid #0a67b6;border-radius:100%;color:#0a67b6;content:"";float:left;height:25px;left:0;line-height:25px;margin:-5px 0 0;position:absolute;right:inherit;top:inherit;transform:rotate(0deg);width:25px;}
.pie_lt_top.pie_info::before{content:"1";}
.pie_rt_top.pie_info::before{content:"2";}
.pie_lt_bottom.pie_info::before{content:"3";}
.pie_rt_bottom.pie_info::before{content:"4";}
.pie_chart a::after{content:"";height:15px;position:absolute;width:30px;}
.pie_chart a.mid_circle::after{border:none;}
.pie_chart a.lt_top::after{right:64px;top:3px;border-right:1px solid #ccc;border-top:1px solid #a0b2be;}
.pie_chart a.rt_top::after{right:27px;top:1px;border-left:1px solid #ccc;border-top:1px solid #a0b2be;}
.pie_chart a.lt_bottom::after{right:64px;top:inherit;bottom:3px;border-right:1px solid #ccc;border-bottom:1px solid #a0b2be;}
.pie_chart a.rt_bottom::after{right:25px;top:inherit;bottom:3px;border-left:1px solid #ccc;border-bottom:1px solid #a0b2be;}
.pie_chart a.mid_circle.question span{height:100px;}
.snoopy_title{font-size:18px;}

/*Planning Goals Dashboard CSS */
.stage_dashboard li{border-bottom:1px solid #a0b2be;border-right:medium none;margin:0 5% 15px;min-height:inherit;padding:0 0 25px;width:90%}
.stage_type_wrapper .row{margin:0;}
.stage_type_wrapper .row + .row ul li:last-child{border-bottom:medium none;}

/*Family Tree CSS*/
.summary_lnk{display:block;left:inherit;margin:20px 5% 10px;padding:10px 2%;position:relative;right:inherit;top:inherit;width:90%;}
.my_family_members{width: 85%;}
.my_family_members .slick-prev, .my_family_members .slick-next{background:url(../images/calculator_slider_arrow_ico.png) 0 0 no-repeat;height: 15px;width: 9px;top: 25px;}
.my_family_members .slick-prev{left: -20px;}
.my_family_members .slick-next{right: -20px;background-position: -9px 0;}

/*Tree Memeber Popup CSS*/
.remove_member {right: 10px;top: 0;}
.member_edit_form {width: 240px;padding-top: 0;margin-top: 10px;}
/*.tree_wrapper .pop_content {margin: 0 auto;min-width: 250px;padding: 0 5%;width: 90%;}*/
.tree_member_edit_wrapper {padding: 0px 0 10px;}
.form_row {padding: 0;}
.form_row label {width: 100%; padding: 10px 0 0;}
.form_row input{float: left;width: 85%;}
.sp_text {margin: 10px 0 -30px;width: 100%;}
.member_edit_form .form_row input[type="text"], .member_edit_form .form_row input[type="number"] {width: 100%;float: left;}
.member_edit_btn_wrapper {width: 250px;}
.member_edit_link.btn_gry, .member_edit_link {float: left;width: 97%;margin-left: 0;margin-right: 0%;margin-bottom: 10px;}
.tree_member_ico{width: 90px;height: 90px;}
.tree_member_ico.father{background-position: -20px -20px;}
.tree_member_ico.mother{background-position: -150px -20px;}
.tree_member_ico.brother, .tree_member_ico.nephew, .tree_member_ico.son{background-position: -280px -20px;}
.tree_member_ico.sister, .tree_member_ico.niece, .tree_member_ico.daughter{background-position: -410px -20px;}
.tree_member_ico.wife{background-position: -540px -20px;}
.tree_member_ico.husband{background-position: -910px -20px;}
.tree_member_ico.grand_son{background-position: -670px -20px;}
.tree_member_ico.grand_daughter{background-position: -800px -20px;}
.member_edit_form .form_row + .error_msg {width: 100%;margin-top: 5px;margin-bottom: 5px;}


/*Risk Preference Calculator CSS*/
.step-content.risk_preference_result{padding: 10px 5px;}


/*Required Filed pass to product popup css */
.requirement_field_popup .pop_content .member_edit_form{margin-bottom: 0px;}
.requirement_field_popup .pop_content .form_row input[type="text"]{width: 100%;}
.requirement_field_popup .pop_content .form_row label {float: left;width: 85%;}
.requirement_field_popup .pop_content .radio_field {width: 100%;margin: 0;}
.requirement_field_popup .pop_content .form_row .radio_field label {padding-left: 25px;width: 50%;margin: 5px 0;}
.requirement_field_popup .pop_content .member_edit_link {width: 100%;margin-bottom: 20px;}
.requirement_field_popup .pop_content .member_edit_link .form_row + .error_msg{margin-bottom: 0px;padding-bottom: 0;}
.requirement_field_popup .pop_content .member_edit_form .form_row + .error_msg{width: 100%;}

}

/*Only Family Tree CSS*/
@media screen and (max-width: 550px){	
/*Left Tree CSS*/
.section &gt; div a span{font-size: 12px;}
/*Make All Div Same*/
.left_tree .section.level_2 &gt; div.lt_tree &gt; div,
.left_tree .section.level_2 &gt; div.lt_tree.member_1 &gt; div,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n){width:60%; float:left;margin-bottom: 20px;}
/*Border none classes*/
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::after,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::after,
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:nth-child(2n)::before,
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:nth-child(2n)::after,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::before{border:none;}
.left_tree .section.level_3{top:-85px;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child{right:0;top:0px;}
/*Connect Line CSS*/
.left_tree .section.level_2 &gt; div.lt_tree div::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::after,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::after,
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child::after {border-right: 1px dashed #7b858d;content: "";height: 125px;left: 100%;position: absolute;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:first-child::before{width: auto;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div::before{width: auto;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:nth-child(2n)::before {border-right: 1px dashed #7b858d;top: 35px;}
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:last-child::before {border-right: medium none;}
/*member_1*/
.left_tree .section.level_2 &gt; div.lt_tree.member_1 &gt; div{float: inherit;width: auto;}
.left_tree .section.level_2 &gt; div.lt_tree.member_1 &gt; div:before{border-right: none;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::after,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:last-child::before{top:-93px;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::before {border-left: none;border-top: medium none;height: auto;left: inherit;}
.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child{width:60%;}
.left_tree .section.level_2 &gt; div.lt_tree div::after,
.left_tree .section.level_2 &gt; div.lt_tree.more_than2 &gt; div:nth-child(2n)::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:nth-child(2n)::before,
.left_tree .section.level_3 &gt; div.lt_tree &gt; div:last-child::before{border-top: 1px dashed #7b858d;content: "";left: 0;position: absolute;top: 30px;width: 100%;z-index: -1;}
.left_tree .section.level_3 &gt; div.lt_tree &gt; div::after{width: 0px;}
/*parent_1*/
.left_tree .section.level_3 &gt; div.lt_tree.parent_1::after{border-left: none;}
.left_tree .section.level_3 &gt; div.lt_tree.parent_1 &gt; div,.left_tree .section.level_3 &gt; div.lt_tree.more_than2.odd_member.parent_1 &gt; div:last-child
 {left: inherit;width: 60%;}
/*If child 1*/
.left_tree .section.level_3 &gt; div.lt_tree.member_1 div {float: inherit;width: 60%;top: inherit;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1 &gt; div::after{height: 120px;left: 100%;top: -90px;}
/*Parent_1 &amp; Memeber_1*/
.left_tree .section.level_3 &gt; div.lt_tree.parent_1.member_1 &gt; div{float: left;left: 0;width: 92%;}

/*Only Nephew*/
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew::before, .left_tree .section.level_3 &gt; div.lt_tree.only_nephew::after {border-right: medium none;top: 28px;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew {top: 0;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew &gt; div:first-child::after {border-right: medium none;}
.left_tree .section.level_3 &gt; div.lt_tree.only_nephew &gt; div:first-child::before {border-top: medium none;}
/*Lavel 2 with Nephew*/
.left_tree .section.level_2 &gt; div.lt_tree.more_than2.odd_member &gt; div:last-child::before {width: 100%;border-right: medium none;}
.left_tree .section.level_3 &gt; div.lt_tree.member_1.with_nephew {top: 0px;}




/*Right Tree CSS*/
.right_tree .section.level_2 &gt; div.rt_tree{width:100%;}
/*Make All Div Same*/
.right_tree .section.level_3 &gt; div.rt_tree &gt; div,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div,
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n){width:100%; float:left;margin-bottom: 20px;}
.right_tree .section.level_3,.right_tree .section.level_4 {top: -85px;}

.right_tree .section.level_3 &gt; div.rt_tree,
.right_tree .section.level_4 &gt; div.rt_tree{left:8%;}
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson div:last-child::before,
.right_tree .section.level_3 &gt; div.rt_tree::before {
    border-left: none;
}

.right_tree .section.level_3 &gt; div.rt_tree &gt; div:last-child::before{width: 50%;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div a {width: 60px;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div a,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div a{float:right;}
.right_tree .section.level_4 &gt; div a span {left: inherit;position: absolute;right: 3px;}
.right_tree .section.level_4 &gt; div a i.grand_daughter + span{left: inherit;right: -10px;}
/*Connect Line CSS*/
/*.right_tree .section.level_3 &gt; div.rt_tree &gt; div::after,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div::after,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::after{
	border-left: 1px dashed #7b858d;height: 125px;left: inherit;right: 0%;top: -93px;width: 65%;-webkit-margin-before: 2px;}
*/
.right_tree .section.level_3 &gt; div.rt_tree &gt; div::after{height: 120px;left: 34%;top: -90px;}

.right_tree .section.level_4 &gt; div.rt_tree &gt; div::after {height: 120px;left: 34%;top: -90px;}

.right_tree .section.level_3 &gt; div.rt_tree &gt; div::before,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div::before,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::before,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::before {
	border-top: 1px dashed #7b858d;left: inherit;right: 15%;top: 30px;width: 50%;z-index: -1; border-left: none;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:last-child::after {
    height: 120px;
}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n)::after {border-bottom: 1px dashed #7b858d;border-left: 1px dashed #7b858d;border-top: medium none;content: "";height: 120px;position: absolute;top: -90px !important;z-index: -1;}
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson div:last-child::before {border-left: none;position: absolute;content: "";right: 0;left: inherit;width: 65%;border-top: 1px dashed #7b858d;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n)::before{border-left:none; }
.right_tree .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before,
.right_tree.only_child .section.level_3 &gt; div.rt_tree.if_grandson.odd_member div:last-child::before{border-right: none;left: 35%;width: 40%;}
.right_tree .section.level_4 &gt; div.rt_tree{width: 92%;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div,
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n) {margin-bottom: 35px;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::before {border-left: 1px dashed #7b858d;border-top: medium none;height: 120px;left: 34%;right: inherit;top: -90px;width: 1px;}
.right_tree .section.level_4 &gt; div.rt_tree &gt; div:nth-child(2n)::after {border-left: medium none;border-top: 1px dashed #7b858d;content: "";position: absolute;top: 30px;width: 50%;z-index: -1;}
.right_tree .section.level_3 &gt; div.rt_tree &gt; div:nth-child(2n)::before {border-top: 1px dashed #7b858d;left: inherit;}
/*If Child 1 without grandson*/
.right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div{top: 0px; left: 0px;}
.right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div:last-child::before {border-top: 1px dashed #7b858d;left: 34%;width: 50%;}
.right_tree .section.level_3 &gt; div.rt_tree.member_1 &gt; div:last-child::after {border-left: 1px dashed #7b858d;}
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div, .right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child {left: 0;top: 0;}
.right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::before, .right_tree .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::after {border-left: 1px dashed #7b858d;left: 34%;border-top: 1px dashed #7b858d;}

/*Only Child In right*/
.right_tree.only_child {padding-top: 100px;}

/*One Child &amp; One Doughter with out level 2*/
/*.right_tree.only_child {padding-top: 120px;}*/
.right_tree.only_child::before {width: 40%;}
.right_tree.only_child .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::after {border-left: none;}
.right_tree.only_child .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::after {left: 33.6%;height: 120px;}
.right_tree.only_child .section.level_3 &gt; div.rt_tree::after {border-left: none;}
/*Lavel 2 with Grand son*/
.right_tree.only_grand {padding-top: 0;}
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson::after {height: 120px;left: 36%;top: -90px;}
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson {padding-top: 19px;}
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson::after {top: -70px;}
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson::after{border-left: none;}
/*Lavel 2 With one grands son*/
.right_tree .section.level_4 &gt; div.rt_tree.with_grandson.member_1 {padding-top: 82px;}
/*Lavel 2 With more grands son*/
.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child:after {border-left: 1px dashed #7b858d;top: 150px;}
.right_tree .section.level_4 &gt; div.rt_tree.odd_member &gt; div:last-child:before {border-top: 1px dashed #7b858d;top: 270px;left: 34%;}




/*Only Grandson*/
/*.right_tree.only_grand {padding-top: 121px;}*/
.right_tree.only_grand::after{height: 122px;}
.right_tree.only_grand .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::before, 
.right_tree.only_grand .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::after{left: 36%;border-left:none; }
.right_tree.only_grand .section.level_4 &gt; div.rt_tree {left: 10%;}
/*On Right Only One Child*/
.right_tree.only_child.child_1 .section.level_3{top: -207px;}
.right_tree.only_child.child_1 .section.level_3 &gt; div{background: none;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree.member_1 &gt; div{width: 97%; top:20px;}
.right_tree.only_child.child_1 .section.level_3 &gt; div.rt_tree.member_1 &gt; div:last-child::after{border-left: none;}
/*
.right_tree.only_child.one_child .section.level_3 &gt; div.rt_tree::before {left: 32%;}
.right_tree.only_child.one_child .section.level_3 &gt; div.rt_tree.member_1 &gt; div::before {border-top: medium none;}
.right_tree.only_child.one_child .section.level_3 &gt; div.rt_tree.member_1 &gt; div {left: 25%;}*/


/*On Right Only One Grand*/
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::before, 
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree.member_1 &gt; div:last-child::after,
.right_tree.only_grand::after{border:none;}
.right_tree.only_grand.one_grand {padding-top: 0px;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree.member_1{background: none;}
.right_tree.only_grand.grand_1 .section.level_4 &gt; div.rt_tree.member_1 {left: 0;width: 75%;top: -120px;}
/*.right_tree.only_grand.one_grand .section.level_4 {background: none;top: -50px;}
.right_tree.only_grand.one_grand .section.level_4 &gt; div.rt_tree {background: none;left: 0;top: -35px;width: 75%;}
*/

/*Lavel 2 With One son &amp; grand son */
.right_tree.child_with_grand .section.level_3{top: -85px;}
.right_tree.child_with_grand .section.level_4 {top: -65px;}
.right_tree.child_with_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::before{width: 50%;}
.right_tree.child_with_grand .section.level_3 &gt; div.rt_tree.member_1.if_grandson &gt; div::after{border-left: none;top: -75px;}
.right_tree.child_with_grand .section.level_4 &gt; div.rt_tree.member_1.odd_member &gt; div:last-child:after {top: -95px;height: 125px;left: 34.5%;}
.right_tree.child_with_grand .section.level_4 &gt; div.rt_tree.member_1.odd_member &gt; div:last-child:before{top: 30px;}
/*Lavel 2 With One son &amp; grand son */
.right_tree.child_with_grand .section.level_3{top: -65px;}

/*more Child With grandson*/
.right_tree.child_with_grand{padding-top: 85px;}
.right_tree.child_with_grand .section.level_3 &gt; div.rt_tree.more_than2 &gt; div::after {top: -90px;}

/*More than 4 grand*/
.right_tree .section.level_4 &gt; div.rt_tree.odd_member.more_than4 &gt; div:last-child:before {top: 515px;}
.right_tree .section.level_4 &gt; div.rt_tree.odd_member.more_than4 &gt; div:last-child:after {top: 395px;}
/*More than 6 grand*/
.right_tree .section.level_4 &gt; div.rt_tree.odd_member.more_than4 &gt; div:last-child:before {top: 760px;}
.right_tree .section.level_4 &gt; div.rt_tree.odd_member.more_than4 &gt; div:last-child:after {top: 640px;}


/*Risk Preference popup CSS*/
.radio_field_wrapper .ui-radio label{width: 85%;padding-bottom: 2px;}


/*Risk Preference Calculator CSS*/
.calculation_steps_wrapper.risk_calc .panel {margin-bottom: 20px;overflow: hidden;}
.calculation_steps_wrapper.risk_calc .radio_field_wrapper .ui-radio label {float: right;width: 93%;margin-bottom: 5px;margin-top: 1px;}
.radio_field_wrapper input[type="radio"]{top: 0px;/*5-0*/}



}


@media screen and (max-width: 450px){

/*steps thumb*/
.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li.ui-state-active {padding: 10px;}
.age_filter{width: 320px;}
.filter select.form-control.simple{background-position: 22px center;position: absolute;right: -25px; width: 38px;}
#currentSavingMessage.error_msg, #currentCostMessage.error_msg, #currentExpenseMessage.error_msg, #currentSavingMessage.error_msg{left:0%;width:110%;}

/*Calculator CSS*/
.grow_map.LP_graph {margin-top: 25px;}
.intial_amount_wrapper.final .ui-input-text{width:125px;}
.intial_amount_wrapper input {margin: 12px 0;}
.intial_amount_wrapper span.rupee_sign, .intial_amount_wrapper.final span.rupee_sign {margin:25px 2px 0 0;}
.intial_amount_wrapper input.intial_amount.final {margin: 8px 0 0;font-size: 20px;width: 125px;}
/*.retirement_calc .intial_amount_wrapper span.rupee_sign{margin-top: 10px;}
.retirement_calc .intial_amount_wrapper.final span.rupee_sign {margin-top: 5px;}
.retirement_calc .intial_amount_wrapper .ui-input-text {margin-top: 7px;}
.retirement_calc .intial_amount_wrapper input.intial_amount.final{margin-top: 0px;}
*/
.life_protection_calc #fragment-3 .intial_amount_wrapper span.rupee_sign,
.life_protection_calc #fragment-3 .intial_amount_wrapper.final span.rupee_sign{margin-top: 13px;}
.life_protection_calc #fragment-3 .intial_amount_wrapper input.intial_amount{margin: 7px 0;font-size: 18px;width: 135px;}


.inflation_indicator{top:15%;left: 32%;}
.grow_map,.initial_point_wrapper,.mid_graph_wrapper,.final_point_wrapper,.mid_graph_wrapper svg{height: 110px; min-height: 110px;}
.grow_bar.final_state &gt; span{position: relative;top: -20px;left: 5px;}
.inflation_indicator &gt; span {line-height: 45px;width: 45px;height: 45px;}
.inflation_indicator div.ui-input-text input.inflation_filed, .inflation_indicator input.inflation_filed {height: 45px;font-size: 22px;line-height: 45px;}
.inflation_indicator div.ui-input-text input.inflation_filed.invest_field, .inflation_indicator input.inflation_filed.invest_field{width: 45px;}
.mid_graph_wrapper .error_msg {top:-5px;}
.step-content .owl-carousel.only_one .owl-item{margin: 0;}
.customNavigation a {background-size: 30px;width: 14px;}
.customNavigation {top: 42%;}
.customNavigation a.prev {left: 2px;}

.owl-buttons a {background-size: 25px;width: 10px;}
.owl-buttons {top: 42%;}
.owl-buttons a.prev {left: 0px;}
.owl-buttons a.next{right:-1px;}
.recommended_slider .owl-buttons a.next {right: 0px;}

/*Risk Preference Popup CSS*/
/*.radio_field_wrapper label{width: 85%;}*/
.meter_indicator {background-position: center bottom !important;background-size: 100% auto !important;}
.pop_content.risk_preference_result h1, .pop_content.risk_preference_result h2{font-size: 22px;}
.meter_indicator {height: 210px;}
.meter_indicator + p{font-size: 14px;}
.Aggressive .risk_percentage .debt{padding: 1px 0;}
.Aggressive .risk_percentage span{/*top: -9px;*/position: relative;}
.Aggressive .risk_percentage span &gt; span{clear: both; display: block;}
.Aggressive .risk_percentage .equity span &gt; span {clear: inherit;display: inherit;}

/*Education Calculator CSS*/ 
.education_calc .grow_map.female .final_point_wrapper{background-size: 70% auto;}
.education_calc .grow_map {margin-top: 15px;}
.education_calc .initial_point_wrapper, .education_calc .grow_map.female .initial_point_wrapper
{background-size: 15px;}
.education_calc .final_point_wrapper, .education_calc .grow_map.female .final_point_wrapper
{background-size: 25px;}
.education_calc .intial_amount_wrapper input.intial_amount.final{margin: -5px 0 0;}
.education_calc .intial_amount_wrapper.final span.rupee_sign {margin-top: 13px;}

/*Reirement Calculation CSS*/
.retirement_calc .mid_graph_wrapper .error_msg {top: -20px;}


/*Legac Calculator css*/
.legacy_calc .inflation_indicator {left: 15%;top:10%;}
.legacy_calc .mid_graph_wrapper .error_msg {top: -25px;}
.legacy_calc .intial_amount_wrapper.final span.rupee_sign{margin-top:23px;}
/*Marriage Calculator CSS*/
.marriage_calc .final_point_wrapper{background-size: 70% auto;}
.marriage_calc .grow_map.male .initial_point_wrapper,.marriage_calc .grow_map.female .initial_point_wrapper{background-size: 20px;}
.marriage_calc .grow_map.male .final_point_wrapper,.marriage_calc .grow_map.female .final_point_wrapper{background-size: 30px;}
.marriage_calc #fragment-3 .step-content{    margin: 0px auto 21px;}
.marriage_calc .intial_amount_wrapper.final span.rupee_sign{margin-top:13px;}
/*Tax Calculator css*/
.calculator_wrapper h1{font-size: 20px}
.formControl{margin: 0;overflow: hidden;width: 100%;}
.step-content.tax .filter.huge p {left:0;}
.formControl span.rupee {margin-right: 5px;}
.tax_calc .formControl{overflow: visible;}


/*Wealth Calculator CSS*/
.wealth_calc .grow_map .initial_point_wrapper{background-size: 35px auto;}
.wealth_calc .grow_map .final_point_wrapper{background-size: 70px auto;}
.wealth_calc .inflation_indicator div.ui-input-text input.inflation_filed, .wealth_calc .inflation_indicator input.inflation_filed{line-height: 35px;}
.wealth_calc .intial_amount_wrapper p{width: 38%;}
.intial_amount_wrapper input{margin: 10px 0;}
.intial_amount_wrapper.final span.rupee_sign{margin-top: 23px;}
.wealth_calc .intial_amount_wrapper input.intial_amount.final{margin: 8px 0 0;}
.wealth_calc .mid_graph_wrapper .error_msg {top:-30px;}

/*Health Calculator CSS*/
.money_bag {height: 115px;}
.money_bag_map .money_bag:first-child::after {background-size: 15px auto;opacity: 0.25;}
.money_bag_map .money_bag:nth-child(2)::after {background-size: 20px auto;opacity: 0.4;}
.money_bag_map .money_bag:nth-child(3)::after {background-size: 30px auto;opacity: 0.55;}
.money_bag_map .money_bag:nth-child(4)::after {background-size: 40px auto;opacity: 0.7;}
.money_bag_map .money_bag:nth-child(5)::after {background-size: 45px auto;}
.money_bag_map .money_bag:first-child p {margin-top: 65px;}
.money_bag_map .money_bag:nth-child(2) p {margin-top: 58px;}
.money_bag_map .money_bag:nth-child(3) p {margin-top: 50px;}
.money_bag_map .money_bag:nth-child(4) p {margin-top: 40px;}
.money_bag_map .money_bag:nth-child(5) p {margin-top: 25px;}

.grow_map.money_bag_map {margin: 50px auto 0;padding-top: 15px;width: 90%;clear: both;height: 130px;overflow: visible;}
.money_bag_map .money_bag p span {font-size: 12px !important;}
.lineInterval {margin: 0 auto;max-width: 950px;width: 90%;}

.lineInterval li .timeline::after{left: 40%}
.lineInterval .timeline{width: 80%;}
.ailment-cost-category {margin: 30px auto 0;}
.curr_cost span {font-size: 12px;width: 75px;}
.projected_cost span {font-size: 12px;width: 80px;margin-top: -5px;}
.projected_cost .info {left: -2%;}

/*Select Planning Goals CSS */
.step-content.stage_type_wrapper h2.snoopy_title {font-size: 20px;text-align: center;vertical-align: middle;width: 90%;}

/*Summary Report  CSS*/
.field_row:nth-child(3) .filed_caption, 
.field_row:nth-child(4) .filed_caption {padding-bottom: 10px;}
/*.field_row:nth-child(3) .filed_caption, .field_row:nth-child(3) .filed_value,
.field_row:nth-child(4) .filed_caption, .field_row:nth-child(4) .filed_value {width: 100%;}
.field_row:nth-child(3) .filed_caption, .field_row:nth-child(3) .filed_value .selectBox,
.field_row:nth-child(4) .filed_caption, .field_row:nth-child(4) .filed_value .selectBox {float: right;}*/
label.selectBox::before{top: -4px;}
.field_row &gt; div.filed_caption, .field_row &gt; div.filed_value {width: 100%;text-align: left;}
.field_row &gt; div.filed_value {padding-top: 0;}
label.selectBox {float: right;}
.field_row:nth-child(3) .filed_caption, .field_row:nth-child(4) .filed_caption {padding-bottom: 5px;}
.pie_progress_wrapper {margin: 0 auto;text-align: center;display: block;clear: both;}
.summary_wrapper .btn_blu {margin: 10px auto;text-align: center;display: block;float: none;}


/*Assumption css*/
.calculation_steps_wrapper{padding-top:55px;}
.assumption_wrapper{top:-1px;left:-275px;width:275px;}
.assumption_btn span,.assumption_btn i.down_arrow{display:none;margin:0;}
.assumption_btn{height:50px;}
.assumption_btn i.up_arrow{top:40%;}
.assumpn_btn{width:100%;}
.assumpn_btn button{margin:0 5% 0 0;padding:7px 2%;width:40%;}
.assumpn_btn button.btn_blu{margin-right:0;}
.flt_list select.form-control.simple{border:1px solid #006ab6;border-radius:4px;height:30px;margin:0 13px 10px 0;padding:0;width:97%;float: left;padding-left: 2%;}
body.ie10 select.form-control.simple{background:none;}

/*Alert Popup*/
.alert_wrapper .button_wrapper a{display: block;margin-bottom: 10px;}

/*Risk Preference Calculator CSS*/
.risk_preference_result .meter_indicator {height: 205px;}
.risk_preference_result.Conservative .meter_indicator,.risk_preference_result.Balanced .meter_indicator {width: 105%;}
.calculation_steps_wrapper.risk_calc .step-content{min-height: 400px;}
.calculation_steps_wrapper.risk_calc{padding-top: 0;}

}



@media screen and (max-width: 360px){

/*Risk Preference Calculator CSS*/
.step-content.risk_preference_result .meter_indicator {height: 150px;}
.risk_preference_result .meter_indicator {height: 165px;}


}
@media screen and (min-width: 600px) and (orientation:portrait){}
@media screen and (min-width: 768px) and (orientation:portrait){}
@media screen and (max-width : 600px) and (orientation:portrait){}
@media screen and (max-width : 600px) and (orientation:landscape){}
</pre></body></html>