		body, html {position:relative; width:100%; font-size:16px;}
		
		a:visited
			{color:#0e67a9;}
		:focus
			{outline-color:#aaa}

		#wrapper
			{position:relative; width:100%; max-width: 1140px; margin:0 auto;}
		.scl-flexible-images-with-column--header
			{position:relative;}
		.scl-flexible-images-with-column--header h2, .scl-flexible-images-with-column--header h3
			{font-weight: 400; font-size: 1.5em; line-height: 1.25; padding:1.1em 0 1.2em; opacity:0;
			 transition: opacity 0.2s ease-in;}
		.landing > h2 
			{padding: 1.1em 3% 1.2em;}
		.landing h3 
			{opacity:0; transition: opacity 0.2s ease-out;}
		.page.show h2, .landing.show h2, .modal-locked-unlocked h2, .page.show h3 
			{opacity: 1; transition: opacity 0.4s ease-in;}
		.landing.show h3 
			{opacity: 1; transition: opacity 0.4s 1s ease-in;}

		.page.show a[href], .page.all-accts.step4.show a[href]
			{display:inline}
		.page a[href], .page.all-accts.show a[href]
			{display:none}

		p
			{line-height: 1.45;}
		.below-disclosure
			{color:#000;}
		.below-disclosure span, em
			{display:inline-block; width:0; overflow: hidden;}
		.landing .below-disclosure
			{opacity:0; transition:opacity 0.2s ease-out;}
		.landing.show .below-disclosure
			{opacity:1; transition:opacity 0.5s 1.7s ease-in}
		.blue
			{color:#002f50}
		.light-gray
			{display:block; width:90%; color:#666; opacity:0; visibility: hidden; padding:0; margin:0 auto; 
			 transition: opacity 0.2s ease-in, visibility 0.2s 0s linear;}
		.page.show .light-gray 
			{width:90%; opacity: 1; visibility: visible; transition: opacity 0.3s 0.4s ease-in;}
		.desc .light-gray
			{width:100%; margin:0;}
		#intro-anim 
			{display:none; position:relative; margin: 1.5em 4.5% 0 6.5%; padding-top: 19em; border-radius: 6px; background:#f5f5f5;}
		#intro-anim > h2, .intro-page 
			{position: absolute; top: 0; left:0; width: 100%; height:100%;}
		#intro-anim ~ h3 
			{margin-top: .9rem; opacity:0; transition:opacity 0.2s ease-out;}
		.landing.show #intro-anim ~ h3 
			{opacity:1; transition:opacity 0.3s 1.2s ease-in;}
		#intro-anim .slide-1 .intro-alloc 
			{position: absolute; top:30%; left:3.25%; width:12%; margin-left:-3%; opacity:0;
			 transition:all 0.2s ease-out;}
		#intro-anim .slide-1.show .intro-alloc 
			{margin-left:0; opacity:1;}
		#intro-anim .slide-1 .intro-alloc.tax-free
			{left:22.25%; transition-delay: 0.07s}
		#intro-anim .slide-1 .intro-alloc.taxable
			{left:42.5%; transition-delay: 0.14s}
		#intro-anim .slide-1 .intro-alloc .circle 
			{width: 100%; padding-top: 100%; border-radius: 100%; background: #368727;}
		#intro-anim .slide-1 .intro-alloc.tax-deferred > .circle, .icon.tax-deferred
			{background:#368727 url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_tax-deferred_white.png") no-repeat center center; background-size:89% auto;}
		#intro-anim .slide-1 .intro-alloc.tax-free .circle, .icon.tax-free
			{background:#368727 url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_tax-free_white.png") no-repeat center center; background-size:89% auto;}
		#intro-anim .slide-1 .intro-alloc.taxable .circle, .icon.taxable
			{background:#368727 url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_taxable_white.png") no-repeat center center; background-size:89% auto;}
		#intro-anim .slide-1 .intro-alloc label 
			{display: block; width: 100%; font-size: 1.125em; text-align: center; margin-top: 1em; opacity:0;
			 transition:all 0.3s ease-in;}
		#intro-anim .slide-1.show .intro-alloc label
			{opacity:1; transition-delay:1s;}
		#intro-anim .slide-1.show .intro-alloc.tax-free label
			{opacity:1; transition-delay:1.4s;}
		#intro-anim .slide-1.show .intro-alloc.taxable label
			{opacity:1; transition-delay:1.8s;}
		#intro-anim .slide-1 .bullet 
			{position: absolute; left: 59.5%; top:37%; margin-left:-3%; opacity:0;
			 transition:all 0.2s ease-out;}
		#intro-anim .slide-1.show .bullet 
			{margin-left:0; opacity:1; transition-delay: 0.4s}
		#intro-anim .slide-1 .bullet label 
			{width:18%; font-size: 4.5rem;}
		#intro-anim .slide-1 .bullet p 
			{font-size: 1.125em; margin-top: 1.2em;}
		#intro-anim .slide-1 .bullet p span 
			{display: block; opacity:0;
			 transition:all 0.7s ease-in;}
		#intro-anim .slide-1.show .bullet p span
			{opacity:1; transition-delay: 0.7s}

		h2 span
			{opacity: 0;}
		#show-outline
			{position:relative; width:83%; margin: 1.5em auto 1em; border-radius: 6px;}
		#show-outline h2 
			{padding-bottom: 1rem; opacity:0; transition: opacity 0.2s  ease-out;}
		.landing.show #show-outline h2
			{opacity:1; transition: opacity 0.3s 0.5s ease-in;}
		#show-outline > div 
			{position: relative; top: 0; left: 0; justify-content: space-between; align-items:center;}
		#show-outline ol 
			{margin-left: 24px; line-height: 1.5;}
		#show-outline .list 
			{width: 57.25%;}
		#show-outline li 
			{margin-bottom: 0.35rem; opacity:0; transition: opacity 0.2s ease-out;}
		.landing.show #show-outline li
			{opacity:1; transition: opacity 0.3s ease-in;}
		.landing.show #show-outline li:first-child
			{transition-delay: 0.6s;}
		.landing.show #show-outline li:nth-child(2) 
			{transition-delay: 0.7s;}
		.landing.show #show-outline li:nth-child(3) 
			{transition-delay: 0.8s;}
		.landing.show #show-outline li:nth-child(4) 
			{transition-delay: 0.9s;}
		#show-outline .land-img 
			{position: relative; width: 30%; padding-top:30%; height:0;}
		#show-outline .land-img .circle 
			{position: absolute; width: 0%; height: 0; top: 54%; left: 47%;  z-index: 1; opacity:0;
			 background: #9BC5E0; border-radius: 100%; border: 1px solid #123d5f;
			 transition: all 0.4s ease-in-out;}
		.landing.show #show-outline .land-img .circle 
			{width: 89%; height: 89%; top: 9%; left: 3%; opacity:1; transition: all 0.4s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1);}
		#show-outline .circle.white 
			{background: #fff; z-index: 2;}
		.landing.show #show-outline .circle.white 
			{width: 55%;height: 55%; top: 26%;left: 20%; transition-delay: 0.6s;}
		#show-outline .circle.green 
			{background: #368727; z-index: 3;}
		.landing.show #show-outline .circle.green, .landing #show-outline .land-img .circle.btn-jump-sandbox
			{width: 25%;height: 24%; top: 42%;left: 35%; transition-delay: 0.5s;}
		.landing #show-outline .btn-jump-sandbox
			{z-index:10; background: none; border:none;}
		#show-outline .knight 
			{position: absolute; width: 38%; height: 62%; bottom: 0; left: -6%; z-index:4; opacity: 0;
			 background: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/gfx_chess_knight.png") no-repeat; background-size: 100% auto; transition:all 0.2s ease-in;}
		.landing.show #show-outline .knight 
			{left: 4%; opacity: 1;transition:all 0.3s 0.8s ease-out, opacity .1s 0.8s ease-in;}
		#show-outline .pawn 
			{position: absolute; width: 28%; height: 49.5%; bottom: 0; left: 57%; z-index:4; opacity: 0;
			 background: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/gfx_chess_pawn.png") no-repeat; background-size: 100% auto; transition:all 0.2s ease-in;}
		.landing.show #show-outline .pawn 
			{left:47%; opacity: 1;transition:all 0.3s 0.8s ease-out,opacity .1s 0.8s ease-in;}
		#show-outline .arrow 
			{position: absolute; top: -6.5%; left: 68%;width: 47%; height: 52%; z-index:10; opacity:0;
			 background: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/gfx_arrow.png") no-repeat; background-size:93% auto; transform:rotateZ(10deg); transition:all 0.2s ease-in}
		.landing.show #show-outline .arrow 
			{top: 7.5%; left: 48%; opacity:1; transform:rotateZ(0deg); transition:all 0.1s 0.8s ease-in}

		.btn 
			{display: block; width: 180px; text-align: center; padding: 9px 1em; cursor:pointer; 
			 border-radius: 6px; font: 700 1.25em "Fidelity Sans",Helvetica,sans-serif; color: #fff; background: #368727; border:none;}
		.btn-start
			{margin: 1.25em auto 0.3em; opacity:0; visibility:hidden; transition:opacity 0.3s ease-out}
		.landing.show .btn-start
			{opacity:1; visibility:visible; transition:opacity 0.3s 1.3s ease-in}
		#additional-info 
			{position: absolute; bottom: 0; left:5.3%; width:89.9%; max-height:2.75em; font-size:0.75rem; overflow: hidden; opacity: 0;
			 transition: all 0.4s ease-in-out, opacity 0.3s ease-out;}
		.landing.show #additional-info
			{opacity:1; z-index:100; transition:all 0.2s ease-in-out, opacity 0.3s 1.8s ease-in}
		.landing.show #additional-info.show
			{max-height:500px; transition:all 0.4s ease-in-out}
		.btn-additional-info
			{position:relative; width:213px; color:#368727; font-size:0.75rem; font-weight:400; padding:6px 1.6em 6px 0.25em; margin-bottom:-1px; z-index:10;
			 background:#fff; border:1px solid #368727; border-radius:6px; visibility: hidden;
			 transition:all 0s 0.2s;}
		.landing.show .btn-additional-info
			{visibility: visible;}
		 #additional-info.show .btn-additional-info 
		 	{background:#fff url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_close.png") no-repeat 95% 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; 
			 border-bottom: 1px solid #fff; transition:all 0.2s ease-in, background-position 0s 0s}
		 #additional-info > .content 
		 	{padding: 26px 1.25rem 0; background:#fff; border:1px solid rgba(54,135,39,0); visibility: hidden;
			 transition:all 0.3s ease-in}
		#additional-info.show > .content 
			{border-color:rgba(54,135,39,1); visibility: visible;}
		#additional-info > .content p 
			{margin-bottom: 1.5em;}

		.layout-region-page-disclosure>.fidgrid--content
			{padding:1em 7% 0 7%;}
		.flex 
			{display: flex;}
		.flex-no-wrap
			{flex-flow:row nowrap;}
		.flex-flow-col 
			{flex-flow: column;}
		.justify-center
			{justify-content: center;}
		.align-center
			{align-items: center;}
		
		.flex-3-col
			{display:flex; flex-flow:column nowrap; width:33%;}
		.flex-3-span-2
			{width:66%;}
		.flex-4-col 
			{width: 25%; padding:.75em 0;}
		
		.pages 
			{position: relative; width: 100%; max-width: 1140px; margin:0 auto; z-index:5;}
		.landing
			{padding-bottom:3em;}
		.landing, .page
			{position:absolute; top:0; left:0; right:0; max-width:1140px; margin:0 auto; z-index:1; opacity: 0; visibility:hidden;
			 transition: opacity 0s 2s linear}
		.landing.show, .page.show
			{z-index: 15; visibility:visible; opacity: 1; transition:none;}
		.land-copy
			{padding:0 3%; opacity:0; transition:opacity 0.3s ease-out;}
		.landing.show .land-copy
			{width: 90%; margin: 0 auto; opacity:1; transition:opacity 0.3s 0.3s ease-in;}

		.hide
			{display:none !important;}

		#phone-navbar
			{display:none; width:92%; margin:2em auto 0;}

		#interactive-navbar 
			{position:fixed; width:90%; bottom:20px; margin: 4px 3% 0 5%; z-index:1; opacity:0; transition:opacity 0.3s 0.3s ease-in;}
		#interactive-navbar.show
			{z-index:8; opacity:1;}
		#interactive-navbar.show.overlay, #phone-navbar.overlay
			{display:none; z-index:1; visibility: hidden;}
		#interactive-navbar > *
			{visibility: hidden;}
		#interactive-navbar.show > *
			{visibility: visible; }
		.btn-nav
			{display:flex; align-items:start; width:19%; height:40px; margin-top:0.5em; font: 700 1rem "Fidelity Sans",Helvetica,Sans-serif; color:#103C61 !important; 
			 border:none; background:none; cursor: pointer; z-index: 100; transition:all 0.2s ease-in;}
		.btn-nav.disabled
			{cursor: default; opacity:0.5; color:#103C61 !important;}
		#interactive-navbar .btn-nav.remove 
			{opacity: 0;}
		.btn-back.remove, .btn-next.remove  
			{visibility: hidden;}
		.btn-next 
			{position:relative; width:60px;  margin:0 0 0.5em 3%; padding-top:0.5em; padding-right:3em; justify-content: flex-start; 
			 opacity:1; box-sizing:content-box;}
		#phone-navbar .btn-next
			{padding-right:1.5em;}
		.btn-back 
			{position:relative; width: 90px; margin: 0 5% 0.5em 0; padding-top:0.5em; padding-left:3em; background:none; border:none;}
		#interactive-navbar.overlay .btn-next, #interactive-navbar.overlay .btn-back  
			{cursor: default; opacity:0;}
		.btn-back:before, .btn-next:after
			{content:"\0020"; position:absolute; left:0; width:32px; height: 32px; margin-right:0.75em; margin-top:-0.5em;
			 border:3px solid #103C61; border-radius: 100%; background:url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_next.png") no-repeat 70% center;
			 transform:rotateZ(180deg);}
		#interactive-navbar .btn-next:after, #phone-navbar .btn-next:after
			{content:"\0020"; right:0; left:auto; margin:-0.5em 0 0 0.75em; transform:rotateZ(0deg);}
		#interactive-navbar .navbar 
			{display:flex; flex-flow:row nowrap; justify-content: space-between; width: 100%; margin-top:1.1em;
			 border-top:2px solid rgba(217, 217, 217, 1);}
		#interactive-navbar.overlay .navbar
			{border-top-color:rgba(217, 217, 217, 0); visibility: hidden; transition:visibility 0.5s linear;}
		.nav-item
			{position:relative; width: 15px; height:15px; margin-top: -10px; opacity:1;
			 border: 2px solid #D9D9D9; border-radius: 100%; background:#fff; 
			 transition:all 0.2s ease-in-out;}
		.nav-item:after 
			{content: ''; position: absolute; height: 100%; top: 0; width: 600%; left: -230%;}
		.nav-item:not(.skip):hover:after
			{width:300%; left:-105%;}
		.nav-item.completed	
			{cursor: pointer;}
		.nav-item.active:not(.skip), .nav-item.completed, .nav-item.alt-active:not(.skip)
			{border-color:#9BC5E0; background:#9BC5E0;}
		.nav-item.completed:not(.active):not(.alt-active):not(.skip):not(:hover):not(.hover)
			{border-color:#9BC5E0; background:#9BC5E0 url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-completed.png") no-repeat center center; background-size:70%}
		.nav-item.active:not(.skip):before, .nav-item.alt-active:not(.skip):before  
			{content: ""; display: block; width: 5px; height: 5px; margin: 5px auto 0; 
			 background: #103C61; border-radius: 100%; transition:all 0.2s ease-in-out;}
		.nav-item.selected:before 
			{content: "\0020"; position: absolute; top: calc(50% - 3px); left: calc(50% - 3px); width: 1px; height: 1px;
			  border:2px solid #103C61; border-radius: 100%; background: #103C61;}
		.nav-item.skip, #interactive-navbar.overlay .nav-item 
			{height: 0px; width: 0px; margin: 0 -4% 0; opacity:0;}
		.nav-item:not(.skip):hover,.nav-item.hover:not(.skip)
			{width:48px; height:48px; margin-top:-26px; z-index:10;}
		.nav-item.one-over
			{width: 36px; height: 36px; margin: -22px -2% 0; background-size:50%;}
		.nav-item.one-over:after
			{border-color:blue}
		.nav-item.one-over.completed
			{background-size:60%;}
		.nav-item.one-over.active:before, .nav-item.one-over.alt-active:before 
			{margin: 15px auto 0; width: 7px; height: 7px;}
		.nav-item.two-over
			{width: 24px; height: 24px; margin: -15px -1% 0;}
		.nav-item.two-over:after
			{border-color:green}
		.nav-item.two-over.active:before, .nav-item.two-over.alt-active:before 
			{margin: 10px auto 0; width: 6px; height: 6px;}
		.nav-item:hover:before, .nav-item.active:not(.skip):hover:before, .nav-item.active.hover:not(.skip):before,
		.nav-item:hover:before, .nav-item.alt-active:not(.skip):hover:before, .nav-item.alt-active.hover:not(.skip):before  
			{content: ""; display: block; width: 60%; height: 60%; margin: 7px auto 0; 
			background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 0;}
		.nav-item.active:not(.skip):hover:before, .nav-item.active.hover:not(.skip):before,
		.nav-item.alt-active:not(.skip):hover:before, .nav-item.alt-active.hover:not(.skip):before    
			{background-color:#9BC5E0;}
		.nav-item.funding-accts:hover:before, .nav-item.funding-accts.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-funding-off.png");}
		.nav-item.funding-accts.active:hover:before, .nav-item.funding-accts.completed:hover:before,
		.nav-item.funding-accts.active.hover:before, .nav-item.funding-accts.completed.hover:before,
		.nav-item.funding-accts.alt-active:hover:before, .nav-item.funding-accts.completed:hover:before,
		.nav-item.funding-accts.alt-active.hover:before, .nav-item.funding-accts.completed.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-funding-on.png");}
		.nav-item.other-accts:hover:before, .nav-item.other-accts.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-otheraccts-off.png");}
		.nav-item.other-accts.active:hover:before, .nav-item.other-accts.completed:hover:before, 
		.nav-item.other-accts.active.hover:before, .nav-item.other-accts.completed.hover:before,
		.nav-item.other-accts.alt-active:hover:before, .nav-item.other-accts.completed:hover:before, 
		.nav-item.other-accts.alt-active.hover:before, .nav-item.other-accts.completed.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-otheraccts-on.png");}
		.nav-item.locked-unlocked:hover:before, .nav-item.locked-unlocked.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-lock-off.png");}
		.nav-item.locked-unlocked.active:hover:before, .nav-item.locked-unlocked.completed:hover:before,
		.nav-item.locked-unlocked.active.hover:before, .nav-item.locked-unlocked.completed.hover:before,
		.nav-item.locked-unlocked.alt-active:hover:before, .nav-item.locked-unlocked.completed:hover:before,
		.nav-item.locked-unlocked.alt-active.hover:before, .nav-item.locked-unlocked.completed.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-lock-on.png");}
		.nav-item.adjust-alloc:hover:before, .nav-item.adjust-alloc.hover:before  
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-adjust-off.png");}
		.nav-item.adjust-alloc.active:hover:before, .nav-item.adjust-alloc.completed:hover:before, 
		.nav-item.adjust-alloc.active.hover:before, .nav-item.adjust-alloc.completed.hover:before,
		.nav-item.adjust-alloc.alt-active:hover:before, 
		.nav-item.adjust-alloc.alt-active.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-adjust-on.png");}
		.nav-item.combined-alloc:hover:before, .nav-item.combined-alloc.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-combined-off.png");}
		.nav-item.combined-alloc.active:hover:before, .nav-item.combined-alloc.completed:hover:before, 
		.nav-item.combined-alloc.active.hover:before, .nav-item.combined-alloc.completed.hover:before,
		.nav-item.combined-alloc.alt-active:hover:before, 
		.nav-item.combined-alloc.alt-active.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-combined-on.png");}
		.nav-item.goal-alloc:hover:before, .nav-item.goal-alloc.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-goal-off.png");}
		.nav-item.goal-alloc.active:hover:before, .nav-item.goal-alloc.completed:hover:before,
		.nav-item.goal-alloc.active.hover:before, .nav-item.goal-alloc.completed.hover:before,
		.nav-item.goal-alloc.alt-active:hover:before, .nav-item.goal-alloc.completed:hover:before,
		.nav-item.goal-alloc.alt-active.hover:before, .nav-item.goal-alloc.completed.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-goal-on.png");}
		.nav-item.portfolio:hover:before, .nav-item.portfolio.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-portfolio-off.png");}
		.nav-item.portfolio.active:hover:before, .nav-item.portfolio.completed:hover:before,
		.nav-item.portfolio.active.hover:before, .nav-item.portfolio.completed.hover:before,
		.nav-item.portfolio.alt-active:hover:before,
		.nav-item.portfolio.alt-active.hover:before  
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-portfolio-on.png");}
		.nav-item.current-alloc:hover:before, .nav-item.current-alloc.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-current-off.png");}
		.nav-item.current-alloc.active:hover:before, .nav-item.current-alloc.completed:hover:before,
		.nav-item.current-alloc.active.hover:before, .nav-item.current-alloc.completed.hover:before,
		.nav-item.current-alloc.alt-active:hover:before,
		.nav-item.current-alloc.alt-active.hover:before    
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-current-on.png");}
		.nav-item.other-assets:hover:before, .nav-item.other-assets.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-otheraccts-off.png");}
		.nav-item.other-assets.active:hover:before, .nav-item.other-assets.completed:hover:before,
		.nav-item.other-assets.active.hover:before, .nav-item.other-assets.completed.hover:before,
		.nav-item.other-assets.alt-active:hover:before, .nav-item.other-assets.completed:hover:before,
		.nav-item.other-assets.alt-active.hover:before, .nav-item.other-assets.completed.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-otheraccts-on.png");}
		.nav-item.managed-acct:hover:before, .nav-item.managed-acct.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-maa-off.png");}
		.nav-item.managed-acct.active:hover:before, .nav-item.managed-acct.completed:hover:before,
		.nav-item.managed-acct.active.hover:before, .nav-item.managed-acct.completed.hover:before,
		.nav-item.managed-acct.alt-active:hover:before,
		.nav-item.managed-acct.alt-active.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-maa-on.png");}
		.nav-item.strategic-pos:hover:before, .nav-item.strategic-pos.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-strategic-off.png");}
		.nav-item.strategic-pos.active:hover:before, .nav-item.strategic-pos.completed:hover:before,
		.nav-item.strategic-pos.active.hover:before, .nav-item.strategic-pos.completed.hover:before,
		.nav-item.strategic-pos.alt-active:hover:before,
		.nav-item.strategic-pos.alt-active.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-strategic-on.png");}
		.nav-item.all-together:hover:before, .nav-item.all-together.hover:before 
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-together-off.png");}			
		.nav-item.all-together.active:hover:before, .nav-item.all-together.completed:hover:before,
		.nav-item.all-together.active.hover:before, .nav-item.all-together.completed.hover:before,
		.nav-item.all-together.alt-active:hover:before, 
		.nav-item.all-together.alt-active.hover:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-nav-together-on.png");}			
		.nav-item span 
			{position: absolute; top: 100%; width: 0; left: 0; margin-top: 0.5em; color: #999; font-size: .875rem; text-align: center;
			 opacity: 0; white-space: nowrap;}
		.nav-item:hover span, .nav-item.hover span  
			{left: -156%; width: 400%; opacity: 1; transition: all 0s 0.1s, opacity 0.2s 0.1s ease-in;}
		.nav-item.completed span, .nav-item.active span, .nav-item.alt-active span    
			{color:#103C61;}

		.page > .content
			{position:relative; margin-top:3.15em;}
		.page.locked-unlocked > .content
			{margin-top:1.75em; margin-bottom:2.5em;}
		.page.acct-bal > .content 
			{margin-top: 1em;}
		.page.acct-bal.show h2 
			{transition-delay: 0.2s;}
		.page.acct-bal p 
			{margin-bottom: 1em;}
		.page.acct-bal .content .flex-3-col 
			{margin-left: 3em; margin-right: -3em; opacity:0;
			 transition: all 0.3s ease-in;}
		.page.acct-bal .content .flex-3-col:nth-child(2)
			{transition-delay: 0.1s}
		.page.acct-bal .content .flex-3-col:nth-child(3)
			{transition-delay: 0.2s}
		.page.acct-bal.show .content .flex-3-col 
			{margin: 0; opacity:1; transition: opacity 0.3s ease-in;}
		.icon 
			{width: 48%; padding-top: 48%; margin: 0 auto 2.25em; background-size: auto 60% !important; border: 1px solid #368727; border-radius: 100%;
			 transform: scale3d(0, 0, 0); transition:transform 0s 2s linear, opacity 0.4s ease-in;}
		.icon.non-fidelity, .icon.other-fidelity  
			{border-color: #D0D1CF; background:#D0D1CF url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_non_fid_accts_white.png") no-repeat center center;
			 transform: scale3d(1,1,1);}
		.icon.other-fidelity  
			{background-image:url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_other_fid_accts_white.png");}
		.icon.total-other
			{border-color:#BD99D5; background:#BD99D5 url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon_other_accts_total_white.png") no-repeat center center; background-size:auto 90% !important;
			 transform: scale3d(1,1,1);}
		.page.show .icon 
			{transform: scale3d(1,1,1);	transition: transform 0.3s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1);}
		.page.show .icon.tax-free
			{transition-delay: 0.25s}
		.page.show .icon.taxable
			{transition-delay: 0.4s}		
		.page label 
			{width:92%; min-height:5em; font-weight: 400; font-size: 1.125em; text-align:center; margin:0 auto 0; opacity:0;
			 transition: opacity 0s 2s linear;}
		.page.show .icon ~ label 
			{opacity: 1; transition: opacity 0.3s 0.2s ease-in;}
		.page.show .icon.tax-free ~ label 
			{transition-delay:0.35s;}
		.page.show .icon.taxable ~ label 
			{transition-delay:0.5s;}
		.page label span 
			{display: block; margin: 0 0 0.6rem 0; font-size: 14px; font-weight: 400; color: #666; line-height:1.4}
		.page input[type="text"] 
			{display: none; width: 54%; font-size: 1.5em; text-align: center; margin: 0.5em auto; padding:0px 1px 5px;
			 background: none; border: none; border-bottom: 3px solid #000; color: #000;}
		.page.show .icon ~ input[type="text"]  
			{display:block; opacity: 1; transition: opacity 0.3s 0.3s ease-in;}
		.page.show .icon.tax-free ~ input[type="text"]  
			{transition-delay:0.45s;}
		.page.show .icon.taxable ~ input[type="text"]  
			{transition-delay:0.6s;}
		.error input[type=text] 
			{border-color: #c00; color:#c00; outline-color:#c00;}
		.error-msg 
			{display: none; position: absolute; width:26%; top:100%; font-size: .875em; padding: 5px 1em; margin:0 2%; text-align: center;
			 background: #fff; border: 2px solid #c00; border-radius: 4em;}
		.overlay .error-msg 
			{width:100%;}
		 .error-msg.show 
		 	{display: block;}			
		.total-other .field-value
			{display:flex; flex-flow:column; justify-content:center; font-size: 1.5em; margin: 0.3em 0 0.3em; opacity:1;}
		.field-label 
			{display: block; text-transform: uppercase; font-size: 0.85em; margin: 0.8em 0 0; color: #666; opacity:0;
			 transition: opacity 0s 2s linear;}
		.page.acct-bal .field-label
			{margin-bottom:1em;}
		.page.show .icon ~ .field-label
			{opacity: 1; transition: opacity 0.3s 0.4s ease-in;}
		.page.show .icon.tax-free ~ .field-label
			{transition-delay:0.55s;}
		.page.show .icon.taxable ~ .field-label
			{transition-delay:0.7s;}	
		.page .below-disclosure
			{opacity:0; text-align: center;}
		.page.acct-bal.show .below-disclosure,
		.page.locked-unlocked.show .below-disclosure,
		.modal-locked-unlocked.show .below-disclosure
			{opacity:1; transition:opacity 0.7s 0.6s ease-in;}
		.page.locked-unlocked.show .below-disclosure 
			{text-align: center;}
		.eq-col 
			{padding-top: 3.75em;}
		
		.page.other-assets .content .flex-3-col, 
		.page.other-assets .content .eq-col 
			{margin-left: -3em; margin-right: 3em; opacity:0;
			 transition: all 0.4s ease-in;}
		.page.other-assets.show .content .flex-3-col,
		.page.other-assets.show .content .eq-col 
			{justify-content:space-between; margin: 0; opacity:1;  transition: margin 0.4s 0.3s ease-out, opacity 0.2s 0.3s ease-in;}
		.page.other-assets.show .content .eq-col:nth-child(2)
			{transition-delay: 0.4s}
		.page.other-assets.show .content .flex-3-col:nth-child(3)
			{transition-delay: 0.6s}
		.page.other-assets.show .content .eq-col:nth-child(4)
			{transition-delay: 0.5s}
		.page.other-assets.show .content .flex-3-col:nth-child(5)
			{transition-delay: 0.7s}
		.callout-blue 
			{width: 56%; margin: 1.25em auto 1.5em; text-align: center; font-weight: 700; padding: .5em;
			 background: rgba(155, 197, 224, 0.3); border-radius: 6px; opacity:0;
			 transition:opacity 0.2s ease-in;}
		.page.other-assets.show .callout-blue,
		.page.current-alloc.show .callout-blue
			{opacity:1; transition:opacity 0.3s 0.85s ease-in;}
		.page.other-assets.exit .content .flex-3-col, 
		.page.other-assets.exit .content .eq-col 
			{margin: 0; opacity: 0; transition: opacity 0.2s ease-in;}
		.page.other-assets.exit .content .flex-3-col:nth-child(5)
			{opacity:0; transition:opacity 0.1s ease-out;}
		
		.page.locked-unlocked .flex-3-col 
			{margin-left: 12%; margin-right:0;}
		.page.locked-unlocked .flex-3-col.total-other 
			{width:31%; margin:1.4em -65% -.75em 65%; opacity:0; transition:all 0.4s ease-in-out}
		.page.locked-unlocked.show .flex-3-col.total-other,
		.page.locked-unlocked.exit .flex-3-col.total-other
			{width:33%; margin:0; opacity:1;  transition:all 0.6s ease-in-out, opacity 0.05s ease-out;}
		.page.locked-unlocked.exit .flex-3-col.total-other
			{width:33%; margin: 0 3.2% 0 -3.2%;	transition:all 0.6s ease-in-out, opacity 0.05s ease-out;}
		.page.locked-unlocked.exit.zero-taxable .flex-3-col.total-other,
		.page.locked-unlocked.exit.zero-tax-deferred .flex-3-col.total-other,
		.page.locked-unlocked.exit.zero-tax-free .flex-3-col.total-other  
			{margin: 0 -8% 0 8%;}
		.page.locked-unlocked.exit.zero-taxable.zero-tax-free .flex-3-col.total-other,
		.page.locked-unlocked.exit.zero-tax-deferred.zero-taxable .flex-3-col.total-other,
		.page.locked-unlocked.exit.zero-tax-deferred.zero-tax-free .flex-3-col.total-other  
			{margin: 0px -19.2% 0 19.2%;}
		.page.locked-unlocked .flex-3-col label 
			{margin-bottom: -1.25em;}
		.page.locked-unlocked .flex-3-col.total-other label,
		.page.locked-unlocked .flex-3-col.total-other .field-value,
		.page.locked-unlocked .flex-3-col.total-other .field-label
			{opacity:0;}
		.page.locked-unlocked.show .flex-3-col.total-other label,
		.page.locked-unlocked.show .flex-3-col.total-other .field-value,
		.page.locked-unlocked.show .flex-3-col.total-other .field-label
			{opacity:1; transition:opacity 0.3s 0.5s ease-in;}
		.page.locked-unlocked .flex-3-span-2
			{display: flex; flex-flow: column; justify-content: space-between; width:56%; margin-right:5%; margin-bottom:2.25em;
			 padding-top:2.1em;}
		.callout-img
			{opacity: 0.4; transition:opacity 0.2s ease-in;}
		.callout-img.not-selected
			{opacity: 0.1;}
		.callout:hover .callout-img,
		.callout-img.selected
			{opacity: 1; color:#000;}
		.page.locked-unlocked.show .icon.total-other
			{transition:transform 0.3s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease-in}
		.callout 
			{display: flex; flex-flow: row nowrap; padding:1em 0; color:#666; cursor:pointer;} 
		.callout:hover, .callout.selected
			{color:#000;}
		.page.locked-unlocked .flex-3-span-2 .callout 
			{visibility: hidden; opacity: 0; cursor: pointer}
		.page.locked-unlocked.show .flex-3-span-2 .callout 
			{visibility: visible; opacity: 1; transition:opacity 0.3s 0.7s ease-in;}
		.page.locked-unlocked .flex-3-span-2 .callout:focus-visible,
		.page.locked-unlocked .flex-3-span-2 .callout:focus,
		.modal-locked-unlocked .flex-3-span-2 .callout:focus-visible,
		.modal-locked-unlocked .flex-3-span-2 .callout:focus  
			{border: 2px solid #aaa; border-radius: 6px;}
		.page.locked-unlocked.show .flex-3-span-2 .callout .field-label
			{opacity: 1; transition: none;}
		.page.locked-unlocked.show .flex-3-span-2 .callout:last-child
			{transition-delay: 0.9s;}
		.callout-img
			{display: flex; flex-flow: column; width: 43%; text-align: center; padding-top:.4em}
		.callout-desc 
			{width:115%; line-height: 1.45; padding-right:1%;}
		.page.locked-unlocked.exit .flex-3-col.total-other .field-value, 
		.page.locked-unlocked.exit .flex-3-col.total-other .field-label 
			{opacity: 0; transition: opacity 0.2s ease-in;}
		.page.locked-unlocked.exit .flex-3-col.total-other label 
			{opacity: 0; transition: all 0.4s ease-in-out, opacity 0.4s ease-out;}
		.page.locked-unlocked.exit .flex-3-col.total-other .icon,
		.page.locked-unlocked.exit h2, .page.locked-unlocked.exit .light-gray,
		.page.locked-unlocked.exit .flex-3-span-2 .callout 
			{opacity: 0; transition: opacity 0.2s ease-out;}
		.page.locked-unlocked.exit .flex-3-span-2 .callout:last-child 
			{transition-delay: 0.1s;}
		
		.page.current-alloc 
			{display: flex; flex-flow: row wrap; justify-content: center;}
		.page.current-alloc > *
			{order:1}
		.page.current-alloc .callout-blue
			{order:5}	 

		.page.current-alloc > .content 
			{width: 90%; margin: 2.2em auto 0;}
		.current-alloc p 
			{margin-bottom: 0.75em;}
		.chart
			{position:relative; opacity:0; transition:opacity 0.2s ease-in;
			 -webkit-touch-callout: none; /* iOS Safari */
    		 -webkit-user-select: none; /* Safari */
			 -khtml-user-select: none; /* Konqueror HTML */
       		 -moz-user-select: none; /* Old versions of Firefox */
			 -ms-user-select: none; /* Internet Explorer/Edge */
			 user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
		}
		.page.show .chart
			{opacity:1; transition:opacity 0.3s 0.4s ease-out;}
		.page.show .chart.tax-deferred
			{transition-delay: 0.7s}
		.page.show .chart.tax-free
			{transition-delay: 1s}
		.page.show .chart.taxable
			{transition-delay: 1.3s}
		.mix-labels 
			{display: flex; flex-flow: row nowrap; justify-content: space-between; width:90%; margin:0 auto; opacity:0; 
			 transition:opacity 0.3s 0.6s ease-in;}
		.page.show .chart .mix-labels, .page.show .current-mix .mix-labels
			{opacity:1;}
		.page.show .chart.tax-deferred .mix-labels
			{transition-delay: 0.9s;}
		.page.show .chart.tax-free .mix-labels
			{transition-delay: 1.2s;}
		.page.show .chart.taxable .mix-labels
			{transition-delay: 1.5s;}
		.mix-label
			{width:30%; text-align: center;}
		.mix-stocks
			{color:#103C61;}
		.other-assets .mix-stocks
			{color:#001D30}
		.mix-bonds
			{color:#368727;}
		.other-assets .mix-bonds
			{color:#BD99D5}
		.mix-label span 
			{display: block; font-size: 1.5rem; transition:all 0.3s ease-in-out;}
		.chart .mix-label span 
			{font-size: 1.25rem;}
		.page.current-alloc.exit .chart .mask 
			{opacity: 0;}
		.page.current-alloc.exit .chart 
			{transition: all 0.3s ease-in-out, opacity .1s .2s ease-out !important;}
		.page.current-alloc.exit .chart.taxable 
			{margin-left: -25%;}
		.page.current-alloc.exit .chart.tax-deferred 
			{margin-right: -25%;}
		.page.current-alloc.exit .chart.other-assets.hide ~ .chart.tax-deferred
			{margin-left:50%;}
		.page.current-alloc.exit .chart.other-assets 
			{margin-right: -25%; margin-left: 50%;}
		.page.current-alloc.zero-tax-deferred.exit:not(.other-assets-non-zero) .chart.tax-free
			{margin-left: 50%;}
		.page.current-alloc.zero-tax-free.exit .chart.tax-deferred 
			{margin-right: 0;}

		.page.current-alloc.exit h2, 
		.page.current-alloc.exit .light-gray, 
		.page.current-alloc.exit .mix-labels, 
		.page.current-alloc.exit .field-value, 
		.page.current-alloc.exit .ui-chart .handle
			{opacity: 0; transition:0.2s ease-in;}
		.page.current-alloc .callout-blue 
			{width: 87%; margin-top: 2rem;}
		.ui-chart 
			{position: relative; width: 59%; padding-top: 59%; margin: -.75em auto 2.25em; 
			 transition:all 0.5s ease-in-out;}
		.chart-stocks, .chart-bonds, .chart-block-stocks, .chart-block-bonds
			{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:3;
			 transform:rotateZ(0deg);}
		.chart-block-stocks, .chart-block-bonds 
			{padding: 2px; margin-top: -2px; margin-left:-1px; z-index: 6;}
		.mask 
			{position: absolute; width: 50%; height: 100%; left: 0; top: 0; z-index:6; overflow: hidden;}
		.mask.mask-bonds 
			{left: 50%;}
		.mask .chart-block-stocks
			{width:200%}
		.chart-block-bonds
			{margin-left:-2px; z-index:2; transform:rotateZ(180deg);}
		.mask-bonds .chart-block-bonds 
			{left: -100%; width:200%;}
		.page.show .chart-block-bonds, .page.all-accts.step4.exit .chart-block-bonds  
			{transform: rotateZ(360deg); transition: transform 0.2s 0.4s ease-in}
		.page.show .chart.tax-deferred .chart-block-bonds 
			{transition-delay: 0.7s;}
		.page.show .chart.tax-free .chart-block-bonds 
			{transition-delay: 1s;}
		.page.show .chart.taxable .chart-block-bonds 
			{transition-delay: 1.3s;}
		.page.show .chart-block-stocks, .page.all-accts.step4.exit .chart-block-stocks 
			{transform: rotateZ(180deg); transition: transform 0.2s 0.6s ease-out;}
		.page.show .chart.tax-deferred .chart-block-stocks 
			{transition-delay: 0.9s;}
		.page.show .chart.tax-free .chart-block-stocks 
			{transition-delay: 1.2s;}
		.page.show .chart.taxable .chart-block-stocks 
			{transition-delay: 1.5s;}
		.chart-bonds
			{z-index:1;}
		.chart-stocks.adjust.active, .chart-bonds.adjust.active
			{z-index:4; transform:rotateZ(45deg);}
		.page.combined-mix.show .chart-stocks.adjust.active, 
		.page.combined-mix.show .chart-bonds.adjust.active,
		.chart.managed .chart-stocks.adjust.active,
		.chart.managed .chart-bonds.adjust.active,
		.chart.managed .handle.active
			{transition: all 0.6s ease-in-out !important;}
		.page.combined-mix .desc 
			{margin-top: 8em;}
		.chart-cover
			{display:flex; flex-flow:column; justify-content: center; position: absolute; top: 9%; left: 9%; width: 82%; color:#fff; height: 82%; font-size:1.125rem; 
			 border-radius: 100%; background:#fff; z-index:10; transition: color 0.2s 0.6s ease-in;}
		.chart-cover ul
			{display:flex; flex-flow:column; justify-content: center; width: 100%; height: 100%; font-size:1.125rem; 
			 border-radius: 100%; z-index:10; transition: color 0.2s 0.6s ease-in;}
		.page.show .chart-cover, .page.show .chart-cover ul
			{color:#000;}
		.page.show .chart.tax-deferred .chart-cover, .page.show .chart.tax-deferred .chart-cover ul 
			{transition-delay: 0.9s;}
		.page.show .chart.tax-free .chart-cover, .page.show .chart.tax-free .chart-cover ul
			{transition-delay: 1.2s;}
		.page.show .chart.taxable .chart-cover, .page.show .chart.taxable .chart-cover  ul
			{transition-delay: 1.5s;}
		.ui-chart .wedge 
			{position: absolute; top: 0px; left: 0; width: 50%; height: 100%; overflow: hidden;}
		.chart-bonds .wedge
			{left:50%;}
		.ui-chart:after 
			{content: ""; position: absolute; height: 50%; width: 1px; left: 50%; top:0; 
			 border-left: 1px solid #fff; z-index: 5;}
		.ui-chart .circle, .handle .circle
			{position: absolute; top: 0; left: 0; width: 200%; height: 100%; border-radius: 100%;}
		.chart-block-stocks .circle, .chart-block-bonds .circle
			{background: #fff;}
		.chart-stocks .circle
			{background: #103C61;}
		.other-assets .chart-stocks .circle
			{background: #001D30;}
		.chart-bonds .circle
			{left:-100%; background:#368727;}
		.other-assets .chart-bonds .circle
			{background: #BD99D5;}
		.ui-chart .chart-stocks .wwedge:before 
			{content: ""; position: absolute; top: 0; left: 0px; width: 200%; height: 100%; padding: 2px;
			 margin: -1px 0 0 -1px; background: #fff; border-radius: 100%; z-index: 20; transform: rotateZ(90deg);}
		.ui-chart .handle
			{transition:all 0.1s ease-out;}
		.ui-chart .handle .circle
			{width:100%;}
		.ui-chart .handle 
			{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index:7; opacity:0;
			 transition: all 0.1s ease-out;}
		.page.show .ui-chart .handle 
			{opacity: 1; transition: opacity 0.2s .9s ease-in;}
		.page.combined-mix.show .ui-chart .handle.active		
			{transition: all 0.4s ease-in-out !important;}
		.ui-chart .handle .stick
			{position: absolute; left:calc(50% - 2px); bottom:-1em; width:1px; height: 35%; 
			 border-left: 1px solid #fff; border-right: 1px solid #fff; background: #666;
			 transition: bottom 0.2s ease-in;}
		.ui-chart .handle .knob
			{display:none; position:absolute; width:40px; height:40px; left:calc(50% - 20px); top:100%; cursor:grab; border-radius:100%;}
		.page.show .ui-chart .handle .knob
			{display:block;}
		@keyframes pulse {
			0%		{background: rgba(0, 0, 0, 0.2);}
			50%		{background: rgba(0, 0, 0, 0.0);}
			100%	{background: rgba(0, 0, 0, 0.2);}
		}
		.chart:focus .handle .knob, .chart:focus-visible .handle .knob
			{animation:pulse 2s ease-in-out infinite;}
		.ui-chart .handle .knob.grabbing
			{cursor:grabbing;}
		.ui-chart .handle .knob:before
			{content:""; position: absolute; width: 16px; height: 16px; left: 11px; top: 13px; background: #666; border-radius: 100%;}
		.field-value
			{position:relative; min-height:2em; display:inline; font-size:1.12em; color:#666; opacity:0; transition:opacity 0.3s 0.6s ease-in;}
		.page.show .chart .field-value
			{opacity:1;}
		.page.show .chart.tax-deferred .field-value
			{transition-delay: 0.9s;}
		.page.show .chart.tax-free .field-value
			{transition-delay: 1.2s;}
		.page.show .chart.taxable .field-value
			{transition-delay: 1.5s;}
		.chart.other-assets .field-value.locked:before, .chart.other-assets .field-value.unlocked:before, .btn-locked-unlocked
			{content:""; position:absolute; width:15px; height:18px; left:-1.5em;
			 background: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-locked.png") no-repeat center center; background-size:100% auto;}
		.chart.other-assets .field-value.unlocked:before
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-unlocked_black.png");}
		.lock 
			{position: absolute; top: 3px; left: -1.8em; width: 16px; height: 20px; cursor:pointer;
			 background: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-unlocked.png") no-repeat center center; background-size:100% auto;}
		.lock.locked
			{background-image: url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-locked.png");}		
		.page.combined-mix > .content, 
		.page.all-together > .content
			{position:relative; width: 89%; margin: 0 auto 0; z-index:2; transition:all 0.3s ease-in-out;}
		.desc
			{width:48%;}
		.page.combined-mix .desc h2
			{padding-bottom: 0.75em;}
		.desc p
			{margin-bottom:1em;}
		.page.combined-mix .current-mix 
		{width: 25%; margin-top: 14.3em; margin-left: 14.85%; opacity:0;}		
		.page.combined-mix.show .current-mix, .page.all-together .current-mix
			{width:40%; margin:4.25em 0 0 7.5%; opacity:1; transition:all 0.3s 0.2s cubic-bezier(0.34, 1.56, 0.64, 1), opacity .1s .2s ease-in;}
		.page.combined-mix.show .current-mix
			{margin-top:10.75em;}
		.page .desc .list > div 
			{position: absolute; opacity: 0; visibility: hidden; z-index:1; transition:opacity 0.3s ease-in;}
		.page.show .desc .list > div:first-child
			{opacity:1; visibility: visible; z-index:100;}
		.page.show.step1 .desc .list > div:first-child,
		.page.show.step2 .desc .list > div:first-child,
		.page.show.step3 .desc .list > div:first-child,
		.page.show.step4 .desc .list > div:first-child
			{opacity:0; visibility: hidden; z-index:1;}
		.page.show.step1 .desc .list > div:nth-child(2), 
		.page.show.step2 .desc .list > div:nth-child(3),
		.page.show.step3 .desc .list > div:nth-child(4),
		.page.show.step4 .desc .list > div:nth-child(5)
			{opacity:1; visibility: visible; z-index:100;}
		.current-mix .ui-chart .handle .stick  
			{left: 50%; bottom: 0; background: #fff; border: none;}
		.combined-mix.step1 .current-mix .ui-chart .goal-handle,
		.all-accts .current-mix .ui-chart .goal-handle,
		.all-together .current-mix .ui-chart .goal-handle
			{transform:rotateZ(-35deg) !important;}
		.all-accts .current-mix .ui-chart .goal-handle
			{transition:none;}
		.current-mix .ui-chart .goal-handle .stick 
			{border-right: 1px solid #999;}
		.combined-mix.step1 .current-mix .ui-chart .goal-handle .stick,
		.all-accts .current-mix .ui-chart .goal-handle .stick,
		.all-together .current-mix .ui-chart .goal-handle .stick
			{bottom: -2em; transition-delay: 0.2s;}
		.current-mix .ui-chart .goal 
			{display:flex; align-items:center; position: absolute; top: 95%; width:10em; margin-left:2px; opacity:0; transform:translate3d(-8%,32%,0) rotateZ(35deg);
			 transition:opacity 0.2s ease-out;}
		.combined-mix.step1 .current-mix .ui-chart .goal, 
		.page.all-accts .current-mix .ui-chart .goal,
		.page.all-together .current-mix .ui-chart .goal
			{opacity:1; transition:all 0s 0.4s;}
		.current-mix .ui-chart .goal .goal-labels
			{width:65%; margin-right:5%; text-align: left;}
		.current-mix .mix-label, .current-mix .mix-label 
			{width: 20%; font-size: 1.15rem; margin-bottom:-2rem; transition:all 0.3s ease-in-out}
		.current-mix .mix-label span
			{line-height: 1; font-size:1.75rem;}
		.goal span 
			{display:block; padding:3px 0 0 5%; color:#fff; white-space:nowrap; box-sizing: border-box;
			 transition:all 0s 0.4s;}
		.goal span:first-child 
			{width:0; line-height: 2.0; padding-top: 0; border-bottom: 1px solid #999;}
		.page.combined-mix.step1 .goal span:first-child 
			{width: 100%; color:#368727; transition: width 0.2s 0.4s ease-out, color 0.2s 0.5s ease-in;}	
		.page.combined-mix.step1 .goal span:last-child 
			{color:#103C61; transition: color 0.2s 0.6s ease-in;}	
		.goal-label 
			{position: relative; font-size: 1.125em; padding-top: 0.5em; color: #999; opacity:0;
			 transition:opacity 0s 0.4s;}
		.page.combined-mix.step1 .goal-label
			{opacity:1; transition: opacity 0.2s 0.6s  ease-in;}
		.goal-label:before 
			{content: ""; position: absolute; width: 7px; height: 7px; top: 50%; left: -30%; 
			 border-radius: 100%; background: #999;}
		.chart-cover li
			{position:absolute; width:100%; opacity:0; transition:opacity 0.3s ease-in;}
		.page.show .chart-cover li:first-child
			{opacity:1;}

		
		@keyframes fade-out-in {
			0%	{opacity:1;}
			4%	{opacity:0.5;}
			7%	{opacity:0;}
			93%	{opacity:0;}
			97% {opacity:0.5}
			100% {opacity:1;}
		}
		.page.combined-mix.show.step1 .chart-cover li:first-child
			{opacity:1; animation:fade-out-in 2.5s ease-in-out;}
		@keyframes fade-in-out {
			0%	{opacity:0;}
			4%	{opacity:0.5;}
			7%	{opacity:1;}
			93%	{opacity:1;}
			97% {opacity:0.5}
			100% {opacity:0;}
		}
		.page.combined-mix.show.step1 .chart-cover li:nth-child(2)
			{opacity:0; animation:fade-in-out 2.5s ease-in-out;}
		.page.all-accts
			{transition:opacity 0.1s 0.3s ease-in;}
		.page.all-accts.show.alt
			{transition:none}
		.page.all-accts.step4 .light-gray 
			{width: 100%; transition:all 0.5s ease-in-out}
		.page.all-accts > .content
			{width: 89%; margin: 0 auto;}
		.page.all-accts > .content:first-child
			{margin-bottom: 7em; transition:margin-bottom 0.5s ease-in-out;}
		.page.all-accts.step4 > .content:first-child
			{margin-bottom:15.75em}
		.page.all-accts > .content:nth-child(3)
			{margin-top:2.4em; text-align:center;  opacity:0;}
		.page.all-accts.step4 > .content:nth-child(3)
			{opacity:1;}
		.page.all-accts .desc,
		.page.all-together .desc
			{width: 52%; transition:width 0.5s ease-in-out;}
        .page.all-together.overlay .desc
            {width:60%;}
		.page.all-accts.step4 .desc
			{width:100%; text-align: center;}
		.page.all-accts .desc h2
			{padding-bottom: 1.25em;}
		.page.all-accts .current-mix .mask
			{display:none;}
		.page.all-accts.show.step2 .chart
			{transition:opacity 0.3s ease-in;}
		.page.all-accts .ui-chart .handle .stick
			{left:50%; bottom:0; background:#fff; border:none;}
		.page.all-accts .current-mix
			{width:40%; margin:10.7em -3.5% -10.7em 3.5%;
			 transition:all 0.3s ease-in-out, opacity 0.1s 0.3s ease-in}
		.page.all-accts.show .current-mix, .page.all-accts.exit .current-mix,
		.page.all-together .current-mix
			{width:31%; margin:.5em 0 0 8%;
			 transition: all 0.5s ease-in-out, opacity 0.1s ease-in;}
		.page.all-accts.show .current-mix .mix-label span, 
		.page.all-accts.exit .current-mix .mix-label span, 
		.page.all-together .current-mix .mix-label span 
			{font-size: 1.5rem;}
		.page.all-together .current-mix
			{transition: all 0.1s ease-in-out, opacity 0.1s 0.1s ease-in;}
		.page.all-accts.exit .current-mix 
			{opacity: 0; transition: opacity .1s .1s ease-out;}
		.page.all-accts.step4 .current-mix
			{margin-bottom:-11.5rem; margin-left:-31%; opacity:0; transition:all 0.5s ease-in-out, opacity 0.3s ease-in;}
		.page.all-accts .current-mix .mix-labels
			{margin:-2.25em auto 0.5em;}
		.page.all-accts.show .current-mix .mix-labels, .page.all-accts.exit .current-mix .mix-labels,
		.page.all-together .current-mix .mix-labels
			{width:100%; margin:0 auto; transition:all 0.5s ease-in-out;}
		.page.all-together .current-mix .mix-labels
			{transition-duration: 0.1s;}
		.page.all-accts .current-mix .mix-label
			{width:20%; margin-top:2em; margin-bottom:0;}
		.page.all-accts.show .current-mix .mix-label, .page.all-accts.exit .current-mix .mix-label,
		.page.all-together .current-mix .mix-label
			{width:20%; margin-top:2em; font-size:1rem;}
		.page.all-accts .current-mix .ui-chart
			{margin-top:-2.75em;}
		.page.all-accts.step4 .chart .ui-chart
			{width:50%; padding-top:50%; margin-bottom:1.8em;}
		.page.all-accts .current-alloc-bar li
			{position: absolute; left:0; width:100%; text-align: center; opacity: 0;
			 transition: opacity 0.5s 0.3s ease-in;}
		.page.all-accts.show .current-alloc-bar li:first-child 
			{opacity:1}
		.page.all-accts.show.step3 .current-alloc-bar li:first-child,
		.page.all-accts.show.step4 .current-alloc-bar li:first-child 
			{opacity: 0;}
		.page.all-accts.show.step3 .current-alloc-bar li:last-child,
		.page.all-accts.show.step4 .current-alloc-bar li:last-child 
			{opacity: 1;}
		.page.all-accts.step3 .chart-cover li:first-child,
		.page.all-accts.step4 .chart-cover li:first-child
			{opacity: 0; transition-delay: 2.4s;}
		.page.all-accts.step3 .chart-cover li:last-child,
		.page.all-accts.step4 .chart-cover li:last-child
			{opacity: 1; transition-delay: 2.6s}
		.page.all-accts .current-mix .ui-chart .goal-handle .stick
			{bottom:-2em; border-left: 1px solid #fff; border-right: 1px solid #fff; background: #999;}
		.page.all-accts.show .current-mix .ui-chart .goal-handle .stick,
		.page.all-accts.exit .current-mix .ui-chart .goal-handle .stick,
		.page.all-together .current-mix .ui-chart .goal-handle .stick
			{bottom:-1.25em;}
		.page.all-accts .current-mix .ui-chart .goal
			{transition:all 0.5s 0.1s ease-in-out;}
		.page.all-accts.show .current-mix .ui-chart .goal,
		.page.all-accts.exit .current-mix .ui-chart .goal,
		.page.all-together .current-mix .ui-chart .goal
			{transition:all 0.5s 0.1s ease-in-out;}
		.page.all-accts .current-mix .ui-chart .goal .goal-labels
			{width:64%;}
		.page.all-accts .current-mix .ui-chart .goal span
			{padding-left:5%; width:100%; transition:0.5s 0.1s ease-in-out;}
		.page.all-accts.show .current-mix .ui-chart .goal span,
		.page.all-accts.exit .current-mix .ui-chart .goal span
			{padding-left:16%;}
		.page.all-accts .current-mix .ui-chart .goal span:first-child 
			{color:#368727;}	
		.page.all-accts .current-mix .ui-chart .goal span:last-child 
			{color:#103C61;}	
		.page.all-accts .goal-label
			{margin-left:0; opacity:1; transition:all 0.5s 0.1s ease-in-out;}
		.page.all-accts.show .goal-label
			{margin-left:2.5%;}
		.page.all-accts .goal-label:before, .page.all-together .current-mix .ui-chart .goal-label:before
			{left:-30%; transition: all 0.5s 0.1s ease-in-out;}
		.page.all-accts.show .goal-label:before,
		.page.all-together .goal-label:before
			{left:-39%;}
		.page.all-accts.show .current-mix .chart-cover ul 
			{font-size: 1.125rem;}
		.page.all-accts.step1 .current-mix, 
		.page.all-accts.step2 .current-mix, 
		.page.all-accts.step1 .other-assets 
			{opacity: 0.2; transition:opacity 0.2s ease-in;}
		.page.all-accts.step3 .other-assets, 
		.page.all-accts.step4 .other-assets 
			{opacity:1; transition: margin 0.5s ease-in-out, opacity 0.25s ease-in;}
		.page.all-accts.step3.exit .other-assets 
			{opacity: 0; transition:all 0.5s 0s ease-in-out;}
		.page.all-accts.step3.exit .mask 
			{display: none;}
		.page.all-accts.step4 .other-assets 
			{margin-left:-25%; opacity:0; overflow:hidden;}
		.page.all-accts .chart.other-assets.hide ~ .chart
			{background-color:#fff; opacity:0}
		.page.all-accts.step0 .chart.other-assets.hide ~ .chart,
		.page.all-accts.step1 .chart.other-assets.hide ~ .chart,
		.page.all-accts.step2 .chart.other-assets.hide ~ .chart,
		.page.all-accts.step3 .chart.other-assets.hide ~ .chart,
		.page.all-accts.step4 .chart.other-assets.hide ~ .chart
			{background-color:#f5f5f5; opacity:1; transition: all 0.5s ease-in-out, background-color 0.5s 2s ease-in-out, opacity 0s 0.5s linear;}
		.page.all-accts.step0.exit .chart.other-assets.hide ~ .chart,
		.page.all-accts.step1.exit .chart.other-assets.hide ~ .chart,
		.page.all-accts.step2.exit .chart.other-assets.hide ~ .chart,
		.page.all-accts.step3.exit .chart.other-assets.hide ~ .chart,
		.page.all-accts.step4.exit .chart.other-assets.hide ~ .chart
			{transition: all 0.5s ease-in-out;}
		.page.all-accts.step1 .chart:not(.other-assets):not(.current-mix),
		.page.all-accts.step2 .chart:not(.other-assets):not(.current-mix),
		.page.all-accts.step3 .chart:not(.other-assets):not(.current-mix),
		.page.all-accts.step4 .chart:not(.other-assets):not(.current-mix)
			{position:relative; background:#f5f5f5; transition:all 0.5s 0s ease-in-out;}
		.page.all-accts.step4 .chart:not(.other-assets):not(.current-mix)
			{position:relative; width:29.5%; padding:1em 2% 1.5em; background:#f5f5f5;}
		.page.all-accts.step0 .chart.tax-deferred,
		.page.all-accts.step1 .chart.tax-deferred,
		.page.all-accts.step2 .chart.tax-deferred,
		.page.all-accts.step3 .chart.tax-deferred,
		.page.all-accts.step4 .chart.tax-deferred,
		.page.all-accts.zero-tax-deferred .chart.tax-free,
		.page.all-accts.zero-tax-deferred.zero-tax-free .chart.taxable,
		.page.all-accts.zero-tax-deferred.zero-taxable .chart.tax-free,
		.page.all-accts.zero-tax-free.zero-taxable .chart.tax-deferred
			{border-top-left-radius:10px; border-bottom-left-radius: 10px;}
		.page.all-accts.step0 .chart.taxable,
		.page.all-accts.step1 .chart.taxable,
		.page.all-accts.step2 .chart.taxable,
		.page.all-accts.step3 .chart.taxable,
		.page.all-accts.step4 .chart.taxable,
		.page.all-accts.zero-taxable .chart.tax-free
			{border-top-right-radius:10px; border-bottom-right-radius: 10px;}
		.page.zero-taxable .chart, .page.zero-tax-free .chart, .page.zero-tax-deferred .chart,
		.page:not(.zero-taxable):not(.zero-tax-deferred):not(.zero-tax-free):not(.page.all-together) .chart.other-assets.hide ~ .chart
			{padding:0.75em 2%;}
		.page.all-accts.zero-tax-deferred.zero-tax-free .chart,
		.page.all-accts.zero-tax-deferred.zero-taxable .chart,
		.page.all-accts.zero-taxable.zero-tax-free .chart
			{padding:0.75em 6%; border-top-right-radius:10px; border-bottom-right-radius:10px;}	
		.current-alloc-bar 
			{position: absolute; width: 297%; top: -1.5em; height: 1.25em; margin: 0 2px; opacity:0;
			 border: 2px solid #fff; border-bottom: none; transition: all 0.2s ease-out, border-color 0.2s 0.5s ease-in;}
		.page.all-accts .current-alloc-bar 
			{width: 74%; right: 0;}
		.page.all-accts .chart.other-assets.hide ~ .current-alloc-bar 
			{right: auto;}
		.page.all-accts.zero-tax-deferred .current-alloc-bar,
		.page.all-accts.zero-tax-free .current-alloc-bar,
		.page.all-accts.zero-taxable .current-alloc-bar
			{width: 55%; right: 22%;}
		.page.all-accts.zero-tax-deferred.page4 .current-alloc-bar, 
		.page.all-accts.zero-tax-free.page4 .current-alloc-bar, 
		.page.all-accts.zero-taxable.page4 .current-alloc-bar
			{width:65%; right:17%;}
		.page.all-accts.zero-tax-deferred.other-assets-non-zero .current-alloc-bar,
		.page.all-accts.zero-tax-free.other-assets-non-zero .current-alloc-bar,
		.page.all-accts.zero-taxable.other-assets-non-zero .current-alloc-bar
			{right: 7.5%; transition: all 0.5s ease-in-out;}
		.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free) .other-assets.chart.hide ~ .current-alloc-bar
			{width:83%;}
		.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
			{right: 1%; width:97%;}
		.page.all-accts.zero-tax-free.other-assets-non-zero.step4 .current-alloc-bar,
		.page.all-accts.zero-tax-deferred.other-assets-non-zero.step4 .current-alloc-bar
			{right: 15.5%; width: 64.5%;}
		.page.all-accts.zero-tax-deferred.zero-tax-free .current-alloc-bar,
		.page.all-accts.zero-tax-deferred.zero-taxable .current-alloc-bar,
		.page.all-accts.zero-taxable.zero-tax-free .current-alloc-bar
			{width: 36%; right: 31.5%;}
		.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar,
		.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar,
		.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar
			{width: 34%; right: 14%;}
		.page.all-accts.zero-tax-deferred .current-alloc-bar .ui-bar,
		.page.all-accts.zero-tax-free .current-alloc-bar .ui-bar,
		.page.all-accts.zero-taxable .current-alloc-bar .ui-bar
			{width:43%;}
		.page.all-accts.zero-tax-deferred.zero-tax-free .current-alloc-bar .ui-bar,
		.page.all-accts.zero-tax-deferred.zero-taxable .current-alloc-bar .ui-bar,
		.page.all-accts.zero-taxable.zero-tax-free .current-alloc-bar .ui-bar
			{width:90%;}
		.page.all-accts.zero-tax-deferred.zero-tax-free .current-alloc-bar .ui-bar .bar span,
		.page.all-accts.zero-tax-deferred.zero-taxable .current-alloc-bar .ui-bar .bar span,
		.page.all-accts.zero-taxable.zero-tax-free .current-alloc-bar .ui-bar .bar span
			{padding: 0 1.5em; background: none;}
		.page.all-accts.step0 .chart.other-assets.hide ~ .current-alloc-bar
			{opacity:1; border-color:#999; white-space: nowrap; transition: all 0.5s 2s ease-in-out;}
		.page.all-accts.step1 .current-alloc-bar,
		.page.all-accts.step2 .current-alloc-bar,
		.page.all-accts.step3 .current-alloc-bar,
		.page.all-accts.step4 .current-alloc-bar,
		.page.all-together.overlay .current-alloc-bar
			{opacity:1; border-color:#999; white-space: nowrap;}
		.page.all-accts.step3 .current-alloc-bar 
			{transition:all 0.5s ease-in-out;}
		.page.all-accts.step2 .chart:not(.other-assets),
		.page.all-accts.step2 .current-alloc-bar
			{opacity:0.2;}
		.page.all-accts.step4 .current-alloc-bar 
			{right: 1%; width: 97%; transition:all 0.5s ease-in-out;}
		.page.all-accts.step4.zero-tax-deferred .current-alloc-bar,
		.page.all-accts.step4.zero-tax-free .current-alloc-bar,
		.page.all-accts.step4.zero-taxable .current-alloc-bar 
			{width: 65%; right: 17%;}
		.current-alloc-bar label 
			{display: block; margin-top: -2.5rem; transition: all 0.5s ease-in;}
		.page.all-accts.step0 .chart.other-assets.hide ~ .current-alloc-bar label
			{border-color:#999; opacity: 1; transition: none;}
		.page.all-accts.step1 .current-alloc-bar label,
		.page.all-accts.step2 .current-alloc-bar label,
		.page.all-accts.step3 .current-alloc-bar label,
		.page.all-accts.step4 .current-alloc-bar label
			{opacity: 1; border-color:#999;}
		.current-alloc-bar .ui-bar 
			{position:relative; width:56%; margin: -3.75em auto 0; justify-content: center;}
		.ui-bar .bar
			{position:relative; height:0.75em; margin-top:.2em; width:0; transition:all 0.5s ease-in-out;}
		.ui-bar .bar span 
			{position: absolute; white-space: nowrap; padding: 0 0.75em; margin-top: -.3em; background: #fff; color:#fff;
			 transition:color 0.2s 0.5s ease-in}
		.ui-bar .bar-stocks
			{background:#103C61;}
		.ui-bar .bar-stocks span 
			{right: 100%;}
		.page.all-accts.step0 .chart.other-assets.hide ~ .current-alloc-bar .bar-stocks span
			{color:#103C61; transition:none}
		.page.all-accts.step1 .current-alloc-bar .bar-stocks span,
		.page.all-accts.step2 .current-alloc-bar .bar-stocks span,
		.page.all-accts.step3 .current-alloc-bar .bar-stocks span,
		.page.all-accts.step4 .current-alloc-bar .bar-stocks span,
		.page.all-together.overlay .current-alloc-bar .bar-stocks span
			{color:#103C61;}
		.ui-bar .bar-stocks span:after
			{content:"\0020 stocks"; display:inline-block; padding-left:5px;}
		.ui-bar .bar-bonds
			{background:#368727; border-left:1px solid #fff;}
		.ui-bar .bar-bonds span 
			{left: 100%;}
		.page.all-accts.step0 .chart.other-assets.hide ~ .current-alloc-bar .bar-bonds span
			{color:#368727; transition:none}
		.page.all-accts.step1 .current-alloc-bar .bar-bonds span,
		.page.all-accts.step2 .current-alloc-bar .bar-bonds span,
		.page.all-accts.step3 .current-alloc-bar .bar-bonds span,
		.page.all-accts.step4 .current-alloc-bar .bar-bonds span,
		.page.all-together.overlay .current-alloc-bar .bar-bonds span
			{color:#368727;}
		.ui-bar .bar-bonds span:after
			{content:"\0020 bonds"; display:inline-block; padding-left:4px;}
		.page.all-accts.step4.exit .current-alloc-bar 
			{opacity: 0; transition: all 0.2s ease-out;}
		.page.all-accts.step4.exit .chart 
			{background: #fff !important; opacity: 0; transition: all 0.3s ease-in-out, opacity 0.1s 0.2s ease-out;}
		.page.all-accts.step4.exit .chart.tax-deferred 
			{margin-right: -33.5%; margin-left: 50%;}
		.page.all-accts.step4.exit .chart.tax-free 
			{margin-right: -33.5%;}
		.page.all-accts.step4.exit .chart .mix-labels 
			{opacity: 0;transition: opacity 0.2s ease-in;}
		.page.all-accts.step4.exit .light-gray 
			{opacity: 0; transition: opacity 0.2s ease-out;}
		.ppage.all-together.alt:not(.overlay) > .content
			{margin-top:6.5em;}
		.page.all-together.alt .current-mix 
			{margin: 18.1em -7.5% -6.25em 7.5%;}
		.page.all-together.show.alt .current-mix 
			{transition: all 0.5s 0.1s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.1s 0.2s ease-in;}
		.page.all-together.show.alt .ui-chart .handle
		    {transition:none;}
		.page.all-accts.step0 .chart-cover li, .page.show .chart-cover ul 
			{transition: none;}
			
		@keyframes margin-top-zero {
			0% 		{margin-top:6.5em}
			80% 	{margin-top:6.5em}
			100%	{margin-top:0;} 
		}
		@keyframes margin-top-3 {
			0% 		{margin-top:4.25em}
			80% 	{margin-top:4.25em}
			100%	{margin-top:3em;} 
		}
		.page.all-together.show > .content:first-child
			{margin-top:0;}
		.page.all-together > .content.callouts
			{justify-content: space-between; margin-top: 0.5em;}
		.page.all-together > .content.callouts .cta .btn
			{visibility: hidden;}
		.page.all-together.show > .content.callouts .cta .btn
			{visibility: visible;}
		.page.all-together.show.overlay > .content.callouts .cta .btn {
			visibility: hidden;
			transition: visibility 0s 0.5s;
		}
		.page.all-together .scl-flexible-images-with-column--header h2
			{padding-bottom:1.12em;}
		.page.all-together > .content:last-child p
			{width:87%; margin:0 auto; line-height:1.3;}
		.page.all-together .desc .overlay, .page.all-together.overlay .desc .default  
			{position: relative; opacity:0; overflow: hidden;
			 transition:opacity 0.3s ease-in, max-height 0s 0.3s;}
		.page.all-together .desc .overlay
			{position:absolute; top:0;}
		.page.all-together.overlay .desc .overlay, .page.all-together .desc .default  
			{opacity:1; transition:all 0.3s ease-in;}
		.page.all-together.overlay .desc.switch .overlay
			{opacity:0;}
		.page.all-together .desc ul
			{list-style: disc; margin-left:24px;}
		.page.all-together .desc ul li
			{position: relative; opacity: 1; visibility: visible;}
		.page.all-together .current-mix
			{opacity:0;}
		.page.all-together .current-mix .mix-labels
			{margin-bottom:-2.75em; margin-top:2em;}
		.page.all-together.show .current-mix .mix-labels
			{transition-duration: 0.3s;}
		.page.all-together .current-mix .ui-chart .goal span
			{color:#103C61; padding-left:16%;}
		.page.all-together .current-mix .ui-chart .goal span:first-child
			{width:100%; color:#368727;}
		.page.all-together .goal-label
			{opacity:1; margin-left:1.5%;}

		.page.all-together.show .current-mix
			{width:40%; margin:2em -3.5% -3.25em 0; opacity:1 !important; 
			 transition: all 0.2s 0.3s ease-in-out, opacity 0.1s 0.1s ease-in, margin-top 0.3s 0.5s ease-in-out !important;}
		.page.all-together  .mix-labels
			{margin-top:1.5em; transition:all 0.3s ease-in;}
		.page.all-together.show .current-mix .mix-labels
			{width:90%; margin:-2.25em auto 0; transition-delay: .1s;}
		.page.all-together.show .current-mix .mix-label
			{font-size:1.125rem; transition-delay: .1s;}
		.page.all-together.show .current-mix .ui-chart .goal-handle .stick
			{bottom:-2em; transition-delay: .1s;}
		.page.all-together.overlay .current-mix .ui-chart .goal-handle .stick
			{bottom:-1.25em;}
		.page.all-together.show .current-mix .ui-chart .goal
			{transition:all 0.3s 0.1s ease-in-out;}

		.cta
			{display:flex; flex-flow: column; justify-content: space-between; min-height:13.5em; width:42.5%; text-align: center; padding:0 3% 1em;
			 border-radius: 10px; background:#f5f5f5; opacity:0; transition:all 0.5s ease-in-out;}
		@keyframes fade-in {
			0%		{opacity:0;}
			80%		{opacity:0;}
			100%	{opacity:1;}
		}
		.page.all-together.show .cta:first-child
			{opacity:1; animation: fade-in 1s ease-in;}
		.page.all-together.show .cta:last-child
			{opacity:1; animation: fade-in 1.5s ease-in;}
		.page.all-together .cta.scl-flexible-images-with-column--header h2
			{padding-bottom: 10px !important;}
		.page.all-together .cta.scl-flexible-images-with-column--header p 
			{padding-bottom: 1em;}
		.cta .btn 
			{font-size: 1em; margin: 0 auto; min-width: 35%;}
		
		.non-pas-gt, .non-pas-zero, .non-pas-unlocked, .non-pas-locked
			{display:none;}
		.non-pas-gt.show, .non-pas-zero.show, .non-pas-unlocked.show, .non-pas-locked.show 
			{display:block;}

		.page.all-together.overlay-error.overlay 
			{z-index: 10000;}
		.page.all-together .chart:not(.other-assets):not(.current-mix) .ui-chart .handle .stick 
			{bottom: 0; background: #fff; border: none;}
		.page.all-together > .content.overlay 
			{flex-flow:row wrap; position:relative; top: -18.25em; z-index:1;}
		.page.all-together.overlay > .content.overlay
			{z-index:10; opacity:1;}
		.page.all-together.overlay > .content.callouts .cta:first-child 
			{width: 69.75%; margin-left: 25%; padding-bottom: 3.5em; background:none;}
		.page.all-together.overlay > .content.callouts .cta:first-child > * 
			{opacity: 0; transition: all 0.2s ease-out;}
		.page.all-together.overlay > .content.callouts .cta:last-child 
			{margin-right: -53%; opacity:0;}
		.page.all-together input, .page.all-together .knob
			{visibility: hidden;}
		.page.all-together.overlay input, .page.all-together.overlay .knob
			{visibility: visible;}
		.page.all-together.show .chart 
			{opacity: 0; z-index:10; transition:opacity 0.2s ease-out;} 
		.page.all-together.show.overlay .chart
			{opacity:1; transition:opacity 0.3s 0.4s ease-in;}
		.page.all-together.show .overlay .chart 
			{opacity: 0; z-index:10; transition:opacity 0.2s ease-out, visibility 0s 0.2s linear;} 
		.page.all-together.show.overlay  .overlay .chart
			{opacity:1; transition:opacity 0.3s 0.4s ease-in;}
		.page.all-together.show.overlay .overlay .chart:not(.other-assets):not(.current-mix) 
			{padding-top:0; background: #f5f5f5;}
		.page.all-together.show.overlay .overlay .chart.other-assets
			{padding-top:0;}	
		.page.all-together.show.overlay .chart.tax-deferred
			{border-top-left-radius:10px; border-bottom-left-radius: 10px; transition-delay: 0.7s}
		.page.all-together.show.overlay .chart.tax-free
			{transition-delay: 1s}
		.page.all-together.show.overlay .chart.taxable
			{border-top-right-radius:10px; border-bottom-right-radius: 10px; transition-delay: 1.3s}
		.page.all-together .chart-block-bonds
			{transform: rotateZ(180deg)}
		.page.all-together.overlay .chart-block-bonds  
			{transform: rotateZ(360deg); transition: transform 0.2s 0.4s ease-in}
		.page.all-together.overlay .chart.tax-deferred .chart-block-bonds 
			{transition-delay: 0.7s;}
		.page.all-together.overlay .chart.tax-free .chart-block-bonds 
			{transition-delay: 1s;}
		.page.all-together.overlay .chart.taxable .chart-block-bonds 
			{transition-delay: 1.3s;}
		.page.all-together .chart-block-stocks
			{transform: rotateZ(0deg)}
		.page.all-together.overlay .chart-block-stocks 
			{transform: rotateZ(180deg); transition: transform 0.2s 0.6s ease-out;}
		.page.all-together.overlay .chart.tax-deferred .chart-block-stocks 
			{transition-delay: 0.9s;}
		.page.all-together.overlay .chart.tax-free .chart-block-stocks 
			{transition-delay: 1.2s;}
		.page.all-together.overlay .chart.taxable .chart-block-stocks 
			{transition-delay: 1.5s;}
		.page.all-together .current-alloc-bar  
			{width: 73.5%; top:-1.75em; right:0%;}
		.page.all-together .current-alloc-bar label
			{min-height:auto; margin-top:-2em; margin-bottom:.2em; opacity:1;}
		.page.all-together .current-alloc-bar .ui-bar 
			{margin: 0 auto; }
		.page.all-together.overlay > .content.callouts 
			{margin-top:0;}
		.page.all-together.overlay .current-alloc-bar 
			{opacity: 1;}
		.page.all-together.ui-bar .bar span
			{padding: 0;}
		.page.all-together.overlay .current-mix
			{width:31%; margin:.5em 0 0 1%;
			 transition: all 0.5s ease-in-out;}
		.page.all-together.overlay .current-mix .mix-labels
			{width:100%; margin:0 auto; transition:all 0.5s  ease-in-out;}
		.page.all-together.overlay .current-mix .mix-label
			{width:20%; margin-bottom:0; margin-top:1.5em; font-size:1rem;}
		.page.all-together .ui-chart 
			{margin-top:-0.75em; margin-bottom:1.4em;}
		.page.all-together.overlay .current-mix .ui-chart
			{margin-top:-2.55em; margin-bottom:1.65em;}
		.page.all-together.overlay .current-mix .ui-chart .goal
			{transition:all 0.5s  ease-in-out;}
		.page.all-together.overlay .chart.hide 
			{display: block !important;}
		.page.all-together.overlay .chart.hide .mix-labels 
			{opacity: 0;}
		.page.all-together.overlay .chart.hide .ui-chart 
			{opacity: 0.2;}
		.page.all-together.overlay .chart.hide .chart-stocks .circle, 
		.page.all-together.overlay .chart.hide .chart-bonds .circle
			{background: #999;}
		.page.all-together.overlay .chart.hide .ui-chart .handle 
			{opacity: 0;}
		.page.all-together.overlay .chart.hide .ui-chart .handle .knob,
		.page .chart.disabled .ui-chart .handle .knob 
			{display: none;}
		.page.all-together.show.overlay .chart.other-assets .ui-chart .handle .stick
			{bottom:-0.5em;}
		.page .chart.disabled .ui-chart .handle .stick 
			{margin-left: 2px; border: none; background: #fff;}
		.page.all-together.show.overlay .chart .ui-chart .handle .knob
			{top:92%;}
		.page.all-together.show input[type="text"] 
			{display:block; font-size: 1rem; padding-top: 1px; border-bottom-width: 1px; transition: none;}
		.page.all-together .chart.other-assets input[type="text"] 
			{padding-left: 2.5rem; padding-right: 0; margin-left: 1rem;}
		.page.all-together .callout-blue 
			{visibility: hidden;}
		.page.all-together.overlay .callout-blue 
			{visibility: visible;}
		.overlay .callout-blue 
			{position: relative; right: 0; width: 74%; top:1em; opacity: 0; font-weight: 400; font-size: 0.875rem; 
			 margin-right: -0.5em; margin-top: 0; padding-top: 1rem; background:rgba(155, 197, 224, 0.2); 
			 transition: all 0.3s ease-in;}
		.overlay .callout-blue.green
			{background:rgba(54, 135, 39, 0.15)}
		.page.all-together.overlay .overlay .callout-blue
			{opacity:1;}
		.overlay .callout-blue .green, .overlay .callout-blue.green .blue
			{display:none;}
		.overlay .callout-blue .blue, .overlay .callout-blue.green .green 
			{display:block;}
		.page.all-together.overlay .error-msg 
			{bottom: -5em; margin: 0 -2%;}
		.btn-locked-unlocked
			{left: 10%; bottom: 2em; opacity:1; visibility: visible; cursor:pointer; background-image:url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-locked-green.png"); background-size:contain; border:none;
			 transition: opacity 0.3s ease-in}
		.btn-locked-unlocked.unlocked
			{background-image:url("/bin-public/060_www_fidelity_com/images/dsk/umh-widget/icon-unlocked-green.png");}
		.chart.hide .btn-locked-unlocked
			{cursor:default; opacity: 0; visibility: hidden;}

		.content.overlay .btn-back 
			{position: absolute; top: 85%; left: -0.5%;}
		.page.all-together .content.overlay .btn-back
			{opacity:0; visibility: hidden;}
		.page.all-together.overlay .content.overlay .btn-back
			{opacity:1; visibility: visible; top:100%}

		.modal-locked-unlocked 
			{display:none; position: fixed; top: 10em; width: 102%; height: 26em; left: -1%; z-index:10;}
		.modal-locked-unlocked .callout-img
			{width:26%}
		.modal-locked-unlocked .callout-img .icon-locked, 
		.modal-locked-unlocked .callout-img .icon-unlocked 
			{opacity: 0.5;}
		.modal-locked-unlocked .callout-img.selected .icon-locked, 
		.modal-locked-unlocked .callout-img.selected .icon-unlocked 
			{opacity: 1;}			
		.modal-locked-unlocked .bg 
			{position: relative; width: 75%; max-width:800px; margin: 0 auto; padding:0; background: #fff; opacity:0;
			 border: 1px solid #d9d9d9; border-radius: 6px; box-shadow: 0 4px 4px rgba(0, 0, 0, .25);}
		.modal-locked-unlocked.show .bg
			{opacity:1;}
		.modal-locked-unlocked .below-disclosure
			{font-size:.875em;}
		.modal-locked-unlocked.show
			{display:block;}
		.modal-locked-unlocked.show .below-disclosure p
			{width:92%; margin:0 auto;}
		.modal-locked-unlocked.show	.field-label
			{opacity:1; font-size:.75em;}
		.btn-modal-locked-okay, .btn-modal-hts-okay 
			{width: 70px; padding: 5px 1em; margin: 1em auto;}
		.btn-modal-locked-okay.disabled, .btn-modal-hts-okay.disabled
			{color: #fff !important; background: #D0D1CE;}

		.modal-hts-qualified 
			{position: fixed; top: 21%; width: 50%; margin: 0 0 0 25%; padding: 0 3%; z-index: 100; background: #fff; box-shadow:0 4px 4px rgba(0, 0, 0, .25);
			 border: 1px solid #d9d9d9; border-radius: 10px; visibility: hidden; opacity: 0; box-sizing:border-box; transition:all 0.4s ease-out; }
		.modal-hts-qualified.show
			{visibility: visible; opacity: 1;}
		.modal-hts-qualified h2
			{opacity:1;}
		.modal-hts-qualified p
			{margin-bottom:1em;}
		.modal-hts-qualified ol 
			{margin-left: 1em;}
		.modal-hts-qualified li 
			{margin-bottom: 1em;}

		@media screen and (max-width: 1024px)  {
            p   {line-height: 1.35;}
			.page.all-together.overlay > .content.callouts 
				{margin-top: 0; margin-bottom: 1em;}
			.mix-labels
				{margin-bottom:1em;}
			.mix-label
				{width:40%;}
			.ui-chart, .page.all-accts .current-mix .ui-chart, .page.all-accts.step4 .chart .ui-chart
				{width: 70%; padding-top: 70%; margin-top:-1em}
			.page.all-together > .content.overlay
				{top:-20em}
			.page.all-together.overlay .current-mix .ui-chart
				{margin-top:-.5em; width:80%; padding-top:80%}
			.current-mix .ui-chart .goal .goal-labels
				{width:50%;}
			.page.all-together .current-mix .ui-chart .goal span
				{padding-left:0;}
			.page.all-together.overlay > .content.callouts .cta:first-child
				{margin-bottom:2em;}
			.current-alloc-bar .ui-bar
				{width:50%;}
			.page.all-accts > .content:first-child
				{margin-bottom:5em}
			.page.all-together.show .current-mix .mix-labels
				{margin-bottom:0;}
            .callout-blue
                {width:80%;}
            .page.locked-unlocked > .content
                {margin-bottom:0.5em;}
            .page.combined-mix .desc
                {margin-top:5em;}
            .page.combined-mix.show .current-mix 
                {width:50%; margin-top: 7em; margin-left:3%;}
            .ui-chart, .page.all-accts .current-mix .ui-chart, .page.all-accts.step4 .chart .ui-chart
                {margin-bottom:1.75em}
            .page.all-accts.step4 > .content:first-child
                {margin-bottom:12.75em;}
            .page.all-together .desc
                {width:55%;}
		}

        @media screen and (max-width:900px) {
            .page.all-accts > .content:first-child 
                {margin-bottom: 7em;            }
            .ui-chart, .page.all-accts .current-mix .ui-chart, .page.all-accts.step4 .chart .ui-chart
                {width:60%; padding-top:60%;}
            .page.all-accts.step4 > .content:first-child
                {margin-bottom:13.75em;}
        }

		@media screen and (max-width:800px) {
            p   {line-height: 1.2;}
			.page.all-together .cta.scl-flexible-images-with-column--header h2
				{font-size:1.3em; margin-bottom:0.5em;}
			.page.all-together .cta.scl-flexible-images-with-column--header p 
				{margin-bottom: 1em;}
			.callout-blue
				{width:86%;}
			.current-mix .ui-chart .goal
				{width:9em; top:85%; margin-left:2px;}
			.page.all-accts.show .current-mix .ui-chart .goal span, .page.all-accts.exit .current-mix .ui-chart .goal span
				{padding-left:0;}
			.page.all-accts.step3.zero-tax-deferred.zero-tax-free > .content:first-child,
			.page.all-accts.step3.zero-taxable.zero-tax-free > .content:first-child,
			.page.all-accts.step3.zero-tax-deferred.zero-taxable > .content:first-child
				{margin-bottom:12em;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar .ui-bar, .page.all-accts.zero-tax-free .current-alloc-bar .ui-bar, 
			.page.all-accts.zero-taxable .current-alloc-bar .ui-bar
				{width:35%;}
			.page.all-accts > .content:first-child
				{margin-bottom:9.5em;}
            .page.combined-mix .desc
                {margin-top:1em;}
            .page.combined-mix.show .current-mix
                {margin-left:0;}
            .page.all-accts.show .current-mix, .page.all-accts.exit .current-mix, .page.all-together .current-mix
                {margin-left:5%;}
            .ui-chart, .page.all-accts .current-mix .ui-chart, .page.all-accts.step4 .chart .ui-chart
                {margin-bottom:2.25em}
            .page.all-accts.step4 > .content:first-child 
                {margin-bottom: 18.75em;}
            .page.all-accts.step4 .current-mix
                {margin-left:-31%;}
            .page.all-together.show .current-mix .mix-labels
                {width:100%}
		}

		@media screen and (max-width: 700px) {
            .page.show .light-gray 
                {width:100%;}
			.desc p
				{line-height:1.3}
			.scl-flexible-images-with-column--header h2 
				{font-size:1.3215rem;}
			.landing
				{padding:0 4% 3em;}
			.land-copy
				{text-align: left;}
			#show-outline
				{width:100%; margin-top:0; margin-bottom:1em; padding-top:0;}
			#show-outline > div 
				{flex-flow: column; position:relative;}
			#show-outline .list
				{width:100%;}
			#show-outline .land-img
				{width:55%; padding-top:55%; margin:0 auto;}
			.landing.show #show-outline .land-img .circle
				{transition-delay: 1.4s;}
			.landing.show #show-outline .circle.white
				{transition-delay: 1.3s;}
			.landing.show #show-outline .circle.green, .landing #show-outline .land-img .circle.btn-jump-sandbox
				{transition-delay: 1.2s;}
			.landing.show #show-outline .knight, .landing.show #show-outline .pawn, .landing.show #show-outline .arrow
				{transition-delay: 1.5s;}
			
			.layout-region-page-disclosure>.fidgrid--content 
				{padding: 1em 4% 0;}

			.flex-3-col, .page.locked-unlocked.show .flex-3-col.total-other, .page.locked-unlocked.exit .flex-3-col.total-other,
			.page.acct-bal.show .content .flex-3-col, .page.other-assets.show .content .flex-3-col
				{width:75%; margin:1em auto 0;}
			.flex-4-col, .page.all-accts.step4 .chart:not(.other-assets):not(.current-mix)
				{width:75%; margin:0 auto;}
			.page.all-accts.zero-tax-deferred.zero-tax-free .chart, .page.all-accts.zero-tax-deferred.zero-taxable .chart, 
			.page.all-accts.zero-taxable.zero-tax-free .chart 
				{padding: 0.75em 2%; border-radius:10px !important;}
			.page.locked-unlocked .flex-3-span-2
				{margin:0 auto 0}

			.page.other-assets.show .content .eq-col
				{margin:1em auto 0;}

			#interactive-navbar
				{display: none;}

			.icon
				{margin:0 auto 0.25em;}
		    .pages 
				{overflow:visible;}
			.page label
				{width:100%; margin:0;}
			.page > .content 
				{flex-flow: column; width: 100%; margin-top:1em;}
			
			.eq-col			
				{padding-top:1em; padding-bottom:1em;}
			.page label span.offset
				{margin:0 0 .6rem;}
			.total-other .field-value
				{margin-top:.4em;}
			.callout-blue
				{width:86%;}
			.page.other-assets, .page.current-alloc
				{display: flex; flex-flow: column;}
			.page.other-assets > *, .page.current-alloc > * 
				{order: 1;}
			.page.other-assets .callout-blue, .page.current-alloc .callout-blue 
				{order: 2;}
			.page.other-assets > .content, .page.current-alloc > .content 
				{order: 3; margin-top:0;}

			.page.locked-unlocked .flex-3-span-2 
				{width: 92%;}
			.page.locked-unlocked .flex-3-col label
				{margin-bottom:0;}
			.icon.total-other 
				{margin-bottom: .5em;}
			.callout-desc
				{width:95%;}
			.page.locked-unlocked > .content
				{margin-bottom:0;}

			.callout-img
				{width:30%;}
			.callout-desc
				{width:70%;}

			.desc
				{margin-top:0; padding-bottom:0;}
			.page.combined-mix .desc
				{width:100%; margin-top:0;}
			.page.show h2, .landing.show h2 
				{text-align: center;}
			.page .desc .list > div 
				{position:relative; text-align: center; display:none;}
			.page.show.step1 .desc .list > div:first-child, .page.show.step2 .desc .list > div:first-child, 
			.page.show.step3 .desc .list > div:first-child, .page.show.step4 .desc .list > div:first-child
				{display:none;}
			.page.show .desc .list > div:first-child,.page.show.step1 .desc .list > div:nth-child(2), .page.show.step2 .desc .list > div:nth-child(3),
			.page.show.step3 .desc .list > div:nth-child(4), .page.show.step4 .desc .list > div:nth-child(5)
				{display:block;}
			.page .desc .overlay ul li 
				{display:list-item;}
			.page.combined-mix > .content, .page.all-together > .content 
				{width: 92%;}
			.page.combined-mix.show .current-mix
				{width:77%; margin:2em auto 0;}
			.current-mix .ui-chart .goal 
				{top: 94%; width: 9em; margin-left: -2px;}
			.page.all-accts .desc, .page.all-together .desc, .page.all-together.overlay .desc
				{width:100%;}
			.page.all-accts.show .current-mix, .page.all-accts.exit .current-mix, .page.all-together .current-mix 
				{width: 75%; margin: 0 auto;}
			.page.all-accts .current-mix .ui-chart .goal .goal-labels,
			.page.all-together .current-mix .ui-chart .goal .goal-labels
				{width: 55%; margin-top: -2%; margin-left:3%}
			.goal span, .page.all-accts.show .current-mix .ui-chart .goal span, .page.all-accts.exit .current-mix .ui-chart .goal span 
				{font-size:.9em; padding-bottom:2%; padding-left: 0; overflow: visible;}
			.page.all-accts > .content:first-child 
				{margin-bottom: 0;}

			.page.all-accts.step1 .chart:not(.other-assets):not(.current-mix), .page.all-accts.step2 .chart:not(.other-assets):not(.current-mix),
			.page.all-accts.step3 .chart:not(.other-assets):not(.current-mix), .page.all-accts.step4 .chart:not(.other-assets):not(.current-mix)
				{margin-top:0;}
			.page.all-accts.step0 .chart.tax-deferred, .page.all-accts.step1 .chart.tax-deferred, .page.all-accts.step2 .chart.tax-deferred, .page.all-accts.step3 .chart.tax-deferred, .page.all-accts.step4 .chart.tax-deferred, .page.all-accts.zero-tax-deferred .chart.tax-free, .page.all-accts.zero-tax-deferred.zero-tax-free .chart.taxable, 
			.page.all-accts.zero-tax-deferred.zero-taxable .chart.tax-free, .page.all-accts.zero-tax-free.zero-taxable .chart.tax-deferred
				{border-bottom-left-radius:0; border-top-right-radius:10px;}
			.page.all-accts.step0 .chart.taxable, .page.all-accts.step1 .chart.taxable, .page.all-accts.step2 .chart.taxable, .page.all-accts.step3 .chart.taxable, 
			.page.all-accts.step4 .chart.taxable, .page.all-accts.zero-taxable .chart.tax-free
				{border-top-right-radius:0; border-bottom-left-radius:10px;}

			.current-alloc-bar label 
				{background: #fff; height: 1em; width: 85%; margin: -2.25rem auto 0;}
			.page.all-accts .current-alloc-bar
				{top:11%; height:90%; width:82%; right:8%; border-bottom:2px solid #999;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar, .page.all-accts.zero-tax-free .current-alloc-bar, 
			.page.all-accts.zero-taxable .current-alloc-bar,  
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, .page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar,
			.page.all-accts.step4.zero-tax-deferred .current-alloc-bar, 
			.page.all-accts.step4.zero-taxable .current-alloc-bar, .page.all-accts.zero-tax-free.other-assets-non-zero.step4 .current-alloc-bar,
			.page.all-accts.zero-tax-deferred.other-assets-non-zero.step4 .current-alloc-bar
				{width: 84%; height: 108%; top: -5%; left: 7%; border-bottom: 2px solid #999;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar, .page.all-accts.zero-tax-free .current-alloc-bar, 
			.page.all-accts.zero-taxable .current-alloc-bar
				{top:0%; height:103%}
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar
				{top:16%; height:87%;}
			.page.all-accts.step4.zero-tax-free .current-alloc-bar
				{top:-7%; height:108%; width:85%;}
			.page.all-together .current-alloc-bar
				{width: 84%; height: 94%; top: 0; left: 7%; border-bottom: 2px solid #999;}
			.page.all-accts.zero-tax-deferred.zero-taxable .current-alloc-bar, .page.all-accts.zero-taxable.zero-tax-free .current-alloc-bar,
			.page.all-accts.zero-tax-deferred.zero-tax-free .current-alloc-bar
				{width: 84%; height: 101%; top: 0; left: 7%; border-bottom: 2px solid #999;}
			.page.all-accts.step4 .current-alloc-bar, .page.all-accts.zero-tax-free.other-assets-non-zero.step4 .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.other-assets-non-zero.step4 .current-alloc-bar
				{height:101%; top:0; width:84%; right:7%; border-bottom:2px solid #999;}
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
				{height:105%; top:-4%; width:84%;}
			.page.all-accts > .content.charts 
				{margin-top: 3em; padding-top:3em}
			.page.all-accts.step4 > .content.charts
				{margin-top:0; padding-top:0;}
			.page.other-assets-non-zero:not(.step4) > .content.charts 
				{margin-top: 20em;}	

			.page.all-accts .other-assets
				{margin-top:-22em; margin-bottom:1em; transition:all 0.3s, opacity 0.3s 0.4s ease-out}
			.page.all-accts.step1 .other-assets, .page.all-accts.step2 .other-assets,
			.page.all-accts.step3 .other-assets, .page.all-accts.step4 .other-assets
				{margin-bottom: 9em;}
			.page.all-accts.step4 .other-assets
				{margin-bottom:0em;}
			.page.all-accts.step1.zero-tax-deferred .other-assets, .page.all-accts.step2.zero-tax-deferred .other-assets, .page.all-accts.step3.zero-tax-deferred .other-assets,
			.page.all-accts.step1.zero-tax-free .other-assets, .page.all-accts.step2.zero-tax-free .other-assets, .page.all-accts.step3.zero-tax-free .other-assets,
			.page.all-accts.step1.zero-taxable .other-assets, .page.all-accts.step2.zero-taxable .other-assets, .page.all-accts.step3.zero-taxable .other-assets
				{margin-bottom:5em}

			.current-alloc-bar .ui-bar,.page.all-accts.zero-tax-deferred .current-alloc-bar .ui-bar, 
			.page.all-accts.zero-tax-free .current-alloc-bar .ui-bar, .page.all-accts.zero-taxable .current-alloc-bar .ui-bar
				{width:94%; margin-top:-4em;}
			.ui-bar .bar-stocks span 
				{right: auto; left:0; bottom: -1.5em; padding-left:0; background:none;}
			.ui-bar .bar-bonds span 
				{left: auto; right:0; bottom: -1.5em; padding-right:0; background:none;}

			.page.all-accts.step4 > .content:first-child 
				{margin-bottom: 4em;}
			.page.all-accts.show.step4 .current-mix, .page.all-accts.step4.exit .current-mix 
				{margin-bottom: -21em;}

			.page.all-together.show .current-mix
				{width: 70%; margin: 2em auto 0;}
			.page.all-together.show.overlay .current-mix 
				{width: 50%;}

			.cta 
				{width: 92%; margin-top: 1em;}
			.page.all-together .desc .overlay
				{position:relative; display:none;}
			.page.all-together.overlay .desc .default 
				{display: none;}
			.page.all-together.overlay .desc .overlay 
				{display: block;}
			.page.all-together.overlay > .content.callouts .cta:first-child
				{display:none;}
			.page.all-together.show .current-mix .ui-chart .goal 
				{top:105%; width:11em; margin-left:-4px;}
			.page.all-together.overlay .current-mix .ui-chart .goal span 
				{padding-left: 4%;}
			.page.all-together.show.overlay .overlay .chart.other-assets 
				{margin-top: -26em; margin-bottom: 5em;}
			.page.all-together > .content.overlay 
				{flex-flow:column; top: 8em; height:0;}
			.page.all-together .chart.other-assets input[type="text"] 
				{margin-left: auto; padding-left:0;}
			.page.all-together .current-alloc-bar label 
				{width:100%; margin-top: -1.75em; min-height:auto;}
			.page.all-together .overlay .chart.tax-deferred
				{border-top-left-radius:10px; border-top-right-radius: 10px;}
			.page.all-together .overlay .chart.taxable
				{border-bottom-left-radius:10px; border-bottom-right-radius: 10px;}
			.page.all-together.overlay .overlay .callout-blue 
				{position: relative; width: 92%; bottom: -7.5em; margin: 1em auto 0;}
			.modal-locked-unlocked 
				{position: fixed; top: 1em; height: auto; bottom: auto; width: 114%; left: -10%;}
			.btn-locked-unlocked 
				{position:relative; bottom:3em; right:25%; left:auto;}
			.page.all-together.overlay .content.overlay .btn-back
				{width:35%; top:105%;}

			#interactive-navbar.show ~ #phone-navbar
				{position:absolute; bottom:0; left:4%; display:flex; justify-content: space-between;}

			.page.all-together.show.overlay > .content.overlay 
				{height: auto;}
			.page.all-together .desc ul 
				{list-style: disc !important; margin-left: 24px;}
			.page.overlay .desc ul li 
				{display:list-item; text-align: left;}
			.ui-chart, .page.all-accts .current-mix .ui-chart, .page.all-together .ui-chart
				{width:50%; padding-top:50%;}
			.page.all-together .desc .default
				{text-align: center;}
			
			.modal-locked-unlocked .layout-region-page-disclosure>.fidgrid--content 
				{padding: 1em 0 0;}
			.page.all-together > .content:last-child .modal-locked-unlocked p 
				{width: 92%;}
			.modal-locked-unlocked .callout-desc 
				{line-height: 1.25;}
			.page.all-together.overlay .current-mix .ui-chart 
				{margin-top: -3.5em;}
			.modal-hts-qualified 
				{width: 84%; top: 10%; margin: 0 5%;}
			.error-msg, .page.other-assets .error-msg
				{position:fixed; top:45%; left:4%; width:82%; bottom:auto; z-index:1000;}
			.page.all-together.overlay .error-msg
				{position:fixed; top:25%; left:5%; width:86%; bottom:auto; z-index:1000;}
			.page.all-together .goal-label 
				{margin-top: -4px; padding-top: 0.3em;}

			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free) .other-assets.chart.hide ~ .current-alloc-bar
				{top: 0; height: 101%; right: 7%; width: 84%;}
			.page.all-accts.step3.zero-tax-deferred.zero-tax-free > .content:first-child,
			.page.all-accts.step3.zero-taxable.zero-tax-free > .content:first-child,
			.page.all-accts.step3.zero-tax-deferred.zero-taxable > .content:first-child
				{margin-bottom:3em;}
            .page.all-together.show .current-mix .mix-labels
                {width:80%;}
            .page.all-together.overlay.show .current-mix .mix-labels
                {width:140%; margin-left:-20%;}
		}

		@media screen and (max-width:600px) {
            .page.all-accts.other-assets-non-zero.step4 > .content:first-child
                {margin-bottom:0;}
			.page.all-together > .content.overlay
				{top:5em;}
			.page.all-together.show.overlay .overlay .chart.other-assets
				{margin-top:-23em;}
			.page.all-accts.step1 .other-assets, .page.all-accts.step2 .other-assets, 
			.page.all-accts.step3 .other-assets
				{margin-bottom: 10em;}
			.page.all-accts.step4 .other-assets 
				{margin-bottom: 4em;}
			.page.all-accts.step1.zero-tax-deferred .other-assets, .page.all-accts.step2.zero-tax-deferred .other-assets, .page.all-accts.step3.zero-tax-deferred .other-assets,
			.page.all-accts.step1.zero-tax-free .other-assets, .page.all-accts.step2.zero-tax-free .other-assets, .page.all-accts.step3.zero-tax-free .other-assets,
			.page.all-accts.step1.zero-taxable .other-assets, .page.all-accts.step2.zero-taxable .other-assets, .page.all-accts.step3.zero-taxable .other-assets
				{margin-bottom:6em}
			.page.all-accts.zero-taxable.zero-tax-free .chart,
			.page.all-accts.zero-taxable.zero-tax-deferred .chart,
			.page.all-accts.zero-tax-deferred.zero-tax-free .chart
				{margin-bottom:6em;}
			.page.all-accts.show.step4 .current-mix, .page.all-accts.step4.exit .current-mix
				{margin-bottom: -18em;}
			.page.all-accts.step4 .current-alloc-bar
				{top:2%; height:99%}
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
				{top:-5%; height:106%;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar, .page.all-accts.zero-tax-free .current-alloc-bar, .page.all-accts.zero-taxable .current-alloc-bar
				{top:7%;}
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar
				{top:12%; height:74%;}
            .page.all-together.show .current-mix .mix-labels
                {width:100%;}
		}

		@media screen and (max-width:500px) {
			#show-outline .land-img
				{width:65%; padding-top:65%}

			.page.all-together > .content.overlay
				{top:3em;}
			.page.all-together.show.overlay .overlay .chart.other-assets
				{margin-top:-21em;}
			.page.all-together.overlay .overlay .callout-blue
				{top:2em;}
			.page.all-accts.show.step4 .current-mix, .page.all-accts.step4.exit .current-mix 
				{margin-bottom: -15em;}
			.ui-chart, .page.all-accts .current-mix .ui-chart
				{width:70%; padding-top:70%;}
		    .page.all-together.overlay .current-mix .ui-chart 
				{margin-top: -2.5em; width: 100%; padding-top: 100%;}
			.page.all-together .current-mix .ui-chart
				{width:70%; padding-top:70%;}
			.current-mix .ui-chart .goal
				{top:88%; width:8em; margin-left:-3px;}
			.page.all-together.show .current-mix .ui-chart .goal 
				{top: 91%; width: 9em; margin-left: -2px;}
			.page.all-accts.show.step4 .current-mix, .page.all-accts.step4.exit .current-mix
				{margin-bottom:-18em;}
		    .page.all-accts.step4 .other-assets 
				{margin-bottom: 9em;}
			.page.all-accts.step4 .current-alloc-bar
				{top:5%; height:96%}
			.page.all-accts.step4 > .content:first-child
				{margin-bottom:7em;}
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
				{height:107%; top:-6%;}
			.page.all-accts .current-alloc-bar
				{top:9%; height:92%;}
			.page.all-accts > .content.charts
				{padding-top:4em;}
			.page.all-accts.step1 .other-assets, .page.all-accts.step2 .other-assets, .page.all-accts.step3 .other-assets
				{margin-bottom: 7em;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar, .page.all-accts.zero-tax-free .current-alloc-bar, .page.all-accts.zero-taxable .current-alloc-bar
				{top:11%;}
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar
				{top:9%; height:74%;}
		}

		@media screen and (max-width:400px) {
			.mix-labels 
				{width: 100%;}
			.page.combined-mix.show .current-mix 
				{width: 90%;}
			.ui-chart 
				{width: 66%; padding-top: 66%;}
			.current-mix .ui-chart .goal 
				{left: 87%; top: 87%; width: 47%;}
			.goal-label 
				{margin-top: -2px;}
			.page.all-accts.show .current-mix .ui-chart .goal, .page.all-accts.exit .current-mix .ui-chart .goal, 
			.page.all-together .current-mix .ui-chart .goal
				{top:76%; margin-left:-3px;}
			.page.all-accts.step4 .other-assets
				{margin-bottom:11em;}
			.page.all-accts .current-alloc-bar 
				{top:6%; height:95%}
			.page.all-accts.zero-tax-deferred .current-alloc-bar, .page.all-accts.zero-tax-free .current-alloc-bar, 
			.page.all-accts.zero-taxable .current-alloc-bar, .page.all-accts.zero-tax-deferred.zero-tax-free .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable .current-alloc-bar, .page.all-accts.zero-taxable.zero-tax-free .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.step4.zero-tax-deferred .current-alloc-bar, 
			.page.all-accts.step4.zero-taxable .current-alloc-bar, 
			.page.all-accts.zero-tax-free.other-assets-non-zero.step4 .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.other-assets-non-zero.step4 .current-alloc-bar
				{top:3%; height:98%;}
			.page.all-accts.step4.zero-tax-free .current-alloc-bar
				{top:-7%; }
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
				{top:-5%; height:106%}
			.page.all-accts.step4 .current-alloc-bar
				{top:6%; height:108%;}
			.page.all-accts.step4.other-assets-non-zero .current-alloc-bar
				{height:95%}
			.page.all-accts.zero-taxable.zero-tax-free.other-assets-non-zero .current-alloc-bar,
			.page.all-accts.zero-tax-deferred.zero-tax-free.other-assets-non-zero .current-alloc-bar, 
			.page.all-accts.zero-tax-deferred.zero-taxable.other-assets-non-zero .current-alloc-bar
				{height:90%; top:12%;}
			.page.all-accts.zero-tax-deferred .current-alloc-bar,
			.page.all-accts.zero-tax-free .current-alloc-bar,
			.page.all-accts.zero-taxable .current-alloc-bar
				{height:98%}
			.page.all-together .current-alloc-bar
				{top:-2%; }
			.page.all-together.show.overlay .overlay .chart.other-assets 
				{margin-top: -21em;}
			.page.all-together.show.overlay .current-mix .ui-chart .goal 
				{top: 82%; width: 8em;}
			.page.all-together.show:not(.overlay) .current-mix .mix-labels
				{width:100%; margin-bottom:2em;}
			.modal-hts-qualified.show
				{top:5%;}
			.current-mix .ui-chart .goal
				{top:80%; width:7em; margin-left:2px;}
			.page.all-accts.step4 > .content:first-child
				{margin-bottom:7em;}
			.page.all-accts.step4.other-assets-non-zero > .content:first-child
				{margin-bottom:0;}
			.page.other-assets-non-zero:not(.step4) > .content.charts
			{margin-top:18em;}
			.page.all-accts > .content.charts
				{padding-top:3em;}
			.page.all-accts:not(.zero-tax-deferred):not(.zero-taxable):not(.zero-tax-free).step4 .other-assets.chart.hide ~ .current-alloc-bar
				{top:-5%; height:106%;}
		}