h2, h3, h4, input, select, p
				{font:normal 30px Helvetica, Gotham, Arial, sans-serif; margin:2% 2.5%}
h4				{font-weight:bold; font-size:16px; margin:3% 2.5% 0}
body,input, select
		 		{margin:0; padding:0;}
li			{list-style:none}
.nowrap {white-space:nowrap;}
.wrapper		{position:relative; background: #fff url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_landing.gif) top left repeat-x; width:720px; min-height:528px; overflow:auto; -webkit-overflow-scrolling: touch}
p				{color:#000; font:15px Cambria, Georgia, serif; margin-top:0; line-height:1.3}
.hwacc			{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
#interactive	{position:relative; display:block; width:99.7%; padding-top:40px; margin:0; font:18px Cambria, Georgia, serif; border:1px solid #ccc; border-top:none;
				 /* -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;  user-select: none; -ms-user-select:none;*/
				 }
.header			{position:fixed; top:0; left:0; width:720px; z-index:20; color:#fff; background:#000}
.header h3, .header h3 a
				{font-size:18px; margin:0; padding:11px 9px 9px; color:#fff; text-decoration:none}
.btn-disclose	{float:right; font:normal 14px Helvetica, Gotham, Arial, sans-serif; padding:17px 13px 0; cursor:pointer}
.main			{position:relative; margin:0}

.tabs			{position:relative; margin:0; display:none; padding:0 9px;
				 transition: opacity 0.3s ease-in 0s; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s;}
.tabs:after, .page li:after, .page .options:after, .results .charts:after
				{content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.tabs li		{display:block; width:13%; height:53px; float:left; margin:18px 0 0;list-style-type:none;
				 border:1px solid #aaa; border-right:none; cursor:pointer; opacity:0.5;
				 transition: width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;-webkit-transition: width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s; -moz-transition:  width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s; -o-transition: width 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s;}
.tabs li.off
				{border:1px solid #d4d4d4; border-left:none; opacity:1}
.tabs li.on		{width:47%; margin-top:9px; padding-bottom:9px; border:1px solid #d4d4d4; border-bottom:1px solid #fff;
				 border-top-left-radius:5px; border-top-right-radius:5px; cursor: default; opacity:1}
.tabs li span	{display:none; padding:16px 0px 0 89px; font:normal 24px Helvetica, Gotham, Arial, sans-serif; line-height:1.8; color:#408940;
				 transition:opacity 0.3s ease-in-out 0s; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s;}
.tabs li span.two
				{padding-top:14px; line-height:1}
.tabs li.on span{display:block}

.tabs li.about-you
				{background:#ddd url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_household.png) 30px 9px no-repeat}
.tabs li.monthly{background:#ddd url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_spending.png) 22px 8px no-repeat}
.tabs li.retire	{background:#ddd url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_retire.png) 20px 7px no-repeat}
.tabs li.short-term
				{background:#ddd url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_saving.png) 14px 7px no-repeat}
.tabs li.results{background:#ddd url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_results.png) 30px 8px no-repeat}
.tabs li:not(.off):not(.on):hover
				{opacity:1}

.tabs li.about-you.off	{background:#e7e8e9 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_household_off.png) 30px 9xpx no-repeat}
.tabs li.monthly.off	{background:#e7e8e9 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_spending_off.png) 22px 8px no-repeat}
.tabs li.retire.off	{background:#e7e8e9 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_retire_off.png) 20px 7px no-repeat}
.tabs li.short-term.off{background:#e7e8e9 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_saving_off.png) 14px 7px no-repeat}
.tabs li.results.off{background:#e7e8e9 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/tab_results_off.png) 30px 8px no-repeat}

.tabs li.on
		{background-color:#fff}
.tabs li:hover
		{background-color:#fff}

.page			{position:relative; min-height:300px; margin:0; padding:0 0 1% 2%; display:none; background:#fff url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hatching.png) left bottom no-repeat; background-size:100% auto; height:100%;
				 transition: opacity 0.3s ease-in 0s; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s;}
.page.intro	{background:none}
.page h3	{display:none}
.page ul		{padding:18px 0 0; margin:0}
.page li
				{position:relative; width:99%; padding-left:1%; margin-bottom:0.5%; list-style-type:none; font:normal 21px Helvetica, Gotham, Arial, sans-serif;
				 border-top:1px dashed #ccc}
.page li:first-child
				{border-top:none}
.page .question	{width:88.5%; float:left; color:#000; line-height:1.1; margin:1% 0 0.8% 0; padding:2.5% 0 1.5% 9%;}
.page .question.selected, .page li:hover .question
				{background-color:#e8e8e8; border-radius:5px;}
.page .question span
				{display:block; width:75%; font-size:18px; color:#666; margin:3% 0 0; line-height:1.2; height:0; overflow:hidden;
				 transition: height 0.3s ease-in-out 0s; -webkit-transition: height 0.3s ease-in-out 0s; -moz-transition: height 0.3s ease-in-out 0s; -o-transition: height 0.3s ease-in-out 0s;}
.page .options	{position:absolute; right:1%; width:33%; font-size:30px; padding:3% 3% 0 0; color:#ccc; text-align:right}
.page.monthly .options
				{top:6px}
.page .options span
				{font-size:18px;}
.page .options input
				{margin:1px 0 0 4px; width:47%; margin:7px 4px 0 4px; text-align:right}
.page .options select
				{width:61%}
.btn-less, .btn-more
				{position:relative; top:-3px; display:inline-block; width:12%; height:38px; margin:0 1%; background:#bbb; color:#fff; font-size:30px;
				 font-weight:bold; line-height:1; text-align:center; border:1px solid #ccc; cursor:pointer; border-radius:5px;}
.btn-more
 				{border-left:1px solid #fff}
.btn-continue, .btn-sub-continue
				{display:block; text-decoration:none; padding:0.6em; margin:2em auto 1em; width:20%; border:1px solid #333; border-radius:10px; cursor:pointer;
				 font:bold 18px Helvetica, Gotham, Arial, sans-serif; color:#fff; text-align:center; background:#0c6bb5 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_btn.png) left top repeat-x;
				 transition: opacity 0.3s 0.6s ease-in; -webkit-transition: opacity 0.3s 0.6s ease-in; -moz-transition: opacity 0.3s 0.6s ease-in; -o-transition: opacity 0.3s 0.6s ease-in;}
.btn-sub-continue{width:35%}
.btn-radio		{text-align:center;  margin:0 3% 3.5% 9%; padding-left:5%; line-height:1.3; color:#ccc; border:1px solid #ccc; border-radius:5px;
				 cursor:pointer; background:#fff; }
.btn-radio.selected,.btn-radio:hover
				{ color:#408940;}
.btn-radio.selected
				{cursor:default; background:#d6d6d6 url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_radio_check.png) 8px 8px no-repeat; border:none}

.intro h2		{margin:0; padding:2% 2.5% 1% 1%; letter-spacing:-0.01em;}
.intro p		{width:41%; margin:0 2.5% 2% 1%; line-height:1.3}
.intro p span.mobile, br.mobile
				{display:none}
.intro ul		{width:42%; padding:1% 3em 1% 2em; margin-bottom:0}
.intro li		{margin:1% 0 6% 0; line-height:1.4; font:16px Cambria, Georgia, serif; list-style-type:disc; border:none}
.intro .hero	{position:absolute;width:88%; height:389px; top:3%; right:4%}
.intro .hex-50	{top:23%; right:21.5%; width:32.5%; height:65%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex50.png) center top no-repeat;}
.intro .hex-15	{top:-26%; left:76%; width:51%; height:51%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex15.png) center top no-repeat;}
.intro .hex-5	{top:17%; left:103%; width:36%; height:36%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex5.png) center top no-repeat;}
.intro .hex.ie8, .intro .man.ie8, .intro .woman.ie8
				{background:none}
.intro .hex.ie8 img, .intro .man.ie8 img, .intro .woman.ie8 img
				{width:100%; height:auto}
.intro .man		{width:24%; height:37%; top:53.5%; left:65.5%; z-index:3 !important; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_man.png) center top no-repeat;}
.intro .woman	{width:19%; height:32%;top:54%; left:83%; z-index:3 !important; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_woman.png) center top no-repeat;}
.intro .hex, .intro .man, .intro .woman
				{position:absolute; background-size:100% auto;
				 transition: opacity 0.3s ease-in 0s, right 0.3s 0.4s ease-out, left 0.3s 0.4s ease-out, top 0.3s 0.4s ease-out;}
.intro .man		{transition-delay:0.1s}
.intro .woman	{transition-delay:0.2s}
.intro .btn-continue
				{position:relative; }

.intro .hex-50.anim
				{right:25%;}
.intro .hex-15.anim
				{top:-45%; left:82%}
.intro .hex-5.anim
				{left:125%;}
.anim
				{opacity:0}

.about-you li
				{width:96%; padding-left:1%;}
.about-you li:first-child
				{padding-top:6%}
.about-you .question
				{width:97.5%; line-height:1.2; padding:2.5% 0 1.5% 1%}
.about-you .question.min-height
				{min-height:4em}
.about-you .question span
				{width:100%; height:auto; margin:0;}
.about-you .options
				{width:48%; padding:2% 2% 4% 0%;}
.about-you .options input
				{margin:1px 0 0 4px; width:61%; color:#408940}

.monthly li		{margin-bottom:0.2%}
.monthly .question
				{width:88.5%; padding-top:1.5%}
.monthly .question span
				{width:61%}
.monthly .options
				{padding-top:0}
.monthly .total	{font:normal 18px Helvetica, Gotham, Arial, sans-serif; text-align: right; margin:0; padding:1.5% 2.5% 0 0; color:#ccc}
.monthly .total span
				{font-size:30px; letter-spacing:.02em; color:#408940}
.monthly .btn-continue
				{margin:1em auto}

.housing		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_housing.png) 8px 8px no-repeat; background-size:5% auto}
.groceries		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_groceries.png) 8px 5px no-repeat; background-size:5% auto}
.healthcare		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_healthcare.png) 7px 5px no-repeat; background-size:5% auto}
.transport		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_transport.png) 7px 5px no-repeat; background-size:5% auto}
.childcare		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_childcare.png) 7px 2px no-repeat; background-size:5% auto}
.debt			{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_debt.png) 8px 8px no-repeat; background-size:5% auto}
.pretax			{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_retire.png) 15px 17px no-repeat; background-size:5% auto}
.emergency		{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_emergency.png) 11px 15px no-repeat; background-size:5% auto}
.other			{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_other.png) 12px 16px no-repeat; background-size:5% auto}

.page li:hover .question.housing span, .page li .question.housing.selected span
				{height:4em}
.page li:hover .question.groceries span, .page li .question.groceries.selected span
				{height:1.2em}
.page li:hover .question.childcare span, .page li .question.childcare.selected span
				{height:1.2em}
.page li:hover .question.healthcare span, .page li .question.healthcare.selected span
				{height:2.5em}
.page li:hover .question.transport span,.page li .question.transport.selected span
				{height:2.5em}
.page li:hover .question.debt span, .page li .question.debt.selected span
				{height:3.5em}

.retire .question span, .short-term .question span
				{height:auto;}

.results .subtabs
				{width:60%;}
.results .subtabs li
				{width:29%; float:left; font-size:14px; text-transform:uppercase; text-align:center; margin-right:2%; padding:1% 0;
				 color:#333; border-radius:5px; border:none}
.results .subtabs li.selected, .results .subtabs li:hover
				{color:#fff; background:#659a41; cursor:default}
.results .subtabs li:hover:not(.selected)
				{cursor:pointer}
.results .subpages
				{clear:left; padding-top:2%}
.results .subpage
				{display:none;
				 transition: opacity 0.3s ease-in 0s; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s;}
.results .charts
				{margin-right:2%; border:1px solid #ccc; background:#fff;
				-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.results .chart	{position:relative; border-bottom:1px solid #e6e6e6; width:48%; height:13em; float:right; margin:0 1% 1em;
				 transition: opacity 0.3s ease-in 0s; -webkit-transition: opacity 0.3s ease-in 0s; -moz-transition: opacity 0.3s ease-in 0s; -o-transition: opacity 0.3s ease-in 0s;}
.results .chart .bg
				{position:absolute; bottom:0; left:38%; right:34%; height:48%; background:#e4e4e4;
				 transition:height 0.3s ease-out 0s; -webkit-transition: height 0.3s ease-out 0s; -moz-transition: height 0.3s ease-out 0s; -o-transition: height 0.3s ease-out 0s;}
.results .chart .bg.anim
				{height:0% !important}
.results .chart .graph
				{position:absolute; bottom:0; left:0; right:0; height:0; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_bar_data.png) left top repeat;}
.results .chart .expenses, .results .chart .goal
				{position:absolute; font:normal 14px Helvetica, Gotham, Arial, sans-serif;}
.results .chart .expenses
				{top:-28%;left:-25%; height:27%; width:125%; border-bottom:2px solid #333}
.results .chart .expenses .lbl
				{position:absolute; right:103%; width:100%; bottom:-65px; text-align:right}
.results .retire .chart .expenses .lbl
				{bottom:-65px;}

.results .chart .expenses .lbl.alt
				{bottom:0}
.results .chart .goal
				{bottom:100%; right:-27%; left:0; height:17%; border-bottom:1px solid #000; white-space:nowrap}
.results .chart .goal .lbl
				{position:absolute; left:100%; top:-69%}
.results .chart .goal .lbl.alt
				{bottom:-6px; top:auto}
.results .chart .pct
				{display:block; padding-left:10%; font-size:42px; line-height:1.1;}
.results .chart .goal .pct
				{font-size:30px; padding:0}
.results .chart .expenses .pct
				{line-height:0.9; padding-left:0;}
.results .chart .per-month
				{font-size:18px; padding-left:10%}
.results .chart .goal .per-month
				{font-size:16px; padding:0}
.results .charts h3
				{display: block; width:33%; font-size:24px; margin:7% 0 0 3%; padding:3% 0 3% 13.5%}
.results .charts h3.alt
				{padding:5% 0 5% 13.5%}
.results .charts p
				{margin:3% 0 0 3.5%; font-family:Helvetica, Gotham, Arial, sans-serif; font-size:16px;}
.results .subpage.monthly h3
				{color:#2074b9; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_monthly.png) left 6px no-repeat;}
 .results .subpage.monthly .expenses .lbl
 				{color:#2175b9}
.results .subpage.monthly .graph
				{background-color:#2175b9}
.results .subpage.retire h3
				{color:#f16624; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_retire.png) left 6px no-repeat;}
 .results .subpage.retire .expenses .lbl
 				{color:#f06624}
.results .subpage.retire .graph
				{background-color:#f06624}
.results .subpage.short-term h3
				{color:#408940; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_save.png) left 6px no-repeat;}
 .results .subpage.short-term .expenses .lbl
 				{color:#408940}
.results .subpage.short-term .graph
				{background-color:#408940}
.results .advice
				{margin-top:2%; display:none;
				 transition:opacity 0.3s 0.3s ease-in; -webkit-transition: opacity 0.3s 0.3s ease-in; -moz-transition: opacity 0.3s 0.3s ease-in; -o-transition: opacity 0.3s 0.3s ease-in;}
.results .advice.under h4
				{font-size:16px}
.results .advice .no-ef, .results .advice .ef
				{display:none}

.disclosure 	{position:fixed; top:-100%; width:100%; height:100%; font-size:12px; background:#fff; z-index:100; overflow:auto;
				font-family:Arial, sans-serif; transition:top 0.3s ease-in-out 0s; -webkit-transition:top 0.3s ease-in-out 0s; -moz-transition:top 0.3s ease-in-out 0s; -o-transition:top 0.3s ease-in-out 0s;}
.disclosure h3	{font-size:18px;}
.disclosure p, .disclosure li
				{margin:12px 15px 10px;}
.disclosure .btn-close
				{position:absolute; top:10px; right:10px; color:#fff; background:#666; padding: 5px 10px; font-size:14px; cursor:pointer}

.alert-bg		{position:fixed; display:none; top:0; left:0; right:0; bottom:0; z-index:20; background:rgba(0,0,0,0.2);}
.alert-box		{position:absolute; top:25%; left:25%; width:50%; min-height:35%;  background:#fff;
				 -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);}
.alert-box .msg	{margin:8% 8% 0; text-align:center}

.on 			{display:block !important}

@media screen and (min-device-width:980px) {
.mobile-nav:hover
				{overflow:visible; background-color:#666}
}
@media screen and (max-width: 719px), screen and (max-device-width:980px) {
.wrapper	{position:fixed; top:0; left:0; right:0; bottom:0; width:auto; height:auto}
#interactive, .main
			{min-height:95%; border:none; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hatching.png) left bottom no-repeat; background-size:100% auto; height:100%}
.header		{width:auto; right:0}
.header h3, .header h3 a
				{padding:11px 4px 9px;}
.mobile-nav		{position:absolute; right:0; width:37px; height:40px; overflow:hidden;
				 background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_mobile_nav.png) center 15px  no-repeat; background-size:60% auto;}
.mobile-nav.on
				{overflow:visible; background-color:#666}
.btn-disclose	{position:absolute; top:100%; right:0; padding:10px 13px 10px; white-space:nowrap; background:#666}
.intro			{line-height:0.8}
.intro h2		{padding:4.5% 2.5% 5% 1%; font-size:22px; letter-spacing:0}
.intro p		{display:inline; margin:-1% 1% -1% 0; width:auto; letter-spacing:0.01em;}
.intro p span.mobile
				{display:inline}
.intro ul		{display:none}
.intro br		{display:none}
.intro .hero	{position:relative; width:500px; height:342px; margin:5% auto 5%;}
.intro .hex-50	{top:9%; right:34.5%; width:52.5%; height:90%}
.intro .man		{top:49.5%; left:44.5%; width:39%; height: 48%}
.intro .woman	{top:53%; left:72%; width:30%; height:51%}

.intro .hex-50.anim
				{right:45%;}
.intro .hex-15.anim
				{top:-45%; left:96%}
.intro .hex-5.anim
				{left:135%;}
.aanim			{opacity:1}
.btn-continue, .ipad .btn-continue
				{position:relative; left:0; width:40%; margin-top:0.5em;}
.monthly .btn-continue, .ipad .retire .btn-continue
				{position:fixed; bottom:0; left:25%;}
.intro .btn-continue
				{left:0; margin-top:1em}
.btn-sub-continue
				{width:89%; margin:0.5em 0 1em}

.tabs li.on		{width:20%}
.tabs li.about-you, .tabs li.about-you.off, .tabs li.about-you.on 		{background-position:50% 16px;background-size:30px auto !important; }
.tabs li.monthly, .tabs li.monthly.off, .tabs li.monthly.on				{background-position:50% 11px;background-size:44px auto !important;}
.tabs li.retire, .tabs li.retire.off, .tabs li.retire.on				{background-position:50% 11px;background-size:42px auto !important;}
.tabs li.short-term, .tabs li.short-term.off, .tabs li.short-term.on	{background-position:50% 13px;background-size:44px auto !important;}
.tabs li.results, .tabs li.results.off, .tabs li.results.on				{background-position:50% 8px;background-size:28px auto !important;}

.tabs li			{width:19%;}
.tabs li span, .tabs li.on span
				{display:none}
.page			{background-position:left 100%; background:#fff; height:auto }
.page h3		{display:block; color:#408940; font-size:22px; padding:0.7em 0 0 1%; margin-top:0}

.page ul		{padding-top:0;}
.page:not(.intro) li
				{width:98%; margin-bottom:2%}
.page .question	{float:none; font-size:16px;padding:5% 0 0 17%; letter-spacing:-0.01em}

.page .question span
				{font-size:14px; margin:4% 0 3% 0%}
.page .options	{width:47%; padding-right:0;}
.page .options input
				{font-size:22px}
.page .options select, .page .options option
				{font-size:24px; border:1px solid #ccc}
.page .options span
				{font-size:12px}
.about-you .question
				{font-size:16px; padding:2.5% 0 1.5% 3%;}
.about-you .question.min-height
				{min-height:inherit}
.about-you .question span, .about-you .question.selected span, .about-you li:hover .question span
				{display:inline; color:#000; margin-left:0}
.about-you li:first-child
				{padding-top:0}
.about-you .options	{position:relative; width:94%; margin-left:3%; padding:2% 0% 4%; text-align:left}
.about-you .options input
				{font-size:30px}

.monthly .question
				{width:83%; float:left;}
.monthly .question.selected, .monthly li:hover .question
				{background-color:none}
.monthly .question.debt
				{margin-bottom:8em}
.monthly .question span
				{margin:1% 0 3% 0;  width:90%}
.page.monthly .options
				{font-size:22px; top:4px;}
.monthly .mobile ul
				{width:97%}
br.mobile		{display:inline}
.housing 		{background-size:8% auto; background-position:14px 12px;}
.groceries		{background-size:8% auto; background-position:16px 8px;}
.healthcare		{background-size:8% auto; background-position:16px 8px;}
.transport		{background-size:8% auto; background-position:14px 8px;}
.childcare		{background-size:8% auto; background-position:16px 11px;}
.debt			{background-size:8% auto; background-position:17px 16px;}

.pretax			{background-size:8% auto; background-position:17px 21px;}
.emergency		{background-size:8% auto; background-position:18px 10px;}
.other			{background-size:8% auto; background-position:18px 8px;}

.monthly .total	{position:fixed; bottom:0; left: 0; right:0; height:7em; margin:0; padding-top:3.5%; font-size:16px; border-top:1px solid #408940; background:#fff url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hatching.png) left top no-repeat; background-size:100% auto;
				 -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);}
.monthly .total span
				{font-size:24px}
.monthly .total .lbl
				{position:absolute; left:20%; text-align:left; }
.retire .question
				{width:78%; padding:5% 0 4% 17%; margin:3% 0 55% 0}
.retire .question span, .short-term .question span
				{width:100%}
.retire .options, .short-term .options
				{top:5%; right: 10%}

.short-term .question
				{width:78%; margin-top:4%; padding:4% 0 4% 17%;}

.results		{margin-left:0}
.results .subtabs
				{width:98%}
.results .subtabs li
				{width:30%; margin-left:3%; margin-right:0; padding:1% 2%}
.results .subtabs li.monthly
				{width:31%; padding:1% 0; margin-left:0}
.results .subtabs li.short-term
				{width:28%; padding:1% 0;}
.results .subpage h3, .results .subpage h3.alt
				{position:absolute; width:96%; margin-top:6%; padding:0; font-size:22px; text-align:center; background:none !important;}
.results .subpage h3 br
				{display:none}
.results .charts
				{position:relative; margin-right:4%;}
.results .charts p
				{position:absolute; top:16%; width:100%; margin:3% 0 0; font-size:14px; letter-spacing:-0.02em; text-align:center}
.results .chart	{width:100%; height:7em; margin:24% 0 1em;}
.results .chart .lbl
				{font-size:12px}
.results .chart .expenses .pct
				{font-size:36px;}
.results .chart .per-month
				{font-size:16px;}
.results .chart .goal .pct
				{font-size:26px;}
.results .chart .goal .per-month
				{font-size:14px;}
}

@media screen and (max-width: 572px) {
.page, .monthly .total
				{background-size:auto;}
.intro .hero	{width:240px; height:164px; margin-top:10%}
}

@media screen and (max-height:530px) {
.btn-continue	{position:relative; left:0; margin:1.5em auto 0.25em;}
}
@media screen and (min-width:572px) and (max-height:530px), screen and (min-width:572px) and (max-dev-height:1024px) {
.wrapper		{position:fixed; top:0; left:0; right:0; bottom:0; width:auto;}
#interactive, .main
				{height:auto; background:none;}
.btn-continue	{position:fixed; left:25%; margin:1.5em auto 0.25em;}
.page			{min-height:400px; background:#fff url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hatching.png) left 100% no-repeat; background-size:100% auto;}
.page:not(.about-you) .question
				{width:88%; padding:3% 0 0 12%; font-size:18px;}
.page .question span
				{margin:0 0 3% -12%}
.intro h2		{margin:0; padding:2% 2.5% 1% 1%; letter-spacing:-0.01em;}
.intro p		{display:block; width:41%; margin:0 2.5% 2% 1%; line-height:1.3}
.intro p span.mobile, br.mobile
				{display:none}
.intro ul		{display:block; width:42%; padding:1% 3em 1% 2em; margin-bottom:0}
.intro li		{margin:1% 0 6% 0; line-height:1.4; font-size:16px;}
.intro .hero	{position:absolute; top:0%; right: 3%; width:66%; height:380px;}
.intro .hex-50	{top:23%; right:21.5%; width:32.5%; height:65%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex50.png) center top no-repeat;}
.intro .hex-15	{top:-26%; left:76%; width:51%; height:51%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex15.png) center top no-repeat;}
.intro .hex-5	{top:17%; left:103%; width:36%; height:36%; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_hex5.png) center top no-repeat;}
.intro .man		{width:24%; height:37%; top:53.5%; left:65.5%; z-index:3 !important; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_man.png) center top no-repeat;}
.intro .woman	{width:19%; height:32%;top:54%; left:83%; z-index:3 !important; background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/bg_woman.png) center top no-repeat;}
.intro .hex, .intro .man, .intro .woman
				{position:absolute; background-size:100% auto;
				 transition: opacity 0.3s ease-in 0s, right 0.3s 0.4s ease-out, left 0.3s 0.4s ease-out, top 0.3s 0.4s ease-out;}
.intro .man		{transition-delay:0.1s}
.intro .woman	{transition-delay:0.2s}
.intro .btn-continue
				{position:relative; }

.intro .hex-50.anim
				{right:25%;}
.intro .hex-15.anim
				{top:-45%; left:82%}
.intro .hex-5.anim
				{left:125%;}
.about-you .question
				{width:97.5%; padding:2.5% 0 1.5% 1%;}
.about-you .question.min-height
				{height:5em}
.about-you .question span, .page .question.selected span, .page li:hover .question span
				{display:block; margin:0}
.about-you .options
				{position:absolute; top:0; width:48%; padding:2% 2% 4% 0%;}
.monthly .total
				{height:5.5em; margin:0; padding:1% 6% 0 0;}
.housing 		{background-size:5% auto; background-position:14px 12px;}
.groceries		{background-size:5% auto; background-position:16px 8px;}
.healthcare		{background-size:5% auto; background-position:16px 8px;}
.transport		{background-size:5% auto; background-position:14px 8px;}
.childcare		{background-size:5% auto; background-position:16px 11px;}
.debt			{background-size:5% auto; background-position:17px 16px;}

.pretax			{background-size:5% auto; background-position:17px 21px;}
.emergency		{background-size:5% auto; background-position:18px 10px;}
.other			{background-size:5% auto; background-position:18px 8px;}

.retire .options, .short-term .options
				{right:2%}
.retire .question span, .short-term .question span
				{width:59%; padding-bottom:2%; margin:0 0 3% 0 }
.short-term .question
				{padding-top:1% !important}
.results .subtabs
				{position:absolute; top:3%; right:0; width:55%}
.results .subpages
				{padding-top:1%;}
.results .subpage h3, .results .subpage h3.alt
				{margin:2% 0 0 2%; padding:4% 0 7% 85px; text-align:left;}
.results .subpage h3.alt
				{padding-top:6%}
.results .subpage.monthly h3
				{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_monthly.png) left 0 no-repeat !important;}
.results .subpage.retire h3
				{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_retire.png) left 0 no-repeat !important;}
.results .subpage.short-term h3
				{background:url(../../../../../content/dam/fidelity/assets/active/wealth/we-sites/microsites/prelogin/wi/2015/savingsandspendingcheckup/images/icon_results_save.png) left 0 no-repeat !important;}
.results .chart
				{width:45%; height:9em; margin:5% 2% 1em;}
.results .charts p
				{top:75%; left:2%; text-align:left}
.btn-sub-continue
				{width:60%; margin:0.5em auto}
}

@media screen and (max-width: 420px) {
	.page .options {width: 55%}
}