@import url("https://fonts.googleapis.com/css?family=Damion|Roboto:300,400,500,700,900");
@font-face {
  font-family: "Visely Regular";
  src: url("/assets/fonts/Visely Regular.ttf"); }
@font-face {
  font-family: "Visely Medium";
  src: url("/assets/fonts/Visely Medium.ttf"); }
@font-face {
  font-family: "Visely Bold";
  src: url("/assets/fonts/Visely Bold.ttf"); }
html {
  font-size: calc(12px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
  scroll-behavior: smooth; }
  @media only screen and (min-width: 992px) {
    html {
      font-size: calc(5px + (26 - 14) * ((100vw - 300px) / (1600 - 300))); } }

body {
  font-size: 20px;
  color: #1A1818; }

h2 {
  color: #1A1818;
  font-size: 2.17rem;
  line-height: 2.46rem;
  font-family: 'Visely Bold';
  margin: 0; }
  @media only screen and (min-width: 375px) {
    h2 {
      line-height: 2.51rem; } }
  @media only screen and (min-width: 992px) {
    h2 {
      font-size: 3.6rem;
      line-height: 3.4rem;
      letter-spacing: 0; } }
  @media only screen and (min-width: 1024px) {
    h2 {
      line-height: 3.7rem; } }

p {
  color: #1A1818;
  font-size: 1.11rem !important;
  line-height: 1.25 !important;
  font-family: 'Visely Regular'; }
  p a {
    text-decoration: underline; }
  @media only screen and (min-width: 992px) {
    p {
      font-size: 1.2rem !important;
      line-height: 1.2 !important;
      letter-spacing: 0;
      font-weight: 500 !important; } }

h3,
h4,
h5 {
  font-family: 'Visely Medium'; }

h4 em {
  color: #19A68E; }

a:not(.btn) {
  font-family: 'Visely Regular';
  text-decoration: underline !important;
  text-decoration-color: #00806a !important;
  text-decoration-thickness: .1rem !important;
  color: #1A1818;
  font-size: 1rem;
  display: block; }
  a:not(.btn):hover {
    cursor: pointer;
    color: #1A1818;
    text-decoration-color: rgba(0, 128, 106, 0.2) !important; }
  @media only screen and (min-width: 992px) {
    a:not(.btn) {
      font-size: .98rem; } }

.text--green {
  color: #00806a; }

blockquote {
  font-style: italic;
  color: #868e96; }

.desktop {
  display: none !important; }
  @media only screen and (min-width: 992px) {
    .desktop {
      display: flex !important; } }

@media only screen and (min-width: 992px) {
  .mobile {
    display: none !important; } }

.section-heading {
  font-size: 36px;
  font-weight: 700;
  margin-top: 60px; }

.caption {
  font-size: 14px;
  font-style: italic;
  display: block;
  margin: 0;
  padding: 10px;
  text-align: center;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.section-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  .section-title + p {
    margin-top: 20px;
    margin-bottom: 0; }
  .section-title > img {
    width: 2.1rem;
    margin-top: .5rem; }
  .section-title h2 {
    margin: 0; }
  @media only screen and (min-width: 992px) {
    .section-title {
      justify-content: flex-start; }
      .section-title + p {
        margin: 50px 0; }
      .section-title > img {
        width: 3.3rem;
        margin-left: 2.7rem;
        margin-top: .5rem; } }

.section-container {
  padding: 2rem 0;
  width: 84%;
  margin: auto; }
  .section-container .section-text {
    margin: 1.2rem 0 1.9rem; }
  @media only screen and (min-width: 992px) {
    .section-container {
      width: 68.5%;
      padding: 4.87rem 0; } }

.container--with-margin-top {
  margin-top: 4.3rem; }
  @media only screen and (min-width: 992px) {
    .container--with-margin-top {
      margin-top: 4.1rem; } }

.btn {
  background-color: #00806a;
  border: none;
  border-radius: 6px;
  width: 14.6rem;
  height: 3.55rem;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 0;
  padding: 0;
  letter-spacing: .055rem;
  font-weight: 600;
  line-height: 1; }
  .btn:active {
    color: white; }
  .btn:hover {
    color: white;
    background-color: #19A68E; }
  .btn > span {
    font-family: 'Visely Medium'; }
  .btn > img {
    margin-left: .5rem;
    margin-top: .15rem;
    width: .7rem;
    height: auto; }
  @media only screen and (min-width: 375px) {
    .btn {
      font-size: 1.31rem; } }
  @media only screen and (min-width: 992px) {
    .btn {
      width: 11.7rem;
      height: 2.8rem;
      font-size: .9rem;
      letter-spacing: .12rem; }
      .btn:hover {
        background-color: #19A68E;
        text-decoration: none !important;
        color: #fff; }
      .btn > img {
        width: .6rem;
        margin-left: .4rem; } }
  @media only screen and (min-width: 1024px) {
    .btn {
      letter-spacing: .055rem;
      width: 12.7rem;
      font-size: 1rem;
      height: 3.05rem; } }

::-moz-selection {
  color: #fff;
  background: #00806a;
  text-shadow: none; }

::selection {
  color: #fff;
  background: #00806a;
  text-shadow: none; }

img::selection {
  color: #fff;
  background: transparent; }

img::-moz-selection {
  color: #fff;
  background: transparent; }

@media only screen and (min-width: 992px) {
  .header p {
    margin-top: 2.18rem; }
  .header .btn {
    margin-top: 2.23rem; }
  .header .a {
    margin-left: 1.4rem;
    font-size: 1.01rem;
    display: inline-block; } }

.card-container {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }
  .card-container .card {
    background: rgba(247, 247, 247, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.6rem 1.4rem; }
    .card-container .card .card-text {
      width: 67%; }
      .card-container .card .card-text p {
        margin-bottom: 0; }
    .card-container .card > div:nth-child(1) .card-percentage {
      font-family: 'Visely Bold';
      background-repeat: no-repeat;
      font-size: 2.7rem;
      line-height: 4.3rem;
      background-position: center;
      background-size: 64%;
      text-align: center; }
    .card-container .card > div .card-author {
      font-family: 'Visely Medium';
      font-size: .8rem;
      font-weight: 500;
      letter-spacing: .015rem;
      display: flex;
      margin-top: .4rem; }
  @media only screen and (min-width: 992px) {
    .card-container {
      flex-direction: row;
      justify-content: space-between;
      flex-wrap: wrap; }
      .card-container .card {
        margin-top: 0 !important;
        width: 31.79%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 1.4rem 1.4rem; }
        .card-container .card > div:nth-child(1) .card-percentage {
          font-size: 2.25rem;
          line-height: 1.7;
          background-size: 70%; }
        .card-container .card .card-text {
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .card-container .card .card-text p {
            font-size: 1rem !important;
            line-height: 1.25rem !important;
            font-weight: 300 !important; } }

.cc-window.cc-theme-block {
  width: 84%;
  margin: auto;
  border-radius: 8px;
  bottom: 20px;
  font-family: 'Visely Regular'; }
  .cc-window.cc-theme-block .cc-compliance {
    width: 40%;
    margin-left: auto; }
    .cc-window.cc-theme-block .cc-compliance a {
      text-decoration: none !important;
      color: #19A68E;
      border-radius: 8px;
      border-color: #19A68E; }
  .cc-window.cc-theme-block .cc-message a {
    text-decoration-color: #B8B8B8 !important;
    display: inline;
    font-size: 16px;
    border-radius: 6px;
    background: none;
    text-decoration: none; }
  @media only screen and (min-width: 768px) {
    .cc-window.cc-theme-block .cc-compliance {
      width: auto; }
      .cc-window.cc-theme-block .cc-compliance a:hover {
        color: white;
        border-color: #19A68E;
        background-color: #19A68E; } }

@media only screen and (min-width: 992px) {
  .cc-window.cc-banner.cc-bottom {
    width: 835px;
    bottom: 35px; }
    .cc-window.cc-banner.cc-bottom .cc-message {
      margin: 0; }
      .cc-window.cc-banner.cc-bottom .cc-message a:hover {
        color: #333;
        text-decoration-color: #333 !important; } }

.modal-dialog {
  width: 84%;
  margin-left: auto;
  margin-right: auto; }
  .modal-dialog .modal-content {
    padding: 0 3rem;
    text-align: center; }
    .modal-dialog .modal-content p {
      margin: 0; }
    .modal-dialog .modal-content .modal-header {
      border: none;
      padding-bottom: 2rem;
      padding-top: 3rem; }
      .modal-dialog .modal-content .modal-header h2 {
        margin: auto; }
    .modal-dialog .modal-content > button {
      position: absolute;
      right: 6%; }
      .modal-dialog .modal-content > button span {
        color: #A3D8D4;
        font-weight: 400;
        font-size: 3.5rem; }
    .modal-dialog .modal-content .modal-body {
      padding-top: 0; }
      .modal-dialog .modal-content .modal-body > p {
        margin-bottom: 2rem; }
      .modal-dialog .modal-content .modal-body form {
        display: flex;
        flex-direction: column;
        margin-bottom: 2rem; }
        .modal-dialog .modal-content .modal-body form > * {
          width: 100%; }
          .modal-dialog .modal-content .modal-body form > * input {
            height: 3.55rem;
            border-radius: 6px;
            border-color: #00806a;
            border-width: .13rem;
            text-align: center;
            font-family: 'Visely Regular';
            font-size: 1.2rem; }
      .modal-dialog .modal-content .modal-body .text--grayed {
        color: #B8B8B8; }
  @media only screen and (min-width: 992px) {
    .modal-dialog {
      max-width: 100%;
      width: 60%; }
      .modal-dialog .modal-content > button {
        right: 2%; }
      .modal-dialog .modal-content .modal-body form {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 60%;
        margin-left: auto;
        margin-right: auto; }
        .modal-dialog .modal-content .modal-body form > * {
          width: 49%; }
        .modal-dialog .modal-content .modal-body form button {
          height: 3.55rem; }
          .modal-dialog .modal-content .modal-body form button img {
            margin-top: .05rem; } }

#mainNav {
  position: absolute;
  background-color: #fff;
  padding: 1.7rem 0;
  background: linear-gradient(180deg, white 5.4rem, #F7F7F7 5.4rem); }
  #mainNav .white-logo {
    display: none; }
  #mainNav.navbar.navbar-home {
    box-shadow: none; }
  #mainNav.navbar.navbar-home.is-fixed {
    box-shadow: 0 4px 4px 0 #0000000D; }
  #mainNav > .container {
    width: 84%; }
    #mainNav > .container button {
      height: 1.75rem;
      width: 2rem;
      background-image: url(/images/bars.svg);
      background-size: contain;
      border-radius: 0;
      background-repeat: no-repeat;
      background-position: right; }
      #mainNav > .container button.navbar-toggler--close {
        background-image: url(/images/x.svg); }
    #mainNav > .container .navbar-collapse > ul {
      margin-top: 4.8rem; }
    #mainNav > .container .navbar-collapse .nav-item {
      padding: 1.27rem 0;
      border-bottom: 1px solid #C4C4C4;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      background: #F7F7F7; }
      #mainNav > .container .navbar-collapse .nav-item .nav-link {
        color: #1A1818;
        font-size: 2.53rem;
        font-family: 'Visely Bold';
        padding: 0; }
      #mainNav > .container .navbar-collapse .nav-item.nav-subitem-toggler--active > a {
        color: #C4C4C4; }
      #mainNav > .container .navbar-collapse .nav-item > img.nav-subitem-toggler--hidden {
        display: none; }
      #mainNav > .container .navbar-collapse .nav-item .nav-subitem {
        width: 100%;
        transition: height .2s linear 0s;
        height: 200px; }
        #mainNav > .container .navbar-collapse .nav-item .nav-subitem.nav-subitem--hidden {
          overflow: hidden;
          height: 0;
          transition: height .2s linear 0s; }
        #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul {
          padding: 0;
          margin-top: 3.1rem; }
          #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul li {
            display: flex;
            align-items: center; }
            #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul li:nth-child(n+2) {
              margin-top: 1.2rem; }
            #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul li img {
              width: 2rem;
              margin-right: 1.7rem; }
            #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul li a {
              font-size: 2.1rem;
              text-decoration: none !important;
              font-family: 'Visely Medium'; }
              #mainNav > .container .navbar-collapse .nav-item .nav-subitem ul li a:hover {
                color: #19A68E; }
    #mainNav > .container .navbar-collapse .header-bottom {
      margin-top: 4.8rem;
      margin-bottom: 3.1rem;
      display: flex;
      justify-content: space-between; }
      #mainNav > .container .navbar-collapse .header-bottom .navbar-sign-in .btn {
        width: 11rem;
        height: 4.25rem;
        font-size: 1.5rem;
        padding: 0 1.9rem 0 2.3rem;
        justify-content: space-between; }
        #mainNav > .container .navbar-collapse .header-bottom .navbar-sign-in .btn img {
          margin: 0;
          width: .8rem; }
    #mainNav > .container .navbar-collapse .header-social-icons {
      justify-content: space-between;
      display: flex;
      align-items: center;
      width: 6.65rem; }
    #mainNav > .container .navbar-toggler {
      outline: none;
      border: none;
      padding: 0 !important; }
      #mainNav > .container .navbar-toggler > img {
        height: 1.5rem;
        width: auto; }
  #mainNav .navbar-brand {
    font-size: 0;
    padding: 0; }
    #mainNav .navbar-brand > img {
      width: 9.1rem; }
  #mainNav .navbar-toggler {
    font-size: 12px;
    font-weight: 800;
    padding: 13px;
    text-transform: uppercase;
    color: #343a40; }
  #mainNav .navbar-nav > li.nav-item > a {
    text-decoration: none !important; }
  @media only screen and (min-width: 992px) {
    #mainNav {
      border-bottom: none;
      padding: 1.2rem 0;
      background: none; }
      #mainNav.navbar--white-text.is-fixed.is-visible .container .navbar-collapse .navbar-nav li.nav-item a {
        color: #333333; }
      #mainNav.navbar--white-text.is-fixed.is-visible .regular-logo {
        display: block; }
      #mainNav.navbar--white-text.is-fixed.is-visible .white-logo {
        display: none; }
      #mainNav.navbar--white-text .regular-logo {
        display: none; }
      #mainNav.navbar--white-text .white-logo {
        display: block; }
      #mainNav.navbar--white-text.navbar-light .container .navbar-collapse .navbar-nav li.nav-item a {
        color: white; }
      #mainNav.navbar--white-text.navbar-light .container .navbar-collapse .navbar-nav li.nav-item .nav-subitem a {
        color: #1A1818; }
      #mainNav.navbar-white {
        background: white; }
        #mainNav.navbar-white li.nav-item {
          background: white; }
          #mainNav.navbar-white li.nav-item a:hover {
            color: #C4C4C4; }
      #mainNav.navbar-light {
        box-shadow: 0 4px 4px 0 #0000000D; }
        #mainNav.navbar-light .container .navbar-collapse .navbar-nav li.nav-item a:hover {
          color: #19A68E; }
      #mainNav > .container {
        max-width: 68.4%;
        padding: 0; }
        #mainNav > .container .navbar-collapse .navbar-nav {
          margin: auto !important;
          width: 63%;
          justify-content: space-between; }
          #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item {
            background-color: unset;
            padding: 0;
            border: none; }
            #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item.nav-item--subitem-holder {
              position: relative; }
              #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item.nav-item--subitem-holder img {
                margin-left: .45rem;
                margin-top: .25rem;
                cursor: pointer; }
              #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item.nav-item--subitem-holder:hover .nav-subitem {
                visibility: visible; }
            #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem {
              overflow: visible;
              visibility: hidden;
              position: absolute;
              width: auto;
              height: auto;
              top: 2.34rem;
              left: -1.9rem;
              right: -6.3rem;
              background-color: white;
              border-radius: 6px;
              filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
              padding: 16.5px 20px;
              transition: visibility .13s; }
              #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem::after {
                bottom: 100%;
                left: 1.9rem;
                border: solid transparent;
                content: "";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(136, 183, 213, 0);
                border-bottom-color: white;
                border-width: 11px;
                margin-left: -11px; }
              #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem ul {
                margin: 0; }
                #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem ul li:nth-child(n+2) {
                  margin-top: 8px; }
                #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem ul li img {
                  width: .85rem;
                  margin-right: .7rem; }
                #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem ul li a {
                  font-size: .95rem; }
                  #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item .nav-subitem ul li a:hover {
                    color: #19A68E; }
            #mainNav > .container .navbar-collapse .navbar-nav > li.nav-item > a {
              padding: 0;
              font-size: .95rem;
              color: #000; }
      #mainNav .navbar-sign-in > .btn {
        margin: 0;
        padding: .6rem .7rem .6rem 1.2rem;
        width: auto;
        height: auto;
        font-size: .9rem;
        letter-spacing: .01rem; }
        #mainNav .navbar-sign-in > .btn > img {
          width: .5rem;
          margin-left: .45rem; }
      #mainNav .navbar-brand {
        color: #fff;
        padding: 0;
        margin: 0; }
        #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
          color: rgba(255, 255, 255, 0.8); }
        #mainNav .navbar-brand > img {
          width: 7.3rem; } }
  @media only screen and (min-width: 992px) {
    #mainNav {
      -webkit-transition: background-color 0.2s;
      -moz-transition: background-color 0.2s;
      transition: background-color 0.2s;
      /* Force Hardware Acceleration in WebKit */
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden; }
      #mainNav .navbar-sign-in {
        display: block; }
      #mainNav.is-fixed {
        /* when the user scrolls down, we hide the header right above the viewport */
        position: fixed;
        top: -150px;
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
        background-color: rgba(255, 255, 255, 0.99);
        box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); }
        #mainNav.is-fixed .navbar-brand {
          color: #666; }
          #mainNav.is-fixed .navbar-brand:focus, #mainNav.is-fixed .navbar-brand:hover {
            color: #00806a; }
        #mainNav.is-fixed .navbar-nav > li.nav-item > a {
          color: #666; }
          #mainNav.is-fixed .navbar-nav > li.nav-item > a:focus, #mainNav.is-fixed .navbar-nav > li.nav-item > a:hover {
            color: #00806a; }
      #mainNav.is-visible {
        /* if the user changes the scrolling direction, we show the header */
        -webkit-transform: translate3d(0, 149px, 0);
        -moz-transform: translate3d(0, 149px, 0);
        -ms-transform: translate3d(0, 149px, 0);
        -o-transform: translate3d(0, 149px, 0);
        transform: translate3d(0, 149px, 0); } }

header.masthead {
  margin-bottom: 50px;
  background: no-repeat center center;
  background-color: #868e96;
  background-attachment: scroll;
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  header.masthead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #212529;
    opacity: 0.5; }
  header.masthead .overlay-site-page {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #336cc6), color-stop(100%, #33cc99));
    background-image: -moz-linear-gradient(left, #336cc6 0%, #33cc99 100%);
    background-image: -webkit-linear-gradient(left, #336cc6 0%, #33cc99 100%);
    background-image: linear-gradient(to right, #336cc6 0%, #33cc99 100%); }
  header.masthead .page-heading,
  header.masthead .post-heading,
  header.masthead .site-heading {
    padding: 150px 0 150px;
    color: white; }
    @media only screen and (min-width: 768px) {
      header.masthead .page-heading,
      header.masthead .post-heading,
      header.masthead .site-heading {
        padding: 150px 0; } }
  header.masthead .page-heading,
  header.masthead .site-heading {
    text-align: center; }
    header.masthead .page-heading h1,
    header.masthead .site-heading h1 {
      font-size: 50px;
      margin-top: 0; }
    header.masthead .page-heading .subheading,
    header.masthead .site-heading .subheading {
      font-size: 24px;
      font-weight: 300;
      line-height: 1.1;
      display: block;
      margin: 10px 0 0;
      font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
    @media only screen and (min-width: 768px) {
      header.masthead .page-heading h1,
      header.masthead .site-heading h1 {
        font-size: 70px; } }
  header.masthead .post-heading h1 {
    font-size: 35px; }
  header.masthead .post-heading .meta,
  header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block; }
  header.masthead .post-heading .subheading {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 30px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  header.masthead .post-heading .meta {
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Lora', 'Times New Roman', serif; }
    header.masthead .post-heading .meta a {
      color: #fff; }
  @media only screen and (min-width: 768px) {
    header.masthead .post-heading h1 {
      font-size: 55px; }
    header.masthead .post-heading .subheading {
      font-size: 30px; } }

.blog-container {
  background: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 14.37%); }
  @media only screen and (min-width: 768px) {
    .blog-container {
      background: linear-gradient(180deg, #F7F7F7 0%, #FFFFFF 25.52%); } }

.posts-grid.posts-grid--post-page h2 {
  width: 84%;
  margin: 20px auto 0; }
.posts-grid article {
  width: 84%;
  margin: 2.5rem auto 0; }
  .posts-grid article a {
    text-decoration: none !important; }
  .posts-grid article img {
    width: 100%; }
  .posts-grid article .post-details {
    background: #F7F7F7;
    padding: 1.3rem 2.2rem; }
    .posts-grid article .post-details .post-hashtag {
      margin: 0;
      color: #19A68E; }
    .posts-grid article .post-details .post-title {
      margin: 0;
      font-family: 'Visely Bold';
      font-size: 1.65em !important;
      margin-top: .5rem; }
    .posts-grid article .post-details .post-author {
      margin: 0;
      margin-top: .5rem;
      color: #b8b8b8; }
@media only screen and (min-width: 768px) {
  .posts-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 14.9%;
    margin: 0 auto; }
    .posts-grid.posts-grid--post-page {
      padding: 0 28%; }
      .posts-grid.posts-grid--post-page h2 {
        width: 97%;
        margin-top: 50px; }
      .posts-grid.posts-grid--post-page article {
        width: 50%; }
    .posts-grid article {
      width: 33.3333%;
      padding: 0 .8rem;
      margin: 2.5rem 0 0; }
      .posts-grid article:nth-child(1), .posts-grid article:nth-child(2) {
        flex-grow: 1; }
      .posts-grid article .post-details {
        padding: 1rem 1.6rem; }
        .posts-grid article .post-details .post-hashtag {
          font-size: .85rem !important; }
        .posts-grid article .post-details .post-title {
          font-size: 1.3em !important;
          margin-top: .3rem;
          height: 5rem; }
        .posts-grid article .post-details .post-author {
          margin: 0;
          font-size: .75rem !important; } }

.post-background {
  margin-top: 5.5rem; }
  @media only screen and (min-width: 768px) {
    .post-background {
      width: 45%;
      margin: 5.5rem auto 0; } }

.post-container {
  width: 84%;
  margin: 0 auto; }
  .post-container h3 {
    color: #19A68E; }
  .post-container a {
    display: inline;
    font-size: 1.11rem; }
  .post-container > img {
    width: 100%; }
  .post-container p {
    margin: 0; }
    .post-container p em {
      color: #19A68E; }
    .post-container p > img {
      width: 100%; }
  .post-container ul li em {
    color: #19A68E; }
  .post-container .post-details {
    display: flex;
    align-items: center; }
    .post-container .post-details .post-author {
      margin-right: 1rem; }
    .post-container .post-details .post-author-name {
      margin: 0 !important; }
    .post-container .post-details .post-data .post-date {
      margin: 0 !important; }
    .post-container .post-details .post-data > p {
      color: #979797; }
  .post-container > a {
    color: #979797;
    text-decoration: none !important;
    font-size: 1.3rem;
    display: flex;
    align-items: center; }
    .post-container > a > span {
      font-size: 2.5rem;
      margin-right: .6rem;
      font-family: 'Visely Medium'; }
  .post-container ul {
    margin-bottom: 0;
    list-style: none;
    padding: 0; }
    .post-container ul li {
      font-family: 'Visely Regular';
      letter-spacing: 0;
      font-weight: 500 !important;
      font-size: 1.11rem; }
      .post-container ul li::before {
        content: "\2022";
        color: #19A68E;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        font-size: 1.4rem; }
  .post-container ol li {
    font-size: 1.11rem; }
  .post-container h3,
  .post-container h4 {
    margin: 40px auto 0 !important; }
  .post-container h2,
  .post-container h5,
  .post-container p,
  .post-container ul,
  .post-container a,
  .post-container .post-details,
  .post-container ol {
    margin: 20px auto 0 !important; }
  @media only screen and (min-width: 768px) {
    .post-container.case-study-container {
      margin: 6.5rem auto; }
      .post-container.case-study-container img {
        margin: 50px auto;
        display: block; }
    .post-container a {
      font-size: 1.2rem;
      margin: 25px auto;
      width: 50%; }
    .post-container h2,
    .post-container h5 {
      width: 50%;
      margin: auto; }
    .post-container h3,
    .post-container h4,
    .post-container .post-details {
      width: 50%;
      margin: 50px auto 0 !important; }
    .post-container p,
    .post-container ul,
    .post-container ol {
      width: 50%;
      margin: 25px auto 0 !important; }
    .post-container ol li {
      margin-top: 10px; }
      .post-container ol li p {
        margin: 0 !important;
        width: 100%; }
    .post-container .post-details .post-data > p {
      width: 100%; }
    .post-container ul li {
      font-size: 1.2rem; }
      .post-container ul li::before {
        width: .7em;
        font-size: 1.7rem;
        line-height: 1.7rem; } }

.post-preview {
  display: none;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
  .post-preview > a {
    color: #212529; }
    .post-preview > a:focus, .post-preview > a:hover {
      text-decoration: none;
      color: #00806a; }
    .post-preview > a > .post-title {
      font-weight: 800;
      font-size: 30px;
      margin-top: 30px;
      margin-bottom: 10px; }
    .post-preview > a > .post-subtitle {
      font-weight: 300;
      margin: 0 0 10px; }
  .post-preview > .post-meta {
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    color: #868e96; }
    .post-preview > .post-meta > a {
      text-decoration: none;
      color: #212529; }
      .post-preview > .post-meta > a:focus, .post-preview > .post-meta > a:hover {
        text-decoration: underline;
        color: #00806a; }
  @media only screen and (min-width: 768px) {
    .post-preview > a > .post-title {
      font-size: 36px; } }

.share-post {
  width: 84%;
  margin: 40px auto 0;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom: 20px; }
  .share-post p {
    color: #979797; }
  .share-post .share-post-images-container {
    display: flex; }
    .share-post .share-post-images-container img {
      height: 1.2rem;
      width: auto; }
    .share-post .share-post-images-container a {
      margin-right: 1rem; }
  @media only screen and (min-width: 768px) {
    .share-post {
      width: 42%;
      margin-top: 50px;
      padding-bottom: 50px; } }

.paginator-container {
  width: 83%;
  margin: 20px auto 0;
  display: flex;
  justify-content: center; }
  .paginator-container > div {
    width: 50%; }
  @media only screen and (min-width: 768px) {
    .paginator-container {
      margin-top: 50px; } }

.two-columns-container {
  width: 100%;
  background-color: #E3F3F2; }
  .two-columns-container .two-columns-container-inner {
    width: 50%;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    .two-columns-container .two-columns-container-inner > img {
      width: 45%; }

.floating-label-form-group {
  font-size: 14px;
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #dee2e6; }
  .floating-label-form-group input,
  .floating-label-form-group textarea {
    font-size: 1.5em;
    position: relative;
    z-index: 1;
    padding: 0;
    resize: none;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none !important;
    font-family: 'Lora', 'Times New Roman', serif; }
    .floating-label-form-group input::-webkit-input-placeholder,
    .floating-label-form-group textarea::-webkit-input-placeholder {
      color: #868e96;
      font-family: 'Lora', 'Times New Roman', serif; }
  .floating-label-form-group label {
    font-size: 0.85em;
    line-height: 1.764705882em;
    position: relative;
    z-index: 0;
    top: 2em;
    display: block;
    margin: 0;
    -webkit-transition: top 0.3s ease, opacity 0.3s ease;
    -moz-transition: top 0.3s ease, opacity 0.3s ease;
    -ms-transition: top 0.3s ease, opacity 0.3s ease;
    transition: top 0.3s ease, opacity 0.3s ease;
    vertical-align: middle;
    vertical-align: baseline;
    opacity: 0; }
  .floating-label-form-group .help-block {
    margin: 15px 0; }

.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1; }

.floating-label-form-group-with-focus label {
  color: #00806a; }

form .form-group:first-child .floating-label-form-group {
  border-top: 1px solid #dee2e6; }

footer {
  padding: 50px 0 65px; }
  footer .list-inline {
    margin: 0;
    padding: 0; }
  footer .copyright {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center; }

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  font-weight: normal; }

.btn-success {
  font-size: .8rem;
  background-color: #3adb76;
  border-color: #3adb76;
  color: #000; }

.btn-primary {
  background-color: #00806a;
  border-color: #00806a; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #005a4a !important;
    border-color: #005a4a !important; }

h1 {
  line-height: 1.4; }

.btn-lg {
  font-size: 16px;
  padding: 25px 35px; }

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility; }

.post-content p {
  line-height: 1.5;
  font-size: 20px;
  font-weight: 400;
  -webkit-font-smoothing: auto; }

.post-content h3 {
  margin: 0; }

.post-content h4 {
  margin: 0; }

.post-content ul {
  margin: 0; }

.post-content ol {
  font-family: 'Lora', 'Times New Roman', serif;
  font-size: 20px;
  line-height: 1.5;
  -webkit-font-smoothing: auto; }

.callout.primary {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #336cc6), color-stop(100%, #33cc99));
  background-image: -moz-linear-gradient(left, #336cc6 0%, #33cc99 100%);
  background-image: -webkit-linear-gradient(left, #336cc6 0%, #33cc99 100%);
  background-image: linear-gradient(to right, #336cc6 0%, #33cc99 100%);
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0 !important; }
  .callout.primary .header {
    background-position: center bottom, center 88%;
    background-repeat: no-repeat;
    background-size: 61%, 100%;
    padding-bottom: 89vw; }
    .callout.primary .header.header-girl-green {
      background-image: url("/images/header-background-1-1.png"), url("/images/header-background-1-2.svg");
      background-color: #b0dabc; }
    .callout.primary .header.header-girl-blue {
      background-image: url("/images/header-background-2-1.png"), url("/images/header-background-2-2.svg"), linear-gradient(180deg, #93C7D2 42.19%, #B3E2EC 100%);
      background-color: white;
      background-size: 53%, 100%, 100%; }
    .callout.primary .header.header-man-black {
      background-image: url("/images/header-background-3-1.png"), url("/images/header-background-3-2.svg"), linear-gradient(180deg, #333333 28.13%, rgba(51, 51, 51, 0.65) 100%);
      background-color: white;
      background-size: 80%, 100%, 100%; }
      .callout.primary .header.header-man-black h2,
      .callout.primary .header.header-man-black p,
      .callout.primary .header.header-man-black a {
        color: white; }
    .callout.primary .header .intro-title a {
      margin-top: 20px; }
    .callout.primary .header .intro-title .btn {
      margin-top: 20px; }
    .callout.primary .header .intro-title p {
      margin-top: 20px;
      margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .callout.primary .header {
        padding-bottom: 95vw; } }
    @media only screen and (min-width: 992px) {
      .callout.primary .header {
        padding-bottom: 0;
        height: 100vh;
        background-position: 71% bottom, right bottom; }
        .callout.primary .header.header-girl-green {
          background-image: url("/images/header-background-1-1.png"), url("/images/header-background-desktop-1-1.png");
          background-size: 26%, 75%; }
        .callout.primary .header.header-girl-blue {
          background-image: url("/images/header-background-2-1.png"), url("/images/header-background-2-2-desktop.png"), linear-gradient(180deg, #93C7D2 42.19%, #B3E2EC 100%);
          background-color: white;
          background-size: 25%, 75%, 100%;
          background-position: 72% bottom, 115% bottom, center; }
        .callout.primary .header.header-man-black {
          background-image: url("/images/header-background-3-1.png"), url("/images/header-background-3-2-desktop.png"), linear-gradient(180deg, #333333 28.13%, rgba(51, 51, 51, 0.65) 100%);
          background-color: white;
          background-size: 34%, 75%, 100%;
          background-position: 76% bottom, right bottom; }
          .callout.primary .header.header-man-black h2,
          .callout.primary .header.header-man-black p,
          .callout.primary .header.header-man-black a {
            color: white; }
        .callout.primary .header .row {
          margin: 0; }
          .callout.primary .header .row .intro-title {
            margin-top: 6.38rem;
            display: flex;
            flex-wrap: wrap;
            align-items: baseline;
            text-align: left; }
            .callout.primary .header .row .intro-title p {
              margin-top: 50px;
              width: 100%; }
            .callout.primary .header .row .intro-title .btn {
              margin-top: 50px; }
            .callout.primary .header .row .intro-title a:nth-child(4) {
              margin-left: 1.3rem; }
        .callout.primary .header .container {
          padding: 0;
          max-width: 68.4%; } }
    @media only screen and (min-width: 1024px) {
      .callout.primary .header .row .intro-title {
        margin-top: 7.2rem; } }

.header {
  color: #fff; }
  .header .topbar-responsive {
    background: transparent; }
    .header .topbar-responsive .topbar-responsive-logo {
      color: #343a40; }
    .header .topbar-responsive .menu {
      background: transparent;
      font-size: 1.1rem;
      padding: 1.5rem 0; }
      .header .topbar-responsive .menu li:last-of-type {
        margin-right: 0; }
      .header .topbar-responsive .menu a {
        color: #fff;
        transition: color 0.15s ease-in;
        padding-bottom: 10px;
        border-bottom: 2px solid transparent; }
        .header .topbar-responsive .menu a:hover, .header .topbar-responsive .menu a.active {
          border-bottom: 2px solid; }
        @media screen and (max-width: 39.9375em) {
          .header .topbar-responsive .menu a {
            padding: 0.875rem 0; } }
      .header .topbar-responsive .menu a.menu-highlight {
        font-size: 1.1em;
        font-weight: 700; }
      .header .topbar-responsive .menu .topbar-responsive-button {
        color: #fff;
        border-color: #fff;
        border-radius: 5000px;
        transition: color 0.15s ease-in, border-color 0.15s ease-in; }
        .header .topbar-responsive .menu .topbar-responsive-button:hover {
          color: rgba(153, 153, 153, 0);
          border-color: rgba(153, 153, 153, 0); }
        @media screen and (max-width: 39.9375em) {
          .header .topbar-responsive .menu .topbar-responsive-button {
            width: 100%;
            margin: 0.875rem 0; } }
    @media screen and (max-width: 39.9375em) {
      .header .topbar-responsive .menu.simple li + li {
        margin-left: 0; }
      .header .topbar-responsive .top-bar-title {
        position: relative;
        width: 100%; }
        .header .topbar-responsive .top-bar-title span.top-button {
          position: absolute;
          right: 0;
          border: 1px solid #fff;
          border-radius: 5px;
          padding: 0.25rem 0.45rem;
          top: 50%;
          transform: translateY(-50%); } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes slideDown {
  0% {
    transform: translateY(-100%); }
  100% {
    transform: translateY(0%); } }
  @media (min-width: 576px) {
    .header .topbar-responsive-links {
      animation-fill-mode: both;
      animation-duration: 0.5s;
      width: 100%;
      animation: fadeIn 1s ease-in; } }
  .header .intro-title {
    margin: 1.4rem auto 1rem;
    text-align: center; }
  .header .hero-image {
    position: absolute; }
    .header .hero-image img {
      max-height: 430px; }

.intro-copy {
  text-align: center;
  margin-bottom: 3rem; }
  @media (min-width: 576px) {
    .intro-copy {
      margin-top: 2rem; } }
  @media (min-width: 768px) {
    .intro-copy {
      margin-bottom: 6rem; } }
  .intro-copy h1, .intro-copy h3 {
    font-weight: 200;
    color: #666;
    font-size: 1.1875rem; }
    @media (min-width: 768px) {
      .intro-copy h1, .intro-copy h3 {
        font-size: 1.9375rem; } }
    .intro-copy h1 span, .intro-copy h3 span {
      font-weight: 400;
      color: #3399cc; }

.intro-items {
  text-align: center; }
  @media (min-width: 576px) {
    .intro-items {
      border-top: 1px solid #eee;
      padding-top: 1rem; } }
  .intro-items-row {
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem; }
    @media (min-width: 768px) {
      .intro-items-row {
        border-bottom: 0;
        margin-bottom: 0; } }
  .intro-items h4 {
    margin: 0 0 1rem 0; }
    @media (min-width: 768px) {
      .intro-items h4 {
        margin: 2rem 0; } }
  .intro-items-image {
    display: inline-block; }
    @media (min-width: 768px) {
      .intro-items-image {
        max-width: 220px; } }
    .intro-items-image img {
      height: 160px; }

.scroll-down {
  text-align: center;
  padding: 2rem 0;
  color: #212529; }
  @media (min-width: 768px) {
    .scroll-down {
      padding: 2rem 0; } }

.secondary {
  color: #3399cc; }

.shopify-form .columns.medium-8 {
  padding-right: 0; }
.shopify-form .input-group-field {
  border-radius: 0.4rem; }
  .shopify-form .input-group-field.input-large {
    height: 3rem; }

.shopify-cta {
  position: relative;
  background-color: #3399cc;
  text-align: center; }
  .shopify-cta a {
    color: #fff; }
  .shopify-cta .bg {
    background-image: url("/images/home/cta-bg.png");
    background-position: top center;
    padding: 4rem 0; }
  .shopify-cta h3 {
    color: #fff;
    font-weight: 200;
    font-size: 2em; }
  .shopify-cta .shopify-form {
    display: inline-block; }
    @media (min-width: 768px) {
      .shopify-cta .shopify-form {
        width: 540px; } }
    .shopify-cta .shopify-form .shopify-log {
      width: 100px;
      float: left;
      padding: 10px; }
    .shopify-cta .shopify-form .input-group-field {
      max-width: 250px; }
    .shopify-cta .shopify-form .get-started-cta {
      text-align: left; }
  .shopify-cta p {
    color: #fff;
    font-weight: 200; }
  .shopify-cta .shopify-full-logo {
    max-width: 30%;
    margin-bottom: 1em; }

.logo-decoration {
  position: absolute;
  font-size: 0.75rem; }

.widgets-border-horizontal {
  border-top: solid 1px #eeeeee; }

.widgets-border-vertical {
  border-right: solid 1px #eeeeee; }

.content-on-left {
  margin-right: 30px; }

.row.customer-logos {
  display: none;
  height: 100px; }
  .row.customer-logos img {
    height: 100%;
    width: 100%;
    object-fit: contain; }

.features {
  background-color: #F7F7F7; }
  .features .section-title {
    align-items: center; }
  .features .section-container > div:nth-child(1) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  @media only screen and (min-width: 768px) {
    .features .section-container {
      display: flex;
      justify-content: space-between; }
      .features .section-container .section-title {
        justify-content: space-between; }
        .features .section-container .section-title > img {
          margin-left: 0; }
      .features .section-container > div {
        align-items: flex-end;
        justify-content: space-between; }
        .features .section-container > div:nth-child(1) {
          width: 48.7%; }
        .features .section-container > div:nth-child(2) {
          display: flex;
          width: 49%; }
          .features .section-container > div:nth-child(2) > div img {
            width: 100%; }
          .features .section-container > div:nth-child(2) > div:nth-child(1) {
            width: 47%; }
          .features .section-container > div:nth-child(2) > div:nth-child(2) {
            width: 48%; } }

.feature {
  margin-top: 20px; }
  .feature > p {
    color: #19A68E;
    margin-bottom: .6rem;
    font-size: 1.2rem !important;
    font-family: 'Visely Medium'; }
  .feature:nth-child(3) {
    width: 50%; }
    .feature:nth-child(3) img {
      width: auto;
      height: 68.2vw; }
  .feature:nth-child(4) img {
    width: auto;
    height: 68.2vw; }
  .feature:nth-child(5) {
    width: 100%; }
    .feature:nth-child(5) img {
      width: 100%; }

.our-products {
  padding: 3rem 0 0; }
  @media (min-width: 768px) {
    .our-products {
      padding: 5rem 0; } }
  .our-products h2 {
    font-weight: 200; }
  .our-products__content {
    text-align: center; }
    @media (min-width: 768px) {
      .our-products__content {
        padding: 2rem 0;
        text-align: left; } }
  .our-products__sideimage-content {
    margin-top: 82px; }
  .our-products__item-content {
    padding: 0.5rem 0; }
    @media (max-width: 767.98px) {
      .our-products__item-content h5 {
        font-size: 1em; }
        .our-products__item-content h5 i {
          display: block;
          font-size: 2em;
          margin-bottom: 0.5rem; } }
    @media (min-width: 768px) {
      .our-products__item-content {
        padding: 2rem 0; } }
    .our-products__item-content .fa.fa-thumbs-up {
      color: #00806a; }
    .our-products__item-content .fa.fa-heart {
      color: #ff6666; }
    .our-products__item-content .fa.fa-hashtag {
      color: #3adb76; }
    .our-products__item-content .fa.fa-eye {
      color: #b0dabc; }
    .our-products__item-content .fa.fa-bullhorn {
      color: #1B2062; }
    .our-products__item-content .fa.fa-random {
      color: #FF9600; }
    .our-products__item-content p {
      font-weight: 200; }

.our-case-studies .intro-copy {
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 2rem; }
  .our-case-studies .intro-copy h1, .our-case-studies .intro-copy h3 {
    font-weight: 200;
    color: #666;
    font-size: 1.1875rem; }
    @media (min-width: 768px) {
      .our-case-studies .intro-copy h1, .our-case-studies .intro-copy h3 {
        font-size: 1.9375rem; } }
    .our-case-studies .intro-copy h1 span, .our-case-studies .intro-copy h3 span {
      font-weight: 400;
      color: #3399cc; }
.our-case-studies h2 {
  font-weight: 200; }
@media (min-width: 576px) {
  .our-case-studies h5 {
    font-size: 1em; } }
.our-case-studies img {
  border-color: #cacaca;
  border-style: solid;
  border-width: 1px;
  padding-bottom: 10px; }
  @media (min-width: 992px) {
    .our-case-studies img {
      width: 380px; } }
@media (min-width: 576px) {
  .our-case-studies p {
    text-align: justify;
    padding-left: 15px;
    padding-right: 15px; } }
@media (min-width: 992px) {
  .our-case-studies .right-image {
    margin-right: -10px; } }

.simple-pricing {
  padding: 1rem 0; }
  @media (min-width: 768px) {
    .simple-pricing {
      padding: 5rem 0; } }
  .simple-pricing h1, .simple-pricing h2 {
    font-weight: 200;
    font-size: 1.25rem; }
    @media (min-width: 576px) {
      .simple-pricing h1, .simple-pricing h2 {
        font-size: 2.5rem; } }
  @media (min-width: 992px) {
    .simple-pricing .plans-row {
      margin: 0 5rem; } }
  .simple-pricing .pricing-footnote {
    margin-top: 0.8em;
    font-size: 0.8em; }
  .simple-pricing__cell {
    font-size: 1rem;
    margin: 2rem 0 0;
    position: relative;
    -webkit-box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 0.4rem; }
    .simple-pricing__cell .best {
      margin-top: 0px; }
    .simple-pricing__cell hr {
      width: 50%; }
    .simple-pricing__cell h5 {
      text-transform: uppercase; }
    .simple-pricing__cell .price {
      font-size: 3em;
      color: #00806a; }
      @media (min-width: 768px) {
        .simple-pricing__cell .price {
          font-size: 2em; } }
      @media (min-width: 992px) {
        .simple-pricing__cell .price {
          font-size: 3em; } }
      .simple-pricing__cell .price span {
        font-size: 0.3em; }
    .simple-pricing__cell ul.options {
      text-align: left;
      padding: 0 3em;
      font-size: 1em;
      line-height: 2em;
      font-weight: 200; }
    .simple-pricing__cell ul {
      margin-left: 0px;
      list-style-type: none; }
    .simple-pricing__cell li {
      min-height: 37px;
      line-height: 37px; }
    .simple-pricing__cell li.grey {
      background-color: rgba(238, 238, 238, 0.4); }
    .simple-pricing__cell li.large {
      min-height: 74px; }
    .simple-pricing__cell .install-from-pricing {
      padding-left: 3em;
      padding-right: 3em;
      padding-bottom: 3em; }
    .simple-pricing__cell .spacer25 {
      height: 25px; }
    .simple-pricing__cell .spacer10 {
      height: 10px; }
    .simple-pricing__cell .best-value {
      text-align: left;
      margin-left: 20px; }

.testimonials {
  margin-bottom: 2rem; }
  .testimonials h2 {
    font-weight: 200; }
  .testimonials__cell {
    padding: 2em;
    padding-bottom: 0;
    margin-top: 3em;
    -webkit-box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 35px 3px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 0.4rem; }
    @media (min-width: 576px) {
      .testimonials__cell {
        height: 270px; } }
    @media (min-width: 768px) {
      .testimonials__cell {
        height: 350px; } }
    @media (min-width: 992px) {
      .testimonials__cell {
        height: 410px; } }
  @media (min-width: 576px) {
    .testimonials__text {
      height: 120px; } }
  @media (min-width: 768px) {
    .testimonials__text {
      height: 230px; } }
  @media (min-width: 992px) {
    .testimonials__text {
      height: 250px; } }

.footer {
  margin: auto;
  padding: 2.45rem 0;
  text-align: center; }
  .footer .footer-container {
    display: flex;
    flex-direction: column; }
    .footer .footer-container > div:nth-child(1) > div:nth-child(n+2) a {
      margin-top: 1.2rem; }
    .footer .footer-container > div:nth-child(1) a {
      font-size: 1.25rem;
      text-decoration: none !important; }
      .footer .footer-container > div:nth-child(1) a:nth-child(n+2) {
        margin-top: .5rem; }
    .footer .footer-container > div:nth-child(2) {
      display: flex;
      justify-content: center;
      margin-top: 2.8rem; }
      .footer .footer-container > div:nth-child(2) > div:nth-child(2) {
        margin: 0 2rem; }
      .footer .footer-container > div:nth-child(2) > div a > img {
        height: 1.5rem;
        width: auto; }
    .footer .footer-container > div:nth-child(5) {
      order: 3;
      display: flex;
      justify-content: space-between;
      width: 48.5%;
      margin: .34rem auto 0; }
      .footer .footer-container > div:nth-child(5) > a {
        text-decoration: none !important;
        font-size: 1rem; }
    .footer .footer-container p {
      order: 1;
      margin-top: 2.7rem;
      margin-bottom: 0;
      font-size: 1.25rem !important; }
    .footer .footer-container hr {
      order: 2;
      border: none;
      height: 1px;
      background-color: rgba(202, 202, 202, 0.3);
      width: 68.5%;
      margin: 1rem auto; }
  @media only screen and (min-width: 992px) {
    .footer {
      width: 68.5%; }
      .footer .footer-container {
        justify-content: space-between;
        flex-wrap: wrap;
        flex-direction: row; }
        .footer .footer-container > div:nth-child(1) {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          width: 80%; }
          .footer .footer-container > div:nth-child(1) > div {
            margin-top: .1rem;
            width: 33%;
            text-align: left;
            display: flex;
            flex-direction: column; }
            .footer .footer-container > div:nth-child(1) > div div:nth-child(n+2) {
              margin-top: .5rem; }
            .footer .footer-container > div:nth-child(1) > div:nth-child(n+2) a {
              margin-top: 0; }
            .footer .footer-container > div:nth-child(1) > div a {
              display: inline;
              font-size: .98rem !important; }
              .footer .footer-container > div:nth-child(1) > div a:hover {
                color: #C4C4C4; }
                .footer .footer-container > div:nth-child(1) > div a:hover b {
                  color: #333333;
                  text-decoration: underline; }
              .footer .footer-container > div:nth-child(1) > div a:nth-child(n+2) {
                margin-top: .5rem; }
        .footer .footer-container > div:nth-child(2) {
          width: 20%;
          justify-content: flex-end;
          margin-top: 0; }
          .footer .footer-container > div:nth-child(2) > div:nth-child(2) {
            margin: 0 1.3rem !important; }
          .footer .footer-container > div:nth-child(2) > div a > img {
            height: 1.45rem; }
            .footer .footer-container > div:nth-child(2) > div a > img:hover {
              filter: invert(93%) sepia(0%) saturate(13%) hue-rotate(194deg) brightness(89%) contrast(82%); }
        .footer .footer-container > div:nth-child(5) {
          margin: 0;
          justify-content: space-between;
          width: 15%; }
          .footer .footer-container > div:nth-child(5) a {
            color: rgba(51, 51, 51, 0.5); }
            .footer .footer-container > div:nth-child(5) a:hover {
              color: #1A1818; }
        .footer .footer-container p {
          width: 50%;
          text-align: left;
          margin: 0; }
        .footer .footer-container hr {
          width: 100%;
          order: 1;
          margin: 2.5rem auto .9rem; } }

@property --percent {
  syntax: "<number>";
  initial-value: 0;
  inherits: false; }
@property --temp {
  syntax: "<number>";
  initial-value: 0.10;
  inherits: false; }
@property --v1 {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false; }
@property --v2 {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false; }
.how-it-works .section-container {
  width: 100%;
  padding-bottom: 0; }
  .how-it-works .section-container > div:nth-child(1) {
    width: 84%;
    margin: auto; }
  .how-it-works .section-container > div:nth-child(2) .switch-container p {
    font-family: 'Visely Medium';
    margin: 0; }
    .how-it-works .section-container > div:nth-child(2) .switch-container p span {
      font-family: 'Visely Bold'; }
  .how-it-works .section-container > div:nth-child(2) .stats {
    margin-top: 20px; }
    .how-it-works .section-container > div:nth-child(2) .stats .stats-container {
      width: 84%;
      display: flex;
      margin: auto;
      justify-content: space-between;
      flex-wrap: wrap; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container {
        width: 65%; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container {
          background: #B8B8B8;
          transition: background-color 2s linear;
          width: 100%;
          height: 3rem; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container:nth-child(n+2) {
            margin-top: 1.1rem; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container .bar-text {
            position: absolute;
            line-height: 3rem;
            font-family: 'Visely Medium';
            padding-left: 1rem;
            color: white;
            font-size: 1.2rem;
            word-spacing: .1rem;
            letter-spacing: .015rem; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container .bar-progress {
            height: 100%;
            width: 0;
            background: #19A68E;
            border-radius: 0;
            transition: width 2s; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized .bar-container {
        background: #A3D8D4; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized .bar-container:nth-child(1) .bar-progress {
          width: 90%; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized .bar-container:nth-child(2) .bar-progress {
          width: 43%; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized .bar-container:nth-child(3) .bar-progress {
          width: 80%; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent {
        transition: --v1 2s, --v2 2s;
        --temp: calc(var(--percent)*1);
        --v1: max(var(--temp) - 0.5, 0);
        --v2: max((var(--temp) - var(--v1)) * 100, 0);
        counter-reset: v1 var(--v1) v2 var(--v2);
        text-align: right; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent:nth-child(n+2) {
          margin-top: 1.1rem; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent::before {
          font-family: 'Visely Bold';
          font-size: 1.95rem;
          display: none;
          content: "+" counter(v1) "%"; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent::after {
          color: #b8b8b8;
          content: "Median";
          font-family: 'Visely Bold';
          font-size: 1.95rem;
          opacity: 1; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent--personalized {
        --percent: 7.8; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent--personalized::before {
        color: #19A68E; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent::before {
        color: #19A68E;
        display: block;
        content: "+" counter(v1) "%"; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent::after {
        visibility: hidden;
        display: none; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent:nth-child(1) {
        --percent: 7.8; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent:nth-child(1)::before {
          content: "+" counter(v1) "." counter(v2) "%"; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent:nth-child(2) {
        --percent: 136; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container--personalized + .percents-container .percent:nth-child(3) {
        --percent: 26; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table {
        width: 100%;
        display: flex;
        margin-top: 2.05rem; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column {
          font-size: 1.2rem;
          border-bottom: 1px solid #333333; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(2), .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(3) {
            font-family: 'Visely Regular'; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column.table-column--personalized {
            opacity: 0;
            transition: opacity 2s;
            transition-delay: .4s; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column.table-column--personalized.is-visible {
            opacity: 1;
            transition: opacity 2s;
            transition-delay: .4s; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(1) {
            width: 46%;
            font-family: 'Visely Bold'; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(2) {
            width: 18%;
            text-align: right; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(n+2) {
            text-align: right; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(3) {
            width: 20%; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column:nth-child(4) {
            width: 16%;
            color: #19A68E;
            font-family: 'Visely Bold'; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column .table-cell.table-header {
            border-bottom: 1px solid #19A68E;
            font-family: 'Visely Bold';
            color: #19A68E;
            padding-bottom: .2rem;
            margin-bottom: .8rem; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column .table-cell:not(.table-header):nth-child(n+2) {
            margin-top: .6rem; }
      .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend {
        width: 100%;
        display: flex;
        justify-content: space-between;
        color: #19A68E;
        margin: -.15rem 0 2rem;
        font-family: 'Visely Regular'; }
        .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend > div {
          font-size: .8rem; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend > div:nth-child(n+2) {
            opacity: 0;
            transition: opacity 2s;
            transition-delay: .6s; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend > div:nth-child(n+2).is-visible {
            opacity: 1;
            transition: opacity 2s;
            transition-delay: .6s; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend > div span {
            font-family: 'Visely Bold'; }
  .how-it-works .section-container > div:nth-child(2) > div:nth-child(2) > img {
    width: 100%; }
.how-it-works .card {
  background: transparent;
  border: none;
  width: 28.5%;
  height: auto;
  transition: transform 1s;
  transform-style: preserve-3d;
  position: relative;
  will-change: transform; }
  .how-it-works .card:nth-child(4), .how-it-works .card:nth-child(8) {
    display: none; }
  .how-it-works .card:nth-child(n+4) {
    margin-top: 2rem; }
.how-it-works .card.is-flipped {
  transform: rotateY(180deg); }
.how-it-works .card__face {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
.how-it-works .card__face img {
  width: 100%; }
.how-it-works .card__face--back {
  transform: rotateY(180deg);
  position: absolute; }
  .how-it-works .card__face--back img {
    display: none; }
@media only screen and (min-width: 992px) {
  .how-it-works {
    display: flex; }
    .how-it-works .section-container {
      width: 67.99%;
      display: flex;
      justify-content: space-between;
      padding-bottom: 4.87rem; }
      .how-it-works .section-container .card {
        background-color: transparent;
        width: 22%; }
        .how-it-works .section-container .card:nth-child(4), .how-it-works .section-container .card:nth-child(8) {
          display: flex; }
        .how-it-works .section-container .card:nth-child(4) {
          margin-top: 0; }
        .how-it-works .section-container .card:nth-child(n+5) {
          margin-top: 1.1rem; }
      .how-it-works .section-container > div > p {
        margin: 50px 0; }
      .how-it-works .section-container > div:nth-child(1) {
        width: 51%;
        margin: 0; }
      .how-it-works .section-container > div:nth-child(2) {
        width: 43%; }
        .how-it-works .section-container > div:nth-child(2) .switch-container {
          height: 3.839rem;
          padding: 0;
          margin: 0 auto; }
        .how-it-works .section-container > div:nth-child(2) > img:nth-child(n+5) {
          margin-top: 3%; }
        .how-it-works .section-container > div:nth-child(2) .stats {
          border-radius: 20px;
          background: #F7F7F7; }
          .how-it-works .section-container > div:nth-child(2) .stats .stats-container {
            margin-top: 50px;
            width: 79%;
            padding: 1.47rem 0 1.47rem .65rem; }
            .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container {
              height: 2.25rem; }
              .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container:nth-child(n+2) {
                margin-top: .92rem; }
              .how-it-works .section-container > div:nth-child(2) .stats .stats-container .bars-container .bar-container .bar-text {
                padding-left: .65rem;
                line-height: 2.25rem;
                font-size: .92rem;
                word-spacing: initial; }
            .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container {
              display: flex;
              flex-direction: column;
              justify-content: space-around; }
              .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent::before, .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent::after {
                font-size: 1.67rem;
                line-height: 1; }
              .how-it-works .section-container > div:nth-child(2) .stats .stats-container .percents-container .percent:nth-child(n+2) {
                margin-top: .92rem; }
            .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table {
              margin-top: 1.6rem; }
              .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column {
                font-size: .98rem; }
                .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column .table-cell.table-header {
                  margin-bottom: .55rem; }
                .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table .table-column .table-cell:not(.table-header):nth-child(n+2) {
                  margin-top: .47rem; }
            .how-it-works .section-container > div:nth-child(2) .stats .stats-container .table-legend {
              font-size: .75rem;
              margin-top: -.4rem;
              margin-bottom: .2rem; } }

.gallery {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .gallery > img {
    width: 29%;
    background-color: #F7F7F7; }
    .gallery > img:nth-child(4), .gallery > img:nth-child(8) {
      display: none; }
    .gallery > img:nth-child(n+4) {
      margin-top: 6%; }
  @media only screen and (min-width: 768px) {
    .gallery {
      background-color: #F7F7F7;
      border-radius: 20px;
      padding: 2rem; }
      .gallery > img {
        width: 22%;
        margin: 0;
        background-color: white; }
        .gallery > img:nth-child(4) {
          margin-top: 0; }
        .gallery > img:nth-child(4), .gallery > img:nth-child(8) {
          display: block; }
        .gallery > img:nth-child(n+5) {
          margin-top: 3%; } }

#stats,
#how-it-works-gallery {
  display: none; }

.switch-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 84%;
  margin: 20px auto 0;
  padding: 0; }
  .switch-container > span {
    font-size: 1.11rem; }

.switch {
  position: relative;
  display: inline-block;
  width: 4.2rem;
  height: 2.1rem;
  margin: 0; }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FF6F26;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 34px; }
  .slider:before {
    position: absolute;
    content: "";
    height: 1.83rem;
    width: 1.83rem;
    left: .15rem;
    bottom: .135rem;
    border-radius: 50%;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s; }

input:checked ~ .gallery {
  display: none; }
input:checked + .slider {
  background-color: #19A68E; }
input:checked + .slider:before {
  -webkit-transform: translateX(2.07rem);
  -ms-transform: translateX(2.07rem);
  transform: translateX(2.07rem); }

@keyframes progressBar {
  0% {
    width: 0; }
  100% {
    width: var(--barWidth); } }
.simple-pricing__cell ul li:nth-of-type(odd) {
  background-color: rgba(238, 238, 238, 0.4); }
.simple-pricing__cell ul {
  min-height: 190px; }
.simple-pricing__cell ul.search {
  min-height: 230px; }

.simple-pricing__cell.pricing-center ul {
  min-height: 260px; }

#contact-sales-text {
  text-align: center;
  font-family: "Visely Medium";
  width: 65%;
  margin: auto;
  font-size: 1.3rem !important; }

.visely-pricing .comparison-header {
  display: flex; }
.visely-pricing .pricing-features {
  list-style-type: none;
  margin-bottom: 40px;
  margin-left: 0px; }
  .visely-pricing .pricing-features li {
    display: flex;
    padding: 10px 0px 0px 0px; }
  .visely-pricing .pricing-features .price {
    color: #3399cc; }
.visely-pricing ul li:nth-of-type(odd) {
  background-color: rgba(238, 238, 238, 0.4); }
.visely-pricing .pricing-name {
  font-size: 0.6rem;
  text-transform: uppercase; }
  @media (min-width: 768px) {
    .visely-pricing .pricing-name {
      font-size: 1.0625rem; } }
.visely-pricing .icon-color {
  color: #66cc99; }
.visely-pricing .icon-color-not-available {
  color: #cc2121; }
.visely-pricing .column-info {
  font-size: 16px;
  font-weight: 500;
  color: #3e396b; }
  @media (min-width: 768px) {
    .visely-pricing .column-info {
      font-size: 20px; } }
.visely-pricing .column-wide {
  flex: 40%;
  margin-left: 15px; }
.visely-pricing .column-narrow {
  flex: 20%;
  text-align: center; }

.pricing .section-title > img {
  width: 1.5rem; }
.pricing #contact-sales-text {
  display: none; }
.pricing .a--underlined {
  text-align: center;
  justify-content: center;
  margin-top: 1.7rem; }
.pricing .a--underlined:hover {
  color: black;
  cursor: pointer; }
.pricing .plan-container:nth-child(1) .btn, .pricing .plan-container:nth-child(3) .btn {
  color: #19A68E;
  border: .1rem solid #19A68E;
  background-color: unset;
  text-decoration: none !important; }
.pricing .plan-container .btn {
  margin: 2rem auto 0; }
.pricing .plan {
  width: 100%;
  border-radius: 6px;
  background-color: #F7F7F7;
  padding: 1.6rem 1.75rem;
  display: flex;
  flex-direction: column; }
  .pricing .plan .plan-heading {
    display: flex;
    align-items: center; }
    .pricing .plan .plan-heading h2 {
      margin: 0; }
    .pricing .plan .plan-heading img {
      margin-left: 1.3rem;
      width: auto;
      height: 1.35rem; }
  .pricing .plan .plan-subheading {
    margin-top: .3rem; }
    .pricing .plan .plan-subheading p {
      color: #19A68E; }
  .pricing .plan .plan-price {
    margin-top: 0.4rem;
    font-size: 1.2rem;
    font-family: 'Visely Medium'; }
    .pricing .plan .plan-price span {
      font-size: 2.6rem;
      line-height: 1.2;
      font-weight: 600; }
  .pricing .plan ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0; }
    .pricing .plan ul li {
      background-repeat: no-repeat; }
  .pricing .plan .plan-features {
    margin-top: .4rem; }
    .pricing .plan .plan-features li {
      background-image: url(/images/pricing/features-list-style.svg);
      background-size: auto .8rem;
      background-position: left .155rem;
      padding-left: .7rem;
      color: #19A68E;
      font-size: 1.11rem;
      line-height: 1; }
      .pricing .plan .plan-features li:nth-child(n+2) {
        margin-top: .2rem; }
  .pricing .plan .benefits-heading {
    font-size: 1.15rem;
    color: #333;
    font-family: 'Visely Medium';
    margin-top: 1.8rem;
    margin-bottom: -1.8rem; }
  .pricing .plan .plan-benefits {
    margin-top: 2.2rem; }
    .pricing .plan .plan-benefits li {
      font-family: 'Visely Regular';
      background-image: url("/images/pricing/benefits-list-style.png");
      background-size: auto 1.4rem;
      background-position: left center;
      padding-left: 2.1rem;
      font-size: 1.15rem;
      line-height: 1.4rem; }
      .pricing .plan .plan-benefits li:nth-child(n+2) {
        margin-top: .8rem; }
.pricing .plan--premium {
  background-color: #E3F3F2; }
  .pricing .plan--premium .plan-stat-container {
    position: relative; }
    .pricing .plan--premium .plan-stat-container .plan-stat {
      font-family: 'Visely Medium';
      background-image: url("/images/pricing/heart.svg");
      background-color: #19A68E;
      background-repeat: no-repeat;
      background-position: 7% center;
      background-size: auto 42%;
      color: white;
      position: absolute;
      top: -2.62rem;
      height: 2.05rem;
      line-height: 2.05rem;
      width: auto;
      border-radius: 100px;
      padding-left: 2.25rem;
      padding-right: 1rem;
      font-size: .8rem; }
  .pricing .plan--premium .plan-heading {
    margin-top: 1.025rem; }
.pricing .plan-container:nth-child(n+2) {
  margin-top: 2.1rem; }
.pricing .flexible-options {
  background-color: #f7f7f7;
  width: 100%;
  padding: 2rem 8%;
  display: none; }
  .pricing .flexible-options .section-title img {
    width: 2.3rem; }
  .pricing .flexible-options .price-calculator {
    background: white;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center; }
    .pricing .flexible-options .price-calculator .price-per-month p:nth-child(2) {
      margin-top: 30px;
      margin-bottom: 0;
      font-family: "Visely Bold";
      font-size: 3rem !important;
      color: #19A68E; }
    .pricing .flexible-options .price-calculator .price-per-month p:nth-child(3) {
      margin-top: 0;
      font-family: "Visely Medium";
      color: #C4C4C4; }
    .pricing .flexible-options .price-calculator .btn {
      margin-top: 30px;
      border: 2px solid #19A68E;
      color: #19A68E;
      background-color: unset; }
      .pricing .flexible-options .price-calculator .btn#contact-sales-btn {
        display: none; }
    .pricing .flexible-options .price-calculator .calculator-title {
      text-align: center; }
      .pricing .flexible-options .price-calculator .calculator-title p {
        font-family: "Visely Medium"; }
    .pricing .flexible-options .price-calculator .plan-selector-container {
      display: flex;
      justify-content: center;
      margin-top: 20px; }
      .pricing .flexible-options .price-calculator .plan-selector-container .plan-label {
        font-family: "Visely Medium";
        cursor: pointer;
        display: block;
        text-align: center;
        border-radius: 10px;
        border: 1.5px solid #E3F3F2;
        width: 27%;
        margin-bottom: 0;
        padding: 1rem 0 .5rem; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label.active-label {
          border-color: #A3D8D4; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label.active-label .checkmark {
            background: radial-gradient(circle, #19A68E 40%, rgba(255, 0, 0, 0) 41%); }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label.active-label img:nth-child(1) {
            display: none; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label.active-label img:nth-child(2) {
            margin: auto;
            display: block; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label img {
          height: 1.4rem; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label img:nth-child(2) {
            display: none; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label p {
          font-family: "Visely Medium";
          margin-top: .7rem;
          margin-bottom: 0; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label:nth-child(2) {
          margin: 0 1rem; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label input[type=radio] {
          opacity: 0;
          width: 0;
          height: 0;
          position: absolute; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label .checkmark {
          display: block;
          margin: .7rem auto 0;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          border: 1px solid #19A68E; }
    .pricing .flexible-options .price-calculator h2 {
      margin-top: 20px;
      color: #19A68E; }
    .pricing .flexible-options .price-calculator .calls-month-text {
      margin-top: .5rem;
      color: #C4C4C4;
      font-family: "Visely Medium"; }
    .pricing .flexible-options .price-calculator .api-calls-select-wrapper {
      margin: 20px auto 0;
      width: 58%;
      position: relative;
      user-select: none; }
    .pricing .flexible-options .price-calculator .api-calls-select {
      position: relative;
      display: flex;
      flex-direction: column;
      box-sizing: border-box; }
    .pricing .flexible-options .price-calculator .api-calls-select__trigger {
      font-family: "Visely Regular";
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      cursor: pointer;
      padding: .4rem .9rem;
      border: 1.5px solid #A3D8D4;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px; }
    .pricing .flexible-options .price-calculator .api-calls-options {
      text-align: left;
      position: absolute;
      display: block;
      top: 100%;
      left: 0;
      right: 0;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      z-index: 2; }
      .pricing .flexible-options .price-calculator .api-calls-options span {
        padding: .4rem .9rem; }
        .pricing .flexible-options .price-calculator .api-calls-options span.selected {
          background: #A3D8D4; }
    .pricing .flexible-options .price-calculator .api-calls-select.open .api-calls-options {
      opacity: 1;
      visibility: visible;
      pointer-events: all;
      background-color: white;
      border: 1px solid #A3D8D4;
      border-top: none;
      -webkit-border-bottom-right-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomright: 6px;
      -moz-border-radius-bottomleft: 6px;
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px;
      max-height: 50vh;
      overflow-y: scroll; }
    .pricing .flexible-options .price-calculator .api-calls-select.open .api-calls-select__trigger {
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      border-radius: 6px 6px 0 0;
      border-bottom-color: white; }
    .pricing .flexible-options .price-calculator .api-calls-range-wrapper {
      display: none; }
    .pricing .flexible-options .price-calculator .price-per-month-wrapper {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      margin-top: 2rem; }
      .pricing .flexible-options .price-calculator .price-per-month-wrapper .price-per-month {
        display: flex;
        flex-direction: column; }
        .pricing .flexible-options .price-calculator .price-per-month-wrapper .price-per-month p {
          margin: 0;
          display: inline-block; }
          .pricing .flexible-options .price-calculator .price-per-month-wrapper .price-per-month p:nth-child(2) {
            font-size: 3.6rem !important; }
          .pricing .flexible-options .price-calculator .price-per-month-wrapper .price-per-month p:nth-child(3) {
            font-size: 1.6rem !important;
            margin-left: .6rem; }
      .pricing .flexible-options .price-calculator .price-per-month-wrapper .btn {
        margin: 20px 0 3px 0; }
    .pricing .flexible-options .price-calculator .api-calls-option {
      position: relative;
      display: block;
      cursor: pointer; }
    .pricing .flexible-options .price-calculator .api-calls-option:hover {
      cursor: pointer; }
    .pricing .flexible-options .price-calculator .arrow {
      border: solid #A3D8D4;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      margin-top: -.2rem; }
.pricing .pricing-table {
  margin: 0 auto 2rem;
  padding-top: 20px; }
  .pricing .pricing-table .table-header {
    font-family: "Visely Bold"; }
    .pricing .pricing-table .table-header.pricing-table-row {
      height: 2.2rem; }
    .pricing .pricing-table .table-header .pricing-table-column {
      font-size: .95rem;
      text-align: center; }
      .pricing .pricing-table .table-header .pricing-table-column:nth-child(1) {
        width: 46%; }
      .pricing .pricing-table .table-header .pricing-table-column:nth-child(n+2) {
        width: 17%; }
  .pricing .pricing-table .pricing-table-row {
    width: 100%;
    display: flex;
    height: 3.45rem; }
    .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader {
      color: white;
      border-radius: 6px;
      background-color: #19A68E; }
      .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column {
        font-size: 1.2rem;
        font-family: 'Visely Medium'; }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(2) {
          background-size: 34%;
          background-image: url("/images/pricing/growth-white.svg"); }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(3) {
          background-size: 42%;
          background-image: url("/images/pricing/premium-white.svg"); }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(4) {
          background-size: 42%;
          background-image: url("/images/pricing/enterprise-white.svg"); }
      .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(14), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(21), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(26), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(33) {
        margin-top: 2rem; }
    .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column {
      font-size: .95rem;
      display: flex;
      align-items: center;
      font-family: 'Visely Regular'; }
      .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column:nth-child(1) {
        width: 46%;
        padding-left: 1.3rem; }
      .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column:nth-child(n+2) {
        width: 17%;
        text-align: center;
        background-image: url("/images/pricing/benefits-list-style.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 32%; }
      .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column.feature--not-included {
        background-image: url("/images/pricing/x.svg"); }
    .pricing .pricing-table .pricing-table-row.row--highlighted {
      border-radius: 6px;
      background-color: #E3F3F2; }
    .pricing .pricing-table .pricing-table-row:nth-last-child(1) .pricing-table-column:nth-child(n+2) {
      background: none;
      display: flex;
      justify-content: center;
      padding-top: .8rem; }
.pricing .plans-container {
  margin-top: 20px; }
.pricing .plans-container--hidden-link .a--underlined {
  display: none !important; }
.pricing .plans-container--hidden-benefits .plan-benefits {
  display: none; }
.pricing .plans-container--hidden-benefits .benefits-heading {
  display: none; }
@media only screen and (min-width: 768px) {
  .pricing .flexible-options {
    padding: 4.85rem 15.75%; }
    .pricing .flexible-options .section-title img {
      width: 3.3rem; }
    .pricing .flexible-options #contact-sales-text {
      font-family: "Visely Medium"; }
    .pricing .flexible-options .price-calculator {
      display: flex;
      justify-content: space-between;
      padding: 2rem 2.5rem; }
      .pricing .flexible-options .price-calculator > div:nth-child(2) {
        width: 74%;
        text-align: left;
        padding-top: 2.5rem;
        display: flex;
        flex-direction: column; }
        .pricing .flexible-options .price-calculator > div:nth-child(2) .price-per-month-wrapper {
          margin-top: auto;
          display: flex;
          flex-direction: row;
          align-items: flex-end; }
          .pricing .flexible-options .price-calculator > div:nth-child(2) .price-per-month-wrapper .price-per-month {
            flex-direction: row;
            align-items: baseline; }
          .pricing .flexible-options .price-calculator > div:nth-child(2) .price-per-month-wrapper #contact-sales-text {
            font-size: 1.5rem !important;
            margin-left: 0;
            width: auto;
            text-align: left; }
        .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-text {
          display: flex;
          align-items: baseline; }
          .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-text h2 {
            font-size: 2.4rem;
            margin: 0; }
          .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-text p {
            margin: 0 0 0 .7rem; }
          .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-text h2, .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-text p {
            display: inline-block; }
        .pricing .flexible-options .price-calculator > div:nth-child(2) .api-calls-range-wrapper {
          margin-top: .5rem; }
      .pricing .flexible-options .price-calculator .plan-selector-container {
        flex-direction: column; }
        .pricing .flexible-options .price-calculator .plan-selector-container .plan-label {
          display: flex;
          width: 100%;
          align-items: center;
          padding: 1.2rem .7rem;
          border-width: 2px; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label.active-label img:nth-child(2) {
            margin: 0 1rem; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label:nth-child(2) {
            margin: .85rem 0; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label .checkmark {
            order: 0;
            margin: 0;
            width: 16px;
            height: 16px; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label img {
            order: 1;
            margin: 0 1rem; }
          .pricing .flexible-options .price-calculator .plan-selector-container .plan-label p {
            order: 2;
            margin: 0;
            font-size: 1rem !important; }
      .pricing .flexible-options .price-calculator .api-calls-select-wrapper {
        display: none; }
      .pricing .flexible-options .price-calculator .calculator-title {
        text-align: left; }
      .pricing .flexible-options .price-calculator .api-calls-range-wrapper {
        display: block;
        /* All the same stuff for Firefox */
        /* All the same stuff for IE */ }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper datalist {
          display: flex;
          justify-content: space-between;
          color: #C4C4C4;
          width: 100%;
          padding: 0 10px; }
          .pricing .flexible-options .price-calculator .api-calls-range-wrapper datalist option {
            font-family: "Visely Medium";
            display: flex;
            width: 1px;
            justify-content: center; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input {
          width: 100%; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range] {
          -webkit-appearance: none;
          /* Hides the slider so that custom slider can be made */
          width: 100%;
          /* Specific width is required for Firefox. */
          height: 4px; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range]::-webkit-slider-thumb {
          -webkit-appearance: none; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range]:focus {
          outline: none;
          /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range]::-webkit-slider-thumb {
          -webkit-appearance: none;
          border: none;
          height: 21px;
          width: 21px;
          border-radius: 50%;
          background: #19A68E;
          cursor: pointer;
          margin-top: -17.5px;
          /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */ }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range]::-moz-range-thumb {
          height: 21px;
          width: 21px;
          border-radius: 50%;
          border: none;
          background: #19A68E;
          cursor: pointer; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper input[type=range]::-ms-thumb {
          height: 21px;
          width: 21px;
          border-radius: 3px;
          background: #ffffff;
          cursor: pointer; }
        .pricing .flexible-options .price-calculator .api-calls-range-wrapper datalist {
          margin-top: .3rem; }
  .pricing .plans-container {
    display: flex;
    justify-content: space-between; }
    .pricing .plans-container .plan-container {
      width: 31.8%; }
      .pricing .plans-container .plan-container:nth-child(2) {
        margin-top: 0; }
        .pricing .plans-container .plan-container:nth-child(2) .plan {
          height: 29.6rem;
          padding: 1.2rem 2.1rem 1.6rem; }
          .pricing .plans-container .plan-container:nth-child(2) .plan .plan-heading {
            margin-top: 1.2rem; }
      .pricing .plans-container .plan-container:nth-child(1), .pricing .plans-container .plan-container:nth-child(3) {
        margin-top: .9rem; }
        .pricing .plans-container .plan-container:nth-child(1) .plan, .pricing .plans-container .plan-container:nth-child(3) .plan {
          height: 27.8rem; }
      .pricing .plans-container .plan-container .plan .plan-heading h2 {
        font-size: 1.9rem;
        line-height: 1; }
      .pricing .plans-container .plan-container .plan .plan-heading img {
        margin-left: .9rem; }
      .pricing .plans-container .plan-container .plan .plan-subheading {
        margin-top: .85rem; }
        .pricing .plans-container .plan-container .plan .plan-subheading p {
          font-size: .85rem !important; }
      .pricing .plans-container .plan-container .plan .plan-price {
        margin-top: .30rem;
        font-size: 1.1rem; }
        .pricing .plans-container .plan-container .plan .plan-price span {
          font-size: 2.5rem;
          line-height: 1; }
      .pricing .plans-container .plan-container .plan .plan-features li {
        font-size: 1rem; }
      .pricing .plans-container .plan-container .plan .plan-benefits {
        margin-top: 2.3rem; }
        .pricing .plans-container .plan-container .plan .plan-benefits li {
          font-size: .93rem;
          background-size: auto 1.3rem; }
          .pricing .plans-container .plan-container .plan .plan-benefits li:nth-child(n+2) {
            margin-top: .65rem; }
      .pricing .plans-container .plan-container .plan .btn {
        margin: auto auto 0; }
      .pricing .plans-container .plan-container .plan--premium .plan-stat {
        width: auto;
        top: -2.15rem;
        height: 1.9rem;
        line-height: 1.9rem; }
      .pricing .plans-container .plan-container .a--underlined {
        margin-top: 2rem; }
  .pricing .pricing-table {
    margin: 4.85rem auto 6rem; }
    .pricing .pricing-table .table-header {
      font-family: "Visely Bold"; }
      .pricing .pricing-table .table-header.pricing-table-row {
        height: 2.5rem; }
      .pricing .pricing-table .table-header .pricing-table-column {
        font-size: 1.2rem; }
    .pricing .pricing-table .pricing-table-row {
      height: 2.42rem; }
      .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column {
        font-size: 1rem; }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(n+2) {
          background-position: center;
          background-repeat: no-repeat; }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(2) {
          background-size: 13%; }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(3) {
          background-size: 16%; }
        .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader .pricing-table-column:nth-child(4) {
          background-size: 16%; }
      .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(14), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(21), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(26), .pricing .pricing-table .pricing-table-row:not(.table-header).pricing-table-subheader:nth-child(33) {
        margin-top: 1.5rem; }
      .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column {
        font-size: .85rem; }
        .pricing .pricing-table .pricing-table-row:not(.table-header) .pricing-table-column:nth-child(n+2) {
          background-size: 9%; } }

.grow-your-store {
  background-image: linear-gradient(180deg, #fafafa 10%, white 100%), url(/images/grow-your-store/clouds.png), url(/images/grow-your-store/mountain-1.png), url(/images/grow-your-store/mountain-2.png), linear-gradient(180deg, #BCE4C4 0%, #91BFA6 68.75%);
  background-repeat: no-repeat;
  background-size: 100% 38%, 100%, 85%, 156%, 100%;
  background-position: center bottom, center 43%, -4.3rem 43%, -14.1rem center, center center; }
  .grow-your-store .section-title {
    align-items: flex-start; }
  .grow-your-store .card-container {
    margin-top: 7.42rem; }
    .grow-your-store .card-container .card:nth-child(n+2) {
      margin-top: 1rem; }
    .grow-your-store .card-container .card > div:nth-child(1) .card-percentage {
      color: #00806A;
      background-image: url("/images/grow-your-store/elipse.svg"); }
    .grow-your-store .card-container .card > div .card-author {
      color: #19A68E; }
    @media only screen and (min-width: 992px) {
      .grow-your-store .card-container {
        margin-top: 7.07rem; }
        .grow-your-store .card-container .card:nth-child(1) {
          order: 2; }
        .grow-your-store .card-container .card:nth-child(2) {
          order: 1; }
        .grow-your-store .card-container .card:nth-child(3) {
          order: 3; } }
  @media only screen and (min-width: 992px) {
    .grow-your-store {
      background-size: 0, 100%, 36%, 64%, 100%;
      background-position: center bottom, center 47%, -2rem bottom, right 90%, center center; } }

.stop-losing-customers {
  background: linear-gradient(180deg, #FFEECC 0%, #FFBF66 68.75%); }
  .stop-losing-customers .card-container .card {
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(10px); }
  .stop-losing-customers .card-container .card:nth-child(n+2) {
    margin-top: 1.3rem; }
  .stop-losing-customers .card-container .card--yellow > div:nth-child(1) .card-percentage {
    color: #F79F2C;
    background-image: url("/images/stop-losing-customers/elipse-yellow.svg"); }
  .stop-losing-customers .card-container .card--yellow > div .card-author {
    color: #F79F2C; }
  .stop-losing-customers .card-container .card--red > div:nth-child(1) .card-percentage {
    color: #C63B27;
    background-image: url("/images/stop-losing-customers/elipse-red.svg"); }
  .stop-losing-customers .card-container .card--red > div .card-author {
    color: #C63B27; }
  @media only screen and (min-width: 768px) {
    .stop-losing-customers .card-container .card:nth-child(n+4) {
      margin-top: 1.5rem !important; } }

.our-customers {
  background-color: #D1EBE9;
  padding-bottom: 2rem; }
  .our-customers .section-container {
    padding-bottom: 0; }
  .our-customers a {
    text-align: center;
    margin-top: 20px; }
  .our-customers .reviews-arrows .reviews-arrow {
    background: none;
    top: 31%; }
    .our-customers .reviews-arrows .reviews-arrow img {
      height: 100%;
      width: auto; }
  .our-customers .reviews-arrows .reviews-arrow--next {
    right: 1.3rem; }
  .our-customers .reviews-arrows .reviews-arrow--prev {
    left: 1.3rem; }
  .our-customers .review-card {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    align-items: center;
    padding: 2.07rem;
    width: 100%; }
    .our-customers .review-card > div {
      width: 100%; }
      .our-customers .review-card > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
    .our-customers .review-card .review-img img {
      width: 100%; }
    .our-customers .review-card .review-text {
      margin-top: 1.3rem;
      height: 13.5rem; }
      .our-customers .review-card .review-text p {
        text-align: justify; }
    .our-customers .review-card .review-author {
      margin-top: 1.1rem;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .our-customers .review-card .review-author img {
        width: 2.1rem; }
      .our-customers .review-card .review-author p {
        margin: 0; }
  @media only screen and (min-width: 928px) {
    .our-customers {
      padding-bottom: 4.87rem; }
      .our-customers a {
        margin-top: 50px; }
      .our-customers .reviews-arrows .reviews-arrow {
        background: none;
        top: 58%;
        height: 3.4rem;
        width: 3.4rem; }
      .our-customers .reviews-arrows .reviews-arrow--next {
        right: 15.3rem; }
      .our-customers .reviews-arrows .reviews-arrow--prev {
        left: 15.3rem; }
      .our-customers .review-card {
        margin-top: 50px;
        flex-direction: row;
        padding: 3.6rem 4.6rem;
        justify-content: space-between;
        align-items: stretch; }
        .our-customers .review-card > div:nth-child(1) {
          width: 47%; }
        .our-customers .review-card > div:nth-child(2) {
          width: 45%;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
        .our-customers .review-card .review-img {
          order: 1; }
          .our-customers .review-card .review-img img {
            width: 100%; }
        .our-customers .review-card .review-text {
          margin: 0; } }

.choose-visely {
  background-color: #F4F4F6;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 70.1vw;
  background-size: 100% auto; }
  .choose-visely.choose-visely--with-background {
    background-image: url("/images/shoppers.png"); }
  .choose-visely.sign-up-for-newsletter {
    padding-bottom: 0;
    background-image: none;
    margin-top: 20px; }
    .choose-visely.sign-up-for-newsletter p,
    .choose-visely.sign-up-for-newsletter .form-consent {
      margin-top: 20px; }
    .choose-visely.sign-up-for-newsletter .form-consent {
      color: #b8b8b8;
      font-family: 'Visely Regular';
      font-size: .95rem;
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
      .choose-visely.sign-up-for-newsletter .form-consent a {
        display: inline;
        color: #b8b8b8;
        text-decoration-color: #b8b8b8 !important;
        font-size: .95rem; }
  .choose-visely .section-container {
    padding-top: 4.85rem;
    text-align: center; }
    .choose-visely .section-container .section-title {
      flex-direction: column;
      align-items: center; }
      .choose-visely .section-container .section-title h2:nth-child(2) {
        margin-top: 20px; }
    .choose-visely .section-container .form {
      margin-top: 20px; }
      .choose-visely .section-container .form input {
        font-family: 'Visely Regular';
        border: .15rem solid #19A68E;
        text-align: center;
        border-radius: 6px;
        width: 14.6rem;
        height: 3.55rem;
        font-size: 1.2rem; }
        .choose-visely .section-container .form input::placeholder {
          color: #C4C4C4; }
        .choose-visely .section-container .form input:focus {
          outline: none; }
      .choose-visely .section-container .form .btn {
        margin-top: .6rem; }
  @media only screen and (min-width: 992px) {
    .choose-visely {
      padding-bottom: 25.7vw;
      background-size: 45% auto; }
      .choose-visely.sign-up-for-newsletter {
        font-size: 1rem;
        margin-top: 50px; }
        .choose-visely.sign-up-for-newsletter p,
        .choose-visely.sign-up-for-newsletter .form-consent {
          margin-top: 50px; }
        .choose-visely.sign-up-for-newsletter .form-consent {
          width: 55%;
          font-size: 1rem; }
          .choose-visely.sign-up-for-newsletter .form-consent a {
            font-size: 1rem; }
      .choose-visely .section-container .section-title h2:nth-child(2) {
        margin-top: 50px; }
      .choose-visely .section-container .form {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 50px; }
        .choose-visely .section-container .form input {
          width: 12.89rem;
          height: 3.05rem; }
        .choose-visely .section-container .form .btn {
          margin-top: 0;
          margin-left: 1rem; } }

.grid-title {
  margin-top: 4.5rem;
  padding: 2.5rem 2.15rem;
  background: #F7F7F7; }
  .grid-title .grid-col:nth-child(2) .grid-col-inner img {
    margin-top: 20px; }
  .grid-title p {
    margin-top: 20px; }
  .grid-title > div:nth-child(2) img {
    width: 100%;
    margin: auto; }
  .grid-title.grid-title--blog {
    background: none; }
  @media only screen and (min-width: 992px) {
    .grid-title {
      display: flex;
      padding: 5.2rem 4rem; }
      .grid-title p {
        margin-top: 50px; }
      .grid-title.grid-title--search img {
        margin-left: auto; }
      .grid-title.grid-title--blog {
        padding-bottom: 0; }
      .grid-title.grid-title--recomendations .section-title img {
        margin-left: -3rem; }
      .grid-title .grid-col {
        width: 50%;
        order: 2;
        display: flex;
        align-items: flex-start;
        padding: 0 6.05rem; }
        .grid-title .grid-col .grid-col-inner {
          width: 85%; }
        .grid-title .grid-col:nth-child(1) {
          justify-content: flex-end; }
        .grid-title .grid-col:nth-child(2) {
          justify-content: flex-start;
          padding-left: 3rem; } }

.grid .grid-row {
  display: flex;
  flex-direction: column; }
  .grid .grid-row .grid-col {
    padding: .7rem 2.15rem; }
    .grid .grid-row .grid-col:nth-child(1) {
      padding: 2.5rem 2.15rem; }
    .grid .grid-row .grid-col .grid-col-inner img {
      width: 100%; }
    .grid .grid-row .grid-col .grid-col-inner p {
      margin-top: 20px; }
    .grid .grid-row .grid-col .grid-col-inner ul {
      margin-top: 20px;
      margin-bottom: 0;
      list-style: none;
      padding: 0; }
      .grid .grid-row .grid-col .grid-col-inner ul li {
        font-family: 'Visely Regular';
        letter-spacing: 0;
        font-weight: 500 !important; }
        .grid .grid-row .grid-col .grid-col-inner ul li::before {
          content: "\2022";
          color: #19A68E;
          font-weight: bold;
          display: inline-block;
          width: 1em; }
@media only screen and (min-width: 992px) {
  .grid .grid-row {
    flex-direction: row;
    flex-wrap: wrap; }
    .grid .grid-row .grid-col {
      width: 50%;
      padding: 0;
      order: 2;
      display: flex;
      align-items: center;
      padding: 4.8rem 6.05rem !important; }
      .grid .grid-row .grid-col .grid-col-inner {
        width: 85%; }
        .grid .grid-row .grid-col .grid-col-inner p {
          margin-top: 50px;
          margin-bottom: 0; }
          .grid .grid-row .grid-col .grid-col-inner p:nth-child(n+3) {
            margin-top: 25px; }
        .grid .grid-row .grid-col .grid-col-inner ul {
          margin-top: 25px;
          margin-bottom: 0;
          list-style: none;
          padding: 0; }
          .grid .grid-row .grid-col .grid-col-inner ul li {
            font-family: 'Visely Regular';
            font-size: 1.2rem !important;
            line-height: 1.2 !important;
            letter-spacing: 0;
            font-weight: 500 !important; }
            .grid .grid-row .grid-col .grid-col-inner ul li::before {
              content: "\2022";
              color: #19A68E;
              font-weight: bold;
              display: inline-block;
              width: .7em;
              font-size: 1.7rem;
              line-height: 1.7rem; }
      .grid .grid-row .grid-col:nth-child(1) {
        justify-content: flex-end; }
      .grid .grid-row .grid-col:nth-child(2) {
        justify-content: flex-start; }
    .grid .grid-row:nth-child(odd) .grid-col:nth-child(1) {
      justify-content: flex-start; }
    .grid .grid-row:nth-child(odd) .grid-col:nth-child(2) {
      order: 1;
      justify-content: flex-end; } }
@media only screen and (min-width: 1280px) {
  .grid .grid-row .grid-col .grid-col-inner {
    width: 75%; } }
.grid.grid--search .grid-row:nth-child(1) .grid-col:nth-child(2) {
  background: #A3D8D4;
  padding: 3.4rem 2.15rem; }
.grid.grid--search .grid-row:nth-child(2) .grid-col:nth-child(2) {
  background: #F7F7F7;
  padding: 3.2rem 2.15rem; }
.grid.grid--search .grid-row:nth-child(3) .grid-col:nth-child(2) {
  background: #FFEECC;
  padding: 2.2rem 2.15rem; }
.grid.grid--search .grid-row:nth-child(4) .grid-col:nth-child(2) {
  background: #DAF2E6;
  padding: 2.6rem 2.15rem; }
.grid.grid--search .grid-row:nth-child(5) .grid-col:nth-child(2) {
  background: #F7F7F7;
  padding: 2.2rem 2.15rem; }
.grid.grid--search .grid-row:nth-child(6) .grid-col:nth-child(2) {
  background: #F7F7F7; }
.grid.grid--recommendations .grid-row:nth-child(1) .grid-col:nth-child(2) {
  background: #B4D0F6;
  padding: 3.4rem 2.15rem; }
.grid.grid--recommendations .grid-row:nth-child(2) .grid-col:nth-child(2) {
  background: #00806A;
  padding: 3.2rem 2.15rem; }
.grid.grid--recommendations .grid-row:nth-child(3) .grid-col:nth-child(2) {
  background: #F7F7F7;
  padding: 2.2rem 2.15rem; }
.grid.grid--recommendations .grid-row:nth-child(4) .grid-col:nth-child(2) {
  background: #FFEECC;
  padding: 2.6rem 2.15rem; }
.grid.grid--personalized .grid-row:nth-child(1) .grid-col:nth-child(2) {
  background: #DAF2E6;
  padding: 3.4rem 2.15rem; }
.grid.grid--personalized .grid-row:nth-child(2) .grid-col:nth-child(2) {
  background: #FFEECC;
  padding: 3.2rem 2.15rem; }
.grid.grid--personalized .grid-row:nth-child(3) .grid-col:nth-child(2) {
  background: #E3F3F2;
  padding: 2.2rem 2.15rem; }
.grid.grid--personalized .grid-row:nth-child(4) .grid-col:nth-child(2) {
  background: #F7F7F7;
  padding: 2.6rem 2.15rem; }

.recommendations-subheader {
  background: #F7F7F7;
  display: flex;
  flex-direction: column;
  padding: 1rem 2.15rem 2rem; }
  .recommendations-subheader .subheader-col {
    margin-top: 2rem; }
    .recommendations-subheader .subheader-col:nth-child(1) .img-with-title:nth-child(1) img {
      margin-left: -1.5rem; }
    .recommendations-subheader .subheader-col .img-with-title {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .recommendations-subheader .subheader-col .img-with-title > .title {
        width: 45%;
        order: 2; }
        .recommendations-subheader .subheader-col .img-with-title > .title h4 {
          color: #19A68E;
          font-family: 'Visely Medium'; }
      .recommendations-subheader .subheader-col .img-with-title > img {
        height: 10rem;
        width: auto;
        order: 1; }
    .recommendations-subheader .subheader-col p {
      margin-top: 1rem; }
  @media only screen and (min-width: 992px) {
    .recommendations-subheader {
      flex-direction: row;
      padding: 50px 14.5rem 50px;
      justify-content: space-between; }
      .recommendations-subheader .subheader-col {
        margin-top: 2rem;
        width: 27%; }
        .recommendations-subheader .subheader-col .img-with-title {
          flex-direction: column;
          align-items: flex-start; }
          .recommendations-subheader .subheader-col .img-with-title > .title {
            height: 4rem;
            width: 100%;
            order: 1; }
          .recommendations-subheader .subheader-col .img-with-title > img {
            order: 2;
            margin-top: 2rem; }
        .recommendations-subheader .subheader-col p {
          margin-top: 2.5rem;
          width: 77%;
          font-size: 1.1rem !important; } }

.grid-title.integrations-title {
  background-color: white; }
  .grid-title.integrations-title h4 {
    margin-top: 40px; }
  @media only screen and (min-width: 992px) {
    .grid-title.integrations-title {
      flex-wrap: wrap; }
      .grid-title.integrations-title > .grid-col {
        flex-wrap: wrap; }
        .grid-title.integrations-title > .grid-col:nth-child(2) {
          padding-left: 6.05rem; }
          .grid-title.integrations-title > .grid-col:nth-child(2) .grid-col-inner .integrations-header-links {
            margin-top: .5rem; }
            .grid-title.integrations-title > .grid-col:nth-child(2) .grid-col-inner .integrations-header-links .separator {
              height: 2.5rem; }
        .grid-title.integrations-title > .grid-col:nth-child(1), .grid-title.integrations-title > .grid-col:nth-child(3) {
          justify-content: flex-start;
          padding-left: 10.5rem; }
        .grid-title.integrations-title > .grid-col:nth-child(4) {
          align-self: flex-end; }
          .grid-title.integrations-title > .grid-col:nth-child(4) ul {
            margin: 0; } }
.grid-title .grid-col:nth-child(2) .grid-col-inner .integrations-header-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #E3F3F2;
  border-radius: 10px;
  padding: 1rem 2.4rem;
  margin-top: 20px; }
  .grid-title .grid-col:nth-child(2) .grid-col-inner .integrations-header-links a > img {
    width: auto;
    margin: 0; }
  .grid-title .grid-col:nth-child(2) .grid-col-inner .integrations-header-links a:nth-child(1) > img {
    height: 1.6rem; }
  .grid-title .grid-col:nth-child(2) .grid-col-inner .integrations-header-links a:nth-child(3) > img {
    height: 2rem; }
  .grid-title .grid-col:nth-child(2) .grid-col-inner .integrations-header-links .separator {
    background: #A3D8D4;
    width: 3px;
    height: 3rem; }
.grid-title h4 {
  margin-top: 20px;
  color: #19A68E;
  font-family: 'Visely Medium';
  margin-bottom: 0; }
.grid-title p {
  margin-bottom: 0; }
.grid-title ul {
  list-style-type: none;
  padding: 0;
  margin-top: 20px; }
  .grid-title ul li {
    background-image: url("/images/pricing/benefits-list-style.png");
    background-size: auto 1.4rem;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 2.1rem;
    font-size: 1.15rem;
    line-height: 1.4rem;
    margin-top: 10px; }

.integrations-subheader > .subheader-col:nth-child(1) > .img-with-title:nth-child(1) > img {
  margin-left: 0; }
@media only screen and (min-width: 992px) {
  .integrations-subheader .subheader-col .img-with-title > img {
    height: 8rem; } }

.grid-row--integrations {
  padding: 1rem 2.15rem 2rem; }
  .grid-row--integrations h4 {
    color: #19A68E; }
  .grid-row--integrations .img-gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center; }
    .grid-row--integrations .img-gallery > div {
      width: 50%;
      text-align: center;
      margin-top: 40px; }
  .grid-row--integrations .install-app-container {
    margin-top: 40px;
    text-align: center; }
    .grid-row--integrations .install-app-container > * {
      margin-top: 20px; }
    .grid-row--integrations .install-app-container > .text--grayed {
      color: #C4C4C4;
      margin-bottom: 0; }
    .grid-row--integrations .install-app-container > .btn {
      background: none;
      color: #19A68E;
      border: 2px solid #19A68E; }
  @media only screen and (min-width: 992px) {
    .grid-row--integrations {
      padding: 50px 14.5rem; }
      .grid-row--integrations .img-gallery {
        margin-top: 50px; }
        .grid-row--integrations .img-gallery > div {
          margin-top: 0;
          width: 20%; }
          .grid-row--integrations .img-gallery > div:nth-child(n+6) {
            margin-top: 70px; }
      .grid-row--integrations .install-app-container {
        margin-top: 50px;
        display: flex;
        align-items: center; }
        .grid-row--integrations .install-app-container h4 {
          margin-right: 8vw; }
        .grid-row--integrations .install-app-container .btn {
          margin-right: 1.5vw; } }

.load-wraper {
  position: relative;
  height: 100%;
  width: 100%;
  background-color: lightgray;
  z-index: 44;
  overflow: hidden;
  border-radius: 5px; }

.activity {
  position: absolute;
  left: -45%;
  height: 100%;
  width: 45%;
  background-image: linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  background-image: -moz-linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  background-image: -webkit-linear-gradient(to left, rgba(251, 251, 251, 0.05), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.6), rgba(251, 251, 251, 0.3), rgba(251, 251, 251, 0.05));
  animation: loading 1s infinite;
  z-index: 45; }

@keyframes loading {
  0% {
    left: -45%; }
  100% {
    left: 100%; } }
.inline-image {
  width: 100%; }

body {
  font-size: 13px; }
  @media (min-width: 768px) {
    body {
      font-size: 14px; } }
  @media (min-width: 768px) {
    body {
      font-size: 16px; } }

p {
  font-weight: 200; }
  p strong {
    font-weight: 600; }

button img {
  width: 20px;
  margin-top: -6px; }

.input-large {
  height: 3rem;
  font-size: 1rem; }

.row.email {
  margin: 0; }

.needsfilled .message_area {
  margin-bottom: 15px; }

.needsfilled input, input.needsfilled {
  border: 1px solid red;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield; }

input.needsfilled::placeholder {
  color: red;
  opacity: 1;
  /* Firefox */ }

.needsfilled .message_area button {
  display: none; }

.privacy-policy, .terms-of-service {
  margin: 5.5rem 1rem 1rem; }
  .privacy-policy .container h1, .terms-of-service .container h1 {
    font-family: "Visely Bold";
    font-size: 2.2rem; }
  .privacy-policy .container h2, .terms-of-service .container h2 {
    font-size: 1.7rem;
    color: #19A68E;
    font-family: "Visely Medium"; }
  .privacy-policy .container i, .privacy-policy .container .text-green, .terms-of-service .container i, .terms-of-service .container .text-green {
    color: #19A68E; }
  .privacy-policy .container a, .terms-of-service .container a {
    display: inline;
    color: #19A68E;
    font-size: inherit;
    padding: 0;
    text-decoration-color: #19A68E !important; }
  .privacy-policy .container .text-green, .terms-of-service .container .text-green {
    font-family: "Visely Medium"; }
  .privacy-policy .container h1, .privacy-policy .container h2, .privacy-policy .container h3, .privacy-policy .container p, .terms-of-service .container h1, .terms-of-service .container h2, .terms-of-service .container h3, .terms-of-service .container p {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 1; }
  .privacy-policy .container img, .terms-of-service .container img {
    width: 100%; }
  @media only screen and (min-width: 768px) {
    .privacy-policy, .terms-of-service {
      margin: 10rem 1rem 1rem;
      padding-bottom: 2rem; }
      .privacy-policy .container, .terms-of-service .container {
        width: 50%; }
      .privacy-policy h3, .terms-of-service h3 {
        font-size: 1.3rem; }
      .privacy-policy h1, .privacy-policy h2, .privacy-policy p, .terms-of-service h1, .terms-of-service h2, .terms-of-service p {
        margin-top: 50px; } }

.shopify-install, .demo-request, .shopify-install-anchor {
  width: 100%;
  height: 39px; }

@media (min-width: 992px) {
  .shopify-install-from-top, .demo-request-from-top {
    width: 120px; } }

.our-map {
  padding: 1rem 0; }

.our-map h2 {
  font-weight: 200; }

.map {
  margin-top: 2rem; }

.customer-map {
  text-align: center;
  width: 100%;
  pointer-events: none; }
  @media (min-width: 768px) {
    .customer-map {
      height: 480px; } }
  @media (min-width: 576px) {
    .customer-map {
      height: 320px; } }

.button.large {
  font-size: 1rem; }

.request-demo-form .close-button {
  right: 1.6rem;
  top: 0.1rem; }
  @media (min-width: 768px) {
    .request-demo-form .close-button {
      right: 1.9rem; } }

.request-demo-form#requestDemoConfirm p {
  text-align: center; }

.request-demo-form#requestDemoConfirm .close-button {
  right: 1rem;
  top: 0.1rem; }
  @media (min-width: 768px) {
    .request-demo-form#requestDemoConfirm .close-button {
      right: 0.8rem; } }

.txt-blog {
  padding: 10%; }

.search-prt-scr {
  text-align: center;
  margin-top: 50px; }