/*!
Theme Name: MarketingCube
Theme URI: http://landingcube.com
Author: Ryan Novotny
Author URI: http://landingcube.com
Description: MarketingCube
Version: 3.2.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marketingcube

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.5; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}


/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/* DEFINES */

:root {
	--sun-yellow: #ffd232;
	--water-blue: #0f61d8;
	--powder-blue: #b5d4ff;
	--black-70: rgba( 0, 0, 0, 0.7 );
	--black-50: rgba( 0, 0, 0, 0.5 );
	--black-30: rgba( 0, 0, 0, 0.3 );
	--black-15: rgba( 0, 0, 0, 0.15 );
	--white-70: rgba( 255, 255, 255, 0.7 );
	
	--mobile-max-width: calc( 100% - 60px );
	
}

::selection {
	background-color: var(--water-blue);
	color: white;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@font-face {
  font-family: "ArcaMajora3-Heavy";
  src: url( 'assets/fonts/ArcaMajora3-Heavy.woff2' ) format( 'woff2' ),
       url( 'assets/fonts/ArcaMajora3-Heavy.woff' ) format( 'woff' );
}

@font-face {
  font-family: "ArcaMajora3-Bold";
  src: url( 'assets/fonts/ArcaMajora3-Bold.woff2' ) format( 'woff2' ),
       url( 'assets/fonts/ArcaMajora3-Bold.woff' ) format( 'woff' );
}


body,
button,
input,
select,
optgroup,
textarea {
	color: var(--black-70);
	font-family: Lato, sans-serif;
	font-size: 16px;
	line-height: 1.5;
} 

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	clear: both;
	font-family: "ArcaMajora3-Heavy";
	text-transform: uppercase;
	margin: 0 0 24px 0;
}

h1 {
	font-size: 40px;
	margin: 68px 0 26px 0;
}

h1.three-line {
	margin-top: 44px;
}

.post-template-default h1,
.page-template-default h1 {
	font-size: 32px;
	margin: 0 auto 36px auto;
	
}

.entry-content {
	max-width: 770px;
	margin: 0 auto;
}

.entry-content a {
	border-bottom: 2px solid var(--water-blue );
	text-decoration: none;
}


.entry-header {
	text-align: center;
	margin: 36px 0 60px 0;
}

.entry-header .entry-date {
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 2;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--black-30);
	margin-bottom: 24px;
}

.entry-header .entry-date {
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 2;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--black-30);
	margin-bottom: 24px;
}

h2 {
	font-size: 32px;
	margin: 24px 0;
}

.post-template-default h2,
.page-template-default h2 {
	font-size: 24px;
	margin: 48px 0 24px 0;
	line-height: 1.33;
	font-family: Lato;
	text-transform: none;
}


h2 .svg-squares {
	margin-right: 56px;
	vertical-align: baseline;
}


h3 {
	font-family: Lato;
	font-size: 12px;
	font-weight: 900;
	line-height: 2;
	letter-spacing: 3px;
	color: var(--water-blue);
	margin: 0 0 35px 0;
}

.post-template-default h3,
.page-template-default h3 {
	font-family: Lato;	
	font-size: 20px;
	margin: 40px 0 24px 0;
	line-height: 1.33;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	color: #000000;
}

h3 .svg-squares {
	vertical-align: bottom;
	margin-right: 24px;
}

h4 {
	font-size: 16px;	
	margin: 24px 0;
}

p {
	margin: 0 0 24px 0;
}


dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 16px;
}

.post-template-default p,
.page-template-default p {
	font-size: 18px;
	line-height: 30px;
	margin: 0 0 24px 0;
	color: #212b36;
	
}

.post-template-default blockquote,
.page-template-default blockquote {
	margin: 60px 0;
	padding-left: 29px;
	font-size: 24px;
	line-height: 1.33;
	font-style: italic;
	position: relative;
	
}

.post-template-default blockquote p,
.page-template-default blockquote p {
	font-size: 24px;	
}


.post-template-default blockquote cite,
.page-template-default blockquote cite {
	font-size: 16px;	
}


.post-template-default blockquote:before,
.page-template-default blockquote:before {
	content: '';
	background-color: var(--black-15);
	position: absolute;
	top: -12px;
	left: 0;
	width: 5px;
	height: calc( 100% + 24px );
}


address {
	margin: 0 0 16px;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 16px;
}

ul {
	margin: 0 0 24px 0;
	padding: 0;
}

ol {
	margin: 0 0 24px 0;
	padding: 0 0 0 24px;
}

ul {
	list-style: square;
	list-style-type: none;
	padding-left: 24px;
	position: relative;
}

li {
	margin-bottom: 24px;
	position: relative;
}

ul li:before {
	position: absolute;
	left: -24px;
	content: url('assets/bullet-point-yellow.svg');
}

.svg-icon {
	vertical-align: top;
}

.svg-tooltip {
	position: relative;
	top: 3px;
}

.page-template-default ul,
.post-template-default ul {
	font-size: 18px;
	line-height: 30px;
}

.page-template-default ul li:before,
.post-template-default ul li:before {
	content: url('assets/bullet-point-blue.svg');
}


ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 16px;
}

.page-template-default ol,
.post-template-default ol {
	font-size: 18px;
	line-height: 30px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 16px 16px;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align:top;
	
}

figure {
	margin: 1em 0;
	text-align: center;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 16px;
	width: 100%;
}

.wp-block-image figcaption {
	word-break: break-all;
}

/*--------------------------------------------------------------
# CLASSES
--------------------------------------------------------------*/
.mobile-only {
	display: none;
}
.desktop-only {
	display: block;
}

.learn-more,
.learn-more:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.71;
	color: var(--water-blue);
}

.button {
	display: inline-block;
	font-family: Lato;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.71;
	letter-spacing: 1px;
	text-align: center;
	color: #000000;
	padding: 21px 32px 19px 32px;
	border-radius: 8px;
	background-color: var(--sun-yellow);
	text-decoration: none;
	text-transform: uppercase;
	transition: transform 150ms ease, box-shadow 150ms ease;
}

.watch-demo {
	text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--sun-yellow);
    font-weight: 900;
    line-height: 1.71;	
	background-color: transparent;
    border: none;
	cursor: pointer;
	margin-left: 8px;
}
.watch-demo svg {
	vertical-align: text-top;
    margin-left: 8px;
}

.button:hover {
	color: #000000;
	transform: translateY(-1px);
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}
	
.wrapper {
	max-width: 1170px;
	margin: 0 auto 68px auto;
	position: relative;
}

.hero {
	width: 100%;
	padding-top: 140px;
	margin-bottom: 144px;
	min-height: 840px;
}


.hero .wrapper {
	margin-bottom: 0;
}
.hero h1 {
	color: white;
}

div.hero p {
	color: var(--white-70);
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 40px;
}

.hero .hero-img {
	position: absolute;
	right: -70px;
	top: -53px;	
}

.integrations.flexbox .flexbox {
	flex-wrap: wrap-reverse;
	justify-content: flex-end;
	margin-bottom: -24px;
}

.integrations.flexbox .integration {
	display: inline-block;
	padding: 24px;
	border-radius: 8px;
	background-color: #f2f2f2;
	margin: 0 0 24px 24px;
}
.integrations.flexbox .integration:first-child {
	margin-left: 0;
}

.integrations.flexbox .integration:hover {
	background-color: white;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.15);
}

.faq {
	position: relative;		
	overflow: hidden;
}

.faq:before {
	
	content: url( 'assets/cubes-2.svg' );
	position: absolute;
	top: 308px;
	left: calc( 50% + 478px );
	
}

.faq:after {
	content: url( 'assets/cubes-2.svg' );
	transform: scaleX(-1);
	position: absolute;
	top: 804px;
	left: calc( 50% - 762px );
	
}

.faq  h2 {
	margin: 35px 0 85px 0;
}

.faq .wrapper {
	max-width: 770px;
	text-align: center;	
}

.faq .question {
	background-color: #e6f1ff;
	border-radius: 16px;
	line-height: 1.71;
	padding: 24px;
	font-size: 14px;
	margin-bottom: 24px;
	text-align: left;
}

.faq .question ul li {
	list-style-type: square;
}
.faq .question ul li:before {
	display: none;
}

.faq .question ul li::marker {
	color: var(--water-blue);
}

.faq .question .title {
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	color: black;
	position: relative;
	cursor: pointer;
}

.faq .question .title + .text {
	display: none;
}

.faq .question .title.open {
	margin-bottom: 24px;
	padding-bottom: 24px;
}

.faq .question .title.open + .text {
	display: block;

}

.faq .question div.title.open:after {
	content: '';
	background-color: var(--black-15);
	position: absolute;
	bottom: 0;
	left: -24px;
	right: -24px;
	height: 1px;
}

.faq .question div.title:before {
	content: url('assets/plus.svg');
	transition: transform 200ms ease-out;
	position: absolute;
	top: 0;
	right: 0;
	
}

.faq .question div.title.open:before {
	transform: rotate(45deg);
}


ul {
	margin: 0 0 24px 0;
	padding: 0;
}

ol {
	margin: 0 0 24px 0;
	padding: 0 0 0 24px;
}

ul {
	list-style: square;
	list-style-type: none;
	padding-left: 24px;
	position: relative;
}

li {
	margin-bottom: 24px;
	position: relative;
}

ul li:before {
	position: absolute;
	left: -24px;
	content: url('assets/bullet-point-yellow.svg');
}


.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flexbox > div {
	align-self: stretch;
}

.flexbox.twoup > div {
	align-self: center;
}

.flexbox.reversed {
	flex-direction: row-reverse;
}

.flexbox.twoup.reversed {
	flex-direction: row-reverse;
}

.twoup p {
	margin-bottom: 48px;
}
.twoup .link {
	margin-bottom: 24px;
}
.author-sidebar {
	padding: 0 10px;
}

.flexbox.top-borders > div {
	border-top: 1px solid var(--black-15);
	padding-top: 24px;
}

.flexbox .width-170 {
	width: 170px;
}
.flexbox .width-200 {
	width: 200px;
}

.flexbox .width-240 {
	width: 240px;
}

.flexbox .width-270 {
	width: 270px;
}

.flexbox .width-350 {
	width: 350px;
}

.flexbox .width-370 {
	width: 370px;
}

.flexbox .width-400 {
	width: 400px;
}

.flexbox .width-430 {
	width: 430px;
}

.flexbox .width-470 {
	width: 470px;
}

.flexbox .width-500 {
	width: 500px;
}

.flexbox .width-570 {
	width: 570px;
}

.flexbox .width-600 {	
	width: 600px;
}
.flexbox .width-620 {	
	width: 620px;
}
.flexbox .width-700 {	
	width: 700px;
}

.flexbox .width-770 {	
	width: 770px;
}

.flexbox a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.71;
	color: var(--water-blue);

}

.flexbox a:visited {
	color: var(--water-blue);
}

.flexbox a:hover {

}

.flexbox a.button {
	color: #000000;
}


a .svg-right {
	vertical-align: text-top;
	margin-left: 8px;
}

.divider {
	border-top: 1px dashed #b2b2b2;
	margin: 96px auto 119px auto;
	height: 1px;
	text-align: center;	
    position: relative;
}

.divider .svg-oval {
	position: absolute;
	top: -5px;
}

.divider .svg-cube {
	position: absolute;
	top: -24px;
	right: 175px;
}

.divider svg:first-child {
	left: 0;
}
.divider svg:last-child {
	right: 0;
}

.paginated-navigation {
	position: relative;
	text-align: center;
	background-color: #e6f1ff;
	border-radius: 16px;
	height: 72px;
}

.paginated-navigation .page-numbers {
	display: inline-block;
	font-size: 14px;
	
	font-weight: 900;	
	line-height: 1.71;
	color: rgba( 0, 0, 0, 0.3 );
	text-decoration: none;
	
	margin: 0 12px;
	min-width: 30px;
	
	padding-top: 24px;
	
}

.paginated-navigation .page-numbers.mobile {
	display: none;
}


.paginated-navigation .page-numbers.current {
	color: var(--water-blue);
	border-top: 5px solid var(--water-blue);
	padding-top: 19px;
}


.paginated-navigation .page-numbers.prev,
.paginated-navigation .page-numbers.next {
	border-radius: 8px;
	position: absolute;
	padding-top: 14px;
	border: solid 1px var(--black-15);
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: white;
	margin: 0;
}

.paginated-navigation .page-numbers.prev:hover,
.paginated-navigation .page-numbers.next:hover {
	
	background-color: var(--water-blue);
}

.paginated-navigation .page-numbers.prev:hover path,
.paginated-navigation .page-numbers.next:hover path {
	fill: white;
}

.paginated-navigation .page-numbers.prev {
	left: 12px;
	top: 12px;
}

.paginated-navigation .page-numbers.next {
	right: 12px;
	top: 12px;
}


/*--------------------------------------------------------------
# GUIDE
--------------------------------------------------------------*/
section.features.guide {
	
}

section.features.guide .section-inner{
	display: inline-block;
	vertical-align: top;
	max-width: 440px;
	line-height: 1.67;
	text-align: left;
	margin-left: 32px;
}

section.features.guide .button {
	display: inline-block;
	color: #111111;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	padding: 12px;
	text-decoration: none;
	background-color: transparent;
	border: 2px solid #f0ca64;
	border-radius: 3px;
	margin-bottom: 32px;

}

section.features.guide .button-primary {
	background-color: #f0ca64;
	border: 1px solid #bca054;
	margin-right: 32px;
	margin-top: 24px;
}

section.features.guide .button:hover {
	background-color: #f0ca64;
}

section.features.guide .button-primary:hover {
	background-color: #bca054;
}

section.guide-header {
	max-width: 928px;
	margin-right: auto;
	margin-left: auto;
	background-color: #dbdddf;
	padding: 32px 32px 0 !important;
	text-align: left;
	margin-bottom: 32px;
	border-radius: 3px;
}

section.guide-header h1 {
	margin-top: 0;
}

section.guide-header.facebook {
	padding: 32px 32px 16px !important;
}
section.guide-header img {
	margin-right: 32px;
	margin-bottom: -5px;
}

section.guide-header h3 {
	line-height: 32px;
	font-weight: normal;
	margin-bottom: 24px;
}

section.guide-header button {
	display: inline-block;
	color: #111111;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	padding: 12px;
	text-decoration: none;
	background-color: #f0ca64;
	border: 1px solid #bca054;
	border-radius: 3px;
	margin-bottom: 32px;
}

section.guide-header .guide-share-links {
	display: inline-block;
	margin-top: 16px;
	float: right;
	font-weight: bold;
	font-size: 16px;
}

section.guide-header .guide-share-links .share-text {
	position: relative;
	top: 4px;
}

section.guide-header .guide-share-links a {
	margin-left: 8px;
	display: inline-block;
	vertical-align: top;
}

section.guide-header .guide-share-links a.share-link-email  {
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background-color: #3c3c3c;
	text-align: center;
}
section.guide-header .guide-share-links a.share-link-email svg {
	width: 24px;
	height: 24px;
	margin-top: 4px;
}

section.guide-header button:hover {
	background-color: #bca054;
}


section.guide .guide-header .section-inner {
	display: inline-block;
	vertical-align: top;
	max-width: calc( 100% - 357px );
	margin: 0;
}

section.chapter-header {
	max-width: 928px;
	margin-right: auto;
	margin-left: auto;
	background-color: #dbdddf;
	padding: 16px !important;
	text-align: left;
	margin-bottom: 32px;
	border-radius: 3px;
}



section.chapter-header a.guide-link {
	color: #111111;
	font-size: 18px;
	line-height: 1;
	text-decoration: none;
}
section.chapter-header a.guide-link:hover {
	color: #0F61D8;
	text-decoration: underline;
}

section.chapter-header .chapter-share-links {
	float: right;
	display: inline-block;
	position: relative;
	top: -3px;
}

section.chapter-header .chapter-share-links a {
	margin-left: 8px;
	display: inline-block;
	vertical-align: top;
}

section.chapter-header .chapter-share-links a.share-link-email,
section.chapter-header .chapter-share-links a.share-link-pdf  {
	width: 32px;
	height: 32px;
	border-radius: 3px;
	background-color: #3c3c3c;
	text-align: center;
}

section.chapter-header .chapter-share-links a.share-link-pdf  {
	background-color: #D66A4C;
}

section.chapter-header .chapter-share-links a.share-link-email svg,
section.chapter-header .chapter-share-links a.share-link-pdf svg {
	width: 24px;
	height: 24px;
	margin-top: 4px;
}

section.guide .section-inner {
	max-width: 736px;
	margin-right: auto;
	margin-left: auto;
}

section.guide .chapter-number {
	font-size: 18px;
	color: #7b7b7b;
	margin-bottom: 8px;
	line-height: 1;
}

section.guide .next-chapter {
	border-bottom: 2px solid #7b7b7b;
	color: #484848;
	display: block;
	text-decoration: none;

}

section.guide.chapter .next-chapter:before {
	display: block;
	content: 'NEXT UP';
	border-bottom: 2px solid #7b7b7b;
	padding-left: 8px;
	padding-bottom: 8px;
	color: #7b7b7b;
}

section.guide .next-chapter-heading:after {
	display: inline-block;
	float: right;
	margin-top: 12px;
	content: '';
	width: 0; 
	height: 0; 
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 22px solid #F4C954;
}

section.guide .next-chapter .next-chapter-heading {
	font-size: 18px;
	font-weight: bold;
	color: #111111;
	margin-bottom: 8px;
	line-height: normal;
	display: block;
	margin: 16px 16px 8px 0;	
}

section.guide .next-chapter .next-chapter-time {
	color: #4c83af;
	font-size: 14px;
	margin-left: 8px;
	font-weight: normal;
	display: inline-block;
}

section.guide .next-chapter .next-chapter-description {
	display: block;
	margin: 0 16px 16px 0;
	padding-right: 38px;
}
section.guide a.next-chapter:hover {
	color: #0F61D8;
}

section.guide .next-chapter .next-chapter-number {
	color: #7b7b7b;
}

/* SLICK */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    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);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}
/* Dots */

.slick-dots{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

ul.slick-dots li:before {
	display: none;
}

.slick-dots li{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 8px;
    height: 8px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.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{
    font-size: 20px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
    opacity: 1;
    color: var(--water-blue);
}

.slider-dots {
	display: inline-block;
	margin-left: 32px;
	vertical-align: top;
	margin-right: 8px;
	margin-top: -22px;
}

.slider-controls {
	text-align: center;
	margin-top: -42px;
}

.slider-controls .icon-prev,
.slider-controls .icon-next  {
	border-radius: 8px;
	padding-top: 14px;
	border: solid 1px var(--black-15);
	display: inline-block;
	text-align: center;
	width: 48px;
	height: 48px;
	background-color: white;
	margin: 0;
	cursor: pointer;
}

.slider-controls .icon-prev {
	margin-right: 8px;
}

.slider-controls .icon-prev:hover,
.slider-controls .icon-next:hover  {
	background-color: var(--water-blue);
}

.slider-controls .icon-prev:hover path,
.slider-controls .icon-next:hover path  {
	fill: white;
}

/* SECTIONS */
#as-seen-on {
	margin-bottom: -28px;
}

#as-seen-on h4 {
	margin: 0;
	font-family: lato;
	font-weight: 900;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 48px;
}

#as-seen-on h4:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 24px;
	background-color: var(--sun-yellow);
	vertical-align: bottom;
	margin-right: 16px;
}

#hero-home {
		
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-home-2.svg' ) calc( 50% + 60px ) top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
		
	margin-bottom: 48px;
}

#hero-home #headline-feature {
	color: var(--sun-yellow);
}

#hero-home p {
	max-width: 570px;
}

#hero-rankings {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-rankings.svg' ) center top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#slider-rankings {
	position: relative;	
}

div#slider-rankings:before {
	position: absolute;
	
	right: 0;
	top: -32px;
	
	z-index: -1;
	content: url( 'assets/pattern-bg.svg' );
}



#hero-reviews {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-reviews.svg' ) center top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}
#reviews-last-twoup {
	margin-bottom: 92px;
}

#how-it-works-reviews {
	margin-bottom: 150px;
}

#how-it-works-reviews h2 {
	margin: 35px 0 61px 0;
}

#how-it-works-reviews p {
	font-size: 14px;
	margin-bottom: 0;
	line-height: 1.71;
}

#how-it-works-reviews .flexbox .svg-icon {
	margin-bottom: 24px;
}

#hero-landingpages {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-landingpages-2.svg' )  calc( 50% + 285px ) top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#hero-url-builder {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-url-builder.svg' ) calc( 50% + 299px ) top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#how-it-works-url-builder {
	margin: 35px auto 144px auto;
}


#how-it-works-url-builder h2 {
	margin: 35px 0 61px 0;
}

#how-it-works-url-builder h4 {
	font-size: 14px;
	line-height: 1.71;
}

#how-it-works-url-builder p {
	line-height: 1.71;
	font-size: 14px;
}

.wrapper.url-builder {
	margin: 144px auto;
}

#hero-integrations {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-integrations.svg' ) calc( 50% + 488px ) 194px no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#features-integrations h2 {
	font-size: 32px;
	margin: 0 0 44px 0;
}

#features-integrations h4 {
	margin: 0 0 10px 0;
	
}

#features-integrations p {
	font-size: 14px;
	line-height: 1.71;
	margin-bottom: 0;
}

#features-integrations h2 .icon {
	display: inline-block;
	width: 48px;
	height: 48px;
	padding: 12px;
	border-radius: 8px;
	background-color: #d3e5ff;
	text-align: center;
	vertical-align: sub;
	margin-right: 20px;
}

#features-integrations .flexbox {
	margin-bottom: 90px;
	
}

#features-integrations .flexbox > div {
	position: relative;
	height: 216px;
	background-color: #e6f1ff;
	padding: 48px 48px 48px 216px;
	margin-bottom: 30px;
	border-radius: 16px;
}

#features-integrations .logo {
	background-color: white;
	padding: 24px;
	position: absolute;
	width: 120px;
	height: 120px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	top: 48px;
	left: 48px;
}

.logos {
	display: flex;
	justify-content: space-around;
	background-color: #e6f1ff;
	padding: 48px;
	margin-bottom: 30px;
	border-radius: 16px;
}

.logos .logo {
	background-color: white;
	padding: 24px;
	
	width: 120px;
	height: 120px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
	
}


#hero-audience {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-audience.svg' ) calc( 50% + 367px ) top no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#how-it-works-audience {
	margin-bottom: 138px;
}

#how-it-works-audience h4 {
	font-size: 14px;
	line-height: 1.71;
}

#how-it-works-audience p {
	margin-bottom: 0;
}

#hero-pricing {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-pricing.svg' ) calc( 50% + 465px ) 156px no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#hero-messenger {
	
	background: url( 'assets/hero-bottom-cover.svg' ) center bottom / 100% 168px no-repeat,
		url( 'assets/hero-messenger-2.svg' ) calc( 50% + 367px ) 118px no-repeat,
		linear-gradient( 110deg, #0647c7, #118cde );
	
}

#hero-messenger p {	
	max-width: 405px;
}

#why-messenger.flexbox.twoup > div {
	align-self: flex-start;
}

#why-messenger h2 {
	margin: 35px 0 59px 0;
}

#why-messenger h4 {
	font-size: 14px;
	line-height: 1.71;
	margin: 0 0 7px 0;
}

#why-messenger .group {
	border-top: 1px solid var(--black-15);
	position: relative;
	padding: 23px 0 0 72px;
}

#why-messenger .group .svg-icon {
	position: absolute;
	top: 23px;
	left: 0;
} 

#why-messenger p {
	font-size: 14px;
	margin-bottom: 41px;
	line-height: 1.71;
}


#how-it-works {
	counter-reset: step;
	background: url( 'assets/how-it-works-background.svg' ) right 455px no-repeat;
}

#how-it-works .wrapper {
	
}

#how-it-works h4 {
	margin: 40px 0 24px 0;
}

#how-it-works h4:before {
	content: '';
	display: block;
	width: 24px;
	height: 8px;
	background-image: linear-gradient(103deg, #0647c7, #118cde);
	margin-bottom: 24px;
}
#how-it-works .flexbox:nth-child(even) h4:before {
	background-image: none;
	background-color: var(--sun-yellow);
}

#how-it-works .flexbox {
	position: relative;
	margin-top: 68px;
}

#how-it-works-rankings .headline {
    align-self: flex-start;
}

#how-it-works-rankings .wrapper {
	background: url( 'assets/cubes.svg' ) left bottom no-repeat;
	margin-bottom: 168px;
}

#how-it-works-rankings h2 {
	margin: 35px 0 19px 0;
}
#how-it-works-rankings h4 {
	font-size: 14px;
	margin: 30px 0 18px 0;
}

#how-it-works-rankings-inner {
	margin-top: -49px;
	position: relative;
	text-align: center;
	justify-content: space-around;
	line-height: 1.71;
	font-size: 14px;
}

#how-it-works-rankings-inner > div:last-child p,
#how-it-works-rankings-inner > div:nth-last-child(2) p {
	margin-bottom: 0;
}

#solutions {
	background: url( 'assets/solutions-svg-triangle.svg' ) bottom center no-repeat;
	padding-bottom: 168px;
	margin-bottom: 120px;
}

#solutions .flexbox {
	margin-top: 72px;
}

#solutions .width-570 {
	position: relative;
	border-radius: 16px;
	padding: 48px 48px 48px 120px;
	margin-bottom: 26px;
	background: url( 'assets/solutions-svg-top.svg' ) left top no-repeat,
		url( 'assets/solutions-svg-bottom.svg' ) right bottom no-repeat,
		linear-gradient(63deg, #0647c7, #118cde);
		
	min-height: 312px;
}

#solutions .width-570 > svg {
	position: absolute;
	left: 48px;
	top: 46px;
}

#solutions .width-570 > svg.svg-bot {

	top: 44px;
}


#solutions h4 {
	margin: 0 0 24px 0;
	color: white;
}

#solutions a {
	text-transform: none;
	color: var(--white-70);
	line-height: 1.5;
	font-weight: normal;
	font-size: 16px;
}

#solutions span {
	color: var(--sun-yellow);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.71;
}

#title-landingpages {
	padding-top: 74px;
	margin-top: -74px;
	background: url( 'assets/cubes-2.svg' ) calc( 50% + 638px ) top no-repeat;
	overflow: hidden;
}

#title-landingpages h2 {
	margin: 35px 0 48px 0;
}

#title-landingpages .wrapper {
	margin-bottom: 0;
}

.wrapper.templates {
	margin-bottom: 144px;
}

.wrapper.templates h4 {
	font-size: 14px;
	line-height: 1.71;
}

.wrapper.templates .number {
	color: white;
	font-family: "ArcaMajora3-Heavy";
	line-height: 1.71;
	text-align: center;
	font-size: 14px;
	display: inline-block;
	width: 40px;
	height: 40px;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 156px;
}

.wrapper.templates a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.71;
}

.wrapper.templates .image {
	position: absolute;
	top: 42px;
	right: -255px;
}

.wrapper.templates .image img {
	max-width: 568px
}

.wrapper.templates .parent {
	border-radius: 24px;
	margin-bottom: 24px;
	border: solid 1px rgba( 0, 0, 0, 0.05 );
	padding: 48px;
	overflow: hidden;
	position: relative;
	height: 408px;
}

.wrapper.templates .parent.one {
	background-color: #fef6e1;
}

.wrapper.templates .parent.one a {
	color: #f8ba14;	
}

.wrapper.templates .parent.one .number {
	background-color: #f8ba14;
}

.wrapper.templates .parent.two {
	background-color: #e3eaff;
}

.wrapper.templates .parent.two a {
	color: #3145ff;
}

.wrapper.templates .parent.two .number {
	background-color: #3145ff;
}

.wrapper.templates .parent.three {
	background-color: #fcece7;
}

.wrapper.templates .parent.three a {
	color: #e53402;
}

.wrapper.templates .parent.three .number {
	background-color: #e53402;
}

.wrapper.templates .parent.four {
	background-color: #f4eaff;
}

.wrapper.templates .parent.four a {
	color: #9b4fff;
}

.wrapper.templates .parent.four .number {
	background-color: #9b4fff;
}

#features-landingpages {
	background-image: linear-gradient( to bottom, #edf5ff, #ffffff );
	padding: 168px 0 126px 0;
	margin-top: 168px;
}

#features-landingpages .flexbox svg.svg-icon{
	max-width: 24px;
	max-height: 24px;
} 

#features-landingpages h2 {
	margin-top: 35px;
}

#features-landingpages h4 {
	margin: 30px 0 25px 0;
	font-size: 14px;
	line-height: 1.71;
}

#features-landingpages #headline {
	border-top: 0;
	padding-top: 0;
	margin-right: 100px;
}

#features-landingpages p {
	font-size: 14px;
	line-height: 1.71;
	margin: 0 0 42px 0;
}

#pricing-table {
	margin: -556px auto 72px auto;	
	line-height: 1.71;
	font-size: 14px;
}


#pricing-table li {
	margin-bottom: 12px;
	color: black;
}

#pricing-table li:before {
	content: url( 'assets/bullet-point-blue.svg' );
	top: -2px;
}

#pricing-table h4 {
	margin: 0 0 54px 0;
	font-size: 14px;
	font-family: "ArcaMajora3-Bold";
}

#pricing-table .flexbox > div {
	border-radius: 16px;
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.14);
	border: solid 1px var(--black-15);
	padding: 48px;
	background-color: white;
	align-self: flex-end;
}


#pricing-table .button {
	width: 100%;
}

#pricing-table .icon {
	display: inline-block;
	vertical-align: middle;
	padding: 12px;
	margin-right: 16px;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background-color: #d3e5ff;	
}

#pricing-table div.popular {
	padding-top: 72px;
	position: relative;
}

#pricing-table .most-popular {
	border-radius: 100%;
	display: inline-block;
	width: 96px;
	height: 96px;
	background-color: var(--sun-yellow);
    text-align: center;
	position: absolute;
	top: -24px;
	right: 42px;
	box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.25);
	border: solid 5px #deb41c;
	padding: 12px;
}

#pricing-table .most-popular .svg-star {
	
}

#pricing-table .most-popular .most-popular-text {
	color: black;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 1.2;
	font-weight: bold;
	position: relative;
	top: -18px;
}

#pricing-table .unavailable {
	opacity: 0.3;
	color: black;
}

#pricing-table li.unavailable:before{
	filter: grayscale(100%);
}

#pricing-table .group {
	position: absolute;
	transform: scaleX(0);
	opacity: 0;
}

#pricing-table .group.selected {
	transform: scaleX(1);
	position: static;
	transition: transform 200ms ease;
	opacity: 1;
}

#pricing-table .group.monthly {	
	justify-content: space-around;
}

#pricing-table .pricing {
	position: relative;
	margin-bottom: 42px;
}

#pricing-table .pricing .pricing-price {
	font-family: "ArcaMajora3-Bold";
	font-weight: normal;
	font-size: 72px;
	line-height: 1;
	color: var(--water-blue);
}

#pricing-table .pricing .pricing-period {
	font-weight: 900;
	color: var(--water-blue);
	text-transform: uppercase;	
	position: absolute;
	top: 19px;
	left: 141px;
}

#pricing-table .pricing .pricing-period:before {
	background-color: var(--sun-yellow);
	content: '';
	position: absolute;
	top: -17px;
	width: 30px;
	height: 10px;
}

#pricing-table .pricing .pricing-total {
	line-height: 1.14;	
	position: absolute;
	top: 43px;
	left: 141px;
}

#pricing-toggle {
	display: inline-block;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.71;
	color: white;
	border-radius: 16px;
	margin-bottom: 96px;
	text-transform: uppercase;
	cursor: pointer;
}

#pricing-toggle > div {
	display: inline-block;
	padding: 24px;
	border: solid 2px #2669d1;
	transition: all 200ms ease-out;
}

#pricing-toggle div.selected {
	background-color: #2669d1;
	border-bottom: 2px solid var(--sun-yellow);
	transition: all 200ms ease-in;
}

#pricing-toggle #monthly-pricing {
	border-radius: 16px 0 0 16px;
	border-right: 0;
	margin-right: -3px;
}

#pricing-toggle #annual-pricing  {
	border-radius: 0 16px 16px 0;
	border-left: 0;
}

#pricing-toggle #percent-off {
	border: none;
	color: var(--sun-yellow);
	font-style: italic;
	font-weight: bold;
	display: inline-block;
	padding: 3px 11px;
	background-color: rgba( 255, 210, 32, 0.3 );
	border-radius: 3px;
	margin: -3px 0 -3px 8px;
}


#features-pricing h4 {
	font-size: 14px;
}

#features-pricing p {
	font-size: 14px;
	margin-bottom: 48px;
}
#pricing-contact {
	margin-bottom: 168px;
}
#pricing-contact .flexbox {
	max-width: 770px; 
	margin: 0 auto;
	background-color: #e6f1ff;
	border-radius: 16px;
	padding: 24px 32px;
}

#pricing-contact p {
	font-size: 14px;
	line-height: 1.71;
	margin-bottom: 8px;
	text-align: left;
}

#index {
	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
}

#index .wrapper {
	margin-bottom: 72px;
}

/* CTA */
.cta {
	background: url( 'assets/cta-primary-bg.svg' ) top / 100% 864px no-repeat,
				url( 'assets/cta-secondary-bg.svg' ) top / 100% 864px no-repeat;
	height: 864px;
	margin-top: 168px;
}

.cta .cta-img {
	min-height: 600px;
}

.cta .flexbox > div {
	align-self: flex-end;
}

.cta h2 {
	color: white;
	margin-bottom: 22px;
}

.cta p {
	color: var(--white-70);
	margin-bottom: 32px;
}

.cta .button {
	padding: 16px 22px;
	line-height: 1.33;
	font-size: 12px;
}

/* TESTIMONIAL */
.testimonial {
	background: url( 'assets/img-svg-decor-1.svg' ) left top no-repeat;
	margin-bottom: 144px;
}

.testimonial #video-decoration {
	position: absolute;
	bottom: 101px;
	left: -30px;
	z-index: 3;
}

.testimonial .content {
	background-color: #e6f1ff;
	border-radius: 24px;
	padding: 72px 70px 72px 270px;
	margin-left: -200px;
}

.testimonial .video {
	margin: 72px  0 0 100px;
	position: relative;
}

.testimonial .wistia_embed img {
	border-radius: 24px;
	
} 

.small-testimonial {
	border-left: 12px solid rgba( 181, 212, 255, 0.35 );
	color: var(--water-blue);
	line-height: 1.5;
	padding-left: 24px;
	margin-top: 96px;
	position: relative;
	text-align: left;
}

.testimonial .small-testimonial {
	margin-top: 70px;
	border-left: 0;
	padding-left: 0;
}

.testimonial p {
	border-left: 12px solid rgba( 181, 212, 255, 0.35 );
	padding-left: 24px;
}

div.small-testimonial:before {
	content: '';
	background-color: var(--black-15);
	width: calc( 100% + 12px );
	height: 1px;	
	position: absolute;
    top: -47px;
    left: -12px;	
}

.testimonial div.small-testimonial:before {
	content: '';
	background-color: #ced8e5;
	width: calc( 100% - 72px );
	height: 1px;	
	position: absolute;
	top: -82px;
	left: 96px;
	
}

.small-testimonial .byline {
	height: 72px;	
	padding-top: 12px;
	padding-left: 78px;
}

.testimonial .small-testimonial .byline img {
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.15);
	border: 3px solid white;
	border-radius: 5px;
}

.small-testimonial .byline img {
	position: absolute;
	top: 0;
	left: 24px;
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.15);
	border: 3px solid white;
	border-radius: 5px;
}

.small-testimonial .byline .svg-quote {
	position: absolute;
	left: 60px;
	top: 36px;
}

.testimonial .small-testimonial .byline .svg-quote {
	position: absolute;
	left: 36px;
	top: 36px;
}

.small-testimonial .author {
	color: black;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.71;
}

.testimonial .small-testimonial .author {
	font-weight: 900;
}

.small-testimonial .bio {
	display: block;
	color: var(--black-50);
	font-size: 14px;
	line-height: 1.71;
}

#testimonial-quote {
	background:	linear-gradient(to left, rgba(0, 107, 255, 0.4), white);
	border-radius: 24px;
	padding: 72px 0;
	margin-bottom: 144px;
}

#testimonial-quote .small-testimonial {
	width: 400px;
	margin-top: 0;
}

#testimonial-quote .small-testimonial p {
	margin: 24px 0 0 0;
	padding-left: 19px;
}

#testimonial-quote.testimonial div.small-testimonial:before {
	display: none;
}

#testimonial-quote .decoration {
	position: absolute;
	bottom: 0;
	right: 9px;
}

#testimonial-quote .testimonial {
	margin-bottom: 144px;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: var(--black-70);
}

a:visited {
	color: var(--black-70);
}

a:hover, a:focus, a:active {
	color: var(--black-70);
}

a:focus {
	
}

a:hover, a:active {
	
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 16px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 16px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img {
	margin: 24px 0;
}




/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 16px;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.page-title {
	margin: 72px 0;
	font-size: 32px;
	line-height: 48px;
}

.page-title .svg-squares {
	margin-right: 52px;
	vertical-align: baseline;
}

.blogroll {
	
}

.blogroll a.permalink {
	text-align: left;
	width: 370px;
	text-decoration: none;
	text-transform: none;
	font-weight: normal;
	line-height: 1.71;
	color: var(--black-70);
	margin-bottom: 72px;
	line-height: 1.71;
	border-radius: 16px;
	border: solid 1px transparent;
}

.blogroll .permalink:hover {
	background-color: white;
	box-shadow: 0 10px 25px 0 var(--black-15);
	border: solid 1px var(--black-15);
}

.blogroll .permalink h2 {
	font-family: Lato;
	text-transform: none;
	font-weight: 900;
	font-size: 16px;
	color: black;
	margin: 0 0 12px 0;
	line-height: 1.5;
}

.blogroll .permalink:hover h2 {
	color: var(--water-blue);
}

.blogroll .permalink .entry-content {
	padding: 24px 24px 18px 24px;
	border-radius: 16px;
}

.entry-meta {
	margin-top: 20px;
	font-size: 14px;
	line-height: 1.71;
	position: relative;
	color: var(--black-50);
}

.entry-meta.single-post {
	border-top: 1px solid rgba( 0, 0, 0, 0.1 );
	border-bottom: 1px solid rgba( 0, 0, 0, 0.1 );
	padding: 32px 0;
	margin: 48px 0 52px 0;
}

.entry-meta span {
	line-height: 32px;
	vertical-align: top;
}

.entry-meta .by {
	margin: 0 8px;
	font-weight: normal;
}

.entry-meta .avatar {
	border-radius: 5px;
	box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.25);
	margin: 0;
}
.entry-meta .author {
	font-weight: 900;
}

.entry-meta .entry-date {
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	position: absolute;
	right: 0;
	color: var(--black-30);
}

.blogroll .permalink .featured-image {
	border-radius: 16px;
}
.blogroll .permalink:hover .featured-image{
	border-radius: 16px 16px 0 0;
}
.site-header {
	padding: 24px 0;
	position: relative;
	height: 96px;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}

.site-header.white {
	padding: 48px 0 0 0;

	margin-bottom: -96px;
	border-bottom: 0;
}

.site-header.scrolled {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 10;
	padding: 24px 0;
	background-color: white;
}

.site-header.white.scrolled {
	background-color: var(--water-blue);
}

.site-header .wrapper {
	margin: 0 auto;
	max-width: 1170px;
}

.site-header .logo {
	display: inline-block;
	vertical-align: middle;
}

.site-header .svg-icon {
	vertical-align: baseline;
}

.site-header .svg-dots {
	margin: 0 30px;
}

.site-header .svg-menu,
.site-header .svg-close {
	display: none;
}

#related-posts {
	background-color: #e6f1ff;
	padding-top: 72px;
	text-align: center;
}

#related-posts .wrapper {
	margin-bottom: 0;
}

#related-posts h3 {
	font-family: "ArcaMajora3-Heavy";
	line-height: 1.5;
	font-size: 32px;	
	margin: 35px 0 66px 0;
	text-transform: uppercase;
}

#primary-menu {
	display: inline-block;
}

#primary-menu .right {
	position: absolute;
	right: 0;
	top: 0;	
}

#primary-menu .right .button {
	line-height: 1.33;
	padding: 8px 18px;
	font-size: 12px;
	border-radius: 4px;
}


#primary-menu .svg-down {
	width: 8px;
	height: 8px;
	margin-left: 8px;
}


#primary-menu:last-child {
	margin-right: 0;
}

#primary-menu .menu-item {
	text-decoration: none;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.71;
	color: black;
	cursor: pointer;
	display: inline-block;
	margin-right: 30px;	
	padding: 12px 0;
}

#primary-menu .menu-item.child {
	margin-right: 0px;	
	padding: 12px;
	display: block;
	border-radius: 8px;
	color: var(--black-70);
}

#primary-menu .menu-item.child .title {
	margin-right: 0px;	
	display: block;
	white-space: nowrap;
	font-weight: 700;
	font-size: 14px;
	color: black;
}

#primary-menu .menu-group.resources .children {
	width: 644px;
	margin-left: -287px;
}

#primary-menu .menu-group.resources .title {
	white-space: normal;
	font-size: 14px;
	line-height: 1.71;
	font-weight: bold;
}

#primary-menu .menu-group.resources .title:before {
	content: '';
	display: inline-block;
	height: 16px;
	width: 4px;
	margin-right: 8px;
	background-color: var(--water-blue);
	vertical-align: middle;

}

#primary-menu .menu-group.resources .menu-item.child {
	display: inline-block;
	width: 50%;
	white-space: normal;
	vertical-align: top;
	
	font-size: 13px;
	font-weight: normal;
	line-height: 1.85;

}

#primary-menu .menu-item.child:hover {
	background-color: var(--black-15);
}

#primary-menu .menu-item:hover {
	color: var(--water-blue);
}

#primary-menu .resources .menu-item.child:hover {
	color: black;
}

#primary-menu .resources .menu-item.child:hover .title {
	color: var(--water-blue);
}

.white #primary-menu .menu-item.parent:hover {
	color: var(--sun-yellow);
}

.white #primary-menu .menu-item.parent {
	color: white;
}

.white #primary-menu .svg-down {
	opacity: 0.5;
}

.white #primary-menu .svg-down path {
	fill: white;
}

#primary-menu .menu-item:hover .svg-down {
	opacity: 1;
}

#primary-menu .menu-item:hover .svg-down path {
	fill: var(--sun-yellow);
}

#primary-menu .menu-group {
	display: inline-block;
	position: relative;
}

#primary-menu .menu-group:hover {

}

#primary-menu .selected {
	position: relative;
}

#primary-menu span.selected.parent:after,
#primary-menu a.selected.parent:after {
	position: absolute;
	content: '';
	background-color: var(--sun-yellow);
	height: 3px;
	left: 0px;
	bottom: 8px;
	width: 100%;
	 
}

#primary-menu span.selected.parent:after {
	width: calc( 100% - 15px );
}


#primary-menu .menu-group .children {
	display: inline-block;
	
	transform: scaleY(0);
	opacity: 0;
	transform-origin: center -8px;
	
		
	position: absolute;
	z-index: 9;
	left: 0;
	margin-left: -56px;
	top: 47px;
	background-color: white;
	color: black;
	border-radius: 8px;
	
	padding: 8px;
}

#primary-menu .menu-group .children:before {
	content: '';
	position: absolute;
	top: -8px;
	left: calc( 50% - 6px );
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 8px 6px;
	border-color: transparent transparent #fff transparent;
}

#primary-menu .menu-group:hover  .children,
#primary-menu .menu-group .children:hover {
	transform: scaleY(1);
	opacity: 1;
	box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.2);
	transition: transform 150ms ease, opacity 150ms ease;
}

.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 16px;
}

.site-footer {
	padding-top: 72px;
	
}

.site-footer .wrapper {
	margin-bottom: 0;
	max-width: 1170px;
}

.site-footer nav {
	display: flex;	
	justify-content: space-between;
	margin-left: 464px;
}

.site-footer .landingcube-icon {
	float: left;
}

.site-footer .navgroup h3 {
	font-family: Lato;	
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	text-transform: none;
	letter-spacing: normal;
	color: #000000;
	margin-bottom: 24px;
}

.site-footer a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 1;
	color: var(--black-70);
	margin-bottom: 10px;
}

.site-footer a:last-of-type {
	margin-bottom: 0;
}

.site-footer #disclaimer {
	font-size: 14px;
	line-height: 1.71;
	padding: 47px 0 48px 0;
	margin: 92px 0 0 0;
	border-top: 1px solid var(--black-15);
}
.site-footer #copyright {
	float: right;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}


/* PHONES */
@media screen and ( max-width: 1279px ) {
	
	h1 {
		font-size: 32px;
		margin: 16px 0 22px 0;
	}	
	

	h2 {
		font-size: 20px;
	}
	
	h3 {
		margin: 0 0 24px 0;
	}

	h4 {
		font-size: 14px;
		margin: 0 0 8px 0;
	}
	
	ul {
		padding: 0;
	}
	
	ul li:before  {
		display: none;
	}
	
	li {
		font-size: 14px;
		margin-bottom: 16px;
		line-height: 1.71;
	}
	
	p {
		font-size: 14px;
		line-height: 1.71;
	}

	br.linebreak {
		display: none;
	}
	
	/* CLASSES */
	.mobile-only {
		display: block;
	}
	

	.desktop-only {
		display: none;
	}
			
	.slick-slide img {
		margin: 0 auto;
	}		
	
	.slider-dots {
		display: block;
		margin: 48px 0 0 0;
		height: 48px;
	}

	.slider-controls {
		height: 48px;
		text-align: center;
		margin-top: -48px;
	}
	
	.slider-controls .icon-prev {
		position: absolute;
		left: 0;
	}
	
	.slider-controls .icon-next {
		position: absolute;
		right: 0;
	}
	
	.slider-controls .icon-prev:hover,
	.slider-controls .icon-next:hover  {
		background-color: white;
	}

	.slider-controls .icon-prev:hover path,
	.slider-controls .icon-next:hover path  {
		fill: #0f61d8;
	}
	
	.wrapper {
		max-width: var(--mobile-max-width);
		text-align: center;
	}
	
	.wrapper.page {
		margin-bottom: 0;
	}
	
	.entry-content {
		text-align: left;
	}
	.entry-content img {
		margin: 16px 0;
	}
	
	.flexbox .width-170,
	.flexbox .width-200,
	.flexbox .width-240,
	.flexbox .width-270,
	.flexbox .width-350,
	.flexbox .width-370,
	.flexbox .width-400,
	.flexbox .width-430,
	.flexbox .width-470,
	.flexbox .width-500,
	.flexbox .width-570,
	.flexbox .width-600,
	.flexbox .width-620,
	.flexbox .width-700,
	.flexbox .width-770 {	
		width: 100%;
		margin-bottom: 24px;
	}
	
	svg.svg-icon.svg-squares {
		display: block;
		margin: 0 auto 24px auto;
	}
	
	.page-title {
		margin: 48px 0 40px 0;
	}
	.post-template-default h1, 
	.page-template-default h1 {
		font-size: 24px;
		margin: 0 0 44px 0;
	}
	
	.post-template-default h2, 
	.page-template-default h2 {
		margin: 40px 0 16px 0;
		line-height: 1.33;
		
	}	
	
	.post-template-default h3, 
	.page-template-default h3 {
		margin: 32px 0 16px 0;
	}
	
		
	.page-template-default ul,
	.post-template-default ul {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-template-default ul li:before,
	.post-template-default ul li:before {
		
	}


	.post-template-default p,
	.page-template-default p {
		font-size: 16px;
		line-height: 1.5;
		margin: 0 0 24px 0;
		
	}
	
		
	.post-template-default blockquote,
	.page-template-default blockquote {
		margin: 40px 0;
		font-size: 18px;
		line-height: 1.56;
		
	}

	.post-template-default blockquote p,
	.page-template-default blockquote p {
		font-size: 18px;	
	}
		
	.post-template-default blockquote:before,
	.page-template-default blockquote:before {
		position: absolute;
		top: 0;
		left: 0;		
		width: 5px;
		height: 100%;
	}
	
	.site-header {
		padding: 20px 30px;
		height: 72px;
	}
	
	.site-header.white {
		margin-bottom: -72px;
		padding: 20px 30px;
		border-bottom: 1px solid rgba( 255, 255, 255, 0.1 );
	}


	.site-header .wrapper {
		text-align: left;

	}	

	.site-header .logo {
		vertical-align: top;
	}
	
	.site-header .svg-icon {
		vertical-align: middle;
	}

	.site-header .svg-menu,
	.site-header .svg-close {
		position: absolute;
		top: 4px;
		right: 0px;
	}
	.site-header .svg-menu {
		display: inline-block;
	}
	
	.site-header.open {
		width: 100%;
		z-index: 10;
	}
	
	.site-header.open .svg-menu {
		display: none;
	}	
	
	.site-header.open .svg-close {
		display: inline-block;
	}
	
	.site-header .svg-dots {
		display: none;
	}
	 
	.hero {
		width: 100%;
		padding-top: 73px;
		margin-bottom: 72px;
		min-height: auto;
		
	}
	.hero .wrapper {
		padding-bottom: 290px;
	}
	
	.hero h1 {
		font-size: 32px;
		line-height: 1.31;
		margin: 51px 0 22px 0;
	}
	
	.hero p {
		font-size: 16px;
		color: white;
		margin-bottom: 28px;
		line-height: 1.5;
	}

	.hero a.button {
		line-height: 1.33;
	}
		
	.cta {
		background: var(--water-blue);
		height: auto;
		transform: rotate(-8.13deg) skew(-8.13deg);
		margin-top: 96px;
	}

	
	.cta p {
		color: white;
	}
	
	.cta .wrapper {
		transform: rotate(8.13deg) skew(8.13deg);
		padding: 72px 0 0 0;
		margin-bottom: 42px;
	}
	
	.cta .button {
		margin-bottom: 40px;
	}
	
	.cta .cta-img {
		min-height: 0;
		margin-bottom: 64px;
	}
	
		
	.cta .cta-img#cta-messenger-svg {
		margin: -48px 0 0 0;
	}
	
	.flexbox.twoup.reversed {
		flex-direction: row;
	}	
	.flexbox.twoup > div:last-child {
		margin-bottom: 0;
	}

	.button {
		font-size: 12px;
		line-height: 1.33;
		padding: 16px 32px;
	}

		
	.site-footer {
		padding: 48px 0 0 0;
	}	
	
	.site-footer .wrapper {
		max-width: var(--mobile-max-width);
	}
	.site-footer .landingcube-icon {
		float: none;
		margin-bottom: 46px;
	}
	
	.site-footer nav {
		margin-left: 0;
		flex-wrap: wrap;
	}	
	
	.site-footer .navgroup {		
		padding-top: 15px;
		flex-basis: calc( 50% - 7.5px );
		border-top: 1px solid var(--black-15);
	}
	
	.site-footer .navgroup:last-of-type {
		flex-basis: 100%;
	}
	.site-footer .navgroup h3 {
		margin: 0 0 10px 0;
	}
	
	.site-footer a {
		margin-bottom: 14px;
	}
	
	.site-footer a:last-of-type {
		margin-bottom: 30px;
	}
	
	.site-footer #disclaimer {
		padding: 23px 0 24px 0;
		margin: 24px 0 0 0;
		color: black;
	}
		
	.site-footer #copyright {
		float: none;
		display: block;
		margin: 24px 0 0 0;
	}
	
	.blogroll.flexbox {
		justify-content: space-between;
	}
	
	.blogroll a.permalink {
		background-color: white;
		box-shadow: 0 10px 25px 0 var(--black-15);
		border: solid 1px var(--black-15);
		margin: 0 auto 24px auto;
		max-width: 100%;
	}
	
	.blogroll .permalink .featured-image {
		border-radius: 16px 16px 0 0;
	}	
	
	.paginated-navigation {
		margin-top: 48px;
	}	
	.paginated-navigation .page-numbers {
		display: none;
	}
	.paginated-navigation .page-numbers.mobile {
		display: inline-block;				
		margin: 0 4px;
		min-width: 0;
	}
	.paginated-navigation .page-numbers.mobile.current {
		color: var(--water-blue);
		border-top: 0;
		padding-top: 24px;
	}

	.entry-header {
		text-align: center;
		margin: 40px 0 40px 0;
	}

	.entry-header img {
		max-width: calc( 100% + 60px );
		margin-left: -30px;
	}

	.permalink .entry-meta .author,
	.permalink .entry-meta img {
		display: none;
	}	
	.permalink .entry-meta .entry-date {
		position: static;
		line-height: 2;
	}
	
	.entry-meta.single-post {
		
		padding: 32px 0;
		margin: 40px 0 4px 0;
	}
	
		
	.entry-meta {
		margin-top: 16px;
	}
	
	.faq .wrapper {
		max-width: var(--mobile-max-width);
	}

	.faq .question .title {
		padding-right: 24px;
	}

	
	.faq:before,
	.faq:after	{
		display: none;		
	}
	
	.testimonial {
		margin-bottom: 72px;
	}
	
	.testimonial .content {
		margin: 0 -30px 0 0;
		border-radius: 24px 0 0 24px;
		width: calc( 100% + 30px );
		padding: 48px 30px 168px 30px;
		
	}
	
	.testimonial .video {
		margin: -120px 0 0 -30px;
		width: calc( 100% + 30px );
	}
	
	.testimonial p {
		border-left: 0;
		padding-left: 0;
		font-size: 16px;
		line-height: 1.5;
	}
	.testimonial .small-testimonial {
		border-left: 12px solid rgba( 181, 212, 255, 0.35 );
		padding-left: 24px;
	}
	.small-testimonial .byline {
		padding-top: 0;
	}
	
	.testimonial .small-testimonial .byline img {
		left: 24px;
	}
	
	.testimonial .small-testimonial .byline .svg-quote {
		left: 66px;
	}
	
	.testimonial .wistia_embed img {
		border-radius: 0 24px 24px 0;
		
	} 

	.testimonial #video-decoration {
		top: -34px;
		left: 0;
	}
	
	.wrapper.testimonial.flexbox {
		flex-direction: column-reverse
	}
	
	.testimonial .small-testimonial {
		margin-top: 96px;
	}
	
	
	.testimonial div.small-testimonial:before {
		width: 100%;
		height: 1px;
		position: absolute;
		top: -47px;
		left: 0;
	}
	.divider {
		margin: 96px auto 96px auto;
	}
	
	.divider .svg-cube {
		position: absolute;
		top: -33px;
		right: calc( 50% - 29px );
		width: 66px;
		height: 66px;
	}
	
	.flexbox.top-borders > div {
		padding-top: 24px;
	}
	
	/* SECTIONS */	
	#primary-menu {
		display: block;
		
		transform: scaleX(0) scaleY(0);
		opacity: 0;
		
		width: calc( 100% + 60px );
		height: auto;
		
		padding: 30px;
		
		position: absolute;
		top: 54px;
		left: -30px;
		
		background: white;
		
		transition: transform 100ms ease, opacity 100ms ease;
		transform-origin: top right;
	}
	
	#primary-menu span.selected.parent:after,
	#primary-menu a.selected.parent:after {
		display: none;		 
	}

	.white #primary-menu {
		background: 		
			url( 'assets/cube.svg' ) right bottom no-repeat,
			linear-gradient(138deg, #0647c7 13%, #118cde 91%);
	}

	.site-header.open #primary-menu {
		transform: scaleX(1) scaleY(1);
		opacity: 1;
	}
		
	#primary-menu .menu-group {
		display: block;
		margin-bottom: 8px;
	}	
	
	#primary-menu .menu-item {
		display: block;
		font-size: 18px;
		line-height: 1.33;
		padding: 0;
		margin: 0 0 24px 0;
		
	}
	#primary-menu .menu-item:hover .svg-down {
		transform: rotate( 180deg );
	}
	
	#primary-menu .menu-item.child {
		font-size: 14px;
		font-weight: bold;
		line-height: 1.71;
		padding: 0 0 0 10px;
		border-left: 2px solid #4579D6;
		border-radius: 0;
		margin-bottom: 16px;
		color: white;
	}	
	
	#primary-menu .menu-group .children {
		margin-left: 0;
		background-color: transparent;
		
		padding: 0;
		z-index: 1;		
	}
		
		
	#primary-menu .menu-group:hover  .children,
	#primary-menu .menu-group .children:hover {
		box-shadow: none;
		position: static;
	}
	
	#primary-menu .menu-group.resources .children,
	#primary-menu .menu-group.features .children {
		margin-left: 0;
	}
	
	#primary-menu .menu-group.resources .menu-item.child {
		display: block;
		width: 100%;
	}
		
	#primary-menu .menu-group.resources .menu-item.child .item-text {
		display: none;
	}
	
	#primary-menu .menu-group.resources .title:before  {
		display: none;
	}
	
	#primary-menu .menu-item.child .title {		
		font-size: 14px;
		font-weight: bold;
		line-height: 1.71;
	}
	
	.white #primary-menu .menu-item.child .title {
		color: white;
	}
	
	#primary-menu .menu-group .children:before {
		display: none;
	}	
	
	#primary-menu .right {
		position: static;
	}
	
	#primary-menu .right .button {
		padding: 16px;
		width: 100%;
	}
	
	#related-posts .blogroll {
		padding-bottom: 48px;
	}
	#related-posts h3 {
		font-size: 20px;
		margin: 24px 0 40px 0;
	}
	
	#testimonial-quote {
		max-width: 100%;
		border-radius: 0;
		margin: 72px 0;
		padding: 0 30px 192px 30px;
		background: url( 'assets/testimonial-quote-mobile.svg' ) center bottom no-repeat,
			linear-gradient(to top, #b9d6ff, white);
	}
	
	#testimonial-quote .decoration {
		display: none;
	}

	#testimonial-quote .small-testimonial {
		width: 100%;
	}
	#testimonial-quote .small-testimonial p {
		margin-top: 0;
		padding-left: 0;
	}
	
	#hero-home {
			
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-home-mobile.svg' ) center bottom 94px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
			
		height: 870px;
	}
			
	#hero-home .wrapper {
		padding-bottom: 236px;
	}		
			
	#as-seen-on .slider-controls {
		margin-top: -64px; 
	}
	
	#as-seen-on h4 {
		padding-top: 24px		
	}
	
	#as-seen-on h4:before {
		margin: 0;
		position: absolute;
		top: 0;
		left: calc( 50% - 12px );
		width: 24px;
		height: 8px;
		
	}
		
	#trust-slider .image {
		text-align: center;
	}
	
	#trust-slider .image img {
		max-width: calc( 100% - 160px );
		margin: 0 auto;
	}
	
	#how-it-works-mobile-slider {
		color: black;
	}
	
	#how-it-works-mobile-slider li {
		margin-bottom: 24px;
	}
	
	#how-it-works-mobile-slider h4 {
		margin: 48px 0 24px 0;
		font-size: 16px;		
	}	
	
	#how-it-works-mobile-slider .small-testimonial {
		margin-top: 48px;		
	}

	#how-it-works-mobile-slider .small-testimonial p {
		font-size: 16px;		
	}
	
	#how-it-works-mobile-slider div.small-testimonial:before {
		top: -24px; 
	}
		
	#how-it-works-mobile-slider div.parent {
		position: relative;
		
	}

	#how-it-works-mobile-slider div.parent:after {
		content: '';	
		position: absolute;
		top: 0;
		left: calc( 50% - 58px );
		height: 1px;
		width: 116px;
		background-color: var(--black-15);
	}
	
	
	#hero-home p {
		max-width: 100%;
	}	

	#solutions {
		background: url( 'assets/solutions-svg-triangle.svg' ) bottom center / 100% no-repeat;
		padding-bottom: 72px;
		margin-top: 0;
		margin-bottom: 72px;
	}
	#solutions .flexbox {
		margin-top: 48px;
	}
	#solutions .width-570 {
		padding: 24px 30px;
		text-align: left;
		min-height: 0;
	}
	#solutions .width-570 > svg {
		position: static;
		margin-bottom: 24px;
	}

	#solutions .width-570 > svg.svg-bot {

		top: 44px;
	}

	#hero-rankings {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-rankings-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}
	
	
	#how-it-works-rankings-mobile p {
		color: black;
		margin-bottom: 0;
	}
	
	#how-it-works-rankings-mobile .path {
		position: relative;
		width: 164px;
		margin: 48px auto 30px auto;
	}	
	#how-it-works-rankings-mobile .path:after {
		content: '';
		position: absolute;
	
		top: 22px;
		left: 37px;
		border-radius: 5px;
		width: 80px;
		height: 82px;
		border: 2px dashed var(--water-blue);
		opacity: 0.5;
	}

	#how-it-works-rankings-mobile .path .icon {
		display: inline-block;
		border-radius: 5.2px;
		background-color: #d3e5ff;
		height: 50px;
		width: 50px;
		padding-top: 10px;
		vertical-align: top;
		margin: 0 15px 30px 15px;
		position: relative;
		z-index: 2;
	}
	#how-it-works-rankings-mobile .path .icon.active {
		background-color: var(--water-blue);
	}
	
	#how-it-works-rankings-mobile .path .icon.icon-promo {
		padding-top: 12px;
	}	

	#how-it-works-rankings-mobile .path .icon.icon-rank2 {
		padding-top: 14px;
	}	
	
	div#slider-rankings:before {
		display: none;
	}

	#hero-reviews {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-reviews-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}
	
	#hero-reviews .wrapper {
		padding-bottom: 310px;
	}
		
	#how-it-works-reviews {
		margin-bottom: 72px;
	}
	

	#reviews-last-twoup {
		margin-bottom: -48px; 
	}
	
	#how-it-works-reviews h2 {
		margin: 0 0 24px 0;
	}	

	#hero-landingpages {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-landingpages-mobile.svg' ) center bottom 55px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}
			
	#hero-landingpages .wrapper {
		padding-bottom: 203px;
	}

	
	.wrapper.templates {
		margin-bottom: 0;
	}
	
	.wrapper.templates .parent {
		text-align: left;
		height: auto;
		padding: 32px 30px;
		margin-bottom: 0;
	}
	
	.wrapper.templates .number {
		margin-bottom: 30px;
	}	
	
	.wrapper.templates img {
		margin: 30px auto 0 auto;
	}
	
	#title-landingpages h2 {
		margin-bottom: 4px;
	}
	
	#features-landingpages {
		margin-top: 72px;
		padding: 72px 0 0 0;
	}
	#features-landingpages h2 {
		margin: 24px 0 36px 0;
	}
	#features-landingpages h4 {
		margin: 24px 0;
	}
	#features-landingpages p {
		margin-bottom: 6px;
	}
	#features-landingpages .wrapper {
		margin-bottom: 4px;
	}
		
	#features-landingpages #headline {
		margin-right: 0;
	}
	
	#hero-url-builder {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-url-builder-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}

	
	#hero-url-builder .wrapper {
		padding-bottom: 310px;		
	}


		
	#how-it-works-url-builder {
		margin-bottom: -24px;
	}		
	
	#how-it-works-url-builder h2 {
		margin: 24px 0 48px 0;
	}
	
	#how-it-works-url-builder h4 {
		margin: 24px 0;
	}
	
	#hero-integrations {		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-integrations-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );		
	}
	
	#features-integrations h2 {
		font-size: 20px;
		margin: 24px 0;
	}
	
	#features-integrations h2 .icon {
		display: block;
		margin: 24px auto;
	}
	
	#features-integrations .flexbox {
		margin-bottom: 48px;
	}
	
	#features-integrations .flexbox > div {
		height: auto;
		padding: 180px 30px 30px 30px;
	}

	#features-integrations .logo {
		top: 30px;
		left: calc( 50% - 60px );
	}

	#hero-audience {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-audience-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}

	#hero-audience .wrapper {
		padding-bottom: 310px;		
	}
	
	#first-twoup-audience {
		margin-bottom: 24px ;
	}
	
	#first-twoup-audience p {
		margin-bottom: 0;
	}
			
	#how-it-works-audience h4 {
		margin-top: 24px;
	}

	#hero-pricing {
		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-pricing-mobile.svg' ) center bottom 42px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
		
	}
	
	#hero-pricing .wrapper {
		padding-bottom: 0;
	}
	
	#pricing-toggle {
		margin: 0 auto 48px auto;
		color: var(--water-blue);
	}
	
	#pricing-table .most-popular {
		top: -16px;
		right: 30px;
		height: 70px;
		width: 70px;
		padding: 6px 0;
	}
		
	#pricing-table .centered {
		text-align: center;
	}
	
	#pricing-table .most-popular .svg-star {
		width: 56px;
		height: 72px;
	}
	
	#pricing-table .most-popular .most-popular-text {
		display: none;
	}
	
	#pricing-toggle > div {		
		border: solid 2px #e6f1ff;
	}

	#pricing-toggle #percent-off {	
		color: var(--water-blue);	
		background-color: #e6f1ff;
		
	}
	
	#pricing-toggle div.selected {
		background-color: #e6f1ff;
		border-bottom: 2px solid var(--water-blue);
	}
		

	#pricing-toggle #annual-pricing.selected #percent-off {
		background-color: white;
	}
		
	#hero-pricing .wrapper.twoup {
		padding-bottom: 300px;
	}
	
	#pricing-table {
		margin: 0 auto;	
		text-align: left;
	}	
	
	#pricing-table .flexbox > div {
		padding: 30px;
		margin-bottom: 24px;
	}
	
	#pricing-table .pricing {
		margin-bottom: 24px;
	}
	
	#pricing-table h4 {
		margin: 0 0 30px 0;
	}
		
	#pricing-table ul {
		padding-left: 24px;
	}
	
	#pricing-table li {
		margin-bottom: 12px;
		color: var(--black-70);
	}	
	
	#pricing-table ul li:before {
		display: inline;
	}
	
	#pricing-table .unavailable {
		display: none;
	}
	
	#features-pricing h4 {
		font-size: 14px;
		margin-top: 24px;
	}
	
	#features-pricing p {
		margin-bottom: 0;
	}


	#hero-messenger {		
		background: url( 'assets/hero-bottom-cover-mobile.svg' ) center bottom / 100% 120px no-repeat,
			url( 'assets/hero-messenger-mobile.svg' ) center bottom 24px / 100% no-repeat,
			linear-gradient( 110deg, #0647c7, #118cde );
	}
	
			
	#why-messenger {
		text-align: left;
		margin-bottom: -65px;
	}	
			
	#why-messenger h2 {
		text-align: center;
	}
	
	.integrations.flexbox {
		padding-bottom: 85px;
	}	
	.integrations.flexbox .learn-more {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.integrations.flexbox .flexbox {
		justify-content: space-between;
		margin-bottom: 0;
	}

	.integrations.flexbox .integration {
		padding: 12px;
		margin: 0 0 13px 0;
	}
	.integrations.flexbox .integration:first-child {
		margin-left: 0;
	}

}