@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Merriweather:200,300,400,700");

@media (min-width: 940px) {
	.linkedInAnimationOut .section-top-content .li-header-bar {
		margin-left: 0
	}

	.linkedInAnimationOut .li-image {
		width: 900px
	}

	.linkedInAnimationOut .ce-overflow-wrapper {
		width: 0px
	}

	.linkedInAnimationOut .ce-image {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		width: 0px;
		border-left-width: 0px;
		margin-left: 0px
	}

	.linkedInAnimationOut .ce-image .ce-tab {
		width: 125px;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right
	}
}

@media (min-width: 940px) {
	.linkedInAnimationIn .section-top-content {
		margin-right: 0px
	}

	.linkedInAnimationIn .section-top-content .li-header-bar {
		width: calc(100% + 178px);
		z-index: 1;
		margin-right: -178px
	}

	.linkedInAnimationIn .section-top-content .li-header-bar:before {
		top: -3px;
		background: #fff;
		height: 6px;
		width: 6px;
		border: 1px solid #2ca7e4
	}

	.linkedInAnimationIn .center-title {
		margin-right: 330px
	}

	.linkedInAnimationIn .section-top-content {
		margin-right: 99px
	}

	.linkedInAnimationIn .li-image {
		-webkit-transition: all 1s ease;
		transition: all 1s ease;
		width: 800px
	}

	.linkedInAnimationIn .ce-overflow-wrapper {
		width: 260px
	}

	.linkedInAnimationIn .ce-image {
		width: 260px;
		border-left-width: 4px
	}

	.linkedInAnimationIn .ce-image .ce-tab {
		-webkit-transition: all 1s;
		transition: all 1s;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right
	}
}

.bubbleAnimationIn.work-bubble,
.bubbleAnimationIn.work-bubble-large {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.bubbleAnimationIn.work-bubble img,
.bubbleAnimationIn.work-bubble-large img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.bubbleAnimationIn.work-bubble-small,
.bubbleAnimationIn.work-bubble-x-small {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.bubbleAnimationIn.work-bubble-small img,
.bubbleAnimationIn.work-bubble-x-small img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.bubbleAnimationOut.work-bubble,
.bubbleAnimationOut.work-bubble-large {
	-webkit-transform: scale(0) rotate(0deg);
	-ms-transform: scale(0) rotate(0deg);
	transform: scale(0) rotate(0deg)
}

.bubbleAnimationOut.work-bubble img,
.bubbleAnimationOut.work-bubble-large img {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

@media print {

	.bubbleAnimationOut.work-bubble,
	.bubbleAnimationOut.work-bubble-large {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}

	.bubbleAnimationOut.work-bubble img,
	.bubbleAnimationOut.work-bubble-large img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.bubbleAnimationOut.work-bubble-small,
.bubbleAnimationOut.work-bubble-x-small {
	-webkit-transform: scale(0.8) rotate(-10deg);
	-ms-transform: scale(0.8) rotate(-10deg);
	transform: scale(0.8) rotate(-10deg)
}

.bubbleAnimationOut.work-bubble-small img,
.bubbleAnimationOut.work-bubble-x-small img {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

@media print {

	.bubbleAnimationOut.work-bubble-small,
	.bubbleAnimationOut.work-bubble-x-small {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}

	.bubbleAnimationOut.work-bubble-small img,
	.bubbleAnimationOut.work-bubble-x-small img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.blueAnimationIn.crystal-bubble.top {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.blueAnimationIn.crystal-bubble.top img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.blueAnimationIn.crystal-bubble.center {
	-webkit-transform: scale(1) rotate(45deg);
	-ms-transform: scale(1) rotate(45deg);
	transform: scale(1) rotate(45deg)
}

.blueAnimationIn.crystal-bubble.center img {
	-webkit-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	transform: scale(1) rotate(-45deg)
}

.blueAnimationIn.crystal-bubble.bottom {
	-webkit-transform: scale(1) rotate(90deg);
	-ms-transform: scale(1) rotate(90deg);
	transform: scale(1) rotate(90deg)
}

.blueAnimationIn.crystal-bubble.bottom img {
	-webkit-transform: scale(1) rotate(-90deg);
	-ms-transform: scale(1) rotate(-90deg);
	transform: scale(1) rotate(-90deg)
}

.blueAnimationOut.crystal-bubble.top {
	-webkit-transform: scale(0) rotate(0deg);
	-ms-transform: scale(0) rotate(0deg);
	transform: scale(0) rotate(0deg)
}

.blueAnimationOut.crystal-bubble.top img {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.blueAnimationOut.crystal-bubble.center {
	-webkit-transform: scale(0) rotate(45deg);
	-ms-transform: scale(0) rotate(45deg);
	transform: scale(0) rotate(45deg)
}

.blueAnimationOut.crystal-bubble.center img {
	-webkit-transform: scale(0) rotate(-45deg);
	-ms-transform: scale(0) rotate(-45deg);
	transform: scale(0) rotate(-45deg)
}

.blueAnimationOut.crystal-bubble.bottom {
	-webkit-transform: scale(0) rotate(90deg);
	-ms-transform: scale(0) rotate(90deg);
	transform: scale(0) rotate(90deg)
}

.blueAnimationOut.crystal-bubble.bottom img {
	-webkit-transform: scale(0) rotate(-90deg);
	-ms-transform: scale(0) rotate(-90deg);
	transform: scale(0) rotate(-90deg)
}

.snowflakeAnimationIn {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.snowflakeAnimationOut {
	-webkit-transform: scale(0) rotate(360deg);
	-ms-transform: scale(0) rotate(360deg);
	transform: scale(0) rotate(360deg)
}

.dividerAnimationIn.divider-bar,
.dividerAnimationIn.info-line,
.dividerAnimationIn.post-type-bar {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.dividerAnimationOut.divider-bar,
.dividerAnimationOut.info-line,
.dividerAnimationOut.post-type-bar {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.verticalDividerAnimationIn {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.verticalDividerAnimationOut {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}

.AIAnimationIn {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.AIAnimationOut {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95)
}

.pieAnimationIn {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	opacity: 1
}

.pieAnimationOut {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0 !important
}

.pieTextAnimationIn {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.pieTextAnimationOut {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.sitesAnimationIn .mock-image {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.sitesAnimationOut .mock-image {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.sitesAnimationOut .mock-image:first-child {
	-webkit-transform: translateX(20%);
	-ms-transform: translateX(20%);
	transform: translateX(20%)
}

.sitesAnimationOut .mock-image:last-child {
	-webkit-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}

.timelineAnimationIn .timeline-bubble {
	-webkit-transform: scale(1) rotate(0deg) !important;
	-ms-transform: scale(1) rotate(0deg) !important;
	transform: scale(1) rotate(0deg) !important
}

.timelineAnimationIn .timeline-bubble img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.timelineAnimationIn .timeline-text {
	-webkit-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	transform: scale(1) !important
}

.timelineAnimationIn .timeline-line {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.timelineAnimationIn .bubble-line {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.timelineAnimationOut .timeline-bubble {
	-webkit-transform: scale(0) rotate(0deg) !important;
	-ms-transform: scale(0) rotate(0deg) !important;
	transform: scale(0) rotate(0deg) !important
}

.timelineAnimationOut .timeline-bubble img {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.timelineAnimationOut .timeline-text {
	-webkit-transform: scale(0) !important;
	-ms-transform: scale(0) !important;
	transform: scale(0) !important
}

.timelineAnimationOut .timeline-line {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.timelineAnimationOut .bubble-line {
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}

.ultimateBubbleIn {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ultimateBubbleOut {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.headerImgIn {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.headerImgIn img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.headerImgOut {
	-webkit-transform: scale(0.8) rotate(-10deg);
	-ms-transform: scale(0.8) rotate(-10deg);
	transform: scale(0.8) rotate(-10deg)
}

.headerImgOut img {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

@media print {
	.headerImgOut {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}

	.headerImgOut img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.opacityIn {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.opacityOut {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0
}

@media print {
	.opacityOut {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

.spinIn {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.spinIn img {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.spinOut {
	-webkit-transform: scale(0.9) rotate(10deg);
	-ms-transform: scale(0.9) rotate(10deg);
	transform: scale(0.9) rotate(10deg)
}

.spinOut img {
	-webkit-transform: scale(0.9) rotate(20deg);
	-ms-transform: scale(0.9) rotate(20deg);
	transform: scale(0.9) rotate(20deg)
}

@media print {
	.spinOut {
		-webkit-transform: scale(1) rotate(0deg);
		-ms-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg);
		opacity: 1
	}
}

.skewSliderIn {
	margin-left: 0;
	opacity: 1
}

.skewSliderOut {
	margin-left: 40px;
	opacity: 0
}

.stackAnimationIn .triple-stack-img:nth-child(1) {
	left: 80px;
	top: -40px;
	-webkit-transform: rotateY(-16deg);
	transform: rotateY(-16deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s
}

@media (max-width: 900px) {
  .table-body-cont .table-inner-bg h3 {
      font-size: 16px;
      padding:15px 20px;
  }
	.stackAnimationIn .triple-stack-img:nth-child(1) {
		left: 0;
		top: 0
	}
}

.stackAnimationIn .triple-stack-img:nth-child(2) {
	left: 40px;
	top: 0;
	-webkit-transform: rotateY(-16deg);
	transform: rotateY(-16deg);
	-webkit-transition: all 0.6s;
	transition: all 0.6s
}

@media (max-width: 900px) {
	.stackAnimationIn .triple-stack-img:nth-child(2) {
		left: 0;
		top: 0
	}
}

.stackAnimationIn .triple-stack-img:nth-child(3) {
	left: 0;
	top: 40px;
	-webkit-transform: rotateY(-16deg);
	transform: rotateY(-16deg);
	-webkit-transition: all 0.8s;
	transition: all 0.8s
}

@media (max-width: 900px) {
	.stackAnimationIn .triple-stack-img:nth-child(3) {
		left: 0;
		top: 0
	}
}

@media (min-width: 900px) {
	.stackAnimationIn.left-lean {
		margin-left: -80px
	}

	.stackAnimationIn.left-lean .triple-stack-img {
		-webkit-transform: rotateY(16deg);
		transform: rotateY(16deg)
	}
}

.plansAnimationOut .plan-wrapper:nth-child(1) .plan-lower {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}

.plansAnimationOut .plan-wrapper:nth-child(2) .plan-lower {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}

.plansAnimationOut .plan-wrapper:nth-child(3) .plan-lower {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0)
}

.salesImagesAnimationIn .sales-hover-image {
	-webkit-transition: all 0.4s;
	transition: all 0.4s
}

.salesImagesAnimationOut .sales-hover-image {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8)
}

.offsetImagesAnimationOut img:nth-child(odd) {
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px)
}

.offsetImagesAnimationOut img:nth-child(even) {
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px)
}

.dataImageIn {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg)
}

.dataImageOut {
	-webkit-transform: scale(0.95) rotate(-15deg);
	-ms-transform: scale(0.95) rotate(-15deg);
	transform: scale(0.95) rotate(-15deg)
}

.homeTeamImagesIn .home-teams-assessment {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeTeamImagesIn .home-teams-people {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeTeamImagesOut .home-teams-assessment {
	-webkit-transform: scale(1.1) translateX(-20px);
	-ms-transform: scale(1.1) translateX(-20px);
	transform: scale(1.1) translateX(-20px)
}

.homeTeamImagesOut .home-teams-people {
	-webkit-transform: scale(1.1) translateX(20px);
	-ms-transform: scale(1.1) translateX(20px);
	transform: scale(1.1) translateX(20px)
}

.homeSalesImagesIn .home-sales-ce {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeSalesImagesIn .home-sales-people {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeSalesImagesOut .home-sales-ce {
	-webkit-transform: scale(1.05) translateY(20px);
	-ms-transform: scale(1.05) translateY(20px);
	transform: scale(1.05) translateY(20px)
}

.homeSalesImagesOut .home-sales-people {
	-webkit-transform: scale(1.05) translateY(-20px);
	-ms-transform: scale(1.05) translateY(-20px);
	transform: scale(1.05) translateY(-20px)
}

.homeHiringImagesIn .home-hiring-evaluate {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeHiringImagesIn .home-hiring-people {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.homeHiringImagesOut .home-hiring-evaluate {
	-webkit-transform: scale(1.05) translateY(20px);
	-ms-transform: scale(1.05) translateY(20px);
	transform: scale(1.05) translateY(20px)
}

.homeHiringImagesOut .home-hiring-people {
	-webkit-transform: scale(1.05) translateY(-20px);
	-ms-transform: scale(1.05) translateY(-20px);
	transform: scale(1.05) translateY(-20px)
}

.blog-post-featured {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-left: 12px solid #01293d;
	width: 100%;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	position: relative;
	background: #fff;
	max-width: 1080px;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.87);
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.blog-post-featured:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01)
}

.blog-post-featured .post-content {
	width: 50%;
	background: #fff;
	padding: 48px 32px
}

.blog-post-featured .post-image {
	width: 50%;
	max-height: 100%;
	overflow: hidden;
	display: block
}

.blog-post-featured .post-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.blog-post-featured .post-type {
	margin: 16px 0
}

.blog-post-featured .post-title {
	margin: 24px 0
}

.blog-post-featured .post-description {
	margin: 24px 0
}

@media (max-width: 900px) {
	.blog-post-featured {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.blog-post-featured .post-content,
	.blog-post-featured .post-image {
		width: 100%
	}

	.blog-post-featured .post-content {
		padding: 16px 32px
	}

	.blog-post-featured .post-image {
		max-height: 250px
	}
}

.blog-post-featured-wrapper {
	position: relative;
	margin: 0 16px
}

.blog-post-featured-wrapper:before {
	content: "";
	background: linear-gradient(45deg, #01293d 0%, rgba(1, 41, 61, 0.75) 100%);
	position: absolute;
	height: calc(100% + 120px);
	width: 100vw;
	top: 50%;
	left: -16px
}

@media (max-width: 900px) {
	.blog-post-featured-wrapper:before {
		height: calc(100% + 48px)
	}
}

.blog-post-featured-wrapper.hidden .blog-post-featured {
	height: 0px;
	overflow: hidden
}

.blog-post-featured-wrapper.hidden:before {
	height: 300px
}

.blog-line {
	width: calc(100% + 32px);
	margin-right: -32px;
	height: 1px;
	background: #2ca7e4;
	margin-bottom: 16px;
	z-index: 1;
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-animation: blog-line 1s ease;
	animation: blog-line 1s ease
}

@media (max-width: 900px) {
	.blog-line {
		width: 100%;
		margin-left: 0;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center
	}
}

.blog-line:after,
.blog-line:before {
	content: "";
	display: block;
	border-radius: 100px;
	position: absolute
}

.blog-line:after {
	background: #2ca7e4;
	border: 1px solid #2ca7e4;
	height: 1px;
	left: -3px;
	top: -1px;
	width: 1px
}

.blog-line:before {
	background: #fff;
	border: 1px solid #2ca7e4;
	height: 6px;
	right: -4px;
	top: -4px;
	width: 6px
}

@-webkit-keyframes blog-line {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes blog-line {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.blog-post-preview {
	border-left: 12px solid #01293d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: rgba(0, 0, 0, 0.87);
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.blog-post-preview:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01)
}

.blog-post-preview .post-content {
	width: 100%;
	background: #fff;
	padding: 16px 32px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.blog-post-preview .post-content.slider-height {
	height: 296px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto
}

.blog-post-preview .post-content.slider-height .post-title {
	max-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden
}

.blog-post-preview .post-content.slider-height .post-description {
	height: 100px;
	overflow: hidden
}

.blog-post-preview .post-content.slider-height .post-description p,
.blog-post-preview .post-content.slider-height .post-description h1,
.blog-post-preview .post-content.slider-height .post-description h2,
.blog-post-preview .post-content.slider-height .post-description h3,
.blog-post-preview .post-content.slider-height .post-description h4,
.blog-post-preview .post-content.slider-height .post-description h5 {
	margin: 0
}

.blog-post-preview .post-image {
	width: 100%;
	max-width: 100%;
	height: 160px;
	overflow: hidden;
	display: block
}

.blog-post-preview .post-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.center-wrapper {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px;
	position: relative
}

.center-wrapper.margin-bottom {
	margin-bottom: 120px
}

.post-type-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.post-type {
	text-transform: uppercase;
	color: #2ca7e4;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 8px 0;
	white-space: nowrap
}

.post-type-bar {
	width: calc(100% + 25px);
	margin-left: 16px;
	height: 1px;
	background: #2ca7e4;
	z-index: 1;
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.post-type-bar:after,
.post-type-bar:before {
	content: "";
	display: block;
	border-radius: 100px;
	position: absolute
}

.post-type-bar:after {
	background: #2ca7e4;
	border: 1px solid #2ca7e4;
	height: 1px;
	right: -3px;
	top: -1px;
	width: 1px
}

.post-type-bar:before {
	background: #fff;
	border: 1px solid #2ca7e4;
	height: 6px;
	width: 6px;
	left: -4px;
	top: -4px
}

.post-title {
	font-size: 26px;
	line-height: 30px;
	margin: 12px 0
}

.post-description {
	font-weight: 300;
	margin: 12px 0
}

.post-link {
	color: #2ca7e4;
	font-style: italic;
	display: block;
	margin-bottom: 12px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.post-link:hover {
	-webkit-filter: brightness(110%);
	filter: brightness(110%)
}

.posts-wrapper {
	position: relative
}

.blog-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 78px;
	grid-row-gap: 78px;
	margin: 78px 0
}

@media (max-width: 700px) {
	.blog-grid {
		grid-template-columns: 1fr
	}
}

.blog-post-wrapper {
	max-width: 1080px;
	margin: 0 auto
}

.blog-post-wrapper.heavy-margin {
	margin: 60px auto
}

.blog-post-header {
	margin: 0 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.blog-post-header .post-image {
	width: 100%;
	max-width: 100%;
	max-height: 300px;
	overflow: hidden;
	display: block
}

.blog-post-header .post-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.blog-post-header .post-content-wrapper {
	width: 100%;
	background: #fff;
	padding: 0 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	position: relative
}

.blog-post-header .post-content-wrapper .post-content {
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}

.blog-post-header .post-content-wrapper .post-tag-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog-post-header .post-content-wrapper .post-tag {
	color: #fff;
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 auto;
	padding: 4px 8px;
	background: #2ca7e4;
	border-radius: 0 0 10px 10px
}

.blog-post-header .post-content-wrapper .post-title {
	text-align: center;
	font-size: 36px;
	line-height: 42px;
	max-width: 470px;
	margin: 32px auto 42px
}

.blog-post-header .post-content-wrapper .post-author-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 100
}

.blog-post-header .post-content-wrapper .post-author-wrapper .post-author-bar {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 1px;
	background: #2ca7e4;
	width: 100%;
	position: relative
}

.blog-post-header .post-content-wrapper .post-author-wrapper .post-author-bar:after,
.blog-post-header .post-content-wrapper .post-author-wrapper .post-author-bar:before {
	content: "";
	display: block;
	border-radius: 100px;
	position: absolute;
	background: #2ca7e4;
	border: 1px solid #2ca7e4;
	height: 1px;
	width: 1px;
	top: -1px
}

.blog-post-header .post-content-wrapper .post-author-wrapper .post-author-bar:after {
	left: -3px
}

.blog-post-header .post-content-wrapper .post-author-wrapper .post-author-bar:before {
	right: -3px
}

.blog-post-header .post-content-wrapper .post-author-wrapper .post-author {
	color: rgba(0, 0, 0, 0.54);
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0 16px
}

.blog-post-body {
	background: #fff;
	margin: 0 16px;
	padding: 64px 32px;
	-webkit-box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 900px) {
	.blog-post-body {
		padding: 64px 16px
	}
}

.blog-post-body.no-padding {
	padding: 0 0 64px
}

.blog-post-body .infographic-wrapper {
	width: 100%;
	margin-bottom: 40px
}

.blog-post-body .infographic-wrapper p {
	margin: 0 !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.blog-post-body .infographic-wrapper img {
	max-width: 100%
}

@media (max-width: 1080px) {
	.blog-post-body .infographic-wrapper {
		width: calc(100% + 32px);
		margin-top: -48px;
		margin-left: -16px
	}
}

.blog-post-body .blog-post-body-content {
	width: 100%;
	max-width: 800px;
	margin: 0 auto
}

.blog-post-body .blog-post-body-content.full-width {
	max-width: inherit
}

.blog-post-body .blog-post-body-content.full-width img {
	max-width: 100%;
	margin: 0
}

.blog-post-body .blog-post-body-content p {
	margin-top: 0;
	margin-bottom: 16px;
	width: 100%;
	min-width: 100%
}

.blog-post-body .blog-post-body-content p.italic {
	color: rgba(0, 0, 0, 0.38);
	font-style: italic
}

.blog-post-body .blog-post-body-content p,
.blog-post-body .blog-post-body-content li {
	font-size: 18px;
	line-height: 27px
}

.blog-post-body .blog-post-body-content h2 {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 1px;
	font-weight: 400
}

.blog-post-body .blog-post-body-content h3 {
	width: 100%;
	text-align: left;
	font-size: 20px
}

.blog-post-body .blog-post-body-content h4 {
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	width: 100%;
	text-align: left
}

.blog-post-body .blog-post-body-content h5 {
	font-size: 16px;
	line-height: 1.6em
}

.blog-post-body .blog-post-body-content h1,
.blog-post-body .blog-post-body-content h2,
.blog-post-body .blog-post-body-content h3,
.blog-post-body .blog-post-body-content h4,
.blog-post-body .blog-post-body-content h5 {
	margin: 24px 0;
	width: 100%;
	text-align: left
}

.blog-post-body .blog-post-body-content ol,
.blog-post-body .blog-post-body-content ul,
.blog-post-body .blog-post-body-content div,
.blog-post-body .blog-post-body-content h3 {
	width: 100%
}

.blog-post-body .blog-post-body-content img {
	max-width: calc(100% - 40px);
	margin: 20px
}

@media (max-width: 900px) {
	.blog-post-body .blog-post-body-content img {
		max-width: 100%
	}
}

.blog-post-body .blog-post-body-content .work-bubble img {
	margin-bottom: 0;
	max-width: inherit
}

.blog-post-body .blog-post-body-content table {
	border-width: 0;
	border-collapse: collapse;
	-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px 0px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 8px 0px
}

.blog-post-body .blog-post-body-content tr:first-child {
	background-color: #f5f5f5
}

.blog-post-body .blog-post-body-content tr:first-child td {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.54)
}

.blog-post-body .blog-post-body-content td {
	border-color: rgba(0, 0, 0, 0.12);
	padding: 4px 16px;
	color: rgba(0, 0, 0, 0.87)
}

.blog-post-body .blog-post-body-content td p {
	margin: 8px 0
}

@media (max-width: 900px) {
	.blog-post-body .blog-post-body-content td {
		padding: 2px 8px
	}

	.blog-post-body .blog-post-body-content td p {
		margin: 4px 0;
		font-size: 14px;
		line-height: 18px
	}
}

@media (max-width: 400px) {
	.blog-post-body .blog-post-body-content td p {
		margin: 4px 0;
		font-size: 12px;
		line-height: 16px
	}
}

.blog-post-body .divider {
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	width: 100%;
	float: left;
	margin: 24px 0 48px
}

.blog-post-body .divider.max-width {
	width: calc(100% - 128px);
	margin: 24px 64px 48px
}

.blog-post-body .max-wrapper {
	max-width: 800px;
	margin: 0 auto
}

.blog-post-body .work-column {
	width: 100%
}

.slider-wrapper {
	display: block;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px;
	padding-bottom: 120px;
	position: relative
}

.slider-wrapper .left,
.slider-wrapper .right {
	position: absolute;
	top: calc(50% - 78px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 36px;
	cursor: pointer
}

.slider-wrapper .left {
	left: 16px
}

.slider-wrapper .right {
	right: 16px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.slides-wrapper {
	padding: 0 24px
}

.post-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 78px;
	margin: 0 0 24px
}

@media (max-width: 700px) {
	.post-set {
		grid-template-columns: 1fr;
		grid-row-gap: 78px
	}
}

.slick-slider-wrapper .slide-wrapper {
	padding: 0 24px
}

.blog-social-icons {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	left: -50px;
	top: 70px
}

@media (max-width: 900px) {
	.blog-social-icons {
		display: none
	}
}

.blog-social-icons.sticky {
	position: fixed;
	top: 70px;
	left: calc(50% - 574px);
	bottom: auto
}

.blog-social-link {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-filter: grayscale(1) brightness(0%);
	filter: grayscale(1) brightness(0%);
	opacity: 0.24;
	margin: 0 0 12px 0;
	cursor: pointer
}

.blog-social-link:hover {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(0) brightness(100%);
	filter: grayscale(0) brightness(100%)
}

.blog-social-link img {
	width: 26px;
	height: 26px
}

.hub-spoke-icons {
	z-index: 1000;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: 24px;
	left: calc(50% - 510px);
	bottom: auto;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: absolute
}

@media print {
	.hub-spoke-icons {
		display: none
	}
}

.hub-spoke-icons.hidden {
	opacity: 0;
	pointer-events: none
}

.hub-spoke-icons.sticky {
	position: fixed
}

@media (max-width: 1080px) {
	.hub-spoke-icons {
		position: relative !important;
		top: 0 !important;
		-webkit-transition: all 0s;
		transition: all 0s;
		position: relative;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		opacity: 1;
		width: 100vw;
		margin: 0 auto;
		top: auto;
		left: auto;
		background: #fff;
		border-top: 1px solid rgba(0, 0, 0, 0.04);
		border-bottom: 1px solid rgba(0, 0, 0, 0.04);
		-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
		pointer-events: all
	}

	.hub-spoke-icons .blog-hub-link {
		margin: 6px 12px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		width: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.blog-hub-link {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0 0 8px 0;
	padding: 2px 8px;
	border-radius: 4px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-transform: uppercase;
	color: rgba(0, 0, 0, 0.54);
	font-size: 15px
}

.blog-hub-link:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.blog-hub-link.active,
.blog-hub-link:hover {
	background: #fff;
	-webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1))
}

.blog-hub-link img {
	width: 20px;
	height: 20px;
	margin-right: 8px
}

.new-blog-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px 0
}

.blog-home-header {
	padding: 120px 0;
	position: relative;
	background: #01293d;
	background-size: cover;
	background-position: top center
}

.blog-home-header.full-height {
	min-height: 100%;
	height: 433px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.blog-home-header.cta {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))), url("../png/emailctaimg.png");
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0)), url("../png/emailctaimg.png");
	background-size: cover;
	background-position: top center
}

.blog-home-header-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.blog-home-header-image:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: -webkit-gradient(linear, left top, right top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0)));
	background: linear-gradient(90deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0))
}

.blog-home-header-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.blog-home-header-content {
	max-width: 1080px;
	width: 100%;
	padding: 0 16px;
	margin: 0 auto;
	z-index: 100;
	position: relative
}

.blog-home-header-content.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 84px 16px;
	max-width: 932px
}

@media (max-width: 800px) {
	.blog-home-header-content.center {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.blog-header-category {
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	opacity: 0.54;
	font-size: 18px;
	margin-bottom: 4px
}

.blog-header-category.dark {
	color: rgba(0, 0, 0, 0.54)
}

.blog-header-text {
	font-size: 42px;
	line-height: 48px;
	text-align: left;
	color: #fff;
	margin-bottom: 8px;
	max-width: 400px
}

.blog-header-text.dark {
	color: rgba(0, 0, 0, 0.87)
}

.blog-header-mid-text {
	font-size: 28px;
	line-height: 36px;
	text-align: left;
	color: rgba(0, 0, 0, 0.87);
	margin-bottom: 8px;
	max-width: 400px
}

.blog-block {
	border-bottom: 8px solid #01293d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	cursor: pointer;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.blog-block:hover {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.blog-block .blog-block-image-wrapper {
	width: 100%;
	max-width: 100%;
	height: 160px;
	overflow: hidden;
	display: block;
	position: relative
}

.blog-block .blog-block-image-wrapper .blog-block-image-category {
	position: absolute;
	left: 0;
	top: 0;
	padding: 2px 12px;
	background: #01293d;
	color: #fff;
	border-radius: 0 0 6px 0;
	text-transform: uppercase;
	font-size: 12px
}

.blog-block .blog-block-image-wrapper img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.blog-block .blog-block-content {
	text-align: center;
	background: #fff;
	padding: 24px 16px;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.blog-block .blog-block-content .blog-block-content-subheader {
	color: rgba(0, 0, 0, 0.38);
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 4px;
	line-height: 14px
}

.blog-block .blog-block-content .blog-block-content-header {
	font-size: 24px;
	font-weight: 600;
	color: #01293d
}

.subscribe-form-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 100%;
	margin-top: 32px
}

.subscribe-form-wrapper fieldset {
	max-width: none !important
}

.subscribe-form-wrapper ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 36px
}

.subscribe-form-wrapper ul li {
	font-weight: 300;
	text-align: center
}

.subscribe-form-wrapper label {
	font-weight: 300;
	display: none
}

.subscribe-form-wrapper li label {
	display: block
}

.subscribe-form-wrapper input {
	width: 100%;
	min-width: 400px;
	display: block;
	height: 44px;
	background-color: #fff;
	border-radius: 2px;
	padding: 10px 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	font-size: 16px;
	border: 0px solid rgba(0, 0, 0, 0.12);
	width: 100%;
	margin-bottom: 12px;
	-webkit-box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05)
}

.subscribe-form-wrapper .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.subscribe-form-wrapper .hs-error-msgs {
	margin: 0;
	margin-top: 8px;
	font-size: 14px;
	line-height: 14px
}

.subscribe-form-wrapper .hs-button {
	background-color: #2ca7e4;
	padding: 16px 20px;
	margin: 8px 0;
	border-radius: 100px;
	border: none;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	font-size: 12px;
	text-transform: uppercase;
	outline: none;
	text-decoration: none;
	display: block;
	width: auto;
	text-align: center;
	cursor: pointer;
	line-height: 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	z-index: 100;
	min-width: auto
}

.subscribe-form-wrapper .hs-button:hover {
	color: #fff;
	outline: none;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-filter: brightness(108%);
	filter: brightness(108%);
	text-decoration: none
}

.subscribe-form-wrapper .hs-button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	outline: none;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	text-decoration: none
}

.subscribe-form-wrapper .submitted-message {
	text-align: center;
	font-weight: 300;
	font-size: 24px;
	overflow: inherit !important
}

.blog-grid-wrapper {
	max-width: 1080px;
	margin: 0 auto;
	padding: 60px 16px
}

.blog-block-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px
}

@media (max-width: 900px) {
	.blog-block-grid {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width: 600px) {
	.blog-block-grid {
		grid-template-columns: 1fr
	}
}

.blog-block-header {
	font-size: 42px;
	line-height: 48px;
	color: #01293d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 32px
}

.blog-block-header .blog-block-header-text {
	margin-right: 24px;
	font-size: 36px;
	line-height: 42px
}

.blog-block-header .blog-block-header-line {
	background: #01293d;
	height: 1px;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.blog-menu-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1048px;
	margin: 0 auto
}

@media (max-width: 800px) {
	.blog-menu-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.blog-menu-wrapper.light .blog-menu-item {
	color: rgba(255, 255, 255, 0.38)
}

.blog-menu-wrapper.light .blog-menu-item:hover {
	color: #fff
}

.blog-menu-item {
	color: rgba(0, 0, 0, 0.38);
	text-transform: uppercase;
	font-size: 14px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	padding: 16px
}

.blog-menu-item.active,
.blog-menu-item:hover {
	color: #01293d
}

@media (max-width: 800px) {
	.blog-menu-item {
		padding: 4px 16px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08)
	}
}

.case-study-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1080px;
	margin: 0 auto;
	padding: 60px 16px
}

@media (max-width: 800px) {
	.case-study-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.case-study-wrapper .case-study-featured {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	margin-right: 48px;
	padding-right: 48px;
	border-right: 1px solid rgba(255, 255, 255, 0.38)
}

.case-study-wrapper .case-study-featured.case-study-full-width {
	margin-right: 0;
	padding-right: 0;
	border-right: none
}

.case-study-wrapper .case-study-featured.case-study-full-width .case-study-img {
	height: 360px
}

@media (max-width: 800px) {
	.case-study-wrapper .case-study-featured.case-study-full-width {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none
	}
}

@media (max-width: 800px) {
	.case-study-wrapper .case-study-featured {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.38)
	}
}

.case-study-wrapper .case-study-featured:hover .case-study-img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.case-study-wrapper .case-study-featured:hover .case-study-img .case-study-overlay {
	opacity: 1
}

.case-study-wrapper .case-study-featured .case-study-header {
	color: rgba(255, 255, 255, 0.54);
	font-size: 28px;
	line-height: 36px;
	font-style: italic;
	margin-bottom: 16px
}

.case-study-wrapper .case-study-featured .case-study-img {
	width: 100%;
	height: 280px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	position: relative
}

.case-study-wrapper .case-study-featured .case-study-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.case-study-wrapper .case-study-featured .case-study-img .case-study-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(1, 41, 61, 0.8);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.case-study-wrapper .case-study-featured .case-study-img .case-study-overlay img {
	width: 30%;
	height: auto;
	-o-object-fit: inherit;
	object-fit: inherit
}

.case-study-wrapper .case-study-featured .case-study-subtitle {
	color: rgba(255, 255, 255, 0.54);
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	margin: 24px 0 12px
}

.case-study-wrapper .case-study-featured .case-study-title {
	font-size: 36px;
	line-height: 42px;
	text-align: left;
	color: #fff
}

.case-study-wrapper .case-study-featured .case-study-info {
	color: rgba(255, 255, 255, 0.54);
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 12px
}

.case-study-wrapper .case-study-list {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	width: 100%
}

.case-study-wrapper .case-study-list .case-study-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 48px;
	padding-bottom: 48px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.38)
}

@media (max-width: 800px) {
	.case-study-wrapper .case-study-list .case-study-list-item {
		margin-bottom: 24px;
		padding-bottom: 24px;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}
}

.case-study-wrapper .case-study-list .case-study-list-item:hover .case-study-item-img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.case-study-wrapper .case-study-list .case-study-list-item:hover .case-study-item-img .case-study-item-overlay {
	opacity: 1
}

.case-study-wrapper .case-study-list .case-study-list-item:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-img {
	width: 120px;
	height: 120px;
	min-height: 120px;
	min-width: 120px;
	margin-right: 24px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	position: relative
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-img .case-study-item-overlay {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(1, 41, 61, 0.8);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	opacity: 0;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-img .case-study-item-overlay img {
	max-width: 90%;
	width: 90%;
	max-height: 90%;
	height: 90%;
	height: auto;
	-o-object-fit: inherit;
	object-fit: inherit
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-text .case-study-item-company {
	color: rgba(255, 255, 255, 0.54);
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	margin-bottom: 12px
}

.case-study-wrapper .case-study-list .case-study-list-item .case-study-item-text .case-study-item-title {
	font-size: 24px;
	font-weight: 600;
	color: #fff
}

.case-study-wrapper .case-study-line {
	margin: 0 8px
}

.ebook {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.ebook:hover .ebook-image {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.ebook .ebook-image {
	width: 240px;
	height: 320px;
	min-width: 240px;
	min-height: 320px;
	margin-bottom: 24px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.ebook .ebook-image img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

.ebook .ebook-header {
	font-size: 24px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.87);
	text-align: center
}

.book-block {
	width: 360px;
	height: 320px;
	min-width: 360px;
	min-height: 320px;
	margin-bottom: 24px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	position: relative;
	padding: 0 60px
}

.book-block:before {
	content: "";
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	height: 80%;
	background: rgba(44, 167, 228, 0.2);
	border-radius: 50%;
	-webkit-transform: rotate(-16deg);
	-ms-transform: rotate(-16deg);
	transform: rotate(-16deg)
}

.book-block img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

.book-block-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 48px
}

.blog-carousel-relative {
	position: relative
}

.blog-carousel-wrapper {
	position: relative;
	height: 433px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.blog-carousel-wrapper.position-0 {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.blog-carousel-wrapper.position-1 {
	-webkit-transform: translateX(-100vw);
	-ms-transform: translateX(-100vw);
	transform: translateX(-100vw)
}

.blog-carousel-wrapper.position-2 {
	-webkit-transform: translateX(-200vw);
	-ms-transform: translateX(-200vw);
	transform: translateX(-200vw)
}

.blog-carousel-wrapper.position-3 {
	-webkit-transform: translateX(-300vw);
	-ms-transform: translateX(-300vw);
	transform: translateX(-300vw)
}

.blog-carousel-item {
	width: 100vw;
	position: absolute;
	top: 0;
	height: 433px
}

.blog-carousel-item:first-child {
	left: 0
}

.blog-carousel-item:nth-child(2) {
	left: 100vw
}

.blog-carousel-item:nth-child(3) {
	left: 200vw
}

.blog-carousel-item:nth-child(4) {
	left: 300vw
}

.blog-carousel-nav {
	position: absolute;
	left: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	bottom: 48px;
	z-index: 1000
}

.blog-carousel-nav-item {
	width: 14px;
	height: 14px;
	border-radius: 50%;
	margin: 12px;
	background: #fff;
	opacity: 0.54;
	cursor: pointer;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.blog-carousel-nav-item.active,
.blog-carousel-nav-item:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.blog-post-header-image {
	width: 100%;
	height: 420px;
	overflow: hidden;
	display: block
}

.blog-post-header-image img {
	height: 100%;
	width: 100%;
	-o-object-position: top;
	object-position: top;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width: 1080px) {
	.blog-post-header-image {
		height: 300px
	}
}

@media (max-width: 720px) {
	.blog-post-header-image {
		height: 240px
	}
}

@media (max-width: 600px) {
	.blog-post-header-image {
		height: 180px
	}
}

.blog-block-header-link-text {
	font-size: 16px;
	color: #2ca7e4;
	margin-left: 16px;
	font-style: italic
}

.blog-block-header-link-text:hover {
	text-decoration: underline
}

.shadow-after {
	position: relative;
	display: block
}

@media (max-width: 900px) {
	.shadow-after {
		max-width: 200px;
		max-height: 350px
	}
}

.shadow-after:after {
	content: "";
	opacity: 0.8;
	position: absolute;
	left: 100%;
	top: 0;
	height: 100%;
	width: 200px;
	background-image: url("../png/shadow-only.png");
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain
}

.book-soon-text {
	text-transform: uppercase;
	font-weight: 300;
	font-style: italic;
	font-size: 20px;
	line-height: 28px;
	margin: 12px 0 50px
}

.header-endorse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 34px;
	max-width: 320px;
	text-align: left
}

.header-endorse .header-endorse-img {
	width: 80px;
	min-width: 80px;
	height: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	border-radius: 200px;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1)) saturate(0);
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1)) saturate(0)
}

.header-endorse .header-endorse-text {
	margin-left: 16px
}

.header-endorse .header-endorse-text .header-endorse-body {
	font-weight: 300;
	font-style: italic;
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 8px
}

.header-endorse .header-endorse-text .header-endorse-title {
	text-transform: uppercase;
	font-size: 20px;
	line-height: 28px
}

.header-endorse .header-endorse-img-wrapper {
	position: relative
}

.header-endorse .header-endorse-img-wrapper:hover .header-endorse-hidden {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1
}

.header-endorse .header-endorse-hidden {
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	width: 400px;
	z-index: 10000;
	background: #fff;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	padding: 24px 30px;
	-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
	margin-top: 12px;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-transform: scaleY(0.8);
	-ms-transform: scaleY(0.8);
	transform: scaleY(0.8);
	opacity: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	pointer-events: none
}

.header-endorse .header-endorse-hidden:after {
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: 25px;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom-color: #fff
}

@media (max-width: 600px) {
	.header-endorse .header-endorse-hidden {
		width: 300px
	}
}

.book-large-text {
	font-weight: 300;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
	letter-spacing: 1px;
	margin: 16px 0 32px
}

.book-large-text.blue {
	font-weight: 400;
	color: #2ca7e4;
	font-style: italic
}

.endorsements-header {
	font-size: 30px;
	line-height: 36px;
	text-align: center
}

.book-endorsements-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 24px;
	grid-row-gap: 24px
}

.book-endorsements-wrapper.trunctated {
	max-width: 700px;
	margin: 80px auto 0;
	grid-template-columns: 1fr 1fr
}

@media (max-width: 600px) {
	.book-endorsements-wrapper.trunctated {
		grid-template-columns: 1fr
	}
}

@media (max-width: 900px) {
	.book-endorsements-wrapper {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width: 600px) {
	.book-endorsements-wrapper {
		grid-template-columns: 1fr
	}
}

.book-endorsements-wrapper .book-endorsement {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	max-width: 300px;
	min-width: 300px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	margin: 0 auto 20px;
	position: relative
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-img {
	width: 120px;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 200px;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.1))
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-header {
	font-size: 32px;
	font-weight: 600;
	line-height: 38px;
	color: #2ca7e4;
	margin-top: 12px
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-title {
	font-weight: 300;
	font-style: italic;
	font-size: 22px;
	line-height: 28px
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-text {
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	font-style: italic
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-full-text {
	font-size: 18px;
	line-height: 24px
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-full-text i {
	font-weight: 600;
	margin-right: 2px
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-button {
	font-size: 14px;
	line-height: 20px;
	color: #2ca7e4;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	opacity: 0.5;
	padding: 16px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	cursor: pointer
}

.book-endorsements-wrapper .book-endorsement .book-endorsement-button:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1
}

.book-endorsement-hidden {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #fff;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	padding: 24px 30px;
	-webkit-filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 1px 4px rgba(0, 0, 0, 0.1));
	margin-top: 12px;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-transform: scaleY(0.8);
	-ms-transform: scaleY(0.8);
	transform: scaleY(0.8);
	opacity: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	pointer-events: none
}

.book-endorsement-hidden.wide {
	font-size: 16px;
	line-height: 22px
}

@media (min-width: 800px) {
	.book-endorsement-hidden.wide {
		width: 150%;
		left: -25%
	}
}

.book-endorsement-hidden.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	opacity: 1;
	pointer-events: inherit
}

.book-endorsement-hidden:after {
	pointer-events: none;
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: calc(50% - 16px);
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-bottom-color: #fff
}

.book-endorsement-close {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/icons/blue/Close-blue.svg");
	background-position: center;
	background-size: contain;
	cursor: pointer;
	opacity: 0.75;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.book-endorsement-close.large {
	right: 12px;
	top: 12px;
	width: 30px;
	height: 30px
}

.book-endorsement-close:hover {
	opacity: 1;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.video-bubble-wrapper {
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/story/wide-bubble.svg");
	background-position: center;
	background-size: contain;
	padding: 48px 16px;
	margin: 64px 0
}

.book-preview-wrapper {
	background: -webkit-gradient(linear, left top, right top, from(#043266), color-stop(50%, #3a96c5), to(#043266));
	background: linear-gradient(90deg, #043266 0%, #3a96c5 50%, #043266 100%);
	padding: 16px;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	width: 100%
}

@media (max-width: 900px) {
	.book-preview-wrapper {
		padding: 8px
	}
}

.book-preview-wrapper .book-preview-inner {
	padding: 0px 16px 8px;
	background: #f7f7f7;
	width: 100%;
	min-height: 200px;
	position: relative;
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
	z-index: 100;
	margin: 8px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.book-preview-wrapper .book-preview-inner:before {
	background: #f7f7f7;
	position: absolute;
	z-index: -1000;
	content: "";
	left: 8px;
	top: -4px;
	height: 100%;
	width: calc(100% - 16px);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06)
}

.book-preview-wrapper .book-preview-inner:after {
	background: #fff;
	position: absolute;
	z-index: -100;
	content: "";
	left: 16px;
	top: -8px;
	height: calc(100%);
	width: calc(100% - 32px);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06)
}

.book-preview-wrapper .book-preview-inner .book-preview-half {
	margin-top: -8px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.book-preview-wrapper .book-preview-inner .book-preview-half img {
	max-width: 100%;
	min-width: 100%
}

@media (max-width: 900px) {
	.book-preview-wrapper .book-preview-inner .book-preview-half.right-half {
		display: none
	}
}

.book-preview-wrapper .book-preview-inner .book-preview-center {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 6%;
	margin: -8px -3% 0;
	z-index: 1000;
	mix-blend-mode: multiply;
	background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(48%, rgba(0, 0, 0, 0.24)), color-stop(50%, rgba(0, 0, 0, 0.38)), color-stop(52%, rgba(0, 0, 0, 0.24)), to(#fff));
	background: linear-gradient(90deg, #fff 0%, rgba(0, 0, 0, 0.24) 48%, rgba(0, 0, 0, 0.38) 50%, rgba(0, 0, 0, 0.24) 52%, #fff 100%)
}

@media (max-width: 900px) {
	.book-preview-wrapper .book-preview-inner .book-preview-center {
		display: none
	}
}

.book-preview-navigate {
	height: 40px;
	min-width: 40px;
	opacity: 0.5;
	cursor: pointer
}

.book-preview-navigate:hover {
	opacity: 1
}

.book-preview-navigate.back {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media (max-width: 900px) {
	.book-preview-navigate {
		height: auto;
		min-width: 24px;
		padding: 36px 0
	}
}

.book-preview-full-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.register-wrapper {
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	background: #fff;
	height: 100%;
	margin: 0 12px
}

.register-wrapper .register-header {
	padding: 12px 28px;
	background: #00293d;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.register-wrapper .register-header .register-header-text {
	font-size: 28px;
	line-height: 34px;
	margin-right: 16px;
	letter-spacing: 1px
}

.register-wrapper .register-header .register-header-subtext {
	font-size: 20px;
	font-style: italic
}

.register-wrapper .register-body {
	padding: 8px 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.register-wrapper .register-body.locked {
	opacity: 0.3;
	-webkit-filter: saturate(0);
	filter: saturate(0);
	pointer-events: none
}

.register-wrapper .register-body .register-image-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 16px
}

.register-wrapper .register-body .register-image-wrapper img {
	margin-bottom: 6px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.register-wrapper .register-body .register-image-wrapper img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.register-wrapper .register-body .register-social-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.register-wrapper .register-body .register-social-wrapper .register-social {
	cursor: pointer;
	width: 100%;
	border: 1px solid #00293d;
	color: #00293d;
	border-left: 0;
	border-radius: 100px;
	text-transform: uppercase;
	height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 12px 0;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.register-wrapper .register-body .register-social-wrapper .register-social:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.register-wrapper .register-body .register-social-wrapper .register-social .text {
	line-height: 24px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 12px;
	text-align: center
}

.register-wrapper .register-body .register-social-wrapper .register-social img {
	height: 28px;
	min-width: 28px
}

.store-icon {
	border: 1px solid rgba(0, 0, 0, 0.18);
	border-radius: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 300px;
	max-width: 300px;
	margin: 0 auto;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	background: #fff
}

.store-icon:hover {
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.store-icon:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.store-icon img {
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 100%;
	max-height: 120px
}

.section-subtext {
	max-width: 500px;
	text-align: center;
	font-weight: 300;
	margin: 0 auto;
	font-size: 18px;
	line-height: 26px
}

.section-subtext.italic {
	font-style: italic
}

.section-subtext.blue {
	color: #2ca7e4;
	font-weight: 400;
	margin-top: 24px
}

.section-subtext.wide {
	max-width: 800px
}

.book-center-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.leader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 900px;
	margin: 80px auto 120px
}

@media (max-width: 900px) {
	.leader {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.leader.reverse {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse
	}
}

.leader .leader-img {
	max-width: 300px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/story/bubbleback.svg");
	background-position: center;
	background-size: contain;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.04));
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.04));
	position: relative;
	padding: 16px
}

@media (min-width: 900px) {
	.leader .leader-text.margin-left {
		margin-left: 60px
	}

	.leader .leader-text.margin-right {
		margin-right: 60px;
		text-align: right
	}
}

@media (max-width: 900px) {
	.leader .leader-text {
		text-align: center;
		width: 100%
	}
}

.leader .leader-text .leader-header-blue {
	font-size: 24px;
	line-height: 32px;
	font-style: italic;
	color: #2ca7e4
}

.leader .leader-text .leader-header-title {
	font-size: 22px;
	line-height: 32px;
	position: relative;
	margin-bottom: 40px
}

.leader .leader-text .leader-header-title.right:after {
	left: auto;
	right: 0
}

.leader .leader-text .leader-header-title:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 200px;
	height: 1px;
	background: #a2e2fc
}

@media (max-width: 900px) {
	.leader .leader-text .leader-header-title:after {
		left: calc(50% - 100px) !important;
		right: auto !important
	}
}

.leader .leader-text .leader-body {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300
}

.leader .leader-text .leader-links {
	margin: 24px -4px 0
}

.leader .leader-text .leader-links img {
	width: 24px;
	height: 24px;
	margin: 0 4px;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.leader .leader-text .leader-links img:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.locked-button {
	pointer-events: none;
	-webkit-filter: saturate(0);
	filter: saturate(0);
	opacity: 0.5
}

.full-size-img {
	min-width: 100%;
	min-height: 100%;
	max-height: 500px;
	-o-object-fit: cover;
	object-fit: cover
}

.divider-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 90px 0
}

@media (max-width: 800px) {
	.divider-columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.divider-column-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 40px;
	padding-left: 40px;
	border-left: 1px solid rgba(44, 167, 228, 0.5)
}

.divider-column-content p {
	font-weight: 300
}

.divider-column-content p:first-child {
	margin-top: 0
}

.divider-column-content p:last-child {
	margin-bottom: 0
}

@media (max-width: 800px) {
	.divider-column-content {
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		border-left: 0 solid #fff;
		margin-top: 24px;
		padding-top: 24px;
		border-top: 1px solid rgba(44, 167, 228, 0.5)
	}
}

.divider-column-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 22px;
	line-height: 32px
}

.divider-column-text.large {
	font-size: 28px;
	line-height: 32px
}

@media (max-width: 800px) {
	.divider-column-text {
		text-align: center
	}
}

.asset-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 32px 0
}

.asset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 24px
}

.asset-preview {
	height: 60px;
	min-height: 60px;
	max-height: 60px;
	-o-object-fit: contain;
	object-fit: contain
}

.asset-preview.large {
	height: 300px;
	min-height: 300px;
	max-height: 300px
}

.asset-preview.background {
	background: #01293d;
	padding: 6px 12px
}

.asset-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.asset-links a,
.asset-links .link {
	cursor: pointer;
	color: #2ca7e4;
	font-style: italic;
	margin: 12px;
	font-size: 14px
}

.flex-wrap-between {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 60px
}

.bio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto 24px;
	position: relative
}

.bio-preview {
	width: 240px;
	height: 240px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12))
}

.bio-text {
	margin: 16px 0 -4px;
	text-align: center
}

.bio-name {
	font-size: 22px;
	line-height: 26px
}

.bio-title {
	font-size: 16px;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.38);
	font-style: italic
}

.two-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
	grid-gap: 60px;
	margin: 60px 0
}

@media (max-width: 800px) {
	.two-grid {
		grid-template-columns: 1fr
	}
}

.press-card {
	background: #fff;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	padding: 20px 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.press-card:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.press-title {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 16px;
	color: rgba(0, 0, 0, 0.87)
}

.press-title.smaller-margin {
	margin-bottom: 4px
}

.press-title.full-margin {
	margin: 16px 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 22px;
	line-height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.press-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.press-link {
	color: #2ca7e4;
	font-style: italic;
	font-size: 14px;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.press-link.absolute-below {
	position: absolute;
	top: calc(100% + 16px);
	left: auto;
	right: auto;
	width: 100%;
	text-align: center
}

.press-source {
	color: rgba(0, 0, 0, 0.38);
	font-style: italic;
	font-size: 14px
}

.learn-card {
	background: #fff;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	border-left: 12px solid #01293d;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.learn-card:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.learn-card.no-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 32px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.learn-header {
	height: 200px;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden
}

.learn-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 32px
}

.learn-text.flex {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.learn-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.learn-source {
	color: #2ca7e4;
	font-size: 14px;
	text-transform: uppercase
}

.learn-date {
	color: rgba(0, 0, 0, 0.38);
	font-style: italic;
	font-size: 14px;
	text-transform: uppercase
}

.press-release-link {
	padding: 24px 0 16px;
	text-align: center;
	width: 100%;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.press-release-link:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.button {
	background-color: #2ca7e4;
	padding: 16px 20px;
	margin: 8px 8px;
	border-radius: 100px;
	border: none;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	font-size: 12px;
	text-transform: uppercase;
	outline: none;
	text-decoration: none;
	display: block;
	width: auto;
	text-align: center;
	cursor: pointer;
	line-height: 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	z-index: 100
}

.button:hover {
	color: #fff;
	outline: none;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-filter: brightness(108%);
	filter: brightness(108%);
	text-decoration: none
}

.button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	outline: none;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	text-decoration: none
}

.button.small {
	height: auto;
	padding: 8px 12px;
	width: auto;
	line-height: 12px;
	display: inline-block
}

.button.medium {
	padding: 12px 16px
}

.button.huge {
	padding: 16px 32px;
	font-size: 14px
}

.button.wide {
	padding: 16px 32px
}

.button.inline {
	height: auto;
	margin: 8px auto 8px 0;
	display: inline-block
}

.button.inline .label {
	font-size: 11px
}

.button.inline.right {
	margin: 8px 0 8px auto
}

.button.disabled {
	background: #ddd;
	pointer-events: none
}

.button.noMargin {
	margin: 0
}

.button.outline {
	border: 1px solid #2ca7e4;
	background: transparent;
	color: #2ca7e4
}

.button.outline.white {
	color: #fff;
	border-color: #fff
}

.button.outline:hover {
	background: #2ca7e4;
	border-color: #2ca7e4;
	color: #fff
}

.button .icon {
	height: 16px;
	width: 16px
}

.button.large-text {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: inherit
}

@media (max-width: 900px) {
	.button.center-small {
		margin: 8px auto !important
	}
}

.button.wide {
	padding: 16px 32px
}

.button.orange {
	background: #f09025
}

.button.dark {
	background: #01293d
}

.button.dark:hover {
	background: #024b6f
}

.button.center {
	margin: 0 auto
}

.button-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.disc-line {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-bottom: 16px
}

.disc-line:last-child {
	padding-bottom: 12px
}

@media print {
	.disc-line {
		padding: 16px 0
	}
}

.disc-line .disc-words {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 4px
}

.disc-line .disc-word {
	width: 120px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	white-space: nowrap;
	font-size: 10px;
	letter-spacing: 1px;
	width: auto
}

.disc-line .disc-word:last-child {
	text-align: left
}

.disc-line .line {
	margin: 0 24px;
	position: relative;
	height: 1px;
	width: 100%;
	background-color: #eee
}

@media print {
	.disc-line .line {
		-webkit-box-shadow: inset 0 0 0 1000px #eee;
		box-shadow: inset 0 0 0 1000px #eee
	}
}

.disc-line .tick {
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 2px;
	height: 6px;
	background-color: #bbb
}

@media print {
	.disc-line .tick {
		-webkit-box-shadow: inset 0 0 0 1000px #bbb;
		box-shadow: inset 0 0 0 1000px #bbb
	}
}

.disc-line .tick:nth-child(2) {
	left: 25%
}

.disc-line .tick:nth-child(3) {
	left: 50%
}

.disc-line .tick:nth-child(4) {
	left: 75%
}

.disc-line .tick:nth-child(5) {
	left: calc(100% - 2px)
}

.disc-line .bubble {
	position: absolute;
	bottom: -10px;
	margin-left: -10px;
	width: 20px;
	height: 20px;
	background: #2ca7e4;
	border-radius: 100px;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1)
}

.error-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-height: 85vh;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.error-sky {
	width: 100%;
	height: 300px;
	min-height: 50vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.error-header {
	margin: 0px 16px 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 100
}

.error-header-text {
	font-size: 42px;
	line-height: 60px;
	letter-spacing: 2px;
	font-weight: 600;
	text-transform: uppercase
}

@media (max-width: 600px) {
	.error-header-text {
		font-size: 30px;
		line-height: 40px
	}
}

.iceberg {
	height: 0;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.iceberg img {
	opacity: .8;
	height: 450px;
	margin-bottom: -300px;
	-webkit-animation: bob 10s ease infinite;
	animation: bob 10s ease infinite
}

.water-wrapper {
	opacity: .9;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-height: 200px;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90px, #a2e2fc 110px, #a2e2fc 100%)
}

.ocean {
	position: relative;
	width: 100%;
	z-index: 10;
	height: 110px;
	overflow: hidden
}

.wave {
	background: url(https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/wave.svg) repeat-x;
	position: absolute;
	bottom: 0;
	width: 6400px;
	height: 198px;
	-webkit-animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}

@-webkit-keyframes bob {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes bob {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes wave {
	0% {
		margin-left: 0;
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	100% {
		margin-left: -1600px;
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

@keyframes wave {
	0% {
		margin-left: 0;
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	100% {
		margin-left: -1600px;
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

.ever-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 1080px;
	margin: 80px auto
}

.ever-scroll {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 100%;
	margin: 0 20px 45px 40px
}

@media (max-width: 400px) {
	.ever-scroll {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 40px 0 60px
	}
}

.ever-scroll-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	-webkit-box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	padding: 0 8px;
	text-transform: uppercase;
	color: #2ca7e4;
	font-size: 18px;
	letter-spacing: 1px;
	-webkit-transition: all .4s;
	transition: all .4s;
	width: 630px;
	margin-right: -430px;
	background: #fff;
	height: 37px
}

@media (max-width: 800px) {
	.ever-scroll-left {
		font-size: 12px;
		line-height: 16px;
		width: 450px;
		margin-right: -300px
	}
}

@media (max-width: 500px) {
	.ever-scroll-left {
		width: 400px;
		margin-right: -250px
	}
}

@media (max-width: 400px) {
	.ever-scroll-left {
		width: auto;
		margin-right: 0;
		padding: 10px 18px;
		margin-top: 0 !important
	}
}

.ever-scroll-wrapper-right {
	max-width: 40vw
}

.ever-scroll-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 6px 16px 6px 8px;
	grid-column: 2 / 2;
	font-weight: 300;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.34);
	-webkit-transition: all .4s;
	transition: all .4s;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	cursor: pointer;
	height: 37px;
	margin-bottom: 8px
}

.ever-scroll-right:hover {
	color: rgba(0, 0, 0, 0.54)
}

.ever-scroll-right.active {
	color: rgba(0, 0, 0, 0.87);
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

@media (max-width: 800px) {
	.ever-scroll-right {
		font-size: 12px;
		line-height: 16px
	}
}

@media (max-width: 400px) {
	.ever-scroll-right {
		text-align: center;
		font-size: 14px;
		line-height: 18px;
		height: auto;
		margin-top: 16px;
		color: rgba(0, 0, 0, 0.87);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}
}

.ever-bubble {
	width: 50px;
	height: 50px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: -45px;
	margin-top: -20px;
	margin-bottom: -20px;
	margin-right: 12px;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	position: relative;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.1)
}

.ever-bubble:after {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 38px;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	z-index: -1
}

.footer-wrapper {
	margin: 80px 0 60px
}

@media print {
	.footer-wrapper {
		display: none
	}
}

.footer-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 48px;
	max-width: 800px;
	margin: 0 auto
}

.footer-grid.five {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	max-width: 1048px
}

@media (max-width: 600px) {
	.footer-grid {
		grid-column-gap: 12px;
		font-size: 12px;
		font-weight: 600;
		text-align: center
	}
}

.footer-column {
	color: #fff
}

.footer-links {
	border-left: 1px solid #a2e2fc;
	padding-left: 12px;
	margin-top: 16px
}

@media (max-width: 600px) {
	.footer-links {
		border-left: 0px solid #a2e2fc;
		padding-left: 0
	}
}

.footer-link {
	display: block;
	padding: 10px 0;
	color: #fff;
	font-size: 12px;
	line-height: 16px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	font-weight: 400
}

.footer-link:hover {
	color: #a2e2fc
}

.footer-link:first-child {
	padding-top: 0
}

.footer-link:last-child {
	padding-bottom: 0
}

@media (max-width: 600px) {
	.footer-link {
		font-size: 10px
	}
}

.footer-small-link {
	margin: 0;
	color: #fff;
	-webkit-transition: all .2s;
	transition: all .2s
}

.footer-small-link:hover {
	color: #a2e2fc
}

.footer-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 48px
}

.footer-social img {
	height: 16px;
	padding: 0 12px;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer
}

.footer-social img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: brightness(110%);
	filter: brightness(110%)
}

.footer-details {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	margin-top: 16px
}

.footer-bar {
	color: #a2e2fc;
	margin: 0 8px
}

.section {
	background: #fff
}

.section.auto-height {
	height: auto
}

.section.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.section.relative {
	position: relative
}

.section.grey {
	background: #f5f5f5
}

.section.ultimate-grey {
	background: #fbfbfb
}

.section.ultimate-blue {
	background: #f2f9fc
}

.section.grey-slash {
	background-color: #fafafa;
	background-image: linear-gradient(135deg, transparent 50%, #f5f5f5 0)
}

.section.cloud-blue {
	background: #f4fbfe
}

.section.transparent-blue {
	background: rgba(44, 167, 228, 0.05)
}

.section.dark-cloud-blue {
	background: #ecf4f8
}

.section.dark-blue {
	background: #01293d
}

.section.blue {
	background: #2ca7e4
}

.section.light-blue {
	background: rgba(44, 167, 228, 0.2)
}

.section.mid-blue {
	background: #376479
}

.section.nav-blue {
	background: #003753
}

.section.dark-gradient {
	background: linear-gradient(45deg, rgba(1, 41, 61, 0.75) 0%, #01293d 100%)
}

.section.dark-right-gradient {
	background: linear-gradient(45deg, #01293d 100%, rgba(1, 41, 61, 0.9) 0%)
}

.section.light-blue-gradient {
	background: linear-gradient(45deg, rgba(44, 167, 228, 0.2) 0%, rgba(44, 167, 228, 0.1) 100%)
}

.section.dark-blue-gradient {
	background: linear-gradient(45deg, #2ca7e4 0%, #01293d 100%)
}

.section.gradient {
	background: #def0f9;
	background: linear-gradient(45deg, #def0f9 0%, #f5f5f5 100%)
}

.section.gradient-flipped {
	background: #def0f9;
	background: linear-gradient(45deg, #f5f5f5 0%, #def0f9 100%)
}

.section.gradient-horizontal {
	background: #def0f9;
	background: -webkit-gradient(linear, left top, right top, from(#def0f9), to(#f5f5f5));
	background: linear-gradient(90deg, #def0f9 0%, #f5f5f5 100%)
}

.section.vertial-gradient {
	background: #f5f5f5;
	background: -webkit-gradient(linear, left bottom, left top, from(#def0f9), to(#f5f5f5));
	background: linear-gradient(0deg, #def0f9 0%, #f5f5f5 100%)
}

.section.light-vertical-gradient {
	background: #fff;
	background: -webkit-gradient(linear, left bottom, left top, from(#f4fafd), to(#fff));
	background: linear-gradient(0deg, #f4fafd 0%, #fff 100%)
}

.section.light-blue {
	background: #f4fafd
}

.section.disc-background {
	background-image: url("../png/color-background.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.section.integrated-background {
	background-image: url("../png/header-background.png");
	background-size: 1800px;
	background-position: 60% 160%;
	background-repeat: no-repeat
}

@media (max-width: 800px) {
	.section.integrated-background {
		background-size: 1000px;
		background-position: 60% 100%
	}
}

.section.disc-integration-background {
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(rgba(2, 75, 111, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/mask%20group%205%402x.png");
	background: linear-gradient(90deg, rgba(2, 75, 111, 0.9), rgba(1, 41, 61, 0.9)), url("../png/mask%20group%205%402x.png");
	background-size: cover;
	background-position: center
}

.section.dark-vertial-gradient {
	background: #f5f5f5;
	background: -webkit-gradient(linear, left bottom, left top, from(#01293d), to(rgba(1, 41, 61, 0.9)));
	background: linear-gradient(0deg, #01293d 0%, rgba(1, 41, 61, 0.9) 100%)
}

.section.darkest-vertial-gradient {
	background: #f5f5f5;
	background: -webkit-gradient(linear, left bottom, left top, from(#031228), to(rgba(3, 18, 40, 0.85)));
	background: linear-gradient(0deg, #031228 0%, rgba(3, 18, 40, 0.85) 100%)
}

.section.affiliate {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/affiliate.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/affiliate.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.meeting {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/background-meeting.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/background-meeting.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.course-fluency {
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(#01293d), to(rgba(1, 41, 61, 0.3))), url("../jpg/pexels-rodnae-productions-5921496.jpg");
	background: linear-gradient(90deg, #01293d, rgba(1, 41, 61, 0.3)), url("../jpg/pexels-rodnae-productions-5921496.jpg");
	background-size: cover;
	background-position: 50% 60%
}

.section.course-leadership {
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(#01293d), to(rgba(1, 41, 61, 0.3))), url("../png/group%204%402x.png");
	background: linear-gradient(90deg, #01293d, rgba(1, 41, 61, 0.3)), url("../png/group%204%402x.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.course-sales {
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(#01293d), to(rgba(1, 41, 61, 0.3))), url("../png/group%204%402x-2.png");
	background: linear-gradient(90deg, #01293d, rgba(1, 41, 61, 0.3)), url("../png/group%204%402x-2.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.course-hiring {
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(#01293d), to(rgba(1, 41, 61, 0.3))), url("../png/group%204%402x-1.png");
	background: linear-gradient(90deg, #01293d, rgba(1, 41, 61, 0.3)), url("../png/group%204%402x-1.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.api {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/computer-background.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/computer-background.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.product {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/background-small.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/background-small.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.people-api {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/computer-hands.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/computer-hands.png");
	background-size: cover;
	background-position: 50% 60%
}

.section.ultimate {
	background-image: url("../png/misc-pattern.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 0;
	background-position: center;
	-webkit-animation: ultimate-movement 10s cubic-bezier(0.31, 0, 0.63, 1) infinite;
	animation: ultimate-movement 10s cubic-bezier(0.31, 0, 0.63, 1) infinite
}

.section.ultimate-light {
	background-image: url("../png/misc-pattern-light.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px 0;
	background-position: center;
	-webkit-animation: ultimate-movement 8s cubic-bezier(0.31, 0, 0.63, 1) infinite;
	animation: ultimate-movement 8s cubic-bezier(0.31, 0, 0.63, 1) infinite
}

.section.shadow {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08))
}

.section.heavy-shadow {
	z-index: 100;
	-webkit-filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0px 0px 12px rgba(0, 0, 0, 0.12))
}

.section.top-shadow {
	-webkit-filter: drop-shadow(8px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(8px 0px 8px rgba(0, 0, 0, 0.08))
}

.section.pad-bottom {
	padding-bottom: 200px
}

.section.pad-top {
	padding-top: 100px
}

.section.pad-top-moderate {
	padding-top: 48px
}

.section.pad-bottom-large {
	padding-bottom: 250px
}

.section.overflow-hidden {
	overflow: hidden
}

.section.margin-top {
	margin-top: 64px
}

.section.z-five {
	z-index: 5;
	position: relative
}

.section.z-four {
	z-index: 4;
	position: relative
}

.section.z-three {
	z-index: 3;
	position: relative
}

.section.z-two {
	z-index: 2;
	position: relative
}

.section.z-one {
	z-index: 1;
	position: relative
}

.section.padded {
	padding: 24px 60px
}

@media (max-width: 700px) {
	.section.padded {
		padding: 24px 32px
	}
}

.crystalline {
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/scattered_crystals.svg");
	background-position: 50% 75%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-animation: crystal-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
	animation: crystal-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
	-webkit-animation-iteration-count: 5;
	animation-iteration-count: 5;
	height: 100%
}

.crystalline.repeat {
	background-repeat: repeat
}

@media (max-width: 900px) {
	.crystalline {
		background-size: cover
	}
}

.crystalline.top-crystals {
	background-position: 50% 0%;
	background-size: 100% auto;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/top-crystals.svg");
	-webkit-animation: none;
	animation: none
}

.crystalline.repeat {
	background-size: contain;
	background-repeat: repeat;
	background-position: center;
	-webkit-animation: none;
	animation: none
}

.crystalline.pull-bottom {
	padding-bottom: 200px;
	margin-bottom: -200px
}

.crystalline.pull-bottom-large {
	padding-bottom: 250px;
	margin-bottom: -250px
}

.crystalline.cover {
	background-size: 200% 200%;
	background-repeat: repeat;
	background-position: center;
	-webkit-animation: cover-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
	animation: cover-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.crystalline.grey {
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/scattered_crystals_grey.svg")
}

.crystalline.background-cover {
	background-size: cover;
	background-position: center;
	-webkit-animation: none;
	animation: none
}

@-webkit-keyframes ultimate-movement {
	0% {
		background-size: auto 105%
	}

	50% {
		background-size: auto 110%
	}

	100% {
		background-size: auto 105%
	}
}

@keyframes ultimate-movement {
	0% {
		background-size: auto 105%
	}

	50% {
		background-size: auto 110%
	}

	100% {
		background-size: auto 105%
	}
}

@-webkit-keyframes cover-movement {
	0% {
		background-size: auto 200%
	}

	50% {
		background-size: auto 210%
	}

	100% {
		background-size: auto 200%
	}
}

@keyframes cover-movement {
	0% {
		background-size: auto 200%
	}

	50% {
		background-size: auto 210%
	}

	100% {
		background-size: auto 200%
	}
}

@-webkit-keyframes crystal-movement {
	0% {
		background-size: 100% 100%
	}

	50% {
		background-size: 95% 95%
	}

	100% {
		background-size: 100% 100%
	}
}

@keyframes crystal-movement {
	0% {
		background-size: 100% 100%
	}

	50% {
		background-size: 95% 95%
	}

	100% {
		background-size: 100% 100%
	}
}

.hub-stairs {
	background-image: url("../png/hub-stairs.png");
	background-position: 50% 70%;
	background-size: auto 235px;
	background-repeat: no-repeat;
	height: 100%
}

@media (max-width: 900px) {
	.hub-stairs {
		background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/scattered_crystals.svg");
		-webkit-animation: crystal-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
		animation: crystal-movement 6s cubic-bezier(0.31, 0, 0.63, 1);
		-webkit-animation-iteration-count: 5;
		animation-iteration-count: 5;
		background-size: cover
	}
}

.hub-banner-background {
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%
}

@media (max-width: 800px) {
	.hub-banner-background {
		background-size: 0px
	}
}

.icon-headers {
	background-size: cover;
	background-position: 0% 50%;
	position: relative
}

@media (max-width: 1400px) {
	.icon-headers {
		background-size: calc(100% + 120px);
		background-position: -120px 50%
	}
}

@media (max-width: 1080px) {
  .info-section.small-margins {
      padding-right: 30px;
  }
	.icon-headers {
		background-size: cover;
		background-position: -240px 50%
	}
}

.icon-headers.neutral {
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/type-headers/neutral-bg.svg")
}

@media (max-width: 1400px) {
	.icon-headers.neutral {
		background-size: cover;
		background-position: center
	}
}

@media (max-width: 1080px) {
	.icon-headers.neutral {
		background-size: cover;
		background-position: center
	}
}

.icon-img {
	width: 240px;
	height: calc(100% - 78px);
	position: absolute;
	left: calc(50% - 600px);
	bottom: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% calc(100% + 2px)
}

@media (max-width: 1080px) {
	.icon-img {
		left: 8px
	}
}

@media (max-width: 800px) {
	.icon-img {
		background-size: contain;
		width: 220px
	}
}

@media (max-width: 500px) {
	.icon-img {
		left: -18px
	}
}

@media (min-width: 1080px) {
	.icon-img.zIndex {
		z-index: 1000
	}
}

.icon-img.right {
	left: auto;
	right: calc(50% - 600px);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

@media (max-width: 1080px) {
	.icon-img.right {
		left: auto;
		right: 8px
	}
}

@media (max-width: 800px) {
	.icon-img.right {
		background-size: contain;
		width: 220px
	}
}

@media (max-width: 500px) {
	.icon-img.right {
		left: none;
		right: -18px
	}
}

.relationship-wrapper {
	width: 200px;
	height: calc(80%);
	position: absolute;
	left: calc(50% - 500px);
	top: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	z-index: 100
}

.relationship-wrapper.right {
	left: auto;
	right: calc(50% - 500px)
}

.relationship-wrapper.right:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.relationship-wrapper:after {
	position: absolute;
	left: 0;
	top: calc(50% - 60px);
	content: "";
	width: 100%;
	height: 180px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 100%;
	z-index: -1
}

@media (max-width: 600px) {
	.relationship-wrapper:after {
		height: 90px;
		top: auto;
		bottom: 40px
	}
}

.relationship-wrapper.D .relationship-title {
	background: #db3c48
}

.relationship-wrapper.D:after {
	background: rgba(219, 60, 72, 0.2)
}

.relationship-wrapper.I .relationship-title {
	background: #f7cf0d
}

.relationship-wrapper.I:after {
	background: rgba(247, 207, 13, 0.2)
}

.relationship-wrapper.S .relationship-title {
	background: #11b21b
}

.relationship-wrapper.S:after {
	background: rgba(17, 178, 27, 0.2)
}

.relationship-wrapper.C .relationship-title {
	background: #2f5fa5
}

.relationship-wrapper.C:after {
	background: rgba(47, 95, 165, 0.2)
}

.relationship-wrapper.enfp .relationship-title {
	background: #db3c48
}

.relationship-wrapper.enfp:after {
	background: rgba(219, 60, 72, 0.2)
}

.relationship-wrapper.esfj .relationship-title {
	background: #e5561f
}

.relationship-wrapper.esfj:after {
	background: rgba(229, 86, 31, 0.2)
}

.relationship-wrapper.esfp .relationship-title {
	background: #f48119
}

.relationship-wrapper.esfp:after {
	background: rgba(244, 129, 25, 0.2)
}

.relationship-wrapper.infp .relationship-title {
	background: #ffb727
}

.relationship-wrapper.infp:after {
	background: rgba(255, 183, 39, 0.2)
}

.relationship-wrapper.infj .relationship-title {
	background: #f7cf0d
}

.relationship-wrapper.infj:after {
	background: rgba(247, 207, 13, 0.2)
}

.relationship-wrapper.isfp .relationship-title {
	background: #d3e000
}

.relationship-wrapper.isfp:after {
	background: rgba(211, 224, 0, 0.2)
}

.relationship-wrapper.isfj .relationship-title {
	background: #afd80a
}

.relationship-wrapper.isfj:after {
	background: rgba(175, 216, 10, 0.2)
}

.relationship-wrapper.intp .relationship-title {
	background: #88c100
}

.relationship-wrapper.intp:after {
	background: rgba(136, 193, 0, 0.2)
}

.relationship-wrapper.intj .relationship-title {
	background: #11b21b
}

.relationship-wrapper.intj:after {
	background: rgba(17, 178, 27, 0.2)
}

.relationship-wrapper.istp .relationship-title {
	background: #51b48e
}

.relationship-wrapper.istp:after {
	background: rgba(81, 180, 142, 0.2)
}

.relationship-wrapper.istj .relationship-title {
	background: #00b6bc
}

.relationship-wrapper.istj:after {
	background: rgba(0, 182, 188, 0.2)
}

.relationship-wrapper.entp .relationship-title {
	background: #007fb6
}

.relationship-wrapper.entp:after {
	background: rgba(0, 127, 182, 0.2)
}

.relationship-wrapper.entj .relationship-title {
	background: #2f5fa5
}

.relationship-wrapper.entj:after {
	background: rgba(47, 95, 165, 0.2)
}

.relationship-wrapper.estp .relationship-title {
	background: #6756b2
}

.relationship-wrapper.estp:after {
	background: rgba(103, 86, 178, 0.2)
}

.relationship-wrapper.estj .relationship-title {
	background: #93359b
}

.relationship-wrapper.estj:after {
	background: rgba(147, 53, 155, 0.2)
}

.relationship-wrapper.enfj .relationship-title {
	background: #c62e85
}

.relationship-wrapper.enfj:after {
	background: rgba(198, 46, 133, 0.2)
}

.relationship-wrapper.type-1 .relationship-title {
	background: #db3c48
}

.relationship-wrapper.type-1:after {
	background: rgba(219, 60, 72, 0.2)
}

.relationship-wrapper.type-2 .relationship-title {
	background: #f48119
}

.relationship-wrapper.type-2:after {
	background: rgba(244, 129, 25, 0.2)
}

.relationship-wrapper.type-3 .relationship-title {
	background: #f7cf0d
}

.relationship-wrapper.type-3:after {
	background: rgba(247, 207, 13, 0.2)
}

.relationship-wrapper.type-4 .relationship-title {
	background: #afd80a
}

.relationship-wrapper.type-4:after {
	background: rgba(175, 216, 10, 0.2)
}

.relationship-wrapper.type-5 .relationship-title {
	background: #11b21b
}

.relationship-wrapper.type-5:after {
	background: rgba(17, 178, 27, 0.2)
}

.relationship-wrapper.type-6 .relationship-title {
	background: #00b6bc
}

.relationship-wrapper.type-6:after {
	background: rgba(0, 182, 188, 0.2)
}

.relationship-wrapper.type-7 .relationship-title {
	background: #2f5fa5
}

.relationship-wrapper.type-7:after {
	background: rgba(47, 95, 165, 0.2)
}

.relationship-wrapper.type-8 .relationship-title {
	background: #93359b
}

.relationship-wrapper.type-8:after {
	background: rgba(147, 53, 155, 0.2)
}

.relationship-wrapper.type-9 .relationship-title {
	background: #c62e85
}

.relationship-wrapper.type-9:after {
	background: rgba(198, 46, 133, 0.2)
}

@media (max-width: 1080px) {
	.relationship-wrapper {
		left: -24px
	}

	.relationship-wrapper.right {
		right: -24px
	}
}

@media (max-width: 600px) {
	.relationship-wrapper {
		width: 120px;
		left: -16px;
		top: auto;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		bottom: 20%
	}

	.relationship-wrapper.right {
		right: -16px
	}
}

.relationship-wrapper .relationship-img {
	width: 100%;
	margin-bottom: -16px;
	position: relative;
	display: block;
	max-height: 240px
}

.relationship-wrapper .relationship-img.flip {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)
}

.relationship-wrapper .relationship-title {
	z-index: 100;
	width: 100%;
	margin-top: -2px;
	text-align: center;
	color: #fff;
	border-radius: 100px;
	padding: 8px 16px;
	font-size: 22px
}

.relationship-text-header {
	margin: 60px 16px
}

@media (max-width: 600px) {
	.relationship-text-header {
		margin: 40px 16px
	}
}

.relationship-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 550px;
	margin: 0 auto 40px;
	z-index: 1000
}

@media (max-width: 900px) {
	.relationship-text {
		max-width: 300px
	}
}

@media (max-width: 440px) {
	.relationship-text {
		max-width: 200px
	}
}

.relationship-text h1 {
	text-align: center;
	font-size: 42px;
	line-height: 48px;
	margin: 24px 0
}

@media (max-width: 900px) {
	.relationship-text h1 {
		font-size: 32px;
		line-height: 38px
	}
}

@media (max-width: 600px) {
	.relationship-text h1 .p-type {
		display: block;
		font-size: 16px;
		line-height: 24px;
		font-style: italic;
		font-weight: 300;
		letter-spacing: 0
	}
}

.relationship-text h2 {
	text-align: center;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px;
	margin: 24px 0
}

@media (max-width: 600px) {
	.relationship-text h2 {
		font-size: 16px;
		line-height: 20px;
		max-width: 120px
	}
}

.relationship-bar-wrapper {
	width: 720px;
	height: 4px;
	position: relative
}

@media (max-width: 1080px) {
	.relationship-bar-wrapper {
		width: 800px
	}
}

@media (max-width: 800px) {
	.relationship-bar-wrapper {
		width: calc(100vw - 140px)
	}
}

.relationship-bar-wrapper .relationship-bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.relationship-bar-wrapper .relationship-bar.D.left {
	background: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.D.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#db3c48));
	background: linear-gradient(90deg, transparent 0%, #db3c48 100%)
}

.relationship-bar-wrapper .relationship-bar.I.left {
	background: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.I.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#f7cf0d));
	background: linear-gradient(90deg, transparent 0%, #f7cf0d 100%)
}

.relationship-bar-wrapper .relationship-bar.S.left {
	background: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.S.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#11b21b));
	background: linear-gradient(90deg, transparent 0%, #11b21b 100%)
}

.relationship-bar-wrapper .relationship-bar.C.left {
	background: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.C.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#2f5fa5));
	background: linear-gradient(90deg, transparent 0%, #2f5fa5 100%)
}

.relationship-bar-wrapper .relationship-bar.enfp.left {
	background: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.enfp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#db3c48));
	background: linear-gradient(90deg, transparent 0%, #db3c48 100%)
}

.relationship-bar-wrapper .relationship-bar.esfj.left {
	background: -webkit-gradient(linear, left top, right top, from(#e5561f), to(transparent));
	background: linear-gradient(90deg, #e5561f 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.esfj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#e5561f));
	background: linear-gradient(90deg, transparent 0%, #e5561f 100%)
}

.relationship-bar-wrapper .relationship-bar.esfp.left {
	background: -webkit-gradient(linear, left top, right top, from(#f48119), to(transparent));
	background: linear-gradient(90deg, #f48119 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.esfp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#f48119));
	background: linear-gradient(90deg, transparent 0%, #f48119 100%)
}

.relationship-bar-wrapper .relationship-bar.infp.left {
	background: -webkit-gradient(linear, left top, right top, from(#ffb727), to(transparent));
	background: linear-gradient(90deg, #ffb727 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.infp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#ffb727));
	background: linear-gradient(90deg, transparent 0%, #ffb727 100%)
}

.relationship-bar-wrapper .relationship-bar.infj.left {
	background: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.infj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#f7cf0d));
	background: linear-gradient(90deg, transparent 0%, #f7cf0d 100%)
}

.relationship-bar-wrapper .relationship-bar.isfp.left {
	background: -webkit-gradient(linear, left top, right top, from(#d3e000), to(transparent));
	background: linear-gradient(90deg, #d3e000 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.isfp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#d3e000));
	background: linear-gradient(90deg, transparent 0%, #d3e000 100%)
}

.relationship-bar-wrapper .relationship-bar.isfj.left {
	background: -webkit-gradient(linear, left top, right top, from(#afd80a), to(transparent));
	background: linear-gradient(90deg, #afd80a 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.isfj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#afd80a));
	background: linear-gradient(90deg, transparent 0%, #afd80a 100%)
}

.relationship-bar-wrapper .relationship-bar.intp.left {
	background: -webkit-gradient(linear, left top, right top, from(#88c100), to(transparent));
	background: linear-gradient(90deg, #88c100 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.intp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#88c100));
	background: linear-gradient(90deg, transparent 0%, #88c100 100%)
}

.relationship-bar-wrapper .relationship-bar.intj.left {
	background: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.intj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#11b21b));
	background: linear-gradient(90deg, transparent 0%, #11b21b 100%)
}

.relationship-bar-wrapper .relationship-bar.istp.left {
	background: -webkit-gradient(linear, left top, right top, from(#51b48e), to(transparent));
	background: linear-gradient(90deg, #51b48e 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.istp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#51b48e));
	background: linear-gradient(90deg, transparent 0%, #51b48e 100%)
}

.relationship-bar-wrapper .relationship-bar.istj.left {
	background: -webkit-gradient(linear, left top, right top, from(#00b6bc), to(transparent));
	background: linear-gradient(90deg, #00b6bc 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.istj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#00b6bc));
	background: linear-gradient(90deg, transparent 0%, #00b6bc 100%)
}

.relationship-bar-wrapper .relationship-bar.entp.left {
	background: -webkit-gradient(linear, left top, right top, from(#007fb6), to(transparent));
	background: linear-gradient(90deg, #007fb6 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.entp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#007fb6));
	background: linear-gradient(90deg, transparent 0%, #007fb6 100%)
}

.relationship-bar-wrapper .relationship-bar.entj.left {
	background: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.entj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#2f5fa5));
	background: linear-gradient(90deg, transparent 0%, #2f5fa5 100%)
}

.relationship-bar-wrapper .relationship-bar.estp.left {
	background: -webkit-gradient(linear, left top, right top, from(#6756b2), to(transparent));
	background: linear-gradient(90deg, #6756b2 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.estp.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#6756b2));
	background: linear-gradient(90deg, transparent 0%, #6756b2 100%)
}

.relationship-bar-wrapper .relationship-bar.estj.left {
	background: -webkit-gradient(linear, left top, right top, from(#93359b), to(transparent));
	background: linear-gradient(90deg, #93359b 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.estj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#93359b));
	background: linear-gradient(90deg, transparent 0%, #93359b 100%)
}

.relationship-bar-wrapper .relationship-bar.enfj.left {
	background: -webkit-gradient(linear, left top, right top, from(#c62e85), to(transparent));
	background: linear-gradient(90deg, #c62e85 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.enfj.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#c62e85));
	background: linear-gradient(90deg, transparent 0%, #c62e85 100%)
}

.relationship-bar-wrapper .relationship-bar.type-1.left {
	background: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-1.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#db3c48));
	background: linear-gradient(90deg, transparent 0%, #db3c48 100%)
}

.relationship-bar-wrapper .relationship-bar.type-2.left {
	background: -webkit-gradient(linear, left top, right top, from(#f48119), to(transparent));
	background: linear-gradient(90deg, #f48119 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-2.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#f48119));
	background: linear-gradient(90deg, transparent 0%, #f48119 100%)
}

.relationship-bar-wrapper .relationship-bar.type-3.left {
	background: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-3.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#f7cf0d));
	background: linear-gradient(90deg, transparent 0%, #f7cf0d 100%)
}

.relationship-bar-wrapper .relationship-bar.type-4.left {
	background: -webkit-gradient(linear, left top, right top, from(#afd80a), to(transparent));
	background: linear-gradient(90deg, #afd80a 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-4.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#afd80a));
	background: linear-gradient(90deg, transparent 0%, #afd80a 100%)
}

.relationship-bar-wrapper .relationship-bar.type-5.left {
	background: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-5.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#11b21b));
	background: linear-gradient(90deg, transparent 0%, #11b21b 100%)
}

.relationship-bar-wrapper .relationship-bar.type-6.left {
	background: -webkit-gradient(linear, left top, right top, from(#00b6bc), to(transparent));
	background: linear-gradient(90deg, #00b6bc 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-6.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#00b6bc));
	background: linear-gradient(90deg, transparent 0%, #00b6bc 100%)
}

.relationship-bar-wrapper .relationship-bar.type-7.left {
	background: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-7.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#2f5fa5));
	background: linear-gradient(90deg, transparent 0%, #2f5fa5 100%)
}

.relationship-bar-wrapper .relationship-bar.type-8.left {
	background: -webkit-gradient(linear, left top, right top, from(#93359b), to(transparent));
	background: linear-gradient(90deg, #93359b 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-8.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#93359b));
	background: linear-gradient(90deg, transparent 0%, #93359b 100%)
}

.relationship-bar-wrapper .relationship-bar.type-9.left {
	background: -webkit-gradient(linear, left top, right top, from(#c62e85), to(transparent));
	background: linear-gradient(90deg, #c62e85 0%, transparent 100%)
}

.relationship-bar-wrapper .relationship-bar.type-9.right {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#c62e85));
	background: linear-gradient(90deg, transparent 0%, #c62e85 100%)
}

.icon-text-header {
	margin: 60px 16px
}

@media (max-width: 600px) {
	.icon-text-header {
		margin: 40px 16px
	}
}

.icon-text-header.enfp h1,
.icon-text-header.enfp h2 {
	color: #db3c48
}

.icon-text-header.enfp .divider-bar {
	background: #db3c48
}

.icon-text-header.enfp .divider-bar:after,
.icon-text-header.enfp .divider-bar:before {
	background: #db3c48
}

.icon-text-header.esfj h1,
.icon-text-header.esfj h2 {
	color: #e5561f
}

.icon-text-header.esfj .divider-bar {
	background: #e5561f
}

.icon-text-header.esfj .divider-bar:after,
.icon-text-header.esfj .divider-bar:before {
	background: #e5561f
}

.icon-text-header.esfp h1,
.icon-text-header.esfp h2 {
	color: #f48119
}

.icon-text-header.esfp .divider-bar {
	background: #f48119
}

.icon-text-header.esfp .divider-bar:after,
.icon-text-header.esfp .divider-bar:before {
	background: #f48119
}

.icon-text-header.infp h1,
.icon-text-header.infp h2 {
	color: #ffb727
}

.icon-text-header.infp .divider-bar {
	background: #ffb727
}

.icon-text-header.infp .divider-bar:after,
.icon-text-header.infp .divider-bar:before {
	background: #ffb727
}

.icon-text-header.infj h1,
.icon-text-header.infj h2 {
	color: #f7cf0d
}

.icon-text-header.infj .divider-bar {
	background: #f7cf0d
}

.icon-text-header.infj .divider-bar:after,
.icon-text-header.infj .divider-bar:before {
	background: #f7cf0d
}

.icon-text-header.isfp h1,
.icon-text-header.isfp h2 {
	color: #d3e000
}

.icon-text-header.isfp .divider-bar {
	background: #d3e000
}

.icon-text-header.isfp .divider-bar:after,
.icon-text-header.isfp .divider-bar:before {
	background: #d3e000
}

.icon-text-header.isfj h1,
.icon-text-header.isfj h2 {
	color: #afd80a
}

.icon-text-header.isfj .divider-bar {
	background: #afd80a
}

.icon-text-header.isfj .divider-bar:after,
.icon-text-header.isfj .divider-bar:before {
	background: #afd80a
}

.icon-text-header.intp h1,
.icon-text-header.intp h2 {
	color: #88c100
}

.icon-text-header.intp .divider-bar {
	background: #88c100
}

.icon-text-header.intp .divider-bar:after,
.icon-text-header.intp .divider-bar:before {
	background: #88c100
}

.icon-text-header.intj h1,
.icon-text-header.intj h2 {
	color: #11b21b
}

.icon-text-header.intj .divider-bar {
	background: #11b21b
}

.icon-text-header.intj .divider-bar:after,
.icon-text-header.intj .divider-bar:before {
	background: #11b21b
}

.icon-text-header.istp h1,
.icon-text-header.istp h2 {
	color: #51b48e
}

.icon-text-header.istp .divider-bar {
	background: #51b48e
}

.icon-text-header.istp .divider-bar:after,
.icon-text-header.istp .divider-bar:before {
	background: #51b48e
}

.icon-text-header.istj h1,
.icon-text-header.istj h2 {
	color: #00b6bc
}

.icon-text-header.istj .divider-bar {
	background: #00b6bc
}

.icon-text-header.istj .divider-bar:after,
.icon-text-header.istj .divider-bar:before {
	background: #00b6bc
}

.icon-text-header.entp h1,
.icon-text-header.entp h2 {
	color: #007fb6
}

.icon-text-header.entp .divider-bar {
	background: #007fb6
}

.icon-text-header.entp .divider-bar:after,
.icon-text-header.entp .divider-bar:before {
	background: #007fb6
}

.icon-text-header.entj h1,
.icon-text-header.entj h2 {
	color: #2f5fa5
}

.icon-text-header.entj .divider-bar {
	background: #2f5fa5
}

.icon-text-header.entj .divider-bar:after,
.icon-text-header.entj .divider-bar:before {
	background: #2f5fa5
}

.icon-text-header.estp h1,
.icon-text-header.estp h2 {
	color: #6756b2
}

.icon-text-header.estp .divider-bar {
	background: #6756b2
}

.icon-text-header.estp .divider-bar:after,
.icon-text-header.estp .divider-bar:before {
	background: #6756b2
}

.icon-text-header.estj h1,
.icon-text-header.estj h2 {
	color: #93359b
}

.icon-text-header.estj .divider-bar {
	background: #93359b
}

.icon-text-header.estj .divider-bar:after,
.icon-text-header.estj .divider-bar:before {
	background: #93359b
}

.icon-text-header.enfj h1,
.icon-text-header.enfj h2 {
	color: #c62e85
}

.icon-text-header.enfj .divider-bar {
	background: #c62e85
}

.icon-text-header.enfj .divider-bar:after,
.icon-text-header.enfj .divider-bar:before {
	background: #c62e85
}

.icon-text-header.type-1 h1,
.icon-text-header.type-1 h2 {
	color: #db3c48
}

.icon-text-header.type-1 .divider-bar {
	background: #db3c48
}

.icon-text-header.type-1 .divider-bar:after,
.icon-text-header.type-1 .divider-bar:before {
	background: #db3c48
}

.icon-text-header.type-2 h1,
.icon-text-header.type-2 h2 {
	color: #f48119
}

.icon-text-header.type-2 .divider-bar {
	background: #f48119
}

.icon-text-header.type-2 .divider-bar:after,
.icon-text-header.type-2 .divider-bar:before {
	background: #f48119
}

.icon-text-header.type-3 h1,
.icon-text-header.type-3 h2 {
	color: #f7cf0d
}

.icon-text-header.type-3 .divider-bar {
	background: #f7cf0d
}

.icon-text-header.type-3 .divider-bar:after,
.icon-text-header.type-3 .divider-bar:before {
	background: #f7cf0d
}

.icon-text-header.type-4 h1,
.icon-text-header.type-4 h2 {
	color: #afd80a
}

.icon-text-header.type-4 .divider-bar {
	background: #afd80a
}

.icon-text-header.type-4 .divider-bar:after,
.icon-text-header.type-4 .divider-bar:before {
	background: #afd80a
}

.icon-text-header.type-5 h1,
.icon-text-header.type-5 h2 {
	color: #11b21b
}

.icon-text-header.type-5 .divider-bar {
	background: #11b21b
}

.icon-text-header.type-5 .divider-bar:after,
.icon-text-header.type-5 .divider-bar:before {
	background: #11b21b
}

.icon-text-header.type-6 h1,
.icon-text-header.type-6 h2 {
	color: #00b6bc
}

.icon-text-header.type-6 .divider-bar {
	background: #00b6bc
}

.icon-text-header.type-6 .divider-bar:after,
.icon-text-header.type-6 .divider-bar:before {
	background: #00b6bc
}

.icon-text-header.type-7 h1,
.icon-text-header.type-7 h2 {
	color: #2f5fa5
}

.icon-text-header.type-7 .divider-bar {
	background: #2f5fa5
}

.icon-text-header.type-7 .divider-bar:after,
.icon-text-header.type-7 .divider-bar:before {
	background: #2f5fa5
}

.icon-text-header.type-8 h1,
.icon-text-header.type-8 h2 {
	color: #93359b
}

.icon-text-header.type-8 .divider-bar {
	background: #93359b
}

.icon-text-header.type-8 .divider-bar:after,
.icon-text-header.type-8 .divider-bar:before {
	background: #93359b
}

.icon-text-header.type-9 h1,
.icon-text-header.type-9 h2 {
	color: #c62e85
}

.icon-text-header.type-9 .divider-bar {
	background: #c62e85
}

.icon-text-header.type-9 .divider-bar:after,
.icon-text-header.type-9 .divider-bar:before {
	background: #c62e85
}

.icon-text-header.D h1,
.icon-text-header.D h2 {
	color: #db3c48
}

.icon-text-header.D .divider-bar {
	background: #db3c48
}

.icon-text-header.D .divider-bar:after,
.icon-text-header.D .divider-bar:before {
	background: #db3c48
}

.icon-text-header.Di h1,
.icon-text-header.Di h2 {
	color: #e5561f
}

.icon-text-header.Di .divider-bar {
	background: #e5561f
}

.icon-text-header.Di .divider-bar:after,
.icon-text-header.Di .divider-bar:before {
	background: #e5561f
}

.icon-text-header.DI h1,
.icon-text-header.DI h2 {
	color: #f48119
}

.icon-text-header.DI .divider-bar {
	background: #f48119
}

.icon-text-header.DI .divider-bar:after,
.icon-text-header.DI .divider-bar:before {
	background: #f48119
}

.icon-text-header.Id h1,
.icon-text-header.Id h2 {
	color: #ffb727
}

.icon-text-header.Id .divider-bar {
	background: #ffb727
}

.icon-text-header.Id .divider-bar:after,
.icon-text-header.Id .divider-bar:before {
	background: #ffb727
}

.icon-text-header.I h1,
.icon-text-header.I h2 {
	color: #f7cf0d
}

.icon-text-header.I .divider-bar {
	background: #f7cf0d
}

.icon-text-header.I .divider-bar:after,
.icon-text-header.I .divider-bar:before {
	background: #f7cf0d
}

.icon-text-header.Is h1,
.icon-text-header.Is h2 {
	color: #d3e000
}

.icon-text-header.Is .divider-bar {
	background: #d3e000
}

.icon-text-header.Is .divider-bar:after,
.icon-text-header.Is .divider-bar:before {
	background: #d3e000
}

.icon-text-header.IS h1,
.icon-text-header.IS h2 {
	color: #afd80a
}

.icon-text-header.IS .divider-bar {
	background: #afd80a
}

.icon-text-header.IS .divider-bar:after,
.icon-text-header.IS .divider-bar:before {
	background: #afd80a
}

.icon-text-header.Si h1,
.icon-text-header.Si h2 {
	color: #88c100
}

.icon-text-header.Si .divider-bar {
	background: #88c100
}

.icon-text-header.Si .divider-bar:after,
.icon-text-header.Si .divider-bar:before {
	background: #88c100
}

.icon-text-header.S h1,
.icon-text-header.S h2 {
	color: #11b21b
}

.icon-text-header.S .divider-bar {
	background: #11b21b
}

.icon-text-header.S .divider-bar:after,
.icon-text-header.S .divider-bar:before {
	background: #11b21b
}

.icon-text-header.Sc h1,
.icon-text-header.Sc h2 {
	color: #51b48e
}

.icon-text-header.Sc .divider-bar {
	background: #51b48e
}

.icon-text-header.Sc .divider-bar:after,
.icon-text-header.Sc .divider-bar:before {
	background: #51b48e
}

.icon-text-header.SC h1,
.icon-text-header.SC h2 {
	color: #00b6bc
}

.icon-text-header.SC .divider-bar {
	background: #00b6bc
}

.icon-text-header.SC .divider-bar:after,
.icon-text-header.SC .divider-bar:before {
	background: #00b6bc
}

.icon-text-header.Cs h1,
.icon-text-header.Cs h2 {
	color: #007fb6
}

.icon-text-header.Cs .divider-bar {
	background: #007fb6
}

.icon-text-header.Cs .divider-bar:after,
.icon-text-header.Cs .divider-bar:before {
	background: #007fb6
}

.icon-text-header.C h1,
.icon-text-header.C h2 {
	color: #2f5fa5
}

.icon-text-header.C .divider-bar {
	background: #2f5fa5
}

.icon-text-header.C .divider-bar:after,
.icon-text-header.C .divider-bar:before {
	background: #2f5fa5
}

.icon-text-header.Cd h1,
.icon-text-header.Cd h2 {
	color: #6756b2
}

.icon-text-header.Cd .divider-bar {
	background: #6756b2
}

.icon-text-header.Cd .divider-bar:after,
.icon-text-header.Cd .divider-bar:before {
	background: #6756b2
}

.icon-text-header.CD h1,
.icon-text-header.CD h2 {
	color: #93359b
}

.icon-text-header.CD .divider-bar {
	background: #93359b
}

.icon-text-header.CD .divider-bar:after,
.icon-text-header.CD .divider-bar:before {
	background: #93359b
}

.icon-text-header.Dc h1,
.icon-text-header.Dc h2 {
	color: #c62e85
}

.icon-text-header.Dc .divider-bar {
	background: #c62e85
}

.icon-text-header.Dc .divider-bar:after,
.icon-text-header.Dc .divider-bar:before {
	background: #c62e85
}

.icon-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	max-width: 550px;
	margin: 0 auto 40px;
	z-index: 1000
}

@media (max-width: 900px) {
	.icon-text {
		max-width: calc(100% - 220px);
		margin: 0 24px 40px auto
	}
}

@media (max-width: 600px) {
	.icon-text {
		margin: 0 24px 80px auto
	}
}

.icon-text h1 {
	text-align: center;
	font-size: 42px;
	line-height: 48px;
	margin: 24px 0
}

@media (max-width: 800px) {
	.icon-text h1 {
		max-width: 400px
	}
}

@media (max-width: 600px) {
	.icon-text h1 {
		max-width: 300px;
		margin: 24px 0 16px
	}

	.icon-text h1 .p-type {
		display: block;
		font-size: 16px;
		line-height: 20px;
		white-space: nowrap;
		font-style: italic;
		font-weight: 300;
		letter-spacing: 0
	}
}

@media (max-width: 500px) {
	.icon-text h1 {
		max-width: 200px
	}
}

.icon-text h2 {
	max-width: 550px;
	text-align: center;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	margin: 24px 0
}

@media (max-width: 600px) {
	.icon-text h2 {
		margin: 16px 0 24px;
		font-size: 16px;
		letter-spacing: 0;
		font-weight: 700;
		width: 200px
	}
}

@media (max-width: 400px) {
	.icon-text h2 {
		width: 140px
	}
}

.section-content {
	max-width: 1080px;
	margin: 0 auto;
	padding: 12px 16px;
	position: relative
}

.section-content.no-top-padding {
	padding-top: 0
}

@media (max-width: 900px) {
	.section-content.collapse-padding {
		padding: 0
	}
}

.section-content.large-padding {
	padding: 90px 16px
}

.section-content.top-padded {
	padding-top: 40px
}

.section-content.heavy-top-padded {
	padding-top: 90px
}

.section-content.no-bottom-padding {
	padding: 12px 16px 0
}

.section-content.large-bottom-padding {
	padding-bottom: 160px
}

.section-content.narrow {
	max-width: 900px
}

.center-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 40px 0
}

.center-section.margin-top {
	margin-top: 70px
}

.center-section.spaced {
	margin: 80px 0
}

.center-section.no-margin {
	margin: 0
}

.center-float {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 0;
	z-index: 100;
	position: relative
}

.center-float.max-width {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 16px
}

.header {
	margin-top: 32px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.header.new {
	margin-top: 48px
}

.header.new .header-main-subtext {
	max-width: 420px;
	margin: 0 auto 24px
}

.header.new .header-blurb {
	margin: 24px auto 0
}

@media (max-width: 900px) {
	.header.new .header-blurb {
		margin: 0 auto
	}
}

.header.new .detail-bubble {
	top: -40px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width: 800px) {
	.header.new .detail-bubble {
		display: none
	}
}

@media (min-width: 900px) {
	.header.new .detail-bubble.left {
		left: -72px
	}

	.header.new .detail-bubble.right {
		right: -72px
	}
}

.header.new .bubble-text {
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
	margin-top: 8px;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.08))
}

.header.new .bubble-text.left {
	margin-left: -24px !important;
	padding-left: 0;
	margin-left: 0;
	color: inherit
}

.header.new .bubble-text.right {
	margin-right: -24px !important;
	padding-right: 0;
	margin-right: 0;
	color: inherit
}

.header.new .bubble-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08))
}

.new-bubble-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	top: -10px;
	overflow: hidden;
	-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-animation: bubble-img 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	animation: bubble-img 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.new-bubble-img.left {
	left: -20px;
	background: rgba(136, 193, 0, 0.3)
}

.new-bubble-img.right {
	right: -20px;
	background: rgba(0, 182, 188, 0.3)
}

@media (max-width: 900px) {
	.new-bubble-img {
		width: 30px;
		height: 30px
	}
}

.new-bubble-img img {
	width: 50px;
	border-radius: 0 0 100px 100px
}

.header-text {
	text-align: center;
	font-size: 42px;
	line-height: 48px
}

@media (max-width: 900px) {
	.header-text {
		font-size: 30px;
		line-height: 36px
	}
}

.header-text.mid-blue {
	color: #a2e2fc
}

.header-text.blue {
	color: #2ca7e4
}

.header-text.white {
	color: #fff
}

.header-text.max-size {
	max-width: 550px;
	margin: 0 auto
}

.header-text.large-size {
	max-width: 650px;
	margin: 0 auto
}

.header-text.limit-size {
	max-width: 550px
}

@media print {
	.header-text {
		color: black
	}
}

.header-text.heavy {
	font-weight: 500
}

.header-text.left {
	text-align: left
}

.header-text.right {
	text-align: right
}

@media (max-width: 800px) {
	.header-text.right {
		text-align: center
	}
}

.header-text.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header-main-subtext {
	max-width: 400px;
	margin: 24px auto 0;
	text-align: center
}

.white-header-text {
	text-align: center;
	font-size: 42px;
	line-height: 48px;
	color: #fff;
	margin: 40px 0 80px
}

.header-bold {
	font-weight: 600
}

.header-blurb {
	margin: 24px auto 0;
	width: 100%;
	max-width: 800px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width: 900px) {
	.header-blurb {
		margin: 24px auto 78px
	}
}

.header-image-wrapper {
	max-width: 700px;
	margin: 48px auto -48px;
	background-image: url("../png/office-couch-2021.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 10
}

.header-image {
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.detail-bubble {
	position: absolute;
	top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.detail-bubble.left {
	left: 64px
}

@media (max-width: 900px) {
	.detail-bubble.left {
		left: 0px;
		top: -15px
	}
}

.detail-bubble.right {
	right: 64px
}

@media (max-width: 900px) {
	.detail-bubble.right {
		right: 0px;
		top: -15px
	}
}

@media (max-width: 500px) {
	.detail-bubble {
		display: none
	}
}

.bubble-text {
	background: #fff;
	border-radius: 4px;
	padding: 4px 8px;
	z-index: 1
}

.bubble-text.left {
	padding-left: 20px;
	margin-left: -14px;
	color: #f05c59;
	-webkit-animation: bubble-text 1.2s ease;
	animation: bubble-text 1.2s ease;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.bubble-text.left .bubble-header {
	padding: 4px 16px 4px 42px
}

.bubble-text.left .bubble-body {
	padding: 2px 16px 2px 42px
}

.bubble-text.right {
	padding-right: 20px;
	margin-right: -14px;
	color: #76c279;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-animation: bubble-text 1.2s ease;
	animation: bubble-text 1.2s ease
}

.bubble-text.right .bubble-header {
	padding: 4px 42px 4px 16px
}

.bubble-text.right .bubble-body {
	padding: 2px 42px 2px 16px
}

.bubble-text .bubble-header {
	padding: 4px;
	font-weight: 600
}

.bubble-text .bubble-header.green {
	color: #88c100;
	background: rgba(136, 193, 0, 0.2)
}

.bubble-text .bubble-header.blue {
	color: #00b6bc;
	background: rgba(0, 182, 188, 0.2)
}

.bubble-text .bubble-body {
	color: rgba(0, 0, 0, 0.38);
	padding: 2px 4px;
	font-style: italic;
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.bubble-text .bubble-body:last-child {
	border-bottom: none
}

@-webkit-keyframes bubble-text {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bubble-text {
	0% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	50% {
		-webkit-transform: scaleX(0);
		transform: scaleX(0)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.bubble-img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #fff;
	top: -10px;
	-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	z-index: 2;
	-webkit-animation: bubble-img 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	animation: bubble-img 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.bubble-img.left {
	left: -20px
}

.bubble-img.right {
	right: -20px
}

@media (max-width: 900px) {
	.bubble-img {
		width: 30px;
		height: 30px
	}
}

@-webkit-keyframes bubble-img {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bubble-img {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.new-bubble-pointer {
	position: absolute;
	top: 50px;
	width: 100px;
	height: 300px;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.new-bubble-pointer.left {
	left: 40%;
	border-top: 300px solid rgba(136, 193, 0, 0.2);
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
	-webkit-animation: new-left-pointer-animation 2s ease;
	animation: new-left-pointer-animation 2s ease
}

.new-bubble-pointer.right {
	right: 40%;
	border-top: 300px solid rgba(0, 182, 188, 0.2);
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-animation: new-right-pointer-animation 2s ease;
	animation: new-right-pointer-animation 2s ease
}

@media (max-width: 900px) {
	.new-bubble-pointer {
		display: none
	}
}

.bubble-pointer {
	position: absolute;
	top: 30px;
	width: 110px;
	height: 1px
}

.bubble-pointer:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100px;
	top: -3px;
	background: #fff;
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.54)
}

.bubble-pointer.left {
	left: 55%;
	background: #f05c59;
	-webkit-transform: rotate(35deg);
	-ms-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-animation: left-pointer-animation 2.5s ease;
	animation: left-pointer-animation 2.5s ease
}

.bubble-pointer.left:after {
	right: 0;
	border-color: #f05c59
}

.bubble-pointer.right {
	right: 63%;
	background: #76c279;
	-webkit-transform: rotate(-35deg);
	-ms-transform: rotate(-35deg);
	transform: rotate(-35deg);
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	-webkit-animation: right-pointer-animation 2.5s ease;
	animation: right-pointer-animation 2.5s ease
}

.bubble-pointer.right:after {
	left: 0;
	border-color: #76c279
}

@media (max-width: 900px) {
	.bubble-pointer {
		display: none
	}
}

@-webkit-keyframes left-pointer-animation {
	0% {
		left: 0%;
		width: 0px;
		overflow: hidden;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	40% {
		width: 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		width: 110px;
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg)
	}
}

@keyframes left-pointer-animation {
	0% {
		left: 0%;
		width: 0px;
		overflow: hidden;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	40% {
		width: 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		width: 110px;
		-webkit-transform: rotate(35deg);
		transform: rotate(35deg)
	}
}

@-webkit-keyframes right-pointer-animation {
	0% {
		right: 0%;
		width: 0px;
		overflow: hidden;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	40% {
		width: 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		width: 110px;
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg)
	}
}

@keyframes right-pointer-animation {
	0% {
		right: 0%;
		width: 0px;
		overflow: hidden;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	40% {
		width: 0px;
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		width: 110px;
		-webkit-transform: rotate(-35deg);
		transform: rotate(-35deg)
	}
}

@-webkit-keyframes new-left-pointer-animation {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(0) rotate(0);
		transform: scale(0) rotate(0)
	}

	100% {
		-webkit-transform: scale(1) rotate(-35deg);
		transform: scale(1) rotate(-35deg)
	}
}

@keyframes new-left-pointer-animation {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(0) rotate(0);
		transform: scale(0) rotate(0)
	}

	100% {
		-webkit-transform: scale(1) rotate(-35deg);
		transform: scale(1) rotate(-35deg)
	}
}

@-webkit-keyframes new-right-pointer-animation {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(0) rotate(0);
		transform: scale(0) rotate(0)
	}

	100% {
		-webkit-transform: scale(1) rotate(35deg);
		transform: scale(1) rotate(35deg)
	}
}

@keyframes new-right-pointer-animation {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	40% {
		-webkit-transform: scale(0) rotate(0);
		transform: scale(0) rotate(0)
	}

	100% {
		-webkit-transform: scale(1) rotate(35deg);
		transform: scale(1) rotate(35deg)
	}
}

.header-logos {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 16px;
	-webkit-box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.08);
	z-index: 100;
	position: relative
}

@media (max-width: 900px) {
	.header-logos {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}
}

.header-logos img {
	max-height: 60px
}

.header-logos.simple {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0
}

.header-logo-inner-wrapper {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.header-logo {
	opacity: 0.4;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.header-logo:hover {
	opacity: 1
}

@media (max-width: 900px) {
	.header-logo {
		height: 50px;
		margin: 4px 0
	}
}

@media (max-width: 600px) {
	.header-logo {
		height: 60px;
		margin: 10px 25px;
	} 
}
@media (max-width: 420px)
  .header-logo {
      margin: 4px 10px;
      height: 30px;
  }
}

.section-top-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.center-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	margin: 80px 0 0;
	max-width: 362px;
	min-width: inherit;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

@media (min-width: 900px) {
	.center-title {
		margin-bottom: -57px;
		text-align: left;
		min-width: 355px
	}
}

.li-header-bar {
	margin: 30px 0 0;
	margin-right: 0;
	width: 100%;
	height: 1px;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 1.5s ease;
	transition: all 1.5s ease
}

.li-header-bar:after,
.li-header-bar:before {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px
}

.li-header-bar:after {
	left: -2px;
	top: -1px
}

.li-header-bar:before {
	right: -2px;
	top: -1px
}

@media (max-width: 900px) {
	.li-header-bar {
		margin-bottom: 30px
	}
}

.li-section {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-height: 680px;
	max-width: 800px;
	margin: 0 auto 100px
}

@media (max-width: 900px) {
	.li-section {
		margin-bottom: 130px;
		max-height: 510px
	}
}

.li-section.smaller-margin {
	margin: 0 auto 60px
}

@media (max-width: 900px) {
	.li-section.smaller-margin {
		margin-bottom: 60px;
		max-height: 510px
	}
}

.li-image {
	margin: auto;
	margin-top: 112px;
	width: 100%;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	max-height: 451px
}

.li-image.no-top-margin {
	margin-top: 0
}

.li-image.shadow {
	-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08))
}

.section-image {
	max-height: 451px
}

.section-image.full-width {
	-o-object-fit: contain;
	object-fit: contain;
	width: 100%
}

.section-image.shadow {
	-webkit-filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.08))
}

.katie-image {
	margin: auto;
	margin-top: 78px;
	width: 100%;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.katie-image.no-top-margin {
	margin-top: 0
}

@media (max-width: 900px) {
	.katie-image {
		max-height: 400px
	}
}

.li-link {
	position: absolute;
	bottom: 60px;
	left: 0;
	color: rgba(0, 0, 0, 0.38)
}

@media (max-width: 900px) {
	.li-link {
		left: auto;
		bottom: -80px
	}
}

.li-link a {
	font-style: italic
}

.flex-vertical-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ce-image {
	background: #fff;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	margin: 0 auto;
	width: 260px;
	margin-left: -260px;
	border-left: 4px solid #01293d;
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

@media (max-width: 900px) {
	.ce-image.transform {
		-webkit-transform: scale(0.75) translateX(43px);
		-ms-transform: scale(0.75) translateX(43px);
		transform: scale(0.75) translateX(43px);
		height: 680px;
		margin-top: -77px
	}
}

.ce-image.inline {
	margin-left: 0;
	margin: 0
}

.ce-image .ce-overflow-wrapper {
	overflow: hidden;
	-webkit-transition: all 1s ease;
	transition: all 1s ease
}

.ce-image .ce-body {
	overflow: hidden;
	width: 260px
}

.ce-image .ce-header {
	background: #01293d;
	padding: 8px 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ce-image .ce-header .ce-header-img {
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 100px
}

.ce-image .ce-header .ce-header-title {
	font-weight: 600;
	color: #fff;
	margin-left: 8px
}

.ce-image .ce-header .ce-header-subtitle {
	color: #fff;
	font-size: 10px;
	font-style: italic
}

.ce-image .ce-white-section {
	padding: 16px 20px;
	position: relative;
	background: #fff
}

.ce-image .ce-overview {
	font-size: 18px;
	margin-bottom: 16px
}

.ce-image .ce-subheader {
	font-size: 14px;
	font-weight: 600
}

.ce-image .ce-subheader.green {
	color: #76c279
}

.ce-image .ce-subheader.red {
	margin-top: 16px;
	color: #f05c59
}

.ce-image .ce-subheader.yellow {
	margin-top: 16px;
	color: #ffb03c
}

.ce-image .ce-bullet {
	border-left: 2px solid #c62e85;
	padding-left: 8px;
	margin: 8px 0;
	font-size: 14px;
	line-height: 22px
}

.ce-image .ce-bullet.yellow {
	border-color: #ffb03c
}

.ce-image .ce-bullet .yellow {
	color: #ffb03c
}

.ce-image .ce-bullet.old-red {
	border-color: #f05c59
}

.ce-image .ce-bullet .red {
	color: #c62e85
}

.ce-image .ce-bullet .green {
	color: #76c279
}

.ce-image .ce-bullet.green {
	border-color: #76c279
}

.ce-image .ce-grey-section {
	background: #f5f5f5;
	color: rgba(0, 0, 0, 0.38);
	text-transform: uppercase;
	padding: 8px 16px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.5px
}

.ce-image .ce-graph {
	margin: 0 auto;
	width: 200px;
	height: 200px
}

.ce-image .ce-graph-profile {
	position: absolute;
	left: 16%;
	top: 33%;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.ce-image .ce-graph-profile.i {
	left: 60%;
	top: 28%
}

.ce-image .ce-graph-profile-planner {
	position: absolute;
	left: 50%;
	top: 64%;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.06)
}

.ce-image .ce-bubble {
	-webkit-print-color-adjust: exact !important;
	position: relative;
	padding: 12px;
	margin: 12px 0 16px;
	border-radius: 16px;
	background-color: #f5f5f5;
	color: rgba(0, 0, 0, 0.54);
	letter-spacing: 0.5px;
	font-size: 12px;
	line-height: 14px;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.ce-image .ce-bubble:after {
	content: "";
	position: absolute;
	bottom: 12px;
	left: 6px;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-top-color: #f5f5f5;
	border-bottom: 0;
	border-left: 0;
	margin-left: -6px;
	margin-bottom: -12px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.ce-tab {
	width: 30px;
	height: 30px;
	border-radius: 100px 0 0 100px;
	background: #01293d;
	position: absolute;
	right: 100%;
	top: calc(50% - 15px);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.ce-tab:hover {
	width: 125px
}

.ce-tab img {
	width: 18px;
	height: 18px;
	margin-left: 6px;
	-webkit-animation: spin 5s infinite cubic-bezier(0.7, 0, 0.3, 1);
	animation: spin 5s infinite cubic-bezier(0.7, 0, 0.3, 1)
}

.ce-tab .ce-tab-text {
	color: #fff;
	white-space: nowrap;
	font-size: 12px;
	margin-left: 8px
}

.ce-tab.right {
	right: 0%;
	width: 100px;
	top: 55%;
	height: 20px
}

.ce-tab.right img {
	width: 12px;
	height: 12px;
	margin-left: 4px;
	-webkit-animation: spin 5s infinite cubic-bezier(0.7, 0, 0.3, 1);
	animation: spin 5s infinite cubic-bezier(0.7, 0, 0.3, 1)
}

.ce-tab.right .ce-tab-text {
	color: #fff;
	white-space: nowrap;
	font-size: 10px;
	margin-left: 8px
}

@-webkit-keyframes spin {
	10% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	55% {
		-webkit-transform: rotate(360deg) scale(1.2);
		transform: rotate(360deg) scale(1.2)
	}

	100% {
		-webkit-transform: rotate(720deg) scale(1);
		transform: rotate(720deg) scale(1)
	}
}

@keyframes spin {
	10% {
		-webkit-transform: rotate(0deg) scale(1);
		transform: rotate(0deg) scale(1)
	}

	55% {
		-webkit-transform: rotate(360deg) scale(1.2);
		transform: rotate(360deg) scale(1.2)
	}

	100% {
		-webkit-transform: rotate(720deg) scale(1);
		transform: rotate(720deg) scale(1)
	}
}

.info-section {
	max-width: 740px;
	margin: 80px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 72px
}

.info-section.two-one {
	grid-template-columns: 2fr 1fr
}

.info-section.one-two {
	grid-template-columns: 1fr 2fr
}

.info-section.two-three {
	grid-template-columns: 2fr 3fr
}

.info-section.three-four {
	grid-template-columns: 3fr 4fr
}

.info-section.three-two {
	grid-template-columns: 3fr 2fr
}

.info-section.three-one {
	grid-template-columns: 3fr 1fr
}

.info-section:first-child {
	margin-top: 110px
}

.info-section.wide {
	max-width: 900px
}

.info-section.xx-wide {
	max-width: 1040px
}

.info-section.full-width {
	max-width: 1040px;  
}

.info-section.large-margin {
	margin-bottom: 120px
}
 
.info-section.small-top-margin {
	margin-top: 40px
}

.info-section.small-margins {
	margin: 40px auto
}

.info-section.large-top-margin {
	margin-top: 160px
}

.info-section.huge-margin {
	margin-bottom: 160px
}

.info-section.offset-right {
	grid-template-columns: 1fr 250px
}

@media (max-width: 900px) {
	.info-section.offset-right {
		grid-template-columns: 1fr
	}
}

@media (max-width: 900px) {
	.info-section {
		grid-template-columns: 1fr !important
	}
}

.info-section.no-gap {
	grid-column-gap: 0
}

.info-section.no-margin {
	margin: 0
}

.info-section.book-style {
	margin: 90px auto;
	max-width: 1000px
}

@media (max-width: 900px) {
	.info-section.book-style {
		margin: 20px auto
	}
}

.info-half {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

@media (max-width: 900px) {
	.info-half {
		margin: 0 24px
	}

	.info-half h1 {
		margin-top: 0
	}
}

@media (max-width: 900px) {
	.info-half.no-margin {
		margin: 0 0
	}
}

.info-half.multi-hold {
	height: 250px;
	margin: 0 48px
}

@media (max-width: 900px) {
	.info-half.multi-hold {
		width: 250px;
		margin: 36px auto 0
	}
}

.info-half.end {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media (max-width: 900px) {
  .info-half.align-right.column.mobile-reverse {
    grid-row: 2;
    margin-top: 30px !important;
  }
  .home-sales-ce {
      padding: 0  !important;
    margin-bottom: 20px
  }
  .home-sales-ce img {
      margin-left: 0 !important;
  }
  .home-page-blue-title {
    font-size: 26px;
  }
	.info-half.end {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		grid-row: 1
	}
  .info-section.small-margins{
    margin-bottom: 20px;
  }
  .info-half{
    margin: 0 10px !important;
  }
  .home-teams-images .home-teams-people {
  padding-left: 0 !important;
    margin-bottom: 30px;
  }
}

.info-half.align-right {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: right
}

@media (max-width: 900px) {
	.info-half.align-right {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-align: center
	}
}

.info-half.start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left
}

@media (max-width: 900px) {
	.info-half.start {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.info-half.center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.info-half.column {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media (max-width: 900px) {
	.info-half.column {
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 32px
	}
}

.info-half.align-start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width: 900px) {
	.info-half.align-start {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.info-half.align-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (max-width: 900px) {
	.info-half.align-end {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.info-half.contain-image {
	max-height: 420px
}

@media (max-width: 900px) {
	.info-half.contain-image {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.info-half.contain-image img {
		max-width: 100%
	}
}

.info-half.contain-image.no-shadow img {
	-webkit-filter: none;
	filter: none
}

.info-half.contain-image.light-shadow img {
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.06));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.06))
}

.info-half.contain-image img {
	max-height: 420px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-left: -4px;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

.info-half.contain-large-image {
	max-height: 600px
}

.info-half.contain-large-image img {
	max-height: 600px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

@media (max-width: 900px) {
	.info-half.contain-large-image {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.info-half.contain-large-image img {
		max-width: 100%
	}
}

@media (min-width: 900px) {
	.info-half.light-pad-top {
		margin-top: 18px
	}
}

.info-half.reverse {
	text-align: right
}

@media (max-width: 900px) {
	.info-half.reverse {
		text-align: center
	}
}

.info-half.white {
	color: #fff
}

@media (min-width: 900px) {
	.info-half.max-width-half {
		max-width: 480px
	}
}

@media (min-width: 900px) {
	.info-half.mid-max-width {
		max-width: 450px
	}
}

.info-half.bubble-behind {
	z-index: 100
}

.info-half.bubble-behind img {
	border-radius: 0 0 50% 50%
}

.info-half.bubble-behind:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(44, 167, 228, 0.2);
	width: 100%;
	height: 90%;
	border-radius: 50% 40% 50% 50%;
	z-index: -1;
	-webkit-transform: rotate(11deg) translateX(-1%);
	-ms-transform: rotate(11deg) translateX(-1%);
	transform: rotate(11deg) translateX(-1%)
}

.info-half.bubble-behind-angled {
	z-index: 100
}

.info-half.bubble-behind-angled img {
	border-radius: 0 0 50% 50%
}

.info-half.bubble-behind-angled:after {
	-webkit-transform: rotate(16deg);
	-ms-transform: rotate(16deg);
	transform: rotate(16deg);
	content: "";
	position: absolute;
	left: 0;
	bottom: 0%;
	background: rgba(44, 167, 228, 0.2);
	width: 100%;
	height: 100%;
	border-radius: 50%;
	z-index: -1
}

.info-half .info-line {
	width: calc(100% + 72px);
	margin-left: -72px;
	height: 1px;
	background: #2ca7e4;
	margin-bottom: 16px;
	z-index: 1;
	position: relative;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

@media (max-width: 900px) {
	.info-half .info-line {
		width: 100%;
		margin-left: 0;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center
	}
}

.info-half .info-line:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 100px;
	top: -4px;
	left: -4px;
	background: #fff;
	position: absolute;
	border: 1px solid #2ca7e4
}

.info-half .info-line:before {
	content: "";
	display: block;
	width: 1px;
	height: 1px;
	border-radius: 100px;
	top: -1px;
	right: -3px;
	background: #2ca7e4;
	position: absolute;
	border: 1px solid #2ca7e4
}

.info-half .info-line.reverse {
	margin-right: -72px;
	margin-left: 0;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}

.info-half .info-line.reverse:before {
	width: 6px;
	height: 6px;
	top: -4px;
	right: -4px;
	background: #fff;
	border: 1px solid #2ca7e4
}

.info-half .info-line.reverse:after {
	width: 1px;
	height: 1px;
	top: -1px;
	left: -3px;
	background: #2ca7e4;
	border: 1px solid #2ca7e4
}

@media (max-width: 900px) {
  
	.info-half .info-line.reverse {
		width: 100%;
		margin-right: 0;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center
	}
}

.info-half ol {
	padding-left: 60px;
	margin: 0
}

.info-half ol li {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	margin: 12px 0;
	font-style: italic
}

.info-half .spaced-text {
	font-weight: 300;
	font-size: 16px;
	line-height: 24px;
	margin: 12px 0
}

.info-half .large-blue {
	color: #2ca7e4;
	font-size: 32px;
	margin-top: 0
}

@media (max-width: 900px) {
	.info-half .large-blue {
		margin-top: 48px
	}
}

.info-pic {
	width: 100%;
	-webkit-filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.12));
	border-radius: 4px
}

.info-pic.book-img {
	max-height: 545px;
	-o-object-fit: contain;
	object-fit: contain
}

@media (max-width: 900px) {
	.info-pic.book-img {
		max-height: 348px
	}
}

.info-pic.max-height {
	max-height: 500px;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: right;
	object-position: right
}

@media (max-width: 900px) {
	.info-pic.max-height {
		-o-object-position: center;
		object-position: center
	}
}

.info-li-preview {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 260px;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12)
}

.info-header {
	margin-top: 0
}

.info-header.huge {
	color: #2ca7e4;
	font-size: 44px;
	line-height: 48px;
	letter-spacing: 0;
	margin-bottom: 0
}

.info-header.book {
	font-size: 41px
}

@media (max-width: 800px) {
	.info-header.book {
		font-size: 30px;
		line-height: 36px
	}
}

.info-header.mid {
	font-size: 34px;
	line-height: 36px;
	color: #2ca7e4;
	letter-spacing: 0;
	margin-bottom: 0
}

@media (min-width: 900px) {
	.info-header.align-right {
		text-align: right
	}
}

.info-preheader {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #2ca7e4;
	margin: 0 0 8px
}

.info-preheader.spaced {
	margin: 24px 0
}

.info-text {
	margin-bottom: 12px;
	font-size: 18px
}

.crystal-bubble {
	width: 110px;
	height: 110px;
	border-radius: 100px;
	background: #01293d;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.crystal-bubble:after {
	content: "";
	position: absolute;
	bottom: 55px;
	left: 27px;
	width: 0;
	height: 0;
	border: 55px solid transparent;
	border-top-color: #01293d;
	border-bottom: 0;
	border-left: 0;
	margin-left: -27.5px;
	margin-bottom: -55px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1
}

.crystal-bubble.top {
	left: 0;
	top: 0;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.crystal-bubble.center {
	right: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.crystal-bubble.center img {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.crystal-bubble.bottom {
	left: 0;
	bottom: 0;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.crystal-bubble.bottom img {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.crystal-bubble img {
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.huge-header-text {
	font-size: 28px;
	line-height: 32px;
	letter-spacing: 1px;
	text-align: center;
	margin: 100px 0 40px;
	position: relative
}

.huge-header-text.larger {
	font-size: 32px;
	line-height: 40px
}

.huge-header-text.no-top {
	margin-top: 0px
}

.huge-header-text.no-bottom {
	margin-bottom: 0px
}

.huge-header-text.no-margin {
	margin: 0
}

.huge-header-text.medium-top {
	margin-top: 60px
}

.huge-header-text.small-top {
	margin-top: 24px
}

.huge-header-text.center-margin {
	margin: 0 auto 45px
}

.huge-header-text.mid-condensed {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto
}

.huge-header-text.condensed {
	max-width: 420px;
	margin-left: auto;
	margin-right: auto
}

.huge-header-text.italic {
	font-style: italic
}

@media (min-width: 900px) {
	.huge-header-text.extra-spacing {
		margin-left: -30px;
		margin-right: -30px
	}
}

.mid-header-text {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 1px;
	text-align: center;
	margin: 100px auto 50px;
	position: relative;
	max-width: 800px
}

.mid-header-text.no-top {
	margin-top: 0px
}

.mid-header-text.small-bottom {
	margin-bottom: 20px
}

.mid-header-text.no-max {
	max-width: inherit
}

.mid-header-text.huge {
	font-weight: 300;
	font-size: 40px;
	line-height: 46px;
	max-width: 900px
}

.mid-header-text.blue {
	color: #2ca7e4
}

.divider-bar {
	margin: 0 auto 40px;
	width: 140px;
	height: 1px;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.divider-bar:after,
.divider-bar:before {
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px
}

.divider-bar:after {
	left: -2px;
	top: -1px
}

.divider-bar:before {
	right: -2px;
	top: -1px
}

.divider-bar.mid-blue {
	background: #a2e2fc
}

.divider-bar.mid-blue:after,
.divider-bar.mid-blue:before {
	background: #a2e2fc
}

.divider-bar.mid-margin {
	margin: 16px auto
}

.divider-bar.full-margin {
	margin: 24px auto
}

.divider-bar.fullest-margin {
	margin: 40px auto
}

.divider-bar.pull-margin {
	margin: -16px auto 24px
}

.divider-bar.left-center {
	margin: 6px 0 24px
}

@media (max-width: 900px) {
	.divider-bar.left-center {
		margin: 6px auto 24px
	}
}

@media (min-width: 900px) {
	.divider-bar.transform-left {
		-webkit-transform-origin: left;
		-ms-transform-origin: left;
		transform-origin: left
	}
}

@media (min-width: 900px) {
	.divider-bar.transform-right {
		-webkit-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right
	}
}

.divider-bar.left-even {
	margin: 24px 0 24px
}

@media (max-width: 900px) {
	.divider-bar.left-even {
		margin: 24px auto 24px
	}
}

.divider-bar.right-even {
	margin: 24px 0 24px auto
}

@media (max-width: 900px) {
	.divider-bar.right-even {
		margin: 24px auto 24px
	}
}

.divider-bar.stick-left-even {
	margin: 24px 0
}

@media (max-width: 900px) {
	.divider-bar.stick-left-even {
		margin: 24px auto
	}
}

.divider-bar.left-small {
	margin: 6px 0 12px
}

@media (max-width: 900px) {
	.divider-bar.left-small {
		margin: 6px auto 12px
	}
}

.divider-bar.huge-margin {
	margin-bottom: 220px
}

@media (max-width: 900px) {
	.divider-bar.huge-margin {
		margin-bottom: 170px
	}
}

.divider-bar.large-margin {
	margin-bottom: 170px
}

.divider-bar.big-margin {
	margin-bottom: 120px
}

.divider-bar.medium-margin {
	margin-bottom: 60px
}

.divider-bar.center-margin {
	margin: 0 auto
}

.divider-bar.vertical-margin {
	margin: 24px 0
}

.divider-bar.wide {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 400px
}

.divider-bar.no-margin {
	margin: 0
}

@media (max-width: 600px) {
	.divider-bar.small {
		width: 100px
	}
}

@media print {
	.divider-bar {
		display: none;
		margin: 0
	}
}

.header-subtext {
	max-width: 550px;
	margin: 0 auto 40px;
	text-align: center;
	position: relative;
	font-weight: 300;
	font-size: 20px;
	line-height: 24px
}

.header-subtext.border-bottom {
	padding-bottom: 40px
}

.header-subtext.border-bottom:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(50% - 50px);
	width: 100px;
	height: 1px;
	background: #2ca7e4
}

.header-subtext.italic {
	font-style: italic
}

.header-subtext.large-margin {
	margin-bottom: 120px
}

.header-subtext.medium-margin {
	margin-bottom: 80px
}

.header-subtext.medium-width {
	max-width: 470px
}

.header-subtext.large-width {
	max-width: 700px
}

.header-subtext.full-width {
	max-width: inherit
}

.header-subtext.left {
	text-align: left;
	margin: 0 0 40px
}

.header-subtext.small-bottom-margin {
	margin-bottom: 24px
}

.header-subtext.no-bottom-margin {
	margin-bottom: 0
}

@media print {
	.header-subtext {
		color: black
	}
}

.placeholder-img {
	background: #f5f5f5;
	max-width: 800px;
	margin: 60px auto;
	width: 100%;
	height: 500px
}

.placeholder-box {
	width: 100%;
	height: 330px;
	background: #f5f5f5
}

.ai-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ai-wrapper .ai-img {
	max-width: 900px;
	margin: 80px 0;
	width: 100%;
	-webkit-filter: drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 1px 8px rgba(0, 0, 0, 0.1))
}

.margin-bottom {
	margin-bottom: 16px
}

.source {
	font-size: 18px;
	line-height: 24px;
	font-style: normal;
	font-weight: 600;
	margin-top: 72px
}

.review-title {
	font-style: italic;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-top: 4px
}

.reviews {
	padding: 80px 50px 50px;
	background: #01293d;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.8)), to(rgba(1, 41, 61, 0.9))), url("../png/reviews.png");
	background-image: linear-gradient(0deg, rgba(1, 41, 61, 0.8), rgba(1, 41, 61, 0.9)), url("../png/reviews.png");
	background-size: cover;
	background-position: 50% 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative
}

.review-img {
	position: absolute;
	height: 130px;
	width: 130px;
	top: -148px;
	left: calc(50% - 65px)
}

.reviews-wrapper {
	width: 100%
}

.review {
	text-align: center;
	color: #fff;
	font-size: 28px;
	line-height: 40px;
	position: relative;
	max-width: 810px;
	margin: 0 auto;
	width: 100%
}

.review.hidden {
	opacity: 0;
	height: 0;
	pointer-events: none;
	-webkit-animation: exit-animation 0.5s ease;
	animation: exit-animation 0.5s ease
}

.review.current {
	-webkit-animation: enter-animation 0.5s ease;
	animation: enter-animation 0.5s ease;
	height: auto;
	opacity: 1
}

@-webkit-keyframes exit-animation {
	0% {
		position: absolute;
		top: 80px;
		left: calc(50% - 405px);
		width: 100%;
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%)
	}
}

@keyframes exit-animation {
	0% {
		position: absolute;
		top: 80px;
		left: calc(50% - 405px);
		width: 100%;
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(150%);
		transform: translateX(150%)
	}
}

@media (max-width: 900px) {
	@-webkit-keyframes exit-animation {
		0% {
			position: absolute;
			top: 80px;
			left: 25px;
			width: 100%;
			opacity: 1;
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}

		100% {
			opacity: 0;
			-webkit-transform: translateX(150%);
			transform: translateX(150%)
		}
	}

	@keyframes exit-animation {
		0% {
			position: absolute;
			top: 80px;
			left: 25px;
			width: 100%;
			opacity: 1;
			-webkit-transform: translateX(0px);
			transform: translateX(0px)
		}

		100% {
			opacity: 0;
			-webkit-transform: translateX(150%);
			transform: translateX(150%)
		}
	}
}

@-webkit-keyframes enter-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

@keyframes enter-animation {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-150%);
		transform: translateX(-150%)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0px);
		transform: translateX(0px)
	}
}

.review-dots {
	position: absolute;
	bottom: 132px;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 10px
}

.review-dots .review-dot-wrapper {
	cursor: pointer;
	padding: 4px 12px;
	position: relative
}

.review-dots .review-dot-wrapper .review-dot {
	width: 6px;
	height: 6px;
	border: 1px solid #fff;
	background: #fff;
	border-radius: 100px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative
}

.review-dots .review-dot-wrapper.active .review-dot {
	border: 1px solid #2ca7e4;
	background: #2ca7e4;
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8)
}

.review-dots .review-dot-wrapper:hover .review-dot {
	border: 1px solid #2ca7e4;
	background: #2ca7e4;
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8)
}

.three-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 48px;
	margin: 80px auto 40px;
	max-width: 900px
}

@media (max-width: 900px) {
	.three-column {
		grid-template-columns: 1fr
	}
}

.work-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 40px
}

.work-column.smaller-margins {
	margin-bottom: 0
}

.work-column.smaller-margins .work-bubble,
.work-column.smaller-margins .work-header {
	margin-bottom: 24px
}

.work-header {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 22px;
	line-height: 28px
}

.work-header.no-margin {
	margin-bottom: 0
}

@media (min-width: 901px) {
	.work-header.force-height {
		min-height: 56px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.work-text-wrapper {
	margin-bottom: 80px
}

.work-text {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	text-align: center
}

.work-text.max-width {
	max-width: 900px;
	margin: 0 auto 24px
}

.work-link {
	font-weight: 600;
	font-style: italic
}

.work-animate {
	-webkit-animation: work-animation 0.5s ease;
	animation: work-animation 0.5s ease
}

@-webkit-keyframes work-animation {
	0% {
		opacity: 0;
		max-height: 0px;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		max-height: 400px;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

@keyframes work-animation {
	0% {
		opacity: 0;
		max-height: 0px;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}

	100% {
		opacity: 1;
		max-height: 400px;
		-webkit-transform: translateY(0px);
		transform: translateY(0px)
	}
}

.work-bubble {
	margin-bottom: 40px;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	page-break-inside: avoid;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media print {
	.work-bubble {
		background: transparent;
		page-break-inside: avoid
	}
}

.work-bubble:after {
	content: "";
	position: absolute;
	bottom: 50px;
	left: 25px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -25px;
	margin-bottom: -50px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1;
	display: block
}

@media print {
	.work-bubble:after {
		display: none
	}
}

.work-bubble.oversized img {
	width: 110%
}

@media print {
	.work-bubble.oversized img {
		width: 100%
	}
}

.work-bubble p {
	margin: 0 !important;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.work-bubble.no-margin {
	margin-bottom: 0
}

.work-bubble img {
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble.oversized img {
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-large {
	margin-bottom: 0px;
	width: 130px;
	height: 130px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	page-break-inside: avoid;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media print {
	.work-bubble-large {
		background: transparent;
		page-break-inside: avoid
	}
}

.work-bubble-large:after {
	content: "";
	position: absolute;
	bottom: 65px;
	left: 32.5px;
	width: 0;
	height: 0;
	border: 65px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -32.5px;
	margin-bottom: -65px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1;
	display: block
}

@media print {
	.work-bubble-large:after {
		display: none
	}
}

.work-bubble-large.oversized img {
	width: 110%
}

@media print {
	.work-bubble-large.oversized img {
		width: 100%
	}
}

.work-bubble-large p {
	margin: 0 !important;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.work-bubble-large.no-margin {
	margin-bottom: 0
}

.work-bubble-large img {
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-large.oversized img {
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-small {
	margin-bottom: 0px;
	width: 68px;
	height: 68px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	page-break-inside: avoid;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media print {
	.work-bubble-small {
		background: transparent;
		page-break-inside: avoid
	}
}

.work-bubble-small:after {
	content: "";
	position: absolute;
	bottom: 34px;
	left: 17px;
	width: 0;
	height: 0;
	border: 34px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -17px;
	margin-bottom: -34px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1;
	display: block
}

@media print {
	.work-bubble-small:after {
		display: none
	}
}

.work-bubble-small.oversized img {
	width: 110%
}

@media print {
	.work-bubble-small.oversized img {
		width: 100%
	}
}

.work-bubble-small p {
	margin: 0 !important;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.work-bubble-small.no-margin {
	margin-bottom: 0
}

.work-bubble-small img {
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-small.oversized img {
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-x-small {
	margin-bottom: 0px;
	width: 48px;
	height: 48px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	page-break-inside: avoid;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	animation: work-bubble-animation 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media print {
	.work-bubble-x-small {
		background: transparent;
		page-break-inside: avoid
	}
}

.work-bubble-x-small:after {
	content: "";
	position: absolute;
	bottom: 24px;
	left: 12px;
	width: 0;
	height: 0;
	border: 24px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -12px;
	margin-bottom: -24px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1;
	display: block
}

@media print {
	.work-bubble-x-small:after {
		display: none
	}
}

.work-bubble-x-small.oversized img {
	width: 110%
}

@media print {
	.work-bubble-x-small.oversized img {
		width: 100%
	}
}

.work-bubble-x-small p {
	margin: 0 !important;
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.work-bubble-x-small.no-margin {
	margin-bottom: 0
}

.work-bubble-x-small img {
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.work-bubble-x-small.oversized img {
	-webkit-transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.25s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@-webkit-keyframes work-bubble-animation {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

@keyframes work-bubble-animation {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0deg);
		transform: scale(1) rotate(0deg)
	}
}

.company-logos {
	margin: 40px 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	justify-items: center
}

.company-logos.truncated {
	margin: 0 0 -24px;
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.company-logos img {
	opacity: 0.8;
	height: 60px;
	margin: 0 8px 24px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.company-logos img:hover {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

@media (max-width: 900px) {
	.company-logos img {
		height: 30px
	}
}

@media (max-width: 900px) {
	.company-logos {
		grid-template-columns: 1fr 1fr 1fr 1fr
	}
}

@media (max-width: 600px) {
	.company-logos {
		grid-template-columns: 1fr 1fr 1fr
	}
}

.snowflake-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 100px 0 40px
}

.snowflake {
	width: 80px;
	height: 80px;
	-webkit-transition: all 1.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 1.5s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.more-link {
	display: inline-block;
	color: #2ca7e4;
	font-style: italic;
	font-weight: 400;
	cursor: pointer
}

.more-link:hover {
	text-decoration: underline
}

.more-link.hidden {
	display: none
}

.hidden-text {
	display: none
}

.how-header {
	margin: 60px 16px
}

.how-header.small-bottom {
	margin-bottom: 40px
}

.how-header.large-margin {
	margin: 60px 16px
}

.how-header.huge-margin {
	margin: 140px 16px
}

@media (max-width: 900px) {
	.how-header.huge-margin {
		margin: 100px 16px
	}
}

.how-header.integrated-background {
	margin: 280px 16px
}

@media (max-width: 800px) {
	.how-header.integrated-background {
		margin: 180px 16px
	}
}

.how-header.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media print {
	.how-header {
		margin: 0 16px !important
	}
}

.how-header.left {
	text-align: left
}

.how-image {
	max-width: 700px;
	margin: 60px 0;
	width: 100%;
	-webkit-animation: flip-in 1.2s ease;
	animation: flip-in 1.2s ease;
	-webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.02));
	filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.02))
}

@-webkit-keyframes flip-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes flip-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.accuracy-section {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/accuracy-background.png");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../png/accuracy-background.png");
	background-size: cover;
	background-position: 24% 20%;
	background-repeat: no-repeat
}

.hiring-backgroud {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../jpg/hiring-background.jpg");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../jpg/hiring-background.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.sales-backgroud {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../jpg/sales-background.jpg");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../jpg/sales-background.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.leadership-backgroud {
	background: #01293d;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(1, 41, 61, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../jpg/leadership-background.jpg");
	background: linear-gradient(0deg, rgba(1, 41, 61, 0.9), rgba(1, 41, 61, 0.9)), url("../jpg/leadership-background.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}

.margin-bottom {
	margin-bottom: 16px
}

.pie-section {
	position: relative
}

.pie-section img {
	width: 480px;
	max-width: 100%;
	padding: 0 0 20px 40px;
	opacity: 1;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease
}

.pie-text-wrapper {
	position: absolute;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.pie-text {
	background: #fff;
	color: #01293d;
	display: inline-block;
	padding: 2px 6px;
	margin: 0 0 14px;
	font-size: 28px;
	line-height: 36px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	white-space: nowrap;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.pie-text-small {
	color: #fff;
	font-size: 12px;
	font-style: italic;
	font-weight: 300
}

.site-mocks {
	margin: 120px 32px 180px
}

.site-mocks .mock-backs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 250px;
	position: relative
}

.site-mocks .mock-backs .mock-image {
	height: 100%;
	-webkit-box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0px 8px 12px 0 rgba(0, 0, 0, 0.08);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease
}

.site-mocks .mock-backs .mock-image.center {
	margin: -135%;
	height: 135%;
	z-index: 1
}

.site-mocks .mock-backs .mock-image:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01)
}

.site-mocks .mock-backs .mock-image:hover:first-child {
	-webkit-transform: scale(1.01) translateX(-32px);
	-ms-transform: scale(1.01) translateX(-32px);
	transform: scale(1.01) translateX(-32px)
}

.site-mocks .mock-backs .mock-image:hover:last-child {
	-webkit-transform: scale(1.01) translateX(32px);
	-ms-transform: scale(1.01) translateX(32px);
	transform: scale(1.01) translateX(32px)
}

@media (max-width: 900px) {
	.site-mocks {
		margin: 80px 32px 200px
	}

	.site-mocks .mock-backs {
		height: 180px
	}
}

@media (max-width: 600px) {
	.site-mocks {
		margin: 80px 32px 140px
	}

	.site-mocks .mock-backs {
		height: 100px
	}
}

.timeline {
	display: block;
	max-width: 800px;
	margin: 80px auto 160px
}

@media (max-width: 900px) {
	.timeline {
		margin: 80px 24px 100px
	}
}

.timeline .timeline-half {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr
}

.timeline .timeline-half .timeline-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.timeline .timeline-line {
	width: 100%;
	height: 1px;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.8s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.timeline .timeline-line:after,
.timeline .timeline-line:before {
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px
}

.timeline .timeline-line:after {
	left: -2px;
	top: -1px
}

.timeline .timeline-line:before {
	right: -2px;
	top: -1px
}

.timeline .timeline-bubble {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	background: #def0f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 1s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 1s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media (max-width: 900px) {
	.timeline .timeline-bubble {
		width: 50px;
		height: 50px
	}
}

.timeline .timeline-bubble:after {
	content: "";
	position: absolute;
	bottom: 50px;
	left: 27px;
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top-color: #def0f9;
	border-bottom: 0;
	border-left: 0;
	margin-left: -25px;
	margin-bottom: -50px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: -1;
	display: block
}

@media (max-width: 900px) {
	.timeline .timeline-bubble:after {
		bottom: 25px;
		border: 25px solid transparent;
		border-top-color: #def0f9;
		border-bottom: 0;
		border-left: 0;
		margin-left: -12.5px;
		margin-bottom: -25px;
		left: 13px
	}
}

.timeline .timeline-bubble img {
	max-height: 100%;
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.bubble-line {
	height: 40px;
	width: 1px;
	margin: 6px auto 0;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 1s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 1s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom
}

.bubble-line:after {
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px;
	left: -1px;
	top: -3px
}

.bubble-line.bottom {
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	margin: 0 auto 6px
}

.bubble-line.bottom:after {
	left: -1px;
	top: 100%
}

.timeline-text {
	font-size: 22px;
	text-align: center;
	margin: 16px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 1.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 1.2s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.timeline-text.top {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (max-width: 900px) {
	.timeline-text {
		font-size: 16px;
		line-height: 22px
	}
}

@media (max-width: 600px) {
	.timeline-text {
		font-size: 12px;
		line-height: 18px
	}
}

.integrations {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 60px auto;
	max-width: 900px
}

.integrations img {
	height: 60px;
	margin: 12px 24px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.integrations img:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

@media (max-width: 900px) {
	.integrations {
		-ms-flex-pack: distribute;
		justify-content: space-around
	}

	.integrations img {
		height: 50px;
		margin: 8px 12px
	}
}

.integrations-message {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.54)
}

.white-text {
	color: #fff;
	margin-bottom: 100px
}

.white-text.no-margin {
	margin-bottom: 00px
}

.text-template {
	max-width: 600px;
	margin: 60px auto
}

.text-template h1 {
	margin: 50px 0 32px
}

.text-template h2 {
	font-size: 22px;
	text-align: left;
	letter-spacing: 1px;
	margin: 32px 0 16px
}

.text-template h3 {
	color: #2ca7e4;
	font-size: 18px;
	font-weight: 400;
	margin: 32px 0 16px
}

.text-template p {
	font-weight: 300
}

.tos-template {
	background: #fff;
	margin-top: -240px;
	padding: 60px 80px;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12)
}

.tos-template h1 {
	color: #2ca7e4;
	margin: 40px 0 20px
}

.tos-template h2 {
	text-align: left;
	margin: 30px 0 16px;
	font-weight: 400
}

.tos-template p,
.tos-template ul,
.tos-template ol {
	font-weight: 300
}

.tos-template ol,
.tos-template ul {
	padding-left: 24px
}

.tos-template li {
	margin-bottom: 8px
}

@media (max-width: 900px) {
	.tos-template {
		padding: 20px 30px
	}

	.tos-template p,
	.tos-template ul,
	.tos-template ol {
		margin-left: 0
	}

	.tos-template ol,
	.tos-template ul {
		padding-left: 32px
	}
}

.video-player {
	max-width: 800px;
	width: 100%;
	margin: 30px auto 24px;
	-webkit-filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 8px 20px rgba(0, 0, 0, 0.12))
}

.video-player.no-margin {
	margin: 0 auto
}

.video-grid span {
	background: #fff;
	margin-top: -290px;
	margin-bottom: 60px;
	padding: 60px 80px;
	-webkit-box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 8px 20px 0 rgba(0, 0, 0, 0.12);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 60px;
	grid-row-gap: 60px
}

@media (max-width: 1000px) {
	.video-grid span {
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width: 700px) {
	.video-grid span {
		grid-template-columns: 1fr;
		padding: 60px
	}
}

@media (max-width: 600px) {
	.video-grid span {
		padding: 40px
	}
}

@media (max-width: 400px) {
	.video-grid span {
		padding: 20px
	}
}

.video-wrapper .divider-bar {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.video-wrapper:hover .video-summary-wrapper {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.video-wrapper:hover .video-icon {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.video-wrapper:hover .divider-bar {
	-webkit-transform: scaleX(1.1);
	-ms-transform: scaleX(1.1);
	transform: scaleX(1.1)
}

.video-text {
	font-size: 22px;
	line-height: 28px;
	letter-spacing: 1px;
	text-align: center;
	margin: 12px 0;
	color: rgba(0, 0, 0, 0.87);
	min-height: 56px
}

.video-summary-wrapper {
	position: relative;
	height: 160px;
	width: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	overflow: hidden
}

.video-length {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(44, 167, 228, 0.87);
	display: block;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
	border-radius: 0 0 4px 0;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 1px;
	font-weight: 600;
	padding: 4px 8px
}

.video-thumbnail {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.video-icon {
	height: 60px;
	width: 60px;
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% - 30px);
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
	background: rgba(0, 0, 0, 0.2);
	border-radius: 100px;
	overflow: visible;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

.video-icon img {
	width: 100%
}

.feature-text {
	text-align: center;
	margin: 60px 0 40px;
	color: rgba(0, 0, 0, 0.38);
	font-size: 12px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase
}

.cutout-review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: -12px;
	margin-top: 160px
}

.cutout-img {
	max-width: 500px;
	margin-right: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.cutout-img img {
	width: 100%
}

@media (max-width: 800px) {
	.cutout-img {
		display: none
	}
}

.cutout-text {
	margin: 24px 0
}

.cutout-text h1 {
	text-align: left;
	margin: 16px 0 20px
}

.cutout-text h3 {
	margin: 12px 0
}

@media (max-width: 800px) {
	.cutout-text {
		text-align: center;
		margin: 24px 16px
	}

	.cutout-text h1 {
		text-align: center
	}
}

.header-length {
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	opacity: 0.87;
	color: #fff;
	margin: 0 0 12px
}

.dark-bar-text {
	text-align: center;
	font-style: italic;
	color: #fff
}

.featured-resource {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 48px 0
}

@media (max-width: 720px) {
	.featured-resource {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.featured-resource-image {
	max-width: 240px;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

@media (max-width: 720px) {
	.featured-resource-image {
		max-width: 200px
	}
}

.featured-resource-description {
	margin-left: 48px;
	max-width: 350px
}

@media (max-width: 720px) {
	.featured-resource-description {
		text-align: center;
		margin-top: 24px;
		margin-left: 0
	}
}

.featured-header {
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	font-weight: 600
}

.featured-header.center {
	text-align: center
}

.featured-header.margin-top {
	margin-top: 60px
}

.featured-text {
	font-weight: 300;
	margin-bottom: 24px
}

.resource-row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 80px;
	grid-row-gap: 48px;
	margin: 48px 0 96px
}

@media (max-width: 1080px) {
	.resource-row {
		grid-column-gap: 48px;
		margin: 0 32px
	}
}

@media (max-width: 720px) {
	.resource-row {
		grid-template-columns: 1fr;
		grid-row-gap: 60px;
		margin-top: 60px;
		margin: 0
	}
}

.resource-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 720px) {
	.resource-wrapper {
		max-width: 300px;
		margin: 0 auto
	}
}

.resource-img {
	max-width: 100%;
	max-height: 400px;
	width: 260px;
	-o-object-fit: contain;
	object-fit: contain;
	margin-bottom: 8px;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

@media (max-width: 1080px) {
	.resource-img {
		width: auto
	}
}

@media (max-width: 720px) {
	.resource-img {
		max-width: 200px
	}
}

.resource-header {
	font-size: 22px;
	line-height: 28px;
	text-align: center;
	margin-top: 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 720px) {
	.resource-header {
		margin-top: 12px
	}
}

.resource-text {
	font-weight: 300;
	text-align: center;
	margin-top: 24px
}

@media (max-width: 720px) {
	.resource-text {
		margin-top: 12px
	}
}

.resource-download {
	cursor: pointer;
	margin-top: 24px;
	padding-bottom: 2px;
	border-bottom: 1.5px solid #2ca7e4;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-transform: uppercase;
	font-weight: 500
}

@media (max-width: 720px) {
	.resource-download {
		margin-top: 12px
	}
}

.right-button-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (max-width: 900px) {
	.right-button-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.contact-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 60px auto 120px;
	max-width: 800px
}

.form-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%
}

.form-wrapper.bordered input {
	border: 1px solid rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: none;
	box-shadow: none
}

.form-wrapper.padded {
	padding: 24px
}

.form-wrapper fieldset {
	max-width: none !important
}

.form-wrapper ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 36px
}

.form-wrapper ul li {
	font-weight: 300;
	text-align: center
}

.form-wrapper label {
	font-weight: 300
}

.form-wrapper li label {
	display: block
}

.form-wrapper input {
	width: 100%;
	display: block;
	height: 44px;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	font-size: 16px;
	border: 0px solid rgba(0, 0, 0, 0.12);
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	margin-bottom: 12px;
	-webkit-box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05)
}

.form-wrapper textarea {
	width: 100%;
	display: block;
	height: 44px;
	background-color: #fff;
	border-radius: 4px;
	padding: 10px 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
	font-size: 16px;
	border: 0px solid rgba(0, 0, 0, 0.12);
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	min-height: 160px;
	margin-bottom: 4px;
	-webkit-box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05)
}

.form-wrapper .actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.form-wrapper .hs-error-msgs {
	margin: 0;
	padding-bottom: 12px;
	font-size: 14px;
	line-height: 14px;
	display: block
}

.form-wrapper .hs-button {
	background-color: #2ca7e4;
	padding: 16px 20px;
	margin: 8px 8px;
	border-radius: 100px;
	border: none !important;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	font-size: 12px;
	text-transform: uppercase;
	outline: none;
	text-decoration: none;
	display: block;
	width: auto;
	text-align: center;
	cursor: pointer;
	line-height: 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	z-index: 100;
	min-width: auto
}

.form-wrapper .hs-button:hover {
	color: #fff;
	outline: none;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-filter: brightness(108%);
	filter: brightness(108%);
	text-decoration: none
}

.form-wrapper .hs-button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	outline: none;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	text-decoration: none
}

.form-wrapper .submitted-message {
	text-align: center;
	font-weight: 300;
	font-size: 24px;
	overflow: inherit !important
}

.contact-button-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 0
}

.contact-text {
	text-align: center;
	font-weight: 300;
	margin-top: 20px
}

.map-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.map-image {
	max-width: 100%;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	overflow: hidden
}

.api-text {
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	max-width: 700px;
	text-align: center;
	margin: 0 auto 80px
}

.api-text .highlight {
	color: #2ca7e4;
	font-style: italic;
	font-weight: 600
}

.check-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: -28px
}

.check-wrapper .check-item {
	margin-right: 24px;
	margin-bottom: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.check-wrapper .check-item img {
	height: 16px;
	width: 16px;
	margin-right: 8px
}

.check-wrapper .check-item .check-text {
	color: #fff;
	font-weight: 300;
	font-size: 20px
}

.profile-example {
	width: 900px;
	max-width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	margin: 24px auto 40px;
	display: block
}

.hub-social-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: fixed;
	top: 70px;
	left: calc(50% - 584px);
	bottom: auto;
	opacity: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	pointer-events: none;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media print {
	.hub-social-icons {
		display: none
	}
}

.hub-social-icons.sticky {
	opacity: 1;
	pointer-events: inherit
}

.hub-social-icons .blog-social-link {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-filter: grayscale(1) brightness(0%);
	filter: grayscale(1) brightness(0%);
	opacity: 0.24;
	margin: 0 0 12px 0;
	cursor: pointer;
	width: 22px;
	height: 22px
}

.hub-social-icons .blog-social-link:hover {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-filter: grayscale(0) brightness(100%);
	filter: grayscale(0) brightness(100%)
}

.hub-social-icons .blog-social-link img {
	width: 100%;
	height: 100%
}

.hub-social-icons .fb-link-wrapper {
	-webkit-filter: saturate(0);
	filter: saturate(0);
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.54;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.hub-social-icons .fb-link-wrapper:hover {
	-webkit-filter: saturate(1);
	filter: saturate(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

@media (max-width: 1080px) {
	.hub-social-icons {
		-webkit-transition: all 0s;
		transition: all 0s;
		position: relative;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		opacity: 1;
		width: 100vw;
		margin: 0 auto;
		top: auto;
		left: auto;
		background: #fff;
		border-top: 1px solid rgba(0, 0, 0, 0.04);
		border-bottom: 1px solid rgba(0, 0, 0, 0.04);
		-webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.04));
		pointer-events: all
	}

	.hub-social-icons .blog-social-link {
		margin: 16px 12px
	}
}

@media print {
	.no-print {
		display: none
	}
}

.center-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.about-center {
	max-width: 900px;
	margin: 0 auto 32px;
	color: rgba(0, 0, 0, 0.87);
	font-size: 20px;
	line-height: 30px
}

.about-center-blue {
	max-width: 900px;
	margin: 0 auto 32px;
	color: #2ca7e4;
	font-size: 20px;
	line-height: 30px
}

.about-columns {
	max-width: 900px;
	margin: 80px auto 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.about-columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 40px auto 120px
	}
}

.about-columns .img-column {
	min-width: 240px;
	margin-right: 60px
}

@media (max-width: 900px) {
	.about-columns .img-column {
		min-width: 100px
	}

	.about-columns .img-column img {
		max-height: 350px
	}
}

.about-columns .img-column img {
	-o-object-fit: contain;
	object-fit: contain;
	max-width: 100%
}

.about-columns .text-column {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300
}

@media (max-width: 900px) {
	.about-columns .text-column {
		margin-top: 40px
	}
}

.backer-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 60px 0
}

@media (max-width: 900px) {
	.backer-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.backer-row .backer-text {
	font-size: 26px;
	line-height: 34px;
	letter-spacing: 1px
}

.backer-row .backer-divider {
	height: 90px;
	width: 1px;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.75s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

@media (max-width: 900px) {
	.backer-row .backer-divider {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}

.backer-row .backer-divider:after,
.backer-row .backer-divider:before {
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px
}

.backer-row .backer-divider:after {
	left: -1px;
	top: -1px
}

.backer-row .backer-divider:before {
	right: -1px;
	bottom: -1px
}

.backer-row img {
	max-height: 80px;
	-o-object-fit: contain;
	object-fit: contain;
	margin: 16px 0
}

.small-video-text {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	font-style: italic;
	margin-top: 8px
}

.small-video-text a {
	font-weight: 400
}

.overview-button-img {
	height: 14px;
	margin-right: 6px
}

.hover-lighten {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.hover-lighten:hover img {
	-webkit-filter: brightness(100);
	filter: brightness(100)
}

.pre-order-button {
	font-size: 14px;
	line-height: 20px;
	color: #2ca7e4;
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 0;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	font-style: italic;
	cursor: pointer
}

.pre-order-button:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.narrow-form-wrapper {
	max-width: 500px;
	margin: 0 auto
}

.integration-blocks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	height: 500px;
	width: 860px;
	max-width: 100%;
	margin: 24px auto 0
}

@media (max-width: 900px) {
	.integration-blocks {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		width: auto
	}
}

.integration-block {
	position: absolute;
	width: 300px
}

@media (max-width: 900px) {
	.integration-block {
		margin-bottom: 32px;
		position: relative;
		left: auto !important;
		right: auto !important;
		bottom: auto !important;
		top: auto !important
	}

	.integration-block .integration-header:after {
		display: none
	}
}

.integration-block:nth-child(1) {
	left: calc(50% - 160px);
	top: 0
}

.integration-block:nth-child(2) {
	right: 0;
	bottom: 60px
}

.integration-block:nth-child(2) .integration-header:after {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/integrated-images/Group 4291.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top right;
	width: 400px;
	height: 300px;
	left: auto;
	right: 90%;
	top: -80px
}

.integration-block:nth-child(3) {
	left: 0;
	bottom: 0
}

.integration-block:nth-child(3) .integration-header:after {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/integrated-images/Group 4287.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 400px;
	height: 260px;
	left: 0;
	top: -260px
}

.integration-block .integration-header {
	font-size: 22px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(240, 144, 37, 0.9);
	padding: 6px 8px;
	margin: 0;
	max-width: 200px;
	margin: 0 auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-bottom: -24px;
	border-radius: 4px;
	z-index: 100;
	position: relative;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08))
}

.integration-block .integration-header:after {
	content: "";
	position: absolute;
	left: 80%;
	top: 0;
	width: 280px;
	height: 200px;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/integrated-images/Group 4288.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.integration-block .integration-body {
	font-size: 16px;
	color: #fff;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(1, 41, 61, 0.7);
	padding: 36px 24px 20px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 4px;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08))
}

.course-boxes-divider {
	height: 80px;
	width: 2px;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.12);
	position: relative
}

@media (max-width: 800px) {
	.course-boxes-divider {
		display: none
	}
}

.course-boxes-divider:after,
.course-boxes-divider:before {
	background: rgba(0, 0, 0, 0.12);
	width: 2px;
	height: 400px;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.course-boxes-divider:after {
	-webkit-transform: rotate(74deg);
	-ms-transform: rotate(74deg);
	transform: rotate(74deg)
}

.course-boxes-divider:before {
	-webkit-transform: rotate(-74deg);
	-ms-transform: rotate(-74deg);
	transform: rotate(-74deg)
}

.course-boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width: 800px) {
	.course-boxes {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.course-box {
	border-radius: 8px;
	cursor: pointer;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	text-decoration: none;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	z-index: 100;
	position: relative;
	margin: 0 24px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block
}

.course-box:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

@media (max-width: 800px) {
	.course-box {
		margin-bottom: 24px
	}
}

@media (min-width: 800px) {
	.course-box.horizontal {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		max-width: 700px;
		margin: 64px auto 0
	}

	.course-box.horizontal .course-box-content {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.course-box.horizontal .course-box-img {
		border-radius: 8px 0 0 8px;
		height: 200px;
		min-width: 200px;
		width: 200px
	}

	.course-box.horizontal .course-box-list {
		margin-top: 0px;
		margin-left: 16px
	}
}

.course-box .course-box-img {
	border-radius: 8px 8px 0 0;
	background: #01293d;
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 108, 161, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/computer-background.png");
	background: linear-gradient(90deg, rgba(3, 108, 161, 0.9), rgba(1, 41, 61, 0.9)), url("../png/computer-background.png");
	background-size: cover;
	height: 100px;
	width: 100%
}

.course-box .course-box-img.fluency {
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 108, 161, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/pexels-canva-studio-3153201%402x.png");
	background: linear-gradient(90deg, rgba(3, 108, 161, 0.9), rgba(1, 41, 61, 0.9)), url("../png/pexels-canva-studio-3153201%402x.png");
	background-size: cover
}

.course-box .course-box-img.leadership {
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 108, 161, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/stocksy_txp16991cdc6vs200_small_1748862%402x.png");
	background: linear-gradient(90deg, rgba(3, 108, 161, 0.9), rgba(1, 41, 61, 0.9)), url("../png/stocksy_txp16991cdc6vs200_small_1748862%402x.png");
	background-size: cover
}

.course-box .course-box-img.sales {
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 108, 161, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/stocksy_txpd8a75934wqs200_small_856225%402x.png");
	background: linear-gradient(90deg, rgba(3, 108, 161, 0.9), rgba(1, 41, 61, 0.9)), url("../png/stocksy_txpd8a75934wqs200_small_856225%402x.png");
	background-size: cover
}

.course-box .course-box-img.hiring {
	background: -webkit-gradient(linear, left top, right top, from(rgba(3, 108, 161, 0.9)), to(rgba(1, 41, 61, 0.9))), url("../png/stocksy_txpd8a75934wqs200_small_3103839%402x.png");
	background: linear-gradient(90deg, rgba(3, 108, 161, 0.9), rgba(1, 41, 61, 0.9)), url("../png/stocksy_txpd8a75934wqs200_small_3103839%402x.png");
	background-size: cover
}

.course-box .course-box-content {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 24px;
	border-radius: 0 0 8px 8px;
	font-size: 24px;
	line-height: 30px
}

.course-box .course-box-overview .course-box-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding-bottom: 12px;
	margin-bottom: 12px;
	color: rgba(0, 0, 0, 0.87)
}

.course-box .course-box-overview .course-box-header:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 1px;
	background: #2ca7e4
}

.course-box .course-box-overview .course-box-header .course-box-header-img {
	width: 24px;
	height: 24px;
	margin-right: 8px
}

.course-box .course-box-overview .course-box-body-text {
	font-size: 14px;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.87)
}

.course-box .course-box-list {
	margin-top: 18px
}

.course-box .course-box-list .course-box-list-item {
	font-size: 14px;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.54);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 4px 0;
	white-space: nowrap
}

.course-box .course-box-list .course-box-list-item .course-box-list-item-img {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/check-bubble.svg");
	background-size: contain;
	background-repeat: no-repeat
}

.course-box-link {
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 18px;
	color: #f09025
}

.bio-pic {
	max-width: 100%;
	margin: 24px 0
}

.subheader-text {
	font-size: 20px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.54);
	letter-spacing: 1px;
	margin-bottom: 8px
}

.subheader-text.blue {
	color: rgba(44, 167, 228, 0.54)
}

.subheader-text.light-blue {
	color: rgba(162, 226, 252, 0.54)
}

.subheader-text.center {
	text-align: center
}

.explore-carousel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	max-width: 900px;
	margin: 64px auto 0
}

.explore-carousel .explore-carousel-arrow {
	cursor: pointer;
	height: 100%;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/carousel-images/arrow.svg");
	width: 24px;
	height: 240px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	opacity: 0.54
}

.explore-carousel .explore-carousel-arrow.rotate {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.explore-carousel .explore-carousel-arrow:hover {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.explore-carousel .explore-carousel-arrow:hover.rotate {
	-webkit-transform: scale(1.1) rotate(180deg);
	-ms-transform: scale(1.1) rotate(180deg);
	transform: scale(1.1) rotate(180deg)
}

.explore-carousel .explore-carousel-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0 24px
}

.explore-carousel .explore-carousel-item {
	position: absolute;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-align: center;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0
}

.explore-carousel .explore-carousel-item.active {
	left: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1
}

.explore-carousel .explore-carousel-item.left {
	left: -100%;
	opacity: 0.5
}

.explore-carousel .explore-carousel-item.right {
	left: 100%;
	opacity: 0.5
}

.explore-carousel-img {
	max-height: 400px;
	margin: 0 auto 24px;
	max-width: 100%
}

.explore-carousel-text {
	margin-bottom: 16px;
	text-align: center;
	font-size: 20px
}

.integration-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 48px
}

@media (max-width: 900px) {
	.integration-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.integrated-wedge {
	background: rgba(44, 167, 228, 0.24);
	width: 100px;
	height: 200px;
	-webkit-clip-path: polygon(0 0, 100% 40%, 100% 60%, 0 100%);
	clip-path: polygon(0 0, 100% 40%, 100% 60%, 0 100%);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	z-index: 1
}

@media (max-width: 900px) {
	.integrated-wedge {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin: -80px 0
	}
}

.integrated-wedge.orange {
	background: rgba(247, 193, 132, 0.4);
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

@media (max-width: 900px) {
	.integrated-wedge.orange {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg)
	}
}

.integration-graph-img {
	width: 260px;
	max-width: 100%;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	z-index: 100;
	margin: 0 -40px
}

.integration-graph-img img {
	width: 300px;
	max-width: 100%
}

@media (max-width: 900px) {
	.integration-graph-img {
		margin: 0
	}
}

.integration-list {
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	background: #fff;
	border-radius: 8px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	z-index: 100
}

.integration-list.blue .integration-header {
	background: #2ca7e4
}

.integration-list.blue .integration-list-img {
	background: rgba(44, 167, 228, 0.12)
}

.integration-list.blue .integration-list-title {
	color: #2ca7e4
}

.integration-list .integration-header {
	padding: 16px;
	background: rgba(0, 0, 0, 0.54);
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	border-radius: 8px 8px 0 0
}

.integration-body {
	padding: 12px 0
}

.integration-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 14px 24px
}

.integration-list-item .integration-list-img {
	margin-top: 4px;
	width: 20px;
	min-width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.12)
}

.integration-list-item .integration-list-img img {
	width: 18px;
	height: 18px;
	opacity: 0.54
}

.integration-list-item .integration-list-text {
	margin-left: 12px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 22px;
	font-size: 15px
}

.integration-list-item .integration-list-text .integration-list-title {
	font-weight: 600
}

.course-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 900px;
	max-width: 100%;
	margin: 0 auto 128px
}

@media (max-width: 800px) {
	.course-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.course-wrapper .course-include {
		width: 100%;
		border-radius: 8px 8px 0 0 !important
	}

	.course-wrapper .course-outline {
		border-radius: 0 0 8px 8px !important
	}

	.course-wrapper .course-outline .course-header {
		border-radius: 0px !important
	}
}

.course-wrapper .course-include {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
	background: #fff;
	padding: 24px 32px;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	border-radius: 8px 0 0 8px
}

.course-wrapper .course-include .course-include-header {
	color: #2ca7e4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 17px;
	padding-bottom: 16px
}

.course-wrapper .course-include .course-include-header:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	width: 100px;
	height: 1px;
	background: rgba(0, 0, 0, 0.38)
}

.course-wrapper .course-include .course-include-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: rgba(0, 0, 0, 0.54);
	margin: 24px 0
}

.course-wrapper .course-include .course-include-item:last-child {
	margin-bottom: 0
}

.course-wrapper .course-include .course-include-item img {
	width: 20px;
	height: 20px;
	margin-right: 16px;
	opacity: 0.87
}

.course-wrapper .course-include .course-include-item .course-include-photo {
	width: 30px;
	height: 30px;
	margin-right: 11px;
	margin-left: -5px;
	opacity: 1;
	border-radius: 50%
}

.course-wrapper .course-include .course-include-item .course-include-item-text .course-include-item-header {
	font-size: 12px;
	line-height: 12px;
	font-style: italic
}

.course-wrapper .course-outline {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	background: #fff;
	-webkit-filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08));
	border-radius: 8px
}

.course-wrapper .course-outline .course-header {
	background: rgba(44, 167, 228, 0.2);
	color: #2ca7e4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 20px;
	text-transform: uppercase;
	padding: 16px 32px;
	border-radius: 8px 8px 0 0
}

.course-wrapper .course-outline .course-body {
	padding: 16px 32px
}

.course-wrapper .course-outline .course-body .course-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 16px 0
}

.course-wrapper .course-outline .course-body .course-list-item .course-list-img {
	width: 20px;
	min-width: 20px;
	height: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/Product-Pages/check-bubble.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

.course-wrapper .course-outline .course-body .course-list-item .course-list-text {
	margin-left: 12px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 22px;
	font-size: 15px
}

.course-wrapper .course-outline .course-body .course-list-item .course-list-text .course-list-title {
	font-weight: 600;
	margin-bottom: 4px;
	font-size: 16px
}

.course-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 0 16px
}

@media (min-width: 840px) {
	.faq-section {
		max-height: 480px;
		height: 480px
	}
}

.faq-wrapper {
	max-width: 800px;
	margin: 48px auto 0;
	background: #fff;
	padding: 36px 48px;
	border-radius: 12px
}

.faq-wrapper .faq-item {
	padding: 16px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.faq-wrapper .faq-item:last-child {
	border-bottom: none
}

.faq-wrapper .faq-item.active .faq-header {
	cursor: inherit
}

.faq-wrapper .faq-item.active .faq-img:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}

.faq-wrapper .faq-item.active .faq-body {
	max-height: 120px;
	padding: 16px 0 16px 48px
}

@media (max-width: 840px) {
	.faq-wrapper .faq-item.active .faq-body {
		max-height: 240px
	}
}

.faq-wrapper .faq-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.faq-wrapper .faq-header:hover .faq-img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.faq-wrapper .faq-title {
	color: #2ca7e4;
	font-size: 20px
}

.faq-wrapper .faq-img {
	width: 20px;
	height: 2px;
	background: #2ca7e4;
	position: relative;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25)
}

.faq-wrapper .faq-img:after {
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.25);
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 20px;
	height: 2px;
	background: #2ca7e4;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.faq-wrapper .faq-body {
	max-height: 0;
	overflow: hidden;
	padding: 0 0 0 48px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.header-bubble-img {
	height: 64px;
	width: 64px;
	min-width: 64px;
	margin-right: 16px;
	position: relative
}

.header-bubble-img img {
	height: 100%;
	width: 100%
}

.header-bubble-img:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1)
}

.video-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 48px
}

.disc-img-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 32px;
	-webkit-transition: all 0.6s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.6s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}
.home-teams-images {
	margin: 0 auto;
	max-width: 100%
}
.home-teams-images .home-teams-assessment {
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.home-teams-images .home-teams-assessment img {
	width: 400px
} 

.home-teams-images .home-teams-assessment:before {
	content: "";
	position: absolute;
	left: 15px;
	top: 80%;
	width: 100%;
	height: 90%;
	z-index: -1;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/new-homepage/teams-background.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

@media (max-width: 600px) {
	.home-teams-images .home-teams-assessment:before {
		width: calc(100% - 30px);
		left: 30px;
		top: 70%
	}
}

.home-teams-images .home-teams-people {
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	padding-left: 30px;
	margin-top: -80px;
	position: relative;
	z-index: 1000
}



.home-sales-images {
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home-sales-images img {
	max-height: 480px
}

.home-sales-images .home-sales-ce {
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

/* .home-sales-images .home-sales-ce:before {
	content: "";
	position: absolute;
	left: calc(100% - 100px);
	top: calc(50% - 200px);
	width: 320px;
	height: 100%;
	z-index: -1; 
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/new-homepage/sales-background.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
} */

.home-sales-images .home-sales-people {
	margin-left: -100px;
	z-index: 1000;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.home-sales-images .home-sales-people img {
	max-width: 320px
}

@media (max-width: 600px) {
	.home-sales-images img {
		max-height: 320px
	}

	.home-sales-images .home-sales-ce:before {
		width: 200px;
		top: calc(50% - 140px)
	}

	.home-sales-images .home-sales-people img {
		max-width: 200px
	}
}

.home-hiring-images {
	margin: 0 auto
}

.home-hiring-images img {
	max-width: 100%
}

.home-hiring-images .home-hiring-evaluate {
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45)
}

.home-hiring-images .home-hiring-evaluate img {
	width: 550px
}
.home-teams-images .home-teams-people img {
    max-width: 430px;
}
.home-hiring-images .home-hiring-evaluate:before {
	content: "";
	position: absolute;
	left: 96px;
	top: 60%;
	width: 400px;
	height: 90%;
	z-index: -1;
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/new-homepage/teams-background.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center
}

@media (max-width: 600px) {
	.home-hiring-images .home-hiring-evaluate:before {
		width: calc(100% - 90px)
	}
}

.home-hiring-images .home-hiring-people {
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	padding-left: 90px;
	margin-top: -120px;
	position: relative;
	z-index: 1000
}

@media (max-width: 600px) {
	.home-hiring-images .home-hiring-people {
		margin-top: -60px
	}
}

.home-hiring-images .home-hiring-people img {
	width: 400px
}

.home-link {
	color: #2ca7e4;
	font-weight: 600;
	text-decoration: none;
	font-size: 20px;
	margin-top: 28px
}

.home-page-blue-title {
	font-size: 32px;
	line-height: 40px;
	color: #2ca7e4;
	text-transform: uppercase
}

.embeddable-test-wrapper {
	background: #f5f5f5;
	color: rgba(0, 0, 0, 0.87);
	border-radius: 8px;
	padding: 8px 24px;
	width: 100%
}

@media (max-width: 800px) {
	.embeddable-test-wrapper {
		padding: 0 16px
	}
}

.logo-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 32px
}

@media (max-width: 800px) {
	.logo-column {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.logo-column img {
	max-height: 80px;
	max-width: 300px
}

.logo-column .logo-column-spacer {
	font-size: 48px;
	color: rgba(0, 0, 0, 0.54);
	text-align: center;
	padding: 24px
}

.card-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 24px;
	height: 57px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	width: 100%;
	background-color: rgba(44, 167, 228, 0.04)
}

.card-header.noBorderBottom {
	border-bottom: 0
}

@media (max-width: 600px) {
	.card-header {
		height: inherit;
		padding: 12px 24px
	}
}

.card-header .card-header-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.card-header .title {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 600;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #2ca7e4
}

@media (max-width: 600px) {
	.card-header .title {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.card-header .subtitle-text {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: rgba(0, 0, 0, 0.34);
	font-size: 12px
}

.card-header .icon {
	margin-right: 12px;
	width: 24px;
	height: 24px
}

.card-header .icon img {
	width: 24px;
	height: 24px
}

.card {
	width: 100%;
	margin: 0 auto 40px;
	padding: 16px 24px;
	border: 1px solid #e0e0e0;
	background-color: #fff;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
	border-radius: 4px;
	text-align: left
}

.card.center {
	text-align: center
}

.card.plain {
	padding: 0;
	border: 0px solid transparent;
	margin-bottom: 0
}

.card.noBorder {
	border: 0px solid transparent
}

.card.noMargin {
	margin-bottom: 0
}

.card.smallMargin {
	margin-bottom: 24px
}

.card.noBreaks {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid
}

.card.flat {
	padding: 0
}

.card.flat .title {
	font-size: 14px;
	padding: 12px 16px;
	border-bottom: 0 solid #fff;
	margin-bottom: 0;
	color: rgba(0, 0, 0, 0.38);
	background-color: #f5f5f5;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px
}

.card.flat .body {
	color: rgba(0, 0, 0, 0.87);
	font-weight: 400;
	padding: 12px 16px
}

.card.noPadding {
	padding: 0
}

.card.noPadding .body {
	padding: 0
}

.card.noTopBottomPadding {
	padding-top: 0;
	padding-bottom: 0
}

@media print {
	.card.noPrint {
		display: none
	}
}

.card-body {
	height: auto
}

.card-body.center-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.card-body-sections {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 24px
}

@media (max-width: 900px) {
	.card-body-sections {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.card-body-sections.center {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.card-body-sections.center {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}
}

.card-body-sections.borderBottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08)
}

.card-body-sections .body-section.flex-one {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-body-sections .body-section.flex-four {
	-webkit-box-flex: 4 !important;
	-ms-flex: 4 !important;
	flex: 4 !important
}

.card-body-sections .body-section:first-child {
	margin-right: 48px
}

.card-body-sections .body-section:last-child {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-body-sections .body-section img {
	max-width: 240px
}

.body-profile-img {
	width: 240px;
	height: 240px;
	border-radius: 50%;
	overflow: hidden
}

.body-profile-img img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.card-section-titles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 9px
}

.card-section-titles .card-title {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.87);
	line-height: 24px;
	font-weight: 600
}

.card-section-titles .card-subtitle {
	font-style: italic;
	color: rgba(0, 0, 0, 0.54)
}

.card-body-text {
	color: rgba(0, 0, 0, 0.54)
}

.card-body-text.quote {
	position: relative;
	padding: 0 16px
}

.card-body-text.quote:before,
.card-body-text.quote:after {
	position: absolute;
	top: 4px;
	font-size: 28px;
	color: #2ca7e4;
	opacity: 0.54
}

.card-body-text.quote:before {
	content: "“";
	left: 0
}

.card-body-text.quote:after {
	content: "”";
	right: 0
}

.card-body-list {
	padding-left: 18px;
	color: rgba(0, 0, 0, 0.54);
	margin: 0
}

.card-body-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 24px
}

.card-body-column .card-body-column-half {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.card-body-column .card-body-column-half:first-child {
	margin-right: 48px
}

.hub-section {
	background: #fff;
	-webkit-box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	margin: 0 16px 60px;
	position: relative
}

@media print {
	.hub-section {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		margin: 0;
		padding-top: 0 !important
	}
}

@media (min-width: 1081px) {
	.hub-section.inset {
		margin-left: 200px
	}
}

.hub-section.small-padded {
	padding: 32px 80px
}

@media (max-width: 900px) {
	.hub-section.small-padded {
		padding: 32px
	}
}

@media print {
	.hub-section.small-padded {
		padding: 16px
	}
}

.hub-section.mid-padded,
.hub-section .mid-padded {
	padding: 64px 80px
}

@media (max-width: 900px) {

	.hub-section.mid-padded,
	.hub-section .mid-padded {
		padding: 32px
	}
}

@media print {

	.hub-section.mid-padded,
	.hub-section .mid-padded {
		padding: 16px
	}
}

.hub-section .small-padded {
	padding: 48px 60px
}

@media (max-width: 900px) {
	.hub-section .small-padded {
		padding: 32px
	}
}

@media print {
	.hub-section .small-padded {
		padding: 16px
	}
}

.hub-section.lesser-mid-padding {
	padding: 48px 80px 64px
}

@media (max-width: 900px) {
	.hub-section.lesser-mid-padding {
		padding: 32px
	}
}

@media print {
	.hub-section.lesser-mid-padding {
		padding: 16px
	}
}

.hub-section.heavy-padded {
	padding: 64px 100px
}

@media (max-width: 900px) {
	.hub-section.heavy-padded {
		padding: 32px
	}
}

@media print {
	.hub-section.heavy-padded {
		padding: 16px
	}
}

.hub-section.border-top {
	border-top: 24px solid #01293d
}

@media print {
	.hub-section.border-top {
		border-top: 0 solid #01293d
	}
}

.hub-section.clear {
	background: transparent;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.hub-section.condensed {
	max-width: 856px;
	padding: 48px 0;
	margin: 0 auto
}

@media (max-width: 672px) {
	.hub-section.condensed {
		margin: 0 16px 100px
	}
}

@media print {
	.hub-section.condensed {
		max-width: inherit;
		margin: 0 0 40px
	}
}

.hub-section.second {
	max-width: 856px;
	margin: 0 auto 48px;
	padding: 0
}

@media (max-width: 672px) {
	.hub-section.second {
		margin: 0 16px 100px
	}
}

@media print {
	.hub-section.second {
		max-width: inherit;
		margin: 0 0 40px
	}
}

.hub-section.two-wide {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 16px 48px;
	padding-top: 48px
}

@media (max-width: 900px) {
	.hub-section.two-wide {
		display: block
	}
}

.hub-section.big-margin {
	margin: 0 16px 100px
}

.hub-section.margin-top {
	margin-top: 24px
}

.hub-section p {
	font-size: 18px;
	line-height: 26px;
	margin: 16px 0 0;
	font-weight: 300
}

.hub-section h1,
.hub-section h2 {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 34px;
	font-weight: 600;
	margin: 0 0 24px;
	text-align: left
}

@media (max-width: 900px) {

	.hub-section h1,
	.hub-section h2 {
		text-align: center
	}
}

.hub-section h3 {
	font-size: 18px;
	line-height: 26px;
	margin: 0 0 40px;
	font-weight: 400;
	position: relative;
	text-align: left
}

.hub-section h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -20px;
	width: 160px;
	height: 1px;
	background: rgba(0, 0, 0, 0.12)
}

@media (max-width: 900px) {
	.hub-section h3 {
		text-align: center
	}

	.hub-section h3:after {
		left: 0;
		right: 0;
		margin: 0 auto
	}
}

.hub-section h4 {
	font-size: 18px;
	line-height: 26px;
	margin: 0;
	font-weight: 400
}

.hub-section h5 {
	font-size: 16px;
	line-height: 22px;
	margin: 12px 0 16px;
	font-weight: 300
}

.hub-section strong {
	font-weight: 400
}

.hub-section ul {
	margin: 0;
	padding-left: 16px
}

.hub-section ul li {
	list-style-type: none;
	margin-bottom: 18px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

.hub-section ul li:last-child {
	margin-bottom: 0
}

.hub-section ul li:before {
	position: absolute;
	left: -16px;
	top: 12px;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #2ca7e4;
	border-radius: 4px
}

.hub-section ol {
	margin: 18px 0;
	padding-left: 48px
}

.hub-section ol li {
	margin-bottom: 12px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

.hub-section ol li:last-child {
	margin-bottom: 0
}

.hub-section hr {
	margin: 60px 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	width: 100%;
	border: 0px solid white
}

.hub-section-no-h {
	background: #fff;
	-webkit-box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	margin: 0 16px 60px;
	position: relative
}

@media print {
	.hub-section-no-h {
		-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
		margin: 0;
		padding-top: 0 !important
	}
}

@media (min-width: 1081px) {
	.hub-section-no-h.inset {
		margin-left: 200px
	}
}

.hub-section-no-h.small-padded {
	padding: 32px 80px
}

@media (max-width: 900px) {
	.hub-section-no-h.small-padded {
		padding: 32px
	}
}

@media print {
	.hub-section-no-h.small-padded {
		padding: 16px
	}
}

.hub-section-no-h.mid-padded {
	padding: 64px 80px
}

@media (max-width: 900px) {
	.hub-section-no-h.mid-padded {
		padding: 32px
	}
}

@media print {
	.hub-section-no-h.mid-padded {
		padding: 16px
	}
}

.hub-section-no-h.lesser-mid-padding {
	padding: 48px 80px 64px
}

@media (max-width: 900px) {
	.hub-section-no-h.lesser-mid-padding {
		padding: 32px
	}
}

@media print {
	.hub-section-no-h.lesser-mid-padding {
		padding: 16px
	}
}

.hub-section-no-h.heavy-padded {
	padding: 64px 100px
}

@media (max-width: 900px) {
	.hub-section-no-h.heavy-padded {
		padding: 32px
	}
}

@media print {
	.hub-section-no-h.heavy-padded {
		padding: 16px
	}
}

.hub-section-no-h.border-top {
	border-top: 24px solid #01293d
}

@media print {
	.hub-section-no-h.border-top {
		border-top: 0 solid #01293d
	}
}

.hub-section-no-h.clear {
	background: transparent;
	-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.hub-section-no-h.condensed {
	max-width: 856px;
	padding: 48px 0;
	margin: 0 auto
}

@media (max-width: 672px) {
	.hub-section-no-h.condensed {
		margin: 0 16px 100px
	}
}

@media print {
	.hub-section-no-h.condensed {
		max-width: inherit;
		margin: 0 0 40px
	}
}

.hub-section-no-h.second {
	max-width: 856px;
	margin: 0 auto 48px;
	padding: 0
}

@media (max-width: 672px) {
	.hub-section-no-h.second {
		margin: 0 16px 100px
	}
}

@media print {
	.hub-section-no-h.second {
		max-width: inherit;
		margin: 0 0 40px
	}
}

.hub-section-no-h.two-wide {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 16px 48px;
	padding-top: 48px
}

@media (max-width: 900px) {
	.hub-section-no-h.two-wide {
		display: block
	}
}

.hub-section-no-h.big-margin {
	margin: 0 16px 100px
}

.hub-section-no-h.margin-top {
	margin-top: 24px
}

.hub-section-no-h p {
	font-size: 18px;
	line-height: 26px;
	margin: 16px 0 0;
	font-weight: 300
}

.hub-section-no-h strong {
	font-weight: 400
}

.hub-section-no-h ul {
	margin: 0;
	padding-left: 16px
}

.hub-section-no-h ul li {
	list-style-type: none;
	margin-bottom: 18px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

.hub-section-no-h ul li:last-child {
	margin-bottom: 0
}

.hub-section-no-h ul li:before {
	position: absolute;
	left: -16px;
	top: 12px;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #2ca7e4;
	border-radius: 4px
}

.hub-section-no-h ol {
	margin: 18px 0;
	padding-left: 48px
}

.hub-section-no-h ol li {
	margin-bottom: 12px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px
}

.hub-section-no-h ol li:last-child {
	margin-bottom: 0
}

.hub-section-no-h hr {
	margin: 60px 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	width: 100%;
	border: 0px solid white
}

.hub-img-grid {
	display: grid;
	grid-template-columns: 68px 1fr;
	grid-column-gap: 40px;
	margin: 60px 0
}

.hub-img-grid.lined {
	margin: 80px 0
}

.hub-img-grid.condensed {
	margin: 60px 0 32px;
	grid-column-gap: 40px
}

.hub-img-grid.small-margin {
	margin: 32px 0 60px
}

@media (max-width: 900px) {
	.hub-img-grid {
		grid-template-columns: 1fr;
		grid-row-gap: 24px;
		justify-items: center
	}
}

.hub-img-grid p:last-child {
	margin-bottom: 0
}

@media print {
	.hub-img-grid {
		page-break-inside: avoid;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.hub-centered-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.lined-content {
	position: relative
}

.lined-content:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -40px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.12)
}

.hub-floating-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 60px 0
}

.hub-floating-button:after,
.hub-floating-button:before {
	content: "";
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

@media print {
	.hub-floating-button {
		display: none
	}
}

.hub-three-list-grid ul {
	display: grid;
	padding-left: 0;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 24px
}

@media (max-width: 640px) {
	.hub-three-list-grid ul {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 400px) {
	.hub-three-list-grid ul {
		grid-template-columns: repeat(1, 1fr)
	}
}

.hub-three-list-grid ul li {
	margin-left: 16px
}

.hub-type-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 6px 12px
}

.hub-type-menu.case-sensitive .hub-type-item-text {
	text-transform: inherit !important
}

@media print {
	.hub-type-menu {
		display: none
	}
}

.hub-type-item {
	padding: 14px 32px 12px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.hub-type-item.small {
	padding: 14px 20px 12px
}

@media (max-width: 600px) {
	.hub-type-item.small {
		padding: 8px 20px 6px
	}
}

.hub-type-item.x-small {
	padding: 14px 13px 12px
}

@media (max-width: 600px) {
	.hub-type-item.x-small {
		padding: 8px 16px 6px
	}
}

.hub-type-item:hover .hub-type-item-text {
	opacity: 1;
	border-bottom: 2px solid #f4fbfe;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.hub-type-item:hover .hub-type-item-text.dark {
	border-bottom: 2px solid rgba(0, 0, 0, 0.87)
}

.hub-type-item.active .hub-type-item-text {
	opacity: 1;
	border-bottom: 2px solid rgba(0, 0, 0, 0.87)
}

.hub-type-item.active .hub-type-item-text:after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.hub-type-item.inactive {
	opacity: 0.54
}

@media (max-width: 600px) {
	.hub-type-item {
		padding: 12px 16px 10px
	}
}

.hub-type-item-text {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	opacity: 0.78;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	border-bottom: 2px solid transparent;
	position: relative
}

.hub-type-item-text.active {
	opacity: 1;
	border-bottom: 2px solid #f4fbfe
}

.hub-type-item-text.dark {
	color: rgba(0, 0, 0, 0.87)
}

.hub-type-item-text.dark.active {
	border-bottom: 2px solid rgba(0, 0, 0, 0.87)
}

.hub-type-item-text.arrow:after {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	content: "";
	right: -12px;
	top: 8px;
	width: 0px;
	height: 0px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #2ca7e4
}

.hub-text {
	font-size: 18px;
	line-height: 26px;
	margin: 16px 0 32px
}

.hub-text.light {
	font-weight: 300
}

.hub-text.blue {
	color: #2ca7e4
}

.hub-text.italic {
	font-style: italic
}

.hub-text.center {
	text-align: center
}

.hub-text.right {
	text-align: right
}

@media (max-width: 900px) {
	.hub-text.right {
		text-align: center
	}
}

.hub-text.small {
	font-size: 16px;
	line-height: 22px
}

.hub-text.uppercase {
	text-transform: uppercase;
	font-weight: 400
}

.hub-text.large {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 30px
}

.hub-text.huge {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center
}

.hub-text.heavy {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 34px;
	font-weight: 600
}

.hub-text.no-bottom {
	margin-bottom: 0
}

.hub-text.small-bottom {
	margin-bottom: 4px
}

.hub-text.mid-bottom {
	margin-bottom: 16px
}

.hub-text.no-top {
	margin-top: 0
}

.hub-text.no-margin {
	margin: 0
}

.hub-text.large-top {
	margin-top: 48px
}

.hub-text.even-margin {
	margin: 32px 0
}

.hub-bubble-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 120px 0 24px
}

.hub-bubble-wrapper.lined:after,
.hub-bubble-wrapper.lined:before {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	content: "";
	height: 1px;
	background: rgba(0, 0, 0, 0.12)
}

.hub-bubble-wrapper.no-top {
	margin-top: 0
}

.hub-text-line-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 80px 0 32px
}

.hub-text-line-wrapper .hub-text {
	margin: 0 16px 0 0
}

.hub-text-line-wrapper:after {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	content: "";
	height: 1px;
	background: rgba(0, 0, 0, 0.12)
}

.hub-text-divider-line-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%
}

.hub-text-divider-line-wrapper .hub-text {
	margin: 0 16px 0 0
}

.hub-text-divider-line-wrapper h1,
.hub-text-divider-line-wrapper h5 {
	margin: 0 24px 4px 0
}

.hub-text-image-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hub-text-image-wrapper .hub-text {
	margin: 0 0 0 20px
}

.hub-list {
	margin: 16px 0 32px
}

.hub-list li {
	list-style-type: none;
	margin-bottom: 18px;
	position: relative;
	font-weight: 300;
	font-size: 18px;
	line-height: 26px
}

.hub-list li:before {
	position: absolute;
	left: -16px;
	top: 12px;
	content: "";
	width: 4px;
	height: 4px;
	background-color: #2ca7e4;
	border-radius: 4px
}

.hub-list.small {
	margin: 16px 0;
	padding-left: 24px
}

.hub-list.small li {
	font-size: 16px;
	line-height: 22px
}

.hub-list.four-grid {
	margin: 32px 0 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 900px) {
	.hub-list.four-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (max-width: 640px) {
	.hub-list.four-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 400px) {
	.hub-list.four-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.hub-halves-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 40px 0
}

@media (max-width: 900px) {
	.hub-halves-wrapper {
		display: block
	}

	.hub-halves-wrapper.reverse-stack {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse
	}
}

.hub-halves-wrapper.no-margin {
	margin: 0
}

.hub-halves-wrapper.two-and-one {
	grid-template-columns: 2fr 1fr
}

.hub-halves-wrapper.one-and-two {
	grid-template-columns: 1fr 2fr
}

.hub-half {
	display: grid;
	grid-template-columns: 68px 1fr;
	grid-column-gap: 40px;
	width: 100%
}

.hub-half.single {
	display: block
}

.hub-half.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.hub-half.no-top-border {
	border-top-width: 0 !important
}

.hub-half.grey {
	background: #f5f5f5;
	border-left-width: 0 !important
}

.hub-half:nth-child(odd) {
	padding-right: 40px
}

.hub-half:nth-child(even) {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
	padding-left: 40px
}

.hub-half:nth-child(even).no-left-border {
	border-left: 0 solid rgba(0, 0, 0, 0.12)
}

.hub-half.mid-padded:nth-child(odd) {
	padding: 64px 60px
}

@media (max-width: 900px) {
	.hub-half.mid-padded:nth-child(odd) {
		padding: 32px
	}
}

.hub-half.mid-padded:nth-child(even) {
	padding: 64px 60px
}

@media (max-width: 900px) {
	.hub-half.mid-padded:nth-child(even) {
		padding: 32px
	}
}

.hub-half.light-padded:nth-child(odd) {
	padding: 64px 40px
}

@media (max-width: 900px) {
	.hub-half.light-padded:nth-child(odd) {
		padding: 32px
	}
}

.hub-half.light-padded:nth-child(even) {
	padding: 64px 40px
}

@media (max-width: 900px) {
	.hub-half.light-padded:nth-child(even) {
		padding: 32px
	}
}

@media (max-width: 900px) {
	.hub-half {
		padding: 40px 0
	}

	.hub-half:nth-child(odd) {
		border-top: 1px solid rgba(0, 0, 0, 0.12);
		padding-right: 0
	}

	.hub-half:nth-child(even) {
		border-top: 1px solid rgba(0, 0, 0, 0.12);
		border-left: 0 solid rgba(0, 0, 0, 0.12);
		padding-left: 0
	}
}

.hub-divider {
	margin: 40px 0;
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	width: 100%
}

.hub-img-section {
	display: grid;
	grid-template-columns: 68px 1fr;
	grid-column-gap: 40px
}

.hub-img-section.pad-top {
	margin-top: 40px
}

.hub-exact-halves-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 900px) {
	.hub-exact-halves-wrapper {
		grid-template-columns: repeat(1, 1fr)
	}
}

.hub-one-three-wrapper {
	display: grid;
	grid-template-columns: 2fr 3fr
}

@media (max-width: 900px) {
	.hub-one-three-wrapper {
		grid-template-columns: repeat(1, 1fr)
	}
}

.mid-padded-section {
	padding: 64px 80px
}

@media (max-width: 900px) {
	.mid-padded-section {
		padding: 32px
	}
}

.right-padded-section {
	padding: 0 80px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media (max-width: 900px) {
	.right-padded-section {
		padding: 0 0 32px 0
	}
}

.four-by-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

@media (max-width: 900px) {
	.four-by-grid.wrap {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 400px) {
	.four-by-grid.wrap {
		grid-template-columns: repeat(1, 1fr)
	}
}

.four-by-grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	background-color: #f5f5f5;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	letter-spacing: 1px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	margin-right: -1px;
	margin-bottom: -1px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.87)
}

.four-by-grid-item:hover {
	border-radius: 4px;
	z-index: 1000;
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	color: #2ca7e4;
	background-color: #f4fbfe
}

.four-by-grid-item.max-width {
	max-width: 25%;
	margin: 0 auto
}

@media (max-width: 900px) {
	.four-by-grid-item.max-width {
		max-width: 50%
	}
}

@media (max-width: 400px) {
	.four-by-grid-item.max-width {
		max-width: 100%
	}
}

.hub-key-word-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -16px;
	margin-bottom: -16px;
	margin-top: 16px
}

.hub-key-word {
	background-color: #def0f9;
	padding: 8px 24px;
	margin: 0 16px 16px 0;
	border-radius: 100px;
	border: none;
	font-weight: 600;
	color: #2ca7e4;
	letter-spacing: 1px;
	font-size: 16px
}

.hub-key-word p {
	font-weight: 600;
	color: #2ca7e4;
	letter-spacing: 1px;
	font-size: 16px;
	margin: 0;
	padding: 0
}

.hub-wings-wrapper {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	white-space: nowrap
}

.hub-wings-wrapper .hub-wing-line {
	width: 60px;
	height: 1px;
	background: #2ca7e4;
	position: relative
}

.hub-wings-wrapper .hub-wing-line:after {
	content: "";
	position: absolute;
	background: #2ca7e4;
	height: 3px;
	width: 3px;
	border-radius: 100px;
	right: -2px;
	top: -1px
}

.hub-wings-wrapper .hub-wing-line.left {
	margin-left: -3px;
	margin-right: 16px
}

.hub-wings-wrapper .hub-wing-line.left:after {
	right: -2px
}

.hub-wings-wrapper .hub-wing-line.right {
	margin-right: -3px;
	margin-left: 16px
}

.hub-wings-wrapper .hub-wing-line.right:after {
	left: -2px
}

.hub-wings-wrapper .wing-text {
	font-size: 20px;
	font-weight: 400
}

.hub-wings-wrapper .wing-button {
	background-color: #2ca7e4;
	border-radius: 100px;
	border: none;
	outline: none;
	text-decoration: none;
	display: block;
	cursor: pointer;
	line-height: 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	z-index: 100
}

.hub-wings-wrapper .wing-button p {
	margin: 0
}

.hub-wings-wrapper .wing-button a {
	font-weight: 400;
	color: #fff;
	letter-spacing: 1px;
	font-size: 20px;
	padding: 16px 32px;
	display: block;
	text-align: center
}

.hub-wings-wrapper .wing-button:hover {
	color: #fff;
	outline: none;
	-webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	-webkit-filter: brightness(108%);
	filter: brightness(108%);
	text-decoration: none
}

.hub-wings-wrapper .wing-button:active {
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	outline: none;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	text-decoration: none
}

.hub-bottom-button {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -22px;
	z-index: 100
}

.collapsed {
	max-height: 0;
	overflow: hidden;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	border-bottom: none !important
}

.uncollapse {
	max-height: 65px;
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important
}

@media (max-width: 1080px) {
	.uncollapse {
		max-height: 200px
	}
}

.unfocused {
	border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}

.preferences-wrapper {
	margin: 80px auto 100px;
	max-width: 600px
}

.preferences-wrapper .page-header br {
	display: none
}

.preferences-wrapper .page-header h1,
.preferences-wrapper .page-header h5 {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 1px;
	font-weight: 400;
	margin: 0 0 58px;
	text-align: center;
	position: relative
}

.preferences-wrapper .page-header h1:after,
.preferences-wrapper .page-header h5:after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 160px;
	height: 1px;
	background: #2ca7e4
}

.preferences-wrapper .page-header h2 {
	text-align: center;
	color: #2ca7e4;
	font-weight: 400
}

.preferences-wrapper .page-header p {
	text-align: center;
	font-weight: 300;
	margin: 30px 40px 40px
}

.preferences-wrapper #content {
	background: #fff;
	-webkit-box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 2px 0px 20px 0 rgba(0, 0, 0, 0.12);
	padding: 80px;
	position: relative
}

@media (max-width: 900px) {
	.preferences-wrapper #content {
		padding: 80px 40px
	}
}

.preferences-wrapper #content .header {
	margin: 0 0 40px;
	font-weight: 400;
	font-size: 22px;
	line-height: 28px
}

.preferences-wrapper #content .item {
	margin: 40px 0
}

.preferences-wrapper #content .fakelabel {
	position: relative
}

.preferences-wrapper #content .fakelabel span {
	font-weight: 300;
	font-size: 22px;
	line-height: 28px;
	margin-left: 50px
}

.preferences-wrapper #content .fakelabel input {
	position: absolute;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-top: 4px
}

.preferences-wrapper #content .fakelabel input:after {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #bbb;
	pointer-events: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff
}

.preferences-wrapper #content .fakelabel input:checked:after {
	content: "✓";
	background-color: #2ca7e4
}

.preferences-wrapper #content p {
	font-weight: 300;
	margin: 12px 0 12px 50px;
	font-size: 16px
}

.preferences-wrapper .subscribe-options .header {
	margin: 60px 0 40px !important;
	text-align: left !important;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.preferences-wrapper .subscribe-options p {
	margin: 20px 0 !important
}

.preferences-wrapper .subscribe-options p label span {
	font-weight: 300;
	font-size: 22px;
	line-height: 28px;
	margin-left: 50px
}

.preferences-wrapper .subscribe-options p label input {
	position: absolute;
	cursor: pointer;
	width: 20px;
	height: 20px;
	margin-top: 4px
}

.preferences-wrapper .subscribe-options p label input:after {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #bbb;
	pointer-events: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #fff
}

.preferences-wrapper .subscribe-options p label input:checked:after {
	content: "✓";
	background-color: #2ca7e4
}

.preferences-wrapper .hs-button {
	position: absolute;
	left: calc(50% - 129px);
	top: calc(100% - 22px);
	background-color: #2ca7e4;
	padding: 16px 20px;
	border-radius: 100px;
	border: none;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
	font-size: 12px;
	text-transform: uppercase;
	outline: none;
	text-decoration: none;
	display: block;
	width: auto;
	text-align: center;
	cursor: pointer;
	line-height: 1em;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	z-index: 100
}

.two-by-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.two-by-grid.margin-top {
	margin-top: 16px
}

@media (max-width: 600px) {
	.two-by-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.three-by-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

.three-by-grid.margin-top {
	margin-top: 16px
}

@media (max-width: 900px) {
	.three-by-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 600px) {
	.three-by-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.four-by-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

.four-by-grid.margin-top {
	margin-top: 16px
}

@media (max-width: 1080px) {
	.four-by-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 600px) {
	.four-by-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.three-by-grid-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 300;
	background-color: #f5f5f5;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	letter-spacing: 1px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	margin-right: -1px;
	margin-bottom: -1px;
	cursor: pointer;
	color: rgba(0, 0, 0, 0.54)
}

.three-by-grid-item:hover {
	border-radius: 4px;
	z-index: 1000;
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	color: #2ca7e4;
	background-color: #f4fbfe
}

.italic {
	font-style: italic
}

.phub-book-wrapper {
	position: relative;
	max-height: 0;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease
}

@media (max-width: 500px) {
	.phub-book-wrapper {
		display: none
	}
}

.phub-book-wrapper.push-down {
	min-height: 52px;
	background: #f5f5f5;
	max-height: inherit
}

.phub-book-wrapper .section {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	overflow: hidden;
	max-height: 0;
	opacity: 0.5
}

.phub-book-wrapper.reveal {
	max-height: 700px
}

.phub-book-wrapper.reveal .section {
	max-height: 700px;
	opacity: 1
}

.phub-book-wrapper.reveal .phub-book-tab {
	max-height: 0;
	overflow: hidden
}

.phub-book-wrapper .phub-book-tab {
	z-index: 200;
	max-height: 100px;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.phub-book-wrapper .phub-book-tab .phub-book-text {
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	padding: 16px 48px;
	background: #eef8fc;
	-webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.12));
	color: #2ca7e4;
	border-radius: 0 0 30px 30px;
	cursor: pointer;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.phub-book-wrapper .phub-book-tab .phub-book-text:hover {
	padding: 24px 48px
}

@media (max-width: 1080px) {
	.phub-book-wrapper .phub-book-tab .phub-book-text {
		width: 100%;
		border-radius: 0
	}
}

.four-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 48px;
	margin: 24px 16px 60px
}

@media (max-width: 1080px) {
	.four-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (max-width: 800px) {
	.four-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 600px) {
	.four-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.three-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 48px;
	margin: 24px 16px 60px
}

@media (max-width: 800px) {
	.three-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width: 600px) {
	.three-grid {
		grid-template-columns: repeat(1, 1fr)
	}
}

.three-grid.no-side-margin {
	margin: 24px 0 60px
}

.three-grid.smaller-row-gap {
	grid-row-gap: 24px;
	margin: 0
}

.p-card {
	border-top: 12px solid #01293d;
	background: #fff;
	-webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.12));
	padding: 32px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	text-align: center;
	color: rgba(0, 0, 0, 0.87)
}

.p-card:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.p-card.D {
	border-color: #db3c48
}

.p-card.D .work-bubble-small {
	opacity: 0.25;
	background: #db3c48
}

.p-card.D .work-bubble-small:after {
	border-top-color: #db3c48
}

.p-card.D .p-divider {
	background: rgba(219, 60, 72, 0.5)
}

.p-card.Di {
	border-color: #e5561f
}

.p-card.Di .work-bubble-small {
	opacity: 0.25;
	background: #e5561f
}

.p-card.Di .work-bubble-small:after {
	border-top-color: #e5561f
}

.p-card.Di .p-divider {
	background: rgba(229, 86, 31, 0.5)
}

.p-card.DI {
	border-color: #f48119
}

.p-card.DI .work-bubble-small {
	opacity: 0.25;
	background: #f48119
}

.p-card.DI .work-bubble-small:after {
	border-top-color: #f48119
}

.p-card.DI .p-divider {
	background: rgba(244, 129, 25, 0.5)
}

.p-card.Id {
	border-color: #ffb727
}

.p-card.Id .work-bubble-small {
	opacity: 0.25;
	background: #ffb727
}

.p-card.Id .work-bubble-small:after {
	border-top-color: #ffb727
}

.p-card.Id .p-divider {
	background: rgba(255, 183, 39, 0.5)
}

.p-card.I {
	border-color: #f7cf0d
}

.p-card.I .work-bubble-small {
	opacity: 0.25;
	background: #f7cf0d
}

.p-card.I .work-bubble-small:after {
	border-top-color: #f7cf0d
}

.p-card.I .p-divider {
	background: rgba(247, 207, 13, 0.5)
}

.p-card.Is {
	border-color: #d3e000
}

.p-card.Is .work-bubble-small {
	opacity: 0.25;
	background: #d3e000
}

.p-card.Is .work-bubble-small:after {
	border-top-color: #d3e000
}

.p-card.Is .p-divider {
	background: rgba(211, 224, 0, 0.5)
}

.p-card.IS {
	border-color: #afd80a
}

.p-card.IS .work-bubble-small {
	opacity: 0.25;
	background: #afd80a
}

.p-card.IS .work-bubble-small:after {
	border-top-color: #afd80a
}

.p-card.IS .p-divider {
	background: rgba(175, 216, 10, 0.5)
}

.p-card.Si {
	border-color: #88c100
}

.p-card.Si .work-bubble-small {
	opacity: 0.25;
	background: #88c100
}

.p-card.Si .work-bubble-small:after {
	border-top-color: #88c100
}

.p-card.Si .p-divider {
	background: rgba(136, 193, 0, 0.5)
}

.p-card.S {
	border-color: #11b21b
}

.p-card.S .work-bubble-small {
	opacity: 0.25;
	background: #11b21b
}

.p-card.S .work-bubble-small:after {
	border-top-color: #11b21b
}

.p-card.S .p-divider {
	background: rgba(17, 178, 27, 0.5)
}

.p-card.Sc {
	border-color: #51b48e
}

.p-card.Sc .work-bubble-small {
	opacity: 0.25;
	background: #51b48e
}

.p-card.Sc .work-bubble-small:after {
	border-top-color: #51b48e
}

.p-card.Sc .p-divider {
	background: rgba(81, 180, 142, 0.5)
}

.p-card.SC {
	border-color: #00b6bc
}

.p-card.SC .work-bubble-small {
	opacity: 0.25;
	background: #00b6bc
}

.p-card.SC .work-bubble-small:after {
	border-top-color: #00b6bc
}

.p-card.SC .p-divider {
	background: rgba(0, 182, 188, 0.5)
}

.p-card.Cs {
	border-color: #007fb6
}

.p-card.Cs .work-bubble-small {
	opacity: 0.25;
	background: #007fb6
}

.p-card.Cs .work-bubble-small:after {
	border-top-color: #007fb6
}

.p-card.Cs .p-divider {
	background: rgba(0, 127, 182, 0.5)
}

.p-card.C {
	border-color: #2f5fa5
}

.p-card.C .work-bubble-small {
	opacity: 0.25;
	background: #2f5fa5
}

.p-card.C .work-bubble-small:after {
	border-top-color: #2f5fa5
}

.p-card.C .p-divider {
	background: rgba(47, 95, 165, 0.5)
}

.p-card.Cd {
	border-color: #6756b2
}

.p-card.Cd .work-bubble-small {
	opacity: 0.25;
	background: #6756b2
}

.p-card.Cd .work-bubble-small:after {
	border-top-color: #6756b2
}

.p-card.Cd .p-divider {
	background: rgba(103, 86, 178, 0.5)
}

.p-card.CD {
	border-color: #93359b
}

.p-card.CD .work-bubble-small {
	opacity: 0.25;
	background: #93359b
}

.p-card.CD .work-bubble-small:after {
	border-top-color: #93359b
}

.p-card.CD .p-divider {
	background: rgba(147, 53, 155, 0.5)
}

.p-card.Dc {
	border-color: #c62e85
}

.p-card.Dc .work-bubble-small {
	opacity: 0.25;
	background: #c62e85
}

.p-card.Dc .work-bubble-small:after {
	border-top-color: #c62e85
}

.p-card.Dc .p-divider {
	background: rgba(198, 46, 133, 0.5)
}

.bubble-icon-wrapper {
	position: relative;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.bubble-icon-wrapper img {
	-webkit-transition: all 0.6s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.6s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	width: 110%;
	height: 110%;
	position: absolute;
	left: -5%;
	top: -5%;
	max-width: none
}

.p-header {
	font-size: 18px;
	line-height: 24px;
	margin-top: 20px
}

.p-subheader {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	font-style: italic
}

.p-divider {
	width: 100px;
	height: 1px;
	background: #01293d;
	margin: 16px auto
}

.p-text {
	font-size: 16px;
	line-height: 20px;
	font-weight: 300
}

.famous-tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	cursor: pointer
}

.famous-tab:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.famous-tab:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.famous-tab img {
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	height: 80px;
	width: 80px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%;
	z-index: 1
}

.famous-tab .famous-content {
	border-radius: 0 100px 100px 0;
	background: #def0f9;
	padding: 8px 12px 8px 24px;
	margin-left: -12px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.famous-tab .famous-name {
	font-size: 16px;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.54)
}

@media (max-width: 800px) {
	.famous-tab .famous-name {
		font-size: 18px
	}
}

.famous-tab .famous-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 6px
}

.famous-tab .famous-details p,
.famous-tab .famous-details a {
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	margin: 0;
	color: #2ca7e4;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	font-weight: 600;
	position: relative;
	margin-right: 12px;
	white-space: nowrap
}

.famous-tab .famous-details p:hover,
.famous-tab .famous-details a:hover {
	text-decoration: underline
}

.famous-tab .famous-details p:after,
.famous-tab .famous-details a:after {
	-webkit-transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.2s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	content: "";
	position: absolute;
	right: -8px;
	top: 6px;
	width: 2px;
	height: 2px;
	border-radius: 100px;
	background: rgba(0, 0, 0, 0.54)
}

.famous-tab .famous-details p:last-child:after,
.famous-tab .famous-details a:last-child:after {
	display: none
}

.profile-prompt {
	z-index: 100000;
	position: fixed;
	right: 0px;
	top: 70px;
	bottom: auto;
	background: #fff;
	width: calc((100vw - 960px) / 2);
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1));
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	min-width: 200px
}

.profile-prompt.hidden {
	display: none
}

.profile-prompt.fadeout {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.profile-prompt.fadeout .prompt-minified {
	-webkit-transform: scaleX(0) !important;
	-ms-transform: scaleX(0) !important;
	transform: scaleX(0) !important
}

.profile-prompt.permaFade {
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}

.profile-prompt.permaFade .prompt-minified {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1)
}

.profile-prompt.permaShow {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%)
}

.profile-prompt.permaShow .prompt-minified {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0)
}

.profile-prompt .prompt-minified {
	position: absolute;
	right: 100%;
	top: 0;
	cursor: pointer;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px;
	height: 40px;
	width: 40px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.54)
}

.profile-prompt .prompt-minified:hover {
	color: rgba(0, 0, 0, 0.87)
}

.profile-prompt .prompt-minified:hover img {
	opacity: 0.87;
	-webkit-transform: scale(1.1) rotate(45deg);
	-ms-transform: scale(1.1) rotate(45deg);
	transform: scale(1.1) rotate(45deg)
}

.profile-prompt .prompt-minified img {
	opacity: 0.25;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	min-width: 24px;
	margin-right: 6px;
	width: 20px;
	height: 20px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.profile-prompt .prompt-close {
	position: absolute;
	right: 8px;
	top: 12px;
	width: 24px;
	height: 24px;
	padding: 4px;
	opacity: 0.25;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer
}

.profile-prompt .prompt-close:hover {
	opacity: 0.87;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.profile-prompt .prompt-header {
	padding: 14px 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	line-height: 18px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.54);
	background: #f3f4f5
}

.profile-prompt .prompt-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 16px
}

.profile-prompt .prompt-check {
	opacity: 0.6;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	margin-right: 12px;
	border: 1px solid #bdbdbd
}

.profile-prompt .prompt-check.active {
	background: #bdbdbd
}

.profile-prompt .prompt-item {
	font-size: 14px;
	line-height: 20px
}

.profile-prompt .prompt-item .prompt-item-title {
	color: rgba(0, 0, 0, 0.54)
}

.profile-prompt .prompt-item .prompt-item-body {
	color: #2ca7e4;
	display: block;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	font-style: italic
}

.profile-prompt .prompt-item .prompt-item-body:hover {
	letter-spacing: 0.5px
}

.profile-prompt .prompt-item .prompt-item-body.hide {
	display: none
}

.profile-prompt .prompt-item .prompt-item-result {
	color: #2ca7e4;
	font-style: italic
}

.profile-prompt .prompt-item .prompt-item-result.hide {
	display: none
}

.profile-prompt .prompt-footer {
	text-align: center;
	padding: 10px 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	color: rgba(0, 0, 0, 0.54);
	font-size: 14px;
	line-height: 20px
}

.profile-prompt .prompt-button {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.54);
	display: block;
	background: #2ca7e4;
	color: #fff;
	padding: 8px;
	text-align: center;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.profile-prompt .prompt-button:hover {
	background: #59baea
}

.breadcrumbs-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 0 72px
}

.breadcrumbs-wrapper a {
	color: rgba(0, 0, 0, 0.34);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 20px;
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	position: relative
}

.breadcrumbs-wrapper a:hover {
	color: #2ca7e4
}

.breadcrumbs-wrapper a:first-child:after {
	display: none
}

.breadcrumbs-wrapper a:after {
	content: "";
	position: absolute;
	left: -23px;
	top: 2px;
	width: 0;
	height: 0;
	-webkit-transform: scaleX(1.6);
	-ms-transform: scaleX(1.6);
	transform: scaleX(1.6);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid rgba(0, 0, 0, 0.34)
}

.view-more-link {
	font-size: 20px;
	font-style: italic
}

.view-more-link:hover {
	text-decoration: underline
}

.hub-columns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

@media (max-width: 600px) {
	.hub-columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.hub-columns .hub-column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-left: 1px solid rgba(0, 0, 0, 0.12)
}

.hub-columns .hub-column:first-child {
	border-left: none
}

@media (max-width: 600px) {
	.hub-columns .hub-column {
		border-left: none;
		border-top: 1px solid rgba(0, 0, 0, 0.12)
	}

	.hub-columns .hub-column:first-child {
		border-left: none;
		border-top: none
	}
}

.hub-columns .hub-column .hub-column-content {
	margin: 48px 64px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 300
}

.hub-columns .hub-column .hub-column-img {
	margin: 0 64px 48px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hub-columns .hub-column .hub-column-img img {
	max-width: calc(100%)
}

.hub-columns .hub-column .hub-column-list {
	padding: 24px 64px 12px;
	background: rgba(0, 0, 0, 0.04)
}

.hub-columns .hub-column .hub-column-list ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2
}

.hub-columns .hub-column .hub-column-list ul li {
	font-weight: 400;
	color: #2ca7e4;
	margin-bottom: 12px
}

.hub-bubble h2 {
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	margin: 16px 0
}

.hub-bubble.enfp h1,
.hub-bubble.enfp h2,
.hub-bubble.ENFP h1,
.hub-bubble.ENFP h2 {
	color: #db3c48
}

.hub-bubble.enfp .divider-bar,
.hub-bubble.ENFP .divider-bar {
	background: #db3c48;
	width: 120px
}

.hub-bubble.enfp .divider-bar:after,
.hub-bubble.enfp .divider-bar:before,
.hub-bubble.ENFP .divider-bar:after,
.hub-bubble.ENFP .divider-bar:before {
	background: #db3c48
}

.hub-bubble.enfp .work-bubble-small,
.hub-bubble.ENFP .work-bubble-small {
	opacity: 0.25;
	background: #db3c48
}

.hub-bubble.enfp .work-bubble-small:after,
.hub-bubble.ENFP .work-bubble-small:after {
	border-top-color: #db3c48
}

.hub-bubble.esfj h1,
.hub-bubble.esfj h2,
.hub-bubble.ESFJ h1,
.hub-bubble.ESFJ h2 {
	color: #e5561f
}

.hub-bubble.esfj .divider-bar,
.hub-bubble.ESFJ .divider-bar {
	background: #e5561f;
	width: 120px
}

.hub-bubble.esfj .divider-bar:after,
.hub-bubble.esfj .divider-bar:before,
.hub-bubble.ESFJ .divider-bar:after,
.hub-bubble.ESFJ .divider-bar:before {
	background: #e5561f
}

.hub-bubble.esfj .work-bubble-small,
.hub-bubble.ESFJ .work-bubble-small {
	opacity: 0.25;
	background: #e5561f
}

.hub-bubble.esfj .work-bubble-small:after,
.hub-bubble.ESFJ .work-bubble-small:after {
	border-top-color: #e5561f
}

.hub-bubble.esfp h1,
.hub-bubble.esfp h2,
.hub-bubble.ESFP h1,
.hub-bubble.ESFP h2 {
	color: #f48119
}

.hub-bubble.esfp .divider-bar,
.hub-bubble.ESFP .divider-bar {
	background: #f48119;
	width: 120px
}

.hub-bubble.esfp .divider-bar:after,
.hub-bubble.esfp .divider-bar:before,
.hub-bubble.ESFP .divider-bar:after,
.hub-bubble.ESFP .divider-bar:before {
	background: #f48119
}

.hub-bubble.esfp .work-bubble-small,
.hub-bubble.ESFP .work-bubble-small {
	opacity: 0.25;
	background: #f48119
}

.hub-bubble.esfp .work-bubble-small:after,
.hub-bubble.ESFP .work-bubble-small:after {
	border-top-color: #f48119
}

.hub-bubble.infp h1,
.hub-bubble.infp h2,
.hub-bubble.INFP h1,
.hub-bubble.INFP h2 {
	color: #ffb727
}

.hub-bubble.infp .divider-bar,
.hub-bubble.INFP .divider-bar {
	background: #ffb727;
	width: 120px
}

.hub-bubble.infp .divider-bar:after,
.hub-bubble.infp .divider-bar:before,
.hub-bubble.INFP .divider-bar:after,
.hub-bubble.INFP .divider-bar:before {
	background: #ffb727
}

.hub-bubble.infp .work-bubble-small,
.hub-bubble.INFP .work-bubble-small {
	opacity: 0.25;
	background: #ffb727
}

.hub-bubble.infp .work-bubble-small:after,
.hub-bubble.INFP .work-bubble-small:after {
	border-top-color: #ffb727
}

.hub-bubble.infj h1,
.hub-bubble.infj h2,
.hub-bubble.INFJ h1,
.hub-bubble.INFJ h2 {
	color: #f7cf0d
}

.hub-bubble.infj .divider-bar,
.hub-bubble.INFJ .divider-bar {
	background: #f7cf0d;
	width: 120px
}

.hub-bubble.infj .divider-bar:after,
.hub-bubble.infj .divider-bar:before,
.hub-bubble.INFJ .divider-bar:after,
.hub-bubble.INFJ .divider-bar:before {
	background: #f7cf0d
}

.hub-bubble.infj .work-bubble-small,
.hub-bubble.INFJ .work-bubble-small {
	opacity: 0.25;
	background: #f7cf0d
}

.hub-bubble.infj .work-bubble-small:after,
.hub-bubble.INFJ .work-bubble-small:after {
	border-top-color: #f7cf0d
}

.hub-bubble.isfp h1,
.hub-bubble.isfp h2,
.hub-bubble.ISFP h1,
.hub-bubble.ISFP h2 {
	color: #d3e000
}

.hub-bubble.isfp .divider-bar,
.hub-bubble.ISFP .divider-bar {
	background: #d3e000;
	width: 120px
}

.hub-bubble.isfp .divider-bar:after,
.hub-bubble.isfp .divider-bar:before,
.hub-bubble.ISFP .divider-bar:after,
.hub-bubble.ISFP .divider-bar:before {
	background: #d3e000
}

.hub-bubble.isfp .work-bubble-small,
.hub-bubble.ISFP .work-bubble-small {
	opacity: 0.25;
	background: #d3e000
}

.hub-bubble.isfp .work-bubble-small:after,
.hub-bubble.ISFP .work-bubble-small:after {
	border-top-color: #d3e000
}

.hub-bubble.isfj h1,
.hub-bubble.isfj h2,
.hub-bubble.ISFJ h1,
.hub-bubble.ISFJ h2 {
	color: #afd80a
}

.hub-bubble.isfj .divider-bar,
.hub-bubble.ISFJ .divider-bar {
	background: #afd80a;
	width: 120px
}

.hub-bubble.isfj .divider-bar:after,
.hub-bubble.isfj .divider-bar:before,
.hub-bubble.ISFJ .divider-bar:after,
.hub-bubble.ISFJ .divider-bar:before {
	background: #afd80a
}

.hub-bubble.isfj .work-bubble-small,
.hub-bubble.ISFJ .work-bubble-small {
	opacity: 0.25;
	background: #afd80a
}

.hub-bubble.isfj .work-bubble-small:after,
.hub-bubble.ISFJ .work-bubble-small:after {
	border-top-color: #afd80a
}

.hub-bubble.intp h1,
.hub-bubble.intp h2,
.hub-bubble.INTP h1,
.hub-bubble.INTP h2 {
	color: #88c100
}

.hub-bubble.intp .divider-bar,
.hub-bubble.INTP .divider-bar {
	background: #88c100;
	width: 120px
}

.hub-bubble.intp .divider-bar:after,
.hub-bubble.intp .divider-bar:before,
.hub-bubble.INTP .divider-bar:after,
.hub-bubble.INTP .divider-bar:before {
	background: #88c100
}

.hub-bubble.intp .work-bubble-small,
.hub-bubble.INTP .work-bubble-small {
	opacity: 0.25;
	background: #88c100
}

.hub-bubble.intp .work-bubble-small:after,
.hub-bubble.INTP .work-bubble-small:after {
	border-top-color: #88c100
}

.hub-bubble.intj h1,
.hub-bubble.intj h2,
.hub-bubble.INTJ h1,
.hub-bubble.INTJ h2 {
	color: #11b21b
}

.hub-bubble.intj .divider-bar,
.hub-bubble.INTJ .divider-bar {
	background: #11b21b;
	width: 120px
}

.hub-bubble.intj .divider-bar:after,
.hub-bubble.intj .divider-bar:before,
.hub-bubble.INTJ .divider-bar:after,
.hub-bubble.INTJ .divider-bar:before {
	background: #11b21b
}

.hub-bubble.intj .work-bubble-small,
.hub-bubble.INTJ .work-bubble-small {
	opacity: 0.25;
	background: #11b21b
}

.hub-bubble.intj .work-bubble-small:after,
.hub-bubble.INTJ .work-bubble-small:after {
	border-top-color: #11b21b
}

.hub-bubble.istp h1,
.hub-bubble.istp h2,
.hub-bubble.ISTP h1,
.hub-bubble.ISTP h2 {
	color: #51b48e
}

.hub-bubble.istp .divider-bar,
.hub-bubble.ISTP .divider-bar {
	background: #51b48e;
	width: 120px
}

.hub-bubble.istp .divider-bar:after,
.hub-bubble.istp .divider-bar:before,
.hub-bubble.ISTP .divider-bar:after,
.hub-bubble.ISTP .divider-bar:before {
	background: #51b48e
}

.hub-bubble.istp .work-bubble-small,
.hub-bubble.ISTP .work-bubble-small {
	opacity: 0.25;
	background: #51b48e
}

.hub-bubble.istp .work-bubble-small:after,
.hub-bubble.ISTP .work-bubble-small:after {
	border-top-color: #51b48e
}

.hub-bubble.istj h1,
.hub-bubble.istj h2,
.hub-bubble.ISTJ h1,
.hub-bubble.ISTJ h2 {
	color: #00b6bc
}

.hub-bubble.istj .divider-bar,
.hub-bubble.ISTJ .divider-bar {
	background: #00b6bc;
	width: 120px
}

.hub-bubble.istj .divider-bar:after,
.hub-bubble.istj .divider-bar:before,
.hub-bubble.ISTJ .divider-bar:after,
.hub-bubble.ISTJ .divider-bar:before {
	background: #00b6bc
}

.hub-bubble.istj .work-bubble-small,
.hub-bubble.ISTJ .work-bubble-small {
	opacity: 0.25;
	background: #00b6bc
}

.hub-bubble.istj .work-bubble-small:after,
.hub-bubble.ISTJ .work-bubble-small:after {
	border-top-color: #00b6bc
}

.hub-bubble.entp h1,
.hub-bubble.entp h2,
.hub-bubble.ENTP h1,
.hub-bubble.ENTP h2 {
	color: #007fb6
}

.hub-bubble.entp .divider-bar,
.hub-bubble.ENTP .divider-bar {
	background: #007fb6;
	width: 120px
}

.hub-bubble.entp .divider-bar:after,
.hub-bubble.entp .divider-bar:before,
.hub-bubble.ENTP .divider-bar:after,
.hub-bubble.ENTP .divider-bar:before {
	background: #007fb6
}

.hub-bubble.entp .work-bubble-small,
.hub-bubble.ENTP .work-bubble-small {
	opacity: 0.25;
	background: #007fb6
}

.hub-bubble.entp .work-bubble-small:after,
.hub-bubble.ENTP .work-bubble-small:after {
	border-top-color: #007fb6
}

.hub-bubble.entj h1,
.hub-bubble.entj h2,
.hub-bubble.ENTJ h1,
.hub-bubble.ENTJ h2 {
	color: #2f5fa5
}

.hub-bubble.entj .divider-bar,
.hub-bubble.ENTJ .divider-bar {
	background: #2f5fa5;
	width: 120px
}

.hub-bubble.entj .divider-bar:after,
.hub-bubble.entj .divider-bar:before,
.hub-bubble.ENTJ .divider-bar:after,
.hub-bubble.ENTJ .divider-bar:before {
	background: #2f5fa5
}

.hub-bubble.entj .work-bubble-small,
.hub-bubble.ENTJ .work-bubble-small {
	opacity: 0.25;
	background: #2f5fa5
}

.hub-bubble.entj .work-bubble-small:after,
.hub-bubble.ENTJ .work-bubble-small:after {
	border-top-color: #2f5fa5
}

.hub-bubble.estp h1,
.hub-bubble.estp h2,
.hub-bubble.ESTP h1,
.hub-bubble.ESTP h2 {
	color: #6756b2
}

.hub-bubble.estp .divider-bar,
.hub-bubble.ESTP .divider-bar {
	background: #6756b2;
	width: 120px
}

.hub-bubble.estp .divider-bar:after,
.hub-bubble.estp .divider-bar:before,
.hub-bubble.ESTP .divider-bar:after,
.hub-bubble.ESTP .divider-bar:before {
	background: #6756b2
}

.hub-bubble.estp .work-bubble-small,
.hub-bubble.ESTP .work-bubble-small {
	opacity: 0.25;
	background: #6756b2
}

.hub-bubble.estp .work-bubble-small:after,
.hub-bubble.ESTP .work-bubble-small:after {
	border-top-color: #6756b2
}

.hub-bubble.estj h1,
.hub-bubble.estj h2,
.hub-bubble.ESTJ h1,
.hub-bubble.ESTJ h2 {
	color: #93359b
}

.hub-bubble.estj .divider-bar,
.hub-bubble.ESTJ .divider-bar {
	background: #93359b;
	width: 120px
}

.hub-bubble.estj .divider-bar:after,
.hub-bubble.estj .divider-bar:before,
.hub-bubble.ESTJ .divider-bar:after,
.hub-bubble.ESTJ .divider-bar:before {
	background: #93359b
}

.hub-bubble.estj .work-bubble-small,
.hub-bubble.ESTJ .work-bubble-small {
	opacity: 0.25;
	background: #93359b
}

.hub-bubble.estj .work-bubble-small:after,
.hub-bubble.ESTJ .work-bubble-small:after {
	border-top-color: #93359b
}

.hub-bubble.enfj h1,
.hub-bubble.enfj h2,
.hub-bubble.ENFJ h1,
.hub-bubble.ENFJ h2 {
	color: #c62e85
}

.hub-bubble.enfj .divider-bar,
.hub-bubble.ENFJ .divider-bar {
	background: #c62e85;
	width: 120px
}

.hub-bubble.enfj .divider-bar:after,
.hub-bubble.enfj .divider-bar:before,
.hub-bubble.ENFJ .divider-bar:after,
.hub-bubble.ENFJ .divider-bar:before {
	background: #c62e85
}

.hub-bubble.enfj .work-bubble-small,
.hub-bubble.ENFJ .work-bubble-small {
	opacity: 0.25;
	background: #c62e85
}

.hub-bubble.enfj .work-bubble-small:after,
.hub-bubble.ENFJ .work-bubble-small:after {
	border-top-color: #c62e85
}

.hub-bubble.type-1 h1,
.hub-bubble.type-1 h2,
.hub-bubble.Type-1 h1,
.hub-bubble.Type-1 h2 {
	color: #db3c48
}

.hub-bubble.type-1 .divider-bar,
.hub-bubble.Type-1 .divider-bar {
	background: #db3c48;
	width: 120px
}

.hub-bubble.type-1 .divider-bar:after,
.hub-bubble.type-1 .divider-bar:before,
.hub-bubble.Type-1 .divider-bar:after,
.hub-bubble.Type-1 .divider-bar:before {
	background: #db3c48
}

.hub-bubble.type-1 .work-bubble-small,
.hub-bubble.Type-1 .work-bubble-small {
	opacity: 0.25;
	background: #db3c48
}

.hub-bubble.type-1 .work-bubble-small:after,
.hub-bubble.Type-1 .work-bubble-small:after {
	border-top-color: #db3c48
}

.hub-bubble.type-2 h1,
.hub-bubble.type-2 h2,
.hub-bubble.Type-2 h1,
.hub-bubble.Type-2 h2 {
	color: #f48119
}

.hub-bubble.type-2 .divider-bar,
.hub-bubble.Type-2 .divider-bar {
	background: #f48119;
	width: 120px
}

.hub-bubble.type-2 .divider-bar:after,
.hub-bubble.type-2 .divider-bar:before,
.hub-bubble.Type-2 .divider-bar:after,
.hub-bubble.Type-2 .divider-bar:before {
	background: #f48119
}

.hub-bubble.type-2 .work-bubble-small,
.hub-bubble.Type-2 .work-bubble-small {
	opacity: 0.25;
	background: #f48119
}

.hub-bubble.type-2 .work-bubble-small:after,
.hub-bubble.Type-2 .work-bubble-small:after {
	border-top-color: #f48119
}

.hub-bubble.type-3 h1,
.hub-bubble.type-3 h2,
.hub-bubble.Type-3 h1,
.hub-bubble.Type-3 h2 {
	color: #f7cf0d
}

.hub-bubble.type-3 .divider-bar,
.hub-bubble.Type-3 .divider-bar {
	background: #f7cf0d;
	width: 120px
}

.hub-bubble.type-3 .divider-bar:after,
.hub-bubble.type-3 .divider-bar:before,
.hub-bubble.Type-3 .divider-bar:after,
.hub-bubble.Type-3 .divider-bar:before {
	background: #f7cf0d
}

.hub-bubble.type-3 .work-bubble-small,
.hub-bubble.Type-3 .work-bubble-small {
	opacity: 0.25;
	background: #f7cf0d
}

.hub-bubble.type-3 .work-bubble-small:after,
.hub-bubble.Type-3 .work-bubble-small:after {
	border-top-color: #f7cf0d
}

.hub-bubble.type-4 h1,
.hub-bubble.type-4 h2,
.hub-bubble.Type-4 h1,
.hub-bubble.Type-4 h2 {
	color: #afd80a
}

.hub-bubble.type-4 .divider-bar,
.hub-bubble.Type-4 .divider-bar {
	background: #afd80a;
	width: 120px
}

.hub-bubble.type-4 .divider-bar:after,
.hub-bubble.type-4 .divider-bar:before,
.hub-bubble.Type-4 .divider-bar:after,
.hub-bubble.Type-4 .divider-bar:before {
	background: #afd80a
}

.hub-bubble.type-4 .work-bubble-small,
.hub-bubble.Type-4 .work-bubble-small {
	opacity: 0.25;
	background: #afd80a
}

.hub-bubble.type-4 .work-bubble-small:after,
.hub-bubble.Type-4 .work-bubble-small:after {
	border-top-color: #afd80a
}

.hub-bubble.type-5 h1,
.hub-bubble.type-5 h2,
.hub-bubble.Type-5 h1,
.hub-bubble.Type-5 h2 {
	color: #11b21b
}

.hub-bubble.type-5 .divider-bar,
.hub-bubble.Type-5 .divider-bar {
	background: #11b21b;
	width: 120px
}

.hub-bubble.type-5 .divider-bar:after,
.hub-bubble.type-5 .divider-bar:before,
.hub-bubble.Type-5 .divider-bar:after,
.hub-bubble.Type-5 .divider-bar:before {
	background: #11b21b
}

.hub-bubble.type-5 .work-bubble-small,
.hub-bubble.Type-5 .work-bubble-small {
	opacity: 0.25;
	background: #11b21b
}

.hub-bubble.type-5 .work-bubble-small:after,
.hub-bubble.Type-5 .work-bubble-small:after {
	border-top-color: #11b21b
}

.hub-bubble.type-6 h1,
.hub-bubble.type-6 h2,
.hub-bubble.Type-6 h1,
.hub-bubble.Type-6 h2 {
	color: #00b6bc
}

.hub-bubble.type-6 .divider-bar,
.hub-bubble.Type-6 .divider-bar {
	background: #00b6bc;
	width: 120px
}

.hub-bubble.type-6 .divider-bar:after,
.hub-bubble.type-6 .divider-bar:before,
.hub-bubble.Type-6 .divider-bar:after,
.hub-bubble.Type-6 .divider-bar:before {
	background: #00b6bc
}

.hub-bubble.type-6 .work-bubble-small,
.hub-bubble.Type-6 .work-bubble-small {
	opacity: 0.25;
	background: #00b6bc
}

.hub-bubble.type-6 .work-bubble-small:after,
.hub-bubble.Type-6 .work-bubble-small:after {
	border-top-color: #00b6bc
}

.hub-bubble.type-7 h1,
.hub-bubble.type-7 h2,
.hub-bubble.Type-7 h1,
.hub-bubble.Type-7 h2 {
	color: #2f5fa5
}

.hub-bubble.type-7 .divider-bar,
.hub-bubble.Type-7 .divider-bar {
	background: #2f5fa5;
	width: 120px
}

.hub-bubble.type-7 .divider-bar:after,
.hub-bubble.type-7 .divider-bar:before,
.hub-bubble.Type-7 .divider-bar:after,
.hub-bubble.Type-7 .divider-bar:before {
	background: #2f5fa5
}

.hub-bubble.type-7 .work-bubble-small,
.hub-bubble.Type-7 .work-bubble-small {
	opacity: 0.25;
	background: #2f5fa5
}

.hub-bubble.type-7 .work-bubble-small:after,
.hub-bubble.Type-7 .work-bubble-small:after {
	border-top-color: #2f5fa5
}

.hub-bubble.type-8 h1,
.hub-bubble.type-8 h2,
.hub-bubble.Type-8 h1,
.hub-bubble.Type-8 h2 {
	color: #93359b
}

.hub-bubble.type-8 .divider-bar,
.hub-bubble.Type-8 .divider-bar {
	background: #93359b;
	width: 120px
}

.hub-bubble.type-8 .divider-bar:after,
.hub-bubble.type-8 .divider-bar:before,
.hub-bubble.Type-8 .divider-bar:after,
.hub-bubble.Type-8 .divider-bar:before {
	background: #93359b
}

.hub-bubble.type-8 .work-bubble-small,
.hub-bubble.Type-8 .work-bubble-small {
	opacity: 0.25;
	background: #93359b
}

.hub-bubble.type-8 .work-bubble-small:after,
.hub-bubble.Type-8 .work-bubble-small:after {
	border-top-color: #93359b
}

.hub-bubble.type-9 h1,
.hub-bubble.type-9 h2,
.hub-bubble.Type-9 h1,
.hub-bubble.Type-9 h2 {
	color: #c62e85
}

.hub-bubble.type-9 .divider-bar,
.hub-bubble.Type-9 .divider-bar {
	background: #c62e85;
	width: 120px
}

.hub-bubble.type-9 .divider-bar:after,
.hub-bubble.type-9 .divider-bar:before,
.hub-bubble.Type-9 .divider-bar:after,
.hub-bubble.Type-9 .divider-bar:before {
	background: #c62e85
}

.hub-bubble.type-9 .work-bubble-small,
.hub-bubble.Type-9 .work-bubble-small {
	opacity: 0.25;
	background: #c62e85
}

.hub-bubble.type-9 .work-bubble-small:after,
.hub-bubble.Type-9 .work-bubble-small:after {
	border-top-color: #c62e85
}

.hub-bubble.D h1,
.hub-bubble.D h2 {
	color: #db3c48
}

.hub-bubble.D .divider-bar {
	background: #db3c48;
	width: 120px
}

.hub-bubble.D .divider-bar:after,
.hub-bubble.D .divider-bar:before {
	background: #db3c48
}

.hub-bubble.D .work-bubble-small {
	opacity: 0.25;
	background: #db3c48
}

.hub-bubble.D .work-bubble-small:after {
	border-top-color: #db3c48
}

.hub-bubble.Di h1,
.hub-bubble.Di h2 {
	color: #e5561f
}

.hub-bubble.Di .divider-bar {
	background: #e5561f;
	width: 120px
}

.hub-bubble.Di .divider-bar:after,
.hub-bubble.Di .divider-bar:before {
	background: #e5561f
}

.hub-bubble.Di .work-bubble-small {
	opacity: 0.25;
	background: #e5561f
}

.hub-bubble.Di .work-bubble-small:after {
	border-top-color: #e5561f
}

.hub-bubble.DI h1,
.hub-bubble.DI h2 {
	color: #f48119
}

.hub-bubble.DI .divider-bar {
	background: #f48119;
	width: 120px
}

.hub-bubble.DI .divider-bar:after,
.hub-bubble.DI .divider-bar:before {
	background: #f48119
}

.hub-bubble.DI .work-bubble-small {
	opacity: 0.25;
	background: #f48119
}

.hub-bubble.DI .work-bubble-small:after {
	border-top-color: #f48119
}

.hub-bubble.Id h1,
.hub-bubble.Id h2 {
	color: #ffb727
}

.hub-bubble.Id .divider-bar {
	background: #ffb727;
	width: 120px
}

.hub-bubble.Id .divider-bar:after,
.hub-bubble.Id .divider-bar:before {
	background: #ffb727
}

.hub-bubble.Id .work-bubble-small {
	opacity: 0.25;
	background: #ffb727
}

.hub-bubble.Id .work-bubble-small:after {
	border-top-color: #ffb727
}

.hub-bubble.I h1,
.hub-bubble.I h2 {
	color: #f7cf0d
}

.hub-bubble.I .divider-bar {
	background: #f7cf0d;
	width: 120px
}

.hub-bubble.I .divider-bar:after,
.hub-bubble.I .divider-bar:before {
	background: #f7cf0d
}

.hub-bubble.I .work-bubble-small {
	opacity: 0.25;
	background: #f7cf0d
}

.hub-bubble.I .work-bubble-small:after {
	border-top-color: #f7cf0d
}

.hub-bubble.Is h1,
.hub-bubble.Is h2 {
	color: #d3e000
}

.hub-bubble.Is .divider-bar {
	background: #d3e000;
	width: 120px
}

.hub-bubble.Is .divider-bar:after,
.hub-bubble.Is .divider-bar:before {
	background: #d3e000
}

.hub-bubble.Is .work-bubble-small {
	opacity: 0.25;
	background: #d3e000
}

.hub-bubble.Is .work-bubble-small:after {
	border-top-color: #d3e000
}

.hub-bubble.IS h1,
.hub-bubble.IS h2 {
	color: #afd80a
}

.hub-bubble.IS .divider-bar {
	background: #afd80a;
	width: 120px
}

.hub-bubble.IS .divider-bar:after,
.hub-bubble.IS .divider-bar:before {
	background: #afd80a
}

.hub-bubble.IS .work-bubble-small {
	opacity: 0.25;
	background: #afd80a
}

.hub-bubble.IS .work-bubble-small:after {
	border-top-color: #afd80a
}

.hub-bubble.Si h1,
.hub-bubble.Si h2 {
	color: #88c100
}

.hub-bubble.Si .divider-bar {
	background: #88c100;
	width: 120px
}

.hub-bubble.Si .divider-bar:after,
.hub-bubble.Si .divider-bar:before {
	background: #88c100
}

.hub-bubble.Si .work-bubble-small {
	opacity: 0.25;
	background: #88c100
}

.hub-bubble.Si .work-bubble-small:after {
	border-top-color: #88c100
}

.hub-bubble.S h1,
.hub-bubble.S h2 {
	color: #11b21b
}

.hub-bubble.S .divider-bar {
	background: #11b21b;
	width: 120px
}

.hub-bubble.S .divider-bar:after,
.hub-bubble.S .divider-bar:before {
	background: #11b21b
}

.hub-bubble.S .work-bubble-small {
	opacity: 0.25;
	background: #11b21b
}

.hub-bubble.S .work-bubble-small:after {
	border-top-color: #11b21b
}

.hub-bubble.Sc h1,
.hub-bubble.Sc h2 {
	color: #51b48e
}

.hub-bubble.Sc .divider-bar {
	background: #51b48e;
	width: 120px
}

.hub-bubble.Sc .divider-bar:after,
.hub-bubble.Sc .divider-bar:before {
	background: #51b48e
}

.hub-bubble.Sc .work-bubble-small {
	opacity: 0.25;
	background: #51b48e
}

.hub-bubble.Sc .work-bubble-small:after {
	border-top-color: #51b48e
}

.hub-bubble.SC h1,
.hub-bubble.SC h2 {
	color: #00b6bc
}

.hub-bubble.SC .divider-bar {
	background: #00b6bc;
	width: 120px
}

.hub-bubble.SC .divider-bar:after,
.hub-bubble.SC .divider-bar:before {
	background: #00b6bc
}

.hub-bubble.SC .work-bubble-small {
	opacity: 0.25;
	background: #00b6bc
}

.hub-bubble.SC .work-bubble-small:after {
	border-top-color: #00b6bc
}

.hub-bubble.Cs h1,
.hub-bubble.Cs h2 {
	color: #007fb6
}

.hub-bubble.Cs .divider-bar {
	background: #007fb6;
	width: 120px
}

.hub-bubble.Cs .divider-bar:after,
.hub-bubble.Cs .divider-bar:before {
	background: #007fb6
}

.hub-bubble.Cs .work-bubble-small {
	opacity: 0.25;
	background: #007fb6
}

.hub-bubble.Cs .work-bubble-small:after {
	border-top-color: #007fb6
}

.hub-bubble.C h1,
.hub-bubble.C h2 {
	color: #2f5fa5
}

.hub-bubble.C .divider-bar {
	background: #2f5fa5;
	width: 120px
}

.hub-bubble.C .divider-bar:after,
.hub-bubble.C .divider-bar:before {
	background: #2f5fa5
}

.hub-bubble.C .work-bubble-small {
	opacity: 0.25;
	background: #2f5fa5
}

.hub-bubble.C .work-bubble-small:after {
	border-top-color: #2f5fa5
}

.hub-bubble.Cd h1,
.hub-bubble.Cd h2 {
	color: #6756b2
}

.hub-bubble.Cd .divider-bar {
	background: #6756b2;
	width: 120px
}

.hub-bubble.Cd .divider-bar:after,
.hub-bubble.Cd .divider-bar:before {
	background: #6756b2
}

.hub-bubble.Cd .work-bubble-small {
	opacity: 0.25;
	background: #6756b2
}

.hub-bubble.Cd .work-bubble-small:after {
	border-top-color: #6756b2
}

.hub-bubble.CD h1,
.hub-bubble.CD h2 {
	color: #93359b
}

.hub-bubble.CD .divider-bar {
	background: #93359b;
	width: 120px
}

.hub-bubble.CD .divider-bar:after,
.hub-bubble.CD .divider-bar:before {
	background: #93359b
}

.hub-bubble.CD .work-bubble-small {
	opacity: 0.25;
	background: #93359b
}

.hub-bubble.CD .work-bubble-small:after {
	border-top-color: #93359b
}

.hub-bubble.Dc h1,
.hub-bubble.Dc h2 {
	color: #c62e85
}

.hub-bubble.Dc .divider-bar {
	background: #c62e85;
	width: 120px
}

.hub-bubble.Dc .divider-bar:after,
.hub-bubble.Dc .divider-bar:before {
	background: #c62e85
}

.hub-bubble.Dc .work-bubble-small {
	opacity: 0.25;
	background: #c62e85
}

.hub-bubble.Dc .work-bubble-small:after {
	border-top-color: #c62e85
}

.hub-bubble-stack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hub-divider-bar {
	padding: 12px 24px;
	background: rgba(44, 167, 228, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.hub-divider-bar .hub-divider-icon {
	margin-right: 12px;
	max-width: 24px;
	max-height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.hub-divider-bar .hub-divider-icon img {
	max-width: 24px;
	max-height: 24px
}

.hub-divider-bar .hub-divider-title {
	color: #2ca7e4;
	font-size: 20px;
	line-height: 24px
}

.hub-img-content-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 32px 48px
}

.hub-img-content-bar.reverse .hub-img-content-img {
	border-left: 0 solid rgba(0, 0, 0, 0.08);
	padding-left: 0;
	margin-left: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	padding-right: 48px;
	margin-right: 48px
}

@media (max-width: 600px) {
	.hub-img-content-bar.reverse {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.hub-img-content-bar.reverse .hub-img-content-img {
		border-right: none !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

@media (max-width: 600px) {
	.hub-img-content-bar {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse
	}

	.hub-img-content-bar .hub-img-content-img {
		width: 100%;
		border-left: none !important;
		padding-left: 0 !important;
		margin-left: 0 !important;
		height: 160px !important;
		max-height: 160px !important;
		border-bottom: 1px solid rgba(0, 0, 0, 0.08);
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}

.hub-img-content-bar .hub-img-content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 300
}

.hub-img-content-bar .hub-img-content-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-height: 140px;
	min-height: 140px;
	height: 140px;
	margin-left: 24px;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	padding-left: 48px;
	margin-left: 48px
}

.hub-img-content-bar .hub-img-content-img img {
	-o-object-fit: contain;
	object-fit: contain;
	height: 100%
}

.hub-text-columns {
	padding: 48px 64px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.hub-text-columns .hub-text-column {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.hub-text-columns .hub-text-column .hub-text-list-title {
	color: #2ca7e4;
	margin-bottom: 24px
}

.hub-text-columns .hub-text-column:first-child {
	padding-right: 48px
}

.hub-text-columns .hub-text-column:last-child {
	padding-left: 48px;
	border-left: 1px solid rgba(0, 0, 0, 0.08)
}

.hub-comparison-tables {
	margin-bottom: 64px
}

@media (min-width: 600px) {
	.hub-comparison-tables {
		margin: 0 16px 64px 200px
	}
}

.hub-comparison-tables .hub-comparison-table-title {
	font-size: 20px;
	line-height: 24px;
	color: #01293d;
	margin-bottom: 32px;
	text-align: center
}

.hub-comparison-tables .hub-comparison-table-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 32px
}

@media (max-width: 600px) {
	.hub-comparison-tables .hub-comparison-table-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.hub-comparison-table {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	background: #fff;
	-webkit-box-shadow: 2px 0px 10px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 2px 0px 10px 0 rgba(0, 0, 0, 0.08);
	z-index: 10000;
	display: none
}

.hub-comparison-table.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: grid
}

.hub-comparison-table.uppercase .hub-comparison-table-option {
	text-transform: uppercase
}

@media (max-width: 600px) {
	.hub-comparison-table {
		width: calc(100% - 96px)
	}
}

.hub-comparison-table.three {
	grid-template-columns: 1fr 1fr 1fr
}

.hub-comparison-table .hub-comparison-table-option {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	color: rgba(0, 0, 0, 0.54);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
	height: 42px
}

.hub-comparison-table .hub-comparison-table-option:hover,
.hub-comparison-table .hub-comparison-table-option.active {
	background: rgba(44, 167, 228, 0.05)
}

.hub-comparison-table .hub-comparison-table-option.active {
	color: #2ca7e4;
	background: rgba(44, 167, 228, 0.1)
}

.hub-comparison-vs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	font-style: italic;
	font-weight: 300;
	background: #01293d;
	border-radius: 50%;
	margin: 0 24px
}

.hub-comparison-vs.noMargin {
	margin: 0 -24px;
	z-index: 1000;
	width: 72px;
	height: 72px;
	font-size: 32px
}

.hub-comparison-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 200px
}

@media (max-width: 700px) {
	.hub-comparison-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.hub-comparison-header-side {
	font-size: 32px;
	line-height: 42px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 12px 48px;
	color: #fff
}

.hub-comparison-header-side.left {
	text-align: right
}

@media (max-width: 800px) {
	.hub-comparison-header-side {
		font-size: 24px
	}
}

.hub-comparison-header-side.enfp,
.hub-comparison-header-side.ENFP {
	background-image: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background-image: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.enfp,
	.hub-comparison-header-side.ENFP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(219, 60, 72, 0.8)), color-stop(80%, rgba(219, 60, 72, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(219, 60, 72, 0.8) 20%, rgba(219, 60, 72, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.enfp.left,
.hub-comparison-header-side.ENFP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#db3c48), to(transparent));
	background-image: linear-gradient(-90deg, #db3c48 0%, transparent 100%)
}

.hub-comparison-header-side.esfj,
.hub-comparison-header-side.ESFJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#e5561f), to(transparent));
	background-image: linear-gradient(90deg, #e5561f 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.esfj,
	.hub-comparison-header-side.ESFJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(229, 86, 31, 0.8)), color-stop(80%, rgba(229, 86, 31, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(229, 86, 31, 0.8) 20%, rgba(229, 86, 31, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.esfj.left,
.hub-comparison-header-side.ESFJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#e5561f), to(transparent));
	background-image: linear-gradient(-90deg, #e5561f 0%, transparent 100%)
}

.hub-comparison-header-side.esfp,
.hub-comparison-header-side.ESFP {
	background-image: -webkit-gradient(linear, left top, right top, from(#f48119), to(transparent));
	background-image: linear-gradient(90deg, #f48119 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.esfp,
	.hub-comparison-header-side.ESFP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(244, 129, 25, 0.8)), color-stop(80%, rgba(244, 129, 25, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(244, 129, 25, 0.8) 20%, rgba(244, 129, 25, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.esfp.left,
.hub-comparison-header-side.ESFP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f48119), to(transparent));
	background-image: linear-gradient(-90deg, #f48119 0%, transparent 100%)
}

.hub-comparison-header-side.infp,
.hub-comparison-header-side.INFP {
	background-image: -webkit-gradient(linear, left top, right top, from(#ffb727), to(transparent));
	background-image: linear-gradient(90deg, #ffb727 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.infp,
	.hub-comparison-header-side.INFP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(255, 183, 39, 0.8)), color-stop(80%, rgba(255, 183, 39, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(255, 183, 39, 0.8) 20%, rgba(255, 183, 39, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.infp.left,
.hub-comparison-header-side.INFP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#ffb727), to(transparent));
	background-image: linear-gradient(-90deg, #ffb727 0%, transparent 100%)
}

.hub-comparison-header-side.infj,
.hub-comparison-header-side.INFJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.infj,
	.hub-comparison-header-side.INFJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(247, 207, 13, 0.8)), color-stop(80%, rgba(247, 207, 13, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(247, 207, 13, 0.8) 20%, rgba(247, 207, 13, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.infj.left,
.hub-comparison-header-side.INFJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(-90deg, #f7cf0d 0%, transparent 100%)
}

.hub-comparison-header-side.isfp,
.hub-comparison-header-side.ISFP {
	background-image: -webkit-gradient(linear, left top, right top, from(#d3e000), to(transparent));
	background-image: linear-gradient(90deg, #d3e000 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.isfp,
	.hub-comparison-header-side.ISFP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(211, 224, 0, 0.8)), color-stop(80%, rgba(211, 224, 0, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(211, 224, 0, 0.8) 20%, rgba(211, 224, 0, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.isfp.left,
.hub-comparison-header-side.ISFP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#d3e000), to(transparent));
	background-image: linear-gradient(-90deg, #d3e000 0%, transparent 100%)
}

.hub-comparison-header-side.isfj,
.hub-comparison-header-side.ISFJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#afd80a), to(transparent));
	background-image: linear-gradient(90deg, #afd80a 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.isfj,
	.hub-comparison-header-side.ISFJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(175, 216, 10, 0.8)), color-stop(80%, rgba(175, 216, 10, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(175, 216, 10, 0.8) 20%, rgba(175, 216, 10, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.isfj.left,
.hub-comparison-header-side.ISFJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#afd80a), to(transparent));
	background-image: linear-gradient(-90deg, #afd80a 0%, transparent 100%)
}

.hub-comparison-header-side.intp,
.hub-comparison-header-side.INTP {
	background-image: -webkit-gradient(linear, left top, right top, from(#88c100), to(transparent));
	background-image: linear-gradient(90deg, #88c100 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.intp,
	.hub-comparison-header-side.INTP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(136, 193, 0, 0.8)), color-stop(80%, rgba(136, 193, 0, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(136, 193, 0, 0.8) 20%, rgba(136, 193, 0, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.intp.left,
.hub-comparison-header-side.INTP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#88c100), to(transparent));
	background-image: linear-gradient(-90deg, #88c100 0%, transparent 100%)
}

.hub-comparison-header-side.intj,
.hub-comparison-header-side.INTJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background-image: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.intj,
	.hub-comparison-header-side.INTJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(17, 178, 27, 0.8)), color-stop(80%, rgba(17, 178, 27, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(17, 178, 27, 0.8) 20%, rgba(17, 178, 27, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.intj.left,
.hub-comparison-header-side.INTJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#11b21b), to(transparent));
	background-image: linear-gradient(-90deg, #11b21b 0%, transparent 100%)
}

.hub-comparison-header-side.istp,
.hub-comparison-header-side.ISTP {
	background-image: -webkit-gradient(linear, left top, right top, from(#51b48e), to(transparent));
	background-image: linear-gradient(90deg, #51b48e 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.istp,
	.hub-comparison-header-side.ISTP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(81, 180, 142, 0.8)), color-stop(80%, rgba(81, 180, 142, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(81, 180, 142, 0.8) 20%, rgba(81, 180, 142, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.istp.left,
.hub-comparison-header-side.ISTP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#51b48e), to(transparent));
	background-image: linear-gradient(-90deg, #51b48e 0%, transparent 100%)
}

.hub-comparison-header-side.istj,
.hub-comparison-header-side.ISTJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(90deg, #00b6bc 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.istj,
	.hub-comparison-header-side.ISTJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 182, 188, 0.8)), color-stop(80%, rgba(0, 182, 188, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(0, 182, 188, 0.8) 20%, rgba(0, 182, 188, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.istj.left,
.hub-comparison-header-side.ISTJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(-90deg, #00b6bc 0%, transparent 100%)
}

.hub-comparison-header-side.entp,
.hub-comparison-header-side.ENTP {
	background-image: -webkit-gradient(linear, left top, right top, from(#007fb6), to(transparent));
	background-image: linear-gradient(90deg, #007fb6 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.entp,
	.hub-comparison-header-side.ENTP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 127, 182, 0.8)), color-stop(80%, rgba(0, 127, 182, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(0, 127, 182, 0.8) 20%, rgba(0, 127, 182, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.entp.left,
.hub-comparison-header-side.ENTP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#007fb6), to(transparent));
	background-image: linear-gradient(-90deg, #007fb6 0%, transparent 100%)
}

.hub-comparison-header-side.entj,
.hub-comparison-header-side.ENTJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.entj,
	.hub-comparison-header-side.ENTJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(47, 95, 165, 0.8)), color-stop(80%, rgba(47, 95, 165, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(47, 95, 165, 0.8) 20%, rgba(47, 95, 165, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.entj.left,
.hub-comparison-header-side.ENTJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(-90deg, #2f5fa5 0%, transparent 100%)
}

.hub-comparison-header-side.estp,
.hub-comparison-header-side.ESTP {
	background-image: -webkit-gradient(linear, left top, right top, from(#6756b2), to(transparent));
	background-image: linear-gradient(90deg, #6756b2 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.estp,
	.hub-comparison-header-side.ESTP {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(103, 86, 178, 0.8)), color-stop(80%, rgba(103, 86, 178, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(103, 86, 178, 0.8) 20%, rgba(103, 86, 178, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.estp.left,
.hub-comparison-header-side.ESTP.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#6756b2), to(transparent));
	background-image: linear-gradient(-90deg, #6756b2 0%, transparent 100%)
}

.hub-comparison-header-side.estj,
.hub-comparison-header-side.ESTJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#93359b), to(transparent));
	background-image: linear-gradient(90deg, #93359b 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.estj,
	.hub-comparison-header-side.ESTJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(147, 53, 155, 0.8)), color-stop(80%, rgba(147, 53, 155, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(147, 53, 155, 0.8) 20%, rgba(147, 53, 155, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.estj.left,
.hub-comparison-header-side.ESTJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#93359b), to(transparent));
	background-image: linear-gradient(-90deg, #93359b 0%, transparent 100%)
}

.hub-comparison-header-side.enfj,
.hub-comparison-header-side.ENFJ {
	background-image: -webkit-gradient(linear, left top, right top, from(#c62e85), to(transparent));
	background-image: linear-gradient(90deg, #c62e85 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.enfj,
	.hub-comparison-header-side.ENFJ {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(198, 46, 133, 0.8)), color-stop(80%, rgba(198, 46, 133, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(198, 46, 133, 0.8) 20%, rgba(198, 46, 133, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.enfj.left,
.hub-comparison-header-side.ENFJ.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#c62e85), to(transparent));
	background-image: linear-gradient(-90deg, #c62e85 0%, transparent 100%)
}

.hub-comparison-header-side.type-1,
.hub-comparison-header-side.Type-1 {
	background-image: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background-image: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-1,
	.hub-comparison-header-side.Type-1 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(219, 60, 72, 0.8)), color-stop(80%, rgba(219, 60, 72, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(219, 60, 72, 0.8) 20%, rgba(219, 60, 72, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-1.left,
.hub-comparison-header-side.Type-1.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#db3c48), to(transparent));
	background-image: linear-gradient(-90deg, #db3c48 0%, transparent 100%)
}

.hub-comparison-header-side.type-2,
.hub-comparison-header-side.Type-2 {
	background-image: -webkit-gradient(linear, left top, right top, from(#f48119), to(transparent));
	background-image: linear-gradient(90deg, #f48119 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-2,
	.hub-comparison-header-side.Type-2 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(244, 129, 25, 0.8)), color-stop(80%, rgba(244, 129, 25, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(244, 129, 25, 0.8) 20%, rgba(244, 129, 25, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-2.left,
.hub-comparison-header-side.Type-2.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f48119), to(transparent));
	background-image: linear-gradient(-90deg, #f48119 0%, transparent 100%)
}

.hub-comparison-header-side.type-3,
.hub-comparison-header-side.Type-3 {
	background-image: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-3,
	.hub-comparison-header-side.Type-3 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(247, 207, 13, 0.8)), color-stop(80%, rgba(247, 207, 13, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(247, 207, 13, 0.8) 20%, rgba(247, 207, 13, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-3.left,
.hub-comparison-header-side.Type-3.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(-90deg, #f7cf0d 0%, transparent 100%)
}

.hub-comparison-header-side.type-4,
.hub-comparison-header-side.Type-4 {
	background-image: -webkit-gradient(linear, left top, right top, from(#afd80a), to(transparent));
	background-image: linear-gradient(90deg, #afd80a 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-4,
	.hub-comparison-header-side.Type-4 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(175, 216, 10, 0.8)), color-stop(80%, rgba(175, 216, 10, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(175, 216, 10, 0.8) 20%, rgba(175, 216, 10, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-4.left,
.hub-comparison-header-side.Type-4.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#afd80a), to(transparent));
	background-image: linear-gradient(-90deg, #afd80a 0%, transparent 100%)
}

.hub-comparison-header-side.type-5,
.hub-comparison-header-side.Type-5 {
	background-image: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background-image: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-5,
	.hub-comparison-header-side.Type-5 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(17, 178, 27, 0.8)), color-stop(80%, rgba(17, 178, 27, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(17, 178, 27, 0.8) 20%, rgba(17, 178, 27, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-5.left,
.hub-comparison-header-side.Type-5.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#11b21b), to(transparent));
	background-image: linear-gradient(-90deg, #11b21b 0%, transparent 100%)
}

.hub-comparison-header-side.type-6,
.hub-comparison-header-side.Type-6 {
	background-image: -webkit-gradient(linear, left top, right top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(90deg, #00b6bc 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-6,
	.hub-comparison-header-side.Type-6 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 182, 188, 0.8)), color-stop(80%, rgba(0, 182, 188, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(0, 182, 188, 0.8) 20%, rgba(0, 182, 188, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-6.left,
.hub-comparison-header-side.Type-6.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(-90deg, #00b6bc 0%, transparent 100%)
}

.hub-comparison-header-side.type-7,
.hub-comparison-header-side.Type-7 {
	background-image: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-7,
	.hub-comparison-header-side.Type-7 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(47, 95, 165, 0.8)), color-stop(80%, rgba(47, 95, 165, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(47, 95, 165, 0.8) 20%, rgba(47, 95, 165, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-7.left,
.hub-comparison-header-side.Type-7.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(-90deg, #2f5fa5 0%, transparent 100%)
}

.hub-comparison-header-side.type-8,
.hub-comparison-header-side.Type-8 {
	background-image: -webkit-gradient(linear, left top, right top, from(#93359b), to(transparent));
	background-image: linear-gradient(90deg, #93359b 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-8,
	.hub-comparison-header-side.Type-8 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(147, 53, 155, 0.8)), color-stop(80%, rgba(147, 53, 155, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(147, 53, 155, 0.8) 20%, rgba(147, 53, 155, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-8.left,
.hub-comparison-header-side.Type-8.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#93359b), to(transparent));
	background-image: linear-gradient(-90deg, #93359b 0%, transparent 100%)
}

.hub-comparison-header-side.type-9,
.hub-comparison-header-side.Type-9 {
	background-image: -webkit-gradient(linear, left top, right top, from(#c62e85), to(transparent));
	background-image: linear-gradient(90deg, #c62e85 0%, transparent 100%)
}

@media (max-width: 700px) {

	.hub-comparison-header-side.type-9,
	.hub-comparison-header-side.Type-9 {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(198, 46, 133, 0.8)), color-stop(80%, rgba(198, 46, 133, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(198, 46, 133, 0.8) 20%, rgba(198, 46, 133, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.type-9.left,
.hub-comparison-header-side.Type-9.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#c62e85), to(transparent));
	background-image: linear-gradient(-90deg, #c62e85 0%, transparent 100%)
}

.hub-comparison-header-side.D {
	background-image: -webkit-gradient(linear, left top, right top, from(#db3c48), to(transparent));
	background-image: linear-gradient(90deg, #db3c48 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.D {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(219, 60, 72, 0.8)), color-stop(80%, rgba(219, 60, 72, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(219, 60, 72, 0.8) 20%, rgba(219, 60, 72, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.D.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#db3c48), to(transparent));
	background-image: linear-gradient(-90deg, #db3c48 0%, transparent 100%)
}

.hub-comparison-header-side.Di {
	background-image: -webkit-gradient(linear, left top, right top, from(#e5561f), to(transparent));
	background-image: linear-gradient(90deg, #e5561f 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Di {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(229, 86, 31, 0.8)), color-stop(80%, rgba(229, 86, 31, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(229, 86, 31, 0.8) 20%, rgba(229, 86, 31, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Di.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#e5561f), to(transparent));
	background-image: linear-gradient(-90deg, #e5561f 0%, transparent 100%)
}

.hub-comparison-header-side.DI {
	background-image: -webkit-gradient(linear, left top, right top, from(#f48119), to(transparent));
	background-image: linear-gradient(90deg, #f48119 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.DI {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(244, 129, 25, 0.8)), color-stop(80%, rgba(244, 129, 25, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(244, 129, 25, 0.8) 20%, rgba(244, 129, 25, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.DI.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f48119), to(transparent));
	background-image: linear-gradient(-90deg, #f48119 0%, transparent 100%)
}

.hub-comparison-header-side.Id {
	background-image: -webkit-gradient(linear, left top, right top, from(#ffb727), to(transparent));
	background-image: linear-gradient(90deg, #ffb727 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Id {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(255, 183, 39, 0.8)), color-stop(80%, rgba(255, 183, 39, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(255, 183, 39, 0.8) 20%, rgba(255, 183, 39, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Id.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#ffb727), to(transparent));
	background-image: linear-gradient(-90deg, #ffb727 0%, transparent 100%)
}

.hub-comparison-header-side.I {
	background-image: -webkit-gradient(linear, left top, right top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(90deg, #f7cf0d 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.I {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(247, 207, 13, 0.8)), color-stop(80%, rgba(247, 207, 13, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(247, 207, 13, 0.8) 20%, rgba(247, 207, 13, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.I.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#f7cf0d), to(transparent));
	background-image: linear-gradient(-90deg, #f7cf0d 0%, transparent 100%)
}

.hub-comparison-header-side.Is {
	background-image: -webkit-gradient(linear, left top, right top, from(#d3e000), to(transparent));
	background-image: linear-gradient(90deg, #d3e000 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Is {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(211, 224, 0, 0.8)), color-stop(80%, rgba(211, 224, 0, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(211, 224, 0, 0.8) 20%, rgba(211, 224, 0, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Is.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#d3e000), to(transparent));
	background-image: linear-gradient(-90deg, #d3e000 0%, transparent 100%)
}

.hub-comparison-header-side.IS {
	background-image: -webkit-gradient(linear, left top, right top, from(#afd80a), to(transparent));
	background-image: linear-gradient(90deg, #afd80a 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.IS {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(175, 216, 10, 0.8)), color-stop(80%, rgba(175, 216, 10, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(175, 216, 10, 0.8) 20%, rgba(175, 216, 10, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.IS.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#afd80a), to(transparent));
	background-image: linear-gradient(-90deg, #afd80a 0%, transparent 100%)
}

.hub-comparison-header-side.Si {
	background-image: -webkit-gradient(linear, left top, right top, from(#88c100), to(transparent));
	background-image: linear-gradient(90deg, #88c100 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Si {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(136, 193, 0, 0.8)), color-stop(80%, rgba(136, 193, 0, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(136, 193, 0, 0.8) 20%, rgba(136, 193, 0, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Si.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#88c100), to(transparent));
	background-image: linear-gradient(-90deg, #88c100 0%, transparent 100%)
}

.hub-comparison-header-side.S {
	background-image: -webkit-gradient(linear, left top, right top, from(#11b21b), to(transparent));
	background-image: linear-gradient(90deg, #11b21b 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.S {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(17, 178, 27, 0.8)), color-stop(80%, rgba(17, 178, 27, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(17, 178, 27, 0.8) 20%, rgba(17, 178, 27, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.S.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#11b21b), to(transparent));
	background-image: linear-gradient(-90deg, #11b21b 0%, transparent 100%)
}

.hub-comparison-header-side.Sc {
	background-image: -webkit-gradient(linear, left top, right top, from(#51b48e), to(transparent));
	background-image: linear-gradient(90deg, #51b48e 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Sc {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(81, 180, 142, 0.8)), color-stop(80%, rgba(81, 180, 142, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(81, 180, 142, 0.8) 20%, rgba(81, 180, 142, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Sc.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#51b48e), to(transparent));
	background-image: linear-gradient(-90deg, #51b48e 0%, transparent 100%)
}

.hub-comparison-header-side.SC {
	background-image: -webkit-gradient(linear, left top, right top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(90deg, #00b6bc 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.SC {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 182, 188, 0.8)), color-stop(80%, rgba(0, 182, 188, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(0, 182, 188, 0.8) 20%, rgba(0, 182, 188, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.SC.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#00b6bc), to(transparent));
	background-image: linear-gradient(-90deg, #00b6bc 0%, transparent 100%)
}

.hub-comparison-header-side.Cs {
	background-image: -webkit-gradient(linear, left top, right top, from(#007fb6), to(transparent));
	background-image: linear-gradient(90deg, #007fb6 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Cs {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(0, 127, 182, 0.8)), color-stop(80%, rgba(0, 127, 182, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(0, 127, 182, 0.8) 20%, rgba(0, 127, 182, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Cs.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#007fb6), to(transparent));
	background-image: linear-gradient(-90deg, #007fb6 0%, transparent 100%)
}

.hub-comparison-header-side.C {
	background-image: -webkit-gradient(linear, left top, right top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(90deg, #2f5fa5 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.C {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(47, 95, 165, 0.8)), color-stop(80%, rgba(47, 95, 165, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(47, 95, 165, 0.8) 20%, rgba(47, 95, 165, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.C.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#2f5fa5), to(transparent));
	background-image: linear-gradient(-90deg, #2f5fa5 0%, transparent 100%)
}

.hub-comparison-header-side.Cd {
	background-image: -webkit-gradient(linear, left top, right top, from(#6756b2), to(transparent));
	background-image: linear-gradient(90deg, #6756b2 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Cd {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(103, 86, 178, 0.8)), color-stop(80%, rgba(103, 86, 178, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(103, 86, 178, 0.8) 20%, rgba(103, 86, 178, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Cd.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#6756b2), to(transparent));
	background-image: linear-gradient(-90deg, #6756b2 0%, transparent 100%)
}

.hub-comparison-header-side.CD {
	background-image: -webkit-gradient(linear, left top, right top, from(#93359b), to(transparent));
	background-image: linear-gradient(90deg, #93359b 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.CD {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(147, 53, 155, 0.8)), color-stop(80%, rgba(147, 53, 155, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(147, 53, 155, 0.8) 20%, rgba(147, 53, 155, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.CD.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#93359b), to(transparent));
	background-image: linear-gradient(-90deg, #93359b 0%, transparent 100%)
}

.hub-comparison-header-side.Dc {
	background-image: -webkit-gradient(linear, left top, right top, from(#c62e85), to(transparent));
	background-image: linear-gradient(90deg, #c62e85 0%, transparent 100%)
}

@media (max-width: 700px) {
	.hub-comparison-header-side.Dc {
		background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(20%, rgba(198, 46, 133, 0.8)), color-stop(80%, rgba(198, 46, 133, 0.8)), to(transparent)) !important;
		background-image: linear-gradient(90deg, transparent 0%, rgba(198, 46, 133, 0.8) 20%, rgba(198, 46, 133, 0.8) 80%, transparent 100%) !important
	}
}

.hub-comparison-header-side.Dc.left {
	background-image: -webkit-gradient(linear, right top, left top, from(#c62e85), to(transparent));
	background-image: linear-gradient(-90deg, #c62e85 0%, transparent 100%)
}

.icon-background-split {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-position: center;
	background-size: cover;
	-webkit-clip-path: polygon(0 0, 45% 0%, 55% 100%, 0 100%);
	clip-path: polygon(0 0, 45% 0%, 55% 100%, 0 100%)
}

.icon-background-split.right {
	-webkit-clip-path: polygon(45% 0, 100% 0%, 100% 100%, 55% 100%);
	clip-path: polygon(45% 0, 100% 0%, 100% 100%, 55% 100%)
}

.hub-comparison-half-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

@media (max-width: 600px) {
	.hub-comparison-half-wrapper {
		width: 100%;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.hub-comparison-toggle {
	color: #2ca7e4;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 100%;
	width: 100%
}

.hub-comparison-toggle:hover {
	text-decoration: underline
}

.hub-spoke-divider {
	height: 1px;
	width: 140px;
	margin: 16px 0 16px 8px;
	background: rgba(0, 0, 0, 0.24)
}

@media (max-width: 1080px) {
	.hub-spoke-divider {
		display: none
	}
}

.hub-spoke-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 1080px) {
	.hub-spoke-buttons {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.hub-spoke-buttons .button {
		margin: 8px 12px
	}
}

.hub-menu-social-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-top: 14px
}

.hub-menu-social-links img {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

@media (max-width: 1080px) {
	.hub-menu-social-links {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.hub-menu-social-links img {
		margin: 0 12px
	}
}

.hub-comparison-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.hub-comparison-tabs .hub-comparison-tab {
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.08);
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 6px 12px;
	border-radius: 4px 4px 0 0;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: rgba(0, 0, 0, 0.38);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border: 1px rgba(0, 0, 0, 0.12);
	border-bottom: none
}

.hub-comparison-tabs .hub-comparison-tab.active,
.hub-comparison-tabs .hub-comparison-tab:hover {
	color: rgba(0, 0, 0, 0.87);
	z-index: 10;
	margin-top: -4px
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0
}

.nav-img {
	padding: 4px 0;
	height: 40px;
	width: 129px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.nav-img:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.nav-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

@media (max-width: 700px) {
	.nav-items {
		display: none
	}
}

.nav-item {
	margin: 0 0 0 42px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(0, 0, 0, 0.87);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.nav-item.white {
	color: #fff
}

.nav-item.no-margin {
	margin: 0
}

.nav-item:hover {
	color: #2ca7e4
}

.nav-item.no-hover {
	cursor: inherit
}

.nav-item.no-hover:hover {
	color: inherit
}

.nav-spacer {
	color: #fff;
	opacity: 0.54;
	margin: 0 18px
}

.nav-mobile {
	display: none;
	cursor: pointer;
	padding: 4px 8px;
	position: relative
}

@media (max-width: 700px) {
	.nav-mobile {
		display: block
	}
}

.nav-mobile .nav-hamburger {
	height: 16px;
	width: 20px;
	position: relative;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.nav-mobile .nav-hamburger.white .nav-hamburger-bar {
	background: #fff
}

.nav-mobile .nav-hamburger .nav-hamburger-bar {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	width: 100%;
	height: 2px;
	border-radius: 4px;
	position: absolute;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: rgba(0, 0, 0, 0.87)
}

.nav-mobile .nav-hamburger .nav-hamburger-bar.first {
	top: 0
}

.nav-mobile .nav-hamburger .nav-hamburger-bar.second {
	top: calc(50% - 2px)
}

.nav-mobile .nav-hamburger .nav-hamburger-bar.third {
	top: calc(100% - 4px)
}

.nav-mobile .mobile-dropdown {
	display: none;
	position: absolute;
	right: 8px;
	top: 28px;
	background: #fff;
	border-radius: 4px;
	overflow: hidden;
	-webkit-box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.15);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-animation: drop-down 0.3s;
	animation: drop-down 0.3s;
	z-index: 1000
}

.nav-mobile .mobile-dropdown .dropdown-item {
	padding: 10px 16px;
	color: #777;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
	font-size: 14px;
	line-height: 36px;
	white-space: nowrap
}

.nav-mobile .mobile-dropdown .dropdown-item:hover {
	color: #2ca7e4
}

.nav-mobile.open .mobile-dropdown {
	display: block
}

.nav-mobile.open .nav-hamburger-bar.first {
	top: -2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav-mobile.open .nav-hamburger-bar.second {
	width: 0;
	opacity: 0
}

.nav-mobile.open .nav-hamburger-bar.third {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.resource-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 12px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.03);
	box-shadow: inset 0 10px 10px rgba(0, 0, 0, 0.03)
}

@media (max-width: 450px) {
	.resource-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.resource-nav .resource-link {
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 0.5px;
	color: #2ca7e4;
	text-transform: uppercase;
	padding: 12px 30px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

@media (max-width: 450px) {
	.resource-nav .resource-link {
		padding: 8px 30px
	}
}

.resource-nav .resource-link.small {
	font-size: 18px
}

.resource-nav .resource-link:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}

.resource-nav .resource-bar {
	height: 28px;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.12)
}

.dropdown-wrapper {
	position: relative
}

.dropdown-wrapper:hover .dropdown-options {
	-webkit-transform: scaleY(1) !important;
	-ms-transform: scaleY(1) !important;
	transform: scaleY(1) !important;
	-webkit-box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.1)
}

.dropdown-wrapper .dropdown-options {
	position: absolute;
	left: 42px;
	top: 28px;
	background: #fff;
	-webkit-box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 6px 18px 2px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	border-radius: 4px;
	z-index: 1000;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-box-shadow: none;
	box-shadow: none
}

.dropdown-wrapper .dropdown-options .dropdown-option {
	padding: 12px 16px;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	white-space: nowrap;
	color: rgba(0, 0, 0, 0.54);
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.dropdown-wrapper .dropdown-options .dropdown-option:hover {
	background: rgba(0, 0, 0, 0.04);
	color: #2ca7e4
}

@-webkit-keyframes drop-down {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes drop-down {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.slick-loading .slick-list {
	background: #fff url("../ajax-loader.html") center center no-repeat
}

@font-face {
	font-family: "slick";
	src: url("../slick.html");
	src: url("../slickd41d.html#iefix") format("embedded-opentype"), url("../slick-2.html") format("woff"), url("../slick-3.html") format("truetype"), url("../slick-4.html#slick") format("svg");
	font-weight: normal;
	font-style: normal
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,
.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}

[dir="rtl"] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}

[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}

[dir="rtl"] .slick-next:before {
	content: "←"
}

.slick-dotted.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.ultimate-header {
	text-align: center;
	font-size: 34px;
	line-height: 42px;
	color: #2ca7e4;
	font-weight: 600
}

@media (max-width: 900px) {
	.ultimate-header {
		font-size: 30px;
		line-height: 36px
	}
}

.ultimate-header.uppercase {
	letter-spacing: 1px;
	text-transform: uppercase
}

@media print {
	.ultimate-header {
		color: black
	}
}

.ultimate-header.inline {
	text-align: left;
	margin-bottom: 24px
}

@media (max-width: 900px) {
	.ultimate-header.inline {
		text-align: center
	}
}

.ultimate-header.x-large {
	font-size: 40px;
	line-height: 46px
}

.ultimate-header.margin-bottom {
	margin-bottom: 48px
}

.ultimate-header-image {
	margin: 0 auto;
	display: block;
	max-height: 200px;
	margin-bottom: 40px;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	max-width: 100%
}

.ultimate-header-image.no-bottom {
	margin-bottom: 0
}

.ultimate-small-text {
	max-width: 550px;
	margin: 0 auto;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	text-align: center
}

.ultimate-mid-text {
	max-width: 860px;
	margin: 0 auto 40px;
	font-size: 18px;
	line-height: 28px
}

.ultimate-mid-text.max-width {
	max-width: 500px
}

.ultimate-mid-text.center {
	text-align: center
}

.ultimate-mid-text.noBottomMargin {
	margin-bottom: 0
}

.ultimate-block-text {
	max-width: 550px;
	margin: 80px auto;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	text-align: left
}

.ultimate-block-text .blue-start {
	color: #2ca7e4;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400
}

.ultimate-block-text.large {
	max-width: 800px;
	margin: 32px auto;
	font-size: 22px;
	line-height: 30px
}

.ultimate-block-text.large .blue-start {
	font-size: 26px;
	line-height: 30px
}

.ultimate-block-text.mid-width {
	max-width: 800px
}

.ultimate-block-text.full-width {
	max-width: none
}

.ultimate-block-text.small-margin {
	margin: 40px auto
}

.ultimate-bubble-wrapper {
	margin: 80px 0;
	position: relative;
	height: 600px
}

.ultimate-bubble-wrapper .ultimate-bubble {
	position: absolute;
	border-radius: 1000px;
	background: #f05c59;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35), opacity 1s ease;
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35), opacity 1s ease;
	-webkit-filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.12))
}

@media (max-width: 900px) {
	.ultimate-bubble-wrapper .ultimate-bubble {
		-webkit-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8)
	}
}

.ultimate-bubble-wrapper .ultimate-bubble:hover {
	z-index: 1000
}

.ultimate-bubble-wrapper .ultimate-bubble:hover .bubble-info {
	max-width: 400px;
	left: calc(100% - 40px);
	padding: 8px 12px 8px 50px
}

.ultimate-bubble-wrapper .ultimate-bubble:hover .bubble-info.right-half {
	right: calc(100% - 40px);
	left: auto;
	padding: 8px 50px 8px 12px
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper {
	border-radius: 1000px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	height: 100%;
	background-blend-mode: luminosity;
	background-size: contain;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.D {
	background-color: #db3c48
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Di {
	background-color: #e5561f
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.DI {
	background-color: #f48119
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Id {
	background-color: #ffb727
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.I {
	background-color: #f7cf0d
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Is {
	background-color: #d3e000
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.IS {
	background-color: #afd80a
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Si {
	background-color: #88c100
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.S {
	background-color: #11b21b
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Sc {
	background-color: #51b48e
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.SC {
	background-color: #00b6bc
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Cs {
	background-color: #007fb6
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.C {
	background-color: #2f5fa5
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Cd {
	background-color: #6756b2
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.CD {
	background-color: #93359b
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper.Dc {
	background-color: #c62e85
}

.ultimate-bubble-wrapper .ultimate-bubble .img-wrapper:hover {
	background-color: transparent
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info {
	position: absolute;
	background: #fff;
	-webkit-filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.1));
	padding: 8px 0 8px 0;
	border-radius: 4px;
	font-size: 14px;
	line-height: 18px;
	left: 10px;
	top: calc(50% - 17px);
	white-space: nowrap;
	max-width: 0px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	overflow: hidden;
	text-transform: uppercase
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.right-half {
	right: 10px;
	left: auto
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.D {
	color: #db3c48
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Di {
	color: #e5561f
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.DI {
	color: #f48119
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Id {
	color: #f3a200
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.I {
	color: #caa907
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Is {
	color: #a3ad00
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.IS {
	color: #afd80a
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Si {
	color: #88c100
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.S {
	color: #11b21b
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Sc {
	color: #3f9373
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.SC {
	color: #008589
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Cs {
	color: #007fb6
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.C {
	color: #2f5fa5
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Cd {
	color: #6756b2
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.CD {
	color: #93359b
}

.ultimate-bubble-wrapper .ultimate-bubble .bubble-info.Dc {
	color: #c62e85
}

.ultimate-white-block {
	background-color: rgba(255, 255, 255, 0.85);
	margin-top: 160px;
	padding: 0 24px 24px;
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
	display: block
}

.ultimate-white-block .block-header-wrapper {
	height: 0px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ultimate-white-block .block-header-wrapper .block-header {
	padding: 16px 34px;
	background: #fff;
	text-align: center;
	color: #2ca7e4;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1))
}

.ultimate-white-block .icon-blocks {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 60px 36px 36px
}

.ultimate-white-block .icon-blocks .icon-block {
	padding: 24px;
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.ultimate-white-block .icon-blocks .icon-block {
		width: 100%
	}
}

.ultimate-white-block .icon-blocks .icon-block .work-bubble {
	min-width: 100px
}

.ultimate-white-block .icon-blocks .icon-block .icon-block-text {
	color: rgba(0, 0, 0, 0.54);
	padding-left: 24px;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400
}

.ultimate-bubble-img {
	margin: 0 auto 20px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/bubble.svg");
	background-position: center;
	background-size: contain;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.4s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

@media (max-width: 432px) {
	.ultimate-bubble-img {
		min-width: 250px
	}
}

.ultimate-bubble-img.max-width {
	max-width: 100%
}

.ultimate-bubble-img.tall {
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/tallbubble.svg");
	background-size: 130%
}

.ultimate-oversized-bubble-img {
	margin: 0 auto;
	display: block;
	min-width: 400px;
	max-width: 100%;
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/widebubble2.svg");
	background-size: 120%;
	-o-object-fit: contain;
	object-fit: contain
}

.ultimate-oversized-bubble-img.over-left {
	background-position: right;
	padding: 40px 40px 40px 0
}

@media (max-width: 1080px) {
	.ultimate-oversized-bubble-img.over-left {
		background-position: center;
		padding: 40px;
		margin: 0
	}
}

.ultimate-oversized-bubble-img.over-right {
	background-position: left;
	padding: 40px 0 40px 40px
}

@media (max-width: 1080px) {
	.ultimate-oversized-bubble-img.over-right {
		background-position: center;
		padding: 40px;
		margin: 0
	}
}

.ultimate-oversized-bubble-img.tall-bubble {
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/bubbletall.svg");
	max-height: 500px;
	padding: 0;
	background-position: center
}

@media (max-width: 1080px) {
	.ultimate-oversized-bubble-img.tall-bubble {
		max-height: 400px
	}
}

@media (max-width: 1080px) {
	.ultimate-oversized-bubble-img {
		background-position: center;
		max-width: 400px;
		padding: 24px !important;
		background-size: contain
	}
}

.half-sections {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media (max-width: 900px) {
	.half-sections {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.half-background {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.half-background.nature {
	background: rgba(136, 193, 0, 0.15)
}

.half-background.nuture {
	background: rgba(34, 85, 166, 0.25)
}

.half-background.mid-blue {
	background: rgba(44, 167, 228, 0.25)
}

.half-background.light-blue {
	background: rgba(44, 167, 228, 0.15)
}

.half-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	height: 100%
}

@media (max-width: 900px) {
	.half-section {
		-webkit-box-align: center !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		padding: 60px 24px !important
	}
}

.half-section:before {
	content: "";
	opacity: 0.04;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute
}

.half-section.nature {
	padding: 60px 90px 90px 60px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.half-section.nature:before {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/nature.svg");
	background-position: -20% 50%;
	background-size: auto 80%;
	background-repeat: no-repeat
}

.half-section.nuture {
	padding: 60px 60px 90px 90px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.half-section.nuture:before {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/nuture.svg");
	background-position: 120% 50%;
	background-size: auto 80%;
	background-repeat: no-repeat
}

.half-section.disc {
	padding: 24px 32px 32px;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.half-section.disc.best:before {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/icons/blue/gear.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}

.half-section.disc.pros:before {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/icons/blue/weights.svg");
	background-position: center;
	background-size: auto 80%;
	background-repeat: no-repeat
}

.half-section.disc.cons:before {
	background: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/icons/blue/brokenlink.svg");
	background-position: top;
	background-size: auto 80%;
	background-repeat: no-repeat
}

.half-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-size: 22px;
	line-height: 30px;
	font-weight: 600
}

.half-header img {
	max-height: 140px;
	margin: 0 20px;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.half-header.nature {
	color: #88c100
}

.half-header.nuture {
	color: #2255a6
}

.half-header.disc {
	color: #2ca7e4
}

@media (max-width: 900px) {
	.half-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

.half-text {
	margin-top: 32px;
	max-width: 400px;
	font-size: 16px;
	line-height: 24px;
	color: rgba(0, 0, 0, 0.54)
}

@media (max-width: 900px) {
	.half-text {
		text-align: center !important;
		border-width: 0px !important;
		padding-right: 0px !important
	}
}

.half-text.nature {
	text-align: right;
	border-right: 2px solid #88c100;
	padding-right: 20px
}

.half-text.nuture {
	border-left: 2px solid #2255a6;
	padding-left: 20px
}

.half-text.disc {
	border-left: 2px solid #2ca7e4;
	padding-left: 20px
}

.ultimate-mid-blue-float {
	max-width: 1080px;
	margin: -36px auto 0;
	background: #def0f9;
	padding: 42px 58px;
	position: relative;
	-webkit-filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.12));
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	font-style: italic
}

.ultimate-mid-blue-float .blue-start {
	color: #2ca7e4;
	font-weight: 400;
	font-style: normal
}

.straight-divider {
	height: 1px;
	margin: 80px auto;
	background: #2ca7e4;
	width: 340px
}

.ultimate-center-blue {
	max-width: 550px;
	text-align: center;
	color: #2ca7e4;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	margin: 0 auto 40px
}

.ultimate-center-blue.wide {
	max-width: 900px
}

.ultimate-center-blue.italic {
	font-style: italic
}

.ultimate-letters-wrapper {
	max-width: 900px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.ultimate-letters-wrapper.wide {
	max-width: 1080px
}

.ultimate-letter {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	opacity: 0.25;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer
}

.ultimate-letter:hover {
	opacity: 0.5
}

.ultimate-letter:hover .letter {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}

.ultimate-letter:hover .letter .letter-img {
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5)
}

.ultimate-letter.active {
	opacity: 1
}

.ultimate-letter.active .letter {
	background-size: 80% 80%
}

.ultimate-letter.active .letter .letter-img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ultimate-letter.five-letter .letter {
	font-size: 120px;
	line-height: 120px
}

@media (max-width: 1080px) {
	.ultimate-letter.five-letter .letter {
		font-size: 90px;
		line-height: 90px
	}
}

@media (max-width: 700px) {
	.ultimate-letter.five-letter .letter {
		font-size: 60px;
		line-height: 60px
	}
}

@media (max-width: 500px) {
	.ultimate-letter.five-letter .letter {
		font-size: 40px;
		line-height: 40px
	}
}

.ultimate-letter.five-letter .letter .letter-img {
	height: 50px;
	top: calc(50% - 25px);
	left: calc(50% - 50px)
}

@media (max-width: 1080px) {
	.ultimate-letter.five-letter .letter .letter-img {
		height: 30px;
		top: calc(50% - 15px);
		left: calc(50% - 40px)
	}
}

@media (max-width: 700px) {
	.ultimate-letter.five-letter .letter .letter-img {
		height: 20px;
		top: calc(50% - 10px);
		left: calc(50% - 25px)
	}
}

@media (max-width: 500px) {
	.ultimate-letter.five-letter .letter .letter-img {
		height: 16px;
		top: calc(50% - 8px);
		left: calc(50% - 18px)
	}
}

.ultimate-letter.five-letter .word {
	font-size: 16px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

@media (max-width: 1080px) {
	.ultimate-letter.five-letter .word {
		font-size: 12px;
		letter-spacing: 0px
	}
}

@media (max-width: 700px) {
	.ultimate-letter.five-letter .word {
		font-size: 10px;
		letter-spacing: 0px
	}
}

@media (max-width: 500px) {
	.ultimate-letter.five-letter .word {
		font-size: 8px;
		letter-spacing: 0px
	}
}

.ultimate-letter.letter-small.active .word {
	font-size: 16px
}

.ultimate-letter.letter-small .letter {
	font-size: 90px;
	line-height: 90px
}

@media (max-width: 1080px) {
	.ultimate-letter.letter-small .letter {
		font-size: 90px;
		line-height: 90px
	}
}

@media (max-width: 700px) {
	.ultimate-letter.letter-small .letter {
		font-size: 60px;
		line-height: 60px
	}
}

@media (max-width: 500px) {
	.ultimate-letter.letter-small .letter {
		font-size: 40px;
		line-height: 40px
	}
}

.ultimate-letter.letter-small .letter .letter-img {
	height: 50px;
	top: calc(50% - 25px);
	left: calc(50% - 50px)
}

@media (max-width: 1080px) {
	.ultimate-letter.letter-small .letter .letter-img {
		height: 30px;
		top: calc(50% - 15px);
		left: calc(50% - 40px)
	}
}

@media (max-width: 700px) {
	.ultimate-letter.letter-small .letter .letter-img {
		height: 20px;
		top: calc(50% - 10px);
		left: calc(50% - 25px)
	}
}

@media (max-width: 500px) {
	.ultimate-letter.letter-small .letter .letter-img {
		height: 16px;
		top: calc(50% - 8px);
		left: calc(50% - 18px)
	}
}

.ultimate-letter.letter-small .word {
	color: #2557a4;
	font-size: 10px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

@media (max-width: 1080px) {
	.ultimate-letter.letter-small .word {
		font-size: 12px;
		letter-spacing: 0px
	}
}

@media (max-width: 700px) {
	.ultimate-letter.letter-small .word {
		font-size: 10px;
		letter-spacing: 0px
	}
}

@media (max-width: 500px) {
	.ultimate-letter.letter-small .word {
		font-size: 8px;
		letter-spacing: 0px
	}
}

.ultimate-letter .letter {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background-position: center;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/bubble.svg");
	background-size: 0% 0%;
	background-repeat: no-repeat;
	font-weight: 600;
	color: #2557a4;
	font-size: 200px;
	line-height: 200px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

@media (max-width: 900px) {
	.ultimate-letter .letter {
		font-size: 120px;
		line-height: 120px
	}
}

@media (max-width: 500px) {
	.ultimate-letter .letter {
		font-size: 80px;
		line-height: 80px
	}
}

.ultimate-letter .letter .letter-img {
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 100px);
	height: 80px;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

@media (max-width: 900px) {
	.ultimate-letter .letter .letter-img {
		height: 40px;
		top: calc(50% - 20px);
		left: calc(50% - 55px)
	}
}

@media (max-width: 500px) {
	.ultimate-letter .letter .letter-img {
		font-size: 80px;
		line-height: 80px
	}
}

.ultimate-letter .word {
	text-align: center;
	color: #2ca7e4;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 1px
}

@media (max-width: 500px) {
	.ultimate-letter .word {
		font-size: 10px;
		letter-spacing: 0px
	}
}

.ultimate-letters-explanations {
	max-width: 900px;
	margin: 24px auto 0;
	background: #fff;
	padding: 20px 32px;
	display: block;
	position: relative;
	-webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05));
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05));
	font-weight: 300;
	font-size: 18px
}

.ultimate-letters-explanations:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	width: 0;
	height: 0
}

.ultimate-letters-explanations:after {
	border: 16px solid transparent;
	border-bottom-color: #fff;
	-webkit-transition: all 0.4s;
	transition: all 0.4s
}

.ultimate-letters-explanations.wide {
	max-width: 1080px
}

.ultimate-letters-explanations.d:after {
	left: 11%
}

.ultimate-letters-explanations.i:after {
	left: 35.5%
}

.ultimate-letters-explanations.s:after {
	left: 61%
}

.ultimate-letters-explanations.c:after {
	left: 86%
}

.ultimate-letters-explanations.e-1:after {
	left: 4%
}

.ultimate-letters-explanations.e-2:after {
	left: 15.2%
}

.ultimate-letters-explanations.e-3:after {
	left: 26.4%
}

.ultimate-letters-explanations.e-4:after {
	left: 37.6%
}

.ultimate-letters-explanations.e-5:after {
	left: 48.8%
}

.ultimate-letters-explanations.e-6:after {
	left: 60%
}

.ultimate-letters-explanations.e-7:after {
	left: 71.2%
}

.ultimate-letters-explanations.e-8:after {
	left: 82.4%
}

.ultimate-letters-explanations.e-9:after {
	left: 93.6%
}

.ultimate-letters-explanations.five-o:after {
	left: 9%
}

.ultimate-letters-explanations.five-c:after {
	left: 29%
}

.ultimate-letters-explanations.five-e:after {
	left: 49%
}

.ultimate-letters-explanations.five-a:after {
	left: 69%
}

.ultimate-letters-explanations.five-n:after {
	left: 89%
}

.ultimate-image-half {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.ultimate-image-half {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.ultimate-image-half.pad-top {
	padding-top: 48px
}

.ultimate-image-half .image-half-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 18px;
	line-height: 28px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 60px
}

.ultimate-image-half .image-half-text.align-right {
	text-align: right;
	margin-right: 60px;
	margin-left: 0;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (max-width: 900px) {
	.ultimate-image-half .image-half-text.align-right {
		margin-right: 0;
		margin-bottom: 24px;
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (max-width: 900px) {
	.ultimate-image-half .image-half-text {
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
		margin-bottom: 24px
	}
}

.ultimate-image-half .image-half-text .blue-text {
	margin-top: 32px;
	color: #2ca7e4;
	font-size: 22px;
	font-weight: 400;
	line-height: 30px;
	max-width: 300px
}

.ultimate-image-half .image-half-text .blue-text.wide {
	max-width: inherit
}

@media (max-width: 900px) {
	.ultimate-image-half .image-half-text .blue-text.hide-small {
		display: none
	}
}

.ultimate-image-half .image-half-image {
	max-width: 300px;
	min-width: 300px
}

.ultimate-image-half .image-half-image .cls-1,
.ultimate-image-half .image-half-image .cls-3 {
	fill: #f2f9fc
}

.ultimate-image-half .image-half-image .cls-2 {
	fill: #e0e0e0
}

.ultimate-image-half .image-half-image .cls-3 {
	stroke: #e0e0e0;
	fill: #f2f9fc;
	stroke-miterlimit: 10
}

.ultimate-image-half .image-half-image .cls-4 {
	fill: #ff7f56
}

.ultimate-image-half .image-half-image .cls-5 {
	fill: #ffb03c
}

.ultimate-image-half .image-half-image .cls-6 {
	fill: #ffd33c
}

.ultimate-image-half .image-half-image .cls-7 {
	fill: #76c279
}

.ultimate-image-half .image-half-image .cls-8 {
	fill: #3ca6ab
}

.ultimate-image-half .image-half-image .cls-9 {
	fill: #2ca7e4
}

.ultimate-image-half .image-half-image .cls-10 {
	fill: #6d7ac6
}

.ultimate-image-half .image-half-image .cls-11 {
	fill: #f05c59
}

.ultimate-image-half .image-half-image .direct {
	opacity: 0;
	fill: #f05c59
}

.ultimate-image-half .image-half-image .dynamic {
	opacity: 0;
	fill: #ff7f56
}

.ultimate-image-half .image-half-image .expressive {
	opacity: 0;
	fill: #ffb03c
}

.ultimate-image-half .image-half-image .warm {
	opacity: 0;
	fill: #ffd33c
}

.ultimate-image-half .image-half-image .calm {
	opacity: 0;
	fill: #76c279
}

.ultimate-image-half .image-half-image .practical {
	opacity: 0;
	fill: #3ca6ab
}

.ultimate-image-half .image-half-image .analytical {
	opacity: 0;
	fill: #2ca7e4
}

.ultimate-image-half .image-half-image .questioning {
	opacity: 0;
	fill: #6d7ac6
}

.ultimate-image-half .image-half-image .captain {
	opacity: 0;
	fill: #db3c48
}

.ultimate-image-half .image-half-image .driver {
	opacity: 0;
	fill: #e5561f
}

.ultimate-image-half .image-half-image .initiator {
	opacity: 0;
	fill: #f48119
}

.ultimate-image-half .image-half-image .influencer {
	opacity: 0;
	fill: #ffb727
}

.ultimate-image-half .image-half-image .motivator {
	opacity: 0;
	fill: #f7cf0d
}

.ultimate-image-half .image-half-image .encourager {
	opacity: 0;
	fill: #d3e000
}

.ultimate-image-half .image-half-image .harmonizer {
	opacity: 0;
	fill: #afd80a
}

.ultimate-image-half .image-half-image .counselor {
	opacity: 0;
	fill: #88c100
}

.ultimate-image-half .image-half-image .supporter {
	opacity: 0;
	fill: #11b21b
}

.ultimate-image-half .image-half-image .planner {
	opacity: 0;
	fill: #51b48e
}

.ultimate-image-half .image-half-image .stabilizer {
	opacity: 0;
	fill: #00b6bc
}

.ultimate-image-half .image-half-image .editor {
	opacity: 0;
	fill: #007fb6
}

.ultimate-image-half .image-half-image .analyst {
	opacity: 0;
	fill: #2f5fa5
}

.ultimate-image-half .image-half-image .skeptic {
	opacity: 0;
	fill: #6756b2
}

.ultimate-image-half .image-half-image .questioner {
	opacity: 0;
	fill: #93359b
}

.ultimate-image-half .image-half-image .architect {
	opacity: 0;
	fill: #c62e85
}

.ultimate-image-half .image-half-image .fill-D {
	fill: #db3c48
}

.ultimate-image-half .image-half-image .fill-Di {
	fill: #e5561f
}

.ultimate-image-half .image-half-image .fill-DI {
	fill: #f48119
}

.ultimate-image-half .image-half-image .fill-Id {
	fill: #ffb727
}

.ultimate-image-half .image-half-image .fill-I {
	fill: #f7cf0d
}

.ultimate-image-half .image-half-image .fill-Is {
	fill: #d3e000
}

.ultimate-image-half .image-half-image .fill-IS {
	fill: #afd80a
}

.ultimate-image-half .image-half-image .fill-Si {
	fill: #88c100
}

.ultimate-image-half .image-half-image .fill-S {
	fill: #11b21b
}

.ultimate-image-half .image-half-image .fill-Sc {
	fill: #51b48e
}

.ultimate-image-half .image-half-image .fill-SC {
	fill: #00b6bc
}

.ultimate-image-half .image-half-image .fill-Cs {
	fill: #007fb6
}

.ultimate-image-half .image-half-image .fill-C {
	fill: #2f5fa5
}

.ultimate-image-half .image-half-image .fill-Cd {
	fill: #6756b2
}

.ultimate-image-half .image-half-image .fill-CD {
	fill: #93359b
}

.ultimate-image-half .image-half-image .fill-Dc {
	fill: #c62e85
}

.ultimate-image-half .image-half-image .cls-12 {
	fill: #ff7043
}

.ultimate-image-half .image-half-image .cls-13 {
	fill: #26a69a
}

.ultimate-image-half .image-half-image .cls-14 {
	fill: #66bb6a
}

.ultimate-image-half .image-half-image .cls-15 {
	fill: #5bb6e3
}

.ultimate-image-half .image-half-image .cls-16 {
	fill: #5c6bc0
}

.ultimate-image-half .image-half-image .cls-17 {
	fill: #ef5350
}

.ultimate-image-half .image-half-image .cls-18 {
	fill: #dd5252
}

.ultimate-image-half .image-half-image .cls-19 {
	fill: #ffb236
}

.ultimate-image-half .image-half-image .hoverOpacity {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer
}

.ultimate-image-half .image-half-image .hoverOpacity:hover {
	opacity: 0.5 !important
}

@media (max-width: 420px) {
	.ultimate-image-half .image-half-image {
		max-width: 300px;
		min-width: 300px
	}
}

.ultimate-image-half .image-half-image.small {
	max-width: 300px;
	min-width: 300px
}

.ultimate-helper-text {
	text-align: center;
	font-size: 22px;
	line-height: 28px;
	color: #fff;
	padding: 16px 24px
}

.ultimate-myers-toggle-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 100px
}

.ultimate-myers-toggle {
	-webkit-filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.08));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #fff;
	background-image: linear-gradient(110deg, transparent 50%, #e5f3fb 0);
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.ultimate-myers-toggle.left {
	background-image: linear-gradient(110deg, #e5f3fb 50%, transparent 0)
}

.ultimate-myers-toggle .ultimate-toggle-half {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 32px 0;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.ultimate-myers-toggle .ultimate-toggle-half.active .ultimate-toggle-half-img {
	background-size: 65% 65%
}

.ultimate-myers-toggle .ultimate-toggle-half.active .letter {
	opacity: 1
}

.ultimate-myers-toggle .ultimate-toggle-half.active .word {
	opacity: 1
}

.ultimate-myers-toggle .ultimate-toggle-half:hover {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}

.ultimate-myers-toggle .ultimate-toggle-half-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: 0% 0%;
	background-repeat: no-repeat;
	opacity: 0.1;
	-webkit-transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.5s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

.ultimate-myers-toggle .ultimate-toggle-half-img.left {
	background-position: 10% 50%
}

.ultimate-myers-toggle .ultimate-toggle-half-img.right {
	background-position: 90% 50%
}

.ultimate-myers-toggle .letter {
	font-weight: 600;
	color: #2557a4;
	font-size: 180px;
	line-height: 160px;
	width: 320px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	opacity: 0.3;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

@media (max-width: 900px) {
	.ultimate-myers-toggle .letter {
		font-size: 120px;
		line-height: 120px;
		width: 200px
	}
}

@media (max-width: 440px) {
	.ultimate-myers-toggle .letter {
		font-size: 80px;
		line-height: 80px;
		width: 120px
	}
}

.ultimate-myers-toggle .word {
	text-align: center;
	color: #2557a4;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 1px;
	position: relative;
	opacity: 0.3;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35)
}

@media (max-width: 900px) {
	.ultimate-myers-toggle .word {
		font-size: 16px;
		letter-spacing: 1px
	}
}

@media (max-width: 440px) {
	.ultimate-myers-toggle .word {
		font-size: 12px;
		letter-spacing: 0
	}
}

.ultimate-myers-toggle-text {
	max-width: 400px;
	margin: 24px auto 100px;
	text-align: center;
	font-weight: 300;
	font-size: 16px;
	line-height: 24px
}

.ultimate-myers-toggle-text span {
	color: #2557a4;
	text-transform: uppercase;
	font-weight: 400
}

.ultimate-myers-stack-toggles-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 700px;
	margin: 0 auto
}

@media (max-width: 700px) {
	.ultimate-myers-stack-toggles-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.ultimate-myers-stack-toggles {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-position: center;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/circle.svg");
	background-size: contain;
	background-repeat: no-repeat;
	padding: 32px
}

.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 360px;
	background: #fff;
	border-radius: 1000px;
	padding: 0 3px;
	margin: 10px 0
}

@media (max-width: 420px) {
	.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle {
		width: 280px;
		margin: 6px 0
	}
}

.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle .stack-toggle {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-radius: 1000px;
	padding: 16px;
	text-align: center;
	font-size: 22px;
	margin: 6px 3px;
	color: rgba(0, 0, 0, 0.24);
	cursor: pointer;
	-webkit-transition: all 0.2s, background 0.4s;
	transition: all 0.2s, background 0.4s;
	background: #fff
}

@media (max-width: 420px) {
	.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle .stack-toggle {
		padding: 8px
	}
}

.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle .stack-toggle:hover {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
	-webkit-filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.1))
}

.ultimate-myers-stack-toggles .ultimate-myers-stack-toggle .stack-toggle.active {
	background: #2ca7e4;
	color: #fff;
	font-style: italic;
	font-weight: 600
}

.ultimate-myers-stack-toggle-summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 24px 0
}

.ultimate-myers-stack-toggle-summary .summary-text {
	font-style: italic;
	font-weight: 300;
	font-size: 18px;
	margin-bottom: 16px
}

.ultimate-myers-stack-toggle-summary .summary-button {
	width: 170px;
	padding: 12px;
	background: #fff;
	-webkit-filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(3px 6px 4px rgba(0, 0, 0, 0.08));
	text-align: center;
	font-size: 48px;
	line-height: 46px;
	color: #2ca7e4;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 1000px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}

.ultimate-myers-stack-toggle-summary .summary-button:hover {
	-webkit-filter: drop-shadow(6px 8px 6px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(6px 8px 6px rgba(0, 0, 0, 0.1));
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03)
}

.ultimate-image-enneagram-wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.ultimate-image-enneagram-wrapper {
		margin-bottom: 24px
	}
}

.ultimate-image-enneagram-wrapper .enneagram-point {
	position: absolute;
	border-radius: 100px;
	margin-left: -38px;
	margin-top: -34px;
	padding: 40px;
	cursor: pointer
}

.ultimate-image-enneagram-wrapper .enneagram-point:hover:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.ultimate-image-enneagram-wrapper .enneagram-point:after {
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.35);
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	content: "";
	position: absolute;
	left: 23px;
	right: 0;
	top: 23px;
	bottom: 0;
	border-radius: 100px;
	width: 24px;
	height: 24px;
	border: 3px solid #2ca7e4;
	background: #fff
}

.img-enneagram-number-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	color: #2ca7e4;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.img-enneagram-number-wrapper .img-enneagram-number {
	font-size: 80px;
	text-align: center;
	line-height: 80px
}

@media (max-width: 420px) {
	.img-enneagram-number-wrapper .img-enneagram-number {
		font-size: 60px;
		line-height: 60px
	}
}

.img-enneagram-number-wrapper .img-enneagram-button {
	padding: 2px 8px;
	border-radius: 100px;
	font-weight: 400;
	font-size: 18px;
	border: 1px solid #2ca7e4;
	font-style: italic;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.img-enneagram-number-wrapper .img-enneagram-button:hover {
	background: #2ca7e4;
	border-color: #2ca7e4;
	color: #fff
}

@media (max-width: 420px) {
	.img-enneagram-number-wrapper .img-enneagram-button {
		font-size: 16px;
		padding: 2px 8px
	}
}

.ultimate-five-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.08));
	margin-bottom: 100px
}

@media (max-width: 900px) {
	.ultimate-five-bar {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 300px;
		margin: 0 auto 100px
	}
}

.ultimate-five-bar .ultimate-five-item {
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
	padding: 24px 16px;
	background: #fff;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

@media (max-width: 900px) {
	.ultimate-five-bar .ultimate-five-item {
		width: 100%
	}
}

.ultimate-five-bar .ultimate-five-item:nth-child(odd) {
	background-color: #fbfbfb
}

.ultimate-five-bar .ultimate-five-item:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.05));
	filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.05));
	z-index: 1
}

.wide-bubble-back {
	background-repeat: no-repeat;
	background-image: url("https://1716276.fs1.hubspotusercontent-na1.net/hubfs/1716276/WebsiteApril2019/ultimate/widebubble.svg");
	background-position: center;
	background-size: contain
}

.ultimate-marketing-image-half {
	margin: 60px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.ultimate-marketing-image-half.reverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

.ultimate-marketing-image-half.reverse:before {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	left: calc(100% - 100px)
}

.ultimate-marketing-image-half.schedule:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(213, 0, 116, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(213, 0, 116, 0.2) 100%)
}

.ultimate-marketing-image-half.resolve:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(203, 214, 7, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(203, 214, 7, 0.2) 100%)
}

.ultimate-marketing-image-half.meetings:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(254, 176, 52, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(254, 176, 52, 0.2) 100%)
}

.ultimate-marketing-image-half.relationships:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(100, 26, 227, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(100, 26, 227, 0.2) 100%)
}

.ultimate-marketing-image-half.pricing:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(244, 129, 26, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(244, 129, 26, 0.2) 100%)
}

.ultimate-marketing-image-half.leadership:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(34, 85, 166, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(34, 85, 166, 0.2) 100%)
}

.ultimate-marketing-image-half.recruiting:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(218, 61, 71, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(218, 61, 71, 0.2) 100%)
}

.ultimate-marketing-image-half.emails:before {
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(140, 197, 3, 0.2)));
	background: linear-gradient(90deg, transparent 0%, rgba(140, 197, 3, 0.2) 100%)
}

.ultimate-marketing-image-half:before {
	position: absolute;
	content: "";
	top: 0;
	right: calc(100% - 100px);
	width: calc(50vw - 440px);
	height: calc(100% - 33px)
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half:before {
		display: none
	}
}

.ultimate-marketing-image-half .image-half-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-left: 60px;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-text {
		width: 100%
	}
}

.ultimate-marketing-image-half .image-half-text.align-right {
	text-align: right;
	margin-right: 60px;
	margin-left: 0;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-text.align-right {
		margin-right: 0;
		margin-bottom: 24px;
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-text {
		text-align: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-left: 0;
		margin-bottom: 24px
	}
}

.ultimate-marketing-image-half .image-half-text .blue-header {
	margin-bottom: 24px;
	color: #2ca7e4;
	font-size: 28px;
	font-weight: 400;
	line-height: 34px;
	width: 100%
}

.ultimate-marketing-image-half .image-half-text .blue-link {
	margin-top: 24px;
	color: #2ca7e4;
	font-size: 20px;
	font-weight: 400;
	line-height: 36px;
	font-style: italic;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	display: inline-block
}

.ultimate-marketing-image-half .image-half-text .blue-link:hover {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	letter-spacing: 1px
}

.ultimate-marketing-image-half .image-half-image {
	max-height: 320px;
	max-height: 320px;
	margin-left: 100px;
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1))
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-image {
		width: 100%
	}
}

.ultimate-marketing-image-half .image-half-image.reverse {
	margin-left: 0;
	margin-right: 100px
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-image.reverse {
		margin-right: 0;
		margin-bottom: 24px
	}
}

@media (max-width: 900px) {
	.ultimate-marketing-image-half .image-half-image {
		margin-left: 0;
		margin-bottom: 24px
	}
}

.ultimate-marketing-wide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 100px 0
}

.ultimate-marketing-wide.reverse {
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse
}

.ultimate-marketing-wide .marketing-wide-half {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.ultimate-marketing-wide .marketing-wide-half.margin-left {
	max-width: 540px;
	margin: 0 0 0 auto;
	padding-right: 16px
}

.ultimate-marketing-wide .marketing-wide-half.margin-right {
	max-width: 540px;
	margin: 0 auto 0 0;
	padding-left: 16px
}

@media (max-width: 1080px) {
	.ultimate-marketing-wide .marketing-wide-half {
		width: 100%;
		padding: 16px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.ultimate-marketing-wide .marketing-wide-half.margin-left,
	.ultimate-marketing-wide .marketing-wide-half.margin-right {
		max-width: 100%;
		margin: 0
	}
}

.ultimate-marketing-wide .blue-header {
	color: #2ca7e4;
	font-size: 28px;
	font-weight: 400;
	line-height: 34px;
	width: 100%
}

@media (max-width: 1080px) {
	.ultimate-marketing-wide .blue-header {
		text-align: center
	}
}

.ultimate-marketing-wide p {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin: 24px 0
}

.ultimate-marketing-wide .small-text {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin: 4px 0 20px
}

.ultimate-marketing-wide .small-text a {
	font-weight: 400;
	font-style: italic
}

.ultimate-marketing-wide .marketing-wide-list {
	border-left: 1px solid #2ca7e4;
	padding-left: 24px
}

@media (max-width: 1080px) {
	.ultimate-marketing-wide .marketing-wide-list .blue-header {
		text-align: left
	}
}

.ultimate-social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 1080px;
	margin: 48px auto
}

.ultimate-social:before,
.ultimate-social:after {
	content: "";
	height: 1px;
	background: #2ca7e4;
	width: 100%;
	top: 50%
}

.ultimate-social:before {
	left: 0;
	margin-right: 16px
}

.ultimate-social:after {
	right: 0;
	margin-left: 16px
}

.ultimate-social .ultimate-social-img {
	margin: 0 12px;
	display: block;
	cursor: pointer
}

.ultimate-social .ultimate-social-img img {
	width: 40px;
	min-width: 40px;
	height: 40px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.ultimate-social .ultimate-social-img img:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.ultimate-features-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media (max-width: 900px) {
	.ultimate-features-wrapper {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.ultimate-features {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 24px 0
}

.ultimate-features .ultimate-feature {
	width: 160px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.ultimate-features .ultimate-feature img {
	width: 100%;
	-webkit-filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05));
	filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.05))
}

.ultimate-features .ultimate-feature:nth-child(2) {
	margin-left: -16px;
	z-index: -1
}

.ultimate-features .ultimate-feature .ultimate-feature-text {
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: #2ca7e4;
	border-radius: 1000px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 14px;
	margin-top: -16px;
	z-index: 100
}

.ultimate-feature-paragraph {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	margin-left: 32px
}

@media (max-width: 900px) {
	.ultimate-feature-paragraph {
		text-align: center;
		margin-left: 0
	}
}

.ultimate-feature-paragraph span {
	color: #2ca7e4;
	text-transform: uppercase;
	font-weight: 600;
	font-style: italic
}

.TOCButton {
	width: 400px
}

@media (max-width: 400px) {
	.TOCButton {
		width: auto
	}
}

.hidden-section {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.hidden-section .hidden-content-wrapper {
	padding-top: 22px;
	width: auto;
	max-width: 100%;
	-webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.08))
}

.hidden-section .hidden-column {
	display: block;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	margin-bottom: -1px;
	text-align: center;
	padding: 8px 12px;
	color: rgba(0, 0, 0, 0.38);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background: #fff
}

.hidden-section .hidden-column:hover {
	color: #2ca7e4;
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05));
	filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.05))
}

.hidden-section.active {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1)
}

.ultimate-info-section {
	background-image: linear-gradient(135deg, #01293d 0%, rgba(1, 41, 61, 0.75) 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	padding: 16px 100px
}

@media (max-width: 800px) {
	.ultimate-info-section {
		padding: 16px 32px
	}
}

.ultimate-info-section .ultimate-info-text {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	margin-left: 32px
}

.heavy-half-title {
	font-size: 48px;
	line-height: 54px
}

.heavy-half-title.blue {
	color: #2ca7e4
}

.angled-background {
	padding: 8vw 0;
	-webkit-clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%);
	clip-path: polygon(0 8vw, 100% 0, 100% calc(100% - 8vw), 0 100%)
}

.angled-top {
	padding: 8vw 0 0;
	-webkit-clip-path: polygon(0 0, 100% 8vw, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 8vw, 100% 100%, 0 100%)
}

.skew-bars-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	max-width: 490px;
	margin: 0 auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.skew-bars {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	min-width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.skew-bars .skew-bars-inner {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 100%;
	padding: 0 11% 0 20%;
	margin-bottom: 4px;
	background-image: url(../png/light-comparison-lines.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.skew-bars .skew-bars-inner.dark {
	background-image: url(../png/dark-comparison-lines.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center
}

.skew-bars .skew-bar {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 2px;
	margin: 17.2% 0;
	overflow: visible !important;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}

.skew-bars .skew-bar:nth-child(1) {
	-webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg)
}

.skew-bars .skew-bar:nth-child(1) img {
	-webkit-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg)
}

.skew-bars .skew-bar:nth-child(2) {
	-webkit-transform: rotate(1.5deg);
	-ms-transform: rotate(1.5deg);
	transform: rotate(1.5deg)
}

.skew-bars .skew-bar:nth-child(2) img {
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg)
}

.skew-bars .skew-bar:nth-child(3) {
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg)
}

.skew-bars .skew-bar:nth-child(3) img {
	-webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg)
}

.skew-bars .skew-bar:nth-child(4) {
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg)
}

.skew-bars .skew-bar:nth-child(4) img {
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg)
}

.skew-bar-image {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition: all 0.3s cubic-bezier(0.6, 0.5, 0.38, 1.45);
	width: 48px;
	height: 48px;
	border-radius: 50%
}

.triple-stack-wrapper {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 250px;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.triple-stack-wrapper .triple-stack-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12))
}

.triple-stack-wrapper .triple-stack-img:hover {
	-webkit-transform: rotateY(-16deg) translateX(20px) translateY(-10px);
	transform: rotateY(-16deg) translateX(20px) translateY(-10px);
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.triple-stack-wrapper .triple-stack-img.left-lean:hover {
	-webkit-transform: rotateY(16deg) translateX(20px) translateY(-10px);
	transform: rotateY(16deg) translateX(20px) translateY(-10px)
}

.triple-stack-wrapper .triple-stack-img img {
	max-width: 100%;
	width: 450px
}

@media (max-width: 900px) {
  .info-half.align-start .info-half.contain-large-image.no-shadow.end {
      margin-bottom: 0 !important;
  }
  .info-half.bubble-behind {
      grid-row: 1 !important;
      margin-bottom: 30px !important;
  }
  .info-half.contain-large-image {
      grid-row: 1 !important;
      margin-bottom: 30px !important;
  }
  .info-half.align-start {
      grid-row: 1;
      margin-bottom: 30px !important;
  }

	.triple-stack-wrapper {
		height: auto;
		margin-top: 230px
	}

	.triple-stack-wrapper .triple-stack-img {
		margin: -230px auto 0;
		position: relative
	}

	.triple-stack-wrapper .triple-stack-img:hover {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.plans-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 48px
}

.plan-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	margin-bottom: 48px;
	text-decoration: none
}

.plan-wrapper:hover .plan-header {
	padding: 24px 12px;
	margin-top: -24px
}

.plan-wrapper:nth-child(1) .plan-lower {
	-webkit-transition: all 0.2s;
	transition: all 0.2s
}

.plan-wrapper:nth-child(2) .plan-lower {
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.plan-wrapper:nth-child(3) .plan-lower {
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.plan-upper {
	width: 100%;
	-webkit-filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.12));
	z-index: 100
}

.plan-upper.tier-1 {
	color: #2ca7e4
}

.plan-upper.tier-1 .plan-header {
	background: #2ca7e4;
	background-image: linear-gradient(45deg, rgba(54, 175, 235, 0.8), #198ac3), url("../png/affiliate.png");
	background-size: cover
}

.plan-upper.tier-1 .button {
	background: #2ca7e4
}

.plan-upper.tier-2 {
	color: #157caf
}

.plan-upper.tier-2 .plan-header {
	background: #157caf;
	background-image: linear-gradient(45deg, rgba(21, 124, 175, 0.8), #106b9a), url("../png/affiliate.png");
	background-size: cover
}

.plan-upper.tier-2 .button {
	background: #157caf
}

.plan-upper.tier-3 {
	color: #06607c
}

.plan-upper.tier-3 .plan-header {
	background: #06607c;
	background-image: linear-gradient(45deg, rgba(6, 96, 124, 0.8), #004b62), url("../png/affiliate.png");
	background-size: cover
}

.plan-upper.tier-3 .button {
	background: #06607c
}

.plan-header {
	background: #2ca7e4;
	width: 100%;
	text-align: center;
	padding: 12px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: 0.25s cubic-bezier(0, 0.65, 0.35, 1.5);
	transition: 0.25s cubic-bezier(0, 0.65, 0.35, 1.5);
	border-radius: 8px 8px 0 0
}

.plan-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 24px;
	background: #fff;
	border-radius: 0 0 8px 8px
}

.price-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 12px
}

.price-text {
	font-size: 32px;
	line-height: 38px
}

.price-subtext {
	margin-top: 4px;
	line-height: 24px;
	font-size: 18px;
	font-style: italic
}

.plan-lower {
	background: #fff;
	padding: 8px 24px;
	border-radius: 0 0 8px 8px;
	width: calc(100% - 48px);
	-webkit-transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top
}

.plan-check {
	margin: 16px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.plan-check .plan-img {
	width: 16px;
	height: 16px;
	margin-right: 12px;
	margin-top: 4px
}

.plan-check .plan-check-text {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.54);
	line-height: 18px
}

.sales-hover-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative
}

.sales-hover-center {
	width: 420px;
	height: 420px;
	padding: 48px 48px 48px 0;
	margin: 48px 0
}

@media (max-width: 600px) {
	.sales-hover-center {
		width: 300px;
		height: 300px
	}
}

.sales-hover-image {
	position: absolute;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	width: 60%
}

.sales-hover-image:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}

.offset-images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.offset-images img {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	transition-timing-function: cubic-bezier(0.6, 0.5, 0.38, 1.45);
	padding: 8px 0;
	width: calc(100% - 80px)
}

.offset-images img:nth-child(odd) {
	margin: 0 auto 0 0
}

.offset-images img:nth-child(even) {
	margin: 0 0 0 auto
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: normal;
	font-style: normal;
	font-family: "Lato", sans-serif;
	-webkit-font-smoothing: antialiased;
	color: rgba(0, 0, 0, 0.87);
	scroll-behavior: smooth
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

input,
textarea,
select,
button {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Lato"
}

h1 {
	font-size: 28px;
	line-height: 36px;
	letter-spacing: 1px;
	font-weight: 400
}

h2 {
	font-size: 20px;
	text-align: center;
	margin: 0
}

h3 {
	font-weight: 300;
	font-size: 20px;
	line-height: 28px;
	margin: 0
}

a {
	text-decoration: none;
	color: #2ca7e4
}

.full-page-wrapper {
	max-width: 100vw;
	overflow: hidden;
	scroll-behavior: smooth
}

.italicized {
	font-style: italic
}

.bold {
	font-weight: 600
}

.sale_reps {
    background: #2456a6;
    padding: 30px;
    color: #fff;
    font-size: 20px;
}
.sale_manager {
    background: #2ca7e4;
    padding: 30px;
    color: #fff;
    font-size: 20px;
}
.sale_exces {
    background: #00b5bb;
    padding: 30px;
    color: #fff;
    font-size: 20px;
}
.border-clr ul {
    font-size: 20px;
    margin: 0;
    text-align: left;
    padding-left: 45px;
    padding-right: 15px;
    min-height: 225px;
    padding-bottom: 0;
}
.border-clr ul li {
    margin: 15px 0;
    font-weight: 300;
}

.table-cont {
  padding: 30px
}
.sale_reps1 .table-cont{
  background: #f3f7fc;
}
.sale_manager1 .table-cont {
  background: #eaf7fe;
}
.sale_exces1 .table-cont {
    background: #e7f5f6;
}
.table-body-cont {
  display: flex;
  flex-wrap:wrap;
}
.table-col {
  flex: 0 0 33.33%;
  max-width: 33.33%;
  min-height: 100%;
  padding: 0 15px;
}
.table-body-cont .table-inner-bg {
  border: solid 1px #f1f1f1;
	border-radius: 30px;
  overflow: hidden;
  box-shadow: 0px 2px 8px -5px;
  min-height: 100%;
  font-size: 14px
}
 .sale_manager1 {
    background: #eaf7fe;
}
.sale_reps1 {
    background: #f3f7fc;
} 
.table-body-cont h3 {
  font-weight: 400;
} 
.sale_exces1 {
    background: #e7f5f6;
}
.learn-more {
    margin-bottom: 20px;
}
.table-cont li:first-child {
    margin-top: 0 !important;
}
html, body {
    overflow-x: hidden !important;
}
.info-half.mid-max-width h1, .info-half.column h1 {
    font-size: 32px;
    line-height: 40px; 
    color: #2ca7e4;
    text-transform: uppercase;
}
.sales-backgroud h1 {
    color: #fff !important;
}
.header-subtext p {
    line-height: 28px;
}
@media screen and (max-width : 1199.98px) {
  .border-clr ul li {
      font-size: 16px; 
      line-height: 1.2;
  }
  .border-clr ul {
    min-height: 180px; 
    padding-right:35px
  }
  .table-body-cont .table-inner-bg {
      border-radius: 15px;
  }
}
@media screen and (max-width : 991.98px) {
  .table-cont {
    padding: 15px;
  }
  .border-clr ul li {
      font-size: 14px; 
      line-height: 1.2;
  }
  .table-col {
      padding: 0 10px;
  }
}
@media screen and (max-width: 767.98px)  {  
  .info-half.mid-max-width h1, .info-half.column h1 {
    font-size: 24px;
  }
  .table-col:first-child {
    margin-top: 0;
  }
  .table-body-cont .table-inner-bg{
    min-height: unset; 
  }
  .table-col {
      margin-top: 20px;
  } 
  .border-clr ul {
    min-height: unset;
  }
  .table-col {
    flex: 0 0 100%;
    max-width: 100%; 
    padding: 0;
  }
  .disc-img-wrapper img, .home-teams-images .home-teams-people img {
      max-width: 100%;
  }
  .reviews {
    padding: 70px 30px 50px;
    font-size: 22px;
    line-height: 30px;
  }
  .home-page-blue-title {
      font-size: 24px !important;
      font-weight: 500;
      line-height: 28px !important;
  }
  html, body {
      overflow-x: hidden !important; 
  }
    .border-clr th, .border-clr td {
      flex-wrap: unset; 
      flex-direction: unset;
      width: 100%;
      padding: 10px 15px;
      white-space:nowrap;
      min-width:200px;
    }
  .border-clr ul li {
      font-size: 18px
  }   
}
@media (max-width: 575px) {
    .info-section.small-margins {
      padding-right:0 !important
    }
    .home-link{
      margin-top: 15px !important;
    }
    .sale_reps, .sale_manager, .sale_exces  {
      padding: 20px;
      font-size: 18px; 
    }
    
    .table-cont {
      padding: 15px 30px;
    }
}