/*
* === GENERAL ===
*/
@font-face {
  font-family: 'EnzoOT';
  src: url("../fonts/enzo/enzoot-light-webfont.woff2") format("woff2"), url("../fonts/enzo/enzoot-light-webfont.woff") format("woff");
  font-weight: 300; }
@font-face {
  font-family: 'EnzoOT';
  src: url("../fonts/enzo/enzoot-medium-webfont.woff2") format("woff2"), url("../fonts/enzo/enzoot-medium-webfont.woff") format("woff");
  font-weight: 400; }
@font-face {
  font-family: 'EnzoOT';
  src: url("../fonts/enzo/enzoot-bold-webfont.woff2") format("woff2"), url("../fonts/enzo/enzoot-bold-webfont.woff") format("woff");
  font-weight: 700; }
@font-face {
  font-family: 'EnzoOT';
  src: url("../fonts/enzo/enzoot-bolditalic-webfont.woff2") format("woff2"), url("../fonts/enzo/enzoot-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }
html {
  font-size: 85%; }
  @media screen and (min-width: 60rem) {
    html {
      font-size: 100%; } }

body {
  font-family: 'EnzoOT', sans-serif;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*
* === NO SCROLL ===
*/
.no-scroll {
  overflow: hidden; }

/*
* === FLEX ===
*/
.flex-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 90%; }
  .flex-container.flex-container--columns {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .flex-container.flex-container--justify-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start; }
  .flex-container.flex-container--justify-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  @media screen and (min-width: 60rem) {
    .flex-container {
      margin: 0 auto;
      max-width: 90rem; } }

/*
* === IMAGES ===
*/
.img {
  opacity: 1;
  -webkit-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out; }

.unloaded-img {
  opacity: 0; }

/*
* === HEADER ===
*/
.header {
  font-size: 0.875em;
  position: fixed;
  -webkit-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  width: 100%;
  z-index: 3; }
  .header .header__inner {
    padding: 0.875rem 0; }
  .header .header__alert {
    padding: 0.5em 1em;
    background-color: #000000;
    font-size: 1em;
    color: #fff;
    text-align: center; }
    .header .header__alert a {
      color: #fff;
      text-decoration: none; }
      .header .header__alert a .arrow {
        font-size: .857142em; }
  @media screen and (min-width: 60rem) {
    .header .header__inner {
      padding: 0.875rem 1.125rem; } }
  .header__container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row; }
  .header__logo {
    padding-top: 0.375rem;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    width: 6.875rem; }
    @media screen and (min-width: 60rem) {
      .header__logo {
        padding-left: 1.375rem; } }
    .header__logo img {
      height: auto;
      width: 100%; }
  .header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #009fdb;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.5rem;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 0.875rem 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: 200ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: 200ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: 200ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 2;
    -webkit-overflow-scrolling: touch; }
    .header__nav--active {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }
    @media screen and (min-width: 60rem) {
      .header__nav {
        background: transparent;
        display: unset;
        flex-direction: row;
        font-size: 1rem;
        height: auto;
        position: static;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); } }
  .header__link {
    color: #fff;
    margin: 1rem 0.75rem;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    outline: none;
    text-transform: uppercase; }
    @media screen and (min-width: 60rem) {
      .header__link {
        margin: 0 0.75rem; }
        .header__link:after {
          background: rgba(255, 255, 255, 0.3);
          bottom: 0;
          content: '';
          height: 2px;
          left: 50%;
          opacity: 0;
          position: absolute;
          right: 0;
          -webkit-transform: translate3d(-50%, 3px, 0);
          transform: translate3d(-50%, 3px, 0);
          width: 0; }
        .header__link:hover:after {
          opacity: 1;
          -webkit-transition: 200ms ease-in-out;
          -o-transition: 200ms ease-in-out;
          transition: 200ms ease-in-out;
          width: 80%; } }
    .header__link--bold {
      font-weight: 700; }
    .header__link--highlighted {
      border: 2px #fff solid;
      padding: 0.75rem 1rem;
      -webkit-transition: 0ms;
      -o-transition: 0ms;
      transition: 0ms; }
      .header__link--highlighted:after {
        display: none; }
      @media screen and (min-width: 60rem) {
        .header__link--highlighted {
          margin-right: 0; }
          .header__link--highlighted:hover {
            background: #fff;
            color: #009fdb; } }
  .header--scrolling {
    background: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }
    .header--scrolling .header__logo {
      width: 5rem; }
    @media screen and (min-width: 60rem) {
      .header--scrolling .header__link {
        color: #009fdb; }
        .header--scrolling .header__link:after {
          background: #009fdb; } }
    @media screen and (min-width: 60rem) {
      .header--scrolling .header__link--highlighted {
        background: -webkit-radial-gradient(#f35f86, #e65377);
        background: -o-radial-gradient(#f35f86, #e65377);
        background: radial-gradient(#f35f86, #e65377);
        border: 2px #e65377 solid;
        color: #fff; }
        .header--scrolling .header__link--highlighted:hover {
          background: #da5579;
          border: 2px #da5579 solid; } }
  @media screen and (min-width: 60rem) {
    .header--white .header__link {
      color: #009fdb; }
      .header--white .header__link:after {
        background: #009fdb; } }
  @media screen and (min-width: 60rem) {
    .header--white .header__link--highlighted {
      background-color: transparent;
      border: 2px #009fdb solid; }
      .header--white .header__link--highlighted:hover {
        background: #009fdb;
        border: 2px #009fdb solid;
        color: #fff; } }

/*
* === HEADER CIRCLE ===
*/
.header-circle-wrapper {
  height: 100vh;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: -1; }

.header-circle {
  display: none;
  height: 75vw;
  opacity: 0;
  position: absolute;
  top: -55vh;
  -webkit-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
  -webkit-transition: opacity 500ms ease-in-out;
  -o-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  width: 75vw; }
  @media screen and (min-width: 60rem) {
    .header-circle {
      display: block; } }
  .header-circle--active {
    opacity: 1; }

/*
* === MOBILE MENU BUTTON ===
*/
.menu-icon {
  cursor: pointer;
  display: block;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  right: 5vw;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: -webkit-transform 250ms ease-in-out;
  -o-transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
  width: 2rem;
  z-index: 4; }
  @media screen and (min-width: 60rem) {
    .menu-icon {
      display: none; }
      .menu-icon:hover {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05); } }
  .menu-icon__stripe {
    background: #009fdb;
    display: block;
    height: 0.25rem;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 250ms cubic-bezier(0.77, 0, 0.175, 1);
    width: 2rem; }
    .menu-icon__stripe:nth-child(1) {
      top: 0; }
    .menu-icon__stripe:nth-child(2), .menu-icon__stripe:nth-child(3) {
      top: 0.5rem; }
    .menu-icon__stripe:nth-child(4) {
      top: 1rem; }
  .menu-icon--active .menu-icon__stripe {
    background: #fff; }
    .menu-icon--active .menu-icon__stripe:nth-child(1) {
      left: 50%;
      top: 1rem;
      width: 0; }
    .menu-icon--active .menu-icon__stripe:nth-child(2) {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .menu-icon--active .menu-icon__stripe:nth-child(3) {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .menu-icon--active .menu-icon__stripe:nth-child(4) {
      left: 50%;
      top: 1rem;
      width: 0; }

/*
* === BUTTON ===
*/
.button {
  background: -webkit-radial-gradient(#f35f86, #e65377);
  background: -o-radial-gradient(#f35f86, #e65377);
  background: radial-gradient(#f35f86, #e65377);
  border: 2px #e65377 solid;
  -webkit-box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 5px 9px 0px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 1.375rem 2rem;
  text-align: center;
  text-decoration: none;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.35);
  text-transform: uppercase; }
  @media screen and (min-width: 60rem) {
    .button:hover {
      background: #da5579;
      border: 2px #da5579 solid; } }
  .button--shadowless {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .button--outlined {
    background: transparent;
    border: 2px #fff solid;
    color: #fff; }
    @media screen and (min-width: 60rem) {
      .button--outlined:hover {
        background: #da5579;
        border: 2px #fff solid;
        color: #fff; } }
  .button--pink-outlined {
    background: transparent;
    border: 2px #e65377 solid;
    color: #e65377;
    text-shadow: none; }
    @media screen and (min-width: 60rem) {
      .button--pink-outlined:hover {
        background: #da5579;
        border: 2px #da5579 solid;
        color: #fff; } }

/*
* === SECTION ===
*/
.section {
  overflow: hidden;
  width: 100%; }

/*
* === HERO ===
*/
.hero {
  padding-top: 6.875rem;
  position: relative; }
  .hero__container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media screen and (min-width: 60rem) {
      .hero__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .hero__left-column {
    margin: 0;
    position: relative; }
    @media screen and (min-width: 60rem) {
      .hero__left-column {
        padding: 2rem 0 5rem 2.5rem;
        width: 55%; } }
    @media screen and (min-width: 110rem) {
      .hero__left-column {
        padding: 2rem 0 5rem 1.375rem; } }
  .hero__preheading {
    color: #009fdb;
    font-size: 1.25rem;
    margin: 1rem 0 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em; }
    @media screen and (min-width: 60rem) {
      .hero__preheading {
        width: 60%; } }
  .hero__heading {
    font-size: 2.5rem;
    font-weight: 700; }
    @media screen and (min-width: 60rem) {
      .hero__heading {
        font-size: 2rem; } }
    @media screen and (min-width: 72.5rem) {
      .hero__heading {
        font-size: 2.5rem; } }
  .hero__copy {
    line-height: 1.5;
    margin: 1.25rem 0;
    padding-right: 3rem; }
    @media (max-width: 767px) and (orientation: portrait) {
      .hero__copy {
        padding-right: 1rem; } }
  .hero__next-section {
    color: #009fdb;
    display: none;
    font-size: 1.3rem;
    left: 7rem;
    margin-top: 3rem;
    position: relative; }
    @media screen and (min-width: 60rem) {
      .hero__next-section {
        display: inline-block; } }
    .hero__next-section:after {
      background: #009fdb;
      content: '';
      height: 6.875rem;
      left: 50%;
      position: absolute;
      top: 1.75rem;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
      width: 1px; }
  .hero__right-column {
    text-align: center;
    margin: 0 auto; }
    @media screen and (min-width: 60rem) {
      .hero__right-column {
        text-align: left; } }
  .hero__gif-bg {
    background-image: url("../images/homepage/hero/hero-ipad-bg.png");
    background-size: 100% auto;
    height: 29.25rem;
    position: relative;
    margin: 0 auto;
    width: 21rem; }
    @media screen and (min-width: 60rem) {
      .hero__gif-bg {
        height: 39rem;
        width: 28rem; } }
  .hero__gif {
    left: 1.5rem;
    position: absolute;
    top: 2.625rem;
    width: 86%; }
    @media screen and (min-width: 60rem) {
      .hero__gif {
        left: 2rem;
        top: 3.5rem;
        width: 86%; } }
  .hero__divider {
    color: #000;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    padding: 1.25rem; }
    @media screen and (min-width: 60rem) {
      .hero__divider {
        display: inline-block; } }

.body--header-alert .hero {
  padding-top: 10rem; }

/*
* === LOGOS ===
*/
.logos-heading {
  font-size: 0.875rem;
  color: #aaaaaa;
  line-height: 1.714;
  margin: 2.25rem 0 1.25rem;
  margin-bottom: 1.25rem; }

.logos-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 2.5rem; }

.logo {
  margin-bottom: 1.5rem;
  margin-right: 2.25rem;
  max-height: 2.5rem;
  max-width: 7.5rem; }
  @media screen and (min-width: 60rem) {
    .logo {
      max-width: calc(20% - 2.25rem); } }

/*
* === HOW IT WORKS ===
*/
.how-works {
  margin: 5rem auto 0;
  position: relative;
  width: 90%; }
  .how-works__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  @media screen and (min-width: 60rem) {
    .how-works {
      width: 80%; } }
  .how-works__heading {
    color: #181718;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.025em;
    text-align: center; }

/*
* === CARDS ===
*/
.card-container {
  margin: 4.375rem auto 0;
  width: 90%; }
  @media screen and (min-width: 60rem) {
    .card-container {
      width: 80%; } }

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4.5rem; }
  @media screen and (min-width: 60rem) {
    .card {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .card--left-align {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    @media screen and (min-width: 60rem) {
      .card--left-align {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  @media screen and (min-width: 60rem) {
    .card__content {
      padding: 0 1.5rem;
      width: 51%; } }
  .card__preheading {
    color: #009fdb;
    font-size: 1.125rem;
    margin: 2rem 0 0.5rem;
    text-transform: uppercase; }
  .card__heading {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1;
    margin-bottom: 0.625rem; }
  .card__copy {
    line-height: 1.5; }
  .card__image {
    text-align: center;
    width: 49%; }
  .card__vector {
    height: auto;
    width: 19rem; }

/*
* === VIDEO ===
*/
.video {
  background-image: url("../images/homepage/video/dot-pattern.svg");
  background-position: center;
  background-size: 100% auto;
  padding: 10.5rem 0; }
  .video__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: white;
    border: 1px #dadada solid;
    -webkit-box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    text-decoration: none;
    width: 90%; }
    @media screen and (min-width: 60rem) {
      .video__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0;
        padding: 3rem;
        width: 80%; } }
  .video__thumbnail {
    margin-bottom: 1.5rem;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 60rem) {
      .video__thumbnail {
        margin-bottom: 0;
        width: 55%; } }
  .video__image {
    height: auto;
    width: 100%; }
  .video__play-button {
    height: 6.25rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    top: 50%;
    width: 6.25rem;
    -webkit-filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0 5px 8px rgba(0, 0, 0, 0.25)); }
  .video__content {
    margin: 0 auto;
    padding-bottom: 1.5rem;
    width: 90%; }
    @media screen and (min-width: 60rem) {
      .video__content {
        padding-left: 2rem;
        padding-bottom: 0;
        width: 35%; } }
  .video__heading {
    color: #000;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1; }
    .video__heading--arial {
      font-family: 'Arial'; }
  .video__cta {
    color: #f35f86;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-top: 1rem;
    position: relative; }
  @media screen and (min-width: 60rem) {
    .video .video__cta:after {
      background: #f46e92;
      bottom: 0;
      content: '';
      height: 2px;
      left: 50%;
      opacity: 0;
      position: absolute;
      right: 0;
      -webkit-transform: translate3d(-50%, 3px, 0);
      transform: translate3d(-50%, 3px, 0);
      width: 0; }
    .video .video__container:hover .video__cta:after {
      opacity: 1;
      -webkit-transition: 200ms ease-in-out;
      -o-transition: 200ms ease-in-out;
      transition: 200ms ease-in-out;
      width: 80%; } }
  .video__vector {
    fill: #f35f86;
    height: 0.75rem;
    width: 0.5rem; }

/*
* === PLATFORM ===
*/
.platform {
  background-color: #f8f8f8;
  background-image: url("../images/homepage/platform/platform-vector.svg");
  background-position: center top;
  background-size: 100vw 23.33333vw;
  position: relative;
  text-align: center; }
  .platform__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .platform__heading {
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem; }
  .platform__gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0) 0%, #fff 100%));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    bottom: 0;
    height: 25vh;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1; }

/*
* === TOGGLE ===
*/
.toggle-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 17.5rem; }

.toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 2px #e65377 solid;
  color: #f35f86;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0.625rem 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 8.75rem; }
  @media screen and (min-width: 60rem) {
    .toggle:hover {
      border-color: #da5579;
      color: #da5579; } }
  .toggle__first {
    border-bottom-left-radius: 0.5rem;
    border-top-left-radius: 0.5rem; }
  .toggle__second {
    border-bottom-right-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  .toggle--active {
    background: -webkit-radial-gradient(#f35f86, #e65377);
    background: -o-radial-gradient(#f35f86, #e65377);
    background: radial-gradient(#f35f86, #e65377);
    color: #fff;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.35); }
    @media screen and (min-width: 60rem) {
      .toggle--active:hover {
        background: #da5579;
        border-color: #da5579;
        color: #fff; } }

/*
* === SCREEN ===
*/
.screen-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 90%; }
  @media screen and (min-width: 60rem) {
    .screen-container {
      width: 65%; } }

.screen {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border: 1px #dadada solid;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
  left: 2.5%;
  opacity: 0;
  -webkit-perspective: 50rem;
  perspective: 50rem;
  position: absolute;
  top: 1.5rem;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  width: 95%; }
  .screen--active {
    opacity: 1;
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    z-index: 1; }

/*
* === ACTION ===
*/
.action {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 1; }
  .action__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

/*
* === CTA ===
*/
.cta-wrapper {
  background: -webkit-linear-gradient(60deg, #3fc7f9, #009fdb);
  background: -o-linear-gradient(60deg, #3fc7f9, #009fdb);
  background: linear-gradient(30deg, #3fc7f9, #009fdb);
  padding: 3.375rem 0 1.75rem; }

.cta-heading {
  color: #ededed;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
  text-align: center; }

.cta-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 auto;
  width: 90%; }
  @media screen and (min-width: 60rem) {
    .cta-container {
      width: 80%; } }

.cta {
  margin-bottom: 2rem;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: calc(50% - 0.5rem); }
  @media screen and (min-width: 60rem) {
    .cta {
      width: calc(20% - 0.5rem); } }
  .cta__image-container {
    margin-bottom: 1.25rem;
    overflow: hidden; }
  .cta__image {
    -webkit-box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.3);
    height: auto;
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    vertical-align: bottom;
    width: 100%; }
  .cta__copy {
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    letter-spacing: 0.025em;
    position: relative;
    text-transform: uppercase; }
    .cta__copy--bold {
      font-weight: 700; }
  @media screen and (min-width: 48rem) {
    .cta__copy {
      padding-left: 1em;
      padding-right: 1em; } }
  @media screen and (min-width: 60rem) {
    .cta:hover .cta__image {
      -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
      transform: scale(1.05); } }

/*
* === START TRIAL ===
*/
.start-trial {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
  background: #15b0eb;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4.5rem 1rem;
  position: relative;
  text-align: center;
  z-index: 2; }
  @media screen and (min-width: 60rem) {
    .start-trial {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .start-trial__copy {
    color: #fff;
    margin-bottom: 1.5rem; }
  .start-trial__line {
    font-size: 1.125rem;
    margin-bottom: 0.5rem; }
    .start-trial__line--bold {
      font-size: 1.75rem;
      font-weight: 700;
      margin-bottom: 0.5rem; }
      .start-trial__line--bold span {
        font-size: 1.125rem;
        left: -0.25rem;
        position: relative; }
  .start-trial__divider {
    color: #ffffff;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    padding: 1.25rem; }
    @media screen and (min-width: 60rem) {
      .start-trial__divider {
        display: inline-block; } }

/*
* === CONTACT ===
*/
.contact {
  position: relative; }
  .contact__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media screen and (min-width: 60rem) {
      .contact__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; } }
  .contact__content {
    margin: 0 auto;
    padding-top: 6rem;
    width: 90%; }
    @media screen and (min-width: 60rem) {
      .contact__content {
        margin: 0;
        padding-left: 12vw;
        width: 58%; } }
  .contact__question {
    margin-bottom: 3rem; }
  .contact__copy {
    font-size: 1.25rem; }
    .contact__copy--big {
      font-size: 2.25rem;
      font-weight: 700; }
    .contact__copy--bold {
      font-size: 1rem;
      font-weight: 700; }
  .contact__link {
    color: #f46e92;
    display: inline-block;
    position: relative;
    text-decoration: none; }
    @media screen and (min-width: 60rem) {
      .contact__link:after {
        background: #f46e92;
        bottom: 0;
        content: '';
        height: 2px;
        left: 50%;
        opacity: 0;
        position: absolute;
        right: 0;
        -webkit-transform: translate3d(-50%, 3px, 0);
        transform: translate3d(-50%, 3px, 0);
        width: 0; }
      .contact__link:hover:after {
        opacity: 1;
        -webkit-transition: 200ms ease-in-out;
        -o-transition: 200ms ease-in-out;
        transition: 200ms ease-in-out;
        width: 100%; } }
  .contact__form {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 2rem auto;
    width: 90%; }
    @media screen and (min-width: 60rem) {
      .contact__form {
        margin: 0;
        padding-top: 8.75rem;
        width: 30%; } }
  .contact__button-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .contact__button {
    margin-top: 0.5rem; }
  .contact__loader {
    display: none;
    height: 2.5rem;
    fill: #f46e92;
    margin-left: 1rem;
    width: 2.5rem; }
    .contact__loader--active {
      display: block; }
  .contact__success {
    background: #36a536;
    color: #fff;
    display: none;
    font-weight: 700;
    font-size: 0.875rem;
    margin-top: 1rem;
    padding: 0.25rem 0.75rem; }
    .contact__success--active {
      display: block; }
  .contact__vector {
    fill: #f9f9f9;
    height: auto;
    left: -3rem;
    position: absolute;
    top: 0;
    width: 73%;
    z-index: -1; }

/*
* === INPUT ===
*/
.input {
  border: 2px #bfbfbf solid;
  color: #000;
  font-family: 'EnzoOT';
  margin-bottom: 0.5rem;
  padding: 0.875rem;
  width: 100%; }
  .input.other-field {
    display: none; }
    .input.other-field.active {
      display: block; }
  .input:placeholder {
    color: #bfbfbf; }
  .input:focus {
    border: 2px #f46e92 solid; }

/*
* === FOOTER ===
*/
.footer {
  padding: 0.875rem 1.5rem; }
  .footer__container {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .footer__logo svg {
    height: auto;
    font-size: 5rem;
    width: 1em;
    height: 0.653833em; }
  .footer__copyright {
    padding-left: 10px;
    font-size: 0.75em;
    color: #aaaaaa;
    letter-spacing: 0.025em; }
    .footer__copyright span, .footer__copyright a {
      display: inline-block;
      vertical-align: middle; }
    .footer__copyright span {
      padding-right: 6px; }
    .footer__copyright a {
      color: #009fdb;
      text-decoration: none;
      border-left: 1px solid #aaaaaa;
      padding: 0 6px; }
      .footer__copyright a:hover {
        color: #da5579; }
  @media screen and (max-width: 767px) and (orientation: portrait) {
    .footer__container {
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
    .footer__copyright {
      padding-left: 2em; }
      .footer__copyright a {
        border: none;
        display: block; }
      .footer__copyright a, .footer__copyright span {
        padding: 3px 6px 3px 0; } }

.social-links {
  margin-top: 1.5em; }
  .social-links .social-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1em 0 0; }
    .social-links .social-link svg {
      display: block;
      width: 2em;
      height: 2em; }
      .social-links .social-link svg path, .social-links .social-link svg polygon {
        fill: #000; }
    .social-links .social-link:hover svg path, .social-links .social-link:hover svg polygon {
      fill: var(--color-spk-blue); }
    .social-links .social-link:last-child {
      margin-right: 0; }

/*
* === OVERLAY ===
*/
.overlay {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #000;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 4; }
  .overlay__container {
    cursor: pointer;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    width: 90%; }
    .overlay__container iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .overlay__close {
    cursor: pointer;
    height: 0.875rem;
    right: 1.25rem;
    position: absolute;
    top: 1.25rem;
    width: 0.875rem; }
    .overlay__close line {
      stroke: #fff;
      stroke-linecap: round;
      stroke-width: 8px; }
    @media screen and (min-width: 60rem) {
      .overlay__close:hover line {
        stroke: #da5579; } }

/*
* === DEMO POPUP ===
*/
.demo-popup {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  right: 0;
  top: 0;
  z-index: 11; }
  .demo-popup--active {
    opacity: 1;
    visibility: visible; }
  .demo-popup__container {
    height: 100vh;
    width: 100%; }
  .demo-popup__bottom-right {
    pointer-events: none;
    background-color: transparent; }
    .demo-popup__bottom-right .demo-popup__container {
      padding: 20px 30px;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-items: flex-end;
      -ms-flex-align: end;
      align-items: flex-end;
      max-width: 100vw; }
      .demo-popup__bottom-right .demo-popup__container .demo-popup__inner {
        pointer-events: auto;
        padding: 2em;
        font-size: .7em;
        max-width: 320px; }
        .demo-popup__bottom-right .demo-popup__container .demo-popup__inner .demo-popup__heading {
          margin-bottom: .25em; }
        .demo-popup__bottom-right .demo-popup__container .demo-popup__inner .demo-popup__subheading {
          font-size: 1.2em; }
        .demo-popup__bottom-right .demo-popup__container .demo-popup__inner .demo-popup__close {
          right: 1em;
          top: 1em; }
  .demo-popup__inner {
    font-size: 1em;
    background: #fff;
    border: 1px #5b9bce solid;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    padding: 2.5em;
    position: relative;
    text-align: center;
    width: 35%; }
  .demo-popup__heading {
    color: #5b9bce;
    font-size: 2em;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1;
    margin-bottom: 0.75rem;
    text-transform: uppercase; }
  .demo-popup__subheading {
    color: #333333;
    margin-bottom: 1em; }
    .demo-popup__subheading--bold {
      color: #5b9bce;
      font-weight: 700; }
  .demo-popup form .input {
    margin-bottom: 0.5em;
    padding: 0.875em; }
  .demo-popup__button-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .demo-popup__button {
    margin-top: 0.5rem;
    padding: 1.375em 2em; }
  .demo-popup__loader {
    display: none;
    height: 2.5rem;
    fill: #f46e92;
    margin-left: 12rem;
    position: absolute;
    width: 2.5rem; }
    .demo-popup__loader--active {
      display: block; }
  .demo-popup__form-fields--inactive {
    display: none; }
  .demo-popup__success {
    background: #36a536;
    color: #fff;
    display: none;
    font-weight: 700;
    font-size: 0.875rem;
    margin-top: 1rem;
    padding: 0.25rem 0.75rem; }
    .demo-popup__success--active {
      display: block; }
  .demo-popup__close {
    cursor: pointer;
    height: 0.875rem;
    right: 1.25rem;
    position: absolute;
    top: 1.25rem;
    width: 0.875rem; }
    .demo-popup__close line {
      stroke: #5b9bce;
      stroke-linecap: round;
      stroke-width: 8px; }
    @media screen and (min-width: 60rem) {
      .demo-popup__close:hover line {
        stroke: #da5579; } }
  @media screen and (max-width: 768px) and (orientation: portrait) {
    .demo-popup__inner {
      width: 100%; } }
  .demo-popup.enterprise-demo .input {
    padding: 0.5rem;
    margin-bottom: 0.25rem; }

/*
* === WHITE PAPER LANDING ===
*/
.body--top10earnedmediatips {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
  min-height: 100vh;
  overflow: hidden; }
  .body--top10earnedmediatips header {
    position: relative; }
  .body--top10earnedmediatips footer {
    display: none; }

.whitepaper-landing {
  font-size: 1rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 0 0 50px;
  max-width: 1366px;
  margin: 0 auto; }
  .whitepaper-landing__form-column {
    position: relative;
    z-index: 1;
    width: 35%; }
    .whitepaper-landing__form-column form {
      font-size: 1rem;
      background-color: #ebebeb;
      border-radius: 15px 15px 5px 5px; }
      .whitepaper-landing__form-column form .whitepaper-landing__form-success {
        display: none; }
      .whitepaper-landing__form-column form.success .whitepaper-landing__form-fields {
        display: none; }
      .whitepaper-landing__form-column form.success .whitepaper-landing__form-success {
        display: block; }
  .whitepaper-landing__content-column {
    position: relative;
    width: 65%;
    padding-left: 40px; }
  .whitepaper-landing__content-column-bg {
    position: absolute;
    z-index: 0;
    right: -2%;
    width: 50%; }
  .whitepaper-landing .whitepaper-landing__form-messages {
    display: none;
    text-align: center;
    padding-bottom: 1em;
    font-size: .875em;
    font-weight: 700; }
    .whitepaper-landing .whitepaper-landing__form-messages--warning, .whitepaper-landing .whitepaper-landing__form-messages--success {
      display: block; }
    .whitepaper-landing .whitepaper-landing__form-messages--warning {
      color: #ff8c00; }
    .whitepaper-landing .whitepaper-landing__form-messages--success {
      color: #61b962; }
  .whitepaper-landing__form-heading {
    padding: .708em .5em .6666em .5em;
    background: #439dd6;
    background: -moz-linear-gradient(left, #439dd6 0%, #6ac2fb 100%);
    background: -webkit-linear-gradient(left, #439dd6 0%, #6ac2fb 100%);
    background: linear-gradient(to right, #439dd6 0%, #6ac2fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439dd6', endColorstr='#6ac2fb',GradientType=1 );
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em; }
  .whitepaper-landing__form-padding {
    padding: 20px 30px 30px 30px; }
  .whitepaper-landing__form-success {
    text-align: center; }
    .whitepaper-landing__form-success .whitepaper-landing__form-success-headline {
      font-size: 2.4em;
      line-height: 1em;
      color: #009fdb;
      margin: 0 0 .25em 0; }
    .whitepaper-landing__form-success .whitepaper-landing__form-success-sub-headline {
      font-size: 1.4em;
      line-height: 1em;
      margin: 0 0 .25em 0;
      color: #e65377;
      text-transform: uppercase; }
    .whitepaper-landing__form-success p {
      font-size: .9em;
      line-height: 1.250em; }
      .whitepaper-landing__form-success p a {
        color: #009fdb;
        text-decoration: none; }
        .whitepaper-landing__form-success p a:hover {
          text-decoration: underline; }
      .whitepaper-landing__form-success p.learn-more {
        font-size: 1.125em; }
  .whitepaper-landing__form-input-wrap {
    margin-bottom: 8px; }
    .whitepaper-landing__form-input-wrap input, .whitepaper-landing__form-input-wrap select {
      display: block;
      width: 100%;
      background-color: #fff;
      border: 1px solid #dddddd;
      border-radius: 5px;
      padding: .6666em 20px;
      font-size: 1.125em;
      line-height: 1em;
      color: #000000; }
    .whitepaper-landing__form-input-wrap select {
      padding: .5em 20px;
      background-image: url("../images/select-triangle.png");
      background-size: 10px;
      background-position: 96% center; }
      .whitepaper-landing__form-input-wrap select option {
        padding: 0; }
    .whitepaper-landing__form-input-wrap .whitepaper-landing__form-error {
      font-size: .875em;
      line-height: 1em;
      color: #ff8c00;
      padding: 0.25em 0 0 0;
      display: none; }
    .whitepaper-landing__form-input-wrap--active .whitepaper-landing__form-error {
      display: block; }
  .whitepaper-landing__form-submit {
    display: block;
    margin: 20px 0;
    width: 100%;
    background-color: #e84d72;
    border-radius: 10px;
    padding: .75em 1em .6666em 1em;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em; }
    .whitepaper-landing__form-submit:hover {
      background-color: #ed718f; }
  .whitepaper-landing__form-legal {
    text-align: center;
    width: 80%;
    margin: 0 auto; }
    .whitepaper-landing__form-legal p {
      font-size: .75em;
      line-height: 1.166em; }
      .whitepaper-landing__form-legal p a {
        color: #009fdb; }
  .whitepaper-landing .whitepaper-landing-content {
    font-size: 1rem;
    color: #000;
    padding: 1em 0 0 0; }
    .whitepaper-landing .whitepaper-landing-content__subheading {
      margin: 0 0 1.4em 0;
      padding-right: 45%;
      font-size: 2.2em;
      line-height: 1em;
      color: #009fdb;
      font-weight: 500;
      text-transform: uppercase; }
    .whitepaper-landing .whitepaper-landing-content__heading {
      padding-right: 45%;
      margin-bottom: .625em;
      font-size: 3em;
      line-height: 1em; }
    .whitepaper-landing .whitepaper-landing-content__copy {
      padding-right: 45%;
      font-size: 1.125em;
      line-height: 1.333em; }
      .whitepaper-landing .whitepaper-landing-content__copy p {
        margin: 0 0 1em 0; }
  @media screen and (max-width: 767px) {
    .whitepaper-landing {
      padding: 0 0 0 20px; }
      .whitepaper-landing__form-column, .whitepaper-landing__content-column {
        width: 100%; }
      .whitepaper-landing__form-column {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 20px;
        margin-bottom: 20px; }
      .whitepaper-landing__content-column {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding-left: 0; } }
  @media screen and (max-width: 767px) and (orientation: portrait) {
    .whitepaper-landing__form-column form {
      font-size: 3.2vw; }
    .whitepaper-landing__content-column-bg {
      top: auto;
      bottom: 0;
      right: -12%;
      width: 55%; }
    .whitepaper-landing .whitepaper-landing-content {
      font-size: 3.2vw;
      padding-bottom: 1em; }
      .whitepaper-landing .whitepaper-landing-content__subheading, .whitepaper-landing .whitepaper-landing-content__heading {
        padding-right: 0; }
      .whitepaper-landing .whitepaper-landing-content__copy {
        padding-right: 40%; } }
  @media screen and (max-width: 767px) and (orientation: landscape) {
    .whitepaper-landing__form-column form {
      font-size: 2.2vw; }
    .whitepaper-landing__content-column-bg {
      top: 0;
      bottom: auto;
      right: -12%;
      width: 55%; } }
  @media screen and (min-width: 768px) and (max-width: 1170px) {
    .whitepaper-landing__form-column form {
      font-size: 1.4vw; }
    .whitepaper-landing .whitepaper-landing-content {
      font-size: 1.4vw; } }
  @media screen and (min-width: 768px) {
    .whitepaper-landing__content-column-bg {
      top: 60%;
      transform: translate(10%, -50%);
      -moz-transform: translate(10%, -50%);
      -webkit-transform: translate(10%, -50%); } }

/*
* === HOMEPAGE POPUP ===
*/
.homepage-popup {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  right: 0;
  top: 0;
  z-index: 10;
  overflow-y: auto; }
  .homepage-popup--active {
    opacity: 1;
    visibility: visible; }
  .homepage-popup__container {
    min-height: 100vh;
    width: 100%;
    padding: 20px 0; }
  .homepage-popup__close {
    cursor: pointer;
    height: 1rem;
    right: .75em;
    position: absolute;
    top: .75em;
    width: 1rem; }
    .homepage-popup__close line {
      stroke: #d0d0d0;
      stroke-linecap: round;
      stroke-width: 8px; }
    @media screen and (min-width: 60rem) {
      .homepage-popup__close:hover line {
        stroke: #da5579; } }
  .homepage-popup__whitepaper {
    position: relative;
    font-size: 1rem;
    background-color: #ffffff;
    width: 100%;
    max-width: 1000px;
    border: 1px #d2d2d2 solid;
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    background-image: url("../images/whitepaper/spk-whitepaper-popup-bg.jpg");
    background-position: bottom right;
    background-size: 49.1%;
    padding: 20px 0 0 4%; }
    @media screen and (max-width: 768px) {
      .homepage-popup__whitepaper {
        font-size: 2.4vw;
        padding: 20px 4% 0 4%;
        background-image: none; } }
  .homepage-popup__whitepaper-free {
    margin: .5em 0 .5em 0;
    font-size: 3em;
    line-height: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #009fdf; }
    .homepage-popup__whitepaper-free .small {
      font-size: .4561em;
      line-height: 1em; }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .homepage-popup__whitepaper-free {
        margin: 0 0 .25em 0;
        font-size: 5em;
        line-height: 0.9em; } }
  .homepage-popup__whitepaper-subheading {
    margin: 0 0 5px 0;
    color: #e84d72;
    font-size: 1.75em;
    line-height: 1em;
    font-weight: 500; }
  .homepage-popup__whitepaper-heading {
    margin: 0 0 20px 0;
    color: #333333;
    font-size: 2em;
    line-height: 1.125em; }
    @media screen and (max-width: 767px) and (orientation: portrait) {
      .homepage-popup__whitepaper-heading {
        width: 100%; } }
    @media screen and (min-width: 769px) {
      .homepage-popup__whitepaper-heading {
        width: 70%;
        max-width: 550px; } }
  .homepage-popup .rounded-form--whitepaper {
    font-size: .888rem; }
    @media screen and (min-width: 768px) and (orientation: landscape) {
      .homepage-popup .rounded-form--whitepaper {
        max-width: 380px; } }
    .homepage-popup .rounded-form--whitepaper .rounded-form__form-legal {
      width: 70%; }

/*
* === ROUNDED FORM ===
*/
.rounded-form {
  position: relative;
  font-size: 1rem;
  background-color: #ebebeb;
  border-radius: 15px 15px 5px 5px; }
  .rounded-form__form-success {
    display: none; }
  .rounded-form--success .rounded-form__form-fields {
    opacity: 0; }
  .rounded-form--success .rounded-form__form-success {
    display: block;
    position: absolute;
    top: 1.8em;
    left: 2em;
    right: 2em; }
  .rounded-form__form-messages {
    display: none;
    text-align: center;
    padding-bottom: 1em;
    font-size: .875em;
    font-weight: 700; }
    .rounded-form__form-messages--warning, .rounded-form__form-messages--success {
      display: block; }
    .rounded-form__form-messages--warning {
      color: #ff8c00; }
    .rounded-form__form-messages--success {
      color: #61b962; }
  .rounded-form__form-heading {
    padding: .708em .5em .6666em .5em;
    background: #439dd6;
    background: -moz-linear-gradient(left, #439dd6 0%, #6ac2fb 100%);
    background: -webkit-linear-gradient(left, #439dd6 0%, #6ac2fb 100%);
    background: linear-gradient(to right, #439dd6 0%, #6ac2fb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439dd6', endColorstr='#6ac2fb',GradientType=1 );
    border-radius: 10px 10px 0 0;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em; }
    .rounded-form__form-heading:empty {
      display: none; }
  .rounded-form__form-padding {
    padding: 1.8em 2em; }
  .rounded-form__form-success {
    text-align: center; }
    .rounded-form__form-success .rounded-form__form-success-headline {
      font-size: 2.4em;
      line-height: 1em;
      color: #009fdb;
      margin: 0 0 .25em 0; }
    .rounded-form__form-success .rounded-form__form-success-sub-headline {
      font-size: 1.4em;
      line-height: 1em;
      margin: 0 0 .25em 0;
      color: #e65377;
      text-transform: uppercase; }
    .rounded-form__form-success p {
      font-size: .9em;
      line-height: 1.250em; }
      .rounded-form__form-success p a {
        color: #009fdb;
        text-decoration: none; }
        .rounded-form__form-success p a:hover {
          text-decoration: underline; }
      .rounded-form__form-success p.learn-more {
        font-size: 1.125em; }
  .rounded-form__form-input-wrap {
    margin-bottom: 8px; }
    .rounded-form__form-input-wrap input, .rounded-form__form-input-wrap select {
      display: block;
      width: 100%;
      background-color: #fff;
      border: 1px solid #dddddd;
      border-radius: 5px;
      padding: .6666em 20px;
      font-size: 1.125em;
      line-height: 1em;
      color: #000000; }
    .rounded-form__form-input-wrap select {
      padding: .5em 20px;
      background-image: url("../images/select-triangle.png");
      background-size: 10px;
      background-position: 96% center; }
      .rounded-form__form-input-wrap select option {
        padding: 0; }
    .rounded-form__form-input-wrap .rounded-form__form-error {
      font-size: .875em;
      line-height: 1em;
      color: #ff8c00;
      padding: 0.25em 0 0 0;
      display: none; }
    .rounded-form__form-input-wrap--active .rounded-form__form-error {
      display: block; }
  .rounded-form__form-submit {
    display: block;
    margin: 20px 0;
    width: 100%;
    background-color: #e84d72;
    border-radius: 10px;
    padding: .75em 1em .6666em 1em;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em;
    line-height: 1em; }
    .rounded-form__form-submit:hover {
      background-color: #ed718f; }
  .rounded-form__form-legal {
    text-align: center;
    width: 80%;
    margin: 0 auto; }
    .rounded-form__form-legal p {
      font-size: .75em;
      line-height: 1.166em; }
      .rounded-form__form-legal p a {
        color: #009fdb; }

/*
* === NONPROFITS LANDING ===
*/
.body--nonprofits .button, .body--ntc .button {
  font-size: .875em;
  padding: 1rem 1.5em; }
  @media screen and (min-width: 64rem) and (max-width: 80rem) {
    .body--nonprofits .button, .body--ntc .button {
      font-size: .75em; } }
.body--nonprofits .hero__sub-heading, .body--ntc .hero__sub-heading {
  margin: 1em 0 0 0;
  font-size: 1.125em;
  line-height: 1.333em; }
  @media screen and (min-width: 60rem) {
    .body--nonprofits .hero__sub-heading, .body--ntc .hero__sub-heading {
      padding-right: 15%; } }
.body--nonprofits .hero__copy span, .body--ntc .hero__copy span {
  color: #009fdb; }
.body--nonprofits .logo, .body--ntc .logo {
  margin-bottom: 1.5rem;
  margin-right: 2.25rem;
  max-height: 3rem;
  max-width: 7.5rem; }
  @media screen and (min-width: 60rem) {
    .body--nonprofits .logo, .body--ntc .logo {
      max-width: calc(20% - 2.25rem); } }
@media screen and (min-width: 60rem) {
  .body--nonprofits .hero__left-column, .body--ntc .hero__left-column {
    padding-right: 1.5em; } }

#amplify {
  padding: 0 2.5rem; }
  #amplify .amplify__copy {
    max-width: 62rem;
    padding: 2em 0;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5em; }
  #amplify .amplify__sub-heading {
    font-size: 1.5625rem;
    font-weight: 400;
    text-align: center; }
  @media screen and (max-width: 48rem) {
    #amplify {
      margin-top: 3rem; } }

.body--nonprofits #amplify {
  border-bottom: 5em solid #009fdb; }

.body--ntc .hero__sub-heading {
  margin-bottom: 2em; }
.body--ntc section.video {
  padding: 10.5rem 0 7rem 0;
  border-bottom: .5em solid #009fdb; }
.body--ntc .button-wrapper {
  margin-top: 4em;
  text-align: center; }
.body--ntc .hero__copy--top {
  margin-bottom: 2em; }
.body--ntc .hero__copy--bottom {
  margin-top: 2em; }

.spk-uses {
  margin: 2rem auto 5em auto;
  max-width: 90rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .spk-uses .spk-uses__item {
    width: 16.666%;
    text-align: center; }
  .spk-uses .spk-uses__icon {
    display: block;
    margin: 0 auto 1rem auto;
    width: 60%; }
  .spk-uses .spk-uses__label {
    font-size: 1.125em;
    font-weight: 400; }
  @media screen and (max-width: 48rem) and (orientation: portrait) {
    .spk-uses .spk-uses__item {
      width: 50%;
      margin-bottom: 2rem; } }

#use-cases {
  margin: 0 0 6.25em 0;
  background-color: #f9f9f9;
  padding: 5.625em 10% 2.1875em 10%;
  font-size: 1rem;
  text-align: center; }
  #use-cases .use-cases__heading {
    margin: 0 0 .3em 0;
    font-size: 2.25em;
    line-height: 1.125em; }
  #use-cases .use-cases__sub-heading {
    margin: 0;
    font-size: 1.25em;
    line-height: 1.125em;
    font-weight: 400; }
  #use-cases .use-cases__list-wrapper {
    max-width: 60rem;
    margin: 0 auto; }
  #use-cases .use-cases__list {
    margin: 5.625em -2.5em 0 -2.5em;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; }
  #use-cases .use-cases__item {
    margin: 0 2.5em 3.75em 2.5em;
    background-color: #ffffff;
    width: calc(50% - 5em);
    padding: 1.875em 1.875em 2.5em 1.875em;
    -moz-box-shadow: 0 0 1.5625em rgba(0, 1, 1, 0.1);
    -webkit-box-shadow: 0 0 1.5625em rgba(0, 1, 1, 0.1);
    box-shadow: 0 0 1.5625em rgba(0, 1, 1, 0.1); }
    #use-cases .use-cases__item .use-cases__icon {
      display: block;
      width: 30%;
      margin: 0 auto; }
    #use-cases .use-cases__item .use-cases__label {
      margin: .6em 0 0 0;
      font-size: 1.5em;
      font-weight: 400;
      line-height: 1.125em; }
  @media screen and (max-width: 48rem) and (orientation: portrait) {
    #use-cases .use-cases__list {
      display: block;
      margin: 3em 0 0 0; }
    #use-cases .use-cases__item {
      width: 100%;
      margin: 0 0 2em 0; }
      #use-cases .use-cases__item .use-cases__icon {
        width: 40%; } }
  @media screen and (max-width: 48rem) and (orientation: landscape) {
    #use-cases {
      font-size: 2vw; }
      #use-cases .use-cases__list {
        margin: 5.625em -3.5em 0 -3.5em; }
        #use-cases .use-cases__list .use-cases__item {
          margin: 0 1.5em 2.5em 1.5em; } }

/*# sourceMappingURL=homepage-v2.css.map */