@charset "UTF-8";
/* Main CSS Document */

/*
font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
font-family: "freight-display-pro", "Freight Display Pro", serif;
Orange: #F47003;
Teal: #009FA2;
Navy: #1A3756;
Gray: #373737;
Aqua: #BCE4E5;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
*/

/* BASIC STYLES */
body {
	margin: 0;
	padding: 0;
	color: #373737;
	font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
	font-size: 18px;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body *, 
body *:before, 
body *:after {
	box-sizing: border-box;
	transition: all .4s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
	color: #009FA2;
	font-family: "freight-display-pro", "Freight Display Pro", serif;
	font-weight: 600;
}
h1, h2 {
	margin: 0;
	font-size: 5em;
	line-height: 1em;
	text-align: center;
}
.h-small {
	margin-bottom: .25em;
	font-size: 4em;
}
.h-sub {
	display: block;
	color: #1A3756;
	font-size: .55em;
	line-height: 1.1em;
	font-weight: 400;
	font-style: italic;
}
h3, h4, h5, h6, p {
	margin: .5em 0 .3em;
	padding: 0;
}
h3, h4, h5 {
	line-height: 1.2em;
}
h3 {
	font-size: 2.75em;
}
h4 {
	font-size: 2em;
}
h5 {
	font-size: 1.5em;
}
h6, p {
	line-height: 1.5em;
}
h6 {
	font-size: 1.25em;
}
p {
	font-size: 1em;
	text-align: justify;
}
p + p {
	margin-top: .75em;
}
strong {
	font-weight: 500;
}
ol li {
	position: relative;
	list-style-type: none;
	counter-increment: step-counter;
	margin: 1em 0;
	line-height: 1.5em;
}
ol li:before {
	content: "";
	position: absolute;
	top: 0;
	left: -2.5em;
	width: 1.7em;
	height: 1.7em;
	margin: 0;
	padding: 0;
	background: #009FA2;
	border-radius: 50%;
	font-size: .9em;
}
ol li:after{
	content: counter(step-counter);
	position: absolute;
	top: 0;
	left: -2.55em;
	width: 1.6em;
	height: 1.6em;
	color: #FFF;
	font-size: .85em;
	text-align: center;
}
ol li:nth-child(n+1):nth-child(-n+9):after {
	content: "0" counter(step-counter);
}
a {
	color: #F47003;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #009FA2;
}
.button {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: 1em 0 0;
	padding: .5em 1em .75em;
	background: none;
	border: 1px solid #F47003;
	color: #F47003;
	font-size: 1.15em;
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.button:hover {
	color: #FFF;
}
.button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	max-height: 0;
	background: #F47003;
}
.button:hover:after {
	max-height: 100%;
}
.button-raquo {
	font-size: 1.6em;
}
.button-submit {
	padding: 0;
}
.button-side {
	width: 100%;
}
.button + .button {
	margin-left: 1em;
}
label {
	margin: 1em 0 .5em;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
}
input[type="submit"],
input[type="button"] {
	margin: 0;
	padding: .5em 1em .75em;
	background: none;
	border: none;
	box-shadow: none;
	color: #F47003;
	font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
input[type="button"] {
	padding: .75em 1em;
}
input[type="button"]:hover {
	color: #FFF;
}
fieldset {
	padding: 0;
	border: none;
}
legend {
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
}
input[type="text"], input[type="email"], select {
	margin: .5em 0;
	padding: .5em 1em;
	background: #FFF;
	border: none;
	font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
  	font-size: 1em;
	font-weight: 300;
}
.two-column {
	max-width: 55em;
	margin-left: auto;
	margin-right: auto;
	column-count: 2;
	column-gap: 2.5em;
	text-align: justify;
}
.align-center {
	text-align: center;
}
.align-center .button {
	margin: 1.5em 0 0;
}
.align-center .button:not(:last-of-type) {
	margin-right: 1em;
}
.narrow {
	max-width: 50em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
img {
	max-width: 100%;
}
iframe {
	width: 100%;
}
hr {
	margin: 2em 0 2em;
	border: none;
	border-bottom: 1px solid rgba(7, 50, 71, .3);
}
@media screen and (max-width: 1350px) {
	h1, h2 {
		font-size: 4em;
	}
	.h-small {
		font-size: 3.5em;
	}
}
@media screen and (max-width: 1050px) {
	.button {
		font-size: 1em;
	}
}
@media screen and (max-width: 800px) {
	h1, h2 {
		font-size: 3em;
	}
	.h-small {
		font-size: 2.5em;
	}
	h3 {
		font-size: 2em;
	}
	h4 {
		font-size: 1.5em;
	}
	h5 {
		font-size: 1.25em;
	}
	h6 {
		font-size: 1em;
	}
	.two-column {
		column-count: 1;
		text-align: left;
	}
	.narrow {
		max-width: 100%;
		text-align: justify;
	}
	.button {
		width: 100%;
		margin: 1em 0 0;
	}
	.button + .button {
		margin-left: 0;
	}
}
@media screen and (max-width: 500px) {
	h1, h2 {
		font-size: 2em;
	}
	.h-small {
		font-size: 1.75em;
	}
	.h-sub {
		font-size: .6em;
	}
	h3 {
		font-size: 1.5em;
	}
	h4 {
		font-size: 1.25em;
	}
	h5 {
		font-size: 1.15em;
	}
}

/* HEADER */
header {
	position: relative;
	top: 0;
	z-index: 2;
	width: 100vw;
	background: #1A3756;
}
.header-i {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 4em;
	text-align: center;
}
.logo-o {
	padding: .75em 0;
	background: #1A3756;
}
.logo {
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
.logo:hover {
	transform: scale(1.05);
}
.nav-toggle {
	display: none;
}
.nav {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li {
	margin: .6em 0;
	padding: 0 .75em;
	line-height: 1em;
}
.nav-contact {
	padding-right: 0;
}
.nav .nav-icon {
	padding-right: 0;
}
.nav a, .nav-login input[type='button'] {
	color: #FFF;
	font-size: 1.15em;
	font-weight: 300;
	text-transform: uppercase;
}
.nav a:hover, .nav-login input[type='button']:hover {
	color: #009FA2;
}
.nav-contact a {
	position: relative;
	padding: .4em .9em;
	border: 1px solid #F47003;
	color: #F47003;
}
.nav-contact a:hover {
	color: #1A3756;
}
.nav-contact a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	max-height: 0;
	background: #F47003;
}
.nav-contact a:hover:after {
	max-height: 100%;
}
.nav-icon svg:hover {
	transform: scale(1.05);
}
.header-subscribe {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: .75em 3em;
	background: #0EBDBA;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	color: #FFF;
	font-size: .9em;
}
.header-subscribe p {
	margin: 0 1.25em 0 0;
	font-size: 1.15em;
	line-height: 1em;
}
.header-subscribe-i {
	display: flex;
	justify-content: center;
	align-items: center;
}
.header-subscribe-i input[type='email'] {
	width: 20em;
	margin: 0 1em 0 0;
}
.header-subscribe-i .button {
	margin: 0;
	border-color: #FFF;
	color: #FFF;
	font-size: 1em;
}
.header-subscribe-i .button:hover {
	color: #009FA2;
}
.header-subscribe-i .button:after {
	background: #FFF;
}
.header-subscribe-i input[type='submit'] {
	padding: .7em 1em;
	color: #FFF;
}
.header-subscribe-i input[type='submit']:hover {
	color: #009FA2;
}
@media screen and (max-width: 1450px) {
	.logo, nav {
		font-size: .9em;
	}
}
@media screen and (max-width: 1300px) {
	.header-i {
		padding: 0 3em;
	}
}
@media screen and (max-width: 1275px) {
	.logo, nav {
		font-size: .8em;
	}
}
@media screen and (min-width: 1151px) {
	.logo-o, .nav {
		font-size: .9em;
	}
	.nav-mobile {
		display: none;
	}
}
@media screen and (max-width: 1150px) {
	.nav-toggle {
		position: absolute;
		top: .95em;
		right: 3em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 4.375em;
		height: 3.75em;
		cursor: pointer;
		border: 1px solid #F47003;
	}
	.nav-toggle:hover {
		background: #F47003;
	}
	.nav-toggle-top, .nav-toggle-middle, .nav-toggle-bottom {
		width: 2em;
		height: 4px;
		margin: .2em 0;
		background: #FFF;
		border-radius: 2px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	}
	.nav-toggle-x .nav-toggle-top {
		margin: 0;
		transform: rotate(45deg);
	}
	.nav-toggle-x .nav-toggle-middle {
		opacity: 0;
	}
	.nav-toggle-x .nav-toggle-bottom {
		margin: -.825em 0 0;
		transform: rotate(-45deg);
	}
	nav:not(.nav-show) {
		max-height: 0;
		overflow: hidden;
		opacity: 0;
		border-bottom: none;
	}
	nav {
		position: absolute;
		width: 100%;
		top: 7.15em;
		left: 0;
		z-index: 3;
		height: calc(100vh - 7.8em);
		padding: 0;
		background: #009FA2;
	}
	.nav {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		text-align: center;
	}
	.nav li {
		margin: 0;
		padding: 0;
	}
	.nav a, .nav-login input[type='button'] {
		display: block;
		padding: 1em 0;
		font-size: 1.5em;
	}
	.nav a:hover, .nav-login input[type='button']:hover {
		color: #FFF;
	}
	.nav-contact a {
		border: none;
		color: #FFF;
	}
	.nav-contact a:after {
		display: none;
	}
	.nav-icon {
		display: none;
	}
}
@media screen and (max-width: 950px) {
	.header-subscribe p {
		display: none;
	}
	.header-subscribe > div,
	.header-subscribe form,
	.header-subscribe-i {
		width: 100%;
	}
	.header-subscribe-i input[type='email'] {
		flex: 1 0 50%;
		width: 50%;
	}
}
@media screen and (max-width: 800px) {
	.header-i {
		padding: 0 2em;
	}
	.header-subscribe-i .button {
		width: auto;
	}
	nav {
		height: auto;
		padding: 2em;
	}
	.nav a, .nav-login input[type='button'] {
		padding: .75em 0;
	}
}
@media screen and (max-width: 600px) {
	.logo {
		font-size: .8em;
	}
	.nav-toggle {
		top: 1.15em;
		width: 4em;
		height: 3.25em;
	}
	.nav a, .nav-login input[type='button'] {
		font-size: 1.2em;
	}
}
@media screen and (max-width: 500px) {
	.header-i {
		padding-right: 2em;
		padding-left: 2em;
	}
	.nav-toggle {
		right: 2em;
	}
	.header-subscribe {
		font-size: .8em;
	}
}

/* CONTENT CONTAINERS */
.content {
	position: relative;
	z-index: 1;
	width: 100%;
	background: #FFF;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.content-navy {
	background: #1A3756;
}
.content-aqua {
	z-index: 0;
	background: #BCE4E5;
}
.content-i {
	width: 100%;
	max-width: 67em;
	margin: 0 auto;
	padding: 4em 0 5em;
}
.content-thirds {
	display: flex;
}
.content-thirds-img {
	flex: 1 0 30%;
	width: 30%;
	background-size: cover;
	background-position: center;
}
.content-thirds-text {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex: 1 0 60%;
	width: 60%;
	padding: 4em;
}
.content-thirds-text:first-child {
	justify-content: flex-end;
}
.content-thirds-text-i {
	width: 100%;
	max-width: 45.25em;
}
@media screen and (max-width: 1300px) {
	.content-i,
	.content-thirds-text {
		padding: 3em;
	}
}
@media screen and (max-width: 800px) {
	.content-i,
	.content-thirds-text {
		padding: 2em;
	}
	.content-thirds {
		flex-wrap: wrap;
	}
	.content-thirds-img,
	.content-thirds-text {
		flex: 0 0 100%;
		width: 100%;
	}
	.content-thirds-img {
		order: 1;
		height: 25em;
		background-position: top center;
	}
	.content-thirds-text {
		order: 2;
	}
}

/* PAGE HEADING */
.content-heading {
	max-width: 100%;
	padding-left: 4em;
	padding-right: 4em;
}
.page-heading {
	text-align: center;
}
.page-heading-wide {
	display: flex;
}
.page-heading p {
	max-width: 39em;
	font-size: 1.35em;
}
@media screen and (max-width: 1000px) {
	.page-heading p {
		font-size: 1.1em;
	}
}
@media screen and (max-width: 600px) {
	.page-heading p {
		font-size: 1em;
	}
}

/* FOOTER */
footer {
	position: relative;
	padding: 1.25em 3em;
	background: #1A3756;
	box-shadow: 1px -2px 4px rgba(0, 0, 0, .4);
	color: #FFF;
	text-align: center;
}
.footer-i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 67em;
	margin: 0 auto;
}
.footer-left {
	display: flex;
	flex: 1 1 12em;
}
.footer-center {
	flex: 1 1 37em;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
.footer-nav {
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-nav li {
	margin: 0 .75em;
	line-height: 1em;
}
.footer-nav a {
	color: #FFF;
	font-weight: 300;
	text-transform: uppercase;
}
.footer-nav a:hover {
	color: #009FA2;
}
.footer-copyright {
	margin: 1.35em 0 0;
	font-size: .83em;
	text-align: center;
}
.footer-copyright span:nth-of-type(2):before {
	content: '|';
	margin: 0 .5em;
}
.footer-copyright a {
	color: #FFF;
}
.footer-right {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	flex: 1 1 12em;
}
.footer-right p {
	margin: 0 0 .5em;
	line-height: 1em;
	text-align: center;
	text-transform: uppercase;
}
.footer-right a:not(:last-of-type) {
	margin: 0 .3em 0 0;
}
.footer-left svg, .footer-right svg {
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
.footer-left svg:hover, .footer-right svg:hover {
	transform: scale(1.05);
}
@media screen and (max-width: 1200px) {
	.footer-i {
		flex-wrap: wrap;
	}
	.footer-left, .footer-nav, .footer-contact p {
		display: none;
	}
	.footer-center, .footer-right {
		flex: 1 0 100%;
		width: 100%;
		justify-content: center;
	}
	.footer-center {
		border: none;
	}
	.footer-copyright {
		margin: .5em 0 0;
	}
	.footer-right {
		order: -1;
	}
}
@media screen and (max-width: 800px) {
	.footer-copyright {
		text-align: center;
	}
}
@media screen and (max-width: 500px) {
	.footer-copyright span {
		display: block;
	}
	.footer-copyright span:nth-of-type(2) {
		margin-top: .5em;	
	}
	.footer-copyright span:nth-of-type(2):before {
		display: none;
	}
}

/* TESTIMONIAL */
.testimonial {
	position: relative;
	margin-top: 3em;
}
.testimonial-text {
	width: calc(100% - 16.125em);
	padding: 1em 19.5em 3em 3.35em;
	background: #FFF;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.testimonial-aqua {
	background: #BCE4E5;
}
.testimonial h5 {
	font-weight: 400;
	font-style: italic;
}
.testimonial-blockquote {
	position: absolute;
	top: 50%;
	right: 0;
	width: 32.25em;
	margin-top: -6.75em;
	padding: 2.25em 6.2em;
	background: #1A3756;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	color: #FFF;
}
.testimonial-blockquote:after {
	content: '';
	position: absolute;
	top: -.6em;
	left: -.6em;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	padding: .6em;
	border: 1px solid #1A3756;
}
.testimonial-blockquote p {
	font-family: "freight-display-pro", "Freight Display Pro", serif;
	font-size: 1.45em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}
.testimonial-blockquote-left {
	position: absolute;
	top: 1.65em;
	left: 1.65em;
}
.testimonial-blockquote-right {
	position: absolute;
	bottom: 1.65em;
	right: 1.65em;
	transform: rotate(180deg);
}
@media screen and (max-width: 1300px) {
	.testimonial-text {
		width: calc(100% - 12.5em);
		padding: 1em 15.5em 3em 3.35em;
	}
	.testimonial-blockquote {
		width: 25em;
		padding: 1.75em 2.25em 2em;
	}
	.testimonial-blockquote p {
		font-size: 1.2em;
	}
	.testimonial-blockquote svg {
		display: none;
	}
}
@media screen and (max-width: 1050px) {
	.testimonial-text {
		width: calc(100% - 9em);
		padding: .5em 11.5em 2em 2.35em;
	}
	.testimonial-blockquote {
		width: 18em;
		padding: .75em 1.25em 1em;
	}
}
@media screen and (max-width: 850px) {
	.testimonial {
		margin-top: 1.5em;
	}
	.testimonial-text {
		width: 100%;
		padding: .5em 2.35em 2em;
	}
	.testimonial-blockquote {
		display: none;
	}
}

/* LINKS */
.links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -1.65em;
}
.links-i {
	flex: 1 0 25%;
	width: 25%;
	margin: 3em 1.65em 0;
	background: #FFF;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.links-i:hover {
	transform: scale(1.05);
}
.links-placeholder {
	flex: 1 0 25%;
	width: 25%;
	margin: 0 1.65em;
}
.links-img {
	width: 100%;
	height: 13.33em;
	overflow: hidden;
}
.links-img img {
	width: 100%;
}
.links-i:hover img {
	transform: scale(1.05);
}
.links-text {
	padding: 1.65em 2em;
}
.links-text svg {
	display: block;
	margin: 0 auto .75em;
}
.links-text .links-video-icon {
	margin: .5em auto 1.25em;
}
.links-text h6 {
	font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
	font-weight: 300;
	font-size: 1.35em;
	text-align: center;
}
.links-text p {
	color: #373737;
	font-weight: 300;
}
.links-text .links-link {
	color: #F47003;
	font-weight: 500;
}
.links-text .links-link:hover {
	color: #009FA2;
}
@media screen and (min-width: 1301px) {
	.links-i:nth-of-type(1):nth-last-of-type(2) .links-img,
	.links-i:nth-of-type(2):nth-last-of-type(1) .links-img {
		height: 18em;
	}
}
@media screen and (max-width: 1300px) {
	.links {
		margin: 0 -1.25em;
	}
	.links-i {
		margin: 2em 1.25em 0;
	}
	.links-img {
		height: auto;
		overflow: visible;
	}
	.links-i:hover img {
		transform: scale(1);
	}
	.links-text h6 {
		font-size: 1.2em;
	}
}
@media screen and (min-width: 1001px) {
	.links-i:only-of-type {
		flex: 0 0 40%;
		width: 40%;
	}
	.links-i:only-of-type .links-img {
		height: 16em;
	}
}
@media screen and (max-width: 1000px) {
	.links {
		margin: 0;
	}
	.links-i {
		flex: 0 0 100%;
		width: 100%;
		margin: 2em 0 0;
	}
	.links-i:hover {
		transform: scale(1);
	}
}

/* BENEFITS LIST */
.benefits {
	margin: 0;
	padding: 0;
}
.benefits.two-column {
	margin-top: 2em;
}
.benefits li {
	display: flex;
	list-style: none;
	margin: 1.25em 0 0;
	padding-top: .2em;
	font-size: 1.15em;
	text-align: left;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
.benefits.two-column li:first-child {
	margin-top: 0;
}
.benefits svg {
	flex: 0 0 2.75em;
	width: 2em;
	height: 2em;
	margin: -.2em .75em 0 0;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}
@media screen and (max-width: 1000px) {
	.benefits li {
		font-size: 1em;
	}
	.benefits svg {
		flex: 0 0 2em;
		width: 2em;
		height: 2em;
	}
}
@media screen and (max-width: 600px) {
	.benefits svg {
		flex: 0 0 1.5em;
		width: 1.5em;
		height: 1.5em;
		margin-top: 0;
	}
}

/* BIO */
.bio {
	position: relative;
	margin-top: 3em;
}
.bio-headshot {
	position: absolute;
	top: 50%;
	right: 0;
	width: 20em;
	margin-top: -10em;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.bio-text {
	width: calc(100% - 10em);
	padding: 1em 13.35em 3em 3.35em;
	background: #BCE4E5;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
@media screen and (max-width: 1300px) {
	.bio-headshot {
		width: 15em;
		margin-top: -7.5em;
	}
	.bio-text {
		width: calc(100% - 7.5em);
		padding: 1em 10.35em 3em 3.35em;
	}
}
@media screen and (max-width: 800px) {
	.bio {
		margin-top: 2em;
		padding: 2em 0 0;
		border-top: 1px solid rgba(26, 55, 86, .5);
	}
	.bio-headshot {
		position: static;
		display: block;
		margin: 0 auto 2em;
	}
	.bio-text {
		width: 100%;
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.bio-text h3 {
		text-align: center;
	}
}

/* CONTACT */
.contact header {
	position: absolute;
}
.contact .content{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	overflow: hidden;
	padding-top: 11em;
}
.contact footer {
	display: none;
}

/* VIDEO */
video {
	width: 100%;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	cursor: pointer;
}
.video {
	display: block;
	position: relative;
	height: 0;
	margin-top: 3em;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
.choose-career-video {
	display: block;
	position: relative;
	max-width: 40em;
	height: 0;
	margin: 3em auto 0;
	padding-bottom: 22.5em; /* 16:9 */
}
.choose-career-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
@media screen and (max-width: 1000px) {
	.choose-career-video {
		max-width: 100%;
		padding-bottom: 56.25%;
	}
}

/* OPTIONS */
.find-job {
	background-image: url(../images/third/find-job.jpg);
}
.options-o {
	display: flex;
	flex-wrap: wrap;
}
.options-o-simple {
    margin-top: 3em;
}
.options-o h3 {
	width: 100%;
	margin: .75em 0 1em;
	font-style: italic;
	font-weight: 400;
	text-align: center;
}
.options {
	flex: 1 0 45%;
	flex: 45%;
	position: relative;
	z-index: 2;
	padding-top: 2.85em;
}
.options:first-of-type {
	padding-right: 2.75em;
	border-right: 1px solid rgba(26, 55, 86, .5);
}
.options:last-of-type {
	padding-left: 2.75em;
}
.options-number {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: .6em;
	width: 7.75em;
	height: 7.75em;
	background: #1A3756;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.options:first-of-type .options-number {
	right: 5em;
}
.options:last-of-type .options-number {
	left: 5em;
}
.options-number:after {
	content: '';
	position: absolute;
	top: -.6em;
	left: -.6em;
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	padding: .6em;
	border: 1px solid #1A3756;
}
.options-number p {
	margin: -.25em 0 0;
	color: #FFF;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	font-family: "freight-display-pro", "Freight Display Pro", serif;
	font-size: 6em;
	font-weight: 600;
}
.options-img {
	position: relative;
	z-index: -1;
	width: 100%;
	height: 20.5em;
	overflow: hidden;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.options-img img {
	width: 100%;
}
.options-img:hover img {
	transform: scale(1.05);
}
.options h4 {
	color: #009FA2;
	font-size: 1.75em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}
.options h4:hover {
	color: #F47003;
}
.options .button {
	width: 100%;
	margin: 1em 0 0;
	border-color: #1A3756;
	color: #1A3756;
}
.options .button:hover {
	color: #FFF;
}
.options .button:after {
	background: #1A3756;
}
@media screen and (max-width: 1300px) {
	.options-number {
		font-size: .9em;
	}
	.options-img {
		height: auto;
		overflow: visible;
		box-shadow: none;
	}
	.options-img img {
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	}
	.options-img:hover img {
		transform: scale(1);
	}
}
@media screen and (max-width: 1000px) {
	.options {
		flex: 0 0 100%;
		flex: 100%;
		padding-top: 2.85em;
	}
	.options:first-of-type {
		padding-right: 0;
		border-right: none;
	}
	.options:last-of-type {
		margin-top: 2em;
		padding-left: 0;
	}
	.options-number {
		font-size: .8em;
	}
	.options:first-of-type .options-number {
		right: 50%;
		margin-right: -3.875em;
	}
	.options:last-of-type .options-number {
		left: 50%;
		margin-left: -3.875em;
	}
}
@media screen and (max-width: 800px) {
	.find-job {
		background-image: url(../images/third/find-job-sm.jpg);
	}
}
@media screen and (max-width: 600px) {
	.options-number {
		font-size: .6em;
	}
	.options h4 {
		font-size: 1.4em;
	}
}

/************* JOIN *************/

/* HEAD */
.join-price {
	font-weight: 400;
	font-style: italic;
}
h3.join-price {
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
}

/* THIRDS */
.join-problem {
	background-image: url(../images/third/computer.jpg);
}
.join-coaching {
	background-image: url(../images/third/family.jpg);
}
.join-additional {
	background-image: url(../images/third/first-job.jpg);
}
.join-coffee {
	background-image: url(../images/third/coffee.jpg);
}
.join-coffee-seniors {
	background-image: url(../images/third/coffee-senior.jpg);
}
.content-thirds h3 {
	margin: 0 0 .5em;
}
.benefits-button {
	margin-top: 2em;
} 
@media screen and (max-width: 800px) {
	.join-problem {
		background-image: url(../images/third/computer-sm.jpg);
	}
	.join-coaching {
		background-image: url(../images/third/family-sm.jpg);
	}
	.join-additional {
		background-image: url(../images/third/first-job-sm.jpg);
	}
	.join-coffee {
		background-image: url(../images/third/coffee-sm.jpg);
	}
	.join-coffee-seniors {
		background-image: url(../images/third/coffee-senior-sm.jpg);
	}
}

/* JOIN */
.content-navy {
	background: #1A3756;
}
.content-navy .h-sub {
	color: #FFF;
}
.content-navy p {
	color: #FFF;
}
.content-navy .button:hover {
	color: #1A3756;
}
.join {
	text-align: center;
}
.join h3 {
	font-weight: 400;
	font-style: italic;
}
.join p {
	max-width: 39em;
	margin: 1em auto .3em;
	font-size: 1.35em;
	text-align: center;
}
.join .button {
	margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
	.join p {
		font-size: 1em;
	}
}

/* CHALLENGES */
.challenge-join-heading {
	max-width: 17em;
	margin: 0 auto .3em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
}
.challenge-join-o {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.challenge-join {
	position: relative;
	flex: 1 0 45%;
	width: 45%;
	margin: 6em 0 0;
}
.challenge-join:nth-of-type(odd) {
	margin-right: 1.65em;
}
.challenge-join:nth-of-type(even) {
	margin-left: 1.65em;
}
.challenge-join:nth-of-type(5) {
	flex: 0 0 50%;
	width: 50%;
	margin-left: 0;
	margin-right: 0;
}
.challenge-join-number {
	position: absolute;
	top: -2.25em;
	left: 50%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6.75em;
	height: 6.75em;
	margin-left: -3.375em;
	background: #1A3756;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.challenge-join-number:after {
	content: '';
	position: absolute;
	top: -.6em;
	left: -.6em;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	padding: .6em;
	border: 1px solid #1A3756;
}
.challenge-join-number p {
	margin: -.25em 0 0;
	color: #FFF;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	font-family: "freight-display-pro", "Freight Display Pro", serif;
	font-size: 5em;
	line-height: 1em;
}
.challenge-join img {
	width: 100%;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.challenge-join h4 {
	font-style: italic;
	font-weight: 400;
	text-align: center;
}
.challenge-contents {
	margin-top: 2.5em;
	padding-top: 1.5em;
	border-top: 1px solid rgba(26, 55, 86, .5);
	text-align: center;
}
.challenge-contents p {
	max-width: 45em;
	margin: 1em auto .3em;
	font-size: 1.2em;
	text-align: center;
}
.challenge-button {
	margin-bottom: 0;
}
.challenge-button-icon {
	margin: -.1em .5em -.5em 0;
}
.challenge-button:hover .challenge-button-icon * {
	fill: #FFF;
}
@media screen and (max-width: 1000px) {
	.challenge-join:nth-of-type(n) {
		flex: 0 0 100%;
		width: 100%;
		margin: 4em 0 0;
	}
	.challenge-join-number {
		font-size: .75em;
	}
	.challenge-contents {
		margin-top: 1.5em;
		padding-top: .5em;
	}
	.challenge-contents p {
		font-size: 1em;
	}
}
@media screen and (max-width: 350px) {
	.challenge-button-icon {
		display: block;
		margin: 0 auto .25em;
	}
}

/* DIAGRAM */
.diagram {
	position: relative;
	width: 100%;
	height: 40em;
	margin-bottom: -2.5em;
}
.diagram-i {
	display: flex;
	position: absolute;
	width: 20em;
	height: 20em;
	border-radius: 50%;
}
.diagram-top {
	justify-content: center;
	align-items: flex-start;
	bottom: 50%;
	left: 50%;
	margin: 0 0 -2.5em -10em;
	padding-top: 2em;
	background: rgba(0, 159, 162, .6);
}
.diagram-right {
	justify-content: flex-end;
	align-items: center;
	top: 50%;
	left: 50%;
	margin: -10em 0 0 -2.5em;
	padding-right: 2em;
	background: rgba(245, 190, 18, .6);
}
.diagram-bottom {
	justify-content: center;
	align-items: flex-end;
	top: 50%;
	right: 50%;
	margin: -2.5em -10em 0 0;
	padding-bottom: 2em;
	background: rgba(26, 55, 86, .6);
}
.diagram-left {
	justify-content: flex-start;
	align-items: center;
	top: 50%;
	right: 50%;
	margin: -10em -2.5em 0 0;
	padding-left: 2em;
	background: rgba(244, 112, 3, .6);
}
.diagram-i p {
	max-width: 5em;
	margin: 0;
	font-size: 1.35em;
	line-height: 1.2em;
	text-align: center;
}
.diagram-center {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9em;
	height: 9em;
	margin: -4.5em 0 0 -4.5em;
	padding: .5em;
	background: rgba(255, 255, 255, .5);
	border: 1px solid #FFF;
	border-radius: 50%;
}
.diagram-center p {
	margin: 0;
	font-size: 1.35em;
	line-height: 1.2em;
	font-weight: 500;
	text-align: center;
}
@media screen and (max-width: 850px) {
	.diagram {
		font-size: .9em;
	}
}
@media screen and (max-width: 650px) {
	.diagram {
		font-size: .75em;
	}
}
@media screen and (max-width: 525px) {
	.diagram {
		font-size: .55em;
	}
}

/* FAQ */
.faq-o {
	margin-top: 3em;
}
.faq {
	display: flex;
	margin-top: 2em;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
}
.faq-question {
	display: flex;
	align-items: center;
	flex: 1 0 30%;
	width: 30%;
	padding: 2em;
	background: #009FA2;
}
.faq-question p {
	margin: 0;
	color: #FFF;
	font-family: "freight-display-pro", "Freight Display Pro", serif;
	font-size: 1.3em;
	text-align: left;
}
.faq-answer {
	display: flex;
	align-items: center;
	flex: 1 0 60%;
	width: 60%;
	padding: 2em;
	background: #FFF;
}
.faq-answer p {
	margin: 0;
}
@media screen and (max-width: 900px) {
	.faq {
		flex-wrap: wrap;
	}
	.faq-question,
	.faq-answer {
		flex: 0 0 100%;
		width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.faq-question,
	.faq-answer {
		padding: 1.5em;
	}
}

/* EMAIL SIGNUP THANKYOU */
.page-heading .narrow-signup {
	max-width: 43em;
	font-size: 1.2em;
}

/* WELCOME VIDEOS */
.welcome-video-o {
	margin: 3em 0 0;
	padding: 2em 0 0;
	border-top: 1px solid rgba(26, 55, 86, .5);
}
.content-navy .welcome-video-o {
	border-color: rgba(255, 255, 255, .5);
}
.welcome-video-o h3 {
	width: 100%;
	margin-bottom: 1em;
	color: #1A3756;
	text-align: center;
	font-style: italic;
	font-weight: normal;
}
.content-navy .welcome-video-o h3 {
	color: #009FA2;
}
.welcome-video {
	display: block;
	position: relative;
	height: 0;
	margin-top: 3em;
	padding-bottom: 56.25%; /* 16:9 */
}
.welcome-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}

/* SALES VIDEOS */
.sales-video {
	display: block;
	position: relative;
	max-width: 40em;
	height: 0;
	margin: 3em auto 0;
	padding-bottom: 22.5em; /* 16:9 */
}
.sales-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, .4));
}
.sales-videos {
	display: flex;
	margin: 3em 0 0 -4em;
	font-size: 1rem;
}
.sales-videos-i {
	flex: 1 0 25%;
	width: 25%;
	margin: 0 0 0 2em;
	padding: 0 0 0 2em;
	border-left: 1px solid #1A3756;
}
.sales-videos-i:first-child {
	border-left: none;
}
.sales-videos-i iframe {
	width: 100%;
	height: 100%;
}
.sales-videos-i h4 {
	margin-top: 0;
}
.sales-videos-i p {
	max-width: 100%;
	font-size: 1em;
	text-align: center;
}
.sales-videos-i .button {
	margin-bottom: 0;
}
@media screen and (max-width: 1000px) {
	.sales-video {
		max-width: 100%;
		padding-bottom: 56.25%;
	}
	.sales-videos {
		margin: 2em 0 0;
	}
	.sales-videos-i {
		margin: 0;
		padding: 0;
		border: none;
	}
	.sales-videos-i:not(:last-child) {
		display: none;
	}
}
@media screen and (max-width: 600px) {
	.sales-videos-i p {
		text-align: justify;
	}
}

/* SUBSCRIBE FORM */
.club-subscribe {
	width: 100%;
	max-width: 40em;
	margin: 2em auto 0;
	background: #BCE4E5;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	padding: 2em;
}
.club-subscribe h3 {
	margin-top: 0;
}
.club-subscribe input,
.club-subscribe select {
	display: block;
	width: 100%;
	margin: .5em 0 1em;
}
.club-subscribe .button {
	margin-top: .5em;
}
.club-subscribe .button input {
	display: inline;
	width: auto;
	margin: 0;
	padding: 0;
}
.club-subscribe .button:hover input {
	color: #FFF;
}

/* SCHEDULE A CALL */
.call-o {
	position: relative;
}
.call {
	position: absolute;
	top: 50%;
	right: -7.55em;
	display: flex;
	align-items: center;
	margin: -1.5em 0 0;
	padding: .5em 1em;
	background: #1A3756;
	color: #FFF;
	box-shadow: 1px -2px 4px rgba(0, 0, 0, .4);
	transform: rotate(90deg);
}
.call:hover {
    background: #F47003;
    color: #FFF;
}
.call p {
	margin: 0 .5em 0 0;
	line-height: 1em;
}
.call:hover svg * {
    fill: #FFF;
}
@media screen and (max-width: 1200px) {
	.call-o {
		margin-bottom: 4em;
		padding-bottom: 3em;
	}
	.call {
        top: 100%;
        right: 50%;
        justify-content: center;
		margin: 0 -6em 0 0;
		transform: none;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	}
	.call svg {
		transform: rotate(90deg);
	}
}
@media screen and (max-width: 800px) {
	.call-o {
		margin-bottom: 3em;
		padding-bottom: 2em;
	}
	.call {
		right: 0;
		width: 100%;
		margin: 0;
	}
	.call svg {
		font-size: .9em;
	}
}