html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: "";
  content: none; }

q:before, q:after {
  content: "";
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "Open Sans";
  src: url("/assets/opensans-light-webfont.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer,
header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video, input {
  font-family: 'Open Sans', sans-serif; }

br.mb-break {
  display: none; }
  @media screen and (max-width: 768px) {
    br.mb-break {
      display: block; } }

@-webkit-keyframes loadingWheel /* Safari and Chrome */ {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loadingWheel {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }
input {
  -webkit-appearance: none;
  outline: none; }

header {
  background-color: #f5f5f5;
  width: 100%;
  height: 45px;
  padding: 12.5px 1.953125vw;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  header #logo-wrapper {
    height: 20px;
    width: 122px;
    float: left; }
    header #logo-wrapper img#logo {
      width: 100%;
      height: 100%; }
  header nav {
    float: right; }
    header nav ul {
      list-style: none; }
      header nav ul li a {
        font-size: 18px;
        color: #575756;
        text-decoration: none;
        text-transform: uppercase; }
      header nav ul li a:hover {
        color: #f498b1; }

#loading-container {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-align: center;
  z-index: 99999; }
  #loading-container img {
    position: absolute;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    -webkit-animation: loadingWheel 1s linear infinite;
    -moz-animation: loadingWheel 1s linear infinite;
    -ms-animation: loadingWheel 1s linear infinite;
    -o-animation: loadingWheel 1s linear infinite;
    animation: loadingWheel 1s linear infinite; }

.container {
  width: 100%;
  overflow: hidden;
  -moz-overflow: hidden;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center; }

.container.desktop {
  height: 58.59375vw; }

.container.mobile {
  height: 177.5vw;
  background-size: 100% 100%; }

#intro {
  position: relative;
  background: #D4D4D4;
  /* Old browsers */ }
  #intro #intro-model {
    position: absolute; }
  #intro #intro-model {
    width: 39.697265625vw;
    height: 98.2421875vw;
    left: 11.1328125%;
    top: 5.294117647058823vw; }
  #intro #iphone-wrapper {
    position: absolute;
    z-index: 2; }
    #intro #iphone-wrapper #iphone6 {
      position: absolute;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      z-index: 4; }
    #intro #iphone-wrapper #screen-wrapper {
      background: #D4D4D4;
      /* Old browsers */
      z-index: 3;
      position: absolute;
      overflow: hidden; }
      #intro #iphone-wrapper #screen-wrapper #screen-model {
        position: absolute;
        top: 1.66015625vw;
        left: -5.078125vw;
        width: 31.7921875vw;
        height: 78.38955078125vw; }

#intro.mobile {
  height: 165vw;
  background: -moz-linear-gradient(top, #D4D4D4 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #D4D4D4 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #D4D4D4 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D4D4', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }
  #intro.mobile #intro-model {
    width: 80.07703125vw;
    height: 197.44484375vw;
    left: 9.53125%;
    top: 52.03124999999999vw; }
  #intro.mobile #iphone-wrapper {
    top: 41.71875vw;
    left: 23.28125vw;
    width: 53.64921875vw;
    height: 109.62109375vw; }
    #intro.mobile #iphone-wrapper #screen-wrapper {
      top: 11.25vw;
      left: 2.34375vw;
      width: 48.90625vw;
      height: 87.03593749999999vw;
      background: -moz-linear-gradient(top, #D4D4D4 0%, #ffffff 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #D4D4D4 0%, #ffffff 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #D4D4D4 0%, #ffffff 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D4D4D4', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
      #intro.mobile #iphone-wrapper #screen-wrapper #screen-model {
        position: absolute;
        top: 6.09375vw;
        left: -8.90625vw;
        width: 70.25859375vw;
        height: 173.235625vw; }
  #intro.mobile #intro-text {
    display: block;
    width: 78%;
    text-align: center;
    font-size: 5.46875vw;
    color: #575756;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 15.46875vw; }

#intro.desktop {
  display: table;
  background: -moz-linear-gradient(top, #878787 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #878787 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #878787 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }
  #intro.desktop #intro-model {
    width: 39.697265625vw;
    height: 98.2421875vw;
    left: 11.1328125%;
    top: 5.294117647058823vw; }
  #intro.desktop #iphone-wrapper {
    top: 4.6875vw;
    left: 17.578125vw;
    width: 24.0693359375vw;
    height: 49.22158203125vw; }
    #intro.desktop #iphone-wrapper #screen-wrapper {
      top: 5.56640625vw;
      left: 1.26953125vw;
      width: 21.5029296875vw;
      height: 38.26806640625vw;
      background: -moz-linear-gradient(top, #878787 0%, #ffffff 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #878787 0%, #ffffff 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #878787 0%, #ffffff 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#ffffff',GradientType=0 );
      /* IE6-9 */ }
      #intro.desktop #iphone-wrapper #screen-wrapper #screen-model {
        position: absolute;
        top: 1.66015625vw;
        left: -5.078125vw;
        width: 31.7921875vw;
        height: 78.38955078125vw; }
  #intro.desktop #intro-text {
    display: table-cell;
    vertical-align: middle;
    width: 28.7109375%;
    text-align: center;
    font-size: 2.734375vw;
    color: #575756;
    right: 15.0390625%;
    position: relative; }

#features.desktop {
  position: relative;
  background-image: url(/assets/Features_Background.jpg); }
  #features.desktop #feature-gradient {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background: -moz-linear-gradient(left, rgba(70, 132, 170, 0.8) 11%, rgba(105, 165, 209, 0) 67%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(70, 132, 170, 0.8) 11%, rgba(105, 165, 209, 0) 67%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(70, 132, 170, 0.8) 11%, rgba(105, 165, 209, 0) 67%, rgba(125, 185, 232, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4684aa', endColorstr='#007db9e8',GradientType=1 );
    /* IE6-9 */ }
  #features.desktop #feature-list {
    list-style: disc;
    width: 29.78515625vw;
    position: absolute;
    top: 16.515625vw;
    left: 17.578125vw;
    color: white;
    font-size: 2.34375vw;
    z-index: 2; }
    #features.desktop #feature-list li {
      margin-bottom: 1.953125vw;
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000; }
  #features.desktop #feature-nav {
    display: none; }

#features.mobile {
  position: relative;
  background-image: url(/assets/Features_Background_Mobile.jpg); }
  #features.mobile #feature-gradient {
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6); }
  #features.mobile #feature-list {
    width: 400%;
    position: absolute;
    bottom: 84.375vw;
    left: 0%;
    color: white;
    font-size: 5.9375vw;
    text-align: center;
    z-index: 2;
    display: table; }
    #features.mobile #feature-list li {
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000;
      display: inline-block;
      width: 25%;
      height: inherit;
      vertical-align: bottom; }
      #features.mobile #feature-list li p {
        display: block;
        width: 75vw;
        margin: auto; }
  #features.mobile #feature-nav {
    position: absolute;
    top: 99.375vw;
    left: 37.5vw;
    width: 26.25734375vw;
    z-index: 2; }
    #features.mobile #feature-nav li {
      display: inline-block;
      float: left;
      width: 4.6875vw;
      height: 4.6875vw;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 90px;
      margin-right: 1.5625vw;
      cursor: pointer;
      -webkit-transition: background, 0.4s, ease-in-out;
      -moz-transition: background, 0.4s, ease-in-out;
      -o-transition: background, 0.4s, ease-in-out;
      transition: background, 0.4s, ease-in-out; }
    #features.mobile #feature-nav li:last-of-type {
      margin-right: 0; }
    #features.mobile #feature-nav li.active {
      background: white;
      box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
      -webkit-transition: background, 0.4s, ease-in-out;
      -moz-transition: background, 0.4s, ease-in-out;
      -o-transition: background, 0.4s, ease-in-out;
      transition: background, 0.4s, ease-in-out; }

#signup {
  position: relative; }
  #signup #input-email {
    border-radius: 0px; }

#signup.desktop {
  background-image: url(/assets/Signup_Background.jpg); }
  #signup.desktop #signup-centerWrapper {
    display: block;
    position: absolute;
    top: 22.94921875vw;
    left: 28.30625vw;
    width: 42.1875vw;
    margin: auto; }
    #signup.desktop #signup-centerWrapper #signup-text {
      color: white;
      line-height: 3.4765625vw;
      font-size: 2.34375vw;
      text-align: center;
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000; }
    #signup.desktop #signup-centerWrapper #signup-form {
      display: block;
      margin: auto;
      margin-top: 1.953125vw;
      width: 37.20703125vw;
      height: 3.90625vw;
      clear: both; }
      #signup.desktop #signup-centerWrapper #signup-form #input-email, #signup.desktop #signup-centerWrapper #signup-form #input-submit {
        height: inherit;
        display: inline-block;
        float: left;
        border: 0;
        padding: 0; }
      #signup.desktop #signup-centerWrapper #signup-form #input-email {
        width: 32.03125vw;
        height: inherit;
        background-color: white;
        color: #b2b2b1;
        text-indent: 0.9765625vw;
        font-size: 2.24609375vw; }
      #signup.desktop #signup-centerWrapper #signup-form #input-submit {
        width: 5.078125vw;
        height: inherit;
        background-color: #f5f5f5;
        cursor: pointer; }
        #signup.desktop #signup-centerWrapper #signup-form #input-submit img {
          position: relative;
          top: 0.13671875vw;
          left: 0.09765625vw;
          width: 2.8301757812500004vw;
          height: 1.953125vw; }
    #signup.desktop #signup-centerWrapper #signup-error {
      margin-top: 1.953125vw;
      text-align: center;
      color: white;
      font-size: 1.5625vw;
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000; }

#signup.mobile {
  background-image: url(/assets/Signup_Background_Mobile.jpg); }
  #signup.mobile #signup-centerWrapper {
    display: block;
    position: absolute;
    top: 71.40625vw;
    left: 12.65625vw;
    width: 75vw;
    margin: auto;
    z-index: 3; }
    #signup.mobile #signup-centerWrapper #signup-text {
      line-height: 7.125000000000001vw;
      color: white;
      font-size: 5.9375vw;
      text-align: center;
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000; }
    #signup.mobile #signup-centerWrapper #signup-form {
      display: block;
      margin: auto;
      margin-top: 6.25vw;
      width: 100%;
      height: 9.375vw;
      clear: both; }
      #signup.mobile #signup-centerWrapper #signup-form #input-email, #signup.mobile #signup-centerWrapper #signup-form #input-submit {
        height: inherit;
        display: inline-block;
        float: left;
        border: 0;
        padding: 0; }
      #signup.mobile #signup-centerWrapper #signup-form #input-email {
        width: 63.125vw;
        height: inherit;
        background-color: white;
        color: #b2b2b1;
        text-indent: 0.9765625vw;
        font-size: 5.9375vw; }
      #signup.mobile #signup-centerWrapper #signup-form #input-submit {
        width: 11.875vw;
        height: inherit;
        background-color: #f5f5f5;
        cursor: pointer; }
        #signup.mobile #signup-centerWrapper #signup-form #input-submit img {
          position: relative;
          top: 0.13671875vw;
          left: 0.09765625vw;
          width: 6.4821875vw;
          height: 4.48328125vw; }
    #signup.mobile #signup-centerWrapper #signup-error {
      margin-top: 6vw;
      text-align: center;
      color: white;
      font-size: 4.3vw;
      -webkit-text-shadow: 5px 5px 10px #000000;
      -moz-text-shadow: 5px 5px 10px #000000;
      text-shadow: 5px 5px 10px #000000; }
  #signup.mobile #signup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2; }

#footer {
  position: relative; }
  #footer #footer-centerWrapper {
    position: absolute;
    text-align: center; }
    #footer #footer-centerWrapper img {
      width: 100%;
      height: auto; }
    #footer #footer-centerWrapper a {
      text-transform: uppercase;
      text-decoration: none;
      color: white; }
    #footer #footer-centerWrapper a:hover {
      text-decoration: underline; }

#footer.desktop {
  background-image: url(/assets/Footer_Background.jpg); }
  #footer.desktop #footer-centerWrapper {
    top: 19.62890625vw;
    left: 33.672656vw;
    width: 30.97470703125vw;
    text-align: center; }
    #footer.desktop #footer-centerWrapper img {
      width: 29.296875vw;
      height: 13.807714843749999vw;
      margin-bottom: 3.41796875vw; }
    #footer.desktop #footer-centerWrapper a {
      font-size: 2.734375vw; }

#footer.mobile {
  background-image: url(/assets/Footer_Background_Mobile.jpg); }
  #footer.mobile #footer-centerWrapper {
    top: 73.28125vw;
    left: 25.156250000000004vw;
    width: 51.4440625vw; }
    #footer.mobile #footer-centerWrapper img {
      width: 46.875vw;
      height: 22.092343749999998vw;
      margin-bottom: 5.46875vw; }
    #footer.mobile #footer-centerWrapper a {
      font-size: 3.75vw;
      font-size: 4.55vw; }

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