@charset "UTF-8";
/*
 * Box-sizing for all!!!
 */
*, *::before, *::after {
  box-sizing: border-box;
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
	========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
	========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
	========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
	========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
	========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-Thin.eot");
  src: url("/_resources/fonts/NationalWeb-Thin.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-Thin.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-Light.eot");
  src: url("/_resources/fonts/NationalWeb-Light.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-Light.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-LightItalic.eot");
  src: url("/_resources/fonts/NationalWeb-LightItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-LightItalic.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-LightItalic.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-Book.eot");
  src: url("/_resources/fonts/NationalWeb-Book.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-Book.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-Book.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-Regular.eot");
  src: url("/_resources/fonts/NationalWeb-Regular.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-Regular.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-RegularItalic.eot");
  src: url("/_resources/fonts/NationalWeb-RegularItalic.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-RegularItalic.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'National';
  src: url("/_resources/fonts/NationalWeb-Medium.eot");
  src: url("/_resources/fonts/NationalWeb-Medium.eot?#iefix") format("embedded-opentype"), url("/_resources/fonts/NationalWeb-Medium.woff2") format("woff2"), url("/_resources/fonts/NationalWeb-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

body, input, textarea, button, h1, h2, h3, h4, h5, h6 {
  color: #2D2342;
  font-family: "National", sans-serif;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
  margin-top: 0;
}

h1 {
  font-size: 2em;
  font-weight: 200;
  letter-spacing: -0.5px;
}

@media (min-width: 48.75em) {
  h1 {
    font-size: 2.5em;
  }
}

@media (min-width: 60em) {
  h1 {
    font-size: 3em;
  }
}

h1.xl-type {
  font-size: 4em;
  font-weight: 100;
  line-height: 0.85;
  letter-spacing: -1.5px;
}

@media (min-width: 48.75em) {
  h1.xl-type {
    font-size: 5em;
  }
}

@media (min-width: 60em) {
  h1.xl-type {
    font-size: 6em;
  }
}

h1.l-type {
  font-size: 3em;
  font-weight: 100;
  line-height: 0.95;
  letter-spacing: -0.75px;
}

@media (min-width: 60em) {
  h1.l-type {
    font-size: 3.75em;
  }
}

@media (min-width: 70em) {
  h1.l-type {
    font-size: 4.5em;
  }
}

.signed_in_header p {
  font-size: 3em;
  font-weight: 100;
  line-height: 0.95;
  letter-spacing: -0.75px;
  color: #fff;
  margin-bottom: 20px !important;
}

@media (min-width: 60em) {
  .signed_in_header p {
    font-size: 3.75em;
  }
}

@media (min-width: 70em) {
  .signed_in_header p {
    font-size: 4.5em;
  }
}

.signed_in_header_secondary p {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.25px;
  color: #fff;
}

h2 {
  font-size: 1.75em;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.2px;
}

h2 strong {
  font-weight: 500;
}

@media (min-width: 48.75em) {
  h2 {
    font-size: 2.25em;
  }
}

h3 {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -0.25px;
}

h4 {
  font-size: 1.25em;
  font-weight: 400;
}

h5 {
  color: #8F8D9A;
  font-size: 1em;
  font-weight: 400;
  letter-spacing: .25px;
}

h5 small {
  font-size: .75em;
  text-transform: uppercase;
  font-weight: 600;
}

h6 {
  font-size: .875em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
}

h6.icon {
  position: relative;
  padding-left: 1.75rem;
}

h6.icon img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.underline {
  position: relative;
  color: #5951FF;
  text-decoration: none;
}

a.underline::after {
  content: "";
  position: absolute;
  top: 107%;
  left: 0;
  width: 0;
  border-bottom: 1px solid #5951FF;
  transition: all .3s ease;
}

a.underline:hover::after {
  width: 100%;
}

a {
  position: relative;
  color: #514D66;
  text-decoration: none;
  transition: all .3s ease;
}

a.icon {
  padding-left: 1.25rem;
}

a.icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: .875rem;
  height: .875rem;
  background: no-repeat center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

a.icon.lock::before {
  background-image: url("/_resources/img/lock.min.svg");
}

a.link {
  font-size: .875rem;
  text-transform: uppercase;
  color: #423DCE;
}

a.link.blue {
  color: #24CCFD;
}

a.link .icon {
  display: inline-block;
  margin-left: .5em;
}

a.link .arrow {
  display: inline-block;
  margin-left: .25em;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

a.link:hover {
  color: #5951FF;
}

a.link:hover .arrow {
  -webkit-transform: translateX(0.25em);
  transform: translateX(0.25em);
}

a:hover {
  color: #5951FF;
}

p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.375;
}

p.p-small {
  font-size: .75em;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.425;
  color: #8F8D9A;
}

p.p-large {
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.425;
}

q, blockquote {
  font-size: 1.75em;
  font-weight: 200;
  font-style: italic;
  margin: 0 0 1em 0;
}

q.twitter-tweet, blockquote.twitter-tweet {
  font-size: 1em;
}

q.small, blockquote.small {
  font-size: 1.25em;
  margin: 0;
}

q.centered, blockquote.centered {
  max-width: 22.222222222em;
  margin: 0 auto;
}

q cite, blockquote cite {
  font-size: 1rem;
  font-style: normal;
}

q cite h4, q cite h6, blockquote cite h4, blockquote cite h6 {
  margin-bottom: 0;
}

@media (min-width: 60em) {
  q, blockquote {
    font-size: 2.25em;
  }
  q.twitter-tweet, blockquote.twitter-tweet {
    font-size: 1.25em;
  }
}

ul.bullet, ul.check {
  list-style-type: none;
  padding: 0;
  margin-bottom: 2.5em;
}

ul.bullet li, ul.check li {
  position: relative;
  display: block;
  padding-left: 1.35em;
}

ul.bullet li::before, ul.check li::before {
  content: "";
  position: absolute;
  top: .25em;
  left: 0;
  width: 1em;
  height: 1em;
  background: no-repeat center;
}

ul.bullet li::before {
  background-image: url("/_resources/img/bullet.min.svg");
}

ul.bullet.blue li::before {
  background-image: url("/_resources/img/bullet_blue.min.svg");
}

ul.check li::before {
  background-image: url("/_resources/img/check.min.svg");
}

ul.check.light li::before {
  background-image: url("/_resources/img/check_light.min.svg");
}

.item_style {
  padding-bottom: .5em;
}

p, ul, ol {
  margin-bottom: 2em;
}

q, blockquote p {
  quotes: "“" "”" "‘" "’";
}

.button {
  position: relative;
  display: inline-block;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.button .shadow {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.button.alternate button, .button.alternate a, .button.alternate .button_text {
  background-color: #24CCFD;
}

.button.alternate:hover button, .button.alternate:hover a, .button.alternate:hover .button_text, .button.alternate.hover button, .button.alternate.hover a, .button.alternate.hover .button_text {
  background-color: #02b7ec;
}

.button.alternate:hover button:active, .button.alternate:hover a:active, .button.alternate:hover .button_text:active, .button.alternate.hover button:active, .button.alternate.hover a:active, .button.alternate.hover .button_text:active {
  background-color: #24CCFD;
}

.button.alternate:hover button:active ~ .shadow, .button.alternate:hover a:active ~ .shadow, .button.alternate:hover .button_text:active ~ .shadow, .button.alternate.hover button:active ~ .shadow, .button.alternate.hover a:active ~ .shadow, .button.alternate.hover .button_text:active ~ .shadow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

.button.alternate.active button, .button.alternate.active a, .button.alternate.active .button_text {
  background-color: #24CCFD;
}

.button button, .button a, .button .button_text {
  display: block;
  position: relative;
  z-index: 1;
  font-size: .875em;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
  color: #fff;
  width: 100%;
  padding: 15px 40px;
  border: none;
  background-color: #5951FF;
  border-radius: 6px;
  outline: none;
  transition: background-color 0.3s ease;
}

.button button img, .button a img, .button .button_text img {
  display: inline-block;
  margin-right: .75em;
}

.button button:disabled, .button a:disabled, .button .button_text:disabled {
  background-color: #D5D2D9;
}

.button.small button, .button.small a, .button.small .button_text {
  padding: 9px 25px;
}

.button:hover, .button.hover {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.button:hover .shadow, .button.hover .shadow {
  -webkit-transform: scale(0.9, 0.7);
  transform: scale(0.9, 0.7);
}

.button:hover button, .button:hover a, .button:hover .button_text, .button.hover button, .button.hover a, .button.hover .button_text {
  background-color: #423DCE;
}

.button:hover button:active, .button:hover a:active, .button:hover .button_text:active, .button.hover button:active, .button.hover a:active, .button.hover .button_text:active {
  background-color: #5951FF;
}

.button:hover button:active ~ .shadow, .button:hover a:active ~ .shadow, .button:hover .button_text:active ~ .shadow, .button.hover button:active ~ .shadow, .button.hover a:active ~ .shadow, .button.hover .button_text:active ~ .shadow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

.button.active {
  -webkit-transform: translate(0, 2px);
  transform: translate(0, 2px);
}

.button.active .shadow {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
}

.button.active button, .button.active a, .button.active .button_text {
  background-color: #5951FF;
}

.button.secondary {
  border-radius: 6px;
}

.button.secondary button, .button.secondary a, .button.secondary .button_text {
  background-color: #fff;
  color: #5951FF;
  padding: 13px 40px;
  border: 2px solid #5951FF;
}

.button.secondary button:disabled, .button.secondary a:disabled, .button.secondary .button_text:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.button.secondary button:active, .button.secondary a:active, .button.secondary .button_text:active {
  background-color: #bab7ff;
}

.button.secondary.small button, .button.secondary.small a, .button.secondary.small .button_text {
  padding: 9px 25px;
}

.button.secondary.active button, .button.secondary.active a, .button.secondary.active .button_text {
  background-color: #bab7ff;
}

.button.secondary.outline button, .button.secondary.outline a, .button.secondary.outline .button_text {
  background: none;
  color: #24CCFD;
  border: 2px solid #24CCFD;
}

.button.secondary.outline button:disabled, .button.secondary.outline a:disabled, .button.secondary.outline .button_text:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.button.secondary.outline button:active, .button.secondary.outline a:active, .button.secondary.outline .button_text:active {
  background-color: #89e4fe;
}

.button.secondary.outline_dark button, .button.secondary.outline_dark a, .button.secondary.outline_dark .button_text {
  background: none;
  color: #5951FF;
  border: 2px solid #5951FF;
  transition: all .3s ease;
}

.button.secondary.outline_dark button:disabled, .button.secondary.outline_dark a:disabled, .button.secondary.outline_dark .button_text:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.button.secondary.outline_dark button:active, .button.secondary.outline_dark a:active, .button.secondary.outline_dark .button_text:active {
  background-color: rgba(89, 81, 255, 0.1);
}

.button.secondary.outline_dark button:hover, .button.secondary.outline_dark a:hover, .button.secondary.outline_dark .button_text:hover {
  border-color: #423DCE;
  color: #423DCE;
}

.button.secondary.outline_white button, .button.secondary.outline_white a, .button.secondary.outline_white .button_text, .button.secondary.outline_white .outline_white {
  background: #ffffff;
  color: #5951FF;
  border: 2px solid #5951FF !important;
  transition: all .3s ease;
}

.button.secondary.outline_white button:disabled, .button.secondary.outline_white a:disabled, .button.secondary.outline_white .button_text:disabled, .button.secondary.outline_white .outline_white:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.button.secondary.outline_white button:active, .button.secondary.outline_white a:active, .button.secondary.outline_white .button_text:active, .button.secondary.outline_white .outline_white:active {
  background-color: rgba(89, 81, 255, 0.1);
}

.button.secondary.outline_white button:hover, .button.secondary.outline_white a:hover, .button.secondary.outline_white .button_text:hover, .button.secondary.outline_white .outline_white:hover {
  border-color: #423DCE;
  color: #423DCE;
}

.button.secondary.outline_light button, .button.secondary.outline_light a, .button.secondary.outline_light .button_text {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  transition: all .3s ease;
  white-space: nowrap;
  width: 25em;
}

.button.secondary.outline_light button:disabled, .button.secondary.outline_light a:disabled, .button.secondary.outline_light .button_text:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.button.secondary.outline_light button:active, .button.secondary.outline_light a:active, .button.secondary.outline_light .button_text:active {
  background-color: rgba(89, 81, 255, 0.1);
}

.button.secondary.outline_light button:hover, .button.secondary.outline_light a:hover, .button.secondary.outline_light .button_text:hover {
  border-color: #fff;
  color: #fff;
}

.button.disabled {
  -webkit-transform: none;
  transform: none;
  pointer-events: none;
}

.button.signed_in button, .button.signed_in a, .button.signed_in .button_text {
  border: none !important;
  white-space: nowrap;
}

.sign_in_btn {
  border-radius: 4px;
  background-color: #fff;
  color: #5951FF;
  border: 1px solid rgba(89, 81, 255, 0.5);
  position: relative;
  z-index: 1;
  font-size: .875em;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
  padding: .25rem 2rem .4rem 1rem;
  outline: none;
  transition: all 0.3s ease;
}

.sign_in_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .9rem;
  width: .6875rem;
  height: .4375rem;
  background: url(../img/btn_arrow_right.min.svg) no-repeat center;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.sign_in_btn:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.sign_in_btn:active {
  background-color: #bab7ff;
}

.sign_in_btn:hover {
  border-color: #5951FF;
}

.sign_in_btn:hover::after {
  -webkit-transform: translate(0.125em, -50%);
  transform: translate(0.125em, -50%);
}

label {
  font-size: .875em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #8F8D9A;
}

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=search], textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  font-size: 1.25em;
  font-weight: 400;
  border: 2px solid #D5D2D9;
  border-radius: 6px;
  box-sizing: border-box;
  outline: none;
  max-width: 100%;
  transition: border-color .3s ease;
}

input[type=text]:focus, input[type=text].focus, input[type=email]:focus, input[type=email].focus, input[type=tel]:focus, input[type=tel].focus, input[type=password]:focus, input[type=password].focus, input[type=search]:focus, input[type=search].focus, textarea:focus, textarea.focus {
  border-color: #24CCFD;
}

.error input[type=text], .error input[type=email], .error input[type=tel], .error input[type=password], .error input[type=search], .error textarea {
  border-color: #FF4F4F;
}

.disabled input[type=text], .disabled input[type=email], .disabled input[type=tel], .disabled input[type=password], .disabled input[type=search], .disabled textarea {
  border-color: #D5D2D9;
}

.input-group {
  margin-bottom: 1em;
}

.input-group h4 {
  margin-bottom: .5em;
}

.input-group p {
  margin-bottom: .5em;
}

.input-group .error-message {
  display: none;
}

.input-group.error .error-message {
  display: block;
  color: #FF4F4F;
  font-weight: 200;
}

.input-group.disabled {
  opacity: .8;
  pointer-events: none;
}

::-webkit-input-placeholder {
  color: #8F8D9A;
  font-weight: 400;
}

::-moz-placeholder {
  color: #8F8D9A;
  font-weight: 400;
}

:-ms-input-placeholder {
  color: #8F8D9A;
  font-weight: 400;
}

:-moz-placeholder {
  color: #8F8D9A;
  font-weight: 400;
}

/* Container used for styling the custom select, the buttom class below adds the
 * bg gradient, corners, etc. */
.custom-select {
  position: relative;
  margin: 8px 0;
  display: block;
  background: none;
  font-size: 1.25em;
  padding: 11px 18px;
  border: 2px solid #D5D2D9;
  border-radius: 6px;
  color: #514D66;
  transition: border-color .3s ease;
}

.custom-select:hover {
  border-color: #24CCFD;
}

.disabled .custom-select {
  color: #8F8D9A;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
  width: 100%;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  font-size: 1em;
  font-weight: 400;
  cursor: pointer;
}

/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 1em;
  z-index: 2;
  pointer-events: none;
  width: .625em;
  height: .3125em;
  background: url(/_resources/img/drop_arrow.min.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) or ((-moz-appearance: none) and (mask-type: alpha)) { {
    /* Show custom arrow */
    /* Remove select styling */
  }
  .custom-select::after {
    display: block;
  }
  .custom-select select {
    padding-right: 1.25em;
    /* Match-01 */
    /* inside @supports so that iOS <= 8 display the native arrow */
    background: none;
    /* Match-04 */
    /* inside @supports so that Android <= 4.3 display the native arrow */
    border: 1px solid transparent;
    /* Match-05 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
}

/* Adds Firefox < 35 support */
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
@-moz-document url-prefix() {
  /* Warning: this kills the focus outline style */
  /* Make the native select extra wide so the arrow is clipped. 1.5em seems to be enough to safely clip it */
  /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
  .custom-select {
    overflow: hidden;
  }
  .custom-select::after {
    display: block;
  }
  .custom-select select {
    overflow: -moz-hidden-unscrollable;
    padding-right: .4em;
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */
    /* Firefox < 4 */
    min-width: 6em;
    width: 130%;
    /* Firefox 4-15 */
    min-width: -moz-calc(0em);
    width: -moz-calc(100% + 2.4em);
    /* Firefox 16+ */
    min-width: calc(0em);
    width: calc(100% + 2.4em);
  }
  @supports (mask-type: alpha) {
    .custom-select {
      overflow: visible;
    }
    .custom-select select {
      -moz-appearance: none;
      width: 100%;
      padding-right: 1.25em;
      /* Match-01 padding-right */
    }
  }
}

/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
    /* Match-02*/
  }
  .custom-select select {
    padding-right: 1.25em;
    /* Match-01 */
    background: none;
    /* Match-04 */
    border: 1px solid transparent;
    /* Match-05 */
  }
  .custom-select::after {
    display: block;
  }
}

.input {
  display: block;
}

.input.inline {
  display: inline-block;
  margin-right: 2.5em;
}

.input.inline:last-child {
  margin-right: 0;
}

.checkbox, .radio {
  display: block;
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
  line-height: 1em;
  font-weight: 400;
  font-size: 1em;
  text-transform: none;
  color: #2D2342;
  margin-bottom: 1em;
  max-width: 30em;
}

.checkbox.full, .radio.full {
  max-width: 100%;
}

.checkbox.disabled, .radio.disabled {
  pointer-events: none;
  opacity: .5;
}

.checkbox input, .radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox .checkbox_indicator {
  position: absolute;
  top: .1em;
  left: 0;
  height: 1em;
  width: 1em;
  border-radius: 4px;
  background: white;
  border: 2px solid #8F8D9A;
}

.checkbox .checkbox_indicator::after {
  content: '';
  position: absolute;
  display: none;
  left: .4em;
  top: .1em;
  width: .25em;
  height: .6em;
  border: solid #fff;
  border-width: 0 .125em .125em 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkbox input:checked ~ .checkbox_indicator {
  border: none;
  background: #24CCFD;
}

.checkbox input:checked ~ .checkbox_indicator::after {
  display: block;
}

.radio .radio_indicator {
  position: absolute;
  top: .1em;
  left: 0;
  height: 1em;
  width: 1em;
  background: white;
  border-radius: 50%;
  border: 2px solid #8F8D9A;
}

.radio .radio_indicator::after {
  content: '';
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  width: .5em;
  height: .5em;
  background: #24CCFD;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.radio input:checked ~ .radio_indicator {
  border-color: #24CCFD;
}

.radio input:checked ~ .radio_indicator::after {
  display: block;
}

.mktoForm {
  width: 100% !important;
  font-size: 1em !important;
  font-family: "National", sans-serif !important;
}

.mktoForm .mktoOffset {
  display: none;
}

.mktoForm .mktoFormCol {
  float: none !important;
}

.mktoForm .mktoFormRow {
  margin-bottom: .5em;
}

.mktoForm .mktoFieldWrap {
  float: none !important;
}

.mktoForm .mktoFieldWrap * {
  float: none !important;
}

.mktoForm .mktoFieldWrap .mktoLabel {
  display: block;
  width: 100% !important;
  padding: 0;
  font-size: .875em;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #8F8D9A;
}

.mktoForm .mktoFieldWrap.mktoRequiredField .mktoAsterix {
  display: none;
}

.mktoForm .mktoFieldWrap.mktoRequiredField .mktoLabel::after {
  content: "*";
  color: #FF4F4F;
  margin-left: .25em;
}

.mktoForm .mktoFieldWrap .mktoError {
  position: static;
  display: block;
  bottom: auto;
  right: auto;
}

.mktoForm .mktoFieldWrap .mktoError .mktoErrorArrowWrap {
  display: none;
}

.mktoForm .mktoFieldWrap .mktoError .mktoErrorMsg {
  color: #FF4F4F;
  margin-top: 0 !important;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
}

.mktoForm .mktoFieldWrap .mktoGutter {
  display: none;
}

.mktoForm .mktoFieldWrap .mktoField {
  float: none !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 1em !important;
  padding: 8px 20px !important;
  margin: 8px 0 !important;
  display: inline-block !important;
  font-size: 1.25em !important;
  font-weight: 400 !important;
  border: 2px solid #D5D2D9 !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
  outline: none !important;
  max-width: 100% !important;
  font-family: "National", sans-serif !important;
  transition: border-color .3s ease;
}

.mktoForm .mktoFieldWrap .mktoField:focus, .mktoForm .mktoFieldWrap .mktoField.focus {
  border-color: #24CCFD !important;
}

.mktoForm .mktoFieldWrap .mktoField.mktoInvalid {
  border-color: #FF4F4F !important;
}

.disabled .mktoForm .mktoFieldWrap .mktoField {
  border-color: #D5D2D9 !important;
}

.mktoForm .mktoFieldWrap select.mktoField {
  background: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px !important;
}

.mktoForm .mktoFieldWrap textarea {
  min-height: 10em;
}

.mktoForm .mktoButtonRow {
  display: block !important;
  width: 15em !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.mktoButton {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  font-size: .875em !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  font-weight: 500 !important;
  font-family: "National", sans-serif !important;
  color: #fff !important;
  width: 100% !important;
  padding: 9px 25px !important;
  border: none !important;
  background-color: #5951FF !important;
  border-radius: 6px !important;
  outline: none !important;
  transition: background-color 0.3s ease !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:disabled, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.mktoButton:disabled {
  background-color: #D5D2D9 !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.mktoButton:hover {
  background-color: #423DCE !important;
}

.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover:active, .mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple button.mktoButton:hover:active {
  background-color: #5951FF !important;
}

.newsletter_cta .mktoForm .mktoButtonRow {
  margin: 0 auto;
}

.newsletter_cta .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
  background-color: #fff;
  color: #5951FF;
  padding: 13px 40px;
  border: 2px solid #5951FF;
  border-radius: 6px;
  outline: none;
  transition: all 0.3s ease;
}

.newsletter_cta .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.newsletter_cta .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover:active {
  background-color: #bab7ff;
}

.contact .mktoForm .mktoButtonRow {
  margin: 0 auto;
  width: 10em !important;
}

.contact .mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton {
  padding: 13px 40px !important;
  display: none !important;
}

.form_columns {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-flow: row wrap;
  align-content: flex-end;
  margin-top: .75em;
}

.form_columns .fourth {
  width: 48.5%;
}

.form_columns .third {
  width: 100%;
}

.form_columns .two_third {
  width: 100%;
}

.form_columns .half {
  width: 100%;
}

.form_columns .full {
  width: 100%;
}

.form_columns .btn_center {
  padding-top: .5em;
  text-align: center;
}

.form_columns .input-group:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 30em) {
  .form_columns .half {
    width: 48.5%;
  }
  .form_columns .fourth {
    width: 22.75%;
  }
}

@media (min-width: 63em) {
  .form_columns .third {
    width: 28.5%;
  }
  .form_columns .two_third {
    width: 68.5%;
  }
}

.company-name {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 40px;
  padding: 50px 40px;
  border-radius: 10px;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 0 auto;
}

.company-name h4 {
  font-size: .875em;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #8F8D9A;
}

.company-name input {
  width: 30em;
}

.company-name button {
  display: block;
  position: relative;
  z-index: 1;
  font-size: .875em;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
  color: #fff;
  width: 100%;
  padding: 15px 40px;
  border: none;
  background-color: #5951FF;
  border-radius: 6px;
  outline: none;
  transition: background-color 0.3s ease;
}

@media only screen and (max-width: 500px) {
  .company-name input {
    width: 15em;
  }
}

.clear:before,
.clear:after {
  content: "";
  display: table;
}

.clear:after {
  clear: both;
}

svg {
  max-height: 100%;
}

img, svg {
  max-width: 100%;
}

a img {
  display: block;
  vertical-align: middle;
}

html, body {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: "National", sans-serif;
}

body.nav--on {
  overflow: hidden;
}

@media (min-width: 65em) {
  body.nav--on {
    overflow: scroll;
  }
}

.hide_overflow {
  overflow: hidden;
}

.contain {
  max-width: 76.125em;
  margin: 0 auto;
  padding: 0 1.5em;
}

.contain.no_pad {
  padding: 0;
}

.contain.small {
  max-width: 58.125em;
}

.contain.mid {
  max-width: 66em;
}

.contain.large {
  max-width: 96.75em;
  padding: 0;
}

table {
  width: 100%;
}

::-moz-selection {
  background: #FFE5B2;
}

::selection {
  background: #FFE5B2;
}

.sys-message {
  padding: .65em 1.5em;
  border-radius: 5em;
  text-align: center;
  margin-bottom: 1em;
}

.sys-message h6 {
  margin: 0;
}

.sys-message.success {
  background-color: #A1F1CA;
}

.sys-message.warning {
  background-color: #FFE5B2;
}

.sys-message.alert {
  background-color: #FEB6B7;
}

figure {
  margin: 5.5em 0;
  padding: 0;
}

figure.img_full img {
  display: block;
  margin-bottom: 1.5em;
}

figure.img_full figcaption {
  text-align: center;
}

figure.img_full figcaption p {
  font-size: 1em;
  font-weight: 300;
  margin: 0 auto;
  max-width: 37.5em;
}

figure.video_full {
  position: relative;
}

figure.video_full img {
  display: block;
  margin-bottom: 1.5em;
}

figure.video_full figcaption {
  text-align: center;
}

figure.video_full figcaption p {
  font-size: 1em;
  font-weight: 300;
  margin: 0 auto;
  max-width: 37.5em;
}

figure.video_full::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 5.125em;
  height: 5.125em;
  background: white url(../img/icons/play_button.min.svg) no-repeat center;
  border-radius: 50%;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.18);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all .3s ease;
}

figure.video_full:hover::before {
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -48%);
  transform: translate(-50%, -48%);
}

/* ==========================================================================
Remodal's necessary styles
========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  touch-action: none;
}

/* Anti FOUC */
.remodal, [data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper .question_modal p {
  text-align: left;
}

.remodal-wrapper .question_modal p.centered {
  padding-top: 2em;
  text-align: center;
}

.remodal-wrapper .modal_left {
  text-align: left;
}

.remodal-wrapper .modal_left p {
  text-align: left;
}

.remodal-wrapper .modal_left p.centered {
  padding-top: 2em;
  text-align: center;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/* ==========================================================================
Remodal's default mobile first theme
========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(24, 19, 36, 0.7);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
}

.remodal img {
  display: block;
}

.remodal p:last-of-type {
  margin-bottom: 0;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  z-index: 100;
  top: 1em;
  right: 1em;
  display: block;
  overflow: visible;
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: 0;
  background: url(../img/icons/modal_close.min.svg) no-repeat center;
  background-size: contain;
}

/* Keyframes
========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 62.5em;
  }
}

/* IE8
========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #181324;
}

.lt-ie9 .remodal {
  width: 1000px;
}

.features_block {
  padding: 3em 0;
}

.features_block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.features_block ul li {
  text-align: center;
  max-width: 19.5em;
  margin: 0 auto;
  padding: 3.875em 0 1.125em;
}

.features_block ul li img {
  margin-bottom: 1.5em;
}

@media (min-width: 35em) {
  .features_block ul li {
    width: 47%;
    margin: 0;
    text-align: left;
  }
}

@media (min-width: 50em) {
  .features_block ul li {
    width: 22%;
  }
}

.page_content.filler {
  padding: 15em 0;
}

.page_content.homepage {
  position: relative;
  padding: 14.0625em 0 46.625em;
  margin-bottom: -42em;
}

.page_content.homepage::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 120em;
  height: 100%;
  background: url(/_resources/img/content_bg_home.min.svg) no-repeat center;
  background-size: 100% 100%;
}

@media (min-width: 60em) {
  .page_content.homepage {
    padding: 14.0625em 0 24em;
    margin-bottom: -24.375em;
  }
}

.customers {
  text-align: center;
  padding: 0 0 5em;
}

.customers h5 {
  color: #8F8D9A;
  margin-bottom: 1.875rem;
}

.customers h2 {
  max-width: 48.75rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.customers .logos {
  display: -webkit-box;
  display: flex;
}

.customers .customer_list {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.customers .customer_list li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 4em;
  margin: 3em 0 0;
  padding: 0 1em;
}

@media (min-width: 40em) {
  .customers {
    padding: 0 .5em 5em;
  }
}

@media (min-width: 40em) {
  .customers .logos {
    display: block;
  }
  .customers .customer_list {
    flex-wrap: nowrap;
    margin-top: 7.5%;
  }
  .customers .customer_list li {
    width: auto;
    height: auto;
    margin: 0;
  }
}

.content_right {
  text-align: center;
  padding-bottom: 7em;
}

.content_right .content, .content_right .testimonials {
  max-width: 39.375em;
  margin: 0 auto;
}

.content_right .testimonials {
  margin-bottom: 3.5em;
}

.content_right .content {
  margin-bottom: 6em;
}

.content_right .feature_lists {
  margin-bottom: 3em;
}

.content_right .feature_lists ul {
  margin: 0;
}

.content_right .feature_lists ul li {
  display: inline-block;
  margin: 0 1em 1.5em;
}

.content_right .feature_lists ul li h6 {
  margin: 0;
}

@media (min-width: 60em) {
  .content_right {
    display: -webkit-box;
    display: flex;
    text-align: left;
    padding-bottom: 14.375em;
  }
  .content_right .content, .content_right .testimonials {
    margin: 0;
  }
  .content_right .content {
    width: 50%;
  }
  .content_right .testimonials {
    padding-right: 4em;
    -webkit-box-flex: 1;
    flex: 1;
  }
  .content_right .feature_lists {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .content_right .feature_lists ul li {
    margin: 0 0 1.5em;
  }
  .content_right .feature_lists ul:first-child {
    margin-right: 1em;
  }
}

.content_left {
  text-align: center;
  padding-bottom: 7em;
}

.content_left .content {
  max-width: 39.375em;
  margin: 0 auto 6em;
}

.content_left .graphic {
  display: none;
}

.content_left .graphic img {
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
}

.content_left .feature_lists {
  margin-bottom: 3em;
}

.content_left .feature_lists ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.content_left .feature_lists ul li {
  display: block;
  margin-bottom: 1.5em;
}

.content_left .feature_lists ul li h6 {
  display: inline-block;
  margin: 0;
}

@media (min-width: 60em) {
  .content_left {
    display: -webkit-box;
    display: flex;
    text-align: left;
    padding-bottom: 14.375em;
  }
  .content_left .content {
    -webkit-box-flex: 1;
    flex: 1;
    padding-right: 6%;
  }
  .content_left .graphic {
    display: block;
    width: 50%;
  }
  .content_left .graphic img {
    width: 150%;
    max-width: 150%;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
  .content_left .feature_lists {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .content_left .feature_lists ul:first-child {
    margin-right: 1em;
  }
}

.cta {
  position: relative;
}

.cta .bg_left, .cta .bg_right {
  display: none;
}

.cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 60%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 110em;
  height: 100%;
  background: url(/_resources/img/cta_bg_main.min.svg) no-repeat center;
  background-size: 100% 100%;
}

.cta .content {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20em 0 13.75em;
}

.cta .content p {
  max-width: 43.125rem;
  margin: 0 auto 2.5em;
}

@media (min-width: 40em) {
  .cta .bg_left, .cta .bg_right {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
  }
  .cta .bg_left {
    right: 90%;
    margin-top: -8.75em;
  }
  .cta .bg_right {
    left: 93%;
    margin-top: -10.625em;
  }
  .cta .content {
    width: 80%;
  }
}

@media (min-width: 65em) {
  .cta .bg_left {
    right: 80%;
  }
  .cta .bg_right {
    left: 83%;
  }
  .cta .content {
    width: 58%;
  }
}

.announcement {
  text-align: center;
  padding: 1.6875em 0;
  background: linear-gradient(to right, #f2f4f4 0%, white 100%);
}

.announcement .label {
  display: inline-block;
  width: auto;
  margin: 0 auto 1em;
  padding: .125em 1.25em .3em;
  border-radius: 3em;
  background: #25C170;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  font-size: .875em;
}

.announcement h4 {
  margin: 0 0 .5em;
}

.announcement .arrow {
  position: relative;
  top: -.1em;
  display: inline-block;
  margin: 0 .5em;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.announcement a {
  display: block;
}

.announcement a:hover .arrow {
  -webkit-transform: translateX(0.125em);
  transform: translateX(0.125em);
}

.announcement .content {
  width: 100%;
}

@media (min-width: 50em) {
  .announcement {
    text-align: left;
  }
  .announcement .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .announcement a {
    width: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .announcement a .label {
    margin: 0 1em 0 0;
  }
  .announcement a h4 {
    margin: 0;
  }
}

.product_cta {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to bottom, white 0%, white 45%, #f2f4f4 100%);
  padding: 7em 0 12em;
}

.product_cta .bg {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity .3s ease;
}

.product_cta .swoop_contain {
  position: absolute;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  max-width: none;
}

.product_cta .swoop_contain .swoop {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.product_cta .content {
  position: relative;
  z-index: 1;
  max-width: 25em;
  margin: 0 auto;
}

.product_cta .heading {
  text-align: center;
  margin-bottom: 6.5em;
}

.product_cta .heading h1 {
  margin-bottom: 1.5em;
}

.product_cta .features {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product_cta .features li {
  position: relative;
  padding: 0 0 0 6.875em;
  margin: 0 0 5em;
}

.product_cta .features li:last-child {
  margin-bottom: 0;
}

.product_cta .features li img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.product_cta .features li h3, .product_cta .features li p {
  margin-bottom: .5em;
}

.product_cta .features li p {
  margin: 0;
}

@media (min-width: 50em) {
  .product_cta {
    padding: 12.125em 0 19em;
  }
  .product_cta .bg {
    display: block;
    opacity: .6;
  }
  .product_cta .content {
    display: -webkit-box;
    display: flex;
    max-width: none;
  }
  .product_cta .content .heading {
    text-align: left;
    width: 50%;
    padding: 0 2em 0 0;
    margin: 0;
  }
  .product_cta .content .features {
    padding-top: 1em;
    width: 50%;
  }
  .product_cta .content .features li {
    margin-bottom: 6.5em;
  }
  .product_cta .content .features li:last-child {
    margin-bottom: 0;
  }
}

@media (min-width: 60em) {
  .product_cta .content {
    display: -webkit-box;
    display: flex;
    max-width: none;
  }
  .product_cta .content .heading {
    padding: 0 6%;
  }
}

@media (min-width: 75em) {
  .product_cta .bg {
    opacity: 1;
  }
}

.why_cta {
  text-align: center;
  padding: 8em 0;
}

.why_cta h1 {
  text-align: center;
  max-width: 17em;
  margin: 0 auto 1em;
}

.why_cta .button {
  margin: 2em 0 0;
}

.logo_grid {
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  max-width: 25em;
}

.logo_grid li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
  padding: 1.875em 2.5em;
  margin-bottom: 1em;
}

.logo_grid li img {
  display: block;
  position: relative;
  margin: 0 auto;
  transition: all .5s ease;
}

.logo_grid li.has_quote {
  cursor: pointer;
}

.logo_grid li.has_quote:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.logo_grid li .testimonial_contain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  border-radius: .375em;
  transition: max-height .5s ease, box-shadow .3s ease;
}

.logo_grid li .testimonial_contain blockquote {
  opacity: 0;
  background: white;
  padding: 5.875rem 2.5rem 1.875rem;
  transition: opacity .4s ease;
}

.logo_grid li .testimonial_contain blockquote::before {
  content: "";
  position: absolute;
  top: .5em;
  right: .5em;
  width: .75rem;
  height: .75rem;
  background: url(../img/icons/close_small.min.svg) no-repeat center;
  background-size: contain;
}

.logo_grid li .testimonial_contain cite {
  display: block;
  background: white;
  padding: 0 2.5rem 1.875rem;
  transition: opacity .4s ease;
}

.logo_grid li.testimonial--on {
  z-index: 2;
}

.logo_grid li.testimonial--on img {
  z-index: 3;
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  transition: z-index .5s step-end ease;
}

.logo_grid li.testimonial--on .testimonial_contain {
  max-height: 25em;
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
}

.logo_grid li.testimonial--on .testimonial_contain blockquote {
  opacity: 1;
}

@media (min-width: 40em) {
  .logo_grid {
    max-width: 50em;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .logo_grid li {
    width: 47.5%;
  }
}

@media (min-width: 80em) {
  .logo_grid {
    max-width: 100%;
  }
  .logo_grid li {
    width: 18%;
    padding: 1.5em 0 1.875em;
    margin-bottom: 2.5em;
  }
  .logo_grid li .testimonial_contain {
    top: 0;
    left: 50%;
    width: 200%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .logo_grid li:nth-child(1) img, .logo_grid li:nth-child(6) img {
    margin: 0;
  }
  .logo_grid li:nth-child(1) .testimonial_contain, .logo_grid li:nth-child(6) .testimonial_contain {
    text-align: left;
    top: 0;
    left: -2.5em;
    -webkit-transform: none;
    transform: none;
  }
  .logo_grid li:nth-child(5) img, .logo_grid li:nth-child(10) img {
    margin: 0 0 0 auto;
  }
  .logo_grid li:nth-child(5) .testimonial_contain, .logo_grid li:nth-child(10) .testimonial_contain {
    text-align: left;
    top: 0;
    left: auto;
    right: -2.5em;
    -webkit-transform: none;
    transform: none;
  }
}

.personas_cta {
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 8em 0;
}

.personas_cta h1 {
  text-align: center;
  max-width: 17em;
  margin: 0 auto 1em;
}

.personas_cta p {
  max-width: 32em;
  margin: 0 auto;
}

.personas_cta .button {
  margin: 4em 0 6em;
}

.personas_cta .bg {
  display: none;
  position: absolute;
  top: -10em;
  bottom: -3em;
  right: 53%;
  transition: opacity .3s ease;
}

.personas_cta .content {
  position: relative;
  z-index: 1;
}

.personas_cta .personas_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.personas_cta .personas_list li {
  max-width: 20.625em;
  margin: 0 auto 2em;
}

.personas_cta .personas_list li a {
  text-align: center;
  display: block;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.personas_cta .personas_list li a img {
  display: block;
}

.personas_cta .personas_list li a h6 {
  margin: 0;
  padding: 1.125em;
  color: #5951FF;
  transition: color .3s ease;
}

.personas_cta .personas_list li a:hover {
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.3);
}

.personas_cta .personas_list li a:hover h6 {
  color: #423DCE;
}

@media (min-width: 40em) {
  .personas_cta .personas_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 43.4em;
    margin: 0 auto;
  }
  .personas_cta .personas_list li {
    width: 47.5%;
    margin: 0 0 2.25em;
  }
}

@media (min-width: 72em) {
  .personas_cta .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .personas_cta .content .heading {
    -webkit-box-flex: 1;
    flex: 1;
    text-align: left;
  }
  .personas_cta .content .heading h1 {
    text-align: left;
  }
  .personas_cta .content .heading .btn {
    margin-bottom: 1em;
  }
  .personas_cta .content .personas_list {
    margin-right: 5%;
  }
  .personas_cta .bg {
    display: block;
    opacity: 1;
    right: 50%;
  }
}

.resources .body {
  margin-top: 5.5em;
}

.resources_library {
  position: relative;
  z-index: 10;
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, white 0%, #f2f4f4 100%);
}

.resources_library.no_top {
  margin: 0;
  padding: 0;
}

.resources_library .swoop_contain {
  position: absolute;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.resources_library .swoop_contain .swoop {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.resources_library .card_grid .main {
  position: relative;
  z-index: 10;
  margin-bottom: -8em;
}

@media (min-width: 45em) {
  .resources_library .featured_resources .contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .resources_library .featured_resources .contain .card {
    width: 47.5%;
  }
}

@media (min-width: 68.75em) {
  .resources_library .featured_resources .contain .card {
    width: 48.75%;
  }
}

.newsroom_contain .newsroom_logo {
  display: -webkit-box;
  display: flex;
  height: 5em;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1.5em;
}

.newsroom_contain .newsroom_logo img {
  max-height: 100%;
  margin: 0 !important;
}

.integrationType {
  position: absolute;
  top: 15px;
  right: 0px;
  background: #5951ff;
  border-radius: 10px 0px 0px 10px;
  padding: 0px 7px 0px 10px;
  font-size: 10pt;
  color: #fff;
  height: 20px;
  line-height: 18px;
  text-transform: uppercase;
}
  .integrationType.Party {
    background: #24ccfd;
  }
  .integrationType.Supported {
    background: #25C170;
  }
  .integrationType.Soon {
    background: #FFC425;
  }
  .integrationType.detail {
    display: inline-block;
    position: relative;
    border-radius: 10px;
    padding: 0px 10px;
    top: -15px;
    margin-bottom: 20px;
    cursor: pointer;
  }
  .integrationType-descriptions {
    width: 200px;
    margin: 0 auto;
    position: relative;
  }
  .integrationType-3rdparty,
  .integrationType-supported,
  .integrationType-native,
  .integrationType-soon {
    opacity: 0;
    background: rgba(46, 46, 46, .9);
    color: #fff;
    padding: 10px 10px 15px 10px;
    border-radius: 3px;
    transition: opacity 300ms ease;
    position: absolute;
    top: -25px;
  }
  .integrationType-3rdparty:after,
  .integrationType-supported:after,
  .integrationType-native:after,
  .integrationType-soon:after {
  	bottom: 100%;
  	left: 50%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	border-bottom-color: rgba(46, 46, 46, .95);
  	border-width: 5px;
  	margin-left: -5px;
  }
  .integrationType.Party:hover + .integrationType-descriptions .integrationType-3rdparty,
  .integrationType.Supported:hover + .integrationType-descriptions .integrationType-supported,
  .integrationType.Native:hover + .integrationType-descriptions .integrationType-native,
  .integrationType.Soon:hover + .integrationType-descriptions .integrationType-soon {
    opacity: 1;
  }
  .card.buildIntegration {
    background: #423dce;
  }
  .card.buildIntegration h3,
  .card.buildIntegration p {
    color: #fff !important;
  }

.integrations_contain .integration_logo {
  display: -webkit-box;
  display: flex;
  height: 5.625em;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1.5em;
}

.integrations_contain .integration_logo img {
  max-height: 100%;
  margin: 0 !important;
}

.blog_teaser {
  padding: 16em 0 10em;
}

.blog_teaser .heading {
  text-align: center;
  margin-bottom: 3.5em;
}

@media (min-width: 35em) {
  .blog_teaser .heading {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .blog_teaser .heading h1 {
    margin-bottom: 0;
  }
}

@media (min-width: 45em) {
  .blog_teaser .featured_blog_posts {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .blog_teaser .featured_blog_posts .card {
    width: 47.5%;
  }
}

@media (min-width: 68.75em) {
  .blog_teaser .featured_blog_posts .card {
    width: 48.75%;
  }
}

.blog-search {
  height: 40px;
  padding-bottom: 65px;
  position: relative;
}

.blog-search input[type=search] {
  color: #2D2342 !important;
  text-indent: 18px;
  padding-right: 25px;
  padding-bottom: 15px;
}

.blog-search input:focus {
  border-color: #24CCFD;
}

.blog-search input[type=submit] {
  padding-top: -20px;
  border: none;
  position: absolute;
  bottom: 29.5%;
  background: transparent;
  left: 5px;
}

.blog-search i.fa-search {
  position: absolute;
  bottom: 29.5%;
  color: #D5D2D9;
  left: 15px;
  font-size: 18px;
}

.search-results {
  margin: 0 auto;
  padding-right: 500px;
  margin-top: -16px;
}

.search-results h1.l-type {
  white-space: nowrap;
}

.block_links .block {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(135deg, #514d66 0%, #2d2342 100%);
}

.block_links .block h6 {
  color: #8F8D9A;
  margin-bottom: 1em;
}

.block_links .block h1 {
  color: white;
}

.block_links .block p {
  color: white;
  max-width: 22.5rem;
  margin: 0 auto 2.5em;
}

.block_links .block .content {
  padding: 5em 16%;
}

.block_links .block img {
  display: block;
  width: 80%;
  max-width: 37.5em;
  margin: auto auto 0;
  -webkit-transform: translateY(1.5em);
  transform: translateY(1.5em);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.block_links .block:hover img {
  -webkit-transform: none;
  transform: none;
}

.block_links.feature_links .block {
  min-height: 30em;
  height: 50vh;
  max-height: 39em;
  -webkit-box-pack: center;
  justify-content: center;
}

.block_links.feature_links .block .content {
  max-width: 40em;
  position: relative;
  z-index: 2;
  text-align: left;
  padding: 5em 16% 5em 5%;
}

.block_links.feature_links .block .content img {
  width: auto;
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

@media (min-width: 60em) {
  .block_links {
    display: -webkit-box;
    display: flex;
  }
  .block_links .block {
    width: 50%;
  }
}

.integrations_contain .hidden {
  display: none;
}

.integration_description {
  position: relative;
  z-index: 1;
  padding: 12em 0 10em;
  margin: -4em 0 4.5em;
  background: #2D2342;
  overflow: hidden;
}

.integration_description h1, .integration_description p {
  color: white;
}

.integration_description h1 {
  margin-bottom: .5em;
}

.integration_description p {
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.425;
}

.integration_description .content {
  position: relative;
  z-index: 2;
  max-width: 33em;
}

.integration_description .content img {
  margin-bottom: 1.5em;
}

.integration_description .graphic {
  position: relative;
  z-index: 1;
  margin: 6em 0 0;
}

.integration_description .graphic img {
  width: 80em;
  max-width: 150%;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: max-width .3s ease;
}

.integration_description .swoop_contain {
  position: absolute;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.integration_description .swoop_contain .swoop {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 62.5em) {
  .integration_description .contain {
    display: -webkit-box;
    display: flex;
  }
  .integration_description .contain .graphic {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0;
  }
  .integration_description .contain .graphic img {
    width: 100em;
    max-width: 200%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (min-width: 76em) {
  .integration_description .contain .graphic img {
    max-width: 250%;
    -webkit-transform: translateX(-42%);
    transform: translateX(-42%);
  }
}

.integration_features {
  padding: 8em 0;
  overflow: hidden;
}

.integration_features .screenshot {
  position: relative;
  margin-bottom: 6.5em;
}

.integration_features .screenshot img {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  width: 70em;
}

.integration_features .screenshot img:nth-child(2) {
  display: none;
}

.integration_features .features_grid {
  list-style-type: none;
  margin: 3em 0 0;
  padding: 0;
}

.integration_features .features_grid li {
  display: block;
  margin-bottom: 3em;
}

.integration_features .features_grid li .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 3em;
}

.integration_features .features_grid li h4 {
  margin-bottom: .5em;
}

.integration_features .features_grid li p {
  margin-bottom: 0;
}

@media (min-width: 30em) {
  .integration_features .features_grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .integration_features .features_grid li {
    width: 45%;
  }
}

@media (min-width: 57.5em) {
  .integration_features .contain {
    display: -webkit-box;
    display: flex;
  }
  .integration_features .contain .screenshot {
    -webkit-box-flex: 1;
    flex: 1;
    margin-bottom: 0;
  }
  .integration_features .contain .screenshot img {
    position: absolute;
    top: 50%;
    right: 0;
    max-width: 260%;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .integration_features .contain .content {
    width: 55%;
    margin-left: 10%;
    padding-top: 1.5em;
  }
}

@media (min-width: 81.25em) {
  .integration_features .contain {
    padding-bottom: 3em;
  }
  .integration_features .contain .screenshot img:nth-child(2) {
    display: block;
    -webkit-transform: translate(-30%, -33%);
    transform: translate(-30%, -33%);
  }
}

.blog_contain, .newsroom_contain, .case_studies_contain {
  position: relative;
}

.blog_contain .bg_img, .newsroom_contain .bg_img, .case_studies_contain .bg_img {
  display: none;
  position: absolute;
  top: 40em;
  bottom: 0;
  right: 0;
  width: 15%;
  max-width: 20em;
  opacity: .5;
  transition: all .3s ease;
}

.blog_contain .bg_img img, .newsroom_contain .bg_img img, .case_studies_contain .bg_img img {
  width: 100%;
}

@media (min-width: 60em) {
  .blog_contain .bg_img, .newsroom_contain .bg_img, .case_studies_contain .bg_img {
    display: block;
  }
}

@media (min-width: 100em) {
  .blog_contain .bg_img, .newsroom_contain .bg_img, .case_studies_contain .bg_img {
    opacity: 1;
  }
}

.newsroom_contain .bg_img {
  top: 15em;
}

.case_studies_contain .bg_img {
  top: 5em;
}

.sidenav_contain {
  position: relative;
  padding-top: 8.75em;
  padding-bottom: 8.75em;
}

.sidenav_contain aside.sidenav {
  margin-bottom: 3.5em;
}

.sidenav_contain aside.sidenav .sidenav_list {
  position: relative;
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sidenav_contain aside.sidenav .sidenav_list::before {
  content: "";
  position: absolute;
  top: -1em;
  left: 0;
  bottom: -1em;
  border-left: 2px solid #E3E3E5;
}

.sidenav_contain aside.sidenav .sidenav_list li {
  display: block;
  margin: .75em 0;
  font-size: 1.25em;
}

.sidenav_contain aside.sidenav .sidenav_list li a {
  color: #2D2342;
  font-weight: 200;
  padding-left: 1.25em;
  display: block;
}

.sidenav_contain aside.sidenav .sidenav_list li a:hover {
  color: rgba(45, 35, 66, 0.8);
}

.sidenav_contain aside.sidenav .sidenav_list li.active a {
  position: relative;
  font-weight: 500;
}

.sidenav_contain aside.sidenav .sidenav_list li.active a::after {
  content: "";
  position: absolute;
  top: -.25em;
  left: -2px;
  bottom: -.25em;
  width: 6px;
  background: #24CCFD;
  border-radius: 1em;
}

.sidenav_contain .main section {
  padding: 2em 0;
}

.sidenav_contain .main h6 {
  color: #8F8D9A;
  margin-bottom: .75em;
}

.sidenav_contain .main h1 {
  margin-bottom: 1em;
}

.sidenav_contain .main p {
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.425;
}

.sidenav_contain .main p:last-child {
  margin-bottom: 0;
}

@media (min-width: 50em) {
  .sidenav_contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .sidenav_contain.no_side {
    -webkit-box-pack: center;
    justify-content: center;
  }
  .sidenav_contain aside.sidenav {
    position: -webkit-sticky;
    position: sticky;
    top: 1em;
    width: 17em;
    margin-right: 2em;
  }
  .sidenav_contain aside.sidenav .drop {
    display: none;
  }
  .sidenav_contain aside.sidenav .sidenav_list {
    display: block;
  }
  .sidenav_contain aside.sidenav.tall .drop {
    display: block;
  }
  .sidenav_contain aside.sidenav.tall .sidenav_list {
    opacity: 0;
    pointer-events: none;
  }
  .sidenav_contain .main {
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 800px;
    padding-top: 1em;
  }
}

@media (min-width: 68.75em) {
  .sidenav_contain aside.sidenav {
    width: 19em;
  }
}

.offices_block {
  margin-bottom: 5.25em;
  text-align: center;
}

.offices_block h1 {
  margin-bottom: 1.25em;
}

.offices_block .office_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.offices_block .office_list li {
  display: block;
  margin-bottom: 3.5em;
}

.offices_block .office_list li .location_graphic {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 7.875em;
  width: 100%;
  margin-bottom: 1.5em;
}

.offices_block .office_list li address {
  font-style: normal;
}

@media (min-width: 30em) {
  .offices_block .office_list {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .offices_block .office_list li {
    width: 47.5%;
  }
}

@media (min-width: 60em) {
  .offices_block .office_list li {
    width: 24.5%;
  }
}

.contact_block {
  position: relative;
  -webkit-transform: translateY(-26.875em);
  transform: translateY(-26.875em);
  margin-bottom: -18.125em;
}

.contact_block .contact_form_contain {
  max-width: 43.75em;
  width: 100%;
  margin: 0 auto;
  background: white;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
  border-radius: 6px;
  padding: 2.5em 4%;
}

.contact_block .contact_more {
  text-align: center;
  margin-top: 5em;
}

.contact_block .contact_more ul.contact_links {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.contact_block .contact_more ul.contact_links li {
  display: block;
  margin-bottom: 2em;
}

.contact_block .contact_more ul.contact_links li h5 {
  margin: 0;
}

.contact_block .contact_more ul.contact_links li:last-child {
  margin: 0;
}

@media (min-width: 55.5em) {
  .contact_block {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
  }
  .contact_block .contact_more {
    width: 31%;
    text-align: left;
    margin: 0 0 3em 11%;
  }
}

.success_contain {
  padding-top: 3em;
}

.success_contain .success_content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: white;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
  border-radius: 6px;
  -webkit-transform: translateY(4.375em);
  transform: translateY(4.375em);
}

.success_contain .success_content .content {
  position: relative;
  padding: 4em 6%;
}

.success_contain .success_content .content h6 {
  color: #8F8D9A;
  margin-bottom: .5em;
}

.success_contain .success_content .content h1 {
  max-width: 10.833333333em;
  margin-bottom: .5em;
}

.success_contain .success_content .content p {
  max-width: 26em;
  margin-bottom: 1em;
}

.success_contain .success_content .content ul {
  font-size: 1.25em;
  font-weight: 200;
  margin-bottom: 1.75em;
}

.success_contain .success_content .content ul li {
  margin-bottom: .75em;
}

.success_contain .success_content .content ul li:last-child {
  margin-bottom: 0;
}

.success_contain .success_content .content.has_form .form_contain {
  margin: 5em 0 0;
  max-width: 32em;
}

.success_contain .success_content .bg_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 38em;
  height: 40em;
  max-width: 80%;
  opacity: .25;
  background: no-repeat top right;
  background-size: contain;
}

.success_contain .success_content.api .bg_img {
  display: none;
  position: absolute;
  top: auto;
  bottom: 0;
  right: 0;
  width: 34em;
  height: 32.75em;
  max-width: 60%;
  background: no-repeat bottom right;
  background-size: contain;
}

@media (min-width: 55em) {
  .success_contain .success_content .bg_img {
    opacity: .5;
  }
  .success_contain .success_content.api .bg_img {
    display: block;
  }
}

@media (min-width: 66.25em) {
  .success_contain .success_content .content.has_form {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .success_contain .success_content .content.has_form .form_contain {
    width: 45%;
    margin: 0 0 0 10%;
    background: white !important;
    box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15) !important;
    padding: 2.5em 4% !important;
    border-radius: 6px !important;
  }
  .success_contain .success_content .content.has_form .form_contain form {
    width: 100% !important;
  }
}

@media (min-width: 70em) {
  .success_contain .success_content .bg_img {
    opacity: 1;
  }
}

.hero .download_contain {
  margin-top: 2.5em;
}

.request .hero {
  padding-bottom: 10.25em;
}

.request .request_form_contain {
  position: relative;
  background: white;
  padding: 2.5em 4%;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
  border-radius: 6px;
  max-width: 43.75em;
  margin: 0 auto;
}

.request .request_form_contain::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: -10.25em;
  left: 3em;
  width: 54.6875em;
  height: 39.1875em;
  background: url(../img/bg/request_demo_lines.min.svg) no-repeat bottom right;
  background-size: contain;
}

.request .request_form_contain.api::before {
  left: 50%;
  width: 74.3125em;
  height: 68.375em;
  background: url(../img/bg/request_api_lines.min.svg) no-repeat bottom right;
  background-size: contain;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.request .request_form_contain form {
  padding: 0;
}

.request .request_form_contain form .button {
  width: 15em;
  max-width: 100%;
}

.request .request_form_contain form .push_bottom {
  margin-bottom: 2em;
}

.request .request_form_contain form .centered {
  text-align: center;
}

.request .request_form_contain form .centered .link {
  margin: .75em;
  white-space: nowrap;
}

@media (min-width: 55.5em) {
  .request .hero_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: top;
    align-items: top;
  }
  .request .hero_content .content {
    max-width: 24em;
    margin-top: 11%;
    margin-right: 11%;
  }
  .request .hero_content .request_form_contain {
    -webkit-box-flex: 1;
    flex: 1;
  }
}

@media (min-width: 63em) {
  .request .request_form_contain form .two_third {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .request .request_form_contain form .two_third .link {
    margin: 0 2.25em 0 1em;
  }
  .request .request_form_contain form .two_third .link:last-child {
    margin: 0;
  }
}

.featured_case_study {
  background: white;
  overflow: hidden;
  max-width: 37em;
  margin: 0 auto;
  border-radius: 6px;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.featured_case_study .logo_contain {
  position: relative;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.featured_case_study .logo_contain::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(45, 35, 66, 0.3);
}

.featured_case_study .logo_contain img {
  display: block;
}

.featured_case_study .logo_contain .logo {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 50%;
}

.featured_case_study .quote_contain {
  text-align: center;
  padding: 0 6.5% 6.5%;
}

.featured_case_study .quote_contain cite {
  display: block;
  position: relative;
  font-style: normal;
  margin: -2em 0 1em;
}

.featured_case_study .quote_contain cite .avatar {
  width: 5.625em;
  margin: 0 auto .75em;
}

.featured_case_study .quote_contain cite h4, .featured_case_study .quote_contain cite h6 {
  margin: 0;
}

.featured_case_study .quote_contain blockquote {
  margin-bottom: 1.5em;
}

.case_studies_intro {
  overflow: hidden;
  padding: 10em 0;
}

.case_studies_intro h2 {
  text-align: center;
  max-width: 22.222222222em;
  margin: 0 auto;
}

.case_studies_intro .logo_cloud {
  margin: 5em 0 0;
  text-align: center;
}

.case_studies_intro .logo_cloud img {
  display: inline-block;
}

@media (min-width: 60em) {
  .case_studies_intro {
    padding: 15em 0;
  }
  .case_studies_intro .contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .case_studies_intro h2 {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0;
    text-align: left;
  }
  .case_studies_intro .logo_cloud {
    position: relative;
    width: 35%;
    margin: 0;
  }
  .case_studies_intro .logo_cloud img {
    position: absolute;
    top: 50%;
    left: 3em;
    width: 120%;
    max-width: 120%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.case_studies_contain .case_study_logo {
  display: -webkit-box;
  display: flex;
  height: 5.625em;
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1.5em;
}

.case_studies_contain .case_study_logo img {
  max-height: 100%;
  margin: 0 !important;
}

.case_studies_contain .button img {
  position: relative;
  display: inline-block;
  margin: 0 .75em 0 0 !important;
  top: -.125em;
}

.case_studies_contain .button .hide {
  display: none;
}

@media (min-width: 23.75em) and (max-width: 29.9375em) {
  .case_studies_contain .button .hide {
    display: inline;
  }
}

@media (min-width: 42.5em) and (max-width: 49.9375em) {
  .case_studies_contain .button .hide {
    display: inline;
  }
}

@media (min-width: 58.75em) {
  .case_studies_contain .button .hide {
    display: inline;
  }
}

.more_case_studies {
  position: relative;
  margin: 5em 0 0;
  padding: 12em 0 0;
}

.more_case_studies .heading {
  text-align: center;
}

.more_case_studies .swoop_top_contain {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.more_case_studies .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.more_case_studies .swoop_top_contain.shadow {
  height: 8.625em;
}

.more_case_studies .swoop_top_contain.shadow .swoop_top {
  height: 8.625em;
}

@media (min-width: 35em) and (max-width: 68.6875em) {
  .more_case_studies .card_grid .main .card:nth-child(3) {
    display: none;
  }
}

.work_at .work_at_intro {
  margin: 10em auto 0;
}

.work_at .work_at_intro .heading {
  position: relative;
}

.work_at .work_at_intro .heading img {
  display: none;
}

.work_at .work_at_intro h3:last-child {
  margin: 0;
}

.work_at .work_at_awards {
  position: relative;
  margin-top: 10em;
}

.work_at .work_at_awards .awards_lines_contain {
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 0;
  right: 0;
  height: 13.8125em;
}

.work_at .work_at_awards .awards_lines_contain img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 100em;
  height: 13.8125em;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.work_at .work_at_benefits {
  margin: 10em auto 8.5em;
}

.work_at .work_at_benefits h1 {
  text-align: center;
  margin-bottom: 1.5em;
}

.work_at .work_at_benefits .benefit_cols {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.work_at .work_at_benefits .benefit_cols li {
  display: block;
  margin-bottom: 2.5em;
}

.work_at .work_at_benefits .benefit_cols li .benefit_icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 5.3125em;
  margin-bottom: 1.5em;
}

.work_at .work_at_benefits .benefit_cols li .benefit_icon img {
  display: block;
}

.work_at .work_at_benefits .benefit_cols li h3 {
  margin-bottom: .5em;
}

.work_at .work_at_benefits .benefit_cols li p {
  margin-bottom: 1em;
  display: block;
}

.work_at .work_at_benefits .benefit_cols li p a {
  color: #24CCFD;
}

.work_at .work_at_benefits .benefit_cols li p:last-of-type {
  margin-bottom: 0;
}

.work_at .we_believe {
  text-align: center;
  position: relative;
  background: #2D2342;
  padding: 5.625em 0 0;
}

.work_at .we_believe h1 {
  color: white;
}

.work_at .we_believe .bg_lines {
  display: none;
}

.work_at .we_believe .slider_contain {
  position: relative;
  overflow: hidden;
  max-width: 43.75em;
  margin: 0 auto;
  padding-top: 2em;
  padding-bottom: 15em;
}

.work_at .we_believe .slider_contain::before, .work_at .we_believe .slider_contain::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
}

.work_at .we_believe .slider_contain::before {
  top: 0;
  height: 2em;
  background: linear-gradient(to bottom, #2d2342 0%, rgba(45, 35, 66, 0) 100%);
}

.work_at .we_believe .slider_contain::after {
  bottom: 0;
  height: 18em;
  background: linear-gradient(to bottom, rgba(45, 35, 66, 0) 0%, #2d2342 70%, #2d2342 100%);
}

.work_at .we_believe .belief_slider h2 {
  color: white;
  margin: 0;
}

.work_at .we_believe .belief_slider h2 strong {
  font-weight: 400;
}

.work_at .we_believe .belief_slider .flex-viewport {
  overflow: visible !important;
}

.work_at .we_believe .belief_slider .slides {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.work_at .we_believe .belief_slider .slides li {
  height: 9.25em;
}

.work_at .we_believe .swoop_top_contain {
  position: absolute;
  z-index: 2;
  top: -3.5em;
  left: 0;
  width: 100%;
  height: 3.75em;
  overflow: hidden;
}

.work_at .we_believe .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 3.75em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 35em) {
  .work_at .work_at_benefits .benefit_cols {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .work_at .work_at_benefits .benefit_cols li {
    width: 47.5%;
  }
}

@media (min-width: 45em) {
  .work_at .work_at_intro {
    display: -webkit-box;
    display: flex;
  }
  .work_at .work_at_intro .heading {
    text-align: right;
    width: 31%;
    margin-right: 6%;
  }
  .work_at .work_at_intro .heading img {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .work_at .work_at_intro .content {
    -webkit-box-flex: 1;
    flex: 1;
    padding-top: .75em;
  }
}

@media (min-width: 65em) {
  .work_at .work_at_benefits .benefit_cols li {
    width: 23.5%;
  }
  .work_at .we_believe {
    text-align: left;
  }
  .work_at .we_believe .bg_lines {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 38%;
    max-width: 55em;
  }
  .work_at .we_believe .bg_lines img {
    display: block;
    width: 100%;
  }
  .work_at .we_believe .contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .work_at .we_believe .contain h1 {
    margin-right: 3%;
  }
  .work_at .we_believe .contain .slider_contain {
    -webkit-box-flex: 1;
    flex: 1;
  }
}

.photo_grid_contain .photo_grid {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.photo_grid_contain .photo_grid img {
  display: block;
  border-radius: 6px;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.photo_grid_contain .photo_grid.four_col .col {
  width: 48.5%;
  margin-bottom: 1.5em;
}

.photo_grid_contain .photo_grid.four_col .col.two_up {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.photo_grid_contain .photo_grid.four_col .col.two_up .img {
  -webkit-box-flex: 1;
  flex: 1;
  margin-bottom: 6%;
  background: no-repeat center;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.photo_grid_contain .photo_grid.four_col .col.two_up .img:last-child {
  margin-bottom: 0;
}

.photo_grid_contain .photo_grid.three_col {
  display: none;
}

.photo_grid_contain .photo_grid.three_col .col {
  width: 48.5%;
  margin-bottom: 1.5em;
}

.photo_grid_contain .photo_grid.three_col .col.two_up {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.photo_grid_contain .photo_grid.three_col .col.two_up .img {
  -webkit-box-flex: 1;
  flex: 1;
  margin-bottom: 6%;
  background: no-repeat center;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.photo_grid_contain .photo_grid.three_col .col.two_up .img:last-child {
  margin-bottom: 0;
}

@media (min-width: 41.625em) {
  .photo_grid_contain .photo_grid.four_col .col {
    width: 23.5%;
  }
  .photo_grid_contain .photo_grid.four_col .col.two_up .img {
    margin-bottom: 1.5em;
  }
  .photo_grid_contain .photo_grid.three_col {
    display: -webkit-box;
    display: flex;
  }
  .photo_grid_contain .photo_grid.three_col .col {
    width: 38%;
    margin-bottom: 0;
  }
  .photo_grid_contain .photo_grid.three_col .col.two_up {
    width: 20%;
  }
  .photo_grid_contain .photo_grid.three_col .col.two_up .img {
    margin-bottom: 1.5em;
  }
}

#openings {
  padding: 10em 0 12.5em;
}

.no_openings {
  display: none;
  width: 100%;
}

.no_openings p {
  font-size: 1.5em;
  text-align: center;
}

.no_openings ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.no_openings ul::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 75%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}

.no_openings ul li {
  display: block;
  height: 5.5em;
  border-radius: 6px;
  border: 1px solid #E3E3E5;
  margin-bottom: 1em;
}

.no_openings ul li:last-child {
  margin-bottom: 0;
}

.no_openings ul li:nth-child(2n) {
  display: none;
}

@media (min-width: 50em) {
  .no_openings ul li:nth-child(2n) {
    display: block;
  }
}

.video_container {
  position: relative;
  margin-bottom: 10em;
}

.video_container .floating_people {
  position: absolute;
  width: 75%;
  top: 0;
  bottom: 0;
}

.video_container .floating_people.left {
  right: 50%;
}

.video_container .floating_people.left .people_nucleo {
  position: absolute;
  top: -10%;
  left: 10%;
}

.video_container .floating_people.left .people_nucleo:nth-child(2) {
  top: 5%;
  left: 35%;
}

.video_container .floating_people.left .people_nucleo:nth-child(3) {
  top: 40%;
  left: 8%;
}

.video_container .floating_people.left .people_nucleo:nth-child(4) {
  top: 50%;
  left: 44%;
}

.video_container .floating_people.left .people_nucleo:nth-child(5) {
  top: 75%;
  left: 30%;
}

.video_container .floating_people.left .people_nucleo:nth-child(6) {
  top: 90%;
  left: 12%;
}

.video_container .floating_people.left .people_nucleo:nth-child(2), .video_container .floating_people.left .people_nucleo:nth-child(3), .video_container .floating_people.left .people_nucleo:nth-child(5) {
  display: none;
}

.video_container .floating_people.right {
  left: 50%;
}

.video_container .floating_people.right .people_nucleo {
  position: absolute;
  top: -7%;
  right: -2%;
}

.video_container .floating_people.right .people_nucleo:nth-child(2) {
  top: -2%;
  right: 35%;
}

.video_container .floating_people.right .people_nucleo:nth-child(3) {
  top: 30%;
  right: 16%;
}

.video_container .floating_people.right .people_nucleo:nth-child(4) {
  top: 44%;
  right: 40%;
}

.video_container .floating_people.right .people_nucleo:nth-child(5) {
  top: 65%;
  right: 0;
}

.video_container .floating_people.right .people_nucleo:nth-child(6) {
  top: 80%;
  right: 28%;
}

.video_container .floating_people.right .people_nucleo:nth-child(7) {
  top: 100%;
  right: 14%;
}

.video_container .floating_people.right .people_nucleo:nth-child(2), .video_container .floating_people.right .people_nucleo:nth-child(3), .video_container .floating_people.right .people_nucleo:nth-child(5), .video_container .floating_people.right .people_nucleo:nth-child(6) {
  display: none;
}

.video_container .floating_people .people_nucleo {
  width: 6.25em;
  height: 6.25em;
}

.video_container .floating_people .people_nucleo.small {
  width: 4.375em;
  height: 4.375em;
}

.video_container .floating_people .people_nucleo.medium {
  width: 5em;
  height: 5em;
}

.video_container .floating_people .people_nucleo.large {
  width: 7.5em;
  height: 7.5em;
}

.video_container .floating_people .people_nucleo.x_large {
  width: 8.5em;
  height: 8.5em;
}

@media (min-width: 67.5em) {
  .video_container .floating_people.left .people_nucleo:nth-child(2), .video_container .floating_people.left .people_nucleo:nth-child(3), .video_container .floating_people.left .people_nucleo:nth-child(5) {
    display: block;
  }
  .video_container .floating_people.right .people_nucleo:nth-child(2), .video_container .floating_people.right .people_nucleo:nth-child(3), .video_container .floating_people.right .people_nucleo:nth-child(5), .video_container .floating_people.right .people_nucleo:nth-child(6) {
    display: block;
  }
}

.driving_success {
  background: no-repeat center;
  background-size: cover;
  padding: 10em 0 8.75em;
}

.driving_success .content {
  max-width: 30.625em;
  margin-bottom: 4.5em;
}

.driving_success .content h1, .driving_success .content p, .driving_success .content h3, .driving_success .content ul {
  color: white;
}

.driving_success .content h1 {
  margin-bottom: .5em;
}

.driving_success .content .p-large {
  margin-bottom: 2em;
}

.driving_success .content h3 {
  margin-bottom: .5em;
}

.driving_success .content ul {
  margin: 0;
}

.driving_success .content ul li {
  font-size: 1.25em;
  font-weight: 200;
}

.driving_success .cards .card {
  padding: 2em;
  margin-bottom: 1.5em;
}

.driving_success .cards .card img {
  margin-bottom: 1em;
}

.driving_success .cards .card h4 {
  margin-bottom: .25em;
}

.driving_success .cards .card p {
  margin: 0;
}

@media (min-width: 35em) {
  .driving_success .cards {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .driving_success .cards .card {
    width: 47.5%;
  }
}

@media (min-width: 60em) {
  .driving_success .cards .card {
    width: 23.5%;
  }
}

.founders_intro {
  padding-top: 6.25em;
  text-align: center;
}

.founders_intro h2 {
  margin-bottom: 2em;
}

.founders_intro .photo {
  overflow: hidden;
  box-shadow: 0 12px 16px 0 rgba(45, 35, 66, 0.18);
}

.founders_intro .photo img {
  display: block;
}

.by_the_numbers {
  text-align: center;
  position: relative;
  background: #2D2342;
  padding: 5.625em 0 8.125em;
}

.by_the_numbers h2 {
  max-width: 28em;
  margin: 0 auto 3em;
}

.by_the_numbers h2, .by_the_numbers h3 {
  position: relative;
  z-index: 2;
  color: white;
}

.by_the_numbers h3 {
  margin-bottom: 2em;
}

.by_the_numbers .stat_columns {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.by_the_numbers .stat_columns .stat {
  width: 100%;
  margin-bottom: 3em;
}

.by_the_numbers .stat_columns .stat .stat_icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height: 6.5em;
  margin-bottom: 1em;
}

.by_the_numbers .awards_cards {
  position: relative;
  z-index: 2;
}

.by_the_numbers .awards_cards h3 {
  color: #2D2342;
}

.by_the_numbers .swoop_contain, .by_the_numbers .swoop_top_contain {
  position: absolute;
  z-index: 2;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.by_the_numbers .swoop_contain .swoop, .by_the_numbers .swoop_contain .swoop_top, .by_the_numbers .swoop_top_contain .swoop, .by_the_numbers .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.by_the_numbers .swoop_top_contain {
  bottom: auto;
  top: -3.5em;
  height: 3.75em;
}

.by_the_numbers .swoop_top_contain .swoop_top {
  height: 3.75em;
}

.by_the_numbers .bg_lines {
  display: none;
}

@media (min-width: 30em) {
  .by_the_numbers .stat_columns .stat {
    width: 45%;
  }
}

@media (min-width: 55em) {
  .by_the_numbers .stat_columns {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .by_the_numbers .stat_columns .stat {
    width: 18%;
  }
}

@media (min-width: 65em) {
  .by_the_numbers .bg_lines {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 38%;
    max-width: 35em;
  }
  .by_the_numbers .bg_lines img {
    display: block;
    width: 100%;
  }
}

.values {
  position: relative;
  padding: 10.75em 0 8.125em;
  background: linear-gradient(to bottom, rgba(45, 35, 66, 0) 0%, rgba(45, 35, 66, 0) 80%, rgba(45, 35, 66, 0.05) 100%);
}

.values .values_text {
  position: absolute;
  z-index: -1;
  opacity: .25;
  top: 2em;
  bottom: 0;
  left: -1em;
}

.values .values_text img {
  display: block;
  max-height: 100%;
}

.values .contain {
  position: relative;
  max-width: 53em;
}

.values .contain .values_image {
  display: none;
  position: absolute;
  z-index: -1;
  bottom: -19em;
  left: 95%;
  width: 47.1875em;
}

.values h2 {
  line-height: 1.3em;
}

.values .action {
  position: relative;
  padding-top: 3em;
  margin-top: 3.5em;
}

.values .action::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.75em;
  border-top: 4px solid #D5D2D9;
}

.values .action blockquote {
  margin: 0;
}

.values .action blockquote p {
  margin-bottom: 1em;
}

.values .swoop_contain, .values .swoop_top_contain {
  position: absolute;
  z-index: 2;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.values .swoop_contain .swoop, .values .swoop_top_contain .swoop {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}

@media (min-width: 40em) {
  .values .values_text {
    opacity: .5;
  }
}

@media (min-width: 65em) {
  .values .values_text {
    opacity: 1;
  }
}

@media (min-width: 72.5em) {
  .values .contain .values_image {
    display: block;
  }
}

.leadership_block {
  position: relative;
  background: white;
  padding: 10.75em 0 5.125em;
}

.leadership_block .contain {
  position: relative;
  z-index: 2;
  text-align: center;
}

.leadership_block .contain h2 {
  margin-bottom: 2em;
}

.leadership_block .leadership_team {
  position: relative;
  margin-bottom: 5.5em;
}

.leadership_block .leadership_team .team_member {
  position: relative;
  margin-bottom: 3em;
}

.leadership_block .leadership_team .team_member > img {
  display: block;
  width: 7.8125em;
  margin: 0 auto 1em;
  border-radius: 50%;
  transition: box-shadow .3s ease;
}

.leadership_block .leadership_team .team_member a.detail_trigger {
  text-decoration: none;
}

.leadership_block .leadership_team .team_member a.detail_trigger img {
  display: block;
  width: 7.8125em;
  margin: 0 auto 1em;
  border-radius: 50%;
  transition: box-shadow .3s ease;
}

.leadership_block .leadership_team .team_member a.detail_trigger:hover img {
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.leadership_block .leadership_team .team_member h4 {
  margin-bottom: 0;
}

.leadership_block .leadership_team .team_member h6 {
  margin-bottom: 0;
  color: #8F8D9A;
}

.leadership_block .leadership_team.large {
  margin-bottom: 7em;
}

.leadership_block .leadership_team.large .team_member > img {
  width: 10.9375em;
}

.leadership_block .leadership_team .member_details {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 100;
  top: 4em;
  left: 50%;
  width: 95%;
  max-width: 50em;
  border-radius: 6px;
  background: white;
  overflow: hidden;
  -webkit-transform: translate(-50%, 0) scale(0.8);
  transform: translate(-50%, 0) scale(0.8);
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  transition: opacity .3s ease, -webkit-transform .2s ease;
  transition: opacity .3s ease, transform .2s ease;
  transition: opacity .3s ease, transform .2s ease, -webkit-transform .2s ease;
}

.leadership_block .leadership_team .member_details .member_img {
  display: none;
}

.leadership_block .leadership_team .member_details .close_details {
  position: absolute;
  top: 1em;
  right: 1em;
}

.leadership_block .leadership_team .member_details .content {
  text-align: left;
  padding: 2.8125em 2em 2em;
  max-width: 32.5em;
}

.leadership_block .leadership_team .member_details .content h2 {
  margin-bottom: .25em;
}

.leadership_block .leadership_team .member_details .content h6 {
  margin-bottom: 1.5em;
}

.leadership_block .leadership_team .member_details .content .social {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.leadership_block .leadership_team .member_details .content .social a {
  margin-right: 1.5em;
}

.leadership_block .leadership_team .details--on .member_details {
  opacity: 1;
  pointer-events: inherit;
  -webkit-transform: translate(-50%, 0) scale(1);
  transform: translate(-50%, 0) scale(1);
}

.leadership_block .bg_lines {
  display: none;
}

@media (min-width: 35em) {
  .leadership_block .leadership_team {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .leadership_block .leadership_team .team_member {
    position: static;
    width: 45%;
  }
  .leadership_block .leadership_team .member_details {
    top: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-transform: translate(-50%, -50%) scale(0.8);
    transform: translate(-50%, -50%) scale(0.8);
  }
  .leadership_block .leadership_team .member_details .member_img {
    display: block;
    width: 45%;
    max-width: 17.5em;
  }
  .leadership_block .leadership_team .member_details .content {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .leadership_block .leadership_team .details--on .member_details {
    opacity: 1;
    pointer-events: inherit;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
  }
}

@media (min-width: 45em) {
  .leadership_block .leadership_team .team_member {
    width: 21%;
  }
  .leadership_block .leadership_team.large .team_member {
    width: 45%;
  }
}

@media (min-width: 55em) {
  .leadership_block .leadership_team.large .team_member {
    width: 21%;
  }
}

@media (min-width: 65em) {
  .leadership_block .leadership_team .team_member {
    width: 15%;
  }
}

@media (min-width: 85em) {
  .leadership_block .bg_lines {
    display: block;
    position: absolute;
    z-index: 1;
    opacity: 1;
    bottom: 0;
    right: 0;
    width: 38%;
    max-width: 15em;
  }
  .leadership_block .bg_lines img {
    display: block;
    width: 100%;
  }
}

.features_block {
  position: relative;
  background: #2D2342;
  padding: 12em 0 8em;
}

.features_block .swoop_top_contain {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.features_block .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.features_block .heading {
  position: relative;
  padding-bottom: 4em;
}

.features_block .heading h6 {
  color: #8F8D9A;
  margin-bottom: 1em;
}

.features_block .heading h1 {
  margin-bottom: .25em;
  color: white;
  max-width: 16.666666667em;
}

.features_block .heading p {
  max-width: 30em;
  margin: 0;
  color: white;
}

.features_block .feature {
  max-width: 19.5em;
  margin: 0 auto 4.5em;
}

.features_block .feature .content {
  margin-bottom: auto;
}

.features_block .feature .icon {
  margin-bottom: 2em;
}

.features_block .feature h3 {
  margin-bottom: .5em;
}

.features_block .feature h3, .features_block .feature p {
  color: white;
}

.features_block .feature p {
  margin-bottom: 1.5em;
}

.features_block .feature .link {
  display: block;
  color: #24CCFD;
  margin-bottom: .75em;
}

.features_block .feature .button {
  width: 100%;
  margin-top: 2em;
  text-align: center;
}

@media (min-width: 45em) {
  .features_block .feature_columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .features_block .feature_columns .feature {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 29%;
    margin: 0;
  }
}

.integrations_block {
  padding: 7.5em 0 0;
}

.integrations_block .heading {
  text-align: center;
  margin-bottom: 3.5em;
}

.integrations_block .heading h6 {
  margin-bottom: 1em;
  color: #8F8D9A;
}

.integrations_block .heading h1 {
  margin-bottom: .25em;
}

.integrations_block .heading p {
  max-width: 33.15em;
  margin: 0 auto 3em;
}

.integrations_block .integrations_graphic {
  position: relative;
  padding: 5em 0;
}

.integrations_block .integrations_graphic ul.integrations_list {
  position: relative;
  z-index: 2;
  max-width: 13em;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}

.integrations_block .integrations_graphic ul.integrations_list li {
  position: relative;
  padding-left: 3.5em;
  color: #514D66;
  margin-bottom: 2.25em;
}

.integrations_block .integrations_graphic ul.integrations_list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.4375em;
  height: 2.4375em;
  background: #5951FF;
  border: 8px solid white;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.integrations_block .integrations_graphic .graphic {
  position: absolute;
  z-index: 1;
  width: 43.75em;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-60%);
  transform: translateX(-60%);
  opacity: .15;
}

.integrations_block .platform_content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: white;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
  border-radius: 6px;
  margin-bottom: -3em;
}

.integrations_block .platform_content .content {
  position: relative;
  padding: 5% 0 5% 6%;
}

.integrations_block .platform_content .content h6 {
  color: #8F8D9A;
  margin-bottom: .5em;
}

.integrations_block .platform_content .content h1 {
  max-width: 10.833333333em;
  margin-bottom: .5em;
}

.integrations_block .platform_content .content p {
  max-width: 26em;
  margin-bottom: 1em;
}

.integrations_block .platform_content .content ul {
  font-size: 1.25em;
  font-weight: 200;
  margin-bottom: 1.75em;
  max-width: 25em;
}

.integrations_block .platform_content .content ul li {
  margin-bottom: .75em;
}

.integrations_block .platform_content .content ul li:last-child {
  margin-bottom: 0;
}

.integrations_block .platform_content .bg_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 45.4375em;
  height: 30.25em;
  max-width: 80%;
  opacity: .25;
  background: no-repeat top right;
  background-size: contain;
}

@media (min-width: 33.75em) {
  .integrations_block .integrations_graphic {
    max-width: 13em;
    margin: 0 auto;
    -webkit-transform: translateX(-4em);
    transform: translateX(-4em);
  }
  .integrations_block .integrations_graphic ul.integrations_list {
    max-width: none;
    margin: 0;
  }
  .integrations_block .integrations_graphic ul.integrations_list li {
    left: 10em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(2) {
    left: 13.125em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(3) {
    left: 14.1em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(4) {
    left: 14em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(5) {
    left: 13.1em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(6) {
    left: 11.75em;
  }
  .integrations_block .integrations_graphic .graphic {
    -webkit-transform: translateX(-65%);
    transform: translateX(-65%);
    opacity: 1;
  }
}

@media (min-width: 55em) {
  .integrations_block .platform_content .bg_img {
    opacity: .5;
  }
  .integrations_block .platform_content ul {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .integrations_block .platform_content ul li {
    width: 48.5%;
  }
}

@media (min-width: 66.25em) {
  .integrations_block .integrations_graphic {
    max-width: 100%;
    margin: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .integrations_block .integrations_graphic ul.integrations_list {
    position: relative;
    height: 18.75em;
    max-width: none;
    margin: 0;
  }
  .integrations_block .integrations_graphic ul.integrations_list li {
    position: absolute;
    top: 0;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(1), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(2), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(3) {
    left: auto;
    right: 50%;
    padding-left: 0;
    padding-right: 3.5em;
    text-align: right;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(1)::before, .integrations_block .integrations_graphic ul.integrations_list li:nth-child(2)::before, .integrations_block .integrations_graphic ul.integrations_list li:nth-child(3)::before {
    left: auto;
    right: 0;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(4), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(5), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(6) {
    left: 50%;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(2), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(5) {
    top: 6.5em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(3), .integrations_block .integrations_graphic ul.integrations_list li:nth-child(6) {
    top: 14em;
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(1) {
    -webkit-transform: translateX(-17em);
    transform: translateX(-17em);
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(2) {
    -webkit-transform: translateX(-20.5em);
    transform: translateX(-20.5em);
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(3) {
    -webkit-transform: translateX(-20.65em);
    transform: translateX(-20.65em);
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(4) {
    -webkit-transform: translateX(16.75em);
    transform: translateX(16.75em);
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(5) {
    -webkit-transform: translateX(20.5em);
    transform: translateX(20.5em);
  }
  .integrations_block .integrations_graphic ul.integrations_list li:nth-child(6) {
    -webkit-transform: translateX(19.65em);
    transform: translateX(19.65em);
  }
  .integrations_block .integrations_graphic .graphic {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
  }
}

@media (min-width: 70em) {
  .integrations_block .platform_content .bg_img {
    opacity: 1;
  }
}

.eula .sidenav_contain .main ul {
  font-size: 1.25em;
  font-weight: 200;
  list-style-type: none;
  padding: 0;
  margin-bottom: 2.5em;
}

.eula .sidenav_contain .main ul li {
  margin-bottom: .5em;
  position: relative;
  display: block;
  padding-left: 1.35em;
}

.eula .sidenav_contain .main ul li::before {
  content: "";
  position: absolute;
  top: .25em;
  left: 0;
  width: 1em;
  height: 1em;
  background: no-repeat center;
  background-image: url("/_resources/img/bullet_blue.min.svg");
}

.expandable-faq ul {
  margin: 50px auto 0px auto;
  padding: 0px;
  list-style: none;
  border-top: 1px solid #E3E3E5;
  max-width: 840px;
}

.expandable-faq ul li {
  border-bottom: 1px solid #E3E3E5;
  padding: 13px 18px;
  font-size: 12pt;
  display: inline-block;
  text-align: left;
  z-index: -99;
  width: 100%;
}

.expandable-faq ul li::before {
  content: "+";
  color: #5951FF;
  position: absolute;
  margin-right: 4px;
  font-size: 25px;
}

.expandable-faq ul li.active::before {
  content: "-";
  color: #5951FF;
  position: absolute;
  margin-right: 4px;
  font-size: 25px;
}

.faq-expand {
  color: #5951FF;
  font-family: 'National', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 500;
  float: left;
  display: inline-block;
  margin-top: 8px;
  margin-left: 25px;
  z-index: 1;
  cursor: pointer;
  margin-bottom: 10px;
}

.faq-expand::before .faq-expand:before {
  font-family: 'fa';
  content: "\f196";
  margin-right: 10px;
}

.faq-detail {
  display: none;
  -webkit-transition: all 5s ease-in-out;
}

.faq-detail p {
  float: left;
  margin-left: 25px;
  margin-top: 15px;
}

.request_demo_btn {
  border-radius: 4px;
  background-color: #5951ff;
  color: #fff;
  border: 1px solid rgba(89, 81, 255, 0.5);
  position: relative;
  z-index: 1;
  font-size: .875em;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 500;
  padding: .25rem 1rem .4rem 1rem;
  outline: none;
  transition: all 0.3s ease;
  margin-left: 1rem;
}

.request_demo_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: .9rem;
  width: .6875rem;
  height: .4375rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.request_demo_btn:disabled {
  color: #D5D2D9;
  border: 2px solid #D5D2D9;
}

.request_demo_btn:active {
  background-color: #bab7ff;
}

.request_demo_btn:hover {
  background-color: #7a73ff;
  color: #fff;
}

.request_demo_btn:hover::after {
  -webkit-transform: translate(0.125em, -50%);
  transform: translate(0.125em, -50%);
}

@media (max-width: 40em) {
  .sign_in_btn {
    display: none;
  }
  .request_demo_btn {
    margin-right: 30px;
  }
}

header.global {
  position: relative;
  z-index: 1000;
}

header.global .header_content {
  padding: 1.05em 0;
  background: white;
  box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);
}

header.global .contain {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
}

header.global .logo {
  display: block;
}

header.global .logo .full {
  display: none;
}

header.global .header_action {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

header.global .header_action .sign_in_btn {
  white-space: nowrap;
  margin-right: 1rem;
}

@media (min-width: 25em) {
  header.global .logo .full {
    display: block;
  }
  header.global .logo .mark {
    display: none;
  }
}

@media (min-width: 56.25em) {
  header.global .header_content {
    padding: 0;
  }
  header.global .header_action .sign_in_btn {
    margin-right: 0;
  }
  header.global .header_action .nav_trigger {
    display: none;
  }
}

nav.main {
  position: fixed;
  z-index: 1000;
  overflow: scroll;
  background: white;
  padding: 1.125em 1.5em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
}

nav.main .nav_trigger {
  position: absolute;
  top: 1.2em;
  right: 1.65em;
}

.nav--on nav.main {
  opacity: 1;
  pointer-events: inherit;
}

nav.main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

nav.main .top_nav {
  padding: 1em 0;
}

nav.main .top_nav > li {
  position: relative;
  border-bottom: 1px solid #E3E3E5;
}

nav.main .top_nav > li:last-child {
  border-bottom: none;
}

nav.main .top_nav > li > a {
  font-size: 1.75em;
  font-weight: 200;
  line-height: 1;
  letter-spacing: -0.2px;
  display: block;
  padding: 1em 0;
  color: #514D66;
  transition: color .3s ease;
}

nav.main .top_nav > li > a:hover {
  color: #5951FF;
}

nav.main .top_nav > li .sub_trigger {
  position: absolute;
  top: 0;
  right: 0;
  height: 5.25rem;
  padding: 0 .35rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

nav.main .top_nav > li .sub_trigger img {
  width: 1.25rem;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

nav.main .sub--on .sub_trigger img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

nav.main .sub--on .sub_nav {
  max-height: 84em;
}

nav.main .sub_nav {
  overflow: hidden;
  max-height: 0;
  transition: max-height .5s ease;
}

nav.main .sub_nav h2 {
  display: none;
}

nav.main .sub_nav h3 {
  padding-bottom: .65em;
  border-bottom: 1px solid #E3E3E5;
}

nav.main .sub_nav h3 a {
  color: #2D2342;
}

nav.main .sub_nav h3 a:hover {
  color: #5951FF;
}

nav.main .sub_nav ul {
  margin-bottom: 3.5em;
}

nav.main .sub_nav li {
  margin-bottom: .5em;
}

nav.main .sub_nav li a {
  color: #8F8D9A;
}

nav.main .sub_nav li a:hover {
  color: #5951FF;
}

nav.main .sub_nav li h6 {
  margin-bottom: .75em;
}

nav.main .sub_nav li h6 a {
  color: #2D2342;
}

nav.main .sub_nav li h6 a:hover {
  color: #5951FF;
}

@media (min-width: 35em) {
  nav.main .sub--on .sub_nav {
    max-height: 55em;
  }
  nav.main .nav_columns {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  nav.main .nav_columns .nav_column {
    width: 47.5%;
  }
  nav.main .nav_columns .nav_column.span_3 {
    width: 100%;
  }
  nav.main .nav_columns .nav_column.span_3 div {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  nav.main .nav_columns .nav_column.span_3 div .nav_col {
    width: 28%;
  }
}

@media (min-width: 56.25em) {
  nav.main {
    position: static;
    z-index: auto;
    overflow: visible;
    background: none;
    padding: 0;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    pointer-events: inherit;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
  nav.main .logo {
    display: none;
  }
  nav.main .nav_trigger {
    display: none;
  }
  nav.main .top_nav {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    padding: 0 3em;
  }
  nav.main .top_nav > li {
    position: static;
    border-bottom: none;
    padding: 0 1.5em;
  }
  nav.main .top_nav > li > a {
    position: relative;
    z-index: 1000;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0;
    padding: 1.5em 0;
  }
  nav.main .top_nav > li.active > a {
    border-bottom: 4px solid #24CCFD;
  }
  nav.main .top_nav > li .sub_trigger {
    display: none;
  }
  nav.main .top_nav > li .drop_contain {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    right: 0;
    padding-top: 3em;
    background: white;
    box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
    opacity: 0;
    transition: opacity .4s ease, -webkit-transform .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;
  }
  nav.main .top_nav > li .drop_contain .sub_nav {
    max-height: 55em;
    max-width: 76.125em;
    margin: 0 auto;
    padding: 0 1.5em;
  }
  nav.main .top_nav > li:hover .drop_contain {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
  nav.main .sub_nav h2 {
    display: block;
  }
  nav.main .sub--on .sub_nav {
    max-height: 0;
  }
  nav.main .nav_columns .nav_column {
    width: 18%;
  }
  nav.main .nav_columns .nav_column.span_3 {
    width: 58%;
  }
  nav.main .nav_columns .nav_column.span_3 div .nav_col {
    width: 28%;
  }
  nav.main .nav_columns.cols_2 {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  nav.main .nav_columns.cols_2 .nav_column {
    width: 49%;
    max-width: 19.5em;
    margin-right: 2%;
  }
  nav.main .nav_columns.cols_2 .nav_column:last-of-type {
    margin-right: 0;
  }
  nav.main .nav_columns.cols_3 {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  nav.main .nav_columns.cols_3 .nav_column {
    width: 32%;
    max-width: 19.5em;
    margin-right: 2%;
  }
  nav.main .nav_columns.cols_3 .nav_column:last-of-type {
    margin-right: 0;
  }
  nav.main .nav_columns.cols_4 {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  nav.main .nav_columns.cols_4 .nav_column {
    width: 23.5%;
    max-width: 19.5em;
    margin-right: 2%;
  }
  nav.main .nav_columns.cols_4 .nav_column:last-of-type {
    margin-right: 0;
  }
}

@media (min-width: 60em) {
  nav.main .top_nav > li {
    padding: 0 2.25em;
  }
  nav.main .top_nav > li > a {
    padding: 1.5em 0;
  }
}

@media (min-width: 70em) {
  nav.main .sub_nav {
    display: -webkit-box;
    display: flex;
  }
  nav.main .sub_nav h2 {
    display: block;
    width: 12.5rem;
    padding-right: 2rem;
  }
  nav.main .sub_nav .nav_columns {
    -webkit-box-flex: 1;
    flex: 1;
    padding-top: .65em;
  }
}

.no_nav header.global {
  display: none !important;
}

.no_nav .logo-white {
  bottom: 130px;
  position: relative;
}

.no_nav .logo-white img {
  height: 20px;
}

.no_nav .hero_content {
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  bottom: 90px;
}

.no_nav .hero_content .content {
  margin-top: -2%;
  max-width: 45em;
}

.no_nav .hero_content .hero-img {
  position: relative;
  bottom: 70px;
}

.no_nav .hero_content .hero-img img {
  max-width: 90%;
}

.no_nav .thanks .content {
  position: relative;
  margin: 0 auto !important;
  top: 30px;
}

.no_nav .hero.inner {
  max-height: 400px;
}

.no_nav .resource_preview {
  box-shadow: none;
}

@media (max-width: 30em) {
  .no_nav .logo-white {
    margin-bottom: 5em;
  }
  .no_nav .hero-img {
    bottom: 30px !important;
    right: 10px;
  }
  .no_nav .hero.inner {
    max-height: 645px;
  }
  .no_nav .success_contain {
    padding-top: 0;
  }
  .no_nav .success_contain .success_content .content {
    padding: 0 6%;
  }
  .no_nav .success_contain .success_content .content.has_form .form_contain {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 1250px) and (min-width: 1000px) {
  .no_nav .hero_content .content {
    max-width: 45em;
  }
  .no_nav .hero.inner {
    max-height: 400px;
  }
}

@media only screen and (max-width: 3000px) and (min-width: 900px) {
  .success_contain {
    padding-top: 0 !important;
    margin-top: -60px !important;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 440px) {
  .no_nav .hero_content .hero-img {
    display: none;
  }
  .no_nav .hero_content .content {
    margin-top: 11%;
    max-width: 45em;
  }
  .no_nav .hero.inner {
    max-height: 400px;
  }
}

@media only screen and (max-width: 500px) {
  .no_nav .logo-white {
    margin: 0 auto !important;
  }
}

@media only screen and (min-width: 768px) {
  .sign-in-nav {
    display: none;
  }
}

@media only screen and (max-width: 1100px) and (min-width: 410px) {
  #homepage_h1 {
    color: #fff !important;
  }
}

@media only screen and (max-width: 840px) {
  #homepage_h1 {
    font-weight: bold;
  }
}

.hero {
  position: relative;
  background: no-repeat center;
  background-size: cover;
  height: 100vh;
  min-height: 34em;
  max-height: 42em;
}

.hero .contain {
  position: relative;
  height: 100%;
  padding: 7.5em 1.5em 0;
}

.home .hero {
  background-color: white;
}

.home .hero .bg_graphic {
  position: absolute;
  overflow: hidden;
  opacity: .25;
  max-width: 100em;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.home .hero .bg_graphic video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  max-width: 100em;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(/_resources/video/homepage-hero.png) no-repeat center;
  background-size: cover;
}

.home .hero .unleashed-logo {
  height: 40px;
  width: 245px;
  margin-bottom: 20px;
}

.home .hero .video-right {
  float: right;
  width: 30em;
}

.home .hero .hero_content {
  text-align: center;
}

.home .hero .hero_content h1 {
  max-width: 7.222222222em;
  margin: 0 auto .75em;
}

.home .hero .hero_content h3 {
  max-width: 16em;
  margin: 0 auto 3.5rem;
}

.home .hero .hero_content .actions {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  justify-content: center;
}

.home .hero .hero_content .actions .button {
  display: block;
  margin: 0 .5em 1em;
  width: 13em;
  text-align: center;
}

.hero.inner {
  height: auto;
  min-height: 0;
  max-height: none;
}

.hero.inner h1 {
  margin-bottom: .5em;
}

.hero.success {
  position: relative;
  margin-bottom: 4.5em;
}

.hero.success .success_lines_contain {
  position: absolute;
  top: 125%;
  left: 0;
  right: 0;
  height: 17.5em;
}

.hero.success .success_lines_contain img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  min-width: 100em;
  height: 17.5em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hero.centered {
  text-align: center;
}

.hero.centered .hero_content h1 {
  margin: 0 auto .5em;
}

.hero.centered .hero_content h3 {
  margin: 0 auto !important;
}

.hero.centered .hero_content .button {
  margin-top: 4em;
}

.hero.white_bg {
  background: white;
}

.hero.gradient_bg, .hero.dark_bg, .hero.img_bg {
  position: relative;
  background: linear-gradient(to left, #443ec2 0%, #5951ff 100%);
}

.hero.gradient_bg .content h6, .hero.gradient_bg .content h1, .hero.gradient_bg .content h3, .hero.gradient_bg .content h4, .hero.dark_bg .content h6, .hero.dark_bg .content h1, .hero.dark_bg .content h3, .hero.dark_bg .content h4, .hero.img_bg .content h6, .hero.img_bg .content h1, .hero.img_bg .content h3, .hero.img_bg .content h4 {
  color: white;
}

.hero.gradient_bg .content h6.page_links, .hero.dark_bg .content h6.page_links, .hero.img_bg .content h6.page_links {
  color: rgba(255, 255, 255, 0.4);
}

.hero.gradient_bg .content h6.page_links a, .hero.dark_bg .content h6.page_links a, .hero.img_bg .content h6.page_links a {
  margin: 0 .5em;
  color: rgba(255, 255, 255, 0.4);
}

.hero.gradient_bg .content h6.page_links a:hover, .hero.dark_bg .content h6.page_links a:hover, .hero.img_bg .content h6.page_links a:hover {
  color: rgba(255, 255, 255, 0.7);
}

.hero.gradient_bg .content h6.page_links a.active, .hero.dark_bg .content h6.page_links a.active, .hero.img_bg .content h6.page_links a.active {
  color: white;
}

.hero.gradient_bg .content h4, .hero.dark_bg .content h4, .hero.img_bg .content h4 {
  margin-bottom: .75rem;
}

.hero.gradient_bg .content .link, .hero.dark_bg .content .link, .hero.img_bg .content .link {
  display: block;
  margin-bottom: .75rem;
}

.hero.gradient_bg .content .link:last-child, .hero.dark_bg .content .link:last-child, .hero.img_bg .content .link:last-child {
  margin-bottom: 5.5rem;
}

.hero.gradient_bg .content .links .button, .hero.dark_bg .content .links .button, .hero.img_bg .content .links .button {
  display: block;
  width: 18em;
  margin-bottom: 1.5em;
  text-align: center;
}

.hero.gradient_bg .content .links .button:last-child, .hero.dark_bg .content .links .button:last-child, .hero.img_bg .content .links .button:last-child {
  margin-bottom: 0;
}

.hero.gradient_bg .contain, .hero.dark_bg .contain, .hero.img_bg .contain {
  position: relative;
  z-index: 2;
}

.hero.gradient_bg .swoop_contain, .hero.dark_bg .swoop_contain, .hero.img_bg .swoop_contain {
  position: absolute;
  z-index: 1;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.hero.gradient_bg .swoop_contain .swoop, .hero.dark_bg .swoop_contain .swoop, .hero.img_bg .swoop_contain .swoop {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 100%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.hero.dark_bg {
  background: #2D2342;
}

.hero.img_bg {
  max-width: 125em;
  margin: 0 auto;
  background: no-repeat center;
  background-size: cover;
}

.hero.img_bg .hero_content h3 {
  margin: 0;
}

.product .hero .content {
  position: relative;
  z-index: 4;
}

.product .hero .graphic {
  position: relative;
  z-index: 3;
  width: 200%;
  max-width: 104.5625em;
  margin-bottom: -10em;
}

.product .hero .links .button {
  width: 100%;
  text-align: center;
  margin-bottom: 1.5em;
}

.contact .hero.img_bg {
  padding-bottom: 31.25em;
}

.work_at .hero.img_bg {
  padding-bottom: 25em;
}

.work_at .hero.img_bg .button_contain {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.personas .hero {
  position: relative;
  overflow: hidden;
}

.personas .hero.white_bg {
  padding-bottom: 14em;
}

.personas .hero .bg_lines {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  max-width: none;
  min-width: 72em;
  height: 11.8125em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.personas .hero .bg_lines img {
  display: block;
  height: 11.8125em;
  width: 100%;
  max-width: none;
}

.personas .hero .hero_content h1 {
  max-width: 11.111111111em;
  margin: 0 auto;
}

.about .hero.img_bg {
  padding-bottom: 10em;
}

.about .hero .hero_content h1 {
  max-width: 8.055555556em;
}

.about .hero .hero_content .play_button {
  display: block;
}

.about .hero .hero_content .play_button img {
  display: block;
  border-radius: 50%;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  transition: box-shadow .3s ease;
}

.about .hero .hero_content .play_button:hover img {
  box-shadow: 0 10px 20px 0 rgba(45, 35, 66, 0.1);
}

.solutions .hero img {
  display: block;
  border-radius: 6px;
  width: 62.5em;
  margin: 10% auto 0;
  box-shadow: 0 28px 100px 0 rgba(0, 0, 0, 0.3);
}

.case_studies .hero .contain {
  position: relative;
}

.case_studies .hero .lines_contain {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.case_studies .hero .lines_contain .container {
  max-width: 76.125em;
  margin: 0 auto;
  padding: 0 1.5em;
  position: relative;
}

.case_studies .hero .lines_contain .lines {
  position: absolute;
  bottom: 0;
  left: -8%;
}

.platform .hero .content {
  text-align: center;
  position: relative;
  z-index: 10;
  margin-bottom: 6em;
}

.platform .hero .content h1 {
  max-width: 8.25em;
  margin: 0 auto .5em;
}

.platform .hero .content h3 {
  max-width: 24.75em;
  margin: 0 auto 2.5em;
}

.platform .hero .content .button {
  margin: 0 auto 1.5em;
}

.platform .hero .graphic {
  position: relative;
  z-index: 10;
  padding-top: 53%;
}

.platform .hero .graphic img {
  position: absolute;
  left: 20%;
  top: 0;
  z-index: 2;
  float: right;
  width: 80%;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.platform .hero .graphic img:first-child {
  position: absolute;
  z-index: 1;
  width: 60%;
  left: 0;
  top: 20%;
}

.resources .hero .contain {
  padding-bottom: 1em;
}

.resources .hero .hero_content h3 {
  margin-bottom: 3em !important;
}

.feature .hero {
  background: #5951FF;
}

.feature .hero .contain {
  z-index: 1;
}

.feature .hero .screenshot {
  position: relative;
  z-index: 1;
  max-width: 63.125em;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  margin: 5.5em auto -3em;
}

.feature .hero .screenshot::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to bottom, rgba(45, 35, 66, 0) 0%, rgba(45, 35, 66, 0.2) 100%);
}

.feature .hero .screenshot > img {
  border-radius: 6px;
}

.feature .hero .screenshot .lines_contain {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 150%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.feature .hero .screenshot .lines_contain img {
  width: 100%;
}

.feature .hero .swoop_contain {
  z-index: 2;
}

.hero .sub_contain {
  display: none;
  position: absolute;
  top: 0;
  left: 1.5em;
  right: 1.5em;
  border-bottom: 1px solid #E3E3E5;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 1.5em 0;
}

.hero .sub_contain h3 {
  margin: 0;
}

.hero .sub_contain ul.sub {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
  align-items: center;
}

.hero .sub_contain ul.sub li {
  margin: 0 0 0 2em;
}

.hero .sub_contain ul.sub li.active a {
  position: relative;
}

.hero .sub_contain ul.sub li.active a::before {
  content: "";
  position: absolute;
  bottom: -1.65em;
  left: 0;
  right: 0;
  height: 5px;
  background: #24CCFD;
}

.hero .sub_contain ul.sub li:first-child {
  margin-left: 0;
}

.hero.gradient_bg .sub_contain, .hero.dark_bg .sub_contain, .hero.img_bg .sub_contain {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.hero.gradient_bg .sub_contain h3, .hero.dark_bg .sub_contain h3, .hero.img_bg .sub_contain h3 {
  color: white;
}

.hero.gradient_bg .sub_contain ul.sub li a, .hero.dark_bg .sub_contain ul.sub li a, .hero.img_bg .sub_contain ul.sub li a {
  color: white;
}

.hero .hero_content {
  position: relative;
}

.hero .hero_content h1 {
  font-size: 3em;
  margin: 0 0 .5em;
}

.hero .hero_content h2 {
  max-width: 11em;
  font-size: 1.5em;
  margin: 0 auto 1em;
}

.hero .hero_content h3 {
  max-width: 38rem;
  margin: 0 0 3em;
}

.hero h6 {
  color: #8F8D9A;
  margin-bottom: 1.5em;
}

.hero .video_contain {
  max-width: 53.75em;
  margin: 8em auto 0;
  padding: 0;
}

.hero .video_contain .video_trigger {
  position: relative;
  z-index: 2;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.hero .video_contain .video_trigger::before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/_resources/img/play.min.svg) no-repeat center;
  background-size: contain;
  width: 5.125em;
  height: 5.125em;
  border-radius: 50%;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: box-shadow .3s ease;
}

.hero .video_contain .video_trigger:hover {
  box-shadow: 0 20px 35px 0 rgba(45, 35, 66, 0.25);
}

.hero .video_contain .video_trigger:hover::before {
  box-shadow: 0 10px 20px 0 rgba(45, 35, 66, 0.1);
}

@media (min-width: 32em) {
  .product .hero .links {
    display: -webkit-box;
    display: flex;
  }
  .product .hero .links .button {
    width: auto;
    text-align: center;
    margin: 0 1.5em 0 0;
  }
  .product .hero .links .button:last-child {
    margin-right: 0;
  }
}

@media (max-height: 40em) {
  .hero .hero_content h1 {
    font-size: 2.25em;
    margin-bottom: .5em;
  }
  .hero .hero_content h2 {
    font-size: 1.25em;
  }
}

@media (min-width: 35em) and (max-height: 40em) {
  .hero .contain {
    padding-top: 9.5em;
  }
  .hero .hero_content h1, .hero .hero_content h2 {
    max-width: 100%;
  }
}

@media (min-width: 38em) {
  .hero .sub_contain {
    display: -webkit-box;
    display: flex;
  }
  .case_studies .hero .contain {
    padding-top: 12em;
  }
}

@media (min-width: 40.625em) {
  .product .hero .graphic {
    margin-top: -14em;
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
  }
}

@media (min-width: 48.75em) {
  .hero {
    min-height: 38em;
    max-height: 46em;
  }
  .hero .hero_content h1 {
    font-size: 4.75em;
  }
  .hero .hero_content h2 {
    max-width: 11em;
    font-size: 2em;
  }
  .personas .hero.white_bg {
    padding-bottom: 19em;
  }
}

@media (min-width: 48.75em) and (max-height: 43em) {
  .hero .contain {
    padding-top: 8em;
  }
  .hero .hero_content h1, .hero .hero_content h2 {
    max-width: 100%;
  }
}

@media (min-width: 50em) {
  .product .hero .graphic {
    margin-top: -20em;
    margin-bottom: -20em;
  }
  .case_studies .hero .contain {
    padding-top: 14.5em;
  }
  .case_studies .hero .hero_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .case_studies .hero .hero_content .content {
    margin-right: 3em;
  }
  .case_studies .hero .hero_content .featured_case_study {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0;
  }
}

@media (min-width: 56em) {
  .home .hero {
    background: linear-gradient(to right, #6DBEE8 0%, #6DBEE8 40%, #A4DAF9 60%, #A4DAF9 100%);
  }
  .home .hero .bg_graphic {
    opacity: 1;
  }
  .home .hero .hero_content {
    text-align: left;
  }
  .home .hero .hero_content h1, .home .hero .hero_content h3 {
    color: white;
  }
  .home .hero .hero_content h1 {
    margin: 0 0 .5em;
  }
  .home .hero .hero_content h3 {
    margin: 0 0 3.5rem;
  }
  .home .hero .hero_content .actions {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .home .hero .hero_content .actions .button {
    margin: 0 1em 0 0;
  }
}

@media (min-width: 60em) {
  .hero {
    min-height: 40em;
    max-height: 56.25em;
  }
  .hero .contain {
    padding-top: 14.5em;
  }
  .work_at .hero .contain {
    padding-top: 10em;
  }
  .work_at .hero.img_bg {
    padding-bottom: 33em;
  }
  .about .hero.img_bg {
    padding-bottom: 20.8125em;
  }
  .hero .hero_content h1 {
    max-width: 100%;
    margin-bottom: .65em;
  }
  .hero .hero_content h2 {
    font-size: 2.25em;
    margin-bottom: 2em;
    max-width: 100%;
  }
}

@media (min-width: 60em) and (max-height: 53em) {
  .hero .contain {
    padding-top: 12em;
  }
  .work_at .hero .contain {
    padding-top: 8em;
  }
  .work_at .hero.img_bg {
    padding-bottom: 29em;
  }
  .hero .hero_content h1 {
    margin-bottom: .5em;
  }
  .hero .hero_content h2 {
    margin-bottom: 1.5em;
  }
}

@media (min-width: 60em) and (max-height: 45em) {
  .hero .contain {
    padding-top: 9em;
  }
  .work_at .hero .contain {
    padding-top: 6em;
  }
  .work_at .hero.img_bg {
    padding-bottom: 24em;
  }
  .hero .hero_content h2 {
    margin-bottom: 1.125em;
  }
}

@media (min-width: 61.25em) {
  .platform .hero .hero_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-bottom: 5em;
  }
  .platform .hero .content {
    width: 50%;
    text-align: left;
    margin-bottom: 0;
  }
  .platform .hero .content h1 {
    margin: 0 0 .5em;
  }
  .platform .hero .content h3 {
    margin: 0 0 2.5em;
  }
  .platform .hero .content .button {
    margin: 0 0 1.5em;
  }
  .platform .hero .graphic {
    width: 40%;
  }
  .platform .hero .graphic img {
    position: absolute;
    left: 45%;
    top: 0;
    z-index: 2;
    float: right;
    width: 240%;
    max-width: 240%;
    border-radius: 6px;
    box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
  }
  .platform .hero .graphic img:first-child {
    position: absolute;
    z-index: 1;
    width: 180%;
    left: 0;
    top: 22%;
  }
}

@media (min-width: 112.1875em) {
  .hero .contain {
    padding-top: 17.5em;
  }
  .hero.inner .contain {
    padding-top: 14em;
  }
  .work_at .hero .contain {
    padding-top: 13em;
  }
  .work_at .hero.img_bg {
    padding-bottom: 33em;
  }
}

@media (min-width: 112.1875em) and (max-height: 60em) {
  .hero .contain {
    padding-top: 14em;
  }
  .work_at .hero .contain {
    padding-top: 11em;
  }
  .hero .hero_content h1 {
    margin-bottom: .5em;
  }
  .hero .hero_content h2 {
    margin-bottom: 1.5em;
  }
}

@media (min-width: 112.1875em) and (max-height: 45em) {
  .hero .contain {
    padding-top: 11.5em;
  }
  .work_at .hero .contain {
    padding-top: 9em;
  }
}

.customer_success .hero {
  background: url(/_resources/img/bg/success_hero_bg.min.svg) no-repeat right bottom;
}

.customer_success .hero .cards {
  margin-top: 8.125em;
  padding-bottom: 12.5em;
  text-align: left;
}

.customer_success .hero .cards .card {
  padding: 2.5em 5%;
  max-width: 37.5em;
  margin: 0 auto 1.5em;
}

.customer_success .hero .cards .card:last-child {
  margin-bottom: 0;
}

.customer_success .hero .cards .card img {
  margin-bottom: 1.5em;
}

@media (min-width: 65em) {
  .customer_success .hero .cards {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .customer_success .hero .cards .card {
    width: 48.5%;
    margin: 0;
  }
}

@media (max-width: 420px) {
  .home .hero {
    color: #fff;
  }
  .home .hero .bg_graphic {
    position: absolute;
    overflow: hidden;
    opacity: 1;
    max-width: none;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .home .hero .bg_graphic img {
    max-width: none;
  }
  .home .hero .unleashed-logo {
    height: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .home .hero .video-right {
    display: none;
  }
  .home .hero .hero_content h1, .home .hero .hero_content h3 {
    color: #fff !important;
  }
}

.pagination_contain {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  max-width: 13.75em;
  padding-bottom: 2em;
}

.pagination_contain .pagination_btn {
  display: block;
  text-indent: -999em;
  border: 1px solid #D5D2D9;
  border-radius: 5px;
  padding: .4em .9em;
  background: no-repeat center;
}

.pagination_contain .pagination_btn.prev {
  background-image: url(../img/icons/arrow_prev.min.svg);
}

.pagination_contain .pagination_btn.next {
  background-image: url(../img/icons/arrow_next.min.svg);
}

.pagination_contain .pagination_btn:hover {
  border-color: #24CCFD;
}

.pagination_contain .pagination_btn.disabled {
  pointer-events: none;
  opacity: .25;
}

.pagination_contain .pagination_list {
  list-style-type: none;
  margin: -.35em 1.5em 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  flex: 1;
}

.pagination_contain .pagination_list li {
  position: relative;
  margin: 0;
  padding: 0 .25em;
}

.pagination_contain .pagination_list li a {
  text-transform: uppercase;
  color: #2D2342;
}

.pagination_contain .pagination_list li a:hover {
  color: #514D66;
}

.pagination_contain .pagination_list li.active::after {
  content: "";
  position: absolute;
  top: 110%;
  left: 0;
  right: 0;
  border-bottom: 3px solid #24CCFD;
}

@media (min-width: 50em) {
  .pagination_contain.dark .pagination_btn {
    border-color: 1px solid white;
  }
  .pagination_contain.dark .pagination_btn.prev {
    background-image: url(../img/icons/arrow_prev_white.min.svg);
  }
  .pagination_contain.dark .pagination_btn.next {
    background-image: url(../img/icons/arrow_next_white.min.svg);
  }
  .pagination_contain.dark .pagination_btn:hover {
    border-color: #24CCFD;
  }
  .pagination_contain.dark .pagination_list li a {
    color: white;
  }
}

.blog_post_contain {
  max-width: 76.125em;
  margin: 0 auto;
  padding: 0 1.5em;
}

.blog_post_contain .blog-hide {
  opacity: 0;
}

.blog_post_contain .blog-hide:hover {
  opacity: 1;
}

.blog_post_contain .main {
  max-width: 50em;
  margin: 0 auto 6.5em;
}

.blog_post_contain .main .heading {
  margin-bottom: 5.5em;
}

.blog_post_contain .main .heading h6 {
  color: #8F8D9A;
  margin-bottom: 1em;
}

.blog_post_contain .main .heading .author {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.blog_post_contain .main .heading .author img {
  width: 4.5em;
  margin: 0 1em 0 0;
  border-radius: 50%;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.blog_post_contain .main .heading .author h4 {
  margin-bottom: 0;
}

.blog_post_contain .main .heading .author p {
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

.blog_post_contain .main pre {
  font-family: "Roboto Mono", monospace;
  color: white;
  background: #2D2342;
  padding: 2.5em;
  margin-bottom: 2em;
  border-radius: 6px;
}

.blog_post_contain .main blockquote {
  position: relative;
  margin-bottom: 2em;
}

.blog_post_contain .main blockquote::before {
  content: "";
  position: absolute;
  top: .25em;
  bottom: 0;
  left: -1em;
  border-left: 4px solid #D5D2D9;
}

.blog_post_contain .main blockquote cite {
  display: block;
  margin-top: 1.25em;
  font-size: .875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: #8F8D9A;
}

.blog_post_contain .main p {
  font-size: 1.25em;
  font-weight: 200;
}

.blog_post_contain .main a {
  color: #5951FF;
}

.blog_post_contain .main a:hover {
  color: #423DCE;
}

.blog_post_contain .main .button button, .blog_post_contain .main .button a {
  color: white;
}

.blog_post_contain .main ul {
  font-size: 1.25em;
  font-weight: 200;
  list-style-type: none;
  padding: 0;
  margin-bottom: 2.5em;
}

.blog_post_contain .main ul li {
  margin-bottom: .5em;
  position: relative;
  display: block;
  padding-left: 1.35em;
}

.blog_post_contain .main ul li::before {
  content: "";
  position: absolute;
  top: .25em;
  left: 0;
  width: 1em;
  height: 1em;
  background: no-repeat center;
  background-image: url("/_resources/img/bullet_blue.min.svg");
}

.blog_post_contain .main ol {
  font-size: 1.25em;
  font-weight: 200;
  padding: 0 0 0 1.5em;
  margin-bottom: 2.5em;
}

.blog_post_contain .main ol li {
  margin-bottom: .5em;
  position: relative;
}

.blog_post_contain .main figcaption p {
  font-size: 1em;
  font-weight: 300;
}

.blog_post_contain .share_post {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 6em;
}

.blog_post_contain .share_post h6 {
  color: #8F8D9A;
  margin: 0 .5em 0 0;
}

.blog_post_contain .share_post .share_links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog_post_contain .share_post .share_links img {
  height: 1.5em;
}

.blog_post_contain .share_post .share_links img:last-child {
  height: 21px;
}

.blog_post_contain .share_post .share_links li {
  margin: 0 .5em 0;
  list-style-type: none !important;
}

.blog_post_contain .share_post .share_links li div {
  -webkit-box-align: center;
  align-items: center;
}

.blog_post_contain .share_post .share_links .badge {
  position: relative;
  margin-top: 0.9em;
  margin-left: 0.7em;
  padding: 0.2em;
  background: #fff;
  border: 1px solid #EAEAEA;
  border-radius: 1px;
  align: center;
  width: 2.5em;
  /* 700: */
  font-size: .9em;
  font-weight: 300;
  color: #8E8D9A;
  font-family: "National", sans-serif;
}

.blog_post_contain .share_post .share_links .badge::after, .blog_post_contain .share_post .share_links .badge::before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.blog_post_contain .share_post .share_links .badge::after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}

.blog_post_contain .share_post .share_links .badge::before {
  border-color: rgba(234, 234, 234, 0);
  border-bottom-color: #EAEAEA;
  border-width: 4px;
  margin-left: -4px;
}

@media (min-width: 81.25em) {
  .blog_post_contain .demo_cta, .blog_post_contain figure.img_full, .blog_post_contain figure.video_full {
    position: relative;
    width: 120%;
    margin-left: -10%;
  }
}

@media (min-width: 60em) {
  .blog_post_contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    padding-left: 3.125em;
  }
  .blog_post_contain .share_post {
    top: 1em;
    width: 3.125em;
    min-width: 3.125em;
    display: block;
    text-align: center;
  }
  .blog_post_contain .share_post h6 {
    margin: 0 0 1em;
  }
  .blog_post_contain .share_post .share_links {
    position: relative;
    display: block;
  }
  .blog_post_contain .share_post .share_links li {
    display: block;
    margin: 0 0 1.5em;
    /* 2,323 SHARES: */
    font-size: 14px;
    color: #8F8E9A;
    letter-spacing: 0.06px;
  }
  .blog_post_contain .share_post .share_links li:last-child {
    border-top: 1px solid #EAEAEA;
    padding-top: 0.8em;
    text-align: center;
  }
  .blog_post_contain .share_post .share_links li .total {
    font-size: 16px;
  }
  .blog_post_contain .share_post .share_links li img {
    display: inline-block;
  }
}

@media (max-width: 30em) {
  .share_post {
    border-top: 1px solid #EAEAEA !important;
    position: relative;
    border-bottom: 1px solid #EAEAEA !important;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 4em !important;
    margin-top: -3em;
  }
  .share_post h6 {
    position: absolute;
    left: -4px;
  }
  .share_post .share_links {
    margin: 10px !important;
  }
  .share_links li {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 1.5em 0 !important;
    font-size: 14px;
    left: 0;
    color: #8F8E9A;
    letter-spacing: 0.06px;
  }
  .share_links li:last-child {
    display: none;
  }
  .share_links li img {
    position: relative;
    left: 15px;
    z-index: 99;
    margin: 15px;
  }
  .share_links li .tw, .share_links li .facebook, .share_links li .linked {
    position: relative !important;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    left: 45px;
    top: -6px;
    margin: -16px;
  }
  .badge {
    position: relative !important;
  }
  .badge:after, .badge:before {
    right: 100% !important;
    top: 50% !important;
    bottom: 0% !important;
    left: -29% !important;
    position: absolute !important;
  }
  .badge:after {
    margin-top: -4px !important;
    margin-left: 0 !important;
  }
  .badge:before {
    border-right-color: #EAEAEA !important;
    border-bottom-color: #fff !important;
    margin-top: -5px !important;
    margin-left: 0 !important;
  }
}

.comments_contain {
  margin-top: 6.5em;
}

.twitter-tweet-rendered {
  margin: 2em auto 5em !important;
}

.demo_cta {
  text-align: center;
  background: #2D2342 no-repeat right center;
  background-size: auto 100%;
  padding: 2.5em 5% 2.5em;
  border-radius: 6px;
  overflow: hidden;
  margin: 4.5em 0;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.demo_cta h2 {
  color: white;
  max-width: 13em;
  margin: 0 auto 1em;
}

.demo_cta img {
  display: none;
  margin: 5% auto 0;
  width: 80%;
}

@media (min-width: 48.75em) {
  .demo_cta {
    text-align: left;
    position: relative;
    padding: 5% 5% 7.5%;
    background-image: url(../img/bg/demo_cta_lines.min.svg);
  }
  .demo_cta h2 {
    margin: 0 0 1em;
  }
  .demo_cta img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 32em;
    margin: 0;
    width: 62.5em;
    max-width: 62.5em;
  }
}

@media (min-width: 81.25em) {
  .demo_cta img {
    left: 38em;
  }
}

.next_article_block {
  position: relative;
}

.next_article_block .next_article_contain {
  background: #2D2342;
  padding: 6.5em 1.5em 30em;
  border-radius: 6px 6px 0 0;
  text-align: center;
}

.next_article_block .next_article_contain a {
  color: white;
}

.next_article_block .next_article_contain a h2, .next_article_block .next_article_contain a h4, .next_article_block .next_article_contain a p {
  color: white;
  margin: 0 auto 1.25em;
}

.next_article_block .next_article_contain a h2 {
  max-width: 16.444444444em;
  margin-bottom: .65em;
}

.next_article_block .next_article_contain a p {
  max-width: 25em;
  margin-bottom: 1.25em;
}

.next_article_block .next_article_contain a .author img {
  display: inline-block;
  border-radius: 50%;
  width: 2.5em;
  margin-bottom: 1em;
}

.next_article_block .next_article_contain a .author h6 {
  color: #8F8D9A;
  margin: 0;
}

.next_article_block .newsletter_cta {
  position: absolute;
  bottom: 2.5em;
  left: 50%;
  width: 17.5em;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (min-width: 45em) {
  .next_article_block .next_article_contain {
    width: 85%;
    margin-left: 15%;
    text-align: left;
    padding: 10% 10% 10% 0;
  }
  .next_article_block .next_article_contain .content {
    padding: 0 0 0 14em;
  }
  .next_article_block .next_article_contain a h2, .next_article_block .next_article_contain a h4, .next_article_block .next_article_contain a p {
    margin-left: 0;
    margin-right: 0;
  }
  .next_article_block .next_article_contain a .author {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .next_article_block .next_article_contain a .author img {
    margin: 0 1em 0 0;
  }
  .next_article_block .newsletter_cta {
    bottom: auto;
    top: 50%;
    left: 1.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.case_study_contain {
  max-width: 76.125em;
  margin: 0 auto;
  padding: 0 1.5em;
}

.case_study_contain .main {
  max-width: 50em;
  margin: 0 auto 6.5em;
}

.case_study_contain .main .heading {
  margin-bottom: 5.5em;
}

.case_study_contain .main .heading h6 {
  color: #8F8D9A;
  margin-bottom: 1em;
}

.case_study_contain .main .heading .author {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.case_study_contain .main .heading .author img {
  width: 4.5em;
  margin: 0 1em 0 0;
  border-radius: 50%;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.case_study_contain .main .heading .author h4 {
  margin-bottom: 0;
}

.case_study_contain .main .heading .author p {
  font-size: 1em;
  font-weight: 300;
  margin: 0;
}

.case_study_contain .main blockquote {
  position: relative;
  margin-bottom: 2em;
}

.case_study_contain .main blockquote::before {
  content: "";
  position: absolute;
  top: .25em;
  bottom: 0;
  left: -1em;
  border-left: 4px solid #D5D2D9;
}

.case_study_contain .main .side_quote blockquote::before {
  display: none;
}

.case_study_contain .main h3 {
  clear: both;
}

.case_study_contain .main p {
  font-size: 1.25em;
  font-weight: 200;
}

.case_study_contain .main ul {
  font-size: 1.125em;
  font-weight: 200;
}

.case_study_contain .main ul li {
  margin-bottom: .5em;
}

.case_study_contain .main figure img.shadow {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.case_study_contain .main figcaption p {
  font-size: 1em;
  font-weight: 300;
}

.case_study_contain .main .download_contain {
  margin-top: 5em;
  text-align: center;
}

@media (min-width: 47.5em) {
  .case_study_contain .side_quote {
    width: 50%;
    margin-bottom: 4em;
  }
  .case_study_contain .side_quote blockquote {
    margin: 0;
  }
  .case_study_contain .side_quote.left {
    float: left;
    padding-right: 3.5em;
  }
  .case_study_contain .side_quote.right {
    float: right;
    padding-left: 3.5em;
  }
}

@media (min-width: 81.25em) {
  .case_study_contain figure.img_full, .case_study_contain figure.video_full {
    position: relative;
    width: 120%;
    margin-left: -10%;
  }
  .case_study_contain .side_quote blockquote {
    position: relative;
    width: 120%;
  }
  .case_study_contain .side_quote.left {
    -webkit-transform: translateX(-20%);
    transform: translateX(-20%);
  }
}

.card {
  position: relative;
  overflow: hidden;
  display: block;
  background: white;
  border-radius: .375em;
  margin-bottom: 2em;
  box-shadow: 0px 6px 8px 0px rgba(45, 35, 66, 0.15);
}

.card.hide_team, .card.hide_location {
  display: none;
}

.card img {
  display: block;
}

.card .content {
  text-align: left;
  padding: 1.5em 2em;
}

.card .content img {
  margin-bottom: 1.5em;
}

.card .content h6 {
  color: #8F8D9A;
  margin-bottom: .65em;
}

.card .content h3 {
  color: #2D2342;
  margin-bottom: 1em;
  max-width: 33.125rem;
}

.card .content p {
  color: #2D2342;
  margin-bottom: 1.5em;
  max-width: 33.125rem;
}

.card .content p:last-child {
  margin-bottom: 0;
}

.card .tags {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
}

.card .tags h6 {
  margin: 0 .5em .5em 0;
  padding: .25em 1em;
  color: white;
  background: #5951FF;
  border-radius: 2em;
}

.card.featured, .card.featured_blog, .card.featured_post {
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
}

.card.featured::after {
  content: "Featured";
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block;
  background: #24CCFD;
  color: white;
  font-size: .875em;
  line-height: 1em;
  font-weight: 500;
  text-transform: uppercase;
  padding: .2em 1em;
  margin: 0;
  border-radius: 1em;
}

.card.featured_blog .featured_img {
  width: 45%;
  display: none;
  background: no-repeat center;
  background-size: cover;
}

.card.featured_blog .content {
  -webkit-box-flex: 1;
  flex: 1;
}

.card.featured_post {
  background: no-repeat center;
  background-size: cover;
}

.card.featured_post::before {
  content: "";
  position: absolute;
  z-index: 0;
  border-radius: .375em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}

.card.featured_post h6, .card.featured_post h1 {
  color: white;
}

.card.featured_post h6 {
  margin-bottom: .5em;
}

.card.featured_post h1 {
  margin-bottom: .5em;
  max-width: 14.375em;
}

.card.featured_post .author {
  display: block;
  position: relative;
  padding-left: 3.5em;
}

.card.featured_post .author img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.5em;
  display: block;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.card.featured_post .author h6 {
  margin: 0;
}

.card.newsletter_cta {
  background: white url(../img/bg/newsletter_cta_lines.min.svg) no-repeat top center;
  background-size: contain;
}

.card.newsletter_cta .content {
  padding-top: 40%;
}

.card.newsletter_cta .content .button {
  display: block;
}

.blog .main .card.two_third {
  width: 100%;
}

.blog .main .card.newsletter_cta.third {
  width: 100%;
  background: none;
  box-shadow: none;
}

.blog .main .card.newsletter_cta.third .content {
  max-width: 22.5em;
  padding: 2.5em 2em;
  margin: 0 auto;
}

@media (min-width: 35em) {
  .card.featured .content {
    padding: 1.75em 2.75em;
  }
}

@media (min-width: 35em) and (max-width: 44.9375em) {
  .card.featured_blog {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .card.featured_blog .featured_img {
    display: block;
    max-width: 12em;
  }
}

@media (min-width: 45em) {
  .blog .main .card.two_third {
    width: 47.5%;
  }
  .blog .main .card.newsletter_cta.third {
    width: 47.5%;
    background: none;
    box-shadow: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .blog .main .card.newsletter_cta.third .content {
    max-width: 22.5em;
    padding: 0 1.25em;
    margin: 0 auto;
  }
}

@media (min-width: 62.5em) {
  .card.featured .content {
    padding: 2.1875em 3.125em;
  }
}

@media (min-width: 70em) {
  .card.featured_blog {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .card.featured_blog .featured_img {
    display: block;
    max-width: 12em;
  }
  .blog .main .card.two_third {
    width: 65%;
  }
  .blog .main .card.newsletter_cta.third {
    width: 30%;
  }
}

.featured_post_contain {
  position: relative;
  display: block;
  width: 100%;
  /*min-height: 21.875em;*/
  padding-bottom: 54%;
  margin-bottom: 5%;
}

.featured_post_contain .card.featured_post {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;
}

.featured_post_contain .card.featured_post .content {
  position: absolute;
  bottom: 5%;
  left: 0;
}

@media (min-width: 60em) {
  .featured_post_contain {
    /*min-height: 37.5em;*/
    width: 100%;
    padding-bottom: 54%;
  }
}

@media (min-width: 100em) {
  .featured_post_contain .card.featured_post {
    /*width: 120% !important;*/
    width: 100%;
    padding-bottom: 54%;
  }
  .featured_post_contain .card.featured_post .content {
    bottom: 10%;
    left: 6em;
  }
}

@media (min-width: 120em) {
  .featured_post_contain .card.featured_post {
    /*width: 126% !important;*/
    width: 100%;
    padding-bottom: 54%;
  }
  .featured_post_contain .card.featured_post .content {
    bottom: 10%;
  }
}

.card.comingSoon {
  transition: all .3s ease;
}

a.card:hover,
.card.comingSoon:hover {
  box-shadow: 0px 10px 20px 0px rgba(45, 35, 66, 0.2);
}

a.card.featured:hover, a.card.featured_blog:hover {
  box-shadow: 0px 20px 35px 0px rgba(45, 35, 66, 0.35);
}

.card_grid {
  position: relative;
}

.card_grid .pagination_contain {
  position: absolute;
  z-index: 10;
  bottom: -5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.card_grid.push_bottom {
  margin-bottom: 8em;
}

.card_grid aside {
  margin-bottom: 3.5em;
}

.card_grid aside h1 {
  color: white;
}

.card_grid aside .custom-select.no_border {
  background: white;
  border: none;
}

.card_grid aside .filter_list {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.card_grid aside .filter_list li {
  display: block;
  margin: .75em 0;
  font-size: 1.25em;
}

.card_grid aside .filter_list li a {
  color: white;
  font-weight: 200;
}

.card_grid aside .filter_list li a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.card_grid aside .filter_list li.active a {
  font-weight: 300;
}

.card_grid aside .filter_list li.active a::after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 5px;
  background: #24CCFD;
  margin-left: .75em;
  -webkit-transform: translateY(-0.2em);
  transform: translateY(-0.2em);
}

.card_grid .main {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.card_grid .main .card {
  width: 100%;
  margin-bottom: 2em;
}

.card_grid .main .card.full {
  width: 100%;
}

.card_grid .main .card.featured_post {
  width: 100%;
}

.card_grid .main .card.opening h6 {
  margin: 0;
}

.card_grid .main .card blockquote {
  margin-bottom: 1.5rem;
}

.card_grid .main .card cite {
  display: block;
  font-style: normal;
  margin-bottom: 2em;
}

.card_grid .main .card cite h4, .card_grid .main .card cite h6 {
  margin-bottom: 0;
}

.card_grid .main .team_desc_wrapper {
  display: none;
  width: 100%;
}

.card_grid .main .team_desc {
  width: 100%;
  margin-bottom: 3.125em;
}

.card_grid .main .team_desc .vid_link {
  max-width: 17.5em;
  position: relative;
  display: block;
}

.card_grid .main .team_desc .vid_link img {
  display: block;
  border-radius: 6px;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.card_grid .main .team_desc .vid_link.has_video::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: 5.125em;
  height: 5.125em;
  background: white url(../img/icons/play_button.min.svg) no-repeat center;
  border-radius: 50%;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.18);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all .3s ease;
}

.card_grid .main .team_desc .vid_link.has_video:hover::before {
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(-50%, -48%);
  transform: translate(-50%, -48%);
}

.card_grid.white_bg aside h1 {
  color: #2D2342;
}

.card_grid.white_bg aside .filter_list li a {
  color: #2D2342;
}

.card_grid.white_bg aside .filter_list li a:hover {
  color: rgba(45, 35, 66, 0.8);
}

@media (min-width: 35em) {
  .card_grid .main .card, .card_grid .main .filler {
    width: 47.5%;
  }
}

@media (min-width: 40em) {
  .card_grid .main .team_desc {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .card_grid .main .team_desc .content {
    -webkit-box-flex: 1;
    flex: 1;
    margin-right: 5%;
  }
  .card_grid .main .team_desc .content p {
    margin: 0;
  }
  .card_grid .main .team_desc .vid_link {
    margin-top: .5em;
  }
}

@media (min-width: 43.75em) and (max-width: 49.9375em) {
  .card_grid .main .card.opening .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 2.5em 2em;
  }
  .card_grid .main .card.opening .content h3 {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0 5% 0 0;
  }
}

@media (min-width: 50em) {
  .card_grid {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .card_grid .pagination_contain {
    position: static;
    bottom: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    margin-top: 6em;
  }
  .card_grid aside {
    position: -webkit-sticky;
    position: sticky;
    top: 1em;
    width: 15em;
    margin-right: 2em;
  }
  .card_grid aside .filter-drop {
    display: none;
  }
  .card_grid aside .location-drop {
    margin-bottom: 4em;
  }
  .card_grid aside .filter_list {
    display: block;
  }
  .card_grid .main {
    -webkit-box-flex: 1;
    flex: 1;
    padding-top: 1em;
  }
}

@media (min-width: 58.75em) {
  .card_grid .main .card.opening .content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 2.5em 2em;
  }
  .card_grid .main .card.opening .content h3 {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0 5% 0 0;
  }
}

@media (min-width: 68.75em) {
  .card_grid aside {
    width: 16.8125em;
  }
  .card_grid .main .card, .card_grid .main .filler {
    width: 31%;
  }
  .card_grid .main .card.two_third {
    width: 65.5%;
  }
  .card_grid .main .card.two_third .bg {
    position: relative;
    padding-left: 37.5%;
  }
  .card_grid .main .card.two_third .bg .card_bg_img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 32%;
    background: no-repeat center;
    background-size: cover;
  }
}

.awards_cards {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.awards_cards .award {
  background: white;
  box-shadow: 0 12px 16px 0 rgba(45, 35, 66, 0.18);
  border-radius: 10px;
  width: 100%;
  max-width: 30.5em;
  margin: 0 auto 2.5em;
  text-align: center;
  padding: 2.5em 2.5em 2em;
}

.awards_cards .award .award_logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 3.375em;
  margin-bottom: 1em;
}

.awards_cards .award .award_logo img {
  display: block;
  max-height: 100%;
  margin: 0 auto;
}

.awards_cards .award h3 {
  margin-bottom: .5em;
}

.awards_cards .award .years_tags {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.awards_cards .award .years_tags h6 {
  margin: 0 .25em .5em;
  padding: .25em 1em;
  color: white;
  background: #5951FF;
  border-radius: 2em;
}

@media (min-width: 45em) {
  .awards_cards .award {
    width: 48.5%;
    max-width: none;
    margin: 0 0 2.5em;
  }
}

.for_serious {
  margin-top: 1em;
  text-align: center;
}

.for_serious .link {
  margin: 0 .25em;
}

.card_slider {
  position: relative;
  padding: 3.5em 0 6em;
  background: linear-gradient(to bottom, #5951ff 0%, #5951ff 5%, #443ec2 100%);
}

.card_slider .contain {
  position: relative;
}

.card_slider .swoop_contain {
  position: absolute;
  top: -3.5em;
  left: 0;
  width: 100%;
  height: 3.75em;
  overflow: hidden;
}

.card_slider .swoop_contain .swoop {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 70em;
  width: 100%;
  height: 3.75em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.card_slider h1 {
  color: white;
  margin-bottom: 1em;
}

.card_slider .button {
  display: block;
  max-width: 11.25em;
  margin: 0 auto;
}

.card_slider.light {
  background: linear-gradient(to bottom, #f2f4f4 0%, #f2f4f4 5%, white 100%);
}

.card_slider.light h1 {
  color: #2D2342;
}

@media (min-width: 50em) {
  .card_slider {
    padding: 6.25em 0 10em;
  }
  .card_slider .button {
    position: absolute;
    left: 1.5em;
  }
}

.cardslider {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}

.cardslider .slides {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0 0 2.125%;
}

.cardslider .slides::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 1%;
  right: 1%;
  width: 98%;
  height: 100%;
  overflow: hidden;
  background: url(../img/cardslider_bg.png) center bottom no-repeat;
  background-size: contain;
}

.cardslider .slides > li {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
  align-items: stretch;
  border-radius: 8px;
  overflow: hidden;
  background: white right center no-repeat;
  background-size: contain;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.18);
  -webkit-transform: translateY(-1.25em);
  transform: translateY(-1.25em);
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}

.cardslider .slides > li.flex-active-slide {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.cardslider .slides > li a {
  color: #514D66;
  display: block;
  padding: 7% 6.5%;
}

.cardslider .slides > li a h6 {
  color: #8F8D9A;
  margin-bottom: .5em;
}

.cardslider .slides p {
  max-width: 30rem;
}

.cardslider .slides p.p-large {
  margin-bottom: 1.25em;
}

.cardslider .slides ul {
  margin-bottom: 0;
}

.cardslider .slides ul li {
  font-size: 1.25em;
  font-weight: 300;
  margin-bottom: .5em;
}

.cardslider .slides ul li::before {
  top: .25em;
}

.cardslider .slides ul li:last-child {
  margin-bottom: 0;
}

.cardslider .slides .button {
  position: static;
  display: block;
  margin: 2em 0 0;
  max-width: 15em;
}

.cardslider .slides.events > li a {
  padding: 0;
}

.cardslider .slides.events > li img {
  display: none;
}

.cardslider .slides.events > li .content {
  padding: 3em 6.5%;
}

.light .cardslider .slides::before {
  background-image: url(../img/cardslider_bg_light.png);
}

.light .cardslider .slides > li {
  box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.15);
}

@media (min-width: 40em) {
  .cardslider .slides.events > li a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    padding: 0;
  }
  .cardslider .slides.events > li img {
    width: 45%;
    display: block;
  }
  .cardslider .slides.events > li .content {
    width: 55%;
    padding: 3em 6.5%;
  }
}

@media (min-width: 50em) {
  .cardslider {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    align-items: flex-start;
  }
  .cardslider .slides {
    -webkit-box-flex: 1;
    flex: 1;
  }
}

@media (min-width: 65em) {
  .cardslider .slides > li.account_based {
    background-image: url(../img/bg/slider_bg_account_based.min.svg);
  }
  .cardslider .slides > li.outbound {
    background-image: url(../img/bg/slider_bg_outbound.min.svg);
  }
  .cardslider .slides > li.inbound {
    background-image: url(../img/bg/slider_bg_inbound.min.svg);
  }
  .cardslider .slides > li.recruiting {
    background-image: url(../img/bg/slider_bg_recruiting.min.svg);
  }
}

.slider_nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  list-style-type: none;
  margin: 1em 0 2.5em;
  padding: 1em 0 0;
}

.slider_nav li {
  width: 24.5%;
  font-size: 1.25em;
  font-weight: 300;
}

.slider_nav li a {
  position: static;
  display: block;
  color: white;
}

.slider_nav li a .text {
  display: none;
  position: absolute;
  top: .5em;
  left: 0;
  opacity: 0;
  transition: opacity;
}

.slider_nav li a .indicator {
  display: block;
  width: 100%;
  height: 10px;
  background: #423DCE;
}

.slider_nav li.flex-active {
  font-weight: 500;
}

.slider_nav li.flex-active a .text {
  opacity: 1;
}

.slider_nav li.flex-active a .indicator {
  background: #24CCFD;
}

.light .slider_nav li a {
  color: #2D2342;
}

.light .slider_nav li a .indicator {
  background: #E3E3E5;
}

.light .slider_nav li.flex-active a .indicator {
  background: #24CCFD;
}

@media (min-width: 50em) {
  .slider_nav {
    display: block;
    width: 25%;
    min-width: 300px;
    margin: 0;
    padding: .75em 0;
    border-left: 2px solid #423DCE;
  }
  .slider_nav li {
    display: block;
    width: 100%;
    margin-bottom: .5em;
  }
  .slider_nav li a {
    position: relative;
    padding: .65em 1em;
  }
  .slider_nav li a .text {
    display: block;
    position: static;
    opacity: 1;
  }
  .slider_nav li a .indicator {
    position: absolute;
    top: 0;
    left: -4px;
    bottom: 0;
    width: 6px;
    height: 100%;
    border-radius: 1em;
    background: none;
  }
  .light .slider_nav {
    border-left: 2px solid #E3E3E5;
  }
  .light .slider_nav li a .indicator {
    background: none;
  }
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: visible;
  position: relative;
  height: 25em !important;
}

@media (min-width: 35em) {
  .jspContainer {
    height: 30em !important;
  }
}

@media (min-width: 53.75em) {
  .jspContainer {
    height: 42.1875em !important;
  }
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-radius: 1em;
  background: none;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: transparent;
  position: relative;
}

.jspTrack::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  border-top: 1px solid #E3E3E5;
}

.jspDrag {
  background: #24CCFD;
  position: relative;
  top: 1px;
  left: 0;
  border-radius: 1em;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

.list_contain {
  display: none;
  transition: width .4s ease, margin .4s ease;
}

.list_contain.small {
  display: block;
}

@media (min-width: 32em) {
  .list_contain {
    display: block;
  }
  .list_contain.small {
    display: none;
  }
}

@media (min-width: 75em) {
  .list_contain {
    width: 110%;
    margin-left: -10%;
  }
}

@media (min-width: 86em) {
  .list_contain {
    width: 120%;
    margin-left: -25%;
  }
}

.testimonial_list {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  text-align: left;
  margin: 0 0 2em;
  padding: 0;
  -webkit-transform: translateX(-1em);
  transform: translateX(-1em);
}

.testimonial_list:nth-child(even) {
  justify-content: space-around;
  -webkit-transform: translateX(1em);
  transform: translateX(1em);
}

.testimonial_list:last-child {
  justify-content: space-around;
}

.testimonial_list:last-child .filler {
  display: none;
}

.small .testimonial_list {
  justify-content: space-around;
}

.testimonial_list li {
  position: relative;
  z-index: 0;
  display: inline-block;
  cursor: pointer;
}

.testimonial_list li.small {
  width: 4.75em;
  height: 4.75em;
}

.testimonial_list li.medium {
  width: 6.25em;
  height: 6.25em;
}

.testimonial_list li.large {
  width: 7.875em;
  height: 7.875em;
}

.testimonial_list li.vert_high {
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em);
}

.testimonial_list li.vert_high.hor_left {
  -webkit-transform: translate(-2em, -3em);
  transform: translate(-2em, -3em);
}

.testimonial_list li.vert_high.hor_right {
  -webkit-transform: translate(2em, -3em);
  transform: translate(2em, -3em);
}

.testimonial_list li.vert_mid {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.testimonial_list li.vert_mid.hor_left {
  -webkit-transform: translate(-2em, -1.5em);
  transform: translate(-2em, -1.5em);
}

.testimonial_list li.vert_mid.hor_right {
  -webkit-transform: translate(2em, -1.5em);
  transform: translate(2em, -1.5em);
}

.testimonial_list li.hor_left {
  -webkit-transform: translateX(-2em);
  transform: translateX(-2em);
}

.testimonial_list li.hor_right {
  -webkit-transform: translateX(2em);
  transform: translateX(2em);
}

.testimonial_list li svg {
  overflow: visible;
}

.testimonial_list li svg.stroke {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  transition: opacity .3s ease;
}

.testimonial_list li .testimonial_content {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  bottom: 90%;
  left: 50%;
  width: 14em;
  padding: 1.25em;
  border-radius: .375em;
  background: white;
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial--on .testimonial_list li .testimonial_content {
  display: block;
  pointer-events: inherit;
}

.testimonial_list li .testimonial_content::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 1.125em;
  height: .5em;
  background: url(/_resources/img/testimonial_tail_center.min.svg) no-repeat center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.testimonial_list li .testimonial_content blockquote {
  font-size: 1em;
  font-style: normal;
  margin: 0;
}

.testimonial_list li .testimonial_content blockquote cite {
  font-style: normal;
}

.testimonial_list li .testimonial_content blockquote cite h5 {
  color: #514D66;
  margin: 0;
}

.testimonial_list li .testimonial_content blockquote cite h5 small {
  display: block;
  color: #8F8D9A;
}

.testimonial_list li:first-child .testimonial_content {
  left: 13%;
  border-bottom-left-radius: 0;
  -webkit-transform: none;
  transform: none;
}

.testimonial_list li:first-child .testimonial_content::before {
  left: 0;
  width: .625em;
  background-image: url(/_resources/img/testimonial_tail_left.min.svg);
  -webkit-transform: none;
  transform: none;
}

.testimonial_list li:last-child .testimonial_content {
  right: 13%;
  left: auto;
  border-bottom-right-radius: 0;
  -webkit-transform: none;
  transform: none;
}

.testimonial_list li:last-child .testimonial_content::before {
  left: auto;
  right: 0;
  width: .625em;
  background-image: url(/_resources/img/testimonial_tail_right.min.svg);
  -webkit-transform: none;
  transform: none;
}

.testimonial_list li:hover {
  z-index: 1;
}

.testimonial_list li:hover svg.stroke, .testimonial_list li:hover .testimonial_content {
  opacity: 1;
}

.testimonial_list li:hover .testimonial_content {
  display: block;
}

@media (min-width: 32em) {
  .testimonial_list {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .testimonial_list li .testimonial_content {
    width: 18em;
  }
  .testimonial_list li:first-child .testimonial_content {
    left: 70%;
  }
  .testimonial_list li:last-child .testimonial_content {
    right: 80%;
  }
}

@media (min-width: 60em) {
  .testimonial_list:last-child {
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .testimonial_list:last-child .filler {
    display: block;
  }
}

.platform_block {
  position: relative;
  padding: 14em 0 8em;
  background: white;
}

.platform_block.dark {
  background: #2D2342;
  padding: 12em 0 8em;
}

.platform_block .swoop_top_contain {
  position: absolute;
  z-index: 2;
  top: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.platform_block .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 110%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.platform_block .swoop_top_contain.shadow {
  height: 8.625em;
}

.platform_block .swoop_top_contain.shadow .swoop_top {
  height: 8.625em;
}

.platform_block .bg_graphic {
  display: none;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 70%;
  opacity: .35;
}

.platform_block .bg_graphic img {
  float: right;
  width: 100%;
  max-width: 45em;
}

.platform_block .bg_graphic.fade::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, white 75%, white 100%);
}

.platform_block .bg_graphic.fade.dark::before {
  background: linear-gradient(to left, rgba(45, 35, 66, 0) 0%, #2d2342 75%, #2d2342 100%);
}

.platform_block.small_top {
  padding-top: 6em;
}

.platform_block.small_top .bg_graphic {
  top: 4.5em;
}

.platform_block .heading {
  position: relative;
  margin-bottom: 5em;
  padding-bottom: 5em;
}

.platform_block .heading h1 {
  margin-bottom: .25em;
}

.platform_block .heading p {
  max-width: 30em;
  margin: 0;
}

.platform_block .heading .list_cols {
  max-width: 45em;
  margin-top: 2em;
}

.platform_block .heading .list_cols ul {
  margin: 0;
}

.platform_block .heading .list_cols ul li {
  font-size: 1.25em;
  font-weight: 200;
  margin-bottom: .25em;
}

.platform_block .heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 3.75em;
  border-bottom: 4px solid #D5D2D9;
}

.platform_block .content {
  margin-bottom: 3em;
}

.platform_block .content .icon {
  margin-bottom: 2em;
}

.platform_block .content h3 {
  margin-bottom: .5em;
}

.platform_block .content p.p-large {
  max-width: 32em;
  margin: 0;
}

.platform_block .content .columns {
  margin-top: 3.125em;
}

.platform_block .content .columns .col {
  max-width: 17.5em;
  margin-bottom: 3.5em;
}

.platform_block .content .columns .col .certification_logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 6.5em;
  margin-bottom: 1em;
}

.platform_block .content .columns .col .certification_logo.truste img {
  width: 4.75em;
}

.platform_block .content .columns .col .certification_logo.iso img {
  width: 5.625em;
}

.platform_block .content .columns .col .certification_logo.soc img {
  width: 5em;
}

.platform_block .content .columns .col .certification_logo.shield img {
  width: 4.375em;
}

.platform_block .content .columns .col .certification_logo.cloud img {
  width: 8.75em;
}

.platform_block .content .columns .col h4 {
  margin-bottom: .75em;
}

.platform_block .content .columns .col p {
  margin: 0;
}

.platform_block .content .columns .col .link {
  display: block;
  margin-top: 1.75em;
}

.platform_block .content .links_contain {
  margin-bottom: 5em;
}

.platform_block .content .links_contain .links {
  margin-top: 2em;
}

.platform_block .content .links_contain .links .button {
  width: 18em;
  text-align: center;
  margin-bottom: 1.5em;
  margin-right: 1.5em;
}

.platform_block.dark .heading h1, .platform_block.dark .heading p {
  color: white;
}

.platform_block.dark .heading::after {
  border-color: rgba(255, 255, 255, 0.2);
}

.platform_block.dark .content h3, .platform_block.dark .content p {
  color: white;
}

@media (min-width: 42.5em) {
  .platform_block .bg_graphic {
    display: block;
  }
  .platform_block .contain {
    padding-left: 8em;
  }
  .platform_block .content {
    position: relative;
  }
  .platform_block .content .icon {
    position: absolute;
    top: .25em;
    left: -4em;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (min-width: 45em) {
  .platform_block .heading .list_cols {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .platform_block .heading .list_cols ul {
    width: 31%;
  }
}

@media (min-width: 60em) {
  .platform_block .columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .platform_block .columns .col, .platform_block .columns .filler {
    width: 30%;
    max-width: none !important;
  }
}

@media (min-width: 67.5em) {
  .platform_block .content .links_contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .platform_block .content .links_contain div {
    width: 47.5%;
  }
  .platform_block .content .links_contain .links {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2.75em;
  }
  .platform_block .content .links_contain .links .button {
    margin: 0;
    width: 47.5%;
  }
  .platform_block .content .links_contain .links .button a {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 75em) {
  .platform_block .bg_graphic {
    opacity: 1;
  }
}

.use_cases .hero {
  margin-bottom: 7.5em;
}

.use_cases .use_case_block {
  position: relative;
  padding-bottom: 8.75em;
}

.use_cases .use_case_block.no_bottom {
  padding-bottom: 0;
  margin-bottom: -8em;
  z-index: 2;
}

.use_cases .use_case_block .content {
  max-width: 30.6875em;
  margin: 0 auto 4.5em;
}

.use_cases .use_case_block .content h1 {
  margin-bottom: .35em;
}

.use_cases .use_case_block .content .p-large {
  margin-bottom: 1.25em;
}

.use_cases .use_case_block .content ul {
  margin-bottom: 4.25em;
}

.use_cases .use_case_block .content ul li {
  font-size: 1.25em;
  font-weight: 200;
  margin-bottom: .5em;
}

.use_cases .use_case_block .graphic {
  float: right;
  width: 150%;
  max-width: 62.5em;
}

.use_cases .use_case_block .graphic img {
  border-radius: 6px;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.use_cases .use_case_block.graphic_right .graphic {
  float: left;
}

.use_cases .use_case_block .swoop_top_contain {
  position: absolute;
  top: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.use_cases .use_case_block .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 100%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.use_cases .use_case_block.gradient_bg {
  margin-bottom: 7.5em;
  padding-top: 13.75em;
  background: linear-gradient(to left, #443ec2 0%, #5951ff 100%);
}

.use_cases .use_case_block.gradient_bg .content {
  z-index: 2;
}

.use_cases .use_case_block.gradient_bg .content h1, .use_cases .use_case_block.gradient_bg .content .p-large, .use_cases .use_case_block.gradient_bg .content ul {
  color: white;
}

.use_cases .use_case_block.gradient_bg .graphic {
  position: relative;
  z-index: 2;
}

.use_cases .use_case_block.gradient_bg .bg_graphic {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  width: 70%;
  max-width: 62.5em;
}

.use_cases .use_case_block.gradient_bg .bg_graphic img {
  display: block;
  float: right;
}

@media (min-width: 60em) {
  .use_cases .hero {
    margin-bottom: 10em;
  }
  .use_cases .use_case_block {
    padding-bottom: 14em;
  }
  .use_cases .use_case_block.no_bottom {
    margin-bottom: -1em;
  }
  .use_cases .use_case_block .contain {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .use_cases .use_case_block .contain .content {
    min-width: 30.625em;
    max-width: 30.625em;
    margin: 0;
  }
  .use_cases .use_case_block .contain .graphic {
    -webkit-box-flex: 1;
    flex: 1;
    float: none;
    width: 40%;
    max-width: 40%;
    position: relative;
  }
  .use_cases .use_case_block .contain .graphic img {
    position: absolute;
    top: -1em;
    right: 0;
    width: 62.5em;
    max-width: none;
  }
  .use_cases .use_case_block.graphic_right .contain {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .use_cases .use_case_block.graphic_right .contain .content {
    padding-left: 0;
  }
  .use_cases .use_case_block.graphic_right .contain .graphic img {
    right: auto;
    left: 0;
  }
}

.personas .slide_contain {
  height: auto;
  min-height: 100vh;
}

.personas .slide_contain .slide {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.no-csspositionsticky .personas .slide_contain {
  height: auto;
  min-height: 100vh;
}

.no-csspositionsticky .personas .slide_contain .slide {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.personas .slide {
  min-height: 100vh;
  background: no-repeat center right;
  background-size: cover;
  display: -webkit-box;
  display: flex;
  padding: 4em 0;
}

.personas .slide .contain {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.personas .slide.right {
  background: no-repeat center left;
  background-size: cover;
}

.personas .slide.right .contain {
  -webkit-box-pack: end;
  justify-content: flex-end;
}

.personas .slide .content {
  color: white;
}

.personas .slide .content h6 {
  color: rgba(255, 255, 255, 0.4);
}

.personas .slide .content h4 {
  color: white;
}

.personas .slide .content h3 {
  position: relative;
  color: white;
  padding-top: 3rem;
  margin: 3rem 0 .5em;
}

.personas .slide .content h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3.75rem;
  border-top: 4px solid rgba(255, 255, 255, 0.4);
}

.personas .slide .content blockquote {
  margin-bottom: 3em;
}

.personas .slide .content blockquote p {
  margin-bottom: .5em;
  max-width: 19.444444444em;
}

.personas .slide .content blockquote h4 {
  margin: 0;
}

.personas .slide .content .additional_content {
  max-width: 37.5em;
}

.personas .slide .content .additional_content p {
  margin: 0;
}

.pricing .hero {
  position: relative;
}

.pricing .hero .bg_lines {
  position: absolute;
  z-index: 1;
  bottom: 16em;
  right: 0;
  width: 100%;
  max-width: 25em;
}

.pricing .hero .bg_lines img {
  width: 100%;
}

.pricing .hero_content .content {
  text-align: center;
}

.pricing .hero_content .content h3 {
  max-width: none;
}

@media (min-width: 62.5em) {
  .pricing .hero_content .content {
    text-align: left;
  }
}

.pricing_content {
  padding-top: 3em;
}

.pricing_content .content {
  max-width: 24.0625em;
  text-align: center;
  margin: 0 auto;
}

.pricing_content .pricing_benefits {
  list-style-type: none;
  margin: 0 0 4em;
  padding: 0;
}

.pricing_content .pricing_benefits li {
  display: block;
  margin-bottom: 3.5em;
}

.pricing_content .pricing_benefits li h3 {
  margin-bottom: .5em;
}

.pricing_content .pricing_benefits li p {
  margin-bottom: 0;
}

.pricing_content .pricing_benefits li:last-child {
  margin-bottom: 0;
}

.pricing_content .pricing_blocks {
  position: relative;
  z-index: 2;
  margin-top: 5.5em;
  margin-bottom: 8.5625em;
}

.pricing_content .pricing_blocks h2 {
  text-align: center;
  margin-bottom: 0;
}

.pricing_content .pricing_blocks .pricing {
  text-align: center;
  padding: 1.75em 0 2.5em;
  border-bottom: 1px solid #E3E3E5;
  margin-bottom: 2em;
}

.pricing_content .pricing_blocks .pricing h1.xl-type {
  margin: 0 0 .65rem;
  color: #5951FF;
}

.pricing_content .pricing_blocks .pricing h1.xl-type span {
  vertical-align: top;
  position: relative;
  top: .25em;
  font-size: .375em;
  font-weight: 200;
}

.pricing_content .pricing_blocks ul.check {
  margin: 0;
}

.pricing_content .pricing_blocks ul.check li {
  font-size: 1.25em;
  font-weight: 200;
  margin-bottom: .4em;
}

.pricing_content .pricing_blocks .main_block {
  background: white;
  border-radius: 6px 6px 0 0;
  max-width: 24em;
  margin: 0 auto;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.pricing_content .pricing_blocks .main_block .block_content {
  padding: 10% 14% 14%;
}

.pricing_content .pricing_blocks .sub_block {
  background: #2D2342 url(/_resources/img/bg/price_block_bg.min.svg) no-repeat top center;
  background-size: contain;
  border-radius: 0 0 6px 6px;
  max-width: 24em;
  margin: 0 auto;
}

.pricing_content .pricing_blocks .sub_block h3, .pricing_content .pricing_blocks .sub_block ul li {
  color: white;
}

.pricing_content .pricing_blocks .sub_block h6 {
  margin-bottom: .5em;
}

.pricing_content .pricing_blocks .sub_block h3 {
  margin-bottom: .75em;
}

.pricing_content .pricing_blocks .sub_block .block_content {
  padding: 40% 14% 14%;
}

.pricing_content .pricing_blocks .disclaimers {
  text-align: center;
  padding-top: 2em;
}

@media (min-width: 40em) {
  .pricing_content .pricing_blocks {
    max-width: 43.5em;
    margin: 5.5em auto 8.5625em;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
  }
  .pricing_content .pricing_blocks .main_block {
    width: 56%;
    max-width: none;
    border-radius: 6px;
  }
  .pricing_content .pricing_blocks .sub_block {
    width: 44%;
    border-radius: 0 6px 6px 0;
  }
  .pricing_content .pricing_blocks .disclaimers {
    width: 56%;
  }
}

@media (min-width: 62.5em) {
  .pricing_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 0 0 8em;
  }
  .pricing_content .content {
    margin-right: 10%;
  }
  .pricing_content .pricing_blocks {
    margin: 0;
  }
}

.feature_content {
  position: relative;
  padding: 6em 0;
  background: white;
}

.feature_section {
  padding: 3em 0;
}

.feature_section:first-child {
  padding-top: 0;
}

.feature_section .section_head {
  margin-bottom: 3.5em;
}

.feature_section .section_head h6 {
  color: #8F8D9A;
  margin-bottom: 1em;
}

.feature_section .section_head .feature_lists {
  display: inline-block;
}

.feature_section .section_head .feature_lists ul {
  margin: 0;
}

.feature_section .section_head .feature_lists ul li {
  font-size: 1.25em;
  font-weight: 200;
  margin: 0 0 .75em;
}

.no_pad .feature_section .section_head {
  padding: 0 1.5em;
}

.feature_section.graphic_left .graphic_contain {
  max-width: 62.5em;
  margin: 0 auto 5.5em;
}

.feature_section.graphic_left .graphic_contain img {
  border-radius: 6px;
  display: block;
  box-shadow: 0 8px 36px 0 rgba(45, 35, 66, 0.2);
}

.feature_section .three_images {
  position: relative;
  margin-bottom: 3em;
}

.feature_section .three_images img {
  position: relative;
  z-index: 2;
  display: block;
  border-radius: 6px;
  box-shadow: 0 15px 30px 0 rgba(45, 35, 66, 0.2);
}

.feature_section .three_images img:nth-child(1) {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -12%;
  width: 80%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.feature_section .three_images img:nth-child(3) {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -12%;
  width: 80%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 43.75em) {
  .feature_section {
    padding: 3em 0;
  }
  .feature_section:first-child {
    padding-top: 3em;
  }
}

@media (min-width: 50em) {
  .feature_section .section_head .feature_lists {
    display: -webkit-box;
    display: flex;
  }
  .feature_section .section_head .feature_lists ul:nth-child(2) {
    margin: 0 5%;
  }
  .feature_section .section_head .feature_lists.two_up {
    -webkit-box-pack: start;
    justify-content: flex-start;
  }
  .feature_section .section_head .feature_lists.two_up ul:nth-child(2) {
    margin: 0 0 0 3em;
  }
  .feature_section .section_head.center h6, .feature_section .section_head.center h1 {
    text-align: center;
  }
  .feature_section .section_head.center .feature_lists {
    margin: 0 auto;
    -webkit-box-pack: center;
    justify-content: center;
  }
  .feature_section.graphic_left {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .feature_section.graphic_left .graphic_contain {
    width: 40%;
    margin: 0 0 3em;
  }
  .feature_section.graphic_left .graphic_contain img {
    float: right;
    width: 220%;
    max-width: 62.5em;
  }
  .feature_section.graphic_right .graphic_contain img {
    float: left;
  }
  .feature_section.graphic_left .content {
    width: 49%;
  }
}

@media (min-width: 63em) {
  .feature_section {
    padding: 6em 0;
  }
  .feature_section:first-child {
    padding-top: 6em;
  }
}

@media (min-width: 68.75em) {
  .feature_section .large_img {
    width: 109%;
    margin-left: -4.5%;
  }
}

.feature_slider {
  position: relative;
  max-width: 58em;
  margin: 0 auto;
}

.feature_slider .flex-viewport {
  overflow: visible !important;
}

.feature_slider ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.feature_slider ul li {
  text-align: center;
}

.feature_slider ul li .slide_content {
  padding: 0 4em;
}

.feature_slider ul li .slide_content img {
  position: relative;
  z-index: 2;
  display: block;
  border-radius: 6px;
  margin: auto auto 1.5em;
  box-shadow: 0 8px 36px 0 rgba(45, 35, 66, 0.2);
}

.feature_slider ul li .slide_content p {
  max-width: 35rem;
  margin: 0 auto;
}

.feature_slider .slides li {
  opacity: .5;
  transition: opacity .3s ease;
}

.feature_slider .slides li.flex-active-slide {
  opacity: 1;
}

.feature_slider .flex-direction-nav li a {
  position: absolute;
  z-index: 1;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  text-indent: -999em;
  border: 1px solid #D5D2D9;
  border-radius: 5px;
  padding: .4em .9em;
  background: no-repeat center;
}

.feature_slider .flex-direction-nav li a:hover {
  border-color: #24CCFD;
}

.feature_slider .flex-direction-nav li a.flex-disabled {
  pointer-events: none;
  opacity: .25;
}

.feature_slider .flex-direction-nav li.flex-nav-prev a {
  left: 1.5em;
  background-image: url(../img/icons/arrow_prev.min.svg);
}

.feature_slider .flex-direction-nav li.flex-nav-next a {
  right: 1.5em;
  background-image: url(../img/icons/arrow_next.min.svg);
}

.feature_slider .pagination_btn {
  display: block;
  text-indent: -999em;
  border: 1px solid #D5D2D9;
  border-radius: 5px;
  padding: .4em .9em;
  background: no-repeat center;
}

.feature_slider .pagination_btn.prev {
  background-image: url(../img/icons/arrow_prev.min.svg);
}

.feature_slider .pagination_btn.next {
  background-image: url(../img/icons/arrow_next.min.svg);
}

@media (min-width: 81.25em) {
  .feature_slider {
    max-width: 64em;
  }
  .feature_slider ul li .slide_content {
    padding: 0 7em;
  }
}

.scroll_pane {
  overflow: visible !important;
  width: 100%;
  overflow: auto;
}

.scroll_pane .scroll_cards {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 36em;
  height: 25em;
}

.scroll_pane .scroll_cards li {
  width: 17.5em;
  max-width: 17.5em;
  text-align: center;
}

.scroll_pane .scroll_cards li img {
  display: block;
  border-radius: 6px;
  margin-bottom: 1.5em;
  box-shadow: 0 8px 36px 0 rgba(45, 35, 66, 0.2);
}

.scroll_pane .scroll_cards li p {
  max-width: 80%;
  margin: 0 auto;
}

.scroll_pane.three_card .scroll_cards {
  width: 54.5em;
}

.scroll_pane.four_card .scroll_cards {
  width: 73em;
}

@media (min-width: 35em) {
  .scroll_pane .scroll_cards {
    width: 64em;
    height: 30em;
  }
  .scroll_pane .scroll_cards li {
    width: 31.25em;
    max-width: 31.25em;
  }
  .scroll_pane.three_card .scroll_cards {
    width: 96.75em;
  }
  .scroll_pane.four_card .scroll_cards {
    width: 129.5em;
  }
}

@media (min-width: 53.75em) {
  .scroll_pane .scroll_cards {
    width: 102em;
    height: 42.1875em;
  }
  .scroll_pane .scroll_cards li {
    width: 50em;
    max-width: 50em;
  }
  .scroll_pane.three_card .scroll_cards {
    width: 154em;
  }
  .scroll_pane.four_card .scroll_cards {
    width: 206em;
  }
}

.feature_blocks .block {
  max-width: 25em;
  margin-bottom: 3.9375em;
}

.feature_blocks .block .img_contain img {
  display: block;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.feature_blocks .block .icon_contain {
  height: 8.75em;
  display: -webkit-box;
  display: flex;
  align-content: center;
}

@media (min-width: 35em) {
  .feature_blocks.two_up, .feature_blocks.four_up {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .feature_blocks.two_up .block, .feature_blocks.four_up .block {
    max-width: none;
    width: 47.5%;
  }
  .feature_blocks.two_up .block .icon_contain, .feature_blocks.four_up .block .icon_contain {
    -webkit-box-pack: center;
    justify-content: center;
  }
}

@media (min-width: 55em) {
  .feature_blocks.three_up {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .feature_blocks.three_up .block {
    max-width: none;
    width: 31.5%;
  }
}

@media (min-width: 65em) {
  .feature_blocks.two_up .block {
    width: 49%;
  }
  .feature_blocks.two_up .block .descs {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .feature_blocks.two_up .block .descs .feature_desc {
    width: 48%;
  }
  .feature_blocks.four_up .block {
    width: 23.5%;
  }
}

.graphic_left .feature_blocks .block {
  margin-bottom: 2em;
}

.graphic_left .feature_blocks .block .feature_desc {
  margin-top: 0;
}

@media (min-width: 35em) {
  .graphic_left .feature_blocks.four_up .block {
    width: 47.5%;
  }
}

.feature_desc {
  position: relative;
  margin-top: 2.5em;
  padding: 1.25em 0;
}

.feature_desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background: #D5D2D9;
}

.feature_desc p {
  margin: 0;
}

.hero .why_graphic {
  position: relative;
  z-index: 10;
  width: 140%;
  margin-left: -20%;
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
}

.hero .why_graphic img {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  opacity: 0;
}

.hero .why_graphic .bg {
  position: relative;
  bottom: 0;
  opacity: 1;
}

.hero .why_graphic .nucleo {
  top: 0;
  width: 20.25%;
  opacity: 0;
  -webkit-transform: translate(-50%, -3em);
  transform: translate(-50%, -3em);
}

.hero .why_graphic .shadow {
  top: 61%;
  left: 50.5%;
  width: 13.25%;
  opacity: 0;
  -webkit-transform: translateX(-50%) scale(0.6);
  transform: translateX(-50%) scale(0.6);
}

.hero .why_graphic .wave_1 {
  bottom: 27%;
  width: 17.5%;
}

.hero .why_graphic .wave_2 {
  bottom: 25.4%;
  width: 23%;
}

.hero .why_graphic .wave_3 {
  bottom: 23.6%;
  width: 28.5%;
}

.hero .why_graphic .wave_4 {
  bottom: 21.6%;
  width: 34%;
}

.hero .why_graphic .wave_5 {
  bottom: 19.8%;
  width: 39.6%;
}

.hero .why_graphic .wave_6 {
  bottom: 18.2%;
  width: 45%;
}

.hero .why_graphic .wave_7 {
  bottom: 16.8%;
  width: 50.5%;
}

.hero .why_graphic .wave_8 {
  bottom: 15.2%;
  width: 56%;
}

.hero .why_graphic .wave_9 {
  bottom: 13.8%;
  width: 61%;
}

.hero .why_graphic .wave_10 {
  bottom: 12.2%;
  width: 67.3%;
}

.hero .why_graphic .wave_11 {
  bottom: 10.8%;
  width: 72.8%;
}

.hero .why_graphic .wave_12 {
  bottom: 9.2%;
  width: 78.3%;
}

.hero .why_graphic .wave_13 {
  bottom: 7.8%;
  width: 84%;
}

.hero .why_graphic .wave_14 {
  bottom: 6.2%;
  width: 89.4%;
}

.hero .why_graphic .wave_15 {
  bottom: 4.8%;
  width: 95%;
}

.hero .why_graphic .wave_16 {
  bottom: 3.2%;
  width: 100%;
}

.hero .why_graphic.animate--start img {
  -webkit-animation: ripple .6s forwards ease-in;
  animation: ripple .6s forwards ease-in;
}

.hero .why_graphic.animate--start .bg {
  -webkit-animation: none;
  animation: none;
}

.hero .why_graphic.animate--start .nucleo {
  -webkit-animation: dropDown 1.2s forwards ease-in;
  animation: dropDown 1.2s forwards ease-in;
}

.hero .why_graphic.animate--start .shadow {
  -webkit-animation: scaleShadow 1.2s forwards ease-in;
  animation: scaleShadow 1.2s forwards ease-in;
}

.hero .why_graphic.animate--start .wave_1 {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

.hero .why_graphic.animate--start .wave_2 {
  -webkit-animation-delay: .95s;
  animation-delay: .95s;
}

.hero .why_graphic.animate--start .wave_3 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.hero .why_graphic.animate--start .wave_4 {
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s;
}

.hero .why_graphic.animate--start .wave_5 {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.hero .why_graphic.animate--start .wave_6 {
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
}

.hero .why_graphic.animate--start .wave_7 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.hero .why_graphic.animate--start .wave_8 {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.hero .why_graphic.animate--start .wave_9 {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.hero .why_graphic.animate--start .wave_10 {
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s;
}

.hero .why_graphic.animate--start .wave_11 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.hero .why_graphic.animate--start .wave_12 {
  -webkit-animation-delay: 1.45s;
  animation-delay: 1.45s;
}

.hero .why_graphic.animate--start .wave_13 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.hero .why_graphic.animate--start .wave_14 {
  -webkit-animation-delay: 1.55s;
  animation-delay: 1.55s;
}

.hero .why_graphic.animate--start .wave_15 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.hero .why_graphic.animate--start .wave_16 {
  -webkit-animation-delay: 1.65s;
  animation-delay: 1.65s;
}

@-webkit-keyframes dropDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -3em);
    transform: translate(-50%, -3em);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -0.5em);
    transform: translate(-50%, -0.5em);
  }
}

@keyframes dropDown {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -3em);
    transform: translate(-50%, -3em);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -0.5em);
    transform: translate(-50%, -0.5em);
  }
}

@-webkit-keyframes scaleShadow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0.6);
    transform: translateX(-50%) scale(0.6);
  }
  70% {
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
}

@keyframes scaleShadow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0.6);
    transform: translateX(-50%) scale(0.6);
  }
  70% {
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
  }
}

@-webkit-keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -0.75em);
    transform: translate(-50%, -0.75em);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0.25em);
    transform: translate(-50%, 0.25em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@keyframes ripple {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -0.75em);
    transform: translate(-50%, -0.75em);
  }
  70% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0.25em);
    transform: translate(-50%, 0.25em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.why_support {
  -webkit-transform: translateY(-1em);
  transform: translateY(-1em);
  opacity: 0;
  background: #2D2342;
}

.why_support.animate--start {
  -webkit-animation: fadeIn .65s 2.1s forwards ease-in;
  animation: fadeIn .65s 2.1s forwards ease-in;
}

.why_support .heading {
  padding-top: 20%;
  margin-bottom: 4.125em;
}

.why_support .heading h1 {
  color: white;
  max-width: 18.75em;
}

.why_support .heading .button {
  width: 14.5rem;
  text-align: center;
}

.why_support .columns .col {
  margin-bottom: 3.5rem;
}

.why_support .columns .col .icon {
  display: -webkit-box;
  display: flex;
  height: 4.6875em;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 1em;
}

.why_support .columns .col h4 {
  color: white;
  margin-bottom: .5em;
}

.why_support .columns .col p {
  color: white;
  margin: 0;
}

.why_support .testimonials {
  position: relative;
  z-index: 10;
  -webkit-transform: translateY(2.5em);
  transform: translateY(2.5em);
}

.why_support .testimonials .testimonial {
  margin: 0 auto 2.75em;
}

@media (min-width: 30em) {
  .why_support .columns {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .why_support .columns .col {
    width: 47.5%;
  }
}

@media (min-width: 40em) {
  .why_support .heading {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .why_support .heading h1 {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0;
  }
  .why_support .heading .button {
    margin-left: 2em;
  }
}

@media (min-width: 60em) {
  .why_support .columns {
    flex-wrap: nowrap;
  }
  .why_support .columns .col {
    width: 23.5%;
  }
}

@media (min-width: 67.5em) {
  .why_support .testimonials {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .why_support .testimonials .testimonial {
    width: 49%;
    margin: 0;
    padding: 1.5em 3.5% 2.5em;
  }
}

.testimonial {
  position: relative;
  padding: 0 6.7% 5%;
  max-width: 43.75em;
  background: white;
  border-radius: 10px;
  box-shadow: 0 6px 8px 0 rgba(45, 35, 66, 0.15);
}

.testimonial:last-child {
  margin-bottom: 0;
}

.testimonial .avatar {
  width: 5.625em;
}

.testimonial .testimonial_heading {
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em);
}

.testimonial .testimonial_heading h4, .testimonial .testimonial_heading h6 {
  margin: 0;
}

.testimonial .testimonial_heading h6 {
  color: #8F8D9A;
}

.testimonial blockquote {
  margin: 0;
  padding: 0;
  color: #514D66;
}

@media (min-width: 35em) {
  .testimonial {
    padding-top: 1.5em;
  }
  .testimonial .avatar {
    margin-right: 1em;
    -webkit-transform: translateY(-2.5em);
    transform: translateY(-2.5em);
  }
  .testimonial .testimonial_heading {
    display: -webkit-box;
    display: flex;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .testimonial .testimonial_heading .testmonial_details {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .testimonial blockquote {
    margin-top: -1em;
  }
}

.why_platform {
  padding: 11.25em 0;
}

.why_platform .heading {
  width: 100%;
  margin-bottom: 4.125em;
}

.why_platform .heading h1 {
  margin-bottom: .25em;
}

.why_platform .heading p {
  margin: 0;
}

.why_platform .platform_content {
  margin-bottom: 3.5em;
}

.why_platform .platform_content h3 {
  margin-bottom: .5em;
}

.why_platform .platform_content p {
  margin: 0;
}

.why_platform .button {
  width: 12.5rem;
  text-align: center;
}

.why_platform .case_studies_grid {
  margin-top: 5.5em;
}

.why_platform .case_studies_grid .card {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-bottom: 2em;
}

.why_platform .case_studies_grid .card:last-child {
  margin-bottom: 0;
}

.why_platform .case_studies_grid .card .content {
  padding: 2em;
}

.why_platform .case_studies_grid .card .content blockquote {
  margin-bottom: 1.25em;
}

.why_platform .case_studies_grid .card .content h6 {
  color: #8F8D9A;
}

.why_platform .case_studies_grid .card .content cite h4, .why_platform .case_studies_grid .card .content cite h6 {
  margin: 0;
}

.why_platform .case_studies_grid .card.logo h6 {
  width: 100%;
  text-align: center;
}

.why_platform .case_studies_grid .card.logo .logo_contain {
  width: 100%;
  height: 8em;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.why_platform .case_studies_grid .card.logo .logo_contain img {
  margin: 0;
}

.why_platform .case_studies_grid .card.large {
  width: 100%;
  background: no-repeat center;
  background-size: cover;
  background-image: url(/_resources/img/featured_casestudy_bg-overlay@2x.jpg);
}

.why_platform .case_studies_grid .card.large .content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
}

.why_platform .case_studies_grid .card.large .content .logo {
  width: 18.75em;
  max-width: 60%;
  margin-bottom: 2.5em;
}

@media (min-width: 35em) {
  .why_platform .content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .why_platform .content .platform_content {
    width: 47.5%;
  }
  .why_platform .case_studies_grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .why_platform .case_studies_grid .card.half {
    width: 47.5%;
    margin: 0;
  }
}

@media (min-width: 56.25em) {
  .why_platform .contain {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
  .why_platform .contain > .content {
    display: block;
    width: 32%;
    margin-right: 11%;
  }
  .why_platform .contain > .content .platform_content {
    width: 100%;
  }
  .why_platform .contain .case_studies_grid {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 0;
  }
}

.why_case_studies {
  padding-bottom: 8.25em;
}

.why_case_studies .heading {
  margin-bottom: 4.125em;
}

.why_case_studies .heading h1 {
  max-width: 18.75em;
  margin: 0;
}

.why_case_studies .heading .button {
  width: 12.5rem;
  text-align: center;
}

.why_case_studies .why_case_studies_content .card {
  position: relative;
  margin: 0;
  background: #040203;
  overflow: hidden;
  border-radius: 10px;
}

.why_case_studies .why_case_studies_content .card .content {
  position: relative;
  z-index: 1;
  max-width: 37em;
  padding: 5%;
}

.why_case_studies .why_case_studies_content .card blockquote {
  color: white;
  margin: 0;
}

.why_case_studies .why_case_studies_content .card cite {
  display: block;
  margin-top: 2em;
  font-style: normal;
}

.why_case_studies .why_case_studies_content .card cite h4, .why_case_studies .why_case_studies_content .card cite h6 {
  margin: 0;
  color: white;
}

.why_case_studies .why_case_studies_content .card .bg_img {
  position: absolute;
  z-index: 0;
  opacity: .4;
  border-radius: 10px;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: no-repeat right center;
  background-size: cover;
}

.why_case_studies .why_case_studies_content .check {
  margin: 0 0 4.125em;
}

.why_case_studies .why_case_studies_content .check li {
  margin-bottom: 2.5em;
}

.why_case_studies .why_case_studies_content .check li:last-child {
  margin-bottom: 0;
}

.why_case_studies .why_case_studies_content .check h3 {
  margin-bottom: .25em;
}

.why_case_studies .why_case_studies_content .check p {
  margin: 0;
}

.why_case_studies .logo_grid {
  margin-top: 5em;
}

@media (min-width: 40em) {
  .why_case_studies .heading {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
  }
  .why_case_studies .heading .content {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .why_case_studies .heading .content p {
    margin: 0;
  }
  .why_case_studies .heading .button {
    margin-left: 2em;
  }
  .why_case_studies .why_case_studies_content .check {
    max-width: none;
    margin: 0 0 2.5em;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .why_case_studies .why_case_studies_content .check li {
    width: 47.5%;
  }
}

@media (min-width: 40em) and (max-width: 59.9375em) {
  .why_case_studies .why_case_studies_content .card .content {
    padding: 7% 5%;
    width: 60%;
  }
  .why_case_studies .why_case_studies_content .card .content cite {
    margin-top: 3em;
  }
  .why_case_studies .why_case_studies_content .card .bg_img {
    opacity: 1;
  }
}

@media (min-width: 60em) {
  .why_case_studies .why_case_studies_content {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
  }
  .why_case_studies .why_case_studies_content .card {
    -webkit-box-flex: 1;
    flex: 1;
  }
  .why_case_studies .why_case_studies_content .check {
    display: block;
    width: 19.375em;
    margin: 0 0 0 3em;
    padding: 3em 0;
  }
  .why_case_studies .why_case_studies_content .check li {
    width: 100%;
  }
}

@media (min-width: 70em) {
  .why_case_studies .why_case_studies_content {
    -webkit-box-align: center;
    align-items: center;
  }
  .why_case_studies .why_case_studies_content .check {
    padding: 0;
  }
  .why_case_studies .why_case_studies_content .card .content {
    padding: 7% 5%;
    width: 60%;
  }
  .why_case_studies .why_case_studies_content .card .content cite {
    margin-top: 3em;
  }
  .why_case_studies .why_case_studies_content .card .bg_img {
    opacity: 1;
  }
}

.lp_static .blog_post_contain {
  margin-top: 4em;
}

.lp_static .main h1 {
  text-align: center;
}

.lp figure {
  margin: 0;
}

.lp.sem .hero {
  padding: 4.5em 1.5em 10.25em;
}

@media (min-width: 60em) {
  .lp.sem .hero .contain {
    padding-top: 5.5em;
  }
}

.lp.sem .why_cta {
  padding: 8em 0 0;
}

.lp.sem .why_support {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  margin-bottom: 10em;
  background: none;
}

.lp.sem .feature_content {
  padding: 0;
}

.lp .resource_preview p {
  font-size: 1.25em;
  font-weight: 200;
  line-height: 1.425;
}

.lp .resource_preview ul {
  list-style-type: none;
  padding: 0;
}

.lp .resource_preview ul li {
  position: relative;
  display: block;
  padding-left: 1.35em;
}

.lp .resource_preview ul li::before {
  content: "";
  position: absolute;
  top: .25em;
  left: 0;
  width: 1em;
  height: 1em;
  background: no-repeat center url(/_resources/img/check.min.svg);
}

.four04 .footer_cta {
  display: none;
}

.four04_contain {
  background: url(../img/bg/404_bg.min.svg) no-repeat top center;
  background-size: contain;
}

.four04_contain .content {
  padding: 30% 0 15%;
  text-align: center;
}

.four04_contain .content h1 {
  max-width: 14em;
  line-height: 1em;
  margin: 0 auto .5em;
}

.four04_contain .content h3 {
  margin-bottom: 4.125rem;
}

.four04_contain .content .link_list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  width: 80%;
  margin: 0 auto;
  padding: 0;
}

.four04_contain .content .link_list li {
  width: 100%;
}

.four04_contain .content .link_list li .button {
  width: 100%;
  text-align: center;
  margin-bottom: 1em;
}

.four04_contain .content .link_list li .button a {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 30em) {
  .four04_contain .content .link_list li {
    width: 47.5%;
  }
  .four04_contain .content .link_list li .button {
    margin-bottom: 1.5em;
  }
}

@media (min-width: 42em) {
  .four04_contain .content .link_list li {
    width: 23%;
  }
}

footer {
  padding: 0 0 2.5em;
  text-align: center;
}

footer .links {
  list-style-type: none;
  margin: 0 0 2.5em;
  padding: 0;
}

footer .links li {
  margin: 0 0 .75em;
}

footer .links a {
  color: #8F8D9A;
}

footer .links a:hover {
  color: #5951FF;
}

footer .links h6 {
  margin-bottom: 1.25em;
}

footer .links h6 a {
  color: #5951FF;
}

footer .links h6 a:hover {
  color: #423DCE;
}

footer .footer_contact {
  padding: 0 0 5em;
}

footer .footer_contact .address p {
  margin-bottom: 1em;
}

footer .footer_contact .phone p {
  margin-bottom: 2em;
}

footer .footer_info .copyright {
  text-align: center;
}

footer .footer_info .copyright h5 {
  display: inline-block;
  position: relative;
  font-size: .75em;
  padding-left: 2.25rem;
  font-weight: 500;
  color: #8F8D9A;
  text-transform: uppercase;
}

footer .footer_info .copyright h5 img {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

footer .footer_info .footer_links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

footer .footer_info .footer_links li {
  margin: 0 0 .75em;
}

footer .footer_info .footer_links li a {
  font-size: .75em;
  text-transform: uppercase;
  font-weight: 500;
  color: #8F8D9A;
  white-space: nowrap;
}

footer .footer_info .footer_links li a:hover {
  color: #514D66;
}

@media (min-width: 35em) {
  footer .footer_nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  footer .footer_nav .links, footer .footer_nav .footer_contact {
    width: 47%;
  }
  footer .footer_info {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  footer .footer_info .copyright {
    margin-right: 2em;
  }
  footer .footer_info .copyright h5 {
    margin: 0;
  }
  footer .footer_info .footer_links {
    width: auto;
    max-width: 24em;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    flex: 1;
  }
  footer .footer_info .footer_links li {
    margin: 0;
  }
}

@media (min-width: 55em) {
  footer .footer_nav {
    flex-wrap: nowrap;
  }
  footer .footer_nav .links {
    margin-right: 2%;
  }
  footer .footer_nav .links, footer .footer_nav .footer_contact {
    width: auto;
    text-align: left;
  }
}

@media (min-width: 63em) {
  footer .footer_content {
    width: 100%;
    display: -webkit-box;
    display: flex;
    margin-bottom: 5em;
  }
  footer .footer_content .links {
    margin: 0;
  }
  footer .footer_content .footer_nav {
    -webkit-box-flex: 1;
    flex: 1;
  }
}

.footer_cta {
  position: relative;
  padding: 9em 0 16em;
  margin: 0 0 4.5em;
  background: linear-gradient(to bottom, #443ec2 0%, #5951ff 100%);
}

.success .footer_cta, .product .footer_cta {
  padding-top: 13em;
}

.footer_cta h1, .footer_cta p {
  color: white;
}

.footer_cta h1 {
  margin-bottom: .25em;
}

.footer_cta p {
  margin-bottom: 3.5em;
}

.footer_cta .swoop_contain, .footer_cta .swoop_top_contain {
  position: absolute;
  bottom: -.25em;
  left: 0;
  width: 100%;
  height: 4.375em;
  overflow: hidden;
}

.footer_cta .swoop_contain .swoop, .footer_cta .swoop_contain .swoop_top, .footer_cta .swoop_top_contain .swoop, .footer_cta .swoop_top_contain .swoop_top {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 70em;
  width: 100%;
  height: 4.375em;
  max-width: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.footer_cta .swoop_top_contain {
  display: none;
  bottom: auto;
  top: -.25em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.footer_cta .resources {
  display: none;
  margin-top: -23em;
  margin-bottom: 9em;
}

.footer_cta .resources h1 {
  color: #514D66;
  margin-bottom: 4.5rem;
}

.footer_cta .resources .resources_grid a {
  overflow: hidden;
  display: block;
  background: white;
  border-radius: .375em;
  margin-bottom: 2.5em;
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
}

.footer_cta .resources .resources_grid a:hover {
  box-shadow: 0px 20px 35px 0px rgba(45, 35, 66, 0.35);
}

.footer_cta .resources .resources_grid img {
  display: block;
}

.footer_cta .resources .resources_grid .content {
  text-align: left;
  padding: 1.5em 2em;
}

.footer_cta .resources .resources_grid .content h6 {
  color: #8F8D9A;
  margin-bottom: .65em;
}

.footer_cta .resources .resources_grid .content h3 {
  color: #2D2342;
  margin-bottom: 1em;
  max-width: 33.125rem;
}

.footer_cta .resources .resources_grid .content p {
  color: #2D2342;
  margin-bottom: 1.5em;
  max-width: 33.125rem;
}

.footer_cta .resources .resources_grid .content p:last-child {
  margin-bottom: 0;
}

.home .footer_cta {
  margin-top: 15.5em;
}

.home .footer_cta .swoop_top_contain {
  display: block;
}

.home .footer_cta .resources {
  display: block;
}

@media (min-width: 35em) {
  .footer_cta .resources .resources_grid {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  .footer_cta .resources .resources_grid .half {
    width: 47.5%;
  }
  .footer_cta .resources .resources_grid .content {
    padding: 1.75em 2.75em;
  }
}

@media (min-width: 45em) {
  .footer_cta .resources .resources_grid .two_third, .footer_cta .resources .resources_grid .third {
    width: 47.5%;
  }
}

@media (min-width: 62.5em) {
  .footer_cta .resources .resources_grid .two_third {
    width: 66%;
  }
  .footer_cta .resources .resources_grid .third {
    width: 31.5%;
  }
  .footer_cta .resources .resources_grid .half {
    width: 48.75%;
  }
  .footer_cta .resources .resources_grid .content {
    padding: 2.1875em 3.125em;
  }
}

#intro {
  width: auto;
  background-color: #5951FF;
  padding: 2.5em 0;
}

#intro img {
  max-width: 10em;
  margin: 0 auto 1em;
  display: block;
}

#intro h5 {
  text-align: center;
  color: #fff;
  margin: 0;
}

.section {
  margin: 5em 0 10em 0;
}

.sm-section {
  margin: 0 0 3em 0;
}

.color {
  height: 180px;
  display: inline-block;
  margin-top: 1em;
  box-shadow: 0px 15px 30px 0px rgba(45, 35, 66, 0.15);
}

.color .color-card {
  margin: .6em 0 1em 0;
}

.color h6 {
  font-weight: 300;
  margin: .1em 1em;
}

.color-group {
  margin-top: 2em;
}

@media (min-width: 60em) {
  .color-group {
    margin-top: 0;
  }
}

#purple {
  background-color: #5951FF;
  width: 100%;
  height: 120px;
}

#dark-purple {
  background-color: #423DCE;
  width: 100%;
  height: 120px;
}

#blue {
  background-color: #24CCFD;
  width: 100%;
  height: 120px;
}

#yellow {
  background-color: #FFD664;
  width: 100%;
  height: 120px;
}

#s-red {
  background-color: #FF4F4F;
  width: 100%;
  height: 120px;
}

#s-light-red {
  background-color: #FEB6B7;
  width: 100%;
  height: 120px;
}

#s-green {
  background-color: #25C170;
  width: 100%;
  height: 120px;
}

#s-light-green {
  background-color: #A1F1CA;
  width: 100%;
  height: 120px;
}

#s-yellow {
  background-color: #FFC425;
  width: 100%;
  height: 120px;
}

#s-light-yellow {
  background-color: #FFE5B2;
  width: 100%;
  height: 120px;
}

#s-blue {
  background-color: #0CAABC;
  width: 100%;
  height: 120px;
}

#s-light-blue {
  background-color: #C3EEFF;
  width: 100%;
  height: 120px;
}

#x-dark-grey {
  background-color: #2D2342;
  width: 100%;
  height: 120px;
}

#dark-grey {
  background-color: #514D66;
  width: 100%;
  height: 120px;
}

#grey {
  background-color: #8F8D9A;
  width: 100%;
  height: 120px;
}

#light-grey {
  background-color: #D5D2D9;
  width: 100%;
  height: 120px;
}

#x-light-grey {
  background-color: #E3E3E5;
  width: 100%;
  height: 120px;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #E3E3E5;
  margin: 1em 0;
  padding: 0;
}

.space {
  margin: 1em 0;
  display: block;
}

.column {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  flex-flow: row wrap;
  align-content: flex-end;
}

.column .fourth {
  width: 22%;
}

.column .third {
  width: 100%;
}

.column .half {
  width: 47%;
}

.column .one {
  width: 100%;
}

@media (min-width: 63em) {
  .column .third {
    width: 30%;
  }
}

#inputs .button {
  margin: 1em 1em 1em 0;
}

img[data-action="zoom"] {
  cursor: pointer;
  cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
  position: relative;
  z-index: 666;
  transition: all 300ms;
}

img.zoom-img {
  cursor: pointer;
  cursor: -moz-zoom-out;
}

.zoom-overlay {
  z-index: 420;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  filter: "alpha(opacity=0)";
  opacity: 0;
  transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=100)";
  opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
  cursor: default;
}

/*# sourceMappingURL=site.css.map */