*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

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

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

a {
  background-color: transparent;
}

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

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

small {
  font-size: 80%;
}

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

img {
  border-style: none;
}

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

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

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

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

button,
input { 
  overflow: visible;
}

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

button,
select { 
  text-transform: none;
}

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}



/* Responsive Grid */

.row-fluid {
    width: 100%;
    zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
}

.row-fluid .span11 {
    width: 91.489361693%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
}

.row-fluid .span9 {
    width: 74.468085099%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
}

.row-fluid .span7 {
    width: 57.446808505%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
}

.row-fluid .span5 {
    width: 40.425531911%;
}

.row-fluid .span4 {
    width: 31.914893614%;
}

.row-fluid .span3 {
    width: 23.404255317%;
}

.row-fluid .span2 {
    width: 14.89361702%;
}

.row-fluid .span1 {
    width: 6.382978723%;
}

.container-fluid {
    zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

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

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

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

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

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

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  padding: 0 10%;
}

.dnd-section > .row-fluid {
  margin-left: auto;
  margin-right: auto;
}

.body-wrapper, .page-center, .container {
  width: 100%;
  margin: 0 auto;
}
.page-center, .container {
  padding-left: 10%;
  padding-right: 10%;
}
@media (max-width: 767px) {

  .page-center, .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}




body {
  line-height: 1.5;
  word-break: break-word;
}

html[lang^='ja'] body,
html[lang^='zh'] body,
html[lang^='ko'] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 18px;
}
p+p {
  margin-top: 16px;   
}
small {
 line-height: 120%;
 display: inline-block; 
}
strong {
  font-weight: 600;
}

/* Links */

a {
  cursor: pointer;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.25;
}

h1 {
  font-size: 42px;
  margin: 0 0 24px;
}

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

h3 {
  font-size: 26px;
  margin: 0 0 16px;
}

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

h5 {
  font-size: 20px;
  margin: 0 0 12px;
}

h6 {
  font-size: 14px;
  margin: 0 0 8px;
}

/* Lists */

ul li,
ol li {
  line-height: 1.3;
}

ul.no-list {
  list-style: none;
}

/* Code Blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  margin: 0;
  padding: 20px 0 20px 20px;
}

/* Horizontal Rules */

hr {
  border: 0 none;
  border-bottom: 2px solid;
}

/* Subscripts and Superscripts */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus State */

:focus {
  outline: auto;
}

.disable-focus-styles :focus {
  outline: none;
}

figure {
  margin: 0;
}
/* Primary Button */

button,
.button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  letter-spacing: 1.2px;
  margin: 1.5rem 0 0;
  text-align: center;
  transition: all 0.15s linear;
  Line-height: 18px;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  transition: all .25s ease;
}

button:hover,
button:focus, 
.button:hover, 
.button:focus, 
button:active, 
.button:active {
  -webkit-transform: scale(1.02) !important;
  -moz-transform: scale(1.02) !important;
  transform: scale(1.02) !important;
  opacity: .85;
}
.button.button--secondary:hover,
.button.button--secondary:focus, 
.button.button--secondary:active{
  transform: none !important;
}

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
  border: 1px solid #d0d0d0;
  pointer-events: none;
}

.button.button--secondary:disabled {
  background-color: inherit;
}

.button.button--simple:disabled {
  background-color: inherit;
  border: inherit;
}
.button.button--small{
  line-height: 14px;
}
.button.button--large{
  line-height: 20px;
}
/* Button Icons */

.button .button__icon svg {
  display: block;
  fill: inherit;
  height: 1.25rem;
  margin-right: 1rem;
}

.button.button--icon-right .button__icon {
  order: 1;
}

.button.button--icon-right .button__icon svg {
  margin-left: 1rem;
  margin-right: 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button .button__icon svg {
    width: 1.25rem;
  }
}

/* button block in hero */
.button-block .button {
  margin-top: 0;
}

/* button color */
a.btn.purple.big.lp-mobile-form-button {
  color: #fff;
}

/* CTA buttons :focus */
.hs-cta-wrapper a:focus, .hs-cta-wrapper a img:focus {
    outline: none !important;
}
.hs-cta-wrapper a img {
  transition: .2s all ease;
}
.hs-cta-wrapper a:hover img {
  opacity: .9;
}
/* Base */

.hs-form-field {
  position: relative;
}

/* Form Title */

.form-title {
  margin: 0;
  text-align: center;
}

.form-title ~ div > form {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* Labels */

.hs-form-field > label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  width: auto;
}

/* Inputs */

.input {
  position: relative;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='file'],
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 100% !important;
  outline: none !important;
}

select::-ms-expand {
  display: none;
}

fieldset {
  max-width: 100% !important;
}

/* Inputs - Checkbox/Radio */

form .inputs-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inputs-list > li {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
}

input[type='checkbox'],
input[type='radio'] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
  outline: none !important;
}

/* Inputs - Select */

.hs-fieldtype-select .input:after {
  content: '\25BE';
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

/* Inputs - Datepicker */

.hs-fieldtype-date .input .hs-dateinput:before {
  content: '\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.fn-date-picker td.is-selected .pika-button {
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  border-radius: 0 !important;
}

/* Headings and Text */

form .hs-richtext img {
  max-width: 100% !important;
}

form .header {
  background-color: transparent;
  border: none;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  line-height: 1.25;
}

/* Validation */

.hs-error-msg,
.hs-error-msgs {
  margin-top: 0.35rem;
}

/* Submit */

form input[type='submit'],
form .hs-button {
  cursor: pointer;
  display: block;
  letter-spacing: 0;
  margin: 1.5rem 0 0;
  text-align: center;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  outline: none !important;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}

/* Inline Thank You Message */

.submitted-message {
  color: #fff;
}

/* Demo Form */
.hs_how_did_you_hear_about_appzen_.hs-how_did_you_hear_about_appzen_.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
}
/* Demo Form */
.schedule-form form>div:first-child {
  width: 100%;
}

.schedule-form form>div:first-child h2 {
color: #252d53 !important;
  font-weight: 600 !important;
}

.hs_state.hs-state.hs-fieldtype-select.field.hs-form-field {
  padding-top: 20px;
}

.legal-consent-container .hs-form-booleancheckbox-display>span, .legal-consent-container .hs-form-booleancheckbox-display>span p {
  line-height: 1.5;
  font-size: 13px;
}
  
  .legal-consent-container .hs-richtext:last-child {
  margin-top: 10px;
  padding-top: 0 !important;
}

form.hs-form ul span {
  display: block;
  width: calc(100% - 26px);
  padding-left: 6px;
  line-height: 1.4em;
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0 !important;
}

.fn-date-picker .pika-lendar {
  float: left;
  width: calc(100% - 16px);
  margin: 8px;
}

.hs_test_date_field.hs-test_date_field.hs-fieldtype-date.field.hs-form-field {
  position: relative;
  z-index: 99999999999999999999;
}

.hs-datepicker {
  width: 100%;
  max-width: 360px;
}

input.hs-button.primary.large {
  border: none !important;
  color: #fff !important;;
}

legend.hs-field-desc {
  font-size: 12px;
  margin-bottom: 4px;
}

form.hs-form select {
  padding-left: 10px;
}

/* Rich text full width */
form.hsForm_a812812e-0207-42a5-b7ca-f5772a4dfb24 > div:first-child {
  width: 100%;
}
.hs_monthly_expense_report_volume.hs-monthly_expense_report_volume.hs-fieldtype-number.field.hs-form-field {
    width: 100%;
}
.hs_expense_platform.hs-expense_platform.hs-fieldtype-select.field.hs-form-field {
    width: 100%;
}
.hs_entity.hs-entity.hs-fieldtype-text.field.hs-form-field {
    width: 100%;
}

/* 1 Column Forms */
fieldset.form-columns-1 {
    width: 100%;
}
/* Tables */

table {
  border-spacing: 0;
  margin-bottom: 1rem;
}

th,
td {
  vertical-align: top;
}

tr:nth-child(odd) {
  background-color: #eff7ff;
}

thead th,
thead td {
  border: none;
  border-bottom-width: 2px;
}

thead th {
  vertical-align: bottom;
}

/* privacy template tables */
  .privacy-content tr { 
    display: flex; 
    flex-direction: row;
  }
  .privacy-content td, .privacy-content th {
    flex: 1 1 100px;
  }
.privacy-content th:nth-child(4), .privacy-content td:nth-child(4){
    flex: 2 150px;
  }
/* mobile tables */
@media screen and (max-width: 960px) {
  .privacy-content tr { 
    display: flex; 
    flex-direction: row;
  }
  .privacy-content th, .privacy-content td{
    flex: 1 1 50px;
    font-size: calc(13px + 5.5*((100vw - 420px)/604));
    padding: 10px;
    min-width: 30px;
  }
  .privacy-content th:nth-child(4), .privacy-content td:nth-child(4) {
    flex: 2 80px;
  }
}
@media screen and (max-width: 680px) {
    .privacy-content th, .privacy-content td{
    padding: 5px;
  }
}



/* Header Container */

.header .dnd-section {
  padding: 0;
}

/* Navigation Menu */

.header__menu {
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .header__navigation {
    box-shadow: 0 23px 50px -14px rgba(0, 0, 0, 0.21);
    display: none;
    margin: 10px 10px 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: calc(100% - 20px);
    z-index: 99;
  }

  .header__menu {
    margin-left: 0;
    min-height: 0;
    order: 3;
  }
}

/* Module Navigation */
header[role=navigation] {
  z-index: 50;
  position: relative
}

@media (max-width:1024px) {
  .gnav-desktop {
    display: none
  }
}

@media (min-width:1025px) {
  .gnav-mobile {
    display: none
  }
}

.gnav-desktop .gnav-top-sec {
  background: #363a4c
}

.gnav-desktop .gnav-top-nav {
  position: relative;
  justify-content: flex-end
}

.gnav-desktop .gnav-top-nav ul {
  margin: 0;
  list-style: none
}

.gnav-desktop .gnav-top-nav li a {
  display: block;
  padding: 11px 30px;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  background: #363a4c;
  transition: background .35s;
  position: relative;
}

.gnav-desktop .gnav-top-nav li:last-of-type a {
  padding: 11px 30px 11px 48px;
  background: #484c63;
}

.gnav-desktop .gnav-top-nav li a:hover {
  background: #484c63;
}

.gnav-desktop .gnav-top-nav li a svg {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
  fill: #fff;
}

.gnav-desktop .gnav-btm-sec {
  background: #fff;
}

.gnav-desktop .gnav-btm-sec .container:after {
  content: none;
}

.gnav-desktop .gnav-btm-sec .logo-wrap a {
  display: block;
}

.gnav-desktop .gnav-btm-sec .logo-wrap img {
  width: 143px;
  display: block;
}

.gnav-desktop .gnav-btm-sec .logo-wrap svg {
  width: 167px;
  height: 46px;
  display: block;
}

.gnav-desktop .gnav-btm-nav {
  height: 66px;
}

.gnav-desktop .gnav-btm-nav ul.lv1 {
  margin: 0 20px 0 0;
  list-style: none;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1.narrow {
  position: relative;
}

.gnav-desktop .gnav-btm-nav a.lv1 {
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 20px;
}

.gnav-desktop .gnav-btm-nav a.lv1 span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 700;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  transition: border-bottom .35s;
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span {
  border-bottom-color: #222bf9;
}

.gnav-desktop .gnav-btm-nav .submenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s, top .35s;
}

.gnav-desktop .gnav-btm-nav .submenu .cols-wrap {
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: background .35s, box-shadow 1.35s;
}

.gnav-desktop .gnav-btm-nav .submenu .col {
  flex: 1;
  padding: 85px 20px 25px;
  position: relative;
}

.gnav-desktop .gnav-btm-nav .submenu .col:last-of-type:before {
  content: none;
}

.gnav-desktop .gnav-btm-nav .submenu .col:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eee;
}

.gnav-desktop .gnav-btm-nav .submenu.narrow {
  width: 400px;
  left: auto;
  transform: translateX(-35%);
}

.gnav-desktop .gnav-btm-nav .submenu.narrow .cols-wrap {
  justify-content: center;
}

.gnav-desktop .gnav-btm-nav .submenu.narrow .col {
  max-width: 200px;
}

.gnav-desktop .gnav-btm-nav li.lv1:hover .submenu,
.gnav-desktop .gnav-btm-nav .submenu.is-active {
  top: 100%;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.gnav-desktop .gnav-btm-nav li.lv1:hover .submenu .cols-wrap,
.gnav-desktop .gnav-btm-nav .submenu.is-active .cols-wrap {
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .25)
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col {
  padding: 98px 20px 25px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap {
  background: #252b52;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-link {
  padding-right: 19px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-link span {
  color: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-desc {
  color: rgba(254, 254, 254, .75);
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .icon {
  display: none;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  color: rgba(255, 255, 255, .5);
  border-bottom: 1px solid transparent;
  transition: color .35s, border .35s
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(255, 255, 255, .8);
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link svg {
  display: none;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:first-of-type .lv2-link:hover span * {
  stroke: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap:before {
  content: none;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item {
  color: #222bf9;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item svg {
  right: -15px;
  opacity: 1;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item * {
  stroke: #222bf9;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 56px;
  height: 56px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .cell:not(:first-of-type) .lv2-link {
  padding-bottom: 10px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link {
  font-size: 13px;
  font-weight: 700;
  padding-right: 10px;
  width: 100%;
  display: block;
  padding-bottom: 15px;
  line-height: 1.1em;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span svg {
  right: -15px;
  opacity: 1;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #363a4c;
  transition: color .35s;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span svg {
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 4px;
  opacity: 0;
  transition: opacity .35s, right .35s;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span svg * {
  transition: stroke .35s, fill .35s;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  font-size: 13px;
  line-height: 1.34em;
  color: #485589;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover {
  background: #ba197a;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover span {
  color: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover:before {
  content: none;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon svg * {
  stroke: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon svg {
  width: 100%;
  height: 100%;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link {
  font-size: 15px;
  font-weight: 700;
  width: 100%;
  display: block;
  padding-bottom: 15px;
  text-align: center;
  line-height: 1.3em;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #252d53;
  transition: 0s;
}

.gnav-m-mainbar {
  background: #fff;
  width: 100%;
  height: 53px;
  display: block;
  position: relative;
}

.gnav-m-mainbar .logo-wrap {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}

.gnav-m-mainbar .logo-wrap img {
  width: 114px;
  display: block;
}

header.is-active .gnav-m-panel-lv1 {
  right: 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3);
}

header.is-active .gnav-m-panel-lv2.is-active {
  right: 0;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .3);
}

.gnav-m-panel {
  overflow: auto;
  padding: 20px 20px 60px;
}

.gnav-m-panel .logo-wrap,
.gnav-m-panel .logo-wrap img {
  display: inline-block;
}

.gnav-m-panel .logo-wrap img {
  width: 114px;
  display: block;
}

.gnav-m-panel .list-wrap {
  padding: 25px 0 0;
}

.gnav-m-panel-lv1,
.gnav-m-panel-lv2 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: .5s;
}

.gnav-m-panel-heading {
  padding-top: 4px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e2e2;
  position: relative;
}

.gnav-m-panel-heading h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 42px;
  position: relative;
  line-height: 1em;
  cursor: pointer;
}

.gnav-m-panel-heading h3 svg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  width: 14px;
  height: 23px;
}

.gnav-m-panel-lv1 {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  background: #fff;
  z-index: 70;
}

.gnav-m-panel-lv1 .link-list a.lv1-link,
.gnav-m-panel-lv1 .contact-list a.lv1-link {
  display: block;
  padding-right: 20px;
  padding-bottom: 20px;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span,
.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  position: relative;
  display: inline-block;
}

.gnav-m-panel-lv1 .link-list a.lv1-link svg,
.gnav-m-panel-lv1 .contact-list a.lv1-link svg {
  position: absolute;
  width: 13px;
  height: 16px;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: -15px;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span {
  font-size: 16px;
  font-weight: 700;
  color: #252d53;
}

.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  font-size: 14px;
  color: #252d53;
  display: inline-block;
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: 1px solid #e3e2e2;
  margin-top: 15px;
  padding-top: 20px;
}

.gnav-m-panel-lv1 .lv1-cta .btn {
  width: 100%;
  font-size: 15px;
}

.gnav-m-panel-lv2 {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100vh;
  background: #fff;
  z-index: 80;
}

.gnav-m-panel-lv2.is-active {
  right: 0;
}

.gnav-m-panel-lv2 .gnav-m-panel-heading {
  padding-top: 3px;
}

.gnav-m-panel-lv2.has-description .list-wrap {
  display: flex;
  flex-direction: column;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type {
  order: 2;
  background: #252d53;
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
  padding-top: 25px;
  padding-bottom: 40px;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a:first-child {
  padding: 3px 20px 14px;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a:first-child span {
  font-size: 15px;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a {
  color: #fff;
  padding: 3px 20px 6px;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a span {
  top: 0;
  font-size: 13px;
}

.gnav-m-panel-lv2.has-description .item-section {
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e3e2e2;
}

.gnav-m-panel-lv2.has-description .item-section:last-child {
  border-bottom: 0;
}

.gnav-m-panel-lv2.has-description .item-section a {
  position: relative;
  display: block;
  padding-left: 60px;
  padding-right: 0;
  line-height: 1.3em;
  color: #485589;
}

.gnav-m-panel-lv2.has-description .item-section a:last-child {
  padding-bottom: 0;
}

.gnav-m-panel-lv2.has-description .item-section a span {
  position: relative;
  top: 12px;
}

.gnav-m-panel-lv2.has-description .item-section a > span svg {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 13px;
  height: 16px;
  transform: translateY(-50%);
  display: none;
}

.gnav-m-panel-lv2.has-description .item-section p {
  font-size: 14px;
  color: #485589;
}

.gnav-m-panel-lv2.has-description .item-section p.desc {
  position: relative;
  width: calc(100% + 60px);
  left: -60px;
  font-size: 13px;
  margin-top: 40px;
  line-height: 1.3em;
}

.gnav-m-panel-lv2.has-description .icon-wrap {
  height: 50px;
  width: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gnav-m-panel-lv2.has-description .icon-wrap svg {
  width: 100%;
  height: 100%;
}

.gnav-m-panel-lv2.has-description .icon-wrap img {
  width: 100%;
}

.gnav-m-panel-lv2.has-description .lv2-link {
  padding: 3px 0 20px;
  font-size: 15px;
  font-weight: 700;
  color: #252d53;
}

.gnav-m-panel-lv2.has-description .lv2-sublink {
  padding: 8px 0;
}

.gnav-m-panel-lv2.no-description .item-section {
  padding-bottom: 38px;
}

.gnav-m-panel-lv2.no-description .item-section:last-child {
  border-bottom: 0;
}

.gnav-m-panel-lv2.no-description .item-section a {
  display: block;
  position: relative;
  padding-left: 45px;
  padding-right: 20px;
  line-height: 1.3em;
  color: #485589;
}

.gnav-m-panel-lv2.no-description .item-section a:last-child {
  padding-bottom: 0;
}

.gnav-m-panel-lv2.no-description .item-section a span {
  position: relative;
  display: inline-block;
}

.gnav-m-panel-lv2.no-description .item-section a > span svg {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 13px;
  height: 16px;
  transform: translateY(-50%);
}

.gnav-m-panel-lv2.no-description .icon-wrap svg {
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.gnav-m-panel-lv2.no-description .lv2-link {
  padding: 3px 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #252d53;
}

.hamburger-wrap {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  position: absolute;
  right: 20px;
  top: 5px;
  position: fixed;
  z-index: 100;
  transition: .5s;
}

.hamburger-wrap.is-active {
  top: 10px;
}

.hamburger-wrap.is-active,
.hamburger-wrap.is-shadow {
  box-shadow: 0px 5px 9px rgba(0, 0, 0, .1);
}

.hamburger-wrap .hamburger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hamburger {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: .7;
}

.hamburger.is-active:hover {
  opacity: #ba197a;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #ba197a;
}

.hamburger-box {
  width: 17px;
  height: 12px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  width: 17px;
  height: 2px;
  background-color: #ba197a;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner:before,
.hamburger-inner:after {
  content: "";
  display: block;
}

.hamburger-inner:before {
  top: -5px;
}

.hamburger-inner:after {
  bottom: -5px;
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s .25s ease-in, opacity .1s ease-in;
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1);
}

/* Main Nav - Products Nav */
ul.lv1 li.lv1:first-child section.cols-wrap.flex {
  display: block !important;
  float: left;
}
ul.lv1 li.lv1:first-child article.col.sub-links-wrap {
  flex: 2 1 208px !important;
  min-height: 391px;
  max-width: 220px;
  width: 100%;
  float: left;
}
ul.lv1 li.lv1:first-child a.col.has-description {
  float: left;
  width: 25%;
  min-height: 185px;
  padding: 98px 40px 25px;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  left: 40px;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .col {
  padding: 98px 34px 25px;
}
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .col:before {
  bottom: 0;
  top: unset;
  transform: none;
  height: 85%;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before, 
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(5):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(6):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before{
  content: '';
  top: 0;
  transform: none;
  height: 100%;
  position: absolute;
  right: 0;;
  width: 1px;
  background: #eee;
}
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before{
  display: none;
}
.submenu .icon img {
  width: 100%;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type {
  order: 10;
} 

.gnav-m-panel-lv2.has-description .item-section a:last-child {
  padding-bottom: 0;
}
.gnav-m-panel-lv2.has-description .icon-wrap {
  position: static;
}
.gnav-m-panel-lv2.has-description .item-section p.desc {
  position: static;
  margin-top: 20px;
  width: 100%;
}

.gnav-m-panel-lv2.has-description .item-section a {
  padding-left: 0px;
}   
.gnav-m-panel-lv2.has-description .item-section a>span svg {
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 50%;
  opacity: 0;
  display: block !important;
  transition: opacity .35s,right .35s;
}
.lv2-link:hover>span svg, 
.lv2-link:active>span svg, 
.lv2-link:focus>span svg {
  right: -15px !important;
  opacity: 1 !important;
}
.lv2-link:hover span *,
.lv2-link:active span *,
.lv2-link:focus span *,
.lv2-link:hover span,
.lv2-link:active span,
.lv2-link:focus span {
  color: #222bf9;
}
@media (max-width: 1100px) {
  ul.lv1 li.lv1:first-child a.col.has-description {
    padding: 98px 30px 25px;
  }
  .gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
    left: 30px;
  }
  .gnav-desktop .gnav-btm-nav .submenu.has-description .col {
    padding: 98px 24px 25px;
  }

}

/* Module Simple LP Nav */
.header--container {
  min-height: 100px;
}
.header--logo {
  flex: 1 1 250px;
  justify-self: flex-start;
  align-self: center;
  max-width: 200px;
}
.header--logo a {
  display: flex; 
}
/* Start Nav update 02082021 */
.gnav-desktop .gnav-btm-sec {
  background-color: transparent;
}

.gnav-desktop .gnav-top-sec {
  background-color: transparent !important;
}

.gnav-desktop .gnav-top-sec .gnav-top-nav {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.gnav-desktop .gnav-top-nav li a {
  display: block;
  padding: 11px 30px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 2px;
  background: transparent;
  transition: background .35s;
  position: relative;
  text-transform: uppercase;
}

.gnav-desktop .gnav-top-nav li a:hover {
  background: transparent;
}

.gnav-desktop .gnav-top-nav li:last-of-type a {
  padding: 11px 30px 11px 48px;
  background: transparent;
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span {
  border-bottom-color: transparent;
  position: relative;
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:active a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span:before {
  content: '';
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #80ff00;
}

.gnav-desktop .gnav-btm-nav li.lv1 a.lv1 span {
  color: #fff;
}

.gnav-desktop {
  position: absolute;
  width: 100%;
}

.gnav-desktop .btn.green,
.gnav-mobile .btn.green {
  background: #B9F637;
  color: #35196D;
  font-weight: 700;
  font-size: 13px;
  padding: 9px 20px 7px;
  line-height: 18px;
}

.gnav-desktop .btn.green:hover,
.gnav-mobile .btn.green:hover {
  background-color: rgba(142, 245, 0, 1);
}

.gnav-desktop .gnav-btm-nav a.lv1 span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  transition: border-bottom .35s;
}

.gnav-desktop .gnav-btm-nav {
  height: 58px;
}

.gnav-desktop .gnav-top-nav li a:hover span:before {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: #80ff00;
}

.gnav-desktop .gnav-top-nav li:first-child a:hover span:before {
  width: 38px;
}

.gnav-desktop .gnav-top-nav li:last-child a:hover span:before {
  width: 74px;
}

/* Company Submenu */
.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon svg * {
  stroke: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #fff;
  transition: 0s;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon svg *,
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:active .icon svg *,
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:focus .icon svg * {
  stroke: #B9F637;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover span {
  color: #B9F637;
}

.gnav-desktop .gnav-btm-nav .submenu .cols-wrap {
  background: #37127fe0;
  transition: background .35s, box-shadow 1.35s;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover {
  background: #ffffff05;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap {
  background: #ffffff05;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eeeeee10;
  display: none;
}

.gnav-desktop .gnav-btm-nav .submenu .col:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eeeeee10;
  display: none;
}

li.lv1.has-submenu:focus {
  outline: none;
}

/* Products Submenu */
ul.lv1 li.lv1:first-child a.col.has-description {
  float: left;
  width: 16%;
  min-height: unset;
  padding: 98px 20px 25px;
  min-height: 200px;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(2):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(3):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(5):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(6):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before {
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  background: #eeeeee10;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
  display: block;
  display: none;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(2):after {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background: #eeeeee10;
  bottom: 0;
  top: unset;
  transform: none;
  height: 100%;
  display: none;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:last-child:before {
  display: none;
}

ul.lv1 li.lv1:first-child article.col.sub-links-wrap {
  min-height: unset;
  max-width: 196px;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-right: 12px;
  align-self: center;
}

ul.lv1 li.lv1:first-child section.cols-wrap.flex {
  display: flex !important;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #fff;
  transition: color .35s;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  font-size: 13px;
  line-height: 1.34em;
  color: #ffffff80;
  transition: color .35s;
  letter-spacing: .5px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  font-weight: normal;
  letter-spacing: .5px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item svg *,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .sub-item svg *,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .sub-item svg * {
  stroke: #80FF00;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .lv2-desc,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .lv2-desc,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .lv2-desc {
  color: #80FF0080;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item {
  color: #80FF00;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  left: 20px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: #80FF0080;
  border-bottom: 1px solid #80FF0080;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span {
  color: #80FF00;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span svg * {
  stroke: #80FF00;
}


/* Mobile Nav */
.gnav-m-mainbar {
  background: transparent;
  width: 100%;
  height: 53px;
  display: block;
  position: absolute;
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  background-color: #ffffff;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #ffffff;
}

.gnav-m-panel-lv1 {
  background: rgba(55, 18, 127, 0.95);
}

.hamburger-wrap {
  background: rgba(55, 18, 127, 0.9);
  box-shadow: 1px 1px 10px -4px #000000cf !important;
}

.hamburger-wrap.is-active {
  background: #ffffff10;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span {
  color: #fff;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span svg * {
  stroke: #fff;
}

.gnav-m-panel-heading {
  border-bottom: 1px solid #eeeeee10;
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: 1px solid #eeeeee10;
}

.gnav-m-panel-lv2 {
  background: #37127F;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type {
  background: #ffffff10;
}

.gnav-m-panel-lv1 .link-list a.lv1-link:hover span,
.gnav-m-panel-lv1 .link-list a.lv1-link:active span,
.gnav-m-panel-lv1 .link-list a.lv1-link:focus span {
  color: #80FF00;
}

.gnav-m-panel-lv1 .link-list a.lv1-link:hover svg *,
.gnav-m-panel-lv1 .link-list a.lv1-link:active svg *,
.gnav-m-panel-lv1 .link-list a.lv1-link:focus svg * {
  stroke: #80FF00;
}

.gnav-m-panel-heading h3 {
  color: #fff;
}

.gnav-m-panel-heading h3 svg * {
  stroke: #fff;
}

.gnav-m-panel-heading h3:hover,
.gnav-m-panel-heading h3:active,
.gnav-m-panel-heading h3:focus {
  color: #80FF00;
}

.gnav-m-panel-heading h3:hover svg *,
.gnav-m-panel-heading h3:active svg *,
.gnav-m-panel-heading h3:focus svg * {
  stroke: #80FF00;
}

a.lv2-link span {
  color: #fff;
}

.gnav-m-panel-lv2.has-description .item-section a.lv2-link p {
  color: #ffffff80;
}

a.lv2-link span svg * {
  stroke: #fff;
}

a.lv2-link:hover span svg *,
a.lv2-link:active span svg *,
a.lv2-link:focus span svg * {
  stroke: #80FF00;
}

a.lv2-link .icon-wrap svg * {
  stroke: #fff;
}

a.lv2-link:hover .icon-wrap svg *,
a.lv2-link:active .icon-wrap svg *,
a.lv2-link:focus .icon-wrap svg * {
  stroke: #80FF00;
}

a.lv2-link:hover span,
a.lv2-link:active span,
a.lv2-link:focus span {
  color: #80FF00;
}

.gnav-m-panel-lv2.has-description .item-section a.lv2-link:hover p,
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:active p,
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:focus p {
  color: #80FF0080;
}

.gnav-m-panel-lv2.has-description .item-section {
  border-bottom: none;
}

.gnav-m-panel-lv2.has-description .item-section:nth-of-type(6) {
  border-bottom: none;
}

.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  color: #fff;
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: none;
  margin-top: 0;
}

.gnav-m-panel-lv1 .contact-list a.lv1-link:hover span,
.gnav-m-panel-lv1 .contact-list a.lv1-link:active span,
.gnav-m-panel-lv1 .contact-list a.lv1-link:focus span {
  color: #80FF00;
}
/* End Nav update 02082021 */


/* Nav updates */
.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  color: rgba(255, 255, 255, 0.9);
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .lv2-desc, .gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .lv2-desc, .gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .lv2-desc {
  color: #80FF0095;
  transition: .25s all ease;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  color: rgba(255, 255, 255, 0.8);
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: #80FF00;
  border-bottom: 1px solid #80FF0099;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:first-of-type .lv2-link:hover span * {
  stroke: #80FF00;
}
.gnav-m-panel-lv2.has-description .item-section a.lv2-link p {
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.25px;
}
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:hover p, .gnav-m-panel-lv2.has-description .item-section a.lv2-link:active p, .gnav-m-panel-lv2.has-description .item-section a.lv2-link:focus p {
  color: #80ff00d6;
}
.gnav-m-panel-lv2.has-description .item-section {
  margin-bottom: 8px;
}
header[role=navigation] .container {
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}
.gnav-desktop ul li, .gnav-desktop ol li {
  margin: 0;
}

/* Header Logo */
#appzen-logo {
  transition: fill .2s ease-out;
}

#appzen-logo:hover {
  cursor: pointer;
}

#appzen-logo:hover g.words path {
  fill: #3d456d;
}

#appzen-logo:hover .mark {
  animation-name: intro;
  animation-duration: .6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

#appzen-logo .mark:nth-of-type(2) {
  animation-delay: .05s;
}

#appzen-logo .mark:nth-of-type(3) {
  animation-delay: .1s;
}

#appzen-logo .mark:nth-of-type(4) {
  animation-delay: .15s;
}

#appzen-logo .mark:nth-of-type(5) {
  animation-delay: .2s;
}

#appzen-logo .mark:nth-of-type(6) {
  animation-delay: .15s;
}

#appzen-logo .mark:nth-of-type(7) {
  animation-delay: .2s;
}
@keyframes intro {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
  50% {
    transform: translateY(-10px) translateX(10px);
    opacity: 0;
  }
  51% {
    transform: translateY(10px) translateX(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}
/* Change Nav Logo Hover State */
#appzen-logo:hover g.words path {
  fill: rgba(255, 255, 255, .8);
}
#appzen-logo g.words path {
  transition: .2s all ease-in;
}
/* Module PS? */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: .6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9;
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
    .ps {
      overflow: auto !important;
    }
}

.gnav-desktop .flex {
	display: flex !important;
}
.flex {
  display: flex;
}
.flex.j-sb {
  justify-content: space-between;
}
.flex.a-c {
  align-items: center;
}
.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon .image-icon-hover,
.gnav-m-panel-lv2.no-description .icon-wrap img.image-icon-hover {
  opacity: 0;
  visibility: hidden;
}
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon .image-icon,
.gnav-m-panel-lv2.no-description .item-section:hover .icon-wrap img.image-icon{
  opacity: 0;
  visibility: hidden;
}
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon .image-icon-hover,
.gnav-m-panel-lv2.no-description .item-section:hover .icon-wrap img.image-icon-hover{
  opacity: 1;
  visibility: visible;
}
.lv2-link {
  margin: 0;
}
.gnav-m-panel-lv2.has-description .item-section a.lv2-link p {
  margin-bottom: 0;
}
.gnav-m-panel-lv2.no-description .icon-wrap img {
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.footer .info-row a:hover, .footer-copyright p a:hover{
  color:#00a0e3;
}
.btn {
    border-radius: 0;
    color: #252d53;
    border-radius: 50px;
    font-style: normal;
    letter-spacing: 2px;
    padding: 12px 30px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
    transition: color .25s ease,background .25s ease;
    background: #B9F637;
    color: #35196D;
    font-weight: 600;
    font-size: 13px;
    padding: 8px 20px;
}
.btn.green:hover {
    background-color: #b9f637eb !important;
    opacity: 1;
    transform: scale(1.02) !important;
    transition: all .25s ease !important;
}

/* Fix Caret on product Nav */
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item svg {
  top: 2px;
}

/* Free trial nav update */
li.lv1:hover .submenu .cols-wrap, .gnav-desktop .gnav-btm-nav .submenu.is-active .cols-wrap {
  position: relative;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(3) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: absolute !important;
  bottom: 5px !important;
  left: calc( 196px + 0%) !important;
  min-height: 0 !important;
}
.gnav-m-panel-lv2.has-description .item-section:nth-child(5) {
  display: none;
}
  .gnav-m-panel-lv2.has-description .item-section:nth-child(4) {
  margin-bottom: 0px;
}
@media (min-width: 1280px) {
	li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(3) {
    bottom: 10px !important;
  }
}

li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(5) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  position: absolute !important;
  bottom: 5px !important;
  left: calc(136px + 21.8%) !important;
  min-height: 0 !important;
}
@media (min-width: 1280px) {
	li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(5) {
    bottom: 10px !important;
  }
}

li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(4) {
    top: 240px !important;
}

li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(3) .icon,
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(4) .icon,
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(6) .icon,
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(8) .icon,
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(9) .icon,
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(10) .icon {
  display: none !important;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(3) {
    top: 210px !important;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(6) {
    top: 210px !important;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(8) {
    top: 270px !important;
}

li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(9) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: absolute !important;
    top: 180px !important;
    left: calc( 196px + 0%) !important;
    min-height: 0 !important;
      width: 100%;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(10) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: absolute !important;
    top: 180px !important;
    left: calc(430px - 25px) !important;
    min-height: 0 !important;
      width: 100%;
}
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(11),
li.lv1:first-child .submenu .container .cols-wrap a.col:nth-child(12) {
  display: none;
}
ul.lv1 li.lv1:first-child article.col.sub-links-wrap {
    min-height: 300px !important;
}

/* Change order */
.gnav-m-panel-lv2.has-description .item-section:nth-child(2) { order: 1 !important}
.gnav-m-panel-lv2.has-description .item-section:nth-child(3) { order: 3 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(4) { order: 4 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(5) { order: 6 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(6) { order: 8 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(7) { order: 9 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(8) { order: 10 !important; }
.gnav-m-panel-lv2.has-description .item-section:nth-child(9) { order: 2 !important; padding: 0;}
.gnav-m-panel-lv2.has-description .item-section:nth-child(10) { order: 7 !important; padding: 0;}

/* Nav Overlay */
.page-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #252d53;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transition: z-index .35s, opacity .35s, visibility .35s;
}

.page-overlay.is-active {
  opacity: .5;
  visibility: visible;
  z-index: 20;
}
/* Footer Container */

.footer .dnd-section {
  padding: 0;
}

.footer__container {
  margin: 0 auto;
  padding: 5.6rem 20px 2.8rem;
}

/* Footer Rows */

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

.footer__navigation {
  width: 22%;
}

.footer .hs-menu-wrapper ul {
  list-style: none;
  margin: 0.5rem 0 2rem;
  padding-left: 0;
}

.footer .hs-menu-wrapper li {
  margin: 0.7rem 0;
}

.footer .hs-menu-wrapper li a:hover {
  text-decoration: none;
}

.footer__form {
  width: 25%;
}

@media (max-width: 767px) {
  .footer__row {
    flex-wrap: wrap;
  }

  .footer__navigation,
  .footer__form,
  .footer__follow-me,
  .footer .widget-type-header,
  .footer .widget-type-simple_menu,
  .footer .social-links {
    text-align: center;
    width: 100%;
  }
}

/* Footer Form */

.footer--site-page .footer__form form,
.footer--site-page .widget-type-form form {
  margin-bottom: 1.5rem;
  padding: 0;
}

/* Landing Page Footer */

.footer--landing-page {
  border-top: 2px solid #eff7ff;
}

.footer--landing-page .footer__container {
  padding: 2.8rem 0 1.5rem;
}

/* Footer Form */

.footer--site-page form {
  background-color: transparent;
  border: none;
  padding: 0;
}

.footer--site-page .footer__form .form-title {
  background-color: transparent;
  font-size: 1rem;
  padding: 0 0 1rem;
  text-align: left;
}

@media (max-width: 980px) {
  .footer--site-page .footer__form {
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0.75rem 0 0;
    width: 75%;
  }

  .footer--site-page .footer__form .form-title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .footer--site-page .widget-type-form {
    margin: 0 auto;
    width: 75%;
  }
}

footer.footer.footer--site-page {
  padding: 60px 0 50px;
  overflow: hidden;
}
.footer .container {
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}
.flex.wrap {
  flex-wrap: wrap;
}

.flex {
  display: flex;
}
.footer .col-info {
  width: 270px;
  padding-right: 2%;
  border-right: 1px solid rgba(255,255,255,.1);
  border-bottom: 1px solid rgba(255,255,255,.1);
}
section.col-info img{
  max-width: 143px;
  width: 100%;
}
.footer .info-container {
  margin-top: 24px;
}
.footer .info-row {
  margin-bottom: 20px;
}
.info-text {
  width: calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
}
.footer .info-title {
  width: 100px;
}
.footer .info-title p {
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(255,255,255);
}
.footer .info-text a, .footer .info-text p {
  font-size: 12px;
  margin: 0;
  line-height: 1.6em;
}
.footer .info-row a {
  display: block;
  transition: .35s;
}

.footer .col-sitemap {
  width: calc(100% - 270px);
  padding-left: 4%;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.footer .site-link-wrap {
  width: 100%;
  flex-wrap: wrap;
}
.footer .site-link-col {
  flex: 1;
  padding-right: 5%;
  flex-direction: column;
  width: calc(100%/5);
  width: -webkit-calc(100%/5);
}
.footer  .site-link-col {
  padding-right: 0%;
}
.site-link-col li:first-child a{
  font-size: 13px;
  padding-bottom: 37px;
  padding-top: 3px;
  font-weight: 600;
}
.site-link-col a {
  display: block;
  padding-bottom: 15px;
  line-height: 1.2em;
}
.ss-wrap {
  width: 100%;
  justify-content: flex-end;
  margin-top: 30px;
}
.ss-wrap a {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  transition: .35s;
  margin: 0 3px;
}
.ss-wrap a:hover{
  background: #00a0e3
}
.social-links__icon {
  background-color: transparent;
  border-radius: 4px;
  display: inline-block;
  margin: 0 !important;
  padding: 0 !important;
}
.ss-wrap svg {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.ss-wrap * {
  fill: #252d53;
}
.footer-copyright p{
  margin-top: 50px !important;
  margin-bottom: 0px;
  text-align: center;
  font-size: 12px;
}
.footer .hs-menu-wrapper li {
  margin: 0 !important;
  line-height: normal;
}
.site-link-col li:first-child a:hover {
  font-weight: 600;
}

.footer .hs-menu-wrapper ul {
  margin: 0;
}

@media(max-width:1024px){
  .footer .col-info {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin-bottom: 35px;
    padding-bottom: 10px;
    text-align: center;
  }
  .footer .info-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .footer .info-row {
    width: calc(100%/3);
    width: -webkit-calc(100%/3);
    flex-direction: column;
    justify-content: flex-start;
  }
  .footer .info-text {
    text-align: center;
    width: 100%;
  }
  .footer .info-title {
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
  }
  .footer .col-sitemap{
    width: 100%;
    padding-left: 0;
  }
  .footer .site-link-col {
    padding-right: 0;
    width: calc(100%/3);
    width: -webkit-calc(100%/3);
    flex: none;
    margin-bottom: 60px;
  }
  .site-link-col li:first-child a {
    font-size: 14px;
    padding-bottom: 20px;
  }
  .site-link-col a {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 14px;
    font-weight: 300;
  }
  .ss-wrap {
    margin-top: 0;
    justify-content: center;
  }
  .footer .info-title p{
    font-size: 13px;
    margin:0px;
  }
  .footer .info-text a, .footer .info-text p {
    font-size: 14px;
  }
  .footer .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
    display: inline-flex;
    width: 100%;
  }
}

@media(max-width:640px){
  .footer .info-row {
    width: 100%;
    margin-bottom: 40px;
  }
  .footer .site-link-col {
    width: 100%;
    text-align: center;
    padding-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin-bottom: 30px;
    padding-bottom: 20px;
  }
  .footer .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
    display: block;
    width: 100%;
    margin:0px;
  }
}

/* First items in footer make look like not links */
body .site-link-col li:first-child a {
    color: #fff !important;
    user-select: none !important;
    font-weight: 600 !important;
    cursor: default;
}
body .site-link-col:last-child li:first-child a {
    color: inherit !important;
    cursor: pointer;
}
body .site-link-col:last-child li:first-child a:hover,
body .site-link-col:last-child li:first-child a:active,
body .site-link-col:last-child li:first-child a:focus{
    color: #00a0e3 !important;
}
/* Menu and simple menu */

.hs-menu-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts
  .hs-item-has-children:hover
  > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts
    .hs-item-has-children:hover
    > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts
    .hs-item-has-children:hover
    > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}


html body {
  color: #252d53;
}
section.hero-module.lp-hero-module {
  padding: 113px 0 40px 0;
}
.row-depth-1.row-number-1.dnd-section section.hero-module.lp-hero-module {
  padding: 40px 0;
}

.lp-standard-wrapper.content {
  padding: 0 10%;
  max-width: 1280px;
  margin: 0 auto;
}
.lp-content-container .flex {
  justify-content: left;
  flex-direction: column;
}

.lp-standard-wrapper h1,
.lp-standard-wrapper .promo-large-title {
  font-family: "proxima-nova";
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  text-align: left;
  color: #5C17CD;
}

/* Narrow */
@media (min-width: 958px) {
  .lp-content-container,
  .lp-speaker-container {
    max-width: 420px;
  }
}
@media (min-width: 1080px) {
  .lp-content-container,
  .lp-speaker-container {
    max-width: 480px;
  }
}

/* Agenda Module */
table.agenda {
  background-color: transparent;
  border: none;
  margin: 0;
}

.agenda td {
  border: none;
  margin: 0;
  padding: 0
}

.agenda tr:nth-child(odd) {
  background-color: transparent;
}

/* Speakers Module */
.lp-speaker-container .flex {
  justify-content: left;
  flex-direction: row;
  flex-wrap: wrap;
}

.lp-speaker-container .speaker-item {
  flex: 1 190px;
  margin-right: 20px;
}
.lp-speaker-container .speaker-item p {
 margin-bottom: 0; 
 margin-top: 0;
}
@media (max-width: 940px) {
  .lp-speaker-container .speaker-item {
    flex: 1 20%;
  }
}
@media (max-width: 740px) {
  .lp-speaker-container .speaker-item {
  flex: 1 46%;
}
  .lp-speaker-container .speaker-item:nth-child(even){
  margin-right: 0;
}
}

/* Platform Login Footer */
.platform-login-footer {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

a.platform-footer-item {
  padding: 10px;
  margin-right: 24px; 
  color: #222bf9;
  transition: .25s all ease;
}
  
a.platform-footer-item:last-child {
  margin-right: 0;
}

/* TY Hero Button */
a.btn.white-cta-btn.big.lp-mobile-form-button {
    left: auto;
    margin-right: auto;
    display: table;
    background-color: #fff;
    margin: 20px 0 0 0;
    display: inline-block;
    text-align: center;
    width: unset;
    border-radius: 50px;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 20px;
    color: #4a4a4a;
    font-weight: 600;
}

/* Hero LP Ty */
.hs-lp-ty .row-depth-1.row-number-1.dnd-section section.hero-module.lp-hero-module.lp-hero-module-no-form {
    padding: 113px 0 40px 0;
}
.hs-lp-ty-no-nav.hs-lp-ty .row-depth-1.row-number-1.dnd-section section.hero-module.lp-hero-module,
.hs-lp-ty-no-nav.hs-lp-ty .row-depth-1.row-number-1.dnd-section section.hero-module.lp-hero-module.lp-hero-module-no-form{
  padding: 40px 0;
}
.lp-hero-module.lp-hero-module-no-form .textbox > p {
    line-height: 1.5em;
    color: #ffffff;
    font-size: calc(15px + 2*((100vw - 420px)/604));
    width: 100%;
}

/* TY LP Content centered */
.hs-lp-ty .lp-content-container {
    margin: 0 auto;
}
.lp-content-centered h1, 
.lp-content-centered h2, 
.lp-content-centered h3,
.lp-content-centered h4, 
.lp-content-centered h5, 
.lp-content-centered h6, 
.lp-content-centered p {
  text-align: center !important;
}

fieldset.form-columns-1 {
    width: 100%;
}




/* Colors */
:root .has-pale-pink-background-color {
  background-color: #f78da7
}

:root .has-vivid-red-background-color {
  background-color: #cf2e2e
}

:root .has-luminous-vivid-orange-background-color {
  background-color: #ff6900
}

:root .has-luminous-vivid-amber-background-color {
  background-color: #fcb900
}

:root .has-light-green-cyan-background-color {
  background-color: #7bdcb5
}

:root .has-vivid-green-cyan-background-color {
  background-color: #00d084
}

:root .has-pale-cyan-blue-background-color {
  background-color: #8ed1fc
}

:root .has-vivid-cyan-blue-background-color {
  background-color: #0693e3
}

:root .has-vivid-purple-background-color {
  background-color: #9b51e0
}

:root .has-very-light-gray-background-color {
  background-color: #eee
}

:root .has-cyan-bluish-gray-background-color {
  background-color: #abb8c3
}

:root .has-very-dark-gray-background-color {
  background-color: #313131
}

:root .has-pale-pink-color {
  color: #f78da7
}

:root .has-vivid-red-color {
  color: #cf2e2e
}

:root .has-luminous-vivid-orange-color {
  color: #ff6900
}

:root .has-luminous-vivid-amber-color {
  color: #fcb900
}

:root .has-light-green-cyan-color {
  color: #7bdcb5
}

:root .has-vivid-green-cyan-color {
  color: #00d084
}

:root .has-pale-cyan-blue-color {
  color: #8ed1fc
}

:root .has-vivid-cyan-blue-color {
  color: #0693e3
}

:root .has-vivid-purple-color {
  color: #9b51e0
}

:root .has-very-light-gray-color {
  color: #eee
}

:root .has-cyan-bluish-gray-color {
  color: #abb8c3
}

:root .has-very-dark-gray-color {
  color: #313131
}

:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  background: linear-gradient(135deg, #0693e3, #9b51e0)
}

:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
  background: linear-gradient(135deg, #00d084, #0693e3)
}

:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  background: linear-gradient(135deg, #7adcb4, #00d082)
}

:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  background: linear-gradient(135deg, #fcb900, #ff6900)
}

:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
  background: linear-gradient(135deg, #ff6900, #cf2e2e)
}

:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  background: linear-gradient(135deg, #eee, #a9b8c3)
}

:root .has-cool-to-warm-spectrum-gradient-background {
  background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}

:root .has-blush-light-purple-gradient-background {
  background: linear-gradient(135deg, #ffceec, #9896f0)
}

:root .has-blush-bordeaux-gradient-background {
  background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}

:root .has-purple-crush-gradient-background {
  background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}

:root .has-luminous-dusk-gradient-background {
  background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}

:root .has-hazy-dawn-gradient-background {
  background: linear-gradient(135deg, #faaca8, #dad0ec)
}

:root .has-pale-ocean-gradient-background {
  background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}

:root .has-electric-grass-gradient-background {
  background: linear-gradient(135deg, #caf880, #71ce7e)
}

:root .has-subdued-olive-gradient-background {
  background: linear-gradient(135deg, #fafae1, #67a671)
}

:root .has-atomic-cream-gradient-background {
  background: linear-gradient(135deg, #fdd79a, #004a59)
}

:root .has-nightshade-gradient-background {
  background: linear-gradient(135deg, #330968, #31cdcf)
}

:root .has-midnight-gradient-background {
  background: linear-gradient(135deg, #020381, #2874fc)
}

.has-small-font-size {
  font-size: 13px
}

.has-normal-font-size,
.has-regular-font-size {
  font-size: 16px
}

.has-medium-font-size {
  font-size: 20px
}

.has-large-font-size {
  font-size: 36px
}

.has-huge-font-size,
.has-larger-font-size {
  font-size: 42px
}

.has-text-align-center {
  text-align: center
}

.has-text-align-left {
  text-align: left
}

.has-text-align-right {
  text-align: right
}
/* General Styles */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent
}

a:active,
a:hover {
  outline: 0
}

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

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 0
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText
}

input {
  line-height: normal
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

input[type=search] {
  -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

html {
  box-sizing: border-box
}

*,
*:before,
*:after {
  box-sizing: inherit
}

button,
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: 0 0;
  border: 0;
  color: inherit;
  font: inherit;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: auto
}

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

figure {
  margin: 0
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

img,
video {
  height: auto;
  max-width: 100%
}

p:first-of-type {
  margin-top: 0
}

p:last-of-type {
  margin-bottom: 0
}

a,
label,
select,
option,
button {
  cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  font-weight: 400;
  margin: 1rem 0
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 15%, 0)
  }

  100% {
    opacity: 1;
    transform: none
  }
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -15%, 0)
  }

  100% {
    opacity: 1;
    transform: none
  }
}

@keyframes over-scale {
  0% {
    opacity: 0;
    transform: scale(0)
  }

  70% {
    transform: scale(1.1)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

body,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6,
small,
em,
strong,
input,
button {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  display: block;
  margin: 1rem 0;
  font-weight: 700;
  line-height: 1.1em
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit
}

h1,
.h1 {
  font-size: calc(36px + 24*((100vw - 420px)/604))
}

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

  h1,
  .h1 {
    font-size: 36px
  }
}

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

  h1,
  .h1 {
    font-size: 60px
  }
}

h2,
.h2 {
  font-size: calc(28px + 8*((100vw - 420px)/604))
}

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

  h2,
  .h2 {
    font-size: 28px
  }
}

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

  h2,
  .h2 {
    font-size: 36px
  }
}

h3,
.h3 {
  font-size: calc(26px + 8*((100vw - 420px)/604))
}

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

  h3,
  .h3 {
    font-size: 26px
  }
}

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

  h3,
  .h3 {
    font-size: 34px
  }
}

h4,
.h4 {
  font-size: calc(24px + 2*((100vw - 420px)/604))
}

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

  h4,
  .h4 {
    font-size: 24px
  }
}

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

  h4,
  .h4 {
    font-size: 26px
  }
}

h5,
.h5 {
  font-size: calc(20px + 4*((100vw - 420px)/604))
}

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

  h5,
  .h5 {
    font-size: 20px
  }
}

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

  h5,
  .h5 {
    font-size: 24px
  }
}

h6,
.h6 {
  font-size: calc(18px + 4*((100vw - 420px)/604))
}

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

  h6,
  .h6 {
    font-size: 18px
  }
}

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

  h6,
  .h6 {
    font-size: 22px
  }
}

strong {
  font-weight: 700
}

em {
  font-style: italic
}

a {
  text-decoration: none
}

p a {
  color: #222bf9;
  font-weight: 500
}

nav ul {
  margin: 0;
  padding: 0
}

nav ul:after {
  clear: both;
  content: '';
  display: table
}

nav ul li {
  float: left;
  list-style-type: none;
  margin-right: 20px
}

nav ul li:last-child {
  margin-right: 0
}

blockquote {
  margin: 0
}

blockquote cite {
  display: block
}

.max-container {
  width: auto;
  max-width: 1600px;
  float: none !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  background: #fff
}

.max-container:after {
  clear: both;
  content: '';
  display: table
}

.container {
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%
}

.container:after {
  clear: both;
  content: '';
  display: table
}

@media (max-width:767px) {
  .container {
    padding-left: 5%;
    padding-right: 5%
  }
}

.container-narrow {
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%
}

.container-narrow:after {
  clear: both;
  content: '';
  display: table
}

.content {
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%
}

.content:after {
  clear: both;
  content: '';
  display: table
}

hr {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  height: 0;
  padding: 0;
  margin: 60px 0
}

body,
html {
  position: relative;
  min-height: 100vh;
  left: 0;
  background: #f8f8f8;
  transition: left .5s
}

.is-locked,
.modal-locked,
html.is-locked,
html.modal-locked {
  position: relative;
  min-height: 100%;
  height: auto;
  overflow: hidden
}

html {
  -webkit-text-size-adjust: 100%
}

body {
  overflow-x: hidden
}

.page-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #252d53;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transition: z-index .35s, opacity .35s, visibility .35s
}

.page-overlay.is-active {
  opacity: .5;
  visibility: visible;
  z-index: 20
}

main.vector-bg {
  position: relative;
  z-index: 0
}

main.vector-bg img.bg-left {
  position: absolute;
  width: 50%;
  bottom: 0;
  left: 0
}

main.vector-bg img.bg-right {
  position: absolute;
  width: 50%;
  top: 0;
  right: 0
}
/* Page Lost */
section.im-lost {
  background: linear-gradient(149.15deg, #281283 24.04%, rgba(40, 18, 131, 0) 84.24%), #7a327e;
  max-width: 100%
}

section.im-lost .content {
  display: flex;
  align-items: center;
  justify-content: center
}

section.im-lost .im-lost-content {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 50px
}

@media (max-width:767px) {
  section.im-lost .im-lost-content {
    padding-bottom: 60px
  }
}

section.im-lost .im-lost-content img {
  margin-bottom: -26%
}

section.im-lost .im-lost-content .copy-wrap {
  text-align: center;
  max-width: 700px;
  margin: 0 auto
}

section.im-lost .im-lost-content .copy-wrap p {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  position: relative
}

section.im-lost .im-lost-content .copy-wrap p:first-child {
  z-index: 1
}

section.im-lost .im-lost-content .copy-wrap p span {
  background-color: #682b7f;
  padding: 5px 10px
}

section.im-lost .im-lost-content .copy-wrap a.btn {
  margin-top: 20px
}

section.im-lost .im-lost-content .btn-wrap {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

section.im-lost .im-lost-content .btn-wrap a {
  margin-right: 15px;
  min-width: 149px
}
/* Utility Layout */
.flex {
  display: flex
}

.flex.wrap {
  flex-wrap: wrap
}

.flex.j-sb {
  justify-content: space-between;
}

.flex.j-c {
  justify-content: center;
}

.flex.a-c {
  align-items: center;
}

.flex.center {
  align-items: center;
  justify-content: center
}

.flex.d-column {
  flex-direction: column;
}
/* Uitlity Animations */
@keyframes intro {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }

  50% {
    transform: translateY(-10px) translateX(10px);
    opacity: 0;
  }

  51% {
    transform: translateY(10px) translateX(-10px);
    opacity: 0;
  }

  100% {
    transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

@keyframes dotLoading {
  0% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }

  33% {
    transform: scale(1.3);
    background: rgba(0, 0, 0, .5);
  }

  66% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }

  100% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }
}

@keyframes scanner {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  50%,
  90% {
    opacity: 1;
    transform: translateY(470px);
  }

  100% {
    opacity: 0;
    transform: translateY(470px);
  }
}

@keyframes scannerTablet {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  50%,
  90% {
    opacity: 1;
    transform: translateY(352px);
  }

  100% {
    opacity: 0;
    transform: translateY(352px);
  }
}

@keyframes scannerMobile {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  40%,
  90% {
    opacity: 1;
    transform: translateY(247px);
  }

  100% {
    opacity: 0;
    transform: translateY(247px)
  }
}

@keyframes changeColor {
  0% {
    color: #242e54
  }

  3% {
    color: #ff44ac
  }

  6%,
  100% {
    color: #242e54
  }
}

@keyframes tooltip {
  0% {
    opacity: 0;
    transform: translateY(15px) scale(.9);
  }

  10%,
  60% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  70%,
  100% {
    opacity: 0;
    transform: translateY(15px) scale(.9)
  }
}
/* Utility Buttons */
.btn {
  border-radius: 0;
  color: #252d53;
  border-radius: 50px;
  font-style: normal;
  letter-spacing: 2px;
  padding: 12px 30px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 600;
  transition: color .25s ease, background .25s ease
}

.btn.huge {
  font-size: .8125rem
}

.btn.big {
  font-size: .75rem
}

.btn.small {
  font-size: .625rem
}

.btn.orange {
  background: #faaf3a
}

.btn.orange:hover {
  background-color: #f99b08
}

.btn.purple {
  background: rgba(35, 8, 103, .5);
  color: #fff
}

.btn.purple:hover {
  background-color: rgba(19, 4, 56, .5)
}

.btn.purple-light {
  background: rgba(53, 22, 146, .2);
  color: #fff
}

.btn.purple-light:hover {
  background-color: rgba(53, 22, 146, .4)
}

.btn.purple-dark {
  background: #230867;
  color: #fff
}

.btn.purple-dark:hover {
  background-color: #130438
}

.btn.coral-gradient {
  background: linear-gradient(90deg, #FC6767 0%, #EC008C 100%);
  color: #fff;
  transition: .35s all ease;
}

.btn.coral-gradient:hover {
  background: linear-gradient(120deg, #FC6767 10%, #EC008C 100%);
  transition: .35s all ease;
}

.btn.green {
  background: #07d98e;
  color: #fff
}

.btn.green:hover {
  background-color: #05a86e
}

.btn.center {
  display: table;
  margin: 0 auto
}

.btn.inverse {
  border: 1px solid #000;
  background-color: transparent
}

.btn.inverse.orange {
  border: 2px solid #faaf3a;
  background: 0 0;
  color: #faaf3a
}

.btn.inverse.orange:hover {
  background: #faaf3a;
  color: #fff
}

.btn.inverse.blue {
  border: 2px solid #222bf9;
  background: 0 0;
  color: #222bf9
}

.btn.inverse.blue:hover {
  background: #222bf9;
  color: #fff
}
/* Module Footer */
footer[role=contentinfo] {
  background: #252d53;
  padding: 60px 0 100px;
  overflow: hidden
}

footer[role=contentinfo] a,
footer[role=contentinfo] p,
footer[role=contentinfo] strong {
  color: #fff
}

footer[role=contentinfo] img.f-logo {
  width: 143px
}

footer[role=contentinfo] .col-info {
  width: 270px;
  padding-right: 2%;
  border-right: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1024px) {
  footer[role=contentinfo] .col-info {
    width: 100%;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 35px;
    padding-bottom: 10px;
    text-align: center
  }
}

footer[role=contentinfo] .col-sitemap {
  width: calc(100% - 270px);
  padding-left: 4%;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:1024px) {
  footer[role=contentinfo] .col-sitemap {
    width: 100%;
    padding-left: 0
  }
}

footer[role=contentinfo] .info-container {
  margin-top: 25px
}

@media (max-width:1024px) {
  footer[role=contentinfo] .info-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap
  }
}

footer[role=contentinfo] .info-row {
  margin-bottom: 20px
}

@media (max-width:1024px) {
  footer[role=contentinfo] .info-row {
    width: calc(100%/3);
    flex-direction: column;
    justify-content: flex-start
  }
}

@media (max-width:640px) {
  footer[role=contentinfo] .info-row {
    width: 100%;
    margin-bottom: 40px
  }
}

footer[role=contentinfo] .info-row a {
  display: block;
  transition: .35s
}

footer[role=contentinfo] .info-row a p {
  transition: .35s
}

footer[role=contentinfo] .info-row a strong {
  font-weight: 700;
  transition: .35s
}

footer[role=contentinfo] .info-row a:hover,
footer[role=contentinfo] .info-row a:hover p,
footer[role=contentinfo] .info-row a:hover strong {
  color: #00a0e3
}

footer[role=contentinfo] .info-title {
  width: 100px
}

@media (max-width:1024px) {
  footer[role=contentinfo] .info-title {
    text-align: center;
    width: 100%;
    margin-bottom: 10px
  }
}

footer[role=contentinfo] .info-title p {
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .5)
}

@media (max-width:1024px) {
  footer[role=contentinfo] .info-title p {
    font-size: 13px
  }
}

footer[role=contentinfo] .info-text {
  width: calc(100% - 100px)
}

@media (max-width:1024px) {
  footer[role=contentinfo] .info-text {
    text-align: center;
    width: 100%
  }
}

footer[role=contentinfo] .info-text a,
footer[role=contentinfo] .info-text p {
  font-size: 12px;
  margin: 0;
  line-height: 1.6em
}

@media (max-width:1024px) {

  footer[role=contentinfo] .info-text a,
  footer[role=contentinfo] .info-text p {
    font-size: 14px
  }
}

footer[role=contentinfo] .site-link-wrap {
  width: 100%;
  flex-wrap: wrap
}

footer[role=contentinfo] .site-link-col {
  flex: 1;
  padding-right: 5%;
  flex-direction: column;
  width: calc(100%/5)
}

@media (max-width:1024px) {
  footer[role=contentinfo] .site-link-col {
    padding-right: 0;
    width: calc(100%/3)
  }
}

footer[role=contentinfo] .site-link-col a {
  font-size: 12px;
  display: block;
  padding-bottom: 15px;
  line-height: 1.2em
}

@media (max-width:1024px) {
  footer[role=contentinfo] .site-link-col a {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 14px
  }
}

footer[role=contentinfo] .site-link-col span {
  transition: .35s
}

footer[role=contentinfo] .site-link-col a:not(:first-of-type):hover span {
  color: #00a0e3
}

footer[role=contentinfo] .site-link-col a:first-of-type {
  font-size: 13px;
  padding-bottom: 37px;
  padding-top: 3px;
  font-weight: 700
}

footer[role=contentinfo] .site-link-col a:first-of-type:hover {
  color: #00a0e3
}

@media (max-width:1024px) {
  footer[role=contentinfo] .site-link-col a:first-of-type {
    font-size: 14px;
    padding-bottom: 20px
  }
}

footer[role=contentinfo] .site-link-col:last-child {
  padding-right: 0
}

@media (max-width:1024px) {
  footer[role=contentinfo] .site-link-col {
    flex: none;
    margin-bottom: 60px
  }
}

@media (max-width:640px) {
  footer[role=contentinfo] .site-link-col {
    width: 100%;
    text-align: center;
    padding-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 30px;
    padding-bottom: 20px
  }
}

footer[role=contentinfo] .ss-wrap {
  width: 100%;
  justify-content: flex-end;
  margin-top: 30px
}

footer[role=contentinfo] .ss-wrap a {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .5);
  transition: .35s;
  margin: 0 3px
}

footer[role=contentinfo] .ss-wrap a:hover {
  background: #00a0e3
}

footer[role=contentinfo] .ss-wrap svg {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

footer[role=contentinfo] .ss-wrap * {
  fill: #252d53
}

@media (max-width:1024px) {
  footer[role=contentinfo] .ss-wrap {
    margin-top: 60px
  }

  footer[role=contentinfo] .ss-wrap a {
    margin: 0 5px
  }
}

@media (max-width:1024px) {
  footer[role=contentinfo] .ss-wrap {
    margin-top: 0;
    justify-content: center
  }
}

footer[role=contentinfo] .footer-copyright {
  margin-top: 50px;
  text-align: center;
  font-size: 12px
}

footer[role=contentinfo] .footer-copyright a {
  padding: 0 3px;
  transition: .35s
}

footer[role=contentinfo] .footer-copyright a:hover {
  color: #00a0e3
}
/* Module Navigation */
header[role=navigation] {
  z-index: 50;
  position: relative
}

@media (max-width:1024px) {
  .gnav-desktop {
    display: none
  }
}

@media (min-width:1025px) {
  .gnav-mobile {
    display: none
  }
}

.gnav-desktop .gnav-top-sec {
  background: #363a4c
}

.gnav-desktop .gnav-top-nav {
  position: relative;
  justify-content: flex-end
}

.gnav-desktop .gnav-top-nav ul {
  margin: 0;
  list-style: none
}

.gnav-desktop .gnav-top-nav li a {
  display: block;
  padding: 11px 30px;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  background: #363a4c;
  transition: background .35s;
  position: relative
}

.gnav-desktop .gnav-top-nav li:last-of-type a {
  padding: 11px 30px 11px 48px;
  background: #484c63
}

.gnav-desktop .gnav-top-nav li a:hover {
  background: #484c63
}

.gnav-desktop .gnav-top-nav li a svg {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 25px;
  transform: translateY(-50%)
}

.gnav-desktop .gnav-btm-sec {
  background: #fff
}

.gnav-desktop .gnav-btm-sec .container:after {
  content: none
}

.gnav-desktop .gnav-btm-sec .logo-wrap a {
  display: block
}

.gnav-desktop .gnav-btm-sec .logo-wrap img {
  width: 143px;
  display: block
}

.gnav-desktop .gnav-btm-sec .logo-wrap svg {
  width: 167px;
  height: 46px;
  display: block
}

.gnav-desktop .gnav-btm-nav {
  height: 66px
}

.gnav-desktop .gnav-btm-nav ul.lv1 {
  margin: 0 20px 0 0;
  list-style: none
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1.narrow {
  position: relative
}

.gnav-desktop .gnav-btm-nav a.lv1 {
  height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 20px
}

.gnav-desktop .gnav-btm-nav a.lv1 span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 700;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  transition: border-bottom .35s
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span {
  border-bottom-color: #222bf9
}

.gnav-desktop .gnav-btm-nav .submenu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s, top .35s
}

.gnav-desktop .gnav-btm-nav .submenu .cols-wrap {
  background: #fff;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: background .35s, box-shadow 1.35s
}

.gnav-desktop .gnav-btm-nav .submenu .col {
  flex: 1;
  padding: 85px 20px 25px;
  position: relative
}

.gnav-desktop .gnav-btm-nav .submenu .col:last-of-type:before {
  content: none
}

.gnav-desktop .gnav-btm-nav .submenu .col:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eee
}

.gnav-desktop .gnav-btm-nav .submenu.narrow {
  width: 400px;
  left: 50%;
  transform: translateX(-50%)
}

.gnav-desktop .gnav-btm-nav .submenu.narrow .cols-wrap {
  justify-content: center
}

.gnav-desktop .gnav-btm-nav .submenu.narrow .col {
  max-width: 200px
}

.gnav-desktop .gnav-btm-nav li.lv1:hover .submenu,
.gnav-desktop .gnav-btm-nav .submenu.is-active {
  top: 100%;
  opacity: 1;
  visibility: visible;  
  width: 100% !important;
  pointer-events: auto
}

.gnav-desktop .gnav-btm-nav li.lv1:hover .submenu .cols-wrap,
.gnav-desktop .gnav-btm-nav .submenu.is-active .cols-wrap {
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .25)
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col {
  padding: 98px 20px 25px
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap {
  background: #252b52
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-link {
  padding-right: 20px
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-link span {
  color: #fff
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .lv2-desc {
  color: rgba(254, 254, 254, .75)
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .icon {
  display: none
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  color: rgba(255, 255, 255, .5);
  border-bottom: 1px solid transparent;
  transition: color .35s, border .35s
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: rgba(255, 255, 255, .8);
  border-bottom: 1px solid rgba(255, 255, 255, .8)
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link svg {
  display: none
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:first-of-type .lv2-link:hover span * {
  stroke: #fff
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap:before {
  content: none
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item {
  color: #222bf9
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item svg {
  right: -15px;
  opacity: 1
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item * {
  stroke: #222bf9
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  position: absolute;
  top: 25px;
  left: 20px;
  width: 56px;
  height: 56px
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon svg {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .cell:not(:first-of-type) .lv2-link {
  padding-bottom: 10px
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link {
  font-size: 13px;
  font-weight: 700;
  padding-right: 10px;
  width: 100%;
  display: block;
  padding-bottom: 15px;
  line-height: 1.1em
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span svg {
  right: -15px;
  opacity: 1
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #363a4c;
  transition: color .35s
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span svg {
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 4px;
  opacity: 0;
  transition: opacity .35s, right .35s
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span svg * {
  transition: stroke .35s, fill .35s
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  font-size: 13px;
  line-height: 1.34em;
  color: #485589
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover {
  background: #ba197a
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover span {
  color: #fff
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover:before {
  content: none
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon svg * {
  stroke: #fff
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 40px;
  height: 40px
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon img {
  position: absolute;
  height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon svg {
  width: 100%;
  height: 100%
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link {
  font-size: 15px;
  font-weight: 700;
  width: 100%;
  display: block;
  padding-bottom: 15px;
  text-align: center;
  line-height: 1.3em
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #252d53;
  transition: 0s
}

.gnav-m-mainbar {
  background: #fff;
  width: 100%;
  height: 53px;
  display: block;
  position: relative
}

.gnav-m-mainbar .logo-wrap {
  position: absolute;
  top: 50%;
  left: 5%;
  line-height: 1;
  transform: translateY(-50%)
}

.gnav-m-mainbar .logo-wrap img {
  width: 114px;
  display: block
}

header.is-active .gnav-m-panel-lv1 {
  right: 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, .3)
}

header.is-active .gnav-m-panel-lv2.is-active {
  right: 0;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, .3)
}

.gnav-m-panel {
  overflow: auto;
  padding: 20px 20px 60px
}

.gnav-m-panel .logo-wrap,
.gnav-m-panel .logo-wrap img {
  display: inline-block
}

.gnav-m-panel .logo-wrap img {
  width: 114px;
  display: block
}

.gnav-m-panel .list-wrap {
  padding: 25px 0 0
}

.gnav-m-panel-lv1,
.gnav-m-panel-lv2 {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: .5s
}

.gnav-m-panel-heading {
  padding-top: 4px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e2e2;
  position: relative
}

.gnav-m-panel-heading h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  padding-left: 20px;
  padding-right: 42px;
  position: relative;
  line-height: 1em;
  cursor: pointer
}

.gnav-m-panel-heading h3 svg {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) rotate(-180deg);
  width: 14px;
  height: 23px
}

.gnav-m-panel-lv1 {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100vh;
  background: #fff;
  z-index: 70
}

.gnav-m-panel-lv1 .link-list a.lv1-link,
.gnav-m-panel-lv1 .contact-list a.lv1-link {
  display: block;
  padding-right: 20px;
  padding-bottom: 20px
}

.gnav-m-panel-lv1 .link-list a.lv1-link span,
.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  position: relative;
  display: inline-block
}

.gnav-m-panel-lv1 .link-list a.lv1-link svg,
.gnav-m-panel-lv1 .contact-list a.lv1-link svg {
  position: absolute;
  width: 13px;
  height: 16px;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  right: -15px
}

.gnav-m-panel-lv1 .link-list a.lv1-link span {
  font-size: 16px;
  font-weight: 700;
  color: #252d53
}

.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  font-size: 14px;
  color: #252d53;
  display: inline-block
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: 1px solid #e3e2e2;
  margin-top: 15px;
  padding-top: 20px
}

.gnav-m-panel-lv1 .lv1-cta .btn {
  width: 100%;
  font-size: 15px
}

.gnav-m-panel-lv2 {
  position: fixed;
  top: 0;
  right: -280px;
  width: 280px;
  height: 100vh;
  background: #fff;
  z-index: 80
}

.gnav-m-panel-lv2.is-active {
  right: 0
}

.gnav-m-panel-lv2 .gnav-m-panel-heading {
  padding-top: 3px
}

.gnav-m-panel-lv2.has-description .list-wrap {
  display: flex;
  flex-direction: column
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type {
  order: 2;
  background: #252d53;
  position: relative;
  left: -20px;
  width: calc(100% + 40px);
  padding-top: 25px;
  padding-bottom: 40px
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a:first-child {
  padding: 3px 20px 14px
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a:first-child span {
  font-size: 15px
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a {
  color: #fff;
  padding: 3px 20px 6px
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type a span {
  top: 0;
  font-size: 13px
}

.gnav-m-panel-lv2.has-description .item-section {
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #e3e2e2
}

.gnav-m-panel-lv2.has-description .item-section:last-child {
  border-bottom: 0
}

.gnav-m-panel-lv2.has-description .item-section a {
  position: relative;
  display: block;
  padding-left: 60px;
  padding-right: 0;
  line-height: 1.3em;
  color: #485589
}

.gnav-m-panel-lv2.has-description .item-section a:last-child {
  padding-bottom: 0
}

.gnav-m-panel-lv2.has-description .item-section a span {
  position: relative;
  top: 12px
}

.gnav-m-panel-lv2.has-description .item-section a > span svg {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 13px;
  height: 16px;
  transform: translateY(-50%);
  display: none
}

.gnav-m-panel-lv2.has-description .item-section p {
  font-size: 14px;
  color: #485589
}

.gnav-m-panel-lv2.has-description .item-section p.desc {
  position: relative;
  width: calc(100% + 60px);
  left: -60px;
  font-size: 13px;
  margin-top: 40px;
  line-height: 1.3em
}

.gnav-m-panel-lv2.has-description .icon-wrap {
  height: 50px;
  width: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.gnav-m-panel-lv2.has-description .icon-wrap svg {
  width: 100%;
  height: 100%
}

.gnav-m-panel-lv2.has-description .icon-wrap img {
  width: 100%
}

.gnav-m-panel-lv2.has-description .lv2-link {
  padding: 3px 0 20px;
  font-size: 15px;
  font-weight: 700;
  color: #252d53
}

.gnav-m-panel-lv2.has-description .lv2-sublink {
  padding: 8px 0
}

.gnav-m-panel-lv2.no-description .item-section {
  padding-bottom: 38px
}

.gnav-m-panel-lv2.no-description .item-section:last-child {
  border-bottom: 0
}

.gnav-m-panel-lv2.no-description .item-section a {
  display: block;
  position: relative;
  padding-left: 45px;
  padding-right: 20px;
  line-height: 1.3em;
  color: #485589
}

.gnav-m-panel-lv2.no-description .item-section a:last-child {
  padding-bottom: 0
}

.gnav-m-panel-lv2.no-description .item-section a span {
  position: relative;
  display: inline-block
}

.gnav-m-panel-lv2.no-description .item-section a > span svg {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 13px;
  height: 16px;
  transform: translateY(-50%)
}

.gnav-m-panel-lv2.no-description .icon-wrap svg {
  height: 28px;
  width: 28px;
  display: block;
  position: absolute;
  top: 0;
  left: 0
}

.gnav-m-panel-lv2.no-description .lv2-link {
  padding: 3px 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #252d53
}

.hamburger-wrap {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  position: absolute;
  right: 20px;
  top: 5px;
/*   position: fixed; */
  z-index: 100;
  transition: .5s
}

.hamburger-wrap.is-active {
  top: 10px
}

.hamburger-wrap.is-active,
.hamburger-wrap.is-shadow {
  box-shadow: 0px 5px 9px rgba(0, 0, 0, .1)
}

.hamburger-wrap .hamburger {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.hamburger {
  padding: 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: .15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger:hover {
  opacity: .7
}

.hamburger.is-active:hover {
  opacity: #ba197a
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #ba197a
}

.hamburger-box {
  width: 17px;
  height: 12px;
  display: inline-block;
  position: relative
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  width: 17px;
  height: 2px;
  background-color: #ba197a;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: .15s;
  transition-timing-function: ease
}

.hamburger-inner:before,
.hamburger-inner:after {
  content: "";
  display: block
}

.hamburger-inner:before {
  top: -5px
}

.hamburger-inner:after {
  bottom: -5px
}

.hamburger--spin .hamburger-inner {
  transition-duration: .22s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
  transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: .12s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1)
}
/* Form - HS Form Styles */
input,
textarea {
  font-style: normal;
  font-weight: 400;
  border: 1px solid rgba(74, 74, 74, .5);
  border-radius: 5px;
  color: #fff;
  background: rgba(218, 218, 218, .1);
  padding: 8px;
  margin: 0 1em 4rem 0;
  vertical-align: middle;
  outline: 0;
  text-align: center
}

input.error,
textarea.error {
  border-color: red
}

input {
  text-align: left;
  padding: 8px 8px 8px 20px
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
div.select-wrap select:focus,
div.select-wrap select:hover {
  border-color: #4a4a4a;
  color: #4a4a4a;
  background: 0 0
}

div.select-wrap {
  position: relative;
  margin-bottom: 2em
}

div.select-wrap:after {
  position: absolute;
  content: '';
  right: .7em;
  top: 50%;
  z-index: 2;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #9a9da9;
  height: 0;
  width: 0
}

div.select-wrap select {
  border: 1px solid transparent;
  box-sizing: border-box;
  border-radius: 0;
  line-height: 1.3em;
  width: 100%;
  background: rgba(218, 218, 218, .1);
  font-style: normal;
  font-weight: 400;
  color: #9a9da9;
  position: relative;
  height: 58px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  text-indent: 15px;
  padding: 0 6px;
  font-size: 20px
}

input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  background: 0 0;
  color: #4a4a4a;
  line-height: 60px;
  letter-spacing: 2px;
  height: 58px;
  border: 1px solid;
  padding: 0 50px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 0;
  text-transform: uppercase;
  margin-top: 20px
}

input[type=submit]:hover {
  background-color: #4a4a4a;
  color: #fff;
  border-color: #4a4a4a
}

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

form.hs-form * {
  font-family: proxima-nova, sans-serif
}

form.hs-form .hs-form-required {
  display: none
}

form.hs-form .hs-form-field,
form.hs-form .hs-dependent-field,
form.hs-form .hs_contact_purpose,
form.hs-form .hs-fieldtype-radio {
  width: calc(50% - 13px);
  margin-bottom: 18px
}

form.hs-form .hs-form-field.hs-gdpr_opt_in,
form.hs-form .hs-form-field.hs_message,
form.hs-form .hs-dependent-field.hs-gdpr_opt_in,
form.hs-form .hs-dependent-field.hs_message,
form.hs-form .hs_contact_purpose.hs-gdpr_opt_in,
form.hs-form .hs_contact_purpose.hs_message,
form.hs-form .hs-fieldtype-radio.hs-gdpr_opt_in,
form.hs-form .hs-fieldtype-radio.hs_message {
  width: 100%
}

form.hs-form .hs-dependent-field .hs-form-field {
  width: 100%;
  margin-bottom: 0
}

form.hs-form .hs-dependent-field .hs_expense_platform {
  margin-top: 26px
}

form.hs-form input[type=submit] {
  padding: 12px 36px;
  border-radius: 999px;
  background-color: #1d28f8;
  color: #fff;
  line-height: initial;
  font-size: 12px;
  height: initial
}

form.hs-form input,
form.hs-form select,
form.hs-form textarea {
  background: #fbfbfb;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  color: #252d53
}

form.hs-form input.invalid,
form.hs-form select.invalid,
form.hs-form textarea.invalid {
  border-color: #a64afd
}

form.hs-form input,
form.hs-form textarea {
  margin: 0;
  text-align: left;
  padding: 8px 8px 8px 20px
}

form.hs-form select {
  height: 40px
}

form.hs-form textarea {
  min-height: 100px
}

form.hs-form label {
  display: block;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: rgba(72, 85, 137, .75);
  margin-bottom: 5px
}

form.hs-form ul {
  list-style: none;
  padding: 0;
  margin: 0 0 10px
}

form.hs-form ul li label {
  display: flex
}

form.hs-form ul input {
  width: 26px;
  height: 26px
}

form.hs-form ul span {
  display: block;
  width: calc(100% - 26px);
  padding-left: 6px;
  line-height: 1.4em
}

form.hs-form .hs-fieldtype-radio ul.inputs-list {
  display: flex;
  align-items: center
}

form.hs-form .hs-fieldtype-radio ul.inputs-list li {
  margin-right: 25px
}

form.hs-form .legal-consent-container .hs-dependent-field {
  width: 100%
}

form.hs-form .legal-consent-container .hs-dependent-field span {
  margin: 0
}

div.hs-sub-form-container {
  position: relative
}

div.hs-sub-form-container form.hs-form label,
div.hs-sub-form-container form.hs-form div.hs-submit {
  display: none
}

div.hs-sub-form-container form.hs-form div.hs-email {
  width: 100%;
  margin-bottom: 0
}

div.hs-sub-form-container form.hs-form div.submitted-message {
  margin-top: 24px
}

div.hs-sub-form-container.inline form.hs-form div.hs-email {
  width: 100%
}

div.hs-sub-form-container.inline form.hs-form div.hs-email input[type=email] {
  width: 100%
}

div.hs-sub-form-container.inline form.hs-form div.hs-submit {
  width: 158px;
  margin: 20px auto 0;
  display: inline-block
}

div.hs-sub-form-container.inline form.hs-form div.hs-submit input[type=submit] {
  text-align: center
}
/* Module PS? */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto
}

.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  bottom: 0;
  position: absolute
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  right: 0;
  position: absolute
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: .6
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: .9
}

.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  bottom: 2px;
  position: absolute
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  right: 2px;
  position: absolute
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px
}

@supports (-ms-overflow-style:none) {
  .ps {
    overflow: auto !important
  }
}

@media screen and (-ms-high-contrast:active),
  (-ms-high-contrast:none) {
    .ps {
      overflow: auto !important
    }
}
/* Module Hero (Base?) */
.hero-module {
  overflow: hidden
}

.hero-module.purple-gradient .bg-color {
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 104.21%), #7a327e
}

.hero-module.pink-gradient .bg-color {
  background: linear-gradient(180deg, #7a327e 0%, rgba(218, 24, 132, 0) 100%), #da1884
}

.hero-module.blue-gradient .bg-color {
  background: linear-gradient(301.93deg, rgba(0, 160, 227, .85) 35.11%, rgba(0, 160, 227, 0) 82.58%), #693cef
}

.hero-module.skyblue-gradient .bg-color {
  background: linear-gradient(360deg, #00e3e3 2.62%, rgba(0, 227, 227, 0) 66.69%), #08aae7
}

.hero-module.seablue-gradient .bg-color {
  background: linear-gradient(148deg, #381e89 0%, rgba(0, 160, 227, .85) 100%)
}

.hero-module.green-gradient .bg-color {
  background: linear-gradient(327.55deg, #23de9b 19.7%, #11a7b0 74.08%)
}

.hero-module .bg-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
/* Module Hero 1 */
.hero-module-1 {
  position: relative;
  height: 570px;
  overflow: hidden
}

.hero-module-1 h1 {
  font-size: calc(30px + 20*((100vw - 420px)/604));
  color: #fff;
  margin-bottom: 13px
}

@media screen and (max-width:420px) {
  .hero-module-1 h1 {
    font-size: 30px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-1 h1 {
    font-size: 50px
  }
}

.hero-module-1 p {
  font-size: 18px;
  line-height: 1.5em;
  color: rgba(255, 255, 255, .75)
}

@media (max-width:640px) {
  .hero-module-1 p {
    font-size: 16px
  }
}

@media (max-width:640px) {
  .hero-module-1 {
    flex-direction: column;
    padding-top: 60px;
    height: initial
  }

  .hero-module-1 h1 {
    width: 100%;
    margin-bottom: 30px
  }

  .hero-module-1 p {
    width: 60%;
    font-size: 16px
  }
}

@media (max-width:420px) {
  .hero-module-1 p {
    font-size: 14px
  }
}

.hero-module-2 h1 {
  font-size: calc(32px + 10*((100vw - 420px)/604));
  color: #fff;
  margin-bottom: 40px
}

@media screen and (max-width:420px) {
  .hero-module-2 h1 {
    font-size: 32px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-2 h1 {
    font-size: 42px
  }
}

.hero-module-2 p {
  font-size: 18px;
  line-height: 1.5em;
  color: rgba(255, 255, 255, .75)
}

.hero-module-3 h1 {
  font-size: calc(32px + 10*((100vw - 420px)/604));
  max-width: 760px;
  width: 100%;
  margin: 0 auto 30px;
  color: #252d53
}

@media screen and (max-width:420px) {
  .hero-module-3 h1 {
    font-size: 32px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-3 h1 {
    font-size: 42px
  }
}

.hero-module-3 p {
  font-size: 18px;
  line-height: 1.5em;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  color: #556498
}

@media screen and (max-width:420px) {
  .hero-module-4 h1 {
    font-size: 32px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-4 h1 {
    font-size: 55px
  }
}

.hero-module-5 h1 {
  color: #252d53;
  margin-bottom: 23px;
  font-size: calc(30px + 20*((100vw - 420px)/604))
}

@media screen and (max-width:420px) {
  .hero-module-5 h1 {
    font-size: 30px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-5 h1 {
    font-size: 50px
  }
}

.hero-module-5 p {
  font-size: calc(16px + 2*((100vw - 420px)/604));
  line-height: 1.5em;
  color: #616ea2
}

@media screen and (max-width:420px) {
  .hero-module-5 p {
    font-size: 16px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-5 p {
    font-size: 18px
  }
}

@media (max-width:420px) {
  .hero-module-5 h1 {
    font-size: 30px
  }

  .hero-module-5 p {
    font-size: 14px
  }
}

@media screen and (max-width:420px) {
  .hero-module-6-short h1 {
    font-size: 35px
  }
}

@media screen and (min-width:1024px) {
  .hero-module-6-short h1 {
    font-size: 50px
  }
}
.mod-demo--signup3 a.btn {
  margin-top: 34px
}
/* General Copy Block */
.copy-block h2 {
  margin-bottom: 0;
  font-weight: 500
}

.copy-block .heading-line {
  margin: 35px 0
}

@media (max-width:767px) {
  .copy-block .heading-line {
    margin: 15px 0
  }
}

.copy-block p {
  font-size: 18px;
  color: rgba(72, 85, 137, .75)
}

.copy-block p a {
  color: #1d28f8
}
/* Module 4 Col Feature */
@media (max-width:768px) {
  .mod-4col-feature {
    padding-top: 80px
  }
}

.mod-4col-feature h3 {
  font-size: 26px;
  line-height: 1.1em;
  text-align: center;
  font-weight: 500;
  color: #252d53;
  margin-bottom: 30px
}

@media (min-width:961px) {
  .mod-4col-feature .cols-wrap {
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.mod-4col-feature .link-btn.is-active {
  background: #222bf9;
  color: #fff
} 

.mod-nextup .text-wrap:hover p {
  color: #1d28f8
}

.mod-nextup p {
  position: relative;
  font-weight: 500;
  color: #252d53;
  letter-spacing: .02em;
  font-size: 26px;
  transition: .35s
}

@media (max-width:768px) {
  .mod-nextup p {
    font-size: 20px
  }
}

.mod-nextup svg {
  width: 18px;
  height: 18px;
  position: relative;
  left: 0;
  transition: .25s
}

.mod-nextup svg * {
  stroke: #1d28f8
}
/* Page Scroll Animation */

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video .logo-col {
    border-left: 0 solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%
  }
}

.quote-module .testimonial-container.quote-video h4 {
  font-size: 20px;
  line-height: 1.1;
  color: #202640;
  font-weight: 500
}

.quote-module .testimonial-container.quote-video p {
  color: rgba(72, 85, 137, .79);
  font-size: 18px;
  line-height: 1.5
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video p {
    line-height: 1.3
  }
}

@media (max-width:640px) {
  .quote-module .text-col {
    width: 100%
  }
}

.quote-module .text-col p {
  margin: 0
}

@media (min-width:641px) {
  .quote-module .logo-col {
    padding-left: 5%;
    width: 25%;
    border-left: 1px solid #f7efef
  }
}

@media (max-width:640px) {
  .quote-module .logo-col {
    width: 100%;
    border-bottom: 1px solid #f7efef;
    padding-bottom: 20px;
    margin-bottom: 0px
  }
}

@media (max-width:640px) {
  .quote-module .quote {
    font-size: 18px
  }
}

.audited-total .total-num {
  position: relative;
  top: -3px;
  opacity: 0;
  transition: opacity .5s
}

@media (max-width:767px) {
  .audited-total .total-num {
    top: 0
  }
}

/* Page Home */

@media (max-width:960px) {
  .index .mod-demo--signup1 {
    margin-bottom: 80px
  }
}

.home-sec .container {
  padding-left: 10%;
  padding-right: 10%
}

@media (max-width:767px) {
  .home-sec .container {
    padding-left: 5%;
    padding-right: 5%
  }
}

.home-sec .text-box.center {
  text-align: center
}

.home-sec .text-box h2 {
  color: #252d53;
  font-weight: 500;
  margin-bottom: 40px;
  position: relative
}

.home-sec .text-box h2 sup {
  font-size: 30%;
  top: -1.7em;
  font-weight: 700
}

.home-sec .text-box p {
  color: #556498;
  font-size: 18px
}

.home-sec .text-box p a {
  color: #222bf9;
  border-bottom: 1px solid transparent;
  transition: .35s;
  font-weight: 500
}

.home-sec .text-box p a:hover {
  border-bottom-color: #222bf9
}

.home-sec .text-box .btn {
  margin-top: 40px
}
/* Module Home Intro */

@media (max-width:640px) {
  .home-platform .col p {
    font-size: 15px
  }
}

@media screen and (max-width:420px) {
  .svg-connect-dot-wrap .svg-circle span {
    font-size: 10px
  }
}

@media screen and (min-width:1024px) {
  .svg-connect-dot-wrap .svg-circle span {
    font-size: 12px
  }
}


@media (max-width:767px) {
  .invoice-top-address {
    padding: 7px 12px
  }
}

@media (max-width:767px) {
  .invoice-logo {
    margin-bottom: 11px
  }
}

.resources-video-player div {
  padding: 15px 25px
}

section.board-of-directors div.director h4 {
  font-size: 40px;
  color: #252d53;
  font-weight: 500;
  margin: 0
}

section.board-of-directors div.director .bio-toggle {
  font-family: proxima-nova, sans-serif;
  color: rgba(36, 46, 84, .5)
}

section.board-of-directors div.director div.details p {
  font-size: 16px;
  line-height: 150%;
  color: rgba(72, 85, 137, .79)
}

@media (max-width:767px) {
  section.board-of-directors div.director div.details a.link-out {
    justify-content: center
  }
}

section.our-investors div.container {
  text-align: center
}

section.our-investors h5 {
  color: #252d53;
  font-size: 16px;
  letter-spacing: .15em;
  position: relative;
  text-align: center;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 0
}

section.our-investors h5:before,
section.our-investors h5:after {
  background: #252d53;
  position: absolute;
  content: '';
  height: 2px;
  width: 50px
}

@media (max-width:767px) {

  section.our-investors h5:before,
  section.our-investors h5:after {
    width: 30px
  }
}

section.our-investors h5:before {
  left: -80px
}

@media (max-width:767px) {
  section.our-investors h5:before {
    left: -60px
  }
}

section.our-investors h5:after {
  right: -80px
}

@media (max-width:767px) {
  section.our-investors h5:after {
    right: -60px
  }
}

/* Module/Page Company Hero */

.company-highlight .heading-box h3 {
  font-weight: 500;
  color: #252d53;
  text-align: center;
  font-size: 32px;
  position: relative;
  margin-bottom: 40px
}

.company-highlight .heading-box p {
  max-width: 470px;
  margin: 0 auto;
  color: rgba(72, 85, 137, .79)
}

@media screen and (max-width:420px) {
  .usecase-zlayout .col-text h2 {
    font-size: 28px
  }
}

@media screen and (min-width:1024px) {
  .usecase-zlayout .col-text h2 {
    font-size: 36px
  }
}

/* Module/Page - Careers */
.career h2 {
  font-weight: 500
}

section.career-hero {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 500px;
  transform: translateX(-50%);
  background: linear-gradient(144deg, #00e3e3 0%, #08aae7 56%)
}

@media (max-width:639px) {
  section.career-hero {
    height: 350px;
    overflow: hidden
  }
}

section.career-hero figure {
  position: absolute;
  top: -46%;
  left: 0;
  height: 100%;
  width: 100%
}

section.career-hero figure svg {
  width: 120%
}

section.career-hero-content a.btn {
  margin-top: 45px
}

section.career-hero-content small {
  color: #fff;
  font-size: 18px
}

section.career-hero-content h1 {
  font-size: calc(28px + 14*((100vw - 420px)/604));
  color: #fff;
  font-weight: 500
}

@media screen and (max-width:420px) {
  section.career-hero-content h1 {
    font-size: 28px
  }
}

@media screen and (min-width:1024px) {
  section.career-hero-content h1 {
    font-size: 42px
  }
}

section.career-hero-content h2 {
  font-size: calc(22px + 14*((100vw - 420px)/604));
  color: #252d53;
  font-weight: 500;
  margin-top: 50px
}

@media screen and (max-width:420px) {
  section.career-hero-content h2 {
    font-size: 22px
  }
}

@media screen and (min-width:1024px) {
  section.career-hero-content h2 {
    font-size: 36px
  }
}

section.career-hero-content p {
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: rgba(72, 85, 137, .79)
}


.usecase-d-feature .container {
  padding: 0 10%
}



@media screen and (max-width:420px) {
  .why--intro h2 {
    font-size: 24px
  }
}

@media screen and (min-width:1024px) {
  .why--intro h2 {
    font-size: 28px
  }
}

@media (max-width:960px) {
  .why--intro .col .btn {
    position: static;
    display: table;
    margin: 30px auto 0;
    transform: none
  }
}

.why--intro small {
  font-size: 15px;
  color: #c1d1da;
  display: block;
  margin-top: 20px
}

.why--intro h5 {
  font-size: calc(20px + 4*((100vw - 420px)/604));
  color: #252d53;
  font-weight: 500;
  margin-top: 5px
}

@media screen and (max-width:420px) {
  .why--intro h5 {
    font-size: 20px
  }
}

@media screen and (min-width:1024px) {
  .why--intro h5 {
    font-size: 24px
  }
}

/* Module/Page Partners */
.partners div.headliner-container .headliner {
  color: #a64afd;
  margin: 0
}

.partners div.headliner-container .headliner:before,
.partners div.headliner-container .headliner:after {
  background-color: #a64afd
}

/* Page Affiliations */
.affiliations--certifications h3 {
  font-size: calc(27px + 5*((100vw - 420px)/604));
  color: #252d53;
  font-weight: 500;
  margin-bottom: 35px
}

@media screen and (max-width:420px) {
  .affiliations--certifications h3 {
    font-size: 27px
  }
}

@media screen and (min-width:1024px) {
  .affiliations--certifications h3 {
    font-size: 32px
  }
}

/* General Styles */

/* LP Benefits Narrow */

.hero-module.coral-gradient .bg-color {
  background: linear-gradient(328.45deg, #DA1884 15.91%, #F15F79 63.32%);transform: rotate(-180deg)
}

.hero-module-2 .pattern-s {position: absolute;top: -14%;left: 5%;mix-blend-mode: screen;opacity: 0.2;width: 40%;max-width: 363px}
.hero-module-2 .pattern-l {position: absolute;bottom: 6%;left: 38%;mix-blend-mode: screen;opacity: 0.25;width: 60%;max-width: 500px}
.audit-landing .hero-module-2 .top-link{position:relative;top:60px;left:0;text-transform:uppercase}
.audit-landing .hero-module-2 .screen-img svg{display:none}
.audit-landing .hero-module-2 .top-link a{padding-left:0}
.audit-landing .hero-module-2 .top-link svg{display:none} 
.audit-landing .usecase-d-zlayout .flex.j-sb{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.audit-landing .box-quote p{font-weight:500;}
.audit-landing .landing--video{padding:60px 0 0;}
.audit-landing .landing--video h2{font-size: 18px;line-height: 150%;margin-bottom:25px}
.audit-landing .landing--video figure{max-width:617px;border-radius:0;box-shadow:none;}
.audit-landing .home-sec .container{padding-left:10%;padding-right: 10%;}
.audit-landing .card small, audit-langind .card .linktext {text-transform:uppercase}
.mod-4col-feature .button-heading {list-style:none;font-weight:600;text-align:center;margin-top:30px;margin-bottom:0;padding-left:0}
.subprocessors table {width:100%;margin:30px 0 40px;border:1px solid #4A4A4A;border-spacing:0}
.subprocessors th, .subprocessors td {padding:5px 10px;border:1px solid #4A4A4A}
.subprocessors th {font-size:18px;color: rgb(74,74,74);font-weight:600;text-align:left}
.subprocessors td {font-size:18px;color: rgb(72,85,137);font-weight:500;}

@media (min-width: 768px) {
  .audit-landing .hero-module-2 .top-link{position:relative;top:0;left:0;}
  .audit-landing .hero-module-2 .textbox {padding:40px 0 100px;}
  .audit-landing .hero-module-2 h1 {margin-bottom:60px;}
  .audit-landing .hero-module-2 .container{padding-left:10%}
  .audit-landing .hero-module-2 .container::before {display:none!important}
  .audit-landing .usecase-d-zlayout .flex.j-sb{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
  .audit-landing .usecase-d-zlayout .col-main{margin-right:40px} 
  .audit-landing .usecase-d-zlayout .col-side{margin-top:75px;}
  .audit-landing .landing--video{padding:60px 0 0;}
  .audit-landing .landing--video h2{text-align:left;}
  .privacy section.link-hero article {padding: 60px 10px;}
  .services-agreement section.link-hero article {padding: 60px 10px;}
  .subprocessors section.link-hero article {padding: 60px 10px;}
  .privacy section.link-hero li{margin:10px 5px 0!important}
  .services-agreement section.link-hero li{margin:10px 5px 0!important}
  .subprocessors section.link-hero li{margin:10px 5px 0!important}
}

.platform .platform-intro {background-color:inherit}

/* Fix for Contact and demo Pages */
section.demo-form-container div.demo-form {
  min-height: 600px;
  transition: .2s all ease-in-out;
}
/* Main Nav - Products Nav */
ul.lv1 li.lv1:first-child section.cols-wrap.flex {
  display: block !important;
  float: left;
}
ul.lv1 li.lv1:first-child article.col.sub-links-wrap {
  flex: 2 1 208px !important;
  min-height: 391px;
  max-width: 220px;
  width: 100%;
  float: left;
}
ul.lv1 li.lv1:first-child a.col.has-description {
  float: left;
  width: 25%;
  min-height: 185px;
  padding: 98px 40px 25px;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  left: 40px;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .col {
  padding: 98px 34px 25px;
}
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .col:before {
  bottom: 0;
  top: unset;
  transform: none;
  height: 85%;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before, 
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(5):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(6):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before{
  content: '';
  top: 0;
  transform: none;
  height: 100%;
  position: absolute;
  right: 0;;
  width: 1px;
  background: #eee;
}
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before{
  display: none;
}
.submenu .icon img {
  width: 100%;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type { order: 10; } 
.gnav-m-panel-lv2.has-description .item-section:nth-of-type(2) { order: 1; } 
.gnav-m-panel-lv2.has-description .item-section:nth-of-type(5) { order: 2; } 
.gnav-m-panel-lv2.has-description .item-section:nth-of-type(3) { order: 3; } 
.gnav-m-panel-lv2.has-description .item-section:nth-of-type(6) { order: 4; border-bottom: 1px solid #e3e2e2;} 
.gnav-m-panel-lv2.has-description .item-section:nth-of-type(4) { order: 5; border-bottom: none;}  

.gnav-m-panel-lv2.has-description .item-section a:last-child {
  padding-bottom: 0;
}
.gnav-m-panel-lv2.has-description .icon-wrap {
  position: static;
}
.gnav-m-panel-lv2.has-description .item-section p.desc {
  position: static;
  margin-top: 20px;
  width: 100%;
}

.gnav-m-panel-lv2.has-description .item-section a {
  padding-left: 0px;
}   
.gnav-m-panel-lv2.has-description .item-section a>span svg {
  position: absolute;
  width: 10px;
  height: 10px;
  right: -10px;
  top: 50%;
  opacity: 0;
  display: block !important;
  transition: opacity .35s,right .35s;
}
.lv2-link:hover>span svg, 
.lv2-link:active>span svg, 
.lv2-link:focus>span svg {
  right: -15px !important;
  opacity: 1 !important;
}
.lv2-link:hover span *,
.lv2-link:active span *,
.lv2-link:focus span *,
.lv2-link:hover span,
.lv2-link:active span,
.lv2-link:focus span {
  color: #222bf9;
}
@media (max-width: 1100px) {
  ul.lv1 li.lv1:first-child a.col.has-description {
    padding: 98px 30px 25px;
  }
  .gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
    left: 30px;
  }
  .gnav-desktop .gnav-btm-nav .submenu.has-description .col {
    padding: 98px 24px 25px;
  }
}

.compare-table.flex>div.td-1 {
  flex: 3 1 400px;
}

@media (max-width: 460px) {
  .compare-title.td-1 h2 {
    position: absolute;
    top: -60px;
    left: 0;
  }

  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4 {
    flex: 1 1 70px;
  }

  .compare-table.flex>div.td-1 {
    flex: 3 1 105px;
  }

  .compare-table-wrapper p {
    font-size: 14px;
  }

  .compare-th p {
    font-size: 10px;
  }

  .compare-table.flex>div.compare-th.td-2,
  .compare-table.flex>div.compare-th.td-3,
  .compare-table.flex>div.compare-th.td-4 {
    flex: 1 1 98px;
  }

  .compare-table.flex>div.compare-title.td-1 {
    flex: 0;
  }
}

@media (max-width:412px) {

  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4 {
    flex: 1 1 48px;
  }

  .compare-table.flex>div.compare-th.td-2,
  .compare-table.flex>div.compare-th.td-3,
  .compare-table.flex>div.compare-th.td-4 {
    flex: 1 1 82px;
  }
}

@media (max-width:347px) {

  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4 {
    flex: 1 1 30px;
  }
}

/* Hide and show 960 */
@media (min-width: 960px) {
  .hide-small {
    display: none;
  }
}
@media (max-width: 960px) {
  .hide-large {
    display: none;
  }
}
/* Hero Text Box Mobile */
@media (max-width: 767px) {
  .hero-module.hero-master .container .textbox {
    width: 100%;
    max-width: unset;
  }
}
/* Change Footer Color */
footer[role=contentinfo] {
  background: #37127F;
}
/* USe Cases */
@media (min-width: 769px) {
  .usecase-zlayout .col-img {
    align-self: center;
  }
}
/* update font weights */
.home-sec .text-box h2, 
.mod-4col-feature p.name,
.index-new .mod-banner--trusted h2,
.mod-banner--trusted h2,
.mod-4col-feature h3,
.mod-demo--signup h2,
.mod-nextup p,
.products--expert h4,
.products-main h2,
.products-main .text-box h5,
.products-main .text-box .number-ball span,
.products-highlight .bottom-box h6{
  font-weight: 600;
}
.mod-4col-feature li,
.home-sec .text-box p,
.mod-demo--signup .desc,
.hero-module.hero-master p, .hero-module.hero-master p strong,
.mod-demo--signup2 .reps-box p,
.products--expert p,
.products-main .text-box p, .products-highlight .bottom-box p {
  font-weight: 500;
}
.btn.inverse.blue,
.gnav-desktop .btn.green, .gnav-mobile .btn.green, 
.btn.green {
  font-weight: 700 !important;
}
/* Company Hero */

/* adjust use case hero graphics */
.hero-module.hero-master .col-img.graphic-center img {
  max-height: 296px;
}
/* request demo adjustments */
.mod-demo--signup2 .reps-box p {
  line-height: 1.3em;
}
.mod-demo--signup2 .reps-box p:last-child {
  color: #ffffff80;
}

/* Start Nav update 02082021 */
.gnav-desktop .gnav-btm-sec {
  background-color: transparent;
}

.gnav-desktop .gnav-top-sec {
  background-color: transparent !important;
}

.gnav-desktop .gnav-top-sec .gnav-top-nav {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.gnav-desktop .gnav-top-nav li a {
  display: block;
  padding: 11px 30px;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 2px;
  background: transparent;
  transition: background .35s;
  position: relative;
  text-transform: uppercase;
}

.gnav-desktop .gnav-top-nav li a:hover {
  background: transparent;
}

.gnav-desktop .gnav-top-nav li:last-of-type a {
  padding: 11px 30px 11px 48px;
  background: transparent;
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span {
  border-bottom-color: transparent;
  position: relative;
}

.gnav-desktop .gnav-btm-nav li.lv1.is-active a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:active a.lv1 span:before,
.gnav-desktop .gnav-btm-nav li.lv1:hover a.lv1 span:before {
  content: '';
  position: absolute;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #80ff00;
}

.gnav-desktop .gnav-btm-nav li.lv1 a.lv1 span {
  color: #fff;
}

.gnav-desktop {
  position: absolute;
  width: 100%;
}

.gnav-desktop .btn.green,
.gnav-mobile .btn.green {
  background: #B9F637;
  color: #35196D;
  font-weight: 600;
  font-size: 13px;
  padding: 8px 20px;
}

.gnav-desktop .btn.green:hover,
.gnav-mobile .btn.green:hover {
  background-color: rgba(142, 245, 0, 1);
}

.gnav-desktop .gnav-btm-nav a.lv1 span {
  font-size: 16px;
  line-height: 1em;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  display: inline-block;
  padding-top: 3px;
  padding-bottom: 3px;
  transition: border-bottom .35s;
}

.gnav-desktop .gnav-btm-nav {
  height: 58px;
}

.gnav-desktop .gnav-top-nav li a:hover span:before {
  content: '';
  position: absolute;
  bottom: 6px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: #80ff00;
}

.gnav-desktop .gnav-top-nav li:first-child a:hover span:before {
  width: 38px;
}

.gnav-desktop .gnav-top-nav li:last-child a:hover span:before {
  width: 74px;
}


/* Company Submenu */
.gnav-desktop .gnav-btm-nav .submenu.no-description .col .icon svg * {
  stroke: #fff;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #fff;
  transition: 0s;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover .icon svg *,
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:active .icon svg *,
.gnav-desktop .gnav-btm-nav .submenu.no-description .col:focus .icon svg * {
  stroke: #B9F637;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover span {
  color: #B9F637;
}

.gnav-desktop .gnav-btm-nav .submenu .cols-wrap {
  background: #37127fe0;
  transition: background .35s, box-shadow 1.35s;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover {
  background: #ffffff05;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap {
  background: #ffffff05;
}

.gnav-desktop .gnav-btm-nav .submenu.no-description .col:hover:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eeeeee10;
  display: none;
}

.gnav-desktop .gnav-btm-nav .submenu .col:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 85%;
  background: #eeeeee10;
  display: none;
}

li.lv1.has-submenu:focus {
  outline: none;
}

/* Products Submenu */
ul.lv1 li.lv1:first-child a.col.has-description {
  float: left;
  width: 16%;
  min-height: unset;
  padding: 98px 20px 25px;
  min-height: 200px;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(2):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(3):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(4):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(5):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(6):before,
.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(7):before {
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  background: #eeeeee10;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 80%;
  display: block;
  display: none;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:nth-child(2):after {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  background: #eeeeee10;
  bottom: 0;
  top: unset;
  transform: none;
  height: 100%;
  display: none;
}

.gnav-desktop .gnav-btm-nav ul.lv1 li.lv1:first-child .submenu .cols-wrap a.col:last-child:before {
  display: none;
}

ul.lv1 li.lv1:first-child article.col.sub-links-wrap {
  min-height: unset;
  max-width: 196px;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-right: 12px;
  align-self: center;
}

ul.lv1 li.lv1:first-child section.cols-wrap.flex {
  display: flex !important;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link span {
  display: inline-block;
  position: relative;
  color: #fff;
  transition: color .35s;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  font-size: 13px;
  line-height: 1.34em;
  color: #ffffff80;
  transition: color .35s;
  letter-spacing: .5px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  font-weight: normal;
  letter-spacing: .5px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .sub-item,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item svg *,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .sub-item svg *,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .sub-item svg * {
  stroke: #80FF00;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .lv2-desc,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .lv2-desc,
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .lv2-desc {
  color: #80FF0080;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .sub-item {
  color: #80FF00;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .col .icon {
  left: 20px;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: #80FF0080;
  border-bottom: 1px solid #80FF0080;
  transition: .25s all ease;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span {
  color: #80FF00;
}

.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-link:hover span svg * {
  stroke: #80FF00;
}


/* Mobile Nav */
.gnav-m-mainbar {
  background: transparent;
  width: 100%;
  height: 53px;
  display: block;
  position: absolute;
}

.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
  background-color: #ffffff;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:before,
.hamburger.is-active .hamburger-inner:after {
  background-color: #ffffff;
}

.gnav-m-panel-lv1 {
  background: rgba(55, 18, 127, 0.95);
}

.hamburger-wrap {
  background: rgba(55, 18, 127, 0.9);
  box-shadow: 1px 1px 10px -4px #000000cf !important;
}

.hamburger-wrap.is-active {
  background: #ffffff10;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span {
  color: #fff;
}

.gnav-m-panel-lv1 .link-list a.lv1-link span svg * {
  stroke: #fff;
}

.gnav-m-panel-heading {
  border-bottom: 1px solid #eeeeee10;
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: 1px solid #eeeeee10;
}

/*.gnav-m-panel-lv2.has-description .item-section {
border-bottom: 1px solid #eeeeee10;
}

.gnav-m-panel-lv2.has-description .item-section:nth-of-type(6) {
border-bottom: 1px solid #eeeeee10;
}*/

.gnav-m-panel-lv2 {
  background: #37127F;
}

.gnav-m-panel-lv2.has-description .item-section:first-of-type {
  background: #ffffff10;
}

.gnav-m-panel-lv1 .link-list a.lv1-link:hover span,
.gnav-m-panel-lv1 .link-list a.lv1-link:active span,
.gnav-m-panel-lv1 .link-list a.lv1-link:focus span {
  color: #80FF00;
}

.gnav-m-panel-lv1 .link-list a.lv1-link:hover svg *,
.gnav-m-panel-lv1 .link-list a.lv1-link:active svg *,
.gnav-m-panel-lv1 .link-list a.lv1-link:focus svg * {
  stroke: #80FF00;
}

.gnav-m-panel-heading h3 {
  color: #fff;
}

.gnav-m-panel-heading h3 svg * {
  stroke: #fff;
}

.gnav-m-panel-heading h3:hover,
.gnav-m-panel-heading h3:active,
.gnav-m-panel-heading h3:focus {
  color: #80FF00;
}

.gnav-m-panel-heading h3:hover svg *,
.gnav-m-panel-heading h3:active svg *,
.gnav-m-panel-heading h3:focus svg * {
  stroke: #80FF00;
}

a.lv2-link span {
  color: #fff;
}

.gnav-m-panel-lv2.has-description .item-section a.lv2-link p {
  color: #ffffff80;
}

a.lv2-link span svg * {
  stroke: #fff;
}

a.lv2-link:hover span svg *,
a.lv2-link:active span svg *,
a.lv2-link:focus span svg * {
  stroke: #80FF00;
}

a.lv2-link .icon-wrap svg * {
  stroke: #fff;
}

a.lv2-link:hover .icon-wrap svg *,
a.lv2-link:active .icon-wrap svg *,
a.lv2-link:focus .icon-wrap svg * {
  stroke: #80FF00;
}

a.lv2-link:hover span,
a.lv2-link:active span,
a.lv2-link:focus span {
  color: #80FF00;
}

.gnav-m-panel-lv2.has-description .item-section a.lv2-link:hover p,
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:active p,
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:focus p {
  color: #80FF0080;
}

.gnav-m-panel-lv2.has-description .item-section {
  border-bottom: none;
}

.gnav-m-panel-lv2.has-description .item-section:nth-of-type(6) {
  border-bottom: none;
}

.gnav-m-panel-lv1 .contact-list a.lv1-link span {
  color: #fff;
}

.gnav-m-panel-lv1 .lv1-cta {
  border-top: none;
  margin-top: 0;
}

.gnav-m-panel-lv1 .contact-list a.lv1-link:hover span,
.gnav-m-panel-lv1 .contact-list a.lv1-link:active span,
.gnav-m-panel-lv1 .contact-list a.lv1-link:focus span {
  color: #80FF00;
}

/* Nav updates */
.gnav-desktop .gnav-btm-nav .submenu.has-description .lv2-desc {
  color: rgba(255, 255, 255, 0.9);
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:hover .lv2-desc, .gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:active .lv2-desc, .gnav-desktop .gnav-btm-nav .submenu.has-description .has-description:focus .lv2-desc {
  color: #80FF0095;
  transition: .25s all ease;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link span {
  color: rgba(255, 255, 255, 0.8);
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:not(:first-child) .lv2-link:hover span {
  color: #80FF00;
  border-bottom: 1px solid #80FF0099;
}
.gnav-desktop .gnav-btm-nav .submenu.has-description .sub-links-wrap .cell:first-of-type .lv2-link:hover span * {
  stroke: #80FF00;
}
.gnav-m-panel-lv2.has-description .item-section a.lv2-link p {
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.25px;
}
.gnav-m-panel-lv2.has-description .item-section a.lv2-link:hover p, .gnav-m-panel-lv2.has-description .item-section a.lv2-link:active p, .gnav-m-panel-lv2.has-description .item-section a.lv2-link:focus p {
  color: #80ff00d6;
}
.gnav-m-panel-lv2.has-description .item-section {
  margin-bottom: 8px;
}
/* end Customize update 03032021 */

/* Resouraces Blog listing - multiple tags */
.blog-content-field div small:nth-child(2) {
  padding-left: 8px;
  border-left: 1px solid;
  margin-left: 4px;
}
.blog-content-field div small:nth-child(3) {
  padding-left: 8px;
  border-left: 1px solid;
  margin-left: 4px;
}

.hero-center .hero-logo-item:first-child img.lp-hero-logo {
  width: 187px;
  padding-bottom: 18px;
}
.hero-center .hero-logo-item:first-child:last-child img.lp-hero-logo {
  width: unset;
  padding-bottom: unset;
}
.hero-center .hero-logo-item {
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0 !important;
  padding-right: 10px !important;
  padding-left: 10px !important;

}
.hero-center .hero-logo-item:first-child {
  position: relative;
  width: 100%;
  padding: 0;
  place-content: center;
  margin-bottom: 0;
}
.hero-center .hero-logo-item:first-child:last-child  {
  margin-bottom: 0px !important;
}
.hero-module h4 {
  margin-top: 0;
}

.benefits.flex.alternating-rows {
  padding-top: 20px;
} 

/* LP Related Posts */
div.post-related-articles div.title-block h3 {
  color: rgba(0,0,0,0.65);
}
.green.btn.huge {
  font-size: 14px;
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 15%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes fade-in-down {
  0% {
    opacity: 0;
    transform: translate3d(0, -15%, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

@keyframes over-scale {
  0% {
    opacity: 0;
    transform: scale(0);
  }

  70% {
    transform: scale(1.1);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* Utility Layout */
.flex {
  display: flex;
  display: -webkit-flex;
}

.flex.wrap {
  flex-wrap: wrap;
}

.flex.j-sb {
  justify-content: space-between;
}

.flex.j-c {
  justify-content: center;
}

.flex.a-c {
  align-items: center;
}

.flex.center {
  align-items: center;
  justify-content: center;
}

.flex.d-column {
  flex-direction: column
}
/* Uitlity Animations */
@keyframes intro {
  0% {
    transform: translateY(0) translateX(0);
    opacity: 1
  }

  50% {
    transform: translateY(-10px) translateX(10px);
    opacity: 0
  }

  51% {
    transform: translateY(10px) translateX(-10px);
    opacity: 0
  }

  100% {
    transform: translateY(0) translateX(0);
    opacity: 1
  }
}

@keyframes dotLoading {
  0% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }

  33% {
    transform: scale(1.3);
    background: rgba(0, 0, 0, .5);
  }

  66% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }

  100% {
    transform: scale(1);
    background: rgba(0, 0, 0, .25);
  }
}

@keyframes scanner {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  50%,
  90% {
    opacity: 1;
    transform: translateY(470px);
  }

  100% {
    opacity: 0;
    transform: translateY(470px);
  }
}

@keyframes scannerTablet {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  50%,
  90% {
    opacity: 1;
    transform: translateY(352px);
  }

  100% {
    opacity: 0;
    transform: translateY(352px);
  }
}

@keyframes scannerMobile {
  0% {
    opacity: 0;
    transform: translateY(0);
  }

  10% {
    opacity: 1;
  }

  40%,
  90% {
    opacity: 1;
    transform: translateY(247px);
  }

  100% {
    opacity: 0;
    transform: translateY(247px);
  }
}

@keyframes changeColor {
  0% {
    color: #242e54;
  }

  3% {
    color: #ff44ac;
  }

  6%,
  100% {
    color: #242e54;
  }
}

@keyframes tooltip {
  0% {
    opacity: 0;
    transform: translateY(15px) scale(.9);
  }

  10%,
  60% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  70%,
  100% {
    opacity: 0;
    transform: translateY(15px) scale(.9);
  }
}

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

form.hs-form * {
  font-family: proxima-nova, sans-serif;
}

form.hs-form .hs-form-required {
  display: none;
}

form.hs-form .hs-form-field,
form.hs-form .hs-dependent-field,
form.hs-form .hs_contact_purpose,
form.hs-form .hs-fieldtype-radio {
  width: calc(50% - 13px);
  margin-bottom: 18px;
}

form.hs-form .hs-form-field.hs-gdpr_opt_in,
form.hs-form .hs-form-field.hs_message,
form.hs-form .hs-dependent-field.hs-gdpr_opt_in,
form.hs-form .hs-dependent-field.hs_message,
form.hs-form .hs_contact_purpose.hs-gdpr_opt_in,
form.hs-form .hs_contact_purpose.hs_message,
form.hs-form .hs-fieldtype-radio.hs-gdpr_opt_in,
form.hs-form .hs-fieldtype-radio.hs_message {
  width: 100%;
}
form.hs-form .hs-dependent-field .hs-form-field {
  width: 100%;
  margin-bottom: 0;
}

form.hs-form .hs-dependent-field .hs_expense_platform {
  margin-top: 26px;
}

/* Module Hero (Base?) */
.hero-module {
  overflow: hidden;
}

.hero-module.purple-gradient .bg-color {
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 104.21%), #7a327e;
}

.hero-module.pink-gradient .bg-color {
  background: linear-gradient(180deg, #7a327e 0%, rgba(218, 24, 132, 0) 100%), #da1884;
}

.hero-module.blue-gradient .bg-color {
  background: linear-gradient(301.93deg, rgba(0, 160, 227, .85) 35.11%, rgba(0, 160, 227, 0) 82.58%), #693cef;
}

.hero-module.skyblue-gradient .bg-color {
  background: linear-gradient(360deg, #00e3e3 2.62%, rgba(0, 227, 227, 0) 66.69%), #08aae7;
}

.hero-module.seablue-gradient .bg-color {
  background: linear-gradient(148deg, #381e89 0%, rgba(0, 160, 227, .85) 100%);
}

.hero-module.green-gradient .bg-color {
  background: linear-gradient(327.55deg, #23de9b 19.7%, #11a7b0 74.08%);
}

.hero-module .bg-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
/* Module Hero 1 */
.hero-module-1 {
  position: relative;
  height: 570px;
  overflow: hidden;
}

.hero-module-1 h1 {
  color: #fff;
  margin-bottom: 13px;
}

.hero-module-1 p {
  line-height: 1.5em;
  color: rgba(255, 255, 255, .75);
}

@media (max-width:640px) {
  .hero-module-1 {
    flex-direction: column;
    padding-top: 60px;
    height: initial;
  }

  .hero-module-1 h1 {
    width: 100%;
    margin-bottom: 30px;
  }

  .hero-module-1 p {
    width: 60%;
  }
  .customer-stories .quote-module .testimonial-container.quote-video .logo-col {
    text-align: center;
    float: none;
    margin: 0px auto !important;
  }
}

.hero-module-1 .pattern-s {
  position: absolute;
  top: -14%;
  left: 5%;
  mix-blend-mode: multiply;
  opacity: .2;
  width: 40%;
  max-width: 363px;
}

.hero-module-1 .hero-img {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  max-width: initial;
  display: block;
}

@media (max-width:1024px) {
  .hero-module-1 .hero-img {
    right: -15%;
  }
}

@media (max-width:960px) {
  .hero-module-1 .hero-img {
    right: -23%;
  }
}

@media (max-width:768px) {
  .hero-module-1 .hero-img {
    right: -32%;
  }
}

@media (max-width:640px) {
  .hero-module-1 .hero-img {
    display: none;
  }
}

.hero-module-1 .hero-img-m {
  display: none;
  width: 100%;
  margin-top: -25%;
}

@media (max-width:640px) {
  .hero-module-1 .hero-img-m {
    display: block;
    position: relative;
  }
}

.hero-module-1 .container {
  position: relative;
  padding: 0 10%;
  z-index: 5;
}

@media (max-width:640px) {
  .hero-module-1 .container {
    position: static;
  }
}

.hero-module-1 .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center
}

.hero-module-1 .textbox {
  max-width: 550px;
  width: 60%;
}

@media (max-width:640px) {
  .hero-module-1 .textbox {
    max-width: initial;
    width: 100%;
  }
}

.hero-module-1 .textbox p {
  max-width: 410px;
  width: 100%;
}

.hero-module-1 .btn {
  margin-top: 60px;
}
/* Module Hero 2 */
.hero-module-2 {
  position: relative;
  min-height: 570px;
  overflow: visible;
  margin-bottom: 144px;
}

@media (min-width:769px) {
  .hero-module-2 {
    height: 570px;
  }
}

@media (max-width:1024px) {
  .hero-module-2 {
    border-bottom: 114px;
  }
}

@media (max-width:768px) {
  .hero-module-2 {
    flex-direction: column;
    margin-bottom: 20%;
  }
}

.hero-module-2 .pattern-s {
  position: absolute;
  top: -14%;
  left: 5%;
  mix-blend-mode: multiply;
  opacity: .1;
  width: 40%;
  max-width: 363px
}

.hero-module-2 .pattern-l {
  position: absolute;
  bottom: 6%;
  left: 40%;
  mix-blend-mode: multiply;
  opacity: .1;
  width: 40%;
  max-width: 363px;
}

@media (max-width:768px) {
  .hero-module-2 .pattern-l {
    bottom: 26%;
    left: 24%;
    width: 51%;
  }
}

.hero-module-2 .container {
  width: 100%;
  position: relative;
  z-index: 5;
  padding-left: 9%;
  position: relative;
}

@media (max-width:768px) {
  .hero-module-2 .container {
    padding-left: 5%;
  }
}

@media (max-width:640px) {
  .hero-module-2 .container {
    position: static;
  }
}

.hero-module-2 .container:before {
  content: '';
  position: absolute;
  bottom: -61px;
  left: 23.5%;
  width: 2px;
  height: 122px;
  background: #23de9b;
}

@media (max-width:1023px) {
  .hero-module-2 .container:before {
    display: none;
  }
}

.hero-module-2 .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center
}

.hero-module-2 .top-link {
  position: absolute;
  top: 50px;
  left: 6%;
}

.hero-module-2 .top-link a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.hero-module-2 .top-link svg {
  position: absolute;
  left: 0;
  top: 7px;
  transform: rotate(180deg);
  transition: all .2s ease;
}

.hero-module-2 .top-link * {
  stroke: #fff;
}

.hero-module-2 .top-link:hover svg {
  left: -3px;
}

.hero-module-2 .textbox {
  max-width: 402px;
  width: 50%;
  padding: 100px 0;
}

@media (max-width:768px) {
  .hero-module-2 .textbox {
    max-width: initial;
    width: 100%;
    padding: 100px 0 50px;
  }
}

@media (max-width:640px) {
  .hero-module-2 .textbox {
    width: 100%;
  }
}

.hero-module-2 h1 {
  color: #fff;
  margin-bottom: 40px;
}

.hero-module-2 p {
  line-height: 1.5em;
  color: rgba(255, 255, 255, .75);
}

.hero-module-2 .btn {
  margin-top: 60px;
}

@media (max-width:640px) {
  .hero-module-2 .btn {
    position: absolute;
    bottom: 12%;
    left: 5%;
  }
}

.hero-module-2 .img-view-container {
  position: absolute;
  top: 0;
  right: 0;
  height: 125%;
  overflow: hidden;
  z-index: 5;
}

@media (min-width:1281px) {
  .hero-module-2 .img-view-container {
    width: 55%;
  }
}

@media (min-width:1601px) {
  .hero-module-2 .img-view-container {
    width: 50%;
  }
}

@media (max-width:1280px) {
  .hero-module-2 .img-view-container {
    width: 55%;
  }
}

@media (max-width:1024px) {
  .hero-module-2 .img-view-container {
    width: 53%;
    height: 120%;
  }
}

@media (max-width:768px) {
  .hero-module-2 .img-view-container {
    position: relative;
    height: initial;
    width: 100%;
    margin-bottom: -20%;
  }
}

.hero-module-2 .img-box {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (max-width:1024px) {
  .hero-module-2 .img-box {
    transform: scale(.8);
    transform-origin: left bottom;
  }
}

@media (max-width:960px) {
  .hero-module-2 .img-box {
    transform: scale(.7);
  }
}

@media (max-width:768px) {
  .hero-module-2 .img-box {
    position: relative;
    transform: scale(1);
    transform-origin: center bottom;
  }
}

.hero-module-2 .hero-img {
  max-width: initial;
  height: 670px;
}

@media (max-width:768px) {
  .hero-module-2 .hero-img {
    height: initial;
    width: 125%;
  }
}

.hero-module-2 .screen-img {
  overflow: hidden;
  position: relative;
  position: absolute;
  width: 75.9%;
  top: 5.3%;
  left: 12.3%;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
}

.hero-module-2 .screen-img:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 63.13%;
}

.hero-module-2 .screen-img.video-modal-trigger {
  cursor: pointer;
}

.hero-module-2 .screen-img:hover svg {
  transform: translate(-50%, -50%) scale(1.15);
}

@media (max-width:768px) {
  .hero-module-2 .screen-img {
    width: 94.9%;
    top: 5.3%;
    left: 15.3%;
  }
}

.hero-module-2 .screen-img svg {
  width: 77px;
  height: 77px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform .35s ease;
}
/* Module Hero 3 */
.hero-module-3 {
  position: relative;
  padding: 115px 0;
  overflow: hidden;
}

.hero-module-3 .pattern-s {
  position: absolute;
  bottom: -57%;
  left: 0;
  max-width: 500px;
  width: 100%;
  pointer-events: none;
}

.hero-module-3 h1,
.hero-module-3 p {
  text-align: center;
}

.hero-module-3 h1 {
  max-width: 760px;
  width: 100%;
  margin: 0 auto 30px;
  color: #252d53;
}

.hero-module-3 p {
  line-height: 1.5em;
  max-width: 560px;
  width: 100%;
  margin: 0 auto;
  color: #556498
}

/* Module Hero 4 */
.hero-module-4 {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
}

@media (max-width:767px) {
  .hero-module-4 {
    padding: 40px 0;
  }
}

.hero-module-4 .pattern-s {
  position: absolute;
  top: -63%;
  left: 13%;
  mix-blend-mode: multiply;
  opacity: .1;
  width: 26%;
  pointer-events: none;
}

@media (max-width:767px) {
  .hero-module-4 .pattern-s {
    top: 0;
    left: 2%;
    width: 30%;
  }
}

.hero-module-4 .pattern-xl {
  position: absolute;
  bottom: -17%;
  left: 25%;
  mix-blend-mode: multiply;
  opacity: .2;
  width: 38%;
}

@media (max-width:767px) {
  .hero-module-4 .pattern-xl {
    bottom: 28%;
    left: 25%;
    width: 47%;
  }
}

.hero-module-4 .pattern-s-2 {
  position: absolute;
  top: -73%;
  right: -24%;
  mix-blend-mode: multiply;
  opacity: .1;
  width: 39%;
  pointer-events: none;
}

@media (max-width:767px) {
  .hero-module-4 .pattern-s-2 {
    top: 0;
    right: 14%;
    width: 47%;
  }
}

.hero-module-4 .container {
  z-index: 3;
}

.hero-module-4 h1 {
  text-align: center;
}

.hero-module-4 h1 {
  max-width: 760px;
  width: 100%;
  margin: 0 auto 30px;
  color: #fff;
  line-height: 110%;
  font-weight: 500;
}

.hero-module-4 ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 575px;
}

@media (max-width:767px) {
  .hero-module-4 ul {
    flex-direction: column;
    width: 100%;
  }
}

@media (max-width:767px) {
  .hero-module-4 li:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.hero-module-4 .btn {
  color: #fff;
  padding: 6px 30px;
}

.hero-module-4 .btn:hover {
  background: rgba(35, 8, 103, .5);
}

/* Module Hero 5 */
.hero-module-5 {
  position: relative;
  min-height: 520px;
}

@media (min-width:1025px) {
  .hero-module-5 {
    height: 520px;
  }
}

.hero-module-5 .pattern-s {
  position: absolute;
  bottom: -4%;
  left: 50%;
  transform: translateX(-25%);
  mix-blend-mode: multiply;
  width: 56%;
}

@media (max-width:1024px) {
  .hero-module-5 .pattern-s {
    width: 68%;
  }
}

@media (max-width:640px) {
  .hero-module-5 .pattern-s {
    width: 136%;
  }
}

.hero-module-5 .pattern-s svg {
  width: 100%;
  height: 100%;
}

.hero-module-5 h1 {
  color: #252d53;
  margin-bottom: 23px;
}

.hero-module-5 p {
  line-height: 1.5em;
  color: #616ea2;
}

@media (max-width:640px) {
  .hero-module-5 {
    flex-direction: column;
    padding-top: 40px;
    min-height: 478px
  }

  .hero-module-5 h1 {
    width: 80%;
  }

  .hero-module-5 p {
    width: 60%;
  }
}

.hero-module-5 .hero-img {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 95%;
  width: auto;
  max-width: -webkit-max-content;
  max-width: max-content;
  display: block;
}

@media (max-width:1024px) {
  .hero-module-5 .hero-img {
    right: -10%
  }
}

@media (max-width:960px) {
  .hero-module-5 .hero-img {
    right: -15%;
  }
}

@media (max-width:768px) {
  .hero-module-5 .hero-img {
    right: -23%;
  }
}

@media (max-width:640px) {
  .hero-module-5 .hero-img {
    width: 86%;
    height: auto;
    right: -23%;
    bottom: 0;
    top: initial;
  }
}

@media (max-width:420px) {
  .hero-module-5 .hero-img {
    height: auto;
    right: -30%;
    width: 100%;
  }
}

.hero-module-5 .container {
  position: relative;
  z-index: 5;
  padding: 0 10%;
}

@media (max-width:640px) {
  .hero-module-5 .container {
    position: static;
  }
}

.hero-module-5 .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.hero-module-5 .textbox {
  max-width: 440px;
  width: 50%;
}

@media (max-width:640px) {
  .hero-module-5 .textbox {
    width: 100%;
  }
}

.hero-module-5 .btn {
  margin-top: 60px;
}

@media (max-width:640px) {
  .hero-module-5 .btn {
    position: absolute;
    bottom: 12%;
    left: 5%;
  }
}
/* Module Hero 6 - Revisit all of the hero modules and consolidate them or differentiate them better */
.hero-module-6-short {
  position: relative;
  overflow: hidden;
}

.hero-module-6-short .container {
  position: relative;
  height: 100%;
  min-height: 210px;
}

@media (min-width:1025px) {
  .hero-module-6-short .container {
    height: 210px;
  }
}

.hero-module-6-short .bg-pattern {
  position: absolute;
  width: 30%;
  transform: translate(-50%, -50%);
}

.hero-module-6-short .bg-pattern svg {
  width: 100%;
  height: 100%;
  display: block;
}

.hero-module-6-short .bg-pattern svg * {
  fill: #7e6ff8;
}

.hero-module-6-short .bg-top-left {
  top: 2%;
  left: 25%;
  width: 37%;
  min-width: 250px;
  opacity: .1;
}

.hero-module-6-short .textbox {
  text-align: center;
  width: 100%;
  max-width: 800px;
}

.hero-module-6-short .bg-bttom-right {
  top: 10%;
  right: -23%;
  width: 36%;
  min-width: 250px;
  opacity: .25;
  mix-blend-mode: multiply;
}

@media (max-width:640px) {
  .hero-module-6-short .bg-bttom-right {
    top: 78%;
  }
}

.hero-module-6-short h1 {
  color: #fff;
  display: block;
  text-align: center;
}

/* Module Trusted Banner */
.mod-banner--trusted .top {
  background: linear-gradient(335.94deg, rgba(0, 160, 227, .85) -2.61%, rgba(0, 160, 227, 0) 68.41%), #693cef;
  padding: 70px 0 200px;
}

.mod-banner--trusted h2 {
  text-align: center;
  font-weight: 500;
  margin-bottom: 50px;
}

@media (max-width:639px) {
  .mod-banner--trusted .logo-list {
    padding: 0;
  }
}

.mod-banner--trusted .logo-list .row {
  flex-wrap: wrap;
}

.mod-banner--trusted .logo-list .row a {
  display: block;
  padding: 20px 6%;
  cursor: auto;

}

@media (min-width:768px) {
  .mod-banner--trusted .logo-list .row a {
    width: calc(100%/4);
  }
  .body-container--landing-page .mod-banner--trusted .logo-list .row a {
    width: calc(100%/4);
  }

  .body-container--landing-page .mod-banner--trusted .logo-list .row a:first-of-type,
  .body-container--landing-page .mod-banner--trusted .logo-list .row a:nth-of-type(4){
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width:767px) {
  .mod-banner--trusted .logo-list .row a {
    width: calc(100%/3);
    padding: 20px 5%;
  }
}

@media (max-width:639px) {
  .mod-banner--trusted .logo-list .row a {
    width: calc(100%/2);
  }

  .mod-banner--trusted .logo-list .row a img {
    max-width: 120px;
    display: block;
    margin: 0 auto;
  }
}

.mod-banner--trusted .logo-list .row img {
  display: block;
  width: 100%;
}

.mod-banner--trusted .top .view-btn {
  display: table;
  margin: 50px auto 0;
  padding: 11px 40px;
}

@media (max-width:640px) {
  .mod-banner--trusted .top .view-btn {
    margin: 30px auto 0;
  }
}
/* Module Demo */
.mod-demo--signup {
  flex-direction: column;
  justify-content: center;
}

@media (max-width:960px) {
  .mod-demo--signup .text-box {
    text-align: center;
  }
}

@media (max-width:960px) {

  .mod-demo--signup h2,
  .mod-demo--signup .desc {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.mod-demo--signup h2 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
}

.mod-demo--signup .desc {
  color: rgba(255, 255, 255, .7);
  line-height: 1.2em;
  max-width: 436px;
  letter-spacing: .02em;
}

.mod-demo--signup form {
  margin-top: 25px;
}

.mod-demo--signup form ::-webkit-input-placeholder,
.mod-demo--signup form ::-moz-placeholder,
.mod-demo--signup form :-ms-input-placeholder,
.mod-demo--signup form :-moz-placeholder {
  color: #000;
}

.mod-demo--signup input {
  background: #fff;
  width: 100%;
  max-width: none;
  border-radius: 3px;
  color: #000;
  border-color: #fff;
  font-weight: 500;
}

.mod-demo--signup input[type=email] {
  margin: 0;
}

@media (max-width:960px) {
  .mod-demo--signup input[type=email] {
    text-align: center;
    padding: 8px;
    max-width: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width:640px) {
  .mod-demo--signup input[type=email] {
    max-width: none;
    width: 100%;
  }
}

.mod-demo--signup button[type=submit] {
  margin-top: 40px;
}

@media (max-width:960px) {
  .mod-demo--signup button[type=submit] {
    margin-top: 10px;
    max-width: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width:640px) {
  .mod-demo--signup button[type=submit] {
    max-width: none;
    width: 100%
  }
}

.mod-demo--signup1 {
  background: linear-gradient(140.19deg, #7a327e 10.45%, rgba(40, 18, 131, 0) 87.42%), #281283;
  position: relative;
  min-height: 528px;
}

@media (min-width:961px) {
  .mod-demo--signup1 {
    height: 528px;
  }
}

.mod-demo--signup1 .container {
  flex-direction: column;
  justify-content: center;
  width: 100%;
}

@media (min-width:961px) {
  .mod-demo--signup1 .container {
    padding-left: 10%;
  }
}

@media (max-width:960px) {
  .mod-demo--signup1 .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.mod-demo--signup1 .cols-wrap {
  width: 100%;
}

@media (max-width:960px) {
  .mod-demo--signup1 .cols-wrap {
    flex-direction: column;
  }
}

.mod-demo--signup1 .col-l {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

@media (max-width:960px) {
  .mod-demo--signup1 .col-l {
    width: 100%;
    padding: 40px 5%;
  }
}

.mod-demo--signup1 .col-r {
  width: 60%
}

.mod-demo--signup1 .col-r .img-wrap {
  pointer-events: none;
}

.mod-demo--signup1 .col-r .img-wrap img {
  display: block;
}

@media (min-width:961px) {
  .mod-demo--signup1 .col-r .img-wrap {
    position: absolute;
    top: 40px;
    left: 40%;
    max-width: none;
    width: 60%;
    height: 656px;
    overflow: hidden;
  }

  .mod-demo--signup1 .col-r img {
    max-width: none;
    width: auto;
    height: 656px;
  }
}

@media (min-width:1281px) {
  .mod-demo--signup1 .col-r .img-wrap {
    left: auto;
    right: 0;
    width: 55%;
  }
}

@media (max-width:960px) {
  .mod-demo--signup1 .col-r {
    overflow: hidden;
    position: relative;
    width: 100%;
    position: relative;
    right: 0;
    margin-bottom: -16%;
    overflow: visible;
  }

  .mod-demo--signup1 .col-r:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 65%;
  }

  .mod-demo--signup1 .col-r .img-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    overflow: hidden;
  }

  .mod-demo--signup1 .col-r img {
    position: absolute;
    top: 0;
    left: 12%;
    width: 100%;
    max-width: none
  }
}
@media (max-width:640px) {
  .mod-demo--signup1 .col-r .img-wrap {
    top: 30px;
  }
}
.mod-demo--signup1 a.btn {
  margin-top: 34px;
}

.mod-demo--signup2-wrap {
  overflow: hidden;
  padding-top: 40px;
}

@media (max-width:768px) {
  .mod-demo--signup2-wrap {
    padding-top: 0;
  }
}

.mod-demo--signup2 {
  background: linear-gradient(140.19deg, #7a327e 10.45%, rgba(40, 18, 131, 0) 87.42%), #281283;
  position: relative;
  min-height: 386px;
}

@media (min-width:769px) {
  .mod-demo--signup2 {
    height: 386px;
  }
}

.mod-demo--signup2 .container {
  width: 100%;
}

@media (min-width:769px) {
  .mod-demo--signup2 .container {
    padding-left: 10%;
    padding-right: 10%;
  }
}

.mod-demo--signup2 .container:after {
  content: none;
}

.mod-demo--signup2 .cols-wrap {
  width: 100%;
}

@media (max-width:768px) {
  .mod-demo--signup2 .cols-wrap {
    flex-direction: column;
  }
}

.mod-demo--signup2 .btn {
  margin-top: 25px;
}

.mod-demo--signup2 .col-l {
  width: 55%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}

@media (max-width:768px) {
  .mod-demo--signup2 .col-l {
    width: 100%;
    padding: 40px 15px;
  }
}

.mod-demo--signup2 .col-r {
  width: 45%;
  position: relative;
  display: flex;
}

@media (max-width:768px) {
  .mod-demo--signup2 .col-r {
    width: 100%;
  }
}

.mod-demo--signup2 .reps-box {
  width: 100%;
  position: relative;
}

@media (min-width:769px) {
  .mod-demo--signup2 .reps-box.mobile {
    display: none;
  }

  .mod-demo--signup2 .reps-box img {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    display: block;
    width: auto;
    max-width: initial;
    height: calc(100% + 40px);
  }

  .mod-demo--signup2 .reps-box .name-box {
    position: absolute;
    bottom: 50px;
    right: -10%;
    width: 50%;
  }
}

@media (max-width:768px) {
  .mod-demo--signup2 .reps-box {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .mod-demo--signup2 .reps-box.desktop {
    display: none;
  }

  .mod-demo--signup2 .reps-box .img-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 255, 255, .1);
    margin: 0 auto 10px;
  }

  .mod-demo--signup2 .reps-box img {
    display: block;
    position: absolute;
    width: 130%;
    max-width: initial;
    top: 5px;
    left: 50%;
    transform: translateX(-50%);
  }
}

.mod-demo--signup2 .reps-box p {
  color: #fff;
  font-size: 15px;
  padding: 0 0 5px;
  margin: 0;
  line-height: 1.1em;
}

.mod-demo--signup3 {
  background: linear-gradient(140.19deg, #7a327e 10.45%, rgba(40, 18, 131, 0) 87.42%), #281283;
  position: relative;
  min-height: 528px;
  margin-bottom: 8%;
}

@media (min-width:961px) {
  .mod-demo--signup3 {
    height: 528px;
  }
}

.mod-demo--signup3 .container {
  flex-direction: column;
  width: 100%;
}

@media (min-width:961px) {
  .mod-demo--signup3 .container {
    justify-content: center;
  }
}

@media (max-width:960px) {
  .mod-demo--signup3 .container {
    padding: 0;
  }
}

.mod-demo--signup3 .cols-wrap {
  width: 100%;
}

@media (max-width:960px) {
  .mod-demo--signup3 .cols-wrap {
    flex-direction: column-reverse;
  }
}

.mod-demo--signup3 .col-l {
  width: 60%;
  position: relative;
  pointer-events: none;
}

@media (min-width:961px) {
  .mod-demo--signup3 .col-l .img-wrap {
    pointer-events: none;
    position: absolute;
    top: -20%;
    left: -17%;
    width: 100%
  }

  .mod-demo--signup3 .col-l img {
    max-width: initial;
    width: auto;
    height: 623px;
  }
}

@media (max-width:960px) {
  .mod-demo--signup3 .col-l {
    overflow: hidden;
    position: relative;
    width: 100%;
    overflow: visible;
  }

  .mod-demo--signup3 .col-l:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 44%;
  }

  .mod-demo--signup3 .col-l .img-wrap {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    overflow: hidden;
  }

  .mod-demo--signup3 .col-l img {
    position: absolute;
    top: -8%;
    left: 10%;
    width: 100%;
    max-width: initial;
  }
}

@media (max-width:960px) {
  .mod-demo--signup3 .col-l {
    overflow: hidden;
    position: relative;
    overflow: visible;
  }

  .mod-demo--signup3 .col-l:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 53%;
  }

  .mod-demo--signup3 .col-l img {
    width: 120%;
  }
}

.mod-demo--signup3 .col-r {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
  position: relative;
  z-index: 3;
}

@media (max-width:960px) {
  .mod-demo--signup3 .col-r {
    width: 100%;
    padding: 40px 5% 20px;
  }
}

.mod-demo--signup3 a.btn {
  margin-top: 34px;
}
/* General Copy Block */
.copy-block h2 {
  margin-bottom: 0;
  font-weight: 400;
}

.copy-block .heading-line {
  margin: 35px 0;
}
.copy-block .heading-line img{
  max-width: 117px;
}

@media (max-width:767px) {
  .copy-block .heading-line {
    margin: 15px 0;
  }
}

.copy-block p {
  margin: 0;
  font-weight: 300;
}

/* Module 4 Col Feature */
@media (max-width:768px) {
  .mod-4col-feature {
    padding-top: 80px;
  }
}
.mod-4col-feature h2 {
  text-align: center;
  font-weight: 500;
}
.mod-4col-feature h3 {
  line-height: 1.1em;
  text-align: center;
  font-weight: 500;
  color: #252d53;
  margin-bottom: 30px;
}
.mod-4col-feature p.name {
  font-size: 16.5px;
}

@media (min-width:961px) {
  .mod-4col-feature .cols-wrap {
    flex-wrap: nowrap;
    justify-content: center;
  }
}

.mod-4col-feature .col {
  width: calc(100%/4);
  padding: 10px 3% 40px;
  position: relative;
}

@media (min-width:961px) {
  .mod-4col-feature .col {
    border-right: 2px solid #edf6f6;
  }

  .mod-4col-feature .col:last-child {
    border-right: 0;
  }
}

.mod-4col-feature .col figure {
  transition: all .2s cubic-bezier(.25, .46, .45, .94)
}

@media (max-width:960px) {
  .mod-4col-feature .col {
    width: calc(100%/2);
    padding: 40px 3%;
  }

  .mod-4col-feature .col:nth-child(odd) {
    border-right: 2px solid #edf6f6;
    border-top: 2px solid #edf6f6
  }

  .mod-4col-feature .col:nth-child(even) {
    border-top: 2px solid #edf6f6;
  }

  .mod-4col-feature .col:nth-child(1),
  .mod-4col-feature .col:nth-child(2) {
    border-top: 0;
  }
}

.mod-4col-feature .col:hover figure {
  transform: scale(1.1);
}

.mod-4col-feature .col:hover .link-btn {
  background-color: #222bf9;
  color: #fff;
}

.mod-4col-feature .icon {
  width: 117px;
  height: 117px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0 auto;
}

.mod-4col-feature p.name {
  text-align: center;
  line-height: 1.1em;
  color: #252d53;
  font-weight: 400;
  margin: 30px 0 40px;
}

@media (max-width:640px) {
  .mod-4col-feature p.name {
    margin: 20px 0 30px;
  }
}

.mod-4col-feature ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  margin: 0 auto 50px;
}

.mod-4col-feature li {
  position: relative;
  padding-left: 23px;
  margin-bottom: 10px;
  line-height: 1.1em;
  color: #556498;
}

.mod-4col-feature li svg {
  position: absolute;
  top: 5px;
  left: 0;
  width: 11px;
  height: 8px;
}

.mod-4col-feature .link-btn {
  display: table;
  margin: 34px auto 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) !important;
  bottom: 40px;
  width: max-content;
}
.mod-4col-feature .link-btn.button.button--secondary:hover, .mod-4col-feature .link-btn.button.button--secondary:focus{
  transform: translateX(-50%) !important;
}

/* Module Next Up */
.mod-nextup {
  padding: 140px 0 65px;
}

.mod-nextup .container {
  padding-left: 10%;
  padding-right: 10%;
}

@media (max-width:960px) {
  .mod-nextup.home-nextup,
  .mod-nextup {
    padding-top: 12%;
  }
}

@media (max-width:640px) {
  .mod-nextup.home-nextup,
  .mod-nextup {
    padding-top: 15%;
  }
}

.mod-nextup .container:after {
  content: none;
}

.mod-nextup.has-image figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 78px;
  height: 78px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
}

.mod-nextup.has-image .text-wrap {
  padding-left: 100px;
}

.mod-nextup.has-left-border .text-wrap:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
}

.mod-nextup.has-bg {
  background: #f9f9f9;
  border-top: 2px solid #f3f3f3;
}

.mod-nextup.center .container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.mod-nextup.center .container .text-wrap {
  width: auto;
}

.mod-nextup .text-wrap {
  width: 45%;
  position: relative;
  padding-left: 25px;
  display: inline-block;
}

@media (max-width:960px) {
  .mod-nextup .text-wrap {
    width: 100%;
  }
}

.mod-nextup .text-wrap:hover svg {
  left: 5px;
}

.mod-nextup small {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .02em;
}

.mod-nextup h3 {
  position: relative;
  font-weight: 500;
  letter-spacing: .02em;
  transition: .35s;
  margin: 0;
}

.mod-nextup svg {
  width: 18px;
  height: 18px;
  position: relative;
  left: 0;
  transition: .25s;
}

/* Page Scroll Animation */
.two-col-scroll .hero-module-2 {
  margin-bottom: 0;
}

@media (max-width:1023px) {
  .two-col-scroll .hero-module-2 {
    margin-bottom: 35px;
  }
}

.scroll-container {
  overflow: hidden;
}

.scroll-container.invoice-audit .container,
.scroll-container.contract-audit .container {
  padding-bottom: 140px;
}

.scroll-container.expense-audit .container {
  padding-bottom: 90px;
  padding-left: 5%;
  padding-right: 5%;
}

@media (max-width:767px) {
  .scroll-container.expense-audit .container {
    padding-bottom: 0;
  }
}

.scroll-container .container {
  max-width: 1200px;
  padding-bottom: 150px;
}

@media (max-width:1023px) {
  .scroll-container .container {
    flex-direction: column;
  }
}

.scroll-visual {
  position: relative;
  flex: 1;
  padding-top: 150px;
  z-index: 10;
}

@media (max-width:1023px) {
  .scroll-visual {
    padding-top: 75px;
  }
}

@media (max-width:1023px) {
  .scroll-visual.expense-visual {
    min-height: 400px;
  }
}

@media (max-width:1023px) {
  .scroll-visual.contract-visual {
    min-height: 635px;
  }
}

@media (max-width:767px) {
  .scroll-visual.contract-visual {
    min-height: 400px;
  }
}

@media (max-width:1023px) {
  .scroll-visual.invoice-visual {
    min-height: 635px;
  }
}

.scroll-elem {
  position: relative;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.scroll-elem.is-fixed {
  position: fixed;
  top: 100px;
}

@media (max-width:1023px) {
  .scroll-elem.is-fixed {
    top: 0;
    left: 0;
    right: 0;
    padding-top: 25px;
    padding-bottom: 50px;
    background: #fff;
  }
}

@media (max-width:767px) {
  .scroll-elem.is-fixed {
    padding-bottom: 25px;
  }
}

@media (max-width:1023px) {
  .scroll-elem.is-fixed.contract-wrap {
    padding-bottom: 0;
  }
}

@media (max-width:1023px) {
  .scroll-elem.is-fixed.contract-wrap#state-0 {
    padding-bottom: 25px;
  }
}

@media (min-width:1024px) {
  .scroll-elem.is-bottom {
    position: absolute;
    top: auto;
    left: 0;
    bottom: -12px;
  }
}

@media (max-width:1023px) {
  .scroll-elem.is-bottom {
    opacity: 0;
    transform: translateY(-100px);
    pointer-events: none;
  }
}

.scroll-elem.is-hidden {
  display: none;
}

.scroll-elem:after {
  content: '';
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  height: 35px;
  pointer-events: none;
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, .987) 8.1%, rgba(255, 255, 255, .951) 15.5%, rgba(255, 255, 255, .896) 22.5%, rgba(255, 255, 255, .825) 29%, rgba(255, 255, 255, .741) 35.3%, rgba(255, 255, 255, .648) 41.2%, rgba(255, 255, 255, .55) 47.1%, rgba(255, 255, 255, .45) 52.9%, rgba(255, 255, 255, .352) 58.8%, rgba(255, 255, 255, .259) 64.7%, rgba(255, 255, 255, .175) 71%, rgba(255, 255, 255, .104) 77.5%, rgba(255, 255, 255, .049) 84.5%, rgba(255, 255, 255, .013) 91.9%, rgba(255, 255, 255, 0) 100%);
}

.scroll-copy {
  flex: 1;
}

@media (min-width:1024px) {
  .scroll-copy {
    padding-top: 75px;
  }
}

.scroll-copy article {
  padding: 150px 0;
  transition: opacity .25s;
}

@media (min-width:1024px) {
  .scroll-copy article {
    opacity: .35;
  }
  .scroll-copy article.is-active {
    z-index: 11;
  }
}
@media (max-width: 1023px) {
  .scroll-copy article.is-active {
    z-index: 2;
  }
}
.scroll-copy article.is-active {
  opacity: 1;
  position: relative;
}

@media (max-width:1023px) {
  .scroll-copy article {
    padding: 75px 0;
  }
}

.document-scanner {
  position: absolute;
  top: 0;
  left: -65px;
  width: 431px;
  height: 2px;
  background: rgba(255, 68, 172, .2);
  z-index: 2;
  opacity: 0;
}

@media (max-width:1279px) {
  .document-scanner {
    width: 350px;
    left: -27px;
  }
}

.scan-item {
  color: #242e54;
}

.scan-tooltip {
  position: absolute;
  padding: 5px 8px;
  font-size: 11px !important;
  color: #007b3e;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  background: #d9ffdc;
  z-index: 2;
  opacity: 0;
  transform: translateY(15px) scale(.9);
}

.scan-tooltip:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: -3px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #d9ffdc;
  transform: rotate(-45deg);
}

.alert {
  position: absolute;
}

.alert svg {
  opacity: 0;
  transform: scale(0);
  transition: opacity .25s, transform .75s cubic-bezier(.23, 1, .32, 1);
}

.alert svg .alert-circle-bg {
  transform: scale(0);
  transform-origin: center;
  transition: transform .75s cubic-bezier(.23, 1, .32, 1) .1s;
}

.is-alert .alert svg,
.receipt-wrap#state-1 .receipt-copy .alert svg,
.receipt-wrap#state-2 .receipt-title-inner .alert svg,
.receipt-wrap#state-3 .receipt-item-row.highlight .alert svg,
.receipt-wrap#state-4 .receipt-total .alert svg,
.receipt-wrap#state-5 .receipt-info-text.guests .alert svg,
.invoice-wrap#state-1 .alert svg,
.invoice-wrap#state-5 .invoice-totals-row .alert svg {
  opacity: 1;
  transform: scale(1);
}

.is-alert .alert svg .alert-circle-bg,
.receipt-wrap#state-1 .receipt-copy .alert svg .alert-circle-bg,
.receipt-wrap#state-2 .receipt-title-inner .alert svg .alert-circle-bg,
.receipt-wrap#state-3 .receipt-item-row.highlight .alert svg .alert-circle-bg,
.receipt-wrap#state-4 .receipt-total .alert svg .alert-circle-bg,
.receipt-wrap#state-5 .receipt-info-text.guests .alert svg .alert-circle-bg,
.invoice-wrap#state-1 .alert svg .alert-circle-bg,
.invoice-wrap#state-5 .invoice-totals-row .alert svg .alert-circle-bg {
  transform: scale(1);
}
/* General Styles */
.overlay-block {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #f3f3f3;
  transition: width .5s cubic-bezier(.86, 0, .07, 1);
}

.highlight {
  background: #fff;
  box-shadow: 0 0 0 0 #ff44ac;
  transition: background .25s, box-shadow .25s, color .25s;
}
/* Page Audit */
.audit-bg-pattern {
  position: absolute;
  top: -55px;
  left: -102px;
  width: 537px;
  height: 100%;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

@media (max-width:1023px) {
  .audit-bg-pattern {
    right: 0;
    left: 0;
    width: 435px;
    margin: 0 auto;
  }
}

.audit-bg-pattern.invoice-pattern {
  top: -70px;
  left: -87px;
  width: 580px;
}

@media (max-width:1023px) {
  .audit-bg-pattern.invoice-pattern {
    left: 0;
  }
}
/* Module Modal Styles */
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .5);
  z-index: -100;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility .25s;
}

.video-modal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

.video-modal .video-container {
  width: 90%;
  height: initial;
  max-width: 1024px;
  position: relative;
  margin-top: 0;
}

.video-modal .video-container:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 57%;
}

.video-modal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-modal .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: -40px;
  right: 0;
  cursor: pointer;
}

.video-modal .close-btn:before,
.video-modal .close-btn:after {
  content: '';
  width: 3px;
  height: 30px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 2px;
}

.video-modal .close-btn:before {
  transform: rotate(45deg);
}

.video-modal .close-btn:after {
  transform: rotate(-45deg);
}

.video-modal-trigger {
  cursor: pointer;
}

.video-modal-trigger:hover .video-play-button {
  background: rgba(37, 45, 83, .8);
}

.video-play-button {
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, .5);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  transition: background .4s;
}

.video-play-button .btn-inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  border: 4px solid #fff;
  border-radius: 50%;
}

.video-play-button .play-triangle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid #fff;
  margin-left: 5%;
}

.cta-container {
  text-align: center;
  padding-bottom: 86px;
}
/* Header Logo */
#appzen-logo {
  transition: fill .2s ease-out;
}

#appzen-logo:hover {
  cursor: pointer;
}

#appzen-logo:hover g.words path {
  fill: #3d456d;
}

#appzen-logo:hover .mark {
  animation-name: intro;
  animation-duration: .6s;
  animation-fill-mode: both;
  animation-iteration-count: 1;
}

#appzen-logo .mark:nth-of-type(2) {
  animation-delay: .05s;
}

#appzen-logo .mark:nth-of-type(3) {
  animation-delay: .1s;
}

#appzen-logo .mark:nth-of-type(4) {
  animation-delay: .15s;
}

#appzen-logo .mark:nth-of-type(5) {
  animation-delay: .2s;
}

#appzen-logo .mark:nth-of-type(6) {
  animation-delay: .15s;
}

#appzen-logo .mark:nth-of-type(7) {
  animation-delay: .2s;
}
/* Module Join/Register Modal */
.modal--join,
.modal--register-deal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .5);
  z-index: -100;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s, visibility .25s, z-index .25s;
}

.modal--join.is-active,
.modal--register-deal.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
  pointer-events: auto;
}

.modal--join .modal-box,
.modal--register-deal .modal-box {
  -webkit-overflow-scrolling: touch;
  padding: 50px 5%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 600px;
  height: 80vh;
  overflow: auto;
  background: #fff;
  transition: .5s;
  transition-delay: .25s;
}

@media (max-width:640px) {

  .modal--join .modal-box,
  .modal--register-deal .modal-box {
    padding: 50px 0 50px 30px;
  }
}

.modal--join iframe,
.modal--register-deal iframe {
  width: 100% !important;
}

.modal--join .close-btn,
.modal--register-deal .close-btn {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.modal--join .close-btn:before,
.modal--join .close-btn:after,
.modal--register-deal .close-btn:before,
.modal--register-deal .close-btn:after {
  content: '';
  width: 3px;
  height: 30px;
  background: #252d53;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  border-radius: 2px;
}

.modal--join .close-btn:before,
.modal--register-deal .close-btn:before {
  transform: rotate(45deg);
}

.modal--join .close-btn:after,
.modal--register-deal .close-btn:after {
  transform: rotate(-45deg);
}
/* Quote Module */
.quote-module .testimonial-container {
  background: #fff;
  border-radius: 10px;
  padding: 60px 5% 60px 7%;
  max-width: 736px;
  width: 90%;
  margin: -120px auto 90px;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .1);
}

@media (max-width:640px) {
  .quote-module .testimonial-container {
    padding-top: 30px;
  }
}

.quote-module .testimonial-container.quote-only {
  max-width: 615px;
  padding: 57px 4%;
}

.quote-module .testimonial-container.quote-only .text-col {
  width: 100%;
}

.quote-module .testimonial-container.quote-only .cite {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
  padding-left: 0;
}

.quote-module .testimonial-container.quote-only .quote {
  font-weight: 500;
  font-style: italic;
  font-family: proxima-nova, sans-serif;
}

.quote-module .testimonial-container.quote-video {
  padding: 0 0 50px;
}

.quote-module .testimonial-container.quote-video article {
  margin-top: 45px;
  padding: 0 5%;
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video article {
    margin-top: 30px;
  }

  .quote-module .testimonial-container.quote-only {
    padding: 57px 28px;
  }
}

.quote-module .testimonial-container.quote-video .logo-col {
  border-left: 1px solid #eee;
  padding-left: 5%;
  padding-right: 1%;
  width: 26%;
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video .logo-col {
    border-left: 0 solid #eee;
    border-bottom: 1px solid #eee;
    width: 100%;
  }
}

.quote-module .testimonial-container.quote-video h5 {
  line-height: 1.1;
  font-weight: 400;
  margin-bottom: 16px;
}

.quote-module .testimonial-container.quote-video p {
  line-height: 1.5;
  font-weight: 300;
  font-style: unset;
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video p {
    line-height: 1.3;
  }
}

.quote-module .testimonial-container.quote-video figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin: 0;
}

.quote-module .testimonial-container.quote-video figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 53%;
}

.quote-module .testimonial-container.quote-video figure:hover svg {
  width: 118px;
  height: 118px;
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video figure:hover svg {
    width: 70px;
    height: 70px;
  }
}

.quote-module .testimonial-container.quote-video figure svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s ease;
}

@media (max-width:640px) {
  .quote-module .testimonial-container.quote-video figure svg {
    width: 60px;
    height: 60px;
  }
}

@media (max-width:640px) {
  .quote-module .panel {
    flex-direction: column-reverse;
  }

  .quote-module .text-col {
    width: 100%;
  }

  .quote-module .logo-col {
    width: 100%;
    border-bottom: 1px solid #f7efef;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
}

.quote-module .text-col {
  width: 65%;
}

.quote-module .text-col h4, .quote-module .text-col p:first-of-type {
  margin: 0;
}

.quote-module .logo-col {
  flex-direction: row;
  align-items: center;
}

@media (min-width:641px) {
  .quote-module .logo-col {
    padding-left: 5%;
    width: 25%;
    border-left: 1px solid #f7efef;
  }
}

.quote-module .logo-col img {
  width: 100%;
  display: block;
}

@media (max-width:640px) {
  .quote-module .logo-col img {
    width: 80%;
    max-width: 110px;
    margin: 0 auto;
  }
}

.quote-module .cite {
  margin-top: 50px;
  position: relative;
  padding-left: 75px;
}

.quote-module .cite figure {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

.quote-module .quote {
  line-height: 1.3em;
  font-style: italic;
  position: relative;
}

.quote-module .quote .quote-mark {
  position: absolute;
  top: -15px;
  left: -25px;
  line-height: 1em;
  color: #485589;
  font-size: 50px;
}

.quote-module .name,
.quote-module .position {
  color: #252d53;
  text-transform: uppercase;
  line-height: 1.15em;
}

.quote-module .name {
  font-weight: 600;
  letter-spacing: .07em;
}

.quote-module .position {
  font-weight: 400;
  margin: 2px 0 0 14px;
}
.quote-module figure+p+p.position  {
  margin: 0;
}
/* Module ROI Calculator */
section.modular-roi-calculator {
  position: relative;
  min-height: 386px;
  padding: 30px 0;
  overflow: hidden;
}

section.modular-roi-calculator svg {
  position: absolute;
  top: -140px;
  left: -24%;
  max-width: 400px;
  max-height: 400px;
  display: none;
}

@media (max-width:960px) {
  section.modular-roi-calculator svg {
    display: inline-flex;
  }
}

section.modular-roi-calculator h2 {
  color: #fff;
  font-weight: 400;
  margin-bottom: 35px;
}

@media (max-width:960px) {
  section.modular-roi-calculator .container {
    flex-wrap: wrap;
  }
}

section.modular-roi-calculator .roi-bg {
  position: absolute;
  transform: rotate(-180deg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

@media (max-width:960px) {
  section.modular-roi-calculator .roi-bg {
    display: block;
  }
}

section.modular-roi-calculator .image-roi-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:960px) {
  section.modular-roi-calculator .image-roi-bg {
    display: none;
  }
}

section.modular-roi-calculator article {
  position: relative;
  width: 50%;
  max-width: 403px;
}

@media (max-width:960px) {
  section.modular-roi-calculator article {
    width: 100%;
    max-width: 100%;
  }
}

section.modular-roi-calculator article a.btn {
  margin-top: 55px;
  font-weight: 500;
}

section.modular-roi-calculator .image-wrap {
  width: 50%;
  position: relative;
}

@media (max-width:960px) {
  section.modular-roi-calculator .image-wrap {
    width: 100%;
    margin-top: 20px;
  }
}

section.modular-roi-calculator .image-wrap img {
  display: block;
  max-height: 382px;
  max-width: 382px;
  margin: 0 auto;
}

@media (max-width:640px) {
  section.modular-roi-calculator .image-wrap img {
    max-height: initial;
    max-width: 100%;
  }
}

section.modular-roi-calculator p {
  color: rgba(255, 255, 255, .7);
  line-height: 140%;
  font-weight: 300;
}
/* Module Odometer */
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  display: inline-block;
  position: relative;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit,
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 3s cubic-bezier(.23, 1, .32, 1);
}

.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 3s cubic-bezier(.23, 1, .32, 1);
  transform: translateY(0);
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: proxima-nova, sans-serif;
  line-height: 1.1em;
}

.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

@media (min-width:768px) {
  .odometer.odometer-auto-theme .odometer-value,
  .odometer.odometer-theme-default .odometer-value {
    min-width: 23px;
    font-weight: 300;
  }
}
/* Module Audited Total */
.audited-total {
  padding: 0 5%;
  height: 0;
  background: linear-gradient(180deg, #000 -103.43%, rgba(0, 0, 0, 0) 31.69%), #302c48;
  text-align: center;
  overflow: hidden;
  transition: height 1s cubic-bezier(.23, 1, .32, 1);
}

.audited-total.is-active {
  height: 100px;
}

@media (max-width:767px) {
  .audited-total.is-active {
    height: 70px;
  }
}

.audited-total .total-num-title {
  padding-top: 18px;
  letter-spacing: 2px;
  font-size: .75rem;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width:767px) {
  .audited-total .total-num-title {
    font-size: .625rem;
    padding-top: 13px;
  }

  .audited-total .total-num {
    top: 0;
  }
}

.audited-total .total-num {
  position: relative;
  top: -3px;
  opacity: 0;
  transition: opacity .5s;
}

.audited-total .total-num.is-active {
  opacity: 1
}

.audited-total .total-num p,
.audited-total .total-num span {
  font-size: 2rem;
  min-width: 23px;
  font-weight: 300;
}

@media (max-width:767px) {
  .audited-total .total-num p,
  .audited-total .total-num span {
    font-size: 1.375rem;
    min-width: 14px;
  }
}

.audited-total .total-num-dollar {
  position: relative;
  top: 2px;
  left: 1px;
}

.audited-total p {
  color: #fff;
}
/* Scripts One Trust */
div#onetrust-banner-sdk.otFlat {
  border-top: 1px solid #c7c7c7;
}

#onetrust-consent-sdk #onetrust-pc-btn-handler,
#onetrust-pc-sdk .save-preference-btn-handler {
  background-color: #fff !important;
  color: #00a3e1 !important;
}

#onetrust-pc-sdk .groups-container {
  background-color: #fff;
  overflow: hidden;
}

#onetrust-banner-sdk .close-icon,
#onetrust-pc-sdk .close-icon {
  height: 20px;
  width: 20px;
  border-radius: 20px;
}

div#onetrust-consent-sdk #onetrust-pc-sdk .group-toggle .checkbox {
  background-color: #fff !important;
}

iframe#drift-widget {
  bottom: 60px !important;
}

#onetrust-consent-sdk #onetrust-pc-sdk button {
  border: 2px solid #00a3e1;
  color: #fff;
  line-height: 0;
}

#onetrust-consent-sdk #onetrust-pc-sdk h3,
#onetrust-consent-sdk #onetrust-pc-sdk h4,
#onetrust-consent-sdk #onetrust-pc-sdk h6,
#onetrust-consent-sdk #onetrust-pc-sdk p,
#onetrust-consent-sdk #onetrust-pc-sdk,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-title,
#onetrust-consent-sdk #onetrust-pc-sdk #pc-policy-text,
#onetrust-consent-sdk #onetrust-pc-sdk .leg-int-title,
#onetrust-consent-sdk #onetrust-pc-sdk .leg-int-sel-all-hdr span,
#onetrust-consent-sdk #onetrust-pc-sdk #hosts-list-container .vendor-host,
#onetrust-consent-sdk #onetrust-pc-sdk #filter-btn-handler span,
#onetrust-consent-sdk #onetrust-pc-sdk #filter-modal #modal-header,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-checkbox label span,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list #select-all-container p,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list #vendors-list-title,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list .back-btn-handler p,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list .vendor-title,
#onetrust-consent-sdk #onetrust-pc-sdk #vendors-list #vendors-list-container .consent-category,
#onetrust-consent-sdk #onetrust-pc-sdk .leg-int-title {
  color: #000;
}

#onetrust-consent-sdk #onetrust-pc-sdk .active-group {
  border-color: #00a3e1;
}

#onetrust-pc-sdk .group {
  padding: 2.3%;
}

div#pc-tab-description:focus,
div#ot-desc-id-C0001:focus,
div#ot-desc-id-C0002:focus,
div#ot-desc-id-C0003:focus,
div#ot-desc-id-C0004:focus,
div#ot-desc-id-C0005:focus {
  outline: none !important;
}

.ot-sdk-column > *,
#ot-desc-id-BG5,
#ot-desc-id-C0007,
#ot-desc-id-C0006,
#ot-desc-id-C0005,
#ot-desc-id-C0004,
#ot-desc-id-C0003,
#ot-desc-id-C0002,
#ot-desc-id-C0001 {
  outline: none !important;
}

#onetrust-pc-sdk .toggle .checkbox input:checked + label:after {
  background: #00a3e1;
  outline: none;
}

#onetrust-pc-sdk .toggle .checkbox label:after {
  outline: none !important;
}

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
  border: 2px solid #222bf9;
  background: 0 0;
  color: #222bf9;
  border-radius: 40px;
}

#ot-sdk-btn.ot-sdk-show-settings:hover {
  background-color: #222bf9;
  color: #fff
}

#onetrust-banner-sdk a:focus {
  outline: none !important;
}

/* Page Home */
@media (max-width:960px) {
  .index .mod-demo--signup1 {
    margin-bottom: 80px;
  }
}

.home-sec .container {
  padding-left: 10%;
  padding-right: 10%;
}

@media (max-width:767px) {
  .home-sec .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.home-sec .text-box.center {
  text-align: center;
}

.home-sec .text-box h2 {
  color: #252d53;
  font-weight: 500;
  margin-bottom: 40px;
  position: relative;
}

.home-sec .text-box h2 sup {
  font-size: 30%;
  top: -1.7em;
  font-weight: 700;
}

.home-sec .text-box p {
  color: #556498;
}

.home-sec .text-box p a {
  color: #222bf9;
  border-bottom: 1px solid transparent;
  transition: .35s;
  font-weight: 400;
}

.home-sec .text-box p a:hover {
  border-bottom-color: #222bf9;
}

.home-sec .text-box .btn {
  margin-top: 40px;
}
/* Module Home Intro */
.home-intro {
  padding: 70px 0;
  margin-bottom: 15px;
}

@media (max-width:960px) {
  .home-intro {
    padding-top: 47px;
  }
}

@media (max-width:640px) {
  .home-intro {
    margin-bottom: 0;
  }
}

.home-intro .text-box {
  max-width: 760px;
  margin: 0 auto;
}

@media (max-width:960px) {

  .home-intro .text-box h2,
  .home-intro .text-box p {
    text-align: left;
  }
}

.home-intro h2 {
  padding-bottom: 30px
}

.home-intro h2 svg {
  width: 147px;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width:961px) {
  .home-intro h2 svg {
    left: 50%;
    transform: translateX(-50%);
  }
}
/* Module Home Platform */
.home-platform {
  position: relative;
  margin-bottom: 120px;
}

.home-platform .heading-ds-wrap {
  overflow: hidden;
  position: relative;
  height: 140px;
  z-index: 5;
}

.home-platform .heading-ds-wrap .title-box {
  border-radius: 2px;
  text-align: center;
  min-height: 66px;
}

.home-platform .heading-ds-wrap h6 {
  color: #0ba6a6;
  text-transform: uppercase;
  margin: 0;
  padding: 30px 0 0;
  line-height: 1em;
  white-space: nowrap;
  position: relative;
}

.home-platform .heading-ds-wrap .arrow-down {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  transform: translateX(-50%);
}

.home-platform .heading-ds-wrap .svg-balls {
  position: absolute;
}

.home-platform .heading-ds-wrap .svg-balls img {
  max-width: initial;
  width: auto;
}

.home-platform .heading-ds-wrap .svg-balls-l {
  top: 0;
  right: calc(100% + 25px);
}

.home-platform .heading-ds-wrap .svg-balls-l img {
  height: 140px;
}

.home-platform .heading-ds-wrap .svg-balls-r {
  top: 21px;
  left: calc(100% + 25px);
}

.home-platform .heading-ds-wrap .svg-balls-r img {
  height: 120px;
}

.home-platform .heading-pf-wrap {
  margin-top: -52px;
  overflow: hidden;
  position: relative;
  height: 100px;
  flex-direction: column;
}

.home-platform .heading-pf-wrap .title-box {
  width: 100%;
  border-radius: 2px;
  text-align: center;
  min-height: 54px;
  overflow: hidden;
  background: linear-gradient(174.69deg, #281283 -12.83%, rgba(40, 18, 131, 0) 70.43%), #7a327e;
  flex-direction: column;
}

.home-platform .heading-pf-wrap h6 {
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.home-platform .heading-pf-wrap .svg-star-group {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -37%);
  pointer-events: none
}

.home-platform .heading-pf-wrap .svg-star-group svg {
  width: 668px;
  height: 74px;
}

.home-platform .cols-wrap {
  width: calc(100% - 30px);
  margin-top: 18px;
}

@media (max-width:1024px) {
  .home-platform .cols-wrap {
    width: 100%;
    margin-top: -37px;
  }
}

@media (max-width:640px) {
  .home-platform .cols-wrap {
    margin-top: 0;
  }
}

.home-platform .col {
  width: calc(100%/4 - 6%);
  text-align: center;
  padding-bottom: 60px;
  position: relative;
}

@media (max-width:1024px) {
  .home-platform .col {
    width: calc(100%/2);
    padding-top: 70px;
    padding-bottom: 55px;
  }
}

@media (max-width:640px) {
  .home-platform .col {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 25px;
    margin-top: 50px;
  }
}

.home-platform .col .img-wrap {
  position: relative;
}

.home-platform .col figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 96px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-platform .col figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.home-platform .col h5 {
  font-weight: 500;
}

@media (max-width:640px) {
  .home-platform .col h5 {
    margin-bottom: 8px;
  }
}

.home-platform .col p {
  color: #485589;
}

.home-platform .col .btn {
  padding: 6px 25px;
}

@media (min-width:641px) {
  .home-platform .col .btn {
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width:640px) {
  .home-platform .col .btn {
    display: table;
    margin: 30px auto 0;
  }
}

.home-platform .dash-box .arrow-button {
  display: none;
}

.home-platform .dash-box .dash-circle {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #ccc;
  border-radius: 50%;
  background: #fff;
}

@media (min-width:1025px) {
  .home-platform .dash-box {
    position: absolute;
    top: 0;
    left: 90%;
    width: 64%;
    height: 100%;
  }

  .home-platform .dash-box-1 .dash-line,
  .home-platform .dash-box-1 .dash-circle,
  .home-platform .dash-box-3 .dash-line,
  .home-platform .dash-box-3 .dash-circle,
  .home-platform .dash-box-4 .dash-line,
  .home-platform .dash-box-4 .dash-circle {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .home-platform .dash-box-1 .dash-line,
  .home-platform .dash-box-3 .dash-line,
  .home-platform .dash-box-4 .dash-line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
  }

  .home-platform .dash-box-1 .dash-circle,
  .home-platform .dash-box-3 .dash-circle,
  .home-platform .dash-box-4 .dash-circle,
  .home-platform .dash-box-1 .dash-line,
  .home-platform .dash-box-3 .dash-line {
    left: 50%;
  }

  .home-platform .dash-box-4 {
    width: 27%;
  }

  .home-platform .dash-box-4 .dash-line {
    width: 40%;
    transform: translateY(-50%);
    left: 0;
  }

  .home-platform .dash-box-4 .dash-circle {
    display: none;
  }

  .home-platform .dash-box-4 .arrow-button {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    top: 50%;
    right: 0;
    border-radius: 50%;
    background: #eee;
    transform: translateY(-50%);
    transition: background .5s;
  }

  .home-platform .dash-box-4 .arrow-button:hover {
    background: #3f4b78;
  }

  .home-platform .dash-box-4 .arrow-button p {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    text-transform: uppercase;
    color: #aaa;
    font-weight: 400;
    line-height: 1.2em;
    white-space: nowrap;
    transform: translateX(-50%);
  }

  .home-platform .dash-box-4 .arrow-right {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    transform: translate(-50%, -50%);
  }

  .home-platform .dash-box-2 .dash-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
  }

  .home-platform .dash-box-2 .dash-line:before,
  .home-platform .dash-box-2 .dash-line:after {
    content: '';
    position: absolute;
    height: 100px;
    bottom: 0;
  }

  .home-platform .dash-box-2 .dash-line:before {
    width: 63%;
    right: 36%;
    border-bottom-right-radius: 10px;
    border-bottom: 1px dashed #ccc;
  }

  .home-platform .dash-box-2 .dash-line:after {
    width: 37%;
    right: 0;
    border-bottom-left-radius: 10px;
    border-bottom: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
  }

  .home-platform .dash-box-2 .dash-circle-1 {
    position: absolute;
    left: 28%;
    top: 50%;
    transform: translateY(-50%);
  }

  .home-platform .dash-box-2 .dash-circle-2 {
    position: absolute;
    right: calc(37% - 5px);
    top: -5%;
  }
}

@media (max-width:1024px) {
  .home-platform .col .text-wrap {
    padding: 0 10%;
  }

  .home-platform .col .dash-circle {
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
  }

  .home-platform .col .dash-line {
    position: absolute;
    right: -15%;
    top: 50%;
    transform: translateY(-50%);
    width: 30%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
  }

  .home-platform .col:nth-child(odd) {
    border-right: 1px dashed #ccc;
  }

  .home-platform .col:nth-child(even) .dash-box {
    display: none;
  }
}

@media (max-width:640px) {
  .home-platform .col:nth-child(even) .dash-box {
    display: block;
  }

  .home-platform .col:nth-child(odd) {
    border-right: none;
  }

  .home-platform .col {
    border-right: none;
  }

  .home-platform .col .dash-circle {
    position: absolute;
    left: 50%;
    right: initial;
    top: 50%;
    transform: translate(-60%, -50%);
  }

  .home-platform .col .dash-line {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 100%;
    border-bottom: none;
    border-left: 1px dashed #ccc;
  }

  .home-platform .col .img-wrap {
    position: initial;
  }

  .home-platform .col .dash-box {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 50px;
  }
}

.home-platform .bottom-button {
  display: flex;
  justify-content: center;
  position: relative;
  display: flex;
  flex-direction: column;
}

@media (min-width:1025px) {
  .home-platform .bottom-button {
    display: none;
  }
}

.home-platform .bottom-button .dash-box {
  height: 50px;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.home-platform .bottom-button .dash-circle {
  top: 50%;
  left: 50%;
  transform: translate(-55%, -50%);
}

.home-platform .bottom-button .dash-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-90%, -50%);
  width: 1px;
  height: 100%;
  border-left: 1px dashed #ccc;
}

.home-platform .bottom-button a:hover .arrow-wrap {
  background: #3f4b78;
}

.home-platform .bottom-button .arrow-wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 28px;
  height: 28px;
  right: 0;
  border-radius: 50%;
  background: #eee;
  transition: background .5s;
}

.home-platform .bottom-button p {
  text-transform: uppercase;
  color: #aaa;
  font-weight: 400;
  line-height: 1.2em;
  text-align: center;
  margin-top: 10px;
}

.home-platform .bottom-button .arrow-right {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 11px;
  transform: translate(-50%, -50%) rotate(90deg);
}
/* Module Home Features */
.home-features {
  padding-bottom: 100px;
}

.home-features .cols-wrap {
  margin-bottom: 150px;
}

@media (max-width:960px) {
  .home-features .cols-wrap {
    margin-bottom: 80px;
  }
}

.home-features .cols-wrap:last-child {
  margin-bottom: 0;
}

.home-features .cols-wrap:nth-child(even) {
  flex-direction: row-reverse;
}

.home-features .col-img {
  width: 57%;
}

@media (max-width:960px) {
  .home-features .col-img {
    width: 100%;
  }
}

.home-features .col-img figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.home-features .col-img figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 60.9%;
}

.home-features .col-img figure.grey {
  background: #eee;
}

.home-features .col-text {
  width: 35%;
}

@media (max-width:960px) {
  .home-features .col-text {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }
}

.home-features .text-box h2 {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.home-features .text-box h2 svg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 147px;
  height: 6px;
}

.home-features .lm-btn {
  color: #252d53;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  position: relative;
  display: inline-block;
  padding-right: 15px;
  margin-top: 35px;
  line-height: 1.1em;
}

.home-features .lm-btn:hover svg {
  right: -5px;
}

.home-features .lm-btn svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: .5s;
  width: 12px;
  height: 12px;
}

.home-features .lm-btn * {
  stroke: #222bf9;
}

.home-features .explr-btn {
  margin: 45px auto 0;
  display: table;
  padding: 10px 40px;
}
/* Module Home Cards */
.home-cards {
  margin: 80px 0;
}

@media (max-width:960px) {
  .home-cards .wrap {
    flex-direction: column;
  }
}

.home-cards .card {
  width: calc(100%/3 - 2%);
  border-radius: 5px;
  border: 1px solid #eee;
  overflow: hidden;
  position: relative;
}

.home-cards .card:hover {
  border: 1px solid #ddd;
}

.home-cards .card:hover .linktext svg {
  transform: translateX(3px);
}

.home-cards .card:hover figure svg {
  width: 65px;
  height: 65px;
}

@media (max-width:960px) {
  .home-cards .card {
    width: 100%;
    max-width: 480px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }
}

.home-cards .card a {
  display: block;
}

.home-cards .text-wrap {
  padding: 20px 5% 60px;
}

.home-cards figure {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-bottom: 1px solid #eee;
}

.home-cards figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 60.29%;
}

.home-cards figure svg {
  position: absolute;
  width: 51px;
  height: 51px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s ease;
}

.home-cards small {
  font-size: 10px;
  font-weight: 600;
  line-height: 1em;
  letter-spacing: .1em;
  color: #1D28F8;
  text-transform: uppercase;
}

.home-cards h3 {
  font-size: 20px;
  color: #252d53;
  line-height: 1.1em;
  margin: 1rem 0;
}

.home-cards p.desc {
  font-size: 14px;
  color: #485589;
  line-height: 1.3em;
  font-weight: 300;
}

.home-cards p.linktext {
  font-size: 12px;
  color: #252d53;
  text-transform: uppercase;
  position: absolute;
  bottom: 28px;
  font-weight: 700;
  letter-spacing: .1em;
  padding-right: 10px;
}

.home-cards p.linktext svg {
  width: 10px;
  height: 10px;
  transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
/* Page Home Page Styles */
@media (max-width:960px) {
  .index-new .mod-demo--signup1 {
    margin-bottom: 80px;
  }
}

.index-new .hide-grid-h2 {
  display: none;
}

@media (max-width:639px) {
  .index-new .hero-module-1 .btn {
    bottom: 22%;
  }
}

.index-new .home-platform .dash-box .dash-circle {
  border: 0;
}

.index-new .home-platform .dash-box .dash-circle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
  background: rgba(218, 24, 132, .05);
  border-radius: 50%;
}

.index-new .home-platform .dash-box .dash-circle:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px #fff;
  transform: translate(-50%, -50%);
  background: #da1884;
}

.index-new .home-platform .heading-pf-wrap {
  margin-top: -15px;
}

.index-new .home-features .cols-wrap {
  margin-bottom: 50px;
}

@media (max-width:960px) {
  .index-new .home-features .cols-wrap {
    margin-bottom: 50px;
    flex-direction: column-reverse;
  }

  .index-new .home-features .cols-wrap .col-text {
    margin-bottom: 30px;
  }
}

.index-new .home-features .col-img .logo-grid {
  display: flex;
  flex-wrap: wrap;
}

.index-new .home-features .col-img .logo-grid figure {
  overflow: hidden;
  position: relative;
  width: calc(100%/5);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.index-new .home-features .col-img .logo-grid figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

@media (max-width:960px) {
  .index-new .home-features .col-img .logo-grid figure {
    width: calc(100%/3);
  }
}

@media (max-width:640px) {
  .index-new .home-features .col-img .logo-grid figure {
    width: calc(100%/2);
    overflow: hidden;
    position: relative;
  }

  .index-new .home-features .col-img .logo-grid figure:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 100%;
  }
}

.index-new .home-features .text-box h2.hide-grid-first {
  display: none;
}

.index-new .home-features .text-box h2.grid-h2 {
  display: block;
}

.index-new .home-features article.grid {
  flex-direction: row-reverse;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 50px;
}

@media (max-width:960px) {
  .index-new .home-features article.grid {
    flex-direction: column-reverse;
  }
}

@media (max-width:640px) {
  .index-new .home-features article.grid {
    margin-bottom: 10px;
  }
}

.index-new .home-features article.grid h2 {
  margin-bottom: 45px;
  padding-bottom: 40px;
  margin-top: 16px;
}

.home-features .button-block-container .button {
  margin: 0;
}
.home-features .button-block-container {
  text-align: center;
}
.index-new .home-features article.grid h2 svg {
  left: 0;
  width: 147px;
}

.index-new .home-features article.grid .col-text p {
  max-width: 520px;
  margin: 0 auto;
}

@media (max-width:960px) {
  .index-new .home-features article.grid .col-text p {
    max-width: 100%;
  }
}

.index-new .home-features article.grid .col-img {
  width: 50%;
}

@media (max-width:960px) {
  .index-new .home-features article.grid .col-img {
    width: 100%;
  }
}

.index-new .home-features article.grid .col-text {
  padding-top: 0;
  width: 35%;
}

@media (max-width:960px) {
  .index-new .home-features article.grid .col-text {
    width: 100%;
  }
}

.index-new .home-features article.grid .col-img {
  margin-top: 20px;
}

@media (max-width:960px) {
  .index-new .home-features article.grid .col-img {
    margin-top: 0;
  }
}

.index-new .home-features article.grid .logo-grid {
  margin-right: -10px;
}

.index-new .home-features article.grid .logo-grid figure {
  width: calc(100%/4 - 10px);
  margin-right: 10px;
  border: 2px solid #eee;
  margin-bottom: 10px;
  border-radius: 8px;
  box-shadow: 0px 6.37822px 5.10258px rgba(0, 0, 0, 0.035), 0px 3.38743px 2.70994px rgba(0, 0, 0, 0.0282725), 0px 1.40958px 1.12767px rgba(0, 0, 0, 0.0196802);
}

.index-new .explr-btn {
  margin-top: 30px;
}

@media (max-width:640px) {
  .index-new .explr-btn {
    margin-top: 45px;
  }
}
/* Module Home logo animation */
.home-logo-anim-section {
  margin-bottom: 14px;
  position: relative;
  overflow: hidden;
  display: block;
}

@media (max-width:640px) {
  .home-logo-anim-section {
    margin-top: 40px;
  }
}

.home-logo-anim-section .bg {
  display: block;
  width: 100%;
}

@media (max-width:640px) {
  .home-logo-anim-section .bg-desktop,
  .home-logo-anim-section .bg-mobile {
    display: none;
  }
}

.home-logo-anim-section .has-dashline {
  overflow: visible !important;
}

.home-logo-anim-section .has-dashline:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 400px;
  border-left: 1px dashed rgba(0, 0, 0, .2);
}

.home-logo-anim-section .icon-elem {
  overflow: hidden;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 5%;
  top: 50%;
  left: 50%;
}

.home-logo-anim-section .icon-elem:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.home-logo-anim-section .icon-elem[data-count='1'] {
  transform: translate(-930%, 0%);
}

.home-logo-anim-section .icon-elem[data-count='2'] {
  transform: translate(-450%, -110%);
}

.home-logo-anim-section .icon-elem[data-count='3'] {
  transform: translate(120%, 20%);
}

.home-logo-anim-section .icon-elem[data-count='4'] {
  transform: translate(442%, 10%);
}

.home-logo-anim-section .icon-elem[data-count='5'] {
  transform: translate(684%, -97%);
}

@media (max-width:640px) {
  .home-logo-anim-section .icon-elem {
    width: 13%;
  }

  .home-logo-anim-section .icon-elem[data-count='1'] {
    transform: translate(-341%, 121%);
  }

  .home-logo-anim-section .icon-elem[data-count='2'] {
    transform: translate(160%, 10%);
  }

  .home-logo-anim-section .icon-elem[data-count='3'],
  .home-logo-anim-section .icon-elem[data-count='4'],
  .home-logo-anim-section .icon-elem[data-count='5'] {
    display: none
  }
}

.home-logo-anim-section .coin-elem {
  overflow: hidden;
  position: relative;
  background-size: 80%;
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
  width: 2.65%;
  top: 50%;
  left: 50%;
}

.home-logo-anim-section .coin-elem:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.home-logo-anim-section .coin-elem[data-count='1'] {
  transform: translate(-1450%, 150%);
}

.home-logo-anim-section .coin-elem[data-count='2'] {
  transform: translate(-20%, 100%);
}

.home-logo-anim-section .coin-elem[data-count='3'] {
  transform: translate(1050%, -220%)
}

@media (max-width:640px) {
  .home-logo-anim-section .coin-elem {
    width: 6.65%;
  }

  .home-logo-anim-section .coin-elem[data-count='1'] {
    transform: translate(-339%, 370%);
  }

  .home-logo-anim-section .coin-elem[data-count='2'] {
    transform: translate(570%, 260%);
  }

  .home-logo-anim-section .coin-elem[data-count='3'] {
    transform: translate(-740%, -360%);
  }

  .home-logo-anim-section .coin-elem[data-count='3']:after {
    content: none;
  }
}

.home-logo-anim-section .logo-elem {
  overflow: hidden;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 8%;
  top: 50%;
  left: 50%;
}

.home-logo-anim-section .logo-elem:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 64.21%;
}

.home-logo-anim-section .logo-elem[data-count='1'] {
  transform: translate(-420%, -53%);
}

.home-logo-anim-section .logo-elem[data-count='1'] figure {
  transition-delay: 0s
}

.home-logo-anim-section .logo-elem[data-count='2'] {
  transform: translate(-110%, -50%);
}

.home-logo-anim-section .logo-elem[data-count='2'] figure {
  transition-delay: .35s;
}

.home-logo-anim-section .logo-elem[data-count='3'] {
  transform: translate(137%, -102%);
}

.home-logo-anim-section .logo-elem[data-count='3'] figure {
  transition-delay: .7s;
}

.home-logo-anim-section .logo-elem[data-count='4'] {
  transform: translate(500%, -10%);
}

.home-logo-anim-section .logo-elem[data-count='4'] figure {
  transition-delay: 1.05s;
}

@media (max-width:640px) {
  .home-logo-anim-section .logo-elem {
    width: 22%;
  }

  .home-logo-anim-section .logo-elem[data-count='1'] {
    transform: translate(-58%, 58%);
  }

  .home-logo-anim-section .logo-elem[data-count='1']:after {
    top: 160%;
  }

  .home-logo-anim-section .logo-elem[data-count='2'] {
    transform: translate(-41%, -160%);
  }

  .home-logo-anim-section .logo-elem[data-count='3'] {
    transform: translate(-183%, -101%);
  }

  .home-logo-anim-section .logo-elem[data-count='4'] {
    transform: translate(116%, -188%);
  }

  .home-logo-anim-section .logo-elem[data-count='2']:after,
  .home-logo-anim-section .logo-elem[data-count='3']:after,
  .home-logo-anim-section .logo-elem[data-count='4']:after {
    content: none;
  }
}

.home-logo-anim-section .logo-elem figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s ease;
}

.home-logo-anim-section .logo-elem figure.is-active {
  opacity: 1;
  visibility: visible;
}
/* Page Receipt Animation and other stuff */
#svg-sparkle-connect-dot {
  width: 100%;
  height: 100%;
}

.svg-connect-dot-wrap {
  position: relative;
  transform: scale(1);
}

.svg-connect-dot-wrap .svg-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5%;
  display: flex;
}

.svg-connect-dot-wrap .svg-circle.is-prev {
  z-index: 5;
}

.svg-connect-dot-wrap .svg-circle.is-active {
  z-index: 10;
}

.svg-connect-dot-wrap .svg-circle.is-active span {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) scale(1);
  transition-delay: .5s;
}

.svg-connect-dot-wrap .svg-circle.is-active svg {
  transform: scale(1.5);
  transition: 1s;
  transition-delay: 0s;
}

.svg-connect-dot-wrap .svg-circle svg {
  width: 100%;
  height: 100%;
  transform: scale(1);
  transition: .35s;
  transition-delay: .5s;
}

.svg-connect-dot-wrap .svg-circle span {
  position: absolute;
  bottom: 130%;
  left: 50%;
  padding: 7px 30px;
  border: 1px solid rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 3px 3px 0 0px rgba(122, 50, 126, .2);
  color: #5e6ba8;
  white-space: nowrap;
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1em;
  opacity: 0;
  visibility: hidden;
  transition: .35s;
  transform: translateX(-50%) scale(.5);
  transition-delay: .5s;
}

.svg-connect-dot-wrap .svg-circle-0 {
  transform: translate(-765%, -1319%);
}

.svg-connect-dot-wrap .svg-circle-0 circle {
  fill: #e061ff;
}

.svg-connect-dot-wrap .svg-circle-1 {
  transform: translate(-1370%, -489%);
}

.svg-connect-dot-wrap .svg-circle-1 circle {
  fill: #00a0e3;
}

.svg-connect-dot-wrap .svg-circle-2 {
  transform: translate(418%, -590%);
}

.svg-connect-dot-wrap .svg-circle-3 {
  transform: translate(1729%, 141%);
}

.svg-connect-dot-wrap .svg-circle-3 circle {
  fill: #ce128c;
}

.svg-connect-dot-wrap .svg-circle-4 {
  transform: translate(-990%, 130%);
}

.svg-connect-dot-wrap .svg-circle-4 circle {
  fill: #e061ff;
}

.svg-connect-dot-wrap .svg-circle-5 {
  transform: translate(49%, 810%);
}

.svg-connect-dot-wrap .svg-circle-6 {
  transform: translate(530%, 1208%);
}

.svg-connect-dot-wrap .svg-circle-7 {
  transform: translate(1080%, -722%);
}

.svg-connect-dot-wrap .svg-circle-8 {
  transform: translate(937%, -171%);
}

.svg-connect-dot-wrap .svg-circle-8 circle {
  fill: #00a0e3;
}

.svg-connect-dot-wrap .svg-circle-9 {
  transform: translate(50%, -1009%);
}

.svg-connect-dot-wrap .svg-circle-10 {
  transform: translate(1063%, 291%);
}

.svg-connect-dot-wrap .svg-circle-11 {
  transform: translate(710%, 490%);
}

.svg-connect-dot-wrap .svg-circle-12 {
  transform: translate(660%, -710%);
}

.svg-connect-dot-wrap .svg-circle-12 circle {
  fill: #ce128c;
}

.svg-connect-dot-wrap .svg-circle-13 {
  transform: translate(-170%, -1230%);
}

.svg-connect-dot-wrap .svg-circle-13 circle {
  fill: #ce128c;
}

.svg-connect-dot-wrap .svg-circle-14 {
  transform: translate(-490%, 960%);
}

.svg-connect-dot-wrap .svg-circle-14 circle {
  fill: #00a0e3;
}

.svg-connect-dot-wrap .svg-circle-15 {
  transform: translate(-320%, 1240%);
}

.svg-connect-dot-wrap .svg-circle-15 circle {
  fill: #e061ff;
}

.svg-connect-dot-wrap .svg-circle-16 {
  transform: translate(-476%, 420%);
}

.svg-connect-dot-wrap .svg-circle-16 circle,
.svg-connect-dot-wrap .svg-circle-17 circle {
  fill: #ce128c;
}

.svg-connect-dot-wrap .svg-circle-17 {
  transform: translate(-670%, 215%);
}

.svg-connect-dot-wrap .svg-circle-18 {
  transform: translate(-1090%, 874%);
}

.svg-connect-dot-wrap .svg-circle-19 {
  transform: translate(-1290%, 340%);
}

.svg-connect-dot-wrap .svg-circle-20 {
  transform: translate(-570%, -779%);
}

.svg-connect-dot-wrap .svg-circle-21 {
  transform: translate(-191%, 600%);
}

.svg-connect-dot-wrap .svg-circle-22 {
  transform: translate(550%, -1078%);
}

.svg-connect-dot-wrap .svg-circle-23 {
  transform: translate(-1630%, -71%);
}

.svg-connect-dot-wrap .svg-circle-24 {
  transform: translate(-720%, -290%);
}

.svg-connect-dot-wrap .svg-circle-24 circle {
  fill: #00a0e3;
}

.svg-connect-dot-wrap .svg-circle-25 {
  transform: translate(-1020%, -770%);
}

.svg-connect-dot-wrap .svg-circle-26 {
  transform: translate(-830%, 1290%);
}

.receipt-wrap#state-2 .receipt-title-inner,
.receipt-wrap#state-3 .receipt-item-row.highlight,
.receipt-wrap#state-4 .receipt-info-text.guests,
.receipt-wrap#state-4 .receipt-total,
.receipt-wrap#state-5 .receipt-info-text.guests {
  box-shadow: 0 0 0 1px #ff44ac;
  background: #fff8fc;
  color: #ff44ac;
}

.receipt-wrap#state-2 .overlay-block,
.receipt-wrap#state-3 .overlay-block,
.receipt-wrap#state-4 .overlay-block,
.receipt-wrap#state-5 .overlay-block {
  width: 100%;
}

.receipt-wrap#state-2 .receipt-border,
.receipt-wrap#state-3 .receipt-border,
.receipt-wrap#state-4 .receipt-border,
.receipt-wrap#state-5 .receipt-border {
  border-color: #f3f3f3;
}

.receipt-wrap#state-2 .document-scanner,
.receipt-wrap#state-3 .document-scanner,
.receipt-wrap#state-4 .document-scanner,
.receipt-wrap#state-5 .document-scanner {
  opacity: 0;
  transform: scaleX(0);
}

.receipt-wrap#state-0 .document-scanner {
  animation: 8s ease infinite scanner;
}

@media (max-width:1023px) {
  .receipt-wrap#state-0 .document-scanner {
    animation: 8s ease infinite scannerTablet;
  }
}

@media (max-width:767px) {
  .receipt-wrap#state-0 .document-scanner {
    animation: 8s ease infinite scannerMobile;
  }
}

.receipt-wrap#state-0 .scan-tooltip {
  animation: 8s ease infinite tooltip;
}

.receipt-wrap#state-0 .scan-tooltip.st-1 {
  animation-delay: .2s;
}

.receipt-wrap#state-0 .scan-tooltip.st-2 {
  animation-delay: .4s;
}

.receipt-wrap#state-0 .scan-tooltip.st-3 {
  animation-delay: .8s;
}

.receipt-wrap#state-0 .scan-tooltip.st-4 {
  animation-delay: 1.6s;
}

.receipt-wrap#state-0 .scan-item {
  animation: 8s ease infinite changeColor;
}

.receipt-wrap#state-0 .scan-item.si-1 {
  animation-delay: .2s;
}

.receipt-wrap#state-0 .scan-item.si-2 {
  animation-delay: .4s;
}

.receipt-wrap#state-0 .scan-item.si-3 {
  animation-delay: .45s;
}

.receipt-wrap#state-0 .scan-item.si-4 {
  animation-delay: .8s;
}

.receipt-wrap#state-0 .scan-item.si-5 {
  animation-delay: .9s;
}

.receipt-wrap#state-0 .scan-item.si-6 {
  animation-delay: 1s;
}

.receipt-wrap#state-0 .scan-item.si-7 {
  animation-delay: 1.1s;
}

.receipt-wrap#state-0 .scan-item.si-8 {
  animation-delay: 1.2s;
}

.receipt-wrap#state-0 .scan-item.si-9 {
  animation-delay: 1.375s;
}

.receipt-wrap#state-0 .scan-item.si-10 {
  animation-delay: 1.6s;
}

.receipt-wrap#state-1 .receipt {
  transform: translate(50px, 66px);
}

@media (max-width:1023px) {
  .receipt-wrap#state-1 .receipt {
    transform: translate(50px, 0);
  }
}

@media (max-width:767px) {
  .receipt-wrap#state-1 .receipt {
    transform: translate(25px, 0);
  }
}

.receipt-wrap#state-1 .receipt-copy {
  opacity: 1;
  transform: translate(-35px, -35px);
}

@media (max-width:1279px) {
  .receipt-wrap#state-1 .receipt-copy {
    transform: translate(4px, 14px);
  }
}

@media (max-width:1023px) {
  .receipt-wrap#state-1 .receipt-copy {
    transform: translate(-12px, 7px);
  }
}

@media (max-width:767px) {
  .receipt-wrap#state-1 .receipt-copy {
    transform: translate(-57px, 0px);
  }
}

.receipt-wrap#state-1 .receipt-copy .alert svg {
  transition-delay: .25s;
}

.receipt-wrap#state-1 .document-scanner {
  opacity: 0;
  transform: scaleX(0);
}

.receipt-wrap#state-2 .receipt-title-inner .overlay-block {
  width: 0
}

.receipt-wrap#state-2 .yelp-suspicious {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: .5s;
}

.receipt-wrap#state-3 .alert-row-1 svg {
  transition-delay: .5s;
}

.receipt-wrap#state-3 .alert-row-2 svg {
  transition-delay: .75s;
}

.receipt-wrap#state-3 .receipt-item-row.highlight {
  transition-delay: .35s;
}

.receipt-wrap#state-3 .receipt-item-row.highlight .overlay-block {
  width: 0;
  left: auto;
  right: 0;
}

.receipt-wrap#state-4 .receipt-title-inner .overlay-block,
.receipt-wrap#state-4 .receipt-info-text .overlay-block,
.receipt-wrap#state-4 .receipt-total-text .overlay-block {
  width: 0;
  left: auto;
  right: 0;
}

.receipt-wrap#state-4 .receipt-title-1 {
  opacity: 0;
  transform: translateX(10px);
  transition-delay: .3s;
}

.receipt-wrap#state-4 .receipt-title-2 {
  opacity: 1;
  transform: translateX(0);
  transition-delay: .4s;
}

.receipt-wrap#state-4 .receipt-info-text.guests {
  transition-delay: .25s;
}

.receipt-wrap#state-4 .receipt-total {
  transition-delay: .5s;
}

.receipt-wrap#state-4 .total-price {
  transform: translateY(-46px);
  transition-delay: .8s;
}

.receipt-wrap#state-4 .alert-total svg {
  transition-delay: .85s;
}

.receipt-wrap#state-4 .yelp-prices {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: .5s;
}

.receipt-wrap#state-5 .receipt-title-inner .overlay-block,
.receipt-wrap#state-5 .receipt-info-text .overlay-block {
  width: 0;
  left: auto;
  right: 0;
}

.receipt-wrap#state-5 .receipt-total-text .overlay-block {
  transition-delay: 0ms !important;
}

.receipt-wrap#state-5 .receipt-title-1 {
  opacity: 0;
  transform: translateX(10px);
}

.receipt-wrap#state-5 .receipt-title-2 {
  opacity: 1;
  transform: translateX(0);
}

.receipt-wrap#state-5 .total-price {
  transform: translateY(-46px);
}

.receipt-wrap#state-5 .attendees {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: .5s;
}

.receipt-wrap#state-5 .attendee-row {
  opacity: 1;
  transform: translateY(0);
}

.receipt-wrap#state-5 .attendee-row:first-child {
  transition-delay: .62s;
}

.receipt-wrap#state-5 .attendee-row:first-child .attendee-dots {
  transition-delay: 1.9s;
}

.receipt-wrap#state-5 .attendee-row:first-child .attendee-type span {
  transition-delay: 2s;
}

.receipt-wrap#state-5 .attendee-row:first-child .attendee-status {
  transition-delay: 2.25s;
}

.receipt-wrap#state-5 .attendee-row:first-child .attendee-status svg {
  transition-delay: 2.4s;
}

.receipt-wrap#state-5 .attendee-row:nth-child(2) {
  transition-delay: .695s;
}

.receipt-wrap#state-5 .attendee-row:nth-child(2) .attendee-dots {
  transition-delay: 2.05s;
}

.receipt-wrap#state-5 .attendee-row:nth-child(2) .attendee-type span {
  transition-delay: 2.15s;
}

.receipt-wrap#state-5 .attendee-row:nth-child(2) .attendee-status {
  transition-delay: 2.4s;
}

.receipt-wrap#state-5 .attendee-row:nth-child(2) .attendee-status svg {
  transition-delay: 2.55s;
}

.receipt-wrap#state-5 .attendee-row:last-child {
  transition-delay: .77s;
}

.receipt-wrap#state-5 .attendee-row:last-child .attendee-dots {
  transition-delay: 3.9s;
}

.receipt-wrap#state-5 .attendee-row:last-child .attendee-type span {
  transition-delay: 4s;
}

.receipt-wrap#state-5 .attendee-row:last-child .attendee-status {
  transition-delay: 4.25s;
}

.receipt-wrap#state-5 .attendee-row:last-child .attendee-status svg {
  transition-delay: 4.4s;
}

.receipt-wrap#state-5 .attendee-status {
  width: 35px;
}

.receipt-wrap#state-5 .attendee-status svg {
  transform: scale(1);
}

.receipt-wrap#state-5 .attendee-dots {
  opacity: 0;
  transform: translateX(10px);
}

.receipt-wrap#state-5 .attendee-type span {
  opacity: 1;
  transform: translateX(0);
}

.receipt-wrap#state-5 .attendee-dots .dot {
  animation-play-state: running;
}

.receipt-jagged {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 20px;
  transform: scale(1.02);
}

@media (max-width:767px) {
  .receipt-jagged {
    transform: scale(1.035);
  }
}

.receipt-jagged.top {
  top: -11px;
}

.receipt-jagged.bottom {
  bottom: 0;
}

.receipt {
  position: relative;
  width: 300px;
  padding: 40px 0 42px;
  border-left: 3px solid #d6d6d6;
  border-right: 3px solid #d6d6d6;
  z-index: 2;
  background: #fff;
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:1023px) {
  .receipt {
    margin: 0 auto;
    padding: 20px 0 30px;
  }
}

@media (max-width:767px) {
  .receipt {
    width: 250px;
  }
}

.receipt .alert.alert-title {
  top: -18px;
  right: -18px;
}

.receipt .alert.alert-guests {
  top: -23px;
  left: -23px;
}

.receipt .alert.alert-row-1 {
  top: -15px;
  left: 55%;
}

.receipt .alert.alert-row-2 {
  bottom: -24px;
  left: 66%;
}

.receipt .alert.alert-total {
  top: -18px;
  right: -18px;
}

.receipt .scan-tooltip.st-1 {
  top: -29px;
  right: -61px;
}

.receipt .scan-tooltip.st-2 {
  top: -31px;
  left: -40px;
}

.receipt .scan-tooltip.st-2:after {
  left: auto;
  right: -3px;
  transform: rotate(45deg);
}

.receipt .scan-tooltip.st-3 {
  top: -31px;
  right: -30px;
}

.receipt .scan-tooltip.st-4 {
  top: -31px;
  right: -56px;
}

.receipt-copy {
  position: absolute;
  top: -3px;
  left: -4px;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:1023px) {
  .receipt-copy {
    width: 249px;
    top: 14px;
    right: 0;
    margin: auto;
  }
}

@media (max-width:767px) {
  .receipt-copy {
    width: 165px;
    top: 27px;
  }
}

.receipt-copy .alert {
  top: 67px;
  left: -24px;
}

@media (max-width:1023px) {
  .receipt-copy .alert {
    left: -16px;
  }
}

.receipt-copy .alert svg {
  width: 58px;
  height: 58px;
}

@media (max-width:1023px) {
  .receipt-copy .alert svg {
    width: 40px;
    height: 40px;
  }
}

.receipt-title-inner,
.receipt-info-text,
.receipt-item-row-text,
.receipt-item-row-text span,
.receipt-total-text,
.receipt-bottom-text-inner {
  position: relative;
  font-family: "Roboto Mono", monospace;
  font-weight: 600;
  line-height: 1.3;
}

.receipt-border {
  position: relative;
  border-bottom: 1px dashed #000;
  transition: border-color .25s;
}

.receipt-border.top {
  margin: 20px 30px 30px;
}

@media (max-width:1023px) {
  .receipt-border.top {
    margin: 12px 30px;
  }
}

@media (max-width:767px) {
  .receipt-border.top {
    margin: 8px 30px;
  }
}

.receipt-border.bottom {
  margin: 15px 30px;
}

@media (max-width:1023px) {
  .receipt-border.bottom {
    margin: 12px 30px;
  }
}

@media (max-width:767px) {
  .receipt-border.bottom {
    margin: 8px 30px;
  }
}

.receipt-title {
  font-size: 21px;
  text-align: center;
  margin-bottom: 22px;
}

@media (max-width:1023px) {
  .receipt-title {
    font-size: 18px;
  }
}

@media (max-width:767px) {
  .receipt-title {
    font-size: 14px;
    margin-bottom: 14px;
  }
}

.receipt-title-inner {
  position: relative;
  padding: 0 10px;
}

.receipt-title-1 {
  display: inline-block;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.receipt-title-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.receipt-info {
  align-items: flex-start;
  margin: 0 32px;
}

.receipt-info-text {
  display: inline-block;
  margin: 0;
  padding: 2px 7px;
  font-size: 12px;
}

@media (max-width:1023px) {
  .receipt-info-text {
    font-size: 10px;
  }
}

@media (max-width:767px) {
  .receipt-info-text {
    font-size: 8px;
  }
}

.receipt-info-text:first-child {
  margin-bottom: 6px;
}

@media (max-width:767px) {
  .receipt-info-text:first-child {
    margin-bottom: 2px;
  }
}

.receipt-items {
  padding: 0 18px;
}

.receipt-item-row {
  position: relative;
  align-items: center;
  padding: 4px 14px;
}

.receipt-item-row > div {
  font-size: 12px;
  margin: 0;
}

@media (max-width:1023px) {
  .receipt-item-row > div {
    font-size: 9px;
  }
}

@media (max-width:767px) {
  .receipt-item-row > div {
    font-size: 8px;
  }
}

.receipt-item-row > div:first-child {
  margin-right: 8px;
}

.receipt-item-row > div:nth-child(2) {
  flex: 1;
  margin-right: 8px;
}

.receipt-total-wrap {
  margin: 0 18px;
}

@media (max-width:767px) {
  .receipt-total-wrap {
    margin: 0 18px 5px;
  }
}

.receipt-total {
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
}

.receipt-total-text {
  margin: 0;
  font-size: 17px;
  overflow: hidden;
}

@media (max-width:1023px) {
  .receipt-total-text {
    font-size: 12px;
  }
}

@media (max-width:1023px) {
  .receipt-total-text {
    font-size: 10px;
  }
}

.total-price {
  display: inline-block;
  position: relative;
  transition: transform .75s cubic-bezier(.23, 1, .32, 1);
}

.total-price span {
  display: block;
}

.total-price span:nth-child(2),
.total-price span:last-child {
  position: absolute;
  left: 0;
}

.total-price span:last-child {
  top: 46px;
}

.receipt-bottom {
  padding-top: 25px;
}

@media (max-width:1023px) {
  .receipt-bottom {
    padding-top: 7px;
  }
}

@media (max-width:767px) {
  .receipt-bottom {
    display: none;
  }
}

.receipt-bottom-text {
  text-align: center;
}

.receipt-bottom-text:first-child {
  margin-bottom: 8px;
}

@media (max-width:1023px) {
  .receipt-bottom-text:first-child {
    margin-bottom: 0;
  }
}

@media (max-width:767px) {
  .receipt-bottom-text:first-child {
    margin-bottom: -5px;
  }
}

.receipt-bottom-text-inner {
  font-size: 14px;
}

@media (max-width:1023px) {
  .receipt-bottom-text-inner {
    font-size: 10px;
  }
}

@media (max-width:767px) {
  .receipt-bottom-text-inner {
    display: inline-block;
    font-size: 8px;
  }
}
/* Page/module Attendees */
.attendees {
  position: absolute;
  bottom: 120px;
  right: -140px;
  width: 336px;
  background: #fff;
  box-shadow: inset 0 0 0 3px #d6d6d6;
  opacity: 0;
  pointer-events: none;
  transform: scale(.92) translateY(20px);
  transition: opacity .25s, transform .5s ease;
}

@media (max-width:767px) {
  .attendees {
    width: 250px;
    bottom: 29px;
    right: -20px;
  }
}

.attendees-top {
  position: relative;
}

.attendees-top .attendees-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(330.84deg, rgba(0, 160, 227, .85) .17%, rgba(0, 160, 227, 0) 80.54%), #693cef;
  mix-blend-mode: multiply;
}

.attendees-top .attendees-title {
  position: relative;
  padding: 10px 23px;
  color: #fff;
  font-size: 16px;
  letter-spacing: .02em;
}

@media (max-width:767px) {
  .attendees-top .attendees-title {
    font-size: 10px;
    padding: 10px 15px;
  }
}

.attendees-list {
  padding: 18px 23px 28px;
}

@media (max-width:767px) {
  .attendees-list {
    padding: 18px 15px 18px;
  }
}

.attendee-row {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s, transform .5s ease;
}

.attendee-row:not(:last-child) {
  margin-bottom: 11px;
}

.attendee-status {
  width: 0;
  height: 20px;
  transition: width 1s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .attendee-status {
    height: 17px;
  }
}

.attendee-status svg {
  transform: scale(0);
  transform-origin: center;
  transition: transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .attendee-status svg {
    width: 18px;
    height: 18px;
  }
}

.attendee-name,
.attendee-type {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
}

@media (max-width:767px) {
  .attendee-name,
  .attendee-type {
    font-size: 10px;
  }
}

.attendee-name {
  padding-right: 15px;
  color: #202640;
}

.attendee-type {
  position: relative;
  color: rgba(72, 85, 137, .75);
}

.attendee-type span {
  display: inline-block;
  position: relative;
  z-index: 2;
  background: #fff;
  opacity: 0;
  transform: translateX(-12px);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.attendee-dots {
  position: absolute;
  left: 0;
  bottom: 10px;
  opacity: 1;
  transform: translateX(0);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.attendee-dots .dot {
  position: absolute;
  top: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .25);
  animation: 1.25s ease infinite dotLoading;
  animation-play-state: paused;
}

.attendee-dots .dot.left {
  left: 0;
}

.attendee-dots .dot.middle {
  left: 8px;
  animation-delay: .12s;
}

.attendee-dots .dot.right {
  left: 16px;
  animation-delay: .24s;
}

.receipt-yelp {
  position: absolute;
  opacity: 0;
  transform: scale(.92) translateY(20px);
  transition: opacity .25s, transform .5s ease;
}

.receipt-yelp.yelp-suspicious {
  top: 112px;
  right: -120px;
}

@media (max-width:767px) {
  .receipt-yelp.yelp-suspicious {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 90%;
  }
}

.receipt-yelp.yelp-prices {
  top: 133px;
  right: -146px;
}

@media (max-width:1023px) {
  .receipt-yelp.yelp-prices {
    top: 94px;
    right: -79px;
    width: 250px;
  }
}

@media (max-width:767px) {
  .receipt-yelp.yelp-prices {
    top: 96px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 200px;
  }
}
/* Page Invoice */
.invoice-main {
  position: relative;
  z-index: 3;
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

.invoice {
  position: relative;
  width: 400px;
  border: 4px solid #eee;
  border-radius: 5px;
  padding: 16px 16px 24px;
  background: #fff;
  z-index: 3;
  transition: transform 1s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:1023px) {
  .invoice {
    margin: 0 auto;
  }
}

@media (max-width:767px) {
  .invoice {
    width: 262px;
    padding: 4px 6px 0;
  }
}

.invoice:after {
  content: '';
  position: absolute;
  top: -1%;
  left: -2%;
  width: 104%;
  height: 500px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s;
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, .987) 8.1%, rgba(255, 255, 255, .951) 15.5%, rgba(255, 255, 255, .896) 22.5%, rgba(255, 255, 255, .825) 29%, rgba(255, 255, 255, .741) 35.3%, rgba(255, 255, 255, .648) 41.2%, rgba(255, 255, 255, .55) 47.1%, rgba(255, 255, 255, .45) 52.9%, rgba(255, 255, 255, .352) 58.8%, rgba(255, 255, 255, .259) 64.7%, rgba(255, 255, 255, .175) 71%, rgba(255, 255, 255, .104) 77.5%, rgba(255, 255, 255, .049) 84.5%, rgba(255, 255, 255, .013) 91.9%, rgba(255, 255, 255, 0) 100%);
}

.invoice .overlay-text {
  position: relative;
}

.invoice .alert.alert-invoice {
  bottom: -20px;
  right: 52px;
}

@media (max-width:767px) {
  .invoice .alert.alert-invoice {
    bottom: -13px;
    right: 41px;
  }

  .invoice .alert.alert-invoice svg {
    width: 25px;
    height: 25px;
  }
}

.invoice-wrap#state-1 .invoice-item-group,
.invoice-wrap#state-1 .invoice-number .highlight,
.invoice-wrap#state-2 .invoice-terms,
.invoice-wrap#state-3 .invoice-bottom-row.ib-1,
.invoice-wrap#state-4 .invoice-item-row.highlight,
.invoice-wrap#state-5 .invoice-totals-row .highlight,
.invoice-wrap#state-6 .invoice-top-address {
  box-shadow: 0 0 0 1px #ff44ac;
  background: #fff8fc;
  color: #ff44ac;
}

.invoice-wrap#state-2 .overlay-block,
.invoice-wrap#state-3 .overlay-block,
.invoice-wrap#state-4 .overlay-block,
.invoice-wrap#state-5 .overlay-block,
.invoice-wrap#state-6 .overlay-block {
  width: 100%;
}

.invoice-wrap#state-1 .alert svg {
  transition-delay: .25s;
}

.invoice-wrap#state-1 .invoice-item-row.highlight,
.invoice-wrap#state-1 .invoice-item-row.blue {
  background: none;
}

.invoice-wrap#state-1 .invoice-item-row.highlight {
  transition: none;
}

.invoice-wrap#state-1 .invoice-main {
  transform: translate(-67px, -10px);
}

@media (max-width:1279px) {
  .invoice-wrap#state-1 .invoice-main {
    transform: translate(-30px, -10px);
  }
}

@media (max-width:767px) {
  .invoice-wrap#state-1 .invoice-main {
    transform: translate(-20px, -14px);
  }
}

.invoice-wrap#state-1 .invoice-duplicate {
  opacity: 1;
  transform: translate(45px, 40px);
}

@media (max-width:767px) {
  .invoice-wrap#state-1 .invoice-duplicate {
    transform: translate(20px, 0px);
  }
}

.invoice-wrap#state-2 .invoice-terms .overlay-block {
  width: 0;
  left: auto;
  right: 0;
  transition-delay: 0ms !important;
}

.invoice-wrap#state-2 .invoice-zoom.iz-1 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .475s;
}

.invoice-wrap#state-2 .invoice-border-copy.ibc-1 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .25s;
}

.invoice-wrap#state-3 .invoice-bottom-row.ib-1 .overlay-block {
  width: 0;
  left: auto;
  right: 0;
  transition-delay: 0ms !important;
}

.invoice-wrap#state-3 .invoice-zoom.iz-2 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .475s;
}

.invoice-wrap#state-3 .invoice-border-copy.ibc-2 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .25s;
}

.invoice-wrap#state-4 .invoice-items-heading .overlay-block,
.invoice-wrap#state-4 .ir-1 .overlay-block {
  width: 0;
  left: auto;
  right: 0;
  transition-delay: 0ms !important;
}

.invoice-wrap#state-4 .invoice-zoom.iz-3 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .475s;
}

.invoice-wrap#state-4 .invoice-border-copy.ibc-3 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .25s;
}

.invoice-wrap#state-5 .invoice {
  transform: translateY(-249px);
}

@media (max-width:767px) {
  .invoice-wrap#state-5 .invoice {
    transform: translateY(-166px);
  }
}

.invoice-wrap#state-5 .invoice:after {
  opacity: 1;
}

.invoice-wrap#state-5 .ib-2 .overlay-block {
  width: 0;
  left: auto;
  right: 0;
  transition-delay: 0ms !important;
}

.invoice-wrap#state-5 .invoice-totals-row .highlight {
  transition-delay: .25s;
}

.invoice-wrap#state-5 .invoice-totals-row .alert svg {
  transition-delay: .325s;
}

.invoice-wrap#state-6 .invoice-top-address .overlay-block {
  width: 0;
  left: auto;
  right: 0;
}

.invoice-wrap#state-6 .invoice-company-lookup {
  opacity: 1;
  transform: scale(1);
  transition-delay: .25s;
}

.invoice-duplicate {
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  z-index: 2;
  opacity: 0;
  transition: opacity .25s, transform 1s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:1023px) {
  .invoice-duplicate {
    right: 0;
    margin: 0 auto;
  }
}

@media (max-width:767px) {
  .invoice-duplicate {
    top: 25px;
    width: 248px;
  }
}

.invoice-copy {
  font-family: "Roboto Mono", monospace;
  font-size: 10px;
  color: #252d53;
}

@media (max-width:1023px) {
  .invoice-copy {
    font-size: 9px;
  }
}

@media (max-width:767px) {
  .invoice-copy {
    font-size: 7px;
  }
}

.invoice-copy.big {
  font-size: 12px;
}

@media (max-width:1023px) {
  .invoice-copy.big {
    font-size: 10px;
  }
}

.invoice-top {
  margin-bottom: 14px;
  padding-right: 11px;
}

@media (max-width:1023px) {
  .invoice-top {
    margin-bottom: 3px;
  }
}

.invoice-top-address {
  padding: 7px 23px 16px 12px;
}

.invoice-top-address > div:not(:first-child) {
  margin-bottom: 3px;
}

.invoice-logo {
  margin-bottom: 20px;
}

@media (max-width:767px) {
  .invoice-top-address {
    padding: 7px 12px;
  } 

  .invoice-logo {
    margin-bottom: 11px;
  }
}

.invoice-number {
  padding-top: 11px;
}

.invoice-number span {
  margin-left: -2px;
  padding: 2px 3px;
}

.invoice-info {
  padding: 0 2px 0 12px;
}

.invoice-address2 > div,
.invoice-dates-terms > div {
  margin-bottom: 3px;
}

.invoice-dates-terms .flex > div:first-child {
  min-width: 85px;
}

@media (max-width:767px) {
  .invoice-dates-terms .flex > div:first-child {
    min-width: 60px;
  }
}

.invoice-dates-terms > div {
  padding: 0 6px;
}

.invoice-items-heading {
  margin: 25px 0 6px;
  background: #00a0e3;
  padding: 12px 19px;
  color: #fff;
}

@media (max-width:1023px) {
  .invoice-items-heading {
    margin: 19px 0 6px;
  }
}

@media (max-width:767px) {
  .invoice-items-heading {
    margin: 6px 0 0;
    padding: 6px 19px;
  }
}

.invoice-items-heading > div:first-child {
  width: 58%;
}

.invoice-items-heading > div:nth-child(2) {
  width: 14%;
}

.invoice-items-heading > div:nth-child(3) {
  width: 18%;
}

.invoice-items-heading .overlay-block {
  background: #2fb3eb;
}

.invoice-item-group {
  position: relative;
}

.invoice-items > div:last-child > div:first-child span {
  margin-bottom: 3px;
}

.invoice-item-row {
  padding: 7px 11px;
}

.invoice-item-row.blue {
  background: rgba(0, 160, 227, .1);
  margin-top: 6px;
  transition: background .25s;
}

@media (max-width:767px) {
  .invoice-item-row.blue {
    margin-top: 0;
  }
}

.invoice-item-row.blue .overlay-block {
  background: #bddde9;
}

.invoice-item-row > div:first-child {
  width: 58%;
}

.invoice-item-row > div:nth-child(2) {
  width: 13%;
}

.invoice-item-row > div:nth-child(3) {
  width: 17%;
}

.invoice-item-row > div span {
  display: inline-block;
}

.invoice-bottom {
  margin-top: 50px;
}

@media (max-width:1023px) {
  .invoice-bottom {
    margin-bottom: 25px;
  }
}

@media (max-width:767px) {
  .invoice-bottom {
    margin-top: 3px;
    margin-bottom: 10px;
  }
}

.invoice-bottom-row {
  padding: 6px 11px;
}

.invoice-bottom-border {
  display: block;
  margin: 6px 0;
  height: 1px;
  background: #d7dddf;
}

@media (max-width:767px) {
  .invoice-bottom-border {
    margin: 1px 0;
  }
}

.invoice-totals {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 400px;
  z-index: 2;
}

@media (max-width:1023px) {
  .invoice-totals {
    bottom: 54px;
    right: 0;
    margin: 0 auto;
  }
}

@media (max-width:767px) {
  .invoice-totals {
    width: 262px;
    bottom: 7px;
  }
}

.invoice-totals-row {
  width: 100%;
  border: 4px solid #eee;
  border-radius: 5px;
  padding: 7px 27px 30px;
  margin-bottom: -4px;
  border-top: 4px solid #eee;
  background: #fff;
}

@media (max-width:767px) {
  .invoice-totals-row {
    padding: 7px 15px 10px 17px;
  }
}

.invoice-totals-row > .flex {
  position: relative;
}

.invoice-totals-row .alert {
  top: -7px;
  right: 71px;
}

@media (max-width:767px) {
  .invoice-totals-row .alert {
    top: -2px;
    right: 53px;
  }
}

.invoice-totals-row .alert svg {
  width: 25px;
  height: 25px;
}

.invoice-totals-row:last-child {
  padding: 6px 16px 29px;
}

@media (max-width:767px) {
  .invoice-totals-row:last-child {
    padding: 6px 9px 8px 11px;
  }
}

.invoice-totals-row:last-child > .flex {
  padding: 6px 11px;
}

@media (max-width:767px) {
  .invoice-totals-row:last-child > .flex {
    padding: 6px 6px 6px 7px;
  }
}

.invoice-totals-row span {
  margin-left: 20px;
}

.invoice-zoom {
  position: absolute;
  opacity: 0;
  transform: scale(0);
  z-index: 2;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .invoice-zoom {
    width: 45px;
    height: 45px;
  }
}

.invoice-zoom.iz-1 {
  top: 140px;
  left: 120px;
}

@media (max-width:767px) {
  .invoice-zoom.iz-1 {
    top: 96px;
    left: 62px;
  }
}

.invoice-zoom.iz-2 {
  bottom: 34px;
  left: -55px;
}

@media (max-width:767px) {
  .invoice-zoom.iz-2 {
    bottom: 59px;
    left: -25px;
  }
}

.invoice-zoom.iz-3 {
  bottom: 198px;
  left: -58px;
}

@media (max-width:767px) {
  .invoice-zoom.iz-3 {
    bottom: 69px;
    left: -26px;
  }
}

.invoice-border-copy {
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .invoice-border-copy {
    width: 250px;
  }
}

.invoice-border-copy.ibc-1 {
  top: 182px;
  right: -72px;
}

@media (max-width:767px) {
  .invoice-border-copy.ibc-1 {
    top: 129px;
    right: -21px;
  }
}

.invoice-border-copy.ibc-2 {
  bottom: 97px;
  right: -40px;
}

@media (max-width:767px) {
  .invoice-border-copy.ibc-2 {
    bottom: 63px;
    right: -18px;
  }
}

.invoice-border-copy.ibc-3 {
  bottom: 85px;
  right: -72px;
}

@media (max-width:767px) {
  .invoice-border-copy.ibc-3 {
    bottom: 26px;
    right: -18px;
  }
}

.invoice-company-lookup {
  position: absolute;
  top: 72px;
  right: -80px;
  opacity: 0;
  transform: scale(0);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .invoice-company-lookup {
    width: 250px;
    top: 105px;
    right: -20px;
  }
}
/* Page Platform */
.platform .hero-module.blue-gradient .bg-color {
  background: linear-gradient(180deg, rgba(91, 0, 162, .71) -69.59%, rgba(91, 0, 162, 0) 114.75%), #0c98d9;
}

.platform .hero-module-2 .container:before {
  content: none;
}

.platform .hero-module-2 .textbox {
  max-width: 452px;
}

@media (max-width:1024px) {
  .platform .hero-module-2 .textbox {
    max-width: 320px;
  }
}

@media (max-width:900px) {
  .platform .hero-module-2 .textbox {
    max-width: 300px;
  }
}

@media (max-width:768px) {
  .platform .hero-module-2 .textbox {
    max-width: 100%;
  }
}

@media (max-width:768px) {
  .platform .hero-module-2 .img-box {
    width: 125%;
  }
}

.platform-intro {
  background-color: #f6f9fc;
  margin-bottom: 70px;
}

.platform-intro .text-box {
  max-width: 715px;
  margin: 0 auto;
  text-align: center;
}

.platform-intro h2 {
  font-weight: 500;
  color: #202640;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
}

.platform-intro h2 svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 122px;
  height: 7px;
  display: block;
}

.platform-intro p {
  font-size: 20px;
}

.platform-intro p strong {
  font-weight: 600;
}

.platform-z-layout {
  padding-bottom: 75px;
}
/* Module Landing Intro */
.landing-intro {
  margin-bottom: 70px;
}

.landing-intro .text-box {
  max-width: 715px;
  margin: 0 auto;
  text-align: center;
}

.landing-intro h2 {
  font-weight: 500;
  color: #202640;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
}

.landing-intro h2 svg {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 122px;
  height: 7px;
  display: block;
}

.landing-intro p {
  font-size: 20px;
}

.landing-intro p strong {
  font-weight: 600;
}
/* Page Platform */
.platform-z-layout {
  padding-bottom: 75px;
}

.platform-z-layout .row {
  width: 100%;
  margin-bottom: 150px;
}

@media (min-width:961px) {
  .platform-z-layout .row:nth-child(odd) {
    flex-direction: row-reverse;
  }
}

@media (max-width:960px) {
  .platform-z-layout .row {
    flex-direction: column;
  }
}

@media (max-width:640px) {
  .platform-z-layout .row {
    margin-bottom: 100px;
  }
}

.platform-z-layout .row:last-child {
  margin-bottom: 0;
}

.platform-z-layout .row h2 {
  font-weight: 500;
  color: #202640;
  position: relative;
}

.platform-z-layout .row p {
  font-size: 20px;
  line-height: 1.5em;
}

.platform-z-layout .col-l,
.platform-z-layout .col-r {
  width: 46%;
}

@media (max-width:960px) {

  .platform-z-layout .col-l,
  .platform-z-layout .col-r {
    width: 100%;
  }
}

.platform-z-layout .col-l {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.platform-z-layout .col-r img {
  display: block;
}

@media (max-width:960px) {
  .platform-z-layout .col-r {
    margin-top: 40px;
  }

  .platform-z-layout .col-r img {
    max-width: 450px;
    margin: 0 auto;
  }
}

.platform-z-layout .cta-btn {
  display: table;
  margin: 100px auto;
}

@media (max-width:640px) {
  .platform-z-layout .cta-btn {
    margin: 50px auto 100px;
  }
}

.platform-benefits {
  background: #141c4a;
  padding: 8% 0;
}

.platform-benefits * {
  color: #fff
}

.platform-benefits .col-wrap {
  display: flex;
  justify-content: space-between;
}

.platform-benefits .col {
  width: calc(100%/3 - 4%);
  padding-left: 50px;
  position: relative;
}

@media (max-width:960px) {
  .platform-benefits .col-wrap {
    flex-direction: column;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .platform-benefits .col {
    width: 100%;
    margin-bottom: 60px;
  }
}

.platform-benefits h2 {
  text-align: center;
  padding-bottom: 40px;
  margin-bottom: 70px;
  position: relative;
  font-weight: 500;
}

.platform-benefits h2 svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 122px;
  height: 7px;
}

.platform-benefits h5 {
  margin-bottom: 25px;
  position: relative;
  font-size: 24px;
  font-weight: 500;
}

.platform-benefits h5 svg {
  position: absolute;
  left: -40px;
  top: 0;
}

.platform-benefits p {
  font-size: 18px;
}

.platform--video {
  background: #f6f9fc;
  padding: 8% 0 12%;
}

.platform--video h2 {
  text-align: center;
  font-weight: 500;
  color: #252d53;
  margin-bottom: 40px;
}

.platform--video figure {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 27px;
  overflow: hidden;
  box-shadow: 0px 30px 40px rgba(207, 214, 220, .65);
  position: relative;
  background-color: rgba(255, 0, 0, .1);
  width: 100%;
  max-width: 721px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.platform--video figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 59.83%;
}

.platform--video figure svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20%;
  max-width: 100px;
  max-height: 100px;
}
/* Page Landing */
.landing--video {
  padding: 8% 0 12%;
}

.landing--video h2 {
  text-align: center;
  font-weight: 500;
  color: #252d53;
  margin-bottom: 40px;
}

.landing--video figure {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 27px;
  overflow: hidden;
  box-shadow: 0px 30px 40px rgba(207, 214, 220, .65);
  position: relative;
  background-color: rgba(255, 0, 0, .1);
  width: 100%;
  max-width: 721px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.landing--video figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 59.83%;
}

.landing--video figure svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20%;
  max-width: 100px;
  max-height: 100px;
}
/* Page Posts/Blog */
section.blog-hero {
  position: relative;
  min-height: 360px;
  background: linear-gradient(346.13deg, rgba(0, 160, 227, .85) -2.61%, rgba(0, 160, 227, 0) 68.41%), #693cef;
  overflow: hidden;
}

section.blog-hero img {
  position: absolute;
  width: 363px;
  height: 315px;
  left: -108px;
  top: 30px;
  mix-blend-mode: multiply;
  opacity: .2;
}

section.blog-hero:before {
  content: '';
  display: block;
  height: 0;
  padding-top: calc(360px);
}

section.blog-content-wrapper {
  position: relative;
  margin-top: -360px;
}

ul.blog-category-nav {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 30px 100px 10px;
  list-style: none;
  margin: 0 auto;
  max-width: 1280px;
}

ul.blog-category-nav li {
  margin-bottom: 20px;
}

ul.blog-category-nav a {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  padding: 6px 26px 8px;
  border-radius: 99px;
  margin: 0 14px 0 0;
}

ul.blog-category-nav a.active {
  background: rgba(44, 16, 173, .5);
}

@media (max-width:1079px) {
  ul.blog-category-nav {
    padding: 30px 5% 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}

@media (max-width:767px) {
  ul.blog-category-nav {
    justify-content: center;
  }
}

main.blog-lander-content {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 100px;
}

@media (max-width:1079px) {
  main.blog-lander-content {
    padding: 0 5%;
  }
}

div.blog-feature-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

div.blog-feature-block div.col:first-child {
  width: calc(100% - 340px);
  padding-right: calc(32px/2);
  display: flex;
  flex-wrap: wrap;
}

div.blog-feature-block div.col:first-child div.featured-wrapper {
  width: 100%;
  margin-bottom: 32px;
}

@media (max-width:979px) {
  div.blog-feature-block div.col:first-child {
    width: 100%;
    padding-right: 0;
    margin-bottom: 32px;
  }
}

div.blog-feature-block div.col:last-child {
  width: 340px;
  padding-left: calc(32px/2);
  display: flex;
  flex-wrap: wrap;
}

@media (max-width:979px) {
  div.blog-feature-block div.col:last-child {
    width: 100%;
    padding-left: 0;
  }
}

div.blog-two-col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
}

div.blog-two-col .blog-card {
  width: calc(50% - (32px/2));
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}

@media (max-width:579px) {
  div.blog-two-col .blog-card {
    width: 100%;
  }

  div.blog-two-col .blog-card:first-child {
    margin-bottom: 32px;
  }
}

div.blog-two-col figure {
  width: 100%;
}

div.blog-two-col div {
  height: calc(100% - 225px);
}

.blog-card {
  position: relative;
  display: block;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 32px;
  border: solid 1px #eee;
}

.blog-card figure {
  position: relative;
  background-color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.blog-card figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 61%;
}

.blog-card div {
  padding: 15px 25px 70px;
  border-top: solid 1px #eee;
  background-color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.blog-card div small {
  color: #222bf9;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.blog-card div h2 {
  font-size: calc(18px + 2*((100vw - 420px)/604));
  font-weight: 500;
  color: #252b52;
}

@media screen and (max-width:420px) {
  .blog-card div h2 {
    font-size: 18px;
  }
}

@media screen and (min-width:1024px) {
  .blog-card div h2 {
    font-size: 20px;
  }
}

.blog-card div p {
  color: #485589;
  font-size: 14px;
  font-weight: 400;
}

.blog-card div span {
  position: absolute;
  left: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  color: #252b52;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 12px;
  margin-top: 20px;
  font-weight: 600;
}

.blog-card div span svg {
  margin-left: 10px;
  transition: transform .3s ease;
}

.blog-card.featured {
  margin-bottom: 0;
  border: none;
}

.blog-card.featured figure {
  width: 100%;
  flex-grow: 0;
}

.blog-card.featured div {
  padding: 30px 30px 70px;
  flex: 1;
}

.blog-card.featured div h2 {
  font-size: calc(22px + 18*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .blog-card.featured div h2 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  .blog-card.featured div h2 {
    font-size: 40px;
  }
}

.blog-card.full {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.blog-card.full figure {
  width: 66.66667%;
}

.blog-card.full div {
  width: 33.33333%;
  position: relative;
}

.blog-card.full div h2 {
  font-size: calc(18px + 12*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .blog-card.full div h2 {
    font-size: 18px;
  }
}

@media screen and (min-width:1024px) {
  .blog-card.full div h2 {
    font-size: 30px;
  }
}

@media (min-width:768px) {
  .blog-card.full figure {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .blog-card.full div {
    border-bottom-left-radius: 0;
    border-top-right-radius: 5px;
    border-top: none;
    border-left: solid 1px #eee;
  }
}

@media (max-width:767px) {
  .blog-card.full figure {
    width: 100%;
  }

  .blog-card.full div {
    width: 100%;
    border-top: solid 1px #eee;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

.blog-card:hover span svg {
  transform: translateX(5px);
}

div.email-subscribe-box {
  position: relative;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  padding: 26px;
  width: 100%;
}

@media (max-width:979px) {
  div.email-subscribe-box {
    margin: 32px 0;
    overflow: initial;
    padding: 0;
  }

  div.email-subscribe-box:after {
    content: '';
    position: absolute;
    left: -5%;
    top: -32px;
    width: 110%;
    z-index: 0;
    height: calc(100% + (32px*2));
    background: linear-gradient(346.13deg, rgba(0, 160, 227, .85) -2.61%, rgba(0, 160, 227, 0) 68.41%), #693cef;
  }

  div.email-subscribe-box div {
    max-width: 500px;
    margin: 0 auto;
  }
}

div.email-subscribe-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(43, 19, 154, .2);
  mix-blend-mode: multiply;
}

div.email-subscribe-box div {
  position: relative;
  z-index: 1;
}

div.email-subscribe-box h3 {
  font-size: 20px;
  color: #fff;
}

div.email-subscribe-box p {
  color: #fff;
  opacity: .7;
  max-width: 230px;
  margin: 0 auto;
}

div.email-subscribe-box div.submitted-message {
  margin-top: 24px;
}

div.email-subscribe-box form input[type=email] {
  position: relative;
  background-color: #fff;
  border-radius: 999px;
  border: none;
  color: #485589;
  padding: 8px 50px 8px 14px;
  margin: 0 auto;
  width: 100%;
}

div.email-subscribe-box form div.input {
  position: relative;
  margin-top: 20px;
}

div.email-subscribe-box form div.input:after {
  content: '';
  position: absolute;
  right: 13px;
  top: 16px;
  height: 2px;
  width: 16px;
  z-index: 2;
  background-color: #1d28f8;
}

div.email-subscribe-box form div.input:before {
  content: '';
  position: absolute;
  right: 13px;
  top: 12px;
  height: 10px;
  width: 10px;
  border-bottom: solid 2px #1d28f8;
  border-right: solid 2px #1d28f8;
  transform: rotate(-45deg);
  z-index: 2;
}

@media (max-width:960px) {
  div.blog-comingsoon-box {
    width: 100%;
  }
}

div.blog-comingsoon-box a {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  background-color: #fff;
  display: block;
  padding: 15px 15px 30px;
  cursor: pointer;
}

div.blog-comingsoon-box a:hover .link svg {
  right: -5px;
}

div.blog-comingsoon-box a:hover .link {
  color: #222bf9;
}

div.blog-comingsoon-box figure {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #eee;
}

div.blog-comingsoon-box figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 54.02%;
}

div.blog-comingsoon-box h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  color: #292c4b;
  display: table;
  position: relative;
  padding: 0 35px;
  text-align: center;
  margin: 10px auto 20px;
}

div.blog-comingsoon-box h4:before,
div.blog-comingsoon-box h4:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 1px;
  background: #292c4b;
}

div.blog-comingsoon-box h4:before {
  left: 0;
}

div.blog-comingsoon-box h4:after {
  right: 0;
}

div.blog-comingsoon-box h3.title {
  font-size: 20px;
  font-weight: 700;
  color: #252d53;
  line-height: 1.1em;
}

div.blog-comingsoon-box .subtext {
  font-size: 14px;
  color: #252d53;
}

div.blog-comingsoon-box .link {
  position: relative;
  display: inline-block;
  padding-right: 15px;
  color: #252d53;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  margin-top: 30px;
}

div.blog-comingsoon-box .link svg {
  position: absolute;
  top: 2px;
  right: 0;
  width: 12px;
  height: 12px;
  transition: .35s;
}

div.blog-popular-posts-wrap {
  padding-top: 60px;
}

@media (max-width:979px) {
  div.blog-popular-posts-wrap {
    display: none;
    pointer-events: none;
  }
}

div.blog-popular-posts-wrap div.title-block {
  display: flex;
  justify-content: center;
}

div.blog-popular-posts-wrap h3 {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  color: #262b52;
}

div.blog-popular-posts-wrap h3:before,
div.blog-popular-posts-wrap h3:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 30px;
  height: 2px;
  background-color: #262b52;
}

div.blog-popular-posts-wrap h3:before {
  right: calc(100% + 10px);
}

div.blog-popular-posts-wrap h3:after {
  left: calc(100% + 10px);
}

.blog-popular-posts {
  margin-top: 10px;
}

.blog-rail {
  position: relative;
  display: flex;
  border: solid 1px #eee;
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
}

.blog-rail:not(:last-child) {
  margin-bottom: 32px;
}

.blog-rail div {
  width: 65%;
  padding-right: 20px;
  background-color: #fff;
}

.blog-rail div small {
  display: block;
  color: #222bf9;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

.blog-rail div h2 {
  font-size: 14px;
  font-weight: 500;
  color: #252b52;
  margin: 12px 0 12px;
}

.blog-rail div span {
  display: flex;
  align-items: center;
  color: #252b52;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 12px;
  margin-top: 20px;
  font-weight: 600;
}

.blog-rail div span svg {
  margin-left: 5px;
}

.blog-rail figure {
  width: 35%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.blog-rail figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.blog-rail svg {
  transition: transform .3s ease;
}

.blog-rail:hover svg {
  transform: translateX(5px);
}

div.blog-content-field {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 32px 0;
}

div.blog-content-field .blog-card:not(.full) {
  width: calc((100% - (32px*2))/3);
  margin-right: 32px;
}

div.blog-content-field .blog-card:not(.full) figure {
  width: 100%;
}

div.blog-content-field .blog-card:not(.full) div {
  height: calc(100% - 225px);
}

@media (max-width:767px) {
  div.blog-content-field .blog-card:not(.full) {
    width: calc((100% - 32px)/2);
  }
}

@media (max-width:579px) {
  div.blog-content-field .blog-card:not(.full) {
    width: 100%;
    margin-right: 0;
  }
}

div.blog-content-field .blog-card:nth-child(3n+1) {
  margin-right: 0;
}

@media (max-width:767px) {
  div.blog-content-field .blog-card:nth-child(3n+1) {
    margin-right: 32px;
  }
}

@media (max-width:579px) {
  div.blog-content-field .blog-card:nth-child(3n+1) {
    margin-right: 0;
  }
}

@media (max-width:767px) {
  div.blog-content-field .blog-card:nth-child(2n+1) {
    margin-right: 0;
  }
}

div.blog-content-field.category {
  margin-top: 0;
}

div.blog-content-field.category .blog-card {
  width: calc((100% - (32px*2))/3);
  margin-right: 32px;
}

div.blog-content-field.category .blog-card figure {
  width: 100%;
}

div.blog-content-field.category .blog-card div {
  height: calc(100% - 225px);
}

@media (max-width:767px) {
  div.blog-content-field.category .blog-card {
    width: calc((100% - 32px)/2);
  }
}

@media (max-width:579px) {
  div.blog-content-field.category .blog-card {
    width: 100%;
    margin-right: 0;
  }
}

div.blog-content-field.category .blog-card:nth-child(3n) {
  margin-right: 0;
}

@media (max-width:767px) {
  div.blog-content-field.category .blog-card:nth-child(3n) {
    margin-right: 32px;
  }
}

@media (max-width:579px) {
  div.blog-content-field.category .blog-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width:767px) {
  div.blog-content-field.category .blog-card:nth-child(2n) {
    margin-right: 0;
  }
}

a.more-cat {
  display: flex;
}

a.more-cat span {
  height: 13px;
  width: 13px;
  margin-left: 5px;
  transform: translateY(1px);
}

div.blog-content-field .alm-reveal {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 32px 0;
}

div.blog-content-field .alm-reveal .blog-card {
  width: calc((100% - (32px*2))/3);
  margin-right: 32px;
}

div.blog-content-field .alm-reveal .blog-card figure {
  width: 100%;
}

div.blog-content-field .alm-reveal .blog-card div {
  height: calc(100% - 225px);
}

@media (max-width:579px) {
  div.blog-content-field .alm-reveal .blog-card {
    width: 100%;
    margin-right: 0;
  }
}

@media (min-width:768px) {
  div.blog-content-field .alm-reveal .blog-card:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width:767px) {
  div.blog-content-field .alm-reveal .blog-card {
    width: calc((100% - 32px)/2);
  }

  div.blog-content-field .alm-reveal .blog-card:nth-child(2n) {
    margin-right: 0;
  }
}

div.blog-content-field.category .blog-card div {
  position: static;
}

div.ajax-load-more-wrap {
  width: 100%;
}

div.alm-btn-wrap {
  text-align: center;
  padding: 20px 0;
}

button.alm-load-more-btn {
  border-radius: 0;
  color: #252d53;
  border-radius: 50px;
  font-style: normal;
  letter-spacing: 2px;
  padding: 12px 30px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 600;
  font-size: .75rem;
  transition: color .25s ease, background .25s ease;
  border: 2px solid #222bf9;
  background: 0 0;
  color: #222bf9;
  outline: none;
}

button.alm-load-more-btn:hover {
  background: #222bf9;
  color: #fff;
}

section.post-hero {
  position: relative;
  width: 100%;
  background-color: #1f007b;
  z-index: 1;
}

section.post-hero div.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  opacity: .2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

section.post-hero div.post-details {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 60px 5% 140px;
}

section.post-hero div.post-details * {
  color: #fff;
}

section.post-hero div.post-details h1 {
  font-size: calc(24px + 16*((100vw - 420px)/604));
  font-weight: 500;
}

@media screen and (max-width:420px) {
  section.post-hero div.post-details h1 {
    font-size: 24px;
  }
}

@media screen and (min-width:1024px) {
  section.post-hero div.post-details h1 {
    font-size: 40px;
  }
}

@media (min-width:768px) {
  section.post-hero div.post-details h1 {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
}

section.post-hero div.post-details small {
  display: block;
  font-size: 10px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 600;
  opacity: .7;
}

section.post-hero div.post-details div.author {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.post-hero div.post-details div.author figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 28px;
  height: 28px;
  border-radius: 99px;
  border: solid 2px rgba(238, 238, 238, .5);
}

section.post-hero div.post-details div.author p {
  text-transform: uppercase;
  padding-left: 5px;
  font-size: 14px;
}

section.post-hero div.post-details div.author p a {
  text-decoration: underline
}

section.post-hero div.post-details div.author p span {
  margin-left: 5px;
  padding-left: 5px;
  border-left: solid 1px #fff;
}

.resources-content .post-hero {
    padding-top: 56.25%;
    background-position: center;
    margin-bottom: 40px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

section.post-content-wrapper {
  position: relative;
  max-width: calc(820px + 5%);
  margin: -100px auto 80px;
  padding: 0 5%;
  z-index: 2;
}

section.post-content-wrapper figure.blog-post__img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-bottom: 60px;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .1);
  border-radius: 5px 5px 0 0;
}

section.post-content-wrapper figure.blog-post__img:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 56.25%;
}

@media (max-width: 1024px) {
  section.post-content-wrapper figure.blog-post__img:before {
    padding-top: 56.25%;
  }
}

section.post-content-wrapper iframe {
  max-width: 100%;
}

section.post-content-wrapper .w-richtext-align-center,
section.post-content-wrapper figure[data-rt-type=video] {
  position: relative;
}

section.post-content-wrapper .w-richtext-align-center iframe,
section.post-content-wrapper figure[data-rt-type=video] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

section.post-content-wrapper.resources-content {
  background: #fff;
  padding: 40px 5%;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .05);
}

section.post-content-wrapper.resources-content figure.w-richtext-figure-type-video {
  position: relative;
}

section.post-content-wrapper.resources-content figure.w-richtext-figure-type-video div {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

section.post-content-wrapper.resources-content figure.w-richtext-figure-type-video div iframe {
  width: 100%;
  height: 100%;
}

section.post-content-wrapper p {
  margin: 0 0 10px;
}
section.post-content-wrapper,
section.post-content-wrapper p,
section.post-content-wrapper li {
  font-size: 18px;
  color: #485589;
  font-family: proxima-nova,sans-serif;
}

section.post-content-wrapper p em,
section.post-content-wrapper p strong,
section.post-content-wrapper li em,
section.post-content-wrapper li strong {
  color: inherit;
}

section.post-content-wrapper p a,
section.post-content-wrapper li a {
  color: #222bf9;
  border-bottom: 1px solid transparent;
  transition: .35s;
  font-weight: 400;
}

section.post-content-wrapper p a:hover,
section.post-content-wrapper li a:hover {
  border-bottom-color: #222bf9;
}

section.post-content-wrapper p .aligncenter,
section.post-content-wrapper li .aligncenter {
  display: block;
  margin: 20px auto;
}

section.post-content-wrapper li:not(:last-child) {
  margin: 20px 0;
}

section.post-content-wrapper h3,
section.post-content-wrapper h4 {
  margin-bottom: 10px;
}

section.post-content-wrapper h3 {
  font-size: calc(18px + 6*((100vw - 420px)/604));
  margin-top: 40px;
}

@media screen and (max-width:420px) {
  section.post-content-wrapper h3 {
    font-size: 18px;
  }
}

@media screen and (min-width:1024px) {
  section.post-content-wrapper h3 {
    font-size: 24px;
  }
}

section.post-content-wrapper h4 {
  font-size: 18px;
  margin-top: 40px;
}

section.post-content-wrapper blockquote {
  margin: 40px 0;
  padding-left: 40px;
}

section.post-content-wrapper blockquote p,
section.post-content-wrapper blockquote li {
  font-size: 20px;
}

div.author-bottom-block {
  position: relative;
  padding-top: 50px;
  margin-top: 50px;
  display: flex;
  align-items: flex-start;
  padding-bottom: 60px;
  border-bottom: solid 1px #eee;
}

div.author-bottom-block:after {
  content: '';
  position: absolute;
  top: 0;
  left: calc(50% - 100px);
  width: 200px;
  height: 1px;
  background-color: #eee;
}

div.author-bottom-block figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  height: 60px;
  width: 60px;
  border-radius: 9999px;
  border: solid 3px rgba(238, 238, 238, .8);
}

div.author-bottom-block div.author-detail {
  width: calc(100% - 60px);
  padding-left: 20px;
  padding-top: 10px;
}

div.author-bottom-block div.author-detail h5 {
  display: block;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #485589;
}

div.author-bottom-block div.author-detail h5 strong {
  font-weight: 600;
  color: inherit;
}

div.author-bottom-block div.author-detail h5:first-child {
  margin-bottom: 5px;
}

div.author-bottom-block div.author-detail h5:last-of-type {
  margin-bottom: 20px;
}

div.author-bottom-block div.author-detail p a {
  font-weight: 400;
  color: #222bf9;
}

.post-pagination {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 40px;
}

.post-pagination.no-prev {
  justify-content: flex-start;
}

.post-pagination.no-next {
  justify-content: flex-end;
}

.post-pagination a.pagi {
  display: flex;
  align-items: flex-start;
  width: 240px;
}

.post-pagination a.pagi span {
  width: 25px;
}

.post-pagination a.pagi div {
  width: calc(100% - 25px);
}

.post-pagination a.pagi p {
  font-size: 14px;
  color: #485589;
}

.post-pagination a.pagi p strong {
  font-size: 12px;
  transition: all .25s ease;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.post-pagination a.pagi.prev svg {
  transform: rotate(180deg);
}

.post-pagination a.pagi.next {
  text-align: right
}
/* Module Post Inner Subscribe */
div.post-inner-subscribe {
  position: relative;
  text-align: center;
  border-radius: 5px;
  padding: 60px calc(5%*2);
  width: 100%;
  margin-top: 60px;
  background: linear-gradient(346.13deg, rgba(0, 160, 227, .85) -2.61%, rgba(0, 160, 227, 0) 68.41%), #693cef;
}

div.post-inner-subscribe div {
  position: relative;
  z-index: 1;
}

div.post-inner-subscribe h3 {
  font-size: calc(20px + 8*((100vw - 420px)/604));
  color: #fff;
}

@media screen and (max-width:420px) {
  div.post-inner-subscribe h3 {
    font-size: 20px
  }
}

@media screen and (min-width:1024px) {
  div.post-inner-subscribe h3 {
    font-size: 28px;
  }
}

div.post-inner-subscribe p {
  color: #c5cff8;
  font-size: 14px;
}

div.post-inner-subscribe p a {
  color: #fff;
  font-weight: 400;
}

div.post-inner-subscribe form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

div.post-inner-subscribe form input[type=email] {
  background-color: #fff;
  border-radius: 5px;
  border: none;
  color: #485589;
  padding: 8px 14px;
  width: calc(100% - 168px);
  margin: 0;
}

div.post-inner-subscribe form input[type=submit] {
  background-color: #4e20d7;
  border-radius: 999px;
  border: none;
  color: #fff;
  padding: 8px 22px;
  font-size: 12px;
  width: 158px;
  margin: 0;
  height: 38px;
  line-height: 1em;
}
/* Module Related Articles/Posts */
div.post-related-articles {
  padding-top: 80px;
}

div.post-related-articles div.title-block {
  display: flex;
  justify-content: center;
}

div.post-related-articles div.title-block h3 {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
  color: #23de9b;
  margin-top: 0;
}

div.post-related-articles div.title-block h3:before,
div.post-related-articles div.title-block h3:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 50px;
  height: 2px;
  background-color: #23de9b;
}

div.post-related-articles div.title-block h3:before {
  right: calc(100% + 10px);
}

div.post-related-articles div.title-block h3:after {
  left: calc(100% + 10px);
}

div.related-post-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}

div.related-post-wrap .blog-card {
  width: calc((100% - (32px*2))/3);
  margin-right: 32px;
}

div.related-post-wrap .blog-card figure {
  width: 100%;
  height: 120px;
  margin-bottom: 0;
}

div.related-post-wrap .blog-card div {
  height: calc(100% - 120px);
  padding: 15px 15px 50px;
}

div.related-post-wrap .blog-card div span {
  left: 15px;
  font-family: proxima-nova,sans-serif;
}

div.related-post-wrap .blog-card h2 {
  font-size: 16px;
  font-family: proxima-nova,sans-serif;
  font-weight: 500;
}

@media (max-width:767px) {
  div.related-post-wrap .blog-card {
    width: 100%;
    margin-right: 0;
  }

  div.related-post-wrap .blog-card figure {
    height: 180px;
  }

  div.related-post-wrap .blog-card div {
    height: calc(100% - 180px);
  }
}

div.related-post-wrap .blog-card:nth-child(3n) {
  margin-right: 0;
}

@media (max-width:767px) {
  div.related-post-wrap .blog-card:nth-child(3n) {
    margin-right: 0;
  }
}
/* Module Resources Video Player */
.resources-video-player {
  cursor: pointer;
}

.resources-video-player:hover span svg {
  transform: scale(1.1);
}

.resources-video-player figure {
  display: flex;
  align-items: center;
  justify-content: center;
}

.resources-video-player figure span {
  width: 50px;
  height: 50px;
}

.resources-video-player figure svg {
  width: 50px;
  height: 50px;
  transition: transform .3s ease;
}

/* Page Management */
section.management-team div.exec {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #eee;
}

@media (max-width:1219px) {
  section.management-team div.exec {
    flex-direction: column;
  }
}

section.management-team .left-image article {
  justify-content: flex-end;
}

@media (max-width:1219px) {
  section.management-team .left-image article {
    justify-content: initial;
  }
}

section.management-team .left-image div.copy {
  padding: 5% 0 5% 5%;
}

@media (max-width:1279px) {
  section.management-team .left-image div.copy {
    padding: 5% 0 5% 10%;
  }
}

@media (max-width:1219px) {
  section.management-team .left-image div.copy {
    padding: 0;
  }
}

section.management-team .left-image figure {
  left: 0;
}

@media (max-width:1219px) {
  section.management-team .left-image figure {
    left: auto;
  }
}

section.management-team article {
  width: 100%;
  position: absolute;
  max-width: 1280px;
  display: flex;
  justify-content: flex-start;
  padding: 0 5%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width:1219px) {
  section.management-team article {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    transform: none;
    order: 1;
    padding: 40px 5%;
    width: 100%;
  }
}

section.management-team div.copy {
  width: 100%;
  max-width: 555px;
  padding: 5%;
}

@media (max-width:1219px) {
  section.management-team div.copy {
    margin: 0 auto;
    padding: 0;
  }
}

section.management-team span {
  font-weight: 600;
}

section.management-team h2 {
  font-weight: 500;
  line-height: 110%;
  margin: 16px 0;
}

section.management-team p {
  margin: 0;
}

section.management-team a.linkedin {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 1.2px;
}

section.management-team a.linkedin svg {
  margin-left: 10px;
}

section.management-team figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: 0;
  margin-top: -40px;
  z-index: 3;
  width: 48.5%;
  left: 51.5%;
}

@media (min-width:1220px) {
  section.management-team figure {
    overflow: hidden;
    position: relative;
  }

  section.management-team figure:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 96%;
  }
}

@media (max-width:1219px) {
  section.management-team figure {
    order: 2;
    width: 100%;
    left: auto;
    min-height: 450px;
    background-size: contain;
  }
}

@media (max-width:399px) {
  section.management-team figure {
    background-size: cover;
    margin-top: -20px;
  }
}

section.board-of-directors {
  border-bottom: 1px solid #edf6f6;
  padding: 130px 0
}

@media (max-width:767px) {
  section.board-of-directors {
    padding: 70px 0;
  }
}

section.board-of-directors .container {
  display: flex;
}

@media (max-width:1219px) {
  section.board-of-directors .container {
    flex-direction: column;
  }
}

section.board-of-directors .container>p {
  width: 25%;
  line-height: 110%;
  margin: 0;
  font-weight:600;
}

@media (max-width:1219px) {
  section.board-of-directors .container>p {
    width: 100%;
    margin-bottom: 40px;
  }
}

@media (max-width:1219px) {
  section.board-of-directors .container>p {
    text-align: center;
  }
}

section.board-of-directors div.directors {
  width: 75%;
  display: flex;
  flex-direction: column;
}

@media (max-width:1219px) {
  section.board-of-directors div.directors {
    width: 100%;
  }
}

section.board-of-directors div.director {
  width: 100%;
  display: flex;
  padding-bottom: 30px;
}

@media (max-width:767px) {
  section.board-of-directors div.director {
    flex-direction: column;
    justify-content: center;
  }
}

section.board-of-directors div.director.has-bio {
  cursor: pointer;
}

@media (max-width:767px) {
  section.board-of-directors div.director.has-bio h4 {
    margin-bottom: 20px;
  }
}

section.board-of-directors div.director.is-expanded div.details {
  display: block;
}

section.board-of-directors div.director.is-expanded .bio-toggle svg {
  transform: rotate(360deg);
}

section.board-of-directors div.director:not(:last-of-type) {
  border-bottom: 1px solid #edf6f6;
}

section.board-of-directors div.director:not(:first-of-type) {
  padding-top: 30px;
}

section.board-of-directors div.director div.img-wrap {
  border: 10px solid #eaf0f2;
  border-radius: 50%;
  display: flex;
  align-self: flex-start;
}

@media (max-width:767px) {
  section.board-of-directors div.director div.img-wrap {
    -ms-grid-row-align: center;
    align-self: center;
  }
}

section.board-of-directors div.director img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
}

section.board-of-directors div.director div.copy {
  width: calc(100% - 200px);
  padding-top: 70px;
  padding-left: 50px;
}

@media (max-width:767px) {
  section.board-of-directors div.director div.copy {
    width: 100%;
    padding-top: 30px;
    padding-left: 0;
  }
}

@media (max-width:767px) {
  section.board-of-directors div.director div.copy {
    text-align: center;
  }
}

section.board-of-directors div.director span.title {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

section.board-of-directors div.director div.info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
}

@media (max-width:767px) {
  section.board-of-directors div.director div.info {
    flex-direction: column;
  }
}

section.board-of-directors div.director h2 {
  font-weight: 500;
  margin: 0;
}

section.board-of-directors div.director .bio-toggle {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  font-weight: 600;
  letter-spacing: 1.2px;
}

section.board-of-directors div.director .bio-toggle svg {
  margin-right: 10px;
  transform: rotate(180deg);
}

section.board-of-directors div.director div.details {
  display: none;
  transition: max-height .3s ease-out
}

section.board-of-directors div.director div.details p {
  margin-bottom: 16px;
}
section.board-of-directors div.director div.details p:last-of-type{
  margin-bottom: 0;
}
section.board-of-directors div.director div.details a.link-out {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin: 30px 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  letter-spacing: 1.2px;
  color: rgba(37, 45, 83, .5);
}

@media (max-width:767px) {
  section.board-of-directors div.director div.details a.link-out {
    justify-content: center;
  }
  section.board-of-directors div.director h2 {
    margin-bottom: 20px;
  }
}

section.board-of-directors div.director div.details a.link-out svg {
  margin-left: 10px;
}

section.our-investors {
  padding: 70px 0;
}

section.our-investors div.container {
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}

section.our-investors p {
  letter-spacing: .15em;
  position: relative;
  text-align: center;
  display: inline-flex;
  align-items: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 600;
}

section.our-investors p:before,
section.our-investors p:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 50px;
}

@media (max-width:767px) {
  section.our-investors p:before,
  section.our-investors p:after {
    width: 30px
  }
}

section.our-investors p:before {
  left: -80px;
}

@media (max-width:767px) {
  section.our-investors p:before {
    left: -60px;
  }
}

section.our-investors p:after {
  right: -80px
}

@media (max-width:767px) {
  section.our-investors p:after {
    right: -60px;
  }
}

section.our-investors ul {
  list-style-type: none;
  display: flex;
  margin: 0 auto;
  max-width: 90%;
  padding: 0;
}

@media (max-width:1219px) {
  section.our-investors ul {
    max-width: 100%;
  }
}

@media (max-width:767px) {
  section.our-investors ul {
    flex-direction: column;
    max-width: 480px;
  }
}

section.our-investors li {
  display: flex;
  align-items: center;
  padding: 30px 50px;
  margin: 0;
}
/* Page Audit Insights */
.audit-insights .mod-demo--signup2 {
  margin-top: 70px;
}

.audit-insights .mod-nextup {
  background: #f9f9f9
}
/* Page/Module Auinsite*/
.auinsight-main {
  padding-bottom: 75px;
}

.auinsight-main .row {
  width: 100%;
  margin-bottom: 150px;
}

@media (min-width:961px) {
  .auinsight-main .row.left {
    flex-direction: row-reverse;
  }
}

@media (max-width:960px) {
  .auinsight-main .row {
    flex-direction: column;
  }
}

@media (max-width:640px) {
  .auinsight-main .row {
    margin-bottom: 100px;
  }
}

.auinsight-main .row:last-child {
  margin-bottom: 0
}

.auinsight-main .row h2 {
  font-weight: 500;
  padding-bottom: 36px;
  margin-bottom: 36px;
  position: relative;
}

.auinsight-main .row h2 svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 117px;
  height: 6px;
}

.auinsight-main .row p {
  line-height: 1.5em;
}

.auinsight-main .col-l,
.auinsight-main .col-r {
  width: 46%;
}

@media (max-width:960px) {
  .auinsight-main .col-l,
  .auinsight-main .col-r {
    width: 100%;
  }
}

.auinsight-main .col-l {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.auinsight-main .col-r img {
  display: block;
}

@media (max-width:960px) {
  .auinsight-main .col-r {
    margin-top: 40px;
  }

  .auinsight-main .col-r img {
    max-width: 450px;
    margin: 0 auto;
    width: 100%;
  }
}

.auinsight-main .cta-btn {
  display: table;
  margin: 100px auto;
}

@media (max-width:640px) {
  .auinsight-main .cta-btn {
    margin: 50px auto 100px
  }
}
/* Module/Page Company Hero */
.company-hero {
  background: linear-gradient(306.55deg, rgba(0, 160, 227, .85) .17%, rgba(0, 160, 227, 0) 80.54%), #693cef;
  position: relative;
  overflow: hidden;
}

.company-hero .bg-pattern {
  position: absolute;
  width: 30%;
  transform: translate(-50%, -50%);
}

.company-hero .bg-pattern svg {
  width: 100%;
  height: 100%;
  display: block;
}

.company-hero .bg-pattern svg * {
  fill: #7e6ff8;
}

.company-hero .bg-top-left {
  top: 2%;
  left: 25%;
  width: 37%;
  min-width: 250px;
  opacity: .16;
}

.company-hero .bg-top-right {
  top: -10%;
  right: -39%;
  width: 36%;
  min-width: 500px;
  opacity: .25;
  mix-blend-mode: multiply;
}

.company-hero .bg-middle-big {
  top: 28%;
  left: 40%;
  width: 56%;
  min-width: 420px;
  opacity: .25;
}

.company-hero .bg-bttom-right {
  top: 70%;
  right: -13%;
  width: 26%;
  min-width: 250px;
  opacity: .25;
  mix-blend-mode: multiply;
}

@media (max-width:640px) {
  .company-hero .bg-bttom-right {
    top: 78%;
  }
}

.company-hero .container {
  padding: 50px 5% 340px;
}

.company-hero .textbox {
  max-width: 730px;
  margin: 50px auto 75px;
  text-align: center;
  position: relative;
  display: block;
}

@media (max-width:640px) {
  .company-hero .textbox {
    margin: 20px auto 55px;
  }
}

.company-hero .textbox * {
  color: #fff;
}

.company-hero .textbox h1 {
  font-weight: 500;
  margin-bottom: 32px;
}

.company-hero .textbox p {
  font-size: 18px;
}

.company-hero .list-box {
  margin: 70px 0 0;
  padding: 0 5%;
  position: relative;
}

@media (max-width:640px) {
  .company-hero .list-box {
    justify-content: space-between;
    margin: 55px 0 0;
    padding: 0;
  }
}

.company-hero .box {
  width: calc(100%/5 - 25px);
  background: rgba(35, 18, 99, .5);
  border-radius: 5px;
  margin: 0 calc(25px/2);
  padding: 30px 10px 20px;
  text-align: center;
  margin-bottom: 25px;
}

@media (max-width:1024px) {
  .company-hero .box {
    width: calc(100%/3 - 25px) !important;
  }
}

@media (max-width:640px) {
  .company-hero .box {
    width: calc(100%/2 - 25px) !important;
  }
}

.company-hero .box p.big-text {
  font-size: calc(30px + 26*((100vw - 420px)/604));
  line-height: 1em;
  padding: 0 0 13px;
  margin: 0 0 11px;
  position: relative;
  color: #fff;
}

@media screen and (max-width:420px) {
  .company-hero .box p.big-text {
    font-size: 30px;
  }
}

@media screen and (min-width:1024px) {
  .company-hero .box p.big-text {
    font-size: 56px;
  }
}

.company-hero .box p.big-text:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 60px;
  height: 1px;
  background: #c4c4c4;
}

.company-hero .box small {
  font-size: 12px;
  line-height: 1.3em;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.company-highlight {
  margin-top: -340px;
  margin-bottom: 120px;
  position: relative;
}

.company-highlight .container {
  padding: 0 7%;
}

.company-highlight .inner-wrap {
  padding: 85px 5% 30px;
  background: #fff;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .05);
}

@media (max-width:640px) {
  .company-highlight .inner-wrap {
    padding: 50px 5% 30px;
  }
}

.company-highlight .heading-box {
  position: relative;
  text-align: center;
  padding-bottom: 60px;
  margin-bottom: 40px;
}

.company-highlight .heading-box h2 {
  font-weight: 400;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}

.company-highlight .heading-box p {
  max-width: 470px;
  margin: 0 auto;
  font-size: 15px;
  font-weight: 300;
}

.company-highlight .heading-box svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (max-width:960px) {
  .company-highlight .list-highlight {
    justify-content: space-between;
  }
}

.company-highlight .cell {
  width: calc(100%/3);
  padding: 40px 3%;
  text-align: center;
}

@media (max-width:960px) {
  .company-highlight .cell {
    width: calc(100%/2);
    padding: 40px 4%;
  }
}

@media (max-width:640px) {
  .company-highlight .cell {
    width: 100%;
  }
}

.company-highlight .cell p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 300;
}


.company-highlight .icon {
  width: 55px;
  height: 55px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto;
}

.company-highlight h4 {
  font-weight: 500;
  margin: 23px 0 32px;
}

@media (min-width:961px) {
  .company-highlight h4 {
    min-height: 50px;
  }
}

.company-highlight .cta-btn {
  display: table;
  margin: 50px auto;
}

.company-grid-baner {
  overflow: hidden;
  position: relative;
  position: relative;
  margin-bottom: 100px;
}

.company-grid-baner:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 44.53%;
}

.company-grid-baner figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
}

.company-grid-baner .lv1-col-l {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(65% - 6px);
  height: 100%;
}

.company-grid-baner .lv1-col-r {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(35% - 6px);
  height: 100%;
}

.company-grid-baner .lv2-row-t {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(40% - 12px);
}

.company-grid-baner .lv2-row-b {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60%;
  width: 100%;
}

.company-grid-baner .lv3-col-l {
  position: relative;
  width: calc(50% - (12px/2));
}

.company-grid-baner .lv3-col-r {
  position: relative;
  width: calc(50% - (12px/2));
}

@media (max-width:640px) {
  .company-grid-baner .lv1-col-l {
    width: calc(65% - 3px);
  }

  .company-grid-baner .lv1-col-r {
    width: calc(35% - 3px);
  }

  .company-grid-baner .lv2-row-t {
    height: calc(40% - 6px);
  }

  .company-grid-baner .lv3-col-l {
    width: calc(50% - (6px/2));
  }

  .company-grid-baner .lv3-col-r {
    width: calc(50% - (6px/2));
  }
}
/* Module Subsection Heading */
.mod-subsec-heading {
  text-align: center;
  margin-bottom: 35px;
}

.mod-subsec-heading h6 {
  padding: 0 72px;
  position: relative;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
}

.mod-subsec-heading h6:before,
.mod-subsec-heading h6:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 2px;
  background: #252d53;
}

.mod-subsec-heading h6:before {
  left: 0;
}

.mod-subsec-heading h6:after {
  right: 0;
}
/* Page Company */
.company-customers {
  margin-bottom: 100px;
}

.company-customers .list-box-container {
  width: 100%;
  overflow: hidden;
}

.company-customers .list-box {
  width: calc(100% + 3%);
  position: relative;
  left: -1.5%;
}

.company-customers .box {
  overflow: hidden;
  position: relative;
  width: calc(100%/4 - 3%);
  border: 1px solid #e8eeef;
  margin: 1.5%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.company-customers .box:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 52.75%;
}

@media (max-width:768px) {
  .company-customers .box {
    width: calc(100%/3 - 3%);
  }
}

@media (max-width:640px) {
  .company-customers .box {
    width: calc(100%/2 - 3%);
  }
}

.company-events {
  margin-bottom: 100px;
}

.company-events .mod-subsec-heading {
  margin-bottom: 56px;
}

@media (max-width:768px) {
  .company-events .mod-subsec-heading {
    margin-bottom: 30px;
  }
}

.company-events .row-event {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 36px 31px;
  margin-bottom: 30px;
}

@media (max-width:320px) {
  .company-events .row-event {
    padding: 28px 20px;
  }
}

.company-events .row-event:last-child {
  margin-bottom: 0;
}

.company-events .col-l {
  align-items: flex-start;
  width: calc(100% - 200px);
}

@media (max-width:1024px) {
  .company-events .col-l {
    width: 100%;
  }
}

@media (max-width:768px) {
  .company-events .col-l {
    flex-direction: column;
  }
}

.company-events .cell-img {
  width: 100%;
}

@media (min-width:641px) {
  .company-events .cell-img {
    max-width: 266px;
  }
}

@media (max-width:640px) {
  .company-events .cell-img {
    max-width: 100%;
  }
}

.company-events .cell-img figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.company-events .cell-img figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 66.16%;
}

.company-events .cell-info {
  width: calc(95% - 266px);
  padding-right: 5%;
}

@media (max-width:1024px) {
  .company-events .cell-info {
    padding-bottom: 30px;
  }
}

@media (max-width:768px) {
  .company-events .cell-info {
    width: 100%;
    padding-right: 0;
  }
}

.company-events .col-r {
  width: 200px;
  padding-left: 4%;
  border-left: 1px solid #eee;
}

@media (max-width:1024px) {
  .company-events .col-r {
    width: 100%;
    padding-left: calc(266px + 5%);
    border: none;
  }
}

@media (max-width:768px) {
  .company-events .col-r {
    width: 100%;
    padding-left: 0;
  }
}

.company-events .cell-time {
  width: 100%;
  position: relative;
}

@media (min-width:1025px) {
  .company-events .cell-time {
    padding-bottom: 60px;
  }
}

@media (max-width:1024px) {
  .company-events .cell-time {
    padding-top: 25px;
    padding-right: 160px;
    border-top: 1px solid #eee;
  }
}

@media (max-width:320px) {
  .company-events .cell-time {
    padding-right: 0;
  }
}

.company-events .event-name {
  font-size: calc(22px + 10*((100vw - 420px)/604));
  color: #252d53;
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1em;
  margin-top: -7px;
}

@media screen and (max-width:420px) {
  .company-events .event-name {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  .company-events .event-name {
    font-size: 32px;
  }
}

@media (max-width:768px) {
  .company-events .event-name {
    margin-top: 15px;
  }
}

.company-events .event-decs {
  font-size: 16px;
  color: rgba(72, 85, 137, .79);
}

.company-events .date {
  font-size: 12px;
  text-transform: uppercase;
  color: #ce128c;
  font-weight: 700;
  margin-top: -5px;
}

.company-events .location {
  font-size: 14px;
  color: #485589;
  display: block;
  margin-top: 15px;
}

.company-events .location span {
  color: #485589;
  transition: color .35s;
}

.company-events .location:hover span {
  color: #222bf9;
}

.company-events .btn {
  padding: 10px 40px;
}

@media (min-width:1025px) {
  .company-events .btn {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 20px;
  }
}

@media (max-width:1024px) {
  .company-events .btn {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

@media (max-width:320px) {
  .company-events .btn {
    position: static;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
}
/* General Header */
section.short-hero {
  position: relative;
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e;
}

section.short-hero article {
  max-width: 1280px;
  margin: 0 auto;
}

section.short-hero div {
  padding: 60px 5%;
  max-width: calc(590px + (10%));
}

section.short-hero div * {
  color: #fff;
}

section.short-hero div h1 {
  font-weight: 500;
}

section.short-hero div p {
  font-size: 18px;
  opacity: .7;
}

section.short-hero figure {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
}
/* Page Demo Form */
section.demo-form-container {
  position: relative;
  padding: 80px 5%;
}

@media (max-width:960px) {
  section.demo-form-container {
    padding: 40px 5% 80px;
  }
}

section.demo-form-container main {
  max-width: calc(1280px - (10%));
  margin: 0 auto;
}

@media (max-width:960px) {
  section.demo-form-container main {
    display: flex;
    flex-direction: column-reverse;
  }
}

section.demo-form-container div.demo-form {
  position: relative;
  max-width: 50%;
  z-index: 2;
}

@media (max-width:960px) {
  section.demo-form-container div.demo-form {
    max-width: 100%;
  }
}

section.demo-form-container figure {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 120%;
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

@media (max-width:960px) {
  section.demo-form-container figure {
    overflow: hidden;
    position: relative;
    position: relative;
    max-width: 90px;
    width: 100%;
    display: block;
    margin: 0 auto 110px;
    height: initial;
    border-radius: 50%;
    background-size: 130%;
    background-position: top center;
    overflow: visible;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, .2);
  }

  section.demo-form-container figure:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 100%;
  }
}

section.demo-form-container figure div {
  position: relative;
  max-width: 44%;
  width: 100%;
  z-index: 2;
  padding: 0 5% 8% 0;
}

@media (max-width:960px) {
  section.demo-form-container figure div {
    position: absolute;
    width: 100vw;
    max-width: 200px;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
  }
}

section.demo-form-container figure div * {
  color: #fff;
}

@media (max-width:960px) {
  section.demo-form-container figure div * {
    color: #252d53;
    text-align: center;
  }
}

section.demo-form-container figure div p {
  font-size: 15px;
  margin: 0
}

section.demo-form-container figure div p strong {
  font-weight: 500;
}

section.demo-form-container figure div p:last-child {
  margin-top: 0;
  opacity: .7;
}

@media (max-width:960px) {
  section.demo-form-container .hs_submit {
    margin: 0 auto;
    display: table;
  }
}

@media (max-width:640px) {
  section.demo-form-container .field.hs-form-field {
    width: 100%;
  }
}

.demo-form-container .hs-dependent-field {
  width: 100% !important;
}

.demo-form-container .legal-consent-container {
  margin-bottom: 0px
}
/* Page Thank You */
section.thank-you-container {
  padding: 60px 0
}

section.thank-you-container main {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

section.thank-you-container figure {
  position: absolute;
  width: 65%;
  height: 100%;
  left: 0;
  bottom: 0;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 450px;
}

section.thank-you-container div {
  padding: 100px 5% 100px 0;
  width: 30%;
  max-width: 400px;
}

section.thank-you-container h1 {
  font-size: calc(24px + 26*((100vw - 420px)/604));
  color: #252d53;
  margin: 0;
}

@media screen and (max-width:420px) {
  section.thank-you-container h1 {
    font-size: 24px;
  }
}

@media screen and (min-width:1024px) {
  section.thank-you-container h1 {
    font-size: 50px
  }
}

section.thank-you-container p {
  margin: 20px 0 30px;
  color: #6f79a2;
}
/* Page Customers */
.customers .mod-demo--signup2-wrap {
  padding-top: 0;
  overflow: initial;
}

.customers .quote-module {
  position: relative;
  z-index: 1;
}

.customers .quote-module .testimonial-container.quote-video {
  box-shadow: none;
  background: 0 0;
  margin-top: 0;
  width: 100%;
  margin: -10px auto 90px;
}

@media (max-width:640px) {
  .customers .quote-module .testimonial-container.quote-video .panel {
    flex-direction: row;
    align-items: center;
    padding: 0;
  }
}

.customers .quote-module .testimonial-container.quote-video .logo-col {
  border-left: 1px solid #6e79a2;
  width: 150px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media (max-width:640px) {
  .customers .quote-module .testimonial-container.quote-video .logo-col {
    width: 100px;
    padding: 0;
    margin: 0;
    border-left: none;
    border-bottom: none;
  }
}

.customers .quote-module .testimonial-container.quote-video .logo-col img {
  max-width: 80px;
  width: 100%;
}

.customers .quote-module .testimonial-container.quote-video figure {
  border-radius: 10px;
}

.customers .quote-module .testimonial-container.quote-video .text-col {
  width: calc(100% - 150px);
  padding-right: 80px;
}

@media (max-width:640px) {
  .customers .quote-module .testimonial-container.quote-video .text-col {
    width: calc(100% - 100px);
    padding-right: 40px;
    border-right: 1px solid #6e79a2;
  }
}

@media (max-width:960px) {
  .customers .testimonial-container {
    margin-top: -70px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .1);
  }
}
/* General Header */
div.headliner-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

div.headliner-container .headliner {
  position: relative;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .15em;
  margin-bottom: 16px;
  font-weight: 600;
}

div.headliner-container .headliner:before,
div.headliner-container .headliner:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
}

div.headliner-container .headliner:before {
  right: calc(100% + 20px);
}

div.headliner-container .headliner:after {
  left: calc(100% + 20px);
}

section.page-hero {
  position: relative;
  background: linear-gradient(314.58deg, rgba(0, 160, 227, .85) .17%, rgba(0, 160, 227, 0) 80.54%), #693cef;
}

section.page-hero article {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 5%;
}

section.page-hero article * {
  color: #fff;
}

section.page-hero article h1 {
  font-size: calc(28px + 14*((100vw - 420px)/604));
  font-weight: 500;
}

@media screen and (max-width:420px) {
  section.page-hero article h1 {
    font-size: 28px;
  }
}

@media screen and (min-width:1024px) {
  section.page-hero article h1 {
    font-size: 42px;
  }
}

section.page-hero article p {
  font-size: 18px;
  opacity: .7;
}

section.page-hero figure {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
}
/* Page Customers Page */
section.our-customers {
  padding: 70px 5%;
}
/* Module Logo Container */
div.logo-container {
  margin: 66px 0 0;
}

div.logo-container ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

div.logo-container ul li {
  overflow: hidden;
  position: relative;
  width: calc(20% - 4%);
  margin-bottom: 4%;
  margin-right: calc(4%/2);
  margin-left: calc(4%/2);
  border: solid 1px #eee;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}

div.logo-container ul li:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 54.81%;
}

@media (max-width:1079px) {
  div.logo-container ul li {
    width: calc(25% - 4%);
  }
}

@media (max-width:767px) {
  div.logo-container ul li {
    width: calc(50% - 4%);
  }
}
/* Module/Page Customer Stories */
section.customer-stories {
  position: relative;
  margin-top: 70px;
  margin-bottom: 140px;
  padding: 0 5%;
}

@media (max-width:960px) {
  section.customer-stories {
    margin-top: 60px;
    margin-bottom: 90px;
  }
}

section.customer-stories span.bg-vector {
  position: absolute;
  z-index: 0;
}

section.customer-stories span.bg-vector img {
  width: 100%;
  max-width: inherit
}

section.customer-stories span.bg-vector.right {
  width: 48%;
  top: -4%;
  right: 0;
  max-width: 610px
}

section.customer-stories span.bg-vector.left {
  width: 50%;
  left: 0;
  bottom: 26%;
  max-width: 660px;
}

@media (max-width:960px) {
  section.customer-stories span.bg-vector.left {
    bottom: 60%;
  }
}

@media (max-width:640px) {
  section.customer-stories span.bg-vector.left {
    bottom: 59%;
  }
}

div.customer-video-list {
  max-width: calc(715px + (5%*2));
  margin: 66px auto 140px;
  padding: 0 5%;
}

div.customer-video-list.double div.customer-video-container:last-child {
  margin-top: 130px;
}

@media (max-width:767px) {
  div.customer-video-list.double div.customer-video-container:last-child {
    margin-top: 60px;
  }
}

div.customer-video-list.single {
  padding-top: 60px;
}

div.customer-video-container {
  position: relative;
}

div.customer-video-container figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

div.customer-video-container figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 56%;
}

div.customer-video-container figure span {
  width: 108px;
  height: 108px;
}

div.customer-video-container figure span svg {
  width: 100%;
  height: 100%;
}

div.customer-video-container div.copy-container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-top: 40px;
  padding-left: 22px;
  padding-right: 22px;
  z-index: 1;
}

@media (max-width:767px) {
  div.customer-video-container div.copy-container {
    padding-left: 0;
    padding-right: 0;
  }
}

div.customer-video-container div.copy-container div:first-child {
  width: calc(100% - 150px);
  padding-right: 80px;
}

div.customer-video-container div.copy-container div:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 150px;
  border-left: solid 1px #6e79a2;
}

div.customer-video-container div.copy-container div:last-child img {
  max-width: 80px;
}

@media (max-width:767px) {
  div.customer-video-container div.copy-container div:first-child {
    width: calc(100% - 100px);
    padding-right: 40px;
  }

  div.customer-video-container div.copy-container div:last-child {
    width: 100px;
  }
}

div.customer-video-container div.copy-container h6 {
  font-size: 20px;
  color: #252d53;
  font-weight: 500;
}

div.customer-video-container div.copy-container p {
  font-size: 18px;
  color: #6f79a2;
}

section.customer-quote-container {
  background: linear-gradient(295.18deg, rgba(0, 160, 227, .85) .17%, rgba(0, 160, 227, 0) 80.54%), #693cef;
  padding: 120px 5%;
  position: relative;
}

section.customer-quote-container div.customer-quote-wrap {
  position: relative;
  z-index: 1;
}

section.customer-quote-container .mod-banner--trusted {
  margin-bottom: 0;
}

section.customer-quote-container .mod-banner--trusted .testimonial-container {
  margin: 0 auto;
}

section.customer-quote-container figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 0;
}
/* Utility Hero Link */
section.link-hero {
  position: relative;
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e;
}

section.link-hero article {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 5%;
  z-index: 1;
}

section.link-hero article * {
  color: #fff;
}

section.link-hero article h1 {
  font-size: calc(28px + 14*((100vw - 420px)/604));
  font-weight: 500;
}

@media screen and (max-width:420px) {
  section.link-hero article h1 {
    font-size: 28px;
  }
}

@media screen and (min-width:1024px) {
  section.link-hero article h1 {
    font-size: 42px;
  }
}

section.link-hero article p {
  font-size: 18px;
  opacity: .7;
}

section.link-hero figure {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: bottom left;
  background-repeat: no-repeat;
  mix-blend-mode: multiply;
  z-index: 0;
}

section.link-hero ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 20px 0 0;
  padding: 0;
}

section.link-hero li {
  margin: 0 5px;
}

section.link-hero li a {
  padding: 10px 30px 13px;
}

section.link-hero li a.is-active {
  background: rgba(35, 8, 103, .5);
}

@media (max-width:767px) {
  section.link-hero li {
    margin: 10px 5px 0;
    width: 100%;
  }
}
/* Page Press */
main.press-main-wrap {
  padding: 40px 5%;
  max-width: calc(780px + (10%));
  margin: 0 auto;
}

main.press-main-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

main.press-main-wrap .headliner-container {
  margin-bottom: 40px
}
/* Module Featured Articles */
section.feartured-articles {
  padding: 40px;
}

@media (max-width:767px) {
  section.feartured-articles {
    padding: 0 0 80px;
  }
}

section.feartured-articles .row {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0px 4px 30px rgba(0, 0, 0, .1);
  border-radius: 5px;
  padding: 35px 0;
}

section.feartured-articles .l-col {
  width: 130px;
}

section.feartured-articles .r-col {
  width: calc(100% - 130px);
  padding-left: 5%;
  padding-right: 7%;
  border-left: 1px solid #eee;
}

section.feartured-articles h3 {
  font-size: calc(26px + 10*((100vw - 420px)/604));
  font-weight: 400;
  line-height: 110%;
}

@media screen and (max-width:420px) {
  section.feartured-articles h3 {
    font-size: 26px;
  }
}

@media screen and (min-width:1024px) {
  section.feartured-articles h3 {
    font-size: 36px;
  }
}

section.feartured-articles .headliner {
  color: #a64afd;
}

@media (max-width:399px) {

  section.feartured-articles .headliner:after,
  section.feartured-articles .headliner:before {
    width: 40px;
  }

  section.feartured-articles .headliner:after {
    left: calc(100% + 10px);
  }

  section.feartured-articles .headliner:before {
    right: calc(100% + 10px);
  }
}

section.feartured-articles .headliner:after,
section.feartured-articles .headliner:before {
  background-color: #a64afd;
}

section.feartured-articles span {
  display: block;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
  font-weight: 500;
}

section.feartured-articles p {
  font-size: 16px;
  line-height: 150%;
  color: rgba(72, 85, 137, .79);
  display: flex;
  align-items: center;
  font-weight: 600;
}

section.feartured-articles p.linktext {
  color: #252d53;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
/* Snippet Press Section */
section.press-section {
  padding: 40px;
}

section.press-section .headliner {
  color: #a64afd;
}

section.press-section .headliner:after,
section.press-section .headliner:before {
  background-color: #a64afd;
}

section.press-section div.load-more-container {
  text-align: center;
}

section.press-section div.load-more-container .btn {
  margin-top: 40px;
}

section.press-section div.load-more-container .btn.is-hidden {
  display: none;
}

@media (max-width:767px) {
  section.press-section {
    padding: 0 0 80px;
  }
}
/* Utility - List Styles */
ul.contained-list li {
  border: solid 1px #eee;
  border-radius: 5px;
}

ul.contained-list li:not(:last-child) {
  margin-bottom: 44px;
}

ul.contained-list li.is-hidden {
  display: none;
}

ul.contained-list li.media-hidden li:first-child {
  margin-top: 44px;
}

ul.contained-list a {
  display: flex;
  align-items: center;
  padding: 23px 0;
  flex-direction: row-reverse;
}

@media (max-width:767px) {
  ul.contained-list a {
    padding: 23px 0;
  }
}

ul.contained-list span {
  display: block;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
  font-weight: 500;
}

ul.contained-list h3 {
  font-size: 18px;
  line-height: 110%;
  color: #252d53;
  padding-right: 20px;
  font-weight: 500;
  margin-top: 8px;
}

ul.contained-list p {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #252d53;
  display: flex;
  align-items: center;
  font-weight: 400;
}

@media (max-width:767px) {
  ul.contained-list p {
    padding-right: 20px;
  }
}

ul.contained-list div {
  width: calc(100% - 130px);
  border-left: solid 1px #eee;
  padding-left: 34px;
}

ul.contained-list figure {
  width: 130px;
}

ul.contained-list.media-hidden li:first-child {
  margin-top: 44px;
}

ul.contained-list.is-hidden {
  display: none;
}

ul.bordered-list li,
ul.bordered-list li:last-child {
  border-bottom: solid 1px #eee;
}

ul.bordered-list a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 23px 34px;
}

@media (max-width:767px) {
  ul.bordered-list a {
    padding: 23px 0;
  }
}

ul.bordered-list span {
  display: block;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
  font-weight: 400;
}

ul.bordered-list h3 {
  font-size: 18px;
  line-height: 110%;
  color: #252d53;
  padding-right: 20px;
  font-weight: 500;
  margin-top: 0;
}

ul.bordered-list p {
  font-size: 16px;
  line-height: 150%;
  color: rgba(72, 85, 137, .79);
  display: flex;
  align-items: center;
  font-weight: 400;
}

ul.bordered-list p.linktext {
  color: #252d53;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}

ul.bordered-list div {
  width: 100%;
  padding-right: 0;
}

ul.bordered-list figure {
  display: flex;
  width: 100%;
  margin-top: 20px;
  justify-content: flex-start;
}

ul.bordered-list.press-hidden li:first-child {
  border-top: none;
}

ul.bordered-list.is-hidden {
  display: none;
}
/* Module Media Kit */
div.media-kit-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

div.media-kit-container a {
  display: block;
  width: calc(33.3334% - 10px);
  border: solid 1px #eee;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width:767px) {
  div.media-kit-container a {
    width: 100%;
  }

  div.media-kit-container a:not(:last-child) {
    margin-bottom: 30px;
  }
}

div.media-kit-container figure {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

div.media-kit-container figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 50%;
}

div.media-kit-container div {
  padding: 20px 20px 30px;
  text-align: center;
}

div.media-kit-container div small {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
}

div.media-kit-container div p {
  display: flex;
  justify-content: center;
  font-weight: 600;
  align-items: center;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #252d53;
  margin-top: 14px
}
/* Module/Page - Use Case */
.usecase-hero {
  background: linear-gradient(317.92deg, rgba(0, 160, 227, .85) .17%, rgba(0, 160, 227, 0) 80.54%), #693cef;
  min-height: 260px;
  overflow: hidden;
  position: relative;
}

.usecase-hero .bg-pattern {
  position: absolute;
}

.usecase-hero .bg-pattern svg {
  width: 100%;
  height: 100%;
}

.usecase-hero .pattern-left {
  width: 27%;
  top: -53%;
  left: 10%;
  mix-blend-mode: multiply;
  opacity: .2;
}

@media (max-width:640px) {
  .usecase-hero .pattern-left {
    top: -23%;
    width: 35%;
  }
}

.usecase-hero .pattern-left * {
  fill: #7e6ff8;
}

.usecase-hero .pattern-mid {
  width: 40%;
  top: -68%;
  left: 25%;
  opacity: .2;
}

@media (max-width:640px) {
  .usecase-hero .pattern-mid {
    top: -15%;
    width: 55%;
  }
}

.usecase-hero .pattern-mid * {
  fill: #7e6ff8;
}

.usecase-hero .pattern-right {
  width: 30%;
  top: 50%;
  right: -10%;
  transform: translateY(-84%);
  opacity: .1;
  mix-blend-mode: multiply;
}

.usecase-hero .pattern-right * {
  fill: #7e6ff8;
}

.usecase-hero .container {
  flex-direction: column;
  position: relative;
  z-index: 3;
}

.usecase-hero .textbox {
  text-align: center;
  margin: 50px 0;
  max-width: 580px;
}

.usecase-hero .textbox * {
  color: #fff;
}

.usecase-hero .textbox h1 {
  font-size: calc(30px + 20*((100vw - 420px)/604));
  margin-bottom: 20px;
}

@media screen and (max-width:420px) {
  .usecase-hero .textbox h1 {
    font-size: 30px;
  }
}

@media screen and (min-width:1024px) {
  .usecase-hero .textbox h1 {
    font-size: 50px
  }
}

.usecase-hero .textbox p {
  font-size: calc(16px + 2*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .usecase-hero .textbox p {
    font-size: 16px;
  }
}

@media screen and (min-width:1024px) {
  .usecase-hero .textbox p {
    font-size: 18px;
  }
}

.usecase-body {
  padding: 100px 0;
}

@media (min-width:769px) {
  .usecase-body .container {
    padding: 0 10%;
  }
}

.usecase-zlayout .row {
  margin-bottom: 120px;
}

.usecase-zlayout .row:last-child {
  margin-bottom: 0;
}

.usecase-zlayout .row.left {
  flex-direction: row-reverse;
}

@media (min-width:769px) {
  .usecase-zlayout .col-img {
    width: 100%;
    max-width: 250px;
  }
}

@media (max-width:768px) {
  .usecase-zlayout .col-img {
    width: 100%;
  }
}

.usecase-zlayout .col-img figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto
}

.usecase-zlayout .col-img figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

@media (max-width:768px) {
  .usecase-zlayout .col-img figure {
    width: 80%;
    max-width: 250px;
  }
}

.usecase-zlayout .col-text {
  width: calc(94% - 250px);
}

@media (max-width:768px) {
  .usecase-zlayout .col-text {
    width: 100%;
    margin-top: 30px;
  }
}

.usecase-zlayout .col-text h2 {
  font-weight: 500;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 50px;
}

.usecase-zlayout .col-text h2 svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 117px;
  height: 6px;
}

.usecase-zlayout .col-text p {
  line-height: 1.5em;
}

.usecase-zlayout .col-text .btn {
  display: inline-block;
  margin-top: 50px;
  padding: 8px 30px;
}
/* Module/Page - Contract & Popover */
.contract-wrap#state-0 .c-paper.cp-2,
.contract-wrap#state-0 .c-paper.cp-3,
.contract-wrap#state-0 .c-paper.cp-4,
.contract-wrap#state-0 .c-paper.cp-5 {
  transform: translate(0, 0);
}

.contract-wrap#state-0 .c-label,
.contract-wrap#state-0 .c-march-13 {
  opacity: 1;
}

.contract-wrap#state-0 .c-march-13 {
  transform: scale(1);
  transition-delay: .25s;
}

.contract-wrap#state-1 .c-july-1 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .35s;
}

.contract-wrap#state-1 .contract-email {
  opacity: 1;
  transform: scale(1);
}

.contract-wrap#state-2 .c-title-bg {
  opacity: 1;
  transform: scale(1);
}

.contract-wrap#state-2 .c-alert {
  transform: translate(74.5px, 29.5px) scale(1) translate(-74.5px, -29.5px);
  transition-delay: .2s;
}

.contract-wrap#state-2 .c-title path {
  fill: #ff44ac;
}

.contract-wrap#state-2 .contract-news {
  opacity: 1;
  transform: scale(1);
}

.contract-wrap#state-3 .contract-main-svg {
  transform: scale(.4);
}

@media (max-width:767px) {
  .contract-wrap#state-3 .contract-main-svg {
    transform: scale(.4) translateX(-40px) translateY(-24px)
  }
}

.contract-wrap#state-3 .c-green-bg {
  opacity: 1;
  transition-delay: .9s;
}

.contract-wrap#state-3 .c-center-check {
  transform: scale(1);
  transition-delay: .75s;
}

.contract-wrap#state-3 .c-slack {
  transform: translate(279.306px, 61.2372px) scale(1) translate(-279.306px, -61.2372px);
  transition-delay: .15s;
}

.contract-wrap#state-3 .c-diamond {
  transform: translate(486.579px, 213.344px) scale(1) translate(-486.579px, -213.344px);
  transition-delay: .25s;
}

.contract-wrap#state-3 .c-weather {
  transform: translate(402.163px, 460.1px) scale(1) translate(-402.163px, -460.1px);
  transition-delay: .35s
}

.contract-wrap#state-3 .c-users-badge {
  transform: translate(141.071px, 463.33px) scale(1) translate(-141.071px, -463.33px);
  transition-delay: .45s
}

.contract-wrap#state-3 .c-email {
  transform: translate(61.2372px, 211.19px) scale(1) translate(-61.2372px, -211.19px);
  transition-delay: .55s;
}

.contract-wrap#state-4 .c-180 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .65s;
}

.contract-wrap#state-4 .contract-items {
  opacity: 1;
  transform: scale(1);
  transition-delay: .35s;
}

.contract-wrap#state-4 .cz-1 {
  transform: scale(1);
  transition-delay: .45s
}

.contract-wrap#state-5 .c-net-60 {
  opacity: 1;
  transform: scale(1);
  transition-delay: .55s;
}

.contract-wrap#state-5 .contract-terms {
  opacity: 1;
  transform: scale(1);
  transition-delay: .25s
}

.contract-wrap#state-5 .cz-2 {
  transform: scale(1);
  transition-delay: .35s;
}

.contract-wrap#state-6 .c-june-30 {
  opacity: 1;
  transform: scale(1) translateX(16px);
  transition-delay: .35s;
}

.contract-wrap#state-6 .contract-alert {
  opacity: 1;
  transform: scale(1);
}

.contract {
  position: relative;
  width: 485px
}

@media (max-width:1023px) {
  .contract {
    margin: 0 auto;
    transform: translateX(45px);
  }
}

@media (max-width:767px) {
  .contract {
    width: 250px;
    height: 300px;
    transform: translateX(27px);
  }
}

.contract-main-svg {
  transform-origin: center;
  transition: transform .85s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .contract-main-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.c-paper {
  transition: transform .85s cubic-bezier(.23, 1, .32, 1);
}

.c-paper.cp-2 {
  transform: translate(-11px, -13px);
}

.c-paper.cp-3 {
  transform: translate(-21px, -26px);
}

.c-paper.cp-4 {
  transform: translate(-30px, -40px);
}

.c-paper.cp-5 {
  transform: translate(-40px, -53px);
}

.c-label,
.c-title-bg {
  opacity: 0;
  transition: opacity .25s;
}

.c-red-popout {
  opacity: 0;
  transform: scale(.92);
  transform-origin: center;
  transition: opacity .25s, transform .75s cubic-bezier(.23, 1, .32, 1);
}

.c-red-popout.c-june-30 {
  transform: scale(.92) translateX(16px);
  transform-origin: bottom;
}

.c-red-popout.c-july-1 {
  transform-origin: bottom right;
}

.c-alert {
  transform: translate(74.5px, 29.5px) scale(0) translate(-74.5px, -29.5px);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.c-title path {
  fill: #047ac9;
  transition: fill .25s;
}

.contract-activity-svg {
  position: absolute;
  top: -19px;
  left: -23px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (max-width:767px) {
  .contract-activity-svg {
    left: -28px;
  }
}

.c-green-bg {
  opacity: 0;
  transition: opacity .75s;
}

.c-center-check {
  transform: scale(0);
  transform-origin: center;
  transition: transform .85s cubic-bezier(.23, 1, .32, 1);
}

.c-activity {
  transition: transform .85s cubic-bezier(.23, 1, .32, 1);
}

.c-slack {
  transform: translate(279.306px, 61.2372px) scale(0) translate(-279.306px, -61.2372px);
}

.c-diamond {
  transform: translate(486.579px, 213.344px) scale(0) translate(-486.579px, -213.344px);
}

.c-weather {
  transform: translate(402.163px, 460.1px) scale(0) translate(-402.163px, -460.1px);
}

.c-users-badge {
  transform: translate(141.071px, 463.33px) scale(0) translate(-141.071px, -463.33px);
}

.c-email {
  transform: translate(61.2372px, 211.19px) scale(0) translate(-61.2372px, -211.19px);
}

.contract-popup {
  position: absolute;
  opacity: 0;
  transform: scale(.85);
  transform-origin: center;
  transition: opacity .35s, transform .75s cubic-bezier(.23, 1, .32, 1);
}

.contract-popup.contract-email {
  top: -47px;
  left: 149px;
}

@media (max-width:1023px) {
  .contract-popup.contract-email {
    top: -15px;
    width: 270px;
  }
}

@media (max-width:767px) {
  .contract-popup.contract-email {
    width: 150px;
    left: 69px;
    top: -3px;
  }
}

.contract-popup.contract-news {
  top: 162px;
  right: 53px;
}

@media (max-width:767px) {
  .contract-popup.contract-news {
    width: 190px;
    top: 91px;
    right: 23px;
  }
}

.contract-popup.contract-items {
  top: 210px;
  right: 20px;
}

@media (max-width:767px) {
  .contract-popup.contract-items {
    width: 191px;
    top: 122px;
  }
}

.contract-popup.contract-terms {
  top: 265px;
  right: 70px;
}

@media (max-width:767px) {
  .contract-popup.contract-terms {
    width: 150px;
    top: 145px;
    right: 26px;
  }
}

.contract-popup.contract-alert {
  top: 174px;
  right: 40px;
}

@media (max-width:767px) {
  .contract-popup.contract-alert {
    width: 185px;
    top: 88px;
    right: 28px;
  }
}

.contract-popup.cz-1 {
  top: 325px;
  left: 257px;
  opacity: 1;
  transform: scale(0);
}

.contract-popup.cz-2 {
  top: 214px;
  left: 277px;
  opacity: 1;
  transform: scale(0);
}
/* Module/Page - Careers */
.career h2 {
  font-weight: 500;
}

section.career-hero {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 500px;
  transform: translateX(-50%);
  background: none;
  max-width: 1600px;
}
section.career-hero .bg-color {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@media (max-width:639px) {
  section.career-hero {
    height: 350px;
    overflow: hidden;
  }
}

section.career-hero figure {
  position: absolute;
  top: -46%;
  left: 0;
  height: 100%;
  width: 100%;
}

section.career-hero figure svg {
  width: 120%;
}

section.career-hero-content {
  position: relative;
  z-index: 1;
  text-align: center;
  padding: 80px 5%;
  margin: 0 auto;
  max-width: calc(768px + 5%);
}

section.career-hero-content .button {
  margin-top: 45px;
}

section.career-hero-content h1 {
  font-weight: 500;
  margin: 16px 0;
}

section.career-hero-content h2 {
  font-weight: 500;
  margin-top: 50px;
  margin-bottom: 16px;
}

section.career-hero-content div.career-video-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin-top: 65px;
}

section.career-hero-content div.career-video-container:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 56%;
}

section.career-hero-content div.career-video-container:hover span {
  transform: scale(1.1);
}

section.career-hero-content div.career-video-container span {
  width: 80px;
  height: 80px;
  transition: .5s;
}

section.career-hero-content div.career-video-container span svg {
  width: 100%;
  height: 100%;
}

span.career-divider {
  display: block;
  margin: 40px 0;
}

section.careers-award {
  background-color: #f8f8f8;
  padding: 80px 5%;
}

@media (max-width:767px) {
  section.careers-award {
    padding: 60px 5%;
    overflow: hidden;
  }
}

section.careers-award ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin: 0 auto;
  list-style: none;
  max-width: 880px;
}

@media (max-width:767px) {
  section.careers-award ul {
    flex-wrap: wrap;
    justify-content: center;
  }
}

section.careers-award li {
  position: relative;
  width: 20%;
  max-width: 100px;
}

section.careers-award li:before {
  content: '';
  position: absolute;
  top: -15%;
  left: -15%;
  width: 130%;
  height: 130%;
  background-color: #f8f8f8;
  z-index: 1;
}

section.careers-award li:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  height: 1px;
  width: 100px;
  left: calc(100% + 13px);
  border-top: solid 2px #eaeaea;
  border-top-style: dashed;
  z-index: 0;
}

section.careers-award li img {
  position: relative;
  z-index: 2
}

@media (max-width:767px) {
  section.careers-award li {
    width: 33.3334%;
    max-width: inherit;
    padding: 0 8%;
  }

  section.careers-award li:nth-child(-n+3) {
    margin-bottom: 30px;
  }
}

section.career-listing-title {
  text-align: center;
  padding: 80px 5%;
}

section.career-listing-title p {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: rgba(72, 85, 137, .79);
  max-width: 468px;
  margin: 0 auto;
}

section.career-listing-title ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 60px auto;
  padding: 0;
  list-style: none;
  max-width: 990px;
}

section.career-listing-title ul li {
  width: calc(33.3334% - 40px);
}

section.career-listing-title ul li h3,
section.career-listing-title ul li p {
  text-align: left;
}

section.career-listing-title ul li h3 {
  font-size: 20px;
  color: #252d53;
  font-weight: 500;
  margin: 28px 0;
}

section.career-listing-title ul li div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 88px;
}

@media (max-width:767px) {
  section.career-listing-title ul li {
    width: calc(50% - 30px);
  }
}

@media (min-width:580px) {
  section.career-listing-title ul li:nth-child(-n+3) {
    margin-bottom: 60px;
  }
}

@media (max-width:579px) {
  section.career-listing-title ul li {
    width: 100%;
  }

  section.career-listing-title ul li h3,
  section.career-listing-title ul li p {
    text-align: center;
  }

  section.career-listing-title ul li:not(:last-child) {
    margin-bottom: 50px;
  }
}

section.career-quote-container {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-top: 200px;
  min-height: 580px;
}

section.career-quote-container:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 62%;
}

section.career-quote-container div.career-quote {
  background: #fff;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .3);
  border-radius: 10px;
  max-width: 740px;
  width: 90%;
  margin: 0 auto;
  padding: 66px 74px;
  transform: translateY(-50%);
}

@media (max-width:767px) {
  section.career-quote-container div.career-quote {
    padding: 40px;
  }
}

section.career-quote-container div.career-quote p.quote {
  position: relative;
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  color: #485589;
}

section.career-quote-container div.career-quote p.quote:after {
  content: '“';
  position: absolute;
  top: 0;
  right: calc(100% + 10px);
  font-weight: 400;
  font-size: 24px;
  color: #485589;
}

section.career-quote-container div.career-quote div.cite {
  margin-top: 50px;
  position: relative;
  padding-left: 75px;
}

section.career-quote-container div.career-quote div.cite figure {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

section.career-quote-container div.career-quote div.cite p {
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.15em;
  color: #485589;
}

section.career-quote-container div.career-quote div.cite p.name {
  margin: 0;
  font-weight: 700;
  letter-spacing: .07em
}

section.career-quote-container div.career-quote div.cite p.position {
  font-weight: 400;
  margin-top: 2px;
}

section.career-openings {
  padding: 80px 5%;
  text-align: center;
  background-color: #f9f9f9;
}

section.career-openings div#lever-jobs-container {
  max-width: 800px !important;
  margin: 40px auto 0 !important;
  border-bottom: solid 1px #ddd;
}

section.career-openings ul.lever-team {
  position: relative;
  padding: 16px 15px !important;
  margin-bottom: 0 !important;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  transition: background-color .25s ease;
}

section.career-openings ul.lever-team:first-of-type {
  border-top: solid 1px #ddd;
}

section.career-openings ul.lever-team:after {
  content: '';
  position: absolute;
  right: 17px;
  top: 20px;
  height: 10px;
  width: 10px;
  border-right: solid 2px #222bf9;
  border-bottom: solid 2px #222bf9;
  transform: rotate(45deg);
  transition: transform .25s ease;
  pointer-events: none;
}

section.career-openings ul.lever-team h4 {
  font-weight: 500 !important;
  text-align: left !important;
  margin-bottom: 0 !important;
}

section.career-openings ul.lever-team a {
  text-decoration: none !important;
  color: #03d2e4 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}

section.career-openings ul.lever-team a:hover {
  text-decoration: underline !important;
}

section.career-openings ul.lever-team span.lever-job-tag {
  font-weight: 400 !important;
}

section.career-openings ul.lever-team ul {
  display: none;
  padding-top: 20px !important;
}

@media (max-width:767px) {
  section.career-openings ul.lever-team ul li.lever-job:not(:last-child) {
    padding-bottom: 14px !important;
  }
}

section.career-openings ul.lever-team:hover {
  background-color: #fff;
  cursor: pointer;
}

section.career-openings ul.lever-team:hover h4 {
  color: #222bf9;
}

section.career-openings ul.lever-team.is-active {
  background-color: #fff;
}

section.career-openings ul.lever-team.is-active:after {
  transform: rotate(-135deg);
}

section.career-openings ul.lever-team.is-active:hover {
  cursor: auto;
}

section.career-openings ul.lever-team.is-active:hover h4 {
  color: initial;
}

section.career-openings ul.lever-team.is-active ul {
  display: block;
}

section.career-endcap {
  text-align: center;
  padding: 80px 5%;
}

section.career-endcap h2 {
  font-size: calc(22px + 14*((100vw - 420px)/604));
  font-weight: 500;
  color: #252d53;
  margin: 0 auto 30px;
}

@media screen and (max-width:420px) {
  section.career-endcap h2 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  section.career-endcap h2 {
    font-size: 36px;
  }
}
/* Module/Page Privacy */
.services-agreement h1,
.privacy h1 {
  margin-bottom: 30px;
}

.services-agreement div.privacy-content .effect-date,
.privacy div.privacy-content .effect-date {
  font-size: 12px;
  color: #48558a;
  margin-bottom: 35px;
}

.services-agreement div.privacy-content .effect-date a,
.privacy div.privacy-content .effect-date a {
  color: #48558a;
}

.services-agreement div.privacy-content .effect-date a:hover,
.privacy div.privacy-content .effect-date a:hover {
  text-decoration: underline;
}

section.privacy-content-container {
  margin-top: -100px;
  padding: 0 5%;
}

section.link-hero {
  padding-bottom: 100px;
}

div.privacy-content {
  position: relative;
  max-width: 800px;
  background: #fff;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .05);
  padding: 100px;
  margin: 0 auto 100px;
  z-index: 1;
}

div.privacy-content {
  padding-top: 40px;
}

@media (max-width:767px) {
  div.privacy-content {
    padding: 40px 5%;
  }
}

div.privacy-content h2,
div.privacy-content h3 {
  font-weight: 500;
  color: #242e54;
}

div.privacy-content h3 {
  font-size: calc(24px + 6*((100vw - 420px)/604));
  margin-top: 50px;
}

@media screen and (max-width:420px) {
  div.privacy-content h3 {
    font-size: 24px;
  }
}

@media screen and (min-width:1024px) {
  div.privacy-content h3 {
    font-size: 30px;
  }
}

div.privacy-content h4 {
  font-size: calc(18px + 2*((100vw - 420px)/604));
  font-weight: 600;
  margin: 26px 0
}

@media screen and (max-width:420px) {
  div.privacy-content h4 {
    font-size: 18px;
  }
}

@media screen and (min-width:1024px) {
  div.privacy-content h4 {
    font-size: 20px;
  }
}

div.privacy-content p,
div.privacy-content li {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #485589;
}

div.privacy-content p a,
div.privacy-content li a {
  font-weight: inherit;
  font-size: inherit;
}

div.privacy-content p strong,
div.privacy-content li strong {
  font-weight: 600;
}

div.privacy-content ul,
div.privacy-content ol {
  padding-left: 26px;
  margin: 36px 0;
}

div.privacy-content li:not(:last-child) {
  margin-bottom: 20px;
}
/* Module/Page - Use Case */
.usecase-detail .home-cards {
  margin-top: 160px;
}

.usecase-detail .mod-nextup.has-image figure {
  border-radius: 0;
  background-size: contain;
}

.usecase-detail.purple-blue .usecase-d-hero,
.usecase-detail.purple-blue .usecase-d-feature {
  background-color: #38217c;
}

@media (min-width:769px) {
  .usecase-detail.purple-blue .col-img .img-wrap {
    transform: translate(-50%, -40%);
  }
}

.usecase-detail.purple-blue .pattern-right * {
  fill: rgba(8, 147, 199, .5);
}

.usecase-detail.purple .usecase-d-hero,
.usecase-detail.purple .usecase-d-feature {
  background-color: #7a327e;
}

@media (min-width:769px) {
  .usecase-detail.purple .usecase-d-hero .pattern-right {
    transform: translate(26%, 10%);
  }
}

@media (max-width:768px) {
  .usecase-detail.purple .usecase-d-hero .pattern-right {
    width: 55%;
    transform: translate(37%, 70%);
  }
}

.usecase-detail.purple .pattern-right * {
  fill: rgba(186, 25, 122, .4);
}

.usecase-detail.dark-cyan .usecase-d-hero,
.usecase-detail.dark-cyan .usecase-d-feature {
  background-color: #035273;
}

@media (min-width:769px) {
  .usecase-detail.dark-cyan .usecase-d-hero .pattern-right {
    transform: translate(-4%, 7%);
  }
}

@media (max-width:768px) {
  .usecase-detail.dark-cyan .usecase-d-hero .pattern-right {
    width: 55%;
    transform: translate(37%, 70%);
  }
}

.usecase-detail.dark-cyan .pattern-right * {
  fill: rgba(8, 147, 199, .5);
}

@media (min-width:961px) {
  .usecase-detail.dark-cyan .usecase-d-intro {
    margin-bottom: 250px;
  }
}

@media (min-width:961px) {
  .usecase-detail.dark-cyan .usecase-d-intro .col-r img {
    max-width: 1126px;
    position: relative;
    width: 100%;
    position: absolute;
    transform: translate(-7%, -50%);
    top: 50%;
  }
}

@media (max-width:960px) {
  .usecase-detail.dark-cyan .usecase-d-intro .col-r img {
    max-width: 600px;
    width: auto;
  }
}

.usecase-d-hero {
  position: relative;
  min-height: 441px;
  overflow: visible;
  margin-bottom: 144px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width:769px) {
  .usecase-d-hero {
    height: 441px;
  }
}

@media (max-width:768px) {
  .usecase-d-hero {
    padding: 30px 0 50px;
  }
}

@media (max-width:640px) {
  .usecase-d-hero {
    margin-bottom: 80px;
    overflow: hidden;
  }
}

.usecase-d-hero .bg-pattern {
  overflow: hidden;
  position: relative;
  position: absolute;
}

.usecase-d-hero .bg-pattern:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 87.01%;
}

.usecase-d-hero .bg-pattern svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.usecase-d-hero .pattern-left {
  width: 67%;
  top: 50%;
  left: 50%;
  transform: translate(-80%, -107%);
  opacity: .05;
}

.usecase-d-hero .pattern-left * {
  fill: #fff;
}

.usecase-d-hero .pattern-right {
  width: 42%;
  top: 50%;
  left: 50%;
  transform: translate(66%, -84%);
  opacity: .2;
}

.usecase-d-hero .pattern-right * {
  fill: rgba(8, 147, 199, .5);
}

.usecase-d-hero .top-link-container {
  width: 100%;
  z-index: 10;
}

@media (min-width:769px) {
  .usecase-d-hero .top-link-container {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width:768px) {
  .usecase-d-hero .top-link-container {
    margin-bottom: 30px;
  }
}

.usecase-d-hero .container-s {
  width: 100%;
  position: relative;
  z-index: 5;
  padding: 0 10%;
  position: relative;
  z-index: 5;
}

@media (max-width:768px) {
  .usecase-d-hero .container-s {
    padding: 0 5%;
  }
}

.usecase-d-hero .top-link {
  position: relative;
}

.usecase-d-hero .top-link a {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.usecase-d-hero .top-link svg {
  position: absolute;
  left: 0;
  top: 7px;
  transform: rotate(180deg);
}

.usecase-d-hero .top-link * {
  stroke: #fff;
}

.usecase-d-hero .cols-wrap {
  flex-direction: row-reverse;
  justify-content: space-between;
}

@media (max-width:768px) {
  .usecase-d-hero .cols-wrap {
    flex-direction: column;
  }
}

.usecase-d-hero .col-text {
  width: 50%;
}

@media (max-width:768px) {
  .usecase-d-hero .col-text {
    width: 100%;
    text-align: center;
  }
}

.usecase-d-hero .col-text * {
  color: #fff;
}

.usecase-d-hero .col-text h1 {
  font-size: calc(35px + 15*((100vw - 420px)/604));
  margin-bottom: 40px;
}

@media screen and (max-width:420px) {
  .usecase-d-hero .col-text h1 {
    font-size: 35px;
  }
}

@media screen and (min-width:1024px) {
  .usecase-d-hero .col-text h1 {
    font-size: 50px;
  }
}

.usecase-d-hero .col-text p {
  font-size: 18px;
  line-height: 1.5em;
}

.usecase-d-hero .col-img {
  width: 40%;
  position: relative;
}

@media (max-width:768px) {
  .usecase-d-hero .col-img {
    width: 100%;
  }
}

.usecase-d-hero .col-img .img-wrap {
  width: 100%;
}

@media (min-width:769px) {
  .usecase-d-hero .col-img .img-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
}

@media (max-width:768px) {
  .usecase-d-hero .col-img .img-wrap {
    max-width: 300px;
    margin: 50px auto 0;
  }
}

.usecase-d-hero .col-img img {
  display: block;
  width: 100%;
}

.usecase-d-hero .bottom-line-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  padding: 0 10%;
  transform: translateX(-50%);
  left: 50%;
  top: 0;
  pointer-events: none;
}

@media (max-width:768px) {
  .usecase-d-hero .bottom-line-wrap {
    padding: 0 5%;
  }
}

.usecase-d-hero .bottom-line-wrap .line-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.usecase-d-hero .bottom-line-wrap .line {
  position: absolute;
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
}

@media (max-width:768px) {
  .usecase-d-hero .bottom-line-wrap .line {
    width: 100%;
  }
}

.usecase-d-hero .bottom-line-wrap .line:before {
  content: '';
  position: absolute;
  left: 50%;
  top: calc(100% - 27px);
  width: 2px;
  height: 122px;
  background: #23de9b;
  transform: translateX(-50%);
}

@media (max-width:768px) {
  .usecase-d-hero .bottom-line-wrap .line:before {
    height: 70px;
  }
}

.usecase-d-text-wrap h2 {
  position: relative;
  padding-bottom: 50px;
  margin-bottom: 50px;
  font-weight: 500;
  color: #252d53;
}

.usecase-d-text-wrap h2 img {
  position: absolute;
  bottom: 0; 
  left: 0;
  max-width: 117px;
  width: 100%
}

.usecase-d-text-wrap p {
  font-weight: 300;
  color: rgba(72, 85, 137, .75);
}

.usecase-d-text-wrap h3,
.usecase-d-text-wrap h4 {
  font-weight: 500;
  color: #252d53;
  margin-top: 30px;
}

@media (max-width:767px) {
  .usecase-d-text-wrap h3,
  .usecase-d-text-wrap h4 {
    margin-top: 20px;
  }
}

.usecase-d-text-wrap h3 {
  font-size: calc(24px + 6*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .usecase-d-text-wrap h3 {
    font-size: 24px;
  }
}

@media screen and (min-width:1024px) {
  .usecase-d-text-wrap h3 {
    font-size: 30px;
  }
}

.usecase-d-text-wrap blockquote {
  padding-left: 20px;
  border-left: solid 4px #cd42fe;
  margin-top: 20px;
  margin-bottom: 20px;
}

.usecase-d-text-wrap blockquote p {
  font-weight: 500;
}

.usecase-d-text-wrap div.wp-caption {
  max-width: 100%;
}

.usecase-d-text-wrap div.wp-caption p.wp-caption-text {
  font-size: 14px;
}

.usecase-d-text-wrap li {
  color: rgba(72, 85, 137, .75);
  font-size: 18px;
  margin-bottom: 10px;
}

.usecase-d-intro {
  margin-bottom: 150px;
  position: relative;
  z-index: 5;
}

.usecase-d-intro .container {
  padding: 0 10%;
}

.usecase-d-intro .col-l {
  width: 50%;
}

@media (max-width:960px) {
  .usecase-d-intro .col-l {
    width: 100%;
  }
}

.usecase-d-intro .col-r {
  width: 40%;
}

@media (max-width:960px) {
  .usecase-d-intro .col-r {
    width: 100%;
    padding-top: 30px;
  }

  .usecase-d-intro .col-r img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
  }
}

.usecase-d-zlayout .container {
  padding: 0 10%;
}

.usecase-d-zlayout .row {
  margin-bottom: 150px;
}

@media (max-width:960px) {
  .usecase-d-zlayout .row {
    flex-direction: column;
  }
}

@media (max-width:640px) {
  .usecase-d-zlayout .row {
    margin-bottom: 100px;
  }
}

@media (min-width:961px) {
  .usecase-d-zlayout .row.right {
    flex-direction: row-reverse;
  }
}

.usecase-d-zlayout .row:first-child:last-child {
  margin-bottom: 60px;
}

.usecase-d-zlayout .col-main {
  width: calc(93% - 275px);
}

@media (max-width:960px) {
  .usecase-d-zlayout .col-main {
    width: 100%;
  }
}

.usecase-d-zlayout .col-side {
  width: 275px;
}

@media (max-width:960px) {
  .usecase-d-zlayout .col-side {
    width: 100%;
    margin-top: 30px;
  }
}

.usecase-d-zlayout .box-quote,
.usecase-d-zlayout .box-stat {
  position: relative;
  border-radius: 5px;
  margin-bottom: 20px;
}

.usecase-d-zlayout .box-quote {
  padding-top: 25px;
}

.usecase-d-zlayout .box-quote .box-wrap {
  position: relative;
  padding: 40px 30px 30px;
  border-radius: 5px;
}

@media (max-width:960px) {
  .usecase-d-zlayout .box-quote .box-wrap {
    text-align: center;
  }
}

.usecase-d-zlayout .box-quote.gray-bg .box-wrap {
  background-color: #f8f8f8;
}

.usecase-d-zlayout .box-quote.white-bg .box-wrap {
  background-color: #fff;
}

.usecase-d-zlayout .box-quote.purple-bg .box-wrap {
  background-color: #78317e;
}

.usecase-d-zlayout .box-quote.white-text .box-wrap p,
.usecase-d-zlayout .box-quote.white-text .box-wrap small {
  color: #fff;
}

.usecase-d-zlayout .box-quote p,
.usecase-d-zlayout .box-quote small {
  font-weight: 300;
}

.usecase-d-zlayout .box-quote p {
  font-size: 20px;
  margin-bottom: 30px;
}

.usecase-d-zlayout .box-quote small {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 1.3em;
  letter-spacing: .6px;
}

.usecase-d-zlayout .box-quote svg {
  position: absolute;
  left: 30px;
  top: -20px;
  width: 50px;
  height: 40px;
}

.usecase-d-zlayout .box-stat {
  padding: 30px 30px 40px;
  background: #fff;
  border: 3px solid #eee;
  text-align: center;
}

.usecase-d-zlayout .box-stat h4 {
  position: relative;
  font-weight: 300;
  padding-bottom: 12px;
  margin-bottom: 15px;
  font-size: 56px;
}

.usecase-d-zlayout .box-stat h4:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100px;
  height: 1px;
  background: #c4c4c4;
}

.usecase-d-zlayout .box-stat p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: 300;
}

.usecase-d-feature {
  background: #38217c;
  padding: 120px 0 150px;
  position: relative;
}

@media (max-width:960px) {
  .usecase-d-feature {
    padding: 80px 0 150px
  }
}

.usecase-d-feature h2 {
  text-align: center;
  font-weight: 400;
  margin-bottom: 80px;
}

@media (max-width:960px) {
  .usecase-d-feature h2 {
    margin-bottom: 50px;
  }
}

.usecase-d-feature h5 {
  margin-top: 0;
  margin-bottom: 16px;
}

.usecase-d-feature p {
  margin-bottom: 0;
  font-weight: 300;
  font-size: 18px;
  color: rgba(255, 255, 255, .7);
}

.usecase-d-feature .container {
  padding: 0 10%;
  position: relative;
  z-index: 1;
}
.usecase-d-feature .bg-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.usecase-d-feature .row {
  padding-left: 50px;
  position: relative;
  color: #fff;
  margin-bottom: 80px;
  width: 46%;
}

@media (max-width:960px) {
  .usecase-d-feature .row {
    margin-bottom: 60px;
    width: 100%;
  }
}

.usecase-d-feature .check-circle {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 2px solid #fff
}

.usecase-d-feature .check-circle svg {
  position: absolute;
  width: 11px;
  height: 8px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.usecase-d-feature .check-circle * {
  stroke: #fff;
}

.usecase-d-video {
  margin-top: -100px;
  margin-bottom: 100px;
}

.usecase-d-video .inner-wrap {
  width: 100%;
  max-width: 715px;
  margin: 0 auto;
}

.usecase-d-video .video-img {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .25);
  border-radius: 10px;
  margin-bottom: 50px;
  position: relative;
  cursor: pointer;
}

.usecase-d-video .video-img:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 53.42%;
}

.usecase-d-video .video-img svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
}

.usecase-d-video .text-box {
  position: relative;
}

@media (max-width:640px) {
  .usecase-d-video .text-box {
    flex-direction: column;
  }
}

.usecase-d-video h6 {
  font-size: 20px;
  font-weight: 400;
}

.usecase-d-video p {
  font-size: 18px;
  color: rgba(72, 85, 137, .7);
}

@media (min-width:641px) {
  .usecase-d-video .col-l {
    width: calc(100% - 168px);
    padding-right: 5%;
    border-right: 1px solid rgba(110, 121, 162, .5);
  }
}

@media (max-width:640px) {
  .usecase-d-video .col-l {
    width: 100%;
  }
}

.usecase-d-video .col-r {
  width: 168px;
  padding: 23px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.usecase-d-video .col-r img {
  width: 100%;
}

@media (max-width:640px) {
  .usecase-d-video .col-r {
    width: 100%;
    padding-top: 20px;
  }

  .usecase-d-video .col-r img {
    max-width: 120px;
    display: block;
    margin: 0 auto;
  }
}
/* Module/Page - Why */
.why--hero {
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e;
  overflow: hidden;
  position: relative;
}

.why--hero .bg-l,
.why--hero .bg-r {
  position: absolute;
}

.why--hero .bg-l {
  bottom: 30%;
  left: 5%;
  opacity: .2;
  max-width: 540px;
  width: 50%;
}

.why--hero .bg-r {
  bottom: 0;
  left: 72%;
  opacity: .2;
  mix-blend-mode: multiply;
  max-width: 540px;
  width: 65%;
}

.why--hero * {
  color: #fff;
}

.why--hero .container {
  padding: 60px 10%;
  position: relative;
}

@media (max-width:1024px) {
  .why--hero .col-wrap {
    flex-direction: column;
  }
}

.why--hero .col-text {
  width: calc(95% - 550px);
  flex-direction: column;
  justify-content: center;
}

@media (max-width:1024px) {
  .why--hero .col-text {
    width: 100%;
  }
}

.why--hero .col-blocks {
  width: 550px;
}

@media (max-width:1024px) {
  .why--hero .col-blocks {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
  }
}

@media (max-width:640px) {
  .why--hero .col-blocks > .flex {
    flex-direction: column;
  }
}

.why--hero .text-box h1 {
  font-size: calc(36px + 14*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .why--hero .text-box h1 {
    font-size: 36px;
  }
}

@media screen and (min-width:1024px) {
  .why--hero .text-box h1 {
    font-size: 50px;
  }
}

.why--hero .text-box p {
  font-size: 18px;
}

.why--hero .block {
  background: #fff;
  border-radius: 5px;
  width: calc(100%/3 - 3%);
  text-align: center;
  padding: 25px 10px;
  box-shadow: 0 13px 0 0 rgba(35, 18, 99, .5);
}

@media (max-width:640px) {
  .why--hero .block {
    width: 100%;
    margin-bottom: 40px;
  }

  .why--hero .block:last-child {
    margin-bottom: 0;
  }
}

.why--hero .block .big-text {
  font-size: calc(40px + 16*((100vw - 420px)/604));
  color: #ce128c;
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 12px;
  line-height: 1.2em
}

@media screen and (max-width:420px) {
  .why--hero .block .big-text {
    font-size: 40px;
  }
}

@media screen and (min-width:1024px) {
  .why--hero .block .big-text {
    font-size: 56px;
  }
}

.why--hero .block .big-text:before {
  content: '';
  position: absolute;
  background: #c4c4c4;
  bottom: 0;
  left: 50%;
  max-width: 60px;
  width: 80%;
  height: 1px;
  transform: translateX(-50%)
}

.why--hero .block .small-text {
  color: rgba(72, 85, 137, .75);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.3em;
}

.why--intro {
  padding: 55px 0 100px;
}

@media (max-width:960px) {
  .why--intro {
    padding: 55px 0 0;
  }
}

.why--intro .container {
  padding: 0 10%;
}

.why--intro h3 {
  text-align: center;
  margin: 0 auto 90px;
  max-width: 590px;
  font-weight: 500;
}

.why--intro figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  overflow: visible;
  position: relative;
  margin: 0;
}

.why--intro figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%
}

@media (max-width:960px) {
  .why--intro figure {
    max-width: 350px;
    display: block;
    margin: 0 auto;
  }
}

@media (max-width:640px) {
  .why--intro figure {
    max-width: 300px;
  }
}

.why--intro .col:nth-child(1) .dash-wrap,
.why--intro .col:nth-child(2) .dash-wrap {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 120px;
  height: 6px;
  transform: traslateY(-50%);
  display: flex;
  justify-content: center;
}

@media (max-width:960px) {

  .why--intro .col:nth-child(1) .dash-wrap,
  .why--intro .col:nth-child(2) .dash-wrap {
    display: none;
  }
}

.why--intro .col:nth-child(1) .dash-wrap span,
.why--intro .col:nth-child(2) .dash-wrap span {
  display: block;
  background-color: #dcdce5;
  border-radius: 10px;
}

.why--intro .col:nth-child(1) .dash-wrap span:nth-child(1) {
  width: 54px;
  margin-right: 5px;
}

.why--intro .col:nth-child(1) .dash-wrap span:nth-child(2) {
  width: 6px;
}

.why--intro .col:nth-child(2) .dash-wrap span:nth-child(1) {
  width: 35px;
  margin-right: 5px;
}

.why--intro .col:nth-child(2) .dash-wrap span:nth-child(2) {
  width: 20px;
  margin-right: 5px
}

.why--intro .col:nth-child(2) .dash-wrap span:nth-child(3) {
  width: 6px;
}

@media (max-width:960px) {
  .why--intro .col-wrap {
    max-width: 400px;
    margin: 0 auto;
  }
}

.why--intro .col {
  width: calc(100%/3 - 80px);
  padding-bottom: 60px;
  position: relative;
  text-align: center;
}

@media (max-width:960px) {
  .why--intro .col {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 70px;
  }
}

.why--intro .col .button {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) !important;
  margin: 0;
  width: max-content;
}
.why--intro .col .button.button--secondary:hover, .why--intro .col .button.button--secondary:focus, .why--intro .col .button.button--secondary:active,
.why--intro .col .button.button--simple:hover, .why--intro .col .button.button--simple:focus, .why--intro .col .button.button--simple:active,
.why--intro .col .button:hover, .why--intro .col .button:focus, .why--intro .col .button:active{
  transform: translateX(-50%) !important;
}
@media (max-width:960px) {
  .why--intro .col .button {
    position: static;
    display: table;
    margin: 30px auto 0;
    transform: none !important;
  }
  .why--intro .col .button.button--secondary:hover, .why--intro .col .button.button--secondary:focus, .why--intro .col .button.button--secondary:active,
  .why--intro .col .button.button--simple:hover, .why--intro .col .button.button--simple:focus, .why--intro .col .button.button--simple:active,
  .why--intro .col .button:hover, .why--intro .col .button:focus, .why--intro .col .button:active{
    transform: none !important;
  }
}

.why--intro small {
  font-size: 15px;
  display: block;
  margin-top: 20px;
}

.why--intro h4 {
  font-weight: 500;
  margin-top: 5px;
  margin-bottom: 16px;
}

.why--intro p {
  margin: 0;
}

.why--banner-1 {
  padding: 100px 0 215px;
  background: linear-gradient(335.59deg, rgba(0, 160, 227, .85) -2.61%, rgba(0, 160, 227, 0) 68.41%), #693cef;
  position: relative;
}

@media (max-width:640px) {
  .why--banner-1 {
    padding: 60px 0 175px;
  }
}

.why--banner-1 .bg-img {
  position: absolute;
  right: 0;
  top: 5%;
  opacity: .2;
}

.why--banner-1 .container {
  padding: 0 10%;
  position: relative;
}

.why--banner-1 .col {
  width: 47%;
  color: #fff;
  margin-bottom: 18px;
}

@media (max-width:960px) {
  .why--banner-1 .col {
    width: 100%;
  }
}

.why--banner-1 h2,
.why--banner-1 p,
.why--banner-1 p a {
  color: #fff;
}

.why--banner-1 h2 {
  font-weight: 500;
  padding-bottom: 50px;
  margin-bottom: 45px;
  position: relative;
}

.why--banner-1 h2 img, .why--banner-1 h2 svg {
  position: absolute;
  bottom: 0;
  left: 0;
}

.why--banner-1 p a {
  border-bottom: 1px solid #fff;
  font-weight: 500;
  transition: color .35s, border .35s;
}

.why--banner-1 p a:hover {
  color: #00a0e3;
  border-bottom-color: #00a0e3;
}

.why--quote {
  margin-top: -121px;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}

.why--quote .container {
  padding: 0 10%;
}

.why--quote .textbox {
  display: block;
  padding: 57px 8%;
  margin: 0 auto;
  width: 100%;
  max-width: 615px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .1);
}

@media (max-width:960px) {
  .why--quote .textbox {
    padding: 57px 60px;
  }
}

.why--quote .quote-text {
  color: #485589;
  position: relative;
  font-size: 24px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.5em;
  margin-bottom: 10px;
}

.why--quote .quote-mark {
  position: absolute;
  top: -10px;
  right: calc(100% + 10px);
  font-size: 50px;
  line-height: 1em;
}

.why--quote .cite {
  display: flex;
  justify-content: flex-end;
}

.why--quote .cite p {
  color: #485589;
  margin: 0;
  line-height: 1.2em;
  text-transform: uppercase;
}

.why--quote .pos {
  font-size: 12px;
  font-weight: 700;
}

.why--quote .name {
  font-size: 10px;
  padding-left: 14px;
}

.why-text-wrap h2 {
  font-weight: 500;
  padding-bottom: 50px;
  margin-bottom: 45px;
  position: relative;
}

.why-text-wrap h2 img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.why-text-wrap h2 {
  color: #252d53
}

.why-text-wrap p {
  font-size: 18px;
  color: rgba(72, 85, 137, .7);
  line-height: 1.5em;
}

.why-text-wrap p a {
  border-bottom: 1px solid transparent;
  font-weight: 500;
  color: #1d28f8;
  transition: color .35s, border .35s;
}

.why-text-wrap p a:hover {
  border-bottom-color: #1d28f8;
}

.why-text-wrap p strong {
  font-weight: 500;
}

.why--content-1 {
  margin-bottom: 100px;
}

@media (max-width:1024px) {
  .why--content-1 .cols-wrap {
    flex-direction: column-reverse;
  }
}

.why--content-1 .col-l,
.why--content-1 .col-r {
  width: 47%;
}

@media (max-width:1024px) {

  .why--content-1 .col-l,
  .why--content-1 .col-r {
    width: 100%;
  }
}

@media (max-width:1024px) {
  .why--content-1 .col-r {
    margin-bottom: 50px;
  }
}

.why--content-1 .img-wrap {
  border-radius: 5px;
  border: 3px solid #eee;
  overflow: hidden;
}

.why--content-1 .quote-box {
  background: #f8f8f8;
  border-radius: 5px;
  padding: 36px 10%;
  margin-top: 26px;
}

.why--content-1 .quote-text {
  font-size: calc(20px + 6*((100vw - 420px)/604));
  line-height: 1.4em;
  font-style: uset;
  color: #00a0e3;
  position: relative;
  font-weight: 300;
}

@media screen and (max-width:420px) {
  .why--content-1 .quote-text {
    font-size: 20px;
  }
}

@media screen and (min-width:1024px) {
  .why--content-1 .quote-text {
    font-size: 26px;
  }
}

@media (max-width:960px) {
  .why--content-1 .quote-text {
    text-align: center;
    display: table;
    margin: 0 auto
  }
}

.why--content-1 .quote-make {
  position: absolute;
  right: calc(100% + 5px);
  top: 0;
  line-height: 1em;
}

.why--content-1 .cite {
  margin-top: 25px;
}

.why--content-1 .cite p {
  text-transform: uppercase;
  color: #485589;
  line-height: 1.2em;
  margin: 0;
  padding: 0;
}

@media (max-width:960px) {
  .why--content-1 .cite p {
    text-align: center
  }
}

.why--content-1 .cite .pos {
  font-size: 12px;
  font-weight: 700;
}

.why--content-1 .cite .name {
  font-size: 10px;
}

.why--banner-2 {
  background: linear-gradient(339.17deg, #00e3e3 2.62%, rgba(0, 227, 227, 0) 66.69%), #08aae7;
  padding: 94px 0;
  position: relative;
  margin-bottom: 100px;
}

@media (max-width:960px) {
  .why--banner-2 {
    padding: 60px 0 0;
  }
}

.why--banner-2 .bg-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-30%);
  opacity: .5;
}

.why--banner-2 .container-narrow {
  position: relative;
}

@media (min-width:961px) {
  .why--banner-2 .text-wrap {
    width: 70%;
    max-width: 700px;
  }
}

@media (max-width:960px) {
  .why--banner-2 .text-wrap {
    width: 100%;
  }
}

.why--banner-2 .text-wrap h2,
.why--banner-2 .text-wrap p,
.why--banner-2 .text-wrap p a {
  color: #fff;
}

.why--banner-2 .text-wrap h2 {
  font-weight: 500;
  padding-bottom: 30px;
  margin-bottom: 40px;
  position: relative;
}

.why--banner-2 .text-wrap h2 img {
  position: absolute;
  bottom: 0;
  left: 0;
}

.why--banner-2 .text-wrap p a {
  border-bottom: 1px solid #fff;
  font-weight: 500;
}

.why--banner-2 .text-wrap p {
  font-size: 18px;
  line-height: 1.5em;
}

.why--banner-2 .laptop-img {
  max-width: initial;
  pointer-events: none;
}

@media (min-width:961px) {
  .why--banner-2 .laptop-img {
    max-height: 700px;
    height: 140%;
    width: auto;
    width: initial;
    position: absolute;
    bottom: -165px;
    left: 60%;
  }
}

@media (max-width:960px) {
  .why--banner-2 .laptop-img {
    width: 100%;
    margin-bottom: -20%;
    margin-top: 50px;
    position: relative;
    left: 0;
  }
}

.why--content-2 {
  margin-top: 150px;
  margin-bottom: 35px;
}

@media (max-width:1024px) {
  .why--content-2 {
    margin-top: 0;
  }
}

@media (max-width:1024px) {
  .why--content-2 .cols-wrap {
    flex-direction: column-reverse;
    margin-top: 200px;
  }
}

@media (max-width:1024px) {
  .why--content-2 .cols-wrap {
    margin-top: 150px;
  }
}

@media (max-width:1024px) {

  .why--content-2 .col-l,
  .why--content-2 .col-r {
    width: 100%;
  }
}

.why--content-2 .col-l {
  width: 33%;
}

@media (max-width:1024px) {
  .why--content-2 .col-l {
    width: 100%;
  }
}

.why--content-2 .col-r {
  width: 60%;
}

@media (max-width:1024px) {
  .why--content-2 .col-r {
    width: 100%;
    margin-bottom: 50px;
  }
}

.why--content-2 .img-wrap {
  float: right;
}

.why--content-2 .img-wrap:after {
  clear: both;
  content: '';
  display: table;
}

@media (max-width:1024px) {
  .why--content-2 .img-wrap {
    display: none;
  }
}

.why--content-2 .img-wrap img {
  width: 450px;
  max-width: initial;
}
/* Module/Page Partners */
.partners div.headliner-container .headliner {
  color: #a64afd;
  margin: 0;
}

section.partner-container {
  position: relative;
  z-index: 1;
  padding: 60px 5% 120px;
  max-width: calc(800px + (5%*2));
  margin: 0 auto;
}

section.partner-container .btn-wrap {
  margin-top: 50px;
}

section.partner-container .btn-wrap .btn {
  margin-right: 15px;
  margin-bottom: 15px;
}

section.partner-container .btn-wrap .btn:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

ul.partner-list {
  padding: 0;
  margin: 60px 0 0;
  list-style: none;
}

ul.partner-list li {
  border: solid 1px #eee;
  background-color: #fff;
}

ul.partner-list li:not(:last-child) {
  margin-bottom: 50px;
}

ul.partner-list li:nth-child(3) figure.partner-list-icon img {
  transform: scale(1.2);
}

ul.partner-list li a {
  display: flex;
  flex-wrap: wrap;
}

ul.partner-list li a:hover svg {
  transform: translateX(3px)
}

ul.partner-list li figure.partner-list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: solid 1px #eee;
  width: 35%;
  padding: 40px 50px;
  margin: 0;
}

ul.partner-list li figure.partner-list-icon img {
  max-width: 100%;
}

@media (max-width:767px) {
  ul.partner-list li figure.partner-list-icon {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #eee;
    padding: 30px;
  }

  ul.partner-list li figure.partner-list-icon img {
    max-width: 200px;
  }
}

ul.partner-list li div.partner-list-content {
  width: 65%;
  padding: 50px;
}

@media (max-width:767px) {
  ul.partner-list li div.partner-list-content {
    width: 100%;
    padding: 30px;
  }
}

ul.partner-list li div.partner-list-content small {
  display: block;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

ul.partner-list li div.partner-list-content p {
  margin: 0;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  color: rgba(72, 85, 137, .79);
}

ul.partner-list li div.link-text-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 30px;
}

ul.partner-list li div.link-text-container p {
  font-size: 12px;
  line-height: 15px;
  display: flex;
  align-items: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 500;
  color: #252d53;
}

ul.partner-list li div.link-text-container p svg {
  margin-left: 5px;
  transition: transform .3s ease;
}
/* Module FAQ */
.faq-mod-accordion {
  margin: 50px 0;
  padding: 50px 0;
}

@media (max-width:768px) {
  .faq-mod-accordion {
    margin: 25px 0;
    padding: 25px 0;
  }
}

.faq-mod-accordion .inner-max-wrap {
  max-width: 750px;
  margin: 0 auto;
  border: 1px solid #eee;
  background: #f9f9f9;
}

.faq-mod-accordion .row {
  border-bottom: 1px solid #eee
}

.faq-mod-accordion .row:last-child {
  border-bottom: 0;
}

.faq-mod-accordion .q-cell,
.faq-mod-accordion .a-cell {
  padding: 0 6%;
}

.faq-mod-accordion .q-cell {
  padding-top: 35px;
  padding-bottom: 35px;
  background: #fff;
  cursor: pointer;
}

.faq-mod-accordion .row.is-active .arrow-btn {
  transform: rotate(-90deg);
}

.faq-mod-accordion .row.is-active .q-cell {
  background-color: #f9f9f9;
}

.faq-mod-accordion .a-cell {
  padding-bottom: 50px;
  display: none;
}

.faq-mod-accordion h4 {

  position: relative;
  padding-right: 50px;
  margin: 0;
  font-weight: 500;
}

@media (min-width:1023px) {
  .faq-mod-accordion h4 {
    font-size: 22px;
  }
}

.faq-mod-accordion .a-cell p:last-child{
  margin-bottom: 0;

}
.faq-mod-accordion p,
.faq-mod-accordion li {
  font-size: 16px;
  color: #485589;
  line-height: 1.5em;
  font-weight: 400;
}

.faq-mod-accordion p a,
.faq-mod-accordion li a {
  font-weight: 400;
  color: #222bf9;
  border-bottom: 1px solid transparent;
  transition: .35s;
}

.faq-mod-accordion p a:hover,
.faq-mod-accordion li a:hover {
  border-bottom-color: #222bf9;
}

.faq-mod-accordion ul {
  padding: 0;
}

.faq-mod-accordion ol {
  padding: 0;
  counter-reset: section
}

.faq-mod-accordion ol li,
.faq-mod-accordion ul li {
  position: relative;
  padding-left: 35px;
  list-style: none;
  margin-bottom: 10px;
}

.faq-mod-accordion ol li:last-child,
.faq-mod-accordion ul li:last-child {
  margin-bottom: 0;
}

.faq-mod-accordion ol li:before {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #485589;
  color: #485589;
  text-align: center;
  font-size: 12px;
}

.faq-mod-accordion ul li:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #485589;
}

.faq-mod-accordion .arrow-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #eef2f4;
  position: absolute;
  top: -5px;
  right: 0;
  transform: rotate(0deg);
  transition: .5s;
}

.faq-mod-accordion .arrow-btn svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  transform: translate(-50%, -50%);
}

.faq-more-section {
  margin-bottom: 200px;
}

.faq-more-section .inner-wrap {
  max-width: 750px;
  margin: 0 auto;
}

@media (max-width:768px) {
  .faq-more-section .inner-wrap {
    max-width: 450px;
  }
}

.faq-more-section .container-1,
.faq-more-section .container-2 {
  text-align: center;
}

.faq-more-section .container-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-more-section .container-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.faq-more-section .headliner {
  position: relative;
  text-align: center;
  color: #252d53;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .15em;
  margin-bottom: 50px;
}

.faq-more-section .headliner:before,
.faq-more-section .headliner:after {
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  background-color: #252d53;
}

.faq-more-section .headliner:before {
  right: calc(100% + 20px);
}

.faq-more-section .headliner:after {
  left: calc(100% + 20px);
}

.faq-more-section a {
  display: block;
  width: calc(33.3334% - 10px);
  border: solid 1px #eee;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width:767px) {
  .faq-more-section a {
    width: 100%;
  }

  .faq-more-section a:not(:last-child) {
    margin-bottom: 30px;
  }
}

.faq-more-section a div {
  text-align: center;
  padding: 20px 20px 30px;
}

.faq-more-section figure {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.faq-more-section figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 50%;
}

.faq-more-section div {
  text-align: center
}

.faq-more-section div small {
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
}

.faq-more-section div p {
  display: flex;
  justify-content: center;
  font-weight: 600;
  align-items: center;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #252d53;
  margin-top: 14px;
}
/* Module Glossary */
.glossary-module {
  margin-bottom: 100px
}

@media (max-width:768px) {
  .glossary-module .cols-wrap {
    flex-direction: row-reverse;
  }
}

.glossary-module .col-l {
  width: 300px;
  position: relative;
}

@media (max-width:768px) {
  .glossary-module .col-l {
    width: 20px;
  }
}

.glossary-module .col-r {
  width: calc(95% - 300px);
}

@media (max-width:768px) {
  .glossary-module .col-r {
    width: calc(95% - 20px);
  }
}

.glossary-alphabet-wrap,
.glossary-content-wrap {
  margin-top: 40px;
  padding-top: 40px;
}

.glossary-alphabet-wrap {
  width: 300px;
  position: relative;
}

@media (max-width:768px) {
  .glossary-alphabet-wrap {
    width: 40px;
    height: 80vh;
    overflow: auto;
    background: #fff;
    padding-bottom: 30px;
    -webkit-overflow-scrolling: touch;
  }
}

.glossary-alphabet-wrap.is-fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
}

.glossary-alphabet-wrap.is-bottom {
  position: absolute;
  top: initial;
  bottom: 0;
  left: 0;
}

.glossary-alphabet-wrap .alphabet-circle {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: rgba(238, 242, 244, .5);
  margin: 4px;
  cursor: pointer;
  pointer-events: none;
  transition: .5s;
}

@media (max-width:768px) {
  .glossary-alphabet-wrap .alphabet-circle {
    width: 20px;
    height: 20px;
    padding: 4px 0;
  }
}

.glossary-alphabet-wrap .alphabet-circle:hover {
  background: rgba(238, 242, 244, .8);
}

.glossary-alphabet-wrap .alphabet-text {
  color: rgba(36, 46, 84, .5);
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2px;
  padding: 0;
  line-height: 1em;
  transition: .5s;
}

@media (max-width:768px) {
  .glossary-alphabet-wrap .alphabet-text {
    font-size: 12px;
    margin: 0 0 1px;
  }
}

.glossary-alphabet-wrap .alphabet-circle.is-active {
  background: #242e54;
  pointer-events: auto;
}

.glossary-alphabet-wrap .alphabet-circle.is-active .alphabet-text {
  color: #fff;
}

.glossary-alphabet-wrap .alphabet-circle:hover {
  background: #eef2f4;
}

.glossary-alphabet-wrap .alphabet-circle:hover .alphabet-text {
  color: rgba(36, 46, 84, .8);
}

.glossary-alphabet-wrap .alphabet-circle.is-active:hover {
  background: #334278;
}

.glossary-alphabet-wrap .alphabet-circle.is-active:hover .alphabet-text {
  color: #fff;
}

.glossary-alphabet-wrap .alphabet-circle.is-selected,
.glossary-alphabet-wrap .alphabet-circle.is-selected:hover {
  background: #222bf9;
}

.glossary-content-wrap {
  margin-top: 0;
}

.glossary-content-wrap .section-container {
  padding-top: 40px;
}

.glossary-content-wrap .section-container.is-hidden {
  display: none;
}

.glossary-content-wrap .alphabet-circle {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #242e54;
  margin: 4px;
  cursor: pointer;
}

.glossary-content-wrap .alphabet-text {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 2px;
  padding: 0;
  line-height: 1em;
  transition: .5s;
}

.glossary-content-wrap ul.glossary-group,
.glossary-content-wrap ul.glossary-group li {
  list-style: none;
  padding: 0;
  margin: 0;
  left: 0;
}

.glossary-content-wrap ul.glossary-group li {
  padding: 35px 0 40px;
  border-bottom: 1px solid #eee
}

.glossary-content-wrap .glossary-name {
  font-size: 18px;
  line-height: 1.1em;
  font-weight: 500;
  color: #252d53;
}

.glossary-content-wrap .glossary-explanation p {
  color: rgba(72, 85, 137, .79);
}
/* Module/Page - Events */
.events section.company-events {
  margin-top: 100px;
}

@media (max-width:767px) {
  .events section.company-events {
    margin-top: 50px
  }
}

.events section.company-events div.container {
  max-width: 1080px
}

.events section.page-hero p {
  margin: 30px auto;
  max-width: 580px;
}

section.events-hero {
  position: relative;
  background: linear-gradient(145.17deg, #281283 19.16%, rgba(40, 18, 131, 0) 94.45%), #7a327e;
  padding: 80px 0;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

section.events-hero div.events-hero-left {
  position: relative;
  width: 35%;
  z-index: 1;
}

@media (max-width:767px) {
  section.events-hero div.events-hero-left {
    width: 100%;
    height: 250px;
  }
}

section.events-hero div.events-hero-left figure {
  position: absolute;
  width: 340px;
  height: 340px;
  top: -12%;
  right: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width:979px) {
  section.events-hero div.events-hero-left figure {
    right: 0;
  }
}

@media (max-width:767px) {
  section.events-hero div.events-hero-left figure {
    width: 250px;
    height: 250px;
    right: inherit;
    left: calc(50% - 125px);
    top: -40px;
  }
}

section.events-hero div.events-hero-left span {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}

section.events-hero div.events-hero-left h2 {
  font-size: calc(22px + 6*((100vw - 420px)/604));
  color: #fff;
  margin: 0;
}

@media screen and (max-width:420px) {
  section.events-hero div.events-hero-left h2 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  section.events-hero div.events-hero-left h2 {
    font-size: 28px;
  }
}

section.events-hero div.events-hero-left p {
  margin-top: 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #23de9b;
}

section.events-hero div.events-hero-right {
  position: relative;
  width: 65%;
  z-index: 1;
  padding: 0 11% 0 30px;
  display: flex;
  align-items: center;
}

@media (max-width:979px) {
  section.events-hero div.events-hero-right {
    padding: 0 5% 0 30px;
  }
}

@media (max-width:767px) {
  section.events-hero div.events-hero-right {
    width: 100%;
    padding: 0 5%;
  }
}

section.events-hero div.events-hero-content h1 {
  font-size: calc(26px + 14*((100vw - 420px)/604));
  color: #fff;
  font-weight: 400;
  padding-right: 50px;
}

@media screen and (max-width:420px) {
  section.events-hero div.events-hero-content h1 {
    font-size: 26px;
  }
}

@media screen and (min-width:1024px) {
  section.events-hero div.events-hero-content h1 {
    font-size: 40px;
  }
}

section.events-hero div.events-hero-content p {
  color: rgba(255, 255, 255, .75);
}

section.events-hero div.events-hero-content div.events-hero-card-wrap {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card {
  display: block;
  width: calc(33.3334% - 20px);
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card:not(:last-child) {
  margin-right: 20px;
}

@media (max-width:679px) {
  section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card {
    width: 100%;
  }

  section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card:not(:last-child) {
    margin-bottom: 20px;
  }
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card:hover div.inner-card {
  box-shadow: 0px 15px 30px rgba(0, 0, 0, .25);
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card p.city {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #23de9b;
  font-weight: 500;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card {
  margin-top: 16px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  transition: box-shadow .25s ease;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure * {
  position: relative;
  z-index: 1;
  color: #fff;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure span {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.1em;
  display: block;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure p {
  font-size: 10px;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 20px;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 65%;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card figure:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(9.39deg, #000 -3.11%, rgba(0, 0, 0, 0) 53.47%);
  z-index: 0;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content {
  padding: 15px 20px;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content p,
section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content h6 {
  font-size: 13px;
  color: #242e54;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content h6 {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin: 15px 0 0;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content h6 svg {
  margin-left: 5px;
}

section.events-hero div.events-hero-content div.events-hero-card-wrap .event-card div.inner-card div.card-content p {
  font-weight: 500;
  margin: 0 0 2px;
  line-height: 1.2em;
}

section.events-hero figure.events-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

section.events-hero figure.events-hero-bg img {
  width: 100%;
  height: auto;
}

section.events-detail-hero {
  display: flex;
  flex-wrap: wrap;
  max-height: 620px;
}

@media (max-width:767px) {
  section.events-detail-hero {
    max-height: inherit;
  }
}

section.events-detail-hero aside {
  position: relative;
  width: 370px;
  z-index: 1;
  background: linear-gradient(114.94deg, #281283 19.05%, rgba(40, 18, 131, 0) 76.43%), #7a327e;
}

@media (max-width:1079px) {
  section.events-detail-hero aside {
    width: 250px;
  }
}

@media (max-width:767px) {
  section.events-detail-hero aside {
    width: 100%;
    height: 220px;
  }
}

section.events-detail-hero aside a.event-back-btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 40px;
  left: 10%;
  z-index: 3;
}

@media (max-width:767px) {
  section.events-detail-hero aside a.event-back-btn {
    left: 5%;
  }
}

section.events-detail-hero aside a.event-back-btn p {
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 0;
  color: #fff;
}

section.events-detail-hero aside a.event-back-btn svg {
  transform: rotate(180deg);
  transition: transform .25s ease;
}

section.events-detail-hero aside a.event-back-btn svg path {
  stroke: #fff;
}

section.events-detail-hero aside a.event-back-btn:hover svg {
  transform: rotate(180deg) translateX(5px);
}

section.events-detail-hero aside figure {
  position: absolute;
  width: 340px;
  height: 340px;
  top: 10%;
  right: -35%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

@media (max-width:1179px) {
  section.events-detail-hero aside figure {
    top: 6%;
    right: -20%;
  }
}

@media (max-width:767px) {
  section.events-detail-hero aside figure {
    right: inherit;
    left: 0;
    top: 40px;
    width: 300px;
    height: 300px;
  }
}

section.events-detail-hero aside span {
  text-transform: uppercase;
  font-size: 14px;
  color: #fff;
}

section.events-detail-hero aside h2 {
  font-size: calc(22px + 6*((100vw - 420px)/604));
  color: #fff;
  margin: 0;
}

@media screen and (max-width:420px) {
  section.events-detail-hero aside h2 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  section.events-detail-hero aside h2 {
    font-size: 28px;
  }
}

section.events-detail-hero aside p {
  margin-top: 10px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #23de9b;
}

section.events-detail-hero aside div.aside-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 1;
}

section.events-detail-hero main {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  width: calc(100% - 370px);
  height: 600px;
  z-index: 0;
}

@media (max-width:1079px) {
  section.events-detail-hero main {
    width: calc(100% - 250px);
  }

  section.events-detail-hero main div {
    padding: 50px 5% 30px;
  }
}

@media (max-width:767px) {
  section.events-detail-hero main {
    width: 100%;
    height: auto;
  }

  section.events-detail-hero main:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 56%;
  }
}

section.events-detail-hero main:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(11.9deg, #000 -1.93%, rgba(0, 0, 0, 0) 64.45%);
  z-index: 0;
}

section.events-detail-hero main div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

section.events-detail-hero main div h1 {
  font-size: calc(28px + 20*((100vw - 420px)/604));
  color: #fff;
  font-weight: 500;
}

@media screen and (max-width:420px) {
  section.events-detail-hero main div h1 {
    font-size: 28px;
  }
}

@media screen and (min-width:1024px) {
  section.events-detail-hero main div h1 {
    font-size: 48px;
  }
}

@media (min-width:768px) {
  section.events-detail-hero main div {
    padding: 50px 50px 30px
  }
}

@media (max-width:767px) {
  section.events-detail-hero main div {
    padding: 40px 5% 30px
  }
}

section.events-detail-content {
  display: flex;
  flex-wrap: wrap
}

@media (max-width:767px) {
  section.events-detail-content {
    flex-direction: column-reverse;
  }
}

section.events-detail-content aside {
  position: relative;
  width: 370px;
  background: #eae2f5;
  padding: 70px 50px;
}

@media (max-width:1079px) {
  section.events-detail-content aside {
    width: 250px;
    padding: 40px 20px;
  }
}

@media (max-width:767px) {
  section.events-detail-content aside {
    width: 100%;
    padding: 40px 5%;
  }
}

section.events-detail-content aside ul {
  list-style: none;
  margin: 0 0 60px;
  padding: 0;
}

section.events-detail-content aside li:not(:last-child) {
  margin-bottom: 30px
}

section.events-detail-content aside li span {
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  color: #485589;
  margin-bottom: 5px;
}

section.events-detail-content aside li p {
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  color: #242e54;
  margin: 0;
  font-weight: 500
}

section.events-detail-content main {
  position: relative;
  width: calc(100% - 370px);
  padding: 50px 5%;
}

@media (max-width:1079px) {
  section.events-detail-content main {
    width: calc(100% - 250px);
    padding: 40px 5%;
  }
}

@media (max-width:767px) {
  section.events-detail-content main {
    width: 100%;
  }
}

section.events-detail-content main .blurb {
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  color: #23de9b;
}

section.events-detail-content main p {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5em;
  color: #485589;
}

section.events-detail-content main div.events-detail-intro {
  margin-bottom: 60px;
}

section.events-detail-content main div.events-detail-panels:not(:last-child) {
  margin-bottom: 80px;
}

section.events-detail-content main div.events-detail-panels ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

section.events-detail-content main div.events-detail-panels li {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

section.events-detail-content main div.events-detail-panels li:not(:last-child) {
  margin-bottom: 80px;
}

section.events-detail-content main div.events-detail-panels li figure {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 9999px;
  border: solid 3px #eee;
  width: 200px;
  height: 200px;
}

@media (max-width:979px) {
  section.events-detail-content main div.events-detail-panels li figure {
    width: 160px;
    height: 160px;
  }
}

section.events-detail-content main div.events-detail-panels li div.panel-info {
  width: calc(100% - 200px);
  padding-left: 50px;
}

@media (max-width:979px) {
  section.events-detail-content main div.events-detail-panels li div.panel-info {
    width: calc(100% - 160px);
  }
}

@media (max-width:767px) {
  section.events-detail-content main div.events-detail-panels li div.panel-info {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
}

section.events-detail-content main div.events-detail-panels li div.panel-info div {
  margin-bottom: 20px
}

section.events-detail-content main div.events-detail-panels li div.panel-info div p {
  font-size: 14px;
  line-height: 110%;
  color: #242e54;
  opacity: .7;
}

section.events-detail-content main div.events-detail-panels li h2 {
  font-weight: 500;
  font-size: 36px;
  color: #202640;
  margin: 0;
}

section.events-detail-content main div.events-detail-form-wrap {
  margin-top: 40px;
  padding: 50px 5%;
  border-top: solid 1px #eee;
}

section.events-detail-content main div.events-detail-form-wrap h2 {
  font-weight: 400;
}

section.events-detail-content main div.events-detail-form-wrap div.events-detail-form {
  padding-top: 50px;
}

section.events-detail-content main div.events-detail-form-wrap div.events-detail-form form.hs-form input[type=submit] {
  margin-top: 30px;
}

section.events-detail-content main div.events-detail-form-wrap div.events-detail-form form.hs-form div.hs-dependent-field {
  width: 100%;
}

@media (max-width:767px) {
  section.events-detail-content main div.events-detail-form-wrap {
    padding: 40px 0;
  }

  section.events-detail-content main div.events-detail-form-wrap div.events-detail-form {
    padding-top: 40px;
  }
}
/* Modules/Page - Use Case */
.industry-use-cases .usecase-d-zlayout {
  padding: 50px 0;
}

.industry-use-cases .usecase-d-zlayout .row {
  margin-bottom: 0;
}

.industry-use-cases .usecase-d-zlayout div.flex {
  flex-wrap: wrap;
}

.industry-use-cases .usecase-d-zlayout div.flex.full-width {
  justify-content: center;
}

.industry-use-cases .usecase-d-zlayout figure.full-width-image-container {
  width: 100%;
  margin: 30px 0 0;
}

.industry-use-cases .usecase-d-zlayout figure.full-width-image-container img {
  width: 100%;
}

@media (max-width:767px) {
  .industry-use-cases .usecase-d-zlayout {
    padding: 20px 0;
  }

  .industry-use-cases .usecase-d-zlayout .container {
    padding: 0 5%;
  }
}

.industry-use-cases .usecase-d-video {
  margin-top: 40px;
  border-top: solid 1px #eee;
  padding-top: 100px;
}

.industry-use-cases .usecase-d-video .container {
  padding-left: 10%;
  padding-right: 10%;
}

.industry-use-cases .usecase-d-video .container div.inner-wrap {
  max-width: calc(93% - 275px)
}

.industry-use-cases .usecase-d-video.feature-block {
  margin-bottom: 0;
  border-bottom: solid 1px #eee;
  padding-bottom: 100px;
}

@media (max-width:767px) {
  .industry-use-cases .usecase-d-video.feature-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width:767px) {
  .industry-use-cases .usecase-d-video {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}

.industry-use-cases .usecase-d-feature {
  padding: 60px 0;
  margin: 20px 0;
}

.industry-use-cases .usecase-d-feature h5 {
  margin-top: 0;
  margin-bottom: 16px;
}

.industry-use-cases .mod-nextup.normal .text-wrap {
  padding-left: 0;
}

.industry-use-cases.purple-blue .industry-use-cases-hero .hero-content .mobile-bg,
.industry-use-cases.purple-blue .industry-use-cases-hero div.bg {
  background-color: #28397b;
}

.industry-use-cases.purple-blue .top-link a {
  color: #28397b;
}

.industry-use-cases.purple-blue .top-link a svg * {
  stroke: #28397b;
}

.industry-use-cases.purple-blue .usecase-d-feature {
  background-color: #141c4a;
}

.industry-use-cases.purple .industry-use-cases-hero div.bg {
  background-color: #38217c;
}

.industry-use-cases.sky-blue .top-link.white a, 
.industry-use-cases.sky-blue .top-link a,
.industry-use-cases.maroon .top-link.white a,
.industry-use-cases.maroon .top-link a,
.industry-use-cases.dark-cyan .top-link.white a,
.industry-use-cases.dark-cyan .top-link a,
.industry-use-cases.purple-blue .top-link.white a,
.industry-use-cases.purple .top-link a,
.industry-use-cases.purple .top-link.white a {
  color: #fff;
}

.industry-use-cases.sky-blue .top-link a svg *,
.industry-use-cases.sky-blue .top-link.white svg *,
.industry-use-cases.maroon .top-link.white svg *,
.industry-use-cases.maroon .top-link a svg *,
.industry-use-cases.dark-cyan .top-link.white svg *,
.industry-use-cases.dark-cyan .top-link a svg *,
.industry-use-cases.purple-blue .top-link.white svg *,
.industry-use-cases.purple .top-link a svg *,
.industry-use-cases.purple .top-link.white svg * {
  stroke: #fff;
}

.industry-use-cases.purple .usecase-d-feature {
  background-color: #38217c;
}

.industry-use-cases.dark-cyan .industry-use-cases-hero div.bg {
  background-color: #006387;
}

.industry-use-cases.dark-cyan .usecase-d-feature {
  background-color: #003f61;
}

.industry-use-cases.maroon .industry-use-cases-hero div.bg,
.industry-use-cases.maroon .usecase-d-feature {
  background-color: #78317e;
}

.industry-use-cases.sky-blue .industry-use-cases-hero div.bg {
  background-color: #0067b2;
}

.industry-use-cases.sky-blue .usecase-d-feature {
  background-color: #0461a8;
}

.industry-use-cases-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  justify-content: flex-end;
  margin-bottom: 50px;
}

@media (max-width:767px) {
  .industry-use-cases-hero {
    margin-bottom: 20px;
  }
}

.industry-use-cases-hero span {
  position: relative;
  color: #cdf4ff;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  border-bottom: solid 1px #cdf4ff;
}

.industry-use-cases-hero p {
  color: rgba(255, 255, 255, .75);
  font-size: 18px;
  line-height: 1.4;
}

.industry-use-cases-hero h1 {
  color: #fff;
  margin: 30px 0;
  font-size: calc(22px + 26*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .industry-use-cases-hero h1 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  .industry-use-cases-hero h1 {
    font-size: 48px;
  }
}

@media (max-width:767px) {
  .industry-use-cases-hero h1 {
    margin: 40px 0 30px;
  }
}

.industry-use-cases-hero .top-link {
  position: absolute;
  top: 50px;
  left: 6%;
  z-index: 1;
}

@media (max-width:767px) {
  .industry-use-cases-hero .top-link {
    top: 30px;
    left: 5%;
  }
}

.industry-use-cases-hero .top-link a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.industry-use-cases-hero .top-link svg {
  position: absolute;
  left: 0;
  top: 7px;
  transform: rotate(180deg);
  transition: all .2s ease;
}

.industry-use-cases-hero .top-link * {
  stroke: #fff;
}

.industry-use-cases-hero .top-link:hover svg {
  left: -3px;
}

.industry-use-cases-hero .top-link.white a {
  color: #fff;
}

.industry-use-cases-hero .top-link.white svg * {
  stroke: #fff;
}

.industry-use-cases-hero figure {
  position: relative;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
}

.industry-use-cases-hero figure img {
  width: 160px;
}

.industry-use-cases-hero figure:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

@media (min-width:768px) {
  .industry-use-cases-hero figure {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width:767px) {
  .industry-use-cases-hero figure {
    width: 100%;
  }

  .industry-use-cases-hero figure:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 56.25%;
  }
}

.industry-use-cases-hero .hero-content {
  position: relative;
  width: 60%;
  padding: 50px;
}

.industry-use-cases-hero .hero-content.full-width {
  width: 100%;
  padding: 50px 10%;
}

.industry-use-cases-hero .hero-content.full-width article {
  max-width: 600px;
}

.industry-use-cases-hero .hero-content.full-width .content {
  padding: 0;
}

@media (max-width:767px) {
  .industry-use-cases-hero .hero-content.full-width {
    padding: 80px 5% 40px;
    margin-top: 0;
  }
}

.industry-use-cases-hero .hero-content div.content {
  position: relative;
}

@media (min-width:768px) {
  .industry-use-cases-hero .hero-content div.content {
    min-height: 380px;
    display: flex;
    align-items: center;
  }
}

@media (max-width:767px) {
  .industry-use-cases-hero .hero-content {
    width: 100%;
    padding-top: 15px;
    margin-top: -64px;
  }

  .industry-use-cases-hero .hero-content div.content {
    padding: 3px 0 0;
  }

  .industry-use-cases-hero .hero-content div.content div.center {
    text-align: center;
  }
}

.industry-use-cases-hero div.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  mix-blend-mode: multiply;
  overflow: hidden;
}

.industry-use-cases-hero div.bg img {
  position: absolute;
  width: 540px;
  right: -200px;
  right: -170px;
  bottom: -110px;
}

@media (max-width:767px) {
  .industry-use-cases-hero div.bg {
    bottom: 0;
    top: auto;
  }

  .industry-use-cases-hero div.bg img {
    width: 240px;
  }
}

.industry-usecase-logos {
  text-align: center;
  background-color: #fbfbfb;
  padding: 100px 0;
  margin-top: 40px;
}

@media (max-width:767px) {
  .industry-usecase-logos {
    padding: 40px;
    margin-top: 20px;
  }
}

.industry-usecase-logos .container {
  margin: 0 auto;
}

.industry-usecase-logos h4 {
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
}

.industry-usecase-logos .logos-wrap {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 615px;
  margin-left: auto;
  margin-right: auto;
}

.industry-usecase-logos .logos-wrap div {
  flex: 1;
}

@media (max-width:767px) {
  .industry-usecase-logos .logos-wrap div {
    width: 100%;
    flex: inherit;
    margin-bottom: 25px;
  }
}

section.usecase-d-feature-image div.container {
  display: flex;
  justify-content: center;
  padding: 0 10%;
}

@media (max-width:767px) {
  section.usecase-d-feature-image div.container {
    padding: 0 5%;
  }
}

section.usecase-d-feature-image div.container figure {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  width: calc(93% - 275px);
}

section.usecase-d-feature-image div.container figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 65%;
}

section.usecase-d-feature-image div.container figure.full-width {
  width: 100%;
}

@media (max-width:959px) {
  section.usecase-d-feature-image div.container figure {
    width: 100%;
  }
}
/* Page Module adjustments: Why */
section.why--hero.usecase-d-feature-colorbar {
  width: 100%;
  margin: 20px 0;
}

@media (max-width:767px) {
  section.why--hero.usecase-d-feature-colorbar div.container {
    padding-left: 5%;
    padding-right: 5%;
  }
}
/* Module/Page Industry Solutions */
.industry-solutions section.page-hero {
  background: linear-gradient(312.59deg, rgba(29, 40, 248, .85) .17%, rgba(29, 40, 248, 0) 80.54%), #9013fe;
}

.industry-solutions section.page-hero .container {
  max-width: 800px;
  margin: 0 auto;
}

.industry-solutions section.page-hero article span {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #cdf4ff;
  font-weight: 600;
}

section.industry-solutions-content {
  padding: 100px 5%;
}

@media (max-width:767px) {
  section.industry-solutions-content {
    padding: 60px 5%;
  }
}

section.industry-solutions-content ul.industry-solutions-switch {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 1040px;
}

@media (min-width:768px) {
  section.industry-solutions-content ul.industry-solutions-switch.alternating li:nth-child(even) {
    flex-direction: row-reverse;
  }

  section.industry-solutions-content ul.industry-solutions-switch.alternating li:nth-child(even) article {
    padding-right: 60px;
  }

  section.industry-solutions-content ul.industry-solutions-switch.alternating li:nth-child(odd) article {
    padding-left: 60px;
  }
}

@media (min-width:768px) {
  section.industry-solutions-content ul.industry-solutions-switch.leftalign article {
    padding-left: 60px;
  }
}

section.industry-solutions-content ul.industry-solutions-switch li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

section.industry-solutions-content ul.industry-solutions-switch li img.l-icon {
  width: 330px;
}

@media (max-width:959px) {
  section.industry-solutions-content ul.industry-solutions-switch li img.l-icon {
    width: 280px;
  }
}

section.industry-solutions-content ul.industry-solutions-switch li article {
  width: calc(100% - 330px);
}

section.industry-solutions-content ul.industry-solutions-switch li article img {
  width: 118px;
}

section.industry-solutions-content ul.industry-solutions-switch li article p {
  margin: 40px 0;
  color: #556498;
  font-size: 18px;
  font-weight: 300;
}

@media (max-width:959px) {
  section.industry-solutions-content ul.industry-solutions-switch li article {
    width: calc(100% - 280px);
  }
}

@media (max-width:767px) {
  section.industry-solutions-content ul.industry-solutions-switch li article {
    width: 100%;
    margin-top: 30px;
  }

  section.industry-solutions-content ul.industry-solutions-switch li article p {
    margin: 30px 0;
  }
}

section.industry-solutions-content ul.industry-solutions-switch li h2 {
  font-weight: 400;
  margin-bottom: 12px;
}
section.industry-solutions-content ul.industry-solutions-switch li article .button{
  margin-top: 0;
}
section.industry-solutions-content ul.industry-solutions-switch li:not(:last-child) {
  margin-bottom: 120px
}
/* Module Newsroom */
.newroom-detail-hero {
  text-align: center;
  position: relative;
}

@media (max-width:768px) {
  .newroom-detail-hero {
    background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e
  }
}

.newroom-detail-hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:768px) {
  .newroom-detail-hero .hero-image {
    display: none;
  }
}

.newroom-detail-hero article {
  max-width: 788px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 170px;
  position: relative;
  z-index: 1;
}

@media (max-width:768px) {
  .newroom-detail-hero article {
    padding: 50px 5% 170px;
  }
}

.newroom-detail-hero h1 {
  color: #fff;
  font-size: calc(33px + 7*((100vw - 420px)/604));
  margin-bottom: 40px;
  margin-top: 14px;
  line-height: 110%;
  font-weight: 400;
}

@media screen and (max-width:420px) {
  .newroom-detail-hero h1 {
    font-size: 33px;
  }
}

@media screen and (min-width:1024px) {
  .newroom-detail-hero h1 {
    font-size: 40px;
  }
}

.newroom-detail-hero span {
  text-transform: uppercase;
  font-size: 10px;
  opacity: .7;
  letter-spacing: 1.2px;
  color: #fefefe;
}

.newroom-detail-hero .time {
  font-size: 18px;
  color: rgba(255, 255, 255, .5);
}

.newroom-detial-body {
  position: relative;
}

.newroom-detial-body li:not(:last-child) {
  margin: 20px 0;
}

.newroom-detial-body p {
  margin: 0 0 10px;
}

.newroom-detial-body p,
.newroom-detial-body li {
  font-size: 18px;
  color: #485589;
}

.newroom-detial-body p em,
.newroom-detial-body p strong,
.newroom-detial-body li em,
.newroom-detial-body li strong {
  color: inherit;
}

.newroom-detial-body p a,
.newroom-detial-body li a {
  color: #222bf9;
  border-bottom: 1px solid transparent;
  transition: .35s;
  font-weight: 400;
}

.newroom-detial-body p a:hover,
.newroom-detial-body li a:hover {
  border-bottom-color: #222bf9;
}

.newroom-detial-body p .aligncenter,
.newroom-detial-body li .aligncenter {
  display: block;
  margin: 20px auto;
}

.newroom-detial-body h3,
.newroom-detial-body h4 {
  margin-bottom: 10px;
}

.newroom-detial-body h3 {
  font-size: calc(18px + 6*((100vw - 420px)/604));
  margin-top: 40px;
}

@media screen and (max-width:420px) {
  .newroom-detial-body h3 {
    font-size: 18px;
  }
}

@media screen and (min-width:1024px) {
  .newroom-detial-body h3 {
    font-size: 24px;
  }
}

.newroom-detial-body h4 {
  font-size: 18px;
  margin-top: 40px;
}

.newroom-detial-body blockquote {
  margin: 40px 0;
  padding-left: 40px;
}

.newroom-detial-body blockquote p,
.newroom-detial-body blockquote li {
  font-size: 20px;
}

.newroom-detial-body article {
  width: 80%;
  padding: 70px 100px;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .05);
  max-width: 852px;
  margin: 0 auto;
  margin-top: -130px;
  background-color: #fff;
}

@media (max-width:768px) {
  .newroom-detial-body article {
    padding: 50px 5%;
    width: 90%;
  }
}

.articles-description-inner p, .articles-description-inner li {
  color: #485589;
  font-size: 17px;
  line-height: 1.5;
  font-weight: 300;

}

.newroom-detial-body .other-articles {
  width: 80%;
  margin: 60px auto;
  padding: 0 70px;
  display: flex;
  justify-content: space-between;
  max-width: 852px;
}

@media (max-width:768px) {
  .newroom-detial-body .other-articles {
    width: 90%;
    margin-top: 45px;
    padding: 0;
  }
}

.newroom-detial-body .other-articles .l-col:hover svg {
  left: -5px;
}

.newroom-detial-body .other-articles .l-col svg {
  transform: rotate(-180deg);
  position: relative;
  left: 0;
  top: 0;
  transition: .35s;
  top: 2px;
}

.newroom-detial-body .other-articles .l-col,
.newroom-detial-body .other-articles .r-col {
  width: 280px;
}

@media (max-width:640px) {

  .newroom-detial-body .other-articles .l-col,
  .newroom-detial-body .other-articles .r-col {
    width: calc(50% - 10px);
  }
}

.newroom-detial-body .other-articles .l-col span,
.newroom-detial-body .other-articles .r-col span {
  color: #252d53;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.newroom-detial-body .other-articles .l-col p,
.newroom-detial-body .other-articles .r-col p {
  color: #485589;
  opacity: .8;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 15px;
}

.newroom-detial-body .other-articles .r-col {
  text-align: right;
}

.newroom-detial-body .other-articles .r-col:hover svg {
  right: -5px;
}

.newroom-detial-body .other-articles .r-col svg {
  position: relative;
  right: 0;
  top: 2px;
  transition: .35s;
}
/* Module Awards Hero */
.awards--hero {
  position: relative;
  min-height: 393px;
}

@media (max-width:768px) {
  .awards--hero {
    background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e;
  }
}

.awards--hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:768px) {
  .awards--hero .hero-image {
    display: none;
  }
}

.hero-module.hero-master.awards--hero article.textbox {
  position: relative;
  z-index: 1;
  padding: 80px 5% 180px;
  text-align: center;
  margin: 0 auto;
  max-width: 1000px;
}

.awards--hero article h1 {
  color: #fff;
  font-size: calc(32px + 8*((100vw - 420px)/604));
  margin-bottom: 50px;
}

@media screen and (max-width:420px) {
  .awards--hero article h1 {
    font-size: 32px;
  }
}

@media screen and (min-width:1024px) {
  .awards--hero article h1 {
    font-size: 40px;
  }
}

.awards--hero article span {
  color: #a64afd;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: .15em;
  position: relative;
}

.awards--hero article span:before {
  content: '';
  width: 50px;
  height: 2px;
  position: absolute;
  left: -76px;
  top: 11.5px;
  background-color: #a64afd;
}

.awards--hero article span:after {
  content: '';
  width: 50px;
  height: 2px;
  position: absolute;
  right: -76px;
  top: 11.5px;
  background-color: #a64afd;
}

.awards--main-content {
  display: flex;
  width: 80%;
  margin: 60px auto 70px;
  position: relative;
  flex-wrap: wrap;
  max-width: 1050px;
}

@media (max-width:640px) {
  .awards--main-content {
    width: 90%;
    margin: 60px auto 20px;
  }
}

.awards--main-content .card {
  display: block;
  width: calc(100%/3 - 20px);
  margin-right: 30px;
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #fff;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 45px;
}

@media (max-width:960px) {
  .awards--main-content .card {
    width: calc(100%/2 - 15px);
  }

  .awards--main-content .card:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width:640px) {
  .awards--main-content .card {
    width: 100%;
    margin-right: 0;
  }
}

.awards--main-content .card .linktext:hover svg {
  transform: translateX(3px);
}

.awards--main-content .card svg {
  transition: all .2s cubic-bezier(.25, .46, .45, .94);
  height: 10px;
  width: 10px;
}

.awards--main-content .card:nth-child(3n) {
  margin-right: 0;
}

@media (max-width:960px) {
  .awards--main-content .card:nth-child(odd) {
    margin-right: 30px;
  }
}

@media (max-width:640px) {
  .awards--main-content .card:nth-child(odd) {
    margin-right: 0;
  }
}

.awards--main-content .card .image-wrap {
  height: 170px;
  display: flex;
  align-items: center;
}

.awards--main-content .card img {
  display: block;
  margin: 0 auto;
  max-height: 120px;
}

.awards--main-content .card article {
  border-top: 1px solid #e8eeef;
  padding: 20px 30px 2px;
}

@media (max-width:640px) {
  .awards--main-content .card article {
    padding: 20px 15px 2px;
  }
}

.awards--main-content .card.no-link {
  cursor: default;
}

.awards--main-content .subtitle {
  color: #00a0e3;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}

.awards--main-content h3 {
  margin-top: 10px;
  margin-bottom: 16px;
}

.awards--main-content .linktext {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

@media (max-width:640px) {
  .awards--main-content .linktext {
    left: 15px;
    bottom: 20px
  }
}
/* Module ROI Calculator */
.page-roi-calculator .textbox {
  text-align: center;
  padding: 60px 0;
}

@media (max-width:767px) {
  .page-roi-calculator .textbox {
    padding: 60px 5%;
  }
}

.page-roi-calculator .textbox h1 {
  font-size: calc(28px + 14*((100vw - 420px)/604));
  margin-bottom: 28px;
  font-weight: 500;
  color: #fff;
}

@media screen and (max-width:420px) {
  .page-roi-calculator .textbox h1 {
    font-size: 28px;
  }
}

@media screen and (min-width:1024px) {
  .page-roi-calculator .textbox h1 {
    font-size: 42px;
  }
}

.page-roi-calculator .textbox p {
  max-width: 635px;
  margin: 0 auto;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, .75);
}

.page-roi-calculator .mod-nextup.has-image .text-wrap {
  padding-left: 110px;
}

.page-roi-calculator .mod-nextup.has-image figure {
  background-size: contain;
  width: 90px;
  height: 92px;
}

.page-roi-calculator .bg-pattern {
  position: absolute;
  width: 30%;
  transform: translate(-50%, -50%);
}

.page-roi-calculator .bg-pattern svg {
  width: 100%;
  height: 100%;
  display: block;
}

.page-roi-calculator .bg-pattern svg * {
  fill: #fff;
}

.page-roi-calculator .bg-top-left {
  top: -1.75%;
  left: 27.5%;
  width: 31%;
  min-width: 250px;
  opacity: .1;
}

.page-roi-calculator .bg-right {
  top: 18%;
  right: -34%;
  width: 36%;
  min-width: 500px;
  opacity: .1;
}

.page-roi-calculator .bg-bottom-left {
  top: 34%;
  left: 0;
  width: 26%;
  min-width: 250px;
  opacity: .1;
}

.roi-submit {
  justify-content: flex-end;
}

@media (max-width:959px) {
  .roi-submit {
    justify-content: center;
  }
}

.roi-calculator {
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 100%), #7a327e;
}

@media (min-width:768px) {
  .roi-calculator {
    margin-bottom: 325px;
  }
}

@media (max-width:767px) {
  .roi-calculator .container {
    padding: 0;
  }
}

.roi-main {
  position: relative;
  min-height: 900px;
  padding: 52px 8% 60px;
  background: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .05);
}

@media (min-width:768px) {
  .roi-main {
    margin-bottom: -230px;
    border-radius: 10px;
  }
}

@media (max-width:767px) {
  .roi-main {
    padding: 35px 8% 60px;
  }
}

.roi-main input[type=submit] {
  margin-top: 50px;
  padding: 12px 36px;
  border-radius: 999px;
  background-color: #0094e2;
  color: #fff;
  line-height: initial;
  font-size: 12px;
  height: initial;
  border: none;
  transition: background .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.roi-main input[type=submit].hs-button {
  margin-top: 28px;
}

.roi-main input[type=submit]:hover,
.roi-main input[type=submit]:focus {
  background: #1d28f8;
}

.roi-main input[type=submit]:active {
  transform: scale(.95);
}

.roi-main form.hs-form .hs-form-field,
.roi-main form.hs-form .hs-dependent-field,
.roi-main form.hs-form .hs_contact_purpose,
.roi-main form.hs-form .hs-fieldtype-radio {
  width: 100%;
}

.roi-main form.hs-form .input input {
  padding-left: 14px;
}

.roi-main .hs_error_rollup {
  display: none;
}

.roi-main .hs-error-msgs {
  margin-bottom: 0;
}

.roi-main .hs-error-msgs label {
  margin-bottom: 0;
  display: none;
}

.roi-main form.hs-form input[type=submit]:focus {
  background-color: #0094e2;
}

.roi-main .hs-form-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 105px 8% 60px;
  pointer-events: none;
  transform: translateY(25px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.roi-main .hs-form-wrap.is-active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  transition-delay: .45s;
}

.roi-main .hs-form-wrap.is-submit .hs-form {
  opacity: 0;
  pointer-events: none;
}

.roi-main .hs-form-wrap.is-submit .hs-form-message {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
  transition-delay: .25s;
}

.roi-main .hs-form-wrap.is-submit .hs-form-message a {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .5s;
}

.roi-main .hs-form-wrap .hs-form {
  max-width: 500px;
  margin: 0 auto;
  transition: opacity .25s;
}

.roi-main .hs-form-wrap .hs-form-message {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  max-width: 600px;
  margin: 0 auto;
  pointer-events: none;
  text-align: center;
  opacity: 0;
  transform: translateY(15px) scale(.9);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.roi-main .hs-form-wrap .hs-form-message p {
  margin-bottom: 25px;
}

.roi-main .hs-form-wrap .hs-form-message a {
  opacity: 0;
  transform: translateY(-10px);
  transition: background .25s, border-color .25s, opacity .35s, transform .85s cubic-bezier(.23, 1, .32, 1);
}

.roi-main .hs-form-wrap .hs-form-message a:hover,
.roi-main .hs-form-wrap .hs-form-message a:focus {
  background: #0094e2;
  border-color: #0094e2;
  color: #fff;
  outline: none;
  transition-delay: 0s;
}

.roi-main .hs-form-return {
  display: flex;
  align-items: center;
  position: relative;
  top: -10px;
  max-width: 500px;
  margin: 0 auto 10px;
}

.roi-main .hs-form-return button:hover svg {
  transform: scaleX(-1) translateX(3px);
}

.roi-main .hs-form-return span {
  position: relative;
  top: -1px;
  font-size: 12px;
  color: #485589;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .1em;
  padding-left: 5px;
}

.roi-main .hs-form-return svg {
  transform: scaleX(-1);
  transition: transform .25s ease;
}

.roi-main .hs-form-return svg path {
  stroke: #485589;
}

.roi-heading {
  position: relative;
  text-align: center;
}
.page-form-container .roi-heading {
  margin-bottom: 25px;
}

@media (max-width:767px) {
  .roi-heading {
    margin-bottom: 30px;
  }
}

.roi-heading:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #485589;
  height: 2px;
  width: 280px;
}

.roi-heading span {
  position: relative;
  padding: 0 11px;
  letter-spacing: .15em;
  font-size: 1rem;
  font-weight: 600;
  color: #485589;
  background: #fff;
  font-size: calc(11px + 6*((100vw - 420px)/1000));
}

.page-form-container .roi-heading span {
  font-size: calc(11px + 4*((100vw - 420px)/1000));
}

@media (min-width: 1280px) {
  .roi-heading span, .page-form-container .roi-heading span {
    font-size: 16px;
  }
}
.roi-form {
  position: relative;
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
  transition-delay: .45s;
}

.roi-form.is-hidden {
  pointer-events: none;
  transform: translateY(25px);
  opacity: 0;
  transition-delay: 0ms;
}

.roi-form-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, .65);
  z-index: 5;
  transition: opacity .35s;
}

.roi-form-overlay.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.roi-ui {
  padding-top: 58px;
}

.roi-top {
  margin: 7% 0;
}

@media (min-width:960px) {
  .roi-top {
    align-items: center;
  }
}

@media (max-width:959px) {
  .roi-top {
    flex-direction: column;
    margin-bottom: 10%;
  }
}

@media (max-width:959px) {
  .roi-columns {
    flex-direction: column;
  }
}

.roi-column {
  position: relative;
  flex: 1;
}

@media (min-width:960px) {
  .roi-column.roi-inputs {
    margin-right: 30px;
  }
}

@media (max-width:959px) {
  .roi-column.roi-inputs {
    min-height: 230px;
  }
}

.roi-cta-group {
  flex: 1;
}

@media (max-width:767px) {
  .roi-cta-group {
    flex-direction: column;
  }
}

.roi-cta-group.roi-selects {
  position: relative;
  z-index: 6;
}

@media (min-width:960px) {
  .roi-cta-group.roi-selects {
    margin-right: 30px
  }
}

@media (max-width:959px) {
  .roi-cta-group.roi-selects {
    margin-bottom: 30px;
  }
}

.roi-select {
  flex: 1;
  position: relative;
}

.roi-select.roi-industry {
  flex: 1.5;
}

@media (min-width:768px) {
  .roi-select.roi-industry {
    margin-right: 18px;
  }
}

@media (max-width:767px) {
  .roi-select.roi-industry {
    margin-bottom: 18px;
  }
}

.roi-select-toggle {
  position: relative;
  width: 100%;
  padding: 10px 14px 10px 17px;
  border: 1px solid #d8e2ea;
  border-radius: 5px;
  font-size: calc(16px + 2*((100vw - 1080px)/120));
  font-weight: 500;
  color: #252d53;
  cursor: pointer;
  background: #fff;
  z-index: 4;
  transition: color .25s;
}

@media screen and (max-width:1080px) {
  .roi-select-toggle {
    font-size: 16px;
  }
}

@media screen and (min-width:1200px) {
  .roi-select-toggle {
    font-size: 18px;
  }
}

.roi-select-toggle.is-active {
  outline: none;
  color: #0094e2;
}

.roi-select-toggle:focus {
  outline: none;
  color: #0094e2
}

.roi-select-toggle span,
.roi-select-toggle svg {
  pointer-events: none;
}

.roi-select-toggle svg {
  flex-shrink: 0;
}

.roi-select-toggle svg path {
  stroke: #252d53;
}

.roi-select-items {
  position: absolute;
  bottom: -214px;
  width: 100%;
  max-height: 217px;
  background: #fff;
  border: 1px solid #d8e2ea;
  box-shadow: 0 4px 4px rgba(0, 0, 0, .1);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  pointer-events: none;
  overflow: auto;
  z-index: 3;
  opacity: 0;
  transform: translateY(10px) scale(.9);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

@media (max-width:767px) {
  .roi-select-items {
    bottom: auto;
    top: 41px;
    z-index: 5;
  }
}

.roi-select-items.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.roi-select-items div {
  padding: 10px 16px;
  font-size: calc(14px + 2*((100vw - 1080px)/120));
  font-weight: 500;
  color: #252d53;
  cursor: pointer;
  transition: color .25s;
}

@media screen and (max-width:1080px) {
  .roi-select-items div {
    font-size: 14px;
  }
}

@media screen and (min-width:1200px) {
  .roi-select-items div {
    font-size: 16px;
  }

  .roi-type {
    font-size: 18px;
  }
}

.roi-select-items div:not(:last-child) {
  border-bottom: 1px solid #d8e2ea;
}

.roi-select-items div:focus {
  outline: none;
}

.roi-select-items div:focus,
.roi-select-items div:hover {
  color: #0094e2;
}

.roi-type {
  position: relative;
  flex: 1;
  padding: 18px 10px;
  text-align: center;
  background: #fff;
  font-size: calc(16px + 2*((100vw - 1080px)/120));
  font-weight: 500;
  color: #252d53;
  border-bottom: 1px solid #d8e2ea;
  box-shadow: inset 0 0 0 0 #0094e2;
  cursor: pointer;
  transition: background .25s, box-shadow .25s, border-color .25s;
}

@media screen and (max-width:1080px) {
  .roi-type {
    font-size: 16px;
  }
}

.roi-type:hover,
.roi-type:focus {
  border-color: #0094e2;
  box-shadow: inset 0 -3px 0 0 #0094e2;
  outline: none;
}

.roi-type.is-active {
  border-color: #0094e2;
  background: rgba(0, 148, 226, .1);
  box-shadow: inset 0 -3px 0 0 #0094e2;
}

.roi-type.type-accounts-audit {
  flex: 1.25
}

.roi-type:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.roi-inputs-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 1
}

.roi-inputs-wrap.is-active {
  position: relative;
  pointer-events: auto;
  z-index: 2;
}

.roi-inputs-wrap.is-active .label-fw {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 75ms;
}

.roi-inputs-wrap.is-active .roi-input-wrap:first-child .roi-input-current svg {
  opacity: 1;
  transform: scale(1);
  transition-delay: .2s;
}

.roi-inputs-wrap.is-active .roi-input-val {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .3s;
}

.roi-inputs-wrap.is-active .roi-checkbox,
.roi-inputs-wrap.is-active input[type=range] {
  opacity: 1;
}

.roi-expense-audit .label-fw {
  transform: translateX(25px);
}

.roi-accounts-audit .label-fw {
  transform: translateX(-25px);
}

@media (max-width:767px) {
  .roi-accounts-audit .label-fw {
    transform: translateX(25px);
  }
}

@media (min-width:960px) {
  .roi-input-wrap {
    padding-right: 50px;
  }
}

@media (max-width:959px) {
  .roi-input-wrap {
    flex-direction: column;
  }
}

.roi-input-wrap:first-child .roi-input-current svg {
  opacity: 0;
  transform: scale(.5);
  transition: opacity .25s, transform .5s cubic-bezier(.23, 1, .32, 1);
}

.roi-input-wrap:last-child {
  margin-top: 56px;
}

@media (max-width:767px) {
  .roi-input-wrap:last-child {
    margin-top: 30px;
  }
}

.roi-input-group {
  width: 100%;
}

.roi-input-group .label-fw {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(72, 85, 137, .79);
  white-space: nowrap;
  opacity: 0;
  transition: opacity .25s, transform 1s cubic-bezier(.23, 1, .32, 1);
}

.roi-input-group .label-checkbox {
  position: relative;
  top: 1px;
  color: #aabbc8;
  font-size: .75rem;
  text-transform: uppercase;
}

.roi-input-group input {
  margin: 0;
  padding: 0;
}

.roi-input-group input[type=range] {
  position: relative;
  -webkit-appearance: none;
  width: 100%;
  height: 22px;
  background: 0 0;
  border: none;
  border-radius: 0;
  border-color: transparent;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.roi-input-group input[type=checkbox]:focus + label {
  color: #0094e2;
}

.roi-input-group input[type=range]:focus + label {
  outline: none;
}

.roi-input-group input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  border-radius: 50%;
  background: #0094e2;
  cursor: pointer;
}

@media (max-width:767px) {
  .roi-input-group input[type=range]::-webkit-slider-thumb {
    height: 13px;
    width: 13px;
    margin-top: -5px;
  }
}

.roi-input-group input[type=range]::-moz-range-thumb {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border-color: #0094e2;
  background: #0094e2;
  cursor: pointer;
}

@media (max-width:767px) {
  .roi-input-group input[type=range]::-moz-range-thumb {
    height: 13px;
    width: 13px;
  }
}

.roi-input-group input[type=range]::-ms-thumb {
  margin-top: 2px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #0094e2;
  cursor: pointer;
}

@media (max-width:767px) {
  .roi-input-group input[type=range]::-ms-thumb {
    height: 13px;
    width: 13px;
  }
}

.roi-input-group input[type=range]::-ms-track {
  width: 100%;
  height: 0;
  border-color: transparent;
  color: transparent;
}

.roi-input-group input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0;
}

.roi-input-group input[type=range]::-moz-range-track {
  width: 100%;
  height: 0;
  cursor: pointer;
}

.roi-input-group .range-wrap {
  position: relative;
  margin-bottom: 4px;
}

.roi-input-group .range-fill {
  position: absolute;
  top: 13px;
  left: 0;
  width: 100%;
  height: 2px;
  z-index: 1;
  pointer-events: none;
}

@media (max-width:767px) {
  .roi-input-group .range-fill {
    height: 3px;
  }
}

.roi-input-current {
  position: relative;
}

@media (min-width:768px) {
  .roi-input-current {
    flex-shrink: 0;
    min-width: 80px;
    margin-right: 30px;
    text-align: center;
  }
}

@media (max-width:767px) {
  .roi-input-current {
    min-height: 68px;
  }
}

.roi-input-current svg {
  width: 30px;
  height: 30px;
}

.roi-input-val {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: calc(20px + 2*((100vw - 768px)/432));
  color: #0094e2;
  white-space: nowrap;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity .25s, transform 1s cubic-bezier(.23, 1, .32, 1);
}

@media screen and (max-width:768px) {
  .roi-input-val {
    font-size: 20px;
  }
}

@media screen and (min-width:1200px) {
  .roi-input-val {
    font-size: 22px;
  }
}

.roi-checkbox {
  opacity: 0;
}

.roi-checkbox input[type=checkbox] {
  margin-right: 5px
}

.roi-checkbox span {
  display: block;
  padding-top: 5px;
  color: #aabbc8;
  font-size: .75rem;
}

.roi-outputs {
  border: 1px solid #d8e2ea;
  border-radius: 5px;
  overflow: hidden;
}

.roi-output-group {
  padding-bottom: 20px;
}

@media (max-width:959px) {
  .roi-output-group {
    padding-bottom: 11px;
  }
}

.roi-output-group:not(:last-child) {
  border-bottom: 1px solid #d8e2ea;
}

.roi-output-group h5 {
  margin: 0;
  font-weight: 500;
  color: #252d53;
  min-height: unset;
  text-align: right;
}

@media (max-width:767px) {
  .roi-output-group h5 {
    margin-bottom: 5px;
  }
}

.roi-output-group p {
  padding-top: 11px;
  padding-left: 26px;
}

@media (min-width:960px) {
  .roi-output-group p {
    max-width: 260px;
  }
}

@media (max-width:767px) {
  .roi-output-group p {
    padding-left: 15px;
  }
}

.roi-output-heading {
  padding: 16px 50px 14px 26px;
  background: #f9fafb;
}

@media (min-width:768px) {
  .roi-output-heading {
    justify-content: space-between;
    align-items: center;
  }
}

@media (max-width:767px) {
  .roi-output-heading {
    flex-direction: column;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.roi-output-value {
  font-size: calc(20px + 5*((100vw - 768px)/432));
  color: #0094e2;
  font-weight: 300;
  height: 49px;
}

@media screen and (max-width:768px) {
  .roi-output-value {
    font-size: 20px;
  }
}

@media screen and (min-width:1200px) {
  .roi-output-value {
    font-size: 25px;
  }
}

.roi-table-wrap {
  display: none;
}
/* Module Star Match */

.star-match .home-features {
  padding: 20px 5%;
}

@media (max-width:1200px) {
  .star-match .home-features {
    padding: 50px 0;
  }
}

@media (max-width:960px) {
  .star-match .home-features {
    padding: 30px 0 50px;
  }
}

@media (max-width:640px) {
  .star-match .home-features .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.star-match .home-features .col-img {
  width: calc(55% - 40px);
}

@media (max-width:960px) {
  .star-match .home-features .col-img {
    width: 100%;
  }
}

.star-match .home-features .col-text {
  width: 40%;
}

@media (max-width:960px) {
  .star-match .home-features .col-text {
    width: 100%;
  }
}

.starmatch--hero {
  position: relative;
  padding: 70px 5% 110px;
}

@media (max-width:640px) {
  .starmatch--hero {
    padding: 60px 5%;
  }
}

.starmatch--hero .hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.starmatch--hero article {
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 1;
}

.starmatch--hero .sub-title {
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  text-transform: uppercase;
  color: #ff44ac;
}

.starmatch--hero h1 {
  font-size: calc(36px + 14*((100vw - 420px)/604));
  color: #fff;
  margin-top: 10px;
}

@media screen and (max-width:420px) {
  .starmatch--hero h1 {
    font-size: 36px;
  }
}

@media screen and (min-width:1024px) {
  .starmatch--hero h1 {
    font-size: 50px;
  }
}

.starmatch--hero p {
  color: rgba(255, 255, 255, .75);
  font-size: 18px;
  line-height: 140%;
  max-width: 500px;
  margin: 0 auto;
}

.starmatch--identify {
  background: linear-gradient(180deg, #242d60 0%, #2d1483 100%);
  padding: 80px 5%
}

@media (max-width:768px) {
  .starmatch--identify {
    padding: 60px 0;
  }
}

.starmatch--identify .l-col,
.starmatch--identify .r-col {
  width: 50%;
}

@media (max-width:768px) {

  .starmatch--identify .l-col,
  .starmatch--identify .r-col {
    width: 100%;
  }
}

@media (max-width:768px) {
  .starmatch--identify .r-col {
    margin-top: 40px
  }
}

.starmatch--identify h3 {
  color: #fff;
  font-size: calc(26px + 9*((100vw - 420px)/604));
  max-width: 545px;
  font-weight: 500;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width:420px) {
  .starmatch--identify h3 {
    font-size: 26px;
  }
}

@media screen and (min-width:1024px) {
  .starmatch--identify h3 {
    font-size: 35px;
  }
}

.starmatch--identify h3 svg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.starmatch--identify p {
  color: rgba(255, 255, 255, .79);
  font-size: 18px;
  line-height: 1.5;
}

.starmatch--identify .identify-image {
  max-width: 90%;
  margin: 0 auto;
  display: block;
}

.starmatch--main {
  padding: 50px 5%;
}

@media (max-width:640px) {
  .starmatch--main {
    padding: 30px 0 50px;
  }
}

.starmatch--main .l-col,
.starmatch--main .r-col {
  width: 50%;
}

@media (max-width:640px) {

  .starmatch--main .l-col,
  .starmatch--main .r-col {
    width: 100%;
  }
}

.starmatch--main .l-col {
  padding: 5%;
}

@media (max-width:640px) {
  .starmatch--main .l-col {
    padding-bottom: 0;
  }
}

.starmatch--main .l-col img {
  max-height: 375px;
}

@media (max-width:640px) {
  .starmatch--main .r-col {
    margin-top: 25px;
  }
}

.starmatch--main .r-col p {
  font-size: 18px;
  line-height: 1.5;
}

@media (max-width:640px) {
  .starmatch--main .card-list {
    margin-bottom: 20px;
    text-align: center;
  }
}

.starmatch--main .card-list:nth-child(even) {
  flex-direction: row-reverse;
}

.starmatch--main h3 {
  font-size: calc(26px + 9*((100vw - 420px)/604));
  color: #252d53;
  line-height: 1.1;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;
  font-weight: 500;
}

@media screen and (max-width:420px) {
  .starmatch--main h3 {
    font-size: 26px;
  }
}

@media screen and (min-width:1024px) {
  .starmatch--main h3 {
    font-size: 35px;
  }
}

.starmatch--main h3 svg {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media (max-width:640px) {
  .starmatch--main h3 svg {
    right: 0;
    margin: 0 auto;
  }
}

.starmatch--main p {
  color: rgba(72, 85, 137, .79);
}
/* Page/Module Starter Kit */
.starter-kit--hero {
  position: relative;
  padding: 40px 5%;
}

.starter-kit--hero .bg-hero {
  position: absolute;
  background: linear-gradient(144.29deg, #281283 26.31%, rgba(40, 18, 131, 0) 103.38%), #7a327e;
  transform: rotate(-180deg);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width:768px) {
  .starter-kit--hero .bg-hero {
    background: linear-gradient(119.47deg, #da1884 -21.53%, #7a327e 30.86%, #281283 86.78%);
  }
}

.starter-kit--hero article {
  text-align: center;
  z-index: 1;
  position: relative;
  max-width: 1110px;
  margin: 0 auto
}

.starter-kit--hero .copy {
  max-width: 700px;
  margin: 0 auto;
  margin-bottom: 80px;
}

@media (max-width:768px) {
  .starter-kit--hero .copy {
    margin-bottom: 60px;
  }
}

.starter-kit--hero p {
  color: rgba(255, 255, 255, .85);
  font-size: 18px;
  line-height: 141.5%;
}

.starter-kit--hero .header {
  color: #ff44ac;
  font-size: 17px;
  line-height: 110%;
  text-transform: uppercase;
  font-weight: 600;
}

.starter-kit--hero h1 {
  font-size: calc(24px + 21*((100vw - 420px)/604));
  color: #fff;
  margin-bottom: 40px;
  padding-bottom: 45px;
  position: relative;
  max-width: 650px;
}

@media screen and (max-width:420px) {
  .starter-kit--hero h1 {
    font-size: 24px;
  }
}

@media screen and (min-width:1024px) {
  .starter-kit--hero h1 {
    font-size: 45px;
  }
}

@media (max-width:768px) {
  .starter-kit--hero h1 {
    line-height: 120%;
  }
}

.starter-kit--hero h1 svg {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.starter-kit--hero .hero-image {
  margin-bottom: 35px;
}

@media (max-width:768px) {
  .starter-kit--hero .hero-image {
    display: none;
  }
}

.starter-kit--hero .mobile-hero-image {
  display: none;
  margin-bottom: 35px;
}

@media (max-width:768px) {
  .starter-kit--hero .mobile-hero-image {
    display: block;
  }
}

.starter-kit--hero .mobile-hero-copy {
  display: none;
}

@media (max-width:768px) {
  .starter-kit--hero .mobile-hero-copy {
    display: block;
    margin-top: 60px;
  }
}

@media (max-width:768px) {
  .starter-kit--hero .mobile-hero-copy {
    margin-top: 50px;
  }
}

.starter-kit--hero .mobile-hero-copy article {
  text-align: left;
  margin-bottom: 30px;
}

.starter-kit--hero .mobile-hero-copy p {
  color: #fff;
  font-weight: 400;
}

@media (max-width:768px) {
  .starter-kit--hero .mobile-hero-copy p {
    font-size: 14px;
    line-height: 120%;
  }
}

.starter-kit--hero .mobile-hero-copy span {
  color: #ff44ac;
  margin-bottom: 5px;
  display: block;
  text-transform: uppercase;
}

@media (max-width:768px) {
  .starter-kit--hero .mobile-hero-copy span {
    font-size: 12px;
    line-height: 110%;
    font-weight: 500;
  }
}

.starter-kit--hero .dropdown {
  width: 58px;
  height: 58px;
}

@media (max-width:768px) {
  .starter-kit--hero .dropdown-wrap {
    display: none;
  }
}

.starter-kit--main {
  padding: 80px 0 70px;
}

@media (max-width:768px) {
  .starter-kit--main {
    padding: 40px 0;
  }
}

.starter-kit--main .row {
  display: flex;
  justify-content: center;
  max-width: 970px;
  margin: 0 auto 70px;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width:768px) {
  .starter-kit--main .row {
    margin: 0 auto 25px;
  }
}

.starter-kit--main .row:nth-child(odd) img {
  padding-right: calc(4% + 70px);
}

@media (max-width:768px) {
  .starter-kit--main .row:nth-child(odd) img {
    padding: 8%;
  }
}

.starter-kit--main .row:nth-child(even) .r-col {
  width: 54%;
}

@media (max-width:768px) {
  .starter-kit--main .row:nth-child(even) .r-col {
    width: 100%;
  }
}

.starter-kit--main .row:nth-child(even) .l-col {
  width: 46%;
}

@media (max-width:768px) {
  .starter-kit--main .row:nth-child(even) .l-col {
    width: 100%;
  }
}

.starter-kit--main .row:nth-child(even) img {
  padding-left: 50px;
}

@media (max-width:768px) {
  .starter-kit--main .row:nth-child(even) img {
    padding: 8%;
  }
}

.starter-kit--main .row .embed-wrap {
  margin-top: 60px;
  padding-left: 40px;
}

@media (max-width:768px) {
  .starter-kit--main .row .embed-wrap {
    padding-top: 0;
    padding-left: 0;
    margin-top: 10px;
  }
}

.starter-kit--main .row .embed-wrap iframe {
  width: 100% !important;
}

.starter-kit--main .row.right {
  flex-direction: row-reverse;
}

.starter-kit--main .row.embed {
  align-items: flex-start;
}

.starter-kit--main .l-col {
  width: 50%;
}

@media (max-width:768px) {
  .starter-kit--main .l-col {
    width: 100%;
  }
}

.starter-kit--main .r-col {
  width: 50%;
}

@media (max-width:768px) {
  .starter-kit--main .r-col {
    width: 100%;
  }
}

.starter-kit--main .r-col ul {
  padding-left: 23px;
  margin: 30px 0;
}

.starter-kit--main .r-col li {
  margin-bottom: 15px;
  color: rgba(72, 85, 137, .75);
  font-size: 18px;
}

.starter-kit--main h2 {
  font-size: calc(26px + 10*((100vw - 420px)/604));
  padding-bottom: 35px;
  margin-bottom: 30px;
  line-height: 110%;
  color: #202640;
  position: relative;
  font-weight: 500;
  margin-top: 10px;
}

@media screen and (max-width:420px) {
  .starter-kit--main h2 {
    font-size: 26px;
  }
}

@media screen and (min-width:1024px) {
  .starter-kit--main h2 {
    font-size: 36px;
  }
}

.starter-kit--main h2 svg {
  position: absolute;
  bottom: 0;
  left: 0;
}

.starter-kit--main p {
  color: rgba(72, 85, 137, .75);
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 30px
}

.starter-kit--main span {
  color: #ff44ac;
  font-size: 12px;
  line-height: 110%;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
}

@media (max-width:768px) {
  .starter-kit--main .btn-wrap {
    text-align: center;
  }
}

.starter-kit--main .btn {
  padding: 6px 25px;
}
/* Page/Modules Integrated Solutions */
.integrated-solutions-detail .page-hero {
  position: relative;
  background: linear-gradient(312.59deg, rgba(29, 40, 248, .85) .17%, rgba(29, 40, 248, 0) 80.54%), #9013fe;
}

.integrated-solutions-detail .page-hero article {
  max-width: 800px;
}

.integrated-solutions-detail .page-hero article span {
  text-transform: uppercase;
  color: #cdf4ff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  font-weight: 600;
}

.integrated-solutions-detail .page-hero .top-link {
  position: absolute;
  top: 35px;
  left: 6%;
  z-index: 1;
}

@media (max-width:767px) {
  .integrated-solutions-detail .page-hero .top-link {
    top: 30px;
    left: 5%;
  }
}

.integrated-solutions-detail .page-hero .top-link a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.integrated-solutions-detail .page-hero .top-link svg {
  position: absolute;
  left: 0;
  top: 7px;
  transform: rotate(180deg);
  transition: all .2s ease;
}

.integrated-solutions-detail .page-hero .top-link.white svg *,
.integrated-solutions-detail .page-hero .top-link.white svg *,
.integrated-solutions-detail .page-hero .top-link * {
  stroke: #fff;
}

.integrated-solutions-detail .page-hero .top-link:hover svg {
  left: -3px;
}

.integrated-solutions-detail .page-hero .top-link.white a,
.integrated-solutions-detail .page-hero .top-link.white a {
  color: #fff;
}

.integrated-solutions-detail .page-hero .top-link a {
  color: #28397b;
}

.integrated-solutions-detail .page-hero .top-link a svg * {
  stroke: #28397b;
}

.integrated-solutions-detail .usecase-d-zlayout {
  padding: 50px 0;
}

.integrated-solutions-detail .usecase-d-zlayout .usecase-d-text-wrap h4 {
  color: #252d53;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  line-height: 110%;
  margin: 0;
  font-size: 20px;
  margin-top: 30px;
}

.integrated-solutions-detail .usecase-d-zlayout .usecase-d-text-wrap p {
  margin-top: 5px;
}

.integrated-solutions-detail .usecase-d-zlayout .row {
  margin-bottom: 0;
}

.integrated-solutions-detail .usecase-d-zlayout div.flex {
  flex-wrap: wrap;
}

.integrated-solutions-detail .usecase-d-zlayout div.flex.full-width {
  justify-content: center;
}

.integrated-solutions-detail .usecase-d-zlayout figure.full-width-image-container {
  width: 100%;
  margin: 50px 0 0;
}

.integrated-solutions-detail .usecase-d-zlayout figure.full-width-image-container img {
  width: 100%;
}

@media (max-width:767px) {
  .integrated-solutions-detail .usecase-d-zlayout {
    padding: 20px 0;
  }

  .integrated-solutions-detail .usecase-d-zlayout .container {
    padding: 0 5%;
  }
}

.integrated-solutions-detail .industry-use-cases-hero .copy {
  margin: 0 auto;
  text-align: center;
}

.integrated-solutions-detail .usecase-d-video {
  margin-top: 40px;
  border-top: solid 1px #eee;
  padding-top: 100px;
}

.integrated-solutions-detail .usecase-d-video .container {
  padding-left: 10%;
  padding-right: 10%;
}

.integrated-solutions-detail .usecase-d-video .container div.inner-wrap {
  max-width: calc(93% - 275px);
}

.integrated-solutions-detail .usecase-d-video.feature-block {
  margin-bottom: 0;
  border-bottom: solid 1px #eee;
  padding-bottom: 100px;
}

@media (max-width:767px) {
  .integrated-solutions-detail .usecase-d-video.feature-block {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width:767px) {
  .integrated-solutions-detail .usecase-d-video {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}

.integrated-solutions-detail .usecase-d-feature {
  padding: 60px 0;
  margin: 20px 0;
}

.integrated-solutions-detail .usecase-d-feature h5 {
  margin-top: 0;
  margin-bottom: 16px;
}

.integrated-solutions-detail .mod-nextup.normal .text-wrap {
  padding-left: 0;
}

.integrated-solutions-detail.purple-blue .industry-use-cases-hero .hero-content .mobile-bg {
  background-color: #28397b;
}

.integrated-solutions-detail.purple-blue .industry-use-cases-hero div.bg {
  background-color: #28397b;
}

.integrated-solutions-detail.purple-blue .top-link a {
  color: #28397b;
}

.integrated-solutions-detail.purple-blue .top-link a svg * {
  stroke: #28397b;
}

.integrated-solutions-detail .industry-use-cases-hero .top-link.white a,
.integrated-solutions-detail.sky-blue .top-link a,
.integrated-solutions-detail.sky-blue .top-link.white a,
.integrated-solutions-detail.maroon .top-link.white a,
.integrated-solutions-detail.maroon .top-link a,
.integrated-solutions-detail.dark-cyan .top-link.white a,
.integrated-solutions-detail.dark-cyan .top-link a,
.integrated-solutions-detail.purple .top-link.white a,
.integrated-solutions-detail.purple .top-link a,
.integrated-solutions-detail.purple-blue .top-link.white a {
  color: #fff;
}

.integrated-solutions-detail .industry-use-cases-hero .top-link *,
.integrated-solutions-detail .industry-use-cases-hero .top-link.white svg *,
.integrated-solutions-detail.sky-blue .top-link a svg *,
.integrated-solutions-detail.sky-blue .top-link.white svg *,
.integrated-solutions-detail.maroon .top-link.white svg *,
.integrated-solutions-detail.maroon .top-link a svg *,
.integrated-solutions-detail.dark-cyan .top-link.white svg *,
.integrated-solutions-detail.dark-cyan .top-link a svg *,
.integrated-solutions-detail.purple .top-link.white svg *,
.integrated-solutions-detail.purple .top-link a svg *,
.integrated-solutions-detail.purple-blue .top-link.white svg * {
  stroke: #fff;
}

.integrated-solutions-detail.purple-blue .usecase-d-feature {
  background-color: #141c4a;
}

.integrated-solutions-detail.purple .industry-use-cases-hero div.bg,
.integrated-solutions-detail.purple .usecase-d-feature {
  background-color: #38217c;
}

.integrated-solutions-detail.dark-cyan .industry-use-cases-hero div.bg {
  background-color: #006387;
}

.integrated-solutions-detail.dark-cyan .usecase-d-feature {
  background-color: #003f61;
}

.integrated-solutions-detail.maroon .industry-use-cases-hero div.bg,
.integrated-solutions-detail.maroon .usecase-d-feature {
  background-color: #78317e;
}

.integrated-solutions-detail.sky-blue .industry-use-cases-hero div.bg {
  background-color: #0067b2;
}

.integrated-solutions-detail.sky-blue .usecase-d-feature {
  background-color: #0461a8;
}

.integrated-solutions-detail .industry-use-cases-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  justify-content: flex-end;
  margin-bottom: 50px;
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero {
    margin-bottom: 20px;
  }
}

.integrated-solutions-detail .industry-use-cases-hero span {
  position: relative;
  color: #cdf4ff;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  border-bottom: solid 1px #cdf4ff;
}

.integrated-solutions-detail .industry-use-cases-hero p {
  color: rgba(255, 255, 255, .75);
  font-size: 18px;
  line-height: 1.4;
}

.integrated-solutions-detail .industry-use-cases-hero h1 {
  color: #fff;
  margin: 30px 0 0;
  font-size: calc(22px + 26*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .integrated-solutions-detail .industry-use-cases-hero h1 {
    font-size: 22px;
  }
}

@media screen and (min-width:1024px) {
  .integrated-solutions-detail .industry-use-cases-hero h1 {
    font-size: 48px;
  }
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero h1 {
    margin: 40px 0 30px;
  }
}

.integrated-solutions-detail .industry-use-cases-hero .top-link {
  position: absolute;
  top: 50px;
  left: 6%;
  z-index: 1;
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero .top-link {
    top: 30px;
    left: 5%;
  }
}

.integrated-solutions-detail .industry-use-cases-hero .top-link a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.integrated-solutions-detail .industry-use-cases-hero .top-link svg {
  position: absolute;
  left: 0;
  top: 7px;
  transform: rotate(180deg);
  transition: all .2s ease;
}

.integrated-solutions-detail .industry-use-cases-hero .top-link:hover svg {
  left: -3px;
}

.integrated-solutions-detail .industry-use-cases-hero figure {
  position: relative;
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
}

.integrated-solutions-detail .industry-use-cases-hero figure img {
  width: 160px;
}

.integrated-solutions-detail .industry-use-cases-hero figure:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

@media (min-width:768px) {
  .integrated-solutions-detail .industry-use-cases-hero figure {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero figure {
    width: 100%;
  }

  .integrated-solutions-detail .industry-use-cases-hero figure:before {
    content: '';
    display: block;
    height: 0;
    padding-top: 56.25%;
  }
}

.integrated-solutions-detail .industry-use-cases-hero .hero-content {
  position: relative;
  width: 60%;
  padding: 50px;
}

.integrated-solutions-detail .industry-use-cases-hero .hero-content.full-width {
  width: 100%;
  padding: 50px 10%;
}

.integrated-solutions-detail .industry-use-cases-hero .hero-content.full-width article {
  max-width: 600px;
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero .hero-content.full-width {
    padding: 80px 5% 40px;
    margin-top: 0;
  }
}

.integrated-solutions-detail .industry-use-cases-hero .hero-content div.content {
  position: relative;
}

@media (min-width:768px) {
  .integrated-solutions-detail .industry-use-cases-hero .hero-content div.content {
    display: flex;
    align-items: center;
    padding: 40px 0;
  }
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero .hero-content {
    width: 100%;
    padding-top: 15px;
    margin-top: -64px;
  }

  .integrated-solutions-detail .industry-use-cases-hero .hero-content div.content {
    padding: 3px 0 0;
  }

  .integrated-solutions-detail .industry-use-cases-hero .hero-content div.content div.center {
    text-align: center;
  }
}

.integrated-solutions-detail .industry-use-cases-hero div.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  mix-blend-mode: multiply;
  overflow: hidden;
  background-color: #28397b;
}

.integrated-solutions-detail .industry-use-cases-hero div.bg img {
  position: absolute;
  width: 540px;
  right: -200px;
  right: -170px;
  bottom: -110px;
}

@media (max-width:767px) {
  .integrated-solutions-detail .industry-use-cases-hero div.bg {
    bottom: 0;
    top: auto;
  }

  .integrated-solutions-detail .industry-use-cases-hero div.bg img {
    width: 240px;
  }
}

.integrated-solutions-detail section.usecase-d-feature-image div.container {
  display: flex;
  justify-content: center;
  padding: 0 10%;
}

@media (max-width:767px) {
  .integrated-solutions-detail section.usecase-d-feature-image div.container {
    padding: 0 5%;
  }
}

.integrated-solutions-detail section.usecase-d-feature-image div.container figure {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 6px;
  width: calc(93% - 275px);
}

.integrated-solutions-detail section.usecase-d-feature-image div.container figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 65%;
}

.integrated-solutions-detail section.usecase-d-feature-image div.container figure.full-width {
  width: 100%;
}

@media (max-width:959px) {
  .integrated-solutions-detail section.usecase-d-feature-image div.container figure {
    width: 100%;
  }
}

.integrated-solutions-detail section.why--hero.usecase-d-feature-colorbar {
  width: 100%;
  margin: 20px 0;
}

@media (max-width:767px) {
  .integrated-solutions-detail section.why--hero.usecase-d-feature-colorbar div.container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.integrated-solutions section.page-hero {
  background: linear-gradient(312.59deg, rgba(29, 40, 248, .85) .17%, rgba(29, 40, 248, 0) 80.54%), #9013fe;
}

.integrated-solutions section.page-hero .container {
  max-width: 900px;
  margin: 0 auto;
}

.integrated-solutions section.page-hero article span {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #cdf4ff;
  font-weight: 600;
}
/* Page General Lander styles */
.generic-lander-template .quote-module .testimonial-container {
  margin: 0 auto 90px;
  box-shadow: none;
}

.generic-lander-template section.page-hero article h1 {
  margin-bottom: 30px;
  font-weight: 700;
}

.generic-lander-template section.page-hero article {
  padding: 80px 5%;
}

.generic-lander-template section.page-hero article p {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.generic-lander-template .generic-lander-template--button-row {
  padding: 50px 0;
}
/* Page Products */
.products .mod-demo--signup {
  margin-top: 90px;
}

.products .mod-4col-feature {
  padding-top: 80px;
}

.products .hero-module {
  background-color: #693cef
}

.products .hero-module h1,
.products .hero-module p {
  color: #fff;
}

.products .hero-module p {
  font-size: 17px;
}

.products .hero-module .bg-pattern svg path {
  fill: #0095ce;
}

.products .hero-module .pattern-s {
  width: 38%;
}

.products .home-features {
  padding-bottom: 20px;
  padding-top: 30px;
}

.products .home-features .col-img {
  width: 50%;
}

@media (max-width:960px) {
  .products .home-features .col-img {
    width: 100%;
  }
}

.products .home-features article {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

@media (max-width:960px) {
  .products .home-features article {
    padding-bottom: 50px;
  }
}

.products--expert {
  text-align: center;
  padding: 60px 0 40px;
}

@media (max-width:1024px) {
  .products--expert .container {
    padding: 0;
  }
}

@media (max-width:768px) {
  .products--expert .container {
    padding: 0 5%;
  }
}

.products--expert .cards {
  flex-wrap: wrap;
}

.products--expert .card {
  width: 33.33333%;
  padding: 40px 60px;
  justify-content: center;
  position: relative;
}

@media (max-width:1024px) {
  .products--expert .card {
    padding: 40px 50px;
  }
}

@media (max-width:768px) {
  .products--expert .card {
    width: 100%;
    margin-bottom: 40px;
  }
}

@media (max-width:640px) {
  .products--expert .card {
    padding: 20px 0;
  }
}

.products--expert .card:last-child {
  margin-bottom: 0;
}

@media (max-width:768px) {
  .products--expert .card:last-child .mobile-dash {
    display: none;
  }
}

.products--expert .card svg {
  position: absolute;
  right: -36px;
  top: 147px;
}

@media (max-width:768px) {
  .products--expert .card svg {
    display: none;
  }
}

.products--expert .card img {
  height: 206px;
  width: 206px;
}

.products--expert .card .mobile-dash {
  display: none;
}

@media (max-width:768px) {
  .products--expert .card .mobile-dash {
    display: block;
    left: 0;
    top: initial;
    right: 0;
    bottom: -52px;
    margin: 0 auto;
    position: absolute;
  }

  .products--expert .card .mobile-dash img {
    height: 40px;
    width: 2px;
  }
}

.products--expert .card:last-child svg {
  display: none;
}

.products--expert article {
  margin-top: 15px;
}

.products--expert h4 {
  font-size: 24px;
  line-height: 1.1;
  color: #252d53;
  font-weight: 400;
}

.products--expert p {
  color: rgba(72, 85, 137, .75);
  font-size: 16px;
  line-height: 1.2;
}

.products-main {
  padding: 94px 0 130px;
  overflow: hidden;
  position: relative;
}

.products-main .background-products-main {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(137.56deg, #da1884 -21.53%, #7a327e 30.86%, #281283 86.78%);
  transform: rotate(-180deg);
  width: 100%;
  height: 100%;
}

.products-main .main-content {
  position: relative;
}

@media (max-width:640px) {
  .products-main {
    padding: 45px 0 80px;
  }
}

.products-main h2 {
  position: relative;
}

.products-main h2 img {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.products-main .text-box {
  position: relative;
}

@media (max-width:960px) {
  .products-main .text-box {
    margin-bottom: 30px;
  }
}

.products-main .text-box h5,
.products-main .text-box p {
  color: #fff;
}

.products-main .text-box h5 {
  font-size: calc(25px + 7*((100vw - 420px)/604));
  font-weight: 500;
  margin-bottom: 26px;
  margin-top: 0;
}

@media screen and (max-width:420px) {
  .products-main .text-box h5 {
    font-size: 25px;
  }
}

@media screen and (min-width:1024px) {
  .products-main .text-box h5 {
    font-size: 32px;
  }
}

.products-main .text-box p {
  font-size: calc(16px + 2*((100vw - 420px)/604));
}

@media screen and (max-width:420px) {
  .products-main .text-box p {
    font-size: 16px;
  }
}

@media screen and (min-width:1024px) {
  .products-main .text-box p {
    font-size: 18px;
  }
}

.products-main .text-box .number-ball {
  width: 36px;
  height: 36px;
  line-height: 1em;
  color: #23de9b;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #23de9b;
  font-weight: 500;
  position: relative;
}

@media (max-width:960px) {
  .products-main .text-box .number-ball {
    margin: 0 auto 10px;
  }
}

.products-main .text-box .number-ball span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products-main .number-ball {
  width: 36px;
  height: 36px;
  line-height: 1em;
  color: #23de9b;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #23de9b;
  font-weight: 500;
  position: relative;
}

.products-main .number-ball span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products-main .row-wrap:not(:first-child) {
  margin-top: -40px;
}

@media (max-width:960px) {
  .products-main .row-wrap:not(:first-child) {
    margin-top: initial;
  }
}

.products-main .row-wrap:last-child .line-wrap {
  display: none;
}

@media (max-width:960px) {
  .products-main .row-wrap:first-child .row-2col {
    margin-top: 80px;
  }
}

.products-main .row-wrap:first-child .row-2col:before {
  content: none;
}

.products-main .products-main-wrap {
  max-width: 996px;
  margin: 0 auto;
  margin-top: 60px;
}

@media (max-width:960px) {
  .products-main .products-main-wrap {
    margin-top: 30px
  }
}

.products-main .row {
  position: relative;
  z-index: 10;
  padding: 0 5%;
}

@media (max-width:640px) {
  .products-main .row {
    padding: 0;
  }
}

.products-main .row .text-box p {
  color: rgba(255, 255, 255, .7);
}

.products-main .line-wrap {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 50
}

.products-main .line-wrap.line-wrap1 {
  top: -60px;
}

.products-main .line-wrap.line-wrap2 {
  top: -40px;
}

.products-main .line-wrap svg {
  width: 50%;
  display: block;
  height: 97px;
}

@media (max-width:960px) {
  .products-main .line-wrap {
    display: none;
  }
}

.products-main h2 {
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
  font-size: calc(33px + 9*((100vw - 420px)/604));
  line-height: 1.1;
  font-weight: 400;
}

@media screen and (max-width:420px) {
  .products-main h2 {
    font-size: 33px;
  }
}

@media screen and (min-width:1024px) {
  .products-main h2 {
    font-size: 42px;
  }
}

.products-main .top-img-wrap {
  overflow: hidden;
  position: relative;
  overflow: visible;
  max-width: 861px;
  margin: 0 auto;
}

.products-main .top-img-wrap:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 22.74%;
}

.products-main .top-img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  pointer-events: none;
}

.products-main .row-2col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
}

.products-main .row-2col:nth-child(3) {
  z-index: 15;
}

.products-main .row-2col.even {
  flex-direction: row-reverse;
}

.products-main .row-2col.even .col-img {
  position: relative;
  left: -60px;
}

@media (max-width:960px) {
  .products-main .row-2col.even .col-img {
    position: static;
    left: initial;
  }
}

@media (max-width:960px) {
  .products-main .row-2col {
    margin-top: 120px;
  }

  .products-main .row-2col:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: calc(100% + 20px);
    width: 2px;
    height: 80px;
    transform: translateX(-50%);
    background: #23de9b;
  }
}

.products-main .row-2col .col-text,
.products-main .row-2col .col-img {
  width: calc(50% - 25px);
}

@media (max-width:960px) {

  .products-main .row-2col .col-text,
  .products-main .row-2col .col-img {
    width: 100%;
  }
}

.products-main .row-2col .col-text {
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 5;
}

@media (max-width:960px) {
  .products-main .row-2col .col-text {
    text-align: center;
  }

  .products-main .row-2col .col-text h5 {
    margin: 16px 0;
  }
}

.products-main .row-2col .col-img {
  justify-content: center;
}

@media (min-width:961px) {
  .products-main .row-2col:nth-child(odd) .col-text {
    padding-right: 5%;
  }
}

.products-main .row-2col:nth-child(even) {
  flex-direction: row-reverse;
}

@media (min-width:769px) {
  .products-main .row-2col:nth-child(even) .col-text {
    padding-left: 8%;
  }
}

.products-main .row-2col:last-child .number-ball:before {
  content: none;
}

@media (min-width:961px) {
  .products-main .row-2col .col-number {
    position: absolute;
    top: 0;
    left: 50%;
    width: 36px;
    height: 100%;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: 5;
  }

  .products-main .row-2col .number-ball {
    position: absolute;
    top: 0;
    left: -50px;
  }
}

@media (max-width:960px) {
  .products-main .row-2col .col-number {
    margin: 0 auto;
  }
}

.products-values {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}

.products-values h3 {
  margin-bottom: 60px;
  text-align: center;
  color: #252d53;
  font-weight: 500;
}

.products-highlight {
  margin-top: 50px;
}

@media (max-width:768px) {
  .products-highlight {
    margin-top: 25px;
  }
}

.products-highlight .container {
  max-width: 1110px;
}

.products-highlight .inner-wrap {
  margin-bottom: 80px;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
}

.products-highlight .top-box {
  align-items: center;
}

.products-highlight .top-box h2 {
  margin: 0;
  color: #252d53;
  font-weight: 500;
}

.products-highlight .top-box svg {
  margin: 40px 0;
}

@media (max-width:768px) {
  .products-highlight .top-box svg {
    margin: 25px 0;
  }
}

.products-highlight .top-box p {
  font-size: 18px;
  color: rgba(72, 85, 137, .79);
}

.products-highlight .top-box figure {
  overflow: hidden;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.products-highlight .top-box figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 100%;
}

.products-highlight .top-box .btn {
  margin-top: 50px;
}

@media (max-width:768px) {
  .products-highlight .top-box {
    flex-direction: column;
  }

  .products-highlight .top-box h2 {
    font-size: 25px;
  }
}

.products-highlight .top-col-l {
  width: 50%;
}

@media (max-width:768px) {
  .products-highlight .top-col-l {
    width: 100%;
    margin-bottom: 30px;
  }
}

.products-highlight .top-col-r {
  width: calc(50% - 40px);
}

@media (max-width:768px) {
  .products-highlight .top-col-r {
    width: 100%;
    margin-bottom: 30px;
  }
}

.products-highlight .bottom-box h6 {
  font-size: 20px;
  font-weight: 500;
  color: #202640;
  margin-bottom: 30px;
}

.products-highlight .bottom-box p {
  color: rgba(72, 85, 137, .75);
  font-style: 16px;
}

@media (max-width:768px) {
  .products-highlight .bottom-box {
    flex-direction: column;
  }

  .products-highlight .bottom-box h6 {
    margin-bottom: 15px;
  }
}

.products-highlight .bottom-col {
  width: calc(50% - 30px);
}

@media (max-width:768px) {
  .products-highlight .bottom-col {
    width: 100%;
  }
}

.products-highlight .bottom-col .cell {
  padding-left: 45px;
  padding-bottom: 70px;
  position: relative;
}

@media (max-width:768px) {
  .products-highlight .bottom-col .cell {
    padding-bottom: 35px;
  }
}

.products-highlight .bottom-col .icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #222bf9;
}

.products-highlight .bottom-col svg {
  width: 10px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.products-highlight .bottom-col path {
  stroke-width: 2;
  stroke: #222bf9;
}
/* Page Affiliations */
.affiliations section.link-hero {
  padding-bottom: 0;
}

.affiliations section.link-hero article {
  padding: 90px 5% 50px;
}

.affiliations section.link-hero ul {
  margin-top: 30px;
}

.affiliations--video {
  margin: 0 5%;
  position: relative;
}

@media (min-width:1025px) {
  .affiliations--video {
    overflow: hidden;
  }
}

.affiliations--video .wrap {
  max-width: 736px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 50px;
}

@media (max-width:640px) {
  .affiliations--video .wrap {
    padding-bottom: 30px
  }
}

.affiliations--video .wrap h3 {
  font-size: calc(27px + 5*((100vw - 420px)/604));
  color: #252d53;
  font-weight: 500;
  margin-bottom: 35px;
}

@media screen and (max-width:420px) {
  .affiliations--video .wrap h3 {
    font-size: 27px;
  }
}

@media screen and (min-width:1024px) {
  .affiliations--video .wrap h3 {
    font-size: 32px;
  }
}

.affiliations--video .wrap p {
  color: rgba(72, 85, 137, .79);
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
}

.affiliations--video .wrap article {
  text-align: center;
  margin-top: 90px;
}

@media (max-width:640px) {
  .affiliations--video .wrap article {
    margin-top: 50px;
  }
}

.affiliations--video .wrap .btn-wrap {
  margin-top: 30px;
}

.affiliations--video .wrap .btn-wrap .big {
  font-weight: 500;
  letter-spacing: 1.2px;
  min-width: 170px;
  text-align: center;
}

.affiliations--video .wrap figure {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .1);
}

.affiliations--video .wrap figure:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 53%;
}

.affiliations--video .wrap figure:hover svg {
  width: 118px;
  height: 118px;
}

@media (max-width:640px) {
  .affiliations--video .wrap figure:hover svg {
    width: 70px;
    height: 70px;
  }
}

.affiliations--video .wrap figure svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all .5s ease;
}

@media (max-width:640px) {
  .affiliations--video .wrap figure svg {
    width: 60px;
    height: 60px;
  }
}

.affiliations--certifications {
  margin-top: 30px;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 50px;
}

.affiliations--certifications .box {
  box-shadow: 0px 30px 40px rgba(0, 0, 0, .05);
  max-width: 1016px;
  margin: 0 auto;
}

@media (max-width:640px) {
  .affiliations--certifications .box {
    padding: 0 5%;
  }
}

.affiliations--certifications .top {
  max-width: 736px;
  margin: 0 auto;
  text-align: center;
}

.affiliations--certifications p {
  font-weight: 400;
  margin: 0;
  color: rgba(72, 85, 137, .79);
  line-height: 150%;
  font-size: 16px;
}

.affiliations--certifications h2 {
  font-weight: 500;
  margin-bottom: 35px;
}

.affiliations--certifications .cards {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5%;
  padding-bottom: 40px;
  margin-top: 40px;
  justify-content: center;
}

@media (max-width:1024px) {
  .affiliations--certifications .cards {
    justify-content: flex-start;
  }
}

.affiliations--certifications h4 {
  line-height: 110%;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 16px;
}

.affiliations--certifications .card {
  width: calc(100%/3);
  padding: 30px;
  text-align: center;
  padding-bottom: 50px;
  align-items: center
}

.affiliations--certifications .card:nth-child(2) {
  margin-right: 1px
}

@media (max-width:1024px) {
  .affiliations--certifications .card:nth-child(2) {
    margin-right: 0;
  }
}

@media (max-width:1024px) {
  .affiliations--certifications .card {
    width: 50%;
  }
}

@media (max-width:640px) {
  .affiliations--certifications .card {
    width: 100%;
    padding: 0;
    padding-bottom: 40px;
  }
}

.affiliations--certifications .card img {
  width: auto;
  height: auto;
  box-shadow: 0px 6px 8px rgba(0, 0, 0, .25);
  border-radius: 4px;
}

.affiliation-certified {
  padding: 50px 5%
}

@media (max-width:640px) {
  .affiliation-certified {
    padding: 25px 5%
  }
}

.affiliation-certified .box {
  max-width: 736px;
  margin: 0 auto;
}

.affiliation-certified h3 {
  font-size: calc(27px + 5*((100vw - 420px)/604));
  color: #252d53;
  font-weight: 500;
  margin-bottom: 35px;
  text-align: center;
}

@media screen and (max-width:420px) {
  .affiliation-certified h3 {
    font-size: 27px;
  }
}

@media screen and (min-width:1024px) {
  .affiliation-certified h3 {
    font-size: 32px;
  }
}

.affiliation-certified .wrap {
  max-width: 630px;
  margin: 0 auto;
}

.affiliation-certified p {
  color: rgba(72, 85, 137, .79);
  line-height: 150%;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.affiliation-certified h5 {
  font-weight: 600;
  color: rgba(72, 85, 137, .79);
  font-size: 16px;
  margin-bottom: 5px;
  margin-top: 50px;
}

.affiliation-certified ul {
  margin: 15px 0;
  margin-top: 5px;
  margin-bottom: 140px;
  padding-left: 0;
  padding-left: 20px;
}

@media (max-width:640px) {
  .affiliation-certified ul {
    margin-bottom: 50px;
  }
}

.affiliation-certified ul li {
  color: rgba(72, 85, 137, .79);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}

.affiliation-certified .bottom {
  text-align: center;
  padding-bottom: 60px;
  max-width: 600px;
  margin: 0 auto;
}

@media (max-width:640px) {
  .affiliation-certified .bottom {
    padding-bottom: 50px;
  }
}

.affiliation-certified .bottom h3 {
  margin-bottom: 5px
}
/* General Styles */
#onetrust-policy-text > a {
  outline: none;
}

table {
  width: 100%;
  margin: 30px 0 40px;
  border: 1px solid #4a4a4a;
  border-spacing: 0;
}

th,
td {
  padding: 5px 10px;
  border: 1px solid #4a4a4a;
}

th {
  text-align: left;
}

td {
  font-weight: 400;
}
/* Page Audit Landing */
.audit-landing .hero-module-2 .top-link {
  position: relative;
  top: 60px;
  left: 0;
  text-transform: uppercase;
}

.audit-landing .hero-module-2 .screen-img svg {
  display: none;
}

.audit-landing .hero-module-2 .top-link a {
  padding-left: 0;
}

.audit-landing .hero-module-2 .top-link svg {
  display: none;
}

.audit-landing .usecase-d-zlayout .flex.j-sb {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.audit-landing .box-quote p {
  font-weight: 400;
}

.audit-landing .landing--video {
  padding: 60px 0 0;
}

.audit-landing .landing--video h2 {
  font-size: 18px;
  line-height: 150%;
  margin-bottom: 25px
}

.audit-landing .landing--video figure {
  max-width: 617px;
  border-radius: 0;
  box-shadow: none;
}

.audit-landing .home-sec .container {
  padding-left: 10%;
  padding-right: 10%;
}

.audit-landing .card small,
audit-langind .card .linktext {
  text-transform: uppercase;
}

.mod-4col-feature .button-heading {
  list-style: none;
  font-weight: 600;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  padding-left: 0
}

@media (min-width:768px) {
  .audit-landing .hero-module-2 .top-link {
    position: relative;
    top: 0;
    left: 0;
  }

  .audit-landing .hero-module-2 .textbox {
    padding: 40px 0 100px;
  }

  .audit-landing .hero-module-2 h1 {
    margin-bottom: 60px;
  }

  .audit-landing .hero-module-2 .container {
    padding-left: 10%;
  }

  .audit-landing .hero-module-2 .container:before {
    display: none !important;
  }

  .audit-landing .usecase-d-zlayout .flex.j-sb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .audit-landing .usecase-d-zlayout .col-main {
    margin-right: 40px;
  }

  .audit-landing .usecase-d-zlayout .col-side {
    margin-top: 75px;
  }

  .audit-landing .landing--video {
    padding: 60px 0 0;
  }

  .audit-landing .landing--video h2 {
    text-align: left;
  }

  .services-agreement .section.link-hero article {
    padding: 60px 10px;
  }

  .subprocessors .section.link-hero article {
    padding: 60px 10px;
  }

  .subprocessors .section.link-hero li {
    margin: 10px 5px 0 !important;
  }
}

.platform .platform-intro {
  background-color: inherit;
}
/* overrides */
/* LP Hero */
.lp-hero--container {
  display: flex;
  padding: 0 5%;
  position: relative;
}

.lp-form--wrapper {
  position: absolute;
  bottom: 0;
}

.lp-hero-module.hero-module {
  position: relative;
  min-height: 350px;
  overflow: visible;
  padding: 40px 0;
}

.lp-hero-module .container {
  position: relative;
  padding: 0 10%;
  z-index: 5;
}

.lp-hero-module .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.lp-hero-module .textbox {
  width: 100%;
}

.lp-hero-module .btn {
  margin-top: 60px;
}

.lp-hero-module h1 {
  font-size: calc(35px + 8*((100vw - 420px)/604));
  color: #fff;
  margin-bottom: 1rem;
}

.lp-hero-module h1.add-description {
  margin-bottom: 13px;
}

.lp-hero-module .textbox > p {
  line-height: 1.5em;
  color: #ffffff;
  font-size: calc(15px + 2*((100vw - 420px)/604));
  width: 50%;
}

.lp-hero-module .pattern-s {
  position: absolute;
  top: -20%;
  left: 6%;
  mix-blend-mode: color-dodge;
  opacity: 0.12;
  width: 40%;
  max-width: 530px;
}

.lp-hero-module .pattern-l {
  position: absolute;
  top: -35%;
  right: 6%;
  mix-blend-mode: color-dodge;
  opacity: 0.12;
  width: 40%;
  max-width: 630px;
}

a.btn.purple.big.lp-mobile-form-button {
  background-color: #7422f9;
  display: none;
}

.mfp-close-btn-in .mfp-close {
  color: #fff !important;
  font-size: 40px;
  top: -45px;
}

.lp-form-container {
  position: absolute;
  z-index: 999;
  top: 240px;
  width: 38%;
  background-color: #fff;
  max-width: 450px;
  padding: 5%;
  right: 10%;
  box-shadow: 0px 20px 40px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.add-description.lp-form-container {
  top: 200px;
}

.lp-form-container.lp-modal-form {
  max-width: 530px;
  width: 90%;
  position: unset;
  margin: 0 auto;
}

.lp-form-container h3 {
  margin-bottom: 30px;
}
.lp-form-container form.hs-form .hs-fieldtype-radio ul.inputs-list {
  display: block;
}

.lp-form-container form.hs-form .hs-form-field,
.lp-form-container form.hs-form .hs-dependent-field,
.lp-form-container form.hs-form .hs_contact_purpose,
.lp-form-container form.hs-form .hs-fieldtype-radio {
  width: 100%;
  margin-bottom: 18px;
}

.form-title {
  display: none;
}

form.hs-form .hs-form-field > label {
  color: #485589;
  font-weight: 500;
  line-height: 140%;
}

form.hs-form p {
  color: rgba(72, 85, 137, .75);
  font-size: 10.5px;
}

form.hs-form .legal-consent-container .hs-dependent-field span {
  font-size: 13px;
}

form.hs-form .legal-consent-container .hs-dependent-field {
  width: 100%;
  margin-bottom: 13px;
  margin-top: 13px;
}

form.hs-form ul input {
  width: 25px;
  height: 20px;
  margin-top: 0px;
  margin-bottom: 6px;
}

form.hs-form ul li:last-child input {
  margin-bottom: 0;
}

form.hs-form .hs-form-field.hs-fieldtype-radio > label {
  margin-bottom: 10px;
}

form.hs-form .hs-form-field.hs-fieldtype-radio:last-child > label {
  margin-bottom: 0;
}
form.hs-form input[type=submit] {
  background-color: #7422F9;
}
.hs_submit.hs-submit {
  width: 100%;
}
form.hs-form input[type=submit] {
  background-color: #7422f9;
  margin: 40px auto 0 auto;
  display: inline-block;
  text-align: center;
  width: unset;
}
.actions {
  display: flex;
}
.legal-consent-container .hs-richtext:last-child {
  padding-top: 10px;
}
.desktop-only {
  display: none;
}
@media (min-width: 1080px) {
  .text-together-desktop {
    white-space: nowrap;
  }
  .desktop-only {
    display: block;
  }

}

.lp-hero-module .textbox > h4, .lp-hero-module .textbox > p {
  max-width: 50%;
}
@media (max-width: 957px) {
  .lp-desktop-form {
    display: none;
  }
  a.btn.purple.big.lp-mobile-form-button {
    background-color: #7422f9;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  .lp-hero-module .textbox > p,
  .lp-hero-module .textbox > h4{
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .lp-hero-module .textbox {
    text-align: center;
  }
  .lp-hero-module h1 {
    margin-bottom: 13px;
  }
}

@media (max-width: 640px) {
  .lp-hero-module {
    padding-top: 60px;
    height: initial;
  }
  .lp-hero-module.hero-module {
    min-height: 250px;
  }

}

.lp-hero-module .textbox.text-align--center p {
  width: 100%;
}

/* LP Benefits Narrow */
.tooltipster-shadow {
  border-radius: 5px;
  background: #fff;
  border-right: 1px solid #DCDCE5;
  border-bottom: 1px solid #DCDCE5;
  border-top: 1px solid #DCDCE5;
  box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 5px;
  font-weight: 500;
  color: #8B8A8A;
  margin-left: -8px;
}

.tooltipster-arrow span {
  right: 80% !important;
}

.tooltip,
.tooltip-right {
  cursor: pointer;
}

.anchor-link {
  position: relative;
  top: -50px;
}

.benefits-container {
  margin-bottom: 50px;
}

.benefits-container .platform-intro {
  margin-bottom: 20px;
  background-color: transparent;
}

.benefits.flex {
  flex-flow: wrap;
}

.benefit-item {
  flex: 1 1 230px;
  padding: 40px 48px;
  box-sizing: content-box;
}

.benefit-item h6 {
  color: #485589;
  font-size: 20px;
}
.benefit-item svg {
  position: absolute;
  left: 0px;
  top: 8px;
}

.lp-benefits-narrow .benefit-item h6 {
  font-size: calc(19px + 4*((100vw - 420px)/604));
}

.lp-benefits-narrow .benefit-item li {
  padding-left: 25px;
  position: relative;
  color: #737fa6;
  font-weight: 400;
  margin-bottom:6;
}

@media (min-width: 685px) {

  .lp-benefits-narrow .benefit-item:nth-child(1),
  .lp-benefits-narrow  .benefit-item:nth-child(2),
  .lp-benefits-narrow .benefit-item:nth-child(3) {
    background-color: #fff;
  }

  .lp-benefits-narrow .benefit-item:nth-child(2),
  .lp-benefits-narrow .benefit-item:nth-child(5),
  .lp-benefits-narrow .benefit-item:nth-child(8) {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-benefits-narrow .benefit-item:nth-child(3),
  .lp-benefits-narrow .benefit-item:nth-child(6),
  .lp-benefits-narrow .benefit-item:nth-child(9) {
    padding-left: 0;
    padding-right: 0;
  }

  .lp-benefits-narrow .benefit-item:nth-child(1),
  .lp-benefits-narrow .benefit-item:nth-child(4),
  .lp-benefits-narrow .benefit-item:nth-child(7) {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 958px) {
  .lp-benefits-narrow .benefits.flex {
    max-width: 410px;
  }
  .lp-benefits-narrow .benefit-item svg {
    height: 12px;
    width: 17px;
  }

}
@media (max-width: 957px) {
  .lp-benefits-narrow .benefits-container .container {
    padding-left: 10%;
    padding-right: 10%;
  }
  .lp-benefits-narrow .benefits-container {
    min-height: unset !important;
  }
  .lp-benefits-narrow .benefit-item img {
    margin-left: 0;
  }

}
@media (max-width:767px) {
  .lp-benefits-narrow .benefits-container .container {
    padding-left: 5%;
    padding-right: 5%
  }
}


.benefit-item ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 555px) {
  .anchor-link {
    position: relative;
    top: -100px;
  }
}

/* LP Quote Module */

.quote-module.flex .testimonial-container {
  background: #fff;
  border-radius: 10px;
  padding: 60px 5% 60px 7%;
  max-width: 736px;
  width: 90%;
  margin: 0 auto 90px;
  box-shadow: none;
  position: relative;
}
.quote-module.flex .testimonial-container:first-child:last-child {
  box-shadow: 0px 30px 40px rgba(0,0,0,.1);
}
.quote-module.flex article.panel.flex.wrap.j-sb {
  height: 100%;
}
.quote-module.flex .text-col {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.quote-module .flex .text-col>p {
  margin: 0;
  padding-bottom: 60px;
  font-size: 20px;
}

.quote-module.flex .cite {
  margin-top: 30px;
  position: absolute;
  padding-left: 75px;
  bottom: 0;
  min-height: 63px;
  width: calc(100% - 12%);
}
.quote-module.flex .cite:before {
  content: ' ';
  position: relative;
  bottom: 30px;
  right: 75px;
  width: calc(100% + 75px);
  height: 1px;
  background-color: #cecece;
  display: block;
}
.quote-module.flex .cite.no-thumb {
  margin-top: 25px;
  position: relative;
  padding-left: 0;
}
.quote-module.flex .no-thumb.cite:before {
  content: ' ';
  bottom: 25px;
  right: 0;
  width: 100%;
  height: 1px;
}
.quote-module.flex  .logo-col img {
  width: 100%;
  max-width: 70px;
  margin-left: 0;
}
.quote-module.flex .logo-col {
  padding-left: 0%;
  padding-top: 10px;
  width: 30%;
  border-left: none;
}
.quote-module .quote .quote-mark-2 {
  right: calc(100% + 1px);
  font-size: 20px;
  line-height: 1em;
  color: #485589;
}

@media (max-width: 768px) {
  .quote-module.flex {
    flex-wrap: wrap;
  }
  .quote-module.flex .testimonial-container {
    margin: 0 auto;
    width: 100%;
  }
  .quote-module .flex .text-col>p {
    padding-bottom: 25px;
    font-size: 18px;
  }
  .quote-module.flex .cite {
    position: relative;
  }
  .quote-module.flex .testimonial-container {
    padding: 60px 5% 0px 7%;
  }
  .quote-module.flex .testimonial-container:first-child {
    padding: 80px 5% 0px 7%;
  }
  .quote-module.flex .testimonial-container:last-child {
    padding: 60px 5% 80px 7%;
  }
}

/* Module Trusted */
.mod-banner--trusted .bg-light h2 {
  color: #363A4C;
  margin-top: 30px;
}
.mod-banner--trusted .bg-light {
  background: linear-gradient(357.94deg, rgba(220, 220, 229, 0.5) 0.1%, rgba(242, 242, 244, 0) 50.22%);
}
.mod-banner--trusted .top.bg-light.reverse-bg {
  background: linear-gradient(357.94deg,rgba(242,242,244,0) .1%,rgba(220,220,229,0.5) 50.22%) !important;

}
.mod-banner--trusted .top {
  padding: 70px 0 200px;
  background: linear-gradient(357.94deg, rgba(220, 220, 229, 0.5) 0.1%, rgba(242, 242, 244, 0) 50.22%);
}
.mod-banner--trusted .img {
  padding: 10px 0;
}

/* LP Recent Articles */
div.post-related-articles {
  padding-top: 80px;
  margin: 0;
}
.padding-80 {
  padding-bottom:80px;
}
div.related-post-wrap {
  max-width: 850px;
  margin: 30px auto 0 auto;
}
div.post-related-articles div.title-block h3 {
  color: #252D53;
}
div.post-related-articles div.title-block h3:before, div.post-related-articles div.title-block h3:after {
  background-color: #252D53;
}
div.related-post-wrap .blog-card figure {
  height: 125px;
}
div.related-post-wrap .blog-card div.text-align--center span {
  left: 45%;
  transform: translateX(-40%);
  line-height: 12px;
  min-width: 145px;
  display: block;
}
@media (max-width: 767px) {
  div.related-post-wrap {
    max-width: 262px;
  }
  div.related-post-wrap .blog-card div {
    height: calc(100% - 120px);
  }
}
/* General Styles */
.text-align--center {
  text-align: center;
}
/** Start Customize 08312020 additions to style.css **/

/* Duplicate of coded added to style.css after compiled from Sass */

.hero-module.coral-gradient .bg-color {
  background: linear-gradient(328.45deg, #DA1884 15.91%, #F15F79 63.32%);
  transform: rotate(-180deg);
}

.hero-module-2 .pattern-s {
  position: absolute;
  top: -14%;left: 5%;
  mix-blend-mode: screen;
  opacity: 0.2;
  width: 40%;
  max-width: 363px;
}
.hero-module-2 .pattern-l {
  position: absolute;
  bottom: 6%;
  left: 38%;
  mix-blend-mode: screen;
  opacity: 0.25;
  width: 60%;
  max-width: 500px;
}
.audit-landing .hero-module-2 .top-link{
  position:relative;
  top:60px;
  left:0;
  text-transform:uppercase;
}
.audit-landing .hero-module-2 .screen-img svg{
  display:none;
}
.audit-landing .hero-module-2 .top-link a{
  padding-left:0;
}
.audit-landing .hero-module-2 .top-link svg{
  display:none;
}
.audit-landing .usecase-d-zlayout .flex.j-sb{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.audit-landing .box-quote p{
  font-weight:500;
}
.audit-landing .landing--video{
  padding:60px 0 0;
}
.audit-landing .landing--video h2{
  font-size: 18px;
  line-height: 150%;
  margin-bottom:25px
}
.audit-landing .landing--video figure{
  max-width:617px;
  border-radius:0;
  box-shadow:none;
}
.audit-landing .home-sec .container{
  padding-left:10%;
  padding-right: 10%;
}
.audit-landing .card small, 
audit-langind .card .linktext {
  text-transform:uppercase;
}
.mod-4col-feature .button-heading {
  list-style:none;
  font-weight:600;
  text-align:center;
  margin-top:30px;
  margin-bottom:0;
  padding-left:0;
}
.subprocessors table {
  width:100%;
  margin:30px 0 40px;
  border:1px solid #4A4A4A;
  border-spacing:0;
}
.subprocessors th, 
.subprocessors td {
  padding:5px 10px;
  border:1px solid #4A4A4A;
}
.subprocessors th {
  font-size:18px;
  color: rgb(74,74,74);
  font-weight:600;
  text-align:left
}
.subprocessors td {
  font-size:18px;
  color: rgb(72,85,137);
  font-weight:500;
}

@media (min-width: 768px) {
  .audit-landing .hero-module-2 .top-link {
    position:relative;
    top:0;
    left:0;
  }
  .audit-landing .hero-module-2 .textbox {
    padding:40px 0 100px;
  }
  .audit-landing .hero-module-2 h1 {
    margin-bottom:60px;
  }
  .audit-landing .hero-module-2 .container{
    padding-left:10%;
  }
  .audit-landing .hero-module-2 .container::before {
    display:none!important
  }
  .audit-landing .usecase-d-zlayout .flex.j-sb{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .audit-landing .usecase-d-zlayout .col-main{
    margin-right:40px;
  }
  .audit-landing .usecase-d-zlayout .col-side{
    margin-top:75px;
  }
  .audit-landing .landing--video{
    padding:60px 0 0;
  }
  .audit-landing .landing--video h2{
    text-align:left;
  }
  .privacy section.link-hero article {
    padding: 60px 10px;
  }
  .services-agreement section.link-hero article {
    padding: 60px 10px;
  }
  .subprocessors section.link-hero article {
    padding: 60px 10px;
  }
  .privacy section.link-hero li{
    margin:10px 5px 0!important;
  }
  .services-agreement section.link-hero li{
    margin:10px 5px 0!important;
  }
  .subprocessors section.link-hero li{
    margin:10px 5px 0!important;
  }
}

.platform .platform-intro {background-color:inherit}

/* Fix for Contact and demo Pages */
section.demo-form-container div.demo-form {
  min-height: 600px;
  transition: .2s all ease-in-out;
}


/* Home Platform Module (5 product Items Overrides) */
.index-new .home-platform .heading-pf-wrap {
  margin-bottom: 40px;
}
@media (min-width: 1025px) {
  .home-platform .col h5 {
    font-size: 17px;
  }
  .home-platform .col p {
    max-width: 150px;
    margin: 0 auto;
  }
  .home-platform .dash-box-2 .dash-line {
    width: 50%;
  }
  .home-platform .dash-box-2 .dash-line:before {
    width: 100%;
    right: 0%;
    border-bottom-right-radius: 0px;
    border-bottom: 1px dashed #ccc;
  }
  .home-platform .dash-box-2 .dash-line:after {
    width: 1px;
    right: -110%;
    border-bottom-left-radius: 0px;
    border-bottom: 1px dashed #ccc;
    border-left: 1px dashed #ccc;
  }
  .home-platform .dash-box-2 .dash-circle-2 {
    position: absolute;
    right: -10px;
    top: -32%;
  }
  .home-platform .dash-box-1 .dash-line, .home-platform .dash-box-3 .dash-line, .home-platform .dash-box-4 .dash-line {
    width: 60%;
    left: 20%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
  }
  .home-platform .dash-box-1 .dash-circle, 
  .home-platform .dash-box-3 .dash-circle, 
  .home-platform .dash-box-4 .dash-circle {
    left: 25%;
  }
  .home-platform .dash-box-1 .dash-circle {
    left: 10%;
  }

}
@media (max-width: 1024px) {
  .home-platform .col:last-child .dash-line {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15%;
    height: 1px;
    border-bottom: 1px dashed #ccc;
  }
}

@media (max-width: 640px) {
  .home-platform .col:last-child .dash-line {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 1px;
    height: 100%;
    border-bottom: none;
    border-left: 1px dashed #ccc;
  }
}
/* 4 Col All Products Module overrides */
.mod-4col-feature .col {
  width: calc(100%/4);
  padding: 10px 2% 40px;
  position: relative;
  border: none !important;
}
.mod-4col-feature ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  margin: 0 auto 45px;
}
.mod-4col-feature li {
  padding-left: 0;
  font-size: 13px;
  text-align: center;
  max-width: 150px;
}
.mod-4col-feature p.name {
  text-align: center;
  line-height: 1.1em;
  font-weight: 400;
  margin: 14px 0 20px;
}
.mod-4col-feature .button-heading {
  list-style: none;
  font-weight: 600;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 0;
  padding-left: 0;
}
@media (max-width: 1024px) {
  .home-platform .col:nth-child(odd):last-child {
    border-right: 0;
  }
  .home-platform .col:last-child .dash-line {
    display: none;
  }
  .home-platform .col:last-child .dash-circle {
    top: -70px;
    right:calc(50% - 4px);
  }
  .home-platform .col:nth-child(odd):last-child {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .mod-4col-feature .col {
    width: calc(100%/2);
  }
  .mod-4col-feature .cols-wrap {
    max-width: 600px;
    margin: 0 auto;
  }
}
@media (max-width: 430px) {
  .mod-4col-feature .col {
    width: 100%;
  }
}

/* End Customize 08312020 */

/* Page Hero Colors */

.indigo-background {
  background: linear-gradient(122.27deg, rgba(0, 160, 227, 0.85) 2.63%, rgba(0, 160, 227, 0) 60.46%), #693CEF;
}
/* Page Hero */
.hero-module-2 .container:before {
  content: none;
}
.hero-module .bg-color {
  z-index: 0;
}
.hero-module * {
  z-index: 1;
}
.hero-module h4 {
  color: #fff;
  font-weight: 400;
}
.page-hero--container {
  display: flex;
  padding: 0 5%;
  position: relative;
}

.page-form--wrapper {
  position: absolute;
  bottom: 0;
}

.page-hero-module.hero-module {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  padding: 40px 0;
}
.page-hero-module.hero-module-2 {
  padding: 0 0;
  overflow: visible;
}
.page-hero-module .pattern-s {
  position: absolute;
  top: -43%;
  left: 3%;
  mix-blend-mode: difference;
  opacity: .09;
  width: 40%;
  max-width: 544px;
}
.page-hero-module.hero-module-2 .pattern-s {
  display: none;
}
.page-hero-module .pattern-l {
  position: absolute;
  top: 0;
  left: 23%;
  mix-blend-mode: difference;
  opacity: .09;
  width: 58%;
  max-width: 820px;
  max-height: 570px;
}
.page-hero-module .container {
  position: relative;
  padding: 0 10%;
  z-index: 5;
}

.page-hero-module .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.page-hero-module.hero-module-2 .container {
  position: relative;
  padding: 0 5%;
  z-index: 5;
}

.page-hero-module .textbox {
  width: 100%;
  text-align: center;
}

.page-hero-module.hero-module-2 .textbox {
  text-align: left;
}
.hero-module-2.page-hero-module .textbox {
  max-width: 625px;
  width: 60%;
  padding: 50px 0;
}
.page-hero-module.hero-module h1 {
  font-weight: 600;
}
.page-hero-module .btn {
  margin-top: 40px;
}
.page-hero-module h1 {
  /*   font-size: calc(42px + 8*((100vw - 420px)/604)); */
  color: #fff;
  margin-bottom: 13px;
  text-align: center;
}

.page-hero-module.hero-module-2 h1 {
  text-align: left;
}

.page-hero-module h1.add-description {
  margin-bottom: 13px;
}

.page-hero-module .textbox p {
  line-height: 1.5em;
  color: rgba(255, 255, 255, .75);
  font-size: calc(15px + 2*((100vw - 420px)/604));
  width: 100%;
}
.page-hero-module p {
  text-align: center;
}
.page-hero-module.hero-module-2 p {
  text-align: left;
}


a.btn.purple.big.page-mobile-form-button {
  background-color: #7422f9;
  display: none;
}

.mfp-close-btn-in .mfp-close {
  color: #fff !important;
  font-size: 40px;
  top: -45px;
}
.mfp-close-btn-in .mfp-close {
  color: #363a4c60 !important;
  font-size: 40px;
  top: -45px;
  right: calc(-5% - 22px);
  border-radius: 50%;
  border: 1px solid #363a4c60;
  font-weight: 100;
  line-height: 1;
  box-shadow: 1px 1px 19px -8px #000;
  transition: .35s all ease-in;
}

.modal-button-container {
  position: relative;
  width: 100%;
}

.page-form-container {
  position: absolute;
  z-index: 999;
  top: 200px;
  width: 38%;
  background-color: #fff;
  max-width: 450px;
  padding: 5%;
  right: 10%;
  box-shadow: 0px 20px 40px 5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.page-form-container.page-modal-form {
  max-width: 530px;
  width: 90%;
  position: unset;
  margin: 0 auto;
}

.page-form-container h3 {
  margin-bottom: 30px;
  margin-top: 0;
}
.page-form-container form.hs-form .hs-fieldtype-radio ul.inputs-list {
  display: block;
}

.page-form-container form.hs-form .hs-form-field,
.page-form-container form.hs-form .hs-dependent-field,
.page-form-container form.hs-form .hs_contact_purpose,
.page-form-container form.hs-form .hs-fieldtype-radio {
  width: 100%;
  margin-bottom: 18px;
}

@media (min-width: 1080px) {
  .text-together-desktop {
    white-space: nowrap;
  }
}

@media (min-width: 1280px) {
  .page-hero-module h1 {
    font-size: 53px;
  }
  .page-form-container {
    padding: 65px;
  }
}
@media (min-width: 1281px) {
  .hero-module-2.page-hero-module .img-view-container {
    width: 47%;
  }
}
@media (max-width: 1280px) and (min-width: 786px) {
  .hero-module-2.page-hero-module .img-view-container {
    width: 45%;
  }
}

@media (max-width: 957px) {
  .page-desktop-form {
    display: none;
  }
  a.btn.purple.big.modal-popover {
    background-color: #7422f9;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  .page-hero-module .textbox p {
    width: 100%;
    text-align: center;
  }
  .page-hero-module .textbox {
    text-align: center;
  }
  .page-hero-module h1 {
    margin-bottom: 13px;
  }
}

@media (max-width: 786px) {
  .hero-module-2.page-hero-module .textbox {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .page-hero-module {
    padding-top: 60px;
    height: initial;
  }
  .page-hero-module.hero-module {
    min-height: 250px;
  }
}
/* Module Simple LP Nav */
.header--container {
  min-height: 100px;
}
.header--logo {
  flex: 1 1 250px;
  justify-self: flex-start;
  align-self: center;
  max-width: 200px;
}
.header--logo a {
  display: flex;
}
.header--nav {
  flex: 3 1 400px;
  justify-self: flex-end;
  align-self: center;
}
.header--nav {
  padding: 0 5%;
}
.header--nav li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #202640;
  padding: 20px 40px;
  text-decoration: none;
  transition: .25s all ease;
  position:relative;
}
.header--nav li a:before {
  transition: .25s all ease;
  height: 0px;
  opacity: 0;
}
.header--nav li:hover a:before,
.header--nav li:active a:before,
.header--nav li:focus a:before {
  content: '';
  position: absolute;
  bottom: 14px;
  height: 2px;
  left: 40px;
  opacity: 1;
  width: calc(100% - 80px);
  background-color: #202640;
  border-radius: 2px;
  display: block;
}
.header--nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.header--nav li {
  display: inline;
  float: left;
  margin: 4px;
}

/* Module CTA Banner */
.module--cta-banner {
  background: #23de9b;
  box-shadow: 0px 4px 30px rgba(0,0,0,0.25);
  text-align: center;
  z-index: 2;
  position: relative;
}
.module--cta-banner a {
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-size: 20px;
  letter-spacing: 0.539272px;
  word-spacing: 4px;
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 600;
  padding: 13px 10px;
  display: inline-block;
  transition: .35s all ease-in;
}
.module--cta-banner a:hover,
.module--cta-banner a:active,
.module--cta-banner a:focus{
  transform: scale(1.01);
}
/* Module Content - Sidebar */
section.usecase-d-zlayout {
  padding-bottom: 100px;
}

/* Module Key Features */
.usecase-d-feature.page-key-features {
  padding: 80px 0 0px;
}
.usecase-d-feature.page-key-features h3 {
  margin-bottom: 60px;
}
.usecase-d-feature.page-key-features .row {
  padding-left: 50px;
  position: relative;
  color: #fff;
  margin-bottom: 80px;
  width: 30%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.usecase-d-feature.page-key-features .check-circle {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 62px;
  height: 62px;
  margin: 30px auto;
  border-radius: 50%;
  border: 5px solid #fff;
}
.usecase-d-feature.page-key-features .check-circle svg {
  position: absolute;
  width: 26px;
  height: 20px;
  top: 52%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.usecase-d-feature.page-key-features .row:first-child,
.usecase-d-feature.page-key-features .row:nth-child(4){
  padding-left: 0px;
}
.key-features-icon {
  padding-bottom: 25px;
}

@media (min-width: 961px) {
  .items-wide-3.usecase-d-feature .row {
    width: calc(100%/3 - 4%);
    padding-left: 50px;

  }
}

@media (max-width: 768px) {
  .usecase-d-feature.page-key-features .row {
    flex: 1 1 201px;
    padding-left: 0;
    max-width: 280px;
    margin: 0 auto 10px auto;
  }
  .usecase-d-feature.page-key-features .row:last-child {
    margin-bottom:80px;
  }
  .usecase-d-feature.page-key-features h3 {
    margin-bottom: 45px;
  }
  .key-features-icon {
    padding-top: 32px;
  }
}


/* Module All Products */
.mod-4col-feature {
  padding-top: 80px;
  padding-bottom: 20px;
}
#all-products.mod-4col-feature {
  padding-top: 80px;
  padding-bottom: 80px;
}
#all-products.mod-4col-feature .container {
  padding-left: 5%;
  padding-right: 5%;
}
.mod-4col-feature .platform-intro h2 {
  font-weight: 500;
  color: #252D53;
  padding-bottom: 30px;
  margin-bottom: 60px;
  position: relative;
  font-size: 26px;
}
.mod-4col-feature .platform-intro {
  background-color: transparent;
  margin-bottom: 0;
}

/* General HS Styles */
.row-fluid [class*="span"] {
  min-height: 0px;
}
.content--narrow {
  max-width: 441px;
}
@media (max-width: 960px) {
  .usecase-d-zlayout .flex.j-sb {
    flex-flow: wrap;
  }
  .content--narrow {
    max-width: 100%;
  }
  .usecase-d-zlayout .col-main {
    flex: 2 1 450px;
    margin-bottom: 30px;
  }
  .usecase-d-zlayout .box-quote {
    flex: 1 1 450px;
  }
}
/* Module Resource Cards */
.page-resource-cards h2 img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 117px;
  width: 100%;
}
.page-resource-cards>h2 {
  text-align: center;
  position: relative;
  padding-bottom: 35px;
  margin-bottom: 35px;
  font-weight: 500;
  color: #252d53;
  padding-top: 80px;
}
main.page-resource-cards {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 5% 0 5%;
}
/* Module/Page Hero 3-3, Benefits, Packages Table */

.tooltipster-shadow {
  border-radius: 5px;
  background: #fff;
  box-shadow: 1px 3px 15px 1px rgba(0, 0, 0, 0);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  padding: 5px;
  font-weight: 500;
  color: #8B8A8A;
  margin-left: -8px;
}

.tooltipster-arrow span {
  right: 80% !important;
}

.tooltip,
.tooltip-right {
  cursor: pointer;
}

.hero-module-3-3.hero-module-2 .container {
  padding-left: 5%;
}

.hero-module-3-3.hero-module-2 .container::before {
  display: none;
}

.hero-module-3-3.hero-module-2 .textbox {
  max-width: 665px;
  width: 100%;
  padding: 50px 0;
  text-align: center;
  margin: 0 auto;
}

.hero-module-3-3.hero-module-2 .textbox h1 {
  max-width: 600px;
  margin: 0 auto 40px auto;
}

.hero-module-3-3.hero-module-2 p {
  font-size: 18px;
  line-height: 1.5em;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}

.hero-module-3-3.hero-module-2 .textbox ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  place-content: space-evenly;
  flex-wrap: wrap;
}

.hero-module-3-3.hero-module-2 .btn {
  color: white;
  font-size: 11px;
  padding: 6px 40px;
  background: rgba(35, 8, 103, 0.2);
  font-weight: 300;
}

.hero-module-3-3.hero-module-2 {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  margin-bottom: 50px;
  height: auto !important;
}

.hero-module-3-3 .bg-pattern.pattern-xs {
  position: absolute;
  top: -29%;
  left: 17%;
  mix-blend-mode: color-dodge;
  opacity: 0.2;
  width: 19%;
}

.hero-module-3-3 .bg-pattern.pattern-small {
  position: absolute;
  top: -56%;
  left: 85%;
  mix-blend-mode: multiply;
  opacity: 0.1;
  width: 31%;
}

.hero-module-3-3 .pattern-xl {
  position: absolute;
  top: 10px;
  left: 32.5%;
  mix-blend-mode: multiply;
  opacity: 0.06;
  width: 37%;
  min-width: 500px;
}

.anchor-link {
  position: relative;
  top: -50px;
}

.benefits-container {
  margin-bottom: 50px;
}

.benefits-container .platform-intro {
  margin-bottom: 20px;
  background-color: transparent;
}

.benefits.flex {
  flex-flow: wrap;
}

.benefit-item {
  flex: 1 1 230px;
  padding: 40px 48px;
  box-sizing: content-box;
}



@media (min-width: 685px) {
  .benefit-item:nth-child(3),
  .benefit-item:nth-child(6),
  .benefit-item:nth-child(9) {
    padding-left: 30px;
  }

  .benefit-item:nth-child(1),
  .benefit-item:nth-child(4),
  .benefit-item:nth-child(7) {
    padding-right: 30px;
  }
}

@media (max-width: 957px) {
  .benefits-container .container {
    padding-left: 10%;
    padding-right: 10%;
  }

  .benefit-item {
    flex: 1 1 180px;
    padding: 0px 5% 30px;
    margin-right: 20px;
  }
  .lp-benefits-narrow .benefit-grid .benefit-item img {
    max-height: 70px;
  }
}
@media (max-width:767px) {
  .benefits-container .container {
    padding-left: 5%;
    padding-right: 5%;
  }
  .lp-benefits-narrow .benefits-container .container {
    padding-left: 5%;
    padding-right: 5%;
  }
}

.benefit-item h6 {
  color: #485589;
  font-size: 20px;
}

.benefit-item ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.benefit-item li {
  padding-left: 18px;
  font-size: 15px;
  position: relative;
  color: #737fa6;
  font-weight: 500;
  margin-bottom: 14px;
}

.benefit-item svg {
  position: absolute;
  left: 0;
  top: 8px;
}

/* Compare Table */
.compare-table-wrapper {
  padding: 50px 0 50px 0;
  max-width: 1150px;
  margin: 0 auto;
  min-width: 285px;
}
.compare-table-wrapper .compare-label p {
  color: unset;
  font-size: 16px;
  margin: 0;
  position: relative;
}
.compare-table-wrapper p {
  color: unset;
  font-size: 14px;
  margin: 0;
}

.compare-table-wrapper h6 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-top: 0;
  margin-bottom: 0;
}

.compare-title {
  padding-bottom: 40px;
}

.compare-label p,
.compare-title h6 {
  padding-left: 12px;
}

.compare-table.flex>div.compare-label.td-1 {
  position: relative;
}

.compare-table.flex>div.compare-label.td-1 p {
  padding-right: 25px;
}

.compare-label svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.compare-section-title p,
.compare-section-title svg {
  font-weight: 700;
  color: #485589;
  margin-top: 40px;
}

.compare-section-title p {
  position: relative;
}
.compare-table-wrapper img+p {
  padding-top: 2px !important;
}
.compare-section-title p svg {
  margin-top: 0;
}

.compare-section-title:nth-child(5) p,
.compare-section-title:nth-child(6) svg,
.compare-section-title:nth-child(7) svg,
.compare-section-title:nth-child(8) svg,
.compare-section-title:nth-child(5) p svg {
  margin-top: 0;
}

.compare-th p {
  color: #fff;
  font-size: 13px;
  line-height: 110%;
  padding: 0 10px;
  max-width: 175px;
  margin: 0 auto;
  text-align: center;
}

.compare-table.flex {
  flex-wrap: wrap;
}

.compare-table.flex>div {
  flex: unset;
  width: 23.33%;
  border-bottom: 1px solid #ccccccc2;
  position: relative;
  padding: 8px 0;
}

.compare-table.flex>div.td-1 {
  flex: unset;
  width: 30%;
}

.compare-table.flex>div.td-2,
.compare-table.flex>div.td-3,
.compare-table.flex>div.td-4,
.compare-table.flex>div.td-5,
.compare-table.flex>div.td-6{
  flex: unset;
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.compare-table.flex>div.compare-title.td-1,
.compare-table.flex>div.compare-th.td-2,
.compare-table.flex>div.compare-th.td-3,
.compare-table.flex>div.compare-th.td-4,
.compare-table.flex>div.compare-th.td-5,
.compare-table.flex>div.compare-th.td-6 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
  border: none;
}

.compare-table.flex>div.compare-th.td-2,
.compare-table.flex>div.compare-th.td-3,
.compare-table.flex>div.compare-th.td-4,
.compare-table.flex>div.compare-th.td-5,
.compare-table.flex>div.compare-th.td-6 {
  justify-content: flex-start;
}

.compare-table.flex>div.td-1 {
  display: flex;
  text-align: left;
  justify-content: left;
  align-items: self-end;
}

.compare-table.flex>div.td-2 {
  border-right: 1px dashed #ccccccc2;
  border-left: 1px dashed #ccccccc2;
}

.compare-table.flex>div.td-3 {
  border-right: 1px dashed #ccccccc2;
}

.compare-title, .compare-th {
  background-color: #315388;
}

.compare-table-wrapper .compare-th h6 {
  color: #fff;
  opacity: 1;
}

.compare-th.td-3,
.compare-th.td-2{
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

img.tooltip-right.tooltipstered {
  padding: 12px 8px 12px 32px;
  margin: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.compare-td p {
  margin-bottom: auto !important;
  padding: 0 6px;
}

@media (max-width:1150px) {
  .compare-table-wrapper {
    padding: 50px;
  }
  .benefit-item h6 {
    font-size: 18px;
  }
  .compare-table-wrapper .compare-label p {
    color: unset;
    font-size: 14px;
    margin: 0;
    position: relative;
  }
}

@media (max-width: 930px) {
  .compare-table-wrapper {
    padding: 50px 20px 50px 20px;
  }
  .hero-module-3-3.hero-module-2 .container {
    padding-left: 5%;
    padding-top: 50px;
  }
}
@media (max-width: 720px) {
  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4 {
    flex: 1 1 95px;
  }

  .compare-table.flex>div.td-1 {
    flex: 3 1 195px;
  }

  .compare-table-wrapper h6 {
    font-size: 18px;
  }
  .compare-table-wrapper .compare-label p {
    font-size: 14px;
  }
  .compare-table-wrapper p {
    font-size: 13px;
  }

  .compare-td p {
    font-size: 12px;
  }

}

@media (max-width: 640px) {
  .hero-module-3-3.hero-module-2 .btn {
    position: static;
    margin-top: 25px;
  }

  .hero-module-3-3.hero-module-2 .textbox ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    place-content: space-evenly;
    flex-wrap: wrap;
    flex-flow: column;
  }
  .compare-table-wrapper h6 {
    font-size: 15px;
  }
  .compare-td p {
    font-size: 11px;
  }
}


@media (max-width: 555px) {
  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4 {
    flex: 1 1 82px;
  }

  .compare-table.flex>div.td-1 {
    flex: 3 1 122px;
  }

  .compare-table-wrapper h6 {
    font-size: 14px;
  }
  .anchor-link {
    position: relative;
    top: -100px;
  }
  .compare-td p {
    font-size: 10px;
  }
}

@media (max-width: 460px) {
  .compare-table-wrapper h6 {
    font-size: 14px;
  }
  .compare-table-wrapper .compare-label p,
  .compare-table-wrapper p {
    font-size: 11px;
  }
  .compare-td p {
    font-size: 10px;
  }
}

@media (max-width:412px) {
  .compare-table-wrapper p {
    font-size: 10px;
  }
  .compare-table.flex>div.td-2,
  .compare-table.flex>div.td-3,
  .compare-table.flex>div.td-4,
  .compare-table.flex>div.td-5,
  .compare-table.flex>div.td-6  {
    padding: 6px 3px;
  }
}

@media (max-width:347px) {
  .compare-table-wrapper h6 {
    font-size: 12px;
  }
}

/* Module Benefits Grid */
.benefits-container {
  margin-bottom: 50px;
  padding-top: 100px;
}
/* Module Packages Table */
.compare-table-wrapper {
  padding-bottom: 120px;
}

/* Module ROI Password  */
.widget-type-password_prompt {
  background-color: #fff;
  max-width: 1600px;
  margin: 0 auto;
  margin-top: -80px;
  padding-bottom: 100px;
  position: relative;
}
.hs_cos_wrapper_type_password_prompt input.hs-button.primary.large {
  background: #7422f9;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  padding: 15px 40px;
  height: unset;
  line-height: unset;
}
input#hs-pwd-widget-password {
  border: 1px solid #d8e2ea;
  line-height: 47px;
  margin: 0;
  margin-top: 20px !important;
  margin-right: 10px;
  font-size: 20px;
  padding: 25px 15px;
}
.hs_cos_wrapper_type_password_prompt {
  max-width: 1280px;
  margin: 0 auto;
  display: block;
  padding: 0 10%;
}
/* ROI TY Page */
.roi-download-pdf {
  background: #7422f9;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  padding: 15px 40px;
  height: unset;
  line-height: unset;
  display: block;
  max-width:350px;
  margin: 0 auto;
  margin-top: -30px;
  text-transform: uppercase;
  font-weight: 500;
  word-spacing: 3px;
  transition: .2s all ease;
}
.fa-spin-container {
  display: none;
}
.fa-spin {
  margin-right: 6px;
  margin-left: -26px;
  transition: .2s all ease;
}
/* Roi Form */
label.btn.btn-primary.toggle-on {
  height: 26px;
  margin-top: -10px;
  padding: 28px;
  width: 90px;
  margin-left: 0px;
  color: transparent;
  z-index: 999;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
label.btn.toggle-off {
  height: 26px;
  margin-top: -10px;
  padding: 28px;
  width: 90px;
  margin-left: 0px;
  color: transparent;
  z-index: 999;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.toggle-group span.toggle-handle.btn.btn-default {
  position: relative;
  z-index: 0;
  margin-top: 0;
  width: 18px !important;
  height: 18px;
  padding: 0;
  top: calc(-50% - 1px);
}
.toggle.btn.btn-primary .toggle-group span.toggle-handle.btn.btn-default {
  border-color: #00a3e1;
  color: transparent !important;
}
.toggle.btn.btn-default.off .toggle-group span.toggle-handle.btn.btn-default {
  border-color: #DCDCE5;
  color: transparent !important;
}
body .toggle.btn.btn-default.off .toggle-group span.toggle-handle.btn.btn-default {
  border-color: #dcdce5;
  color: transparent !important;
  background-color: #00A3E1 !important;
}
body .toggle.btn.btn-primary .toggle-group span.toggle-handle.btn.btn-default {
  border-color: #00a3e1;
  background-color: #DCDCE5 !important;
  color: transparent !important;
}
.toggle.btn.btn-default.off {
  border-color: #DCDCE5;
  background-color: #DCDCE5;
}
.toggle.btn.btn-primary:active:hover {
  background-color: #00a3e1;
}
.toggle-group .btn.btn-default:hover {
  background-color: transparent !important
}
.roi-output-heading .toggle {
  width: 24px !important;
  float: right;
  overflow: visible;
  padding: 4px 10px;
  height: 11.5px !important;
}
.toggle.btn.btn-primary label.btn.toggle-off {
  margin-left: 10px;
}
.toggle.btn.btn-default.off label.btn.toggle-off {
  margin-left: -10px;
}
.ee116, .ee1161 {
  display: block;
  width: 48px;
  overflow: hidden;
  padding: 10px 10px;
  margin-right: -10px;
}
.toggle.btn-primary {
  background-color: #00A3E1;
  border-color: #00A3E1;
}
#XLEW_1_20_2, #XLEW_1_8_2, #XLEW_1_14_2 {
  display: none;
}
.slider-handle {
  height: 20px;
  background-color: #00a3e1;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f93ce',endColorstr='#ff337ab7',GradientType=0);
  filter: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0 solid transparent;
}
.slider-track-low {
  background-color: #AFD8ED;
}
.slider-horizontal .slider-selection {
  background-color: #DCDCE5 !important;
  background-image: none;
  box-shadow: none;
}
/* roi ty page */
@media (min-width: 769px) {
  .hs-content-id-37118179183  .mod-demo--signup2-wrap,
  .hs-content-id-37024104369 .mod-demo--signup2-wrap {
    overflow: visible;
  }
}
@media (min-width: 480px) {
  .usecase-d-text-wrap h2 {
    position: relative;
    padding-bottom: 50px;
    margin-bottom: 50px;
    font-weight: 500;
    color: #252d53;
    overflow-wrap: break-word;
  }
}
/* ROI Form */
.page-roi-calculator form.hs-form .roi-inputs label.btn.btn-primary.toggle-on, 
.page-roi-calculator form.hs-form .roi-inputs label.btn.btn-default.active.toggle-off {
  color: transparent !important;
}
/* ROI Form popover */
.inline-close.mfp-close {
  position: relative;
  border-radius: unset;
  box-shadow: none;
  border: 0;
  width: 100%;
  height: auto;
  color: #485589 !important;
  font-size: 10px;
  text-align: left;
  font-weight: 600;
  opacity: 1;
  text-transform: uppercase;
  display: inline-block;
  top: 0px;
  left: 0;
  margin-top: 0px;
  margin-bottom: 10px;
}
.inline-close.mfp-close .fa.fa-chevron-left {
  opacity: .8;
  margin-right: 8px;
}
.page-form-container.page-modal-form.roi-form {
  max-width: 875px;
  width: 95%;
  position: unset;
  margin: 0 auto;
  padding: 0;
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
}
.form-content-main {
  padding: 22px 5%;
  max-width: 560px;
  margin: 0 auto;
}
.form-content-sidebar {
  background-color: #f2f8fc;
  padding: 6% 5%;
  width: 100%;
  border-radius: 15px 0 0 15px;
  flex: 1 220px;
  text-align: center;
}
.form-content-main form.hs-form ul span {
  line-height: 1.2em;
}
.form-content-main form.hs-form p {
  color: rgba(72,85,137,.75);
  font-size: 14px;
  line-height: 1.2;
  max-width: 450px;
}
.form-content-main form.hs-form input[type=submit] {
  background-color: #0026F1;
  margin: 10px 0 0 0;
  display: inline-block;
  text-align: center;
  width: unset;
}
form.hs-form input, form.hs-form textarea {
  margin: 0;
  text-align: left;
  padding: 8px 8px 8px 14px;
}
ul.no-list.hs-error-msgs.inputs-list, ul.no-list.hs-error-msgs.inputs-list li label {
  margin-bottom: 0;
  margin-top: 2px;
  font-size: 12px;
}

@media (max-width: 820px) {

  .form-content-sidebar {
    border-radius: 15px 15px 0 0;
  }
  .page-form-container.page-modal-form.roi-form {
    max-width: 550px;
  }
  .form-content-main form.hs-form input[type=submit] {
    margin: 10px auto 0 auto;
  }
}
/* ROI Header */
.page-roi-calculator .bg-pattern.bg-right svg {
  filter: invert(.9);
  opacity: .7;
}
.page-roi-calculator .bg-top-left {
  top: 71.25%;
  left: 27.5%;
  width: 60%;
  min-width: 315px;
  opacity: .1;
}
.page-roi-calculator .bg-top-left svg {
  opacity: .5;
}
.page-roi-calculator .bg-bottom-left {
  top: 8%;
  left: 252px;
  width: 20%;
  min-width: 250px;
  opacity: .1;
}
.page-roi-calculator .bg-bottom-left svg {
  filter: invert(.9);
}

/* Mastermind Modules */

/* Simple Nav - Mastermind Event */
.mastermind-event *,
.mastermind-nav *{
  font-family: proxima-nova, sans-serif !important;
}
.mastermind-event .container {
  max-width: 1080px;
}

.mastermind-nav.max-container {
  background: linear-gradient(180deg, #35196D 0%, #3D1B6C 100%);
  color: #fff;
}
.mastermind-nav .header--container {
  min-height: 80px;
}
.mastermind-nav .header--logo img {
  height:18px;
}
.mastermind-nav .header--cta {
  align-self: center;
}

.mastermind-nav .header--nav li a {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  letter-spacing:.2px;
  padding: 20px 22px;
}

.mastermind-nav .header--cta .btn {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  color: #DC2D58;
  font-size: 17px;
  font-weight: 800;
  letter-spacing: 3px;
  padding: 8px 34px;
}
.mastermind-nav .header--nav ul {
  display: flex;
  justify-content: flex-end;
}

/* Hero - Mastermind Event */
.mastermind-hero section.hero-module.lp-hero-module.flex {
  margin-bottom: -13%;
  padding-bottom: 13%;
  z-index: 1;
}
.mastermind-hero .hero-module h1 {
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: 700;
  font-size: 70px;
  line-height: 62px;
  text-align: center;
  text-transform: uppercase;
  color: #DC2D58;
  margin-bottom: 0;
}
.mastermind-hero h1 small {
  font-weight: 800;
  font-size: 39px;
  line-height: 32px;
  text-align: center;
  color: #DC2D58;
}

.mastermind-hero .hero-module h2 {
  font-weight: 500;
  font-size: 48.1255px;
  line-height: 52px;
  margin: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.event-text-divider small {
  font-weight: 600;
  font-size: 31px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  font-variant: small-caps;
}
.event-presented-by {
  font-weight: 600;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  letter-spacing: .3em;
  text-transform: uppercase;
  display: inline;
}
.hero-small-logo {
  display: inline;
}
.hero-small-logo img {
  vertical-align: text-bottom;
}

.event-text-divider {
  position: relative;
  max-width: 470px;
  margin: 0 auto;
}
.event-text-divider:before {
  content:' ';
  display: block;
  height:2px;
  width: calc(50% - 60px);
  position: absolute;
  right: 0;
  top: calc(50% - 1px);
  background-color:#DC2D58;
}
.event-text-divider:after {
  content:' ';
  display: block;
  height:2px;
  width: calc(50% - 60px);
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  background-color:#DC2D58;
}
.event-info-container {
  place-content: center;
  flex-wrap: wrap;
}
.event-info-item {
  color: #351a6d;
  background-color: #dc2d58;
  border-radius: 5px;
  padding: 20px 24px 14px 24px;
  margin: 35px 18px 38px 18px;
  width: 180px;
}
.event-info-item h6 {
  font-weight: bold;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #351A6D;
  margin: 0;
  padding: 0;
}
.event-info-divider {
  height: 2px;
  width: 100%;
  margin: 0px auto 2px auto;
  background-color: #351a6d;
}
.event-info-item h3 {
  font-weight: 500;
  font-size: 53px;
  line-height: 53px;
  text-align: center;
  text-transform: uppercase;
  color: #351A6D;
  margin: 0;
  padding: 0;
}
.countdown-text {
  font-weight: bold;
  font-size: 24px;
  line-height: 113%;
  text-align: center;
  font-variant: small-caps;
  color: #dc2d58;
  margin-top: -6px;
  text-shadow: 1px 1px 20px #3D1B6D;
}

/* Demo clock */
#clockdiv {
  color: #fff;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 30px;
  padding-top: 130px;
  padding-bottom: 90px;
}

#clockdiv > div{
  display: inline-block;
  text-align: center;
}

#clockdiv div span {
  font-family: input-mono-narrow,monospace !important;
  font-weight: 500;
  font-size: 68px;
  line-height: 100px;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: -5px;
  word-spacing: -20px;
}

@media (max-width: 1080px) {
  .mastermind-nav .header--nav li a {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 12px;
  }
  .mastermind-nav .header--nav {
    padding: 0 1%;
    flex: 3 1 350px;
  }
  .mastermind-nav .header--nav ul {
    display: flex;
    justify-content: unset;
  }

}

@media (max-width: 880px) {
  .mastermind-nav .header--logo {
    flex: 1 1 1000px;
    justify-self: center;
    align-self: center;
    max-width: 100%;
    width: 100%;
    margin: 12px auto 10px auto;
  }
  .mastermind-nav .header--logo a {
    display: flex;
    justify-content: center;
  }
  .mastermind-nav .header--container {
    min-height: 80px;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
  }
  #clockdiv div span {
    font-size: 60px;
    line-height: 80px;
  }
}

@media (max-width: 600px) {
  .mastermind-hero .hero-module h1 {
    font-size: 50px;
    line-height: 50px;
  }
  .mastermind-hero h1 small {
    font-size: 30px;
    line-height: 30px;
  }

  .mastermind-hero .hero-module h2 {
    font-size: 26px;
    line-height: 26px;
  }
  .event-text-divider small {
    font-size: 20px;
    line-height: 30px;
  }
  .hero-small-logo {
    display: block;
    margin: 1px auto;
    max-width: 120px;
  }
  .event-presented-by {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
  }
  #clockdiv div span {
    font-size: 50px;
    line-height: 60px;
  }

  .mastermind-nav .header--container {
    min-height: 80px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mastermind-nav .header--logo img {
    margin: 20px auto 10px auto;
  }
  .mastermind-nav .header--nav li a {
    font-size: 16px;
    line-height: 16px;
    padding: 12px 14px;
    display: block;
  }
  .mastermind-nav .header--cta .btn {
    font-size: 16px;
    margin: 0 auto 0 auto;
  }
  .mastermind-nav .header--nav {
    flex: unset;
  }
  .event-text-divider {
    max-width: 300px;
  }
  .event-text-divider:before {
    width: calc(50% - 40px);
  }
  .event-text-divider:after {
    width: calc(50% - 40px);
  }
}
@media (max-width: 556px) {
  .event-info-item:first-child {
    margin: 35px 18px 0 18px;
  }
}
@media (max-width: 400px) {
  .mastermind-hero .hero-module h1 {
    font-size: 36px;
    line-height: 50px;
  }
  .mastermind-hero h1 small {
    font-size: 26px;
    line-height: 30px;
  }

  .mastermind-hero .hero-module h2 {
    font-size: 20px;
    line-height: 26px;
  }
}

.mastermind-hero section.hero-module.lp-hero-module.flex.remove-bottom-space {
  margin-bottom: unset;
  padding-bottom: 40px;
  background-position: unset !important;
}
.mastermind-hero section.hero-module.lp-hero-module.flex.add-top-space {
  padding-top: 100px;
}
a:hover .event-info-item {
  background-color: #dc2d58ed;
  transform: scale(1.01);
}
.event-info-item {
  transition: .2s all ease;
}


/* Start Customize 02082021 */

/* Top Product Nav Changes */
.breadcrumb-link {
  position: relative;
}
.breadcrumb-link:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  display: inline;
  position: absolute;
  left: 0;
  bottom: 0;
}
.breadcrumb-item {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
}

/* Affliations */
.affiliations--below-button a {
  color: #222BF9;
  font-weight: 600;
  margin-top: 5px;
  display: inline-block;
  text-decoration: underline;
  font-size: 0.8rem;
}
/* Home update 12.8.20*/
.hero-video-wrapper video {
  width: 100%;
  display: inline-block;
  vertical-align: middle; 
}
.hero-video-content {
  text-align: center;
}
.hero-video-content h1{
  font-size: 26px;
  color: #35196D;
  text-transform: uppercase;
}
.hero-video-content-mobile h1 {
  font-size: 39px;
  color: #35196D;
  margin-top: 0;
  margin-bottom: 32px;
  text-transform: uppercase;
}
.hero-video-content-mobile h2 {
  font-size: 29px;
  color: #00A3E1;
  margin-bottom: 0;
  text-transform: uppercase;
}
.hero-video {
  display: none;
}
.hero-video-content {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 30px;
  display: none;
}
.hero-video-content-mobile {
  text-align: center;
}
.hero-video-content-mobile p,
.hero-video-content h1 {
  font-size: 19px;
  max-width: 600px;
  margin: -10px auto 20px auto;
  color: #8B8A8A;
  line-height: 1.6;
  font-weight: normal;
  text-transform: unset;
}
@media (min-width: 960px) {
  .hero-video-mobile,
  .hero-video-content-mobile {
    display: none;
  }

  .hero-video,
  .hero-video-content {
    display: block;
  }
}
@media (max-width: 959px) {
  .hero-video-wrapper {
    background-image: url('http://appzenstaging.wpengine.com/wp-content/uploads/2020/12/video-bg-shape-2.svg');
    background-repeat: no-repeat;
    background-position: top;
  }
  .hero-video-container {
    background: linear-gradient(180deg, #00a3e1ba 0%, rgba(205, 244, 255, 0) 100%);
    margin-bottom: 100px;
    padding-top: 100px
  }
  .hero-video-mobile img {
    margin: 0 auto;
    display: block;
    min-width: 600px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -300px;
  }
  .hero-video-mobile {
    position: relative;
    height: 200px;
    overflow: hidden;
  }

}

/* Mastermind Home Hero */
.hero-module-mastermind {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-bottom: 230px;
  padding-top: 70px;
  text-align: center;
  position: relative;
}
.hero-event-dates {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 110%;
  text-align: center;
  text-transform: capitalize;
  font-feature-settings: 'tnum' on, 'lnum' on;
  color: #FFFFFF;
}
.hero-description {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 24px;
  line-height: 118%;
  text-align: center;
  color: #FFFFFF;
  max-width: 700px;
}
.hero-module-mastermind h1 {
  font-size: calc(36px + 24*((100vw - 420px)/604));
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 97%;
  text-align: center;
  color: #E32D59;
  max-width: 718px;
  margin: 22px auto;
}
@media (min-width:1060px) {
  .hero-module-mastermind h1{ 	
    font-size: 58px;
  }
}
.hero-module-mastermind h2 {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  color: #FFFFFF;
}
.hero-module-mastermind a.btn.big {
  background: #E32D59;
  border-radius: 6px;
  margin-top: 42px;
}
.hero-module-mastermind a.btn.big:hover, 
.hero-module-mastermind a.btn.big:active,
.hero-module-mastermind a.btn.big:focus {
  background: #e01345;
}
.hero-module-mastermind a.btn.big {
  background: #E32D59;
  border-radius: 6px;
  margin-top: 42px;
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.08em;
  font-feature-settings: 'tnum' on, 'lnum' on;
  color: #FFFFFF;
  padding: 14px 36px;
}

@media (max-width: 800px) {
  .hero-module-mastermind {
    padding-bottom: 220px;
    padding-top: 50px;
  }
  .hero-module-mastermind a.btn.big {
    font-size: 20px;
  }
  .hero-description {
    font-size: 18px;
  }
  .hero-event-dates span:nth-child(1) {
    margin-bottom: 10px;
  }
  .hero-event-dates span:nth-child(2) {
    display: none;
  }
  .hero-event-dates {
    font-size: 22px;
  }
  .mastermind-event-text {
    display: block;
    margin: 0 auto;
    max-width: 250px;
    text-align: center;
  }
}

/* Quote Module Overrides */
.no-quote-module {
  padding-bottom: 70px;
}
.quote-module .testimonial-container {
  z-index: 1;
  position: relative;
  font-weight: 400;
}
.quote-module .quote {
  position: relative;
  position: relative;
  font-family: proxima-nova, sans-serif !important;
  font-style: italic;
  font-weight: 400;
  font-size: 24px;
  line-height: 142%;
  color: #485589;
}
.quote-module .name {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 124%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #485589;
}
.quote-module .position {
  font-family: proxima-nova, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 124%;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #485589;
}
.quote-module .logo-col {
  border-color: #CECECE !important;
}
@media (max-width: 800px) {
  .quote-module .quote {
    line-height: 134%;
  }
}

/* Start Hero Colors */
.pink.bg-color {
  background: linear-gradient(293.5deg, #DA1884 -18%, rgba(218, 24, 132, 0) 68.66%), #37127F;
}

.lightblue.bg-color {
  background: linear-gradient(287.71deg, #00A0E3 -18%, rgba(0, 160, 227, 0) 81.08%), #37127F;
}

.green.bg-color {
  background: linear-gradient(293.59deg, #23DE9B -18%, rgba(35, 222, 155, 0) 81.65%), #37127F;
}

.violet.bg-color {
  background: linear-gradient(302.76deg, #673EEF -7.14%, rgba(103, 62, 239, 0.86761) 23.11%, rgba(103, 62, 239, 0) 76.81%), #37127F;
}

.pink .bg-color {
  background: linear-gradient(293.5deg, #DA1884 -18%, rgba(218, 24, 132, 0) 68.66%), #37127F;
}

.pink .bg-shape {
  background: linear-gradient(174.29deg, #CC00B5 28.71%, rgba(174, 8, 159, 0.22) 50.02%);
}

.lightblue .bg-color {
  background: linear-gradient(287.71deg, #00A0E3 -18%, rgba(0, 160, 227, 0) 81.08%), #37127F;
}

.lightblue .bg-shape {
  background: linear-gradient(174.29deg, #00A3E1 28.71%, rgba(0, 163, 225, 0) 50.02%);
}

.skyblue .bg-color {
  background: linear-gradient(107deg, #00E3E3 -18%, rgba(0, 227, 227, 0) 62.9%), #0087E5;
}

.skyblue .bg-shape {
  background: linear-gradient(174.29deg, #00A3E1 28.71%, rgba(0, 163, 225, 0) 50.02%);
  opacity: .2;
}
.skyblue .bg-shape.bg-shape-3,
.skyblue .bg-shape.bg-shape-4 {
  background: linear-gradient(174.29deg, #FFFFFF 28.71%, rgba(255, 255, 255, 0) 50.02%);
  opacity: 0.10;
}


.green .bg-color {
  background: linear-gradient(293.59deg, #23DE9B -18%, rgba(35, 222, 155, 0) 81.65%), #37127F;
}

.green .bg-shape {
  background: linear-gradient(174.29deg, #23DE9B 28.71%, rgba(255, 255, 255, 0) 50.02%);
}

.green .bg-shape.bg-shape-3,
.green .bg-shape.bg-shape-4 {
  background: linear-gradient(180deg, #35196D 0%, rgba(53, 25, 109, 0) 71.16%);
  opacity: 0.15;
}

.violet .bg-color {
  background: linear-gradient(302.76deg, #673EEF -7.14%, rgba(103, 62, 239, 0.86761) 23.11%, rgba(103, 62, 239, 0) 76.81%), #37127F;
}

.violet .bg-shape {
  background: linear-gradient(174.29deg, #8122F9 28.71%, rgba(129, 34, 249, 0.34) 50.02%);
}

.violet .bg-shape.bg-shape-3 {
  background: linear-gradient(180deg, #35196D 26.28%, rgba(53, 25, 109, 0) 71.16%);
  opacity: 0.25;
}

.violet .bg-shape.bg-shape-4 {
  background: linear-gradient(358.83deg, rgba(53, 25, 109, 0) 26.38%, #35196D 91.24%);
  opacity: 0.25;
}

.bg-shape {
  position: absolute;
  border-radius: 1176px;
  transform: matrix(0.71, 0.71, -0.7, 0.71, 0, 0);
}

.bg-shape-1 {
  left: -16.68%;
  top: calc(9.5% - 123px);
  opacity: 0.1;
  width: 250px;
  height: 1292px;
}

.bg-shape-2 {
  left: 7.76%;
  top: calc(-11.33% - 123px);
  opacity: 0.1;
  width: 250px;
  height: 1292px;
}

.bg-shape-3 {
  left: 37.22%;
  top: calc(28.5% - 93px);
  opacity: 0.2;
  width: 320px;
  height: 1292px;
}

.bg-shape-4 {
  left: 69.91%;
  top: calc(-6.83% - 93px);
  opacity: 0.2;
  width: 320px;
  height: 1292px;
}

@media (max-width: 768px) {
  .bg-shape-1 {
    left: -454px;
    top: calc(9.5% - 123px);
    bottom: -110.11%;
    opacity: 0.1;
    width: 280px;
    height: unset;
  }

  .bg-shape-2 {
    left: -18.24%;
    top: calc(-11.33% - 123px);
    bottom: -89.28%;
    opacity: 0.1;
    width: 280px;
    height: unset;
  }

  .bg-shape-3 {
    left: 37.22%;
    top: calc(28.5% - 93px);
    bottom: -143.94%;
    opacity: 0.2;
    width: 280px;
    height: unset;
  }

  .bg-shape-4 {
    left: 69.91%;
    top: calc(-6.83% - 93px);
    bottom: -108.61%;
    opacity: 0.2;
    width: 280px;
    height: unset;
  }
}

/* End Hero Colors */

/* Demo Module & Green Button */
.mod-demo--signup .bg-color {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
}

.mod-demo--signup .container {
  position: relative;
}

.btn.green {
  background: #B9F637;
  color: #35196D;
  transition: .15s all ease-in;
  font-weight: 600;
}

.btn.green:hover {
  background-color: #B9F637 !important;
  opacity: .95;
  transform: scale(1.03);
}
@media (min-width: 768px){
  .mod-demo--signup .bg-shape-1 {
    left: -2.68%;
    top: calc(9.5% - 80px);
  }

  .mod-demo--signup .bg-shape-2 {
    left: 17.76%;
    top: calc(-11.33% - 123px);
  }

  .mod-demo--signup .bg-shape-3 {
    left: 55.22%;
    top: calc(28.5% - 13px);
  }

  .mod-demo--signup .bg-shape-4 {
    left: 84.76%;
    top: calc(-11.33% - 123px);
  }

}
/* end Demo Module & Green Button */

/* Start Hero-Master */
.bg-color {
  overflow: hidden;
}
.mod-demo--signup.bg-color {
  overflow: visible;
}

@media (min-width: 769px) {
  .hero-module.hero-master.laptop-height {
    height: 670px;
  }
}

@media (max-width: 1024px) {
  .hero-module.hero-master {
    padding-top: 53px;
  }
}

@media (min-width: 1025px) {
  body:not(.az-header-strip--active) .hero-module.hero-master,
  body:not(.az-header-strip--active) .blog-hero,
  body:not(.az-header-strip--active) div>.post-hero,
  body:not(.az-header-strip--active) .awards--hero,
  body:not(.az-header-strip--active) .career-hero,
  body:not(.az-header-strip--active) .newroom-detail-hero {
    padding-top: 93px;
  }
  
  .resources-content .post-hero {
    padding-top: 56.25%;
    background-position: center;
    margin-bottom: 40px;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
  
  section.career-hero-content {
    padding-top: 173px;
  }

  .hero-module.hero-master.laptop-height {
    height: 663px;
  }
}


.hero-module.hero-master {
  position: relative;
}

@media (max-width: 768px) {
  .hero-module.hero-master {
    flex-direction: column;
  }

  .hero-module.hero-master.hero-margin-bottom {
    margin-bottom: 20%;
  }
}

.hero-module.hero-master.hero-margin-bottom {
  margin-bottom: 144px;
}

.hero-module.hero-master .top-link svg * {
  stroke: #fff;
}

.hero-module.hero-master .top-link {
  position: absolute;
  top: 50px;
  left: 6%;
  z-index: 10
}

.hero-module.hero-master .top-link a {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: .15em;
  text-transform: uppercase;
  padding-left: 20px;
}

.hero-module.hero-master .top-link svg {
  position: absolute;
  left: -8px;
  top: 4px;
  transform: none;
  transition: all .2s ease;
}
/* 25-3-2022 */
.banner-slider-section-v2 .hero-module.hero-master .container.flex {
  justify-content: flex-start;
}
.banner-slider-section-v2 .slide2.hero-module.hero-master h1{
  margin-bottom: 30px !important;
}
.banner-slider-section-v2 .slide1.hero-module.hero-master h1{
  margin-bottom: 40px !important;
  margin-top: 7px;
}
.banner-slider-section-v2 .slide2.hero-module.hero-master h2{
  margin-bottom: 60px !important;
}
.banner-slider-section-v2 .hero-module.hero-master h1 {
  margin-bottom: 30px;
}
.banner-slider-section-v2 .hero-module.hero-master ul {
  margin: 60px 0px 0;
}
.banner-slider-section-v2 .hero-module.hero-master h1 {
  margin-bottom: 40px;
}


@media (min-width: 769px) {
  .hero-module.hero-master .top-link {
    position: relative;
    top: 0;
    left: -1%;
  }
}

body.integrated-solutions-detail.purple-blue .top-link a {
  color: #fff;
}

body.integrated-solutions-detail.purple-blue .top-link a svg * {
  stroke: unset;
}

.hero-module.hero-master .container {
  width: 100%;
  position: relative;
  z-index: 5;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.hero-module.hero-master .container.flex {
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.hero-module.hero-master h1 {
  margin-bottom: 36px;
}

.hero-module.hero-master h2 {
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 30px;
  text-align: left;
  margin-bottom: 20px;
}
.hero-module.hero-master h2 small {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .5px;
}
@media screen and (min-width: 1024px) {
  .hero-module.hero-master h2 small {
    font-size: 14px;
  }
}

.hero-module.hero-master p,
.hero-module.hero-master p strong {
  line-height: 1.5em;
  margin: 0;
}

.hero-module.hero-master .textbox.text-center {
  align-self: center;
  width: 100%;
}

.hero-module.hero-master .textbox.text-center h1,
.hero-module.hero-master .textbox.text-center p,
.hero-module.hero-master .textbox.text-center h2{
  text-align: center;
}

.hero-module.hero-master .textbox.no-description h1 {
  margin-bottom: 0
}

.hero-module.hero-master.has-breadcrumbs .textbox {
  max-width: initial;
  width: 100%;
  padding: 130px 0 100px;
}

@media (max-width: 768px) {
  .hero-module.hero-master .top-link{
    position: relative;
    top: 20px;
    left: 0;
  }
}

@media (min-width: 769px) and (max-width: 1007px) {
  .hero-module.hero-master .top-link {
    margin-top: 50px;
  }
}

.hero-module.hero-master .container {
  padding-left: 5%;
}

/* laptop graphic */
@media (min-width: 1601px) {
  .hero-module.hero-master .img-view-container {
    width: 50%;
  }
}

@media (min-width: 1281px) {
  .hero-module.hero-master .img-view-container {
    width: 55%;
  }
}

@media (max-width: 1280px) {
  .hero-module.hero-master .img-view-container {
    width: 55%;
  }
}

.hero-module.hero-master .img-view-container {
  position: absolute;
  top: 0;
  right: 0;
  height: 125%;
  overflow: hidden;
  z-index: 5;
}

.hero-module.hero-master .img-box {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero-module.hero-master .hero-img {
  max-width: initial;
  height: 670px;
}

.hero-module.hero-master .screen-img.video-modal-trigger {
  cursor: pointer;
}

.hero-module.hero-master .screen-img {
  overflow: hidden;
  position: relative;
  position: absolute;
  width: 75.9%;
  top: 5.3%;
  left: 12.3%;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
}

.hero-module.hero-master .screen-img svg {
  width: 77px;
  height: 77px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform .35s ease;
}

.hero-module.hero-master .screen-img:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 63.13%;
}

@media (max-width: 1024px) {
  .hero-module.hero-master .img-view-container {
    width: 53%;
    height: 120%;
  }

  .hero-module.hero-master .img-box {
    transform: scale(.8);
    transform-origin: left bottom;
  }
}

@media (max-width: 960px) {
  .hero-module.hero-master .img-box {
    transform: scale(.7);
  }
}

@media (max-width: 768px) {
  .hero-module.hero-master .img-view-container {
    position: relative;
    height: initial;
    width: 100%;
    margin-bottom: -20%;
  }

  .hero-module.hero-master .img-box {
    position: relative;
    transform: scale(1);
    transform-origin: center bottom;
  }

  .hero-module.hero-master .hero-img {
    height: initial;
    width: 125%;
  }

  .hero-module.hero-master .screen-img {
    width: 94.9%;
    top: 5.3%;
    left: 15.3%;
  }
}


/* use case Hero */
.hero-module.hero-master .col-img {
  width: 40%;
  position: relative;
}

.hero-module.hero-master .col-img img {
  display: block;
  width: 100%;
}

.hero-module.hero-master .col-img .img-wrap {
  width: 100%;
}

.hero-module.hero-master .col-img {
  width: 30%;
  position: absolute;
  right: 10%;
}

.hero-module.hero-master .col-img.graphic-top {
  top: 0;
}

.hero-module.hero-master .col-img.graphic-bottom {
  width: 750px;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (min-width: 1281px) {
  .hero-module.hero-master .col-img.graphic-bottom {
    width: 800px;
    position: absolute;
    right: -12.5%;
    bottom: 0;
  }
  .az-our-ai__banner.hero-module.hero-master .col-img.graphic-bottom {
    right: 0;
  }
}

.hero-module.hero-master .col-img.graphic-center img {
  max-height: 360px;
}
@media (max-width: 1024px) {
  .hero-module.hero-master .col-img.graphic-bottom {
    width: 100%;
    position: relative;
    right: -6%;
    bottom: 0;
  }
  .hero-module.hero-master.with-graphic.graphic-bottom .textbox {
    width: 100% !important;
    max-width: unset !important;
  }
}
@media (max-width: 767px) {
  .hero-module.hero-master .col-img .img-wrap {
    max-width: 300px;
    margin: 0 auto 50px auto;
  }

  .hero-module.hero-master .col-img {
    width: 100%;
    position: relative;
    right: 0;
  }

  .hero-module.hero-master .col-img.graphic-bottom {
    width: 100%;
    position: relative;
    right: -6%;
  }

  .hero-module.hero-master .col-img.graphic-bottom .img-wrap {
    max-width: unset;
    margin: 0 auto 0 auto;
  }
}
/* Why Appzen Hero */
.hero-module.hero-master .why--hero {
  width: 100%;
}

/* End Reskin Hero */

/* why Appzen Page */
.why--banner-1 {
  position: relative;
}
.why--banner-1 .bg-color {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
/* Use Case Hero */
@media (min-width: 769px){
  body.usecase-detail.purple-blue .col-img .img-wrap {
    transform: none;
  }
}
.usecase-d-zlayout .box-quote.white-text .box-wrap {
  background-color: #37127F !important;
}
.usecase-d-zlayout .box-quote.gray-bg .box-wrap {
  background: #f8f8f8;
}
.usecase-d-zlayout .box-quote.white-text.green svg * {
  fill: #23DE9B;
}
/* Products How It Works SBG Section */
.products-main .background-products-main {
  background: linear-gradient(93.63deg, #00A0E3 0.17%, rgba(0, 160, 227, 0) 80.54%), #37127F;

}

@media (max-width: 991px) {
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 50px 0;
  }
}
/* Hide and show 960 */
@media (min-width: 960px) {
  .hide-small {
    display: none;
  }
}
@media (max-width: 960px) {
  .hide-large {
    display: none;
  }
}

@media (max-width: 768px) {
  .banner-slider-section-v2 .slide2.hero-module.hero-master .textbox, .banner-slider-section-v2 .slide3.hero-module.hero-master .textbox{
    padding: 30px 0 !important;
  }
  .banner-slider-section-v2 .slide3.hero-module.hero-master .textbox,
  .banner-slider-section-v2 .slide2.hero-module.hero-master .textbox{
    padding-top: 40px !important;
  }
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 155px 0;
  }
}

/* Hero Text Box Mobile */
@media (max-width: 768px) {
  .hero-module.hero-master .container .textbox {
    width: 100%;
    max-width: unset;
  }
  .banner-slider-section-v2 .slide2.hero-module.hero-master h2 {
    margin-bottom: 50px !important;
  }
  .banner-slider-section-v2 .slide3.hero-module.hero-master .textbox {
    max-width: 390px;
  }
}

@media (max-width: 600px) {
  .banner-slider-section-v2 .slide3.hero-module.hero-master .textbox {
    max-width: 354px;
  }
}

@media (max-width: 477px) {
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 135px 0;
  }
  .banner-slider-section-v2 .textbox h2 {
    font-size: 21px !important;
    max-width: 226px;
  }
  .banner-slider-section-v2 .slide1.hero-module.hero-master h3 {
    font-size: 21px;
  }
}
@media (max-width: 399px) {
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 40px 0;
  }
  .banner-slider-section-v2 .textbox h2 {
    max-width: 204px;
  }
}

@media (max-width: 369px) {
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 30px 0;
  }
}
@media (max-width: 299px){
  .banner-slider-section-v2 .slide1.hero-module.hero-master .textbox {
    padding: 70px 0;
  }
}
/* Change Footer Color */
footer[role=contentinfo] {
  background: #37127F;
}
/* USe Cases */
@media (min-width: 769px) {
  .usecase-zlayout .col-img {
    align-self: center;
  }
}
/* update font weights */
.home-sec .text-box h2,
.mod-4col-feature p.name,
.index-new .mod-banner--trusted h2,
.mod-banner--trusted h2,
.mod-4col-feature h3,
.mod-demo--signup h2,
.mod-nextup h3,
.products--expert h4,
.products-main h2,
.products-main .text-box h5,
.products-main .text-box .number-ball span,
.products-highlight .bottom-box h6{
  font-weight: 500;
}
.mod-4col-feature li,
.home-sec .text-box p,
.mod-demo--signup .desc,
.hero-module.hero-master p, .hero-module.hero-master p strong,
.mod-demo--signup2 .reps-box p,
.products--expert p,
.products-main .text-box p, .products-highlight .bottom-box p {
  font-weight: 400;
}
.btn.inverse.blue,
.gnav-desktop .btn.green, .gnav-mobile .btn.green,
.btn.green {
  font-weight: 700 !important;
}
/* Company Hero */

.hero-module.hero-master ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  list-style: none;
  margin: 40px 0px 0;
  padding: 0;
}
.hero-module.hero-master li {
  margin: 0 10px;
  padding-bottom: 10px;
}

article.list-box.flex.wrap.j-c {
  width: 100%;
}

section.company-hero {
  width: 100%;
}

.hero-module.hero-master .company-hero .textbox {
  align-self: center;
  padding: 0;
}
/* Homepage Adjustments */
.home-features,
.home-intro {
  padding-bottom: 100px;
  padding-top: 80px;
}
.home-features {
  padding-bottom: 100px;
  padding-top: 120px;
}
/* Product page content */
.receipt {
  border-left: none;
  border-right: none;
  box-shadow: 1px 1px 58px -30px rgba(0, 0, 0, .7);
}
.receipt-jagged.top {
  top: -20px;
}
.receipt-jagged.bottom {
  bottom: -20px;
}
.receipt-copy img {
  filter: drop-shadow(-3px -3px 10px rgba(0, 0, 0, 0.09));
  max-width: 300px;
}
.audit-bg-pattern {
  top: -33px;
  left: -123%;
  width: 295%;
  height: 150%;
  z-index: 0;
}
.is-fixed .audit-bg-pattern {
  top: -55px;
  left: -208%;
  width: 518%;
  height: 150%;
  z-index: 0;
}
.scroll-elem:after {
  display: none
}

@media (max-width: 1023px) {
  .audit-bg-pattern {
    top: -216px;
    left: -21%;
    width: 145%;
    height: 227%;
    z-index: 0;
  }
  .is-fixed .audit-bg-pattern {
    top: -280px;
    left: -13%;
    width: 123%;
    height: 227%;
    z-index: 0;
    display: none;
  }
  .scroll-elem.is-fixed {
    background: linear-gradient(180deg, #fff 90%, transparent);
  }
}

/* adjust use case hero graphics */
.hero-module.hero-master .col-img.graphic-center img {
  max-height: 296px;
}
/* request demo adjustments */
.mod-demo--signup2 .reps-box p {
  line-height: 1.3em;
}
.mod-demo--signup2 .reps-box p:last-child {
  color: #ffffff80;
}

/* Blog Category Active */
ul.blog-category-nav a.active {
  background: rgb(255 255 255 / 0.1);
}
/* Demo Image */
section.demo-form-container figure {
  width: 55%;
}
/* Hero Padding Bottom Option */
section.hero-module.hero-master.flex.pink.hero-padding-bottom {
  padding-bottom: 100px;
}
section.hero-module.hero-master.hero-padding-bottom.with-graphic {
  padding-bottom: 100px;
}
/* Hero Button with graphic */
.hero-module.hero-master.with-graphic ul {
  justify-content: left;
}
.green.btn.huge {
  font-size: .8125rem;
}
/* Use Case Link */
body.industry-use-cases.purple-blue .top-link a svg * {
  stroke: #fff;
}
body.industry-use-cases.purple-blue .top-link a {
  color: #fff;
}

/* Products 4 col blade */
.mod-4col-feature li {
  line-height: 1.3;
}
/* Customers */
section.customer-stories {
  padding: 0;
}

/* Careers Page */
section.career-hero {

  overflow: hidden;
}

/* End Customize 02082021 */

/* Hero padding for new nav */
.company-hero.bg-color.pink, .company-hero.bg-color.lightblue, 
.company-hero.bg-color.green, .company-hero.bg-color.violet {
  padding-top: 93px;
}
/* start Customize update 02222021 */
/* Products pages graphic backgrounds */

article.col-r.blue, article.col-r.green {
  position: relative;
}

article.col-r.blue:before {
  background: url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/Images/blue-shape.svg);
  background-size: cover;
  background-position: center;
  overflow: visible;
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  top: -50%;
  left: -50%;
  z-index: 0;
}

article.col-r.green:before {
  background: url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/Images/green-shape.svg);
  background-size: cover;
  background-position: center;
  overflow: visible;
  content: "";
  display: block;
  position: absolute;
  height: 200%;
  width: 200%;
  top: -50%;
  left: -20%;
  z-index: 0;
}

.auinsight-main .col-r img {
  display: block;
  z-index: 10;
  position: relative;
}
.platform-z-layout .col-r img {
  display: block;
  position: relative;
  z-index: 10;
}
/* starter kit header new nav */
.starter-kit--hero {
  padding-top: 193px;
}

/* animations */
.animate__animated.animate__delay-01s {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}

.animate__animated.animate__delay-02s {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}

.animate__animated.animate__delay-03s {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}

.animate__animated.animate__delay-04s {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}

.animate__animated.animate__delay-05s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}

.animate__animated.animate__delay-06s {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}

.animate__animated.animate__delay-07s {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

.animate__animated.animate__delay-08s {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s;
}

.animate__animated.animate__delay-09s {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}

h1.animated-h1.animate__animated.animate__fadeInUp, p.h1.animated-h1.animate__animated.animate__fadeInUp {
  font-size: calc(32px + 27*((100vw - 420px)/604));
  font-weight: 800;
  font-family: 'proxima-nova';
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}
p.h1.animated-h1.animate__animated.animate__fadeInUp {
  margin-bottom: -12px;
}

h2.animate__animated.animate__fadeInUp svg {
  max-width: 35%;
}
h2.animate__animated.animate__fadeInUp {
  margin-bottom: 5px;
}
@media (min-width: 1200px) {
  h1.animated-h1.animate__animated.animate__fadeInUp, p.h1.animated-h1.animate__animated.animate__fadeInUp {
    font-size: 67px;
  }
}

/* Global Green Button ROllover */
.btn.green {
  transition: all .25s ease !important;
}
.btn.green:hover {
  background-color: #b9f637eb !important;
  opacity: 1;
  transform: scale(1.02) !important;
  transition: all .25s ease !important;
}

/* Change Nav Logo Hover State */
#appzen-logo:hover g.words path {
  fill: rgba(255, 255, 255, .8);
}
#appzen-logo g.words path {
  transition: .2s all ease-in;
}

/* blog Nav Updates */
ul.blog-category-nav {
  padding-top: 60px;
}
@media (max-width: 1079px){
  ul.blog-category-nav {
    padding-top: 80px;

  }
}

/* End Customize update 02222021 */

/* start Customize update 03032021 */
/* Resources Nav fix */
ul.blog-category-nav a {
  margin: 0;
}

/* end Customize update 03032021 */

/* Start Customize Update 041221 */

/* Blog Subscription */
div.post-inner-subscribe p {
  color: #fefefecf;
  font-size: 14px;
}
div.post-inner-subscribe p a {
  color: #fefefe;
  font-weight: 700;
}
div.post-inner-subscribe h3 {
  color: #fefefe;
}
div.post-inner-subscribe {
  position: relative;
  text-align: center;
  border-radius: 5px;
  padding: 40px calc(5%*2);
  width: 100%;
  margin-top: 60px;
  background: linear-gradient(
    291.93deg
    , #23DE9B -6.59%, rgba(35, 222, 155, 0.305618) 79.76%, rgba(35, 222, 155, 0) 119.9%), #37127F;
}
section.post-content-wrapper .post-inner-subscribe h3 {
  font-size: calc(18px + 6*((100vw - 420px)/604));
  margin-top: 24px;
  margin-bottom: 20px;
}

.subscribe-blog-listing form{
  display: block;
  max-width: 550px;
  margin: 25px auto 0;
}
.subscribe-blog-listing input[type="email"] {
  width: 100%;
  font-size: 14px;
  height: 37px;
  padding:9px 8px 9px 20px;
  max-width: 100%;
  box-sizing: border-box;
  height: 37px;
}
.subscribe-blog-listing .actions{
  margin-bottom:0;
  margin-top: 15px;
  padding:0!important;
  margin-left:auto!important;
  height:38px;
}
.subscribe-blog-listing .actions input[type=submit]{
  max-width:none;
  width: 130px;
  line-height:1.11;
}
.subscribe-blog-listing .hs_submit {
  width:auto;
  max-width:none!important;
  margin: auto!important;
}
div.hs-sub-form-container.inline form.hs-form div.hs-submit {
  width: unset;
  margin: unset;
  display: inline-block;
  max-width: 157px;
}
.post-inner-subscribe form{
  display:flex;
  max-width:480px;
  margin:auto;
}
.post-inner-subscribe:not(.subscribe-blog-listing) form .hs_email {
  width:auto!important;
  flex-grow:1;
  margin-right:18.5px;
}
.post-inner-subscribe:not(.subscribe-blog-listing) form .hs_email input[type="email"]{
  width:calc(100% - 28px)!important;
  padding:9px 14px;
}
.post-inner-subscribe:not(.subscribe-blog-listing) form .actions{
  padding:0!important;
  margin:0!important;
  height:38px;
}
.post-inner-subscribe:not(.subscribe-blog-listing) form .actions input[type="submit"]{
  width:122px;
}
@media (max-width: 414px){
  .post-inner-subscribe:not(.subscribe-blog-listing) form .actions{
    margin-top: 15px!important;
  }
  div.hs-sub-form-container.inline form.hs-form div.hs-email{
    margin-right:0;

  }
  div.hs-sub-form-container.inline form.hs-form .hs_submit {
    flex-grow:1;
    max-width:none!important;
  }
  .post-inner-subscribe form .actions input[type="submit"]{
    margin:auto;
    display:block;
  }
}
.hs-form-c6ba37e9-2081-42b4-8e0d-e7ae5c74cbd2_967f5a9f-43ed-4021-b559-3e9b3be36e58 .hs-submit > .actions {
  padding: 0;
  margin: 0;
  width: 100%;
}
div.post-inner-subscribe form input[type=submit] {
  background: #B9F637;
  color: #35196D;
  font-weight: 700 !important;
  padding: 12px 17px;
  height: auto;
  width: 100%;
  max-width: 157px;
  border: none;
}
div.post-inner-subscribe form input[type=submit]:hover {
  background-color: #b9f637eb !important;
  opacity: 1;
  transform: scale(1.02) !important;
  transition: all .25s ease !important;
}
.hs-form-c6ba37e9-2081-42b4-8e0d-e7ae5c74cbd2_8355fcb8-1af8-42f4-9c6b-378ac1ea2ccc .actions {
  margin: 0;
  padding: 0;
}
div.post-inner-subscribe.subscribe-blog-listing h3 {
  color: #fefefe;
  font-size: 20px;
}
.post-inner-subscribe.subscribe-blog-listing.bg-color {
  padding-top: 28px;
  padding-bottom: 28px;
  margin-top: 30px;
}
div.blog-popular-posts-wrap {
  padding-top: 45px;
}
.subscribe-blog-listing .actions input[type=submit] {
  line-height: 12px;
}
/* Blog social SHare */
.social_share {
  position: relative;
}
.social_share ul {
  position: absolute;
  right: 100%;
  top: 0px;
  padding: 0;
  list-style: none;
  margin: 0;
  padding-right: 20px;
}
.social_share ul a{
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
  transition: .35s;
  margin: 0 3px;
  background: #2470BD;
  transition: 0.2s all;
}
.social_share ul a:hover{
  transform: scale(1.05);
  opacity: 0.8;
}
.social_share ul a svg{
  position: absolute;
  width: 15px;
  height: 15px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.social_share ul li{
  margin: 0!important;
  padding: 3px 0;
}
@media(max-width: 992px){
  .social_share ul{
    position: static;
  }
  .social_share ul li{
    display: inline-block;
  }
}
/* Key benefits section color */
body.industry-use-cases.dark-cyan .usecase-d-feature {
  background-color: #0461A8;
}
/* Quote module */
.quote-module .testimonial-container.quote-only .cite {
  justify-content: flex-start;
}
@media(min-width:1200px) {
  footer[role=contentinfo] .site-link-col {
    padding-right: 0%;
  }
}
.customer-stories .quote-module .testimonial-container.quote-video {
  box-shadow: 0px 30px 40px rgb(0 0 0 / 10%);
  margin: -10px auto 90px;
}
.customer-stories .quote-module .testimonial-container.quote-video figure {
  border-radius: 10px 10px 0 0;
}
.customer-stories .quote-module {
  padding: 0 20px;
}
@media (max-width: 960px) {
  .row.number-1 {
    order: 1;
  }
  .row.number-2 {
    order: 2;
  }
  .row.number-3 {
    order: 3;
  }
  .row.number-4 {
    order: 4;
  }.row.number-5 {
    order: 5;
  }
  .row.number-6 {
    order: 6;
  }
  .row.number-7 {
    order: 7;
  }
  .row.number-8 {
    order: 8;
  }
  .row.number-9 {
    order: 9;
  }
}
@media (max-width: 640px) {
  .customer-stories .quote-module .testimonial-container.quote-video .panel {
    padding: 0 15px;
    flex-direction: column;
  }
  .customer-stories .quote-module .testimonial-container.quote-video .text-col {
    width: calc(100% - 100px);
    padding-right: 40px;
    border-right: 1px solid #6e79a2;
    padding: 0 0 20px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #6e79a2;
  }
  .customer-stories .quote-module .testimonial-container.quote-video .logo-col {
    width: 100px;
    padding: 20px 0 0 0;
    margin: 0;
    display: flex;
    border: none;
    place-content: center;
  }
}
/* Events Page styles */
.events-detail-hero figure:before {
  content: " ";
  background-color: #250c57e8;
  height: 235px;
  width: 235px;
  position: absolute;
  border-radius: 15px;
  z-index: -1;
  transform: rotate(-12deg);
  box-shadow: 1px 1px 21px -7px #efcbff5c;
}

section.events-detail-content aside {
  position: relative;
  width: 370px;
  background: #eae2f5;
  padding: 70px 50px;
}

.events-detail-hero aside.default {
  background: linear-gradient(114.94deg, #281283 19.05%, rgba(40, 18, 131, 0) 76.43%), #7a327e;
}

.events-detail-hero aside.purple-gradient {
  background: linear-gradient(180deg, #281283 0%, rgba(40, 18, 131, 0) 104.21%), #7a327e;
}

.events-detail-hero aside.pink-gradient {
  background: linear-gradient(180deg, #7a327e 0%, rgba(218, 24, 132, 0) 100%), #da1884;
}

.events-detail-hero aside.blue-gradient {
  background: linear-gradient(301.93deg, rgba(0, 160, 227, .85) 35.11%, rgba(0, 160, 227, 0) 82.58%), #693cef;
}

.events-detail-hero aside.skyblue-gradient {
  background: linear-gradient(360deg, #00e3e3 2.62%, rgba(0, 227, 227, 0) 66.69%), #08aae7;
}

.events-detail-hero aside.seablue-gradient {
  background: linear-gradient(148deg, #381e89 0%, rgba(0, 160, 227, .85) 100%);
}

.events-detail-hero aside.green-gradient {
  background: linear-gradient(327.55deg, #23de9b 19.7%, #11a7b0 74.08%);
}

.events-detail th,
.events-detail td {
  padding: 5px 10px;
  border: 1px solid #f2f2f4;
}

.events-detail table {
  width: 100%;
  margin: 30px 0 40px;
  border: 1px solid #f2f2f4;
  border-spacing: 0;
}
section.events-detail-hero aside a.event-back-btn {
  top: 133px;
}
/* new css for buttons in events **/
.company-events .cell-time{
  display: flex;
  flex-direction:column;
  padding-bottom:0;
}
.company-events .cell-time .button_groups{
  display:flex;
  margin-left:-5px;
  margin-right:-5px;
  flex-direction:column;
}
.company-events .cell-time .button_groups .btn{
  margin:5px;
  position:static;
}
.company-events .button_groups .date:last-of-type{
  margin-top: 20px;
}
.company-events .button_groups .date{
  padding:0 5px;
  color: #262E52;
}
.cell-info p {
  font-size: 14px;
  font-weight: 400;
}

.company-events .event-name a{
  color:inherit;
  transition:0.2s all;
}
.company-events .event-name a:hover{
  color:#1D28F8;
}
.btn.blue.fill{
  background-color:#1D28F8;
  color:#fff;
  transition: all .25s ease;
}
.btn.blue.fill:hover{
  transform: scale(1.02) ;
}
.events-detail-content .btn_groups span{
  display:block;
  font-size: 14px;
  font-weight: 600;
  color: #485589;
  margin-bottom: 5px;
  margin-top:10px
}
.events-detail-content .btn_groups .btn{
  min-width:175px
}
@media (max-width: 1024px) {
  .company-events .cell-time {
    padding-right:0;

  }
}
.company-events .cell-img figure:before {
  padding-top: 75.19%;
}

/* End Customize Update 041221 */
/* Start Atlas overrides */

.page-atlas-roi-calculator .slider-number input, .page-atlas-roi-calculator input#XLEW_1_7_8,.page-atlas-roi-calculator .page-atlas-roi-calculator input#XLEW_1_9_8{
  font-weight: 300;
  width: 100% !important;
  max-width: 120px !important;
  display: block;
  text-transform: uppercase;
  font-size: calc(16px + 7*((100vw - 420px)/604)) !important;
  text-align: right !important;
  color: #0094e2 !important;
  border: 0 !important;
  padding: 0 !important;
  height: unset !important;
  position: relative !important;
  top: unset !important;
  margin: 0 !important;
}
@media (min-width: 930px) {
  .page-atlas-roi-calculator .slider-number input, .page-atlas-roi-calculator input#XLEW_1_7_8, .page-atlas-roi-calculator input#XLEW_1_9_8{
    font-size: 22px !important;
  }
}
.page-atlas-roi-calculator .roi-output-group .roi-output-heading {
  display: flex;
  flex-wrap: wrap;
}
.page-atlas-roi-calculator .roi-output-group .roi-output-heading label {
  width: calc(100% - 175px);
  font-size: 18px;
  margin-bottom: 0;
  padding: 8px 0;
  line-height: 120%;
}
.page-atlas-roi-calculator .roi-output-group .slider-container {
  width: 175px;
}
.page-atlas-roi-calculator .roi-output-group .roi-output-heading {
  padding: 0;
}
.page-atlas-roi-calculator .roi-output-group:first-child .roi-output-heading {
  margin-top: 0;
}
.page-atlas-roi-calculator .roi-inputs .roi-output-heading:first-child {
  margin-top: 0;
}
@media (min-width: 960px) {
  .page-atlas-roi-calculator .roi-column.roi-inputs {
    margin-right: 35px;
  }
}
.page-atlas-roi-calculator .roi-graphic-button-container img {
  padding: 20px 0 0px;
  margin-bottom: -5px;
}
.page-atlas-roi-calculator .roi-input-list img {
  float: right;
  margin-right: -20px;
  padding-top: 20px;
}
.page-atlas-roi-calculator .roi-inputs .roi-output-heading:nth-child(3) {
  border-radius: 0 0 5px 5px;
  border-bottom: 1px solid #e3ebf1;
}
.page-atlas-roi-calculator .output-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 38px;
  padding: 0 10px;
}
.page-atlas-roi-calculator .output-row:first-child span.slider-number {
  letter-spacing: .1em;
  font-weight: 600;
  color: #485589;
  font-size: 14px;
  line-height: 1;
}
.page-atlas-roi-calculator .roi-inputs .roi-output-heading {
  padding: 23px 14px;
}
.page-atlas-roi-calculator .output-row {
  border-bottom: 2px solid #EDEDED;
}
.page-atlas-roi-calculator .output-row:last-child {
  border-bottom: none;
}
.page-atlas-roi-calculator .output-row:nth-child(1), .page-atlas-roi-calculator .output-row:nth-child(4), .page-atlas-roi-calculator .output-row:nth-child(5) {
  border-bottom: 2px solid #ededed;
}
.page-atlas-roi-calculator .output-row:nth-child(5) label {
  font-weight: 500;
}
.page-atlas-roi-calculator .output-row:nth-child(5) input {
  font-weight: 400;
}
.page-atlas-roi-calculator input#XLEW_1_33_3_output {
  font-size: 46px;
  line-height: 0;
  text-align: right;
  color: #0094E2;
  border: none;
  padding: 0;
  margin-bottom: -8px;
  margin-top: -12px;
}
.page-atlas-roi-calculator .roi-output-value {
  font-size: calc(20px + 5*((100vw - 768px)/432));
  color: #0094e2;
  font-weight: 300;
  height: unset;
  padding: 14px 0;
}
.page-atlas-roi-calculator .roi-output-value h5{
  font-size: calc(12px + 5*((100vw - 768px)/432));
}
@media screen and (min-width: 1200px){
  .page-atlas-roi-calculator .roi-output-value h5{
    font-size: 16.5px;
  }
}
.page-atlas-roi-calculator form.hs-form p.percent-description {
  text-align: left;
  padding-top: 16px;
}

/* Blog Subscription Template */
.subscription-template .span12.widget-span.widget-type-cell.content.flex {
  float: none;
  margin: 0 auto;
}
.widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2 {
  font-size: 22px;
  font-weight: bold;
}
.email-prefs .item .item-inner {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-transition-property: background;
  -webkit-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
  border: 2px solid #ededed;
  overflow: hidden;
  margin-top: 0;
  padding: 15px;
  background: #fff;
}
.widget-type-email_subscriptions p, .widget-type-email_subscriptions h1, .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation p, .widget-type-email_subscriptions_confirmation h1, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription p, .widget-type-email_simple_subscription h1, .widget-type-email_simple_subscription h2 {
  line-height: 1.4;
}
.subscribe-options input {
  font-style: normal;
  font-weight: 400;
  border: 1px solid rgba(74,74,74,.5);
  border-radius: 5px;
  color: #fff;
  background: rgba(218,218,218,.1);
  padding: 8px;
  margin: 0 1em 3px 0;
  vertical-align: middle;
  outline: 0;
  text-align: center;
}
.email-prefs input[type=submit], #email-prefs-form input[type=submit]{
  border-radius: 0;
  color: #252d53;
  border-radius: 50px;
  font-style: normal;
  letter-spacing: 2px;
  padding: 12px 30px;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 700;
  transition: color .25s ease, background .25s ease;
  line-height: unset;
  height: unset;
  background: #b9f637;
  color: #35196d;
  border: none;
  font-size: 14px;
  padding: 15px 20px;
}
#email-prefs-form h3, #email-prefs-form .h3 {
  font-size: 22px;
}

.page-header hr {
  border: 0;
  border-bottom: 1px solid rgba(0,0,0,.15);
  height: 0;
  padding: 0;
  margin: 25px 0;
}
html body .page-header {
  margin: 0px;
  padding-bottom: 0;
}
.page-header br, .page-header h1 {
  display: none;
}
.footer-disclaimer p, .footer-disclaimer small {
  font-family: proxima-nova, Arial,sans-serif;
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: -.02em;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .checkbox-row input {
    position: relative;
    top: 2px;
  }

  /* Atlas ROI Calc Fixes */
  .download-graphic-container {
    margin-bottom: 0;
  }
  #roi_results_pdf #page1 .body-section .roi_container .col1 .quick-stats:nth-child(6) .labels h4 {
    font-weight: 600;
  }
  #roi_results_pdf #page1 .body-section .roi_container .col1 .quick-stats:nth-child(6) .spend h4,
  #roi_results_pdf #page1 .body-section .roi_container .col1 .quick-stats:nth-child(6) .hours h4,
  #roi_results_pdf #page1 .body-section .roi_container .col1 .quick-stats:nth-child(7) .delay .cost_of_delay_format  {
    font-weight: 500;
    font-size: 18px;
  }

  /* LP Hero */
  .hero-logo-container {
    margin-bottom: 32px;
    display: flex;
    flex-wrap: wrap;
  }
  .hero-logo-item {
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0;
    padding-right: 64px;
  }

  .hero-logo-item {
    display: flex;
  }
  .hero-logo-item:nth-child(2) {
    padding-left: 32px;
    position: relative;
    margin-left: 32px;
  }
  .hero-logo-item:nth-child(2)::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    top: calc(50% - 24px);
    height: 48px;
    width: 1px;
    background-color: #c4c4c4;
    opacity: 40%;
  }
  .hero-logo-item:first-child {
    padding-right: 0;
    margin-right: 0;
  }
  .hero-logo-item:last-child {
    padding-right: 0;
    margin-right: 0;
  }
  .lp-hero-module h1.h1_medium {
    font-size: calc(28px + 6*((100vw - 420px)/604));
  }

  .fw-500 {
    font-weight: 500;
  }
  .fw-600 {
    font-weight: 600;
  }
  .fw-700 {
    font-weight: 700;
  }
  .lp-hero-logo {
    max-height: 75px;
    max-width: 200px;
  }

  .hero-center .hero-logo-container {
    justify-content: center;
    width: 100%;
  }
  .lp-hero-module h1 {
    width: 100%;
  }
  a.lp-hero-logo img {
    display: block;
  }

  a.lp-hero-logo {
    transition: .2s all ease;
  }
  a.lp-hero-logo:hover {
    opacity: .9;
  }

  .hero-center .hero-logo-item:first-child:after {
    content: '';
    position: absolute;
    display: block;
    left: calc(50% - 180px);
    bottom: 0;
    height: 1px;
    width: 360px;
    background-color: #c4c4c4;
    opacity: 40%;
  }
  .hero-center .hero-logo-item:last-child:after {
    display: none !important;
  }
  .hero-center .hero-logo-item:nth-child(2)::after {
    display: none;
  }
  .hero-center .hero-logo-item:first-child .lp-hero-logo {
    width: 187px;
    padding-bottom: 18px;
  }
  .hero-center .hero-logo-item:first-child .lp-hero-logo img {
    width: 187px;
  }
  .hero-center .hero-logo-item:first-child:last-child .lp-hero-logo {
    width: unset;
    padding-bottom: unset;
  }
  .hero-center .hero-logo-item:first-child:last-child .lp-hero-logo img {
    width: unset;
    padding-bottom: unset;
  }

  .hero-center .hero-logo-item {
    padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;

  }
  .hero-center .hero-logo-item:first-child {
    position: relative;
    width: 100%;
    padding: 0;
    place-content: center;
    margin-bottom: 0;
  }
  .hero-center .hero-logo-item:first-child:last-child  {
    margin-bottom: 0px !important;
  }
  .hero-module h4 {
    margin-top: 0;
  }
}
@media (max-width: 957px) {
  .hero-logo-container {
    justify-content: center;
  }
  .hero-logo-item:first-child {
    position: relative;
    width: 100%;
    place-content: center;
    margin-bottom: 12px !important;
  }
  .hero-logo-item:first-child:after {
    content: '';
    position: absolute;
    display: block;
    left: calc(50% - 180px);
    bottom: 0;
    height: 1px;
    width: 360px;
    background-color: #c4c4c4;
    opacity: 40%;
  }
  .hero-logo-item:last-child:after {
    display: none !important;
  }
  .hero-logo-item:nth-child(2)::after {
    display: none;
  }
  .hero-logo-item:first-child .lp-hero-logo {
    width: 187px;
    padding-bottom: 8px;
  }
  .hero-logo-item:first-child:last-child .lp-hero-logo {
    width: unset;
    padding-bottom: unset;
  }

  .hero-logo-item {
    padding-bottom: 12px;
    padding-top: 12px;
    margin: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}


/* LP Benefits Narrow */

@media (min-width: 958px) {
  .lp-benefits-narrow .benefits-container .benefit-item {
    flex: 1 1 250px;
  }
  .textbox.hero-center {
    margin-bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: wrap;
  }
  .lp-benefits-narrow .benefits.flex,
  .lp-benefits-narrow h2 {
    max-width: 420px;
  }
  .lp-benefits-narrow .benefits.flex,
  .lp-benefits-narrow h2,
  .lp-promo .platform-intro h2, .lp-benefits-narrow .header-container {
    max-width: 480px;
  }

}
.lp-form-container {
  top: -55px;
}
form.hs-form * {
  font-family: proxima-nova, Arial, sans-serif !important;
}
div#leftdiv {
  width: auto;
  max-width: 1600px;
  float: none !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  background: #fff;
}
.lp-form-container h3 {
  margin-bottom: 0px;
  font-weight: 600;
  font-size: 30px;
  line-height: 38px;
  color: #0050B3;
}
.lp-form-container .form-header-container {
  margin-bottom: 30px;
}
.form-header-container p {
  padding-top: 10px;
}
.lp-promo .platform-intro h2, .benefits-container h2 {
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 20px;
  position: relative;
  text-align: left;
  font-size: 38px;
  line-height: 44px;
  color: #4a4a4a;
}

.benefits-container {
  margin-bottom: 40px;
  padding-top: 40px;
}
article.textbox {
  padding-bottom: 20px;
  padding-top: 20px;
}
.lp-hero-logo {
  margin-bottom: 0px;
}
@media (min-width:1219px) {
  .lp-form-container {
    top: -55px !important;
  }
}
.lp-form-container {
  padding: 32px !important;
}
.add-description.lp-form-container {
  top: -75px !important;
  padding: 32px !important;
}
.hero-center-text.add-description.lp-form-container {
  top: -55px !important;
  padding: 32px !important;
}
.hero-center-text.lp-form-container {
  top: -55px !important;
  padding: 32px !important;
}
.lp-hero-module h1 {
  margin-bottom: 0;
}
.lp-hero-module h1.add-description {
  margin-bottom: 30px;
}
.benefit-item p {
  font-size: 18px;
  line-height: 24px;
  color: #4a4a4a;
  margin-bottom: 15px;
}
.list-view .benefit-item li,
.alternating-rows .benefit-item li{
  padding-left: 25px;
  font-size: calc(12.5px + 1.5*((100vw - 420px)/604));
  position: relative;
  color: #4a4a4a;
  font-weight: 400;
  margin-bottom: 14px;
}
@media (min-width: 958px) {
  .lp-hero-module h1.add-description {
    max-width: 50%;
  }
  .lp-hero-module .hero-center h1.add-description {
    max-width: 100%;
  }
  .list-view .benefit-item svg,
  .alternating-rows .benefit-item svg{
    height: 10px;
    width: 17px;
    top: 5px;
  }
}
.list-view .benefit-item svg {
  position: absolute;
  left: 0;
  top: 5px;
}
.list-view p,
.alternating-rows p {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4a4a4a;
}
.list-view .benefit-item h6,
.alternating-rows h6{
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #4a4a4a;
  margin: 0;
}
.list-view .benefit-item {
  display: flex;
  flex-wrap: wrap;
}
.list-view .benefit-text {
  flex: 3 0%;
  flex-direction: column;
}

.lp-benefits-narrow .list-view .benefit-item:nth-child(2), 
.lp-benefits-narrow .list-view .benefit-item:nth-child(5), 
.lp-benefits-narrow .list-view .benefit-item:nth-child(8) {
  padding: 10px 0;
}

.lp-benefits-narrow .list-view .benefit-item {
  flex: 1 1 370px;
  padding: 10px 0px;
  box-sizing: content-box;
}
.lp-benefits-narrow .list-view .benefit-item:first-child {
  padding-top: 10px;
}
@media (min-width: 958px) {
  .lp-benefits-narrow .benefits-container .list-view .benefit-item {
    flex: 1 1 342px;
  }
}
@media (max-width: 957px) {
  .lp-benefits-narrow .list-view .benefit-item,
  .alternating-rows .benefit-item {
    flex: 1 1 370px;
  }
}
div#leftdiv .max-container>div {
  padding-top: 40px;
}
div#leftdiv>div>span>div:last-child .max-container>div {
  margin-bottom: 50px;
}
div#leftdiv>div>span>div:first-child .max-container>div {
  padding-top: 50px;
}
.lp-benefits-narrow .benefits-container h5 {
  font-weight: 600;
  font-size: 8px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #4a4a4a;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0px;
}
.lp-benefits-narrow .container .container {
  padding: 0;
}
.mod-banner--trusted .logo-list .row {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .lp-benefits-narrow .mod-banner--trusted .logo-list .row a:first-of-type {
    margin-left: 0;
  }
  .lp-benefits-narrow .mod-banner--trusted .logo-list .row a:nth-of-type(4) {
    margin-right: 0;
  }
  .lp-benefits-narrow .mod-banner--trusted .logo-list .row a {
    width: calc(100%/4);
  }
  .lp-benefits-narrow .container {
    padding: 0 10%;
  }
}
/* Benefits LP */
.lp-benefits-narrow .benefit-item:first-child {
  padding-top: 0;
}
@media (min-width: 958px) {
  .lp-benefits-narrow .benefit-item:first-child {
    padding-top: 40px;
  }
  .benefit-item {
    flex: 1 1 330px;
  }

}

.lp-benefits-narrow .benefit-item img {
  display: block;
  width: 100%;
  height: unset !important;
}
.benefit-img {
  max-width: 72px;
  padding-bottom: 20px;
}
.list-view .benefit-item .benefit-img {
  height: 40px !important;
  max-width: 40px;
  display: block;
  margin-right: 20px;
}
.benefit-item h6 {
  color: #4a4a4a;
}
/* Benefits LP Alternating Rows */
.lp-benefits-center .header-container {
  margin: 0 auto;
}
.alternating-rows .benefit-item {
  display: flex;
  flex-wrap: wrap;
}
.alternating-rows .benefit-text {
  flex: 1 0%;
  padding-left: 32px;
}
.alternating-rows .benefit-item:nth-child(even) {
  flex-direction: row-reverse;
}
.alternating-rows .benefit-item:nth-child(even) .benefit-text {
  padding-left: 0;
  padding-right: 32px;
}
.alternating-rows .benefit-img {
  width: 50%;
  max-width: unset;
}
.alternating-rows .benefit-img img {
  width: 100%;
  max-width: unset;
}
.alternating-rows .full-width-row .benefit-img {
  width: 100%;
  max-width: unset;
}
.alternating-rows .full-width-row .benefit-text {
  padding-left: 0;
  padding-right: 0;
  padding-top: 4px;
  width: 100%;
}
.alternating-rows .benefit-item {
  flex: 1 1 100%;
  padding: 32px 0;
  box-sizing: content-box;
}
.list-view .benefit-item svg path,
.alternating-rows .benefit-item svg path{
  fill: #4a4a4a;
}
.lp-promo-image-container img, .lp-promo-image-container {
  width: 100%;
}

@media (max-width: 957px) {
  .alternating-rows .benefit-item {
    margin-right: 0;
  }
}
@media (min-width: 958px) {
  .lp-benefits-narrow .alternating-rows {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 441px) {
  .lp-benefits-narrow .alternating-rows .benefit-item .benefit-img {
    height: unset !important;
    max-width: 167px;
    display: block;
  }
  .lp-benefits-narrow .alternating-rows .full-width-row .benefit-img {
    width: 100%;
    max-width: unset;
  }
}
@media (max-width:440px) {

  .alternating-rows .benefit-img,
  .alternating-rows .benefit-img img {
    width: 100%;
    max-width: unset;
  }
  .alternating-rows .benefit-text {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    width: 100%;
  }
}

/* lp form hero no form */
.lp-hero-module-no-form .textbox.hero-center {
  margin-bottom: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
}
/* LP Form Button */
form.hs-form input[type=submit] {
  background-color: #1890ff;
  margin: 40px 0 0 0;
  display: inline-block;
  text-align: center;
  width: unset;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
}
@media (max-width: 957px) {
  a.btn.purple.big.lp-mobile-form-button {
    left: auto;
    margin-right: auto;
    display: table;
    background-color: #1890ff;
    margin: 40px 0 0 0;
    display: inline-block;
    text-align: center;
    width: unset;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 10px 20px;
  }
}

/* LP Hero Button */
.benefits-container a.btn.purple.big {
  background-color: #7422f9;
  display: block;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  background-color: #1890ff;
  display: inline-block;
  text-align: center;
  width: unset;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  padding: 10px 20px;
}
/* LP Promo Rich Text */
.benefits.lp-promo.flex {
  flex-flow: column;
}
.lp-promo-content p {
  color: #4a4a4a;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 958px) {
  .lp-benefits-center .benefits {
    max-width: 480px;
    margin: 0 auto;
  }
  .lp-benefits-narrow .logo-list,
  .lp-benefits-narrow div.post-related-articles {
    max-width: 480px;
  }
  .lp-benefits-narrow .mod-banner--trusted .logo-list .row img {
    max-width: 90px;
  }
}
/* LP Module Trusted Banner */
.mod-banner--trusted .top {
  padding: 70px 0 100px
}
.mod-banner--trusted div.post-related-articles {
  padding-top: 0px;
  margin: 0;
}
.lp-benefits-narrow .mod-banner--trusted .top {
  padding: 0 0 30px;
}
.lp-benefits-narrow .mod-banner--trusted .top {
  background: none !important;
}
.lp-benefits-narrow div.post-related-articles {
  padding-top: 0px;
  margin: 0;
  padding-bottom: 0;
}
.lp-benefits-narrow div.post-related-articles div.title-block h3 {
  display: inline-block;
  font-size: 14px;
}

/* LP Related Posts */
div.post-related-articles div.title-block h3 {
  color: #4a4a4a;
}

/* general */
.fw-100 {
  font-weight: 100 !important;
}
.fw-200 {
  font-weight: 200 !important;
}
.fw-300 {
  font-weight: 300 !important;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.fw-600 {
  font-weight: 600 !important;
}
.fw-700 {
  font-weight: 700 !important;
}
.fw-800 {
  font-weight: 800 !important;
}
.fw-900 {
  font-weight: 900 !important;
}
/* LP Benefits - STanadard  Module  */

.benefit-text p strong {
  color: #4a4a4a;
}
.benefit-text .benefit-description p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.list-view .benefit-img {
  padding-bottom: 0;
}
.list-view .benefit-text {
  display: flex;
}
.list-view .benefit-description {
}
@media (min-width: 958px) {
  .lp-benefits-narrow .benefit-item:first-child {
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .lp-benefits-narrow .benefit-item.benefit-title:first-child {
    padding-top: 40px;
  }

}
@media (max-width: 958px) {
  .lp-hero-module h1.add-description {
    margin-left: auto;
    margin-right: auto;
  }
}
/* LP Hero Form */
.lp-hero-module h1.add-description {
  margin-bottom: 15px;
  line-height: 1.1em;
}
.lp-hero-module h4 {
  line-height: 127% !important;
  font-size: 30px;
}
/* LP Quote Grid */
.quote-module.flex .testimonial-container:first-child:last-child .cite {
  margin-top: -5px;
  position: relative;
  padding-left: 75px;
  bottom: 0;
  min-height: 63px;
  width: calc(100% - 12%);
}
/* LP Benefits and Grid */
.lp-form-template .container {
  padding: 0 10%;
}
@media (min-width: 958px) {
  .lp-form-template .benefit-item {
    padding: 0;
  }
}

/* LP benefits rich text bullets */
.lp-form-template .list-view .benefit-item .benefit-description li, .lp-form-template .alternating-rows .benefit-item .benefit-description li {
  padding-left: 0;
}
.benefit-description ul {
  list-style-type: disc;
  margin-left: 25px;
}
.lp-form-template ul {
  padding-left: 25px;
}
.lp-form-template p {
  margin-top: 16px;
  margin-bottom: 0;
}
.lp-form-template p + ul {
  margin-top: 0
}
/* LP table */
.lp-form-template table {
  background-color: transparent;
  border: 1px solid transparent;
}
.lp-form-template tr:nth-child(odd) {
  background-color: transparent;
}
.lp-form-template tr {
  display: flex;
  flex-direction: row;
}
.lp-form-template th, .lp-form-template td {
  border: 1px solid transparent;
  color: #4a4a4a;
}
.lp-form-template td, .lp-form-template th {
  flex: 1 1 100px;
  padding: 0;
}
/* agenda table */
.lp-form-template table.agenda  {
  margin: 0;
}
.lp-form-template .agenda td:nth-child(1){
  flex: 0 1 97px;
  min-width: 97px;
}

.lp-form-template .agenda td:nth-child(2){
  flex: 4 1 300px;
  margin-left: 4px;

}
@media screen and (max-width: 960px) {
  .lp-form-template th, .lp-form-template td {
  }
}


/* Page Demo Blade Button */
.green.btn.huge {
  font-size: 14px;
}
/* lp hero button */
.lp-form-template a.btn.white-cta-btn.big.lp-mobile-form-button {
  left: auto;
  margin-right: auto;
  display: table;
  background-color: #fff;
  margin: 20px 0 0 0;
  display: inline-block;
  text-align: center;
  width: unset;
  border-radius: 50px;
  font-size: 16px;
  text-transform: capitalize;
  padding: 10px 20px;
  color: #4a4a4a;
  font-weight: 600;
}

.btn.white-cta-btn:hover {
  background-color: #ffffffed !important;
  opacity: 1;
  transform: scale(1.02) !important;
  transition: all .25s ease !important;
}



/*   ---------------------------Extra Style----------------- */
.usecase-zlayout .col-text h2 img{
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 117px;
  width: 100%;
}
.usecase-d-text-wrap h2 svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 117px;
  height: 6px;
}
.mod-banner--trusted .button{
  margin: 50px auto 0;
  display: table;
}
@media (max-width: 640px){
  .mod-banner--trusted .button {
    margin: 30px auto 0;
  }
}

/******************
* ******************
* *************
*
* Styles added 4/28/2021 by Michael Gulden for latest module (Appstore cards) and tweaks added to hubspot
* *************
* ***************
* *********/
form.hs-form input[type=submit] {
  font-weight: 500;
}
.btn {
  transition: all .25s ease !important;
}
/* Appstore Styles */
.blog-card div>span {
  position: absolute;
  left: 30px;
  bottom: 30px;
  display: flex;
  align-items: center;
  color: #252b52;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 12px;
  margin-top: 20px;
  font-weight: 600;
}
.appstore-description,
.blog-content-field.category {
  max-width: 905px;
  margin: 0 auto;
}
.appstore-description {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding: 25px 0;
}
.appstore-description p {
  font-size: 18px;
  line-height: 32px;
  color: #767676;
  text-align: center;
  padding: 9px 10px 9px 10px;
}
.appstore-description .btn.inverse.blue {
  border: 2px solid #222bf9;
  background: 0;
  color: #222bf9;
  padding: 12px 20px;
  font-size: 12px;
  letter-spacing: .03em;
}

.page-appstore-cards .blog-content-field.category .blog-card {
  width: calc((100% - (11px*2))/2);
  margin-right: 22px;
  margin-bottom: 22px;
  transition: all .25s ease !important;
}
.page-appstore-cards a:hover {
  outline: 0;
  transform: scale(1.02) !important;
  transition: all .25s ease !important;
}

.page-appstore-cards .blog-content-field.category .blog-card:nth-child(3n) {
  margin-right: 22px;
}
.page-appstore-cards .blog-content-field.category .blog-card:nth-child(even) {
  margin-right: 0;
}
.page-appstore-cards .blog-card figure:before {
  padding-top: 36%;
}
.page-appstore-cards  .blog-card {
  box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
}
.page-appstore-cards  .blog-card div {
  padding: 15px 25px 20px;
}
.page-appstore-cards  .blog-card div h2 {
  margin-top: 8px;
}
.page-appstore-cards .blog-card div small {
  color: #DA1884;
  font-size: 10px;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .page-appstore-cards  .blog-card div {
    padding: 20px 30px 25px;
  }
  .page-appstore-cards  .blog-card div h2 {
    font-size: 24px;
    color: #111111;
  }
  .page-appstore-cards .blog-card div small {
    font-size: 12px;
  }
}

.page-appstore-cards ul {
  padding-left: 25px;
  margin-top: 2px;
}

.page-appstore-cards  strong {
  font-weight: 600;
  color: #111111;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
}
.page-appstore-cards .blog-card div p,
.page-appstore-cards .blog-card div li,
.page-appstore-cards .blog-card div p span,
.page-appstore-cards .blog-card div li span {
  position: static;
  left: unset;
  bottom: unset;
  align-items: unset;
  color: #707070;
  text-transform: none;
  letter-spacing: unset;
  font-size: 14px;
  line-height: 121%;
  margin-top: unset;
  font-weight: 400;
}

@media (max-width: 768px) {
  .page-appstore-cards .blog-content-field.category .blog-card {
    width: 100%;
    margin-right: 22px;
    margin-bottom: 22px;
    transition: all .25s ease !important;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto !important;
  }
}

/* Appstore Card Headers */
.page-appstore-cards figure {
  position: relative;
}
.appstore-card-header {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 100%;
}
.appstore-card-header h3 {
  font-weight: bold;
  font-size: 28px;
  line-height: 120%;
  color: #FFFFFF;
  margin-top: 2.5%;
  margin-bottom: 0;
  padding-right: 13%;
}
.appstore-card-header h6 {
  font-weight: 500;
  font-size: 12px;
  line-height: 85%;
  letter-spacing: 0.064em;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .appstore-card-header {
    position: absolute;
    top: 16%;
    left: 6.5%;
  }
  .appstore-card-header h3 {
    font-size: calc(20px + 3.4*((100vw - 420px)/604));
  }
  .appstore-card-header h6 {
    font-size: calc(8px + 3*((100vw - 420px)/604));
  }
}
@media (max-width: 768px) {
  .appstore-card-header {
    position: absolute;
    top: 20px;
    left: 30px;
  }
  .appstore-card-header h3 {
    font-size: 28px;
  }
  .appstore-card-header h6 {
    font-size: 12px;
  }
}

@media (max-width: 550px) {
  .appstore-card-header {
    position: absolute;
    top: 16%;
    left: 6.5%;
  }
  .appstore-card-header h3 {
    font-size: calc(21px + 38*((100vw - 420px)/604));
  }
  .appstore-card-header h6 {
    font-size: calc(10px + 8*((100vw - 420px)/604));
  }
}

/* page form popover */
.page-form-container.page-modal-form {
  padding: 34px;
  max-width: 418px;
}
.page-form-container h3 {
  margin-bottom: 30px;
  margin-top: 0;
  font-weight: 500;
  font-size: 24px;
  line-height: 34px;
  color: #252D53;
}
.mfp-close-btn-in button.mfp-close{
  top: -35px;
  right: calc(-3% - 22px);
  border: none;
  font-weight: 100;
  box-shadow: none;
  transition: .25s all ease-in;
}
form.hs-form .hs-form-field>label {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}

form.hs-form p {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
form.hs-form label {
  font-weight: 500;
  font-size: 13px;
  line-height: 22px;
  color: rgba(0, 0, 0, 0.85);
}
.page-form-container form.hs-form .legal-consent-container .hs-dependent-field {
  width: 100%;
  margin-bottom: 8px;
  margin-top: 28px;
}
.page-form-container form.hs-form .legal-consent-container p {
  color: rgba(0,0,0,0.65);
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.lp-form-template form.hs-form input[type=submit],
form.hs-form input[type=submit] {
  background-color: #1890ff;
  margin: 25px 0 0 0;
  display: inline-block;
  text-align: center;
  width: unset;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  padding: 10px 20px;
}
.two-column-form.page-form-container h3 {
  padding-right: 80px;
}
.two-column-form.page-form-container.page-modal-form {
  padding: 34px;
  max-width: 815px;
}
.two-column-form fieldset, .two-column-form .hs-form-27f93b89-d752-4617-a46b-d958b5b098cb_665d45f2-745d-4447-a22a-9cca97185794 fieldset {
  width: 100%;
  max-width: 800px !important;
}
.two-column-form fieldset.form-columns-1 .hs_phone .hs-input,
.two-column-form fieldset.form-columns-1 .hs_country .hs-input,
.two-column-form fieldset.form-columns-1 .hs_state .hs-input
{
  width: 100% !important;
}
.two-column-form fieldset.form-columns-1 .hs_country,
.two-column-form fieldset.form-columns-1 .hs_state {
  width: 50%;
  float: left;
}
.two-column-form .hs-appstore [type="checkbox"]:checked,
.two-column-form .hs-appstore [type="checkbox"],
.two-column-form.hs-input {
  transition: .25s all ease;
}
.two-column-form .hs-appstore [type="checkbox"]:checked:after {
  background-color: none;
  border: 1px solid rgb(24 144 255 / 100%);
  display: block;
  height: 100%;
  margin-left: -6px;
  margin-top: 0;
  border-radius: 4px;
  content: "";
  transition: .25s all ease;

  box-shadow: inset 0px 0px 4px 0px rgb(24 144 255 / 50%);
}
.two-column-form form.hs-form .hs-appstore ul input {
  height: 26px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.two-column-form.page-form-container.page-modal-form form fieldset.form-columns-2, 
.two-column-form.page-form-container.page-modal-form form fieldset.form-columns-1,
.two-column-form.page-form-container.page-modal-form form fieldset.form-columns-0 {
  width: 100% !important;
  padding: 0 8px !important;
}
.company-events .page-center {
  padding-left: 5%;
  padding-right: 5%;
}
@media (max-width: 911px) {
  .two-column-form.page-form-container h3 {
    padding-right: 30px;
  }
  .two-column-form form.hs-form .hs-appstore ul input {
    height: 44px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .two-column-form .hs-appstore [type="checkbox"]:checked:after {
    width: 282px
  }
  .two-column-form .hs-appstore ul.inputs-list.multi-container li {
    width: 300px;
    float: left;
  }
  .two-column-form .hs-appstore ul.inputs-list.multi-container li:nth-child(even) {
    width: 268px;
  }
  .two-column-form.page-form-container.page-modal-form {
    padding: 15px;
    width: 99%;
  }
  .mfp-close-btn-in .two-column-form button.mfp-close {
    top: -15px;
    right: calc(0% - 15px);
    border: none;
    font-weight: 100;
    box-shadow: none;
    transition: .25s all ease-in;
  }
}
@media (min-width: 912px) {
  .mfp-close-btn-in .two-column-form button.mfp-close {
    top: -35px;
    right: calc(-2% - 22px);
    border: none;
    font-weight: 100;
    box-shadow: none;
    transition: .25s all ease-in;
  }
  .two-column-form .hs-appstore ul.inputs-list.multi-container li {
    width: 310px;
    float: left;
  }

  .two-column-form .hs-appstore ul.inputs-list.multi-container li:nth-child(even) {
    width: 420px;
  }
  .two-column-form .hs-appstore ul.inputs-list.multi-container li [type="checkbox"]:checked:after {
    width: 290px;
  }
  .two-column-form .hs-appstore ul.inputs-list.multi-container li:nth-child(even) [type="checkbox"]:checked:after {
    width: 430px;
  }
}

.two-column-form  form.hs-form .hs-appstore ul span {
  width: 100%;
  user-select: none;
}
.two-column-form form.hs-form .hs-appstore ul li label {
  display: flex;
  align-items: center;
}
.two-column-form ul.inputs-list.multi-container li:nth-child(1) {

}

.auinsight-main .row h2 img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 117px;
  height: 6px;
}

.company-highlight .button{
  margin: 50px auto;
}

p:last-of-type {
  margin-bottom: 0;
}
p:first-of-type {
  margin-top: 0;
}
.blog-card.featured div p:first-of-type {
  margin-bottom: 15px;
}
.why--banner-2 .text-wrap h2 svg {
  position: absolute;
  left: 0;
  bottom: 0;
}
.why--banner-2 .text-wrap h2 svg rect {
  fill: #17a7de;
}

body {
  overflow-x: hidden;
}


/* 404 page */
/* Page Lost */
section.im-lost {
  background: linear-gradient(149.15deg, #281283 24.04%, rgba(40, 18, 131, 0) 84.24%), #7a327e;
  max-width: 100%
}

section.im-lost .content {
  display: flex;
  align-items: center;
  justify-content: center
}

section.im-lost .im-lost-content {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 50px
}

@media (max-width:767px) {
  section.im-lost .im-lost-content {
    padding-bottom: 60px
  }
  .banner-slider-section-v2 .slide1.hero-module.hero-master h1{
    margin-top: 0px;
  }
}

section.im-lost .im-lost-content img {
  margin-bottom: -26%
}

section.im-lost .im-lost-content .copy-wrap {
  text-align: center;
  max-width: 700px;
  margin: 0 auto
}

section.im-lost .im-lost-content .copy-wrap p {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  position: relative;
}

section.im-lost .im-lost-content .copy-wrap p:first-child {
  z-index: 1
}

section.im-lost .im-lost-content .copy-wrap p span {
  background-color: #682b7f;
  padding: 5px 10px;
}

section.im-lost .im-lost-content .copy-wrap a.btn {
  margin-top: 20px;
}

section.im-lost .im-lost-content .btn-wrap {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

section.im-lost .im-lost-content .btn-wrap a {
  margin-right: 15px;
  min-width: 150px
}

/* purple button 404 */
.btn.purple-dark {
  background: #230867;
  color: #fff;
}

.btn.purple-dark:hover {
  background-color: #130438
}

.btn.purple-dark.small {
  font-size: 10px;
}

/* Press Releases */
.articles-description-inner h3,
.articles-description-inner h4,
.articles-description-inner h5,
.articles-description-inner h6 {
  margin-bottom: 12px;
}

.hero-module.hero-master .textbox.no-description h1 {
  color: #fff;
}

/* Fix Embed Mystery Spaces on summary description for Reousrece center listing page */
section.post-content-wrapper.resources-content .hs-embed-wrapper {
  margin-bottom: 25px!important;
}

/* force form to display first name field */
.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field {
  display: block !important;
}

/* Animation Delays */
.animate__animated.animate__delay-015s {
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}

.animate__animated.animate__delay-025s {
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}

.animate__animated.animate__delay-035s {
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
}

.animate__animated.animate__delay-045s {
  animation-delay: 4.5s;
  -webkit-animation-delay: 4.5s;
}

.animate__animated.animate__delay-055s {
  animation-delay: 5.5s;
  -webkit-animation-delay: 5.5s;
}

.animate__animated.animate__delay-065s {
  animation-delay: 6.5s;
  -webkit-animation-delay: 6.5s;
}

.animate__animated.animate__delay-6s {
  animation-delay: 6s;
  -webkit-animation-delay: 6s;
}

.animate__animated.animate__delay-7s {
  animation-delay: 7s;
  -webkit-animation-delay: 7s;
}

.animate__animated.animate__delay-8s {
  animation-delay: 8s;
  -webkit-animation-delay: 8s;
}

.animate__animated.animate__delay-9s {
  animation-delay: 9s;
  -webkit-animation-delay: 9s;
}

.animate__animated.animate__delay-10s {
  animation-delay: 10s;
  -webkit-animation-delay: 10s;
}

/* update submitted text color */
.submitted-message {
  color: #556498;
}
.submitted-message span {
  color: #556498;
  padding: 20px 0;
  display: block;
}

/* Hero updates */
@media (max-width: 767px) {
  .violet-pink-overlay .bg-color {
    background: url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/Large-hero-bg%20%281%29.png) , url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/brand%20shapes.svg);
    background-blend-mode: normal,  normal;
    background-size: 140%,cover !important;
    background-repeat: no-repeat;
    background-position: bottom;
  }
}

.hero-module.hero-master .text-left ul {
  justify-content: left;
}

/* Customize Hubspot Callout Banner */
#leadinModal-2416734 {
  display: none;
}
div#callout-container {
  position: sticky;
  top: 0;
  z-index: 99999;
}
div#leadinModal-content-wrapper-2416734 {
  background-color: #FFC700;
}
a.leadin-button.leadin-advance-button.leadin-button-secondary {
  background-color: #222bf9 !important;
  color: #fff !important;
  transition: all .25s ease !important;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 15px;
  font-size: 12px;
  padding: 4px 10px !important;
  letter-spacing: .7px;
  vertical-align: middle;
  border-radius: 4px;

}
.leadinModal.leadinModal-theme-top.leadinModal-v3.leadinModal-preview .advance-wrapper {
  padding: 0px !important;
}
a.leadin-button.leadin-advance-button.leadin-button-secondary:hover {
  opacity: .85;
  transform: scale(1.02) !important;
  transition: all .25s ease !important;
}
.leadinModal-2416734.leadinModal-theme-top.leadinModal-preview.leadinModal-v3#leadinModal-2416734 .leadinModal-content h4,
.leadinModal-2416734.leadinModal-theme-bottom-right-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
.leadinModal-2416734.leadinEmbedded-theme-default.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
.leadinModal-2416734.leadinModal-theme-bottom-left-corner.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
.leadinModal-content h4 {
  vertical-align: middle;
  padding-top: 0;
  font-weight: 600;
  font-size: 14px !important;
  text-transform: uppercase;
  color: #222BF9 !important;
  height: unset;
  letter-spacing: .5px;
}
.leadinModal.leadinModal-theme-top.leadinModal-v3 .leadinModal-content-wrapper,
.leadinModal-content-wrapper {
  padding: 4px !important;
}

html .leadinModal-2416734.leadinModal-theme-top.leadinModal-preview.leadinModal-v3 .leadinModal-content h4,
.leadinModal-content h4 {
  color: #222BF9 !important;
}

.leadinModal-content h4 {
  color: #222BF9 !important;
  margin: 0;
  padding-right: 20px;
}

button.leadinModal-close {
  display: none;
}
.leadin-preview-wrapper {
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: wrap;
}
.advance-wrapper.callout-special-font {
  line-height: 23px;
}

@media (max-width: 444px) {
  .leadinModal-content h4 {
    text-align: center;
    font-size: 13px !important;
    padding: 0;
    margin-bottom: 2px;
  }
}

@media (max-width: 360px) {
  .leadinModal-content h4 {
    font-size: 10px !important;
  }
  a.leadin-button.leadin-advance-button.leadin-button-secondary {
    font-size: 10px;
  }
}

/* Resources Listing -- Videos */
.resources-video-player.blog-card span svg {
  transition: .2s all ease;
}

.resources-video-player.blog-card:hover span svg {
  transform: translateX(4px) !important;
}

.resources-video-player.blog-card:hover span img {
  transform: scale(1.1) !important;
}

a.popup-video-btn img.play-video {
  transition: .2s all ease;
  width: 50px;
}

a.popup-video-btn:hover img.play-video {
  width: 55px !important;
}

/* Hero Buttons */
.hero-module.hero-master li:first-child {
  margin-left: 0;
}
.hero-module.hero-master li:last-child {
  margin-right: 0;
}
@media (max-width: 1200px) {
  .hero-module.hero-master li,.hero-module.hero-master li:last-child, .hero-module.hero-master li:first-child {
    margin: 0 10px;
  }
}
.hero-module .hs-cta-wrapper a {
  letter-spacing: 1.2px;
}

/* CTA Button on Resrouce Page */
section.post-content-wrapper p a.button--primary {
  color: #fff;
  font-weight: 600;
}

/* LP Hero H1 */
@media (min-width: 1400px) {
  .lp-hero-module h1 {
    font-size: 45px;
  }
  .lp-hero-module h1.h1_medium {
    font-size: 38px;
  }
}

/* LP Benefits List */
.lp-benefits-list .benefits-container {
  width: 100%;
  max-width: 100%;
}
.lp-benefits-list .list-view .benefit-img img {
  width: 100%;
}
.lp-benefits-list .benefit-item {
  flex: 1 1 330px;
  padding: 0 !important;
}
.lp-benefits-list .list-view .benefit-item {
  flex: 1 1 100%;
  padding: 8px 0 !important;
}
.lp-benefits-list .list-view p,
.lp-benefits-list .alternating-rows p {
  font-weight: unset;
  font-size: unset;
  line-height: unset;
  color: unset;
}
.lp-benefits-list .list-view .benefit-item h6,
.lp-benefits-list .alternating-rows h6 {
  font-weight: 600;
  font-size: unset;
  line-height: unset;
  color: unset;
  margin: unset;
}

.lp-benefits-list .benefit-item {
  flex: 1 1 350px;
  padding: 0 !important;
}
.benefit-list-content .benefit-grid .benefit-item {
  padding: 15px 25px !important;
}
.lp-benefits-list   .benefits.flex.benefit-grid {
  margin: 0 0 0 -25px;
}

/* Trusted logos Header */
body .mod-banner--trusted h2 {
  font-weight: 600;
}
/* ROI Popover Header */
body .roi-heading:before {
  top: 9px;
  max-width: 360px;
  width: 100%;
}

/* Nav Resources dropdown */
body .gnav-desktop .gnav-btm-nav .submenu.no-description .lv2-link {
  font-size: 13px;
}
body .gnav-desktop .gnav-btm-nav .submenu .col {
  padding: 85px 12px 12px;
}
/* Remove Demo Module Padding */
.mod-demo--signup2-wrap.demo-no-graphic {
  padding-top: 0;
}

/* Center CTA */
.center-content .hs_cos_wrapper_type_cta {
  text-align: center;
}

/* Lazyload BG Images */
figure.lazy {
  background-image: none;
  background-color: #F1F1FA;
}
/* Fix elements breaking the body container */
.body-wrapper {
  overflow: hidden;
}

/*Laptop Hero Button */
.hero-module.hero-master.laptop-height ul {
  justify-content: flex-start;
}

/* ROI Download Button */
.roi-download-pdf:hover, .roi-download-pdf:active {
  color: #fff;
  transform: scale(1.02) !important;
  opacity: .85;
}

/* Hero Slider Text Shadow (increase contrast) */
.slide-container .hero-module.hero-master .textbox {
  /* text-shadow: 3px 3px 18px rgb(0 0 0 / 60%);*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+74&0.2+0,0+73 */
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 74%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 74%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

/* Customise Section CSS */
.mwb-zen__university-section {
  padding-top: 0 !important;
}

.gnav-desktop .gnav-btm-nav li.lv1:hover .submenu,
.gnav-desktop .gnav-btm-nav .submenu.is-active {
  top: 100%;
  opacity: 1;
  visibility: visible;
  width: 100% !important;
  pointer-events: auto
}
ul.lv1 li.lv1:nth-child(2) section.cols-wrap.flex {
  max-width: 425px;
}

body .gnav-desktop .gnav-btm-nav .lv1.has-submenu:nth-child(2) .submenu.has-description .col>a:first-child svg {
  display: none;
}
body .gnav-desktop .gnav-btm-nav .lv1.has-submenu:nth-child(2) .submenu.has-description .col>a:first-child {
  cursor: auto;
  pointer-events: none;
}
body .gnav-desktop .gnav-btm-nav .lv1.has-submenu:nth-child(2) .submenu.has-description .col>a:first-child span.sub-item {
  color: #ffffff;
}
.event-cta button {
  width: 100%;
  margin-top: 5px;
}
@media (max-width: 768px) {
  .footer--site-page.footer .info-row a {
    margin-bottom: 3px;
    padding: 3px 0;
  }
  .footer .hs-menu-item a {
    margin-bottom: 3px;
  }
  .detail-content a {
    margin-bottom: 3px;
    padding-bottom: 3px;
    display: inline-block;
  }
  .affiliations--below-button a {
    bottom: 28px !important;
  }
}

/* How we're different Page CSS */
.az-different__banner .container.flex {
  padding: 0 10%;
}
.az-different__banner .container.flex article.textbox {
  margin-bottom: auto;
}
.az-different__banner h2 {
  margin-bottom: 40px !important;
}
.az-different__banner article.col-img {
  width: 100% !important;
}
.az-different__mastermind-text {
  position: relative;
  padding-bottom: 366px;
}
.az-different__mastermind-text img {
  height: auto;
  max-width: 100%;
  width: 518px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
body ul.lv1 li.lv1:nth-child(1) .submenu.has-description .cols-wrap.flex {
  position: relative;
}
body ul.lv1 li.lv1:nth-child(1) .col.has-description {
  flex: 0 0 25%;
}
body ul.lv1 li.lv1:first-child .cols-wrap .col.has-description {
  padding-bottom: 125px !important;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(2) {
  position: absolute;
  right: 75%;
  width: 25%;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  bottom: 20px;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(4) {
  position: absolute;
  right: 50%;
  width: 25%;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  bottom: 20px;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) {
  position: absolute;
  right: 25%;
  width: 25%;
  padding-top: 0 !important;
  padding-bottom: 10px !important;
  bottom: 20px;
}
body ul.lv1 li.lv1:first-child .col.has-description .lv2-desc {
  margin-top: -5px;
  font-size: 11px;
}
body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(7) {
  background: #ffffff;
  padding-bottom: 75px !important;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(7) {
  background: #fff;
  right: 0 !important;
  bottom: 20px;
  padding-bottom: 10px!important;
  position: absolute;
  width: 25%;
  top: 0;
  height: 100%;
}

body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(7) p.lv2-link span.sub-item {
  color: #37127feb;
}
body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(6) p.lv2-link span.sub-item:hover,
body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(7) p.lv2-link span.sub-item:hover {
  color: #7ace03;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(7) p.lv2-link span.sub-item svg * {
  stroke: #37127feb;
}

body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) a:hover p.lv2-link span.sub-item svg *,
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) p.lv2-link span.sub-item:hover svg *,
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(7) p.lv2-link span.sub-item:hover svg * {
  stroke: #7ace03;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(3) {
  top: 0;
  padding-top: 25px !important;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) {
  background: unset;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) p.lv2-link span.sub-item {
  color: #ffffff;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) p.lv2-link span.sub-item svg * {
  stroke: #ffffff;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(5) {
  padding-top: 25px !important;
  top: 0px;
}
body ul.lv1 li.lv1:first-child .col.has-description:nth-child(6) a:hover p.lv2-link span.sub-item {
    color: #7ace03;
}

/* body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(5) {
position: absolute;
width: 25%;
right: 0;
top: 30%;
} */
/* body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(4)>a:first-child {
cursor: default;
pointer-events: none;
}
body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(4)>a:first-child:hover span.sub-item {
color: #ffffff;
}
body ul.lv1 li.lv1:nth-child(1) .col.has-description:nth-child(4)>a:first-child span.sub-item svg {
display: none;
} */
.lp-speaker-container .speaker-item img {
  height: auto;
  width: 200px;
}
.az-integration__tab-heading {
  text-align: center;
}
.az-integration__tab-heading h5 {
  color: #656565;
  margin-bottom: 15px;
}
.az-integration__tab-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 21px;
  margin-bottom: 32px;
}
.az-integration__tab-container div {
  width: 180px;
}
.az-integration__tab-container button.active {
  background: #1d28f8;
  color: #ffffff;
}
.az-integration__tab-container button {
  margin-top: 0;
  max-width: 180px;
  width: 100%;
  padding: 7px 43px;
  font-weight: 600;
  font-size: 20px;
  text-transform: capitalize;
  letter-spacing: normal;
  background: #ffffff;
  color: #1d28f8;
}
.row-depth-1.row-number-1.dnd-section .az-saving__banner section.hero-module.lp-hero-module {
  padding: 140px 0 250px;
}
.az-saving__banner.home-hero .hero-module .home-hero__subheader {
  font-weight: 400;
  margin-top: 36px;
}
.az-faq__contact-form form.hs-form .hs-form-field {
  width: 100%;
}
@media (max-width: 768px) {
  .az-saving__banner.home-hero section.hero-module.lp-hero-module {
    background-size: cover!important;
  }
}

ul.az-two-col__text-video-list li {
  font-weight: 400;
  font-size: 18px;
  line-height: 130%;
  color: #5E6170;
}
ul.az-two-col__text-video-list {
  list-style-image: url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/list-arrow.svg);
}
.az-products-banner .textbox p {
  font-weight: 600;
  font-size: 28px;
  line-height: 130%;
  color: #FFFFFF;
}
.az-products-banner .textbox h1 {
  margin-bottom: 11px;
}
.az-roi-calc__ap-account.page-roi-calculator.max-container h1 {
  max-width: 850px !important;
}
.az-roi-calc__multiline.page-roi-calculator.max-container .textbox h1 {
  max-width: 820px;
}
section.career-hero-content.az-ingestion__centered-content {
  padding-bottom: 15px;
}
.az-roi-calc__ap-account .company-hero .textbox a.button,
.az-roi-calc__multiline .company-hero .textbox a.button {
  display: inline-block;
}
ul.lv1 li.lv1:nth-child(3) section.cols-wrap.flex {
  max-width: 500px !important;
  margin-left: 40% !important;
}
.az-card-audit__banner.hero-module.hero-master ul.button-block,
.az-our-ai__banner.hero-module.hero-master ul.button-block {
  justify-content: flex-start;
}
.az-card-audit__banner.hero-module.hero-master {
  padding-top: 180px;
}
.az-ou-ai__card {
  padding: 30px;
  background: #ffffff;
  border-radius: 5px;
  max-width: 280px;
  margin: 10px auto;
}
.az-ou-ai__col-card {
  border: 1px solid #dcdce5;
  border-radius: 8px;
  padding: 30px;
  min-height: 430px;
}
.az-ou-ai__card h4,
.az-ou-ai__col-card h4 {
  font-weight: 700;
  font-size: 19.88px;
  line-height: 120%;
  color: #000000;
  margin-bottom: 6px;
}
.az-ou-ai__col-card h4 {
  margin-bottom: 15px;
}
.az-ou-ai__card p,
.az-ou-ai__col-card p,
.az-ou-ai__col-card li {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  color: #535353;
}
section.career-hero-content.only-text.az-ai__section-title {
  padding-bottom: 50px;
}
.webinar-listing-cta-block .button.button--small {
  width: 112px;
  padding: 8px 15px;
}
.video-popup-box.popup-containt.white-popup .hs-embed-wrapper {
  max-width: 1000px !important;
}
.az-card-audit__banner.hero-module.hero-master .col-img {
  width: 35%;
}
.az-card-audit__banner.hero-module.hero-master ul.button-block {
  display: inline-flex;
}
.az-card-audit__banner.hero-module.hero-master .video-popup-block {
  display: inline-flex;
}
.az-card-audit__banner .az-card__video-popup-button .button--secondary, 
.az-card-audit__banner .az-card__video-popup-button .button--secondary:hover {
  background-color: transparent;
  color: #b9f637;
  margin-left: 10px;
  font-size: 13px;
  padding: 8px 28px;
}
.az-card-audit__banner.hero-module .hs-cta-wrapper a {
  font-size: 13px
}
@media (max-width: 768px) {
  .az-roi-calc__ap-account.page-roi-calculator .company-hero .textbox,
  .az-roi-calc__multiline.page-roi-calculator .company-hero .textbox {
    margin-bottom: 170px;
  }
  .az-card-audit__banner.hero-module.hero-master {
    padding-top: 20px;
  }
  .az-card-audit__banner.hero-module.hero-master .col-img {
    width: 100%;
  }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */

:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}@keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0) scaleY(1.1);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0) scaleY(1.05);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0) scaleY(.95);transform:translateZ(0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-4px,0) scaleY(1.02);transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX}@-webkit-keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes shakeY{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}20%,40%,60%,80%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}.animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.animate__swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInDown{0%{-webkit-transform:translateY(-1200px) scale(.7);transform:translateY(-1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown}@-webkit-keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInLeft{0%{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft}@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInRight{0%{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight}@-webkit-keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes backInUp{0%{-webkit-transform:translateY(1200px) scale(.7);transform:translateY(1200px) scale(.7);opacity:.7}80%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp}@-webkit-keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}@keyframes backOutDown{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(700px) scale(.7);transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown}@-webkit-keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}@keyframes backOutLeft{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft}@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(2000px) scale(.7);transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight}@-webkit-keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}@keyframes backOutUp{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateY(0) scale(.7);transform:translateY(0) scale(.7);opacity:.7}to{-webkit-transform:translateY(-700px) scale(.7);transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0) scaleY(3);transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0) scaleY(.9);transform:translate3d(0,25px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,-10px,0) scaleY(.95);transform:translate3d(0,-10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,5px,0) scaleY(.985);transform:translate3d(0,5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0) scaleX(3);transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0) scaleX(1);transform:translate3d(25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(-10px,0,0) scaleX(.98);transform:translate3d(-10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(5px,0,0) scaleX(.995);transform:translate3d(5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0) scaleX(3);transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0) scaleX(1);transform:translate3d(-25px,0,0) scaleX(1)}75%{-webkit-transform:translate3d(10px,0,0) scaleX(.98);transform:translate3d(10px,0,0) scaleX(.98)}90%{-webkit-transform:translate3d(-5px,0,0) scaleX(.995);transform:translate3d(-5px,0,0) scaleX(.995)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0) scaleY(5);transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}75%{-webkit-transform:translate3d(0,10px,0) scaleY(.95);transform:translate3d(0,10px,0) scaleY(.95)}90%{-webkit-transform:translate3d(0,-5px,0) scaleY(.985);transform:translate3d(0,-5px,0) scaleY(.985)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0) scaleY(.985);transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0) scaleY(.9);transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0) scaleY(3);transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0) scaleX(.9);transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0) scaleX(2);transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0) scaleX(.9);transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0) scaleX(2);transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0) scaleY(.985);transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0) scaleY(.9);transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0) scaleY(3);transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft}@-webkit-keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInTopRight{0%{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight}@-webkit-keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft}@-webkit-keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInBottomRight{0%{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}@keyframes fadeOutTopLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,-100%,0);transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft}@-webkit-keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}@keyframes fadeOutTopRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,-100%,0);transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight}@-webkit-keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}@keyframes fadeOutBottomRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,100%,0);transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight}@-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}@keyframes fadeOutBottomLeft{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInRight{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedInLeft{0%{-webkit-transform:translate3d(-100%,0,0) skewX(30deg);transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{-webkit-transform:skewX(-20deg);transform:skewX(-20deg);opacity:1}80%{-webkit-transform:skewX(5deg);transform:skewX(5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}@keyframes lightSpeedOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0) skewX(-30deg);transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{opacity:1}to{-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{opacity:1}to{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{opacity:1}to{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{opacity:1}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;-webkit-transform-origin:right bottom;transform-origin:right bottom}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;-webkit-transform-origin:top left;transform-origin:top left}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;-webkit-transform-origin:left center;transform-origin:left center}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;-webkit-transform-origin:right center;transform-origin:right center}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.newsroom-hubdb-section{
  padding: 40px 0;
}
.feartured-articles-parents{
  max-width: 780px;
  margin: 0 auto;
}
.feartured-articles{
  padding: 40px;
}
.feartured-articles-headline{
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feartured-articles-headline h6{
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #a64afd;
  font-weight: 700;
  line-height: 1.1em;
  position: relative;
  margin-bottom: 0;
}
/*==============Articles==============*/
.feartured-articles-headline h6::before{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  right: calc(100% + 20px);
}
.feartured-articles-headline h6::after{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  left: calc(100% + 20px);
}
.feartured-articles-content a{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #eee;
  box-shadow: 0px 4px 30px rgba(0,0,0,.1);
  border-radius: 5px;
  padding: 35px 0;
}
.feartured-articles-content .feartured-articles-logo{
  max-width: 200px;
  min-width: 130px;
  flex: 1 0%;
  padding: 40px;
}
.feartured-articles-content .feartured-articles-text-section{
  flex: 3 0%;
  padding-left: 5%;
  padding-right: 7%;
  border-left: 1px solid #eee;
}
.feartured-articles-content .feartured-articles-logo img{
  max-width: 100%;
  height: auto;
}
.feartured-articles-subtitle{
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
  font-weight: 400;
  margin-bottom: 0;
}
.feartured-articles-text-section h2{
  font-weight: 400;
  line-height: 110%;
  margin: 1rem 0;
  color: #4a4a4a;
}
.feartured-articles-linktext{
  color: #252d53;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 150%;
  font-weight: 600;
}
.feartured-articles-linktext .fa{
  color: #222bf9 !important;
  font-size: 20px !important;
  vertical-align: -2px;
}


.media-articals-parents{
  max-width: 780px;
  margin: 0 auto;
}
.media-articles{
  padding: 40px;
}
.media-articles-headline{
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-articles-headline h6{
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #a64afd;
  font-weight: 700;
  line-height: 1.1em;
  position: relative;
  margin-bottom: 0;
}
.media-articles-headline h6::before{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  right: calc(100% + 20px);
}
.media-articles-headline h6::after{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  left: calc(100% + 20px);
}
.media-articles-content a{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 23px 0;
  border: solid 1px #eee;
  border-radius: 5px;
  margin-bottom: 44px;
}
.media-articles-content .media-articles-logo{
  width: 130px;
}
.media-articles-content .media-articles-text-section{
  width: calc(100% - 130px);
  padding-left: 5%;
  padding-right: 7%;
  border-left: 1px solid #eee;
}
.media-articles-content .media-articles-logo img{
  max-width: 100%;
  height: auto;
}
.media-articles-subtitle{
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #00a0e3;
  font-weight: 500;
  margin-bottom: 0;
}
.media-articles-text{
  line-height: 110%;
  color: #252d53;
  font-weight: 400;
  margin-top: 8px;
  margin-bottom: 16px;
}
.media-articles-linktext{
  color: #252d53;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 150%;
  font-weight: 600;
}
.media-articles-linktext .fa{
  color: #222bf9 !important;
  font-size: 20px !important;
  vertical-align: -2px;
}
.media-articles-cta{
  text-align: center;
  padding-top: 20px;
}
.press-releases-parents{
  max-width: 780px;
  margin: 0 auto;
}
.press-releases{
  padding: 40px;
}
.press-releases-headline{
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.press-releases-headline h6{
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .15em;
  color: #a64afd;
  font-weight: 700;
  line-height: 1.1em;
  position: relative;
  margin-bottom: 0;
}
.press-releases-headline h6::before{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  right: calc(100% + 20px);
}
.press-releases-headline h6::after{
  background-color: #a64afd;
  content: '';
  position: absolute;
  height: 2px;
  width: 50px;
  top: calc(50% - 1px);
  left: calc(100% + 20px);
}
.press-releases-content a{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 23px 34px;
  border-radius: 5px;
  border-top: solid 1px #eee;
}
.press-releases-subtitle{
  line-height: 110%;
  color: #252d53;
  font-weight: 500;
  margin-bottom: 16px;
}
.press-releases-text p{
  font-size: 16px;
  line-height: 150%;
  color: rgba(72,85,137,.79);
  font-weight: 400;
  margin: 0;
}
.press-releases-linktext{
  color: #252d53;
  font-size: 12px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  line-height: 150%;
  font-weight: 600;
  margin-top: 20px;
}
.press-releases-linktext .fa{
  color: #222bf9 !important;
  font-size: 20px !important;
  vertical-align: -2px;
}
.press-releases .button {
  text-align: center;
  margin-top: 40px;
}
.press-releases-cta{
  text-align: center;
  border-top: solid 1px #eee;
}

/*==============DetailPage==============*/
.detailPage-banner{
  background: linear-gradient(293.5deg, #DA1884 -18%, rgba(218, 24, 132, 0) 68.66%), #37127F;
}

body:not(.az-header-strip--active) .detailPage-banner {
  padding-top: 93px;
}

.detailPage-banner-inner{
  max-width: 788px;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 170px;
  text-align: center;
}
.detailPage-banner .artical-type p{
  text-transform: uppercase;
  font-size: 10px;
  opacity: .7;
  letter-spacing: 1.2px;
  color: #fefefe;
}
.detailPage-banner .artical-title h1{
  font-size: 40px;
  color: #ffffff;
  margin-bottom: 40px;
  margin-top: 14px;
  line-height: 110%;
  font-weight: 400;
}
.detailPage-banner .artical-date p{
  color: rgba(255,255,255,.5);
}
.articles-description-inner{
  position: relative;
  margin-top: -130px;
  padding: 70px 100px;
  box-shadow: 0px 30px 40px rgba(0,0,0,.05);
  background-color: #ffffff;
  max-width: 852px;
  margin: -130px auto 60px;
}
.articles-description-inner p:first-child{
  text-align: center;
}
.articles-description-inner p{
  color: #485589;
  line-height: 1.5;
  margin-bottom: 15px;
}
.articles-description-inner a{
  color: #222bf9;
  border-bottom: 1px solid transparent;
  border-bottom-color: transparent;
  transition: .35s;
  font-weight: 400;
}
.articles-description-inner a:hover{
  border-bottom-color: #222bf9 !important;
  color: #222bf9 !important;
  font-weight: 400 !important;
}

/*==============Current-Openings==============*/
.careers-current-openings{
  padding: 80px 0;
  background-color: #f9f9f9;
}
.careers-current-openings-heading h2{
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 16px;
  text-align: center;
}
.careers-current-openings .lever-jobs-section{
  max-width: 800px;
  margin: 40px auto 0;
  border-bottom: solid 1px #ddd;
}
.careers-current-openings .lever-jobs-section-inner{
  margin-bottom: 48px;
}
.lever-jobs-section-inner .lever-department-title h4{
  margin-bottom: 25px;
  color: #4a4a4a;
  font-weight: 700;
  line-height: 1.1em;
  text-align: center;
}
.lever-jobs-section-inner .lever-team:last-child{
  border-bottom: solid 1px #ddd;
}
.lever-jobs-section-inner .lever-team{
  position: relative;
  padding: 16px 15px;
  transition: background-color .25s ease;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-top: solid 1px #ddd;
}
.lever-jobs-section-inner .lever-team-title{
  position: relative;
}
.lever-jobs-section-inner .lever-team-title h5{
  font-weight: 500;
  margin-bottom: 0;
  color: #4a4a4a;
  padding-right: 25px;
}
.lever-jobs-section-inner .lever-team-title h5:hover{
  color: #222bf9;
}
.lever-jobs-section-inner .lever-team.is-active .lever-team-title h5:hover {
  color: initial;
}
.lever-jobs-section-inner .lever-job-listing{
  padding-top: 20px;
}
.lever-jobs-section-inner .down-arrow{
  position: absolute;
  right: 0;
  top: 0;
}
.lever-jobs-section-inner .down-arrow .fa{
  color: #222bf9 !important;
  font-size: 25px !important;
}
.lever-jobs-section-inner .lever-job{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 3px 0;
}
.lever-jobs-section-inner .lever-job-title{
  flex: 65%;
}
.lever-jobs-section-inner .lever-job-tag{
  flex: 35%;
}
.lever-jobs-section-inner .lever-job-title a{
  text-decoration: none;
  color: #03d2e4;
  font-weight: 500;
  margin-bottom: 3px;
  font-size: 18px;
}
.lever-jobs-section-inner .lever-job-title a:hover {
  text-decoration: underline;
}
.lever-jobs-section-inner .lever-job-tag p{
  font-size: 16px;
  color: rgba(44,46,47,0.5);
}
.lever-jobs-section-inner .lever-team.is-active {
  background-color: #ffffff;
}
.lever-jobs-section-inner .lever-team.is-active:hover {
  cursor: auto;
}
.lever-jobs-section-inner .lever-team:hover {
  background-color: #ffffff;
  cursor: pointer;
}

/*==============Glossary==============*/
.grossary-section{
  margin-bottom: 100px;
}
.grossary-section-inner{
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grossary-section-inner .grossary-left{
  width: 300px;
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
}
.grossary-section-inner .grossary-left.is-fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
}
.grossary-section-inner .grossary-left li.is-selected {
  background: #222bf9 !important;
}
.grossary-section-inner .grossary-right{
  width: calc(95% - 300px);
}
.grossary-section-inner .grossary-left ul{
  margin: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}
.grossary-section-inner .grossary-left li{
  width: 37px;
  height: 37px;
  border-radius: 50%;
  margin: 4px;
  cursor: pointer;
  transition: .5s;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-decoration: none;
  list-style-type: none;
  background: rgba(238,242,244,.5);
  color: rgba(36,46,84,.5);
  font-size: 16px;
  pointer-events: none;
}
.grossary-section-inner .grossary-left li.active{
  background: #242e54;
  pointer-events: auto;
}
.grossary-section-inner .grossary-left li.active:hover{
  background: #334278;
  pointer-events: auto;
}
.grossary-section-inner .grossary-left li a{
  color: rgba(36,46,84,.5);
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  line-height: 1em;
  transition: .5s;
  margin-top: 2px;
}
.grossary-section-inner .grossary-left li.active a{
  color: #ffffff;
}
.grossary-section-inner .grossary-right .alphabet-circle {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #242e54;
  margin: 4px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.grossary-section-inner .grossary-right .alphabet-text {
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 2px;
  padding: 0;
  line-height: 1em;
  transition: .5s;
  font-size: 16px;
}

.grossary-section-inner .grossary-right .article-listing ul li{
  padding: 35px 0 40px;
  border-bottom: 1px solid #eee;
  margin: 0;
}
.grossary-section-inner .grossary-right .article-listing ul {
  list-style: none;
  padding: 0;
  margin: 0;
  left: 0;
}
.grossary-section-inner .grossary-right .glossary-name{
  margin-bottom: 16px;
}
.glossary-content-wrap .glossary-name {
  font-size: 17px;
  line-height: 1.1em;
  font-weight: 400;
  color: #252d53;
}
.grossary-section-inner .grossary-right .glossary-explanation p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

/*==============Current-Openings==============*/
.company-events-details{
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 36px 31px;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.events-details-left{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: flex-start;
  width: calc(100% - 200px);
  justify-content: space-between;
}
.company-event-image img{
  max-width: 266px;
  height: auto;
  width: 100%;
}
.company-event-description{
  width: calc(95% - 266px);
  padding-right: 5%;
}
.company-event-description p{
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  color: #4a4a4a;
}
.events-details-right{
  width: 200px;
  padding-left: 4%;
  border-left: 1px solid #eee;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.events-details-right-inner{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  width: 100%;
  position: relative;
}
.mod-subsec-heading h6{
  font-weight: 500;
}
.company-event-cta{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.company-event-cta .button{
  font-size: 12px !important;
  width: 100%;
}
.event-section .page-center {
  padding: 0 10% !important;
}
.podcast-page .mod-demo--signup2-wrap {
  padding-top: 0;
}
.podcast-page .demo-no-graphic h2 {
  font-size: 30px;
  line-height: 1;
  margin-bottom: 12px;
}
.podcast-page .mod-demo--signup.demo-no-graphic .desc {
  font-size: 20px;
  font-weight: 600;
}
.prodcast-title-date-time-section p {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  color: #363A4C;
  opacity: 0.8;
  margin: 0 0 5px;
}
.prodcast-title-date-time-section h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 119%;
  color: #363A4C;
}
.podcast-page .demo-no-graphic h2 {
  font-weight: 600;
}
.hero-module.hero-master.resource-webinar-new-banner.has-breadcrumbs .textbox {
  width: 100% !important;
}

.webinar-listing-section {
  padding: 70px 0 15px;
}
.webinar-listing-section .page-center {
  padding: 0 100px;
}
.webinar-listing-section .section-heading h4 {
  margin-bottom: 40px;
  font-weight: 700;
}
.webinar-listing-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #F0F0F0;
  border-radius: 12px;
  padding: 30px 35px;
  margin-bottom: 30px;
  background-color:#fff;
}
.webinar-listing-img {
  width: 30%;
}
.webinar-listing-content {
  width: 70%;
}
.webinar-listing-content-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.webinar-listing-text {
  width: calc(100% - 240px);
  padding: 0 40px;
  border-right: 1px solid #eee;
}
.webinar-listing-text h2 {
  margin-bottom: 25px;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 400;
}
.webinar-listing-text p {
  margin-bottom: 0;
  color: #363A4C;
  font-size: 14px;
}
.webinar-listing-cta {
  width: 240px;
  padding: 0 0 0 35px;
}
.webinar-listing-cta-block {
  display: block;
  margin: 0 auto 23px;
  max-width: 115px;
}
.webinar-listing-cta-block span {
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  color: #000000;
  margin-bottom: 8px;
  display: block;
}
.webinar-listing-cta-block .button {
  margin-top: 0;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.resource-webinar-listing-catagory-2022 {
  background: none !important;
}
.resource-webinar-listing-catagory-2022 ul.blog-category-nav a {
  color: #252b52 !important;
}
.resource-webinar-listing-catagory-2022 ul.blog-category-nav a.active {
  background: rgba(0, 0, 0, 0.1);
}

/*==============Responsive==============*/

@media screen and (max-width: 1199px) {
  .feartured-articles {
    padding: 0 0 80px;
  }
  .media-articles {
    padding: 0 0 80px;
  }
  .press-releases {
    padding: 0;
  }
  .articles-description-inner{
    padding: 70px 80px;
  }
  .company-event-description{
    padding-bottom: 30px;
  }
  .company-event-cta {
    position: static;
    width: auto;
  }
  .company-event-cta .button{
    width: auto;
  }
}
@media screen and (max-width: 1079px) {
  .resource-webinar-listing-catagory-2022 ul.blog-category-nav {
    padding-top: 0;
  }
  .blog-hero.bg-color.newsroom-hero.resource-webinar-listing-catagory-2022 {
    padding-top: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .events-details-left{
    width: 100%;
  }
  .events-details-right{
    width: 100%;
    padding-left: calc(266px + 5%);
    border: none;
  }
  .events-details-right-inner{
    padding-right: 0;
    padding-top: 25px;
    border-top: 1px solid #eee;
  }

}

@media screen and (max-width: 991px) {
  .webinar-listing-text {
    width: 100%;
    border-right: none;
  }
  .webinar-listing-cta {
    width: 100%;
    padding: 0 40px 0 0;
    display: flex;
  }
  .webinar-listing-cta-block {
    max-width: 140px;
    padding-top: 20px;
  }
  .webinar-listing-text p {
    margin-bottom: 20px;
  }
  .webinar-listing-text h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 880px) {
  .webinar-listing-text {
    width: 100%;
    padding: 0 0 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .press-releases-content a {
    padding: 23px 10px;
  }
  .feartured-articles {
    padding: 0 0 60px;
  }
  .media-articles {
    padding: 0 0 60px;
  }
  .media-articles-cta {
    padding-top: 0px;
  }
  .detailPage-banner{
    padding-top: 30px;
  }
  .detailPage-banner .artical-title h1{
    font-size: 33px;
  }
  .articles-description-inner{
    padding: 50px 5%;
  }
  .lever-jobs-section-inner .lever-job{
    flex-direction: column;
  }
  .lever-jobs-section-inner .lever-job-title{
    flex: 100%;
  }
  .lever-jobs-section-inner .lever-job-tag{
    flex: 100%;
  }
  .grossary-section-inner{
    flex-direction: row-reverse;
  }
  .grossary-section-inner .grossary-left{
    width: 25px;
  }
  .grossary-section-inner .grossary-right{
    width: calc(95% - 25px);
  }
  .grossary-section-inner .grossary-left ul{
    width: 40px;
    height: 80vh;
    background: #fff;
    padding-bottom: 30px;
  }
  .grossary-section-inner .grossary-left li{
    width: 20px;
    height: 20px;
    padding: 4px 0;
    font-size: 12px;
  }
  .grossary-section-inner .grossary-left li a {
    margin-top: 0;
  }
  .events-details-left{
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
  }
  .company-event-description{
    width: 100%;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .events-details-right{
    width: 100%;
    padding-left: 0;
    border: none;
  }
  .events-details-right-inner{
    padding-right: 0;
    padding-top: 25px;
    border-top: 1px solid #eee;
  }
  .company-event-cta {
    position: static;
    width: auto;
  }
  .company-event-cta .button{
    width: auto;
  }
  .event-section .page-center {
    padding: 0 5% !important;
  }
  .resource-webinar-listing-catagory-2022 .section-title h4 {
    text-align:center;
  }
  .webinar-listing-text h2{
    font-size:24px;
  }
  .webinar-listing-section .section-heading h4 {
    text-align: center;
  }
  .webinar-listing-cta-block span {
    text-align: center;
  }
}
@media screen and (max-width: 630px) {
  .webinar-listing-img {
    width: 100%;
  }
  .webinar-listing-content {
    width: 100%;
  }
  .webinar-listing-text {
    padding: 40px 0 0;
  }
  .webinar-listing-cta {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .webinar-listing-row {
    padding: 20px;
  }
}
@media screen and (max-width: 360px) {
  .feartured-articles-headline h6::before {
    right: calc(100% + 10px);
    width: 40px;
  }
  .feartured-articles-headline h6::after {
    left: calc(100% + 10px);
    width: 40px;
  }
  .feartured-articles-content a{
    flex-direction: column;
    padding: 25px 20px;
  }
  .feartured-articles-content .feartured-articles-text-section {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    text-align: center;
    border-left: 0;
  }

  .media-articles-headline h6::before {
    right: calc(100% + 10px);
    width: 40px;
  }
  .media-articles-headline h6::after {
    left: calc(100% + 10px);
    width: 40px;
  }
  .media-articles-content a{
    flex-direction: column;
    padding: 25px 20px;
  }
  .media-articles-content .media-articles-text-section {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 25px;
    border-top: 1px solid #eee;
    text-align: center;
    border-left: 0;
  }

  .press-releases-headline h6::before {
    right: calc(100% + 10px);
    width: 40px;
  }
  .press-releases-headline h6::after {
    left: calc(100% + 10px);
    width: 40px;
  }
  .press-releases-content a {
    padding: 23px 0px;
  }
  .mod-subsec-heading h6{
    font-size: 14px;
  }
  .company-events-details{
    padding: 20px 20px;
  }
}


.usecase-d-zlayout .col-side.reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .az-header-cta__container {
    margin-top: 20px;
  }
  .az-header-cta__link a.gnav-cta.btn.big.green {
    color: #35196D;
    width: max-content;
  }
}
.event-section {
  margin-top: 100px;
  margin-bottom: 100px;
  font-family: proxima-nova,sans-serif;
}
.event-card {
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 36px 31px;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.event-image {
  max-width: 266px;
  width: 100%;
}
.event-image img::before {
  padding-top: 75.19%;
  content: '';
  display: block;
  height: 0;
}
.event-detail {
  width: calc(91% - 466px);
}
.event-title h3 {
  font-size: 32px;
  color: #252d53;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: 1em;
  margin-top: -5px;
}
.event-description p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  color: #4a4a4a;
}
.event-cta-listing {
  width: 200px;
  padding-left: 4%;
  border-left: 1px solid #eee;
  padding-bottom: 0;
  align-self: stretch;
}
.event-cta {
  margin: 5px -5px 0;
}
.event-cta a {
  width: 100%;
  margin-top: 5px;
}
.event-cta .cta-label {
  padding: 0 5px;
  color: #262E52;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: -5px;
}
.event-section .event-cta .cta-label {
  margin-top: 0;
}
.event-section .event-cta .cta-label:last-of-type {
  margin-top: 20px;
}

section.auinsight-main {
  overflow: visible;
}
.awards--main.top_override {
/*   margin-top: -270px; */
  margin-bottom: 120px;
  position: relative;
}

div#lever-jobs-container {
  max-width: 800px !important;
  margin: 40px auto 0 !important;
  border-bottom: solid 1px #ddd;
}
#lever-jobs-container .lever-department {
  margin-bottom: 3em;
}
#lever-jobs-container .lever-department-title {
  font-size: 1.5em;
  margin-bottom: 1em;
  text-align: center;
}
#lever-jobs-container ul, #lever-jobs-container li, #lever-jobs-container h1, #lever-jobs-container h2, #lever-jobs-container h3, #lever-jobs-container h4, #lever-jobs-container h5, #lever-jobs-container h6, #lever-jobs-container p, #lever-jobs-container span {
  margin: 0;
  padding: 0;
}
#lever-jobs-container ul {
  list-style-type: none;
}
.careers-current-openings ul.lever-team:first-of-type {
  border-top: solid 1px #ddd;
}
.careers-current-openings ul.lever-team {
  position: relative;
  padding: 16px 15px !important;
  margin-bottom: 0 !important;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  transition: background-color .25s ease;
}
.careers-current-openings ul.lever-team:after {
  content: '';
  position: absolute;
  right: 17px;
  top: 20px;
  height: 10px;
  width: 10px;
  border-right: solid 2px #222bf9;
  border-bottom: solid 2px #222bf9;
  transform: rotate(45deg);
  transition: transform .25s ease;
  pointer-events: none;
}
#lever-jobs-container .lever-team-title {
  font-size: 1.25em;
  margin-bottom: 0.5em;
}
.careers-current-openings ul.lever-team h4 {
  font-weight: 500 !important;
  text-align: left !important;
  margin-bottom: 0 !important;

}
.careers-current-openings ul.lever-team ul {
  display: none;
  padding-top: 20px !important;
}
#lever-jobs-container li.lever-job {
  text-align: left;
  display: flex;
  text-decoration: none;
  padding: 0.2em 0;
  background: none;
}
#lever-jobs-container .lever-job-title {
  display: inline-block;
  flex: 0 0 65%;
  color: #0c92f3;
  text-decoration: underline;
  margin-bottom: 0.2em;
}
.careers-current-openings ul.lever-team a {
  text-decoration: none !important;
  color: #03d2e4 !important;
  font-weight: 400 !important;
  font-size: 18px !important;
}
.careers-current-openings ul.lever-team.is-active ul {
  display: block;
}
#lever-jobs-container .lever-job-tag {
  display: inline-block;
  color: rgba(44,46,47,0.5);
  flex: 0 0 35%;
}
.careers-current-openings ul.lever-team:hover h4 {
  color: #222bf9;
}
.careers-current-openings ul.lever-team:hover {
  background-color: #fff;
  cursor: pointer;
}
.careers-current-openings ul.lever-team.is-active:after {
  transform: rotate(-135deg);
}
.why--intro .col .button{
  display: inline-block;
  min-width: 140px;
}

.page-form-container.page-modal-form {
  border-radius: 0;
}

/*----------- custom checkbox ------------------*/
.page-modal-form form .hs-form-booleancheckbox label {
  position: relative;
}
.page-modal-form form input[type="checkbox"] {
  position: absolute; 
  opacity: 0; 
  width: 20px !important;
  height: 20px;
  top: 0;
  left: 0;
  margin: 0;
}
.page-modal-form form input[type="checkbox"] + span {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
  display: inline-block;
  font-size: 13px;
}
.page-modal-form form .legal-consent-container .hs-form-booleancheckbox-display>span {
  margin-left: 0;
}
.page-modal-form form input[type="checkbox"] + span:before {
  content: '';
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #252d53;
  position: absolute;
  left: 0;
  top: 4px;
  border-radius: 2px;
}
.page-modal-form form input[type="checkbox"]:checked + span:before {
  background: #fff;
}
.page-modal-form form input[type="checkbox"]:disabled + span {
  color: #b8b8b8;
  cursor: auto;
}
.page-modal-form form input[type="checkbox"]:disabled + span:before {
  box-shadow: none;
  background: #ddd;
}
.page-modal-form form input[type="checkbox"]:checked + span:after {
  content: '';
  position: absolute;
  left: 6px;
  top: 6px;
  width: 8px;
  height: 12px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
ul.no-list.hs-error-msgs.inputs-list {
  margin: 3px 0;
  padding: 0;
  list-style: none;
  color: red;
  font-size: 14px;
}
.page-modal-form label.hs-form-radio-display span {
  padding-left: 2px;
  line-height: normal;
}
.page-modal-form label.hs-form-radio-display {
  display: flex;
}
.one-column-form.page-modal-form  fieldset.form-columns-2 .hs-form-field {
  width: 100% !important;
  float: none !important;
}
.one-column-form.page-modal-form fieldset.form-columns-2 .input {
  margin-right: 0 !important;
}
.page-form-container.page-modal-form  button.mfp-close {
  top: 0 !important;
  margin: 0 !important;
  right: 0 !important;
}
.page-form-container.page-modal-form .modal-button-container {
  position: static;
}
.page-form-container.page-modal-form {
  position: relative;
  top: 0;
  left: 0;
}
form .primary.large:hover {
  -webkit-transform: scale(1.02) !important;
  -moz-transform: scale(1.02) !important;
  transform: scale(1.02) !important;
  opacity: .9;
}
ul.no-list.hs-error-msgs.inputs-list label {
  color: #c87872;
}
.two-column-form.page-form-container.page-modal-form form fieldset {
  width: 50% !important;
  padding: 0 8px !important;
}
.two-column-form.page-form-container.page-modal-form form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}

.page-form-container.page-modal-form button.mfp-close:hover {
  background: transparent !important;
  color: #000 !important;
}

.body-container--blank-page form {
  background: #fff;
  padding: 40px 5%;
  box-shadow: 0px 30px 40px rgb(0 0 0 / 5%);
  max-width: 800px;
  margin: 0 auto;
}
.whitepaper-form form {
  padding: 0;
  box-shadow: none;
  max-width: none;
  margin: 0;
}

.grossary-section-inner .grossary-right{margin-left: 0 !important; margin-left: auto !important;}
.video-popup-box.popup-containt.white-popup {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}
a.popup-video-btn img {
  width: 100%;
  height: auto;
}

.mfp-content .video-container {
  position:relative;
  padding-bottom:56.25%;
  padding-top:30px;
  height:0;
}

.video-container iframe, .video-container object, .video-container embed {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.video-popup-box .modal-content {
  max-width: 1000px;
  margin: 0 auto;
}
.video-popup-box .mfp-close {
  color: #FFF !important;
  right: 0 !important;
  top: -5px !important;
  margin: 0 !important;
  color: #FFFF !important;
  opacity: 1 !important;
}
button.mfp-close:hover {
  background: transparent;
  opacity: 1;
}
.video-popup-block {
  margin-bottom: 25px;
}
/* -----------------------------AppStore Listing Section----------------------- */
main.appstore-listing {
  background-color: #f9f9f9;
}
.appstore-main-container {
  padding-bottom: 130px;
}
.appstore-main-container .section-heading-text h2 {
  font-weight: normal;
  font-size: 32px;
  line-height: 140%;
  text-align: center;
  color: #202640;
  margin: 0 0 100px;
}
.appstore-main-container .search-block {
  margin: 0 0 30px;
  padding-left:216px;
}
.appstore-main-container .search-inner-block {
  max-width: 518px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
}
.appstore-main-container .search-inner-block .button-block {
  max-width: 82px;
  width: 100%;
}
.appstore-main-container .search-inner-block .button-block button{
  border-radius: 0 2px 2px 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
  padding: 8px 11px;
  background: #1890FF;
  border: 1px solid #1890FF;
  text-transform: none;
  width: 100%;
}
.appstore-main-container .search-inner-block input{
  border: 1px solid #D9D9D9;
  border-right: none;
  border-radius: 2px 0 0 2px;
  background: #FFFFFF;
  width: calc(100% - 82px) !important;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #434343;
}
.appstore-main-container .search-inner-block input::-webkit-input-placeholder { 
  color: #434343;
}

.appstore-main-container .search-inner-block input:-ms-input-placeholder { 
  color: #434343;
}

.appstore-main-container .search-inner-block input::placeholder {
  color: #434343;
}
.filter-card-inner-container {
  display: flex;
  justify-content: space-between;
}
.filter-block {
  margin-top: 50px;
  margin-right: 30px;
}
.filter-block p.filter-title {
  font-weight: bold;
  font-size: 12px;
  line-height: 10px;
  letter-spacing: 0.05em;
  margin: 0 0 20px;
  color: #363A4C;
  display: inline-block;
}
.filter-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.filter-block ul li {
  font-weight: bold;
  font-size: 13px;
  line-height: 10px;
  color: #8B8A8A;
  margin: 0 0 16px;
}
.card-main-container {
  width: -webkit-calc(100% - 216px);
  width: -moz-calc(100% - 216px);
  width: calc(100% - 216px);
}
.card-main-container .card-container {
  display: flex;
  margin: 0 -12px;
  flex-wrap: wrap;
}
.card-main-container .card-container .card-block {
  width: -webkit-calc(33.33% - 24px);
  width: -moz-calc(33.33% - 24px);
  width: calc(33.33% - 24px);
  margin: 0 12px 29px;
  background: #FFFFFF;
  box-shadow: 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 8px;
}
.card-main-container .card-container .card-block .card-inner-block {
  padding: 16px 16px 75px;
}
.card-main-container .card-container .card-block .card-icon {
  margin: 0 0 8px;
}
.card-main-container .card-container .card-block .card-title h6 {
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  color: #252D53;
  margin: 0 0 8px;
}
.card-main-container .card-container .card-block .card-text p {
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #252D53;
  margin: 3px 0 6px;
}
.sort-block {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 17px;
}
.sort-block ul.dropdown-menu {
  display: none;
}
.card-link-block a {
  font-weight: 600;
  font-size: 13.44px;
  line-height: 110%;
  color: #1D28F8;
}
.card-link-block a .fa{
  margin: 0 0 0 7px;
  font-size: 10px;
  font-weight: 400;
  transition: transform .3s ease;
}
.card-block:hover .card-link-block a .fa{
  transform: translateX(5px);
}
.card-link-block {
  min-height: 0;
  line-height: 0;
}
.sort-block .dropdown .select {
  font-weight: 600;
  font-size: 13.44px;
  line-height: 110%;
  color: #1D28F8;
}
.sort-block .dropdown .select .fa{
  margin: 0 7px 0 0;
  font-size: 10px;
  font-weight: 400;
}
.sort-block .dropdown{
  outline: none !important;
}

.prodcast-banner-section {
  background: -o-linear-gradient(143.96deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
  background: -webkit-linear-gradient(143.96deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
  background: linear-gradient(306.04deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
  padding: 175px 0 72px;
}
.prodcast-banner-section .page-center {
  padding-left: 5%;
  padding-right: 5%;
}
.prodcast-banner-section .inner-page-center {
  padding: 0 15px;
}
.prodcast-banner-inner-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.prodcast-banner-inner-section .left-side-section {
  width: 50%;
  padding-right: 15px;
}
.prodcast-banner-inner-section .right-side-section {
  width: 50%;
  padding-left: 15px;
}
.prodcast-banner-inner-section .section-text p {
  color: #fff;
  font-weight: 600;
}
.prodcast-banner-inner-section .section-heading h1 {
  font-style: normal;
  font-weight: bold;
  font-size: 48px;
  color: #FFFFFF;
  line-height: 119%;
  margin: 25px 0 14px;
}
.prodcast-banner-inner-section .left-side-inner-section {
  max-width: 501px;
  width: 100%;
}
.prodcast-banner-inner-section .right-ractange img {
  max-width: 278.5px;
  width: 100%;
  margin-bottom: 30px
}
.prodcast-banner-inner-section .right-side-app-icon img {
  max-width: 460px;
  width: 100%;
}
.prodcast-banner-inner-section .right-side-inner-section {
  max-width: 500px;
  margin: 0 0 0 auto;
}
.prodcast-lising-section {
  background: #F9F9F9;
  padding: 120px 0 150px;
}
.prodcast-lising-inner-section .section-heading h2 {
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  color: #000000;
} 
.prodcast-lising-section .page-center {
  max-width: 1080px;
  width: 100%;
}
.prodcast-lising-section .prodcast {
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 20px 0px;
  padding: 18px 13.5px 18px 18px;
}
.prodcast-lising-section .prodcast .features-images {
  width: 80px;
}
.prodcast-lising-section .prodcast .right-side-section {
  width: calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  padding-left: 19px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.prodcast-lising-section .prodcast-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
.prodcast-lising-section .title h5 {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: #363A4C;
  margin: 0 0 10px;
  max-width: 435px;
}
.prodcast-lising-section .date p {
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #000000;
  opacity: 0.8; 
}
.prodcast-lising-section .cta-section a {
  background: #222bf9;
  border-radius: 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #fff;
  margin: 0px 0 0 16px;
  max-width: 136px;
  display: block;
  width: 100%;
  padding: 7px 15px;
  border: 1px solid #222bf9;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.prodcast-lising-section .cta-section a:hover {
  background: #fff;
  color: #222bf9;
}
.prodcast-lising-section .cta-section {
  width: 153.5px;
}
.prodcast-lising-section  .title-section {
  width: calc(100% - 153.5px);
  width: -moz-calc(100% - 153.5px);
  width: -webkit-calc(100% - 153.5px);
  padding-right: 15px;
  border-right: 1px solid #E6E6E6;
  height: 100%;
}
.prodcast-lising-inner-section .load-more-button a {
  max-width: 125px;
  width: 100%;
  display: block;
  padding: 5px 10px;
  border: 1px solid #222bf9;
  margin: 0 auto;
}
.prodcast-lising-inner-section .load-more-button {
  margin-top: 50px;
}
.prodcast-lising-section .prodcast .features-images img {
  max-width: 80px;
  width: 100%;
  border-radius: 10px;
}
.podcast-full-width-text-section {
  position: relative;
  z-index: 1;
}
.podcast-full-width-text-section .bg-color {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.podcast-full-width-text-section .page-center {
  position: relative;
  z-index: 5;
}
.podcast-full-width-text-section .section-heading h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 37px;
  text-align: center;
  color: #FFFFFF;
  margin: 0 0 12px
}
.podcast-full-width-text-section .section-text p {
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 148%;
  text-align: center;
  color: #FFFFFF;
  margin: 0 0 12px;
}
.podcast-full-width-text-inner-section {
  max-width: 475px;
  margin: 0 auto;
}
.podcast-full-width-text-inner-section .section-cta a {
  margin: 0 auto;
  display: block;
  max-width: 186px;
  padding: 8px 15px;
  font-style: normal;
  font-weight: bold;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #35196D;
}
.podcast-full-width-text-inner-section .section-cta a:hover {
  font-weight: bold;
}
.podcast-full-width-text-section .section-text {
  margin-bottom: 36px;
}
.podcast-full-width-text-section {
  padding: 99px 0 68px;
}
.podcast-full-width-text-section.green .bg-color {
  background: linear-gradient(306.04deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
}
.prodcast-detail-banner-section {
  padding: 145px 0 272px;
  background: linear-gradient(306.04deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
}
.prodcast-detail-banner-inner-section .sub-title p {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  margin: 0 0 27px;
}
.prodcast-detail-banner-inner-section .section-heading h1 {
  font-weight: 500;
  font-size: 40px;
  line-height: 1.25;
  text-align: center;
  color: #FFFFFF;
  margin: 0;
}
.prodcast-detail-banner-inner-section {
  max-width: 802px;
  margin: 0 auto;
}
.prodcast-detail-section-inner-wraper .back-to-all-product a {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0px 8px 18.5px;
  display: inline-block;
}
.prodcast-detail-section-inner-wraper .back-to-all-product a span {
  display: flex;
  align-items: center;
}
.prodcast-detail-section-inner-wraper .back-to-all-product a img {
  margin-right: 10px;
}
.prodcast-detail-section-inner-wraper {
  margin-top: -236.5px;
}
.prodcast-detail-section {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 28px 27px 43px 42px;
}
.prodcast-iframe-section * {
  width: 100%;
  max-width: 100%;
}
.prodcast-iframe-section {
  margin-bottom: 52px;
}
.about-prodcast-section p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #485589;
  line-height: 1.5;
}
.about-prodcast-section {
  margin-bottom: 58px;
}
.about-author-section {
  border-top: 1px solid #D3D3D3;
  padding: 37px 15px 0;
}
.about-author-inner-section .author-profile {
  width: 136px;
}
.about-author-inner-section .author-detail {
  width: calc(100% - 136px);
  width: -moz-calc(100% - 136px);
  width: -webkit-calc(100% - 136px);
  padding-left: 31px;
}
.about-author-inner-section .author-profile img {
  max-width: 136px;
  width: 100%;
}
.about-author-inner-section {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 660px;
  margin: 0 auto;
}
.about-author-inner-section .name h4 {
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 119%;
  color: #495687;
  margin: 0;
}
.about-author-inner-section .designation p {
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 119%;
  color: #495687;
  margin: 0;
}
.about-author-inner-section .social-icon ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.about-author-inner-section .social-icon {
  margin-bottom: 24.6px;
}
.about-author-inner-section .social-icon ul li {
  list-style: none;
  padding: 0 5.54px 0 0;
  margin: 0;
  display: inline-block;
}
.about-author-inner-section .social-icon ul li img {
  max-width: 20.23px;
  width: 100%;
}
.about-author-inner-section .name-and-designation-section {
  margin-bottom: 25px;
}
.about-author-inner-section .about-author p {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #485589;
  line-height: 1.5;
}
.about-author-inner-section .social-icon ul li a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.prodcast-detail-section-wraper {
  position: relative;
  padding-bottom: 84px;
}
.prodcast-detail-section-wraper .page-center {
  position: relative;
  z-index: 5;
}
/* .prodcast-detail-section-wraper:after {
  content: "";
  background: #E5E5E5;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 236.5px;
  left: 0;
} */
.other-place-find-section .section-heading h2 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.1em;
  color: #495687;
  margin: 0 0px 20px;
}
.other-place-find-section .other-palce-logo ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  line-height: 0;
}
.other-place-find-section .other-palce-logo ul li {
  list-style: none;
  padding: 0 5.5px;
  margin: 0;
  display: inline-block;
  line-height: 0;
}
.other-place-find-section .other-palce-logo ul li img {
  max-width: 100%;
  width: auto;
}
.other-place-find-section .other-palce-logo ul li a {
  display: inline-block;
  line-height: 0;
}
.other-place-find-section {
  padding-top: 58px;
}

.violet.sec-bg {
  background: linear-gradient(174.29deg,#8122f9 28.71%,rgba(129,34,249,0.34) 50.02%);
}
.green.sec-bg {
  background: linear-gradient(306.04deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;
}
.skyblue.sec-bg {
  background: linear-gradient(107deg,#00e3e3 -18%,rgba(0,227,227,0) 62.9%),#0087e5;
}
.lightblue.sec-bg {
  background: linear-gradient(287.71deg,#00a0e3 -18%,rgba(0,160,227,0) 81.08%),#37127f;
}
.pink.sec-bg {
  background: linear-gradient(293.5deg,#da1884 -18%,rgba(218,24,132,0) 68.66%),#37127f;
}
.purple-gradient.sec-bg {
  background: linear-gradient(180deg,#281283 0%,rgba(40,18,131,0) 104.21%),#7a327e;
}
.pink-gradient.sec-bg {
  background: linear-gradient(180deg,#7a327e 0%,rgba(218,24,132,0) 100%),#da1884;
}
.blue-gradient.sec-bg {
  background: linear-gradient(301.93deg,rgba(0,160,227,.85) 35.11%,rgba(0,160,227,0) 82.58%),#693cef;
}
.skyblue-gradient.sec-bg {
  background: linear-gradient(360deg,#00e3e3 2.62%,rgba(0,227,227,0) 66.69%),#08aae7;
}
.seablue-gradient.sec-bg {
  background: linear-gradient(148deg,#381e89 0%,rgba(0,160,227,.85) 100%);
}
.green-gradient.sec-bg {
  background: linear-gradient(327.55deg,#23de9b 19.7%,#11a7b0 74.08%);
}
.coral-gradient.sec-bg {
  background: linear-gradient(328.45deg,#da1884 15.91%,#f15f79 63.32%);
}


.podcast-page .hero-module.hero-master .col-img img {
  display: block;
  width: 100%;
  max-width: 268px;
  border-radius: 10px;
  margin: 0 auto;
}

.podcast-page .hero-module.hero-master .col-img {
  padding: 30px 0;
}

.resource-webinar-new-banner.green .bg-color{
  background: linear-gradient(306.04deg, #23DE9B -9.23%, rgba(35, 222, 155, 0.86) 19.7%, rgba(35, 222, 155, 0) 71.05%), #37127F;

}
.resource-webinar-new-banner.hero-master.hero-padding-bottom.with-graphic {
  padding-top: 150px !important;
  padding-bottom: 80px !important;
}

/* ========================= compliance Page ========================== */

.hero-module.compliance-banner-section .img-wrap img {
  width: auto;
  margin: 0 0 0 auto;
}

.hero-module.compliance-banner-section .col-img {
  right: 12%;
}
.hero-module.compliance-banner-section  ul:not(.button-block) li{
  margin: 8px 5px;
  padding-bottom: 0;
  padding-left: 40px;
  position: relative;
  font-size: 21px;
  line-height:1;
  font-weight: 600;
  display:block;
}
.hero-module.compliance-banner-section ul:not(.button-block) {
  margin: 15px 0;
}

.hero-module.compliance-banner-section ul:not(.button-block) li:before {
  content: "";
  height: 20px;
  width: 20px;
  left: 0;
  top: 0px;
  position: absolute;
  background-size: cover;
  background-image: url(https://516015.fs1.hubspotusercontent-na1.net/hubfs/516015/Checkbox%20Square.svg);
}
.hero-module.compliance-banner-section .container.flex{
  padding-left:10%;
  padding-right:10%;
}
.hero-module.compliance-banner-section h1{
  font-weight: 600;
  font-size: 47px;
  line-height: 130%;
}
.hero-module.hero-master.compliance-banner-section .textbox{
  width:70%;
}
/*--------- Media Query ------------*/

@media screen and (max-width: 1280px) {
  .event-section .page-center {
    padding: 0;
  }
  .event-title h3 {
    font-size:26px;
  }
}/*-------- 1280 ends here ----------*/

@media screen and (max-width: 1199px) {
  .event-section .page-center {
    padding: 0;
  }
  .prodcast-banner-inner-section .section-heading h1 {
    font-size: 44px;
    margin: 15px 0 14px;
  }
  .prodcast-lising-inner-section .load-more-button {
    margin-top: 100px;
  }
  .prodcast-detail-banner-inner-section .sub-title p {
    margin: 0 0 15px;
  }
  .prodcast-detail-banner-inner-section .section-heading h1 {
    font-size: 40px;
  }
  .prodcast-detail-banner-inner-section {
    max-width: 500px;
  }
  .prodcast-iframe-section {
    margin-bottom: 40px;
  }
  .about-prodcast-section {
    margin-bottom: 48px;
  }

}/*-------- 1199 ends here ----------*/

@media screen and (max-width: 1024px) {
  .event-title h3 {
    font-size:32px;
  }
  .event-card {
    width: 100%;
    flex-wrap: wrap;
  }
  .event-detail {
    padding-bottom: 30px;
    width: calc(91% - 250px);
  }
  .event-cta-listing {
    border: none;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    border-top: 1px solid #eee;
    width: 100%;
    text-align: center;
    width: calc(91% - 250px);
    margin-left: auto;
  }
  .event-cta {
    margin: 5px 0px 0;
  }
  .event-cta a {
    width: 100%;
  }

  .prodcast-banner-section {
    padding: 120px 0 72px;
  }
  .prodcast-detail-banner-section {
    padding: 120px 0 272px;
  }
  .prodcast-detail-banner-inner-section .section-heading h1 {
    font-size: 38px;
  }
  .prodcast-iframe-section {
    margin-bottom: 30px;
  }
  .about-prodcast-section {
    margin-bottom: 37px;
  }
  .about-author-section {
    padding: 30px 15px 0;
  }
  .other-place-find-section {
    padding-top: 41px;
  }
  .other-place-find-section .other-palce-logo ul li {

    margin: 5px 0;
  }
  .prodcast-detail-section-wraper {
    padding-bottom: 64px;
  }

}/*-------- 1024 ends here ----------*/

@media screen and (max-width: 991px) {
  .event-section .page-center {
    padding: 0;
  }
  .appstore-main-container .section-heading-text h2 {
    margin: 0 0 60px;
  }
  .prodcast-banner-inner-section .section-heading h1 {
    font-size: 35px;
    margin: 5px 0 14px;
  }
  .prodcast-lising-inner-section .load-more-button {
    margin-top: 80px;
  }
  .podcast-full-width-text-section {
    padding: 89px 0 60px;
  }

}/*-------- 991 ends here ----------*/

@media screen and (max-width: 960px) {
  .mod-demo--signup1 .col-r .img-wrap img {
    display: block;
    width: 100%;
    margin-bottom: -20%;
    margin-top: 0;
    position: relative;
    left: 0;
  }
  .mod-demo--signup1 .col-r.hide-small .img-wrap img {
    top: 0;
    left: 12%;
    max-width: none;
    margin-bottom: 0;
    margin-top: 0;
    position: absolute;
  }
}

@media screen and (max-width: 767px) {
  .event-section {
    margin-top: 50px;
  }
  .event-card {
    flex-direction: column;
  }
  .event-detail {
    width: 100%;
    padding-right: 0;
  }
  .event-title h3 {
    margin-top: 15px;
  }
  .event-cta-listing {
    width: 100%;
    padding-left: 0;
  }
  .event-cta a {
    width: 100%;
  }
  .event-cta-listing {
    border: none;
    padding-right: 0;
    padding-top: 0;
    padding-left: 0;
    border-top: 1px solid #eee;
    text-align: left;
  }
  #lever-jobs-container .lever-department-title {
    font-size: 1.2em;
    margin-bottom: 1em;
  }
  .mod-demo--signup1 .col-r:before{
    padding-top: 100%;
  }
  .mod-demo--signup1 .hide-small.col-r:before{
    padding-top: 65%;
  }
  .why--banner-2{
    z-index: 9999;
  }
  .page-form-container.page-modal-form {
    padding: 24px;
  }
  .grossary-section-inner .grossary-right {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .article-listing ul li {
    padding: 35px 0 40px;
    border-bottom: 1px solid #eee;
  }
  .article-listing ul li:last-child {
    border-bottom: 0px solid #eee;
    padding-bottom: 0;
  }
  .appstore-main-container .section-heading-text h2 {
    font-size: 28px;
    margin: 0 0 50px;
  }
  .prodcast-banner-inner-section .left-side-section {
    width: 100%;
    padding-right: 0;
  }
  .prodcast-banner-inner-section .right-side-section {
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
  .prodcast-banner-inner-section .right-side-inner-section {
    max-width: 100%;
    margin: 0 auto;
  }
  .prodcast-banner-inner-section .right-ractange img {
    max-width: 278.5px;
    margin: 0 auto 30px;
    display: block;
  }
  .prodcast-banner-inner-section .right-side-app-icon img {
    margin: 0 auto;
    display: block;
  }
  .prodcast-banner-section {
    padding: 100px 0 60px;
  }
  .prodcast-lising-section {
    padding: 60px 0 60px;
  }
  .prodcast-lising-inner-section .load-more-button {
    margin-top: 50px;
  }
  .podcast-full-width-text-section {
    padding: 70px 0 60px;
  }
  .prodcast-detail-section-inner-wraper {
    margin-top: -136.5px;
  }
  .prodcast-detail-section-wraper:after {
    top:  136.5px;
  }
  .prodcast-detail-banner-section {
    padding: 100px 0 180px;
  }
  .prodcast-detail-section {
    padding: 27px 20px 33px 32px;
  }
  .prodcast-iframe-section {
    margin-bottom: 20px;
  }
  .about-prodcast-section {
    margin-bottom: 27px;
  }
  .about-author-inner-section {
    flex-direction: column;
  }
  .about-author-inner-section .author-profile {
    width: 100%;
    margin-bottom: 10px;
  }
  .about-author-inner-section .author-detail {
    width: 100%;
    padding-left: 0;
  }
  .about-author-inner-section .name-and-designation-section {
    margin-bottom: 20px;
  }
  .about-author-inner-section .social-icon {
    margin-bottom: 20px;
  }
  .about-author-section {
    padding: 30px 15px 0;
  }
  .other-place-find-section {
    padding-top: 30px;
  }
  .podcast-page .hero-module.hero-master .col-img {
    padding: 0;
  }

  .hero-module.hero-master.hero-module-new .container.flex {
    flex-direction: column-reverse;
  }
  .hero-module.hero-master.compliance-banner-section .textbox{
    width:100% !important;
  }
  .hero-module.compliance-banner-section h1{
    font-size:36px;
  }
  .resource-webinar-new-banner.hero-master.hero-padding-bottom.with-graphic {
    padding-bottom: 0 !important;
    padding-top:0 !important;
  }
}/*-------- 767 ends here ----------*/

@media screen and (max-width: 640px) {
  .event-image {
    max-width: 100%;
  }
  .two-column-form.page-form-container.page-modal-form form {
    margin: 0;
    flex-direction: column;
  }
  .two-column-form.page-form-container.page-modal-form form fieldset {
    width: 100% !important;
    padding: 0 !important;
  }

  .prodcast-lising-section .prodcast .features-images {
    width: 100%;
    margin-bottom: 10px;
  }
  .prodcast-lising-section .prodcast .right-side-section {
    width: 100%;
    padding-left: 0;
  }
  .prodcast-lising-section .title-section {
    width: 100%;
    padding-right: 0;
    border-right: none;
    margin-bottom: 10px;
  }
  .prodcast-lising-section .cta-section {
    width: 100%;
  }
  .prodcast-lising-section .cta-section a {
    margin: 0;
  }
  .prodcast-lising-section .title-section {
    height: auto;
  }
  .prodcast-lising-section .title h5 {
    max-width: 100%;
  }
}/*-------- 640 ends here ----------*/

@media screen and (max-width: 560px){
  .filter-block {
    margin-top: 10px;
  }

}
/*-------- 560 ends here ----------*/
@media screen and (max-width: 480px) {
  .event-title h3 {
    font-size: 22px;
  }
  .grossary-section-inner .grossary-right {
    margin-right: 40px;
  }
  .appstore-main-container .search-block{
    padding-left:0;
  }
}/*-------- 560 ends here ----------*/

@media screen and (max-width: 360px) {
  .event-card {
    padding: 28px 20px 10px;
  }
}/*-------- 360 ends here ----------*/


/* Footer Overrides */
.footer--site-page.footer .hs-menu-item a, .footer--site-page.footer .info-title p, .footer--site-page.footer .info-row a {
  font-weight: 300;
}
.footer--site-page.footer .hs-menu-item a:hover, 
.footer--site-page.footer .info-title p:hover, 
.footer--site-page.footer .info-row a:hover,
.footer--site-page.footer .hs-menu-item a:focus, 
.footer--site-page.footer .info-title p:focus, 
.footer--site-page.footer .info-row a:focus {
  font-weight: 300;
}

/* mod demo */
.mod-demo--signup .desc {
  font-size: 16px;
  font-weight: 300;
}
.mod-demo--signup h2 {
  font-size: 35px;
}

/* Hero Button Styles V2 */
.hero-module.hero-master ul.button-block {
 justify-content: center;
}
 .hero-module.hero-master.laptop-height ul.button-block {
 justify-content: flex-start;
}

.button-block li .button, .button-block li button, .button-block li a {
    width: 100%;
}
.hero-module button.webinaractive, .hero-module .button.webinaractive, .hero-module .webinaractive .hs-cta-wrapper a {
  background-color: rgba(255, 255, 255, calc(100 / 100));
  border-color: rgba(255, 255, 255, calc(100 / 100));
  color: rgba(0, 0, 0, calc(100 / 100));
  transition: .25s all ease;
  border-width: 2px;
  padding: 12px 18px;
}
.hero-module button.webinarinactive, .hero-module .button.webinarinactive, .hero-module .webinarinactive .hs-cta-wrapper a {
  background-color: rgba(0, 0, 0, calc(10 / 100));
  border-color: rgba(255, 255, 255, calc(50 / 100));
  color: rgba(255, 255, 255, calc(100 / 100));
  transition: .25s all ease;
  border-width: 2px;
  padding: 12px 18px;
}
body .hero-module button.webinaractive:hover , body .hero-module .button.webinaractive:hover, body .button.button--simple.webinaractive:hover, body .hero-module .webinaractive .hs-cta-wrapper a:hover,
body .hero-module button.webinarinactive:hover, body .hero-module .button.webinarinactive:hover, body .button.button--simple.webinarinactive:hover, body .hero-module .webinarinactive .hs-cta-wrapper a:hover,
body .hero-module button.webinaractive:active, body .hero-module .button.webinaractive:active, body .button.button--simple.webinaractive:active, body .hero-module .webinaractive .hs-cta-wrapper a:active,
body .hero-module button.webinarinactive:active, body .hero-module .button.webinarinactive:active, body .button.button--simple.webinarinactive:active, body .hero-module .webinarinactive .hs-cta-wrapper a:active,
body .hero-module button.webinaractive:focus, body .hero-module .button.webinaractive:focus, body .button.button--simple.webinaractive:focus, .hero-module body .webinaractive .hs-cta-wrapper a:focus,
body .hero-module button.webinarinactive:focus, body .hero-module .button.webinarinactive:focus, body .hero-module .button.button--simple.webinarinactive:focus, body .hero-module .webinarinactive .hs-cta-wrapper a:focus{
  background-color: rgba(0, 0, 0, calc(10 / 100));
  border-color: rgba(255, 255, 255, calc(100 / 100));
  color: rgba(255, 255, 255, calc(100 / 100));
  transition: .25s all ease;
  border-width: 2px;
  opacity: 1;
  transform: scale(1) !important;
}
/* Webinar hero area */
@media (min-width: 768px) {
  .hero-module.hero-master.resource-webinar-new-banner.has-breadcrumbs .textbox {
      padding: 55px 0 55px 0 !important;
  }
}









/* 1a. Containers */






/* 1b. Breakpoints */







/* 1c. Colors */









/* 1d. Typography */











/* 1e. Border */



/* 1f. Corner Radius */



/* 1g. Lists */






/* 1h. Horizontal Rule */



/* 1i. Blockquote */




/* 1j. Buttons */























































/* 1k. Forms */















































/* 1l. Tables */











/* 1m. Site Header */
















/* 1n. Site Footer */












/* 1o. Blog */











.content-wrapper, .page-center, .container {
  max-width: 1280px;
}
.body-wrapper{
  max-width: 1600px;
  background-color: #ffffff;
}

@media screen and (min-width: 1380px) {
  .content-wrapper {
    padding: 0;
  }
}

.content-wrapper--narrow {
  max-width: 740px;
}

@media screen and (min-width: 800px) {
  .content-wrapper--narrow {
    padding: 0;
  }
}

/* .dnd-section, */
.content-wrapper--blog-index,
.content-wrapper--blog-post {
  padding: 0px 0px;
}

/* .dnd-section > .row-fluid {
  max-width: 1280px;
} */





html {
  font-size: 18px;
}

body {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #f8f8f8;
  color: #556498;
  font-size: 18px;
}

/* Paragraphs */

p {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

p.lead,
p.intro {
  font-size: 1.25rem;
}

/* Anchors */

a {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1d28f8;
}

a:hover, a:focus {
  font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
  color: #1c26e3;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
  color: #6c76ff;
}

a.button:disabled {
  background-color: #f1f1f1;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
  text-transform: none;
}



h1 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
  font-size: 42px;
  letter-spacing: 0px;
  text-transform: none;
}

h2 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
  font-size: 36px;
  letter-spacing: 0px;
  text-transform: none;
}

h3 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
  font-size: 26px;
  letter-spacing: 0px;
  text-transform: none;
}

h4 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
  font-size: 24px;
  letter-spacing: 0px;
  text-transform: none;
}

h5 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  color: #252d53;
  font-size: 20px;
  letter-spacing: 0px;
  text-transform: none;
}

h6 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  color: #252d53;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
}
/*-=-=- Only Desktop CSS -=-=-*/
@media (max-width:1365px ) {
  h1 { font-size: 40px; }
  h2 { font-size: 34px; }
  h4 { font-size: 24px; }
}

/*-=-=- Smaller Desktop Devices -=-=-*/
@media (max-width:1024px ) {
  h1 { font-size: 38px; }
  h2 { font-size: 30px; }
  h4 { font-size: 19px; }
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {

}

/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {

}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {
  h1 { font-size: 36px; }
  h2 { font-size: 28px; }
  h4 { font-size: 18px; }
}


/* Lists */

/*ul,
ol {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
}*/
ul, ol {
  margin: 16px 0;
  padding-left: 24px;
}

ul li,
ol li {
  margin: 0 0 10px;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 1.5rem;
}

/* Blockquote */

blockquote {
  border-left: 10px solid #252d53;
  padding-left: 1.5rem;
}

/* Horizontal Rules */

hr {
  border-bottom-color: #d0d0d0;
}





/* Primary Button */

button,
.button {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(29, 40, 248, 1.0)

;
  border: 2px solid #1d28f8;
  border-radius: 50px;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-size: 13px;
  padding: 11px 40px;
  text-transform: uppercase;
  display:inline-block;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(29, 40, 248, 1.0)

;
  border: 2px solid #1d28f8;
  color: #FFFFFF;
}

button:active,
.button:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(109, 120, 255, 100);
  border: 2px solid #1d28f8;
  border-color: #6d78ff;
  color: #FFFFFF;
}

/* Disabled Button */

button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled {
  color: #f1f1f1;
}

button:disabled,
.button:disabled {
  background-color: #d0d0d0;
}

/* Secondary Button */

.button.button--secondary {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(34, 43, 249, 0.0)

;
  border: 2px solid #222bf9;
  border-radius: 50px;
  color: #222bf9;
  fill: #222bf9;
  padding: 11px 40px;
  text-transform: uppercase;
}

.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(34, 43, 249, 1)

;
  border: 2px solid #222bf9;
  color: #ffffff;
  fill: #ffffff;
}

.button.button--secondary:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(114, 123, 255, );
  border: 2px solid #222bf9;
  border-color: #727bff;
  color: #ffffff;
  fill: #ffffff;
}

/* Simple Button */

.button.button--simple {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background: 

  
  
    
  


  rgba(185, 246, 55, 1)

;
  border: 2px solid #b9f637;
  border-radius: 50px;
  color: #35196d;
  fill: #35196d;
  padding: 11px 40px;
  text-transform: uppercase;
}

.button.button--simple:hover,
.button.button--simple:focus {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #35196d;
  fill: #35196d;
}

.button.button--simple:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  color: #8569bd;
  fill: #8569bd;
}

/* Button Sizing */

.button.button--small {
  font-size: 10px;
  padding: 8px 30px;
}

.button.button--large {
  font-size: 16px;
  padding: 11px 40px;
}





form {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #ffffff;
  border-radius: 0px;
  padding: 0px 0px;
}

.hs-form-field {
  margin-bottom: 26px;
}

/* Form Title */

.form-title {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #ffffff;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #0050b3;
  font-size: 30px;
  padding: 0px 0px;
  text-transform: none;
}

/* Labels */

.hs-form-field > label,
.hs-form-field > label span {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
  font-size: 14px;
  padding: 0px 0px;
}

/* Help Text - Legends */

.hs-form-field legend {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
  font-size: 14px;
}

/* Inputs */

input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
select,
textarea {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(251, 251, 251, 1.0)

;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  color: #252d53;
  font-size: 16px;
  padding: 8px 14px;
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='number']:focus,
input[type='file']:focus,
select:focus,
textarea:focus {
  outline-color: #556498;
}

::-webkit-input-placeholder {
  color: #252d53;
}

::-moz-placeholder {
  color: #252d53;
}

:-ms-input-placeholder {
  color: #252d53;
}

:-moz-placeholder {
  color: #252d53;
}

::placeholder {
  color: #252d53;
}

/* Inputs - Checkbox/Radio */

form .inputs-list:not(.no-list) label,
form .inputs-list:not(.no-list) label > span,
form .inputs-list:not(.no-list) label > span p {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
  font-size: 16px;
  display: flex;
}

/* Inputs - Datepicker */

.fn-date-picker .pika-table thead th {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  color: #FFFFFF;
}

.fn-date-picker td.is-today .pika-button {
  color: #556498;
}

.hs-datepicker .is-selected button.pika-button {
  background-color: #252d53;
  color: #556498;
}

.hs-datepicker button.pika-button:hover {
  background-color: #556498 !important;
}

/* Form Rich Text */

form .hs-richtext,
form .hs-richtext *,
form .hs-richtext p,
form .hs-richtext h1,
form .hs-richtext h2,
form .hs-richtext h3,
form .hs-richtext h4,
form .hs-richtext h5,
form .hs-richtext h6 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
}
form .hs-richtext a {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1d28f8;
}

form .hs-richtext a:hover, form .hs-richtext a:focus {
  font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
  color: #1c26e3;
}

form .hs-richtext a:active {
  font-weight: normal; text-decoration: none; font-family: proxima-nova, sans-serif; font-style: normal;
  color: #6c76ff;
}

form .hs-richtext h1 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  font-size: 42px;
  letter-spacing: 0px;
  text-transform: none;
}

form .hs-richtext h2 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  font-size: 36px;
  letter-spacing: 0px;
  text-transform: none;
}

form .hs-richtext h3 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  font-size: 26px;
  letter-spacing: 0px;
  text-transform: none;
}

form .hs-richtext h4 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  font-size: 24px;
  letter-spacing: 0px;
  text-transform: none;
}

form .hs-richtext h5 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
  font-size: 20px;
  letter-spacing: 0px;
  text-transform: none;
}

form .hs-richtext h6 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
}

/* GDPR Text */

form .legal-consent-container,
form .legal-consent-container .hs-richtext,
form .legal-consent-container .hs-richtext p {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
  font-size: 14px;
}

/* Validation */

.hs-input.invalid.error {
  border-color: #a64afd;
}

.hs-error-msg,
.hs-error-msgs {
  color: #252d53;
  font-size: 14px;
}

/* Submit */


global.buttons.form.border.style
form input[type='submit'],
.hs-site-page form .hs-button,
.hs-site-page input.hs-button.primary.large {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(37, 147, 252, 1.0)

;
  border: 1px none #1770D6;
  border-radius: 2px;
  color: #FFFFFF;
  fill: #FFFFFF;
  padding: 11px 40px;
  text-transform: none;
  font-weight: 400;
}

form input[type='submit']:hover,
form input[type='submit']:focus,
.hs-site-page form .hs-button:hover,
.hs-site-page form .hs-button:focus,
.hs-site-page input.hs-button.primary.large:hover,
.hs-site-page input.hs-button.primary.large:focus{
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(23, 112, 214, 1.0)

;
  border: 1px none #b9f637;
  color: #FFFFFF;
  fill: #FFFFFF;
  font-weight: 400;
}

form input[type='submit']:active,
.hs-site-page form .hs-button:active,
.hs-site-page input.hs-button.primary.large:active{
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
  background-color: rgba(123, 212, 255, 100);
  border: 1px none #b9f637;
  border-color: #ffff9b;
  color: #ffffff;
  fill: #ffffff;
  font-weight: 400;
}






form input[type='submit'],
form .hs-button {
  font-size: 16px;
  padding: 11px 40px;
}



/* Inline Thank You Message */

.submitted-message {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border: 1px none #ffffff;
  border-radius: 0px;
  padding: 0px 0px;
}





table {
  background-color: 

  
  
    
  


  rgba(248, 248, 248, 1.0)

;
  border: 1px solid #D2E9FC;
}

th,
td {
  border: 1px solid #D2E9FC;
  color: #556498;
  padding: 15px 15px;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(0, 50, 109, 1.0)

;
  border-bottom: 2px none #D2E9FC;
  color: #FFFFFF;
}

tbody + tbody {
  border-top: 2px none #D2E9FC;
}






.header, .gnav-desktop, .gnav-m-mainbar {
  background-color: 

  
  
    
  


  rgba(55, 18, 127, 0.0)

;
  border-bottom: 1px none #f8f8f8;
}

.header__container, header[role=navigation] .container {
  max-width: 1280px;
}

/* Header Content */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header span,
.header div,
.header li,
.header blockquote,
.header .related-post__title a {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

/* Logo */

/* Navigation Menu */

.navigation-primary .menu-item a, .gnav-desktop .gnav-btm-nav li.lv1 a.lv1 span, .gnav-m-panel-lv1 .link-list a.lv1-link span {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  text-transform: none;
}

.navigation-primary .menu-item a:hover,
.navigation-primary .menu-item a:focus, .gnav-desktop .gnav-btm-nav li.lv1 a.lv1:hover span, .gnav-desktop .gnav-btm-nav li.lv1 a.lv1:focus span {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #ffffff;
}

.navigation-primary .menu-item a:active, .gnav-desktop .gnav-btm-nav li.lv1 a.lv1:active span {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #ffffff;
}
.navigation-primary .menu-item a:hover,
.navigation-primary .menu-item a:focus, .gnav-m-panel-lv1 .link-list a.lv1-link:hover span, .gnav-m-panel-lv1 .link-list a.lv1-link:focus span {
  ;
  color: #80ff00;
}

.navigation-primary .menu-item a:active, .gnav-m-panel-lv1 .link-list a.lv1-link:active span {
  ;
  color: #80ff00;
}
.gnav-m-panel-lv1 .contact-list a.lv1-link span{
  color: #ffffff;
}
.gnav-m-panel-lv1 .contact-list a.lv1-link:hover span, .gnav-m-panel-lv1 .contact-list a.lv1-link:focus span{
  color: #80ff00;
}
.gnav-m-panel-lv1 .contact-list a.lv1-link:active span{
  color: #80ff00;
}
.navigation-primary .submenu:not(.level-1){
  background-color: 

  
  
    
  


  rgba(55, 18, 127, 0.0)

;
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:hover,
.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:focus {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(185, 246, 55, 0.0)

;
  color: #ffffff;
}

.navigation-primary .submenu:not(.level-1) .menu-item .menu-link:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(85, 100, 152, 0.0)

;
  color: #ffffff;
}


@media (min-width: 768px) {
  .navigation-primary .submenu:not(.level-1) {
    border: 2px solid #EFF7FE;
  }
}

@media (max-width: 768px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(55, 18, 127, 0.0)

;
  }

  .header__menu .header__mobile-menu-icon,
  .header__menu .header__mobile-menu-icon:after,
  .header__menu .header__mobile-menu-icon:before,
  .header__menu .menu-arrow-icon,
  .header__menu .menu-arrow-icon:after {
    background-color: #ffffff;
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:hover,
  .navigation-primary .submenu.level-1 .menu-item .menu-link:focus {
    font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(185, 246, 55, 0.0)

;
    color: #ffffff;
  }

  .navigation-primary .submenu.level-1 .menu-item .menu-link:active {
    font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
    background-color: 

  
  
    
  


  rgba(85, 100, 152, 0.0)

;
    color: #ffffff;
  }
}

/* Menu Toggle */

@media screen and (max-width: 767px) {
  body .header__navigation-toggle svg,
  body .menu-arrow svg {
    fill: #ffffff;
  }
}

/* Blog Post Listing Module */

.header .blog-post-listing h1,
.header .blog-post-listing h2,
.header .blog-post-listing h3,
.header .blog-post-listing h4,
.header .blog-post-listing h5,
.header .blog-post-listing h6,
.header .blog-post-listing p,
.header .blog-post-listing div,
.header .blog-post-listing span {
  color: #556498;
}

/* Related Posts Module */

.header .related-post__title a:hover,
.header .related-post__title a:focus {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

.header .related-post__title a:active {
  color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

/* Social Follow Module */

.header .social-links__icon svg {
  fill: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}

.header .social-links__icon:hover svg {
  fill: 

  
  
    
  


  rgba(55, 18, 127, 0.0)

;
}

.header .social-links__icon:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1)

;
}





.footer--site-page {
  background-color: 

  
  
    
  


  rgba(55, 18, 127, 1.0)

;
  border-top: 1px none #37127F;
}

.footer--landing-page {
  background-color: #f8f8f8;
}

.footer__container {
  max-width: 1280px;
}

.footer__bottom-section {
  border-color: #FFFFFF;
  border-top: 2px solid #EFF7FE;
}

/* Footer Content */

.footer--site-page h1,
.footer--site-page h2,
.footer--site-page h3,
.footer--site-page h4,
.footer--site-page h5,
.footer--site-page h6,
.footer--site-page p,
.footer--site-page a:not(.button),
.footer--site-page div,
.footer--site-page span,
.footer--site-page blockquote,
.footer--site-page .related-post__title a,
.footer--site-page a strong {
  color: #FFFFFF;
}



.footer--site-page h4 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 400; text-decoration: none;
  font-size: 14px;
  letter-spacing: 0px;
  text-transform: none;
}



/* Footer Menu */

.footer .hs-menu-item a {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: none;
}

.footer .hs-menu-item a:hover,
.footer .hs-menu-item a:focus {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00a0e3;
}

.footer .hs-menu-item a:active {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #00a0e3;
}

/* Form Module */

.footer--site-page .form-title,
.footer--site-page form .hs-richtext,
.footer--site-page form .hs-richtext *,
.footer--site-page form .hs-richtext p,
.footer--site-page form .hs-richtext h1,
.footer--site-page form .hs-richtext h2,
.footer--site-page form .hs-richtext h3,
.footer--site-page form .hs-richtext h4,
.footer--site-page form .hs-richtext h5,
.footer--site-page form .hs-richtext h6,
.footer--site-page .hs-form-field > label,
.footer--site-page .hs-form-field > label span,
.footer--site-page .hs-form-field legend,
.footer--site-page form .inputs-list:not(.no-list) label,
.footer--site-page form .inputs-list:not(.no-list) label > span,
.footer--site-page form .inputs-list:not(.no-list) label > span p {
  /*color: #FFFFFF;*/
  color: #252d53
}

/* Blog Post Listing Module */

.footer .blog-post-listing h1,
.footer .blog-post-listing h2,
.footer .blog-post-listing h3,
.footer .blog-post-listing h4,
.footer .blog-post-listing h5,
.footer .blog-post-listing h6,
.footer .blog-post-listing p,
.footer .blog-post-listing div,
.footer .blog-post-listing span {
  color: #556498;
}

/* Related Posts Module */

.footer--site-page .related-post__title a:hover,
.footer--site-page .related-post__title a:focus {
  color: #afafaf;
}

.footer--site-page .related-post__title a:active {
  color: #ffffff;
}

/* Social Follow Module */

.footer--site-page .social-links__icon svg {
  fill: #FFFFFF;
}

.footer--site-page .social-links__icon:hover svg {
  fill: 

  
  
    
  


  rgba(55, 18, 127, 1.0)

;
}

.footer--site-page .social-links__icon:hover {
  background-color: #FFFFFF;
}





/* Blog Meta - Author */

.blog-card__author-name,
.blog-post__author-name {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #556498;
}

.blog-post__author-links svg {
  fill: #556498;
}

.blog-post__author-links a:hover svg {
  fill: #1d28f8;
}

/* Tags */

.blog-card__tag-link,
.blog-post__tag-link {
  background-color: 

  
  
    
  


  rgba(37, 45, 83, 0.0)

;
  color: #00C6AB;
}

.blog-card__tags svg,
.blog-post__tags svg {
  fill: #252d53;
}

/* Blog Listing */

.blog-header {
  background: #252d53 url('https://cdn2.hubspot.net/hubfs/7303166/Session/blog-listing-banner.jpg') no-repeat center center;
    background-size: cover;
    }

.blog-subheader__author-links a {
  background-color: #1d28f8;
}

.blog-subheader__author-links a:hover {
  background-color: #1c26e3;
}

/* Blog Pagination */

.blog-pagination__link {
  color: #1d28f8;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  color: #1c26e3;
}

.blog-pagination__link:hover svg,
.blog-pagination__link:focus svg {
  fill: #1c26e3;
}

.blog-pagination__link:active {
  color: #6c76ff;
}

.blog-pagination__link:active svg {
  fill: #6c76ff;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #d0d0d0;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #d0d0d0;
}

.blog-pagination__link--active {
  background-color: #556498;
  color: #fff;
}

.blog-pagination__link--active:hover,
.blog-pagination__link--active:focus {
  color: #fff;
}

/* Blog Post */

.blog-post__image {
  border-radius: 18px;
}





/* Error Pages - Global */

.error-page:before {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System Pages - Global */

.hs-search-results__title {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
  color: #252d53;
}

.hs-search-results__title:hover {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: 600; text-decoration: none;
}

/* Forms in System Pages */

#email-prefs-form h3 {
  font-family: proxima-nova, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #252d53;
  font-size: 14px;
  padding: 0px 0px;
}

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #252d53;
}

/* Password Prompt */

.password-prompt input[type='password'] {
  margin-bottom: 26px;
}

/* Backup Unsubscribe */

.backup-unsubscribe input[type='email'] {
  margin-bottom: 26px;
  padding: 8px 14px !important;
}





body .blog-card__title a,
body .blog-card__author-name {
  color: #556498;
}

body .blog-card__title a:hover,
body .blog-card__title a:focus {
  color: #051448;
}

body .blog-card__title a:active {
  color: #a5b4e8;
}

/* Icon */

body .icon svg {
 /* fill: #252d53;*/
}

/* Pricing Table */

body .price-block__header {
  background-color: #252d53;
}

body .billing-selectors__pricing-option input[type='radio']:checked + label:before {
  border-color: #252d53;
}

/* Image Module */

img {
  max-width: 100%;
}

/* Social Follow */

body .social-links__icon svg {
  fill: #556498;
}

body .social-links__icon:hover svg {
  fill: #556498;
}

body .social-links__icon:hover {
  background-color: transparent;
}

/* Statististic */

body .statistic__circle {
  background-color: #d0d0d0;
}

body .statistic__info {
  color: #556498;
}

body .statistic__bar,
body .statistic__fill,
body .statistic__fill {
  border-color: #252d53;
}

body .statistic__circle:after {
  background-color: #f8f8f8
}

/* Testimonial Slider */

body .tns-nav button {
  background-color: #d0d0d0;
}

body .tns-nav .tns-nav-active {
  background-color: #252d53;
}

/* two column form */
.two-column-form form.hs-form ul.multi-container span {
  line-height: 2.3em;
  font-size: 13px !important;
}
.page-form-container.page-modal-form {
  border-radius: 5px;
}

/* Forms */
.hs-input.invalid.error {
  border-color: #2593fc;
}
ul.no-list.hs-error-msgs.inputs-list label {
  color: #2593fc;
}