/* Optima Health Universal Style Sheet */
/* If this is your first time using this file please carefully read the following comment: 
WARNING:
All styles placed in this file (once it is active) will immediately be available to all of Optima Health.
Please be careful with your style name choices in order to not disturb the current production environement. 
NAMING Conventions:
.style-name | use hyphen to separate words, verbose descriptive class names are OK! 
.style-name--modifier-name | modifier classes have modified attributes of parent class 
Styles Pending:
Pending styles should be pasted at the bottom of the sheet, a digital media advisor from Digital Innovations
will be able to integrate them. If you place an active style in styles pending please indicate the URL it displays on in the comments.
*/
/* ============  General ============ */
/* ============  Root Variables ============ */
:root {
--opteal-dark: #00837C;
--opteal-light: #1AB6AF;
--opteal: #009C95;
--opblue-dark: #002751;
--opblue-light: #285A84;
--opblue: #0E406A;
--opred-dark: #AD002D;
--opred-light: #E02660;
--opred: #C60C46;
--opyellow-dark: #E5AA3E;
--opyellow-light: #FFDD71;
--opyellow: #FEC357;
}
 /*---- Body ----*/
 
html {
font-size: 14px; }
body {
font-size: 1.143rem;  	
background-color: #ffffff;
line-height: 1.2;
font-weight: 400;
font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222; }
#main-body {
padding-bottom: 1.5rem;
margin-bottom: 2rem; } 
:focus {
outline: none; }
.spacer {
display: block;
height: 2rem; }
.hidden {
    display: none;
}
div.header-toggle {
display: none;
}
.allCaps {
text-transform: uppercase;
}
form p {
	font-size: 1rem; }   
form .required {
     font-size: 1.1rem;
	 line-height: 1.2rem;
     margin-top: 2.2rem; }
     
hr.dash {
  border: dashed #DDDDDD;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem; } 
  
 
.fa-6x {
  font-size: 6em;
}
.fa-8x {
  font-size: 8em;
}
.fa-10x {
  font-size: 10em;
}
:focus {
   outline: none; }
   
b, strong {
	font-weight: normal;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
/* ============  Accessibility ============ */
/*---- Skip Content ----*/
.skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 1px;
	width: 1px;
	text-align: left;
	overflow: hidden; }
    
a.skip:active, 
a.skip:focus, 
a.skip:hover {
	left: 0; 
	top: 0;
	width: auto; 
	height: auto; 
	overflow: visible; 
	color: #fff;
  	font-weight: bold;
  	background-color: #AD002D;
    padding: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff; }
/* ============  Accessible social icons - Robert Kelford 10/23/17 ============ */
.social-facebook:before {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 2em;
  text-decoration: inherit;
  content:"\f09a";
}
.social-twitter:before {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 2em;
  text-decoration: inherit;
  content:"\f099";
}
.social-youtube-play:before {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 2em;
  text-decoration: inherit;
  content:"\f16a";
}
.social-google-plus:before {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 2em;
  text-decoration: inherit;
  content:"\f0d5";
}
/* font-awesome accessibilty shim */
.social-accessible {
  visibility: hidden;
  display:none;
}
/* ============  Layout ============ */
/*---- Header ----*/
header {					
 	/* margin-bottom: 1rem; */ }	
.logo {
  padding: 1rem 0 1rem 0;
  }
	
.logo a, .logo a:hover, .logo a:active {
	border-bottom: none;
   }		
	
.right-logo {			
  border: none;
  margin-bottom: 0;
  text-align: right;
    }
	
@media only screen and (max-width: 40em) {
.logo img {
	margin: 1rem auto;	
	display: block;
	border-bottom: none; }
}
	
@media only screen and (min-width: 40.063em) {
#SignInModal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 60%; } }	
	
@media only screen and (min-width: 64.063em) {
#SignInModal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 45%; } }		
	
@media only screen and (min-width: 90.063em) {
#SignInModal {
    left: 0;
    margin: 0 auto;
    max-width: 62.5rem;
    right: 0;
    width: 30%; } }			
/*---- Navigation ----*/
nav { 
	margin-top: 0;
	border-top: 1px solid #eee; 
	padding-top: 0.5rem; }
nav .top-bar-section {
		padding-bottom: 1.25rem; }
nav .top-bar-section ul.info li > a {
	font-size: 1rem;
	padding: 0 0.55rem !important; }		
	
nav .top-bar-section ul li:first-child > a {
	 padding-left: 0 !important; } 
	 
nav .top-bar-section ul.info li:last-child > a {
	padding-right: 0 !important; 
  color: #41739D; }
	
nav .top-bar-section ul.info li:last-child > a:hover, nav .top-bar-section ul.info li:last-child > a:active {
	padding-right: 0 !important; 
	color: #0E406A; }	
	 
@media only screen and (max-width: 40em) {	 
nav .top-bar-section ul.info li > a {
	font-size: 1rem;
	padding: 0 0.55rem !important; } }
	
/*---- Top Bar Navigation Component ----*/
	
.top {
	background-color: #F4F4F8;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
	margin-bottom: 1.5rem; 	
} 
 .fa-nav {
    top: .15rem;
    font-size: 1.5rem;
    position: relative;
    padding-right: .5rem;
}
 
@media only screen and (max-width: 40em) {
.top {
margin: 0rem;
				
} }
	
ul.topnav {
	list-style-type: none;
    margin: 0;
    padding: 0;
	overflow: hidden; }
	
ul.topnav li {	
float: left;
margin: 0;
border-left: 1px solid rgba(153,153,153,0.1);
transition: ease-in-out 0.1s;}
ul.topnav li.signin a {	
background-color: #0E406A;
color: #ffffff; }		
ul.topnav li.signin a:hover, ul.topnav li.signin a:active {	
background-color: #072238;
color: #ffffff;
border-left: none; }
ul.topnav li:last-child {	
border-right: 1px solid rgba(153,153,153,0.1); }
@media only screen {
   ul.topnav li a {
    display: block;
    text-align: center;
    padding: 1.5rem .75rem;
    text-decoration: none;
    border-bottom: none;
    color: #0E406A;
    line-height: 1.8;
    font-size: 1.15rem; }    
}
@media only screen and (min-width: 60.0625em) {
 ul.topnav li a {	
	display: block;
	text-align: center;
  padding: 0.8rem 1.5rem;
  text-decoration: none;
	border-bottom: none;
	color: #0E406A; 
	line-height: 1.8; 
	font-size: 1.15rem; } }
	
ul.topnav li a:hover, ul.topnav li a:active {	
	background-color: #efeff1; 
	color: #002751;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  border-left: none; }
	
ul.topnav li.selected {	
	background-color: #E7E7EB; 
	color: #002751;
	border-left: 1px solid rgba(153,153,153,0.2);
  border-right: 1px solid rgba(153,153,153,0.1);
}
ul.topnav li.selected a {
  color: #002751;
}
@media only screen and (max-width: 40em) {	
ul.topnav li a {	
	display: block;
	text-align: center;
    padding: 0.5rem 1rem;
    text-decoration: none;
	border-bottom: none;
	color: #252525; 
	line-height: 1.8; }
	
ul.topnav li a:hover, ul.topnav li a:active {	
	background-color: #E7E7EB;
	color: #999999;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  border-left: none; }
	
ul.topnav li.signin a {	
color: #120C80;
background: transparent; }		
ul.topnav li.signin a:hover, ul.topnav li.signin a:active {	
color: #002751;
background-color: #E7E7EB; }	
}
/*-- Top Bar Brand Variation REMOVE AFTER TESTING -- */
ul.topnav li.brand {
 background-color: #f4f4f8; }
ul.topnav li.brand span {
    display: block;
    text-align: center;
    padding: 0.8rem 1.5rem;
    text-decoration: none;
    border-bottom: none;
    color: #555555;
    line-height: 1.8;
    font-size: 0.98rem; }	
	
/*---- Hours Component ----*/
.hours {
	text-align: right; }
		
.hours h2 {
	font-family: "open_sanslight", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
  	font-style: normal;
  	font-weight: 400 !important;
	color: #0E406A; } 	
	
.hours p {
	font-size: 1.2rem; } 
	
/*---- Contact Components ----*/	
	
.contact p.summary {
	margin-bottom: 0;
	color: #0E406A;
	font-size: 1.286rem;
	font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.contact p.location-name {
	margin-bottom: 0;
	color: #0E406A;
	font-size: 1.286rem;
	font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	
.contact h4 {
	margin-bottom: 0; }
/*---- Hours Component ----*/
.day {
    font-weight: normal;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    width: 7rem;
    display: inline-block;
}
/*---- Modal (language) ----*/	
.reveal-modal ul {
    display: block;
    list-style-type: disc;
    margin: 1rem 0;
    padding: 0 1.5rem;
    font-size: 1.05rem; }  
    
.reveal-modal ul li {
    margin: 0.2rem 0; }
	
.reveal-modal ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
  
  .ascii {
  padding-bottom: 2rem; }
.reveal-modal a {
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    color: #0E406A;
    /*text-decoration: none;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #c5cde0;*/ } 
    
.reveal-modal a:hover, .reveal-modal a:active {
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;     
    color: #41739D;
    /*text-decoration: none;
    padding-bottom: 0.15rem;
    border-bottom: 1px solid #c5cde0;*/ } 
a.close-reveal-modal:hover, a.close-reveal-modal:active {	
	border: none !important; }	
.close-reveal-modal {
  min-width: 1rem;
}
/* ---- Modal (information) ---- */
.info-modal {
    border: 0px;
    background: none;
    color: #00837C;
}
/*---- Banners ----*/ 
	
.banner-home {
  	width: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height:30rem;
	background: url(../jpg/banner-home.jpg) no-repeat bottom center;
 }
	
@media only screen and (max-width: 40em) {
.banner-small img {
    height: auto;
  	width: auto; } 
	
.banner-home {
	background: transparent;
	height: auto; }
}	
		
	
@media only screen and (max-width: 40em) {
.banner-small img {
    height: auto;
    width: auto; } 
	
.banner-home {
	background: transparent;
	height: auto; }				
}
/*---- Hero ----*/
.hero {			
	margin: 5rem 0 0 1rem;	
	background-color: rgba(250, 250, 250, 0.85);
	padding: 1rem 1.5rem;
	width: 33rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
	
.hero .banner-title {
	font-family: 'gandhi_serifregular', Georgia, Times New Roman, serif; 
	line-height: 1.2;	
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
  	margin: 1.5rem 0;
  	font-style: normal;
  	font-weight: 400 !important; 
  	color: #555555; }	
.hero p {
	width: 28rem;
	font-size: 1.2rem;	
    	color: #555555; }
	
.hero-cta {			
	margin: 5rem 0 0 1rem;	
	background-color: rgba(250, 250, 250, 0.95);
	padding: 1rem 1.5rem;
	width: 33rem;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; }
.hero-cta p {
	width: 28rem;
	font-size: 1.2rem;	
    	color: #555555; }	
	
.hero-cta .banner-title {
	font-family: 'gandhi_serifregular', Georgia, Times New Roman, serif; 
	line-height: 1.2;	
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
  	margin: 1.5rem 0;
  	font-style: normal;
  	font-weight: 400 !important; 
 	color: #555555; }	
	
	
@media only screen and (max-width: 40em) { 	
.hero {			
	margin: 1rem 0;	
	background-color: transparent;
	padding: 0.5rem;
	width: auto;
	text-align: center;	}
	
.hero .banner-title {
	font-family: 'gandhi_serifregular', Georgia, Times New Roman, serif;
	line-height: 1.2;
  	margin: 1.5rem 0;
  	font-style: normal;
  	font-weight: 400 !important; 
  	color: #555555; }	
	
.hero p {
	width: auto; 
	border-bottom: 1px solid #efefef;
	padding-bottom: 2rem; }
	
.hero-cta {			
	margin: 1rem 0;	
	background-color: transparent;
	padding: 0.5rem 0.5rem 2rem 0.5rem;
	width: auto;
	text-align: center;
	border-bottom: 1px solid #efefef;	} 
  	
.hero-cta p {
	width: auto; }	
	
.hero-cta .banner-title {
	font-family: 'gandhi_serifregular', Georgia, Times New Roman, serif;
	line-height: 1.2;
  	margin: 1.5rem 0;
  	font-style: normal;
  	font-weight: 400 !important; 
  	color: #555555; }	
}	
	
/*---- Breadcrumbs ----*/ 
.breadcrumb {
  	padding: 0;
  	font-size: 0.9rem; }
    
.breadcrumb a, .breadcrumb a:hover {
  	border: none;
	text-decoration: none;
	line-height: 1rem; }
	 
	 
/*---- Content-Main ----*/
.content-main {
	margin-top: 3rem; }
	
.content-main img {
	padding: 0.7rem; } 
.content-main img .border {
  	padding: 0.7rem;
	border: 1px solid #cccccc; }
	
.content-main .img-left {
	margin: 0 1.5rem 0 0;
	float: left !important;	}
	
.content-main .img-right {
	margin: 0 0 0 1.5rem;
	float: right !important; }	
	
.content-main .img-center {
    	margin: 0 0 1.5rem 0; }	
	
@media only screen and (max-width: 40em) {
	
 .content-main {
	margin-top: 2rem; }
		 	
 .content-main .img-left {
	margin: 0 1.5rem 1rem 0;
	float: left !important;	}
	
.content-main .img-right {
	margin: 0 0 1rem 1.5rem;
	float: right !important; }	
}
	 	
/*---- Blurb ----*/
@media only screen and (max-width: 40em) { 
.blurb {
	padding: 1rem;	
	margin-bottom: 2rem;	} 
	
.blurb-three {
	padding: 0.5rem;	
	margin-bottom: 2rem; } 	
}
@media only screen and (min-width: 40.063em) {
.blurb {
	padding: 2rem 1rem 0 1rem;	
	margin-bottom: 5rem; }
	
.blurb-three {
	padding: 2rem 1rem 0 1rem;	
	margin-bottom: 5rem; } 
}	
		
@media only screen and (min-width: 64.063em) {
.blurb {
	padding: 2rem 1rem 0 1rem;	
	margin-bottom: 5rem;	}
	
.blurb-three {
	padding: 2rem 1rem 0 1rem;	
	margin-bottom: 5rem;	}
	
.blurb p {			
	padding: 2rem 0; }	
}
/*---- Slab ----*/
.slab {
	padding: 1rem 0;
	transition: 0.3s ease all; }
.slab img {
	padding: 0.7rem;
	border: 1px solid #efefef;
	object-fit: cover;
  min-height: 266px;
}
	
.slab h2 {
	margin: 0 0 0.5rem 0; }
	
@media only screen and (max-width: 40em) { 
.slab h2 {
	margin: 1rem 0 0.5rem 0; } 
}
.slab-icon {
  padding-top: 4rem;
  text-align: center;
  color: #00837C;
  border: 1px solid #efefef;
  min-height: 266px;
  min-width: 100%;
}
/* ---- Slab-Hover ---- RWK 11/29/21 ----*/
.slab-hover {
   cursor: pointer;
}
.slab-hover:hover {
background-color: rgba(250, 250, 250, 0.95);
border: 0.03rem solid #eee;
}
.slab-hover:hover h2 a {
text-decoration: underline;
}
/*---- Content Card ---- New Design Component NVK 101118 ----*/
.card {
	width: 95%;
  margin: 1.5rem 0;
  position: relative;
}
.card img {	
  	padding: 0;
	margin: 0 0 1rem 0;
  	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
	min-width: 100%;
	max-height:350px;
	object-fit: cover; }
	
.card h2 {
	margin: 1.5rem 0 0.5rem 0; 
	color: #0E406A; }
.card .subheader {
	margin: 0.5rem 0 1rem 0; 
	color: #555555;
	font-style: italic;
	font-size: 1.2rem; }
.card h3 {
	font-size: 1.7rem;
	letter-spacing: normal; }
.card ul, card li {
  	list-style: none; }
.card ul {
  	margin: 0.5rem 0 1.5rem 0; }
.card li {
  	margin: 0.5rem 1rem;
  	margin-left: 1.5rem; }
.card li:before {
  content: '\f00c';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5rem;
  color: #00837C;
}
/*---- Content Card Expand ---- New Design Component NVK 101118 ----*/
.card-expand {
  position: relative;
  z-index: 1;
  display: block;
  background: #FFFFFF;
  min-width: 100%;
  height: 600px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; 
  margin: 1rem 0;
}
.card-expand .card {
  margin: 0;
}
.card-expand .card h2 {
  font-size: 2rem;
}
.card-expand .card h3 {
  margin: 0.78rem 0;
}
.card-expand:hover .thumbnail img,
.hover .thumbnail img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0;
}
.card-expand .thumbnail {
  background-color: #00837C;
  height: 350px;
  overflow: hidden; }
.card-expand .thumbnail img {
  display: block;
  width: 120%;
  padding: 0;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.card-expand .card-content {
  position: absolute;
  bottom: 0;
  background: #FFFFFF;
  width: 100%;
  padding: 0 2rem 5.5rem 2rem;
  -webkti-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -moz-transition: all 0.5s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -ms-transition: all 0.5s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  -o-transition: all 0.5s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
  transition: all 0.5s cubic-bezier(0.37, 0.75, 0.61, 1.05) 0s;
}
.card-expand .card-content .description {
  display: none;
}
.card-expand .card-content .more {
  position: absolute;
  z-index: 2;
  bottom: 0;
  display:inherit;
  background-color: #ffffff;
  color: #0E406A; }
.card-expand .card-content .more p {
font-family: 'open_sansbold'; 
  padding: 0.5rem 0; 
  border-top: 1px solid #eee; 
  border-bottom: 1px solid #eee;
}
.card-expand .card-content .more span.fa {
  vertical-align: baseline; 
}
.card-expand-minimized {
  padding-bottom: 5.5rem !important;
}
.card-expand-expanded {
  padding-bottom: 0rem !important;
}
/*---- Content Card Static ---- New Design Component RWK 081219----*/
.card-static {
  background: #FFFFFF;
  width: 100%;
  padding: 1rem 2rem 1rem 2rem;
  min-width: 100%;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  margin-top: 0rem;
}
.card-static.card h2 {
  font-size: 2rem;
}
.card-static.card h3 {
  margin: 0.78rem 0;
}
.card-static.card ul.links {
    display: block;
    list-style-type: circle;
    margin: 1rem 0 1rem 0;
}
.card-static.card ul.links li {
    margin: 0 0.5rem 0 0;
}
.card-static.card ul.links li:before {
  content: none;
  margin-left: 0;
}
.card-static.card ul.links li a span {
  text-decoration: underline;
}
.card-static .thumbnail {
  max-height:350px;
  overflow:hidden;
  margin: 1rem -2rem 1rem;
}
.card-static .thumbnail img {
  -webkit-box-shadow: none;
  box-shadow: none;
  min-width: 100%;
  object-fit: cover;
}
/*.card-static .bottom-cta {
  bottom: 1rem;
  position: relative;
}*/
/*---- Content Card Video ---- New Design Component RWK 090320----*/
.card-video a.card-video-link {
  display: block;
  position: relative;
text-decoration:none;
}
.card-video a.card-video-link:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 5rem;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  	transition: 0.2s ease;
}
.card-video a.card-video-link:hover:before {
		opacity: 0.9;
  font-size: 5.5rem;
}
/*---- Content Card Hover ---- RWK 11/29/21 ----*/
.card-hover {
   cursor: pointer;
}
.card-hover:hover {
background-color: rgba(250, 250, 250, 0.95);
/*padding-left: 1rem;*/
border: 0.03rem solid #eee;
}
.card-hover:hover h2 a {
text-decoration: underline;
}
/*.links .row {
  margin: 0;
  width: 100%;
  display: inline;
}
.links .row .columns {
  padding-left: 0rem;
  padding-right:0rem;
}*/
/*---- Featured Image ----*/
	
.featured-image img {
  border-top: 10px solid #285A84;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;  
  margin-bottom: 0.5rem;
  padding: 0; }
		
/*---- Video ----*/
@media only screen and (max-width: 40em) { 
.video-list {
	margin-top: 8.5rem; } 
}
.videonav {
	margin: 4rem 0; }
.video-container {
  display: block;
  position: relative;
  max-width: 100%;
}
.video-wrapper {
  padding-top: 56.25%;
}
.video-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}
	
/*---- Aside ----*/
.no-margin {
  	margin-top: 0 !important;
}
.aside .contact {			
	padding-top: 6rem; }	
.aside-nav a {     
    color: #415d43;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;   
    border-bottom: none; }
    
.aside-nav a:hover, .aside-nav a:active {
    color: #0e2a10;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    text-decoration: none;
    border-bottom: none; }
  
.aside-nav .navItemSelected a {
    font-family: 'open_sanssemibold', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.aside  {			
	margin-top: 3rem; }
}
@media only screen and (max-width: 40em) {	
.aside  {			
	margin-top: 3rem; }
}
/*---- CTA Footer ---- New Design Component NVK 101118 ---*/
.cta-footer {
  border-top: 1px solid #eeeeee;
  padding-top: 2rem;
}
.cta-content {
  border-top: 1px solid #eeeeee;
  padding-top: 1rem;
}
.cta-footer .subheader {
margin: 0; 
color: #555555;
font-style: italic;
font-size: 1.2rem; }
.cta-footer .h2 {
margin: 0;
padding-top: 1rem;
}
.cta-footer .ctas {
	padding-top: 1rem;
	text-align: right; }
@media only screen and (max-width: 40em) { 
.cta-footer .ctas {
padding-top: 1rem;
text-align: center; } }
/*---- Footer ----*/
footer {
	padding: 2rem 0 1rem 0;
	border-top: 1px solid rgba(118, 119, 121, 0.10);
	background-color: #ffffff; }
	
footer .disclaimer {
	margin-top: 2rem !important;
	text-align: center;
	border-top: none !important;
	padding: 0 !important; }	
	
.footernav {
	margin-bottom: 2rem; }
	
.footernav h4 {
    font-size: 1.4375rem; }
.footernav h5 {
    font-size: 1.125rem; }
.footernav ul {
    display: block;
    list-style-type: none;
    margin: 1rem 0;
    padding: 0; }  
    
.footernav ul li {    
    margin: 0;
    padding: 0.3rem 0; }
    
.footernav ul li ul li {    
    list-style-type: none; }
    
.footernav ul li a {     
    color: #0E406A;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    padding-bottom: 0;
    border-bottom: none;
    font-size: 1rem; }
    
.footernav ul li a:hover, .footernav ul li a:active {
    color: #002751;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    text-decoration: none;
    border-bottom: none; }
.footernav ul li a span {
  font-size: 0.9rem
}
.footernav ul li hr {
  margin: 0.5rem 0 0.5rem;
}
    
footer img {
	padding: 1rem 0; }
	
/* Disclaimer */
#copyright {
	padding: 2rem 0;
	margin: 0 auto;
	text-align: center; }		
/*---- Parsely Validation ----*/
ul li.parsley-required {
	list-style-type: none;
	color:	#be2727;
	padding-left: 0 !important;
	margin-left: 0 !important;
	font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;} 
	
/* ============  Web Style Guide / Pattern Library ============ */
/* ============  Atoms ============ */
 /*---- Typography ----*/
 
 /* Paragraph */ 
 p {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  
  
 /* Headings */
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 1.5rem 0;
  font-style: normal;
  font-weight: 400; 
  color: #555555;
  line-height: 1.4;
  font-family: "gandhi_serifregular", Georgia, Times New Roman, serif; }
h1, .h1 { font-size: 2.571rem; letter-spacing: -.05rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
h2, .h2 { font-size: 2.286rem; letter-spacing: -.05rem; }
h3, .h3 { font-size: 2.0rem; letter-spacing: -.05rem; }
h4, .h4 { font-size: 1.714rem; letter-spacing: -.02rem; }
h5, .h5 { font-size: 1.571rem; letter-spacing: -.02rem; }
h6, .h6 { font-size: 1.429rem; letter-spacing: -.02rem; } 
  
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 
	color: #0E406A;
	text-decoration: none;
	font-family: "gandhi_serifregular", Georgia, Times New Roman, serif; }
	
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { 
  	color: #072238;
	text-decoration: none;
  	font-family: "gandhi_serifregular", Georgia, Times New Roman, serif;	}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { 
  	color: #072238;
	text-decoration: none;
  	font-family: "gandhi_serifregular", Georgia, Times New Roman, serif;	}
.subheader {
  line-height: 1.4;
  color: #555555; /* change */
  font-family: "gandhi_serifregular", Georgia, Times New Roman, serif; /* change */    
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }
@media only screen and (max-width: 40em) {
h1, .h1 { font-size: 2.0rem;   letter-spacing: -.05rem; padding-bottom: 1rem; border-bottom: 1px solid #eee; }
h2, .h2 { font-size: 1.857rem; letter-spacing: -.05rem; }
h3, .h3 { font-size: 1.714rem; letter-spacing: -.03rem; }
h4, .h4 { font-size: 1.571rem; letter-spacing: -.03rem; }
h5, .h5 { font-size: 1.429rem; letter-spacing: -.02rem; }
h6, .h6 { font-size: 1.286rem; letter-spacing: -.02rem; } 
}
  
 /* Summary */ 
 .summary {
    margin: 1rem 0;
	font-size: 1.286rem;
	font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555555; }
	 
  
 /* Blockquote */
blockquote {
    font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 1rem 2rem;
    margin: 2rem 2rem;
    font-size: 1.3rem;
    border-left: 3px solid #CCCCCC;
    color: #555555; }
@media only screen and (max-width: 40em) { 
blockquote {
    margin: 2rem 2rem; }
	}
		
blockquote cite {
    display: block;
    font-size: 0.95rem;
    color: #555555;
		padding-top: 0.25rem;}
	
blockquote cite:before {
      content: "\2014 \0020"; }
	  
blockquote cite a,
blockquote cite a:visited {
      color: #555555; }
blockquote,
blockquote p {
  line-height: 1.6; } 
  
/* Disclaimer */ 
.disclaimer {
    margin: 0.5rem 0;
	color: #555555;
	font-size: 1rem; 
	/* border-top: 1px solid #eeeeee;  
	padding: 0.8rem; */
}	
	 
/* Captions */	
.caption {
    font-size: 0.95rem;
    color: #555555; }	
	
/* Byline */	
.byline {
  font-size: 0.95rem;
  color: #555555;
	padding-top: 1rem;
	margin-top: 3rem; 
	text-align: right;
	border-top: 1px solid #eeeeee; }		 
	 
.byline a {
  border-bottom: none;
  text-decoration: none; }
	
.byline a:hover, .byline a:active {
  border-bottom: none;
  text-decoration: none; }	
	
		 
/* Links */ 
a {  
  color: #0E406A;
  line-height: 1.6; } 
    
a:hover, a:active {    
  color: #072238; }   
   
 
/* TradeMarks and Registration */
.super-symbol {
    vertical-align: super;
    font-size: .85em;
    line-height: 0.5em; }
.super-mark {
    vertical-align: super;
    font-size: .85em;
    line-height: 0.5em; }
.sub-mark {
    vertical-align: sub;
    font-size: .62em; }
	
/* Lists */ 
ul,
ol{
  font-family: inherit;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem; } 
ul {
  margin-left: 1.1rem; } 
  
ul li ul,
 ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
  
 ul.square li ul,  ul.circle li ul,  ul.disc li ul {
  list-style: inherit; }
  
 ul.square {
  list-style-type: square !important;
  margin-left: 1.1rem; }
  
 ul.circle {
  list-style-type: circle !important;
  margin-left: 1.1rem; }
  
 ul.disc {
  list-style-type: disc !important;
  margin-left: 1.1rem; }
  
  ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }
ol li ol {
  list-style-type:lower-alpha;
}
ol li ol li ol {
  list-style-type:lower-roman;
}
.no-bullet {
  list-style-type: none;
  margin-left: 0; }
  .no-bullet li ul,
  .no-bullet li ol {
    margin-left: 1.25rem;
    margin-bottom: 0;
    list-style: none; }
    
 ol.steps {
    display: block;
	counter-reset: li;
    list-style: none;
    margin: 1rem 0;
    padding: 0 1.5rem; }
ul.steps {
    display: block;
	counter-reset: none;
    list-style: none;
    margin: 1rem 0;
    padding: 0 1.5rem;  
}
    
ol.steps li ol.steps li:before {
  font-family: FontAwesome;
  content: "\f00c";
  color: #f5f5f5;
}
 ol.steps li {
    position: relative;
	margin: 1rem 0 2rem 3rem;
 min-height: 3rem; }
ol.steps li:before {
	content: counter(li);
	counter-increment: li;
    font-family: "gandhi_serifregular", Georgia, Times New Roman, serif;
	font-size: 2rem;
	color: #0E406A;
	position: absolute; 
    left: -5rem;
    /* top: 50%;
    margin-top: -1em; */
    height: 2em;
    width: 2em;
    line-height: 2em;
	border: 1px solid #eee;
	text-align: center;
	vertical-align: top;
	 transition: ease 0.3s;
}
ul.steps li:before {
  font-family: FontAwesome;
  content: "\f0da";
  color: #00837C;
}
ol.steps li.completed:before, ol.steps li ol.steps li.completed:before {
  font-family: FontAwesome;
  content: "\f00c";
  color: #00837C;
  background: rgba(230, 244, 243, 1.0);
  border: 1px solid #ddd;
}
	
ol.steps h1, ol.steps h2, ol.steps h3, ol.steps h4, ol.steps h5, ol.steps h6, ol.steps .h1, ol.steps .h2, ol.steps .h3, ol.steps .h4, ol.steps .h5, ol.steps .h6  {
	margin: 0; }
	
ol.steps  .summary   {
	margin: 0; }	
ol li span.step-header {
    margin: 1rem 0 2rem 0 !important;
    min-height: 3rem;
    display: block;
    padding-top: 0.75rem;
}
 ul {
    display: block;
    list-style-type: disc;
    margin: 1rem 0;
    padding: 0 1.5rem; }  
    
 ul li {
    margin: 0.2rem 0; }
ul.f-dropdown {
  padding: 0; }
dl {
  font-family: inherit;
  line-height: 1.6;
  list-style-position: outside;
  margin-bottom: 1.25rem;
      display: flex;
    flex-flow: row wrap;
} 
   
dl dt, dl dd {
 padding-top: 0.6rem;
  margin-bottom: 0.6rem;
}
dl dt:first-child,dl dt:first-child:after, dl dd:nth-child(2) {
border-top: none;
}
 dl dt {
		font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
   flex-basis: 20%;
   border-top: 1px solid #eee;
}
dl dt:after {
  content: ":";
  border-top: 1px solid #eee;
}
    
 dl dd {
   flex-basis: 70%;
   flex-grow: 1;
   border-top: 1px solid #eee;
 }
@media only screen and (max-width: 40em){
  dl {display:block;}
  
  dl dd, dl dt:after {
    border-top:none;
  }
  
}
 
/* Link Lists */  
.content-main > ul {
    display: block;
    margin: 1rem 0 1rem .5rem;
}
/*ul.links {
    display: block;
    list-style-type: circle;
    margin: 1rem 0 1rem .5rem; }  
    
ul.links li {
    margin: 0.2rem 0;
}
    
ul.links li a {
    border-bottom: none; } */
/* Links with document metadata */
 ul.links {
    display: block;
    list-style-type: none;
    margin: 0 0 1.25rem 0;
    padding: 0;
}  
    
 ul.links li {    
    	margin: 0 /*!important*/;
    	border-bottom: 1px solid #f5f7fa /*!important*/;
    	font-size: 1.1rem /*!important*/;
			list-style-type:none /*!important*/;
}
    
 ul.links li:last-child {    
	border-bottom: none !important; } 
 ul.links li:before {    
	    content: none; } 
    
 ul.links li:hover {     
	/* background-color: rgba(113, 142, 203, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease; */ }
    
    ul.links li.selected {
	background-color: rgba(14, 64, 106, 0.3);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    
 ul.links li a {     
    color: #0E406A;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;   
    border-bottom: none !important;
	  display: block;
    padding: 1rem 0;
    padding-bottom: 1rem !important;
	  line-height: 1.4rem; }
ul.links li a.row {
margin: 0;
  padding-left:0;
  padding-right:0;
}
ul.links li a.row span.columns {
  padding-left:0;
}
    
 ul.links li a:hover, ul.links li a:active {
    	color: #002751;
    	font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    	text-decoration: none;
    	border-bottom: none;
	background-color: rgba(113, 142, 203, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
ul.links li a span.document-metadata {
  color: #555;
}
/* End document meta */
/* Document Links List */	
 ul.doc-links {
    display: block;
    list-style-type: none;
    margin: 0 !important;
    padding: 0; }  
    
 ul.doc-links li {    
    margin: 0;
    padding: .25rem 0; 
    font-size: 1.1rem !important; }
    
 ul.doc-links li:last-child {    
	border-bottom: none; } 
	
 ul.doc-links li a {     
    text-decoration: none;   
    border-bottom: none !important; }
    
 ul.doc-links li a:hover, ul.doc-links li a:active {  
    text-decoration: none;
    border-bottom: none; }	
		
	   
/* Secondary Navigation List */   
 ul.links--navigation {
    display: block;
    list-style-type: none;
    margin: 0 !important;
    padding: 0; }  
    
 ul.links--navigation li {    
    margin: 0;
    border-bottom: 1px solid #f5f7fa !important;
    font-size: 1.1rem !important; }
    
 ul.links--navigation li:last-child {    
	border-bottom: none; } 
    
 ul.links--navigation li:hover {     
	/* background-color: rgba(113, 142, 203, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease; */ }
    
    ul.links--navigation li.selected {
	background-color: #e3e8f5;
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease; }
    
	
 ul.links--navigation li a {     
    	color: #0E406A;
    	font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    	text-decoration: none;   
    	border-bottom: none !important;
	display: block;
    	padding: 1rem 0;
	line-height: 1.1rem; }
    
 ul.links--navigation li a:hover, ul.links--navigation li a:active {
    	color: #285A84;
    	font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    	text-decoration: none;
    	border-bottom: none;
	background-color: #e3e8f5;
	padding-left: 1rem;
	border-left: 0.03rem solid #285A84;  
   	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease; }
/* Links with document metadata */
 ul.links--doc-meta {
    display: block;
    list-style-type: none;
    margin: 0 0 1.25rem 0 !important;
    padding: 0;
}  
    
 ul.links--doc-meta li {    
    	margin: 0 !important;
    	border-bottom: 1px solid #f5f7fa !important;
    	font-size: 1.1rem !important;
			list-style-type:none !important;
}
    
 ul.links--doc-meta li:last-child {    
	border-bottom: none !important; } 
 ul.links--doc-meta li:before {    
	    content: none; } 
    
 ul.links--doc-meta li:hover {     
	/* background-color: rgba(113, 142, 203, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease; */ }
    
    ul.links--doc-meta li.selected {
	background-color: rgba(14, 64, 106, 0.3);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
    
 ul.links--doc-meta li a {     
    color: #0E406A;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;   
    border-bottom: none !important;
	  display: block;
    padding: 1rem 0;
    padding-bottom: 1rem !important;
	  line-height: 1.1rem; }
ul.links--doc-meta li a.row {
margin: 0;
  padding-left:0;
  padding-right:0;
}
ul.links--doc-meta li a.row span.columns {
  padding-left:0;
}
    
 ul.links--doc-meta li a:hover, ul.links--doc-meta li a:active {
    	color: #002751;
    	font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    	text-decoration: none;
    	border-bottom: none;
	background-color: rgba(113, 142, 203, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
ul.links--doc-meta li a span.document-metadata {
  color: #555;
}
/* End document meta */
 li.nav-item-selected {
    background-color: rgba(113, 142, 203, 0.1) ;
	padding-left: 1rem !important;
	border-left: 0.03rem solid #0E406A; }
 li.nav-item-selected:hover,  li.nav-item-selected:focus,  li.nav-item-selected:active {
background-color: transparent !important;
	padding-left: 0 !important;
	border-left: 0 !important; }
	
/* Secondary Navigation List */   
 ul.links--documents {
    display: block;
    list-style-type: none;
    margin: 0 !important;
    padding: 0; 
}  
    
 ul.links--documents li {    
    margin: 0;
    padding: .5rem 0;
    /* border-bottom: 1px solid #f5f7fa !important;*/
    font-size: 1.1rem !important; }
    
 ul.links--documents li:last-child {    
	border-bottom: none; } 
    
 ul.links--documents li:hover {     
	background-color: rgba(204, 204, 204, 0.1);
	padding-left: 1rem;
	border-left: 0.03rem solid #0E406A;  
   -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
	
 ul.links--documents li a {     
    color: #0E406A;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;   
    border-bottom: none !important; }
    
 ul.links--documents li a:hover, ul.links--documents li a:active {
    color: #002751;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;    
    text-decoration: none;
    border-bottom: none; }
    
.links--documents-list {
    padding-bottom: 2rem;
}
    
	
/* Tables */
table.content {
  min-width:100%;
  border: none;
}
table.content thead tr td, table.content thead tr th {
	color: #555555;
}
table.content tr td, table.content tr th {
  color: #555555;
}
th {
   font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
table.content tr td.active {
    color: #00837C;
    transition: 0.3s ease all;
    background-color: rgba(230, 244, 243, 0.3);
}
table.content tr.alt td.active, table.content tr.even td.active, table.content tr:nth-of-type(even) td.active {
    background: rgba(230, 244, 243, 1.0);
}
table.content > thead.primary > tr > th {
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.6875rem;
    letter-spacing: -.03rem;
  	border: solid 1px rgba(0,0,0, 0.05);
}
table.content thead.primary > tr > th.active {
    background: rgba(230, 244, 243, 1.0);
  	color: #00837C;
}
table.content td .
{
  	margin: 0 0;
}
table.content td.active .button {
  	background-color: #00837C;
  	margin: 0 0;
}
table.content td.active .button:hover, table.content td.active .button:focus  {
  	background-color: #005b51;
  	margin: 0 0;
}
table.content .blank {
  background: #fff !important;
  border: none !important;
}
@media only screen and (max-width: 40em) {
    table.content > thead.primary > tr > th {
      font-size: 1.571rem;
      letter-spacing: -.03rem;
    }
}
/* Forms */    
 form p {
	font-size: 1rem;
}      	
	
/*---- typography end ----*/		
 /*---- Colors ----*/
			   
.teal-drk--bg {background-color: #00837C;}
.teal--bg {background-color: #009C95;}																   
.teal-lght--bg {background-color: #1AB6AF;}
.teal-drk--txt {color: #00837C !important;}
.teal--txt {color: #009C95 !important;}																   
.teal-lght--txt {color: #1AB6AF !important;} 
.opblue-drk--bg {background-color: #002751;}
.opblue--bg {background-color: #0E406A;}
.opblue-lght--bg {background-color: #285A84;}
.opblue-drk--txt {color: #002751 !important;}
.opblue--txt {color: #0E406A !important;}
.opblue-lght--txt {color: #285A84 !important;} 
.opred-drk--bg {background-color: #AD002D;}
.opred--bg {background-color: #C60C46;}
.opred-lght--bg {background-color: #E02660;}
.opred--txt {color: #C60C46 !important;} 
.opyellow-drk--bg {background-color: #E5AA3E;}
.opyellow--bg {background-color: #FEC357;}
.opyellow-lght--bg {background-color: #FFDD71;}
.opyellow--txt {color: #FEC357 !important;}
 /*---- Colors End ----*/ 
 /*---- Typography Specific ----*/
.ops-r { font-family: 'open_sansregular';}
.ops-i {font-family: 'open_sansitalic';}
.ops-l {font-family: 'open_sanslight';}
.ops-sb {font-family: 'open_sanssemibold';}
.ops-b {font-family: 'open_sansbold';}
.ops-eb {font-family: 'open_sansextrabold';}
.gds-r {font-family: 'gandhi_serifregular';}
.gds-i {font-family: 'gandhi_serifitalic';}
.gds-b {font-family: 'gandhi_serifbold';}
.gds-bi {font-family: 'gandhi_serifbold_italic';}
 
 /*---- Typography Specific End ----*/
/*---- Buttons ----*/
	
.button {
	font-family: 'open_sanslight', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;	
	font-size:1.5rem !important;
  line-height: 1.25;  
  text-decoration: none !important;
  padding: 0.7rem 1.2rem !important;
  margin: 1rem auto;
  display: inline-block;
  position: relative;
  border: 0px; 
	
	-webkit-border-radius: 3px;
	-moz-border-radius-: 3px;
    border-radius: 3px;
      
    /*-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);*/
 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
.button:disabled, .button:disabled:hover, .button:disabled:focus {
  background: #fff;
  color: #555 !important;
  border: 1px solid #ccc;
}
	
input[type="submit"] {	
	align-items: flex-start;
    text-align: none;
    border-width: none;
    border-style: none;
    border-color: none;
    border-image: none;
	}
	
.expand {
	width: 100%;
	padding: 1rem 2rem 1.0625rem 2rem !important;
    font-size: 1.3rem !important;
	text-align: center;
	}		
	
.outline-button {
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	font-size:1.5rem;
  line-height: 1.25;  
	text-decoration: none !important;
	padding: 0.5em 1em 0.5em 1em !important;
	margin: 1em auto;
  display: inline-block;
  position: relative;
  border: 1.2px solid #00837C !important;
  background-color: #ffffff;
  color:#00837C;
  
  	-webkit-border-radius: 3px;
	-moz-border-radius-: 3px;
    border-radius: 3px;	}
.outline-button:hover, .outline-button:focus, .outline-button:active {
  background-color: #ffffff;
  color:#00837C;
	}
 
@media only screen and (max-width: 40em) {
.square-button {
	font-family: 'open_sanslight', Arial, Helvetica, sans-serif;
	font-size:1.5rem;
    line-height: 1;  
	text-decoration: none !important;
	padding: 1rem !important;
	margin: 0 0 0.05rem 0;
    display: inline-block;
    position: relative;
    border-bottom: 0 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
		}
	} 	
	
.primary-a {              
	background-color: #0E406A;
    color: #ffffff !important;
	}
	
.primary-a:hover, .primary-a:focus, .primary-a:active {
	background-color: #072238;
    color: #ffffff !important;
	}
.primary-a-active {
	background-color: #072238;
    color: #ffffff !important;
	}	
                        
.primary-b {              
    background-color: #00837C; 
    color: #ffffff !important;
	}
	
.primary-b:hover, .primary-b:focus, .primary-b:active {
    background-color: #004f4b;
    color: #ffffff !important;
	}
	
.primary-b-active {
    background-color: #004f4b; 
    color: #ffffff !important;
	}	
	
.primary-c {              
    background-color: #E6E6E6; 
    color: #464646 !important;
	}
	
.primary-c:hover, .primary-c:focus, .primary-c:active {
    background-color: #b3b3b3; 
    color: #464646 !important;
	}
.primary-d {              
    background-color: #00837C; 
    color: #ffffff !important;
	}
	
.primary-d:hover, .primary-d:focus, .primary-d:active {
    background-color: #006355; 
    color: #ffffff !important;
	}
.secondary-a {
  background-color:none;
  color: #0E406A;
  border: inset #0E406A 2px solid !important;
}
                                
 /*---- Buttons End ----*/  
	
/* ============  Molecules ============ */
/* ----- Title -------- */ 
.title {
	padding: 0.5rem !important;
	margin: 0;
	background-color: #e3e8f5;
  color: #0E406A;	
	text-align: center;
  font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 1.643rem !important; } 
	
.title a {
	border: none;
  font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
  color: #0E406A; }
	
.title a:hover {
  font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	color: #25427F; }
		
	
/* ----- Search -------- */ /* ----NVK 8/31/21---*/
.search .header-search div.columns {
	padding-left: 0;
	padding-right: 0; }
.search .search-input {
  margin-top: 1px;
  height: 2.75rem !important; }
.search {
  margin: 1rem 0;
  padding: 1rem 0; }
.search.search-phone {
  margin: 0rem;
  padding: 0rem;
  text-align: right; }
	
.search .button {
	margin: 0 0 0 0.5rem;
	font-size: 1.2rem !important; }		
		
.search-within {
	margin: 0rem 0;
	padding: 0rem 0; }	
		
.search-within .button {
	margin: 0 0 0 0.5rem;
	font-size: 1.2rem !important; }		
.search-item {
	margin: 1rem 0;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #efefef; }
	
.search-item a {
  border-bottom: none; }
.search-item h2, .search-item h3 {
  padding-bottom: 0.15rem;
  margin-bottom: 0; }
.search-item h2:after, search-item h3:after {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 1em;
  text-decoration: inherit;
  content:"  \f101";
  color: #285A84; }	
	
.search-item h2 a, .search-item h3 a {
  margin-bottom: 0; }
	
.search-item h2 a:hover, .search-item h3 a:active {	
  display: inline-block;
  position: relative;
  color: #285A84; }	
.search-item h2 a::after, search-item h3 a::after {
  content:" ";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #285A84;
  transform-origin: bottom right;
  transition: transform 0.5s ease-out; }
.search-item h2 a:hover::after, .search-item h3 a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left; }	
/* ----- Updates -------- */ /* ----NVK 8/31/21---*/
.update-item {
  margin: 1rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #efefef; }
	
.update-item h2, .update-item h3 {
  padding-bottom: 0.15rem;
  margin-bottom: 0; }
.update-item h2 a, .update-item h3 a {
  text-decoration: none; }
.update-item h2 a:hover, .update-item h3 a:hover {
 padding-bottom: 0.25rem;
 border-bottom: 1px solid #285A84; }
/*--- .update-item h2:after, update-item h3:after {
  font-family: FontAwesome;
  font-style:normal;
  font-weight:normal;
  font-size: 1em;
  text-decoration: inherit;
  content:"  \f101";
  color: #285A84;
}
.update-item h2 a:hover, .update-item h3 a:hover {
  display: inline-block;
  position: relative;
  color: #285A84;
}
.update-item h2 a::after, update-item h3 a::after {
  content:" ";
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #285A84;
  transform-origin: bottom right;
  transition: transform 0.5s ease-out;
}
.update-item h2 a:hover::after, .update-item h3 a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
} ---*/
/* ----- Sign In -------- */ 	
#SignInModal form label {
	font-size: 1.2rem; }
	
#SignInModal form h3 {
    font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }	
/* ----- Panel Customizations ----- */
.panel.callout {
 background-color: #eff4fa !important; }
.panel.callout a:not(.button) {
  color: #0E406A !important;
  /* border-bottom: 1px solid rgba(62, 91, 152, 0.2); */ }
.panel.callout a:not(.button):hover {
  color: #285A84 !important;
  /* border-bottom: 1px solid rgba(113, 142, 203, 0.2); */ }
.aside .panel.callout h2 {
	font-size: 2rem;
  line-height:1.265;
  font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.aside .panel.callout h3 {
  font-size: 1.634rem;
  line-height:1.265;
  font-family: 'open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
						  
													
 
/* ----- Accordion FAQ -------- */ 
.transition, ul.accordion-faq li p, ul.accordion-faq ul li, ul.accordion-faq li i:before, ul.accordion-faq li i:after, ul.accordion-faq li span.icon:before, ul.accordion-faq li span.icon:after{
  transition: all 0.25s ease-in-out;  }
    
.accordion-faq hr  {
    margin-top: 2em ;
    border-top: 1px dashed rgba(140, 139, 139, 0.20);
	border-bottom: 1px dashed #fff;
	background-color: transparent;  }
    
.accordion-faq h6 {
 	font-family: "gandhi_serifregular", Georgia, Times New Roman, serif; 
    color:#415D43 !important;  } 
 
ul.accordion-faq {
  padding: 0 !important;
  margin: 0.5em 0 1em 0 !important;  }
ul.accordion-faq li {
  position: relative;
  /*padding: 0.5em 0 1em 0;*/
  margin: 0;
  border-top: 1px solid #ebebeb;
  list-style-type: none;
	transition: ease-in-out 0.3s;
}
ul.accordion-faq li:nth-of-type(1) {
  animation-delay: 0.5s;  }
ul.accordion-faq li:nth-of-type(2) {
  animation-delay: 0.75s;  }
ul.accordion-faq li:nth-of-type(3) {
  animation-delay: 1s;  }
ul.accordion-faq li:last-of-type {
  padding-bottom: 0;  }
  
ul.accordion-faq li i, ul.accordion-faq li span.icon {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 2em;
  right: 0;  }
  
ul.accordion-faq li i:before, ul.accordion-faq li i:after, ul.accordion-faq li span.icon:before, ul.accordion-faq li span.icon:after {
  content: "";
  position: absolute;
  background-color: #A9AAAC;
  width: 3px;
  height: 9px; }
  
ul.accordion-faq li i:before, ul.accordion-faq li span.icon:before {
transform: translate(-2px, 0) rotate(45deg);  }
ul.accordion-faq li i:after, ul.accordion-faq li span.icon:after {
  transform: translate(2px, 0) rotate(-45deg);  }
ul.accordion-faq li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0; }
ul.accordion-faq li input[type=checkbox]:checked ~ p {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none; }
ul.accordion-faq li input[type=checkbox]:checked ~ ul {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none; }
ul.accordion-faq li input[type=checkbox]:checked ~ ol {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none; }
ul.accordion-faq li input[type=checkbox]:checked ~ dl {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none; }
ul.accordion-faq li input[type=checkbox]:checked ~ table {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none; }
ul.accordion-faq li input[type=checkbox]:checked ~ i:before, ul.accordion-faq li input[type=checkbox]:checked ~ span.icon:before {
  transform: translate(2px, 0) rotate(45deg); }
ul.accordion-faq li input[type=checkbox]:checked ~ i:after, ul.accordion-faq li input[type=checkbox]:checked ~ span.icon:after{
  transform: translate(-2px, 0) rotate(-45deg); }     
     
ul.accordion-faq li h3 {    
    font-weight: 400;    
    padding-right: 1em; 
    cursor: pointer;
}
ul.accordion-faq li .view {      
  margin-bottom: 2em;
  padding-right: 1em;
  cursor: pointer; }
ul.accordion-faq li p {
  padding-right: 0.5em;
  position: relative;
  overflow: hidden;
  max-height: 500px;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 0.5em;
  z-index: 2;  }
     
ul.accordion-faq li p a {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem; 
    border-bottom: none; }
ul.accordion-faq li p a:hover {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem;
    border-bottom: none; } 
ul.accordion-faq ul {   
  padding: 0;
  margin: 1em 0; }
ul.accordion-faq li ul li { 
  padding: 0 0 0 0.3em;
  margin: 0 0 0 2em;
  border-top: none;
  list-style-type: disc;
  cursor: text; 
  z-index: 5; }
ul.accordion-faq li ul li a {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem;
    border-bottom: none; }
ul.accordion-faq li ul li a:hover {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem;
    border-bottom: none; } 
ul.accordion-faq li ul.links li {
  	padding: 0;
		margin: 0;
    border-bottom: 1px solid #f5f7fa;
    font-size: 1.1rem;
    list-style-type: none;
}
ul.accordion-faq li ul.links li a {
  	text-decoration: underline;
}
ul.accordion-faq ol {   
  padding: 0;
  margin: 1em 0; }
ul.accordion-faq ol li { 
  padding: 0 0 0 0.3em;
  margin: 0 0 0 2em;
  border-top: none;
  list-style-type: decimal !important;
  cursor: text; 
  z-index: 5; }
ul.accordion-faq li ol li a {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem;
    border-bottom: none; }
ul.accordion-faq li ol li a:hover {  
    /* text-decoration:none !important; */
    padding-bottom: 0.1rem;
    border-bottom: none; } 
/*---- accordion end ----*/
/*---- Message Box ----*/ 
.msg--primary-a {
    color: #ffffff;
    position: relative;
    padding: 1.25rem 1.25rem 0.05rem 1.25rem !important;
    margin: 1rem 0 1rem 0;
    border-left: 6px solid #285A84; 
    background: #0E406A; }
    
.msg--primary-a .fa {
  padding-right: 0.5rem;
  color: #ffffff; } 
.msg--primary-a .h1, .msg--primary-a .h2, .msg--primary-a .h3, .msg--primary-a .h4, .msg--primary-a .h5, .msg--primary-a .h6 {
  color: #ffffff; } 
 
.msg--primary-a hr {
 color: #ffffff; }
.msg--primary-a a {
 color: #ebebeb;
 text-decoration: underline; }
.msg--primary-b {
    color: #ffffff;
    position: relative;
    padding: 1.25rem 1.25rem 0.05rem 1.25rem !important;
    margin: 1rem 0 1rem 0;
    border-left: 6px solid #1AB6AF;
    background: #00837C; }
    
.msg--primary-b .fa {
  padding-right: 0.5rem;
  color: #ffffff; }
.msg--primary-b .h1, .msg--primary-b .h2, .msg--primary-b .h3, .msg--primary-b .h4, .msg--primary-b .h5, .msg--primary-b .h6 {
  color: #ffffff; } 
.msg--primary-b hr {
 color: #ffffff; }
.msg--primary-b a {
 color: #ebebeb;
 text-decoration: underline; }
.msg-box > h4 {
    font-size: 1.15rem;
    margin: .25rem 0 .25rem 0;
    line-height: 1.15rem; }
.message-area {
    margin-bottom: 1rem;
}
      
/*---- message box end ----*/
.accordion {
  margin-bottom: 0;
  margin-left: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    
/* Dark / Transaction Accordion */  
    
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #2d4370;
      color: #f2f2f2; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #0E406A;
      color: #f2f2f2;
      display: block;
      clear: both; /* added to resolve overflow issue */
      font-family: 'open_sanslight',"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.2rem; /*changed*/
      padding: 1.5rem 1.5rem 1.5rem 2rem; /*changed*/
      border-bottom-color: #41739D; /*changed*/
}
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
       background: #32497b;
    	color: #f2f2f2;
     }
   
     
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0; } /* edited */
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
        display: block; }
        
        
/* light */
    .accordion .accordion-navigation.active > a.light, .accordion dd.active > a.light {
      background: none;
      color: #3c3c3c;
      font-family: 'open_sanssemibold','open_sansregular', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
 
.accordion .accordion-navigation > a.light, .accordion dd > a.light {
      background: none;
      color: #000000;
      display: block;
      clear: both; /* added to resolve overflow issue */
      font-family: 'open_sansregular',"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.2rem; /*changed*/
      padding: 1.5rem 1.5rem 1.5rem 1rem; /*changed*/
      border-bottom-color: #eeeeee; /*changed*/
}
/* sub navigation */
    .accordion .accordion-navigation > a.light-nested, .accordion dd > a.light-nested {
      background: none;
      color: #000000;
      display: block;
      clear: both; /* added to resolve overflow issue */
      font-family: 'open_sanslight',"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.2rem; /*changed*/
      padding: 1.5rem 1.5rem 1.5rem 3.5rem; /*changed*/
      border-bottom-color: #eeeeee; /*changed*/
}
      .accordion .accordion-navigation > a.light:hover, .accordion dd > a.light:hover {
       background: #f5f5f5;
       color: #3c3c3c;
     }
/*---- Accordion Nav Menu ----*/
.fa-nav {
    font-size: 1.8rem;
    top: .2rem;
    position: relative;
}
.accordion .accordion-navigation.active > a > .fa-nav {
    color: #120c80;
}
.accordion ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.accordion ul li {
  width: 100%;
  display: block;
  float: left;
  position: relative;
}
.accordion ul li a {
position: relative;
text-decoration: none;
/*white-space: nowrap;*/
position: relative;
overflow: hidden;
}
ul.submenu li a {
width: 100%;
float: left;
font-size: 1.2rem;
background: #f9f9f9;
color:#373f51;
border-top: none;
position: relative;
border-left: solid 2px transparent;
-webkit-transition: border .2s linear;
transition: border .2s linear;
padding: 1.5rem 1.5rem 1.5rem 5rem;
line-height: 1rem;
border-bottom: none;
}
/* 
ul.submenu li a:active {
    color: #120C80;
}
ul.submenu li a:hover {
    background: #e5e5e5;
    color: #120C80;
} */
ul.submenu li a:active {
    color: #120C80;
    border-left: solid 2px #607ab0;
    background: #ececec;
    font-family:'open_sanssemibold','open_sansregular', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul.submenu li a:hover {
    background: #e5e5e5;
    /* color: #120C80;*/
    border-left: solid 2px #32497b;
}
.accordion .accordion-navigation.active > a {
    background-color: #607ab0;
}
.accordion .accordion-navigation > a.light-nested {
    background-color: #f9f9f9;
}
.accordion .accordion-navigation.active > a.light-nested {
    background-color: #f9f9f9;
}
ul.submenu li {
    padding: 0;
    margin: 0;
 }
 
ul.accordion li {
    margin: 0;
}
ul.accordion {
    margin: 0;
    padding: 0;
}
 
.accordion-icon:before {
    content: "\f0d7";
}
.active .accordion-icon:before {
    content: "\f0d8";
}
span.fa.accordion-icon {
    float: right;
    line-height: 2rem;
}
.accordion-icon-nested:after{
    content: "\f0da";
}
.active > a > span.accordion-icon-nested:after {
    content: "\f0d7";
}
span.fa.accordion-icon-nested {
    margin-right: .5rem;
}
.accordion-caret:before {
    content: "\f0d7";
}
.active accordion-caret:before {
    content: "\f0d8";
}
span.fa.accordion-caret {
    float: right;
    line-height: 2rem;
}
 /*---- pattern end ----*/
/*---- Accordion Top Bar ----*/
.accordion .accordion-navigation > a.topbar {
    padding: 1.5rem 1.5rem 1.5rem 3.25rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    text-decoration: none;
}
ul.submenu li a.topbar {
    padding: 1.5rem 1.5rem 1.5rem 6rem;
}
.topbar-icon:before {
    content: "\f0d7";
}
.active .topbar-icon:before {
    content: "\f0d8";
}
span.fa.topbar-icon {
    float: right;
    line-height: 2rem;
}
 /*---- pattern end ----*/
/*---- Transcript ----*/
.transcript {
	margin: 0 0 2rem 0;
	border-top: 10px solid #f5f5f5;	
	border-bottom: 10px solid #f5f5f5; }
	
.transcript h3 {
   font-family: 'open_sanslight', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  } 
.transcript-toggle {
  cursor: pointer;
  display: block;
  width: 100%; }
  
.transcript-toggle .fa {
  padding-right: 0.5rem; }
  
.transcript-content {
  display: none; }
@media only screen and (max-width: 40em) {	  
  .transcript {
	margin: 0; } 
}
  
  
/*---- pattern end ----*/
/*---- Optima Health Icon Set Styling ---*/
/* ---- Icon Bar ---- */
h1.icon-header {
  padding-bottom: 0 !important; 
  border-bottom: none !important;
  text-align: center !important; }
/* icon heading, icon image size, and icon p spacing */
.icon-bar h5, .icon-bar .h5 {
 font-size: 1.3rem;
 color: #555555;
 margin: .5em 0 0rem 0;
 font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.icon-bar > * i, .icon-bar > * span {
   color: #0E406A !important;
}
.icon-bar > a:hover i, .icon-bar > a:hover span {
   color: #555 !important;
}
.icon-bar.horizontal p {
 min-height: 6rem;
color: #555555;
}
    
/* icon grid line adjustments */    
.icon-panel {
line-height: 0;
margin: 2rem 0;
 } 
.icon-bar.horizontal h5, .icon-bar.horizontal .h5 {
	min-height:2rem; }  
    
.icon-bar.horizontal > a.item {
 	border: 1px solid #E6E6E6;
	background: #fdfdfd;
  transition: ease-in-out 0.1s;
  text-decoration: none;
}    
/* vertical text and border alignment */ 
     
.icon-bar.vertical p {
	text-align: left;
	margin-left: 1rem; }
.icon-bar.vertical h5, .icon-bar.vertical .h5 {
	text-align: left;
	margin-left: 1rem; }
.icon-bar.vertical > a.item {
 border-bottom: 1px solid #CCC;
 background: #fdfdfd;
 text-decoration: none; }
 
/* ============  Pattern Guide ============ */
/*---- Colors Module ----*/
.colors {
	padding-bottom: 2rem; }
	
.colors textarea {
	font-size: 1.2rem;
	text-align: center;
	padding-top: 1rem; }
		
.colors-top {
  padding: 0.6429rem 1rem;
  background-color: #f7f7f9;
  border: 0.07143rem solid #e1e1e8;
  top: 1rem;
  left: 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #959595;
  text-transform: uppercase;
  letter-spacing: 0.07143rem;
  text-align: center;
  border-radius: 4px 4px 0 0; }
     
.colors-blank {
  padding: 0.6429rem 1rem;
  height: 2.571rem;
  border-left: 0.07143rem solid #e1e1e8;
  border-right: 0.07143rem solid #e1e1e8; }
.colors-class {
 padding: 0.6429rem 1rem;
 background-color: #f7f7f9;
 border-left: 0.07143rem solid #e1e1e8;
 border-right: 0.07143rem solid #e1e1e8; }
     
.colors-hex {
  padding: 0.6429rem 1rem;
  background-color: #f7f7f9;
  border: 0.07143rem solid #e1e1e8;
  border-radius: 0 0 4px 4px; }	
/*---- color end ----*/
/*---- Pattern ----*/
.pattern {
	margin: 0 0 2rem 0;
	border-top: 20px solid #f5f5f5;						
}
.pattern-toggle {
  cursor: pointer;
  display: block;
  width: 100%; }
  
.pattern-toggle .fa {
  padding-right: 0.5rem; }
  
.pattern-content {
  display: none; }
  
.pattern-content.default {
  display: block; }  
  
h1.library {
  text-align: center; } 
  
.code-block {
	display: block;
	padding: 0.6429rem;
	margin: 0 0 0.7143rem;
	font-size: 0.9286rem;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 0.07143rem solid #ccc;
	border-radius: 0.2857rem;
	max-height: 17.86rem;
	overflow: auto; }
	 
.nav h4 {
	padding-top: 0;
	margin-top: 0; }
a.btp {
    border-bottom: none !important; }
  
/*---- pattern end ----*/
/*-- Testing Grounds -- */
.aside { /* change for small view */
    margin-top: 5.5rem;
}
/*-- Hero field entry --*/
.hero-field-entry {
 margin: .25rem 0;
 padding: .25rem 0;
}
.hero-field-entry .button {
    font-size: 1.5rem !important;
    margin: 0 0 0 0.5rem;
    line-height: 1.4;
}
.hero-field-entry input[type=text] {
    font-size: 1.3rem;
    height: 3.5rem;
}
.hero-cta.large-hero-summary {
    width: 33rem;
}
@media only screen and (max-width: 40em) {			
.hero-cta.large-hero-summary {
    width: auto;
} }
.panel.light {
    background: rgba(204, 204, 204, 0.05);
}
.results .summary {
    margin: .5rem 0;
}
/* search icon */
.search-item > h3 > a > span > i.fa {
    font-size: 1.25rem;
    bottom: .1rem;
    position: relative;
}
a.light.selected {
    color: #120C80;
    background: #fbfbfb !important;
    border-left: solid 2px #32497b;
}
/* search facets - doclist */
li.facet > label > input[type=checkbox], li.facet > label > input[type=radio]{
    margin: 0rem;
}
li.facet div {
    display: inline-block;
    width: 100%;
}
ul.submenu-facet li a {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    background: none;
    color: #373f51;
    border-top: none;
    position: relative;
    border-left: solid 2px transparent;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    padding: 1rem 1rem 1rem 2.5rem;
    line-height: 1rem;
    border-bottom: none;
}
ul.submenu-facet li.facet label {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    background: none;
    color: #373f51;
    border-top: none;
    position: relative;
    border-left: solid 2px transparent;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    padding: 1rem 1rem 1rem 2.5rem;
    line-height: 1rem;
    border-bottom: none;
}
ul.submenu-facet-nested li a {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    background: #f9f9f9;
    color: #373f51;
    border-top: none;
    position: relative;
    border-left: solid 2px transparent;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    padding: 1rem 1rem 1rem 5.5rem;
    line-height: 1rem;
    border-bottom: none;
}
ul.submenu-facet-nested li.facet label {
    width: 100%;
    float: left;
    font-size: 1.2rem;
    background: #f9f9f9;
    color: #373f51;
    border-top: none;
    position: relative;
    border-left: solid 2px transparent;
    -webkit-transition: border .2s linear;
    transition: border .2s linear;
    padding: 1rem 1rem 1rem 5.5rem;
    line-height: 1rem;
    border-bottom: none;
}
ul.accordion ul.submenu-facet li.selected a {
   font-family: 'open_sanssemibold','open_sansregular', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   color: #120c80;
}
p.doc-list-buttons {
    margin-left: 2rem;
}
.search-summary {
    margin: 0 0 1rem 0;
    font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.286rem;
    color: #555555;
    background: rgba(204, 204, 204, 0.05);
    padding: 1rem;
}
.document-results > h2 {
    border-bottom: 1px solid #eee;
    padding-bottom: .25rem;
    margin-bottom: 1rem;
}
.document-facets > h3 {
    border-bottom: 1px solid #eee;
    padding-bottom: .55rem;
    margin-bottom: 1rem;
}
p.links--summary {
    margin: 0;
}
/***** Search Document *****/
#doclist_result h2 {
    border-top: 1px solid #eee;
    padding-top: 1em;
}
/* span in menu fix */
ul.topnav li a > span {
    display: inline;
}
/*---- Scroll to top -----*/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 8000;
  background-color: #e6e6e6;
  color: #555;
  width: 50px;
  height: 48px;
  line-height: 45px;
  right: 30px;
  bottom: 30px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    color: #FFF;
    background-color: #00837C;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
opacity: 1.0;
}
.scroll-top-wrapper span.fa {
line-height: inherit;
padding:0;
}
/*---- Smart Banner -----*/
/*.smartbanner-show {
	margin-top: 80px;
}*/
.smartbanner-show .smartbanner {
	display: block; 
  
  margin-bottom: .1rem;
}
/** Default **/
.smartbanner {
	/*position: absolute;*/
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	font-family: 'Helvetica Neue', sans-serif;
	background: #f4f4f4;
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}
.smartbanner-container {
	margin: 0 auto;
	white-space: nowrap;
}
.smartbanner-close {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 20px;
	text-align: center;
	color: #888;
	text-decoration: none;
	border: 0;
	border-radius: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
}
.smartbanner-close:active,
.smartbanner-close:hover {
	color: #aaa;
}
.smartbanner-icon {
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 57px;
	margin-right: 12px;
	background-size: cover;
	border-radius: 10px;
}
.smartbanner-info {
	display: inline-block;
	vertical-align: middle;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
}
.smartbanner-title {
	font-size: 13px;
	line-height: 18px;
}
.smartbanner-button {
	position: absolute;
	right: 20px;
	/*top: 0;
	bottom: 0;*/
	/*margin: auto 0;*/
  margin-top:2rem;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	text-transform: uppercase;
	text-decoration: none;
	/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);*/
  z-index: 9999;
}
.smartbanner-button:active,
.smartbanner-button:hover {
	color: #aaa;
}
.smartbanner-button-text {
}
.smartbanner-button-text:active,
.smartbanner-button-text:hover {
}
/** iOS **/
.smartbanner-ios {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}
.smartbanner-ios .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}
.smartbanner-ios .smartbanner-close:active,
.smartbanner-ios .smartbanner-close:hover {
	color: #aaa;
}
.smartbanner-ios .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-ios .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-ios .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}
.smartbanner-ios .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-ios .smartbanner-button:active,
.smartbanner-ios .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}
.smartbanner-ios .smartbanner-button-text {
}
.smartbanner-ios .smartbanner-button-text:active,
.smartbanner-ios .smartbanner-button-text:hover {
}
/** Android **/
.smartbanner-android {
    background: #f9f9fb;
    /* box-shadow: inset 0 4px 0 #88b131; */
    line-height: 82px;
}
.smartbanner-android .smartbanner-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    margin-right: 7px;
    color: #f6f6f7;
    background: #808080;
    text-shadow: 0 1px 1px #4a4848;
	/*box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);*/
}
.smartbanner-android .smartbanner-close:active,
.smartbanner-android .smartbanner-close:hover {
	color: #eee;
}
.smartbanner-android .smartbanner-icon {
	background-color: transparent;
	box-shadow: none;
}
.smartbanner-android .smartbanner-info {
    color: #666;
    /* text-shadow: 0 1px 2px #000; */
}
.smartbanner-android .smartbanner-title {
    color: #000;
    font-weight: bold;
}
.smartbanner-android .smartbanner-button {
    min-width: 12%;
    background: none;
    color: #ffffff;
    padding: 0;
    border-radius: 2rem;
    /* box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc; */
    /* -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25); */
    /* -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);*/
    /* box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25); */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-android .smartbanner-button:active,
.smartbanner-android .smartbanner-button:hover {
	background: none;
}
.smartbanner-android .smartbanner-button-text {
    text-align: center;
    display: block;
    padding: 0 12px;
    background-color: #ffffff;
    color: #00837C !important;
    border-radius: 3.5rem;
    text-shadow: none;
    box-shadow: none;
    font-family: 'open_sanssemibold', Arial, Helvetica, sans-serif;
    font-size: 1.2rem !important;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.smartbanner-android .smartbanner-button-text:active,
.smartbanner-android .smartbanner-button-text:hover {
	background: #2ac7e1;
}
/** Windows **/
.smartbanner-windows {
	background: #f4f4f4;
	background: linear-gradient(to bottom, #f4f4f4, #cdcdcd);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 80px;
}
.smartbanner-windows .smartbanner-close {
	border: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	color: #888;
	text-shadow: 0 1px 0 white;
}
.smartbanner-windows .smartbanner-close:active,
.smartbanner-windows .smartbanner-close:hover {
	color: #aaa;
}
.smartbanner-windows .smartbanner-icon {
	background: rgba(0, 0, 0, 0.6);
	background-size: cover;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.smartbanner-windows .smartbanner-info {
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.smartbanner-windows .smartbanner-title {
	color: #4d4d4d;
	font-weight: bold;
}
.smartbanner-windows .smartbanner-button {
	padding: 0 10px;
	min-width: 10%;
	color: #6a6a6a;
	background: #efefef;
	background: linear-gradient(to bottom, #efefef, #dcdcdc);
	border-radius: 3px;
	box-shadow: inset 0 0 0 1px #bfbfbf, 0 1px 0 rgba(255, 255, 255, 0.6), 0 2px 0 rgba(255, 255, 255, 0.7) inset;
}
.smartbanner-windows .smartbanner-button:active,
.smartbanner-windows .smartbanner-button:hover {
	background: #dcdcdc;
	background: linear-gradient(to bottom, #dcdcdc, #efefef);
}
.smartbanner-windows .smartbanner-button-text {
}
.smartbanner-windows .smartbanner-button-text:active,
.smartbanner-windows .smartbanner-button-text:hover {
}
/* Form radio button styling via select-radio */
input[type="radio"].select-radio {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
  width: 1px;
}
input[type="radio"].select-radio + label::before {
  color: #eeeeee;
    font-family: FontAwesome;
    font-size: 1.8rem;
    content: "\f1db";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
input[type="radio"].select-radio:checked + label::before {
    font-family: FontAwesome;
    color: #00837C;
    font-size: 1.8rem;
    content: "\f058";
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0.5em;
    transition: 0.3s ease all;
}
input[type="radio"].select-radio:checked + label {
  	color: #00837C;
}
input[type="radio"].tabs + label::before, input[type="checkbox"].tabs + label::before {
  	color: #ddd;
}
input[type="radio"].tabs + label, input[type="checkbox"].tabs + label {
    margin: 0rem;
    padding: 0.6rem 1.5rem;
  	border: 1px solid #eee;
    transition: 0.3s ease all;
}
input[type="radio"].tabs:checked + label, input[type="checkbox"].tabs:checked + label {
	background: rgba(230, 244, 243, 1.0);
  border: 1px solid #ddd;
  color: #00837C;
  cursor: default;
}
input[type="radio"].tabs:hover + label, input[type="checkbox"].tabs:hover + label {
	background: rgba(230, 244, 243, 1.0);
  border: 1px solid #ddd;
}
input[type="radio"].tabs:hover + label::before, input[type="checkbox"].tabs:hover + label::before {
	content: "\f058";
  color: #555;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  input[type="radio"].tabs + label, input[type="checkbox"].tabs + label {
    padding: 0.5rem 1.5rem;
  	border: 1px solid #fff;
    min-width: 100%;
}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    input[type="radio"].tabs + label, input[type="checkbox"].tabs + label {
    padding: 0.5rem 1.5rem;
  	border: 1px solid #fff;
    min-width: 50%;
}
}
/* Icon radio button styling via select-radio */
.icon-selector fieldset {
  border: 0px;
  padding: 0;
}
input[type="radio"].icons + label::before {
		color: #00837C;
    font-family: FontAwesome;
    font-size: 3rem;
    /*content: "\f08a";*/
    display: inline-block;
    width: 1em;
    vertical-align: -0.1em;
    margin-right: 0em;
    transition: 0.3s ease all;
}
input[type="radio"].icons + label {
    margin: 0rem;
    color: #00837C;
  	font-size: 1.3rem;
    padding: 1.5rem 1.5rem;
  	border: 1px solid #eee;
    transition: 0.3s ease all;
    width: 100%;
    /*text-align: center;*/
    font-family: "open_sansregular", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  margin-bottom: 1rem;
}
input[type="radio"].icons + label.icons-phone::before, ol.steps li.icons-phone::before {
  font-family: FontAwesome;
  content: "\f095";
}
input[type="radio"].icons:hover + label.icons-phone::before {
  font-family: FontAwesome;
  content: "\f098";
}
input[type="radio"].icons + label.icons-calendar::before {
  font-family: FontAwesome;
  content: "\f271";
}
input[type="radio"].icons:hover + label.icons-calendar::before {
  font-family: FontAwesome;
  content: "\f274";
}
input[type="radio"].icons + label.icons-calendar-year::before {
  font-family: FontAwesome;
  content: "\f073";
}
input[type="radio"].icons:hover + label.icons-calendar-year::before {
  font-family: FontAwesome;
  content: "\f274";
}
input[type="radio"].icons:checked + label.icons-calendar-year::before {
  font-family: FontAwesome;
  content: "\f274";
}
input[type="radio"].icons:hover + label.icons-check::before, ol.steps li.icons-check::before {
  font-family: FontAwesome;
  content: "\f00c";
}
input[type="radio"].icons + label.icons-check::before {
  font-family: FontAwesome;
  content: "\f14a";
}
input[type="radio"].icons + label.icons-envelope::before, ol.steps li.icons-envelope::before {
  font-family: FontAwesome;
  content: "\f003";
}
input[type="radio"].icons:hover + label.icons-envelope::before {
  font-family: FontAwesome;
  content: "\f0e0";
}
input[type="radio"].icons + label.icons-download::before {
  font-family: FontAwesome;
  content: "\f019";
}
input[type="radio"].icons:hover + label.icons-download::before {
  font-family: FontAwesome;
  content: "\f019";
}
input[type="radio"].icons + label.icons-book::before {
  font-family: FontAwesome;
  content: "\f02d";
}
input[type="radio"].icons:hover + label.icons-book::before {
  font-family: FontAwesome;
  content: "\f02d";
}
input[type="radio"].icons + label.icons-home::before {
  font-family: FontAwesome;
  content: "\f015";
}
input[type="radio"].icons:hover + label.icons-home::before {
  font-family: FontAwesome;
  content: "\f015";
}
input[type="radio"].icons:hover + label.icons-globe::before, ol.steps li.icons-globe::before {
  font-family: FontAwesome;
  content: "\f0ac";
}
input[type="radio"].icons + label.icons-globe::before {
  font-family: FontAwesome;
  content: "\f0ac";
}
input[type="radio"].icons + label.icons-stethoscope::before {
  font-family: FontAwesome;
  content: "\f0f1";
}
input[type="radio"].icons:checked + label.icons-stethoscope::before {
  font-family: FontAwesome;
  content: "\f00c";
}
input[type="radio"].icons:hover + label.icons-stethoscope::before {
  font-family: FontAwesome;
  content: "\f00c";
}
input[type="radio"].icons + label.icons-truck::before, ol.steps li.icons-truck::before  {
  font-family: FontAwesome;
  content: "\f0d1";
}
input[type="radio"].icons:hover + label.icons-truck::before {
  font-family: FontAwesome;
  content: "\f0d1";
}
input[type="radio"].icons + label.icons-eyedropper::before {
  font-family: FontAwesome;
  content: "\f1fb";
}
input[type="radio"].icons:checked + label.icons-eyedropper::before {
  font-family: FontAwesome;
  content: "\f00c";
}
input[type="radio"].icons:hover + label.icons-eyedropper::before {
  font-family: FontAwesome;
  content: "\f00c";
}
input[type="radio"].icons:checked + label.icons-question::before, ol.steps li.icons-question::before {
  font-family: FontAwesome;
  content: "\f128";
}
input[type="radio"].icons:hover + label.icons-question::before {
  font-family: FontAwesome;
  content: "\f29c";
}
input[type="radio"].icons:checked + label.icons-info::before, ol.steps li.icons-info::before {
  font-family: FontAwesome;
  content: "\f129";
}
input[type="radio"].icons:hover + label.icons-info::before {
  font-family: FontAwesome;
  content: "\f05a";
}
input[type="radio"].icons:disabled + label, input[type="radio"].icons:disabled + label::before, input[type="radio"].icons:disabled:hover + label, input[type="radio"].icons:disabled:hover + label::before{
  color: #ddd;
  cursor: default;
  background-color: #fff;
  font-family: FontAwesome;
  content: "\f023";
}
ol.steps li.icon::before {
  color: #00837C;
}
input[type="radio"].icons:checked + label {
	background: rgba(230, 244, 243, 1.0);
  border: 1px solid #ddd;
  color: #00837C;
  cursor: default;
}
input[type="radio"].icons:checked + label::before {
  font-size: 3rem;
  margin-right: 0em;
}
input[type="radio"].icons:hover + label {
	background: rgba(230, 244, 243, 1.0);
  border: 1px solid #ddd;
  color: #00837C;
}
input[type="radio"].icons:hover + label::before {
	/*content: "\f004";*/
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  input[type="radio"].icons + label {
    padding: 0.5rem 1.5rem;
  	/*border: 1px solid #fff;*/
    min-width: 100%;
}
  
  .slab img {
	padding: 0.7rem;
	border: 1px solid #efefef;
	object-fit: fill;
  min-height: 100px;
}
  
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    input[type="radio"].icons + label {
    padding: 0.5rem 1.5rem;
  	/*border: 1px solid #fff;*/
    min-width: 50%;
}
}
label, legend {
    color: #555;
    display: block;
    font-size: 1.143rem;
    margin-bottom: 0;
    margin-top: .5rem;
    font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
/* Chatbot */
.chatbot-wrapper {
   position: fixed;
    bottom: 20%;
    right: 0;
    max-width: 230px;
    cursor: pointer;
    z-index: 8500;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  	padding: 10px;
    font-weight: 700;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.5;
    color: #252525;
    border: 1px #da1818;
    border-style: solid none solid solid;
  background: #fff;
  box-shadow: -1px 3px 5px rgba(37, 37, 37, 0.67);
}
.chatbot-wrapper-cta {
    display:flex;
    flex-direction: row;  
}
.chatbot-wrapper-cta-icon {
  height:50px;
  min-height:50px;
		width:50px;
  min-width:50px;
  margin-right: 10px;
}
.chatbot-wrapper-cta-text {
		font-size: 1.125rem;
  	line-height:1.6;
    margin: 0;
  	font-family: "open_sanssemibold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  vertical-align: middle;
}
.chatbot-wrapper-close {
  z-index: 9000;
}
#chatbotWidgetOverlay {
  position: fixed; /* Positioning and size */
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(128,128,128,0.5); /* color */
  display:none;
  z-index: 9000;
}
#chatbotWidget {
 position: fixed;
    top: 0%;
    right: 0;
    background: #fff;
  height: 100vh;
    box-shadow: -1px 3px 5px rgba(37, 37, 37, 0.67);
    z-index: 9500;
  border-radius: 10px;
  min-width: 370px;
    display:none;
}
.chatbot-header {
    display:flex;
    flex-direction: row; 
}
.chatbot-header-close {
  padding:0.5rem 1rem;
  margin-left: auto;
}
.chatbot-header-logo {
  height: 50px;
  padding-left:1rem;
}
.chatbot-frame {
  width: 100%;
  height:93%;
  border: none;
}