/* NCU Brand Colors
 *
 * Primary Colors
 * Blue:			#0a4772 / rgba(10, 71, 114, 1)
 *
 * Lime:			#c1d82f / rgba(193, 216, 47, 1)
 *
 * Green:			#84973b / rgba(132, 151, 59, 1)
 *
 *
 * Complimentary Colors
 * Orange:			#d6874a / rgba(214, 135, 74, 1)
 *
 * Light Blue:		#1598d5 / rgba(21, 152, 213, 1)
 *
 * Grey:			#575858 / rgba(87, 88, 88, 1)
 *
 * Pink:			#c45495 / rgba(196, 84, 149, 1)
 *
 *
 * Accent Colors
 * Light Grey:		#d3d3d3 / rgba(211, 211, 211, 1)
 * 					Used for borders or dividers
 *
 * Ash Grey:		#575858 / rgba(87, 88, 88, 1)
 * 					Primary text color
 *
 * "Dark" White:	#f0f0f5 / rgba(240, 240, 245, 1)
 * 					Used for section backgrounds
 *
 *
 */

/* NCU General */
/* Custom scroll-bar styles. For those browsers with the cajones to support them */
::-webkit-scrollbar{
	height: 12px;
	width: 12px;
}
::-webkit-scrollbar-track{
	background: #fff;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 2px;border-radius:2px;
}
::-webkit-scrollbar-thumb{
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: rgba(179,206,224,0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
*::selection{
	background-color: #1598d5;
	color: #fff;
}

/* Don't actually use this. Merely a reference for conventions in specific situations
* + * {
	margin-top: 1.5em;
}*/

/* Per tag Styles */
* + h2,
* + ol,
* + p,
* + ul{
	margin-top: 1rem;
}
a:link,
a:visited{
	color:#84973b;
	font-weight: bold;
	text-decoration: underline;
}
em{
	font-style: italic;
}
fieldset + fieldset{
	margin-top: 2em;
}
h1,
h2,
h3,
h4,
h5,
p{
	overflow-wrap: break-word;
	word-wrap: break-word;
}
h2{
    color: #575858;
    font-size: 3em;
}
h3{
	color: #84973b;
	font-size: 1.4em;
}
h3,
h4,
h5{
	font-weight: bold;
}
* + h3,
* + h4,
* + h5{
	margin-top: 1.2em;
}
h4,
h5{
	font-size: 1.4em;
}
h2 + p.byline{
	color: #84973b;
	font-size: 1.7em;
	font-weight: bold;
}
h3 + p.byline{
	font-size: 1em;
	font-weight: bold;
}
h3 + p.postdate{
	margin-top: 0.1em;
}
h4 + p{
	margin-top: 0.1em;
}
h5 + p{
	margin-top: 0;
}
hr{
	border: 2px solid #d3d3d3;
	margin-top: 2em;
}
html, body{
    color: #575858;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
}
html:not(.ico-events-typefaces-foco-ready) .fi-foco{
	visibility: hidden;
}
input[type=text],
input[type=checkbox],
input[type=radio],
select,
textarea{
	border: rgb(169, 169, 169) solid 1px;
	font-size: 1rem;
	padding: 0.25em;
}
input[type=text],
select{
	margin-bottom: 0.5em;
}
label{
	cursor: pointer;
	display: inline-block;
	margin-bottom: 0.5em;
	margin-top: 1em;
}
legend{
	color: #84973b;
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
	width: 100%;
}
li{
	line-height: 1.3em;
}
li + li{
	margin-top: 0.25em;
}
li > ul{
	margin-top: 0.25em;
}
ol,
ul{
	padding-left: 40px;
}
ol li{
	list-style-type: decimal;
}
p{
	font-size: 1rem;
	line-height: 1.3em;
}
strong{
	font-weight: bold;
}
sup{
	font-size: 0.75em;
	vertical-align: super;
}
th{
	font-weight: bold;
}
ul li{
	list-style-type: disc;
}

/* Class Styles */
.aligncenter {
	clear: both;
	display: block;
	height: auto;
	margin: 0 auto 1.75em;
	max-height: 100%;
	max-width: 100%;
}
.alignleft {
	float: left;
	height: auto;
	margin: 0.375em 1.75em 1.75em 0;
	max-height: 100%;
	max-width: 100%;
}
.alignright {
	float: right;
	height: auto;
	margin: 0.375em 0 1.75em 1.75em;
	max-height: 100%;
	max-width: 100%;
}
.bold{
	font-weight: bold;
}
.button{
	background-color: #fff;
	border: 6px solid #c1d82f;
	border-radius: 24px;
	color: #84973b;
	cursor: pointer;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 0px;
	min-width: 145px;
	padding: 13px 25px;
	text-align: center;
	text-decoration: none !important;

	transition: all 150ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
	transition: 150ms;
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
}
.button.disabled{
	cursor: default;
}
.button:active,
.button:focus,
.button:hover{
	text-decoration: none;
}
.button.blue{
	background-color: #fff;
	border-color: #0a4772;
	color: #0a4772 !important;
}
.button.blue:active,
.button.blue:focus,
.button.blue:hover{
	background-color: #0a4772;
	border-color: #0a4772;
	color: #fff !important;
}
.button:active,
.button:focus,
.button:hover,
.button.green:active,
.button.green:focus,
.button.green:hover{
	background-color: #84973b;
	border-color: #84973b;
	color: #fff !important;
}
.button.grey,
.button.disabled{
	background-color: #fff;
	border-color: #575858;
	color: #575858 !important;
}
.button.grey:active,
.button.grey:focus,
.button.grey:hover{
	background-color: #575858;
	border-color: #575858;
	color: #fff !important;
}
.button.light-blue{
	background-color: #fff;
	border-color: #1598d5;
	color: #1598d5 !important;
}
.button.light-blue:active,
.button.light-blue:focus,
.button.light-blue:hover{
	background-color: #1598d5;
	border-color: #1598d5;
	color: #fff !important;
}
.button.orange{
	background-color: #fff;
	border-color: #d6874a;
	color: #d6874a !important;
}
.button.orange:active,
.button.orange:focus,
.button.orange:hover{
	background-color: #d6874a;
	border-color: #d6874a;
	color: #fff !important;
}
.button.pink{
	background-color: #fff;
	border-color: #c45495;
	color: #c45495 !important;
}
.button.pink:active,
.button.pink:focus,
.button.pink:hover{
	background-color: #c45495;
	border-color: #c45495;
	color: #fff !important;
}
.button.webchat-blue{
	background-color: #0a4772;
	border-color: #fff;
	color: #fff !important;
}
.byline{
	margin-top: 0.5rem;
}
.c-hamburger{
	appearance: none;
	border-radius: none;
	border: none;
	box-shadow: none;
	cursor: pointer;
	display: none;
	font-size: 0;
	height: 31px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 8%;
	text-indent: -9999px;
	top: 38%;
	transition: background 0.3s;
	width: 40px;
	z-index: 1;
}
.c-hamburger span {
	background: #d3d3d3;
	border-radius: 5px;
	display: block;
	height: 5px;
	left: 0px;
	position: absolute;
	right: 0px;
	top: 13px;
}
.c-hamburger span::before,
.c-hamburger span::after {
	background-color: #d3d3d3;
	border-radius: 5px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}
.c-hamburger span::before {
	top: -13px;
}
.c-hamburger span::after {
	bottom: -13px;
}
.c-hamburger--htx {
	background: transparent;
}

.c-hamburger--htx span {
	transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
	transition-duration: 0.3s, 0.3s;
	transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
	transition-property: top, transform;
}
.c-hamburger--htx span::after {
	transition-property: bottom, transform;
}
.c-hamburger--htx.is-active {
	background: transparent;
}
.c-hamburger--htx.is-active span {
	background: none;
}
.c-hamburger--htx.is-active span::before {
	top: 0;
	transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
	bottom: 0;
	transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
	transition-delay: 0s, 0.3s;
}
/* Font color overrides */
.co-blue{
	color: #0a4772 !important;
}
.co-lime{
	color: #c1d82f !important;
}
.co-green{
	color: #84973b !important;
}
.co-orange{
	color: #d6874a !important;
}
.co-light-blue{
	color: #1598d5 !important;
}
.co-grey{
    color: #575858 !important;
}
.co-pink{
	color: #c45495 !important;
}
.co-light-grey{
	color: #d3d3d3 !important;
}
.co-ash-grey{
    color: #575858 !important;
}
.co-dark-white{
	color: #f0f0f5 !important;
}
.co-white{
	color: #fff !important;
}
.col{
	display: flex;
	justify-content: space-between;
}
.col > div{
	width: 100%;
}
.col > div:nth-child(1){
	margin-right: 1em;
	margin-bottom: 3em;
}
.col > div:nth-child(2){
	margin-bottom: 3em;
	text-align: center;
}
.content{
	padding: 2em 5vw;
}
.content.team.school-champions .profiles h4{
	margin-top: 0.5em;
}
.cta-link-group-h{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.cta-link-group-h > *{
	margin: 10px;
}
.details .ui-widget-header{
    border: none;
    background: none;
    color: #575858;
}
.error{
	color: red;
	font-weight: bold;
}
.footnote{
    color: #575858 !important;
    font-size: 0.8rem !important;
    font-weight: normal !important;
}
.gallery-item-details h5{
	font-weight: bold;
	margin-top: 1.2em;
}
.gallery-item-details img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.gallery-item-details h5 + p.byline{
	font-size: 1em;
	font-weight: bold;
}
.gallery-item-details p{
	margin-top: 0.5em;
}
.grid{
	align-items: flex-start;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: 0.5em 0 2.5em;
}
.grid-sample{
	margin: 15px;
	max-width: 15em;
}

/* Button structure */
.icon-button{
	background-color: #fff;
	border: 0.05em solid #c1d82f;
	border-radius: 2em;
	color: #84973b;
	display: inline-block;
	font-size: 1em;
	flex-shrink: 0;
	overflow: hidden;
	vertical-align: middle;

	transition: all 150ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
	transition: 150ms;
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
}
.icon-button.header-bullet{
	font-size: 2em;
	margin-right: 10px;
}
.icon-button,
.icon-button.link-icon:hover,
.icon-button:active{
	position: relative;
	text-decoration: none;
}
.icon-button,
.icon-button i.ico{
	height: 1.66em;
	width: 1.66em;
}
.icon-button i.ico{
	align-items: center;
	border-radius: 2em;
	display: flex;
	justify-content: center;
	position: absolute;
}

/* Icon Button Colors */
.icon-button.blue,
.icon-button.link-icon.blue.inverted:hover,
.icon-button.link-icon.blue.inverted:focus{
	background-color: #fff;
	border-color:  #1598d5;
	color: #0a4772;
}
.icon-button.link-icon.blue:hover,
.icon-button.link-icon.blue:focus,
.icon-button.blue.inverted{
	background-color: #0a4772;
	border-color: #0a4772;
	color: #fff;
}
.icon-button.blue-grey,
.icon-button.link-icon.blue-grey.inverted:hover,
.icon-button.link-icon.blue-grey.inverted:focus{
	background-color: #fff;
	border-color:  #575858;
	color: #1598d5;
}
.icon-button.link-icon.blue-grey:hover,
.icon-button.link-icon.blue-grey:focus,
.icon-button.blue-grey.inverted{
	background-color: #1598d5;
	border-color: #1598d5;
	color: #fff;
}
.icon-button.green,
.icon-button.link-icon.green.inverted:hover,
.icon-button.link-icon.green.inverted:focus{
	background-color: #fff;
	border-color:  #c1d82f;
	color: #84973b;
}
.icon-button.link-icon.green:hover,
.icon-button.link-icon.green:focus,
.icon-button.green.inverted{
	background-color: #84973b;
	border-color: #84973b;
	color: #fff;
}
.icon-button.lime,
.icon-button.link-icon.lime.inverted:hover,
.icon-button.link-icon.lime.inverted:focus{
	background-color: #fff;
	border-color:  #84973b;
	color: #c1d82f;
}
.icon-button.link-icon.lime:hover,
.icon-button.link-icon.lime:focus,
.icon-button.lime.inverted{
	background-color: #c1d82f;
	border-color: #c1d82f;
	color: #fff;
}
.icon-button.orange,
.icon-button.link-icon.orange.inverted:hover,
.icon-button.link-icon.orange.inverted:focus{
	background-color: #fff;
	border-color:  #d6874a;
	color: #d6874a;
}
.icon-button.link-icon.orange:hover,
.icon-button.link-icon.orange:focus,
.icon-button.orange.inverted{
	background-color: #d6874a;
	border-color: #d6874a;
	color: #fff;
}
.icon-button.pink,
.icon-button.link-icon.pink.inverted:hover,
.icon-button.link-icon.pink.inverted:focus{
	background-color: #fff;
	border-color:  #c45495;
	color: #c45495;
}
.icon-button.link-icon.pink:hover,
.icon-button.link-icon.pink:focus,
.icon-button.pink.inverted{
	background-color: #c45495;
	border-color: #c45495;
	color: #fff;
}
.icon-button.blue i.ico.ico-sba-swoop{
	color: #1397d5;
}
.icon-button.green i.ico.ico-sba-swoop{
	color: #c1d82f;
}
.icon-button i.ico.ico-fort-awesome{
	right: -3px;
}
.icon-button i.ico.ico-money-burst:before,
.icon-button i.ico.ico-ncu-burst:before{
	padding-bottom: 0.25em;
}
.icon-button i.ico.ico-visa-checkout{
	color: #2b2a6d;
}
.icon-button:hover i.ico.ico-visa-checkout{
	color: #fff;
}
.image-gallery{
	display: flex;
	flex-wrap: wrap;
}
.image-gallery .gallery-item-details{
	display: none;
}
.image-gallery .gallery-image{
	margin: 2em;
	max-width: 275px;
}
.image-gallery .gallery-image .details-link{
	display: inline-block;
	position: relative;
}
.image-gallery .gallery-image .details-link img{
	max-width:  100%;
	vertical-align: bottom;
}
.image-gallery .gallery-image > .details-link:hover:before{
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	content: attr(data-hover-text);
	display: flex;
	font-family: foco;
	font-size: 2em;
	font-weight: bold;
	justify-content: center;
	height: 100%;
	line-height: 1em;
	position: absolute;
	text-align: center;
	width: 100%;
}
.img-row{
	display: flex;
	align-items: stretch;
	justify-content: stretch;
	margin-bottom: -2em;
	margin-left: -6vw;
	margin-right: -6vw;
}
.img-row div{
	flex-grow: 1;
}
.img-row div:not(:first-child){
	margin-left: 0.1em;
}
.img-row div:not(:last-child){
	margin-right: 0.1em;
}
.img-row div img{
	display: block;
	width: 100%;
}
.limiter{
	max-width: 1600px;
}
.nav{
	margin: 0;
}
.nav li{
	list-style: none;
}
.nav li + li{
	margin: 0;
}
.normal-text{
    color: #575858 !important;
    font-size: 1rem !important;
    font-weight: normal !important;
}
.nowrap{
	white-space: nowrap;
}
.playlist-videos{
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
}
.playlist-videos .video{
	margin: 2em;
	max-width: 275px;
}
.playlist-videos .video > h4{
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
.playlist-videos .video > iframe{
	display: inline-block;
	width: 100%;
}
.product-rate{
	color: #84973b;
	text-align: center;
	margin-bottom: 2em;
}
.product-rate p{
	font-size: 2em !important;
	font-weight: bold;
}
.product-rate .percentage,
.product-rate .apr{
	color: #575858;
}
.product-rate .percentage{
	font-size: 1.7em;
	font-weight: normal;
}
.product-rate .apr{
	font-size: 0.7em;
	font-weight: normal;
}
.product-title h3{
    color: #575858;
    font-size: 2.7em;
    font-weight: normal;
    margin-top: 0px;
}
.product-title h3 + p.byline{
	color: #84973b;
	font-size: 1.75em;
}
.products{
}
.products > *{
	padding: 2em 6vw;
}
.products .product:nth-of-type(odd){
	background-color: #f0f0f5;
}
.products .product:nth-of-type(odd) .product-info{
	border-top: 3px solid #fff;
}
.products .product:nth-of-type(even){
	padding-bottom: 50px;
	padding-top: 50px;
}
.products .product:nth-of-type(even) .product-info{
	border-top: 3px solid #f0f0f5;
}
.products .product:nth-of-type(even) .product-title{
	flex-direction: row-reverse;
}
.products .product-info{
	padding-top: 2.5em;
	margin-top: 3em;
}
.products .product-info img{
    max-width: 100%;
    height: auto;
}
.products .product-title{
	align-items: center;
	display: flex;
	justify-content: space-around;
}
.products .product-title > div{
	align-items: center;
	display: flex;
}
.products .product-title > div:only-child{
	width: 35rem;
}
.products .product-title > div > div{
	max-width: 25rem;
}
.products .product-title .link-icon{
	font-size: 5.75em;
	margin-right: 2.5rem;
}
.products .product-title .link-img{
	line-height: 0.7em;
	margin: 0 4rem;
	position: relative;
}
.products .product-title .link-img:before{
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 20px;
	color: #fff;
	content: "Learn more";
	display: flex;
	font-family: foco;
	font-size: 3em;
	font-weight: bold;
	justify-content: center;
	height: 100%;
	line-height: 1em;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;

	transition: all 150ms cubic-bezier(0.39, 0.5, 0.15, 1.36);
	transition: 150ms;
	-webkit-transition-duration: 150ms;
	-moz-transition-duration: 150ms;
}
.products .product-title .link-img:hover:before,
.products .product-title .link-img:focus:before{
	opacity: 1;
}
.products .product-title img{
	border-radius: 20px;
	width: 100%;
}
.product .testimonial{
	padding: 1.5em 6vw;
	margin: 3em -6vw;
}
.product .testimonial:last-child{
	margin-bottom:  -30px;
}
.profile{
	align-items: stretch;
	display: flex;
	justify-content: space-around;
	margin-bottom: 3em;
}
.profile .bio{
	background-color: #f0f0f5;
	border-radius: 20px;
	margin-top: 3em;
	padding: 30px;
}
.profile .individual{
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
}
.profile .individual h2{
	padding-bottom: 2em;
	padding-left: 5%;
	width: 100%;
}
.profile .intro{
	display: flex;
	flex-basis: 70%;
	flex-direction: column;
}
.profile .intro.no-profile-img{
	align-items: center;
	flex-direction: row;
	justify-content: center;
}
.profile .intro.no-profile-img h2{
	padding: 0;
}
.profile .metadata{
	border-left: 2px #d3d3d3 solid;
	display: flex;
	flex-basis: 30%;
	flex-direction: column;
	flex-shrink: 2;
	justify-content: center;
	margin-left: 3%;
	min-width: 300px;
	padding: 2em 0 2em 3%;
}
.profile .metadata .data{
	align-content: flex-start;
	display: flex;
	justify-content: flex-start;
}
.profile .metadata .data + .data{
	margin-top: 4em;
}
.profile .metadata .data p{
	margin-top: 1em;
}
.profile .metadata .data h3{
	margin-top: 0;
	word-break: normal;
}
.profile .metadata .data ul{
	margin-top: 0;
	padding-left: 18px;
}
.profile .metadata .ico{
	color: #c1d82f;
	font-size: 2.25em;
	flex-shrink: 0;
	margin-right: 0.5em;
}
.profile.leadership{
	display: flex;
	justify-content: center;
}
.profile.leadership .bio{
	flex-shrink: 1;
	margin-left: 40px;
	margin-top: 0;
}
.profile.leadership .individual{
	display: block;
	flex-shrink: 0;
	margin-bottom: 40px;
}
.profile img{
	border-radius: 20px;
	max-width: 300px;
	width: 100%;
}
.profile-card{
	margin: 40px;
	max-width: 275px;
}
.profile-card img{
	border-radius: 20px;
	width: 275px;
}
.profile-card h4 a{
	color: #575858;
	text-decoration: none;
}
.profile-card h4 a img{
	display: block;
	margin-bottom: 0.7em;
}
.profiles{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.single-submission-button,
input.single-submission-input{
	border: none !important;
	border-style: none;
	font-size: 1.1rem;
	height: 60px;
	margin: 0;
	vertical-align: top;
}
.single-submission-button{
	background-color: #c1d82f;
	border-radius: 0 20px 20px 0;
	color: #0a4772;
	cursor: pointer;
	padding: 0 30px;
}
.single-submission-button .ico{
	font-size: 2em;
}
input.single-submission-input{
	border-radius: 20px 0 0 20px;
	color: #0a4772;
	padding: 0 20px;
	font-style: italic;
}
.rate-table{
	border-spacing: 0;
	margin: 3em 0;
	width: 100%;
}
.rate-table thead th:first-child,
.rate-table thead td:first-child{
	font-size: 2.2em;
	width: 60%;
}
.rate-table thead th:last-child,
.rate-table thead td:last-child{
	width: 20%;
}
.rate-table td,
.rate-table th{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.3em;
	padding-bottom: 22px;
	padding-right: 1em;
	padding-top: 22px;
	text-align: left;
	vertical-align: middle;
}
.rate-table tbody td[rowspan]{
	border-left: 10px solid #fff;
	padding-left: 1em;
	vertical-align: middle;
	width: 20%;
}
.rate-table tbody tr:nth-of-type(odd){
	background-color: #f0f0f5;
}
.rate-table tbody .rate-apy,
.rate-table tbody .rate-apr,
.rate-table tbody .rate-rate{
	color: #84973b;
	font-size: 1.4em;
	font-weight: bold;
}
.rate-table thead th,
.rate-table thead td{
	vertical-align: bottom;
}
.rate-table td:first-child,
.rate-table th:first-child{
	padding-left: 6vw;
	padding-right: 2em;
}
.rate-table th:first-child + th:last-child{
	width: 40%;
}
.rate-table td:only-child,
.rate-table th:only-child{
	padding-left: 6%;
	padding-right: 6%;
}
.rate-table .rate-apy,
.rate-table .rate-apr,
.rate-table .rate-rate{
}
.rate-table .rate-name{
	color: #84973b;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.25em;
}
.rate-table .rate-note{
	display: block;
	margin-top: 1em;
}
.testimonial{
	align-items: center;
	background-color: #c1d82f;
	color:  #666666;
	display: flex;
	font-size: 1.8em;
	justify-content: space-around;
	padding: 30px 6vw;
	position: relative;
}
.testimonial .attribution{
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	margin-right: 1.5em;
	margin-top: 0.7em;
}
.testimonial blockquote{
	font-weight: bold;
	font-style: italic;
	line-height: 1.2em;
	padding: 0.7em 1.7em;
	position: relative;
}
.testimonial blockquote:before,
.testimonial blockquote:after{
	color: #fff;
	font-family: foco;
	font-size: 3.5em;
	position: absolute;
}
.testimonial blockquote:before{
	content: "“";
	left: -0.2em;
	top: 0.2em;
}
.testimonial blockquote:after{
	bottom: 0.5em;
	content: "”";
	right: 0.1em;
}
.testimonial > img{
	border-radius: 20px;
	margin: 0 3%;
	flex-shrink: 0;
}
.tooltip:not(#webchat-status):not(.ico-snapchat-ghost){
    border-bottom: 1px dashed #575858;
    cursor: default;
}

/* Id Styles */
#addsearch-results.addsearch-t{
    font-size: 1.1em;
    left: 1em !important;
    right: 1em !important;
    top: 206px !important;
    width: auto !important;
}
#addsearch-results.addsearch-t .addsearch-result-item-sub{
    width: 100% !important;
}
#addsearch-results.addsearch-t .addsearch-result-item-sub div{
    width: auto !important;
}
#addsearch-results.addsearch-t .addsearch-result-item-sub-active div{
    background: none !important;
}
#addsearch-results.addsearch-t #addsearch-results-mid{
    background: none !important;
    font-size: 0.9em !important;
    width: 100% !important;
}
#back-to-top{
	bottom: 15px;
	color: rgba(132, 151, 59, 0.5);
	display: none;
	font-size: 4em;
	position: fixed;
	right: 15px;
	z-index: 1000;
}
#back-to-top:hover{
	color: rgba(132, 151, 59, 1);
}
#body{
	position: relative;
}
#content-overlay{
	background-color: #fff;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#epi-quickNavigator a:link, #epi-quickNavigator a:visited{
	color: initial;
	font-weight: initial;
}
#epi-quickNavigator li{
	line-height: initial;
	list-style: none;
}
#epi-quickNavigator li + li{
	margin: initial;
}
#epi-quickNavigator li > ul{
	margin: initial;
}
#face{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	overflow: auto;
	padding-top: 35px;
}
#foot{
    align-items: center;
    background-color: #f3f3f4;
    color: #575858;
    display: flex;
    justify-content: space-between;
    padding: 30px 3.88%;
    position: relative;
}
#foot a{
	color: #575858;
}
#foot p{
	line-height: 1.4em;
}
#foot p + p{
	margin-top: 1.2em;
}
#gov-logos .ico{
	font-size: 3em;
}
#gov-logos a{
	display: inline-block;
	vertical-align: middle;
}
#gov-logos a + a{
	margin-left: 25px;
}
#head{
	background-color: #c1d82f;
}
#head:after,
.content:after{
	content: "";
	display: table;
	clear: both;
}
#legal-stuff,
#social-links{
	max-width: 100%;
}
#LiveMonTransparentImage{
    display: none;
}
#main-search {
    background-color: #1598D5;
    border-color: #1598D5;
    border-radius: 0 0 20px 20px;
    font-size: 1.1em;
    margin-top: -100px;
    max-width: 500px;
    min-width: 350px;
    padding: 1em;
    position: absolute;
    right: 5%;
    width: 30%;
    z-index: 150;
}
#main-search.collapsed{
    z-index: 1;
}
    #main-search .addsearch,
    #mobile-search .addsearch {
        background-image: url('/static/img/button-search.png');
        background-repeat: no-repeat;
        background-position: 100% 50%;
        border: none;
        border-radius: 20px;
        box-shadow: none;
        box-sizing: border-box;
        color: rgb(10, 71, 114);
        cursor: auto;
        height: 55px;
        font-size: 1.15em;
        font-style: italic;
        margin-bottom: 0;
        padding: 0px 93px 0px 10px;
        width: 100%;
    }
#masthead{
	background-color: #fff;
	box-shadow: 0 2px 15px #949394;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 1.8125em 3.221% 1.25em;
	position: relative;
	width: 100%;
	z-index: 2;
}
#mech{
	bottom: 0;
	color: #f1f1f1;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}
#mobile-buttons{
	align-items: center;
	display: none;
	flex-wrap: wrap;
	justify-content: space-around;
	margin-bottom: 40px;
}
#mobile-nav{
	background-color: #fff;
	display: none;
	padding: 0;
}
#mobile-nav > li:not(.nav-search){
	border-bottom: 3px solid #d3d3d3;
	text-align: center;
}
#mobile-search{
    background-color: #1598D5;
    border-color: #1598D5;
    font-size: 1.1em;
    padding: 1em;
}
#nav{
	align-items: center;
	display: inline-flex;
	flex-grow: 4;
	flex-shrink: 0;
	justify-content: space-around;
	margin-left: 1%;
	max-width: 835px;
}
#nav > li:not(.nav-search) > a, #nav > li ul{
	border-radius: 20px;
	padding: 0.6875em 1.1875em;
}
#nav > li.sfHover > a,
#nav > li > a:hover{
	color: #fff;
}
#nav > li.nav-personal.sfHover > a,
#nav > li.nav-personal > a:hover{
	background-color: #84973b;
}
#nav li.nav-personal ul {
	background-color: rgba(132, 151, 59, 0.9);
}
#nav > li.nav-business.sfHover > a,
#nav > li.nav-business > a:hover{
	background-color: #0a4772;
}
#nav li.nav-business ul {
	background-color: rgba(10, 71, 114, 0.9);
}
#nav > li.nav-invest.sfHover > a,
#nav > li.nav-invest > a:hover{
	background-color: #1598d5;
}
#nav li.nav-invest ul {
	background-color: rgba(21, 152, 213, 0.9);
}
#nav > li.nav-learn.sfHover > a,
#nav > li.nav-learn > a:hover{
	background-color: #c45495;
}
#nav li.nav-learn ul {
	background-color: rgba(196, 84, 149, 0.9);
}
#nav ul {
	position: absolute;
}
#nav ul a{
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	padding: 0.5em 0;
	text-decoration: none;
}
#nav ul a:hover,
#nav ul a:active{
	text-decoration: underline;
}
#nav > li > a,
#mobile-nav > li > a{
	color: #0a4772;
	display: block;
	font-size: 1.5em;
	font-weight: normal;
	padding: 0.5em 0;
	text-decoration: none;
}
#ncua-big
{
	display:none;
	position:absolute;
	top:-178px;
	left: -75px;
}
#ncua-logo{
	position: relative;
}
#page-header{
	text-align: center;
}
#page-header h1{
	border-radius: 20px;
	display: inline-block;
	font-size: 9em;
	font-weight: bold;
	margin: 60px auto;
	min-width: 5.25em;
	padding: 0.15em;
}
#page-header h1 span.page-header-line{
	display: block;
}
#page-header h1 span.page-header-line:first-child{
	font-size: 0.35em;
}
#search-icon{
    color: #575858;
    font-size: 1.35em;
}
#site-logo{
	flex-grow: 1;
	margin-bottom: 1.1875em;
}
#site-logo img{
	max-width: 275px;
	width: 100%;
}
#social-links{
	flex-shrink: 1;
	font-size: 2.7em;
	text-align: center;
}
#social-links a{
	color: #575858;
	display: inline-block;
	margin-bottom: 15px;
	padding: 2px;
}
#social-links a i.ico-google-plus{
	padding-left: 4px;
}
#subnav{
	align-items: center;
	box-sizing: border-box;
	display: flex;
	float: right;
	font-size: 1.3em;
	justify-content: space-around;
	max-width: 850px;
	padding-right: 10%;
	width: 65%;
}
#subnav a{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#subnav a:hover,
#subnav a:active{
	text-decoration: underline;
}
#subnav li{
	padding: 0.75em 0;
}

@media (min-width: 1700px){}
@media (max-width: 1279px){
	.single-submission-button{
		padding: 0 25px;
	}
	.single-submission-button .ico{
		font-size: 1.5em;
	}
	.calculator-link img{
		height: 120px;
	}
	#main-search .gsc-input-box,
	#mobile-search .gsc-input-box,
	#main-search .gsc-input,
	#mobile-search .gsc-input,
	.single-submission-button,
	input.single-submission-input{
		height: 50px;
	}
	#main-search input.gsc-search-button,
	#mobile-search input.gsc-search-button{
		padding: 19px 3em 18px;
	}
	#nav > li:not(.nav-search) > a{
		font-size: 1.5em;
		padding: 0.6875em 1.1875em;
	}
	#subnav{
		font-size: 1em;
	}
}
@media (max-width: 1023px){
	.products .product-title > div > div{
		width: 25rem;
	}
	.products .product-title .link-img{
		display: none;
	}
	.rate-table thead tr th:first-child{
		font-size: 1.5em;
	}
	.testimonial > img{
		display: none;
	}
	#foot{
		flex-direction: column-reverse;
	}
	#legal-stuff{
		text-align: center;
	}
	#page-header h1{
		font-size: 8em;
	}
}
/* Mobile specific styles */
@media (max-width: 815px){
	.c-hamburger{
		display: block;
	}
	.col.reverse-wrap{
		flex-wrap: wrap-reverse;
	}
	.col{
		flex-wrap: wrap;
	}
	.profile{
		flex-wrap: wrap;
	}
	.profile .intro .individual{
		flex-direction: column;
		text-align: center;
	}
	.profile .intro.no-profile-img{
		flex-direction: row-reverse;
	}
	.profile .intro h2{
		padding: 0 0 1em;
	}
	.profile.leadership{
		flex-wrap: wrap;
	}
	.profile.leadership .bio{
		margin: 0;
	}
	.profile .metadata{
		margin-top: 3em;
	}
	.icon-button.header-bullet{
		display: block;
		margin-bottom: 20px;
	}
	.products .product-title > div{
		flex-direction: column !important;
		text-align: center;
	}
	.products .product-title > div > div{
		width: auto;
	}
	.products .product-title > div > div ul{
		text-align: left;
	}
	.products .product-title .link-icon{
		margin: 0 0 30px;
	}
	#main-search,
	#nav,
	#subnav{
		display: none;
	}
	#mobile-buttons{
		display: flex;
	}
	#page-header h1{
		font-size: 6em;
		margin-top: 1em;
	}
	#site-logo{
		flex-grow: 0;
		margin-right: 6em;
	}
}
@media (max-width: 599px){
	.button{
		border-width: 4px;
		font-size: 1em;
		min-width: 125px;
		padding: 10px 15px;
	}
	.profile{
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}
	.profiles{
		justify-content: center;
	}
	.rate-table .rate-name,
	.rate-table tbody .rate-apy,
	.rate-table tbody .rate-apr,
	.rate-table tbody .rate-rate{
		font-size: 1em;
	}
	.rate-table thead tr th:first-child{
		font-size: 1em;
		font-weight: bold;
	}
	.testimonial{
		font-size: 1.2em;
	}
	#page-header h1{
		font-size: 4em;
	}
}
/* Small mobile specific styles*/
@media (max-width: 430px){
	#addsearch-results.addsearch-t .addsearch-result-item-sub div{
        padding: 140px 5px 20px 20px !important;
    }
    #addsearch-results.addsearch-t .addsearch-result-item-container,
	#addsearch-results.addsearch-t .addsearch-result-item-sub{
        background-position: 20px 8px !important;
    }
	#page-header h1{
		font-size: 3em;
	}
}
/* Desktop-specific styles */
@media (min-width: 816px){
	#mobile-nav{
		display: none !important;
	}
}
/* Image float styles */
img.img-float-left {
    float: left;
}

img.img-float-right {
    float: right;
}

@media (max-width: 430px) {
    .img-float-right,
    .img-float-left {
        display: block;
        float: none;
    }
}