/*************
============================
VARIABLES 
============================
*************/
.greyBoxForm {
	position: fixed;
	width: 100%;
	top: 0;
	max-width: 192rem;
	background-color: rgba(51, 51, 51, 0.7);
	z-index: 999;
	height: 100%;
	display: none;
}

.formBox {
	display: none;
	position: fixed;
	z-index: 999999;
	top: 10%;
	transform: translateX(-50%);
	left: 50%;
	padding: 3rem;
	background-color: white;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
}

@media (max-width: 900px) {
	.formBox {
		width: 98%;
	}
}

.formBox h2 {
	text-align: center;
	color: #0d3a54;
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: normal;
	padding-bottom: 2rem;
}

.formBox .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}

.formBox .close:hover {
	color: #6d9055;
}

body {
	background-color: #ffffff;
}

p {
	font-size: 16px;
	color: #333333;
	line-height: 1.6;
	padding-bottom: 2rem;
}

.center {
	text-align: center;
}

header {
	background-color: #fff;
	padding: 16px 4px;
}

header a#logo img {
	width: 275px;
	height: auto;
}

header .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

header #back-to-cdb {
	text-align: right;
	flex-grow: 1;
	color: #414042;
	text-decoration: none;
	display: none;
}

@media (min-width: 640px) {
	header #back-to-cdb {
		display: inline-block;
	}
}

.banner {
	/* height: 38rem; */
	position: relative;
	background-size: cover;
	font-family: "Georgia", sans-serif;
	color: white;
	padding-top: 108px;
	padding-bottom: 108px;
}

.banner img {
	width: 100%;
}

@media (min-width: 992px) {
	.banner-content {
		width: 75%;
	}
}

@media (min-width: 1200px) {
	.banner-content {
		width: 50%;
	}
}

.banner-content h2,
.banner-content p {
	color: #fff;
}

.banner-content h2 {
	font: normal normal normal 60px/69px Arial;
	margin-bottom: 6px;
}

.banner-content h3 {
	color: #a4bb83;
	font: normal normal normal 32px/37px Arial;
	margin-bottom: 32px;
}

.banner-content p {
	font: normal normal normal 21px/28px Arial;
}

.greyBoxForm {
	position: fixed;
	width: 100%;
	top: 0;
	max-width: 192rem;
	background-color: rgba(51, 51, 51, 0.7);
	z-index: 999;
	height: 100%;
	display: none;
}

.formBox {
	position: fixed;
	z-index: 999999;
	top: 10%;
	transform: translateX(-50%);
	left: 50%;
	padding: 3rem;
	background-color: white;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 22px 12px rgba(0, 0, 0, 0.75);
}

.formBox h2 {
	text-align: center;
	color: #0d3a54;
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: normal;
	padding-bottom: 2rem;
}

.formBox .close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}

.formBox .close:hover {
	color: #6d9055;
}
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.column,
.columns {
	width: 100%;
	float: left;
	box-sizing: border-box;
	position: relative;
	z-index: 3;
}

body {
	font-family: "Arial", sans-serif;
	width: 100%;
	max-width: 1920px;
	margin: auto;
	overflow-x: hidden;
}

#body_wrapper {
	overflow: hidden;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.4);
	background-color: white;
}

#body_wrapper.shifted {
	margin-left: -18rem;
	margin-right: 18rem;
}
/* For devices larger than 400px */
@media (min-width: 900px) {
	.container {
		width: 95%;
		padding: 0;
	}
}

@media (max-width: 900px) {
	.columns {
		width: 100%;
	}
}
/* For devices larger than 550px */
@media (min-width: 900px) {
	.container {
		width: 80%;
	}

	.column,
	.columns {
		margin-left: 4%;
	}

	.column:first-child,
	.columns:first-child {
		margin-left: 0;
	}

	.one.column,
	.one.columns {
		width: 4.66666666667%;
	}

	.two.columns {
		width: 13.3333333333%;
	}

	.twoish.columns {
		width: 20%;
	}

	.three.columns {
		width: 22%;
	}

	.four.columns {
		width: 30.6666666667%;
	}

	.five.columns {
		width: 39.3333333333%;
	}

	.six.columns {
		width: 48%;
	}

	.seven.columns {
		width: 56.6666666667%;
	}

	.eight.columns {
		width: 65.3333333333%;
	}

	.nine.columns {
		width: 74%;
	}

	.ten.columns {
		width: 82.6666666667%;
	}

	.eleven.columns {
		width: 91.3333333333%;
	}

	.twelve.columns {
		width: 100%;
		margin-left: 0;
	}

	.one-third.column {
		width: 30.6666666667%;
	}

	.two-thirds.column {
		width: 65.3333333333%;
	}

	.one-half.column {
		width: 48%;
	}
	/* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns {
		margin-left: 8.66666666667%;
	}

	.offset-by-two.column,
	.offset-by-two.columns {
		margin-left: 17.3333333333%;
	}

	.offset-by-three.column,
	.offset-by-three.columns {
		margin-left: 26%;
	}

	.offset-by-four.column,
	.offset-by-four.columns {
		margin-left: 34.6666666667%;
	}

	.offset-by-five.column,
	.offset-by-five.columns {
		margin-left: 43.3333333333%;
	}

	.offset-by-six.column,
	.offset-by-six.columns {
		margin-left: 52%;
	}

	.offset-by-seven.column,
	.offset-by-seven.columns {
		margin-left: 60.6666666667%;
	}

	.offset-by-eight.column,
	.offset-by-eight.columns {
		margin-left: 69.3333333333%;
	}

	.offset-by-nine.column,
	.offset-by-nine.columns {
		margin-left: 78%;
	}

	.offset-by-ten.column,
	.offset-by-ten.columns {
		margin-left: 86.6666666667%;
	}

	.offset-by-eleven.column,
	.offset-by-eleven.columns {
		margin-left: 95.3333333333%;
	}

	.offset-by-one-third.column,
	.offset-by-one-third.columns {
		margin-left: 34.6666666667%;
	}

	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns {
		margin-left: 69.3333333333%;
	}

	.offset-by-one-half.column,
	.offset-by-one-half.columns {
		margin-left: 52%;
	}
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}

body {
	font-size: 1.6em;
	/* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.7;
	font-weight: 400;
}
/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	box-sizing: border-box;
}
/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
	height: 38px;
	padding: 6px 10px;
	/* The 6px vertically centers text on FF, ignored by Webkit */
	border-radius: 4px;
	box-shadow: none;
	box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea {
	min-height: 65px;
	padding-top: 6px;
	padding-bottom: 6px;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
	outline: 0;
}

label,
legend {
	display: block;
	font-weight: 600;
}

fieldset {
	padding: 0;
	border-width: 0;
}

input[type="checkbox"],
input[type="radio"] {
	display: inline;
}

label > .label-body {
	display: inline-block;
	font-weight: normal;
}
/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
	list-style: circle inside;
}

ol {
	list-style: decimal inside;
}

ol,
ul {
	padding-left: 0;
	margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1.5rem 0 1.5rem 3rem;
	font-size: 90%;
}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: 0.2rem 0.5rem;
	margin: 0 0.2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
}

pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}
/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #e1e1e1;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}
/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin-top: 0px;
}
/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
	width: 100%;
	box-sizing: border-box;
}

.u-max-full-width {
	max-width: 100%;
	box-sizing: border-box;
}

.u-pull-right {
	float: right;
}

.u-pull-left {
	float: left;
}
/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
	border-width: 0;
	border-top: 1px solid #e1e1e1;
}
/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
	content: "";
	display: table;
	clear: both;
}

.banner .row:after {
	display: none;
}
/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
.questions {
	padding: 4rem;
}

.questions img {
	width: 131px;
	display: block;
	margin: 0 auto;
}

.questions h2 {
	text-align: center;
	font-family: "Georgia", serif;
	color: #2f5a27;
	font-size: 2.2rem;
	line-height: 2.2rem;
}

.questions p {
	text-align: center;
	margin-top: 2rem;
	color: #0d3a54;
	font-size: 1.4rem;
	line-height: 2rem;
}

footer {
	background-color: #0d3a54;
	padding: 3rem;
	border-top: 2px solid white;
}

footer .logo {
	width: 100%;
	max-width: 34rem;
	display: block;
	margin: 0 auto;
}

footer .footerMenu {
	list-style-type: none;
	margin: 2.5rem auto 0;
	text-align: center;
}

footer .footerMenu li:nth-child(3) {
	border-right: none;
}

@media (max-width: 520px) {
	footer .footerMenu li:nth-child(3) {
		border-bottom: none;
	}
}

footer .footerMenu li {
	display: inline-block;
	padding: 0.5rem 2rem;
	border-right: 1px solid #a4b995;
}

@media (min-width: 901px) and (max-width: 1000px) {
	footer .footerMenu li {
		padding: 0.5rem 1.25rem;
	}
}

@media (max-width: 520px) {
	footer .footerMenu li {
		display: block;
		border-right: none;
		border-bottom: 1px solid #a4b995;
	}
}

footer .footerMenu li a {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
}

footer .footerMenu li a:hover {
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #2f5a27;
}

footer .footerMenu svg {
	display: inline-block;
	width: 3rem;
	margin-left: 3rem;
	vertical-align: middle;
}

footer .footerMenu svg .st0 {
	fill: #a4b995;
}

footer .footerMenu svg .st1 {
	clip-path: url(#SVGID_2_);
	fill: #00304B;
}

@media (max-width: 520px) {
	footer .footerMenu svg {
		display: block;
		margin: 0 auto;
	}
}

footer .footerMenu svg:hover .st0 {
	fill: white;
}

footer .footerMenu svg:hover .st1 {
	fill: #a4b995;
}

section {
	padding: 48px 0px;
}

section#intro-section {
	background-color: #fff;
	color: #414042;
}

#intro-section p {
	margin-top: 0;
}

#intro-section .intro-left p {
	color: #414042;
	font: normal normal normal 18px/24px Arial;
}

.intro-left ul {
	list-style: none;
}

.intro-left ul li {
	margin-bottom: 15px;
	margin-left: 30px;
}

.intro-left ul li:before {
	content: url(images/check.svg);
	position: absolute;
	left: 0px;
}

.video-frame {
	position: relative;
	padding-top: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.intro-left h3 {
	margin-top: 65px;
	font: normal normal bold 24px/30px Arial;
}

.intro-right h3 {
	color: #414042;
	font: normal normal bold 24px/30px Arial;
	text-align: center;
}

.expert-container {
	text-align: center;
}

@media (max-width: 899px) {
	.intro-right {
		margin-top: 65px;
	}
}

.intro-right hr {
	width: 390px;
	margin: 30px auto;
	border-top: 2px solid #e1e1e1;
}

.intro-right .expert {
	display: flex;
	justify-content: center;
}

.intro-right .expert-img {
	width: 100px;
	margin-right: 20px;
}

.intro-right .expert-img img {
	width: 100px;
}

.intro-right .expert-info h3 {
	text-align: left;
	font: normal normal bold 18px/24px Arial;
	color: #49742a;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.intro-right .expert-info p {
	text-align: left;
}

.intro-right .expert-info a {
	color: #225ac4;
	text-decoration: none;
	word-break: break-word;
}

.expert-schedule {
	text-align: center;
	font: normal normal bold 16px/21px Arial;
	color: #ffffff;
	background: #49742a;
	text-decoration: none;
	padding: 10px;
}

#quote-section {
	background: #2f5a44;
}

#quote-section .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#quote-section p {
	color: #a4bb83;
}

@media (max-width: 899px) {
	#quote-section .six.columns:first-of-type {
		padding-right: 0%;
		border-right: none;
		padding-bottom: 30px;
		border-bottom: 2px solid #a4bb83;
	}

	#quote-section .six.columns:nth-of-type(2) {
		padding-top: 30px;
	}
}

@media (min-width: 900px) {
	#quote-section .six.columns:first-of-type {
		padding-right: 4%;
		border-right: 2px solid #a4bb83;
	}

	#quote-section .six.columns:nth-of-type(2) {
		padding-left: 4%;
		margin-left: 0;
	}
}

#quote-section .six.columns:first-of-type p:first-of-type {
	font: normal normal bold 40px/40px Arial;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-top: 0;
}

#quote-section .six.columns:first-of-type p:nth-of-type(2) {
	font: italic normal normal 16px/24px Arial;
	padding-bottom: 0;
	margin-bottom: 0;
}

#quote-section .six.columns:nth-of-type(2) p:nth-of-type(1) {
	font: italic normal normal 21px/28px Arial;
}

#quote-section .six.columns:nth-of-type(2) p:nth-of-type(2) {
	font: normal normal bold 18px/22px Arial;
	padding-bottom: 0;
	margin-bottom: 0;
}

#case-studies-section{
	background: #F2F2F2;
	padding-top: 60px;
	padding-bottom: 60px;
}

#case-studies-section .row > h3 {
	font: normal normal bold 24px/30px Arial;
	color: #414042;
	margin-bottom: 10px;
}

#case-studies-section .row > p {
	font: normal normal normal 18px/24px Arial;
	color: #414042;
	margin: 0;
	padding-bottom: 37px;
}

#case-studies-section .case-studies{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
}

#case-studies-section .case-study{
	background: #fff;
	padding: 20px;
	text-align: center;
	max-width: 340px;
	margin-bottom: 18px;
}

#case-studies-section .case-study a{
	text-decoration: none;
}

#case-studies-section .case-study > p{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 30px;
}

#case-studies-section .case-study a:nth-of-type(2){
	color: #49742A;
	font: normal normal bold 16px/21px Arial;
	display: flex;
    justify-content: center;
    align-items: center;
}

#case-studies-section .case-study a:nth-of-type(2):before{
	content: url(images/karat.svg);
	padding-right: 7px;
	margin-bottom: -2px;
}

#case-studies-section .case-study a img{
	width: 175px;
}

#case-studies-section .case-study a p{
	font: normal normal bold 18px/24px Arial;
	padding-bottom: 18px;
	margin-bottom: 0;
}

#form-section .eight.columns h3:first-of-type{
	font: normal normal normal 40px/30px Arial;
	color: #414042;
	margin-bottom: 16px;
	line-height: 1;
}

#form-section .eight.columns h3:nth-of-type(2){
	font: normal normal bold 24px/30px Arial;
	color: #414042;
}

#form-section .four.columns p{
	font: normal normal normal 18px/24px Arial;
	color: #414042;
}

#form-section .four.columns p a{
	text-decoration: none;
	color: #225ac4;
}

#form-wrapper form input[type="text"],
#form-wrapper form input[type="email"] {
	padding: 8px;
	width: 100%;
	background: #f5f6f7;
	color: #535353;
	outline: none;
	border: none;
	height: 40px;
	margin-bottom: 12px;
}

#form-wrapper form input[type="text"]:focus {
	outline: 1px solid #6d9055;
}

textarea {
	display: block;
	width: 100%;
	background: #f5f6f7;
	color: #535353;
	font-family: Arial;
	border: none;
	outline: none;
	resize: none;
	min-height: 100px;
	margin-bottom: 12px;
}

textarea:focus {
	outline: 1px solid #6d9055;
}

#form-wrapper form input[type="submit"] {
	background: #0d3a54;
	color: white;
	padding: 12px 24px;
	font-weight: bold;
	outline: none;
	border: none;
	font-size: 16px;
}

form p,
form h2 {
	text-align: center;
}

h2 {
	font-weight: bold;
	font-size: 30px;
}

.download a p {
	color: white;
	text-decoration: none;
}

.download {
	width: 22%;
}

.download a img {
	width: 100%;
}

.banner .row {
	display: flex;
	justify-content: space-between;
}