ebody {
	padding: 0px;
	margin: 0px;
	font-family: 'Helvetica', Arial;
	font-size: 15px;
	z-index: 1;
}

	.desktop_block, 
	.hide-from-mobile {
		display: block;
	}
	.mobile_block,
	.hide-from-desktop {
		display: none;
	}



/* Header and Hero */
header {
	background-color: #00263E;
	color: white; 
	display: block;
	padding: 0 1rem;
	box-sizing: border-box; 
	display: block !important;
	border: 0px solid transparent;
}
header:before,
header:after {
  content: "";
  clear: both;
  display: table;
}
header nav {
	box-sizing: border-box; 
	padding: 0;
	min-height: 47px;
	margin: 21px 0;
}
header nav #logo {
	height: 47px;
}
header div#topNavs,
header div#topNavs.show {
	background-color: #00263E;
	color: white;
	min-height: 47px !important; 
}

header div#topNavs ul.dropdown-menu,
header div#topNavs ul.dropdown-menu:hover a {
	background-color: #00263E !important;
	color: white !important;
} 
header div#topNavs.show {
	/*
	margin-top: 10px;
	margin-right: -1.15rem;
	margin-left: -1.15rem;
	padding-left: 1.25rem; 
	padding-bottom: 2rem; 
	*/
	width: 100%;
	background-color: #00263E;
}
header div#topNavs.show ul.navbar-nav { 	
	width: 90%;  
}
header div#topNavs li.nav-item { 
	margin-left: 0rem; 
}
header div#topNavs li.nav-item a.nav-link:hover { 
	text-decoration: none;
}	
header div#topNavs.show ul.dropdown-menu { 
}
header div#topNavs.show ul.navbar-nav a:hover { 
	text-decoration: underline;
}
header a,
header a:hover {
	color: white !important;
}
header a:hover {
}
header button.navbar-toggler[aria-expanded]:focus,
header button.navbar-toggler[aria-expanded] {
	background-color: #00263E !important;
	border: 0 !important;
	outline: none
}
header button.navbar-toggler[aria-expanded] span.navbar-toggler-icon { 
	background-image: url("../images/icon_burger.png") !important;
}
header button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon { 
	background-image: url("../images/icon_burger.png") !important;
}

/*
header nav ul {
	display: inline-block;
	border: 1px solid red;
	margin: 0;
	padding: 0;
}
header nav ul > li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 2rem;
	border: 1px solid white
}
header nav ul > li + li {
	margin-left: 2rem
}
header nav ul li ul {
	display: none;	
}
*/


.header{
	background-color: #ffffff; 
}

.header_spacer{
	height: 90px;
}

.header .logo,
.home_hero .logo,
.hero_resources .logo{
	float: left;
}

.header b,
.home_hero b,
.hero_resources b{
	font-size: 26px;
	color: #033666;
	/* 2022.4.25, YW
	padding-top: 28px;
	*/
	font-size: 40px;
	line-height: 43px;
	display: block;
	text-align: left;
	padding-top: 0;
	padding-left: 250px; 
}

.home_hero{
	/* 2022.4.25, YW
	background-size: cover;
	height: 350px;
	*/
	height: 252px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #00263E;
}

.home_hero.hero_resources,
.hero_resources{
	height:300px;
	height: 252px;
}

.home_hero b,
.hero_resources b{
	font-size: 29px;
	color: #033666; 
	color: white;
	margin-top: auto;
	font-size: 40px;
	line-height: 43px;
	font-weight: normal;
}


/* Home Video - use Brightcove's styles and modify if needed */
div#home_intro_and_video {
	margin-bottom: 2rem;
}
#home_video {
    width: 500px;
    margin-left: 40px;
    margin-right: 1px;
}

#home_video img{
	border:1px solid rgba(0,0,0,.15);
	max-width:100%;
	width:100%;
}

#video iframe{
	width: 800px;
    height: 454px;
}

/*.video_outter{
	position: relative; 
	display: block; 
	max-width: 400px;
}

.video_inner{
	padding-top: 56.25%;
}*/

/*.video_iframe{
	position: absolute; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}*/


/* Rows and Columns */
.container{
	max-width: 1055px;
}

.row{
	margin: 0px;
}



/* Flexboxes */
.flex_container{
	display: flex;
}

.flex_item{

}


/* Text */

h1{
	font-size: 35px;
	font-weight: normal;
}

h2{
	font-size: 22px;
	color: #033666;
	font-weight: bold;
}

h3{
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

h4{
	font-size: 35px;
	font-weight: normal;
}

h5{
	font-size: 23px;
	font-weight: normal;
	margin: 20px 0;
}

h6{
	font-size: 25px;
	font-weight: bold;
}


blockquote{
	font-size: 21px;
	font-weight: normal;
}

.navy_text{
	color: #033666; 
}

.blue_text{
	color: #4CA5F9;
}

.red_text{
	color: #B2251A;
	color: #E62E1F;
}

.green_text{
	color: #43AB1F;
}

.lighter_font{
	font-weight: lighter;
}

b, strong {
    font-weight: 700;
}

a {
	text-decoration: none;
}
a:link {
	
}
a:visited {
	
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a:focus {
	text-decoration: underline;
}

.link_new_window_image {
	white-space: nowrap;
}
.link_new_window_image img {
	border: 0;
	vertical-align: baseline;
}

/* colors */
.navy_bg{
	background-color: #033666; 
	color: #ffffff;
}

.white_bg{
	background-color: #ffffff;
	color: #033666;
	border: 2px solid red
}

.blue_bg{
	background-color: #4CA5F9;
	color: #ffffff;
}

.red_bg{
	background-color: #B2251A;
	background-color: #E62E1F;
	color: #ffffff;
}

.green_bg{
	background-color: #43AB1F;
	color: #ffffff;
}

/* Bottom tools */
.bottom_tools h4{
} 

.bottom_tools_interior_page h4{
	color:#033666;
	margin-bottom: 40px;
}

.bottom_tools_interior_page{
	background-color:#B3C4D4;
	padding: 60px 0;
	margin-top: 23px;
}
.bottom_tools_home .container{
	/*min-height: 312px;*/
	min-height: auto;
	background-color: #fff5d9;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
	background-color: #00263E;
	color: white
}

div.bottom_tools_home {
	margin: 3rem auto;
}
div.bottom_tools_home div.tool {
	background-color: #033666;
	color: white;  
	height: 100%;
	margin: 0;
	padding: 1.5rem 2rem;
	padding-bottom: 4rem;
	position: relative;
	text-align: center;
}
div.bottom_tools_home div.tool p {
	padding: 0;
	margin: 0;
}
div.bottom_tools_home div.tool div.button {  
	 width: 100%;
	 left: 0;
	 height: 4rem;
	 bottom: 0;
	 position: absolute; 
} 
div.bottom_tools_home div.tool h4 {
	color: white;
	text-transform: capitalize;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
div.bottom_tools_home div.tool a.span_button {
	display: inline-block;
	height: 2em;
	font-size: 20px;
	line-height: 1.6em;	
	background-color: #f0f0f0;
}
div.bottom_tools_home div.tool a.span_button:hover {
	color: white;
	background-color: #979797;
	text-decoration: none;
}

.bottom_tools_text{
	font-size:18px;
	font-weight: lighter;
	margin-bottom: 30px;
}



.mb-4.col_num_1 {
	padding-left:0;
}

.mb-4.col_num_3 {
	padding-right:0;
}


.transparent_section{
	background-color: rgba(255,255,255, 0.7);
}

.solid_section{
	background-color: #ffffff;
}

.tool_card{
	border-radius: 10px;
	background-color: #ffffff;
	height: 100%;
	position: relative;
	padding-bottom: 70px !important;
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
}
.tool_card button,
.tool_card .span_button{
	float: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.tool_card button a,
.tool_card .span_button a{
	color:#fff;
	text-decoration: none;
}

.section-id-5 .bottom_tools{
	margin-top: 60px;
}

/* Live Events */
div.card_event {
	border-radius: 0;
	background-color: #ffffff;
	height: 100%;
	position: relative;
	padding: 1.5rem;     
	border: 2px solid #033666;
	text-align: center;
}
div.card_event div.icon {
	box-sizing: border-box;  
	border: 2px solid #033666;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	fill: #033666;
	background-color: #FFCC33;
	background-image: url("../images/events/001-heart.svg") no-repeat center;
	background-size: 50px 50px;
	text-align: center;
	padding: 0px;
	position: absolute;
	top: -1.8rem;
	left: calc(50% - 26px);
}
div.card_event div.icon img {  
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 10px;  
	padding: 0; 
}
div.card_event div.button {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	bottom: -1.25rem;	
	left: 0; 
}
div.card_event div.button pan.span_button {
	position: relative;
	left: calc(50% - 56px); 
}
div.card_event h3 {
	font: 24px/26px Helvetica";
	padding: 0;
	margin: 0;
}
/* end of live events */ 


/* buttons */
button,
input.button,
.span_button{
	border-radius: 5px;
	border: 0px;
	padding: 6px 30px;
}

button.navy_bg p,
button.navy_bg p a,
button.navy_bg a,
.span_button.navy_bg p,
.span_button.navy_bg p a,
.span_button.navy_bg a{
	margin:0;
	padding:0;
	color:#fff;
	text-decoration: none;
}

button:hover,
.span_button:hover{
	background-color: #333333;
}

button.navy_bg a:hover,
.span_button.navy_bg a:hover{
	color: #fff;
}


/* floating buttons */
.floating_buttons{
	margin: 0 auto;
	position: fixed;
	width: 100%;
	bottom: 110px;
	padding: 0 40px;
}

button.bigger_font,
.span_button.bigger_font{
	font-size: 20px;
	line-height: 1em;
	padding-top: 2px; 
	height: 30px;
}

button img,
.span_button img{
	width: 40px;
}

button.extra_round,
.span_button.extra_round{
	border-radius: 50px;
	-webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.75);
	padding: 15px 35px;
}

button.extra_round span,
.span_button.extra_round span{
	padding: 5px 0 0 10px;
	display: block;
	float: left;
}

button.extra_round:hover,
.span_button.extra_round:hover{
	background-color: #333333;
}


/* Home cards */
#home_cards {
	clear:both;
	margin-top: 45px;  
	border:0;

	margin-right: 3rem;
	margin-left: 3rem;
}
div#home_cards div.row { 
	margin-left: -8px;
	margin-right: -8px;  
}
div#home_cards div.row * {
	box-sizing: border-box; 
}
div#home_cards div.row div.col { 
	box-sizing: border-box; 
	flex: 25%;  
	max-width: calc(25% - 16px);
	width: calc(25% - 16px);
	height: 362px;
	padding: 0;
	margin: 0 8px 0px 8px; 
	text-align: center;
	position: relative;
	background-position: center top; 
	background-repeat: no-repeat;
	background-size: cover; 
}
div#home_cards div.row div.col h3 {
	padding-top: 1rem;
	color: #033666; 
  	font-size: 18px;
  	font-weight: 400;
  	line-height: 24px;
  	font-weight: bold;
}
div#home_cards div.row div.col *.desc {
	position: absolute;
	display: block;
	bottom: 0;
	background: rgb(3,54,102); 		/* Fallback color */ 
	background: rgba(3,54,102,0.81); /* Blue shade */
	color: white;
	font: 17px/24px "Helvetica", Arial; 
	box-sizing: border-box;
 	width: 100%; 
	min-height: 77px;
	padding: 10px;
	transition: .5s ease;
	overflow: hidden;  
	padding: 10px; 
}
div#home_cards div.row div.col:hover *.desc {
	height: 110px;
}
	
div#home_cards div.row div.col > a,
div#home_cards div.row div.col > a:hover {	
	text-decoration: none;
	color: white; 
}
div#home_cards div.row div.col p {
	padding: 0;
	margin: 0;
}
div#home_cards div.row div.col div.mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: #008CBA; 
	overflow: hidden;
	width: 100%;
	height: 100%; 
	background: rgba(3,0,38); /* Fallback color */ 
	background: rgba(3,0,38,0.41); /* Blue shade over photo */	
	
	background-color: #033666;
	background: rgba(3,54,102, 0);	/* 2022.4, YW 0.7 */
	opacity: 0.26787338;   
}
div#home_cards div.row div.col:hover div.mask {
	height: 0;
}


/* 2021.3.23, Ye
.home_hover_item{
	padding: 20px 20px 30px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: lighter;
	position: relative;
	
	padding-right: auto;
	padding-left: auto;

} 

.home_hover_item img{
	margin-bottom: 20px;
}

.home_hover_item button,
.home_hover_item .span_button{
	position: absolute;
	bottom: -16px;
	font-size: 17px;
	left: 25%;
}
 
.item_hover{
	//background-color: #ffffff;	julie - jenny originally had this in and we might need it back
	border-radius: 10px;
    margin-top: -30px;
    margin-bottom: -30px;
    display: none;
   // cursor: pointer;
}
.item_hover img{
	float: left;
	width: 80px;
	margin: 20px 10px 0 0;
}
.item_hover ul{
	padding-left: 20px;
}
.item_hover h3{
	font-weight: normal;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.item_hover i{
	font-weight: lighter;
}
.item_hover button,
.item_hover .span_button{
	position: absolute;
	bottom: 20px;
	font-size: 17px;
	margin: 0 0 0 -25%;

}
.item_hover button:hover,
.item_hover .span_button:hover{
	background-color: #f2f2f2;

}
*/

/* fake span buttons */

.span_button:not(.hide-from-desktop):not(.hide-from-mobile) {
	display: inline-block;
}


/* Forms */


.btn-primary{
	border-radius: 3px;
	font-size: 14px;
}
.btn-primary:hover{
	box-shadow: none;
}
 
/* Footer */

#footer{
	background-color:#F0F0F0 !important;
	text-align: center;
	padding: 30px 0;
	text-align: center;
}

.footer_links_wrapper{
	clear: both;
	overflow: auto;
	margin-top: 20px;
	display: block;
}

.footer_links a{
	padding: 20px;
	color: #000000;
	font-weight: lighter;
	font-size: 18px;
	text-decoration: none;
	display: inline-block;
}

/* Footer - Survey Feedback and Contact buttons*/
#footer_buttons{
	display: block;
	overflow: auto;
	margin-bottom: 40px;
}

#footer_buttons:after{
	clear:both;
}

#footer_buttons button,
#footer_buttons .span_button{
	margin-bottom: 20px;
}

#footer_buttons button a,
#footer_buttons .span_button a{
	color:#fff;
}

#footer_buttons button a:hover,
#footer_buttons .span_button a:hover{
	color:#fff;
	text-decoration: none;
}

#footer_buttons_contact,
#footer_buttons_survey{
	float:left;
	width:50%;
	text-align: center;
}
 

button#feedback_button{
	background-image: url("/images/content/icons/icon_think_bubble.png");
	border-radius: 5px;
}

button#contact_button{
	background-image: url("/images/content/icons/icon_phone_2.png");
	border-radius: 5px;
}

.footer_button button,
.footer_button .span_button{
	background-repeat: no-repeat;
	background-position: right 15px center;
	padding:13px 40px 13px 25px;
	font-size: 18px;
}

.footer_button .button_label{
	margin-right: 25px;
}



.feedback_question_header{
	margin-bottom: 10px;
}

.feedback_question_1{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.feedback_question_2{

}

.feedback_submit_container{
	margin-top: 20px;
}

.feedback_submit_container input.button,
.feedback_submit_container .span_button{
	background-color: #033666;
	color:#fff;
}

.close_button{
	color:#ccc;
	padding-bottom: 10px;
	text-align: right;
	cursor: pointer;
	display: block;
}


.footer_button h3{
	font-size: 19px;
	margin-bottom: 20px;
	text-align: center;
}

#footer_buttons_survey.footer_button h3{
	color:#033666;
}

#footer_buttons_contact.footer_button h3{
	color:#B2251A;
}

#popup_contacts ul,
#popup_contacts ul li{
	list-style: none;
	list-style-image: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}

#popup_contacts ul li{
	margin-bottom: 15px;
}


#popup_contacts .flex_container{
	align-items: center;
}

#popup_contacts li{
	clear: both;
	height: 45px;
}

#popup_contacts li i{
	height: 40px;
    width: 40px;
    background-color: #B2251A;
    display: block;
    margin-right: 20px;
    border-radius: 50%;
    background-size: 20px;
    background-position: center;
    padding: 5px;
}					

/* YW - modals */
div.modal { 
}
div.modal-header {
	background-color: #00263E;
	color: white;
}		
div.modal-header button.close {
	opacity: 1;
	margin-bottom: 0 !important;  
}
div.modal-header button.close:hover {
	opacity: 0.15 !important; 
}
/*


div.modal-header button.close:focus,
div.modal-header button.close:link,
div.modal-header button.close:active {
	border: 0 !important;
	color: white !important;
	outline: none;
} 
div.modal-header button.close span {
	color: white !important; 
}
div.modal-header button:hover {
	background-color: #00263E;
}
*/
div.modal-header h5 {
	margin: 0;
}
div#popup_contacts div.modal-header,
div#popup_contacts div.modal-header button:hover {
	background-color: #B2251A;
}
div.modal-body {
	text-align: left;
	padding: 1rem 2rem;
} 
div.modal-body label {
	display: block !important; 
}
div.modal-body dl { 
	margin: 0;
	padding: 0;
	padding-top: 0.5rem;
}
div.modal-body dl dt,
div.modal-body dl dd {
	margin: 0;
	padding: 0; 
	padding-top: 0.5rem;
	font-weight: normal;
}


.footer_call{
	background: url("/images/content/icons/icon_call_center.png") no-repeat;
}


.footer_schedule_meeting{
	background: url("/images/content/icons/icon_calendar.png") no-repeat;
}

.footer_find_branch{
	background: url("/images/content/icons/icon_map_marker.png") no-repeat;
	margin-bottom: 0;
}

.below_whats_next_text,
.footer_text {
	text-align: left;
}
.footnote {
	font-size: 11px;
}

/* Inside Pages Hero */
.inside_hero{
	height: 399px;
}
.inside_hero_left{
	/*background-color: #819bb3;*/ /*#E5E7EF;*/
	width: 60%;
	float: left;
	height: 100%;
	background-position: right;
	background-size: cover;
}
.inside_hero_right{
	background-color: #033666;
	width: 40%;
	float: right;
	height: 100%;
}

.hero_content{
	position: absolute;
	margin-top: -400px;
	float: left;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	height: 400px;
	width: 680px;
}

.hero_content_blue{
	float: left;
	position: absolute;
	margin-top: -400px;
	/*margin-left: 700px;*/ /*this is now in the responsive code */
	width: 200px;
	color: #ffffff;
	font-weight: lighter;
	font-size: 15px;
}

.hero_left_content p{
	padding-bottom:0;
	margin-bottom:0;
}

.hero_left_main_text{
	margin-top:25px;
}

.hero_content_bullets ul,
.hero_content_bullets ul li{
	list-style: none;
	padding-left:0;
	padding-right:0;
	margin-left:0;
	margin-right:0;
}

.hero_content_bullets ul li{
	border-bottom: 1px solid #979797;
	margin-bottom: 10px;	
	padding-bottom:10px;
}

.hero_content_bullets ul li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}

.hero_title{
	color: #ffffff;
	background-repeat: no-repeat;
	height: 90px;
	width: 220px;
	text-align: center;
	padding-top: 26px;
	margin:20px 0 10px 0;
}

.hero_title_gs{
	width:278px;
}

.hero_left_content{
	width: 300px;
	font-size: 15px;
}

.hero_left_content .hero_title{
	font-size: 20px;
}

.hero_left_content .intro, 
.mobile_intro_text .intro{
	font-size: 18px;
}

.mobile_intro_text{
	clear: both;
	display: block;
	padding-top: 20px;
}


/* Hero */
.desktop_hero{
	display: block;
}
.mobile_hero{
	display: none;
}



/* Breadcrumbs */
.breadcrumb{
	color: #033666;
	background-color: #ffffff;
	border-bottom: 1px solid #979797;
	font-size: 18px;
	font-weight: lighter;
	border-radius: 0px;
	padding-left: 0px;
}
.breadcrumb a{
	color: #033666;
}

.divider{
	font-size: 20px;
	padding: 0 10px;
}


/* STEPS - numbers accorion */
.circle{
	width: 50px;
	height: 50px;
	background: #B3C4D4;
	border-radius: 50%;
	font-size: 40px;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	float: left;
	margin: 10px 10px 0 0;
}

.line_bg{
	background-image: url('../images/content/layout/gray_repeat.png');
	background-size: 3px;
	background-repeat: repeat-y;
	background-position: 39px;
}
.line_mask{
	height: 20px;
    background-color: #ffffff;
    margin-bottom: -10px;
}
.line_top_only{
	background-image: url('../images/content/layout/gray_repeat.png');
	background-size: 3px;
	background-repeat: repeat-y;
	background-position: 39px;
	height: 20px;
}

.expand_section{
	background-image: url('../images/content/layout/gray_repeat_3.png');
	/*background-size: 1px;*/
	background-repeat: repeat-x;
	background-position: center;
	width: 100%;
	/*height: 10px;*/
	text-align: center;
	clear: both;
}

.icon_arrow{
	cursor: pointer;
	/*height: 25px;
	margin: 0px auto 25px auto;
	width: 25px;
	position: absolute;
	left:calc(50% - 25px);
	margin-top:-10px;*/
	margin: 0px auto;
	border-radius: 12px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 13px;
	line-height: 14px;
	padding: 5px 10px;
}

.icon_up{
	/*background-image: url('../images/content/icons/icon_arrow_up.png');
	background-size: 100%;*/
	background-color: #B3C4D4;
}
.icon_down{
	/*background-image: url('../images/content/icons/icon_arrow_down.png');
	background-size: 100%;*/
	background-color: #033666;
}

.hidden{
	padding-top: 20px;
	display: none;
	padding-bottom: 20px;
}

.steps-text .hidden{
	padding-top: 0 !important;
}

.steps-text button,
.steps-text .span_button{
	margin-bottom: 0;
}

.steps-text button.navy_bg,
.steps-text .span_button.navy_bg{
	background-color: #fff;
}

.steps-text button.navy_bg a,
.steps-text .span_button.navy_bg a{
	background-color: #033666;
	color:#fff;
	border-radius: 5px;
	border: 0px;
	padding: 6px 30px;
	display:inline-block;
	margin-bottom:10px;
}

.steps-text button.navy_bg a:hover,
.steps-text .span_button.navy_bg a:hover{
	background-color: #033666;
}



/* What's Next */
.box-whats-next { 
	background-color: #92D3E5;
	color: #03366;
	margin:46px 0 23px 0; 
}
div.box-whats-next > div.whats-next-text { 
	padding-left: 10%
}

.box-whats-next h2{
	font-size: 25px;
	font-weight: bold;
	color: #033666;
}

.whats-next-button button,
.whats-next-button .span_button{
	float:right;
	margin-right: 20px;
	margin-top: 30px;
	font-size: 17px; 
}
/* 2022.4.20, YW
.whats-next-logo img{
	margin-top: -33px;
	max-width: 100%;
}
*/
.below_whats_next_text {
	min-height: 1px;
}


/* Resources Page */

.hero_resources{
	background-image: linear-gradient(270deg, rgba(255,252,252,0.00) 29%, rgba(255,204,51,0.20) 64%);
}

.hero_resources_inner {
	background-repeat: no-repeat;
	min-height: 300px;
	background-position:bottom right;
}

.section-id-7 .steps{
	margin-bottom: 60px;
}


.float-right {
	float: right !important;
}

/* ============================================= */
/* ============================================= */
/* ============================================= */
			
			/*    RESPONSIVE    */

/* ============================================= */
/* ============================================= */
/* ============================================= */


/* START: Interior Pages - Blue section of hero */
@media (min-width: 1400px){
	.hero_content_blue{
		margin-left: 740px;
	}
}

@media (max-width: 1400px){
	.hero_content_blue{
		margin-left: 675px;
	}
}

@media (min-width: 992px) {
	header div#topNavs.collapse li.nav-item { 
		margin-left: 2rem
	}	
}
@media (max-width: 968px){
	.hero_content_blue{
		margin-left: 600px;
	}
	header div#topNavs.show ul.navbar-nav { 	
		width: 100%;  
	}
	header div#topNavs.collapse li.nav-item { 
		margin-left: 0
	}
	.home_hero{
		background-image: none !important;
		height: auto
	}	
	.header b, .home_hero b, .hero_resources b{ 
 		padding: 0;
 		padding-bottom: 1rem;
	}	
}

/* END: Interior Pages - Blue section of hero */


@media (max-width: 1050px){

	.home_hover_item h3{
		font-size: 17px;
	}

	.item_hover{
		font-size: 14px;
	}
	div#home_cards div.row div.col *.desc {
		min-height: 25%
	}
}

@media (max-width: 960px){
	.home_hover_item h3{
		font-size: 15px;
	}


	.bottom_tools_content{
		max-width: 600px;
	}

	.bottom_tools_home h4{
		margin-top:0;
		font-size:25px;
	}

}



@media (max-width: 930px){

	.hero_content{
		width: calc(98%);
	}

	.hero_content_blue {
	    float: none;
	    clear: both;
	    position: relative;
	    margin-left: 0px;
	    width: 100%;
	    background-color: #033666;
	    margin-top: 0px;
	    padding: 30px 15px 30px 15px;
	}

	.hero_left_content{
		width: 50%;
		padding-left:15px;
	}

	.home_hero b,
	.hero_resources b{
		font-size: 19px;
		font-size: 4vw;
		line-height: 1.2em;
	}

	.desktop_hero .container{
		padding-left:0;
		padding-right:0;
	}

	.inside_hero_left{
		width:100%;
		clear:both;
		float:none;
	}

	.inside_hero_right{
		display:none;
	}
	
	div#home_cards div.row div.col h3 {
		font-size: 2vw;
	}
	div#home_cards div.row div.col *.desc {
		min-height: 30%;
		font-size: 2vw;
	}
}

@media (max-width: 780px){ 
	.hero_resources{
		height: auto;
		margin-right: 30px;
	}

	.hero_resources_inner{
		background-size: 70%;
		min-height: 200px;
		height: 200px;
		background-position: top right;
	}

	#home_intro_and_video{
		flex-direction: column;
	}

	#home_intro_and_video #home_video{
		width: 500px;
    	margin-left: 0;
    	text-align: center;
	}

	.video_outter{
	    position: relative;
	    display: block;
	    max-width: 500px;
	    margin: 40px auto 0 auto;
    }

	.header b.ml-4{
		padding-left:0;
		margin-left:0 !important;
		margin-bottom: 10px;
		font-size:18px;
	}

	.home_hover_item img{
		width:155px;
	}

	.home_hover_item h3 {
		min-height: 45px;
	}


	.bottom_tools_content{
		max-width: 400px;
	}

	/* 2022.4.20, YW
	.whats-next-text.col-7{
		max-width: 80%;
		flex:0 0 80%;
	}

	.whats-next-button.col-3{
		clear:both;
		float: none;
		max-width: 100%;
		flex:0 0 100%;
	}
	*/
	
	.whats-next-button button,
	.whats-next-button .span_button{
		margin-top: 0;
	}

	.whats-next-button button,
	.whats-next-button .span_button{
		margin-right:5px;
	}

}

@media (max-width: 767px){

	.bottom_tools .mb-4,
	.bottom_tools .mb-4.pl-0,
	.bottom_tools .mb-4.pr-0,
	.resource_cards .mb-4,
	.resource_cards .mb-4.pl-0,
	.resource_cards .mb-4.pr-0{
		padding-left:0;
		padding-right:0;
	}
	div#home_cards {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;  
	}
	div#home_cards div.row div.col { 
		flex: 50%;
		width: cacl(50% - 16px);
		max-width: calc(50% - 16px); 
		margin: 0 8px; 
		margin-bottom: 20px;
	} 
	div#home_cards div.row div.col:nth-of-type(2n) { 
		border: 0px solid green
	}
	div#home_cards div.row div.col:nth-of-type(n+3) {
		margin-bottom: 0;
	}
	div#home_cards div.row div.col *.desc {
		min-height: 9.5vw;
		font-size: 16px; 
	}
	div#home_cards div.row div.col h3  {
		font-size: 18px 
	}
}





@media (max-width: 650px){

	.header b,
	.home_hero b,
	.hero_resources b{
	/*
		font-size: 16px;
		margin-top: 38px;
	*/
		font-size: 4vw;
		line-height: 1.2em;	
	}

	.line_bg{
		background-position: 29px;
	}

	.circle {
    	width: 30px;
    	height: 30px;
   		font-size: 20px;
    	line-height: 30px;
	}
	.line_mask {
	    height: 20px;
	    background-color: #ffffff;
	    margin-bottom: -10px;
	    margin-left: 10px;
	    width: 10px;
	}
	
	/* 2021.3.23, YE

	.home_hover_item button,
	.home_hover_item .span_button{
		position: relative;
		margin: 0 auto;
	}

	.home_hover_item h3{
		font-size: 24px;
		margin: 20px 0 0 0;
	}

	.item_hover{
		height: 400px;
	}

	.item_hover button,
	.item_hover .span_button{
		position: relative;
		margin: 20px auto 0 auto;
	}

	div#home_cards div.row div.col:nth-of-type(n) { 
		flex: 50%;
		max-width: calc(50% - 20px); 
		margin-right: 10px;	
		background-position: center -5px; 
	}  
	div#home_cards div.row div.col:last-of-type {
		margin-bottom: 0		
	}
	div#home_cards div.row div.col *.desc {
		min-height: 25%;	
	}
	div#home_cards div.row div.col div.mask {
	}
	*/
}




/* ===================== */
	/* PHONE SIZE */

@media (max-width: 550px){
	.hide-from-mobile {
		display: none;
	}

	.hide-from-desktop{
		display: block;
	}


	.logo{
		width: 120px;
	}

	.header b{
		font-size: 14px;
		margin-top: 35px;
	}

	.desktop_hero{
		display: none;
	}
	.mobile_hero{
		display: block;
	}
	
	.hero b.ml-4 {
		margin-left: 0!important;
	}


	/* --- Hero area --- */
	.mobile_hero .hero_content{
		height: 200px;
		margin-top: 0px;
		position: relative;
		width: 100%;
	}
	.mobile_hero .hero_left_content{
		width: 100%;
		position: relative;
		padding-top: 20px;
		padding-left:0;
	}

	.mobile_hero .hero_title{
		margin-top: 40px;
		/*width: 170px;*/
		width:140px;
    	background-size: contain;
 	    height: 50px;
	    position: absolute;
	    padding-top: 16px;
	    font-size: 12px;
	    text-align: center;
	}

	.header b, .home_hero b, .hero_resources b{
		margin-top: 0;
		text-align: center;
		width: 100%;
	}
	
	div.home_hero {
		max-height: 160px;
		margin-bottom: 3rem;
	}
	div.home_hero div.container {
	 
	}
	div.home_hero b {
		font-size: 5vw; 
		text-align: left;
		padding-left:1vw;
	}

	.section-id-2 .mobile_hero .hero_title{
		width:170px;
	}

	/* --- home -- */
	#home_intro_and_video #home_video{
		width:100%;
		max-width: 100%;
	}

	.home_hero{
		background-size: contain;
		background-size: cover;
		height: 160px; 
		height: auto;
	}

	#home_intro_and_video {
		margin-top: -25px;
	}

	#home_content.container.mt-4{
		margin-top: 0 !important;
	}


	/* --- Resource Page Hero area --- */
	.hero_resources {
		height:200px;
	}

	.hero_resources_inner{
		min-height: 200px;
	    background-position: bottom right;
    	background-size: 90%;
	}


	/* -- Cards -- */
	.item_hover{
		margin-top:20px;
		margin-bottom: 0;
	}

	.home_hover_item button,
	.home_hover_item .span_button{
		left:auto;
	}


	/* -- Resources and What's Next Bottom Section -- */
	.bottom_tools_home{
		padding:0;
	}

	.bottom_tools_home .container{
		background-position: bottom left;
		background-size: cover;
	}

	.bottom_tools_content,
	.bottom_tools_text {
		text-align: center;
	}

	.bottom_tools_content button,
	.bottom_tools_content .span_button{
		margin:0 auto;
	}

	.bottom_tools{
		padding:20px 0;
	}

	.bottom_tools h4{
		text-align:center;
	}

	.bottom_tools_home {
	    margin-top: 30px;
	    margin-bottom: 25px;
	}
	 
	/* 2022.4.20, YW
	.whats-next-logo img{
		margin-top:0;
	}
	*/


	/* --- Steps --- */
	.line_bg {
	    background-position: 10px;
	}

	.circle{
		margin-left: -17px;
	}
	.line_mask{
		margin-left: -10px;
	}

	.steps-text button,
	.steps-text .span_button {
		width: 100%;
		text-align: center;
	}

	.steps h5{
		font-size: 20px;
		font-weight: bold;
	}

	.non_expand_section p:empty,
	.non_expand_section p:blank{
		display: none;
	}





	/* --- footer --- */
	#footer_buttons_contact, 
	#footer_buttons_survey {
	    float: none;
	    width: 100%;
	    text-align: center;
	}

	#footer_buttons_contact{
		margin-top: 20px;
	}

	.footer_links_wrapper{
		margin-top: 0;
	}

	.footer_links a{
		font-size: 12px;
		padding:0 0 20px 0;
	}

	/* --- other --- */
	.intro_sub{
		margin:20px 0;
	}

	div#popup_feedback,
	div#popup_contact {
		width: 94%;
		left: auto;
		right: auto;
		margin-left: auto;
		margin-right: auto;
	}

}


@media (max-width: 380px) {
	div#home_cards {
		width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px ;	
	}
	div#home_cards div.row {
		min-width: 300px;
	}
	div#home_cards div.row div.col:nth-of-type(n) { 
		flex: 100%; 
		min-width: calc(100% - 16px); 
		margin: 0 8px; 
		margin-bottom: 20px; 
	}
	div#home_cards div.row div.col *.desc {
		min-height: 10%;
		padding-top: 10px;
		padding-bottom: 10px;
		height: auto;	
	}
}