html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	font-family: Verdana, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

a
{
	color: #0010e4;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

h1,h2,h3,h4
{
	padding: 0;
	margin: 0;
}

h1
{
	width: 100%;
	font-weight: 300;
	margin-bottom: 1em;
	font-size: 2em;
}

h2, h3
{
	margin-bottom: 1em;
	font-weight: 300;
}

p
{
	line-height: 1.8em;
}

.thin_font
{
	font-weight: 300;
}

.footnote
{
	font-size: smaller;
	color: #525252;
}

img
{
	max-width: 100%;
}

sup 
{ 
    vertical-align: super;
    font-size: smaller;
}

#tooltip_box
{
	display: none;
	position: absolute;
	background-color: #dcfba3;
	color: black;
	padding: 1em;
	margin-right: 1em;

}

.cookie-alert
{
	box-sizing: border-box;
	padding: 20px;
	background-color: rgba(0, 7, 165, 0.89);
	bottom: 0;
	position: fixed;
	width: 100%;
	color: white;
	display: flex;
	justify-content: space-between;
}

.cookie-alert .close-button
{
	color: white;
	font-weight: bold;
	font-size: 22px;
	margin-left: 15px;
	line-height: 20px;
	cursor: pointer;
	transition: 0.3s;
}

.cookie-alert .close-button:hover
{
	color: black;
}

#advice-header
{
  background: url(images/map-compass.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size:  cover;
  
  color: white;
  
  height: 100%;

}

#advice-header .copy
{
	/*font-size: 1.5rem;*/
}

#intro-body
{
  background: url(images/beach-retirement.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height: 100%;

}

.intro
{
	text-align: center;
	
	padding: 20px 0 0 0;
	
	
}

.intro .paragraph-start
{
	font-size: 1.25em;
	font-weight: bold;
}

.intro .button
{
	font-size: 1.5rem;
	margin-right: .75rem;
}

.intro .video-wrapper
{
	position: relative;
	padding-bottom: 51%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.intro .video
{
	
	height: 337.5px;
	width: 600px;
	
	max-width: 100%;

	padding: 20px 0 20px 0;
	
	

	/*
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
*/
	
}

.advice-header-image
{
	height: 350px;
	float: right; 
	margin-left: 20px;
}

.advice-feature
{
	margin: 0 0 40px 0;
}

.advice-feature-image
{
	float:right; 
	max-height: 400px;
}

.advice-feature-heading
{
	font-size: 1.5rem;
	font-weight: 300;
	margin: 0 0 0 0; 
	padding: 0;
}

.advice-feature-heading img
{
	height: 64px;
	vertical-align: middle;
}

.app-store-buttons
{
	float: right;
}

/**************************************
	
	 FORM ELEMENTS

**************************************/

button, input, select, textarea, .button
{
	font-family: inherit;
	font-size: 1em;
	font-weight: 300;
	padding: .25em;
	text-decoration: none;
	max-width: 100%;

	border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-style: solid;
	margin-bottom: .5em;
	border-width: 1px;
	border-color: #c5c5c5;
	
	display: inline-block;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
	
	
}

.input_error
{
	border-color: red;
}

.input_error .gender_option
{
	color: red;
}

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=file]
{
	width: 300pt;
}

.form_input_group
{
	display: inline-block;
	width: 300pt;
}

input[type=submit], input[type=button], button, .button
{
	/*background-color: #529714;*/
	background-color: #3474e9;
	color: white;
	padding: .5em 2em .5em 2em;
	/*margin-top: 2em;*/
	border-width: 0;
		
	-webkit-appearance: none;
}

input[type=submit]:hover, input[type=button]:hover, button:hover, .button:hover
{
	/*background-color: #7ccc37;*/
	background-color: #accdff;
	color: black;	
	cursor: pointer;
	text-decoration: none;
}


input[type=radio]
{
	margin-top: .75em;
}

input:required, select:required
{
	background-color: #fffde7;
}

input[readonly]
{
	background-color: transparent;
	border-style: none;
}

table button
{
	padding: .3em .5em .3em .5em;
	margin: 0 1em 0 1em;
}

.field label
{
	color: #7d7d7d;
	display:  inline-block;
	width: 10em;
	font-size: 1em;
	text-align: left;
	margin-left: 0;	
}
/*
.field-help
{
	display: block;
	color: #7d7d7d;
	font-size: .8em;
	margin-left: 15em;
}
*/
.tall
{
	height: 5em;

	background-color: red;
}

.tall label
{
	margin-top: 2em;
}

.group
{
	display: inline-block;
	vertical-align: top;
}

.ctct-custom-form p
{
	padding: 0;
	margin: 0;
}

/**************************************
	
	 NAVIGATION BAR AREA

**************************************/


#titlebar
{
	font-size: 0.9em;
	font-weight: 300;
	
	background-color: rgba(9, 0, 87, 0.92);
	
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.25em;
	
	padding: 0 0 0 0;
}

#titlebar_content
{
	max-width: 700pt;
	margin: 0 auto 0 auto;
	padding: 0 2em 0 1em;

}

#titlebar_content ul
{
	float: right; 
}

#titlebar ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: .5em 0 .5em 0;
	overflow: hidden;

}



#titlebar li
{
	float: left;
	padding-left: .5em;
}

#titlebar li a
{
	display: block;
	color: #ffffff;
/*	background-color: #ffffff;
	border: 1px solid #868686;*/
	border-radius: 5px;

	text-align: center;
	padding: .5em 1em .5em 1em;
	margin: 0 0 0 0;
	text-decoration: none;
}

#titlebar li a:hover
{
	/*background-color: #e1ff59;*/
	background-color: #accdff;
	color: #000000;	
}

#titlebar .titlebar_signup a
{
	/*
	border: 1px solid white;
	border-radius: 5px;
	*/
	/*background-color: #008f12;*/
	background-color: #3474e9;
	color: white;
	
}

#titlebar .titlebar-login a
{
	background-color: #e8da34;
	color: black;
	
}


/*
#titlebar .titlebar_signup a:hover
{
	background-color: #a9edb1;
	color: #110056;
}
*/
#titlebar .navlogo
{
	padding: 0 1em 0 1em;
}

#titlebar .active
{
	background-color: rgba(0, 88, 16, 0.92);
	padding: 0 0 0.3em 0;
}

#titlebar_nav
{
	display: none;
	float: right;
	list-style-type: none;
}

#titlebar_nav img
{
	height: 1.25em;
	width: 1.25em;
	padding-right: .4em;
	vertical-align: middle;
}

#titlebar_plans
{
	display: none;
	float: left; 
	list-style-type: none;
}

#titlebar_plans li a
{
	color: white;
}

#titlebar_plans img
{
	height: 1.25em;
	width: 1.25em;
	padding-right: .4em;
	vertical-align: middle;
}

#titlebar_content svg
{
	height: 1.25em;
	width: 1.25em;
	vertical-align: middle;
	stroke: white;
}

#titlebar_title
{
	font-family: 'Lato', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 2.75em;
	font-style: normal;
	font-weight: 400;	
	margin: 0 0 0 .25em;
	text-align: center;
}

#titlebar_title img
{
/*	height: 2.25em;
	width: 2.25em;*/
	max-height: 2.25em;
	vertical-align:  middle;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#titlebar_title
{
	color: white;
}

#titlebar_title a
{
	color: white;
	text-decoration: none;
}

#titlebar-image
{
	height: 2.25em;
	width: 5.25em;
	padding: 0 0 0 0;
	margin: .2em 0 0 0;		
	float: left;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(images/pc_logo_white_100.png);
	background-size: contain;
}

#subnavbar
{
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: 300;
	
	background-color: rgba(32, 57, 114, 0.92);
	
	overflow: hidden;

	position: fixed;
	top: 3.25em;
	left: 0;
	width: 100%;
	min-height: 1.5em;
	height: auto;
	
	padding: .25em 0 .25em 0;
	text-align: center;
}


#subnav_items
{
	max-width: 600pt;
	text-align: center;
	margin: 0 auto 0 auto;
}
/*
#navbar img
{
	height: 2.25em;
	width: 2.25em;
}
*/


#subnavbar a
{
	color: #d2d2d2;
	text-align: center;
	padding: .25em 1em .5em 1em;
	text-decoration: none;
	/*background-color: green;*/
}

#subnavbar a:hover
{
	color: #ffffff;
}

#subnavbar_logout
{
	display: none;
}

#subnavbar_plans
{
	display: none;
}

#subnavbar_contact {
	display: none;
}

#nav_close
{
	display: none;
}

.logout
{
	background-color: #bd2424;
	color: white;
	border: 0px solid white;
	border-radius: 5px;
	padding: .5em 1em .5em 1em;
}
.logout:hover
{

	background-color: #ff0000;
	color: white;
}

/********************************************/





#content
{
	padding: 4.75em 0 0 0;
	/*background-color: #ffffff;*/
	
}



.section
{
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;

}

.section_body
{
	max-width: 950pt;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

.feature::after
{
	clear: both;
	content: " ";
	display: block;
}

.feature img
{
	float: right;
	margin-right: 2em;
	padding-left: 2em;
/*	max-width: 180pt;*/
	height: 15em;
	width: 15em;
}

.feature .copy img
{
	float: none;
	margin: 0 0 0 0;
	padding: 1em 1em 1em 1em;
	height: auto;
	width: auto;
}

.copy
{
	max-width: 700pt;
	margin: 0 auto 0 auto;
	padding: 0 2em 0 2em;
	
}

.theme1
{
	background-color: #ffffff;
	color: black;
}

.theme1 label
{
	color: #7d7d7d;
}

.theme2
{
	background-color: rgba(138, 147, 195, 1);
	color: black;
}

.theme2 label
{
	color: rgba(255, 255, 255, 1);
}

.theme-warning
{
	background-color: #ba0a0a;
	color: #ffffff;
}

.theme-warning a
{
	color: yellow;
}

.tight
{
	padding-top: .5em;
	padding-bottom: .5em;
}

.footer
{
	clear: both;
	text-align: left;
	background-color: #6f6f6f;
	color: white;
	padding-bottom: 70px;
}

.point-item 
{
	display: table-row;
}

.point-info
{
	display: table-cell;
	padding-left: 1em;
	vertical-align: middle;
}

.point
{
	color: #c9ec1b; 
	font-size: 30pt; 
	font-weight: 800; 
/*	float: left; 
	clear: left;
*/
	display: table-cell;	
}

.indent
{
	margin-left: 45pt;
}

.compass
{
	background-image: url('images/path-fork.jpg'); 
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center bottom;

	/*text-align: right;*/
	/*height: 5em;*/
/*	height: 2em;*/
	
	/*padding: .25em 0em 2em 0em;*/

	
	font-size: 3.5em;

	

}


.compass p
{
	margin-left: 5em;
	line-height: 1.25em;
	/*margin: .5em 0 0 0;*/
	
	
	color: white;
	font-family: 'Lato', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	
	/*font-size: 3.5em;*/

/*
	padding: 0;
	margin: 0;
*/	
	
	
	
}

.compass img
{
	
	height: 4em;
	width: 4em;
	float: left;
	margin: 0em 0em 0 0em;
	padding: 0 1em 0 0;
	
}

.faq
{
	background-image: url('images/path-fork.jpg'); 
	background-size: cover;
	background-repeat: no-repeat; 
	background-position: center bottom;
	text-align: center;
	height: 3em;
	
	padding: .25em 0em 2em 0em;
	
	color: white;
	font-family: 'Lato', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 4em;
}

.step
{
	display: inline-block;
	width: 10em;
	text-align: center;
	margin-top: .5em;
	
}

.circle
{
	display: block;
	background-color: white;
	color: black;
	width: 2em;
	height: 2em;
	margin-left: 1.5em;
	
	
	font-size: 2em;
	line-height:2em;
	
	border-radius: 50%;
	-moz-border-radius: 50%;
	border-style: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

}

.active
{
	color: #ffa405;
}

.active .circle
{
	background-color: #ffa405;
}

.active_arrow
{
	color: #ffa405;
}

.completed
{
	color: #d5e364;
}

.completed .circle
{
	background-color: #d5e364;
}

/*.allocations*/
table
{
	margin:0 0 0 0; 
	display: table;
	table-layout: fixed;
	width: 100%;
	/*border: 1px solid #aeaeae;*/
	border-style: none;
	border-collapse: collapse;
}

/*.allocations th, td*/
th, td
{
	padding: 4pt;
	border-spacing: 0;
	text-align: left;
	/*width: 100%;*/
}

.allocations
{
	width: auto;
}

/*.allocations tr:nth-child(even)*/
tr:nth-child(even)
{
	background-color: #f7f7f7;
}

/*.allocations tr:nth-child(odd)*/
tr:nth-child(odd)
{
	background-color: #e8eaf4;
}

th
{
	background-color: #c3c3c3;
}

.allocation-pie-chart
{	
	max-width:calc(100% - 27em);
}

.adviser-participant-block
{
	width: 100%;
	min-width: 550pt;
	padding: 1em 1em 1em 1em;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.adviser-participant-block:nth-child(even)
{
	background-color: #f7f7f7;
}

.adviser-participant-block:nth-child(odd)
{
	background-color: #e8eaf4;
}

.participant-info .name
{
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: .5em;
}

.participant-info .auto-email
{
	margin-bottom: .5em;
}

.product-info-block
{
	float: right;
	width: 300pt;

}

.product-info
{
	margin-bottom: 1em;
}

.product-info .plan-name
{
	font-weight: 700;
}

.attention
{
	color: green;
	font-weight: 700;
}

.schedule-call
{
	position: fixed;
	bottom: 20px;
	right: 20px;
}


/**************************************
	
	 SIDE BAR
	 
**************************************/

#sidebar
{
	float: right;
	margin: 0 2em 0 2em;
	max-width: 25em;
}

#sidebar div
{
	background-color: rgba(224, 224, 224, 1.0);
	color: black;

	padding: 1em;
	margin: 1em 1em 0 0;
	
	border-radius: 10pt;
	-moz-border-radius: 10pt;
	border-style: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

#sidebar .signup
{
	background-color: #ffa405;
}

.clear-both
{
	clear: both;
	display: block;
}

#sidebar div h2
{
	font-size: 14pt;
	margin-bottom: .5em;
}

.sidebar_box
{
	width: 100%;
	font-size: 12pt;
	font-weight: 300;
	line-height: 16pt;

	margin: 1em 0 12em 1em;
	padding: 1em 1em 1em 1em;

	border-radius: 10pt;
	-moz-border-radius: 10pt;
	box-shadow: 5pt 5pt 10pt 0pt black;
	-moz-box-shadow: 5pt 5pt 10pt 0pt black;
}

.sidebar_box img
{
	float: left; 
	max-height:150pt; 
	max-width:100pt;
	padding: 1em 1em 1em 0;
}

.contactinfo_elements
{
	display: block;
	margin: 1em 0 0 0;
}

.contactinfo_label
{
	font-size: 8pt;
	font-weight: 300;
	display: block;
	margin-bottom: 0pt;
	padding-bottom: 0pt;
	line-height: 8pt;
	padding-top: 4pt;
}

.signup-sidebar-headshot
{
	float: left;
	max-height: 10em;
	padding: 0;
	margin: 1em 1em 1em 0;
}


/**************************************
	
	 PLAN LIST
	 
**************************************/


.planlistitem
{
	margin-left: 0;
	display: block;
	margin-bottom: 8pt;

}

.planlisttype
{
	font-weight: 600;
	/*margin-left: 8pt;*/
	
}

.planlistitem_details
{
	margin-left: 25pt;
	display: block;
	overflow: hidden;
}

.planlistitem_label
{
	font-size: .7em;
	font-weight: 300;
	display: block;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: .7em;
	padding-top: .8em;

}


.bio::after
{
	clear: both;
	content: " ";
	display: block;
}

.bio img
{
	float: left;
	height: 200px;
	max-width: 200px;

}

.bio p, .bio ul, .bio h2
{
	margin-left: 200px;
}




/**************************************
	
	 SIGNUP PAGES
	 
**************************************/
/*
#signup-plan-choices
{
	width: 100%; 
	text-align: center
}

#signup-plan-choices .compare label
{
	color: black;
	width: auto;
	margin-top: 1em;
	font-weight: bold;
}

.signup-plan
{
	display: inline-block;
	width: 15em;
	text-align: center;

}

.signup-plan img
{
	height: 10em; 
	width: 10em; 
	display: block;
	margin: 0 auto 0 auto;
}

.signup-plan .plan-name
{
	font-size: 1.5em;
	display: block;
}

.signup-plan .plan-price
{
	font-size: 2em;
}

.singup-plan .plan-period
{
	font-size: 1em;
}

.plan-comparison table
{
	width: 100%;
}
.plan-comparison td:first-child
{
	
}

.plan-comparison th:nth-child(2), th:nth-child(3), td:nth-child(2), td:nth-child(3)
{
	text-align: center;
	padding-left: 2em;
}
*/
/*
.signup_plan
{
	display: inline-block;
	background-color: #ec9d00;
	color: white;
	width: 14em;
	height: 5em;
	margin: 0 1em 1em 0em;
	text-align: center;
	
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	border-style: solid;
	border-color: white;
	border-width: 2px;

	box-shadow: 0px 0px 5px 1px #5c5c5c;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

}

.signup_plan input
{
	vertical-align: top;
}

.signup_plan label
{
	color: white;
	display: inline;
}

.signup_plan .planname
{
	font-size: 1.5em;
	display: block;
	padding-top: .15em;
}

.signup_plan .planprice
{
	font-size: 2em;
}

.singup_plan .planperiod
{
	font-size: 1em;
}
*/
.payment_icons
{
	margin-bottom: 1em;
}

.payment_icons img
{
	height: 40px;
	width: 60px;
}

#your-files
{
	height: 150pt;
	width: 200pt;
	line-height: 150pt;
	
	background-color: #f2ffb0;
	color: black;
	
	border: 10px dashed #ccc !important;
	
	text-align: center;
	
}

#your-files.hover
{
	
	height: 150pt;
	width: 200pt;
	line-height: 150pt;
	
	background-color: #f2ffb0;
	color: black;
	
	border: 10px dashed #0c0 !important;
	
	text-align: center;

}

 #holder.hover 
 { 
	 border: 10px dashed #0c0 !important; 
	 
 }





tabbar
{
	position: fixed;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 49pt;
	font-size: 20px;
	background-color: #000000;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #353535;
}


.tabbar-button
{
	float: left;
	display: block;
/*	color: #000000;*/
	height: 100%;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 10pt;

}

.tabbar-5-button
{
	width: 20%;
}

.tabbar-4-button
{
	width: 25%;
}

.tabbar_text
{
	display: block;
	clear: both;
	color: #c5c5c5;
}

.tabbar_text_selected
{
	display: block;
	clear: both;
	color: #f86d1c;
}

#contact-corner-section {
	display: none;
}

/**************************************
	
	 MEDIA QUERIES
	 
**************************************/


@media (max-width:700pt)
{
	label
	{
		display: block;
		font-size: .7em;
		margin-left: .75em;
	}
		
	.feature img
	{
		height: 12em;
		width: 12em;
	}
	
	.feature .copy img
	{
		height: auto;
		width: auto;
	}

	.compass
	{
		font-size: 3em;
	}
	
	/*
	#sidebar
	{
		float: none;
		margin-left: 0;
		display: none;
	}
	
	#sidebar div
	{
		font-size: .75em;
		padding: .5em;
		width: 100%;
		margin: 0 0 0 0;
		border-radius: 0pt;
		-moz-border-radius: 0pt;
		
	}	
	*/
	
	#sidebar
	{
		margin: 0 1em 0 1em;
		max-width: 17em;
	}

	#sidebar div
	{
		padding: .5em;
		width: 100%;
		/*margin: 0 0 0 0;*/
		
	}	
	
	.allocation-pie-chart
	{	
		max-width:calc(100% - 22em);
	}
	
	.advice-feature-image
	{
		max-height: 325px;
	}
	
	.advice-header-image
	{
		max-height: 300px;
	}
	
	
	.adviser-videos
	{
		display: none;
	}	
}

@media (max-width:550pt)
{
	h1
	{
		font-size: 1.75em;
	}
	
	label
	{
		display: block;
		font-size: .7em;
		margin-left: .75em;
	}		

	#titlebar_content
	{
		padding: 0 1em 0 .5em;
	}

	.loggedin #titlebar_title
	{
		line-height: 2.75em;
	}
	
	#titlebar_nav
	{
		display: block;
	}

	#logout_form
	{
		display: none;
	}

	#titlebar_plans
	{
		display: block;
	}

	#subnavbar
	{
		display: none;
	}

	#subnavbar a
	{
		display: block;
		text-align: left;
	}

	#subnavbar_logout
	{
		display: block;
	}

	#subnavbar_plans
	{
		display: block;
	}

	#subnavbar_contact {
		display: block;
	}

	#sidebar
	{
		float: none;
		margin-left: 0;
		display: none;
	}

	#contact-corner-section {
		display: block;
	}
	
	.allocation-pie-chart
	{	
		max-width:100%;
	}
	
	#content
	{
		padding-top: 3em;
	}

	.feature img
	{
		height: 10em;
		width: 10em;
	}
	
	.feature .copy img
	{
		height: auto;
		width: auto;
	}

	.compass
	{
		font-size: 2em;
	}
	
	.step
	{
		width: 6.75em;
		margin-top: 0;
		font-size: 1.1em;
	}
	
	.circle
	{
		width: 1.75em;
		height: 1.75em;
		margin-left: 1em;

		font-size: 1.75em;
		line-height: 1.75em;

	}

	.copy
	{
		padding: 0 1em 0 1em;
	}

	.allocations
	{
		font-size: .8em;
	}
	
	tabbar
	{
		display: block;
	}
	
	.schedule-call
	{
		bottom: 100px;
	}
	
	.advice-feature-image
	{
		max-height: 250px;
	}
	
	.advice-header-image
	{
		max-height: 200px;
	}	
	
	.intro .video
	{
		
		height: 225px;
		width: 400px;
	}
			
	
}

@media (max-width:400pt)
{
	h1
	{
		font-size: 1.5em;
	}

	input[type=text], input[type=email], input[type=tel], input[type=password]
	{
		width: 100%;
	}
	
	input[type=file]
	{
		width: 250pt;
	}

	.feature img
	{
		height: 5em;
		width: 5em;
	}
	
	.feature .copy img
	{
		height: auto;
		width: auto;
	}
		
	.compass
	{
		font-size: 1.75em;
	}	
	/*
	.step
	{
		width: 5.5em;
		margin-top: 0;
		font-size: .75em;
	}
	
	.circle
	{
		width: 1.75em;
		height: 1.75em;
		margin-left: .75em;

		font-size: 1.75em;
		line-height: 1.75em;

	}	
	*/
	.copy
	{
		padding: 0 .5em 0 .5em;
	}	
	
	#titlebar_content
	{

		padding: 0 0 0 0;
	}
	
	
	
	#titlebar_title img
	{
		max-width: 5em;
	}
	/*
	#titlebar li a
	{
		font-size: .8em;
		line-height: 2.5em;
		padding: .25em .1em .25em .1em;
	}
	*/
	
	.schedule-call
	{
		display: none;
	}
	
	.advice-feature-image
	{
		display: none;
	}	
	
	.advice-header-image
	{
		max-height: 100px;
	}	
	
	.intro .video
	{
		
		height: 197px;
		width: 350px;
		
	}	
}

@media (max-width:300pt)
{
	#titlebar-title-text
	{
		font-size: 1rem;
		/*display: none;*/
	}
	
	.step
	{
		width: 7em;
		margin-top: 0;
		font-size: .75em;
	}
	
	.circle
	{
		width: 2em;
		height: 2em;
		margin-left: .75em;

		font-size: 2em;
		line-height: 2em;

	}
}

@media print
{
	
	#content
	{
		padding: 0;
	}

	tabbar
	{
		display: none;
	}
	
	#titlebar_plans
	{
		display: none;
	}

	#titlebar
	{
		position: inherit;
	}
	
	#subnavbar
	{
		position: inherit;
		display: block;
	}
	
	
	#sidebar
	{
		float: right;
		display: block;
	}

	.section compass
	{
		padding-top: 2em;
		padding-bottom: 2em;
	}	
	
	.section feature
	{
		padding: .25em;
		margin: 0;
	}
	
	.section_body
	{
		margin: 0;
		padding: 0;
	}



	.feature img
	{
		height: 4em;
		width: 4em;
	}
	
	


}

/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/







#validation_message
{
	color: red;
	font-size: .8em;
}

.service_points img
{
	height: 40pt;
	width: 40pt;
	float: left;
	margin-right: 1em;
}

.plans
{
  	position: fixed;
 	width: 100%; 
 	height: 100%;
 	background-color: rgba(0, 0, 0, 0.51); 
 	top: 0;
 	left: -100%; 
 	overflow-y: scroll;

     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;
 }
 
 .plans_moved
 {
	 /*
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	transform: translate(-50%, -50%);
 	*/

	position: fixed;
	left: 0;
 	/*background-color: rgba(0, 0, 0, 0.51);*/
	 
 }
 
 .options
 {
	 background-color: blue;
	 width: 300px;
	 margin: 0 auto 0 auto;
 }
 
 #hamburger_content
 {
 	position: fixed;
 	width: 100%; 
 	height: 100%;
 	background-color: rgba(255,   255,   255, 0.95); 
 	top: 0;
 	overflow-y: scroll;
 	padding: 2em;
 	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	 	

     -webkit-transition: all .5s ease-in-out;
     -moz-transition: all .5s ease-in-out;
     -o-transition: all .5s ease-in-out;
     transition: all .5s ease-in-out;	 
 }

 
 .hamburger_hide
 {
	 position: fixed;
	 left: -100%; 
 }
 
 .hamburger_display
 {
	 position: fixed;
	 left: 0;
 }


.agreement
{
	
	height:300pt;
	overflow:scroll;
	padding:10pt;
	background-color:#FCFADD;
	color:#714D03;
	border:4pt double #DEBB07;
}

.agreement h1
{
	font-size: 16pt;
	color: #714D03;
	margin-bottom: 12pt;
}

.agreement h2
{
	font-size: 14pt;
	color: #714D03;
	margin-bottom: 10pt;
}

#cta-container button {
	padding-left: 1em;
	padding-right: 1em;
}

.assessed-risk-profile
{
	background-color: #afb7f5;

	padding: 0 1em 1em 1em;
	margin-bottom: 1em;

	border-radius: 10pt;
	-moz-border-radius: 10pt;
	box-shadow: 5pt 5pt 10pt 0pt black;
	-moz-box-shadow: 5pt 5pt 10pt 0pt black;
	
}

.assessed-risk-profile p
{
	
}


.subscription-lapsed a
{
	color: red;
}

.broker-check
{
	clear: both;
	display: block;
	border: 1px solid #999;
	padding: 5px;
	margin: 10px auto 0px auto;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	max-height: 65px;
	max-width: 250px;
}

.broker-check img
{
	float: none;
	padding: 0;
	margin: 0;
	max-height: 100%;
	max-width: 100%;
}

.faq-question
{
	font-size: 1em;
	padding: .25em 0 .5em 0;
	cursor: pointer;
}

.faq-answer
{
	display: none;
	font-size: .85em;
	padding: 0 0 1em 1.75em;
}

.faq-disclosure
{
	display: inline-block;
	width: 1.5em;
	font-size: .6em;
	line-height: 1.8em;
	vertical-align: top;
	
}






#assettable
{
	width: auto;
}

#assettable td
{
	padding: 3pt 2pt 0pt 2pt;
}

#assettable input[type=text], #assettable input[type=email], #assettable input[type=tel], #assettable input[type=password], #assettable input[type=file]
{
	width: auto;	
}

#assettable input[type=button]
{
	padding: 0.25em 1em 0.25em 1em;
}


.additional-info
{
	background-color: #a5aadc;
	color: black;

	padding: 1em;
	margin: 1em 1em 0 0;
	
	border-radius: 10pt;
	-moz-border-radius: 10pt;
	border-style: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
}


.adviser-videos
{
	float: right;
}

#photo-preview
{
	float: right;
	width: 300px;
	height: 400px;
	border-color: black;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	line-height: 400px;
	font-size: 1.5em;
	margin: 0 0 50px 20px;
}

#photo-preview img
{
	max-width: 300px;
	max-height: 400px;
}

/* Webinars */

.webinar
{
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 0;
	min-width: 250px;
	display: block;

	background-color: #aeaeae;

	border-radius: 4pt;
	-moz-border-radius: 4pt;
	border-style: none;
	border-width: 0px;
}

.webinar-start-date
{
	float: left;
	font-size: .8em;
	font-weight: bold;
	line-height: 2em;
	margin-right: 20px;
}

.webinar-start-time
{
	font-size: .75em;
	font-weight: bold;
}

.webinar-duration
{
	display: block;
	font-size: .75em;
	font-weight: bold;
}

.webinar-subject
{
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.webinar-url
{
	display: block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	text-align: right;
}

.wbinar-url a
{
	margin: 0;
}

.webinar p
{
	padding: 0;
	margin: 10px 0 0 0;
}

.finpro-video
{
	max-width: 100%;
	max-height: 50%;
}

.environment-tag {
	margin-left: 20px;
	color: red;
	font-weight: bold;
	font-size: 1.25rem;
}