body {
	background: #fff;
}
.footerStickyWrapper.dockFooterStickies {
	margin-top: -46px;
}
.headerWrapper {
	background: transparent;
	box-shadow: none;
	}
	.headerWrapper.activated {
		background: #fff;
		box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.15);
	}
	.headerWrapper .row #logo {
		transition: auto;
		transition: initial;
		background: transparent url(../images/logo-transparent.png) 0 0 no-repeat;
		background-size: initial;
		}
		.headerWrapper.activated .row #logo {
			background-position: 0 -44px;
		}
	.navCell li .topLevelLink {
		color: #fff;
		}
		.headerWrapper.activated .navCell li .topLevelLink {
			color: #555;
			}
			.headerWrapper.activated .navCell li:hover .topLevelLink, .headerWrapper.activated .navCell li:focus .topLevelLink {
				color: #d7d7d7;
				background: #666;
			}
		.navCell li:hover .topLevelLink:before {
			display: none;
			}
			.headerWrapper.activated .navCell li:hover .topLevelLink:before {
				display: block;
			}
		.navCell li:hover .topLevelLink:after {
			display: none;
			}
			.headerWrapper.activated .navCell li:hover .topLevelLink:after {
				display: block;
			}
			.navCell .startForFreeBtn {
				border: 1px solid #d4d4d3;
				background: #716f67;
				color: #fff;
				}
				.headerWrapper.activated .navCell .startForFreeBtn {
					border: 1px solid #76ca02;
					background: #76ca02;
				}
				.navCell .startForFreeBtn:hover, .navCell .startForFreeBtn:focus {
					color: #555;
					background: #d4d4d3;
					}
					.headerWrapper.activated .navCell .startForFreeBtn:hover, .headerWrapper.activated .navCell .startForFreeBtn:focus {
						border: 1px solid #4ba303;
						background: #4ba303;
						color: #fff;
					}
			.navCell .loginBtn {
				border: 1px solid #d4d4d3;
				background: #716f67;
				color: #fff;
				}
				.headerWrapper.activated .navCell .loginBtn {
					border: 1px solid #d7d7d7;
					color: #555;
					background: #fff;
				}
				.navCell .loginBtn:hover, .navCell .loginBtn:focus {
					color: #555;
					background: #d4d4d3;
					}
					.headerWrapper.activated .navCell .loginBtn:hover, .headerWrapper.activated .navCell .loginBtn:focus {
						color: #1780b9;
						border-color: #1780b9;
						background: #fff;
					}
			.navCell .siteSearchLink {
				color: #fff;
				}
				#theSiteSearch:hover .siteSearchLink:hover {
					color: #d7d7d7;
				}
				.headerWrapper.activated .navCell .siteSearchLink {
					color: #555;
				}
@media only screen and (max-width: 1024px) {
	.headerWrapper .row #logo {
		width: 120px;
		height: 35px;
		background-position: -149px 0;
		}
		.headerWrapper.activated .row #logo {
			background-position: -149px -53px;
		}
}
@media only screen and (max-width: 870px) {
	.headerWrapper, .headerWrapper.activated {
		background: #1a81b4;
		}
		.headerWrapper.activateMobile {
			background: #393939;
		}
		.headerWrapper .row #logo, .headerWrapper.activated .row #logo {
			background: transparent url(../images/logo-white.png) 0 0 no-repeat;
			background-size: 120px 35px;
			}
			.headerWrapper.activateMobile .row #logo {
				width: 30px;
				height: 30px;
				background: transparent url(../images/logo-square.png) 0 0 no-repeat;
				background-size: 30px 30px;
			}
	.navCell .loginBtn {
		border: 1px solid #76ca02;
		background: #76ca02;
		}
		.headerWrapper.activated .navCell .loginBtn {
			border: 1px solid #76ca02;
			color: #fff;
			background: #76ca02;
		}
		.navCell .loginBtn:hover, .navCell .loginBtn:focus {
			color: #fff;
			background: #4ba303;
			}
			.headerWrapper.activated .navCell .loginBtn:hover, .headerWrapper.activated .navCell .loginBtn:focus {
				color: #fff;
				border-color: #4ba303;
				background: #4ba303;
			}
	.navCell .startForFreeBtn {
		border: none;
		background: #76ca02;
		color: #fff;
		}
		.navCell .startForFreeBtn:hover, .navCell .startForFreeBtn:focus {
			color: #fff;
			background: #4ba303;
			}
	.navCell li .topLevelLink, .headerWrapper.activated .navCell li .topLevelLink, .headerWrapper.activated .navCell li:hover .topLevelLink, .headerWrapper.activated .navCell li:focus .topLevelLink {
		color: #f0f0ee;
	}
}

#theVideo {
	position: relative;
	width: 100%;
	max-height: 665px;
	overflow: hidden;
	}
	#theVideo video {
		height: auto !important;
		width: 100% !important;
	}
	#theVideoOverlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		background: transparent url(../images/bg-video-overlay.png) top left repeat;
		width: 100%;
		height: 100%;
	}
	#homeHeader {
		position: absolute;
		top: 96px;
		left: 0;
		width: 100%;
		z-index: 6;
		}
		#homeHeader .entry-content {
			display: block;
			padding: 73px 0 0 0;
			height: auto;
			}
			#homeHeader .entry-content h1 {
				margin-bottom: .7rem;
				text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.8);
				color: #fff;
				font-weight: 700;
				font-size: 3rem;
				}
				#homeHeader .entry-content h1 em {
					font-style: italic;
				}
				#homeHeader .entry-content h1 span {
					color: #f99b1d;
				}
			#homeHeader .entry-content h2 {
				margin-bottom: 0;
				font-size: 1.5em;
				font-weight: 400;
				color: #fff;
				max-width: initial;
				text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
			}
			#homeHeader .entry-content .button {
				padding: 0.5rem 1rem;
				margin-top: 2.5rem;
				font-size: 1.125rem;
				}
				#homeHeader .entry-content .button:hover, #homeHeader .entry-content .button:focus {
					color: #fff;
				}
				#homeHeader .entry-content .button span {
					top: 2px;
				}
			#homeHeader .entry-content a.fancyboxYoutube {
				display: inline-block;
				margin: 1rem 0 2.2rem 0;
				color: #fff;
				font-weight: 600;
				font-size: 1.125rem;
				}
				#homeHeader .entry-content a.fancyboxYoutube:hover, #homeHeader .entry-content a.fancyboxYoutube:focus {
					color: #f99b1d;
				}
	#homeFeatureBar {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		min-height: 160px;
		z-index: 7;
		background: #bbb;
		background: rgba(255,255,255,0.25);
		}
		#homeFeatureBarText {
			padding-top: 29px;
			padding-bottom: 29px;
			}
			.content #homeFeatureBarText h2 {
				margin: 0;
				font-size: 1.5rem;
				color: #fff;
				}
				.content #homeFeatureBarText h2 span {
					position: relative;
					top: -3px;
					display: inline-block;
					padding: 4px 5px 2px 4px;
					font-size: .75rem;
					background: #1a81b4;
					text-transform: uppercase;
					line-height: 1em;
				}
			.content #homeFeatureBarText p {
				margin-bottom: .5rem;
				color: #fff;
			}
			.content #homeFeatureBarText a {
				text-transform: uppercase;
				font-size: 1rem;
			}
		#homeFeatureBarImages {
			padding-top: 30px;
			}
			#homeFeatureBarImages .row {
				margin: 0 -5px;
				}
				#homeFeatureBarImages .row .column {
					padding-left: 5px;
					padding-right: 5px;
				}
@media only screen and (max-width: 1100px) {
	#homeHeader .entry-content {
		padding: 33px 0 0 0;
	}
	.content #homeFeatureBarText h2 {
		font-size: 1.25rem;
	}
	.content #homeFeatureBarText p {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 970px) {
	#homeHeader .entry-content {
		padding: 0;
	}
}
@media only screen and (max-width: 870px) {
	#homeHeader {
		top: 50px;
	}
}
@media only screen and (max-width: 770px) {
	#homeHeader {
		top: 20px;
	}
}
@media only screen and (max-width: 720px) {
	#homeFeatureBar {
		min-height: initial;
	}
	#homeFeatureBar .hideOnSmall {
		display: none;
	}
	#homeFeatureBarText {
		width: 100%;
		padding-top: 18px;
		padding-bottom: 18px;
	}
}
@media only screen and (max-width: 640px) {
	#homeHeader {
		top: 0;
		}
		#homeHeader .entry-content {
			padding: 2rem 0;
			}
			#homeHeader .entry-content h1 {
				font-size: 2rem;
			}
			#homeHeader .entry-content h2 {
				font-size: 1.3rem;
			}
			#homeHeader .entry-content .button {
				margin-top: 1.25rem;
			}
}
@media only screen and (max-width: 600px) {
	#theVideo {
		background: #888 url(/wp-content/uploads/bg-home-mobile.jpg) top left no-repeat;
		background-size: cover;
		}
		#theVideo video {
			display: none;
		}
		#theVideoOverlay {
			display: none;
		}
	#homeHeader {
		position: static;
		}
	#homeFeatureBar {
		position: static;
		min-height: initial;
		}
}

#takeTheStep .column {
	padding-top: 4rem;
	}
	#takeTheStep .column h2 {
		font-size: 2.25rem;
	}
@media only screen and (max-width: 870px) {
	#takeTheStep .column {
		padding-top: 2rem;
		}
		#takeTheStep .column h2 {
			font-size: 1.75rem;
		}
}
.homePersonaWrapper {
	display: table;
	margin-top: 1rem;
	}
	.homePersonaRow {
		display: table-row;
		}
		.homePersonaCell {
			display: table-cell;
			vertical-align: top;
			}
			.homePersonaCell:first-child {
				padding-right: 1.5rem;
			}
			.homePersonaCell img {
				position: relative;
				top: 5px;
				min-width: 63px;
			}
			.homePersonaCell h3 {
				margin: 0 0 .125rem 0;
				color: #222;
				font-size: 1.5rem;
			}
			.homePersonaCell p {
				margin-bottom: .5rem;
			}
			.homePersonaCell .viewArrow {
				font-size: 1rem;
				text-transform: uppercase;
			}
@media only screen and (max-width: 640px) {
	.homePersonaWrapper {
		padding: 1rem 0;
	}
}
			
#greyShapeWrapper {
	margin-top: 6rem;
	background: #f0f0ef url(../images/background-home-grey.jpg) top center repeat-x;
	}
	.greyWrapper {
		background: transparent;
	}
	#greyShapeWrapper h3.standard, #greyShapeWrapper .h3 {
		margin-top: 0;
	}
	#customersHeader {
		padding-top: 97px;
		}
		#customersHeader h2 {
			margin-bottom: 1rem;
			font-size: 2rem;
			color: #222;
			font-weight: 700;
		}
		#customersHeader .viewArrow {
			text-transform: uppercase;
			font-size: 16px;
		}
	.logoTable {
		padding-bottom: 2.3rem;
		border-bottom: 1px solid #d7d7d7;
		margin-bottom: 3rem;
		min-height: initial;
		}
		.logoColumn img {
			max-width: 130px;
			max-height: 40px;
		}
		.logoColumn a {
			display: none;
		}
@media only screen and (max-width: 1180px) {
	.logoColumn img {
		margin: .5rem 2rem .5rem 0;
		max-width: 110px;
		max-height: 35px;
	}
}
@media only screen and (max-width: 640px) {
	#greyShapeWrapper {
		margin-top: 3rem;
	}
	#customersHeader {
		padding-top: 3rem;
		}
		#customersHeader h2 {
			font-size: 1.125rem;
		}
		#customersHeader .viewArrow {
			display: inline-block;
			margin-bottom: 1.25rem;
		}
}
		
.linkList {
	min-height: 305px;
	}
	.linkList p.theType {
		position: absolute;
		left: 20px;
		bottom: 0;
	}
@media only screen and (max-width: 1180px) {
	.linkList p.theType {
		position: static;
		margin-top: 1rem;
	}
}