html,
body {
	font-family:TheSansCdRegular;
}

/* Component: Start */


/* Component: End */

.affix {
	top: 0;
	z-index: 9999 !important;
}

.section-margin-top {
	margin-top:0px;
}
  
#section-progress .pb-homepage-content {
	padding:0px !important;
}

#section-progress .pb-bgwrapper {
	border-bottom: 1px solid #dddddd;
	background-color:#ffffff !important;
}

.time-reminder {
	margin-bottom:20px;
	font-family:Arial;
	font-size:14px;
	line-height:18px;
	text-align:center;
}

.time-reminder i {
	font-size:20px;
}

.time-reminder-hl {
	color:#45A497;
}

.col-progress {
	
}

.progress-label {
	padding-bottom:10px;
	font-family: 'TheSansB-W5Plain';
	font-size:16px;
	line-height:24px;
	color:#999999;
	text-align:center;
}

#section-progress .navbar-nav {
	float:none;
}

#section-progress ul {
	padding-bottom:0px;
}

#section-progress ul li {
	margin: 0px;
    padding: 0px;
    width: 49%;
    background: none;
    line-height: normal;
}

#section-progress .navbar-nav>li>a {
	padding:0px;
	outline: none;
    border: none;
	cursor: default;
}

#section-progress .navbar-nav>li>a, 
#section-progress .navbar-nav>li>a:focus, 
#section-progress .navbar-nav>li>a:hover,
#section-progress .navbar-nav>.active>a, 
#section-progress .navbar-nav>.active>a:focus, 
#section-progress .navbar-nav>.active>a:hover {
	background-color:transparent;
}

#section-progress .navbar-nav>.active .progress-label {
	color:#005B7E;
	border-bottom: 2px solid #4d637b
}

.pg-plan-title {
	margin-bottom:20px;
	font-family: 'TheSansB-W3Light';
	font-size:32px;
	line-height:40px;
	color:#333333;
	text-align: center;
}

.pg-plan-title-subhead {
	margin-bottom: 20px;
    padding: 0px 20px;
    font-family: TheSansPlain;
    font-size: 20px;
    line-height: 26px;
    color: #333333;
    text-align: center;
}

.pg-footer-tnc {
	padding: 0px 20px;
    font-size: 12px;
}

.section-plan-title {
	margin-top: 0px;
	margin-bottom: 30px;
	font-family: 'TheSansB-W6SemiBold';
	font-size: 24px;
	line-height: 30px;
	color: #1A1A1A;			
}

#section-action .section-plan-title {
	margin-top: 0px;
	margin-bottom: 30px;
	font-family: 'TheSansB-W6SemiBold';
	font-size: 24px;
	line-height: 32px;
	color: #333333;
	text-align:center;	
}

.section-form-title {
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 10px;
    border-top: 2px solid #e5e5e5;
	font-family: 'TheSansB-W7Bold';
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	text-align:left;
}

.section-form-title-row {
}

.section-form-title-sub {
	font-family: 'TheSansB-W5Plain';
	font-size: 12px;
	line-height: 14px;
    color: #999999;
}

.section-form-cta {
	margin-top:40px;
}

.section-result-container {
	height:1px;
	overflow:hidden;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-ms-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}

#section-understand-result .section-result-container {
	
}

.section-result-content-body {
}

.cont_bordertop {
	position: absolute;
    width: 100%;
    z-index: 99;
	/*background-color:#f2f2f2;*/
}

.section-progress-container {
	position:relative;
	margin:0px;
	padding:10px 10px 0px 10px;
	width:100%;
	/*
	border:1px solid #d7d7d7;
	border-radius:10px;
	*/
	background-color:#ffffff;
}

.section-container {
	position:relative;
	margin-bottom:20px;
	padding:50px 60px 30px 60px;
	width:100%;
	border:1px solid #d7d7d7;
	border-radius:10px;
	background-color:#ffffff;
}

.section-container.container-top {
	margin-bottom:0px;
	border:1px solid #d7d7d7;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
}

.section-container.container-bottom {
	top:-1px;
	margin-top:0px;
	border:1px solid #d7d7d7;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

.section-bg-white {
	background-color:#ffffff;
}

.section-bg-grey {
	background-color:#fafafa;
}

.section-bg-cyan {
	background-color:#60c5c1;
}

.section-bg-transparent {
	border:none;
	background-color:transparent;
}

.section-result-content-error {
	display: none;
	margin: 0px auto 20px auto;
    
}

.ico-result-content-error {
	margin-bottom: 10px;
	font-size: 40px;
    color: #fe4755;
    text-align: center;
}

.msg-result-content-error {
	margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    color: #666666;
    text-align: center;
}

#col-opt-approach-1-inp-err,
#col-opt-approach-2-inp-err {
	display:none;
}

#col-opt-approach-1-inp-err .btn-clickhere,
#col-opt-approach-2-inp-err .btn-clickhere {
	color:#ffffff;
    
}

#col-opt-approach-1-inp-err .ico-result-content-error,
#col-opt-approach-2-inp-err .ico-result-content-error {
	margin-bottom: 10px;
	font-size: 40px;
    color: #ffffff;
    text-align: center;
}

#col-opt-approach-1-inp-err .msg-result-content-error,
#col-opt-approach-2-inp-err .msg-result-content-error {
	margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    color: #ffffff;
    text-align: center;
}

.section-result-desc {
	font-family: 'TheSansB-W5Plain';
	font-size:16px;
	line-height:24px;
	color:#666666;
}

.section-result-desc-big {
	margin-top:0px;
	font-family: 'TheSansB-W3Light';
	font-size:32px;
	line-height:40px;
	font-weight: normal;
	color:#666666;
}

.col-form-inp-left {
	position: relative;
    margin: 10px auto;
    padding: 0px 15px;
}

.col-form-inp-right {
	position: relative;
    margin: 10px auto;
    padding: 0px 15px;
}

/*
#section-evaluate,
#section-evaluate-result,
#section-choose,
#section-choose-result,
#section-action {
	display:none;
}
*/

.result-desc-style {
    font-family: 'TheSansB-W8ExtraBold';
    font-weight: bold;
}

.result-desc-gray {
	color:#333333;
	font-family: 'TheSansB-W8ExtraBold';
	font-weight:bold;
}

.result-desc-green {
	color:#45C4C2;
	font-family: 'TheSansB-W8ExtraBold';
	font-weight:bold;
}

.result-desc-orange {
	color:#EC673F;
	font-weight:bold;
}

.section-footer-space {
	clear:both;
	height:10px;
}

/* slider: Setting Start*/
	.slider-dot-container {
		position: absolute;
    	bottom: -3px;
		z-index:2;
	}
	
	.slider-dot-desc {
		position: absolute;
		bottom: 15px;
		left: 50%;
		font-family: 'TheSansB-W6SemiBold';
		transform: translateX(-50%);
	}
	
	.slider-dot {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background-color: #999999;
	}
	
	#slider-dot-min .slider-dot {
		background-color: #45A497;
	}
	
	.tooltip-plan-arrow {
		position: absolute;
    	left: 50%;
    	bottom: -12px;
    	font-size: 20px;
    	color: #45A497;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.tooltip-bottom-slider-container {
		position: absolute;
		left:50%;
		bottom: -74px;
		padding: 10px;
		width: 160px;
		font-family: TheSansCdLight;
		font-size: 14px;
		line-height: 16px;
		color: #404040;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	.tooltip-slider-container {
		position: absolute;
		left:50%;
		bottom: 40px;
		padding: 10px;
		width: 160px;
		border-radius: 8px;
		background-color: #45A497;
		font-family: 'TheSansB-W5Plain';
		font-size: 14px;
		line-height: 16px;
		color: #FAFAFA;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	.tooltip-bottom-slider-container {
		position: absolute;
		left:50%;
		bottom: -60px;
		padding: 10px;
		width: 160px;
		font-family: 'TheSansB-W5Plain';
		font-size: 14px;
		line-height: 16px;
		color: #404040;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	.slider-drag-container .slider-dot-desc {
		position: absolute;
		bottom: -30px;
		left: 50%;
		min-width:100px;
		text-align:center;
		transform: translateX(-50%);
	}
	
	.slider-drag-container .tooltip-slider-container {
		position: absolute;
		left:50%;
		bottom: 30px;
		padding: 4px 10px;
		width: auto;
		border-radius: 8px;
		background-color: #45A497;
		font-family: 'TheSansB-W5Plain';
		font-size: 14px;
		line-height: 16px;
		color: #FAFAFA;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	.slider-drag-container .ui-widget.ui-widget-content {
		height: 3px;
		border: none;
		background-color: #999999;
	}
	
	.slider-drag-container .ui-slider-horizontal .ui-slider-handle {
    	top: -8px;
		padding-top: 4px;
		width: 20px;
		height: 20px;
		border: none;
		border-radius: 50%;
		background-color: #45A497;
		font-size: 11px;
		line-height: 20px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		outline:none;
	}
	
	.slider-drag-container .ui-slider-range { 
		background: #45A497;
	}
	
	.slider-dot-container {
		position: absolute;
    	bottom: -3px;
	}
	
	#slider-dot-min.slider-dot-container {
		left: -5px;
	}
	
	#slider-dot-max.slider-dot-container {
		right: -5px;
	}
	/* slider: Setting End*/

/* chart line: Start */
.chart-line-container {
	display:none;
	position: relative;
    margin: 60px 0px 100px 0px;
    width: 100%;
}

.chart-content {
	position: relative;
    top: -2px;
    margin: auto;
    width: 70%;
    z-index: 1;
}

.chart-item {
	position: absolute;
	top: -6px;
	font-size:18px;
	z-index:3;
}

#chart-item-age-retired.chart-item {
	color:#333333;
	z-index:4;
}

#chart-item-age-current.chart-item {
	left:-8px;
	color:#999999;
}

#chart-item-age-max.chart-item {
	right:-8px;
	color:#333333;
}

.chart-item-bgLine {
	position: absolute;
	height:4px;
}

#chart-bg-line.chart-item-bgLine {
	width: 100%;
	background-color:#D9D9D9;
}

#chart-bg-line-HL.chart-item-bgLine {
	right: 0px;
	background-color:#333333;
	z-index:2;
}

.chart-item-bgLineDotted {
	position: relative;
    border-top: 1px dotted #999999;
}

.chart-item-label {
	margin-top: 6px;
    position: absolute;
    min-width: 110px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.item-label-val {
	font-family: 'TheSansB-W6SemiBold';
	font-size:16px;
	line-height:24px;
	color:#666666;
}

.item-label-desc {
	font-family: 'TheSansB-W5Plain';
	font-size:14px;
	line-height:16px;
	color:#666666;
}
/* chart line: End */

/* graph: Start */
#graph-evaluate {
	display:block;
}

#graph-investment {
	display:block;
}

.graph-container {
	position: relative;
    left: 130px;
	margin: 60px 0px 80px 0px;
	width:100%;
}

.theGraph {
	position:relative;
	padding:20px 0px;
	width:70%;
	height:200px;
	border-left: 1px solid #757575;
}

.graph-bar-label {
	position: absolute;
    top: 8px;
    left: -100px;
	width:80px;
	text-align:right;
}

.graph-label-value {
	width:90px;
	font-family: 'TheSansB-W6SemiBold';
	font-size:14;
	line-height:16px;
	color:#666666;
	text-align:right;
}

.graph-label-title {
	width:90px;
	font-family: 'TheSansB-W3Light';
	font-size:14;
	line-height:16px;
	color:#8f8f8f;
	text-align:right;
}

.theGraph-bottom {
	position:relative;
	width:100%;
	height:10px;
	border-left:1px solid #757575;
	border-right:1px solid #757575;
}

.graph-label {
	position:absolute;
	font-family:Arial, Helvetica;
	font-size:13px;
	color: #757575;
}

.graph-bar {
	position:relative;
    height: 50px;
}

.graph-bar-surplus {
	position:absolute;
    height: 50px;
	z-index:1;
}

#bar-age-curr.graph-bar {
	width: 0px;
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

#bar-age-retirement.graph-bar {
	width:100%;
}

#bar-surplus.graph-bar-surplus {
	top:130px;
	width:0px;
	border: 1px dashed #5C6BC0;
	background-color: #DADDEE;
}

.graph-bar-sub {
	float: left;
	position:relative;
	width:100%;
	height: 50px;
}

#bar-sub-ProjVal-asset.graph-bar-sub {
	width:0px;
	border:1px solid #d9d9d9;
	background-color:#d9d9d9;
}

#bar-sub-InvestReturn.graph-bar-sub {
	width:0px;
	border:1px dashed #45A497;
	background-color:#E7F0EF;
}

#bar-sub-ShortFall.graph-bar-sub {
	width:0px;
	border:1px dashed #EC673F;
	/*background:url('../images/graph-bg-line-red.png') repeat-x;*/
	background-color: #F8EAE6;
}

.graph-line-container {
	position: relative;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 60px;
}

.graph-line-dotted {
	position: absolute;
	left: 50px;
	margin: 0px;
	padding: 0px;
	height: 60px;
}

.graph-line-dotted img {
	width: 100%;
	height: 60px;
}

#line-ProjVal-asset.graph-line-dotted {
	width:0px;
}

#line-InvestmentReturn.graph-line-dotted {
	width:0px;
}

#line-InvestmentReturn.graph-line-dotted img {
	height: 60px;
}

#section-evaluate-result #line-InvestmentReturn.graph-line-dotted {
	
}

#section-choose-result #line-ProjVal-asset.graph-line-dotted {
	
}

.line-retirement-goal {
	position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    height: 180px;
    border-left: 4px solid #005B7E;
	z-index:1;
}

.graph-star {
	position: absolute;
	top: -20px;
	left: -7px;
	font-size:20px;
	color:#005B7E;
	
}

.graph-star img {
	width: 22px;
	height: auto;
}

.tooltip-container {
	position: absolute;
	z-index:1;
}

.bar-tooltip-arrow {
	position:absolute;
	width:2px;
	height:15px;
	border:none;
}

.tooltip-label-title {
	font-family: 'TheSansB-W5Plain';
	font-size: 14px;
	line-height:16px;
}

.tooltip-label-value {
	font-family: 'TheSansB-W8ExtraBold';
	font-size:20px;
	font-weight:bold;
	line-height:24px;
}

#bar-retirement-goal .tooltip-container {
    top: -40px;
    right: 10px;
    width: 130px;
	color: #005B7E;
}

#bar-age-curr .tooltip-container {
    top: 0px;
    right: -130px;
	width:120px;
	color: #8f8f8f;
}

#bar-sub-ProjVal-asset .bar-tooltip-arrow {
	bottom:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #d9d9d9;
}

#bar-sub-ProjVal-asset .tooltip-container {
    bottom: -76px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:120px;
	color: #8f8f8f;
}

#bar-sub-InvestReturn .bar-tooltip-arrow {
	height:70px;
	bottom:-70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #45A497;
}

#bar-sub-InvestReturn .tooltip-container {
    bottom: -130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:150px;
	color: #45A497;
}

#bar-sub-ShortFall .bar-tooltip-arrow {
	top:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #fb5f2f;
}

#bar-sub-ShortFall .tooltip-container {
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fb5f2f;
}

#bar-surplus .bar-tooltip-arrow {
	top:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #6465c0;
}

#bar-surplus .tooltip-container {
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:100px;
	color: #6465c0;
}
/* graph: End */

/* graph Mobile: Start */
#graph-evaluate-mob {
	display:none;
}

#graph-investment-mob {
	display:none;
}

.graph-tooltip-container {
	position:absolute;
	top:-40px;
}

.graph-container-mob {
	position: relative;
    left: 0px;
	margin: 80px 0px 50px 0px;
	width:100%;
}

.theGraph-mob {
	position:relative;
	padding:0px 0px;
	width:100%;
	height:200px;
	border-bottom: 1px solid #757575;
}

.graph-bar-label-mob {
	position: absolute;
    bottom: -40px;
    right: 0px;
	width:auto;
	text-align:right;
}

.graph-label-value-mob {
	width:90px;
	font-family: 'TheSansB-W6SemiBold';
	font-size:14;
	line-height:16px;
	color:#666666;
	text-align:right;
}

.graph-label-title-mob {
	margin-top:2px;
	width:90px;
	font-family: 'TheSansB-W3Light';
	font-size:14;
	line-height:16px;
	color:#8f8f8f;
	text-align:right;
}

.theGraph-bottom-mob {
	position:relative;
	width:100%;
	height:10px;
	border-left:1px solid #757575;
	border-right:1px solid #757575;
}

.graph-label-mob {
	position:absolute;
	font-family:Arial, Helvetica;
	font-size:13px;
	color: #757575;
}

.graph-bar-mob {
	position:absolute;
	bottom:0px;
	width:40px;
    max-height: 200px;
	height: auto;
}

.graph-bar-surplus-mob {
	position: absolute;
    width: 40px;
	right:0px;
	z-index:1;
	opacity:1;
}

#graph-evaluate-mob #bar-age-curr-mob.graph-bar-mob,
#graph-investment-mob #bar-age-curr-mob.graph-bar-mob {
	right: 80px;
    border: 1px solid #d9d9d9;
    background-color: #d9d9d9;
}

#graph-evaluate-mob #bar-age-retirement-mob.graph-bar-mob,
#graph-investment-mob #bar-age-retirement-mob.graph-bar-mob {
	right:0px;
}

#graph-evaluate-mob #bar-surplus-mob.graph-bar-surplus-mob,
#graph-investment-mob #bar-surplus-mob.graph-bar-surplus-mob {
	bottom: 0px;
	height: 0px;
	background-color:#d5d8eb;
	/*background-color: rgba(100, 101, 192, 0.5);*/
}

.graph-bar-sub-mob {
	position:relative;
	width:40px;
	height: 0px;
}

#graph-evaluate-mob #bar-sub-ProjVal-asset-mob.graph-bar-sub-mob,
#graph-investment-mob #bar-sub-ProjVal-asset-mob.graph-bar-sub-mob {
	height:0px;
	border:1px solid #d9d9d9;
	background-color:#d9d9d9;
}

#graph-evaluate-mob #bar-sub-InvestReturn-mob.graph-bar-sub-mob,
#graph-investment-mob #bar-sub-InvestReturn-mob.graph-bar-sub-mob {
	height:0px;
	border:1px solid #45A497;
	background-color: #E7F0EF;
}

#graph-evaluate-mob #bar-sub-ShortFall-mob.graph-bar-sub-mob,
#graph-investment-mob #bar-sub-ShortFall-mob.graph-bar-sub-mob {
	height:0px;
	border:1px dashed #EC673F;
	/*background:url('../images/graph-bg-line-red-mob.png') repeat-y;*/
	background-size:contain;
	background-color: #F8EAE6;
}

.graph-line-container-mob {
	position:absolute;
	bottom:0px;
	right: 20px;
	margin: 0px;
	padding: 0px;
	width: 60px;
}

.graph-line-dotted-mob {
	position: absolute;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 60px;
}

.graph-line-dotted-mob img {
	width: 40px;
	height: 100%;
}

#graph-evaluate-mob #line-ProjVal-asset-mob.graph-line-dotted-mob,
#graph-investment-mob #line-ProjVal-asset-mob.graph-line-dotted-mob {
	height:0px;
}

#graph-evaluate-mob #line-InvestmentReturn-mob.graph-line-dotted-mob,
#graph-investment-mob #line-InvestmentReturn-mob.graph-line-dotted-mob {
	height:0px;
}

#graph-evaluate-mob #line-InvestmentReturn-mob.graph-line-dotted-mob img,
#graph-investment-mob #line-InvestmentReturn-mob.graph-line-dotted-mob img {
	/*width: 52px;*/
}

#section-evaluate-result-mob #line-InvestmentReturn-mob.graph-line-dotted-mob {
	
}

#section-choose-result-mob #line-ProjVal-asset-mob.graph-line-dotted-mob {
	
}

.line-retirement-goal-mob {
	position: absolute;
    bottom: 0px;
    right: 0px;
    width: 50px;
    height: 20px;
    border-bottom: 4px solid #005173;
	z-index:1;
}

.graph-star-mob {
	position: absolute;
	top: 8px;
	left: -8px;
	font-size:20px;
	color:#005173;
}

.graph-star-mob img {
	width: 22px;
	height: auto;
}

.tooltip-container-mob {
	position: relative;
	margin-bottom:10px;
}

.bar-tooltip-arrow-mob {
	display:none;
	position:absolute;
	width:2px;
	height:15px;
	border:none;
}

.tooltip-label-title-mob {
	margin-bottom:2px;
	font-family: 'TheSansB-W5Plain';
	font-size: 14px;
	line-height:16px;
}

.tooltip-label-value-mob {
	font-family: 'TheSansB-W8ExtraBold';
	font-size:16px;
	font-weight:bold;
	line-height:20px;
}

#graph-evaluate-mob #tooltip-age-curr-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-age-curr-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-age-curr-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-age-curr-mob .tooltip-label-value-mob {
	color:#8f8f8f;
}

#graph-evaluate-mob #tooltip-retirement-goal-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-retirement-goal-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-retirement-goal-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-retirement-goal-mob .tooltip-label-value-mob {
	color:#005173;
}

#graph-evaluate-mob #tooltip-ProjVal-asset-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-ProjVal-asset-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-ProjVal-asset-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-ProjVal-asset-mob .tooltip-label-value-mob {
	color:#8f8f8f;
}

#graph-evaluate-mob #tooltip-InvestReturn-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-InvestReturn-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-InvestReturn-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-InvestReturn-mob .tooltip-label-value-mob {
	color:#45A497;
}

#graph-evaluate-mob #tooltip-surplus-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-surplus-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-surplus-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-surplus-mob .tooltip-label-value-mob {
	color:#6465c0;
}

#graph-evaluate-mob #tooltip-ShortFall-mob .tooltip-label-title-mob,
#graph-evaluate-mob #tooltip-ShortFall-mob .tooltip-label-value-mob,
#graph-investment-mob #tooltip-ShortFall-mob .tooltip-label-title-mob,
#graph-investment-mob #tooltip-ShortFall-mob .tooltip-label-value-mob {
	color:#fb5f2f;
}

#graph-evaluate-mob #bar-retirement-goal-mob .tooltip-container-mob,
#graph-investment-mob #bar-retirement-goal-mob .tooltip-container-mob {
    top: -28px;
    right: 0px;
    width: 120px;
	color: #45c4c2;
}

#graph-evaluate-mob #bar-age-curr-mob .tooltip-container-mob,
#graph-investment-mob #bar-age-curr-mob .tooltip-container-mob {
    top: 0px;
    right: -130px;
	width:120px;
	color: #8f8f8f;
}

#graph-evaluate-mob #bar-sub-ProjVal-asset-mob .bar-tooltip-arrow-mob,
#graph-investment-mob #bar-sub-ProjVal-asset-mob .bar-tooltip-arrow-mob {
	bottom:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #d9d9d9;
}

#graph-evaluate-mob #bar-sub-ProjVal-asset-mob .tooltip-container-mob,
#graph-investment-mob #bar-sub-ProjVal-asset-mob .tooltip-container-mob {
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:120px;
	color: #8f8f8f;
}

#graph-evaluate-mob #bar-sub-InvestReturn-mob .bar-tooltip-arrow-mob,
#graph-investment-mob #bar-sub-InvestReturn-mob .bar-tooltip-arrow-mob {
	bottom:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #005b7e;
}

#graph-evaluate-mob #bar-sub-InvestReturn-mob .tooltip-container-mob,
#graph-investment-mob #bar-sub-InvestReturn-mob .tooltip-container-mob {
    bottom: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:150px;
	color: #005b7e;
}

#graph-evaluate-mob #bar-sub-ShortFall-mob .bar-tooltip-arrow-mob,
#graph-investment-mob #bar-sub-ShortFall-mob .bar-tooltip-arrow-mob {
	top:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #fb5f2f;
}

#graph-evaluate-mob #bar-sub-ShortFall-mob .tooltip-container-mob,
#graph-investment-mob #bar-sub-ShortFall-mob .tooltip-container-mob {
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fb5f2f;
}

#graph-evaluate-mob #bar-surplus-mob .bar-tooltip-arrow-mob,
#graph-investment-mob #bar-surplus-mob .bar-tooltip-arrow-mob {
	top:-15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	
	background-color: #6465c0;
}

#graph-evaluate-mob #bar-surplus-mob .tooltip-container-mob,
#graph-investment-mob #bar-surplus-mob .tooltip-container-mob {
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width:100px;
	color: #6465c0;
}
/* graph Mobile: End */

.form-plan-container {
	
}

#form-understand {
}

#form-evaluate {
}

.form-input-row {
	margin-bottom:20px;
}

.btn-cta-edit {
	display:inline-block;
	margin:0px;
	padding:10px 10px;
	font-family: 'TheSansB-W5Plain';
	font-size:16px;
	line-height:24px;
	color:#0055CC;
	text-align:center;
	text-decoration:underline;
	cursor:pointer;
}

.btn-cta-edit.right {
	display:none;
	float:right;
}

.btn-cta-edit.right.active {
	display:block;
	float:left;
}

.btn-cta {
	display:inline-block;
	margin:0px;
	padding:10px 20px;
	border-radius:10px;
	background-color:#000000;
	font-family: 'TheSansB-W6SemiBold';
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
}

.btn-cta.right {
	display:none;
}

.btn-cta.right.active {
	display:inline-block;
	position:relative;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
}

.btn-cta-red {
	display: inline-block;
	margin: 10px 0px;
    padding: 10px 20px;
    width: auto;
    height: auto;
    border-radius: 10px;
	background-color:#df1a23;
	text-align:center;
	cursor:pointer;
}

.btn-startnow {
	font-size:18px;
	line-height:24px;
	color:#ffffff;
}

.ico-container {
	display: inline-block;
	width:28px;
	height:28px;
	vertical-align: top;
}

.space-tab {
	display: inline-block;
	width:50px;
	height:28px;
	vertical-align: top;
}

.space-tab-component {
	display: inline-block;
	width:50px;
	height:28px;
	vertical-align: top;
}

.frm-label-container .space-tab {
	margin-right: 10px;
    height: 50px;
	border-right:none;
}

	.slider-rate-container {
		padding:0px 50px;
	}
	
	#slider-rate-disciplinedManner.ui-widget.ui-widget-content,
	#slider-rate-optimizedReturn-1.ui-widget.ui-widget-content,
	#slider-rate-optimizedReturn-2.ui-widget.ui-widget-content {
		height: 3px;
		border: none;
		background-color: #999999;
	}
	
	#slider-rate-disciplinedManner.ui-slider-horizontal .ui-slider-handle,
	#slider-rate-optimizedReturn-1.ui-slider-horizontal .ui-slider-handle,
	#slider-rate-optimizedReturn-2.ui-slider-horizontal .ui-slider-handle {
    	top: -8px;
		padding-top: 0px;
		width: 20px;
		height: 20px;
		border: none;
		border-radius: 50%;
		background-color: #45c4c2;
		font-size: 11px;
		line-height: 20px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		outline:none;
	}
	
	.slider-dot-container {
		position: absolute;
    	bottom: -3px;
	}
	
	#slider-rate-disciplinedManner-dot-min.slider-dot-container,
	#slider-rate-optimizedReturn-1-dot-min.slider-dot-container,
	#slider-rate-optimizedReturn-2-dot-min.slider-dot-container {
		left: -5px;
	}
	
	#slider-rate-disciplinedManner-dot-max.slider-dot-container,
	#slider-rate-optimizedReturn-1-dot-max.slider-dot-container,
	#slider-rate-optimizedReturn-2-dot-max.slider-dot-container {
		right: -5px;
	}
	
	#slider-rate-disciplinedManner-dot-mid.slider-dot-container,
	#slider-rate-optimizedReturn-1-dot-mid.slider-dot-container,
	#slider-rate-optimizedReturn-2-dot-mid.slider-dot-container {
		left:50%;
	}
	
	.slider-dot-desc {
		position: absolute;
		bottom: -30px;
		left: 50%;
		min-width:100px;
		font-family: 'TheSansB-W6SemiBold';
		text-align:center;
		transform: translateX(-50%);
	}
	
	.slider-dot {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background-color: #999999;
	}
	
	.tooltip-slider-container {
		position: absolute;
		left:50%;
		bottom: 40px;
		padding: 10px;
		width: 160px;
		border-radius: 8px;
		background-color: #45C4C2;
		font-family: 'TheSansB-W5Plain';
		font-size: 14px;
		line-height: 16px;
		color: #FAFAFA;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	.tooltip-bottom-slider-container {
		position: absolute;
		left:50%;
		bottom: -60px;
		padding: 10px;
		width: 160px;
		font-family: 'TheSansB-W5Plain';
		font-size: 14px;
		line-height: 16px;
		color: #404040;
		text-align: center;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 20;
	}
	
	#disp-slider-fee {
		font-size:24px;
		line-height:32px;
		font-weight:bold;
		letter-spacing: 2px;
	}
	
	#disp-slider-rate-disciplinedManner-curr,
	#disp-slider-rate-optimizedReturn-1-curr,
	#disp-slider-rate-optimizedReturn-2-curr {
		font-size:16px;
		line-height:24px;
		font-weight:bold;
		letter-spacing: 1px;
	}
	
	.slider-sim-rate-title {
		margin:40px 0px 10px 0px;
		font-family: 'TheSansB-W3Light';
		font-size:20px;
		line-height:24px;
		color:#404040;
	}
	
	.slider-sim-rate-note {
		margin:0px 0px 10px 0px;
		font-family: 'TheSansB-W3Light';
		font-size:14px;
		line-height:16px;
		color:#666666;
	}

#checkbox-cont-property-Sell .frm-label-container .space-tab,
#checkbox-cont-property-RentOut .frm-label-container .space-tab {
	margin-right: 10px;
    height: 50px;
	border-right:none;
}

.frm-label-container .space-tab-component {
	margin-right: 10px;
    height: 30px;
}

#checkbox-cont-property-Sell .frm-label-container .space-tab-component,
#checkbox-cont-property-RentOut .frm-label-container .space-tab-component {
	margin-right: 10px;
    height: 20px;
}

.ico-container img {
	width:100%;
	height:100%;
}

.frm-label-container {
	
}

.frm-label {
	display: inline-block;
	vertical-align: top;
	max-width:480px;
}

.frm-label-main {
	margin-top: 4px;
	margin-bottom:4px;
	font-family: 'TheSansB-W3Light';
	font-size:20px;
	line-height:24px;
	color:#404040;
	text-align:left;
}

.frm-label-desc {
	margin-bottom:0px;
	font-family: 'TheSansB-W3Light';
	font-size:14px;
	line-height:16px;
	color:#666666;
	text-align:left;
}

.reference-inp-checkbox-group {
	border:1px solid #ffffff;
}

#form-understand .form-control.inp-frm,
#form-evaluate .form-control.inp-frm,
#form-choose-opt-approach-1 .form-control.inp-frm,
#form-choose-opt-approach-2 .form-control.inp-frm {
    padding: 10px 10px 10px 30px;
	height:46px;
	background-color:#f3f3f3;
	text-align:right;
}

#form-understand .form-control-feedback,
#form-evaluate .form-control-feedback,
#form-choose-opt-approach-1 .form-control-feedback,
#form-choose-opt-approach-2 .form-control-feedback {
	display: block;
    position: absolute;
    top: 14px;
    left: 22px;
    width: auto;
    height: 16px;
	font-size:12px;
    line-height: 16px;
	color:#999999;
    text-align: left;
    pointer-events: none;
	z-index: 2;
}

#form-understand .form-control.inp-frm.txt-inp-right,
#form-evaluate .form-control.inp-frm.txt-inp-right {
    padding: 10px 44px 10px 10px;
	background-color:#f3f3f3;
	text-align:right;
}

#form-understand .form-control-feedback.right,
#form-evaluate .form-control-feedback.right {
	display: block;
    position: absolute;
    top: 14px;
    right: 22px;
    width: auto;
    height: 46px;
	font-size:12px;
    line-height: 16px;
	color:#999999;
    text-align: right;
    pointer-events: none;
	z-index: 2;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

.section-instruction-title {
	margin: 20px;
	font-family: 'TheSansB-W5Plain';
	font-size: 24px;
	line-height:32px;
	text-align:center;
}

.section-instruction-title.valid {
	color:#45A497;
}

.section-instruction-title.invalid {
	color:#FE4755;
}

.invalid {
	color:#FE4755 !important;
}

.col-choose-optionBox {
	padding:15px;
}

.optBox-choose-container {
	padding:15px;
	border: 1px solid #e5e5e5;
	border-radius:10px;
}

.chkbox-choose-opt {
	margin-bottom: 10px;
}

.chkbox-choose-opt label {
	margin-left: 0px;
	font-family: 'TheSansB-W6SemiBold';
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #45A497;
}

.chkbox-choose-opt-main {
	
}

.chkbox-choose-opt-label {
	display: inline-block;
    padding-left: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #45A497;
    vertical-align: top;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox],
input[type=checkbox].chkbox-choose-opt-main,
input[type=checkbox].chkbox-property-investment {
	display:none;
}

input[type=checkbox].chkbox-choose-opt-main + label:before,
input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
input[type=checkbox].chkbox-property-investment + label:before,
input[type=checkbox]:checked.chkbox-property-investment + label:before {
	padding-right:8px;
	font-family: "FontAwesome";
	font-size:20px;
	font-weight:normal;
}

input[type=checkbox].chkbox-choose-opt-main + label:before,
input[type=checkbox].chkbox-property-investment + label:before {
	color:#555555;
}

input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
input[type=checkbox]:checked.chkbox-property-investment + label:before {
	color:#45A497;
}

#optBox-choose-approach-1 input[type=checkbox].chkbox-choose-opt-main + label:before,
#optBox-choose-approach-1 input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
#optBox-choose-approach-1 input[type=checkbox].chkbox-property-investment + label:before,
#optBox-choose-approach-1 input[type=checkbox]:checked.chkbox-property-investment + label:before,
#optBox-choose-approach-2 input[type=checkbox].chkbox-choose-opt-main + label:before,
#optBox-choose-approach-2 input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
#optBox-choose-approach-2 input[type=checkbox].chkbox-property-investment + label:before,
#optBox-choose-approach-2 input[type=checkbox]:checked.chkbox-property-investment + label:before {
	padding-right:8px;
	font-family: "FontAwesome";
	font-size:26px;
	font-weight:normal;
	vertical-align:middle;
}

#optBox-choose-approach-1 input[type=checkbox].chkbox-choose-opt-main + label:before,
#optBox-choose-approach-1 input[type=checkbox].chkbox-property-investment + label:before,
#optBox-choose-approach-2 input[type=checkbox].chkbox-choose-opt-main + label:before,
#optBox-choose-approach-2 input[type=checkbox].chkbox-property-investment + label:before, {
	color:#555555;
}


#optBox-choose-approach-1 input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
#optBox-choose-approach-1 input[type=checkbox]:checked.chkbox-property-investment + label:before,
#optBox-choose-approach-2 input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
#optBox-choose-approach-2 input[type=checkbox]:checked.chkbox-property-investment + label:before {
	color:#45A497;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox] + label:before,
#approach-preference-checkbox-group-2-1 input[type=checkbox]:checked + label:before {
	padding-right:8px;
	font-family: "FontAwesome";
	font-size:22px;
	font-weight:normal;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox] + label:before {
	color:#999;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox]:checked + label:before {
	color:#666;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox]:checked + label {
	color:#005B72 !important;
}

#approach-preference-checkbox-group-2-1 input[type=checkbox] + label:before,
input[type=checkbox].chkbox-choose-opt-main + label:before,
input[type=checkbox].chkbox-property-investment + label:before {
	content:"\f10c";
}

#approach-preference-checkbox-group-2-1 input[type=checkbox]:checked + label:before,
input[type=checkbox]:checked.chkbox-choose-opt-main + label:before,
input[type=checkbox]:checked.chkbox-property-investment + label:before  {
	content:"\f058";
}

#approach-preference-checkbox-group-2-1 input[type=checkbox] + label,
#approach-preference-checkbox-group-2-1 input[type=checkbox]:checked + label {
	padding-left:0px;
}

.optBox-choose-title {
	margin-bottom: 20px;
	font-family: 'TheSansB-W6SemiBold';
	font-size: 24px;
	line-height:32px;
	color:#333333;
}

.optBox-choose-desc {
	margin-bottom: 20px;
	min-height:100px;
	font-family: 'TheSansB-W5Plain';
	font-size: 16px;
	line-height:24px;
	color:#404040;
}

.optBox-choose-rate-estimated {
	margin-bottom: 40px;
	font-size: 14px;
	line-height:16px;
	color:#666666;
}

.optBox-choose-rate-estimated-val {
	margin-bottom: 20px;
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
	color:#5C6BC0;
}

.optBox-choose-panel-reference-container {
	
}

.panel-reference-container {
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

#optBox-choose-approach-1 .panel-reference-container {
	
}

#optBox-choose-approach-2 .panel-reference-container {
	
}

.panel-reference-header {
}

.panel-reference-body {
}

.panel-reference-footer {
}

.panel-reference-title {
	margin-bottom: 20px;
	border-bottom:1px solid #dddddd;
	padding-bottom: 10px;
	font-family: 'TheSansB-W7Bold';
	font-size: 16px;
	line-height:24px;
	font-weight:bold;
	color:#45A497;
}

.reference-inp-section {
	margin-bottom: 50px;
}

#choose-amount-investment-monthly-2.reference-inp-section {
	display:block;
}

.reference-inp-instruction {
	margin-bottom: 6px;
	font-family: 'TheSansB-W3Light';
	font-size: 20px;
	line-height:24px;
	font-weight:normal;
	color:#404040;
}

.reference-inp-instruction-sub {
	margin-bottom: 10px;
	font-family: 'TheSansB-W3Light';
	font-size: 14px;
	line-height:16px;
	font-weight:normal;
	color:#666666;
}

.reference-inp-instruction-sub-2 {
	margin-bottom: 10px;
	font-family: "Arial";
	font-size: 14px;
	line-height:16px;
	font-weight:bold;
	color:#666666;
}

.reference-inp-radio-group {
	position:relative;
	margin-bottom: 20px;
    padding: 0px 0px 20px 0px;
    border-bottom: 1px solid #666666;
}

.reference-inp-radio-group-2 {
	position:relative;
	margin-bottom: 20px;
    padding: 0px 4px;
}

.reference-inp-radio-group label {
	padding-left: 5px !important;
	font-family: 'TheSansB-W3Light';
	font-size: 14px;
	line-height:18px;
	font-weight:normal;
	color:#666666;
	vertical-align:middle;
	text-align:left;
}

.reference-inp-radio-group input[type='radio'] {
	margin-right:10px;
}

.radio-part-top {
	display:inline-block !important;
	margin: 0px !important;
    padding: 10px;
	width:140px;
	height:50px;
}

.radio-part-bottom {
	display:inline-block !important;
	margin: 0px !important;
    padding: 10px;
	width:140px;
	height:50px;
}

.radio-part-top.active label,
.radio-part-bottom.active label {
	color: #005B7E;
}

.radio-divider {
	display:inline-block !important;
	position:relative;
	width:60px;
	height:50px;
}

.divider-txt-or {
	position: absolute;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}

.checkbox-part {
	margin: 0px;
    padding: 10px 10px 10px 10px;
}

.reference-inp-txt {
	position:relative;
}

.reference-inp-section-last {
	position: relative;
	bottom: 0px;
	width: 100%;
}

.btn-BackToTop {
	margin: 10px auto;
	font-family: 'TheSansB-W6SemiBold';
    font-size: 16px;
    line-height: 24px;
    color: #0055CC;
    cursor: pointer;
}

.btn-BackToTop-reference {
	text-align:center;
}

#optBox-choose-approach-1 .btn-BackToTop-reference,
#optBox-choose-approach-2 .btn-BackToTop-reference {
	display:none;
}

.panel-approach-container {
	
}
	
.panel-approach-group {
}
	
.btn-opt-approach {
	position:relative;
	margin: 20px 100px;
    padding: 10px 20px;
    border: 1px solid #005B7E;
    border-radius: 10px;
    background-color: #6acfce;
	cursor:pointer;
}

.title-opt-approach {
	position:relative;
	margin: 20px auto;
    padding: 10px 20px;
}

.btn-opt-approach-err {
	position:relative;
	margin: 20px 100px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #6acfce;
}

#btn-opt-approach-1-err,
#btn-opt-approach-2-err {
	display:none;
}
	
.icon-btn-opt {
	display: inline-block;
    vertical-align: top;
	margin-right: 10px;
}
	
.label-btn-opt {
	display: inline-block;
    vertical-align: top;
	max-width:300px;
}

.icon-direction {
	position: absolute;
    top: 30px;
    right: 20px;
    font-size: 22px;
	color:#005B7E;
}
	
.label-btn-opt-sub {
	font-family: 'TheSansB-W5Plain';
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#005B7E;
}
	
.label-btn-opt-main {
	font-family: 'TheSansB-W8ExtraBold';
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	color:#005B7E;
}

.panel-approach-desc {
	margin: 20px auto;
	font-family: 'TheSansB-W5Plain';
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #404040;
    text-align: center;
}

.panel-report-save-title {
	margin: 20px auto;
    padding: 20px 20px;
    border-top: 1px solid #333333;
	font-family: 'TheSansB-W6SemiBold';
    font-size: 24px;
    line-height: 32px;
    font-weight: bold;
    color: #333333;
    text-align: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.comp-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #005b7e;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.comp-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #ffffff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

input:checked + .comp-slider {
  background-color: #005b7e;
}

.toggle-preference-component .comp-slider,
.toggle-preference-component input:checked + .comp-slider {
  background-color: #D9D9D9;
}

input:focus + .comp-slider {
  box-shadow: 0 0 1px #005b7e;
}

input:checked + .comp-slider:before {
  -webkit-transform: translateX(26px);
  -moz-transform: translateX(26px);
  -ms-transform: translateX(26px);
  -o-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.comp-slider.round {
  border-radius: 34px;
}

.comp-slider.round:before {
  border-radius: 50%;
}

.toggle-action-report-container {
	border-bottom: none;
    padding-bottom: 10px;
}

.toggle-action-report-label,
.toggle-action-report-component {
	display:inline-block;
}

.toggle-action-report-label {
	padding:5px 20px;
	font-family: 'TheSansB-W6SemiBold';
	font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    color: #333333;
	vertical-align:top;
	cursor:pointer;
}

.toggle-action-report-label.active {
	cursor: default;
}

.frm-action-footer-header {
	padding:20px 20px 10px 0px;
	border-top: 1px solid #005B7E;
	font-family: 'TheSansB-W6SemiBold';
	font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #404040;
}

.frm-action-footer-body {
	padding: 0px 20px 20px 0px;
	font-family: 'TheSansB-W5Plain';
	font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    color: #404040;
}

#form-thankyou .frm-action-footer-header,
#form-thankyou .frm-action-footer-body{
	text-align:center;
}

.frm-action-NRIC {
	margin:30px 0px 6px 0px;
	font-family: 'TheSansB-W5Plain';
	font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #404040;
}

.frm-action-footer-body .form-check label {
	font-family: 'TheSansB-W6SemiBold';
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color: #404040;
}

#btn-cta-report-submit {
	background-color:#000000;
	color:#ffffff;
}

.frm-save-container {
	margin:10px 20px;
}

#frm-part-1.frm-save-container,
#frm-part-2.frm-save-container {
	display:none;
}

#frm-part-1 label,
#frm-part-2 label {
	font-family: 'TheSansB-W5Plain';
	color:#005B7E;
}

#form-report-save {
	display:block;
}

#form-thankyou {
	display:none;
}

.label-form-action1-branch  {
	font-weight:normal;
}

.opt-approach-container {
	padding: 20px;
    border: 1px solid #d9d9d9;
    border-top-left-radius:10px;
	border-top-right-radius:10px;
    background-color: #ffffff;
}

.btn-exp-opt-approach-container {
	margin-bottom:20px;
	padding: 10px 20px;
    border: 1px solid #d9d9d9;
    border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
    background-color: #45A497;
}

.btn-exp-opt-approach {
	font-family:Arial, Helvetica;
	font-size:14px;
	font-weight:normal;
	color:#fafafa;
	text-align:center;
}

#btn-opt-approach-1,
#btn-opt-approach-2 {
	display:none;
}

#opt-approach-1-1.opt-approach-container,
#opt-approach-1-2.opt-approach-container {
	/*min-height:700px;*/
}

.opt-approach-header-title {
	margin-bottom:20px;
	font-family: 'TheSansB-W6SemiBold';
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#404040;
}

.opt-approach-policyterm {
	margin-bottom:10px;
	font-family: 'TheSansB-W6SemiBold';
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#404040;
}

.opt-approach-graph-container {
	margin-bottom: 10px;
    padding: 10px 0px;
}

.opt-approach-graph {
	position:relative;
	height: 30px;
}

.approach-graph-bgline {
	position:absolute;
	top:6px;
	width:100%;
	min-width:240px;
	height:4px;
	background-color:#d9d9d9;
}

.approach-graph-bgline-HL {
	position:absolute;
	top:6px;
	width:0%;
	height:4px;
	background-color:#45A497;
	z-index:1;
}

.approach-graph-dot {
	position:absolute;
	top:-6px;
	width:4px;
	height:16px;
	z-index:2;
}

#planA-approach-graph-dot-coverage-start.approach-graph-dot,
#planB-approach-graph-dot-coverage-start.approach-graph-dot {
	left:0px;
	background-color:#45A497;
}

#planA-approach-graph-dot-coverage-end.approach-graph-dot,
#planB-approach-graph-dot-coverage-end.approach-graph-dot {
	
	right:0px;
	background-color:#d9d9d9;
}

#planA-approach-graph-dot-payment.approach-graph-dot,
#planB-approach-graph-dot-payment.approach-graph-dot {
	display:none;
	left:0%;
	background-color:#45A497;
}

.opt-approach-year-coverage {
	margin-bottom:4px;
	font-family: 'Arial';
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color: #333333;
}

.opt-approach-year-payment {
	font-family: 'Arial';
	font-size:16px;
	line-height:24px;
	font-weight:normal;
	color:#45A497;
}

.opt-approach-info-container {
	display:none;
	padding:10px 0px;
	border-top:1px solid #ededed;
	
}

#opt-approach-1-1.opt-approach-container.active .opt-approach-info-container,
#opt-approach-1-2.opt-approach-container.active .opt-approach-info-container,
#opt-approach-2-1.opt-approach-container.active .opt-approach-info-container,
#opt-approach-2-2.opt-approach-container.active .opt-approach-info-container {
	display:block;
}

.opt-approach-info-label {
	margin-bottom: 6px;
	font-family: 'TheSansB-W6SemiBold';
	font-size:14px;
	line-height:16px;
	font-weight:normal;
	color: #45A497;
}

.opt-approach-info-result {
	margin-bottom: 6px;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color: #333333;
}

#opt-approach-1-1 .opt-approach-info-result,
#opt-approach-1-2 .opt-approach-info-result {
	
}

#expand-opt-approach-1 .opt-approach-info-result {
	min-height:60px;
	font-family: 'TheSansB-W7Bold';
	font-size:14px;
	line-height:18px;
}

#planA-approach-info-Capital .opt-approach-info-result {
	min-height:auto;
}

#planA-approach-info-CashPayout .opt-approach-info-result {
	min-height:50px;
}

#planA-approach-info-Death .opt-approach-info-result {
	min-height:auto;
}

#planA-approach-info-Issuance .opt-approach-info-result {
	min-height:30px;
}

#planB-approach-info-Capital .opt-approach-info-result {
	min-height:auto;
}

#planB-approach-info-CashPayout .opt-approach-info-result {
	min-height:50px;
}

#planB-approach-info-Death .opt-approach-info-result {
	min-height:auto;
}

#planB-approach-info-Issuance .opt-approach-info-result {
	min-height:30px;
}

#expand-opt-approach-2 .opt-approach-info-result {
	min-height: 30px;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

.opt-approach-info-result.notCover {
	color: #404040;
}

.chart-pie-container {
	position:relative;
	width:100%;
	background:url("../images/PieChart/Piechart-01.png") no-repeat center center;
	background-size:cover;
}

.chart-pie-container img {
	width:100%;
	height:100%;
}

.chart-pie-indicator-container {
	min-height:100px;
	margin-bottom:20px;
}

.chart-pie-indicator {
	margin-bottom:5px;
}

.chart-pie-dot {
	display: inline-block;
	position:relative;
	width:12px;
	height:12px;
	border-radius:50%;
}

.chart-pie-dot.dot-Equity {
	background-color: #F5A623;
}

.chart-pie-dot.dot-Bond {
	background-color: #EC673F;
}

.chart-pie-dot.dot-MoneyMarket {
	background-color: #005B7E;
}

.chart-pie-dot.dot-FixedIncome {
	background-color: #5C6BC0;
}

.chart-pie-label {
	display: inline-block;
    padding-left: 2px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color: #404040;
}

.expand-opt-approach {
	position: relative;
	overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.state-Kedah,
.state-Penang,
.state-Perak,
.state-Selangor,
.state-Sembilan,
.state-Melaka,
.state-Johor,
.state-Kelantan,
.state-Sabah,
.state-Sarawak {
	/*display:none;*/
}

.ico-thankyou {
	margin:20px auto;
}

.opt-tab-container {
}

input.inp-rad {
	display:none;
}

input.inp-rad+label {
	float:left;
    padding: 10px 4px;
    border: 1px solid #45A497;
	font-weight:normal;
	letter-spacing:1px;
    text-align: center;
}

input.inp-rad:first-child+label {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

input.inp-rad+label:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

[type=radio]:checked.inp-rad+label {
	background-color:#45A497;
	color:#ffffff;
}

.txt-clr-green {
	color:#45A497 !important;
}

.txt-clr-blue {
	color:#005B7E !important;
}

.txt-clr-white {
	color:#ffffff !important;
}

.txt-center {
	text-align:center;
}

.col-w-50 {
	width:50%;
}

.col-w-33 {
	width:33%;
}

.isBtn {
	cursor:pointer;
}

.btn-preference-container {
}

.btn-preference {
	margin: auto;
    padding: 10px;
    border-radius: 4px;
    background-color: #45A497;
    color: #ffffff;
}

.btn-preference-lbl {
	display: inline-block;
}

.btn-preference-ico {
	display: inline-block;
    float: right;
    font-size: 18px;
}

#section-preference-1,
#section-preference-2 {
	display:none;
}

#section-preference-1.active {
	display:block;
}

#section-preference-2.active {
	display:block;
}

.reference-inp-radio-group .radio input {
	display:none;
}

.panel-report-form-container {
	margin-bottom:20px;
	padding:10px;
	border-radius:10px;
}

#panel-report-form-1.panel-report-form-container {
	background-color:#45C4C2;
}

#panel-report-form-2.panel-report-form-container {
	background-color:#D9D9D9;
}

.report-form-header-radio {
	display: inline-block;
	margin-top:4px;
	width: auto;
	font-size: 20px;
	line-height: 20px;
	text-align: right;
}
	
.report-form-header-radio .ico-radio-default {
	display:block;
	color: #ffffff;
}
	
.report-form-header-radio .ico-radio-active {
	display:none;
	color: #404040;
}
	
.toggle-action-report-label.active .report-form-header-radio .ico-radio-default {
	display:none;
}
	
.toggle-action-report-label.active .report-form-header-radio .ico-radio-active {
	display:block;
}

.toggle-action-report-desc {
	margin-top:8px;
	font-family:Arial, Helvetica;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#404040;
}


.toggle-action-report-label.active .toggle-action-report-desc {
	display:none;
}

.card-approach-slide {
	padding:0px 5px;
	outline:none;
}

.opt-approach-desc-sub {
	font-size:16px;
	line-height:22px;
}

.panel-approach-desc-HL {
	font-family: 'TheSansB-W5Plain';
    font-size: 18px;
    line-height: 24px;
    font-weight: bold;
    color: #404040;
    text-align: center;
}

.slider-drag-container {
	padding:50px 30px;
}

.box-expandable-container {
	
}

.box-expandable-title {
	
}

.box-expandable-body {
	height:0px;
	
	overflow:hidden;
	-webkit-transition:all 0.3s ease-out 0s;
	-moz-transition:all 0.3s ease-out 0s;
	-ms-transition:all 0.3s ease-out 0s;
	-o-transition:all 0.3s ease-out 0s;
	transition:all 0.3s ease-out 0s;
}

.box-expandable-content {
}

.box-expandable-cont-title {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
}

.box-expandable-cont-body {
	font-size:14px;
	line-height:18px;
}

.navi-bank-type-container {
	position:relative;
	top: -30px;
	z-index:2;
}

.menu-bank-type {
	position: absolute;
    right: 0px;
    top: 0px;
}

.item-bank-type {
	display: inline-block;
}

.btn-bank-type {
}

.item-bank-type {
	
}

.btn-bank-type a {
	outline:none;
	border:none;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
	color:#333333;
}

.btn-bank-type a:hover {
	color:#00a69f;
}

.btn-bank-type.active {
	color:#00a69f;
}

@media (max-width:320px) {
	
	#section-progress .pb-bgwrapper {
		margin:0px !important;
		padding-top: 1px !important;
	}
	
	.section-progress-container .navbar-nav {
    	margin: 0px 0px !important;
	}
	
	#section-progress .navbar-nav .progress-label,
	#section-progress .navbar-nav>.active .progress-label {
		padding:10px 0px;
	}
	
	.section-container {
		padding:20px 30px 30px 30px;
	}
	
	.nav>li {
		display:inline-block !important;
	}
	
	.progress-label {
		padding-bottom:0px;
		font-size:12px;
		line-height:16px;
	}
	
	.section-progress-container {
		padding:0px 10px;
	}
	
	.pg-plan-title {
		margin-top:0px;
		font-size:28px;
		line-height:34px;
	}
	
	.pg-plan-title-subhead {
		font-size:16px;
		line-height:20px;
	}
	
	.section-form-title {
		font-size:14px;
		line-height:18px;
	}
	
	.section-plan-title {
		margin-bottom:26px;
		font-size:24px !important;
		line-height: 30px !important;
	}
	
	.col-form-inp-left {
		padding-left:50px !important;
		padding-right:0px !important;
	}
	
	.col-form-inp-right {
	}
	
	#form-understand .form-control-feedback, 
	#form-evaluate .form-control-feedback {
		left:22px;
	}
	
	#form-choose-opt-approach-1 .form-control-feedback, 
	#form-choose-opt-approach-2 .form-control-feedback {
		left:14px;
	}
	
	.frm-label {
		width:100%;
	}
	
	.frm-label-main {
		font-size:18px;
		line-height:24px;
	}
	
	.frm-label-desc {
		margin-bottom:10px;
	}
	
	.frm-inp-tab .frm-label {
		padding-left: 30px;
	}
	
	.frm-inp-tab .col-form-inp-left {
		padding-left:44px !important;
	}
	
	.frm-inp-tab .form-control-feedback {
		left:54px !important;
	}
	
	.item-label-val,
	.item-label-desc {
		margin-bottom: 4px;
		font-size:12px;
		line-height:16px;
	}
	
	
	#form-understand .form-control.inp-frm, 
	#form-evaluate .form-control.inp-frm, 
	#form-choose-opt-approach-1 .form-control.inp-frm, 
	#form-choose-opt-approach-2 .form-control.inp-frm {
    	padding: 0px 10px 0px 30px;
    	height: 38px;
	}
	
	.space-tab {
		width:0px;
	}
	
	.section-result-desc-big {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	
	.chart-line-container {
		margin:40px 0px 80px 0px;
	}
	
	.section-form-title-sub {
		display:none;
	}
	
	.section-instruction-title {
		font-size:22px;
		line-height:28px;
	}
	
	.optBox-choose-title {
		font-size:22px;
		line-height:28px;
	}
	
	.opt-approach-container {
		margin-bottom:0px;
	}
	
	.btn-opt-approach {
		margin:10px 0px;
	}
	
	.icon-btn-opt {
		display:none;
	}
	
	.label-btn-opt {
		max-width:190px;
	}
	
	.label-btn-opt-sub {
		font-size:14px;
		line-height:20px;
	}
	
	.label-btn-opt-main {
		font-size:16px;
		line-height:22px;
	}
	
	.toggle-action-report-label, 
	.toggle-action-report-component {
		display:block;
	}
	
	.approach-graph-bgline {
		min-width:100%;
	}
	
	.chkbox-property-investment,
	#inp-action-accept {
		vertical-align:top;
	}
	
	.frm-label-container .frm-label label,
	#frm-part-1 label, 
	#frm-part-2 label {
		width:180px;
	}
	
	.frm-label-container .space-tab-component {
		display:none;
	}
	
	.frm-label-container .space-tab,
	#checkbox-cont-property-Sell .frm-label-container .space-tab,
	#checkbox-cont-property-RentOut .frm-label-container .space-tab {
		height: 0px;
	}
	
	.slider-dot-desc {
		font-size:12px;
	}
	
	#graph-evaluate,
	#graph-investment { 
		display:none;
	}
	
	#graph-evaluate-mob,
	#graph-investment-mob { 
		display:block;
	}
	
	.chart-pie-indicator-container {
		/*min-height:auto;*/
	}
	
	#opt-approach-1-1.opt-approach-container,
	#opt-approach-1-2.opt-approach-container {
		min-height:auto;
	}
	
	#opt-approach-2-1.opt-approach-container,
	#opt-approach-2-2.opt-approach-container {
		min-height:auto;
	}
	
	.slider-rate-container {
		padding:0px 32px;
	}
	
	.optBox-choose-rate-estimated {
		margin-bottom:20px;
		font-size:14px;
		line-height:16px;
	}
	
	.reference-inp-radio-group .radio-part-top,
	.reference-inp-radio-group .radio-part-bottom {
		padding:10px 0px;
		width:96px;
	}
	
	.reference-inp-radio-group .radio-part-top {
		text-align:left;
	}
	
	.reference-inp-radio-group .radio-part-bottom {
		text-align:right;
	}
	
	.reference-inp-radio-group .radio label {
		padding-left:0px;
	}
	
	#section-action.section-container {
		padding:40px 0px 20px 0px;
	}
	
	.toggle-action-report-label {
		padding:5px 10px;
	}
	
	.frm-save-container {
		margin:10px;
	}
	
	.frm-action-footer-body {
		padding:0px 0px 20px 0px;
	}
	
	.btn-cta {
		width:100%;
	}
	
	.toggle-action-report-label {
		font-size:22px;
		line-height:28px;
	}
	
	#slide-approach-container-1 .slick-next,
	#slide-approach-container-2 .slick-next {
		display:none !important;
		right:-10px;
	}
	
	#slide-approach-container-1 .slick-prev,
	#slide-approach-container-2 .slick-prev {
		display:none !important;
		left:-10px;
	}
	
	#slide-approach-container-1 .slick-dots,
	#slide-approach-container-2 .slick-dots {
		bottom: -6px;
	}
	
	#slide-approach-container-1 .slick-dots li,
	#slide-approach-container-2 .slick-dots li {
		background:none;
	}
	
	#tab-rate-disciplinedManner input.inp-rad+label,
	#tab-rate-optimizedReturn input.inp-rad+label {
		padding:10px 2px;
		font-size:8px;
	}
	
	#checkbox-cont-property-Sell .frm-label,
	#checkbox-cont-property-RentOut .frm-label {
		padding-left:30px;
	}
	
	#checkbox-cont-property-Sell .col-form-inp-left,
	#checkbox-cont-property-RentOut .col-form-inp-left {
		padding-left:44px !important;
	}
	
	#checkbox-cont-property-Sell .form-control-feedback,
	#checkbox-cont-property-RentOut .form-control-feedback {
		left:54px;
	}
	
	#approach-preference-radio-group-1-1.reference-inp-radio-group,
	#approach-preference-radio-group-1-2.reference-inp-radio-group,
	#approach-preference-radio-group-1-3.reference-inp-radio-group {
		padding-bottom:40px;
	}
	
	.btn-tooltip-plan-endowment {
		padding-top:0px !important;
		text-align:left !important;
	}
}

@media (min-width:321px) and (max-width:480px) {
	

	#section-progress .pb-bgwrapper {
		margin:0px !important;
		padding-top: 1px !important;
	}
	
	.section-container {
		padding:20px 30px 30px 30px;
	}
	
	.nav>li {
		display:inline-block !important;
	}
	
	.progress-label {
		padding-bottom:0px;
		font-size:12px;
		line-height:16px;
	}
	
	.section-progress-container {
		padding:0px 10px;
	}
	
	.section-progress-container .navbar-nav {
    	margin: 0px 0px !important;
	}
	
	#section-progress .navbar-nav .progress-label,
	#section-progress .navbar-nav>.active .progress-label {
		padding:10px 0px;
	}
	
	.pg-plan-title {
		margin-top:0px;
		font-size:28px;
		line-height:34px;
	}
	
	.pg-plan-title-subhead {
		font-size:16px;
		line-height:20px;
	}
	
	.section-form-title {
		font-size:14px;
		line-height:18px;
	}
	
	.section-plan-title {
		margin-bottom:26px;
		font-size:24px !important;
		line-height: 30px !important;
	}
	
	.col-form-inp-left {
		padding-left:15px !important;
		padding-right:15px !important;
	}
	
	.col-form-inp-right {
	}
	
	#form-understand .form-control-feedback, 
	#form-evaluate .form-control-feedback {
		left:24px;
	}
	
	#form-choose-opt-approach-1 .form-control-feedback, 
	#form-choose-opt-approach-2 .form-control-feedback {
		left:14px;
	}
	
	.frm-label {
		width:100%;
	}
	
	.frm-label-main {
		font-size:18px;
		line-height:24px;
	}
	
	.frm-label-desc {
		margin-bottom:10px;
	}
	
	.frm-inp-tab .frm-label {
		padding-left: 0px;
	}
	
	.frm-inp-tab .col-form-inp-left {
		padding-left:44px !important;
	}
	
	.frm-inp-tab .form-control-feedback {
		left:54px !important;
	}
	
	.item-label-val,
	.item-label-desc {
		margin-bottom: 4px;
		font-size:12px;
		line-height:16px;
	}
	
	#form-understand .form-control.inp-frm, 
	#form-evaluate .form-control.inp-frm, 
	#form-choose-opt-approach-1 .form-control.inp-frm, 
	#form-choose-opt-approach-2 .form-control.inp-frm {
    	padding: 0px 10px 0px 30px;
    	height: 38px;
	}
	
	.space-tab {
		width:0px;
	}
	
	.section-result-desc-big {
		font-size: 26px !important;
		line-height: 30px !important;
	}
	
	.chart-line-container {
		margin:40px 0px 80px 0px;
	}
	
	.section-form-title-sub {
		display:none;
	}
	
	.section-instruction-title {
		font-size:22px;
		line-height:28px;
	}
	
	.optBox-choose-title {
		font-size:22px;
		line-height:28px;
	}
	
	.opt-approach-container {
		margin-bottom:0px;
	}
	
	.btn-opt-approach {
		margin:10px 0px;
	}
	
	.icon-btn-opt {
		display:none;
	}
	
	.label-btn-opt {
		max-width:190px;
	}
	
	.label-btn-opt-sub {
		font-size:14px;
		line-height:20px;
	}
	
	.label-btn-opt-main {
		font-size:16px;
		line-height:22px;
	}
	
	.toggle-action-report-label, 
	.toggle-action-report-component {
		display:block;
	}
	
	.approach-graph-bgline {
		min-width:100%;
	}
	
	.chkbox-property-investment,
	#inp-action-accept {
		vertical-align:top;
	}
	
	.frm-label-container .frm-label label,
	#frm-part-1 label, 
	#frm-part-2 label {
		width:220px;
	}
	
	.frm-label-container .space-tab-component {
		display:none;
	}
	
	.frm-label-container .space-tab,
	#checkbox-cont-property-Sell .frm-label-container .space-tab,
	#checkbox-cont-property-RentOut .frm-label-container .space-tab {
		height: 0px;
	}
	
	.slider-dot-desc {
		font-size:12px;
	}
	
	#graph-evaluate,
	#graph-investment { 
		display:none;
	}
	
	#graph-evaluate-mob,
	#graph-investment-mob { 
		display:block;
	}
	
	.chart-pie-indicator-container {
		/*min-height:auto;*/
	}
	
	#opt-approach-1-1.opt-approach-container,
	#opt-approach-1-2.opt-approach-container {
		min-height:auto;
	}
	
	#opt-approach-2-1.opt-approach-container,
	#opt-approach-2-2.opt-approach-container {
		min-height:auto;
	}
	
	.slider-rate-container {
		padding:0px 32px;
	}
	
	#section-understand-result .section-result-container {
		height:1px;
	}
	
	#tab-study-type .radio-inline {
		height:64px;
	}
	
	.optBox-choose-rate-estimated {
		margin-bottom:20px;
		font-size:14px;
		line-height:16px;
	}
	
	.reference-inp-radio-group .radio-part-top,
	.reference-inp-radio-group .radio-part-bottom {
		padding:10px 0px;
		width:96px;
	}
	
	.reference-inp-radio-group .radio-part-top {
		text-align:left;
	}
	
	.reference-inp-radio-group .radio-part-bottom {
		text-align:right;
	}
	
	.reference-inp-radio-group .radio label {
		padding-left:0px;
	}
	
	#section-action.section-container {
		padding:0px 0px 20px 0px;
	}
	
	.toggle-action-report-label {
		padding:5px 10px;
	}
	
	.frm-save-container {
		margin:10px;
	}
	
	.frm-action-footer-body {
		padding:0px 0px 20px 0px;
	}
	
	.btn-cta {
		width:100%;
	}
	
	.toggle-action-report-label {
		font-size:22px;
		line-height:28px;
	}
	
	#slide-approach-container-1 .slick-next,
	#slide-approach-container-2 .slick-next {
		display:none !important;
		right:-10px;
	}
	
	#slide-approach-container-1 .slick-prev,
	#slide-approach-container-2 .slick-prev {
		display:none !important;
		left:-10px;
	}
	
	#slide-approach-container-1 .slick-dots,
	#slide-approach-container-2 .slick-dots {
		bottom: -6px;
	}
	
	#slide-approach-container-1 .slick-dots li,
	#slide-approach-container-2 .slick-dots li {
		background:none;
	}
	
	#tab-rate-disciplinedManner input.inp-rad+label,
	#tab-rate-optimizedReturn input.inp-rad+label {
		padding:10px 2px;
		font-size:8px;
	}
	
	#checkbox-cont-property-Sell .frm-label,
	#checkbox-cont-property-RentOut .frm-label {
		padding-left:30px;
	}
	
	#checkbox-cont-property-Sell .col-form-inp-left,
	#checkbox-cont-property-RentOut .col-form-inp-left {
		padding-left:44px !important;
	}
	
	#checkbox-cont-property-Sell .form-control-feedback,
	#checkbox-cont-property-RentOut .form-control-feedback {
		left:54px;
	}
	
	#approach-preference-radio-group-1-1.reference-inp-radio-group,
	#approach-preference-radio-group-1-2.reference-inp-radio-group,
	#approach-preference-radio-group-1-3.reference-inp-radio-group {
		padding-bottom:40px;
	}
	
	.btn-tooltip-plan-endowment {
		padding-top:0px !important;
		text-align:left !important;
	}

}

@media (min-width:481px) and (max-width:640px) {
	.section-container {
		padding:30px 30px;
	}
	
	.section-progress-container .navbar-nav {
    	margin: 0px 0px !important;
	}
	
	#section-progress .navbar-nav .progress-label,
	#section-progress .navbar-nav>.active .progress-label {
		padding:10px 0px;
	}
	
	#section-progress .pb-bgwrapper {
		margin:0px !important;
		padding-top: 1px !important;
	}
	
	.nav>li {
		display:inline-block !important;
	}
	
	.frm-label {
		width:360px;
	}
	
	.frm-label-desc {
		margin-bottom:10px;
	}
	
	.frm-inp-tab .frm-label {
		padding-left: 30px;
	}
	
	.frm-inp-tab .col-form-inp-left {
		padding-left:44px !important;
	}
	
	.frm-inp-tab .form-control-feedback {
		left:54px !important;
	}
	
	.space-tab,
	.space-tab-component {
		width:0px;
	}
	
	.reference-inp-radio-group .radio-part-top,
	.reference-inp-radio-group .radio-part-bottom {
		padding:10px 0px;
		width:96px;
	}
	
	.reference-inp-radio-group .radio-part-top {
		text-align:left;
	}
	
	.reference-inp-radio-group .radio-part-bottom {
		text-align:right;
	}
	
	.reference-inp-radio-group .radio label {
		padding-left:0px;
	}
	
	#slide-approach-container-1 .slick-next,
	#slide-approach-container-2 .slick-next {
		display:none !important;
		right:-10px;
	}
	
	#slide-approach-container-1 .slick-prev,
	#slide-approach-container-2 .slick-prev {
		display:none !important;
		left:-10px;
	}
	
	#slide-approach-container-1 .slick-dots,
	#slide-approach-container-2 .slick-dots {
		bottom: -6px;
	}
	
	#slide-approach-container-1 .slick-dots li,
	#slide-approach-container-2 .slick-dots li {
		background:none;
	}
	
	#checkbox-cont-property-Sell .frm-label,
	#checkbox-cont-property-RentOut .frm-label {
		padding-left:30px;
	}
	
	#checkbox-cont-property-Sell .col-form-inp-left,
	#checkbox-cont-property-RentOut .col-form-inp-left {
		padding-left:44px !important;
	}
	
	#checkbox-cont-property-Sell .form-control-feedback,
	#checkbox-cont-property-RentOut .form-control-feedback {
		left:54px;
	}
	
	.btn-tooltip-plan-endowment {
		padding-top:0px !important;
		text-align:left !important;
	}
}

@media (min-width:641px) and (max-width:768px) {
	.section-container {
		padding:30px 40px;
	}
	
	#section-progress .pb-bgwrapper {
		margin:0px !important;
		padding-top: 1px !important;
	}
	
	.nav>li {
		display:inline-block !important;
	}
	
	.frm-label {
		width:360px;
	}
	
	.frm-label-desc {
		margin-bottom:10px;
	}
	
	.space-tab {
		width:40px;
	}
	
	.reference-inp-radio-group .radio-part-top,
	.reference-inp-radio-group .radio-part-bottom {
		padding:10px 0px;
		width:96px;
	}
	
	.reference-inp-radio-group .radio-part-top {
		text-align:left;
	}
	
	.reference-inp-radio-group .radio-part-bottom {
		text-align:right;
	}
	
	.reference-inp-radio-group .radio label {
		padding-left:0px;
	}
}

@media (max-width:640px) {
	.pg-plan-title-subhead {
		padding:0px 15px;
	}
	
	.title-opt-approach {
		padding:10px;
	}
	
	.section-form-title {
		margin-bottom:2px;
	}
	
	.row-card-country {
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.reference-inp-section {
		margin-bottom:20px;
		min-height:auto !important;
	}
	
	.panel-report-save-row {
		margin-left:-10px !important;
		margin-right:-10px !important;
	}
	
	.col-chart-pie {
		padding-left:0px !important;
	}
	
	.panel-report-save-title {
		font-size:22px;
		line-height:30px;
	}
	
	.opt-approach-info-container {
		padding: 10px 0px 0px 0px;
	}
	
	.chart-pie-label {
		font-size:14px;
	}
	
	.opt-approach-header-title {
		margin-bottom:0px;
	}
	
	.form-input-row {
		margin-bottom:10px;
	}
	
	.col-form-inp-left,
	.col-form-inp-right {
		margin:0px auto 10px auto;
	}
	
}

@media (max-width:768px) {
	.approach-graph-bgline {
		min-width:226px;
		width:226px;
	}
	
	#planA-approach-graph-dot-coverage-end.approach-graph-dot,
	#planB-approach-graph-dot-coverage-end.approach-graph-dot {
		left:226px;
	}
	
	#section-action .section-plan-title {
		margin-bottom:0px;
	}
	
	.title-opt-approach {
		margin:10px auto;
	}
}

@media (min-width:769px) and (max-width:1000px) {
	
}

@media (min-width:1001px) and (max-width:1200px) {
	
}

@media (max-width:1000px) {
	#c1342487786187 .section-wrapper {
    	margin: 0px 0px !important;
    	padding: 10px 10px;
		background-color:#f2f2f2 !important;
	}
	
	.section-container {
		padding: 40px 15px 20px 15px;
	}
	
	#tab-rate-disciplinedManner input.inp-rad+label, 
	#tab-rate-optimizedReturn input.inp-rad+label {
		font-size:12px;
	}
}

@media (min-width:1201px) {
	
}