@import url(normalize.css);
/* -------------------------------

GLOBAL

------------------------------- */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/lato-v16-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Lato Italic"), local("Lato-Italic"), url("../fonts/lato-v16-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v16-latin-italic.woff2") format("woff2"), url("../fonts/lato-v16-latin-italic.woff") format("woff"), url("../fonts/lato-v16-latin-italic.ttf") format("truetype"), url("../fonts/lato-v16-latin-italic.svg#Lato") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/lato-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/lato-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v16-latin-700.woff2") format("woff2"), url("../fonts/lato-v16-latin-700.woff") format("woff"), url("../fonts/lato-v16-latin-700.ttf") format("truetype"), url("../fonts/lato-v16-latin-700.svg#Lato") format("svg");
  /* Legacy iOS */ }
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/lato-v16-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/lato-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/lato-v16-latin-regular.woff2") format("woff2"), url("../fonts/lato-v16-latin-regular.woff") format("woff"), url("../fonts/lato-v16-latin-regular.ttf") format("truetype"), url("../fonts/lato-v16-latin-regular.svg#Lato") format("svg");
  /* Legacy iOS */ }
@keyframes blinker {
  50% {
    background: #0E75BE; } }
*,
*::after,
*::before {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

body {
  background: #FFFEFC; }

body.logged-in {
  padding-top: 50px !important; }
  body.logged-in header {
    border-top: none; }

body.body:before {
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100; }

body,
p,
button {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

input[type="text"],
input[type="email"] {
  display: block;
  width: 100%;
  height: 46px;
  margin: 7px auto 0;
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  color: #222;
  background: #FFFEFC;
  font-size: 16px;
  box-shadow: none;
  /* remove ios shadow */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  input[type="text"]::placeholder,
  input[type="email"]::placeholder {
    color: #999;
    font-style: italic; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
    font-style: italic; }
  input[type="text"]:-moz-placeholder,
  input[type="email"]:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-style: italic; }
  input[type="text"]::-moz-placeholder,
  input[type="email"]::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
    font-style: italic; }
  input[type="text"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
    font-style: italic; }
  input[type="text"]:focus,
  input[type="email"]:focus {
    outline: none;
    border-color: #0E75BE; }

label {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 700;
  color: #222; }

h1 {
  font-size: 30px; }
  @media (min-width: 768px) {
    h1 {
      font-size: 40px; } }

h2 {
  font-size: 30px; }
  @media (min-width: 768px) {
    h2 {
      font-size: 36px; } }

h3 {
  margin-bottom: 20px;
  font-size: 30px; }
  @media (min-width: 768px) {
    h3 {
      font-size: 36px; } }

h4 {
  font-size: 24px; }

h5 {
  font-size: 20px; }

a {
  color: #0E75BE;
  text-decoration: none;
  border-bottom: 1px solid #0E75BE;
  word-break: break-word; }
  a:hover {
    text-decoration: none; }

strong {
  font-weight: 700; }

p {
  margin: 0;
  line-height: 1.6; }

figure {
  margin: 0; }

ul,
ol,
li {
  margin: 0;
  padding: 0; }

.container {
  margin: 0 auto;
  width: 95%;
  max-width: 1200px; }

.btn,
a.btn {
  display: inline-block;
  width: 100%;
  max-width: 225px;
  padding: 15px 0 17px;
  text-align: center;
  background: #666;
  border-radius: 4px;
  border: none;
  color: #FFFEFC;
  font-size: 16px;
  text-decoration: none; }
  .btn:hover,
  a.btn:hover {
    background: #666;
    opacity: .8;
    cursor: pointer; }
  .btn:focus,
  a.btn:focus {
    outline: none; }

.btn-subtle,
a.btn-subtle {
  background: #FFFEFC;
  border: 1px solid #222;
  color: #222; }
  .btn-subtle:hover,
  a.btn-subtle:hover {
    color: #FFFEFC;
    background: #000;
    border-color: #000; }

.btn-highlight,
a.btn-highlight {
  background: #C63882; }
  .btn-highlight:hover,
  a.btn-highlight:hover {
    background: #C63882; }
  .btn-highlight span,
  a.btn-highlight span {
    display: block;
    margin-top: 5px;
    font-size: 14px; }

.cta {
  text-align: center; }
  .cta .btn {
    font-size: 18px;
    max-width: 250px; }

.schedule-demo {
  display: block;
  margin-top: 10px;
  text-align: center;
  font-size: 14px; }
  .schedule-demo i {
    text-decoration: none;
    font-style: normal; }

.article-cta {
  width: 100%;
  max-width: 520px;
  margin: 85px auto 0;
  padding: 16px 16px 25px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  text-align: center; }
  .article-cta h4 {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6; }
  .article-cta .btn {
    margin-top: 20px; }
  .article-cta span {
    display: block;
    margin-top: 5px;
    font-size: 14px; }

#signedin_user_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  text-align: center; }
  #signedin_user_link a {
    display: block;
    padding-top: 14px;
    height: 50px;
    background: #C63882;
    color: #FFFEFC;
    font-weight: 700;
    border: none;
    animation: blinker 3s linear infinite; }
    #signedin_user_link a:hover {
      animation: none; }
    @media (min-width: 768px) {
      #signedin_user_link a {
        font-size: 20px;
        padding-top: 12px; } }

.cc-window {
  font-family: 'Lato', sans-serif !important; }
  .cc-window span a {
    border: none; }
    .cc-window span a:hover {
      color: #0E75BE;
      text-decoration: underline; }

.testimonials-wrapper {
  margin: 50px 0 40px;
  padding: 20px 10px;
  width: 100%;
  text-align: center;
  background: #f6f6f6;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  @media (min-width: 768px) {
    .testimonials-wrapper {
      margin: 75px 0 65px; } }
  .testimonials-wrapper .testimonial-author {
    display: inline-block; }
    .testimonials-wrapper .testimonial-author img {
      max-width: 155px;
      border-radius: 50%; }
      @media (min-width: 768px) {
        .testimonials-wrapper .testimonial-author img {
          margin-right: 20px; } }
  .testimonials-wrapper .testimonial-quote {
    display: inline-block;
    vertical-align: top; }
    .testimonials-wrapper .testimonial-quote blockquote {
      display: inline-block;
      margin: 10px 0 0;
      width: 100%;
      padding: 0 20px 15px 0;
      font-size: 20px;
      line-height: 1.3; }
      @media (min-width: 768px) {
        .testimonials-wrapper .testimonial-quote blockquote {
          width: 450px;
          margin: 0;
          font-size: 24px;
          text-align: left; } }
      .testimonials-wrapper .testimonial-quote blockquote i {
        color: #999;
        margin-right: 5px;
        font-size: 24px; }
        @media (min-width: 768px) {
          .testimonials-wrapper .testimonial-quote blockquote i {
            font-size: 30px; } }
    .testimonials-wrapper .testimonial-quote span {
      display: block;
      color: #999;
      font-size: 14px; }
      @media (min-width: 768px) {
        .testimonials-wrapper .testimonial-quote span {
          text-align: left; } }

/* -------------------------------

HEADER

------------------------------- */
header {
  border-top: 5px solid #C63882;
  border-bottom: 1px solid #ddd;
  margin-bottom: 30px;
  text-align: right;
  background: #f6f6f6; }
  @media (min-width: 1000px) {
    header {
      text-align: center; } }
  header nav {
    position: relative;
    max-width: 1200px;
    margin: 0 auto; }
    header nav .logo {
      display: inline-block;
      position: absolute;
      left: 20px;
      top: 15px;
      padding: 0;
      border: none;
      z-index: 1; }
    header nav .main-menu {
      display: none;
      padding-bottom: 16px; }
      @media (min-width: 1000px) {
        header nav .main-menu {
          display: block;
          padding: 0; } }
      header nav .main-menu li {
        display: block; }
        @media (min-width: 1000px) {
          header nav .main-menu li {
            display: inline-block; } }
        header nav .main-menu li a {
          display: block;
          padding: 15px 15px 16px;
          color: #222;
          border: none;
          text-align: center; }
          @media (min-width: 1000px) {
            header nav .main-menu li a {
              display: inline-block;
              text-align: left; } }
          header nav .main-menu li a:hover {
            color: #C63882; }
      header nav .main-menu .login-account-mobile {
        display: block; }
        @media (min-width: 1000px) {
          header nav .main-menu .login-account-mobile {
            display: none; } }
      header nav .main-menu .active a {
        color: #C63882; }
    header nav .login-account-desktop {
      display: none;
      position: absolute;
      top: 10px;
      right: 20px;
      width: 140px;
      padding: 5px 0 6px;
      color: #222;
      background: #FFFEFC;
      border-radius: 4px;
      border: 1px solid #ddd;
      text-align: center;
      font-size: 14px; }
      header nav .login-account-desktop:hover {
        background: #222;
        color: #FFFEFC;
        border-color: #222; }
      @media (min-width: 1000px) {
        header nav .login-account-desktop {
          display: inline-block; } }
    header nav .mobile-menu {
      display: inline-block;
      padding: 12px 20px 14px;
      background: none;
      border: none;
      color: #222;
      font-weight: 700; }
      @media (min-width: 1000px) {
        header nav .mobile-menu {
          display: none; } }
      header nav .mobile-menu:focus {
        outline: none; }
      header nav .mobile-menu i {
        display: inline-block;
        margin-right: 3px;
        font-size: 18px;
        font-style: normal;
        font-weight: 400; }

/* -------------------------------

HERO WRAPPER

------------------------------- */
.hero-wrapper {
  text-align: center; }
  .hero-wrapper h1 {
    max-width: 900px;
    margin: 0 auto 15px; }
    @media (min-width: 768px) {
      .hero-wrapper h1 {
        font-size: 46px; } }
  .hero-wrapper h2 {
    max-width: 700px;
    margin: 0 auto 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6; }
    @media (min-width: 768px) {
      .hero-wrapper h2 {
        margin-bottom: 60px; } }

.coming-soon-wrapper {
  text-align: center; }
  .coming-soon-wrapper .coming-soon {
    display: block; }
    @media (min-width: 768px) {
      .coming-soon-wrapper .coming-soon {
        display: inline-block;
        margin-left: 40px; } }
    .coming-soon-wrapper .coming-soon a {
      border: none; }
      .coming-soon-wrapper .coming-soon a:hover img {
        opacity: 1; }
    .coming-soon-wrapper .coming-soon img {
      display: inline-block;
      width: 40px;
      margin: 5px 15px;
      opacity: .5; }
      @media (min-width: 400px) {
        .coming-soon-wrapper .coming-soon img {
          margin: 0 5px; } }
    .coming-soon-wrapper .coming-soon h2 {
      margin-top: 5px;
      font-size: 14px;
      font-weight: 400;
      color: #999;
      font-style: italic; }
      .coming-soon-wrapper .coming-soon h2 a {
        color: #999; }
        .coming-soon-wrapper .coming-soon h2 a:hover {
          color: #0E75BE;
          text-decoration: underline; }
  .coming-soon-wrapper .cta {
    display: inline-block;
    margin: 10px 0 20px 0;
    width: 250px;
    vertical-align: top; }

/* -------------------------------

LANDING PAGES

------------------------------- */
.landing-page {
  text-align: center; }
  .landing-page h1 {
    margin-bottom: 30px;
    padding: 0 10px; }

.conference {
  margin-top: -30px; }
  .conference .hero-wrapper {
    position: relative;
    height: 300px;
    border-bottom: 1px solid #ddd; }
    .conference .hero-wrapper .hero-wrapper-text {
      position: absolute;
      bottom: 75px;
      left: 0;
      width: 100%;
      padding: 0 10%;
      text-align: center; }
      .conference .hero-wrapper .hero-wrapper-text h1 {
        line-height: 1.5; }
  .conference .hero-wrapper-jamstack {
    background: url(../images/jamstack.png) no-repeat center center local;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .conference .conference-intro {
    max-width: 460px;
    padding: 10px;
    margin: 30px auto 40px;
    border: 1px dashed #ccc;
    color: #666;
    font-size: 16px; }
  .conference .arrow {
    display: block;
    margin: 0 auto 30px; }

.conference-cta {
  margin-bottom: 30px; }
  .conference-cta span {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    color: #666; }

/* -------------------------------

CMS PAGES

------------------------------- */
.cms-integrations {
  text-align: center; }
  .cms-integrations h1 {
    margin-bottom: 10px; }
  .cms-integrations h3 {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 400; }
  .cms-integrations .cms-wrapper {
    display: block;
    margin: 0 auto 30px;
    padding: 15px;
    max-width: 325px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 4px; }
    .cms-integrations .cms-wrapper:hover {
      border: 1px solid #C63882; }
      .cms-integrations .cms-wrapper:hover p {
        color: #222; }
    @media (min-width: 500px) {
      .cms-integrations .cms-wrapper {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top; } }
    .cms-integrations .cms-wrapper img {
      display: inline-block;
      margin-bottom: 10px; }
    .cms-integrations .cms-wrapper h2 {
      margin-bottom: 5px;
      font-size: 24px; }
    .cms-integrations .cms-wrapper p {
      color: #666; }

.cms .container {
  text-align: center; }
.cms .cms-hero-wrapper {
  text-align: center; }
  .cms .cms-hero-wrapper h1 {
    margin-bottom: 10px; }
  .cms .cms-hero-wrapper h2 {
    margin: 0 0 25px;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 400; }
  .cms .cms-hero-wrapper .cms-hero-signup {
    position: relative; }
    .cms .cms-hero-wrapper .cms-hero-signup .cms-image {
      display: none;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      border-radius: 10px; }
      @media (min-width: 768px) {
        .cms .cms-hero-wrapper .cms-hero-signup .cms-image {
          display: inline-block; } }
    @media (min-width: 768px) {
      .cms .cms-hero-wrapper .cms-hero-signup .cms-cta-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -165px;
        margin-top: -105px;
        border-color: #FFFEFC; } }
    .cms .cms-hero-wrapper .cms-hero-signup #mc_embed_signup {
      width: 100%;
      max-width: 500px;
      padding: 20px 10px; }
      @media (min-width: 768px) {
        .cms .cms-hero-wrapper .cms-hero-signup #mc_embed_signup {
          position: absolute;
          left: 50%;
          top: 50%;
          margin-left: -250px;
          margin-top: -124px;
          border-color: #FFFEFC; } }
.cms .cms-text-wrapper {
  text-align: center; }
  .cms .cms-text-wrapper h1 {
    max-width: 850px;
    margin: 0 auto 15px; }
    @media (min-width: 768px) {
      .cms .cms-text-wrapper h1 {
        font-size: 46px; } }
  .cms .cms-text-wrapper h2 {
    max-width: 700px;
    margin: 0 auto 40px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6; }
.cms .cms-hero-extra {
  margin-top: 30px; }
  .cms .cms-hero-extra p {
    max-width: 800px;
    margin: 0 auto;
    font-size: 20px; }
.cms .feature-table {
  margin: 100px auto 50px;
  text-align: center; }
  .cms .feature-table h3 {
    margin-bottom: 35px; }
  .cms .feature-table strong {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 24px;
    border-bottom: 2px solid #ddd; }
  .cms .feature-table ul li {
    margin-bottom: 10px;
    list-style-type: none;
    font-size: 18px;
    color: #666; }
  .cms .feature-table .feature-table-left,
  .cms .feature-table .feature-table-right {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    vertical-align: top;
    text-align: left; }
    @media (min-width: 768px) {
      .cms .feature-table .feature-table-left,
      .cms .feature-table .feature-table-right {
        display: inline-block;
        width: 285px;
        margin: 0; } }
  .cms .feature-table .feature-table-left {
    margin-bottom: 50px; }
    @media (min-width: 768px) {
      .cms .feature-table .feature-table-left {
        margin: 0;
        border-right: 2px solid #ddd; } }
  .cms .feature-table .feature-table-right i {
    display: none; }
    @media (min-width: 768px) {
      .cms .feature-table .feature-table-right i {
        display: inline;
        margin-left: 10px; } }
  @media (min-width: 768px) {
    .cms .feature-table .feature-table-right ul {
      padding-left: 10px; } }
  .cms .feature-table .feature-table-right ul li.not-available span {
    color: #999;
    text-decoration: line-through; }
.cms #mc_embed_signup,
.cms .cms-cta-wrapper {
  margin: 0 auto 65px;
  width: 100%;
  padding: 20px 10px;
  border: 1px solid #ddd;
  background: #f6f6f6;
  border-radius: 4px;
  text-align: center; }
  @media (min-width: 768px) {
    .cms #mc_embed_signup,
    .cms .cms-cta-wrapper {
      width: 330px; } }
  .cms #mc_embed_signup .mc-field-group,
  .cms .cms-cta-wrapper .mc-field-group {
    display: inline-block; }
    .cms #mc_embed_signup .mc-field-group input[type="email"],
    .cms .cms-cta-wrapper .mc-field-group input[type="email"] {
      display: inline-block;
      margin: 0 3px 0 0;
      width: 250px; }
  .cms #mc_embed_signup .input-group,
  .cms .cms-cta-wrapper .input-group {
    visibility: hidden;
    height: 1px; }
  .cms #mc_embed_signup label,
  .cms .cms-cta-wrapper label {
    display: block;
    margin-bottom: 25px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    font-style: italic; }
  .cms #mc_embed_signup #mc-embedded-subscribe,
  .cms .cms-cta-wrapper #mc-embedded-subscribe {
    display: inline-block;
    width: 250px;
    margin-top: 5px;
    max-width: none;
    padding: 12px 0 15px;
    vertical-align: top; }
    @media (min-width: 500px) {
      .cms #mc_embed_signup #mc-embedded-subscribe,
      .cms .cms-cta-wrapper #mc-embedded-subscribe {
        width: 150px;
        margin-top: 0; } }
  .cms #mc_embed_signup #mce-responses,
  .cms .cms-cta-wrapper #mce-responses {
    display: none; }
  .cms #mc_embed_signup .cms-icons img,
  .cms .cms-cta-wrapper .cms-icons img {
    display: inline-block;
    width: 90px;
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    background: #FFFEFC; }
    .cms #mc_embed_signup .cms-icons img:first-of-type,
    .cms .cms-cta-wrapper .cms-icons img:first-of-type {
      margin-right: 10px; }
    .cms #mc_embed_signup .cms-icons img:last-of-type,
    .cms .cms-cta-wrapper .cms-icons img:last-of-type {
      margin-left: 10px; }
  .cms #mc_embed_signup .cms-icons i,
  .cms .cms-cta-wrapper .cms-icons i {
    display: inline-block;
    position: relative;
    top: -37px;
    font-size: 54px;
    font-style: normal;
    color: #ddd; }
.cms #mc_embed_signup {
  width: 500px; }
.cms .features h3 {
  display: none; }

.coming-soon-thanks {
  margin-bottom: 100px;
  text-align: center; }
  .coming-soon-thanks img {
    width: 100%;
    max-width: 450px;
    display: block;
    margin: 0 auto 30px; }
  .coming-soon-thanks h2 {
    margin-bottom: 10px; }
  .coming-soon-thanks p {
    max-width: 40em;
    margin: 15px auto;
    font-size: 18px; }

/* -------------------------------

ALTERNATIVES

------------------------------- */
.alternatives {
  text-align: center; }
  .alternatives h1 {
    margin-bottom: 10px; }
  .alternatives h3 {
    margin: 0 auto 20px;
    max-width: 700px;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400; }
  .alternatives .alternatives-wrapper {
    display: block;
    margin: 0 auto 30px;
    padding: 10px 10px 15px;
    width: 250px;
    text-align: center;
    border: 1px dashed #ccc;
    border-radius: 4px; }
    .alternatives .alternatives-wrapper:hover {
      border: 1px solid #C63882; }
    @media (min-width: 500px) {
      .alternatives .alternatives-wrapper {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top; } }
    .alternatives .alternatives-wrapper span {
      display: block;
      font-size: 54px; }
    .alternatives .alternatives-wrapper img {
      display: inline-block;
      width: 150px;
      margin-top: 5px; }
    .alternatives .alternatives-wrapper em {
      display: block;
      margin-bottom: 10px;
      font-size: 20px;
      color: #ccc; }
    .alternatives .alternatives-wrapper h2 {
      font-size: 20px;
      font-weight: 400; }

/* -------------------------------

HOW IT WORKS

------------------------------- */
.how-it-works {
  max-width: 1200px;
  margin: 0 auto; }
  .how-it-works h3 {
    margin-bottom: 50px;
    text-align: center; }
  .how-it-works .how-it-works-video-wrapper {
    margin-bottom: 40px; }
    .how-it-works .how-it-works-video-wrapper .how-it-works-video {
      margin: 0 auto 50px;
      max-width: 600px;
      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3); }

/* -------------------------------

WHY CHOOSE

------------------------------- */
.why-choose {
  max-width: 725px;
  margin: 0 auto 65px; }
  .why-choose h3 {
    margin-bottom: 30px;
    text-align: center; }
  .why-choose img {
    display: none;
    width: 25px;
    margin: 0 auto 40px; }
    @media (min-width: 768px) {
      .why-choose img {
        display: block; } }
  .why-choose .why-choose-part {
    width: 90%;
    margin: 0 auto 50px;
    text-align: left; }
    @media (min-width: 768px) {
      .why-choose .why-choose-part {
        width: 100%;
        margin: 0 0 50px; } }
    .why-choose .why-choose-part h4 {
      margin-bottom: 10px; }
    .why-choose .why-choose-part i {
      display: block;
      font-size: 54px;
      font-style: normal;
      text-align: center; }
      @media (min-width: 768px) {
        .why-choose .why-choose-part i {
          display: inline-block;
          width: 16%;
          font-size: 70px;
          margin-top: 30px;
          vertical-align: top;
          text-align: left; } }
    .why-choose .why-choose-part p {
      font-size: 18px; }
    .why-choose .why-choose-part .why-choose-icon-right {
      display: none; }
      @media (min-width: 768px) {
        .why-choose .why-choose-part .why-choose-icon-right {
          display: inline-block;
          text-align: right; } }
    .why-choose .why-choose-part .why-choose-icon-left {
      text-align: center; }
      @media (min-width: 768px) {
        .why-choose .why-choose-part .why-choose-icon-left {
          display: none; } }
    @media (min-width: 768px) {
      .why-choose .why-choose-part .why-choose-part-text {
        display: inline-block;
        width: 84%; } }

/* -------------------------------

CASE STUDIES - INDEX PAGE

------------------------------- */
.successful-customers {
  max-width: 1000px;
  margin: 0 auto 30px;
  text-align: center; }
  .successful-customers .sucessful-customers-example {
    margin: 20px 0; }
    @media (min-width: 768px) {
      .successful-customers .sucessful-customers-example {
        display: inline-block;
        width: 33%;
        vertical-align: top; } }
    .successful-customers .sucessful-customers-example a {
      display: inline-block;
      width: 100%;
      border: none; }
      .successful-customers .sucessful-customers-example a:hover {
        opacity: .5; }
      .successful-customers .sucessful-customers-example a img {
        display: inline-block;
        width: 215px;
        border-radius: 50%; }
    .successful-customers .sucessful-customers-example p {
      padding: 10px 0;
      margin: 0; }
      .successful-customers .sucessful-customers-example p span {
        display: inline-block;
        line-height: 2;
        padding: 0 10px;
        color: #009432; }
      .successful-customers .sucessful-customers-example p em {
        display: block;
        font-style: normal;
        font-weight: 700;
        color: #333;
        font-size: 18px; }

/* -------------------------------

FEATURES

------------------------------- */
.features {
  max-width: 1000px;
  margin: 0 auto 30px;
  text-align: center; }
  .features .feature-item {
    margin: 25px 0; }
    @media (min-width: 768px) {
      .features .feature-item {
        display: inline-block;
        width: 31%;
        margin-left: 1%;
        margin-right: 1%;
        vertical-align: top; } }
    .features .feature-item i {
      display: inline-block;
      color: #ccc;
      font-size: 46px; }
    .features .feature-item h4 {
      color: #222;
      margin: 10px 0; }
    .features .feature-item p {
      max-width: 35em;
      margin: 0 auto;
      color: #666; }
      .features .feature-item p a {
        border: none;
        color: #666; }
        .features .feature-item p a:hover {
          text-decoration: underline;
          color: #666; }

/* -------------------------------

SECURITY

------------------------------- */
.home-faq {
  max-width: 38em;
  margin: 0 auto; }
  .home-faq p {
    margin: 15px 0; }
  .home-faq ul {
    margin-bottom: 15px; }
  .home-faq li {
    margin-left: 20px;
    margin-bottom: 5px;
    line-height: 1.6;
    font-size: 16px; }

/* -------------------------------

ABOUT

------------------------------- */
.about {
  max-width: 38em;
  margin: 40px auto 0;
  text-align: left; }
  .about h4 {
    margin-top: 30px; }
  .about p {
    margin: 10px 0 20px;
    font-size: 18px; }
  .about .about-team {
    text-align: center; }
    @media (min-width: 768px) {
      .about .about-team {
        text-align: left; } }
    .about .about-team img {
      width: 100px;
      display: inline-block;
      margin: 0 7px 14px;
      border-radius: 50%;
      border: 1px solid #ccc; }
  .about strong {
    display: block;
    margin-top: 1.5em; }
    @media (min-width: 768px) {
      .about strong {
        font-size: 1.2em; } }

/* -------------------------------

CASE STUDIES

------------------------------- */
.case-study {
  margin-top: 30px;
  text-align: center; }
  .case-study .case-study-headshot {
    display: inline-block;
    width: 100%;
    max-width: 175px;
    margin: 15px;
    border-radius: 50%;
    border: 1px solid #ddd;
    vertical-align: middle; }
  .case-study .case-study-logo {
    display: block;
    margin: 0 auto 15px;
    width: 100%;
    max-width: 400px;
    height: auto;
    vertical-align: middle; }
    @media (min-width: 768px) {
      .case-study .case-study-logo {
        display: inline-block; } }
  .case-study .case-study-intro {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    font-style: italic; }
  .case-study .arrow {
    display: block;
    width: 23px;
    margin: 30px auto; }
  .case-study .case-study-screenshot img {
    width: 100%;
    max-width: 900px;
    border: 1px solid #ddd;
    border-radius: 4px; }
  .case-study .case-study-screenshot p {
    max-width: 35em;
    margin: 15px auto 25px;
    padding: 10px 15px;
    border: 1px dashed #ccc;
    border-radius: 4px;
    text-align: left; }
  .case-study .case-study-questions {
    max-width: 38em;
    margin: 0 auto;
    text-align: left; }
    .case-study .case-study-questions h3 {
      margin-bottom: 20px;
      text-align: center; }
    .case-study .case-study-questions strong {
      display: block;
      margin-top: 35px;
      font-size: 20px; }
    .case-study .case-study-questions p {
      margin: 15px 0;
      font-size: 18px; }
    .case-study .case-study-questions ol {
      font-size: 18px; }
      .case-study .case-study-questions ol li {
        margin-bottom: 10px;
        line-height: 1.6; }

/* -------------------------------

SIGNUP

------------------------------- */
.signup-wrapper {
  text-align: center; }
  .signup-wrapper h1 {
    margin-bottom: -10px;
    padding: 0 10px; }
  .signup-wrapper .container {
    margin-top: 40px; }
    .signup-wrapper .container .all-plans-wrapper h1 {
      margin-bottom: 40px; }
    .signup-wrapper .container .all-plans-wrapper .plan {
      display: inline-block;
      width: 100%;
      max-width: 300px;
      margin: 0 10px 20px;
      padding: 10px 9px;
      text-align: center;
      border: 1px solid #ddd;
      border-radius: 4px;
      vertical-align: top; }
      @media (min-width: 1000px) {
        .signup-wrapper .container .all-plans-wrapper .plan {
          max-width: 270px; } }
      .signup-wrapper .container .all-plans-wrapper .plan ul {
        margin-top: 0;
        text-align: left; }
        .signup-wrapper .container .all-plans-wrapper .plan ul em {
          display: block;
          margin: 0 0 10px;
          text-align: center;
          font-size: 30px;
          font-style: normal; }
        .signup-wrapper .container .all-plans-wrapper .plan ul strong {
          display: block;
          margin: 0 0 2px;
          font-size: 20px;
          text-align: center; }
        .signup-wrapper .container .all-plans-wrapper .plan ul p {
          font-style: italic;
          margin: 0 0 15px;
          color: #666;
          text-align: center; }
        .signup-wrapper .container .all-plans-wrapper .plan ul li {
          display: block;
          margin-bottom: 10px;
          padding: 10px;
          list-style-type: none;
          background: #f6f6f6;
          font-size: 16px;
          color: #333; }
          .signup-wrapper .container .all-plans-wrapper .plan ul li a {
            border-bottom: none;
            text-decoration: underline; }
      .signup-wrapper .container .all-plans-wrapper .plan .plan-cta .view-annual {
        display: inline-block;
        margin-top: 10px;
        border: none;
        text-decoration: underline;
        color: #999;
        font-size: 14px; }
      .signup-wrapper .container .all-plans-wrapper .plan .plan-cta .btn {
        width: 100%;
        max-width: none;
        padding: 12px 0 14px;
        font-size: 18px; }
      .signup-wrapper .container .all-plans-wrapper .plan .plan-cta .btn-subtle {
        width: 200px;
        padding: 10px 0 12px;
        font-size: 16px; }
    .signup-wrapper .container .all-plans-wrapper .plan-solo {
      padding: 10px 15px 15px; }
      @media (min-width: 500px) {
        .signup-wrapper .container .all-plans-wrapper .plan-solo {
          max-width: 315px; } }
      @media (min-width: 1000px) {
        .signup-wrapper .container .all-plans-wrapper .plan-solo {
          max-width: 315px; } }
      .signup-wrapper .container .all-plans-wrapper .plan-solo ul em {
        margin-bottom: 12px; }
      .signup-wrapper .container .all-plans-wrapper .plan-solo .plan-cta .btn {
        padding: 15px 0 18px;
        font-size: 20px; }
    .signup-wrapper .container .all-plans-wrapper .other-plans {
      display: block;
      max-width: 475px;
      margin: 0 auto;
      padding: 15px;
      border: 1px dashed #ccc; }
      .signup-wrapper .container .all-plans-wrapper .other-plans ul strong {
        margin-bottom: 10px;
        font-weight: 400; }
      .signup-wrapper .container .all-plans-wrapper .other-plans ul p {
        margin: 0; }
    .signup-wrapper .container .coming-soon-wrapper {
      margin-top: 20px; }
      .signup-wrapper .container .coming-soon-wrapper .coming-soon {
        margin: 0; }
        .signup-wrapper .container .coming-soon-wrapper .coming-soon em {
          display: block;
          margin-bottom: 10px;
          font-size: 14px;
          color: #999; }
    .signup-wrapper .container .pricing-faq {
      max-width: 42em;
      margin: 0 auto;
      text-align: left; }
      .signup-wrapper .container .pricing-faq h3 {
        margin-bottom: 30px;
        font-size: 36px;
        text-align: center; }
        @media (min-width: 768px) {
          .signup-wrapper .container .pricing-faq h3 {
            font-size: 40px; } }
      .signup-wrapper .container .pricing-faq ul {
        margin-bottom: 50px; }
        .signup-wrapper .container .pricing-faq ul li {
          margin-bottom: 25px;
          line-height: 1.6;
          list-style-type: none; }
          .signup-wrapper .container .pricing-faq ul li strong {
            display: block;
            font-size: 24px; }
          .signup-wrapper .container .pricing-faq ul li em {
            font-style: normal;
            color: #666;
            font-size: 18px; }
  .signup-wrapper .testimonials-wrapper {
    margin: 60px 0 0; }

/* -------------------------------

BLOG

------------------------------- */
.blog {
  text-align: center; }
  .blog h1 {
    margin-bottom: 10px; }
  .blog .container {
    max-width: 1000px; }
  .blog .blog-category {
    display: block;
    width: 300px;
    margin: 30px auto 0;
    padding: 10px 10px 15px;
    border: 1px dashed #ccc;
    border-radius: 4px; }
    .blog .blog-category:hover {
      border: 1px solid #C63882; }
    @media (min-width: 500px) {
      .blog .blog-category {
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px; } }
    .blog .blog-category h3 {
      margin: 5px 0 0;
      font-size: 20px;
      font-weight: 700; }
    .blog .blog-category p {
      margin-top: 5px;
      font-size: 14px;
      color: #666; }
    .blog .blog-category i {
      display: inline-block;
      font-size: 54px;
      font-style: normal; }
  .blog .blog-listing {
    margin: 50px 0;
    text-align: center; }
    .blog .blog-listing .blog-listing-image {
      display: block;
      width: 225px;
      margin: 0 auto 15px; }
      @media (min-width: 768px) {
        .blog .blog-listing .blog-listing-image {
          display: inline-block;
          margin: 0; } }
      @media (min-width: 1000px) {
        .blog .blog-listing .blog-listing-image {
          width: 250px; } }
      .blog .blog-listing .blog-listing-image a {
        border: none; }
        .blog .blog-listing .blog-listing-image a img {
          width: 100%;
          border-radius: 4px; }
    .blog .blog-listing .blog-listing-text {
      display: block;
      width: 100%;
      padding-left: 20px;
      vertical-align: top; }
      @media (min-width: 768px) {
        .blog .blog-listing .blog-listing-text {
          display: inline-block;
          width: 500px;
          text-align: left; } }
      @media (min-width: 1000px) {
        .blog .blog-listing .blog-listing-text {
          width: 550px; } }
      .blog .blog-listing .blog-listing-text h3 {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.4; }
      .blog .blog-listing .blog-listing-text p {
        color: #666; }

.silo-page-links {
  max-width: 800px;
  margin: 50px auto 0;
  padding: 20px 10px 15px;
  border: 1px dashed #ccc;
  border-radius: 4px; }
  .silo-page-links strong {
    display: block;
    margin-bottom: 10px;
    font-size: 20px; }
  .silo-page-links li {
    display: inline-block;
    margin: 10px 15px;
    list-style-type: none;
    font-size: 18px; }

.post {
  margin-top: -30px; }
  .post .banner-wrapper {
    background: #f6f6f6; }
    @media (min-width: 768px) {
      .post .banner-wrapper {
        padding-top: 30px; } }
    .post .banner-wrapper .banner {
      width: 100%;
      margin: 0 auto;
      text-align: center; }
      .post .banner-wrapper .banner img {
        width: 100%;
        max-width: 700px; }
        @media (min-width: 768px) {
          .post .banner-wrapper .banner img {
            border-radius: 4px; } }
  .post .post-title {
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
    background: #f6f6f6;
    border-bottom: 1px solid #ccc; }
    .post .post-title h1 {
      margin: 0 auto;
      font-size: 30px; }
    .post .post-title p {
      display: inline-block;
      margin: 15px 15px 0;
      font-size: 16px;
      color: #666; }
  .post .post-content {
    max-width: 40em;
    margin: 0 auto; }
    .post .post-content h3 {
      margin: 30px 0 10px;
      text-align: left;
      font-size: 24px; }
      .post .post-content h3 a {
        border: none;
        text-decoration: underline; }
    .post .post-content p {
      margin: 15px 0;
      text-align: left;
      font-size: 18px; }
    .post .post-content ul,
    .post .post-content ol {
      padding: 0;
      margin-bottom: 15px;
      line-height: 1.6;
      font-size: 18px; }
      .post .post-content ul li,
      .post .post-content ol li {
        margin-left: 25px;
        margin-bottom: 10px; }
    .post .post-content img {
      width: 100%;
      max-width: 40em; }
    .post .post-content .please-excuse {
      color: #999; }
    .post .post-content .instant-answer-box {
      padding: 0 20px 20px;
      border: 1px dashed #ccc;
      border-radius: 4px; }
      .post .post-content .instant-answer-box ol,
      .post .post-content .instant-answer-box ul {
        margin-bottom: 0; }

.guide,
.cms-guide {
  margin-top: -30px; }
  .guide section,
  .cms-guide section {
    max-width: 660px;
    padding: 0 10px;
    margin: 50px auto; }
    .guide section h3,
    .cms-guide section h3 {
      margin: 30px 0 10px;
      text-align: left;
      font-size: 24px; }
      .guide section h3 a,
      .cms-guide section h3 a {
        border: none;
        text-decoration: underline; }
    .guide section p,
    .cms-guide section p {
      margin: 15px 0;
      text-align: left;
      font-size: 18px; }
    .guide section ul,
    .guide section ol,
    .cms-guide section ul,
    .cms-guide section ol {
      padding: 0;
      margin-bottom: 15px;
      line-height: 1.6;
      font-size: 18px; }
      .guide section ul li,
      .guide section ol li,
      .cms-guide section ul li,
      .cms-guide section ol li {
        margin-left: 25px;
        margin-bottom: 10px; }
    .guide section img,
    .cms-guide section img {
      width: 100%;
      max-width: 40em; }
    .guide section .icon,
    .cms-guide section .icon {
      width: 75px; }

section .cms-hero-extra .silo-page-links {
  padding: 20px;
  text-align: center; }
  section .cms-hero-extra .silo-page-links li {
    margin: 10px 0; }

/* -------------------------------

GUIDE

------------------------------- */
.guide .chapter-contents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center; }
  .guide .chapter-contents h2 {
    margin-bottom: 30px; }
  .guide .chapter-contents a {
    display: block;
    width: 300px;
    margin: 15px auto 30px;
    vertical-align: top;
    border: none; }
    @media (min-width: 768px) {
      .guide .chapter-contents a {
        display: inline-block; } }
    .guide .chapter-contents a img {
      width: 100%;
      max-width: 200px; }
    .guide .chapter-contents a strong {
      display: block;
      margin: 5px auto 0;
      max-width: 250px;
      font-size: 20px;
      color: #222; }
    .guide .chapter-contents a:hover strong {
      color: #0E75BE;
      text-decoration: underline; }
    .guide .chapter-contents a:hover img {
      opacity: .8; }
.guide .chapter-banner {
  padding: 40px 20px;
  text-align: center; }
  .guide .chapter-banner h1 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.4;
    color: #FFFEFC; }
    @media (min-width: 1000px) {
      .guide .chapter-banner h1 {
        font-size: 46px; } }
  .guide .chapter-banner h2 {
    margin-bottom: 45px;
    padding-bottom: 30px;
    font-size: 30px;
    color: #FFFEFC;
    font-weight: 400;
    border-bottom: 1px solid #FFFEFC; }
  .guide .chapter-banner h3 {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 30px;
    line-height: 1.4;
    color: #FFFEFC;
    border-bottom: 1px solid #FFFEFC; }
    @media (min-width: 1000px) {
      .guide .chapter-banner h3 {
        font-size: 40px; } }
    .guide .chapter-banner h3 strong {
      display: block;
      margin-bottom: 10px;
      font-size: 20px;
      text-transform: uppercase; }
  .guide .chapter-banner img {
    width: 100%; }
  .guide .chapter-banner .banner-left {
    display: block;
    padding: 0 20px 0;
    vertical-align: top; }
    @media (min-width: 768px) {
      .guide .chapter-banner .banner-left {
        display: inline-block;
        width: 50%; } }
    .guide .chapter-banner .banner-left p {
      margin: 0 0 25px;
      text-align: left;
      color: #FFFEFC;
      font-size: 20px; }
      .guide .chapter-banner .banner-left p:last-of-type {
        margin-bottom: 0; }
  .guide .chapter-banner .banner-right {
    display: none; }
    @media (min-width: 768px) {
      .guide .chapter-banner .banner-right {
        display: inline-block;
        width: 30%; } }
    .guide .chapter-banner .banner-right img {
      max-width: 250px; }
.guide .chapter-0 {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc; }
  .guide .chapter-0 img {
    width: 100%;
    max-width: 900px;
    margin: 10px auto 0;
    border: none;
    border-radius: 0; }
  .guide .chapter-0 h1 {
    color: #222; }
  .guide .chapter-0 p {
    max-width: 700px;
    margin: 30px auto 0;
    font-size: 20px; }
.guide .chapter-1 {
  background: #2ecc70; }
  .guide .chapter-1 h3 {
    border-color: #6ede9c; }
.guide .chapter-2 {
  background: #3398db; }
  .guide .chapter-2 h3 {
    border-color: #67b2e4; }
.guide .chapter-3 {
  background: #9b58b6; }
  .guide .chapter-3 h3 {
    border-color: #b583c9; }
.guide .chapter-4 {
  background: #1abc9c; }
  .guide .chapter-4 h3 {
    border-color: #28e2bc; }
.guide .chapter-5 {
  background: #2ecc70; }
  .guide .chapter-5 h3 {
    border-color: #6ede9c; }
.guide .chapter-6 {
  background: #3398db; }
  .guide .chapter-6 h3 {
    border-color: #67b2e4; }
.guide .chapter-7 {
  background: #9b58b6; }
  .guide .chapter-7 h3 {
    border-color: #b583c9; }
.guide .chapter-8 {
  background: #1abc9c; }
  .guide .chapter-8 h3 {
    border-color: #28e2bc; }
.guide .chapter-9 {
  background: #2ecc70; }
  .guide .chapter-9 h3 {
    border-color: #6ede9c; }

/* -------------------------------

CMS GUIDE

------------------------------- */
.cms-guide .cms-chapter-contents {
  max-width: 700px;
  margin: 50px auto;
  padding: 20px 20px 10px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  text-align: center; }
  .cms-guide .cms-chapter-contents h2 {
    margin-bottom: 0; }
  .cms-guide .cms-chapter-contents p {
    max-width: 450px;
    margin: 5px auto 25px;
    color: #666; }
  .cms-guide .cms-chapter-contents ul li {
    margin-bottom: 20px;
    list-style-type: none; }
    .cms-guide .cms-chapter-contents ul li a {
      color: #0E75BE;
      font-size: 18px;
      border-bottom: 1px solid #0E75BE; }
.cms-guide .cms-chapter {
  padding: 35px 20px 50px;
  text-align: center; }
  .cms-guide .cms-chapter h1 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.4;
    color: #FFFEFC; }
    @media (min-width: 1000px) {
      .cms-guide .cms-chapter h1 {
        font-size: 46px; } }
  .cms-guide .cms-chapter h2 {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: 1px solid #fff;
    font-size: 30px;
    color: #FFFEFC;
    font-weight: 400; }
  .cms-guide .cms-chapter h3 {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 1.4;
    color: #FFFEFC; }
    @media (min-width: 1000px) {
      .cms-guide .cms-chapter h3 {
        font-size: 40px; } }
  .cms-guide .cms-chapter p {
    margin: 0 auto;
    padding: 0 20px;
    font-size: 18px;
    color: #FFFEFC; }
.cms-guide .chapter-0 {
  padding-top: 50px; }
  .cms-guide .chapter-0 img {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    border-radius: 10px; }

.weebly-guide .chapter-0,
.weebly-guide .chapter-1,
.weebly-guide .chapter-2,
.weebly-guide .chapter-3,
.weebly-guide .chapter-4,
.weebly-guide .chapter-5,
.weebly-guide .chapter-6,
.weebly-guide .chapter-7,
.weebly-guide .chapter-8,
.weebly-guide .chapter-9 {
  background: #1f8eed; }
  .weebly-guide .chapter-0 h2,
  .weebly-guide .chapter-1 h2,
  .weebly-guide .chapter-2 h2,
  .weebly-guide .chapter-3 h2,
  .weebly-guide .chapter-4 h2,
  .weebly-guide .chapter-5 h2,
  .weebly-guide .chapter-6 h2,
  .weebly-guide .chapter-7 h2,
  .weebly-guide .chapter-8 h2,
  .weebly-guide .chapter-9 h2 {
    border-color: #5aacf2; }

.wix-guide .chapter-0,
.wix-guide .chapter-1,
.wix-guide .chapter-2,
.wix-guide .chapter-3,
.wix-guide .chapter-4,
.wix-guide .chapter-5,
.wix-guide .chapter-6,
.wix-guide .chapter-7,
.wix-guide .chapter-8,
.wix-guide .chapter-9 {
  background: #3c7af6; }
  .wix-guide .chapter-0 h2,
  .wix-guide .chapter-1 h2,
  .wix-guide .chapter-2 h2,
  .wix-guide .chapter-3 h2,
  .wix-guide .chapter-4 h2,
  .wix-guide .chapter-5 h2,
  .wix-guide .chapter-6 h2,
  .wix-guide .chapter-7 h2,
  .wix-guide .chapter-8 h2,
  .wix-guide .chapter-9 h2 {
    border-color: #77a2f9; }

.webflow-guide .chapter-0,
.webflow-guide .chapter-1,
.webflow-guide .chapter-2,
.webflow-guide .chapter-3,
.webflow-guide .chapter-4,
.webflow-guide .chapter-5,
.webflow-guide .chapter-6,
.webflow-guide .chapter-7,
.webflow-guide .chapter-8,
.webflow-guide .chapter-9 {
  background: #4252ff; }
  .webflow-guide .chapter-0 h2,
  .webflow-guide .chapter-1 h2,
  .webflow-guide .chapter-2 h2,
  .webflow-guide .chapter-3 h2,
  .webflow-guide .chapter-4 h2,
  .webflow-guide .chapter-5 h2,
  .webflow-guide .chapter-6 h2,
  .webflow-guide .chapter-7 h2,
  .webflow-guide .chapter-8 h2,
  .webflow-guide .chapter-9 h2 {
    border-color: #808aff; }

/* -------------------------------

WEBFLOW TEMPLATE LANDING

------------------------------- */
.webflow-template {
  margin-bottom: 150px;
  text-align: center; }
  .webflow-template h1 {
    margin-bottom: 30px; }
  .webflow-template p {
    max-width: 36em;
    margin: 0 auto 30px;
    font-size: 20px; }
  .webflow-template .cms-icons a {
    border: none; }
  .webflow-template .cms-icons picture img {
    display: inline-block;
    width: 70px;
    margin: 0 10px 10px; }
    @media (min-width: 768px) {
      .webflow-template .cms-icons picture img {
        width: 90px; } }
  .webflow-template .cms-icons picture:first-of-type img {
    padding: 5px; }
  .webflow-template .cms-icons i {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    top: -27px;
    font-size: 40px;
    font-style: normal;
    color: #ccc; }
    @media (min-width: 768px) {
      .webflow-template .cms-icons i {
        top: -40px; } }
  .webflow-template .schedule-demo {
    margin-top: 15px; }

/* -------------------------------

GDPR

------------------------------- */
.gdpr-banner {
  margin-top: 40px;
  text-align: center; }
  .gdpr-banner nav {
    margin-top: 10px;
    text-align: center; }
    .gdpr-banner nav ul li {
      display: block;
      margin: 15px 10px;
      list-style-type: none; }
      @media (min-width: 1000px) {
        .gdpr-banner nav ul li {
          display: inline-block; }
          .gdpr-banner nav ul li:first-of-type {
            margin-left: 0; }
          .gdpr-banner nav ul li:last-of-type {
            margin-right: 0; } }
      .gdpr-banner nav ul li a {
        color: #999;
        border-color: #999;
        font-size: 18px;
        border-bottom: 1px solid #FFFEFC; }
        .gdpr-banner nav ul li a:hover {
          color: #C63882;
          border-color: #C63882; }
      .gdpr-banner nav ul li a.active {
        color: #C63882;
        border-color: #C63882; }

.gdpr-content {
  margin: 0 auto;
  max-width: 38em; }
  .gdpr-content .gdpr-text {
    max-width: 750px;
    margin: 0 auto;
    text-align: left; }
    .gdpr-content .gdpr-text h5 {
      margin-top: 30px; }
    .gdpr-content .gdpr-text h5.subprocessor {
      text-align: center; }
    .gdpr-content .gdpr-text ul {
      max-width: 38em; }
      .gdpr-content .gdpr-text ul li {
        margin-left: 25px;
        font-size: 18px;
        line-height: 1.6; }
    .gdpr-content .gdpr-text p {
      margin: 10px 0 15px;
      max-width: 38em;
      font-size: 18px; }
    .gdpr-content .gdpr-text table {
      margin: 30px auto 0;
      text-align: center; }
      .gdpr-content .gdpr-text table td {
        padding: 10px 15px 10px 0;
        vertical-align: top; }

.cookie-policy-table {
  table-layout: fixed;
  margin: 50px auto 0;
  width: 100%;
  max-width: 900px;
  border: 1px solid #ddd;
  text-align: left; }
  .cookie-policy-table thead tr {
    border-bottom: 1px solid #ddd; }
  .cookie-policy-table thead th {
    width: 20%;
    padding: 10px;
    border-left: 1px solid #ddd; }
  .cookie-policy-table tbody td {
    width: 20%;
    padding: 10px;
    vertical-align: top;
    font-size: 14px;
    border-left: 1px solid #ddd;
    word-break: break-all; }
    @media (min-width: 1000px) {
      .cookie-policy-table tbody td {
        word-break: normal; } }
  .cookie-policy-table tbody .cookie-name,
  .cookie-policy-table tbody .cookie-domain {
    word-break: break-all; }

@media only screen and (max-width: 768px) {
  .cookie-policy-table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block; }

  .cookie-policy-table {
    border-top: none; }
    .cookie-policy-table thead {
      display: none; }
    .cookie-policy-table tbody td {
      width: auto;
      border: none; }
    .cookie-policy-table tbody tr {
      border-top: 1px solid #ddd; }
      .cookie-policy-table tbody tr td:before {
        display: block;
        padding-right: 10px;
        padding-bottom: 10px;
        font-weight: 700;
        font-size: 16px; }
      .cookie-policy-table tbody tr td:nth-of-type(1):before {
        content: "Name"; }
      .cookie-policy-table tbody tr td:nth-of-type(2):before {
        content: "Type"; }
      .cookie-policy-table tbody tr td:nth-of-type(3):before {
        content: "Domain"; }
      .cookie-policy-table tbody tr td:nth-of-type(4):before {
        content: "Duration"; }
      .cookie-policy-table tbody tr td:nth-of-type(5):before {
        content: "Purpose"; } }
/* -------------------------------

TERMS & CONDITIONS

------------------------------- */
.legal-terms {
  max-width: 38em;
  margin: 30px auto; }
  .legal-terms h4 {
    margin-top: 30px; }
  .legal-terms p {
    margin: 15px 0; }
  .legal-terms ul {
    margin-bottom: 15px;
    line-height: 1.6; }
    .legal-terms ul li {
      margin-left: 25px;
      margin-bottom: 10px; }
    .legal-terms ul ul {
      margin-bottom: 0;
      margin-top: 10px; }
  .legal-terms .yellow {
    padding: 0 5px;
    background: yellow;
    font-size: 18px;
    font-weight: 700; }

/* -------------------------------

ENABLE JAVASCRIPT

------------------------------- */
.enabled-javascript .container {
  padding: 20px 20px 25px;
  margin: 100px auto 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #FFFEFC;
  max-width: 900px;
  text-align: center; }
.enabled-javascript h1 {
  margin-bottom: 30px; }
.enabled-javascript p {
  margin: 15px auto;
  font-size: 18px;
  max-width: 35em;
  line-height: 1.8; }

/* -------------------------------

FOOTER

------------------------------- */
footer {
  margin-top: 100px; }
  footer .container {
    max-width: 1000px; }
  footer .footer-cta {
    padding: 20px 10px 30px;
    text-align: center;
    border-bottom: 1px solid #C63882;
    border-top: 1px solid #C63882; }
    @media (min-width: 768px) {
      footer .footer-cta {
        margin: 0 auto 50px;
        background: #f6f6f6; } }
    footer .footer-cta .footer-cta-content h3 {
      margin: 0 auto 10px;
      font-size: 24px; }
      footer .footer-cta .footer-cta-content h3 em {
        display: inline-block;
        margin-bottom: 15px;
        font-style: normal;
        font-size: 46px; }
    footer .footer-cta .footer-cta-content .btn {
      margin-top: 20px;
      max-width: 250px;
      font-size: 18px; }
  footer .email-cta {
    padding: 20px; }
    @media (min-width: 768px) {
      footer .email-cta {
        max-width: 750px;
        margin: 0 auto;
        border: 1px dashed #ccc;
        border-radius: 4px; } }
    @media (min-width: 768px) {
      footer .email-cta .email-cta-left {
        display: inline-block;
        width: 35%; } }
    footer .email-cta .email-cta-left img {
      display: block;
      margin: 0 auto 20px; }
      @media (min-width: 768px) {
        footer .email-cta .email-cta-left img {
          margin: 0; } }
    footer .email-cta .email-cta-right {
      text-align: center; }
      @media (min-width: 768px) {
        footer .email-cta .email-cta-right {
          display: inline-block;
          width: 65%;
          vertical-align: top; } }
      footer .email-cta .email-cta-right strong {
        display: block;
        margin-bottom: 5px;
        font-size: 24px;
        color: #222; }
      footer .email-cta .email-cta-right #mc-embedded-subscribe-form {
        margin-top: 20px; }
        footer .email-cta .email-cta-right #mc-embedded-subscribe-form .hide {
          display: none; }
        @media (min-width: 500px) {
          footer .email-cta .email-cta-right #mc-embedded-subscribe-form .mc-field-group {
            display: inline-block;
            width: 49.5%; }
            footer .email-cta .email-cta-right #mc-embedded-subscribe-form .mc-field-group:first-of-type {
              margin-right: 1%;
              width: 49.5%; } }
        footer .email-cta .email-cta-right #mc-embedded-subscribe-form .mc-field-group input {
          display: inline-block; }
        footer .email-cta .email-cta-right #mc-embedded-subscribe-form #mce-responses {
          display: none; }
        footer .email-cta .email-cta-right #mc-embedded-subscribe-form #mc-embedded-subscribe {
          display: block;
          margin-top: 7px;
          padding: 13px 0 14px;
          max-width: none;
          width: 100%;
          background: #0E75BE; }
  footer .footer-wrapper {
    margin-top: 50px;
    padding: 50px 0 20px;
    background: #f6f6f6;
    border-top: 1px solid #ddd;
    text-align: center; }
    footer .footer-wrapper a {
      border: none;
      text-decoration: none;
      color: #222; }
      footer .footer-wrapper a:hover {
        color: #0E75BE;
        text-decoration: underline; }
    footer .footer-wrapper .footer-logo,
    footer .footer-wrapper .explore,
    footer .footer-wrapper .resources,
    footer .footer-wrapper .help,
    footer .footer-wrapper .legal {
      display: block;
      margin: 0 auto 40px;
      text-align: center;
      vertical-align: top; }
      @media (min-width: 768px) {
        footer .footer-wrapper .footer-logo,
        footer .footer-wrapper .explore,
        footer .footer-wrapper .resources,
        footer .footer-wrapper .help,
        footer .footer-wrapper .legal {
          display: inline-block;
          margin-right: 40px;
          margin-left: 0;
          text-align: left; } }
      footer .footer-wrapper .footer-logo strong,
      footer .footer-wrapper .explore strong,
      footer .footer-wrapper .resources strong,
      footer .footer-wrapper .help strong,
      footer .footer-wrapper .legal strong {
        display: block;
        margin-bottom: 15px;
        font-size: 18px; }
      footer .footer-wrapper .footer-logo ul li,
      footer .footer-wrapper .explore ul li,
      footer .footer-wrapper .resources ul li,
      footer .footer-wrapper .help ul li,
      footer .footer-wrapper .legal ul li {
        margin-bottom: 15px;
        padding-right: 5px;
        font-size: 14px;
        list-style-type: none; }
        footer .footer-wrapper .footer-logo ul li #beacon:hover,
        footer .footer-wrapper .explore ul li #beacon:hover,
        footer .footer-wrapper .resources ul li #beacon:hover,
        footer .footer-wrapper .help ul li #beacon:hover,
        footer .footer-wrapper .legal ul li #beacon:hover {
          color: #0E75BE;
          cursor: pointer;
          text-decoration: underline; }
    footer .footer-wrapper .footer-logo {
      display: block; }
      @media (min-width: 768px) {
        footer .footer-wrapper .footer-logo {
          margin-right: 0;
          text-align: center; } }
      @media (min-width: 1000px) {
        footer .footer-wrapper .footer-logo {
          display: inline-block;
          width: 210px;
          margin-right: 40px;
          text-align: left; } }
      footer .footer-wrapper .footer-logo img {
        max-width: 175px;
        width: 100%; }
      footer .footer-wrapper .footer-logo .facebook,
      footer .footer-wrapper .footer-logo .twitter,
      footer .footer-wrapper .footer-logo .linkedin {
        display: inline-block;
        margin: 14px 5px 10px; }
        footer .footer-wrapper .footer-logo .facebook i,
        footer .footer-wrapper .footer-logo .twitter i,
        footer .footer-wrapper .footer-logo .linkedin i {
          font-size: 24px; }
      footer .footer-wrapper .footer-logo .facebook i {
        color: #4267b2; }
      footer .footer-wrapper .footer-logo .twitter {
        margin-left: 0; }
        footer .footer-wrapper .footer-logo .twitter i {
          color: #1da1f2; }
      footer .footer-wrapper .footer-logo .linkedin i {
        color: #0073b0; }
    footer .footer-wrapper .resources {
      width: 105px; }
    footer .footer-wrapper .explore {
      width: 160px; }
    footer .footer-wrapper .help {
      width: 130px; }
    footer .footer-wrapper .legal {
      width: 145px; }
      @media (min-width: 768px) {
        footer .footer-wrapper .legal {
          margin-right: 0; } }
    footer .footer-wrapper .copyright {
      max-width: 575px;
      margin: 20px auto 0;
      color: #999;
      font-size: 12px;
      line-height: 2;
      text-align: center; }
      footer .footer-wrapper .copyright a {
        color: #999; }

/* -------------------------------

FAUX HELPSCOUT BEACON

------------------------------- */
.fake-hs-beacon {
  position: fixed;
  display: block;
  width: 104px;
  height: 55px;
  top: auto;
  right: 40px;
  bottom: 40px;
  padding: 0;
  z-index: 1049;
  background: none;
  border: none;
  border-radius: 55px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  outline: none; }
  .fake-hs-beacon:hover {
    opacity: .8; }
  @media (max-height: 740px) {
    .fake-hs-beacon {
      right: 20px;
      bottom: 10px; } }
  .fake-hs-beacon img {
    width: 100%;
    height: 55px; }