/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

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

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

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

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

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

body {
  margin: 0;
}

/**
 * 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 { /* 1 */
  overflow: visible;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

progress {
  vertical-align: baseline;
}

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

textarea {
  overflow: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

details {
  display: block;
}

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

summary {
  display: list-item;
}

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

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

template {
  display: none;
}

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

[hidden] {
  display: none;
}
/*
  We found that in one instance converting OTF font to WOFF/WOFF2
  introduced a line-height issue, which wasn't visible for those
  with local copy of font installed. This was due to use of local()
  within @font-face, which checks for the local copy of the font
  before triggering font download. We have opted not to use this
  in favour of ensuring all clients aim to use the web font first
  (by setting the stack as `font-family: 'Averta Web', 'Averta'`
  in our CSS). This gracefully falls back to the local font when
  the web font isn't available, but still ensures the web font
  experience takes precedence.
 */
@font-face {
  font-family: 'Averta Web';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/averta-regular.woff2") format("woff2"), url("/fonts/averta-regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Averta Web';
  font-weight: normal;
  font-style: italic;
  src: url("/fonts/averta-regular-italic.woff2") format("woff2"), url("/fonts/averta-regular-italic.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Averta Web';
  font-weight: 600;
  font-style: normal;
  src: url("/fonts/averta-semibold.woff2") format("woff2"), url("/fonts/averta-semibold.woff") format("woff");
  font-display: swap; }

/**
 * Clearifx mixin
 *
 * Compatible in IE9+
 */
.billin-logo-gray {
  background-image: url("/images/partners/billin-logo-gray.png");
  display: inline-block;
  height: 36px;
  width: 105px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .billin-logo-gray {
      background-image: url("/images/partners/billin-logo-gray@2x.png");
      background-size: 105px 36px; } }

.debitoor-partner-logo {
  background-image: url("/images/partners/debitoor-partner-logo.png");
  display: inline-block;
  height: 48px;
  width: 163px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .debitoor-partner-logo {
      background-image: url("/images/partners/debitoor-partner-logo@2x.png");
      background-size: 163px 48px; } }

.kashflow-app-logo {
  background-image: url("/images/partners/kashflow-app-logo.png");
  display: inline-block;
  height: 22px;
  width: 140px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .kashflow-app-logo {
      background-image: url("/images/partners/kashflow-app-logo@2x.png");
      background-size: 140px 22px; } }

.liberfit-logo {
  background-image: url("/images/partners/liberfit-logo.png");
  display: inline-block;
  height: 36px;
  width: 172px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .liberfit-logo {
      background-image: url("/images/partners/liberfit-logo@2x.png");
      background-size: 172px 36px; } }

.octobat-logo {
  background-image: url("/images/partners/octobat-logo.png");
  display: inline-block;
  height: 22px;
  width: 131px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .octobat-logo {
      background-image: url("/images/partners/octobat-logo@2x.png");
      background-size: 131px 22px; } }

.quickbooks-logo {
  background-image: url("/images/partners/quickbooks-logo.png");
  display: inline-block;
  height: 38px;
  width: 197px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .quickbooks-logo {
      background-image: url("/images/partners/quickbooks-logo@2x.png");
      background-size: 197px 38px; } }

.sellsy-logo {
  background-image: url("/images/partners/sellsy-logo.png");
  display: inline-block;
  height: 48px;
  width: 48px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sellsy-logo {
      background-image: url("/images/partners/sellsy-logo@2x.png");
      background-size: 48px 48px; } }

.teamup-partner-page-logo {
  background-image: url("/images/partners/teamup-partner-page-logo.png");
  display: inline-block;
  height: 48px;
  width: 57px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .teamup-partner-page-logo {
      background-image: url("/images/partners/teamup-partner-page-logo@2x.png");
      background-size: 57px 48px; } }

.zuora-logo {
  background-image: url("/images/partners/zuora-logo.png");
  display: inline-block;
  height: 22px;
  width: 101px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .zuora-logo {
      background-image: url("/images/partners/zuora-logo@2x.png");
      background-size: 101px 22px; } }

/*
 * Allow only vertical resizing of textareas.
 * Reset height since textareas have rows
 */
textarea {
  height: auto;
  resize: vertical; }

select[multiple],
select[size] {
  height: auto; }

select {
  padding: 3px 0 1px; }

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #86878a; }

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #86878a; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #86878a; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #86878a; }

.hljs {
  background-color: #FBFBFB;
  color: #586e75;
  word-wrap: break-word;
  overflow: visible;
  display: block;
  line-height: 24.5px;
  font-family: "Source Code Pro", Consolas, Monaco, Menlo, "Courier New", monospace;
  padding: 1.45em; }

.hljs-comment,
.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-template_comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string,
.hljs-javadoc {
  color: #93a1a1; }

.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
  color: #cb4b16; }

.hljs-number,
.hljs-command,
.hljs-tag .hljs-value,
.hljs-rules .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
  color: #0095b8; }

.hljs-title,
.hljs-localvars,
.hljs-string,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function {
  color: #17a042; }

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-type,
.hljs-link_reference {
  color: #0b5ab6; }

.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.css .hljs-pseudo,
.hljs-header {
  color: #cd8255; }

.hljs-deletion,
.hljs-important {
  color: #dc322f; }

.hljs-link_label {
  color: #6c71c4; }

.tex .hljs-formula {
  background: #eee8d5; }

html,
body,
#root {
  height: 100%;
  background-color: #fff; }

html {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html,
button,
input,
select,
textarea {
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2e2f31;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

* {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit; }

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

body {
  *zoom: 1;
  font-size: 15px;
  line-height: 1.5; }
  body:before, body:after {
    display: table;
    content: " "; }
  body:after {
    clear: both; }

figure {
  margin: 0; }

a {
  color: #00856a;
  text-decoration: none; }

a.is-active {
  text-decoration: underline; }

a:hover {
  text-decoration: underline;
  cursor: pointer; }

hr {
  box-sizing: border-box;
  display: block;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #e3e4e6; }

img {
  vertical-align: middle;
  max-width: 100%; }

input[type="search"] {
  box-sizing: border-box; }

ol,
ul {
  margin: 0;
  list-style: none;
  padding: 0; }

[ng-cloak] {
  display: none; }

.sidebar-is-open {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .sidebar-is-open {
      overflow: auto; } }

.sidebar-is-open::after {
  content: '';
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); }
  @media (min-width: 1024px) {
    .sidebar-is-open::after {
      content: none; } }

.accordion__pointer-down {
  position: absolute;
  top: 8px;
  right: 16px;
  width: 12px;
  height: 8px;
  cursor: pointer; }

.accordion--active .accordion__pointer-down {
  opacity: 0.3; }

.align-btn {
  line-height: 36px; }

.auddis-page-illustration {
  max-width: 300px; }

.bank-statement {
  position: relative;
  overflow: hidden; }

.bank-statement::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 12px;
  margin-top: -12px;
  top: 100%;
  left: 0;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
  background-color: white; }

.bank-statement__inner {
  position: relative;
  border: 1px solid #d3d4d6;
  border-radius: 4px; }

.bank-statement__currency-icon {
  margin-left: 4px;
  padding: 3px 6px; }

.bank-statement__table th {
  border-right: 1px solid white; }

.bank-statement__table tr:nth-child(odd) {
  background-color: rgba(8, 84, 179, 0.15); }

.bank-statement__table-row--semi-transparent {
  opacity: 0.4; }

.basic-grid {
  transition: all 0.1s ease; }

.basic-grid:hover {
  border: 1px solid #d3d4d6; }

.basic-page__real-time-reports-image {
  width: 240px; }

.basic-page__dashboard-image {
  width: 940px; }

.basic-page__cashflow-image {
  width: 415px; }

.basic-page__dashboard-image {
  width: 796px; }

@media (min-width: 768px) {
  .benefits-grid__item {
    border-right: 1px solid #d3d4d6; } }

@media (min-width: 768px) {
  .benefits-grid__item-image {
    min-height: 234px; } }

.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 32px;
  border: none;
  background: linear-gradient(-160deg, #009973 20%, #00a87e 100%);
  text-shadow: 0px 0px 11px #00856a;
  border-radius: 30px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: white;
  cursor: pointer;
  -webkit-appearance: none;
  backface-visibility: hidden;
  user-select: none;
  transition: color 0.1s ease-in-out, background 0.1s ease-in-out, transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out; }

.btn:hover,
.btn:active {
  text-decoration: none;
  color: white;
  background: linear-gradient(-160deg, #00ad82 20%, #00bc8d 100%); }

.btn--reset {
  border: none;
  padding: 0;
  background: transparent;
  cursor: pointer;
  line-height: 1.5; }

.btn--no-outline {
  outline: none; }

.btn--small {
  padding: 5px 22px; }

.btn--invert {
  text-shadow: none;
  box-shadow: inset 0 0 0 2px #fff;
  text-shadow: none;
  background: #fff;
  color: #2e2f31; }

.btn--invert:hover {
  color: #fff;
  box-shadow: inset 0 0 0 2px #fff;
  background: #2e2f31; }

.btn--hollow {
  box-shadow: inset 0 0 0 2px #00a87e;
  text-shadow: none;
  background: transparent;
  color: #00856a; }

.btn--hollow:hover {
  color: #00856a;
  box-shadow: inset 0 0 0 2px #22e1b2;
  background: transparent; }

.btn--invert-hollow {
  box-shadow: inset 0 0 0 2px #00a87e;
  text-shadow: none;
  background: transparent;
  color: white; }

.btn--invert-hollow:hover {
  box-shadow: inset 0 0 0 2px #00bc8d;
  background: transparent; }

.btn__icon {
  position: relative;
  top: -1px; }

.bullet {
  border-radius: 50%;
  background-color: #d3d4d6;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-weight: bold;
  float: right; }

.bullet--invert {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff; }

.bullet--h3 {
  position: relative;
  top: -3px; }

.characters__customer-onboarding {
  max-width: 300px; }
  @media (min-width: 768px) {
    .characters__customer-onboarding {
      max-width: 330px; } }

.characters__effortless {
  max-width: 300px; }
  @media (min-width: 768px) {
    .characters__effortless {
      max-width: 340px; } }

.characters__character-easy {
  max-width: 340px; }
  @media (min-width: 768px) {
    .characters__character-easy {
      max-width: 380px; } }

.checkmark-icon {
  position: relative;
  top: 2px; }

.browsehappy {
  margin: 0;
  padding: 13px 0 12px;
  text-align: center;
  background: #fff;
  color: #000;
  border-bottom: 1px solid #E5ECF2; }

.code-examples {
  position: relative;
  border-radius: 4px;
  border: solid 1px #86878a;
  position: relative;
  overflow-y: scroll;
  background-color: #f9f9f9; }
  @media (min-width: 768px) {
    .code-examples {
      height: 300px; } }

.code-examples__tabs {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 10%); }

.code-examples__tabs-button {
  padding: 15px 15px 15px 0;
  position: relative;
  cursor: pointer;
  display: inline-block;
  color: #48494d; }

.code-examples__tabs-button.is-active {
  font-weight: bold;
  color: #2e2f31; }

.code-examples__tabs-button:first-child {
  padding-left: 15px; }

.code-examples__tabs-pre {
  margin-top: 0; }

.code-examples__tabs-code {
  background-color: inherit;
  display: block;
  padding: 0 15px 0 0;
  border: none; }

.code-examples__tabs-code:first-child {
  padding: 0 15px; }

.comparison-table__row {
  border-top: 1px solid #d3d4d6; }

.comparison-table__cell {
  width: 33%;
  padding: 12px;
  border-right: 1px solid #d3d4d6; }

.notice {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  display: inline-block;
  background-color: #fff7e0;
  border: 1px solid #ffbf00;
  border-radius: 4px; }

.notice--error {
  background: #fef0ef;
  border: 1px solid #ee6850; }

.error-label {
  margin-top: 5px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  color: #ee6850; }

.email-capture {
  border-radius: 4px; }

@media (min-width: 768px) {
  .email-capture__input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; } }

@media (min-width: 768px) {
  .email-capture__btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap; } }

.faq-page table {
  border-bottom: 1px solid #d3d4d6; }

.faq-page tr {
  border-top: 1px solid #d3d4d6; }

.faq-page tr:nth-child(1) {
  border-top: none; }

.faq-page td,
.faq-page th {
  width: 33%;
  padding: 12px; }

.faq-page td {
  border-right: 1px solid #d3d4d6; }

.faq-page td:nth-child(1) {
  font-weight: 600; }

.flag-icon {
  width: 21px;
  height: 15px;
  border: 1px solid white;
  border-radius: 2px;
  box-sizing: content-box; }

.flag-icon--menu {
  width: 21px;
  height: 15px;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px; }

@media (min-width: 768px) {
  .card__container {
    width: 33.29%; } }

.card {
  transition: box-shadow 0.15s; }

.card:hover {
  box-shadow: 0 18px 31px 0 rgba(0, 0, 0, 0.05), 0 0 7px 0 rgba(0, 0, 0, 0.07), 0 12px 19px 0 rgba(0, 0, 0, 0.05); }

.card:hover .card__icon {
  transform: translate(2px, 0); }

.card__logo {
  min-height: 100px; }

@media (min-width: 768px) {
  .card__title {
    min-height: 105px; } }

.card__icon {
  position: relative;
  top: -1px;
  transition: transform 0.1s ease-in-out; }

/* ==========================================================================
   Grid
   ========================================================================== */
/**
 * Example uses:
 *
 * <div class="grid">
 *     <div class="grid__cell size-1of2"></div>
 *     <div class="grid__cell size-1of2"></div>
 *     <div class="grid__cell size-1of3"></div>
 *     <div class="grid__cell size-1of3"></div>
 * </div>
 *
 * <div class="grid grid--center">
 *     <div class="grid__cell size-1of3"></div>
 *     <div class="grid__cell size-1of3"></div>
 * </div>
 */
/* Grid container
   ========================================================================== */
/**
 * All content must be contained within descendent `Grid-cell` elements.
 *
 * 1. Ensure consistent default alignment.
 * 2. Remove inter-unit whitespace that appears between `inline-block` child
 *    elements. Works for non-monospace font-families. If you're using a
 *    monospace base font, you will need to set the `Grid` font-family to
 *    `sans-serif` and then redeclare the monospace font on the `Grid-cell`
 *    objects.
 * 3. Protect against WebKit bug with optimizelegibility.
 */
.grid {
  display: block;
  /* 1 */
  padding: 0;
  /* 1 */
  margin: 0 -10px;
  /* 1 */
  text-align: left;
  /* 2 */
  font-size: 0;
  /* 3 */ }

.grid > .grid {
  overflow: hidden;
  margin-right: 0;
  margin-left: 0; }

/*
 * Modifier: horizontally center all grid units
 * Allows for automatic unit centering irrespective of the number of
 * units in the grid.
 */
.grid--center {
  text-align: center; }

/* Grid cell
   ========================================================================== */
/**
 * No explicit width by default. Rely on combining `Grid-cell` with a dimension
 * utility or component that extends 'grid'.
 *
 * 1. Fundamentals of the non-float grid layout mechanism.
 * 2. Controls vertical positioning of units.
 * 3. Keeps content correctly aligned with the grid direction.
 * 4. Reset text defaults.
 */
.grid__cell {
  box-sizing: border-box;
  display: inline-block;
  /* 1 */
  font-size: 15px;
  /* 2 */
  margin: 0;
  padding: 0 10px;
  text-align: left;
  /* 3 */
  vertical-align: top;
  /* 4 */
  width: 100%;
  /* 5 */ }

/**
 * Modifier: horizontally center one unit
 * Set a specific unit to be horizontally centered. Doesn't affect
 * any other units. Can still contain a child `Grid` object.
 */
.grid__cell--center {
  display: block;
  margin: 0 auto; }

.hero-card {
  border-radius: 4px;
  transition: box-shadow 0.15s;
  box-shadow: inset 0 0 0 1px rgba(211, 212, 214, 0.68);
  transition: transform 0.3s ease-in-out; }

@media (min-width: 1024px) {
  .hero-card:hover {
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(211, 212, 214, 0.68);
    transform: translate(0, -8px); } }

.hero-card:hover .hero-card__button {
  color: #00856a;
  box-shadow: inset 0 0 0 2px #22e1b2;
  background: transparent; }

.hero-card__button {
  transition: color 0.15s, background-color 0.15s, border-color 0.15s; }

.hero-card__note-link {
  text-decoration: none;
  border-bottom: 1px solid white; }

.hero-card__note-link:hover {
  color: white; }

.hero-card__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.hero-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.hero-image__container {
  position: relative;
  height: 150px;
  max-width: 1500px;
  overflow: hidden; }
  @media (min-width: 500px) {
    .hero-image__container {
      height: auto;
      overflow: auto; } }

.hero-image--industries {
  width: auto;
  height: 100%;
  max-width: none; }
  @media (min-width: 500px) {
    .hero-image--industries {
      width: 100%;
      height: auto; } }

.hero-image--abstract-b {
  background-color: #0854b3;
  background-image: url("/images/hero/hero-b.jpg"); }

.hero-image--abstract-c {
  background-color: #0854b3;
  background-image: url("/images/hero/hero-c.jpg"); }

.hero-image--abstract-white-a {
  background-image: url("/images/hero/hero-white-a.jpg"); }

/* -------------------------
 * HIGHLIGHT
 * -------------------------
 */
.highlight {
  padding: 12px;
  font-family: Monaco, "Liberation Mono", Courier, monospace;
  font-size: 13px;
  color: #586e75;
  word-wrap: normal; }

.highlight pre {
  margin: 0;
  overflow: scroll;
  overflow-y: hidden;
  overflow-x: auto; }

.highlight span {
  color: #586e75;
  font-style: normal;
  font-weight: normal; }

.highlight .c {
  color: #93a1a1;
  font-style: italic; }

/* Comment */
.highlight .cm {
  color: #93a1a1;
  font-style: italic; }

/* Comment.Multiline */
.highlight .cp {
  color: #93a1a1;
  font-style: italic; }

/* Comment.Preproc */
.highlight .c1 {
  color: #93a1a1;
  font-style: italic; }

/* Comment.Single */
.highlight .cs {
  color: #93a1a1;
  font-weight: bold;
  font-style: italic; }

/* Comment.Special */
.highlight .err {
  color: #dc322f;
  background: none; }

/* Error */
.highlight .k {
  color: #cb4b16; }

/* Keyword */
.highlight .o {
  color: #586e75;
  font-weight: bold; }

/* Operator */
.highlight .p {
  color: #586e75; }

/* Operator */
.highlight .ow {
  color: #2aa198;
  font-weight: bold; }

/* Operator.Word */
.highlight .gd {
  color: #586e75;
  background-color: #E7BB43;
  display: inline-block; }

/* Generic.Deleted */
.highlight .gd .x {
  color: #586e75;
  background-color: #E7BB43;
  display: inline-block; }

/* Generic.Deleted.Specific */
.highlight .ge {
  color: #586e75;
  font-style: italic; }

/* Generic.Emph */
.highlight .gh {
  color: #93a1a1; }

/* Generic.Heading */
.highlight .gi {
  color: #586e75;
  background-color: #CEC77E;
  display: inline-block; }

/* Generic.Inserted */
.highlight .gi .x {
  color: #586e75;
  background-color: #A79D37;
  display: inline-block; }

/* Generic.Inserted.Specific */
.highlight .gs {
  color: #586e75;
  font-weight: bold; }

/* Generic.Strong */
.highlight .gu {
  color: #6c71c4; }

/* Generic.Subheading */
.highlight .kc {
  color: #859900;
  font-weight: bold; }

/* Keyword.Constant */
.highlight .kd {
  color: #268bd2; }

/* Keyword.Declaration */
.highlight .kp {
  color: #cb4b16;
  font-weight: bold; }

/* Keyword.Pseudo */
.highlight .kr {
  color: #d33682;
  font-weight: bold; }

/* Keyword.Reserved */
.highlight .kt {
  color: #2aa198; }

/* Keyword.Type */
.highlight .n {
  color: #268bd2; }

.highlight .na {
  color: #268bd2; }

/* Name.Attribute */
.highlight .nb {
  color: #859900; }

/* Name.Builtin */
.highlight .nc {
  color: #d33682; }

/* Name.Class */
.highlight .no {
  color: #b58900; }

/* Name.Constant */
.highlight .nl {
  color: #859900; }

.highlight .ne {
  color: #268bd2;
  font-weight: bold; }

/* Name.Exception */
.highlight .nf {
  color: #268bd2;
  font-weight: bold; }

/* Name.Function */
.highlight .nn {
  color: #b58900; }

/* Name.Namespace */
.highlight .nt {
  color: #268bd2;
  font-weight: bold; }

/* Name.Tag */
.highlight .nx {
  color: #b58900; }

.highlight .vg {
  color: #268bd2; }

/* Name.Variable.Global */
.highlight .vi {
  color: #268bd2; }

/* Name.Variable.Instance */
.highlight .nv {
  color: #268bd2; }

/* Name.Variable */
.highlight .mf {
  color: #2aa198; }

/* Literal.Number.Float */
.highlight .m {
  color: #2aa198; }

/* Literal.Number */
.highlight .mh {
  color: #2aa198; }

/* Literal.Number.Hex */
.highlight .mi {
  color: #2aa198; }

/* Literal.Number.Integer */
.highlight .s {
  color: #2aa198; }

/* Literal.String */
.highlight .sd {
  color: #2aa198; }

/* Literal.String.Doc */
.highlight .s2 {
  color: #2aa198; }

/* Literal.String.Double */
.highlight .se {
  color: #dc322f; }

/* Literal.String.Escape */
.highlight .si {
  color: #268bd2; }

/* Literal.String.Interpol */
.highlight .sr {
  color: #2aa198; }

/* Literal.String.Regex */
.highlight .s1 {
  color: #2aa198; }

/* Literal.String.Single */
.highlight div .gd,
.highlight div .gd .x,
.highlight div .gi,
.highlight div .gi .x {
  display: inline-block;
  width: 100%; }

.home-coming-soon__list-item-bubble {
  position: relative;
  top: 2px;
  left: -9px;
  width: 12px;
  height: 12px;
  border-radius: 6px; }
  @media (min-width: 768px) {
    .home-coming-soon__list-item-bubble {
      position: absolute;
      top: 3px;
      left: 0; } }

.home-coming-soon__list-item-bubble--coming-soon {
  background-color: #a9ceff; }

.home-coming-soon__list-item-bubble--autogiro {
  background-color: #264466; }

.home-coming-soon__list-item-bubble--becs {
  background-color: #469ed3; }

.home-coming-soon__list-item-bubble--sepa {
  background-color: #5092da; }

.home-coming-soon__list-item-bubble--bacs {
  background-color: #005db9; }

.home-coming-soon__list-item-bubble--betaling {
  background-color: #4a35ae; }

.horizontal-rule--dark {
  border-top-color: #48494d; }

.image-grid-item {
  display: block;
  height: 150px;
  border: 1px solid #f9f9f9;
  border-radius: 3px;
  text-align: center; }
  .image-grid-item:hover {
    border-color: #0854b3; }

.image-grid-item--kashflow {
  margin-top: 53px;
  width: 78%; }

.image-grid-item--freeagent {
  margin-top: 56px;
  width: 80%; }

.image-grid-item--directli {
  margin-top: 33px;
  width: 71%; }

.image-grid-item--clearbooks {
  margin-top: 25px;
  width: 78%; }

.image-grid-item--xero {
  margin-top: 45px;
  width: 68%; }

.image-grid-item--sage {
  margin-top: 39px;
  width: 68%; }

.input {
  -webkit-appearance: none;
  width: 100%;
  height: 40px;
  display: block;
  padding: 8px 10px;
  font-size: 15px;
  line-height: 1.5;
  border: 1px solid #d3d4d6;
  border-radius: 4px;
  box-shadow: none; }

.input:focus {
  outline: none;
  border-color: #0854b3;
  box-shadow: 0 0 0 2px #dde9f9; }

.input[disabled],
.input.is-disabled {
  background-color: #f9f9f9;
  color: #2e2f31;
  border-color: #d3d4d6;
  box-shadow: none; }

.input--narrow {
  width: 60px; }

.input--small {
  display: inline-block;
  height: 30px;
  padding: 0 6px;
  line-height: 30px; }

.input--block {
  width: 100%;
  display: block; }

.input--stacked {
  display: block;
  margin-bottom: 20px; }

.input--textarea {
  height: auto;
  min-height: 40px; }

.input--error {
  border-color: #ee6850; }

.integration-step {
  position: relative; }

.integration-step:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 1px;
  border-left: 1px dashed #d3d4d6;
  box-sizing: border-box;
  top: 89px;
  left: 44px; }

.integration-step:last-child:after {
  display: none; }

.integration-step__check {
  font-size: 24px;
  background-color: #fff;
  display: block;
  width: 90px;
  height: 90px;
  font-weight: 400;
  line-height: 90px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #d3d4d6;
  color: #00a87e;
  float: left; }

.integration-step__text {
  margin-left: 110px; }

.label {
  display: inline-block;
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #525C60;
  vertical-align: middle; }

.label--block {
  display: block; }

.label--stacked {
  display: block;
  margin-bottom: 6px; }

.label--inline {
  margin-left: 4px;
  font-weight: normal; }

.label--inline-start {
  margin-right: 8px; }

.countries-label {
  position: relative;
  top: -3px; }

.legal-contents__link:hover .legal-contents__link-heading {
  text-decoration: underline; }

.simple-terms {
  background-color: #f9f9f9;
  border: 1px solid #d3d4d6;
  border-radius: 4px;
  padding: 9px 12px;
  margin-bottom: 20px;
  margin-top: 20px; }

.simple-terms .para, .simple-terms .faq-page p, .faq-page .simple-terms p {
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px; }

.simple-terms .para:last-child, .simple-terms .faq-page p:last-child, .faq-page .simple-terms p:last-child {
  margin-bottom: 0; }

.legal__pdf-icon-container {
  width: 120px;
  height: 120px; }

.legal__pdf-icon {
  width: 40px;
  height: 48px; }

.list, .faq-page ul {
  list-style: disc;
  padding-left: 30px;
  margin-bottom: 10px;
  margin-top: -12px;
  color: #48494d; }

.list__item {
  padding-left: 10px; }

.list__item-checkmark {
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 9px; }

.list--numbered {
  list-style: decimal; }

.list--nested {
  margin-top: 0; }

.menu {
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  overflow-y: scroll; }
  @media (min-width: 1024px) {
    .menu {
      position: absolute;
      width: 215px;
      height: auto;
      margin-left: -100px;
      top: auto;
      left: 50%;
      bottom: auto;
      border-radius: 4px;
      line-height: 1.5;
      margin-top: -12px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
      overflow-y: visible; } }

.menu--active {
  z-index: 2; }

@media (min-width: 1024px) {
  .menu::after,
  .menu::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -8px;
    border: 8px solid transparent;
    content: '';
    height: 0; } }

@media (min-width: 1024px) {
  .menu::after {
    border-bottom-color: white; } }

@media (min-width: 1024px) {
  .menu::before {
    border-bottom-color: rgba(0, 0, 0, 0.1);
    filter: blur(1px);
    margin-bottom: 1px; } }

.menu__link {
  padding-right: 15px;
  cursor: pointer; }

.menu__link-icon {
  position: absolute;
  top: 50%;
  right: 0;
  stroke: #0854b3;
  transform: translateY(-50%) rotate(-90deg); }
  @media (min-width: 1024px) {
    .menu__link-icon {
      transform: translateY(-50%) rotate(0deg); } }

.menu__link-icon--invert {
  stroke: #0854b3; }
  @media (min-width: 1024px) {
    .menu__link-icon--invert {
      stroke: white; } }

.menu--countries {
  top: auto;
  bottom: 0;
  left: 0;
  height: auto;
  margin-bottom: 61px;
  box-shadow: 0 -4px 2px rgba(0, 0, 0, 0.05); }
  @media (min-width: 1024px) {
    .menu--countries {
      left: auto;
      width: 230px;
      margin-bottom: 44px;
      margin-left: -94px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } }

@media (min-width: 1024px) {
  .menu--countries::after,
  .menu--countries::before {
    top: 100%;
    border-color: transparent; } }

@media (min-width: 1024px) {
  .menu--countries::before {
    border-top-color: rgba(0, 0, 0, 0.1);
    margin-top: 1px; } }

@media (min-width: 1024px) {
  .menu--countries::after {
    border-top-color: white; } }

.menu__countries-link-icon {
  position: absolute;
  top: 50%;
  right: 0;
  stroke: white;
  transform: translateY(-50%); }

@media (min-width: 1024px) {
  .menu-show-enter,
  .menu-show-leave {
    position: absolute;
    transition: all 100ms cubic-bezier(0.55, 0, 0.1, 1); } }

@media (min-width: 1024px) {
  .menu-show-enter {
    z-index: 10000; } }

@media (min-width: 1024px) {
  .menu-show-enter.menu-show-enter-active,
  .menu-show-leave {
    opacity: 1;
    transform: translateY(0) scale(1); } }

@media (min-width: 1024px) {
  .menu-show-enter,
  .menu-show-leave.menu-show-leave-active {
    transform: translateY(-25px) scale(0.85);
    opacity: 0; } }

.modal {
  width: 100%;
  max-width: 580px;
  background-color: white;
  position: absolute;
  left: 50%;
  top: 0px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05), 0 7px 14px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0);
  margin: 80px 0;
  background-clip: padding-box;
  border: 1px solid #d3d4d6;
  border-radius: 3px;
  transform: translateX(-50%); }

.modal__overlay {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-y: auto; }

.modal__close {
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.modal__close::before,
.modal__close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 3px;
  background-color: #86878a; }

.modal__close:hover::before,
.modal__close:hover::after {
  background-color: black; }

.modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg); }

.modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg); }

.modal--package-modal {
  padding: 27px; }
  .modal--package-modal:focus {
    outline: none !important; }
  @media (min-width: 768px) {
    .modal--package-modal {
      padding: 50px; } }

.nav {
  width: 100%;
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2e2f31;
  border-top: 1px solid #e3e4e6; }
  @media (min-width: 1024px) {
    .nav {
      height: 75px;
      border-top: none; } }

.nav__container {
  position: relative;
  height: 100vh;
  max-width: 400px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none;
  transform: translateX(-85%);
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (min-width: 1024px) {
    .nav__container {
      width: auto;
      max-width: none;
      height: auto;
      top: auto;
      bottom: auto;
      left: auto;
      transform: none;
      transition: none;
      pointer-events: auto; } }

.nav__container--active {
  z-index: 2;
  pointer-events: auto;
  transform: translateX(0%); }

.nav__content-wrapper {
  width: calc(100% - 60px);
  height: 100%;
  background: white; }
  @media (min-width: 1024px) {
    .nav__content-wrapper {
      width: auto;
      height: auto;
      background: transparent; } }

.nav__content-wrapper--active {
  overflow: hidden; }
  @media (min-width: 1024px) {
    .nav__content-wrapper--active {
      overflow: visible; } }

.nav__content {
  width: 100%;
  height: 100%;
  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }

.nav__content--active {
  transform: translateX(-100%); }
  @media (min-width: 1024px) {
    .nav__content--active {
      transform: translateX(0); } }

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

.nav::after {
  clear: both; }

.nav__toggle {
  position: absolute;
  z-index: 2;
  right: 0;
  padding: 23px 20px 19px;
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
  pointer-events: auto;
  transition: background-color 0.1s ease-in-out; }

.nav__toggle--active {
  right: 0;
  background: #074393; }

.nav__toggle--active .nav__toggle-layer,
.nav__toggle--invert .nav__toggle-layer {
  background-color: white; }

.nav__toggle--active .nav__toggle-layer--top {
  transform: translate(0, 6px) rotate(-45deg); }

.nav__toggle--active .nav__toggle-layer--middle {
  opacity: 0; }

.nav__toggle--active .nav__toggle-layer--bottom {
  transform: translate(0, -6px) rotate(45deg); }

.nav__toggle-layer {
  position: relative;
  width: 20px;
  height: 2px;
  margin-bottom: 4px;
  background-color: #074393; }

.nav__toggle-layer:last-child {
  margin-bottom: 0; }

.nav__toggle-text {
  position: absolute; }

@media (min-width: 1024px) {
  .nav__item {
    position: relative; } }

.nav__item--divided {
  border-bottom: 1px solid #e3e4e6; }
  @media (min-width: 1024px) {
    .nav__item--divided {
      border-bottom: none; } }

.nav__list-header {
  padding: 21px 20px 21px 80px;
  border-bottom: 1px solid #e3e4e6; }

.nav__return {
  top: 0;
  left: 0;
  height: 100%;
  padding: 19px 25px;
  border-right: 1px solid #e3e4e6; }

.nav__return-icon {
  stroke: #0854b3;
  transform: rotate(90deg); }

.nav__item-button {
  padding: 17px 0;
  line-height: inherit; }
  @media (min-width: 1024px) {
    .nav__item-button {
      padding: 9px 0; } }

@media (min-width: 1024px) {
  .nav__aligned-item-group {
    margin-left: auto; } }

.nav__link--invert {
  color: #0854b3;
  cursor: pointer; }
  @media (min-width: 1024px) {
    .nav__link--invert {
      color: white; } }

.nav__link--invert:hover,
.nav__link--invert:focus,
.nav__link--invert:active {
  color: #0854b3; }
  @media (min-width: 1024px) {
    .nav__link--invert:hover,
    .nav__link--invert:focus,
    .nav__link--invert:active {
      color: white; } }

.nav-tabs__link {
  display: block;
  padding-bottom: 12px; }

.nav-tabs__link.is-active {
  text-decoration: underline; }

.nav-tabs--gutter-L li a {
  padding-left: 35px; }

.nav-tabs__section-heading {
  color: #48494d;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 5px; }

.numbered-step {
  width: 50px;
  height: 50px;
  line-height: 48px;
  border: solid 2px #d3d4d6;
  border-radius: 50%;
  text-align: center;
  color: #0854b3;
  font-size: 20px; }

.numeric-decimals {
  counter-reset: firstLevel;
  list-style-type: none; }

.numeric-decimals li {
  list-style-type: none;
  margin-left: 20px;
  margin-bottom: 10px; }

.numeric-decimals li ul {
  counter-reset: secondLevel; }

.numeric-decimals li ul li ul {
  counter-reset: thirdLevel; }

.numeric-decimals li:before {
  font-weight: 600;
  counter-increment: firstLevel;
  content: counter(firstLevel) ". "; }

.numeric-decimals li ul li:before {
  font-weight: 600;
  counter-increment: secondLevel;
  content: counter(firstLevel) "." counter(secondLevel) ". "; }

.numeric-decimals li ul ul li:before {
  font-weight: 600;
  counter-increment: thirdLevel;
  content: counter(firstLevel) "." counter(secondLevel) "." counter(thirdLevel) ". "; }

.numeric-decimals.lower-alpha li ul li:before {
  font-weight: 600;
  counter-increment: secondLevel;
  content: counter(firstLevel) "." counter(secondLevel, lower-alpha) ". "; }

.numeric-decimals.lower-roman {
  counter-reset: fourthLevel; }

.numeric-decimals.lower-alpha li .numeric-decimals.lower-roman li:before {
  font-weight: 600;
  counter-increment: fourthLevel;
  content: counter(fourthLevel, lower-roman) ". "; }

.page-footer__start {
  line-height: 25px; }

.page-footer__logo {
  max-height: 90px;
  max-width: none; }

@media (min-width: 768px) {
  .page-footer__logo:first-child {
    margin-left: auto; } }

.page-footer__social-icon {
  position: relative;
  top: 2px; }

.page-footer__payment-lookup-link {
  line-height: 1.5; }

.page-hero {
  background-image: linear-gradient(-35deg, #063d82 0%, #0854b3 100%);
  padding-top: 60px; }
  @media (min-width: 768px) {
    .page-hero {
      padding-top: 76px; } }

.page-hero--inverted {
  background-image: linear-gradient(-35deg, #063d82 0%, #0854b3 100%);
  padding-top: 80px;
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .page-hero--inverted {
      padding-top: 115px;
      padding-bottom: 80px; } }

.page-hero--industries {
  background-color: transparent;
  padding-top: 60px;
  padding-bottom: 35px; }
  @media (min-width: 768px) {
    .page-hero--industries {
      padding-bottom: 70px; } }

.page-hero--home {
  background: #0854b3 url("/images/hero/hero-a.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--global {
  background: #0854b3 url("/images/hero/new-home-hero.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--icon-background {
  background: #0854b3 url("/images/hero/hero-a.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--referral {
  background: #0854b3 url("/images/hero/referral-hero.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 540px; }
  @media (min-width: 768px) {
    .page-hero--referral {
      min-height: 768px; } }

.page-hero--pro {
  background: #48494d url("/images/hero/pro-hero.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--about {
  background: #0854b3 url("/images/hero/about-hero.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--partners {
  background: #0854b3 url("/images/hero/hero-b.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--stories {
  background: #0854b3;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.page-hero--stories-index {
  background-image: url("/images/hero/hero-d.jpg"); }

.page-hero--payment-lookup {
  background: transparent;
  padding-top: 80px;
  padding-bottom: 35px; }
  @media (min-width: 768px) {
    .page-hero--payment-lookup {
      padding-top: 115px;
      padding-bottom: 70px; } }

@keyframes pulse {
  0% {
    opacity: 0.2; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.2; } }

.payment-lookup__container {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #02152C 0%, #02152C 73px, rgba(4, 26, 62, 0) 30%), radial-gradient(ellipse at bottom, #06438F 0%, #02152C 100%); }

.payment-lookup__content-wrapper {
  position: relative; }

.payment-lookup__canvas {
  box-sizing: border-box;
  margin-top: 60px;
  position: absolute; }
  @media (min-width: 768px) {
    .payment-lookup__canvas {
      margin-top: 75px; } }

.payment-lookup__globe-container {
  display: none;
  overflow: hidden;
  width: 1100px;
  height: 1100px;
  left: 50%;
  margin-left: -550px;
  position: absolute; }
  @media (min-width: 768px) {
    .payment-lookup__globe-container {
      display: block;
      bottom: -300px; } }
  @media (min-width: 1024px) {
    .payment-lookup__globe-container {
      left: auto;
      right: 0;
      bottom: -440px;
      margin-left: auto;
      margin-right: -475px; } }

.payment-lookup__bottom-mask-container {
  width: 100%;
  bottom: 0;
  position: absolute; }

.payment-lookup__text {
  text-shadow: 0 0 19px #02152C; }

.payment-lookup {
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0);
  min-height: 213px;
  background: #ffffff; }
  @media (min-width: 768px) {
    .payment-lookup {
      margin-top: 100px; } }
  @media (min-width: 1024px) {
    .payment-lookup {
      margin-top: 0px; } }

.payment-lookup--success {
  padding-top: 18% !important;
  background-color: #F3FDFB;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: center;
  background-image: url("/images/payment-lookup/success-tick--mobile.png");
  border: 1px solid #00A87E;
  min-height: 266px;
  box-shadow: 0 -43px 20px -40px rgba(0, 168, 126, 0.4), 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 25px 20px -20px rgba(0, 0, 0, 0.17), 0 43px 20px -40px rgba(0, 168, 126, 0.4) !important; }
  @media (min-width: 500px) {
    .payment-lookup--success {
      padding-top: 40px !important;
      padding-left: 190px !important;
      background-position-x: left;
      background-size: 155px 183px;
      background-image: url("/images/payment-lookup/success-tick.png");
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 25px 20px -20px rgba(0, 0, 0, 0.17), 0 43px 20px -40px rgba(0, 168, 126, 0.4) !important; } }

.payment-lookup--error {
  padding-top: 18% !important;
  background-color: #FFFCF2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: top;
  background-position-x: center;
  background-image: url("/images/payment-lookup/notice-exclamation-mark--mobile.png");
  border: 1px solid #FFCC00;
  min-height: 266px;
  box-shadow: 0 -43px 20px -40px rgba(255, 204, 0, 0.4), 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 25px 20px -20px rgba(0, 0, 0, 0.17), 0 43px 20px -40px rgba(255, 204, 0, 0.4) !important; }
  @media (min-width: 500px) {
    .payment-lookup--error {
      padding-top: 40px !important;
      padding-left: 190px !important;
      background-position-x: left;
      background-size: 158px auto;
      background-image: url("/images/payment-lookup/notice-exclamation-mark.png");
      box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1), 0 25px 20px -20px rgba(0, 0, 0, 0.17), 0 43px 20px -40px rgba(255, 204, 0, 0.4) !important; } }

.payment-lookup__error-label {
  margin-top: -8px; }

.payment-lookup__loading-container {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center; }

.payment-lookup__loading-text {
  animation: pulse 1s ease infinite; }

@media (min-width: 500px) {
  .payment-lookup__details {
    border-left: 2px solid #00A87E; } }

.payment-lookup__detail {
  overflow: auto;
  clear: both;
  margin-bottom: 20px; }
  .payment-lookup__detail:last-child {
    margin-bottom: 0; }

.payment-lookup__detail-key {
  width: 100%;
  margin-right: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 15px;
  text-overflow: ellipsis;
  color: #48494d;
  word-break: break-word; }

.payment-lookup__detail-value {
  display: table-cell;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  color: #2e2f31;
  font-size: 15px;
  word-break: break-word; }
  @media (min-width: 768px) {
    .payment-lookup__detail-value {
      width: auto; } }

.payment-lookup__input-currency-symbol {
  position: absolute;
  right: 12px;
  top: 9px; }

.payment-lookup__input-calendar-icon {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 1;
  pointer-events: none; }

.payment-lookup__form-reset-button {
  background: none;
  border: none; }

.payment-lookup__form-switch-bank-details-button {
  background: none;
  border: none; }

.payment-lookup__loading-text {
  line-height: 43px;
  min-height: 43px; }

.payment-lookup__padlock-icon {
  position: absolute;
  right: 12px;
  top: 11px; }

.payment-lookup__chevron-icon {
  position: absolute;
  top: 11px;
  right: 12px;
  stroke: #86878a;
  stroke-width: 2px;
  height: 20px; }

.para, .faq-page p {
  margin-bottom: 20px;
  margin-top: 20px;
  width: 90%; }

.para--bullet {
  width: 95%; }

.partners-page__global-text {
  margin-top: 40px; }
  @media (min-width: 768px) {
    .partners-page__global-text {
      margin-top: 124px; } }

@media (min-width: 768px) {
  .partners-page__billing-text {
    margin-top: 45px; } }

.partners-page__illustration {
  padding: 0;
  text-align: right; }

.partners-page__browser-image {
  width: 380px; }

.partners-page__mobile-image {
  max-width: 304px; }

.partners-page__container {
  border-radius: 4px; }

.partners-page__partner-logo {
  max-width: 150px;
  max-height: 50px; }

.partners-page__quote {
  color: #48494d; }

.partners-page__instruction-screenshot {
  margin-right: -35px; }

.upgrade-to-plus__hero {
  height: 300px; }
  @media (min-width: 768px) {
    .upgrade-to-plus__hero {
      height: auto; } }

@keyframes animatePaperImage {
  0% {
    opacity: 0;
    transform: translate(0, 50px); }
  100% {
    opacity: 1;
    transform: translate(0, 0px); } }

@keyframes animatePhoneImage {
  0% {
    opacity: 0;
    transform: translate(0px, 50px); }
  100% {
    opacity: 1;
    transform: translate(0px, 0px); } }

@keyframes animateHighlight {
  0% {
    opacity: 0;
    transform: scaleX(0); }
  100% {
    opacity: 1;
    transform: scaleX(1); } }

.upgrade-to-plus__hero-paper-image-container {
  height: 100%;
  transform: translate(-20%, 0px); }
  @media (min-width: 768px) {
    .upgrade-to-plus__hero-paper-image-container {
      position: absolute;
      bottom: 0;
      width: 110%;
      height: 330px;
      transform: translate(-30px, 0px); } }
  @media (min-width: 1024px) {
    .upgrade-to-plus__hero-paper-image-container {
      height: 360px;
      transform: translate(0px, 0px); } }

.upgrade-to-plus__hero-paper-image {
  position: absolute;
  bottom: 0;
  width: 106%;
  max-width: none;
  max-height: 262px;
  opacity: 0;
  transform: translate(0px, 0px);
  transform-origin: bottom left; }
  @media (min-width: 768px) {
    .upgrade-to-plus__hero-paper-image {
      width: auto;
      max-width: 100%;
      height: 100%;
      max-height: none; } }

.upgrade-to-plus__hero-paper-image--animate {
  animation: animatePaperImage 0.5s ease-in-out 0.4s forwards; }

.upgrade-to-plus__hero-phone-image {
  position: absolute;
  bottom: -1px;
  left: 44%;
  height: 300px;
  opacity: 0;
  transform: translate(0px, 0px);
  transform-origin: bottom left; }
  @media (min-width: 768px) {
    .upgrade-to-plus__hero-phone-image {
      width: auto;
      height: 400px;
      right: 0; } }
  @media (min-width: 1024px) {
    .upgrade-to-plus__hero-phone-image {
      left: auto;
      right: -150px; } }

.upgrade-to-plus__hero-phone-image--animate {
  animation: animatePhoneImage 0.5s ease-in-out 0s forwards; }

.upgrade-to-plus__hero-paper-image path,
.upgrade-to-plus__hero-phone-image path {
  opacity: 0;
  transform: scaleX(1);
  transform-origin: bottom left;
  transform-box: fill-box; }

.upgrade-to-plus__hero-paper-image--animate path {
  animation: animateHighlight 0.4s ease-in-out 1.5s forwards; }

.upgrade-to-plus__hero-phone-image--animate path {
  animation: animateHighlight 0.4s ease-in-out 1s forwards; }

@media (min-width: 768px) {
  .upgrade-to-plus__standard-tier-container {
    order: -1; } }

.upgrade-to-plus__standard-tier {
  background-image: linear-gradient(148deg, #ccccce 0%, #86878a 100%); }

.upgrade-to-plus__standard-tier-button {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 37px 9px;
  border-radius: 30px;
  text-align: center; }

.upgrade-to-plus__dash-icon {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 2px;
  background-color: #d3d4d6; }

.upgrade-to-plus__tier-footer {
  border-top: 1px solid #d3d4d6; }

.upgrade-to-plus__pricing-detail {
  border-right: 1px solid #d3d4d6; }

.pricing__header {
  padding-top: 60px; }

.pricing__header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  border-top: 1px solid #d3d4d6;
  background-image: linear-gradient(-180deg, rgba(211, 212, 214, 0.4) 0%, rgba(211, 212, 214, 0) 100%); }

.pricing__tier-terms {
  padding: 10px 0 11px; }

.pricing__tier-footer {
  border-top: 1px solid #d3d4d6; }

.pricing__pro-color {
  color: #4937ad; }

.pricing__pro-background {
  background-color: #4937ad; }

.pricing__tick--pro g, .pricing__tick--pro path {
  fill: #4937ad; }

.pricing__banner {
  box-shadow: inset 0 6px 0 0 #0854b3; }

.pro-page__dashboard-image {
  width: 796px;
  border: 1px solid #d3d4d6;
  border-radius: 4px; }

.pro-page__feature-image {
  max-width: 60px;
  max-height: 60px; }

.product-grid__section {
  padding: 0; }
  @media (min-width: 768px) {
    .product-grid__section {
      padding: 0 60px; } }

.product-grid__section--left-border {
  border-left: 1px solid #d3d4d6; }

.quote {
  background-color: #0854b3;
  padding: 75px 125px;
  box-shadow: 0 18px 31px 0 rgba(0, 0, 0, 0.05), 0 0 7px 0 rgba(0, 0, 0, 0.07), 0 12px 19px 0 rgba(0, 0, 0, 0.05); }

.quote__logo {
  height: 38px;
  width: auto; }

.quote__link:hover .quote__link-icon,
.quote__link:hover + .quote__link-icon {
  transform: translate(2px, 0); }

.quote__link-icon {
  position: relative;
  top: -1px;
  transition: transform 0.1s ease-in-out; }

/* Copied from react-datepicker/dist/react-datepicker.css */
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #f9f9f9; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #fff; }

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #f9f9f9; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #d3d4d6; }

.react-datepicker {
  font-size: 14px;
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  box-shadow: 0 18px 31px 0 rgba(0, 0, 0, 0.05), 0 0 7px 0 rgba(0, 0, 0, 0.07), 0 12px 19px 0 rgba(0, 0, 0, 0.05); }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker-popper[data-placement^="bottom"].react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker-popper {
  min-width: 206px;
  z-index: 1; }

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px; }

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 6px; }

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px; }

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px; }

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px; }

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto; }

.react-datepicker__header {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #d3d4d6;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 8px;
  position: relative; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 13px; }

.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px; }

.react-datepicker__navigation {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 6px solid transparent;
  z-index: 1; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #0854b3;
  font-size: 0;
  line-height: 0;
  background-color: transparent; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #0854b3; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #0854b3;
  font-size: 0;
  line-height: 0;
  background-color: transparent; }

.react-datepicker__navigation--next:hover {
  border-left-color: #0854b3; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month {
  margin: 5px;
  text-align: center; }

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer; }

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 2px; }

.react-datepicker__day-name {
  color: #48494d; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 4px;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--selected,
.react-datepicker__day--in-range {
  border-radius: 4px;
  background-color: #0854b3;
  color: #fff; }

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-range:hover {
  background-color: #0854b3; }

.react-datepicker__day--outside-month,
.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative; }

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 4px; }

.react-datepicker__year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 6px; }

.react-datepicker__year-read-view--selected-year {
  right: 6px;
  position: relative; }

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.react-datepicker__year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #0854b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #0854b3; }

.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0; }

.sage-screenshot {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }

.schemes__item-container {
  margin: -12px; }

.schemes__item {
  padding: 0 12px; }

.schemes__item-description {
  border-bottom: 1px solid #d3d4d6; }
  @media (min-width: 768px) {
    .schemes__item-description {
      min-height: 244px; } }

.schemes__item--sepa {
  background-color: #5092da; }

.schemes__item--bacs {
  background-color: #005db9; }

.schemes__item--autogiro {
  background-color: #264466; }

.schemes__item-subtitle {
  color: rgba(255, 255, 255, 0.8); }

.schemes__flag-icon {
  top: -8px;
  width: 21px;
  height: 15px;
  border-radius: 2px;
  border: 1px solid white;
  box-sizing: content-box; }

.section-divider {
  max-width: 940px;
  margin: 0 auto; }

.section-scroll-target {
  margin-top: -72px;
  padding-top: 72px; }

.section-scroll-target--jobs {
  margin-top: -205px;
  padding-top: 205px; }

.section-subheading {
  font-weight: 700;
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 6px; }

.section-subheading__icon {
  position: relative;
  top: 2px;
  margin-right: 5px; }

.security-benefit__text {
  margin-left: 105px; }

.showcase-logo--box {
  max-width: 60px; }

.showcase-logo--the-guardian {
  max-width: 120px; }

.showcase-logo--hm-government {
  max-width: 105px; }

.showcase-logo--tripadvisor {
  max-width: 60px; }

.showcase-logo--thomas-cook {
  max-width: 135px; }

.showcase-logo--virgin {
  max-width: 45px; }

.showcase-logo--quickbooks {
  max-width: 130px; }

.showcase-logo--xero {
  max-width: 45px; }

.showcase-logo--sage-50 {
  max-width: 85px; }

.showcase-logo--zuora {
  max-width: 70px; }

.showcase-logo--woocommerce {
  max-width: 140px; }

.showcase-logo--chargebee {
  max-width: 95px; }

.showcase-logo--zenchef {
  max-width: 90px; }

.showcase-logo--habitat {
  max-width: 100px; }

.showcase-logo--debitoor {
  max-width: 120px; }

.showcase-logo--iraiser {
  max-width: 90px; }

.showcase-logo--proabono {
  max-width: 115px; }

.showcase-logo--mangopay {
  max-width: 140px; }

.showcase-logo--zoho {
  max-width: 85px; }

.showcase-logo--teamup {
  max-width: 55px; }

.showcase-logo--suop {
  max-width: 115px; }

.showcase-logo--impact-hub {
  max-width: 60px; }

.showcase-logo--podo {
  max-width: 100px; }

.showcase-logo--glovo {
  max-width: 120px; }

.showcase-logo--funding-circle {
  max-width: 160px; }

.showcase-logo--gastrofix {
  max-width: 95px; }

.showcase-logo--ranking-coach {
  max-width: 165px; }

.showcase-logo--vindicia {
  max-width: 94px; }

.showcase-logo--maggie-and-rose {
  max-width: 125px; }

.showcase-logo--the-little-learners {
  max-width: 70px; }

.showcase-logo--online-scout-manager {
  max-width: 70px; }

.showcase-logo--tes-resources {
  max-width: 90px; }

.showcase-logo--boost-capital {
  max-width: 125px; }

.showcase-logo--now-pensions {
  max-width: 90px; }

.showcase-logo--osper {
  max-width: 50px; }

.showcase-logo--omni-capital {
  max-width: 80px; }

.showcase-logo--peterborough-council {
  max-width: 115px; }

.showcase-logo--south-kesteven {
  max-width: 55px; }

.showcase-logo--jadu {
  max-width: 80px; }

.showcase-logo--dvla {
  max-width: 70px; }

.showcase-logo--boston-borough-council {
  max-width: 45px; }

.showcase-logo--kashflow {
  max-width: 130px; }

.showcase-logo--freeagent {
  max-width: 130px; }

.showcase-logo--sage {
  max-width: 70px; }

.showcase-logo--meningitis-now {
  max-width: 50px; }

.showcase-logo--soil-association {
  max-width: 50px; }

.showcase-logo--bbc {
  max-width: 100px; }

.showcase-logo--techcrunch {
  max-width: 75px; }

.showcase-logo--cnn {
  max-width: 85px; }

.showcase-logo--london-evening-standard {
  max-width: 115px; }

.showcase-logo--wired {
  max-width: 115px; }

.showcase-logo--le-figaro {
  max-width: 135px; }

.showcase-logo--les-echos {
  max-width: 125px; }

.showcase-logo--jdn {
  max-width: 90px; }

.showcase-logo--la-tribune {
  max-width: 125px; }

.showcase-logo--exact {
  max-width: 105px; }

.showcase-logo--cobot {
  max-width: 90px; }

.showcase-logo--pitchero {
  max-width: 110px; }

.showcase-logo--gymnastics-club-manager {
  max-width: 100px; }

.showcase-logo--clear-books {
  max-width: 130px; }

.showcase-logo--total-giving {
  max-width: 100px; }

.showcase-logo--charity-checkout {
  max-width: 75px; }

.showcase-logo--harrow-council {
  max-width: 150px; }

.showcase-logo--sellsy {
  max-width: 125px; }

.showcase-logo--fonteva {
  max-width: 100px; }

.showcase-logo--memberwise {
  max-width: 130px; }

.showcase-logo--trillium {
  max-width: 100px; }

.showcase-logo--zentso {
  max-width: 120px; }

.showcase-logo--magicline {
  max-width: 40px; }

.showcase-logo--paysubsonline {
  max-width: 140px; }

.showcase-logo--salesforce {
  max-width: 60px; }

.showcase-logo--magento {
  max-width: 95px; }

.showcase-logo--junifer {
  max-width: 120px; }

.showcase-logo--ensek {
  max-width: 100px; }

.showcase-logo--utiligroup {
  max-width: 130px; }

.showcase-logo--has-bean-coffee {
  max-width: 100px; }

.showcase-logo--nutmeg {
  max-width: 130px; }

.showcase-logo--vax {
  max-width: 140px; }

.showcase-logo--greater-anglia {
  max-width: 40px; }

.showcase-logo--connexin {
  max-width: 90px; }

.showcase-logo--foundation-of-hearts {
  max-width: 50px; }

.showcase-logo--bulb-energy {
  max-width: 100px; }

.showcase-logo--so-energy {
  max-width: 120px; }

.showcase-logo--asperato {
  max-width: 50px; }

.showcase-logo--billin {
  max-width: 80px; }

.showcase-logo--virtuagym {
  max-width: 135px; }

.site-container {
  *zoom: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 984px;
  padding-left: 20px;
  padding-right: 20px; }
  .site-container:before, .site-container:after {
    display: table;
    content: " "; }
  .site-container:after {
    clear: both; }

.slider-nav {
  position: absolute;
  top: 50%;
  cursor: pointer;
  height: 30px;
  margin-top: -15px;
  opacity: 0.08;
  transition: 0.2s opacity; }

.slider-nav__next:hover,
.slider-nav__prev:hover {
  opacity: 0.2; }

.slider-nav__prev {
  left: -36px;
  transform: rotate(180deg); }

.slider-nav__next {
  right: -36px; }

.slider-nav__counter {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: white;
  margin: 0 6px;
  opacity: 0.5;
  cursor: pointer; }

.slider-nav__counter.is-active {
  opacity: 1; }

.sticky-nav {
  border-bottom: 1px solid #e3e4e6; }

.sticky-nav__inner.is-sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid #e3e4e6; }

.sticky-nav__cta {
  transition: all 0.1s ease; }

.sticky-nav__item {
  min-height: 47px;
  margin-right: 20px;
  float: left;
  display: block; }

.sticky-nav__link {
  color: #48494d; }

.sticky-nav__link:hover,
.sticky-nav__link:active {
  color: #48494d; }

.sticky-nav__link.is-active {
  text-decoration: none; }

.sticky-nav__link.is-active:after {
  display: block;
  content: "";
  border-bottom: 6px solid #0854b3;
  position: relative;
  top: 20px; }

.story-hero {
  background: #0854b3; }

.story-hero--spencer-hockey {
  background: url("/images/hero/hero-spencer-hockey.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--crossfit-tonbridge {
  background: url("/images/hero/hero-crossfit-tonbridge.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--bluesky {
  background: url("/images/hero/hero-bluesky.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--rock-choir {
  background: url("/images/hero/hero-rock-choir.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--picdrop {
  background: url("/images/hero/hero-picdrop.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--greater-anglia {
  background: url("/images/hero/hero-greater-anglia.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--has-bean-coffee {
  background: url("/images/hero/hero-has-bean-coffee.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-hero--hotpod-yoga {
  background: url("/images/stories/story-images/hotpod-yoga/hero-hotpod-yoga.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.story-page__quote {
  width: 90%; }

.story-page__quote:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 0;
  width: 27px;
  height: 19px;
  background: url("/images/stories/icons/quote-mark.png") no-repeat 0 0;
  background-size: 100%; }

.story-page__image {
  overflow: hidden;
  border-radius: 4px;
  max-height: 350px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0); }
  @media (min-width: 768px) {
    .story-page__image {
      width: 90%; } }

.story-page__logo {
  max-width: 200px;
  max-height: 60px; }

@media screen and (min-width: 768px) and (min-device-height: 650px) {
  .story-page__sidebar {
    position: sticky;
    top: 20px; } }

.story-promo__logo {
  height: 50px; }

.sub-nav {
  border-bottom: 1px solid #e3e4e6; }

.svg-icon--width-20 {
  width: 20px; }

.svg-icon--height-38 {
  height: 38px; }

.svg-icon--height-55 {
  height: 55px; }

.svg-icon--height-65 {
  height: 65px; }

.tab-link.is-active {
  background: #0854b3;
  color: white;
  border-radius: 40px;
  text-decoration: none; }

.table, .faq-page table {
  width: 100%;
  display: table;
  border-collapse: collapse; }

.table td, .faq-page table td,
.table th,
.faq-page table th {
  padding: 6px;
  border: 1px solid #d3d4d6; }

.table--layout-fixed {
  table-layout: fixed; }

.thumbnails {
  *zoom: 1;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  list-style: none; }
  .thumbnails:before, .thumbnails:after {
    display: table;
    content: " "; }
  .thumbnails:after {
    clear: both; }

.thumbnails__item {
  float: left;
  width: 227px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 28px; }
  .thumbnails__item:nth-child(4n+1) {
    clear: left; }

.vertical-page__mobile-image {
  width: 390px; }

.vertical-page__dashboard-image {
  width: 780px; }

.vertical-page__real-time-reports-image {
  width: 251px; }

.vertical-page__take-payment-image {
  width: 366px; }

.vertical-page__take-payment-image-margin--gyms {
  margin-top: 45px; }

.vertical-page__take-payment-image-margin--invoicing {
  margin-top: 32px; }

.vertical-page__take-payment-image-margin--sports-clubs {
  margin-top: 54px; }

.vertical-page__take-payment-image-margin--subscriptions {
  margin-top: 10px; }

.vertical-page__take-payment-image-margin--membership {
  margin-top: 19px; }

.vertical-page__take-payment-image-margin--professional-services {
  margin-top: 54px; }

.vertical-page__take-payment-image-margin--property {
  margin-top: 56px; }

.vertical-page__take-payment-image-margin--lending {
  margin-top: 54px; }

.vertical-page__take-payment-image-margin--saas {
  margin-top: 22px; }

.vertical-page__take-payment-image-margin--saas-2 {
  margin-top: 20px; }

.videos-container__play-button {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: transparent; }

.videos-container__play-button:hover.videos-container__play-button::before {
  background: #0854b3; }

.videos-container__play-button:hover .videos-container__play-icon {
  fill: white; }

.videos-container__play-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  border-radius: 50px;
  background: white;
  box-shadow: 0 15px 25px 0 rgba(0, 0, 0, 0.15), 0 0 8px 0 rgba(0, 0, 0, 0.07), 0 12px 23px 0 rgba(0, 0, 0, 0.25);
  transform: translate(-50%, -50%);
  transition: background 0.15s ease-in-out; }
  @media (min-width: 768px) {
    .videos-container__play-button::before {
      width: 86px;
      height: 86px; } }

.videos-container__play-icon {
  width: 20px;
  height: 23px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: fill 0.15s ease-in-out; }

.videos-container__iframe {
  height: 225px;
  background: black;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); }
  @media (min-width: 768px) {
    .videos-container__iframe {
      height: 435px; } }

.video-tile {
  height: 190px;
  background: #fff;
  color: #2e2f31;
  transition: background 0.4s ease; }

.video-tile:hover {
  background: #f9f9f9;
  transition: background 0.2s ease; }

.video-tile__title {
  min-height: 58px; }

.video-tile__time {
  color: #86878a; }

.video-tile.is-active {
  background: #0854b3; }

.video-tile.is-active * {
  color: white; }

.video-tile__play-button {
  background-image: url("/images/videos/play-button.png");
  display: inline-block;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .video-tile__play-button {
      background-image: url("/images/videos/play-button@2x.png");
      background-size: 32px 32px; } }

.video-tile.is-active .video-tile__play-button {
  background-image: url("/images/videos/play-button--active.png");
  display: inline-block;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .video-tile.is-active .video-tile__play-button {
      background-image: url("/images/videos/play-button--active@2x.png");
      background-size: 32px 32px; } }

.error-404__message-container {
  margin-top: 50px; }
  @media (min-width: 768px) {
    .error-404__message-container {
      padding-top: 10%; } }

.error-404__message {
  max-width: 400px; }
  @media (min-width: 768px) {
    .error-404__message {
      max-width: none; } }

.error-404__button-icon {
  width: 13px;
  height: 8px;
  top: -1px; }

.error-404__illustration-container {
  margin-top: 75px; }

.error-404__illustration {
  max-width: 197px;
  max-height: 285px; }

.background-white {
  background: #fff; }

.background-primary {
  background: #0854b3; }

.background-primary-dark {
  background: #074393; }

.background-primary-light {
  background: #3179d9; }

.background-accent {
  background: #00a87e; }

.background-xdark-gray {
  background: #2e2f31; }

.background-linear-gradient-gray-top::before,
.background-linear-gradient-gray-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px; }

.background-linear-gradient-gray-top::before {
  top: 0;
  background: linear-gradient(to top, rgba(211, 212, 214, 0) 0%, rgba(211, 212, 214, 0.06) 75%, rgba(211, 212, 214, 0.1) 90%, rgba(211, 212, 214, 0.17) 100%); }

.background-linear-gradient-gray-bottom::after {
  bottom: 0;
  background: linear-gradient(to bottom, rgba(211, 212, 214, 0) 0%, rgba(211, 212, 214, 0.06) 75%, rgba(211, 212, 214, 0.1) 90%, rgba(211, 212, 214, 0.17) 100%); }

.background-light-gray {
  background: #f9f9f9; }

.border-radius {
  border-radius: 4px; }

.border-gray {
  border: 1px solid #d3d4d6; }

.size-full {
  width: 100%; }

.size-height-full {
  height: 100%; }

.size-1of2,
.size-2of4,
.size-3of6,
.size-4of8,
.size-5of10,
.size-6of12 {
  width: 50%; }

.size-1of3,
.size-2of6,
.size-3of9,
.size-4of12 {
  width: 33.33333%; }

.size-2of3,
.size-4of6,
.size-6of9,
.size-8of12 {
  width: 66.66667%; }

.size-1of4,
.size-2of8,
.size-3of12 {
  width: 25%; }

.size-3of4,
.size-6of8,
.size-9of12 {
  width: 75%; }

.size-1of5,
.size-2of10 {
  width: 20%; }

.size-2of5,
.size-4of10 {
  width: 40%; }

.size-3of5,
.size-6of10 {
  width: 60%; }

.size-4of5,
.size-8of10 {
  width: 80%; }

.size-1of6,
.size-2of12 {
  width: 16.66667%; }

.size-5of6,
.size-10of12 {
  width: 83.33333%; }

.size-1of8 {
  width: 12.5%; }

.size-3of8 {
  width: 37.5%; }

.size-5of8 {
  width: 62.5%; }

.size-7of8 {
  width: 87.5%; }

.size-1of9 {
  width: 11.11111%; }

.size-2of9 {
  width: 22.22222%; }

.size-4of9 {
  width: 44.44444%; }

.size-5of9 {
  width: 55.55556%; }

.size-7of9 {
  width: 77.77778%; }

.size-8of9 {
  width: 88.88889%; }

.size-1of10 {
  width: 10%; }

.size-3of10 {
  width: 30%; }

.size-7of10 {
  width: 70%; }

.size-9of10 {
  width: 90%; }

.size-1of12 {
  width: 8.33333%; }

.size-5of12 {
  width: 41.66667%; }

.size-7of12 {
  width: 58.33333%; }

.size-11of12 {
  width: 91.66667%; }

@media (min-width: 500px) {
  .bp500-size-full {
    width: 100%; }
  .bp500-size-1of2,
  .bp500-size-2of4,
  .bp500-size-3of6,
  .bp500-size-4of8,
  .bp500-size-5of10,
  .bp500-size-6of12 {
    width: 50%; }
  .bp500-size-1of3,
  .bp500-size-2of6,
  .bp500-size-3of9,
  .bp500-size-4of12 {
    width: 33.33333%; }
  .bp500-size-2of3,
  .bp500-size-4of6,
  .bp500-size-6of9,
  .bp500-size-8of12 {
    width: 66.66667%; }
  .bp500-size-1of4,
  .bp500-size-2of8,
  .bp500-size-3of12 {
    width: 25%; }
  .bp500-size-3of4,
  .bp500-size-6of8,
  .bp500-size-9of12 {
    width: 75%; }
  .bp500-size-1of5,
  .bp500-size-2of10 {
    width: 20%; }
  .bp500-size-2of5,
  .bp500-size-4of10 {
    width: 40%; }
  .bp500-size-3of5,
  .bp500-size-6of10 {
    width: 60%; }
  .bp500-size-4of5,
  .bp500-size-8of10 {
    width: 80%; }
  .bp500-size-1of6,
  .bp500-size-2of12 {
    width: 16.66667%; }
  .bp500-size-5of6,
  .bp500-size-10of12 {
    width: 83.33333%; }
  .bp500-size-1of8 {
    width: 12.5%; }
  .bp500-size-3of8 {
    width: 37.5%; }
  .bp500-size-5of8 {
    width: 62.5%; }
  .bp500-size-7of8 {
    width: 87.5%; }
  .bp500-size-1of9 {
    width: 11.11111%; }
  .bp500-size-2of9 {
    width: 22.22222%; }
  .bp500-size-4of9 {
    width: 44.44444%; }
  .bp500-size-5of9 {
    width: 55.55556%; }
  .bp500-size-7of9 {
    width: 77.77778%; }
  .bp500-size-8of9 {
    width: 88.88889%; }
  .bp500-size-1of10 {
    width: 10%; }
  .bp500-size-3of10 {
    width: 30%; }
  .bp500-size-7of10 {
    width: 70%; }
  .bp500-size-9of10 {
    width: 90%; }
  .bp500-size-1of12 {
    width: 8.33333%; }
  .bp500-size-5of12 {
    width: 41.66667%; }
  .bp500-size-7of12 {
    width: 58.33333%; }
  .bp500-size-11of12 {
    width: 91.66667%; } }

@media (min-width: 768px) {
  .bp768-size-full {
    width: 100%; }
  .bp768-size-1of2,
  .bp768-size-2of4,
  .bp768-size-3of6,
  .bp768-size-4of8,
  .bp768-size-5of10,
  .bp768-size-6of12 {
    width: 50%; }
  .bp768-size-1of3,
  .bp768-size-2of6,
  .bp768-size-3of9,
  .bp768-size-4of12 {
    width: 33.33333%; }
  .bp768-size-2of3,
  .bp768-size-4of6,
  .bp768-size-6of9,
  .bp768-size-8of12 {
    width: 66.66667%; }
  .bp768-size-1of4,
  .bp768-size-2of8,
  .bp768-size-3of12 {
    width: 25%; }
  .bp768-size-3of4,
  .bp768-size-6of8,
  .bp768-size-9of12 {
    width: 75%; }
  .bp768-size-1of5,
  .bp768-size-2of10 {
    width: 20%; }
  .bp768-size-2of5,
  .bp768-size-4of10 {
    width: 40%; }
  .bp768-size-3of5,
  .bp768-size-6of10 {
    width: 60%; }
  .bp768-size-4of5,
  .bp768-size-8of10 {
    width: 80%; }
  .bp768-size-1of6,
  .bp768-size-2of12 {
    width: 16.66667%; }
  .bp768-size-5of6,
  .bp768-size-10of12 {
    width: 83.33333%; }
  .bp768-size-1of8 {
    width: 12.5%; }
  .bp768-size-3of8 {
    width: 37.5%; }
  .bp768-size-5of8 {
    width: 62.5%; }
  .bp768-size-7of8 {
    width: 87.5%; }
  .bp768-size-1of9 {
    width: 11.11111%; }
  .bp768-size-2of9 {
    width: 22.22222%; }
  .bp768-size-4of9 {
    width: 44.44444%; }
  .bp768-size-5of9 {
    width: 55.55556%; }
  .bp768-size-7of9 {
    width: 77.77778%; }
  .bp768-size-8of9 {
    width: 88.88889%; }
  .bp768-size-1of10 {
    width: 10%; }
  .bp768-size-3of10 {
    width: 30%; }
  .bp768-size-7of10 {
    width: 70%; }
  .bp768-size-9of10 {
    width: 90%; }
  .bp768-size-1of12 {
    width: 8.33333%; }
  .bp768-size-5of12 {
    width: 41.66667%; }
  .bp768-size-7of12 {
    width: 58.33333%; }
  .bp768-size-11of12 {
    width: 91.66667%; } }

@media (min-width: 1024px) {
  .bp1024-size-full {
    width: 100%; }
  .bp1024-size-1of2,
  .bp1024-size-2of4,
  .bp1024-size-3of6,
  .bp1024-size-4of8,
  .bp1024-size-5of10,
  .bp1024-size-6of12 {
    width: 50%; }
  .bp1024-size-1of3,
  .bp1024-size-2of6,
  .bp1024-size-3of9,
  .bp1024-size-4of12 {
    width: 33.33333%; }
  .bp1024-size-2of3,
  .bp1024-size-4of6,
  .bp1024-size-6of9,
  .bp1024-size-8of12 {
    width: 66.66667%; }
  .bp1024-size-1of4,
  .bp1024-size-2of8,
  .bp1024-size-3of12 {
    width: 25%; }
  .bp1024-size-3of4,
  .bp1024-size-6of8,
  .bp1024-size-9of12 {
    width: 75%; }
  .bp1024-size-1of5,
  .bp1024-size-2of10 {
    width: 20%; }
  .bp1024-size-2of5,
  .bp1024-size-4of10 {
    width: 40%; }
  .bp1024-size-3of5,
  .bp1024-size-6of10 {
    width: 60%; }
  .bp1024-size-4of5,
  .bp1024-size-8of10 {
    width: 80%; }
  .bp1024-size-1of6,
  .bp1024-size-2of12 {
    width: 16.66667%; }
  .bp1024-size-5of6,
  .bp1024-size-10of12 {
    width: 83.33333%; }
  .bp1024-size-1of8 {
    width: 12.5%; }
  .bp1024-size-3of8 {
    width: 37.5%; }
  .bp1024-size-5of8 {
    width: 62.5%; }
  .bp1024-size-7of8 {
    width: 87.5%; }
  .bp1024-size-1of9 {
    width: 11.11111%; }
  .bp1024-size-2of9 {
    width: 22.22222%; }
  .bp1024-size-4of9 {
    width: 44.44444%; }
  .bp1024-size-5of9 {
    width: 55.55556%; }
  .bp1024-size-7of9 {
    width: 77.77778%; }
  .bp1024-size-8of9 {
    width: 88.88889%; }
  .bp1024-size-1of10 {
    width: 10%; }
  .bp1024-size-3of10 {
    width: 30%; }
  .bp1024-size-7of10 {
    width: 70%; }
  .bp1024-size-9of10 {
    width: 90%; }
  .bp1024-size-1of12 {
    width: 8.33333%; }
  .bp1024-size-5of12 {
    width: 41.66667%; }
  .bp1024-size-7of12 {
    width: 58.33333%; }
  .bp1024-size-11of12 {
    width: 91.66667%; } }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.display-inline {
  display: inline; }

.display-hidden {
  display: none; }

@media (min-width: 500px) {
  .bp500-display-block {
    display: block; }
  .bp500-display-inline-block {
    display: inline-block; }
  .bp500-display-inline {
    display: inline; }
  .bp500-display-hidden {
    display: none; } }

@media (min-width: 768px) {
  .bp768-display-block {
    display: block; }
  .bp768-display-inline-block {
    display: inline-block; }
  .bp768-display-inline {
    display: inline; }
  .bp768-display-hidden {
    display: none; } }

@media (min-width: 1024px) {
  .bp1024-display-block {
    display: block; }
  .bp1024-display-inline-block {
    display: inline-block; }
  .bp1024-display-inline {
    display: inline; }
  .bp1024-display-hidden {
    display: none; } }

.fill-primary g, .fill-primary path {
  fill: #0854b3; }

.fill-dark-gray g, .fill-dark-gray path {
  fill: #48494d; }

.fill-xdark-gray g, .fill-xdark-gray path {
  fill: #2e2f31; }

.fill-accent-color g, .fill-accent-color path {
  fill: #00a87e; }

.fill-accent-color-dark g, .fill-accent-color-dark path {
  fill: #00856a; }

.fill-accent-color-light g, .fill-accent-color-light path {
  fill: #22e1b2; }

.fill-invert g, .fill-invert path {
  fill: white; }

.fill-medium-gray g, .fill-medium-gray path {
  fill: #86878a; }

.flex {
  display: flex; }

@media (min-width: 500px) {
  .bp500-flex {
    display: flex; } }

@media (min-width: 768px) {
  .bp768-flex {
    display: flex; } }

@media (min-width: 1024px) {
  .bp1024-flex {
    display: flex; } }

.align-items-center {
  align-items: center; }

@media (min-width: 500px) {
  .bp500-align-items-center {
    align-items: center; } }

@media (min-width: 768px) {
  .bp768-align-items-center {
    align-items: center; } }

@media (min-width: 1024px) {
  .bp1024-align-items-center {
    align-items: center; } }

.align-items-stretch {
  align-items: stretch; }

@media (min-width: 500px) {
  .bp500-align-items-stretch {
    align-items: stretch; } }

@media (min-width: 768px) {
  .bp768-align-items-stretch {
    align-items: stretch; } }

@media (min-width: 1024px) {
  .bp1024-align-items-stretch {
    align-items: stretch; } }

.flex-direction-column {
  flex-direction: column; }

@media (min-width: 500px) {
  .bp500-flex-direction-column {
    flex-direction: column; } }

@media (min-width: 768px) {
  .bp768-flex-direction-column {
    flex-direction: column; } }

@media (min-width: 1024px) {
  .bp1024-flex-direction-column {
    flex-direction: column; } }

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

@media (min-width: 500px) {
  .bp500-flex-direction-row-reverse {
    flex-direction: row-reverse; } }

@media (min-width: 768px) {
  .bp768-flex-direction-row-reverse {
    flex-direction: row-reverse; } }

@media (min-width: 1024px) {
  .bp1024-flex-direction-row-reverse {
    flex-direction: row-reverse; } }

.flex-wrap-wrap {
  flex-wrap: wrap; }

@media (min-width: 500px) {
  .bp500-flex-wrap-wrap {
    flex-wrap: wrap; } }

@media (min-width: 768px) {
  .bp768-flex-wrap-wrap {
    flex-wrap: wrap; } }

@media (min-width: 1024px) {
  .bp1024-flex-wrap-wrap {
    flex-wrap: wrap; } }

.flex-grow-1 {
  flex-grow: 1; }

@media (min-width: 500px) {
  .bp500-flex-grow-1 {
    flex-grow: 1; } }

@media (min-width: 768px) {
  .bp768-flex-grow-1 {
    flex-grow: 1; } }

@media (min-width: 1024px) {
  .bp1024-flex-grow-1 {
    flex-grow: 1; } }

.justify-content-center {
  justify-content: center; }

@media (min-width: 500px) {
  .bp500-justify-content-center {
    justify-content: center; } }

@media (min-width: 768px) {
  .bp768-justify-content-center {
    justify-content: center; } }

@media (min-width: 1024px) {
  .bp1024-justify-content-center {
    justify-content: center; } }

.justify-content-flex-end {
  justify-content: flex-end; }

@media (min-width: 500px) {
  .bp500-justify-content-flex-end {
    justify-content: flex-end; } }

@media (min-width: 768px) {
  .bp768-justify-content-flex-end {
    justify-content: flex-end; } }

@media (min-width: 1024px) {
  .bp1024-justify-content-flex-end {
    justify-content: flex-end; } }

.justify-content-space-around {
  justify-content: space-around; }

@media (min-width: 500px) {
  .bp500-justify-content-space-around {
    justify-content: space-around; } }

@media (min-width: 768px) {
  .bp768-justify-content-space-around {
    justify-content: space-around; } }

@media (min-width: 1024px) {
  .bp1024-justify-content-space-around {
    justify-content: space-around; } }

.justify-content-space-between {
  justify-content: space-between; }

@media (min-width: 500px) {
  .bp500-justify-content-space-between {
    justify-content: space-between; } }

@media (min-width: 768px) {
  .bp768-justify-content-space-between {
    justify-content: space-between; } }

@media (min-width: 1024px) {
  .bp1024-justify-content-space-between {
    justify-content: space-between; } }

.flex-direction-row {
  flex-direction: row; }

@media (min-width: 500px) {
  .bp500-flex-direction-row {
    flex-direction: row; } }

@media (min-width: 768px) {
  .bp768-flex-direction-row {
    flex-direction: row; } }

@media (min-width: 1024px) {
  .bp1024-flex-direction-row {
    flex-direction: row; } }

.align-self-center {
  align-self: center; }

@media (min-width: 500px) {
  .bp500-align-self-center {
    align-self: center; } }

@media (min-width: 768px) {
  .bp768-align-self-center {
    align-self: center; } }

@media (min-width: 1024px) {
  .bp1024-align-self-center {
    align-self: center; } }

.align-items-center {
  align-items: center; }

@media (min-width: 500px) {
  .bp500-align-items-center {
    align-items: center; } }

@media (min-width: 768px) {
  .bp768-align-items-center {
    align-items: center; } }

@media (min-width: 1024px) {
  .bp1024-align-items-center {
    align-items: center; } }

.order-minus-1 {
  order: -1; }

@media (min-width: 500px) {
  .bp500-order-minus-1 {
    order: -1; } }

@media (min-width: 768px) {
  .bp768-order-minus-1 {
    order: -1; } }

@media (min-width: 1024px) {
  .bp1024-order-minus-1 {
    order: -1; } }

.order-0 {
  order: 0; }

@media (min-width: 500px) {
  .bp500-order-0 {
    order: 0; } }

@media (min-width: 768px) {
  .bp768-order-0 {
    order: 0; } }

@media (min-width: 1024px) {
  .bp1024-order-0 {
    order: 0; } }

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

.clearfix:after {
  clear: both; }

.pull-start {
  float: left; }

@media (min-width: 500px) {
  .bp500-pull-start {
    float: left; } }

@media (min-width: 768px) {
  .bp768-pull-start {
    float: left; } }

@media (min-width: 1024px) {
  .bp1024-pull-start {
    float: left; } }

.pull-end {
  float: right; }

@media (min-width: 500px) {
  .bp500-pull-end {
    float: right; } }

@media (min-width: 768px) {
  .bp768-pull-end {
    float: right; } }

@media (min-width: 1024px) {
  .bp1024-pull-end {
    float: right; } }

.position-absolute {
  position: absolute; }

@media (min-width: 500px) {
  .bp500-position-absolute {
    position: absolute; } }

@media (min-width: 768px) {
  .bp768-position-absolute {
    position: absolute; } }

@media (min-width: 1024px) {
  .bp1024-position-absolute {
    position: absolute; } }

.position-relative {
  position: relative; }

@media (min-width: 500px) {
  .bp500-position-relative {
    position: relative; } }

@media (min-width: 768px) {
  .bp768-position-relative {
    position: relative; } }

@media (min-width: 1024px) {
  .bp1024-position-relative {
    position: relative; } }

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none; }

@media (min-width: 500px) {
  .bp500-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none; } }

@media (min-width: 768px) {
  .bp768-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none; } }

@media (min-width: 1024px) {
  .bp1024-center {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none; } }

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

.align-baseline {
  vertical-align: baseline; }

.overflow-hidden {
  overflow: hidden; }

.max-width-100\% {
  max-width: 100%; }

.link-clean,
.link-clean:hover,
.link-clean:focus,
.link-clean:active {
  text-decoration: none !important; }

.link-invert {
  color: #22e1b2;
  cursor: pointer; }

.link-invert:hover,
.link-invert:focus,
.link-invert:active {
  color: #22e1b2; }

.link-invert:disabled {
  cursor: default;
  opacity: 0.5; }

.link-invert:hover:disabled,
.link-invert:focus:disabled,
.link-invert:active:disabled {
  color: #22e1b2; }

.link-color-p,
.link-color-p:hover {
  color: #48494d; }

.link-dotted {
  border-bottom: 1px dotted; }

.shadow-small {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0); }

.shadow-medium {
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05), 0 7px 14px 0 rgba(0, 0, 0, 0.05), 0 0 0 0 rgba(0, 0, 0, 0); }

.shadow-large {
  box-shadow: 0 18px 31px 0 rgba(0, 0, 0, 0.05), 0 0 7px 0 rgba(0, 0, 0, 0.07), 0 12px 19px 0 rgba(0, 0, 0, 0.05); }

.padding-A40 {
  padding: 40px; }

.padding-A33 {
  padding: 33px; }

.padding-A27 {
  padding: 27px; }

.padding-A22 {
  padding: 22px; }

.padding-A20 {
  padding: 20px; }

.padding-A12 {
  padding: 12px; }

.padding-A9 {
  padding: 9px; }

.padding-A6 {
  padding: 6px; }

.padding-A0 {
  padding: 0; }

.margin-A40 {
  margin: 40px; }

.margin-A33 {
  margin: 33px; }

.margin-A27 {
  margin: 27px; }

.margin-A22 {
  margin: 22px; }

.margin-A20 {
  margin: 20px; }

.margin-A12 {
  margin: 12px; }

.margin-A9 {
  margin: 9px; }

.margin-A6 {
  margin: 6px; }

.margin-A0 {
  margin: 0; }

.margin-V40 {
  margin-top: 40px;
  margin-bottom: 40px; }

.margin-V33 {
  margin-top: 33px;
  margin-bottom: 33px; }

.margin-V27 {
  margin-top: 27px;
  margin-bottom: 27px; }

.margin-V22 {
  margin-top: 22px;
  margin-bottom: 22px; }

.margin-V20, .faq-page h3 {
  margin-top: 20px;
  margin-bottom: 20px; }

.margin-V12 {
  margin-top: 12px;
  margin-bottom: 12px; }

.margin-V9 {
  margin-top: 9px;
  margin-bottom: 9px; }

.margin-V6 {
  margin-top: 6px;
  margin-bottom: 6px; }

.margin-V0 {
  margin-top: 0;
  margin-bottom: 0; }

.padding-V40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-V33 {
  padding-top: 33px;
  padding-bottom: 33px; }

.padding-V27 {
  padding-top: 27px;
  padding-bottom: 27px; }

.padding-V22 {
  padding-top: 22px;
  padding-bottom: 22px; }

.padding-V20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.padding-V12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.padding-V9 {
  padding-top: 9px;
  padding-bottom: 9px; }

.padding-V6 {
  padding-top: 6px;
  padding-bottom: 6px; }

.padding-V0 {
  padding-top: 0;
  padding-bottom: 0; }

.margin-H40 {
  margin-left: 40px;
  margin-right: 40px; }

.margin-H33 {
  margin-left: 33px;
  margin-right: 33px; }

.margin-H27 {
  margin-left: 27px;
  margin-right: 27px; }

.margin-H22 {
  margin-left: 22px;
  margin-right: 22px; }

.margin-H20 {
  margin-left: 20px;
  margin-right: 20px; }

.margin-H12 {
  margin-left: 12px;
  margin-right: 12px; }

.margin-H9 {
  margin-left: 9px;
  margin-right: 9px; }

.margin-H6 {
  margin-left: 6px;
  margin-right: 6px; }

.margin-H0 {
  margin-left: 0;
  margin-right: 0; }

.padding-H40 {
  padding-left: 40px;
  padding-right: 40px; }

.padding-H33 {
  padding-left: 33px;
  padding-right: 33px; }

.padding-H27 {
  padding-left: 27px;
  padding-right: 27px; }

.padding-H22 {
  padding-left: 22px;
  padding-right: 22px; }

.padding-H20 {
  padding-left: 20px;
  padding-right: 20px; }

.padding-H12 {
  padding-left: 12px;
  padding-right: 12px; }

.padding-H9 {
  padding-left: 9px;
  padding-right: 9px; }

.padding-H6 {
  padding-left: 6px;
  padding-right: 6px; }

.padding-H0 {
  padding-left: 0;
  padding-right: 0; }

.margin-T40 {
  margin-top: 40px; }

.margin-T33 {
  margin-top: 33px; }

.margin-T27 {
  margin-top: 27px; }

.margin-T22 {
  margin-top: 22px; }

.margin-T20 {
  margin-top: 20px; }

.margin-T12 {
  margin-top: 12px; }

.margin-T9 {
  margin-top: 9px; }

.margin-T6 {
  margin-top: 6px; }

.margin-T0 {
  margin-top: 0; }

.padding-T40 {
  padding-top: 40px; }

.padding-T33 {
  padding-top: 33px; }

.padding-T27 {
  padding-top: 27px; }

.padding-T22 {
  padding-top: 22px; }

.padding-T20 {
  padding-top: 20px; }

.padding-T12 {
  padding-top: 12px; }

.padding-T9 {
  padding-top: 9px; }

.padding-T6 {
  padding-top: 6px; }

.padding-T0 {
  padding-top: 0; }

.margin-B40 {
  margin-bottom: 40px; }

.margin-B33 {
  margin-bottom: 33px; }

.margin-B27 {
  margin-bottom: 27px; }

.margin-B22 {
  margin-bottom: 22px; }

.margin-B20 {
  margin-bottom: 20px; }

.margin-B12 {
  margin-bottom: 12px; }

.margin-B9 {
  margin-bottom: 9px; }

.margin-B6 {
  margin-bottom: 6px; }

.margin-B0 {
  margin-bottom: 0; }

.padding-B40 {
  padding-bottom: 40px; }

.padding-B33 {
  padding-bottom: 33px; }

.padding-B27 {
  padding-bottom: 27px; }

.padding-B22 {
  padding-bottom: 22px; }

.padding-B20 {
  padding-bottom: 20px; }

.padding-B12 {
  padding-bottom: 12px; }

.padding-B9 {
  padding-bottom: 9px; }

.padding-B6 {
  padding-bottom: 6px; }

.padding-B0 {
  padding-bottom: 0; }

.margin-R40 {
  margin-right: 40px; }

.margin-R33 {
  margin-right: 33px; }

.margin-R27 {
  margin-right: 27px; }

.margin-R22 {
  margin-right: 22px; }

.margin-R20 {
  margin-right: 20px; }

.margin-R12 {
  margin-right: 12px; }

.margin-R9 {
  margin-right: 9px; }

.margin-R6 {
  margin-right: 6px; }

.margin-R0 {
  margin-right: 0; }

.padding-R40 {
  padding-right: 40px; }

.padding-R33 {
  padding-right: 33px; }

.padding-R27 {
  padding-right: 27px; }

.padding-R22 {
  padding-right: 22px; }

.padding-R20 {
  padding-right: 20px; }

.padding-R12 {
  padding-right: 12px; }

.padding-R9 {
  padding-right: 9px; }

.padding-R6 {
  padding-right: 6px; }

.padding-R0 {
  padding-right: 0; }

.margin-L40 {
  margin-left: 40px; }

.margin-L33 {
  margin-left: 33px; }

.margin-L27 {
  margin-left: 27px; }

.margin-L22 {
  margin-left: 22px; }

.margin-L20 {
  margin-left: 20px; }

.margin-L12 {
  margin-left: 12px; }

.margin-L9 {
  margin-left: 9px; }

.margin-L6 {
  margin-left: 6px; }

.margin-L0 {
  margin-left: 0; }

.padding-L40 {
  padding-left: 40px; }

.padding-L33 {
  padding-left: 33px; }

.padding-L27 {
  padding-left: 27px; }

.padding-L22 {
  padding-left: 22px; }

.padding-L20 {
  padding-left: 20px; }

.padding-L12 {
  padding-left: 12px; }

.padding-L9 {
  padding-left: 9px; }

.padding-L6 {
  padding-left: 6px; }

.padding-L0 {
  padding-left: 0; }

@media (min-width: 500px) {
  .bp500-margin-A40 {
    margin: 40px; }
  .bp500-margin-A33 {
    margin: 33px; }
  .bp500-margin-A27 {
    margin: 27px; }
  .bp500-margin-A22 {
    margin: 22px; }
  .bp500-margin-A20 {
    margin: 20px; }
  .bp500-margin-A12 {
    margin: 12px; }
  .bp500-margin-A9 {
    margin: 9px; }
  .bp500-margin-A6 {
    margin: 6px; }
  .bp500-margin-A0 {
    margin: 0; } }

@media (min-width: 768px) {
  .bp768-margin-A40 {
    margin: 40px; }
  .bp768-margin-A33 {
    margin: 33px; }
  .bp768-margin-A27 {
    margin: 27px; }
  .bp768-margin-A22 {
    margin: 22px; }
  .bp768-margin-A20 {
    margin: 20px; }
  .bp768-margin-A12 {
    margin: 12px; }
  .bp768-margin-A9 {
    margin: 9px; }
  .bp768-margin-A6 {
    margin: 6px; }
  .bp768-margin-A0 {
    margin: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-A40 {
    margin: 40px; }
  .bp1024-margin-A33 {
    margin: 33px; }
  .bp1024-margin-A27 {
    margin: 27px; }
  .bp1024-margin-A22 {
    margin: 22px; }
  .bp1024-margin-A20 {
    margin: 20px; }
  .bp1024-margin-A12 {
    margin: 12px; }
  .bp1024-margin-A9 {
    margin: 9px; }
  .bp1024-margin-A6 {
    margin: 6px; }
  .bp1024-margin-A0 {
    margin: 0; } }

@media (min-width: 500px) {
  .bp500-padding-A40 {
    padding: 40px; }
  .bp500-padding-A33 {
    padding: 33px; }
  .bp500-padding-A27 {
    padding: 27px; }
  .bp500-padding-A22 {
    padding: 22px; }
  .bp500-padding-A20 {
    padding: 20px; }
  .bp500-padding-A12 {
    padding: 12px; }
  .bp500-padding-A9 {
    padding: 9px; }
  .bp500-padding-A6 {
    padding: 6px; }
  .bp500-padding-A0 {
    padding: 0; } }

@media (min-width: 768px) {
  .bp768-padding-A40 {
    padding: 40px; }
  .bp768-padding-A33 {
    padding: 33px; }
  .bp768-padding-A27 {
    padding: 27px; }
  .bp768-padding-A22 {
    padding: 22px; }
  .bp768-padding-A20 {
    padding: 20px; }
  .bp768-padding-A12 {
    padding: 12px; }
  .bp768-padding-A9 {
    padding: 9px; }
  .bp768-padding-A6 {
    padding: 6px; }
  .bp768-padding-A0 {
    padding: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-A40 {
    padding: 40px; }
  .bp1024-padding-A33 {
    padding: 33px; }
  .bp1024-padding-A27 {
    padding: 27px; }
  .bp1024-padding-A22 {
    padding: 22px; }
  .bp1024-padding-A20 {
    padding: 20px; }
  .bp1024-padding-A12 {
    padding: 12px; }
  .bp1024-padding-A9 {
    padding: 9px; }
  .bp1024-padding-A6 {
    padding: 6px; }
  .bp1024-padding-A0 {
    padding: 0; } }

@media (min-width: 500px) {
  .bp500-margin-V40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .bp500-margin-V33 {
    margin-top: 33px;
    margin-bottom: 33px; }
  .bp500-margin-V27 {
    margin-top: 27px;
    margin-bottom: 27px; }
  .bp500-margin-V22 {
    margin-top: 22px;
    margin-bottom: 22px; }
  .bp500-margin-V20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .bp500-margin-V12 {
    margin-top: 12px;
    margin-bottom: 12px; }
  .bp500-margin-V9 {
    margin-top: 9px;
    margin-bottom: 9px; }
  .bp500-margin-V6 {
    margin-top: 6px;
    margin-bottom: 6px; }
  .bp500-margin-V0 {
    margin-top: 0;
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .bp768-margin-V40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .bp768-margin-V33 {
    margin-top: 33px;
    margin-bottom: 33px; }
  .bp768-margin-V27 {
    margin-top: 27px;
    margin-bottom: 27px; }
  .bp768-margin-V22 {
    margin-top: 22px;
    margin-bottom: 22px; }
  .bp768-margin-V20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .bp768-margin-V12 {
    margin-top: 12px;
    margin-bottom: 12px; }
  .bp768-margin-V9 {
    margin-top: 9px;
    margin-bottom: 9px; }
  .bp768-margin-V6 {
    margin-top: 6px;
    margin-bottom: 6px; }
  .bp768-margin-V0 {
    margin-top: 0;
    margin-bottom: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-V40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .bp1024-margin-V33 {
    margin-top: 33px;
    margin-bottom: 33px; }
  .bp1024-margin-V27 {
    margin-top: 27px;
    margin-bottom: 27px; }
  .bp1024-margin-V22 {
    margin-top: 22px;
    margin-bottom: 22px; }
  .bp1024-margin-V20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .bp1024-margin-V12 {
    margin-top: 12px;
    margin-bottom: 12px; }
  .bp1024-margin-V9 {
    margin-top: 9px;
    margin-bottom: 9px; }
  .bp1024-margin-V6 {
    margin-top: 6px;
    margin-bottom: 6px; }
  .bp1024-margin-V0 {
    margin-top: 0;
    margin-bottom: 0; } }

@media (min-width: 500px) {
  .bp500-padding-V40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .bp500-padding-V33 {
    padding-top: 33px;
    padding-bottom: 33px; }
  .bp500-padding-V27 {
    padding-top: 27px;
    padding-bottom: 27px; }
  .bp500-padding-V22 {
    padding-top: 22px;
    padding-bottom: 22px; }
  .bp500-padding-V20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .bp500-padding-V12 {
    padding-top: 12px;
    padding-bottom: 12px; }
  .bp500-padding-V9 {
    padding-top: 9px;
    padding-bottom: 9px; }
  .bp500-padding-V6 {
    padding-top: 6px;
    padding-bottom: 6px; }
  .bp500-padding-V0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 768px) {
  .bp768-padding-V40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .bp768-padding-V33 {
    padding-top: 33px;
    padding-bottom: 33px; }
  .bp768-padding-V27 {
    padding-top: 27px;
    padding-bottom: 27px; }
  .bp768-padding-V22 {
    padding-top: 22px;
    padding-bottom: 22px; }
  .bp768-padding-V20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .bp768-padding-V12 {
    padding-top: 12px;
    padding-bottom: 12px; }
  .bp768-padding-V9 {
    padding-top: 9px;
    padding-bottom: 9px; }
  .bp768-padding-V6 {
    padding-top: 6px;
    padding-bottom: 6px; }
  .bp768-padding-V0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-V40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .bp1024-padding-V33 {
    padding-top: 33px;
    padding-bottom: 33px; }
  .bp1024-padding-V27 {
    padding-top: 27px;
    padding-bottom: 27px; }
  .bp1024-padding-V22 {
    padding-top: 22px;
    padding-bottom: 22px; }
  .bp1024-padding-V20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .bp1024-padding-V12 {
    padding-top: 12px;
    padding-bottom: 12px; }
  .bp1024-padding-V9 {
    padding-top: 9px;
    padding-bottom: 9px; }
  .bp1024-padding-V6 {
    padding-top: 6px;
    padding-bottom: 6px; }
  .bp1024-padding-V0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 500px) {
  .bp500-margin-H40 {
    margin-left: 40px;
    margin-right: 40px; }
  .bp500-margin-H33 {
    margin-left: 33px;
    margin-right: 33px; }
  .bp500-margin-H27 {
    margin-left: 27px;
    margin-right: 27px; }
  .bp500-margin-H22 {
    margin-left: 22px;
    margin-right: 22px; }
  .bp500-margin-H20 {
    margin-left: 20px;
    margin-right: 20px; }
  .bp500-margin-H12 {
    margin-left: 12px;
    margin-right: 12px; }
  .bp500-margin-H9 {
    margin-left: 9px;
    margin-right: 9px; }
  .bp500-margin-H6 {
    margin-left: 6px;
    margin-right: 6px; }
  .bp500-margin-H0 {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 768px) {
  .bp768-margin-H40 {
    margin-left: 40px;
    margin-right: 40px; }
  .bp768-margin-H33 {
    margin-left: 33px;
    margin-right: 33px; }
  .bp768-margin-H27 {
    margin-left: 27px;
    margin-right: 27px; }
  .bp768-margin-H22 {
    margin-left: 22px;
    margin-right: 22px; }
  .bp768-margin-H20 {
    margin-left: 20px;
    margin-right: 20px; }
  .bp768-margin-H12 {
    margin-left: 12px;
    margin-right: 12px; }
  .bp768-margin-H9 {
    margin-left: 9px;
    margin-right: 9px; }
  .bp768-margin-H6 {
    margin-left: 6px;
    margin-right: 6px; }
  .bp768-margin-H0 {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-H40 {
    margin-left: 40px;
    margin-right: 40px; }
  .bp1024-margin-H33 {
    margin-left: 33px;
    margin-right: 33px; }
  .bp1024-margin-H27 {
    margin-left: 27px;
    margin-right: 27px; }
  .bp1024-margin-H22 {
    margin-left: 22px;
    margin-right: 22px; }
  .bp1024-margin-H20 {
    margin-left: 20px;
    margin-right: 20px; }
  .bp1024-margin-H12 {
    margin-left: 12px;
    margin-right: 12px; }
  .bp1024-margin-H9 {
    margin-left: 9px;
    margin-right: 9px; }
  .bp1024-margin-H6 {
    margin-left: 6px;
    margin-right: 6px; }
  .bp1024-margin-H0 {
    margin-left: 0;
    margin-right: 0; } }

@media (min-width: 500px) {
  .bp500-padding-H40 {
    padding-left: 40px;
    padding-right: 40px; }
  .bp500-padding-H33 {
    padding-left: 33px;
    padding-right: 33px; }
  .bp500-padding-H27 {
    padding-left: 27px;
    padding-right: 27px; }
  .bp500-padding-H22 {
    padding-left: 22px;
    padding-right: 22px; }
  .bp500-padding-H20 {
    padding-left: 20px;
    padding-right: 20px; }
  .bp500-padding-H12 {
    padding-left: 12px;
    padding-right: 12px; }
  .bp500-padding-H9 {
    padding-left: 9px;
    padding-right: 9px; }
  .bp500-padding-H6 {
    padding-left: 6px;
    padding-right: 6px; }
  .bp500-padding-H0 {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 768px) {
  .bp768-padding-H40 {
    padding-left: 40px;
    padding-right: 40px; }
  .bp768-padding-H33 {
    padding-left: 33px;
    padding-right: 33px; }
  .bp768-padding-H27 {
    padding-left: 27px;
    padding-right: 27px; }
  .bp768-padding-H22 {
    padding-left: 22px;
    padding-right: 22px; }
  .bp768-padding-H20 {
    padding-left: 20px;
    padding-right: 20px; }
  .bp768-padding-H12 {
    padding-left: 12px;
    padding-right: 12px; }
  .bp768-padding-H9 {
    padding-left: 9px;
    padding-right: 9px; }
  .bp768-padding-H6 {
    padding-left: 6px;
    padding-right: 6px; }
  .bp768-padding-H0 {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-H40 {
    padding-left: 40px;
    padding-right: 40px; }
  .bp1024-padding-H33 {
    padding-left: 33px;
    padding-right: 33px; }
  .bp1024-padding-H27 {
    padding-left: 27px;
    padding-right: 27px; }
  .bp1024-padding-H22 {
    padding-left: 22px;
    padding-right: 22px; }
  .bp1024-padding-H20 {
    padding-left: 20px;
    padding-right: 20px; }
  .bp1024-padding-H12 {
    padding-left: 12px;
    padding-right: 12px; }
  .bp1024-padding-H9 {
    padding-left: 9px;
    padding-right: 9px; }
  .bp1024-padding-H6 {
    padding-left: 6px;
    padding-right: 6px; }
  .bp1024-padding-H0 {
    padding-left: 0;
    padding-right: 0; } }

@media (min-width: 500px) {
  .bp500-margin-T40 {
    margin-top: 40px; }
  .bp500-margin-T33 {
    margin-top: 33px; }
  .bp500-margin-T27 {
    margin-top: 27px; }
  .bp500-margin-T22 {
    margin-top: 22px; }
  .bp500-margin-T20 {
    margin-top: 20px; }
  .bp500-margin-T12 {
    margin-top: 12px; }
  .bp500-margin-T9 {
    margin-top: 9px; }
  .bp500-margin-T6 {
    margin-top: 6px; }
  .bp500-margin-T0 {
    margin-top: 0; } }

@media (min-width: 768px) {
  .bp768-margin-T40 {
    margin-top: 40px; }
  .bp768-margin-T33 {
    margin-top: 33px; }
  .bp768-margin-T27 {
    margin-top: 27px; }
  .bp768-margin-T22 {
    margin-top: 22px; }
  .bp768-margin-T20 {
    margin-top: 20px; }
  .bp768-margin-T12 {
    margin-top: 12px; }
  .bp768-margin-T9 {
    margin-top: 9px; }
  .bp768-margin-T6 {
    margin-top: 6px; }
  .bp768-margin-T0 {
    margin-top: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-T40 {
    margin-top: 40px; }
  .bp1024-margin-T33 {
    margin-top: 33px; }
  .bp1024-margin-T27 {
    margin-top: 27px; }
  .bp1024-margin-T22 {
    margin-top: 22px; }
  .bp1024-margin-T20 {
    margin-top: 20px; }
  .bp1024-margin-T12 {
    margin-top: 12px; }
  .bp1024-margin-T9 {
    margin-top: 9px; }
  .bp1024-margin-T6 {
    margin-top: 6px; }
  .bp1024-margin-T0 {
    margin-top: 0; } }

@media (min-width: 500px) {
  .bp500-padding-T40 {
    padding-top: 40px; }
  .bp500-padding-T33 {
    padding-top: 33px; }
  .bp500-padding-T27 {
    padding-top: 27px; }
  .bp500-padding-T22 {
    padding-top: 22px; }
  .bp500-padding-T20 {
    padding-top: 20px; }
  .bp500-padding-T12 {
    padding-top: 12px; }
  .bp500-padding-T9 {
    padding-top: 9px; }
  .bp500-padding-T6 {
    padding-top: 6px; }
  .bp500-padding-T0 {
    padding-top: 0; } }

@media (min-width: 768px) {
  .bp768-padding-T40 {
    padding-top: 40px; }
  .bp768-padding-T33 {
    padding-top: 33px; }
  .bp768-padding-T27 {
    padding-top: 27px; }
  .bp768-padding-T22 {
    padding-top: 22px; }
  .bp768-padding-T20 {
    padding-top: 20px; }
  .bp768-padding-T12 {
    padding-top: 12px; }
  .bp768-padding-T9 {
    padding-top: 9px; }
  .bp768-padding-T6 {
    padding-top: 6px; }
  .bp768-padding-T0 {
    padding-top: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-T40 {
    padding-top: 40px; }
  .bp1024-padding-T33 {
    padding-top: 33px; }
  .bp1024-padding-T27 {
    padding-top: 27px; }
  .bp1024-padding-T22 {
    padding-top: 22px; }
  .bp1024-padding-T20 {
    padding-top: 20px; }
  .bp1024-padding-T12 {
    padding-top: 12px; }
  .bp1024-padding-T9 {
    padding-top: 9px; }
  .bp1024-padding-T6 {
    padding-top: 6px; }
  .bp1024-padding-T0 {
    padding-top: 0; } }

@media (min-width: 500px) {
  .bp500-margin-B40 {
    margin-bottom: 40px; }
  .bp500-margin-B33 {
    margin-bottom: 33px; }
  .bp500-margin-B27 {
    margin-bottom: 27px; }
  .bp500-margin-B22 {
    margin-bottom: 22px; }
  .bp500-margin-B20 {
    margin-bottom: 20px; }
  .bp500-margin-B12 {
    margin-bottom: 12px; }
  .bp500-margin-B9 {
    margin-bottom: 9px; }
  .bp500-margin-B6 {
    margin-bottom: 6px; }
  .bp500-margin-B0 {
    margin-bottom: 0; } }

@media (min-width: 768px) {
  .bp768-margin-B40 {
    margin-bottom: 40px; }
  .bp768-margin-B33 {
    margin-bottom: 33px; }
  .bp768-margin-B27 {
    margin-bottom: 27px; }
  .bp768-margin-B22 {
    margin-bottom: 22px; }
  .bp768-margin-B20 {
    margin-bottom: 20px; }
  .bp768-margin-B12 {
    margin-bottom: 12px; }
  .bp768-margin-B9 {
    margin-bottom: 9px; }
  .bp768-margin-B6 {
    margin-bottom: 6px; }
  .bp768-margin-B0 {
    margin-bottom: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-B40 {
    margin-bottom: 40px; }
  .bp1024-margin-B33 {
    margin-bottom: 33px; }
  .bp1024-margin-B27 {
    margin-bottom: 27px; }
  .bp1024-margin-B22 {
    margin-bottom: 22px; }
  .bp1024-margin-B20 {
    margin-bottom: 20px; }
  .bp1024-margin-B12 {
    margin-bottom: 12px; }
  .bp1024-margin-B9 {
    margin-bottom: 9px; }
  .bp1024-margin-B6 {
    margin-bottom: 6px; }
  .bp1024-margin-B0 {
    margin-bottom: 0; } }

@media (min-width: 500px) {
  .bp500-padding-B40 {
    padding-bottom: 40px; }
  .bp500-padding-B33 {
    padding-bottom: 33px; }
  .bp500-padding-B27 {
    padding-bottom: 27px; }
  .bp500-padding-B22 {
    padding-bottom: 22px; }
  .bp500-padding-B20 {
    padding-bottom: 20px; }
  .bp500-padding-B12 {
    padding-bottom: 12px; }
  .bp500-padding-B9 {
    padding-bottom: 9px; }
  .bp500-padding-B6 {
    padding-bottom: 6px; }
  .bp500-padding-B0 {
    padding-bottom: 0; } }

@media (min-width: 768px) {
  .bp768-padding-B40 {
    padding-bottom: 40px; }
  .bp768-padding-B33 {
    padding-bottom: 33px; }
  .bp768-padding-B27 {
    padding-bottom: 27px; }
  .bp768-padding-B22 {
    padding-bottom: 22px; }
  .bp768-padding-B20 {
    padding-bottom: 20px; }
  .bp768-padding-B12 {
    padding-bottom: 12px; }
  .bp768-padding-B9 {
    padding-bottom: 9px; }
  .bp768-padding-B6 {
    padding-bottom: 6px; }
  .bp768-padding-B0 {
    padding-bottom: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-B40 {
    padding-bottom: 40px; }
  .bp1024-padding-B33 {
    padding-bottom: 33px; }
  .bp1024-padding-B27 {
    padding-bottom: 27px; }
  .bp1024-padding-B22 {
    padding-bottom: 22px; }
  .bp1024-padding-B20 {
    padding-bottom: 20px; }
  .bp1024-padding-B12 {
    padding-bottom: 12px; }
  .bp1024-padding-B9 {
    padding-bottom: 9px; }
  .bp1024-padding-B6 {
    padding-bottom: 6px; }
  .bp1024-padding-B0 {
    padding-bottom: 0; } }

@media (min-width: 500px) {
  .bp500-margin-R40 {
    margin-right: 40px; }
  .bp500-margin-R33 {
    margin-right: 33px; }
  .bp500-margin-R27 {
    margin-right: 27px; }
  .bp500-margin-R22 {
    margin-right: 22px; }
  .bp500-margin-R20 {
    margin-right: 20px; }
  .bp500-margin-R12 {
    margin-right: 12px; }
  .bp500-margin-R9 {
    margin-right: 9px; }
  .bp500-margin-R6 {
    margin-right: 6px; }
  .bp500-margin-R0 {
    margin-right: 0; } }

@media (min-width: 768px) {
  .bp768-margin-R40 {
    margin-right: 40px; }
  .bp768-margin-R33 {
    margin-right: 33px; }
  .bp768-margin-R27 {
    margin-right: 27px; }
  .bp768-margin-R22 {
    margin-right: 22px; }
  .bp768-margin-R20 {
    margin-right: 20px; }
  .bp768-margin-R12 {
    margin-right: 12px; }
  .bp768-margin-R9 {
    margin-right: 9px; }
  .bp768-margin-R6 {
    margin-right: 6px; }
  .bp768-margin-R0 {
    margin-right: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-R40 {
    margin-right: 40px; }
  .bp1024-margin-R33 {
    margin-right: 33px; }
  .bp1024-margin-R27 {
    margin-right: 27px; }
  .bp1024-margin-R22 {
    margin-right: 22px; }
  .bp1024-margin-R20 {
    margin-right: 20px; }
  .bp1024-margin-R12 {
    margin-right: 12px; }
  .bp1024-margin-R9 {
    margin-right: 9px; }
  .bp1024-margin-R6 {
    margin-right: 6px; }
  .bp1024-margin-R0 {
    margin-right: 0; } }

@media (min-width: 500px) {
  .bp500-padding-R40 {
    padding-right: 40px; }
  .bp500-padding-R33 {
    padding-right: 33px; }
  .bp500-padding-R27 {
    padding-right: 27px; }
  .bp500-padding-R22 {
    padding-right: 22px; }
  .bp500-padding-R20 {
    padding-right: 20px; }
  .bp500-padding-R12 {
    padding-right: 12px; }
  .bp500-padding-R9 {
    padding-right: 9px; }
  .bp500-padding-R6 {
    padding-right: 6px; }
  .bp500-padding-R0 {
    padding-right: 0; } }

@media (min-width: 768px) {
  .bp768-padding-R40 {
    padding-right: 40px; }
  .bp768-padding-R33 {
    padding-right: 33px; }
  .bp768-padding-R27 {
    padding-right: 27px; }
  .bp768-padding-R22 {
    padding-right: 22px; }
  .bp768-padding-R20 {
    padding-right: 20px; }
  .bp768-padding-R12 {
    padding-right: 12px; }
  .bp768-padding-R9 {
    padding-right: 9px; }
  .bp768-padding-R6 {
    padding-right: 6px; }
  .bp768-padding-R0 {
    padding-right: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-R40 {
    padding-right: 40px; }
  .bp1024-padding-R33 {
    padding-right: 33px; }
  .bp1024-padding-R27 {
    padding-right: 27px; }
  .bp1024-padding-R22 {
    padding-right: 22px; }
  .bp1024-padding-R20 {
    padding-right: 20px; }
  .bp1024-padding-R12 {
    padding-right: 12px; }
  .bp1024-padding-R9 {
    padding-right: 9px; }
  .bp1024-padding-R6 {
    padding-right: 6px; }
  .bp1024-padding-R0 {
    padding-right: 0; } }

@media (min-width: 500px) {
  .bp500-margin-L40 {
    margin-left: 40px; }
  .bp500-margin-L33 {
    margin-left: 33px; }
  .bp500-margin-L27 {
    margin-left: 27px; }
  .bp500-margin-L22 {
    margin-left: 22px; }
  .bp500-margin-L20 {
    margin-left: 20px; }
  .bp500-margin-L12 {
    margin-left: 12px; }
  .bp500-margin-L9 {
    margin-left: 9px; }
  .bp500-margin-L6 {
    margin-left: 6px; }
  .bp500-margin-L0 {
    margin-left: 0; } }

@media (min-width: 768px) {
  .bp768-margin-L40 {
    margin-left: 40px; }
  .bp768-margin-L33 {
    margin-left: 33px; }
  .bp768-margin-L27 {
    margin-left: 27px; }
  .bp768-margin-L22 {
    margin-left: 22px; }
  .bp768-margin-L20 {
    margin-left: 20px; }
  .bp768-margin-L12 {
    margin-left: 12px; }
  .bp768-margin-L9 {
    margin-left: 9px; }
  .bp768-margin-L6 {
    margin-left: 6px; }
  .bp768-margin-L0 {
    margin-left: 0; } }

@media (min-width: 1024px) {
  .bp1024-margin-L40 {
    margin-left: 40px; }
  .bp1024-margin-L33 {
    margin-left: 33px; }
  .bp1024-margin-L27 {
    margin-left: 27px; }
  .bp1024-margin-L22 {
    margin-left: 22px; }
  .bp1024-margin-L20 {
    margin-left: 20px; }
  .bp1024-margin-L12 {
    margin-left: 12px; }
  .bp1024-margin-L9 {
    margin-left: 9px; }
  .bp1024-margin-L6 {
    margin-left: 6px; }
  .bp1024-margin-L0 {
    margin-left: 0; } }

@media (min-width: 500px) {
  .bp500-padding-L40 {
    padding-left: 40px; }
  .bp500-padding-L33 {
    padding-left: 33px; }
  .bp500-padding-L27 {
    padding-left: 27px; }
  .bp500-padding-L22 {
    padding-left: 22px; }
  .bp500-padding-L20 {
    padding-left: 20px; }
  .bp500-padding-L12 {
    padding-left: 12px; }
  .bp500-padding-L9 {
    padding-left: 9px; }
  .bp500-padding-L6 {
    padding-left: 6px; }
  .bp500-padding-L0 {
    padding-left: 0; } }

@media (min-width: 768px) {
  .bp768-padding-L40 {
    padding-left: 40px; }
  .bp768-padding-L33 {
    padding-left: 33px; }
  .bp768-padding-L27 {
    padding-left: 27px; }
  .bp768-padding-L22 {
    padding-left: 22px; }
  .bp768-padding-L20 {
    padding-left: 20px; }
  .bp768-padding-L12 {
    padding-left: 12px; }
  .bp768-padding-L9 {
    padding-left: 9px; }
  .bp768-padding-L6 {
    padding-left: 6px; }
  .bp768-padding-L0 {
    padding-left: 0; } }

@media (min-width: 1024px) {
  .bp1024-padding-L40 {
    padding-left: 40px; }
  .bp1024-padding-L33 {
    padding-left: 33px; }
  .bp1024-padding-L27 {
    padding-left: 27px; }
  .bp1024-padding-L22 {
    padding-left: 22px; }
  .bp1024-padding-L20 {
    padding-left: 20px; }
  .bp1024-padding-L12 {
    padding-left: 12px; }
  .bp1024-padding-L9 {
    padding-left: 9px; }
  .bp1024-padding-L6 {
    padding-left: 6px; }
  .bp1024-padding-L0 {
    padding-left: 0; } }

.display-block-visibility-hidden {
  display: none !important;
  visibility: hidden !important; }

.display-block-visible {
  display: block !important;
  visibility: visible !important; }

.hidden-visually {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px); }

.font-size-42 {
  font-size: 42px;
  line-height: 1.2; }

h1 {
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600; }

h2,
h3,
h4,
h5,
h6 {
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0; }

h1,
.font-size-38 {
  font-size: 38px;
  line-height: 1.2; }

h2,
.font-size-26 {
  font-size: 26px;
  line-height: 1.3; }

h3,
.font-size-20,
.faq-page h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3; }

h4,
.font-size-16,
.faq-page h3 {
  font-size: 16px; }

h5,
.font-size-15 {
  font-size: 15px; }

h6,
.font-size-14 {
  font-size: 14px; }

.font-size-12 {
  font-size: 12px; }

blockquote,
p {
  margin: 0; }

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

@media (min-width: 500px) {
  .bp500-text-align-center {
    text-align: center; } }

@media (min-width: 768px) {
  .bp768-text-align-center {
    text-align: center; } }

@media (min-width: 1024px) {
  .bp1024-text-align-center {
    text-align: center; } }

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

@media (min-width: 500px) {
  .bp500-text-align-left {
    text-align: left; } }

@media (min-width: 768px) {
  .bp768-text-align-left {
    text-align: left; } }

@media (min-width: 1024px) {
  .bp1024-text-align-left {
    text-align: left; } }

.text-align-right {
  text-align: right; }

@media (min-width: 500px) {
  .bp500-text-align-right {
    text-align: right; } }

@media (min-width: 768px) {
  .bp768-text-align-right {
    text-align: right; } }

@media (min-width: 1024px) {
  .bp1024-text-align-right {
    text-align: right; } }

.text-transform-none {
  text-transform: none; }

.text-uppercase {
  text-transform: uppercase; }

.text-underline {
  text-decoration: underline; }

.font-style-normal {
  font-style: normal; }

.text-italic {
  font-style: italic; }

.text-heavy {
  font-weight: 600; }

.text-heading {
  font-family: "Averta Web", "Averta", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2e2f31;
  text-rendering: optimizeLegibility; }

.text-no-smoothing {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }

@media (min-width: 500px) {
  .bp500-font-size-42 {
    font-size: 42px; }
  .bp500-font-size-38 {
    font-size: 38px; }
  .bp500-font-size-26 {
    font-size: 26px; }
  .bp500-font-size-20 {
    font-size: 20px; }
  .bp500-font-size-16 {
    font-size: 16px; }
  .bp500-font-size-15 {
    font-size: 15px; }
  .bp500-font-size-14 {
    font-size: 14px; }
  .bp500-font-size-12 {
    font-size: 12px; }
  .bp500-text-heavy {
    font-weight: 600; } }

@media (min-width: 768px) {
  .bp768-font-size-42 {
    font-size: 42px; }
  .bp768-font-size-38 {
    font-size: 38px; }
  .bp768-font-size-26 {
    font-size: 26px; }
  .bp768-font-size-20 {
    font-size: 20px; }
  .bp768-font-size-16 {
    font-size: 16px; }
  .bp768-font-size-15 {
    font-size: 15px; }
  .bp768-font-size-14 {
    font-size: 14px; }
  .bp768-font-size-12 {
    font-size: 12px; }
  .bp768-text-heavy {
    font-weight: 600; } }

@media (min-width: 1024px) {
  .bp1024-font-size-42 {
    font-size: 42px; }
  .bp1024-font-size-38 {
    font-size: 38px; }
  .bp1024-font-size-26 {
    font-size: 26px; }
  .bp1024-font-size-20 {
    font-size: 20px; }
  .bp1024-font-size-16 {
    font-size: 16px; }
  .bp1024-font-size-15 {
    font-size: 15px; }
  .bp1024-font-size-14 {
    font-size: 14px; }
  .bp1024-font-size-12 {
    font-size: 12px; }
  .bp1024-text-heavy {
    font-weight: 600; } }

.color-dark-gray, .faq-page h2, .faq-page h3, .faq-page table, .para, .faq-page p {
  color: #48494d; }

.color-xdark-gray {
  color: #2e2f31; }

.color-medium-gray {
  color: #86878a; }

.color-invert {
  color: white; }

.color-primary {
  color: #0854b3; }

.color-secondary {
  color: #ee6850; }

.color-accent {
  color: #00a87e; }

.color-accent-dark {
  color: #00856a; }
/*
  We found that in one instance converting OTF font to WOFF/WOFF2
  introduced a line-height issue, which wasn't visible for those
  with local copy of font installed. This was due to use of local()
  within @font-face, which checks for the local copy of the font
  before triggering font download. We have opted not to use this
  in favour of ensuring all clients aim to use the web font first
  (by setting the stack as `font-family: 'Averta Web', 'Averta'`
  in our CSS). This gracefully falls back to the local font when
  the web font isn't available, but still ensures the web font
  experience takes precedence.
 */
@font-face {
  font-family: 'Averta Web';
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/averta-regular.woff2") format("woff2"), url("/fonts/averta-regular.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Averta Web';
  font-weight: normal;
  font-style: italic;
  src: url("/fonts/averta-regular-italic.woff2") format("woff2"), url("/fonts/averta-regular-italic.woff") format("woff");
  font-display: swap; }

@font-face {
  font-family: 'Averta Web';
  font-weight: 600;
  font-style: normal;
  src: url("/fonts/averta-semibold.woff2") format("woff2"), url("/fonts/averta-semibold.woff") format("woff");
  font-display: swap; }
/* Horizontally center button to which we have
no direct access within component and we're unable
to use styled-components to prevent component from
re-rendering */
.wistia_click_to_play {
  /* Set explicit width for popover button
  which Wistia calculates size for */
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
}

.wistia_click_to_play button {
  margin-bottom: 0;
}

/*# sourceMappingURL=styles.982866ff.css.map*/