html {
  box-sizing: border-box; }

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

:root {
  --font-family: system-ui, sans-serif;
  --font-family--heading: var(--font-family);
  --font-weight--thin: 100;
  --font-weight--extra-light: 200;
  --font-weight--light: 300;
  --font-weight--normal: 400;
  --font-weight--medium: 500;
  --font-weight--semi-bold: 600;
  --font-weight--bold: 700;
  --font-weight--extra-bold: 800;
  --font-weight--black: 900;
  --line-height: 1.5;
  --line-height--heading: 1.2;
  --border-radius: 0.1875rem;
  --spacing: 1.5rem;
  --spacing--small: 0.75rem;
  --border-width: 0.0625rem;
  --border: var(--border-width) solid currentColor;
  --focus-outline-width: 0.1875rem;
  --focus-outline-offset: 0.125rem;
  --focus-outline: var(--focus-outline-width) solid #1565c0;
  --duration: 150ms;
  --timing: ease; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: var(--border-radius);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-base);
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: var(--spacing--small) var(--spacing);
  text-align: center;
  text-decoration: none;
  transition: background-color var(--duration) var(--timing);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover,
  [type="button"]:hover,
  [type="reset"]:hover,
  [type="submit"]:hover {
    background-color: #3b83d5; }
  button:focus,
  [type="button"]:focus,
  [type="reset"]:focus,
  [type="submit"]:focus {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset); }
  button:disabled,
  [type="button"]:disabled,
  [type="reset"]:disabled,
  [type="submit"]:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

:root {
  --form-box-shadow: inset 0 --border-width 0.1875rem rgba(#000, 0.06);
  --form-box-shadow-focus: var(--form-box-shadow), 0 0 0.3125rem #1565c0; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: var(--spacing--small);
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--spacing--small); }

input,
select,
textarea {
  display: block;
  font-family: var(--font-family);
  font-size: 1rem; }

[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
input:not([type]),
textarea {
  appearance: none;
  background-color: transparent;
  border: var(--border);
  border-radius: var(--border-radius);
  box-shadow: var(--form-box-shadow);
  box-sizing: border-box;
  margin-bottom: var(--spacing--small);
  padding: calc(var(--spacing) / 3);
  transition: border-color var(--duration) var(--timing);
  width: 100%; }
  [type="color"]:focus,
  [type="date"]:focus,
  [type="datetime"]:focus,
  [type="datetime-local"]:focus,
  [type="email"]:focus,
  [type="month"]:focus,
  [type="number"]:focus,
  [type="password"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="text"]:focus,
  [type="time"]:focus,
  [type="url"]:focus,
  [type="week"]:focus,
  input:not([type]):focus,
  textarea:focus {
    box-shadow: var(--form-box-shadow-focus); }
  [type="color"]:disabled,
  [type="date"]:disabled,
  [type="datetime"]:disabled,
  [type="datetime-local"]:disabled,
  [type="email"]:disabled,
  [type="month"]:disabled,
  [type="number"]:disabled,
  [type="password"]:disabled,
  [type="search"]:disabled,
  [type="tel"]:disabled,
  [type="text"]:disabled,
  [type="time"]:disabled,
  [type="url"]:disabled,
  [type="week"]:disabled,
  input:not([type]):disabled,
  textarea:disabled {
    cursor: not-allowed; }
    [type="color"]:disabled:hover,
    [type="date"]:disabled:hover,
    [type="datetime"]:disabled:hover,
    [type="datetime-local"]:disabled:hover,
    [type="email"]:disabled:hover,
    [type="month"]:disabled:hover,
    [type="number"]:disabled:hover,
    [type="password"]:disabled:hover,
    [type="search"]:disabled:hover,
    [type="tel"]:disabled:hover,
    [type="text"]:disabled:hover,
    [type="time"]:disabled:hover,
    [type="url"]:disabled:hover,
    [type="week"]:disabled:hover,
    input:not([type]):disabled:hover,
    textarea:disabled:hover {
      border: var(--border); }
  [type="color"]::placeholder,
  [type="date"]::placeholder,
  [type="datetime"]::placeholder,
  [type="datetime-local"]::placeholder,
  [type="email"]::placeholder,
  [type="month"]::placeholder,
  [type="number"]::placeholder,
  [type="password"]::placeholder,
  [type="search"]::placeholder,
  [type="tel"]::placeholder,
  [type="text"]::placeholder,
  [type="time"]::placeholder,
  [type="url"]::placeholder,
  [type="week"]::placeholder,
  input:not([type])::placeholder,
  textarea::placeholder {
    color: #333;
    opacity: 0.25; }

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

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: var(--spacing--small); }

[type="file"] {
  margin-bottom: var(--spacing--small);
  width: 100%; }

select {
  margin-bottom: var(--spacing--small);
  width: 100%; }

[type="checkbox"]:focus,
[type="radio"]:focus,
[type="file"]:focus,
select:focus {
  outline: var(--focus-outline);
  outline-offset: var(--focus-outline-offset); }

html {
  background-color: #fff;
  box-sizing: border-box; }

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

html,
body {
  height: 100%; }

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

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: var(--spacing) 0;
  table-layout: fixed;
  text-align: left;
  width: 100%; }

thead {
  line-height: var(--line-height--heading);
  vertical-align: bottom; }

tbody {
  vertical-align: top; }

tr {
  border-bottom: var(--border); }

th {
  font-weight: 600; }

th,
td {
  padding: var(--spacing--small) var(--spacing--small) var(--spacing--small) 0; }

html {
  color: #333;
  font-family: var(--font-family);
  font-size: 100%;
  line-height: var(--line-height); }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family--heading);
  font-size: 1.25rem;
  line-height: var(--line-height--heading);
  margin: 0 0 var(--spacing--small); }

p {
  margin: 0 0 var(--spacing--small); }

a {
  color: #1565c0;
  text-decoration-skip-ink: auto;
  transition: color var(--duration) var(--timing); }
  a:hover {
    color: #3b83d5; }
  a:focus {
    outline: var(--focus-outline);
    outline-offset: var(--focus-outline-offset); }

hr {
  border-bottom: var(--border);
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: var(--spacing) 0; }

/* Colour definitions */
/* Sizing */
.content {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 90%; }
  .content::after {
    clear: both;
    content: "";
    display: block; }
  .content::after {
    clear: both;
    content: "";
    display: block; }

a {
  cursor: pointer; }

body.tc-loaded header {
  background-image: url(../images/header.svg); }
body.tc-loaded .integrate {
  display: block; }

/* Sprites and images */
.sprite-star {
  background: url(../images/star.png) no-repeat;
  background-size: contain;
  width: 27px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.25em; }

.badge-pro {
  margin: 0;
  font-size: 10px;
  color: #0dc0c1;
  border: 1px solid #0dc0c1;
  line-height: normal;
  padding: 0.1em 0.4em;
  font-style: normal;
  border-radius: 0.25em;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: default;
  position: relative;
  top: -1px;
  right: -1px; }

.features .badge-pro,
.badge-solid-pro {
  color: #fff;
  background-color: #0dc0c1; }

.bubble .badge-pro {
  font-size: 12px; }

.callout-alt .badge-pro,
.callout-alt ul li .badge-pro {
  font-size: 13px; }

.m-t {
  margin-top: 1.5em; }

.m-t-2 {
  margin-top: 3em; }

.m-b {
  margin-bottom: 1.5em; }

.m-b-2 {
  margin-bottom: 3em; }

.clearfix::after {
  clear: both;
  content: "";
  display: block; }

.hidden {
  display: none; }

.inline-testimonial {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 25em; }
  .inline-testimonial img {
    max-width: 100%; }

.stripe-badge {
  max-width: 11em !important;
  margin-bottom: 1em !important; }

#menu-primary {
  margin: -0.25em 0 0 0;
  text-align: center;
  padding: 0;
  margin-left: auto; }

#menu-primary li {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 70%;
  vertical-align: middle; }

#menu-primary a {
  color: #bac5cc;
  padding: 0.25em;
  text-decoration: none;
  display: block; }

.social-testimonial-single {
  padding: 2em 0 0; }

.social-testimonial-single .inline-testimonial {
  max-width: 30em; }

.countdown .countdown-expired {
  padding-top: 1em; }

.countdown.ui-expired h5 {
  display: none; }

/* Okay let's go! */
body {
  background-color: #fff;
  padding: 0;
  margin: 0;
  color: #636363; }

[id^=cbox] .cb-element__type-text .cb-element__inner b, [id^=cbox] .cb-element__type-text .cb-element__inner {
  text-shadow: 1px 1px 3px #6d6d6d;
  letter-spacing: 0.01em; }

#intro-wrap {
  padding: 1em;
  display: flex;
  align-items: center; }

.intro {
  background: #1C1C1C;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.11); }
  .intro h1 {
    font-weight: normal;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 80%;
    line-height: 30px; }
    .intro h1 b {
      text-decoration: none; }
    .intro h1 i {
      padding: 0.4em 0.5em 0.5em 0.5em;
      border-radius: 0.5em;
      border: 1px solid #848484;
      font-style: normal;
      position: relative;
      top: 0.1em; }
    .intro h1 .logo {
      display: inline-block;
      margin: 0 0.5em 0 0;
      text-indent: -9999px;
      background: url(../../static/images/logo.png) no-repeat 0 center;
      width: 120px;
      line-height: 20px;
      background-size: contain;
      vertical-align: middle; }

header {
  background: #31383c no-repeat bottom;
  background-size: 100% auto;
  background-size: cover;
  padding: 1.75em 0 1.5em;
  text-align: center;
  margin: -1px 0 0 0; }
  header h2 {
    margin: 0 0 0.5em 0;
    color: #FF9120;
    font-weight: bold;
    font-size: 250%; }
  header h3 {
    margin: 0 0 1em;
    color: #fff;
    font-weight: normal;
    font-size: 135%;
    line-height: 1.5em; }
    header h3 b {
      font-weight: bold;
      display: block;
      font-size: 170%;
      color: #ff9605;
      margin: 0 0 0.25em;
      line-height: 1.2em; }
  header ul {
    font-size: 85%;
    position: absolute;
    right: 0;
    top: 0; }
    header ul li {
      display: inline-block;
      margin: 0 0 0 0.5em; }
      header ul li:first-child {
        margin-left: 0; }
    header ul a {
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid transparent;
      padding: 0.4em; }
      header ul a:hover {
        color: #29C8C7;
        border-bottom-color: #29C8C7; }

.video-wrap {
  max-width: 650px;
  margin: 0 auto; }

.video {
  width: 100%;
  padding-top: 56.25%;
  box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  position: relative; }
  .video .splash {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/video.jpg) no-repeat 0 0 #29C8C7;
    border-radius: 6px;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer; }
    .video .splash span {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 6em;
      height: 6em;
      margin: 0 0 1em;
      border-radius: 50%;
      opacity: 0.8;
      background: #fff;
      position: relative;
      transform: scale(1);
      transition: transform 150ms, opacity 150ms;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0) scale(1, 1);
      transform: translateZ(0); }
      .video .splash span::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 0 11px 19.1px;
        border-color: transparent transparent transparent #29C8C7; }
    .video .splash:hover span {
      transform: scale(1.03);
      opacity: 0.9; }
    .video .splash h5 {
      color: #fff;
      margin: 0;
      font-weight: normal;
      position: absolute;
      bottom: 2.5em;
      left: 0;
      width: 100%;
      line-height: 1.5em; }
      .video .splash h5 b {
        border-bottom: 1px solid #fff;
        padding: 0 0 0.25em;
        font-weight: normal; }
  .video .iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    overflow: hidden; }
    .video .iframe iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none; }

.header_buy {
  background: #fff;
  margin: -1px 0 0;
  padding: 0 0 1em;
  text-align: center; }
  .header_buy h2 {
    margin: 0 auto;
    padding: 1.5em 0 0;
    color: #063855;
    font-weight: bold;
    font-size: 200%; }
  .header_buy h4 {
    margin: 0 auto 1em auto;
    color: #063855;
    font-weight: normal;
    font-size: 117%; }
    .header_buy h4 sup {
      font-size: 70%; }
    .header_buy h4 b {
      font-weight: bold; }
    .header_buy h4 span {
      font-size: 80%;
      display: inline-block;
      margin: 0 0 0 0.5em;
      vertical-align: middle; }
  .header_buy .credit-cards {
    margin: 0; }

.countdown {
  margin: 1em 0; }
  .countdown .flip-clock-wrapper ul {
    width: 39.9px;
    height: 54.6px;
    margin: 0 2px;
    background: #f7f7f7;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); }
  .countdown .flip-clock-wrapper ul li {
    line-height: 54.6px; }
  .countdown .flip-clock-wrapper ul li a div div.inn {
    font-size: 42px;
    color: #606d75;
    text-shadow: none;
    background: #f7f7f7; }
  .countdown .flip-clock-wrapper ul,
  .countdown .flip-clock-wrapper ul li,
  .countdown .flip-clock-wrapper ul li a div div.inn {
    border-radius: 8px; }
  .countdown .flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
  .countdown .flip-clock-wrapper ul li a div.up:after {
    top: 26.3px;
    background-color: rgba(0, 0, 0, 0.1); }
  .countdown .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); }
  .countdown .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); }
  .countdown .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.1))); }
  .countdown .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))); }
  .countdown .flip-clock-dot.top {
    top: 15.9px; }
  .countdown .flip-clock-dot.bottom {
    top: 32.7px; }
  .countdown .flip-clock-dot {
    width: 6px;
    height: 6px;
    left: 6px; }
  .countdown .flip-clock-divider {
    height: 42px;
    width: 18px;
    visibility: hidden; }
  .countdown .countdown-inner {
    display: inline-block;
    width: auto;
    margin: 0; }
    .countdown .countdown-inner .flip-clock-label {
      display: none; }
  .countdown .countdown-warning {
    background: none;
    width: 90%;
    max-width: 33em;
    margin: 0 auto 1em;
    overflow: hidden;
    position: relative;
    border-radius: 0.5em;
    border: 2px solid #e5edf7;
    padding: 1em 0; }
    .countdown .countdown-warning .ribbon {
      display: none;
      transform: rotate(-45deg);
      position: absolute;
      top: 1em;
      left: -2.5em;
      color: #fff;
      background: #5092d0;
      text-transform: uppercase;
      padding: 0.5em 3em;
      font-size: 12px; }
      .countdown .countdown-warning .ribbon span {
        position: relative;
        top: 1px; }
    .countdown .countdown-warning h5, .countdown .countdown-warning h6 {
      text-align: center;
      margin: 0;
      padding: 1em;
      font-size: 110%;
      color: #5a7c9c; }
    .countdown .countdown-warning h6 {
      padding: 0.5em 1em 1em;
      font-size: 100%; }
    .countdown .countdown-warning p {
      margin: 0;
      font-size: 104%;
      padding: 0 3em 1em;
      text-align: left;
      color: #53626f; }
  .countdown .countdown-expired {
    display: none;
    padding: 0 2em 1em 4.4em; }
  .countdown.ui-expired .countdown-warning {
    max-width: 43em; }
  .countdown.ui-expired p {
    padding: 0; }
  .countdown.ui-expired .ribbon {
    display: block; }
  .countdown.ui-expired .countdown-inner {
    display: none; }
  .countdown.ui-expired .countdown-expired {
    display: block; }
  .countdown.ui-expired h5 {
    padding: 1em 1em 0.5em 4em;
    text-align: left; }
  .countdown.ui-expired h6 {
    display: none; }

.credit-cards {
  margin: 0 0 1em; }
  .credit-cards span {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: contain;
    margin: 0 0.5em;
    text-indent: -99999px;
    max-width: 1.75em; }
    .credit-cards span.credit-card-paypal {
      background-image: url(../images/card_paypal.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-cash-app {
      background-image: url(../images/card_cash_app.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-visa {
      background-image: url(../images/card_visa.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-crypto {
      background-image: url(../images/card_crypto.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-mastercard {
      background-image: url(../images/card_mastercard.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-amex {
      background-image: url(../images/card_amex.png);
      width: 50px;
      height: 50px; }
    .credit-cards span.credit-card-amazonpay {
      background-image: url(../images/card_amazonpay.png);
      width: 50px;
      height: 50px; }
    .credit-cards span:first-child {
      margin-left: 0; }
    .credit-cards span:last-child {
      margin-right: 0; }
  .credit-cards.credit-cards-mini {
    font-size: 90%; }

.button-buy {
  font-weight: 500;
  background-color: #ff882e;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0 1px 12px 0 rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  color: #fff;
  margin: 0 auto 0.25em;
  display: inline-block;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: background-color 150ms, -webkit-transform 150ms;
  transition: background-color 150ms, transform 150ms;
  transition: background-color 150ms, transform 150ms, -webkit-transform 150ms;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0);
  font-size: 130%; }
  .button-buy:hover {
    background-color: #f97000;
    transform: scale(1.03); }
  .button-buy a {
    color: #fff;
    text-decoration: none;
    display: block;
    outline: none;
    padding: 15px 30px 15px 30px; }

.ticks {
  margin: 0; }
  .ticks li {
    background: url(../images/tick.png) no-repeat 0 7px;
    background-size: 16px 13px;
    padding: 0 0 0 33px;
    min-height: 2.5em;
    font-size: 110%; }

.social-testimonial {
  padding: 4em 0 2em; }
  .social-testimonial .content {
    max-width: 1000px; }
  .social-testimonial .inline-testimonial {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    max-width: none; }
    .social-testimonial .inline-testimonial:last-child {
      margin-right: 0; }
  .social-testimonial.social-testimonial-equal {
    padding: 3em 0; }

.pill {
  background: #E74C3C;
  border-radius: 20px;
  font-size: 70%;
  padding: 0.25em 1em 0.25em 0.35em;
  display: inline-block;
  margin: 0; }
  .pill span {
    display: inline-block;
    color: #fff;
    text-transform: uppercase; }
    .pill span::before {
      content: "";
      display: inline-block;
      vertical-align: top;
      width: 16px;
      height: 16px;
      background: #fff;
      border-radius: 50%;
      border: 3px solid #ff7470;
      margin: 0 0.5em 0 0; }

.pill-standard {
  background: #29C8C7;
  border-radius: 6px;
  font-size: 100%;
  padding: 0.25em 1.5em;
  display: inline-block;
  margin: 0; }
  .pill-standard span {
    display: inline-block;
    color: #fff;
    text-transform: uppercase; }

.pill-zapier {
  background: #CDE4E1;
  color: #2B2358;
  padding: 0.2em 0.6em;
  font-size: 60%;
  cursor: default; }

.section {
  background: #F7F7F7;
  color: #063855;
  padding: 2em 0 0 0; }
  .section .content {
    display: flex;
    align-items: flex-end; }
  .section aside {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 50.9536250721%;
    background: url(../images/section.png) no-repeat;
    background-size: 100% auto; }
    .section aside:last-child {
      margin-right: 0; }
    .section aside img,
    .section aside video {
      display: block;
      margin: 0 auto;
      width: 90%;
      max-width: 536px; }
    .section aside.contains-video {
      background-image: none; }
  .section.section-video-noplaceholder aside {
    background-image: none; }
  .section section {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 46.6887229045%;
    padding: 1em 0 2em 4em; }
    .section section:last-child {
      margin-right: 0; }
    .section section h2 {
      font-weight: normal;
      font-size: 220%;
      margin: 0 0 1em; }
    .section section p {
      font-size: 110%;
      margin: 0 0 2em;
      line-height: 1.7em; }
      .section section p:first-of-type {
        font-size: 120%; }
      .section section p:last-child {
        margin-bottom: 0; }
  .section.section-cart .content {
    display: flex;
    align-items: center; }
  .section.section-cart section {
    padding-top: 0; }
  .section.section-cart aside img {
    max-width: 542px; }

.section-video {
  padding-top: 0; }
  .section-video .content {
    max-width: 1000px;
    align-items: center; }
  .section-video aside video {
    max-width: 474px; }
  .section-video section {
    padding: 2.5em 0 1em 4em; }
    .section-video section h2 {
      font-size: 180%;
      margin-bottom: 0.75em; }
    .section-video section p {
      margin-bottom: 1.5em; }

.bubble {
  padding: 2em 0;
  color: #063855; }
  .bubble .content {
    display: flex;
    align-items: center;
    justify-content: center; }
  .bubble aside {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 40.291369653%;
    background: url(../images/bubble.png) no-repeat center center;
    background-size: 100% auto;
    min-height: 426px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .bubble aside:last-child {
      margin-right: 0; }
    .bubble aside img {
      display: block;
      margin: 0 auto;
      max-width: 450px; }
  .bubble section {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 57.3509783236%;
    padding: 0 9em 0 7em; }
    .bubble section:last-child {
      margin-right: 0; }
    .bubble section .label {
      background: #F7F7F7 no-repeat 1em 50%;
      background-size: 16px 16px;
      border-radius: 20px;
      font-size: 70%;
      padding: 0.5em 1em;
      display: inline-block;
      margin: 0 0 1.5em 0; }
      .bubble section .label span {
        display: inline-block;
        margin-left: 20px;
        padding-left: 0.5em;
        color: #29C8C7;
        text-transform: uppercase; }
      .bubble section .label.label-templates {
        background-image: url(../icons/templates.png); }
      .bubble section .label.label-bump {
        background-image: url(../icons/bump.png); }
      .bubble section .label.label-upsell {
        background-image: url(../icons/upsell.png); }
      .bubble section .label.label-modal {
        background-image: url(../icons/modal.png); }
      .bubble section .label.label-integrate {
        background-image: url(../icons/integrate.png); }
      .bubble section .label.label-tax {
        background-image: url(../icons/tax.png); }
      .bubble section .label.label-rules {
        background-image: url(../icons/rules.png); }
      .bubble section .label.label-billing {
        background-image: url(../icons/billing.png); }
      .bubble section .label.label-stats {
        background-image: url(../icons/stats.png); }
    .bubble section h2 {
      font-weight: normal;
      margin: 0 0 0.5em;
      font-size: 195%; }
    .bubble section h3 {
      font-weight: normal;
      margin: 0 0 1em;
      font-size: 120%; }
    .bubble section p {
      line-height: 2em;
      margin: 0;
      font-size: 110%; }
  .bubble.bubble-integrate {
    padding-bottom: 6em; }
  .bubble.bubble-modal aside img {
    max-width: 526px;
    margin-top: -0.5em;
    margin-left: -1.1em; }
  .bubble.bubble-integrate section {
    padding-right: 7em; }
  .bubble.bubble-integrate aside img {
    max-width: 426px;
    margin-top: -2em; }
  .bubble.bubble-tax aside {
    background-image: none; }
  .bubble.bubble-tax aside img {
    max-width: 426px; }
  .bubble.bubble-rules aside img {
    max-width: 341px; }
  .bubble.bubble-billing aside img {
    max-width: 478px; }
  .bubble.bubble-stats aside img {
    max-width: 462px; }
  .bubble.bubble-stats .pill {
    position: absolute;
    top: 6em;
    left: 4em; }

.callout {
  background: url(../images/callout.jpg) no-repeat bottom center #041D33;
  background-size: contain;
  padding: 4em 0; }
  .callout .notice {
    font-size: 12px;
    text-align: center;
    margin-top: -4em;
    margin-bottom: 3em;
    color: #88898b; }
  .callout h2 {
    margin: 0 auto 2em;
    font-size: 200%;
    color: #fff;
    text-align: center;
    font-weight: normal;
    max-width: 26em; }
  .callout .buy {
    background: #FFFFFF;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    padding: 2em 1em 1em 1em;
    margin: 0 auto;
    width: 90%;
    max-width: 33em;
    position: relative;
    z-index: 20;
    text-align: center;
    color: #063855; }
    .callout .buy::before {
      content: "";
      display: block;
      z-index: -1;
      background: rgba(255, 255, 255, 0.5);
      width: 100%;
      height: 86%;
      padding: 0 1em;
      position: absolute;
      box-sizing: content-box;
      left: -1em;
      top: 7%;
      border-radius: 6px; }
    .callout .buy h1 {
      font-size: 600%;
      font-weight: normal;
      margin: 0 0 0.2em; }
      .callout .buy h1 span {
        vertical-align: top;
        font-size: 40%; }
    .callout .buy p {
      padding: 0 1em;
      font-size: 160%;
      margin: 0 0 1em; }
    .callout .buy .button-buy {
      font-size: 120%; }
      .callout .buy .button-buy a {
        padding-left: 2.5em;
        padding-right: 2.5em; }
    .callout .buy .credit-cards {
      margin: 0; }
    .callout .buy .button-buy-underline {
      position: relative;
      color: #F97C15;
      margin: 1em 0 0 0;
      padding: 0 0 0.5em 0; }
      .callout .buy .button-buy-underline::after {
        content: "";
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #e4e4e4 50%, rgba(0, 0, 0, 0) 100%);
        display: block;
        position: absolute;
        bottom: 0; }
  .callout ul {
    color: #fff;
    font-style: italic;
    max-width: 70em;
    margin: 0 auto; }
    .callout ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 48.8211739883%;
      padding: 0 2em;
      position: relative; }
      .callout ul li:last-child {
        margin-right: 0; }
    .callout ul img {
      border-radius: 50%;
      display: inline-block;
      margin: 0 1em 0 0;
      width: 2.5em;
      position: absolute; }
    .callout ul p {
      display: block;
      margin: 0;
      font-size: 90%;
      padding-left: 3.5em; }

.stats {
  padding: 3em 0 0; }
  .stats .content {
    max-width: 1100px; }
  .stats h3 {
    text-align: center;
    color: #144a66;
    font-size: 150%;
    font-weight: normal;
    margin: 0 0 1em; }
    .stats h3 span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.25em; }
      .stats h3 span:last-child {
        margin-right: 0; }
  .stats ul {
    width: 70%;
    margin: 0 auto; }
    .stats ul::after {
      clear: both;
      content: "";
      display: block; }
    .stats ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 48.8211739883%;
      text-align: center;
      font-size: 100%;
      color: #999; }
      .stats ul li:last-child {
        margin-right: 0; }
      .stats ul li b {
        display: block;
        color: #00ccc8;
        font-size: 280%;
        text-transform: uppercase; }
        .stats ul li b span {
          font-size: 75%;
          position: relative;
          top: -0.2em; }

.features {
  background: #F7F7F7;
  padding: 3em 0;
  color: #063855; }
  .features h2 {
    margin: 0 0 1.5em;
    font-size: 200%;
    text-align: center;
    font-weight: normal; }
  .features ul {
    clear: both;
    margin: 0 auto 1.5em;
    width: 77%; }
    .features ul::after {
      clear: both;
      content: "";
      display: block; }
    .features ul:last-child {
      margin-bottom: 0; }
    .features ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 23.2317609825%;
      text-align: center; }
      .features ul li:last-child {
        margin-right: 0; }
    .features ul img {
      display: inline-block;
      max-width: 5.75em;
      vertical-align: top; }
    .features ul p {
      color: #29C8C7;
      text-transform: uppercase;
      margin: 0.75em 0;
      font-size: 74%; }

.callout-testimonial-quotes {
  color: #063855;
  padding: 4em 0; }
  .callout-testimonial-quotes ul {
    font-style: italic;
    margin: 0 auto; }
    .callout-testimonial-quotes ul::after {
      clear: both;
      content: "";
      display: block; }
    .callout-testimonial-quotes ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 31.7615653177%;
      position: relative; }
      .callout-testimonial-quotes ul li:last-child {
        margin-right: 0; }
      .callout-testimonial-quotes ul li::before, .callout-testimonial-quotes ul li::after {
        content: "";
        display: block;
        background: url(../images/quote_bottom.png) no-repeat 0 0;
        background-size: 64px 32px;
        width: 64px;
        height: 32px;
        position: absolute;
        bottom: 3.5em;
        right: 0; }
      .callout-testimonial-quotes ul li::after {
        background-image: url(../images/quote_top.png);
        bottom: auto;
        right: auto;
        left: 0;
        top: 0; }
    .callout-testimonial-quotes ul .quote {
      text-align: center;
      font-style: italic;
      font-size: 110%;
      line-height: 2em;
      padding: 0 3em;
      margin: 2.5em 0; }
    .callout-testimonial-quotes ul img {
      border-radius: 50%;
      display: inline-block;
      border: 4px solid #fff;
      margin: 0 1em;
      max-width: 3.5em;
      vertical-align: middle; }
    .callout-testimonial-quotes ul blockquote {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 6.5em);
      margin: 0;
      font-style: normal; }
    .callout-testimonial-quotes ul p {
      display: block;
      margin: 0;
      font-size: 90%; }
      .callout-testimonial-quotes ul p b {
        display: block;
        font-size: 130%; }

.callout-function {
  padding: 3em 0 5em;
  background: #03192C;
  color: #fff;
  text-align: center; }
  .callout-function ul::after {
    clear: both;
    content: "";
    display: block; }
  .callout-function ul li {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 23.2317609825%;
    padding: 0 1.5em; }
    .callout-function ul li:last-child {
      margin-right: 0; }
  .callout-function ul .img-wrap {
    min-height: 10em;
    padding: 3em 0 0 0;
    background: url(../images/function_decorate.png) no-repeat top center;
    background-size: contain; }
    .callout-function ul .img-wrap.decorate-alt {
      background-image: url(../images/function_decorate_alt.png); }
  .callout-function ul img {
    display: block;
    margin: 0 auto; }
    .callout-function ul img.callout-function-support {
      width: 61px; }
    .callout-function ul img.callout-function-saas {
      width: 84px; }
    .callout-function ul img.callout-function-responsive {
      width: 74px; }
    .callout-function ul img.callout-function-fees {
      width: 68px; }
  .callout-function ul h6 {
    color: #29C8C7;
    margin: 0 0 1em;
    font-size: 130%;
    text-transform: capitalize; }
  .callout-function ul p {
    margin: 0;
    font-size: 100%; }
    .callout-function ul p b {
      color: #FF9120; }

.integrate {
  background: #F7F7F7;
  color: #063855;
  padding: 5em 0;
  display: none; }
  .integrate h1 {
    display: block;
    margin: 0 auto 1em;
    text-indent: -9999px;
    background: url(../../static/images/logo-dark.png) no-repeat;
    width: 225px;
    height: 37px;
    background-size: contain; }
  .integrate h2 {
    margin: 0 0 3.5em;
    font-weight: normal;
    font-size: 130%;
    text-align: center; }
  .integrate h3 {
    margin: 0;
    font-weight: normal;
    font-size: 130%;
    text-align: center; }
  .integrate ul {
    margin: 0 auto 2.5em;
    display: flex;
    align-items: center;
    width: 82%; }
    .integrate ul::after {
      clear: both;
      content: "";
      display: block; }
    .integrate ul:last-child {
      margin-bottom: 0; }
    .integrate ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 23.2317609825%;
      text-align: center; }
      .integrate ul li:last-child {
        margin-right: 0; }
      .integrate ul li img {
        width: auto;
        max-height: 1.5em; }
        .integrate ul li img.integrate-icon-small {
          max-width: 4em; }
        .integrate ul li img.integrate-icon-medium {
          max-width: 8em; }
        .integrate ul li img.integrate-icon-large {
          max-width: 11em; }
      .integrate ul li .pill-wrap {
        display: block; }

.guarantee {
  background-size: 130px 130px;
  background-color: #fffae9;
  border: 1px solid #F8F3E2;
  box-sizing: border-box;
  box-shadow: 0px 4px 27px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  color: #063855;
  padding: 2em 2em 3em 2em;
  max-width: 38em;
  width: 90%;
  min-height: 157px;
  margin: 0 auto; }
  .guarantee h6 {
    font-size: 110%;
    text-transform: capitalize; }
  .guarantee p {
    margin: 0;
    font-size: 90%;
    line-height: 1.6; }

.callout-alt {
  background: url(../images/callout_alt.jpg) no-repeat bottom center #fff;
  background-size: contain;
  padding: 5em 0; }
  .callout-alt h3 {
    margin: 0 auto 2em;
    font-size: 200%;
    text-align: center;
    font-weight: normal;
    color: #063855;
    width: 90%;
    max-width: 23em; }
  .callout-alt ul {
    margin: 1.5em auto 0;
    width: 90%;
    max-width: 24em; }
    .callout-alt ul li {
      color: #063855;
      position: relative;
      font-size: 110%;
      text-align: left; }
      .callout-alt ul li span {
        font-size: 90%; }
  .callout-alt .buy {
    background: #FFFFFF;
    box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
    position: relative;
    top: -1.5em;
    max-width: 45em;
    margin: 0 auto; }
    .callout-alt .buy::after {
      clear: both;
      content: "";
      display: block; }
    .callout-alt .buy aside {
      padding: 2em 2em 0;
      text-align: center; }
      .callout-alt .buy aside h2 {
        color: #063855;
        font-weight: normal;
        margin: 0 0 2em 0;
        padding: 1.5em 0 2em;
        position: relative;
        font-size: 140%; }
        .callout-alt .buy aside h2::after {
          content: "";
          width: 100%;
          height: 1px;
          background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #e4e4e4 50%, rgba(0, 0, 0, 0) 100%);
          display: block;
          position: absolute;
          bottom: 0; }
    .callout-alt .buy section {
      padding: 0 2em 2em;
      color: #063855;
      text-align: center; }
      .callout-alt .buy section .strikeout {
        display: block;
        text-align: center;
        margin: 0 0 1em; }
      .callout-alt .buy section h1 {
        font-size: 240%;
        font-weight: normal;
        margin: 0;
        text-align: center; }
        .callout-alt .buy section h1 span {
          margin-left: -0.75em; }
      .callout-alt .buy section .standout {
        margin: 0 0 1em;
        color: #F28F29;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: center; }
      .callout-alt .buy section .button-buy {
        font-size: 100%;
        width: 90%;
        max-width: 30em; }
        .callout-alt .buy section .button-buy a {
          padding: 0.75em 1em;
          font-weight: bold;
          font-size: 130%; }
      .callout-alt .buy section .credit-cards {
        margin: 0; }
        .callout-alt .buy section .credit-cards span {
          margin: 0 0.25em; }

.callout-testimonial {
  background: #F7F7F7;
  color: #063855;
  padding: 2em 0; }
  .callout-testimonial ul {
    font-style: italic;
    max-width: 70em;
    margin: 0 auto; }
    .callout-testimonial ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 48.8211739883%; }
      .callout-testimonial ul li:last-child {
        margin-right: 0; }
    .callout-testimonial ul img {
      border-radius: 50%;
      display: inline-block;
      border: 4px solid #fff;
      margin: 0 1em 0 0;
      max-width: 6em;
      vertical-align: middle; }
    .callout-testimonial ul blockquote {
      display: inline-block;
      vertical-align: middle;
      width: calc(100% - 8em);
      margin: 0; }
    .callout-testimonial ul p {
      display: block;
      margin: 0;
      font-size: 85%; }
    .callout-testimonial ul p + p {
      font-style: normal;
      font-weight: bold;
      margin: 1em 0 0; }

.footer-testimonials {
  padding: 3em 0;
  margin-bottom: 2em; }
  .footer-testimonials h4 {
    color: #063855;
    margin: 0 0 2em;
    font-weight: normal;
    font-size: 140%;
    text-align: center; }
  .footer-testimonials .testimonial-column {
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    text-align: center; }
    .footer-testimonials .testimonial-column:last-child {
      margin-right: 0; }
    .footer-testimonials .testimonial-column img {
      max-width: 85%;
      margin: 0 0 1em;
      text-align: center; }
      .footer-testimonials .testimonial-column img:last-child {
        margin-bottom: 0; }

.faq {
  background-color: #03192C; }
  .faq .content {
    padding-top: 5.5em;
    padding-bottom: 5.5em;
    max-width: 940px; }
  .faq h4 {
    font-weight: bold;
    margin: 0 0 2.5em;
    color: #fff;
    font-size: 200%;
    text-align: center; }
  .faq .faq-column {
    margin: 0;
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 48.8211739883%;
    text-align: center; }
    .faq .faq-column:last-child {
      margin-right: 0; }
    .faq .faq-column ul li {
      text-align: left;
      margin: 0 0 2.5em;
      background: url(../images/question.png) no-repeat 0 2px;
      background-size: 19px 19px;
      padding-left: 30px; }
      .faq .faq-column ul li h6 {
        color: #29C8C7;
        font-weight: bold;
        font-size: 1.1rem; }
      .faq .faq-column ul li p {
        color: #fff;
        margin: 0;
        font-size: 0.95rem; }
      .faq .faq-column ul li:last-child {
        margin-bottom: 0; }
    .faq .faq-column ol {
      padding: 0;
      margin: 1em 0 0 0;
      list-style: disc; }
      .faq .faq-column ol li {
        background: none;
        padding: 0;
        margin: 0 0 0.5em;
        color: #fff;
        font-size: 0.95rem; }

.footer-explain {
  background-color: #242a2e;
  color: #b8b8b9; }
  .footer-explain p {
    margin: 0;
    padding: 0.5em 0;
    font-size: 90%;
    text-align: center; }

footer {
  background-color: #31383c;
  color: #5a6368;
  padding: 1em 0;
  text-align: center; }
  footer p {
    font-size: 70%;
    margin: 0; }
  footer p.trademark {
    margin: 1em 0 0 0; }
  footer a:link, footer a:visited, footer a:hover, footer a:active {
    color: #bdc5c7; }
  footer a:hover {
    color: #fff; }
  footer ul {
    font-size: 70%;
    margin: 0;
    padding: 0;
    list-style: none; }
    footer ul li {
      display: inline-block;
      margin: 0 1em 0 0; }

footer.copyright {
  background-color: #242a2e;
  color: #4e565b; }
  footer.copyright p {
    font-size: 110%;
    text-align: center; }
  footer.copyright span {
    display: inline-block;
    vertical-align: text-top;
    background: url(../../static/images/logo.png) no-repeat center center;
    height: 18px;
    width: 109px;
    background-size: contain;
    text-indent: -9999px;
    margin: 0 0.5em; }

/* Responsiveness */
@media screen and (max-width: 1199px) {
  .bubble .content aside img {
    max-width: 100%;
    margin: 0;
    flex-grow: 0;
    flex-shrink: 0; }
  .bubble .content section {
    padding-left: 3em;
    padding-right: 3em; } }
@media screen and (max-width: 999px) {
  header {
    padding: 1em 0; }
    header ul {
      position: static;
      margin: 0; }

  .features ul img {
    max-width: 100px; }

  .section section {
    padding: 1em 0 2em 0; }
    .section section h2 {
      font-size: 200%; }

  .faq h4 {
    margin-bottom: 1em; }
  .faq .content {
    padding: 2em 0; }
  .faq .faq-column {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%; }
    .faq .faq-column:last-child {
      margin-right: 0; } }
@media screen and (max-width: 800px) {
  #intro-wrap {
    flex-direction: column; }
    #intro-wrap h1 {
      text-align: center; }
    #intro-wrap #menu-primary {
      order: -1;
      margin: 0 0 0.5em; }

  header h3 {
    font-size: 110%; }

  .features h3 {
    margin-bottom: 2em; }
  .features ul img {
    max-width: 4em; }
  .features ul p {
    font-size: 75%; }

  .section {
    padding: 2em 0; }
    .section .content {
      display: block; }
      .section .content section {
        float: left;
        display: block;
        margin-right: 2.3576520234%;
        width: 100%;
        padding: 2em 0 0;
        margin-right: 0; }
        .section .content section:last-child {
          margin-right: 0; }
        .section .content section h2 {
          font-size: 180%; }
      .section .content aside {
        float: left;
        display: block;
        margin-right: 2.3576520234%;
        width: 100%;
        max-width: 26em;
        padding-left: 0;
        padding-right: 0;
        float: none;
        margin-left: auto;
        margin-right: auto; }
        .section .content aside:last-child {
          margin-right: 0; }
        .section .content aside:last-child {
          margin-right: auto;
          margin-left: auto; }
        .section .content aside img {
          max-width: 100%; }

  .social-testimonial-single {
    padding: 0; }

  .social-testimonial {
    padding: 0 0 1em; }

  .social-testimonial.social-testimonial-equal {
    padding: 0 0 1em; }

  .guarantee.guarantee-lower {
    background-size: 80px;
    padding: 1em 1em 1em 100px; }

  .section.section-cart .content {
    display: block; }
    .section.section-cart .content section {
      padding-top: 3em; }

  .bubble.bubble-integrate {
    padding-bottom: 2em; }

  .bubble .content section {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    padding-left: 0;
    padding-right: 2em;
    margin-right: 0; }
    .bubble .content section:last-child {
      margin-right: 0; }
  .bubble .content aside {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    display: flex;
    min-height: 20em;
    max-width: 14em;
    padding-left: 0;
    padding-right: 0;
    float: none;
    margin-left: auto;
    margin-right: auto; }
    .bubble .content aside:last-child {
      margin-right: 0; }
    .bubble .content aside:last-child {
      margin-right: auto;
      margin-left: auto; }
  .bubble .content section + aside {
    margin-top: 2em; }
  .bubble .content aside + section {
    margin-top: 2em;
    padding-left: 2em;
    padding-right: 0; }
  .bubble + .bubble {
    padding-top: 0; }

  .stats ul li b {
    font-size: 200%; }

  .callout ul li {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    padding: 0;
    margin: 0; }
    .callout ul li:last-child {
      margin-right: 0; }
  .callout ul li + li {
    margin-top: 1em; }

  .social-testimonial .inline-testimonial {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    margin: 0; }
    .social-testimonial .inline-testimonial:last-child {
      margin-right: 0; }
    .social-testimonial .inline-testimonial + .inline-testimonial {
      margin-top: 1em; }

  .callout-testimonial-quotes {
    padding: 2em 0; }
    .callout-testimonial-quotes ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%;
      padding: 0;
      margin: 0 auto;
      float: none;
      max-width: 28em;
      text-align: center; }
      .callout-testimonial-quotes ul li:last-child {
        margin-right: 0; }
      .callout-testimonial-quotes ul li::before, .callout-testimonial-quotes ul li::after {
        width: 32px;
        height: 16px;
        background-size: 100% 100%; }
      .callout-testimonial-quotes ul li:first-child .quote {
        margin-top: 0; }
      .callout-testimonial-quotes ul li:last-child {
        margin-right: auto; }
      .callout-testimonial-quotes ul li .quote {
        margin: 1.5em 0; }
      .callout-testimonial-quotes ul li blockquote {
        width: auto; }
      .callout-testimonial-quotes ul li img {
        margin-left: 0; }
    .callout-testimonial-quotes ul li + li {
      margin-top: 2em; }

  .integrate {
    padding: 2em 0; }
    .integrate h2 {
      margin-bottom: 1.5em; }

  .callout-function {
    padding: 2em 0; }
    .callout-function ul .img-wrap {
      background: none;
      min-height: 0;
      padding: 0;
      margin: 0 0 1em; }
    .callout-function ul li {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%;
      padding: 0;
      margin: 0; }
      .callout-function ul li:last-child {
        margin-right: 0; }
    .callout-function ul li + li {
      margin-top: 2em; }

  .callout-alt {
    padding: 2em 0; }
    .callout-alt h3 {
      font-size: 160%;
      margin: 0 auto 1.5em; }
    .callout-alt .guarantee {
      background-position: 50% 6px;
      background-size: 100px 100px;
      padding-top: 120px;
      padding-left: 2em;
      text-align: center; }

  .callout-testimonial ul img {
    max-width: 5em; }
  .callout-testimonial ul blockquote {
    width: calc(100% - 7em); }
  .callout-testimonial ul li {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 100%;
    padding: 0;
    margin: 0; }
    .callout-testimonial ul li:last-child {
      margin-right: 0; }
  .callout-testimonial ul li + li {
    margin-top: 2em; }

  .footer-testimonials {
    padding: 2em 0;
    margin-bottom: 0; }
    .footer-testimonials .testimonial-column {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 100%;
      padding: 0;
      margin: 0; }
      .footer-testimonials .testimonial-column:last-child {
        margin-right: 0; } }
.decision {
  max-width: 36em;
  margin: 2em auto 1.5em;
  padding: 1.5em;
  border: 3px dashed #ea6a00;
  background-color: #ffffed; }
  .decision .badge-pro {
    vertical-align: initial;
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px; }
  .decision h6 {
    text-align: center;
    color: #063855;
    font-weight: normal; }
    .decision h6 b {
      color: #09d2bf; }
    .decision h6 i {
      font-style: normal;
      font-weight: bold; }
  .decision table {
    border-spacing: 3px;
    border-collapse: separate;
    font-size: 16px;
    margin: 0; }
    .decision table tr th {
      font-weight: bold;
      padding: 10px; }
    .decision table tr td {
      padding: 10px;
      background: #e1e1e1;
      text-align: left; }
      .decision table tr td span.ui-aside {
        font-size: 12px;
        font-weight: normal; }
    .decision table tr.alt td {
      background: #eee; }
    .decision table tr.total td {
      background: none;
      font-weight: bold; }
      .decision table tr.total td.table_price {
        padding-right: 3em; }
    .decision table tr .table_price {
      text-align: right; }
      .decision table tr .table_price strike {
        margin: 0 15px 0 0;
        font-weight: normal;
        font-size: 13px; }
    .decision table tr .checkbox {
      margin-left: 0.5em; }
    .decision table input:focus {
      outline: none; }
  .decision .decision-list {
    text-align: left; }
    .decision .decision-list .decision-list-row {
      display: flex;
      align-items: center;
      padding: 10px;
      border: 2px solid transparent; }
      .decision .decision-list .decision-list-row .decision-list-row-name {
        width: 16em; }
        .decision .decision-list .decision-list-row .decision-list-row-name .badge-pro {
          margin-left: 0; }
      .decision .decision-list .decision-list-row .decision-list-row-old_price {
        font-size: 13px; }
      .decision .decision-list .decision-list-row .decision-list-row-price {
        padding: 0 1em;
        margin-left: auto; }
      .decision .decision-list .decision-list-row.decision-list-row-pro {
        background: #f5f5f5;
        border-color: #0dc0c1; }
      .decision .decision-list .decision-list-row.decision-list-row-total .decision-list-row-price {
        font-weight: bold;
        margin-right: 1.7em; }

.tc-offer .header_buy {
  background-color: #F7F7F7;
  margin-top: 0;
  padding: 2em 0; }
  .tc-offer .header_buy .content {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0.25em; }
  .tc-offer .header_buy h2 {
    padding: 1em 0; }
.tc-offer .content {
  max-width: 850px; }
.tc-offer .breakdown-pro {
  max-width: 26em;
  margin: 1em auto 2em;
  color: #063855;
  opacity: 1;
  transition: opacity 150ms; }
  .tc-offer .breakdown-pro p {
    font-size: 20px; }
  .tc-offer .breakdown-pro ol {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 18px; }
    .tc-offer .breakdown-pro ol img {
      display: inline-block;
      vertical-align: middle;
      max-width: 3em;
      margin: 0 0.5em 0 0; }
      .tc-offer .breakdown-pro ol img.offset-position {
        margin-top: -0.25em; }
    .tc-offer .breakdown-pro ol li {
      line-height: 3; }
.tc-offer .progress {
  padding: 2px;
  background-color: #3f3f3f;
  margin: 0 auto 2em;
  width: 90%;
  max-width: 24em; }
  .tc-offer .progress .progress-bar {
    background-color: #418bc9;
    color: #fff;
    width: 66%;
    text-align: center;
    padding: 0.25em;
    box-sizing: border-box;
    font-size: 80%; }

.radio {
  padding-top: 0.5em; }

.radio, .checkbox {
  padding-left: 0px;
  position: relative;
  display: inline-block;
  min-height: 1em; }

.radio input[type=radio] {
  display: none; }

.checkbox input[type=checkbox] {
  display: none; }

.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px; }

input[type="radio"], input[type="checkbox"] {
  margin-top: 1px 0 0;
  line-height: normal;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type=radio], input[type=checkbox] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }

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

.radio label {
  margin-bottom: 6px; }

.radio label, .checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 22px !important; }

.checkbox label {
  line-height: inherit; }

.pure-form .radio label, .pure-form .checkbox label,
.radio label, .checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
  font-family: inherit;
  text-transform: none;
  letter-spacing: inherit; }

.pure-form .checkbox label {
  transition: border 0.2s linear 0s, color 0.2s linear 0s; }

.radio label:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 0;
  border-radius: 99px;
  -webkit-transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33);
  transition: border 0.3s 0s cubic-bezier(0.455, 0.03, 0.215, 1.33); }

.radio label:before, .checkbox label:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  position: absolute;
  left: 0px;
  background-color: #FFF;
  border: 2px solid #A9A9A9;
  font-size: 13px; }

.radio.radio-success input[type=radio]:checked + label:before {
  border-color: #10CFBD; }

.radio input[type=radio]:checked + label:before {
  border-width: 8px; }

.checkbox input[type=checkbox]:checked + label:before {
  border-width: 11px; }

.checkbox label:before {
  border-radius: 3px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.checkbox input[type=checkbox]:checked + label::after {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 7px;
  top: 2px;
  width: 9px;
  border-bottom: 4px solid #fff;
  height: 14px;
  border-right: 4px solid #fff;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.checkbox label::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 3px;
  display: inline-block;
  width: 22px;
  height: 22px;
  line-height: 23px;
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 11px;
  text-align: center;
  transition: border 0.2s linear 0s, color 0.2s linear 0s; }

.radio input[type=radio][disabled] + label {
  opacity: 0.65; }

.checkbox input[type=checkbox][disabled] + label {
  opacity: 0.65; }

.checkbox.check-danger input[type=checkbox]:checked + label:before, .radio.radio-danger input[type=radio]:checked + label:before {
  border-color: #F55753; }

.checkbox.check-warning input[type=checkbox]:checked + label:before, .radio.radio-warning input[type=radio]:checked + label:before {
  border-color: #F8D053; }

.checkbox.check-info input[type=checkbox]:checked + label:before, .radio.radio-info input[type=radio]:checked + label:before {
  border-color: #3B4752; }

.checkbox.check-primary input[type=checkbox]:checked + label:before, .radio.radio-primary input[type=radio]:checked + label:before {
  border-color: #6D5CAE; }

.checkbox.check-success input[type=checkbox]:checked + label:before, .radio.radio-success input[type=radio]:checked + label:before {
  border-color: #10CFBD; }

.checkbox.check-stats input[type=checkbox]:checked + label:before, .radio.radio-stats input[type=radio]:checked + label:before {
  border-color: #FF9333; }

@media screen and (max-width: 599px) {
  header .video .splash h5 {
    position: static; }

  .header_buy .button-buy {
    font-size: 120%; }
    .header_buy .button-buy a {
      padding-left: 1em;
      padding-right: 1em; }

  .callout .buy .button-buy {
    font-size: 110%; }
    .callout .buy .button-buy a {
      padding-left: 1.5em;
      padding-right: 1.5em; }
  .callout .buy p {
    padding: 0; }

  .guarantee.guarantee-lower {
    padding-left: 1em;
    max-width: 80%; }
    .guarantee.guarantee-lower h6 {
      min-height: 3.5em;
      padding-left: 4.5em; }

  .callout-alt ul li {
    min-height: 0;
    margin-bottom: 1em; }

  .features ul {
    width: 100%; }
    .features ul p {
      font-size: 60%;
      padding: 0 0.25em; }

  .integrate ul {
    width: 100%; }
    .integrate ul li img {
      max-width: 5em !important;
      width: 100% !important;
      max-height: none !important; } }
@media screen and (max-width: 799px) {
  .intro h1 .logo {
    display: block;
    margin: 0 auto; }
  .intro h1 i {
    top: 0.5em; }

  header .video .splash span {
    width: 4em;
    height: 4em; }

  .header_buy .button-buy {
    font-size: 110%; }

  .countdown .countdown-warning {
    width: 100%;
    max-width: none;
    padding: 0; }
  .countdown .flip-clock-wrapper ul {
    width: 26.6px;
    height: 36.4px;
    margin: 0 3px; }
  .countdown .flip-clock-wrapper ul li {
    line-height: 36.4px; }
  .countdown .flip-clock-wrapper ul li a div div.inn {
    font-size: 28px; }
  .countdown .flip-clock-wrapper ul,
  .countdown .flip-clock-wrapper ul li a div div.inn {
    border-radius: 6px; }
  .countdown .flip-clock-wrapper ul li a div.down {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px; }
  .countdown .flip-clock-wrapper ul li a div.up:after {
    top: 17.2px; }
  .countdown .flip-clock-dot.top {
    top: 9.6px; }
  .countdown .flip-clock-dot.bottom {
    top: 20.8px; }
  .countdown .flip-clock-dot {
    width: 6px;
    height: 6px;
    left: 6px; }
  .countdown .flip-clock-divider {
    height: 28px;
    width: 12px; }

  .callout h2 {
    font-size: 170%; }
  .callout .buy .button-buy {
    font-size: 90%; }
  .callout .buy p {
    font-size: 130%; }

  .bubble .content {
    flex-direction: column; }
    .bubble .content section {
      order: 1; }
    .bubble .content aside {
      margin: 0 0 1em;
      min-height: 14em; }
    .bubble .content section,
    .bubble .content aside + section,
    .bubble .content section + aside {
      padding-left: 0;
      padding-right: 0;
      margin: 0 0 1em; }

  .stats {
    padding-bottom: 0; }
    .stats ul li {
      float: none;
      width: 100%;
      margin: 0; }

  .callout-alt h3 {
    font-size: 140%;
    margin: 0 auto 1.5em; }
  .callout-alt ul {
    width: 100%; }
  .callout-alt .buy section .button-buy {
    width: 100%; }

  .tc-offer .content {
    padding: 0 1em; }
  .tc-offer .header_buy h2 {
    font-size: 140%;
    padding-top: 0.5em; }
  .tc-offer .decision {
    padding: 0.75em 0.5em 0.5em; }
    .tc-offer .decision .decision-list .decision-list-row .decision-list-row-name {
      font-size: 14px; }
    .tc-offer .decision .decision-list .decision-list-row.decision-list-row-total .decision-list-row-name {
      display: none; }
    .tc-offer .decision .decision-list .decision-list-row.decision-list-row-total .decision-list-row-old_price {
      display: none; }
    .tc-offer .decision .decision-list .decision-list-row.decision-list-row-total .decision-list-row-price {
      margin-right: 0;
      padding-right: 0.25em; }
  .tc-offer .breakdown-pro ol {
    font-size: 13px; }
  .tc-offer .breakdown-pro li {
    white-space: nowrap; } }

/*# sourceMappingURL=style.css.map */