/* Reset */
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 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

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

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

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Base */
html, body {
  min-height: 100%; }

body {
  font: 16px "Roboto", "Helvetica Neue", Helvetica, Arial;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  color: #666; }

p {
  line-height: 1.8;
  color: #777; }

strong {
  font-weight: 500;
  color: #333; }

a {
  text-decoration: none;
  color: #5badf0; }

#banner {
  padding-bottom: 80px;
  padding-top: 80px; }
  #banner blockquote {
    font-family: "HelveticaNeue-Thin", "Arial";
    font-size: 48px;
    line-height: 1.3em; }
    @media (max-width: 768px) {
      #banner blockquote {
        font-size: 28px; } }

section.dark {
  background-color: #111;
  color: #fff; }

#hero img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }

#proof img {
  max-width: 100%;
  margin: 0 auto;
  display: block; }
#proof h3 {
  text-align: center;
  color: #ddd; }

#testimonial {
  margin-top: 40px;
  margin-bottom: 40px; }
  #testimonial .cite {
    margin-top: 60px; }
  #testimonial blockquote {
    font-family: "HelveticaNeue-Thin", "Arial";
    font-size: 28px;
    margin-top: 10px;
    padding-right: 40px;
    margin-bottom: 60px; }

#menu {
  padding: 4px 0 0 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fafafa;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 10000; }
  #menu a {
    color: rgba(0, 0, 0, 0.4);
    font-family: "HelveticaNeue", "Arial";
    font-size: 13pt;
    margin-right: 20px; }
    #menu a:hover {
      color: #1273fe;
      text-decoration: underline; }
    @media (max-width: 768px) {
      #menu a {
        font-size: 11pt;
        margin-right: 10px; } }
    #menu a.home {
      color: #111;
      font-family: "AvenirNext-Bold", "Arial";
      font-size: 26pt;
      margin-left: 20px; }
      #menu a.home:hover {
        text-decoration: none; }
      @media (max-width: 768px) {
        #menu a.home {
          font-size: 16pt; } }
    #menu a.trial {
      color: #43d861; }
      @media (max-width: 768px) {
        #menu a.trial {
          display: none; } }
    #menu a.buy {
      color: #1273fe; }
      @media (max-width: 768px) {
        #menu a.buy {
          display: none; } }
  #menu .right {
    margin-top: 12px;
    float: right; }
    @media (max-width: 768px) {
      #menu .right {
        margin-top: 4px; } }

a.trial {
  color: #43d861; }
a.buy {
  color: #1273fe; }

video {
  width: 100%;
  background-color: #ffffff; }

#content {
  background-color: #ffffff; }
  #content img.icon {
    margin: 0 auto;
    display: block;
    width: 180px; }
  #content h1 {
    font-family: "HelveticaNeue-Bold", "Arial", "Arial";
    text-align: center;
    line-height: 1.26em;
    color: #000000;
    margin-top: 20px;
    font-size: 45px;
    margin-bottom: 0px; }
    @media (max-width: 767px) {
      #content h1 {
        font-size: 36px; } }
    @media (min-width: 768px) {
      #content h1 {
        font-size: 36px; } }
    @media (min-width: 992px) {
      #content h1 {
        font-size: 40px; } }
    @media (min-width: 1200px) {
      #content h1 {
        font-size: 45px; } }
  #content h2 {
    text-align: center;
    font-family: "HelveticaNeue-Thin", "Arial";
    line-height: 1.3em;
    margin-bottom: 30px;
    margin-top: 10px;
    font-size: 30px; }
    #content h2 em {
      font-family: "HelveticaNeue-Light", "Arial"; }
    @media (max-width: 767px) {
      #content h2 {
        font-size: 20px; } }
    @media (min-width: 768px) {
      #content h2 {
        font-size: 20px; } }
    @media (min-width: 992px) {
      #content h2 {
        font-size: 20px; } }
    @media (min-width: 1200px) {
      #content h2 {
        font-size: 30px; } }
  #content.manual img.icon {
    margin: 0 auto;
    display: block;
    width: 180px; }
  #content.manual h1, #content.manual h2, #content.manual h3 {
    text-align: left; }
  #content.manual h1 {
    font-family: "HelveticaNeue-Bold", "Arial";
    text-align: left;
    font-size: 30px;
    margin-top: 100px;
    margin-bottom: 1em; }
  #content.manual h2 {
    font-family: "HelveticaNeue-Medium", "Arial";
    font-size: 18px;
    margin-top: 3em;
    margin-bottom: 1em;
    clear: both; }
  #content.manual h3 {
    font-family: "HelveticaNeue-Medium", "Arial";
    font-size: 17px;
    margin-top: 2em;
    margin-bottom: 0.2em;
    clear: both; }
  #content.manual p, #content.manual ol, #content.manual ul, #content.manual li, #content.manual aside {
    font-family: "HelveticaNeue-Light", "Arial";
    font-size: 17px;
    line-height: 1.4em; }
  #content.manual p {
    margin-bottom: 1em; }
    #content.manual p.intro {
      font-size: 19px; }
  #content.manual aside {
    margin-left: 20px;
    margin-bottom: 1em; }
  #content.manual img.right {
    float: right;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-right: -60px;
    left: 100px; }
  #content.manual img.full-width {
    width: 100%; }
  #content #header {
    margin-top: 90px; }
    #content #header .folio-icon.large {
      width: 180px;
      height: 180px; }
      @media (max-width: 767px) {
        #content #header .folio-icon.large {
          width: 120px;
          height: 120px; } }
    #content #header .folio-icon.center {
      display: block;
      margin: 40px auto; }
      @media (max-width: 767px) {
        #content #header .folio-icon.center {
          margin-top: 20px;
          margin-bottom: 20px; } }
    #content #header h1 {
      margin: 0 auto;
      max-width: 1200px; }
      @media (max-width: 767px) {
        #content #header h1 {
          font-size: 22px; } }
    #content #header h2 {
      margin: 0 80px; }
      @media (max-width: 767px) {
        #content #header h2 {
          font-size: 16px;
          margin: 0; } }
  #content .cta {
    width: 290px;
    height: 80px;
    margin: 10px auto 20px auto; }
    #content .cta .info {
      margin: 10px auto;
      text-align: center;
      font-size: 14px;
      line-height: 1.4em;
      color: #aaaaaa;
      padding-top: 46px; }
    #content .cta em {
      font-style: italic; }
    #content .cta .button {
      color: white;
      font-family: "HelveticaNeue-Bold", "Arial";
      font-size: 17px;
      padding: 9px 0 10px 0;
      width: 140px;
      text-align: center;
      border-radius: 20px;
      box-sizing: border-box;
      position: relative; }
      #content .cta .button:hover {
        text-decoration: none; }
      #content .cta .button.beta {
        display: block;
        margin: 0 auto;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9500+0,ffae00+100 */
        background: #ff9500;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #ff9500 0%, #ffae00 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ff9500), color-stop(100%, #ffae00));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #ff9500 0%, #ffae00 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #ff9500 0%, #ffae00 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #ff9500 0%, #ffae00 100%);
        /* IE10+ */
        background: linear-gradient(135deg, #ff9500 0%, #ffae00 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9500', endColorstr='#ffae00',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #content .cta .button.buy {
        float: right;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d7aff+0,0d92ff+100 */
        background: #0d7aff;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #0d7aff 0%, #0d92ff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0d7aff), color-stop(100%, #0d92ff));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #0d7aff 0%, #0d92ff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #0d7aff 0%, #0d92ff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #0d7aff 0%, #0d92ff 100%);
        /* IE10+ */
        background: linear-gradient(135deg, #0d7aff 0%, #0d92ff 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d7aff', endColorstr='#0d92ff',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
      #content .cta .button.trial {
        float: left;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4cd964+0,4cd97b+100 */
        background: #4cd964;
        /* Old browsers */
        background: -moz-linear-gradient(-45deg, #4cd964 0%, #4cd97b 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #4cd964), color-stop(100%, #4cd97b));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(-45deg, #4cd964 0%, #4cd97b 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(-45deg, #4cd964 0%, #4cd97b 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(-45deg, #4cd964 0%, #4cd97b 100%);
        /* IE10+ */
        background: linear-gradient(135deg, #4cd964 0%, #4cd97b 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cd964', endColorstr='#4cd97b',GradientType=1 );
        /* IE6-9 fallback on horizontal gradient */ }
  #content.visible-xs-block {
    margin-top: 100px; }
  #content div.background {
    background-color: #ffffff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    height: 200%;
    left: 0;
    right: 0;
    position: absolute; }
  #content div.row.video .col-md-12 {
    padding: 0; }

.feature.first {
  margin-top: 60px; }
.feature h3 {
  color: black;
  font-family: "HelveticaNeue-Medium", "Arial";
  font-size: 16pt;
  margin-bottom: 4px; }
  .feature h3 em {
    color: #fff;
    background-color: #1273fe;
    border-radius: 4px;
    font-size: 0.8em;
    padding: 4px 8px; }
    .feature h3 em.free {
      background-color: #ff9500; }
.feature p {
  margin-bottom: 10px;
  font-family: "HelveticaNeue-Light", "Arial";
  font-size: 15pt;
  line-height: 1.45em; }
.feature div {
  margin-bottom: 40px; }

#footer {
  text-align: center;
  margin-top: 40px;
  height: 200px; }

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