/*!
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: It's a divi child theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: 'Barlow-Medium';
  src: url('/wp-content/uploads/2019/11/Barlow-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Regular';
  src: url('/wp-content/uploads/2019/11/Barlow-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Barlow-Light';
  src: url('/wp-content/uploads/2019/11/Barlow-Light.woff') format('woff');
 font-display: swap;
}

@font-face {
  font-family: 'Barlow-SemiBold';
  src: url('/wp-content/uploads/2019/11/Barlow-SemiBold.woff') format('woff');
  font-display: swap;
}

/* Outline Button */

.outline__button {
	display: inline-block;
	position: relative;
	height: 44px;
/* 	border: 3px solid #6491FF; */
	box-shadow: inset 0px 0px 0px 3px #6491FF;
	border-radius: 50px;
	padding: 0 25px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	font-family: "Barlow-Semibold", sans-serif;
	line-height: 42px;
	background-color: #fff;
	font-size: 16px;
	text-align: left;
	user-select: none;
	cursor: pointer;
}

.outline__button-filled {
	position: absolute;
	top:-3px;
	left:-3px;
	display: inline-block;
	height: 50px;
	background-color: #6491FF;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
	width: 0;
/*	transition: padding .15s, width .15s;*/
	transition: padding .15s, width .15s;
	transition-timing-function: ease-out;
/* 	font-style: italic; */
}

.outline__button-filled-text {
	position: absolute;
	left:33px;
	top: 3px;
	color: #fff;
	box-sizing: border-box;
	transition: padding .1s, width .1s;
	transition-timing-function: ease-out;
}

.outline__button:hover .outline__button-filled {
	padding: 0 50px;
	width: 105%;
}


.outline__button--black {
/* 	border: 3px solid #000; */
	box-shadow: inset 0px 0px 0px 3px #000;
	color: #000 !important;
}

.outline__button--black .outline__button-filled {
	background-color: #000;
}



/* Bottom CTA */

#bottom-cta {
	background-color: #FFF5EA;
	border-radius: 10px;
	margin: 54px;
	overflow: hidden;
	padding: 80px 0 80px;
	clear: both;
}

#bottom-cta__heading {
	font-size:60px;
	font-family: "Barlow-Medium", sans-serif;
	color: #6491FF;
	text-align: center;
	margin: 40px 0 40px;
}

#bottom-cta__button {
/*
	margin: 0 auto;
	display: block;
	width: 193px;
*/
}

#bottom-cta__illustration-container {
	width: 215px;
	margin: 0 auto;
	position: relative;
	left: 35px;
}

#bottom-cta__dotted-line {
	width: 900px;
	position: absolute;
	left: -900px;
	fill:none;
	stroke:#000000;
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 16,12;
}

#bottom-cta__dotted-line .dotted-line-cover {
	stroke: #FFF5EA;
	stroke-width:4;
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	transition: stroke-dashoffset 1s ease-out;
}

#bottom-cta__burst-lines {
	position: absolute;
}

.burst-line {
	stroke:#000000;
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-dasharray: 500;
	stroke-dashoffset: 0;
}

#bottom-cta.visible .burst-line {
	transition: stroke-dashoffset .1s;
	transition-timing-function: ease-out;
	stroke-dashoffset: 0 !important;
	transition-delay: 1.05s;
}

#bottom-cta.visible .burst-line:nth-child(2) {
	transition-delay: 1.09s;
}
#bottom-cta.visible .burst-line:nth-child(3) {
	transition-delay: 1.07s;
}

#bottom-cta__illustration {

}

#bottom-cta .twinkle-star  {
	width: 15%;
}


/* Footer */
#footer {
	position: relative;
	background-color: #6491FF;
	margin: 0;
	padding: 60px 0;
/*	display: table;*/
}

.footer__column {
	width: 49%;
	height: 100%;
	display: inline-block;
	vertical-align: top;
/*	float:left;*/
/*	display: table-cell;*/
}

#footer__illustration-container {
	width: 240px;
	margin: 0 auto;
	position: relative;
}

#footer__illustration {
	position: relative;
	z-index: 5;
}

#footer__blob {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	fill:none;
	stroke:#000000;
	stroke-width:3.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 10,15;
}

#footer-cta__heading {
	font-size: 40px;
	font-family: "Barlow-Semibold", sans-serif;
	color: #D6EAF5;
	text-align: center;
	margin: 10px 0 30px;
}

#footer-cta__button {
	margin: 0 auto;
	display: block;
	width: 124px;
	cursor: pointer;
}


#footer__links-container {
	padding-top: 20px;
}

.footer__links-row {
/*	float: left;*/
/*	clear: both;*/
	display: inline-block;
	vertical-align: top;
}

.footer__links-column {
/*	float: left;*/
	display: inline-block;
	margin-right: 3vw;
	vertical-align: top;
	margin-bottom: 1em;
}

.footer__links-heading {
	color: #D6EAF5;
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 40px;
}

a.footer__link {
	color: #fff;
	display: block;
	font-size: 16px;
	margin-bottom: 8px;
	user-select: none;
}

a.footer__link:hover {
	color: #D6EAF5 !important;
}


#footer__secondary-container {
	padding-top: 146px;
	padding-left: 100px;
	position: relative;
	clear: both;
}

#footer__logo-link {
	display: inline-block;
	position: absolute;
/*	margin-right: 50px;*/
	width: 44px;
	top: 138px;
	left: 0;
	transition: opacity .15s;
}

#footer__logo-link:hover {
	opacity: .8;
}

a.footer__link.footer__secondary-link {
	display: inline-block;
	margin-bottom: 0px;
	margin-right: 50px;
	font-size: 14px;
	line-height: 1.5;
}

.open-intercom {
	cursor: pointer;
}


/* Rows */

.row--gray-background {
	border-radius: 10px;
	background-color: #F5F5F5;
	padding: 5% 5%;
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
}

.row--gray-background .lg-row-inner {
	max-width: 1920px;
	margin: 0 auto;
}

.row--yellow-background {
	border-radius: 10px;
	background-color: #FFF5EA;
	padding: 5% 7%;
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
}


/* Content */

.content__button {
	margin-top: 50px;
	margin-right: 20px;
}

.content__button:last-of-type {
	margin-right: 0;
}

.content__button-container {
	margin: 0 auto;
	text-align: center;
}

/*
div.lg-placeholder {
	padding-bottom: 0 !important;
}
*/

.integrations-logos img {
	width: 60%;
	display: block;
	margin: 0 auto;
}

.integrations__row {
	border-top: 2px solid #000;
	padding: 30px 0;
	margin: 0 12.7vw;
/*	min-height: 300px;*/
}

.integrations__row--last {
	border-bottom: 2px solid #000;
	padding: 60px 0;
}

.integrations__row p {
/*
	column-count: 2;
	column-gap: 4%;
*/
	max-width: 480px;
}

@media only screen and (min-width: 1601px) {

.integrations__row {
	border-width: 3px;
}

.integrations__row--last {
	border-bottom: 3px;
}
}

/*
.image--push-left {
	position: relative;
	left: -120px;
}
*/


/*Home Icons*/

.home__icons-row  {
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}

.home__icons-row img {
	display: block;
	max-width: 85px !important;
	margin: 0 auto 20px;
	position: relative;
}

.home__icons-row .lg-placeholder {
	padding: 0 !important;
}

/* Home How it works */

.blue-section--top {
	border-radius: 10px 10px 0 0;
	background-color: #6491FF;
}

.blue-section {
	background-color: #6491FF;
}

.blue-section--bottom {
	border-radius: 0 0 10px 10px;
	background-color: #6491FF;
	padding-bottom: 7vw;
	text-align: center;
}

.outline__button.outline__button--centered {
	display: block;
	margin: 0 auto;
/*	text-align: center;*/
}








/* Testimonial */
._Testimonial {
	position:relative;
/*	font-family: "Barlow-Medium", sans-serif;*/
	font-family: "Barlow-Regular", sans-serif;
}
._Testimonial::before {
	content: '“';
	font-family: "Barlow-Light", sans-serif;
	position: absolute;
	left: -50px;
	top: -52px;
	color: #D6EAF5;
	font-size: 120px;
}


/*  Testimonials Carousel Plugin */

.sp-testimonial-free-section
.tfree-client-testimonial {
	font-family: "Barlow-Regular", sans-serif !important;
	color: #6491ff !important;
	letter-spacing: 0.02em;
	font-weight: 400;
	text-align: left;
	text-indent: 0em;
	padding: 0;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 1.2;
	font-size: 24px;
}

.sp-testimonial-free-section
.sp-testimonial-free-item {
	padding-left: 50px;
	padding-top: 20px;
	position: relative;
	box-sizing: border-box;
	padding-right: 50px;
}

.sp-testimonial-free-section
.sp-testimonial-free-item::before {
	content: '“';
	position: absolute;
	left: 0;
	top: -20px;
	color: #D6EAF5;
	font-size: 100px;
	font-family: "Barlow-Light", sans-serif !important;
}

.sp-testimonial-free-section
.tfree-client-name {
	font-size: 24px;
	text-align: left;
	font-family: "Barlow-Medium", sans-serif !important;
	margin-bottom: 4px;
	margin-top: 8px;
}

.sp-testimonial-free-section
.tfree-client-designation {
	font-family: "Barlow-Medium", sans-serif !important;
	font-size: 18px;
	text-align: left;
}

.sp-testimonial-free-section .slick-dots li.slick-active button {
	background-color: #6491ff !important;
}

.sp-testimonial-free-section .slick-dots li button {
	background: none !important;
	border: 2px solid #6491ff !important;
	box-sizing: border-box;
	cursor: pointer;
}

.sp-testimonial-free-section .slick-arrow {
	color: #6491ff !important;
}



/* Dotted Line Paragraph */
.paragraph--dotted-line {
	margin-top: 50px;
	position: relative;
	padding-left: 135px;
	max-width: 500px;
}

.paragraph--dotted-line::before {
	content: url('https://www.guidecx.com/wp-content/uploads/2019/10/paragraph-dotted-line.svg');
	position: absolute;
/* 	left: -6vw; */
	top: -50px;
	width: 120px;
	left: 0px;
/*     width: 8vw; */
}

.outline__button--dotted-line {
		margin:30px 0 0 135px;
	}

/* Results tan module */

#results-icon-module {
	background-color: #FFF9F0;
	border-radius: 10px;
	padding: 150px 0 160px;
	text-align: center;
	font-family: "Barlow-Medium", sans-serif;
	position: relative;
}

#results-icon-module__heading {
	font-size: 18px;
	margin-bottom: 40px;
	position: relative;
	z-index: 3;
}

#results-icon-module__paragraph {
	font-size: 40px;
	position: relative;
	z-index: 3;
	color: #6491FF;
	line-height: 1.15;
	max-width: 640px;
	margin: 30px auto 0;
}

.results__paragraph em {
	font-style: normal;
	border-bottom: 3px solid #6491FF;
/*	color: #6491FF;*/
}


/*  How it Works - Things Module */

#things-module {
	background-color: #fff;
	border-radius: 10px;
	padding: 120px 0 130px;
	text-align: center;
	font-family: "Barlow-Medium", sans-serif;
	position: relative;
}

#things-module__heading {
	font-size: 24px;
	margin-bottom: 30px;
	position: relative;
	z-index: 3;
}

#things-module__paragraph {
	font-size: 18px;
	margin-top: 50px;
	position: relative;
	z-index: 3;
}

#things-module__list-container {
	height: 90px;
	overflow:hidden;
	position: relative;
	position: relative;
	z-index: 3;
}

.things-module__list-item {
	color: #6491FF;
	font-size: 60px;
	height: 90px;
	line-height: 90px;
	pointer-events: none;
}


.question-icon {
	position: absolute;
	width: 40px;
	transform-origin: center;
	transform: scale(1) translate(0px);
	animation: question-float 3s ease-in-out alternate infinite;
}

@keyframes question-float {
	from { transform: scale(1) translate(0, 0px); }
	60%  { transform: scale(1.2) translate(0, -10px); }
	to   { transform: scale(1) translate(0, 0px);}
}



/* Overview Container */

#desktop-overview__container {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
}

#overview__header-spacer {
	height: 40px;
	width: 100%;
}

.overview__top-heading {

}

.overview__top-paragraph {
	padding: 0;
}

.overview__top-paragraph h1 {
	display: block;
	color: #D6EAF5;
/*	font-size: 24px !important;*/
/*	line-height: 1.2 !important;*/
}

/* #overview__header {
	position: absolute;
	top: -30px;
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg, rgba(100,145,255,1) 0%, rgba(100,145,255,0) 100%);
}

#overview__header.overview__header--fixed {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 5vw;
} */

#overview__header-sticky-container {
	position: absolute;
	top: -30px;
	left:0;
	width: 100%;
	height: 90%;
}

#overview__header-sticky {
	position: sticky;
	top: 100px;
	z-index: 50;
	height: 120px;
	transition: top ease 0.3s;
	background: linear-gradient(180deg, rgba(100,145,255,1) 0%, rgba(100,145,255,0) 100%);
}


.overview__row {
	position: relative;
	clear: both;
	padding: 50px 0 0;
}

.overview__column {
	width:50%;
	float:left;
	box-sizing: border-box;
	padding: 0 5vw;
	position: relative;
}

.overview__heading {
	height: 40px;
	width: 220px;
	text-align: center;
	background-color: #fff;
	color: #6491FF;
	font-family: "Barlow-Semibold", sans-serif;
	font-size: 18px;
	margin: 30px auto 0;
	line-height: 38px;
/*	border-radius: 0 0 20px 20px;*/
	border-radius: 20px;
}

#overview__divider {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 2px;
/* 	background-color: #000; */
	z-index: 10;
}

#overview__divider line {
	fill:none;
	stroke:#000;
	stroke-width:3px;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 6, 7;
	stroke-dashoffset: 0;
}

.overview__paragraph {
	font-family: "Barlow-Medium", sans-serif;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	max-width: 360px;
	margin: 0 auto;
}

.overview__image {
	margin: 0 auto;
	position: relative;
	z-index: 20;
}

.overview__line {
	position: absolute;
	z-index: 15;
}

.overview__line .dotted-line {
	fill:none;
	stroke:#000000;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 5,6;
	vector-effect: non-scaling-stroke;
/*	vector-effect="non-scaling-stroke";*/
}

.overview__dotted-line-cover {
	stroke: #6491FF;
	fill:none;
	stroke-width:4;
	stroke-dasharray: 2000;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
	transition: stroke-dashoffset 1s ease-out;
	transition-delay: .6s;
}

#overview__dotted-line-cover-2 {
	transition-delay: 0s;
}

#overview__dotted-line-cover-1 {
	transition-duration: 1.5s;
}

#overview__dotted-line-cover-3 {
	transition-duration: 1.2s;
}



/*	Overview Email Icon	*/
	.overview__email-container {
		z-index: 19;
		position: absolute;
		left: 50%;
		top: 15.2vw;
		background-color: #6491FF;
		padding: 1vw 0 1vw;
		width: 4vw;
		transform: translateX(-2vw);
	}

	.overview__email-container--2 {
		top: 20.5vw;
		transform: translateX(-2vw);
	}

	.overview__email-image {
		transition: transform .6s ease-out;
		width: 3vw;
		margin-left: 0.5vw;
	}

	.overview__email-image img {
		width: 100%;
	}

	.overview__email-container--1 .overview__email-image {
		transform: translateX(-20vw);
	}

	#overview__container.at-anim-point-2
	.overview__email-container--1 .overview__email-image {
		transform: translateX(0);
	}

	#overview__container.at-anim-point-2
	.overview__email-container--1 .overview__letter-lines {
		transition-delay: .4s;
		stroke-dashoffset: 32;
	}

	/*	Email 2	*/
	.overview__email-container--2 .overview__email-image {
		transform: translateX(20vw);
	}

	#overview__container.at-anim-point-4
	.overview__email-container--2 .overview__email-image {
		transform: translateX(0);
	}

	/*	Overview Email Letter Lines */
	.overview__letter-lines {
		position: absolute;
		width: 7vw;
		top:0;
		left: -2vw;
		fill:none;
		stroke:#000000;
		stroke-width:2.5;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-dasharray: 32;
		stroke-dashoffset: 0;
		transition: stroke-dashoffset .3s ease-out;

	}

	#overview__container.at-anim-point-4
	.overview__email-container--2 .overview__letter-lines {
		transition-delay: .3s;
		stroke-dashoffset: 32;
	}

/*	Overview UI Animations */

	.overview__ui-element-container {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%
	}

	.overview__checkbox {
		fill:#fff;
		stroke:#000000;
		stroke-width:2.5;
		stroke-linecap:round;
		stroke-linejoin:round;
		transition: fill .5s;
	}

	.overview__checkbox:nth-child(1) {transition-delay: .5s;}
	.overview__checkbox:nth-child(2) {transition-delay: .9s;}
	.overview__checkbox:nth-child(3) {transition-delay: 1.3s;}
	.overview__checkbox:nth-child(4) {transition-delay: 1.6s;}

	#overview__container.at-anim-point-1 #overview__anim-point-1
	.overview__checkbox  {
		fill:#00C896;
	}

	#overview__container.at-anim-point-3 #overview__anim-point-3
	.overview__checkbox  {
		fill:#00C896;
	}

	/*Overview Check Mark*/
	.overview__check-background {
		fill:#FFF;
		opacity: 0;
		transition: opacity .3s ease-out;
		transition-delay: 1.5s;
	}

	.overview__check-mark {
		fill:none;
		stroke:#00C896;
		stroke-width:2.5;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-dasharray: 50;
		stroke-dashoffset: 50;
		transition: stroke-dashoffset .5s ease-out;
		transition-delay: 2s;
	}

	#overview__container.at-anim-point-2 #overview__anim-point-2
	.overview__check-background  {
		opacity: 1;
	}

	#overview__container.at-anim-point-2 #overview__anim-point-2
	.overview__check-mark  {
		stroke-dashoffset: 0;
	}

/*	Overview Progress Bar*/
	.overview__progress-bar {
		fill:none;
		stroke:#00C896;
		stroke-width:15;
		stroke-miterlimit:10;
		stroke-dasharray: 200;
		stroke-dashoffset: 120;
		transition: stroke-dashoffset 1.5s ease-in-out;
		transition-delay: 1.3s;
	}

	#overview__anim-point-4
	.overview__progress-bar:nth-child(2)  {
		stroke-dashoffset: 50;
		transition-duration: 1s;
		transition-delay: 1.3s;
	}
	#overview__container.at-anim-point-4 #overview__anim-point-4
	.overview__progress-bar  {
		stroke-dashoffset: 0;
	}



/* Experience Container (Under Overview) */

#experience__container {
	width: 680px;
	margin: 0 auto;
	position: relative;
	top: 80px;
	left: 40px;
}

#experience__label {
	display: inline-block;
	color: #fff;
	font-size: 40px;
	height: 60px;
	line-height: 60px;
	text-align: right;
	font-family: "Barlow-Medium", sans-serif;
	vertical-align:top;
	width: 400px;
}
#experience__list-container {
	display: inline-block;
	height: 60px;
	overflow:hidden;
	position: relative;
	width: 240px;
	vertical-align:top;
}

.experience__list-item {
	color: #fff;
	font-size: 40px;
	height: 60px;
	line-height: 60px;
	text-align: left;
	font-family: "Barlow-Medium", sans-serif;
}

.cycle-list-item {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	transform-origin: center center 80px;
	display: none;
}

@keyframes cycle-list-animation {
	0%   {transform: rotate3d(1, 0, 0, -70deg);}
	25%  {transform: rotate3d(1, 0, 0,   0deg);}
	75%  {transform: rotate3d(1, 0, 0,   0deg);}
	100% {transform: rotate3d(1, 0, 0,  70deg);}
}

.cycle-list-item.animate {
	animation-name: cycle-list-animation;
	animation-timing-function: ease-in-out;
	animation-duration: 2s;
}


/* Logo Carousel */

#logo-carousel-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 72px;
}

#logo-carousel {
	position: relative;
	animation-name: logo-carousel-animation;
	animation-timing-function: linear;
	animation-duration: 26s;
	animation-iteration-count: infinite;
	height: 72px;
}

/*	This is now placed in the Shortcodes Plugin
@keyframes logo-carousel-animation {
  from {left: 0;}
  to {left: -6000px;}
}
*/
.logo-carousel__img-container {
	display:table-cell;
	vertical-align: top;
	width: 400px;
	position: relative;
}
.logo-carousel__img {
	width: 400px !important;
	padding-right: 160px;
}


/* How It Works Container */

#hiw__container {
	position: relative;
/*	float: left;*/
	width: 100%;
	box-sizing: border-box;
	margin: 5vw 0 10vw;
/*	display: table;*/
	border-collapse: collapse;
}

.hiw__row {
/*	clear: both;*/
/*	padding: 220px 0 0;*/
/*	overflow: auto;*/
	display: table;
	position: relative;
	width: 100%;
}

.hiw__row:first-child {
	padding: 0 0 0;
}

.hiw__column {
/*	width:50%;*/
/*	height: 100%;*/
/*	float:left;*/
	box-sizing: border-box;
	padding: 0 5vw 10vw;
	width: 50%;
	display: table-cell;
	vertical-align: middle;
}

.hiw__row:last-of-type .hiw__column {
	padding-bottom: 0;
}

.hiw__number {
	height: 52px;
	width: 52px;
	border-radius: 26px;
	border: 3px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 28px;
	font-family: "Barlow-Semibold", sans-serif;
	line-height: 44px;
	text-align: center;
	margin-bottom: 30px;
}

.hiw__paragraph {
	font-family: "Barlow-Medium", sans-serif;
	color: #fff;
	text-align: left;
/* 	font-size: 40px; */
	font-size: 31px;
	line-height: 1.15;
	max-width: 400px;
	margin: 0;
	position: relative;
/*
	top: 50%;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
*/
/*
	display: table-cell;
	vertical-align: middle;
*/
}

.hiw__image {
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

.hiw__image img {
	width: 100%;
/*	border: 10px solid #6491FF;*/
}

.hiw__image-overlap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

/*	How it works Lines */

.hiw__line {
	position: absolute;
	z-index: 5;
}

.hiw__line .dotted-line {
	fill:none;
	stroke:#000000;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
	stroke-dasharray: 5,6;
	vector-effect: non-scaling-stroke;
/*	vector-effect="non-scaling-stroke";*/
}

.hiw__dotted-line-cover {
	stroke: #6491FF;
	fill:none;
	stroke-width:4;
	stroke-dasharray: 10000;
	stroke-dashoffset: -5;
	stroke-linecap: round;
	vector-effect: non-scaling-stroke;
	transition-delay: .2s;
	transition: stroke-dashoffset 2s ease-out;
}

#hiw__bell {

	position:absolute;
	top: -28%;
	left: 35%;
	width: 12%;
}

.hiw__image.visible
#hiw__bell {
	animation: bell 1s ease-in-out 0s 1;
}

@keyframes bell {
	0% { transform:rotate(0deg); }
	15% { transform:rotate(-18deg); }
	35% { transform:rotate(13deg); }
	65% { transform:rotate(-10deg); }
	85% { transform:rotate(7deg); }
	100% { transform:rotate(0deg); }
}

.animate-hide {
	opacity: 1;
	transition: opacity .3s ease-in-out;
	transition-delay: .2s;
}

.animate-show {
	opacity: 0;
	transition: opacity .3s ease-in-out;
	transition-delay: .5s;
}

.animate-hide--transparent {
	opacity: .3;
}

.hiw__image.visible .animate-show { opacity: 1; }
.hiw__image.visible .animate-hide { opacity: 0; }

.hiw__progress-bar {
	stroke-dasharray: 120;
	stroke-dashoffset: 120;
	transition: stroke-dashoffset 1.5s ease-in-out;
	transition-delay: .6s;
/*	fill: #00C896 !important;*/
}

.hiw__image.visible
.hiw__progress-bar {
	stroke-dashoffset: 0;
}

.hiw__checkbox {
	fill:#fff;
	stroke:#000000;
	stroke-width:2.5;
	stroke-linecap:round;
	stroke-linejoin:round;
	transition: fill .2s;
}

.hiw__image.visible
.hiw__checkbox {
	fill:#00C896;
}


.hiw__3-module2 {
	opacity: 0.3;
	transition: opacity .6s;
}

.hiw__image.visible
.hiw__3-module2 {
	opacity: 1;
}

.hiw__2-progress-bar {
	fill:none;stroke:#87A6F8;stroke-width:24;stroke-miterlimit:10;
	stroke-dasharray: 70;
/*
	transition: stroke-dashoffset 1.5s ease-in-out,  stroke-dasharray 1.5s ease-in-out;
	transition-delay: .6s;
*/
	transform: translateX(-2%) scaleX(1);
	transform-origin: top center;
	transition: transform 1.5s ease-in-out;

}

.hiw__image.visible
.hiw__2-progress-bar {
/*
	stroke-dasharray: 120;
	stroke-dashoffset: -20;
*/
	transform: translateX(3%) scaleX(1.4);
}

/*
.hiw__number-cover {
	stroke-dashoffset: 120;
	stroke-dasharray: 120;
	transition: stroke-dashoffset 1.5s ease-in-out;
	transition-delay: .6s;
}

.hiw__image.visible
.hiw__number-cover {
	stroke-dashoffset: 0;
}
*/





/*How It Works Comparison Module */

th, td {
	padding: 0;
}
#comparison__container {
	border-radius: 10px;
	background-color: #F8FDFF;
	border: 3px solid #6491FF;
	padding: 3vw 4vw;
	position: relative;
}


#comparison__heading {
	font-size: 48px;
	font-family: "Barlow-Medium", sans-serif;
	line-height: 1.15;
	width: 25%;
	position: absolute;
}

#comparison__table {
	position: relative;
	top: 0;
	left: 35%;
	width: 50%;
	width: calc(60% - 180px);
	margin: 0 0 1vw;
	text-align: right;
	font-size: 18px;
	line-height: 36px;
}

#comparison__table tr {
	height: 40px;
	font-size: 14px;
}


#comparison__table th {
	text-align: center;
	max-width: 150px;
	line-height: 20px;
	padding-bottom: 20px;
	vertical-align: bottom;
}

#comparison__table td {
	text-align: left;
}
#container #comparison__table img {
	width: 30px !important;
	margin: 0 auto;
	display: block;
}


.comparison__legend-column {
	width: 160px;
	margin-left: 50px;
	position: absolute;
	top: 8vw;
	right: 4vw;
}

.comparison__legend-row {
	text-align: left;
	margin-bottom: 20px;
}

 #container .comparison__legend-column img {
	width: 30px !important;
	vertical-align: top;
	margin-right: 10px;
}

.comparison__legend-column span {
	vertical-align: top;
	line-height: 28px;
}





/* Form */

#form-container--small {
	border-radius: 15px;
	background-color: #F8FDFF;
	border: 3px solid #6491FF;
	padding: 0 30px 15px;
	position: relative;
	max-width: 560px;
}

#form-container--small form {
	margin-top: -20px;
}

#form-container--small input[type="text"],
#form-container--small input[type="email"],
#form-container--small input[type="tel"],
textarea {
	height: 36px;
	font-size: 20px;
	line-height: 36px;
}

#form-container--small
label {
	margin-top: 40px;
}

#form-container--small form {
	margin-top: 5px;
}

#form-container--small
input[type="submit"] {
	margin-top: 40px;
}


@media only screen and (max-height: 800px) {

	#form-container--small form {
		margin-top: 10px;
	}

	#form-container--small input[type="text"],
	#form-container--small input[type="email"],
	#form-container--small input[type="tel"],
	textarea {
		height: 36px;
		font-size: 20px;
		line-height: 36px;
	}

	#form-container--small
	label {
		margin-top: 25px;
	}


	#form-container--small
	input[type="submit"] {
		margin-top: 30px;
	}
}

label {
	font-size: 16px;
	font-family: "Barlow-Medium", sans-serif;
	color: #6491FF;
	display: block;
	margin-top: 60px;
}

form {
	max-width: 600px;
/* 	margin: 0 auto; */
}

form h3 {
	margin-top: 50px;
	font-size: 20px;
}

form h3:first-child {
	margin-top: 0;
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
	display: block;
	width: 100%;
	height: 50px;
	border: none;
	border-bottom: 3px solid #6491FF;
	background-color: transparent;
	margin-top: 10px;
	font-size: 28px;
	font-family: "Barlow-Medium", sans-serif;
	line-height: 50px;
	transition: border-bottom .15s;
}

textarea {
	height: 160px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	outline: none;
	border-bottom: 3px solid #000;
}

input[type="submit"] {
	display: inline-block;
	position: relative;
	height: 44px;
	border: 3px solid #6491FF;
	border-radius: 50px;
	padding: 0 30px;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	font-family: "Barlow-Semibold", sans-serif;
	line-height: 32px;
	background-color: #fff;
	font-size: 16px;
	color: #6491FF;
	margin-top: 60px;
	margin-bottom: 20px;
	cursor: pointer;
	transition: background-color .15s, border-color .15s, color .15s;
}

input[type="submit"]:focus {
	border: 3px solid #000;
	color: #000;
	outline: none;
}

input[type="submit"]:hover {
	border: 3px solid #6491FF;
	background-color: #6491FF;
	color: #fff;
}

span[role=alert], div.wpcf7-response-output {
	font-style: italic;
	margin-top: 10px;
	display: block;
	letter-spacing: 0;
	border: none;
	padding: 0;
	color: #E76455;
}

div.wpcf7-mail-sent-ok {
	color: #6491FF;
}



/* Job Listings */

#job-listings {
	max-width: 800px;
	margin: 0 auto 200px;
}

.job-listings__heading {
	padding-bottom: 20px !important;
}

.job-listings__label {
	padding-bottom: 40px !important;
}

.drawer {
	border-top: 3px solid #6491FF;
	position: relative;
	overflow: hidden;
	height: 100px;
	transition: height .3s;
}

.drawer:last-of-type {
	border-bottom: 3px solid #6491FF;
}

.drawer__title {
	font-family: "Barlow-Medium", sans-serif;
	line-height: 90px;
	font-size: 24px;
}

.drawer__location {
	font-family: "Barlow-Medium", sans-serif;
	line-height: 90px;
	font-size: 24px;
	color: #6491FF;
	position: absolute;
	top: 0;
	right: 60px;
}

.drawer__button {
	background-image: url(https://www.guidecx.com/wp-content/uploads/2019/10/open-icon.svg);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 26px;
	right: 0;
	cursor: pointer;
	transform: rotate(0);
	transition: opacity .15s, transform .15s;
}

.drawer__button:hover {
	opacity: .8;
}

.drawer .outline__button {
	margin: 10px 0 30px;
}

/* 	Open Job Listing */
.drawer.open {
	height: auto;
}

.drawer.open .drawer__button {
	transform: rotate(180deg);
}


.drawer__content {
	padding: 20px 0;
	font-size: 18px;
	line-height: 23px;
	max-width: 600px;
}

.drawer__content p {
	margin: 0 0 1em;
}

.drawer__content b {
	font-weight: bold;
}


.drawer__content ol {
	list-style: initial;
	padding-left: 20px;
}

.drawer__content ul {
	list-style: initial;
	padding-left: 20px;
	margin: 0;
}

.drawer__content li {
	margin-bottom: 1em;
}




/* Verticals page */

#verticals__faqs {
	max-width: 1200px;
	margin: 0 auto;
}
.dashed-bottom-border--blue {
	border-bottom: 3px dashed #6491FF;
}





/* BLOG  */

/* Blog Home Page */
#blog-home {
	position: relative;
	margin: 80px auto 120px;
	padding: 0 5% 0 15%;
}

#blog-home h4 {
	margin-bottom: 20px;
	color: #6491FF;
	font-size: 16px;
	letter-spacing: .02em;
}

/* #blog-home p {
	color: #666;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: .02em;
} */

/* Pagination */

.page-numbers {
	font-size: 18px;
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	box-sizing: border-box;
}

.page-numbers.next,
.page-numbers.prev {
	width: auto;
	font-size: 22px;
}

.page-numbers.current {
	border: 2px solid #6491FF;
	border-radius: 50%;
	cursor: default;
	pointer-events: none;
	color: #6491FF !important;
}

.page-numbers.dots {
	color: #999;
}

/* Blog Home Articles */


#blog-home h1 a {
	color: #000;
}
#blog-home h1 a:hover {
	color: #6491FF;
}

#blog-home .post-category {
	text-align: left;
	margin: 20px 0 10px;
}

#blog-home .summary-image img:hover {
/* 		-webkit-filter: grayscale(100%);
	 filter: sepia(100%) hue-rotate(180deg); */
}

.summary-image {
	position: relative;
	display: block;
	padding-top: 66.6%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.summary-image__overlay {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #7d9ae8;
	mix-blend-mode: color;
	transition: opacity .2s;
}


.summary-image__overlay--2 {
	mix-blend-mode: normal;
}

.on-safari .summary-image__overlay--2 {
	display:block !important;
}

.on-safari .summary-image__overlay {
	display:none;
}

.summary-image:hover .summary-image__overlay--2 {
	opacity: .5 !important;
}

.summary-image .summary-image__overlay {
	opacity: 0;
}
.summary-image:hover .summary-image__overlay {
	opacity: 1;
}

/* Blog Home Featured Article */

#blog-home__featured-container {
	margin-bottom: 60px;
}

#blog-home__featured-container .post-category {
	text-align: left;
	margin: 5vw 0 30px;
}

#blog-home__featured-container .entry-summary {
	margin-bottom: 60px;
	width: 100%;
	display: inline-block;
	vertical-align:top;
}

#blog-home__featured-container .entry-summary .summary-image {
/* 		position: absolute;
	width: 50%;
	right: 5%; */
	width: 60%;
	float: right;
	padding-top: 40%;
}

#blog-home__featured-container .entry-summary h1 {
	font-size: 48px;
	max-width: 35%;
	margin-bottom: 20px;
	font-family: "Barlow-Medium", sans-serif;
	line-height: 1.15;
}

/* 	#blog-home__featured-container .entry-summary p {
	max-width: 60%;
	margin-bottom: 20px;
		white-space: normal;
} */

/* Blog Home Secondary Articles */

#blog-home__secondary-container {
	padding-left: 40%;
	position: relative;
/*		width: 100%;*/
}

#blog-home__secondary-container .entry-summary {
	width: 45%;
	display: inline-block;
	vertical-align:top;
	margin-right: 9%;
	margin-bottom: 60px;
}

#blog-home__secondary-container .entry-summary:nth-child(odd){
	margin-right: 0%;
}

#blog-home__secondary-container .entry-summary .summary-image {
	display: block !important;
	margin-bottom: 20px;
}

#blog-home__secondary-container .entry-summary h1 {
	font-size: 28px;
	max-width: 100%;
	margin-bottom: 10px;
	font-family: "Barlow-Medium", sans-serif;
	line-height: 1.2;
}



/*List*/

.list__number {
	height: 32px;
	width: 32px;
	border-radius: 16px;
	border: 2px solid #000;
	background-color: #fff;
	color: #000;
	font-size: 16px;
	font-family: "Barlow-Semibold", sans-serif;
	line-height: 28px;
	text-align: center;
	margin-bottom: 30px;
	position: absolute;
	top: -6px;
	left: -60px;
}

.list__paragraph {
	position: relative;
	margin-bottom: 40px;
	line-height: 1.3;
	max-width: 480px;
}



/* Video */

.video-lightbox {
	display: none;
	position: fixed;
	z-index: 999;
	background-color: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	padding: 0 5vw;
	box-sizing: border-box;
}

.video-lightbox.visible {
	display: block;
}

.video-lightbox__container {
	width: 100vw;
	max-width: 800px;
	margin: 0 auto;
	height: 100vh;
}

.video-lightbox .videoWrapper {
	margin: 50vh auto 0;
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
/*	padding-top: 25px;*/
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

iframe {
	width: 100%;
}

.video-lightbox__close-button {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	right: -40px;
	cursor: pointer;
	opacity: 1;
	transition: .15s opacity;
}

.video-lightbox__close-button:hover {
	opacity: .7;
}


/*	Schedule Demo	*/

.call-link-container {
	position:relative;
	margin-right: 12px;
	top: -16px;
	font-size: 16px;
}

.call-link-container a {
	display: inline-block;
	margin: 0 10px;
	padding-bottom: 6px;
	border-bottom: 3px dashed #6491FF;
	transition: color .15s, border-bottom .15s;
	font-family: "Barlow-Semibold", sans-serif
}

.call-link-container a:hover {
	color: #000;
	border-bottom: 3px dashed #000;
}


.desktop-hidden {
	display: none;
}

/*
.mobile-hidden {
	display: block;
}
*/

#mobile-nav {
	display: none;
}

#mobile-nav-cover {
	display: none;
}

#mobile-hero__illustration-container {
	display: none;
}


#mobile-overview__container {
	display: none;
}

.desktop-left-align {
	text-align: left !important;
}


/*Dev Only Elements*/

.dev-visible,.dev-visible-inline-block {
	display: none;
}

.logged-in.admin-bar
.dev-visible {
	display: block;
}

.logged-in.admin-bar
.dev-visible-inline-block {
	display: inline-block;
}

.logged-in.admin-bar
.dev-hidden {
	display: block;
}




#catapult-cookie-bar {
	transition: none;
	font-family: "Barlow-Medium", sans-serif;
	padding: 8px 5vw !important;
}

.ctcc-more-info-link {
	text-decoration: underline;
}



/* Notification Bar */

.mtsnb {
	z-index: 300 !important;
	top: 0 !important;
/*	display: none;*/
}
.mtsnb-link {
	border-bottom: 2px solid #fff !important;
	font-family: "Barlow-Medium", sans-serif;
	margin-left: 1em !important;
}

.mtsnb-text {
	font-family: "Barlow-Medium", sans-serif;
}










.cookie-bar-bar button#catapultCookie {
	margin: 0 0 0 40px;
	border-radius: 5px;
}



/*//////////////////////////////////*/
/*				Mobile				*/
/*//////////////////////////////////*/

@media only screen and (max-width: 769px) {


	.cookie-bar-bar button#catapultCookie {
		margin: 0 18vw 0 0;
	}

	.ctcc-more-info-link {
		display: block;
	}

/*	General	*/
	body, html {
		position: relative;
		overflow-x: hidden;
	}

	#hero__illustration-container {
		display: none;
	}

	#mobile-hero__illustration-container {
		display: block;
		top: 0;
	}

	#desktop-overview__container {
		display: none;
	}

	#mobile-overview__container {
		display: block;
	}

	.lg-desktop-grid.lg-grid {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	.mobile-hidden {
		display: none !important;
	}

	.no-height {
		height: auto;
/*		display: block !important;*/
	}

	.desktop-left-align {
		text-align: center !important;
	}

	.desktop-hidden {
		display: block;
	}

/*	Nav Mobile	*/

	#header {
		height: 64px;
		transition: height .2s, background-color .2s;
		top: 0 !important;
	}

	.mtsnb {
		display: none;
	}

	body {
		padding-top: 0 !important;
	}

	#header-spacer {
		height:64px;
	}

	#header.open {
		height: 100vh;
	}


	/* Blue Open Header */

		#header.open {background-color: #6491FF;}

		#header.open #mobile-nav {color: #fff;}

		#header.open .nav__underline-path {stroke:#fff;}

		#header.open .nav__underline-path-cover {stroke:#6491FF;}

		#header.open .nav__link {color:#fff;}


	/*	Logo Image States	*/
		.header__logo-image--white {
			display: block;
			opacity: 0;
			transition: opacity .2s;
		}

		#header.open .header__logo-image {
			display: block;
			opacity: 0;
			transition: opacity .2s;
		}

		#header.open .header__logo-image--white {opacity: 1;}

		#header.header--blue .header__logo-image--white {opacity: 0;}

		#header.header--blue .header__logo-image {opacity: 1;}

	/*	Hamburger Menu States	*/
		.hamburger-menu__image--white {
			opacity: 0;
			transition: opacity .2s;
		}

		.hamburger-menu__image--blue {
			opacity: 1;
			transition: opacity .2s;
		}

		#header.open .hamburger-menu__image--white {opacity: 1;}

		#header.open .hamburger-menu__image--blue {opacity: 0;}

		#header.header--blue .hamburger-menu__image--white {opacity: 1;}

		#header.header--blue .hamburger-menu__image--blue {opacity: 0;}

	/*	Hamburger Menu	*/
	#hamburger-menu {
		display: block;
		position: absolute;
		top: 18px;
		right: 8vw;
		width: 30px;
		z-index: 100;
	}

	#hamburger-menu img {
		position: absolute;
		top: 0;
		width: 100%;
	}

	#header__logo {
		left: 0;
	}

	.header__logo-image {
/*		width: 180px;*/
		width: 135px;
		top: 16px;
		left: 8vw;
	}
/*
	#nav {
		display: none;
		user-select: none;
	}
*/

	#mobile-nav-cover {
		display: block;
		position: absolute;
		z-index: 5;
		height:64px;
		width: 100%;
		background-color: #fff;
		transition: background-color .2s;
	}

	#header.open  #mobile-nav-cover {background-color: #6491FF;}

	#header.header--blue  #mobile-nav-cover {background-color: #6491FF;}

	#nav {
		width: 100%;
		padding: 100px 8vw 20vw;
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		color: #6491FF;
		font-size: 36px;
		font-family: "Barlow-Medium", sans-serif;
		line-height: 44px;
		opacity: 0;
		transition: opacity .1s;
		transition-delay: .5;
		transition-duration: .1;
		z-index: 0;
		overflow: hidden;
	}

	#header.open #nav {
		opacity: 1;
		transition-delay: 0.5;
		transition-duration: .1;
	}

	.nav__link {
		color:#fff;
		display: block;
		margin-bottom: 15px;
		transition: color .2s;
		margin-right: 0;
	}

/*
	.nav__link:hover {
		color: #CCDAFF;
	}
*/

	.nav__link span {
		padding-bottom: 2px;
	}

	.nav__link.current-page {
/*		pointer-events: none;*/
	}

	.nav__link.current-page span  {
		border-bottom: 3px solid #fff;
	}

	.nav__underline-path-cover {
		fill:none;
		stroke:#fff;
		stroke-width:4px;
		stroke-dasharray: 200;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		transition: stroke-dashoffset .1s ease-out;
	}

	a.nav__button {
		display: block;
		margin: 60px 0 0;
		width: 100%;
		font-size: 24px;
		height: 58px;
		line-height: 56px;
		box-shadow: inset 0px 0px 0px 4px #fff;
		border-radius: 50px;
		padding: 0 30px;
		font-family: "Barlow-Semibold", sans-serif;
		text-align: center;
		background-color: #6491FF;
		color: #fff;
	}

	a.nav__button
	.outline__button-filled,
	a.nav__button
	.outline__button-filled-text {
		display: none;
	}

	.nav__dropdown {
		display: block !important;
		background: none;
	}

	.nav__dropdown-link {
		font-size: 22px;
	}

	.nav__link svg {
		display: none;
	}

	.nav__link--open-dropdown {
		overflow: hidden;
		height: 44px;
		transition: height .2s ease-in-out;
	}


/*
	a.mobile-nav__button:first-of-type {
		margin:80px 0 0;
	}
*/



/*	Footer Mobile	*/

	#footer {
		padding: 10vw 8vw 30vw;
		box-sizing: border-box;
	}

	.footer__column {
		width: 100%;
		padding: 0;
	}

	.footer__column:first-child {
		padding: 0 0 10vw;
	}

	.footer__links-column {
		margin-right: 0;
		width: 60%;
		margin-bottom: 2em;
	}

	.footer__links-column:nth-child(even) {
		width: 40%;
	}

	.footer__links-heading {
		font-size: 20px;
		margin-bottom: 1em;
	}

	a.footer__link {
		font-size: 20px;
	}

	#footer-cta__heading {
		font-size: 30px;
		font-family: "Barlow-Semibold", sans-serif;
		color: #D6EAF5;
		text-align: center;
		margin: 10px 0 30px;
	}

	#footer__secondary-container {
		padding-top: 10vw;
		padding-left: 0;
		text-align: left;
	}

	#footer__logo-link {
		width: 12vw;
		display: block;
		position: static;
		margin: 0 0 5vw;
		top: 0;
	}

	a.footer__link.footer__secondary-link {
		margin-right: 5vw;
		font-size: 12px;
	}

	/* Bottom CTA Mobile */

	#bottom-cta {
		margin: 0 8vw 8vw;
		overflow: hidden;
		padding: 10vw 0;
		clear: both;
	}

	#bottom-cta__heading {
		font-size:44px;
		margin: 5vw 0 8vw;
	}

	#bottom-cta__illustration-container {
		width: 40vw;
		left: 35px;
	}

	#bottom-cta__dotted-line {
		width: 168vw;
		left: -168vw;
	}


	/* Mobile Hero */

	#mobile-hero__text-container {
		position: absolute;
		width: 450px;
		z-index: 5;
		text-align: center;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%, -85%);
		transform: translate(-50%, -85%);
	}

	#mobile-hero__heading {
		font-size: 32px;
		font-family: "Barlow-Medium", sans-serif;
		margin-bottom: 20px;
		color: #6491FF;
		line-height: 1.1;
	}

	#mobile-hero__paragraph {
		font-size: 16px;
		font-weight: 500;
		line-height: 1.3;
		max-width: 256px;
		margin: 0 auto;
	}

	#mobile-hero__illustration-container {
		position: relative;
		width: 84vw;
		margin: 0 auto;
		top: -7vw;
	}
	#mobile-hero__lines path {
		fill:none;
		stroke:#000000;
		stroke-width:1.5;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-dasharray: 5,5;
	}

	#mobile-hero__lines .dotted-line-cover {
		stroke: #fff;
		stroke-width:4;
		stroke-dasharray: 500;
		stroke-dashoffset: 0;
		stroke-linecap: round;
		transition: stroke-dashoffset 1.2s ease-out;
	}


/* Rows */

	.row--gray-background {
		padding: 10% 6%;
		margin-left: 8%;
		margin-right: 8%;
	}

	.row--yellow-background {
		padding: 10% 8%;
		margin-left: 8%;
		margin-right: 8%;
	}


/*	Content		*/

	.content__button {
		margin-top: 20px;
		margin-right: 0 !important;
	}

	.content__button:first-of-type {
		margin-top: 8vw;
	}

	/* Home How it works */

	.blue-section--top {
		border-radius: 10px 10px 0 0;
		background-color: #6491FF;
	}

	.blue-section {
		background-color: #6491FF;
	}

	.blue-section--bottom {
		padding-bottom: 10vw;
	}

	.overview__top-heading {

	}

	.overview__top-paragraph {
		padding: 0 5vw;
	}

	.overview__top-paragraph h1 {
		display: block;
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	/*	Mobile Overview*/

	.mobile-overview__row {
		padding: 0 5vw;
		margin: 0 0 0;
		text-align: center;
	}

/*
	.mobile-overview__row--centered {
		text-align: center;
	}
*/

	.mobile-overview__image {
		margin: 0 auto 24px;
		position: relative;
	}

/*
	.mobile-overview__row--centered .mobile-overview__image {
		margin: 0 auto 24px;
	}
*/

	.mobile-overview__heading {
		background-color: #fff;
		color: #6491FF;
		height: 28px;
		text-align: center;
		font-family: "Barlow-Semibold", sans-serif;
		font-size: 14px;
		margin: 0 auto 16px;
		padding: 0 20px;
		line-height: 27px;
	/*	border-radius: 0 0 20px 20px;*/
		border-radius: 20px;
		display: inline-block;
	}

	.mobile-overview__paragraph {
		color: #fff;
		font-size: 20px;
		line-height: 1.2;
	}

	.mobile-overview__line {
		margin: 5vw auto;
		height: 100px;
		width: 5px;
		z-index: 10;
		position: relative;
		left: 2px;
	}

	#hiw__container .mobile-overview__line {
		margin: 2vw auto;
	}

	.mobile-overview__line line {
		fill:none;
		stroke:#000;
		stroke-width:1.5px;
		stroke-linecap:round;
		stroke-linejoin:round;
		stroke-dasharray: 5, 5;
		stroke-dashoffset: 0;
	}

	.overview__checkbox:nth-child(1) {transition-delay: .2s;}
	.overview__checkbox:nth-child(2) {transition-delay: .4s;}
	.overview__checkbox:nth-child(3) {transition-delay: .7s;}
	.overview__checkbox:nth-child(4) {transition-delay: .9s;}

	/*Overview Check Mark*/
	.overview__check-background {
		transition-delay: .2s;
	}

	.overview__check-mark {
		transition-delay: .7s;
	}

/*	Overview Progress Bar*/
	.overview__progress-bar {
		transition-delay: .1s;
	}

	#overview__anim-point-4
	.overview__progress-bar:nth-child(2)  {
		transition-delay: .3s;
	}


	/* Experience Container (Under Overview) */

	#experience__container {
		width: auto;
		padding: 0 5vw 3vw;
		margin: 0;
		top:0;
		left: 0;
	}

	#experience__label {
		display: block;
		font-size: 24px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		width: 100%;
/*		color: #d6eaf5;*/
	}
	#experience__list-container {
		display: block;
		height: 32px;
		width: 100%;
	}

	.experience__list-item {
		font-size: 24px;
		height: 32px;
		line-height: 32px;
		text-align: center;
	}

	/* Dotted Line Paragraph */
	.paragraph--dotted-line {
		margin-top: 7vw;
		padding-left: 20vw;
	}

	.paragraph--dotted-line::before {
		left: 0;
		top: -6vw;
		width: 18vw;
	}

	.outline__button--dotted-line {
/*		margin:30px 0 0 150px;*/
		margin: 30px 0 0 20vw;
	}


	/*  How it Works - Things Module Mobile */

	#things-module {
		padding: 20vw 0;
	}

	#things-module__heading {
		font-size: 20px;
		padding: 5vw 12vw 3vw;
		margin: 0;
	}

	#things-module__paragraph {
		font-size: 16px;
		margin: 0;
		padding: 3vw 12vw 5vw;
	}

	#things-module__list-container {
		height: 50px;
	}

	.things-module__list-item {
		font-size: 24px;
		height: 50px;
		line-height: 50px;
		white-space: nowrap;
	}


	/* Results tan module Mobile */

	#results-icon-module {
		padding: 25vw 0;
	}

	#results-icon-module__heading {
		font-size: 16px;
		margin-bottom: 5vw;
	}

	#results-icon-module__paragraph {
		font-size: 20px;
		margin: 0 5vw 0;
	}

	.question-icon {
		width: 8vw;
	}

	.question-icon--mobile-hidden {
		display: none;
	}


	/* Testimonial */

	._Testimonial::before {
		content: '“';
		left: -10vw;
		top: -10vw;
		font-size: 80px;
	}

	/*  Testimonials Carousel Plugin */

	.sp-testimonial-free-section
	.tfree-client-testimonial {
		font-size: 20px;
	}

	.sp-testimonial-free-section
	.sp-testimonial-free-item {
		padding-left: 5px;
		padding-top: 0px;
		padding-right: 5px;
	}

	.sp-testimonial-free-section
	.sp-testimonial-free-item::before {
		content: '';
	}

	.sp-testimonial-free-section
	.tfree-client-name {
		font-size: 20px;
	}


	/* How It Works Container */

	#hiw__container {
/*		margin: 5vw 0 10vw;*/
	}

/*
	.hiw__row {
		display: table;
		position: relative;
		width: 100%;
	}

	.hiw__row:first-child {
		padding: 0 0 0;
	}
*/
	.mobile-centered h1, .mobile-centered p {
		text-align: center !important;
	}

	.hiw__row {
		display:flex;
		flex-flow: column;
		margin-bottom: 0;
	}

	.hiw__column {
		box-sizing: border-box;
		padding: 0 0 0;
		width: 100%;
		display: block;
		vertical-align: middle;
		order: 2;
		text-align: center;
	}

	.hiw__column--mobile-first {
		order: 1;
	}

/*
	.hiw__row:last-of-type .hiw__column {
		padding-bottom: 10vw;
	}
*/

	.hiw__number {
		height: 32px;
		width: 32px;
		border-radius: 16px;
		border-width: 2px;
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5vw;
		display: inline-block;

	}

	.hiw__image {
		width:100% !important;
	}

	.hiw__paragraph {
		font-size: 20px;
		line-height: 1.15;
		max-width: none;
		text-align: center;
		margin-bottom: 5vw;
	}

	/*	How it works Lines */

	.hiw__line {
		display: none;
	}



	/*How It Works Comparison Module */

	th, td {
		padding: 0;
	}
	#comparison__container {
		border-radius: 10px;
		background-color: #F8FDFF;
		border: 3px solid #6491FF;
		padding: 5vw 5vw;
		position: relative;
	}


	#comparison__heading {
		font-size: 30px;
		text-align: center;
		line-height: 1.15;
		width: 100%;
		position: static;
		clear: both;
	}

	#comparison__table {
		left: 0%;
		width: 100%;
		margin: 0 0 1vw;
		text-align: right;
		font-size: 16px;
		line-height: 1.2;
		float: none;
	}

	#comparison__table tr {
		height: 40px;
	}


	#comparison__table th {
		font-size: 14px;
		max-width: none;
		line-height: 1.2;
		padding: 0 5px 20px;
	}

	#comparison__table td {
		text-align: left;
	}
	#container #comparison__table img {
		width: 24px !important;
		margin: 0 auto;
		display: block;
		position: relative;
		top: 12px;
	}


	.comparison__legend-column {
		width: 100%;
		margin-left: 0;
		position: static;
		top: 0;
		right: 0;
		margin: 5vw 0;
		text-align: center;
	}

	.comparison__legend-row {
		text-align: left;
		margin-bottom: 20px;
		display: inline-block;
		font-size: 14px;
		margin-right: 12px;
	}

	 #container .comparison__legend-column img {
		width: 24px !important;
		vertical-align: top;
		margin-right: 3px;
		 position: relative;
		 top: 2px;
	}

	.comparison__legend-column span {
		vertical-align: top;
		line-height: 28px;
	}



	/* Logo Carousel Mobile */


	@keyframes logo-carousel-animation {
	  from {left: 0;}
	  to {left: -3200px;}
	}
	.logo-carousel__img-container {
		width: 200px;
	}
	.logo-carousel__img {
		width: 200px !important;
		padding-right: 60px;
	}


/*	Schedule Demo	*/
	.call-link-container {
		display: block;
		top:3vw;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.call-link-container .content__button {
/*		margin-top: 4vw;*/
	}

	/* Form Mobile */

	#form-container--small form {
		margin-top: 0px;
	}

	label {
		font-family: "Barlow-Medium", sans-serif;
		font-size: 16px;
		margin-top: 10vw;
	}

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		font-size: 20px;
		line-height: 1.3;
		margin-top: 4px;
	}


	input[type="submit"] {
		margin-top: 10vw;
/*		width: 100%;*/
	}

	span[role=alert], div.wpcf7-response-output {
		font-size: 16px;
	}


	/*	Job Listings Mobile */

	#job-listings {
		margin: 0 8vw 15vw;
	}

	.drawer {
		height: 80px;
	}

	.drawer {
		border-top: 2px solid #6491FF;
	}

	.drawer:last-of-type {
		border-bottom: 2px solid #6491FF;
	}

	.drawer__title {
/*
		line-height: 54px;
		font-size: 16px;
*/

		line-height: 18px;
		font-size: 16px;
		height: 80px;
		box-sizing: border-box;
		padding-top: 24px;
		padding-right: 60px;
	}

	.drawer__location {
		font-size: 14px;
		top: 6px;
		left: 0;
	}

	.drawer__button {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 24px;
		right: 0;
		cursor: pointer;
		transform: rotate(0);
		transition: opacity .15s, transform .15s;
	}

	.drawer__button:hover {
		opacity: .8;
	}

	.drawer .outline__button {
		margin: 10px 0 30px;
	}

	/* 	Open Job Listing */
	.drawer.open {
		height: auto;
	}

	.drawer.open .drawer__button {
		transform: rotate(180deg);
	}


	.drawer__content {
		padding: 4px 0 20px;
		font-size: 14px;
		line-height: 23px;
		max-width: 600px;
	}

	.drawer__content p {
		margin: 0 0 20px;
	}

	.drawer__content b {
		font-weight: bold;
	}



	/* BLOG MOBILE */

	/* Blog Home Page */
	#blog-home {
		margin: 10vw auto 15vw;
		padding: 0 8vw;
	}

	#blog-home__heading {
		display: block;
		margin-bottom: 5vw;
		font-size: 20px;
/*		color: #6491FF;*/
	}

	.page-numbers {
		font-size: 22px;
		width: 36px;
		height: 36px;
		line-height: 33px;
	}

	/* Blog Home Articles */

	#blog-home .post-category {
		margin: 5vw 0 0;
	}

/* Blog Home Featured Article */

	#blog-home__featured-container {
		margin-bottom: 15vw;
	}

	#blog-home__featured-container .post-category {
		margin: 0 0 2vw;
	}

	#blog-home__featured-container .entry-summary {
		margin-bottom: 0;
	}

	#blog-home__featured-container .entry-summary .summary-image {
		width: 100%;
		display: block;
		float: none;
		margin-bottom: 7vw;
		padding-top: 66%;
	}

	#blog-home__featured-container .entry-summary h1 {
		font-size: 30px;
		max-width: 100%;
		margin-bottom: 5vw;
	}


	/* Blog Home Secondary Articles */

	#blog-home__secondary-container {
		padding-left: 0%;
		width: 100%;
	}

	#blog-home__secondary-container .entry-summary {
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 12vw;
	}

	#blog-home__secondary-container .entry-summary .summary-image {
		margin-bottom: 0;
	}

	#blog-home__secondary-container .entry-summary h1 {
		font-size: 20px;
	}



	/* Categories */

	#blog__categories-container {
		position: static;
		margin-bottom: 10vw;
	}

	#blog__categories-list {
		position: static;
		border: 2px solid #6491FF;
		border-radius: 10px;
		padding: 5vw 5vw 3vw;
	}

	#blog__categories-list div {
		margin-bottom: 12px;
/*
		width: 49%;
		display: inline-block;
*/
		vertical-align: top;
		line-height: 1.2;
	}

	#blog__categories-list div:first-child {
		display: block
	}

	#blog__categories-list a {

		padding-bottom: 4px;
		font-size: 18px;
		font-family: "Barlow-Medium", sans-serif;
		color: #6491FF;
		transition: color .15s;
	}

	#blog__categories-list .categories-list_all-link {
		position: static;
/*		display: block;*/
		left: 0;
	}

	.categories-list__heading {
		display: block;
		padding-bottom: 5vw;
		font-size: 14px;
		font-family: "Barlow-Semibold", sans-serif;
	}

	#blog__categories-list a:hover {
		color:#000;
	}

	#blog__categories-list a.active {
		border-bottom: 2px solid #6491FF;
		padding-bottom: 2px;
	}



	/* Blog Article */

/*
	#container img {
		height: auto !important;
		 width: 100% !important;
		max-width: none;
	}

	.featured-image img {
		width: 100% !important;
	}
*/

	.featured-image {
		padding-top: 66%;
		height: auto;
	}

	article {
		margin: 10vw auto 15vw;
		padding: 0 8vw;
	}

	article header {
		margin-bottom: 5vw;
	}

	article h1, article h2, article h3, article h4, article h5, article h6 {
		margin: 45px 0 0px;
		color: #6491FF;
		font-family: "Barlow-Medium", sans-serif;
	}

	h1 { font-size: 30px;}
	h2 { font-size: 28px;}
	h3 { font-size: 24px;}
	h4 { font-size: 20px;}
	h5 { font-size: 18px;}
	h6 { font-size: 16px;}

	article h1 {
		font-size: 36px;
		color: #000;
		margin-bottom: 15px;
		margin-top: 20px;
		line-height: 1.15;
	}

	.entry-date {
		margin-bottom: 5vw;
	}

	article p {
		margin: 24px 0 0;
	}


	/* 	Social Links */

	#social-links {
		padding-top: 0;
		font-size: 16px;
		color: #ccc;
		letter-spacing: .02em;
		font-family: "Barlow-Medium", sans-serif;
		max-width: 700px;
		margin: 10vw auto 0;
	}

	.social-links__underline {
		margin-top: 4vw;
	}


	/*	Recent Posts Mobile	*/

	#recent-posts-container {
		margin: 0;
		padding: 10vw 8vw;
	}

	#recent-posts h4 {
		margin-bottom: 8vw;
	}

	#recent-posts .entry-summary {
		display: block;
		width: 100%;
		margin-right: 0;
		margin-bottom: 12vw;
	}


	#recent-posts h1 {
		font-size: 20px;
		margin: 0 0 0;
		line-height: 1.3;
	}

	#recent-posts .post-category {
		margin-top: 5vw;
	}

	.recent-posts--home #recent-posts-container {
		max-width: none;
		padding: 0 8vw 0;
		text-align:center;
		margin: 0;
	}

	.recent-posts--home h2 {
		font-size: 30px;
		margin-bottom: 40px;
		text-align:center;
	}

	.recent-posts--home #recent-posts-container .entry-summary {
		display: none;
	}

	.recent-posts--home #recent-posts-container .entry-summary:first-of-type {
		display: block;
	}

	.recent-posts--home h3 {
		font-size: 30px;
		margin-bottom: 8vw;
		text-align:center;
	}


	.integrations-logos img {
		width: 100%;
	}

	.integrations-hero {
		width: 145% !important;
		left: -8vw;
	}

	.integrations__row {
		padding: 30px 0 20px;
		margin: 60px 8vw 0;
	}

	.integrations__row--last {
		padding: 30px 0;
	}

	.integrations__row p {
		column-count: 1;
		column-gap: 0%;
	}

	.list__paragraph {
		margin-left: 60px;
	}

	/*	Mobile Video	*/

	.video-lightbox__close-button {
		width: 25px;
		height: 25px;
		top: -40px;
		right: 0px;
	}
}


/*//////////////////////////////////*/
/*				Small Desktop				*/
/*//////////////////////////////////*/

@media only screen and (min-width: 769px) and (max-width: 1280px) {

	.nav__link {
		margin-right: 2vw;
		font-size: 14px;
	}

	.nav__underline-path {
		stroke-dasharray: 4.3, 6;
	}

	.nav__button {
		margin-right: 2vw;
		margin-left: 1vw;
		padding: 0 20px;
		font-size: 14px;
	}

	.nav__button.outline__button {
		box-shadow: inset 0px 0px 0px 2.5px #6491FF;
	}

	.nav__button .outline__button-filled-text {
		left: 23px;
	}

	#hero__illustration-container {
		width: 90vw;
	}

	#hero__text-container {
		width: 380px;
	}

	#hero__heading {
		font-size: 36px;
	}

	.desktop-small-hidden {
		display: none;
	}

	.footer__links-column {
		margin-right: 3vw;
	}

	.footer__links-heading {
		margin-bottom: 1.5em;
	}

	a.footer__link {
		font-size: 14px;
	}

	#footer-cta__heading {
		font-size: 30px;
	}


	/*	Content	*/

	.hiw__paragraph {
		font-size: 30px;
	}

	.question-icon--mobile-hidden {
		display: none;
	}

	#comparison__heading {
		font-size: 36px;
	}
}



/*//////////////////////////////////*/
/*				Smaller Desktop				*/
/*//////////////////////////////////*/

@media only screen and (min-width: 769px) and (max-width: 960px) {

	.hiw__paragraph {
		font-size: 20px;
	}

	.hiw__bottom-heading span {
		font-size: 28px !important;
		line-height: 1.1;
		display: inline-block;
	}

	._Heading2 {
		font-size: 24px;
	}

	._HeroHeadline {
		font-size: 36px !important;
	}

	#comparison__heading {
		font-size: 28px;
	}

	#comparison__table td {
		font-size: 13px;
		line-height: 1.15;
	}


	/*	Smaller Desktop Video	*/

	.video-lightbox__close-button {
		width: 25px;
		height: 25px;
		top: -40px;
		right: 0px;
	}
}
/*//////////////////////////////////*/
/*				IPAD  	*/
/*//////////////////////////////////*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){
	.header__logo-image{
/*		width: 150px;*/
		width: 112px;
	}
		.nav__link {
	margin-right: 1.5vw;
}
}


/*//////////////////////////////////*/
/*				Big Desktop Only  	*/
/*//////////////////////////////////*/

@media only screen and (min-width: 1280px) {
	.hiw__bottom-heading {
		position: relative;
		top: 2vw;
	}
}
/*** Custom Menu Styling ***/
a.outline__button.filled {background-color: #6491FF;color: #ffffff;}
/*** End Custom Meny Styling ***/



/* Custom Header Sizing */
@media only screen and (min-width : 1024px) and (max-width : 1240px){
.header__logo-image {
/*	width: 150px;*/
	width:112px;
	}
	.nav__button{
		margin-right: 1vw;
	}
}
@media only screen and (min-width : 960px) and (max-width : 1024px){
	.header__logo-image{
/*		width: 150px;*/
		width:112px;
	}
	.nav__link {
		margin-right: 1.5vw;
	}
	.nav__button {
		margin-right: 1vw;
		margin-left: 1vw;
		padding: 0 16px;
	}
	#nav{
		right: 1%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px){

	.header__logo-image {
/*		width: 115px;*/
		width: 86px;
		left: -5% !important;
		position: relative;
		top: 35px;
	}
	.nav__link {
		margin-right: 1vw;
	}
	.nav__button {
/*		margin-right: .8vw;*/
		margin-right: 1vw;
		padding: 0 12px;
		font-size: 12px;
	}
	#nav{
		right: 1%;
	}

	.nav__button .outline__button-filled-text {
		left: 15px;
	}

	#footer__logo-link {
		margin-right: 20px;
	}

	a.footer__link.footer__secondary-link {
		margin-right: 20px;
}
}

.outline__button-filled-text{
	left: 28px;
}

/*
.nav__button{
	margin: 0px 10px;
}

.nav__button:last-child{
	margin: 0 0 0 10px;;
}
*/

.mob-menu-header-holder.mobmenu{
	top: 0px !important;
    background-color: #fff;
}