/* colors */
/* Yellow */
/* Grey */
/* Light Grey */
/* Dark Grey */
/* Red */
/* Dark Red */
/* Bright Green */
/* fonts */
/* mixins */
/* Border Box Reset */
/* line 63, ../scss/style.scss */
* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

/* GLOBAL STYLES */
/* line 74, ../scss/style.scss */
body {
  font-family: Helvetica, sans-serif;
  color: #646472;
  font-size: 18px;
  line-height: 150%;
  font-weight: 200;
  margin: 0 auto;
}

/* line 83, ../scss/style.scss */
h1 {
  color: #D11924;
  font-size: 24px;
  font-weight: 700;
  margin: 20px 0 0;
}

/* line 90, ../scss/style.scss */
h2 {
  font-size: 30px;
  font-weight: 300;
  color: white;
  text-align: center;
  line-height: 150%;
  margin-bottom: 0;
}

/* line 100, ../scss/style.scss */
h4 {
  margin: 0;
}

/* line 104, ../scss/style.scss */
.centered-text {
  text-align: center;
}

/* line 108, ../scss/style.scss */
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* line 114, ../scss/style.scss */
sup {
  font-size: 14px;
}

/* line 119, ../scss/style.scss */
.fineprint p {
  font-size: 11px;
  color: #777777;
  line-height: 150%;
  margin: 0;
}

/* HEADER */
/* line 131, ../scss/style.scss */
header {
  width: 100%;
  max-width: 100%;
  background: #D11924;
  padding: 30px 25px;
}
/* line 137, ../scss/style.scss */
header .o2v-logo {
  width: 180px;
  height: 35px;
  background: url(../img/firstlook_sprite.svg) -182px -129px no-repeat;
  display: block;
  text-indent: -9999px;
  position: relative;
  left: 50%;
  margin-left: -90px;
}

/* BANNER */
/* line 153, ../scss/style.scss */
.fl-banner {
  width: 100%;
  max-width: 100%;
  position: relative;
  background: url(../img/polygon_back_large.svg) 0 0 no-repeat;
  height: 550px;
  padding: 40px 0;
}
/* line 161, ../scss/style.scss */
.fl-banner .fl-logo {
  display: block;
  width: 269px;
  height: 80px;
  background: url(../img/firstlook_sprite.svg) -334px -550px no-repeat;
  position: relative;
  left: 50%;
  margin-left: -134.5px;
}
/* line 171, ../scss/style.scss */
.fl-banner .fl-banner-background {
  position: absolute;
  width: 300px;
  height: 293px;
  background: url(../img/fl_banner_small.png) 0 0 no-repeat;
  left: 50%;
  margin-left: -150px;
  top: 137px;
}

/* FEATURES */
/* line 186, ../scss/style.scss */
.fl-features {
  width: 100%;
  max-width: 100%;
  background: white;
  /* fallback for older/unsupporting browsers */
  background: -moz-linear-gradient(top, #D8D8D8, white 25%);
  background: -webkit-gradient(linear, 0 0, 0 25%, from(#D8D8D8), to(white));
  padding: 2em 0;
}
/* line 192, ../scss/style.scss */
.fl-features p {
  margin: 0 0 30px;
}
/* line 196, ../scss/style.scss */
.fl-features .be-first, .fl-features .be-mobile, .fl-features .get-started {
  width: 220px;
  height: 220px;
  position: relative;
  left: 50%;
  margin-left: -110px;
  content: "";
  background: url(../img/firstlook_sprite.svg) 0 -326px no-repeat;
}
/* line 206, ../scss/style.scss */
.fl-features .be-mobile {
  background-position: -224px -326px;
}
/* line 211, ../scss/style.scss */
.fl-features .get-started {
  background-position: -448px -326px;
}
/* line 216, ../scss/style.scss */
.fl-features .button {
  line-height: 100%;
}
/* line 36, ../scss/style.scss */
.fl-features .button a {
  display: inline-block;
  margin-bottom: 10px;
  padding: 10px 20px;
  text-decoration: none;
  background: #646472;
  color: white;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -o-transition: color .2s ease-out, background 0.3s ease-in;
  -ms-transition: color .2s ease-out, background 0.3s ease-in;
  -moz-transition: color .2s ease-out, background 0.3s ease-in;
  -webkit-transition: color .2s ease-out, background 0.3s ease-in;
  transition: color .2s ease-out, background 0.3s ease-in;
}
/* line 47, ../scss/style.scss */
.fl-features .button a:hover {
  background: #D11924;
}

/* MOBILE DASHBOARD */
/* line 225, ../scss/style.scss */
.fl-mobiledash {
  background: #D8D8D8;
  text-align: center;
}
/* line 229, ../scss/style.scss */
.fl-mobiledash p {
  line-height: 150%;
  margin-bottom: 20px;
}
/* line 234, ../scss/style.scss */
.fl-mobiledash a {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 100%;
  padding: 10px 20px;
  text-decoration: none;
  background: #646472;
  color: white;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -o-transition: color .2s ease-out, background 0.3s ease-in;
  -ms-transition: color .2s ease-out, background 0.3s ease-in;
  -moz-transition: color .2s ease-out, background 0.3s ease-in;
  -webkit-transition: color .2s ease-out, background 0.3s ease-in;
  transition: color .2s ease-out, background 0.3s ease-in;
}
/* line 247, ../scss/style.scss */
.fl-mobiledash a:hover {
  background: #7ED321;
}

/* PROCESS */
/* line 257, ../scss/style.scss */
.fl-process {
  width: 100%;
  max-width: 100%;
  background: #272727;
  padding-top: 40px;
}
/* line 263, ../scss/style.scss */
.fl-process .fl-process-icons {
  width: 300px;
  height: 74px;
  position: relative;
  left: 50%;
  margin-left: -150px;
  margin-bottom: 30px;
  content: "";
  background: url(../img/firstlook_sprite.svg) 0 -550px no-repeat;
}

/* FOOTER */
/* line 279, ../scss/style.scss */
footer {
  width: 100%;
  max-width: 100%;
  background: #272727;
}
/* line 284, ../scss/style.scss */
footer .terms {
  margin-bottom: 40px;
}
/* line 288, ../scss/style.scss */
footer .foot-logo {
  text-align: center;
}
/* line 291, ../scss/style.scss */
footer .foot-logo a {
  color: #FFF100;
  font-size: 18px;
  text-decoration: none;
}
/* line 298, ../scss/style.scss */
footer .foot-links {
  font-size: 18px;
  line-height: 150%;
}
/* line 302, ../scss/style.scss */
footer .foot-links p {
  color: white;
  margin-bottom: 10px;
}
/* line 307, ../scss/style.scss */
footer .foot-links li {
  padding: 0 10px;
  display: inline-block;
}
/* line 311, ../scss/style.scss */
footer .foot-links li:last-child {
  border-left: 2px solid #777777;
}
/* line 315, ../scss/style.scss */
footer .foot-links li a {
  font-size: 14px;
  color: #777777;
  text-decoration: none;
  font-weight: 700;
}
/* line 321, ../scss/style.scss */
footer .foot-links li a:hover {
  color: #D11924;
}
/* line 329, ../scss/style.scss */
footer .social-icons ul {
  text-align: center;
  margin: 30px 0;
}
/* line 333, ../scss/style.scss */
footer .social-icons ul li {
  display: inline-block;
  margin-left: 10px;
}
/* line 337, ../scss/style.scss */
footer .social-icons ul li:first-child {
  margin-left: 0;
}
/* line 341, ../scss/style.scss */
footer .social-icons ul li a.social-facebook, footer .social-icons ul li a.social-twitter, footer .social-icons ul li a.social-pinterest, footer .social-icons ul li a.social-googleplus {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/firstlook_sprite.svg) -580px -129px no-repeat;
}
/* line 347, ../scss/style.scss */
footer .social-icons ul li a.social-facebook:hover, footer .social-icons ul li a.social-twitter:hover, footer .social-icons ul li a.social-pinterest:hover, footer .social-icons ul li a.social-googleplus:hover {
  background-position: -623px -129px;
}
/* line 352, ../scss/style.scss */
footer .social-icons ul li a.social-twitter {
  background-position: -580px -171px;
}
/* line 356, ../scss/style.scss */
footer .social-icons ul li a.social-twitter:hover {
  background-position: -623px -171px;
}
/* line 361, ../scss/style.scss */
footer .social-icons ul li a.social-pinterest {
  background-position: -580px -213px;
}
/* line 365, ../scss/style.scss */
footer .social-icons ul li a.social-pinterest:hover {
  background-position: -623px -213px;
}
/* line 370, ../scss/style.scss */
footer .social-icons ul li a.social-googleplus {
  background-position: -580px -255px;
}
/* line 374, ../scss/style.scss */
footer .social-icons ul li a.social-googleplus:hover {
  background-position: -623px -255px;
}

/* media queries import */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  /* GLOBAL STYLES */
  /* line 8, ../scss/media_medium640.scss */
  h2 {
    font-size: 32px;
  }

  /* HEADER */
  /* line 16, ../scss/media_medium640.scss */
  header .o2v-logo {
    float: right;
    left: 0;
    margin-left: 0;
  }

  /* BANNER */
  /* line 25, ../scss/media_medium640.scss */
  .fl-banner {
    height: 450px;
  }
  /* line 28, ../scss/media_medium640.scss */
  .fl-banner .fl-logo {
    display: block;
    width: 347px;
    height: 103px;
    background: url(../img/firstlook_sprite.svg) 0 0 no-repeat;
    position: relative;
    left: 50%;
    margin-left: -173.5px;
  }
  /* line 38, ../scss/media_medium640.scss */
  .fl-banner .fl-banner-background {
    position: relative;
    width: 640px;
    height: 281px;
    left: 50%;
    margin-left: -320px;
    top: 40px;
    background: url(../img/fl_banner_medium.png) 0 0 no-repeat;
  }

  /* FEATURES */
  /* line 51, ../scss/media_medium640.scss */
  .fl-features {
    padding: 6em 0 2em;
  }
  /* line 54, ../scss/media_medium640.scss */
  .fl-features p {
    padding: 0 60px;
  }

  /* PROCESS */
  /* line 62, ../scss/media_medium640.scss */
  .fl-process .fl-process-icons {
    width: 555px;
    height: 137px;
    margin-left: -277.5px;
    background: url(../img/firstlook_sprite.svg) 0 -174px no-repeat;
  }

  /* MOBILE DASHBOARD */
  /* line 74, ../scss/media_medium640.scss */
  .fl-mobiledash .dash-image {
    position: relative;
    width: 180px;
    height: 260px;
    float: left;
    background: url(../img/mobile_dash_small.png) 0 0 no-repeat;
    margin: 40px 60px 0 0;
  }
  /* line 82, ../scss/media_medium640.scss */
  .fl-mobiledash .dash-image .dash-icon {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 130px;
    top: 140px;
    background: url(../img/firstlook_sprite.svg) 0 -630px no-repeat;
  }
  /* line 92, ../scss/media_medium640.scss */
  .fl-mobiledash p {
    margin-bottom: 8px;
    padding-top: 100px;
    text-align: left;
  }
  /* line 98, ../scss/media_medium640.scss */
  .fl-mobiledash a {
    float: left;
  }

  /* FOOTER */
  /* line 108, ../scss/media_medium640.scss */
  footer .foot-logo {
    text-align: center;
  }
  /* line 113, ../scss/media_medium640.scss */
  footer .social-icons ul {
    text-align: center;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  /* GLOBAL STYLES */
  /* line 7, ../scss/media_large1025.scss */
  h1 {
    font-size: 20px;
    margin: 20px 0 2px;
  }

  /* line 12, ../scss/media_large1025.scss */
  h2 {
    font-size: 40px;
    line-height: 150%;
    margin: 0;
  }

  /* HEADER */
  /* line 22, ../scss/media_large1025.scss */
  header .o2v-logo {
    float: right;
    left: 0;
    margin-left: 0;
  }

  /* BANNER */
  /* line 32, ../scss/media_large1025.scss */
  .fl-banner {
    height: 580px;
  }
  /* line 35, ../scss/media_large1025.scss */
  .fl-banner .fl-logo {
    width: 347px;
    height: 103px;
    background: url(../img/firstlook_sprite.svg) 0 0 no-repeat;
    position: relative;
    left: 50%;
    margin-left: -173.5px;
  }
  /* line 44, ../scss/media_large1025.scss */
  .fl-banner .fl-banner-background {
    position: relative;
    width: 1000px;
    height: 439px;
    left: 50%;
    margin-left: -500px;
    background: url(../img/fl_banner_large.png) 0 0 no-repeat;
    top: 0;
  }
  /* line 54, ../scss/media_large1025.scss */
  .fl-banner .fl-banner-caption {
    padding: 30px;
  }

  /* FEATURES */
  /* line 61, ../scss/media_large1025.scss */
  .fl-features {
    padding: 8em 0 2em;
  }
  /* line 64, ../scss/media_large1025.scss */
  .fl-features p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 150%;
  }
  /* line 71, ../scss/media_large1025.scss */
  .fl-features .button a {
    font-size: 16px;
  }
  /* line 74, ../scss/media_large1025.scss */
  .fl-features .button a:last-child {
    margin-left: 0;
    margin-top: 5px;
  }

  /* PROCESS */
  /* line 85, ../scss/media_large1025.scss */
  .fl-process .fl-process-icons {
    width: 555px;
    height: 137px;
    margin-left: -277.5px;
    background: url(../img/firstlook_sprite.svg) 0 -174px no-repeat;
  }

  /* MOBILE DASHBOARD */
  /* line 97, ../scss/media_large1025.scss */
  .fl-mobiledash .dash-image {
    position: relative;
    width: 180px;
    height: 260px;
    float: left;
    background: url(../img/mobile_dash_small.png) 0 0 no-repeat;
    margin: 40px 60px 0 0;
  }
  /* line 105, ../scss/media_large1025.scss */
  .fl-mobiledash .dash-image .dash-icon {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 130px;
    top: 140px;
    background: url(../img/firstlook_sprite.svg) 0 -630px no-repeat;
  }
  /* line 115, ../scss/media_large1025.scss */
  .fl-mobiledash p {
    margin-bottom: 8px;
    padding-top: 100px;
    text-align: left;
  }
  /* line 121, ../scss/media_large1025.scss */
  .fl-mobiledash a {
    float: left;
  }

  /* FOOTER */
  /* line 131, ../scss/media_large1025.scss */
  footer .foot-logo {
    text-align: left;
  }
  /* line 135, ../scss/media_large1025.scss */
  footer .foot-links {
    margin-bottom: 40px;
  }
  /* line 138, ../scss/media_large1025.scss */
  footer .foot-links p {
    margin: 0;
  }
  /* line 144, ../scss/media_large1025.scss */
  footer .social-icons ul {
    text-align: right;
    margin-top: 0;
  }
}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  /* GLOBAL STYLES */
  /* line 7, ../scss/media_xlarge1440.scss */
  h1 {
    font-size: 20px;
    margin: 20px 0 2px;
  }

  /* line 12, ../scss/media_xlarge1440.scss */
  h2 {
    font-size: 40px;
    line-height: 150%;
    margin: 0;
  }

  /* HEADER */
  /* line 22, ../scss/media_xlarge1440.scss */
  header .o2v-logo {
    float: right;
    left: 0;
    margin-left: 0;
  }

  /* BANNER */
  /* line 32, ../scss/media_xlarge1440.scss */
  .fl-banner {
    height: 580px;
  }
  /* line 35, ../scss/media_xlarge1440.scss */
  .fl-banner .fl-logo {
    width: 347px;
    height: 103px;
    background: url(../img/firstlook_sprite.svg) 0 0 no-repeat;
    position: relative;
    left: 50%;
    margin-left: -173.5px;
  }
  /* line 44, ../scss/media_xlarge1440.scss */
  .fl-banner .fl-banner-background {
    position: relative;
    width: 1000px;
    height: 439px;
    left: 50%;
    margin-left: -500px;
    background: url(../img/fl_banner_large.png) 0 0 no-repeat;
    top: 0;
  }
  /* line 54, ../scss/media_xlarge1440.scss */
  .fl-banner .fl-banner-caption {
    padding: 30px;
  }

  /* FEATURES */
  /* line 61, ../scss/media_xlarge1440.scss */
  .fl-features {
    padding: 8em 0 2em;
  }
  /* line 64, ../scss/media_xlarge1440.scss */
  .fl-features p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 150%;
  }
  /* line 71, ../scss/media_xlarge1440.scss */
  .fl-features .button a {
    font-size: 16px;
  }
  /* line 74, ../scss/media_xlarge1440.scss */
  .fl-features .button a:last-child {
    margin-left: 0;
    margin-top: 5px;
  }

  /* PROCESS */
  /* line 85, ../scss/media_xlarge1440.scss */
  .fl-process .fl-process-icons {
    width: 555px;
    height: 137px;
    margin-left: -277.5px;
    background: url(../img/firstlook_sprite.svg) 0 -174px no-repeat;
  }

  /* MOBILE DASHBOARD */
  /* line 97, ../scss/media_xlarge1440.scss */
  .fl-mobiledash .dash-image {
    position: relative;
    width: 180px;
    height: 260px;
    float: left;
    background: url(../img/mobile_dash_small.png) 0 0 no-repeat;
    margin: 40px 60px 0 0;
  }
  /* line 105, ../scss/media_xlarge1440.scss */
  .fl-mobiledash .dash-image .dash-icon {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 130px;
    top: 140px;
    background: url(../img/firstlook_sprite.svg) 0 -630px no-repeat;
  }
  /* line 115, ../scss/media_xlarge1440.scss */
  .fl-mobiledash p {
    margin-bottom: 8px;
    padding-top: 100px;
    text-align: left;
  }
  /* line 121, ../scss/media_xlarge1440.scss */
  .fl-mobiledash a {
    float: left;
  }

  /* FOOTER */
  /* line 131, ../scss/media_xlarge1440.scss */
  footer .foot-logo {
    text-align: left;
  }
  /* line 135, ../scss/media_xlarge1440.scss */
  footer .foot-links {
    margin-bottom: 40px;
  }
  /* line 138, ../scss/media_xlarge1440.scss */
  footer .foot-links p {
    margin: 0;
  }
  /* line 144, ../scss/media_xlarge1440.scss */
  footer .social-icons ul {
    text-align: right;
    margin-top: 0;
  }
}
@media only screen and (min-width: 120.063em) {
  /* GLOBAL STYLES */
  /* line 7, ../scss/media_xxlarge1920.scss */
  h1 {
    font-size: 20px;
    margin: 20px 0 2px;
  }

  /* line 12, ../scss/media_xxlarge1920.scss */
  h2 {
    font-size: 40px;
    line-height: 150%;
    margin: 0;
  }

  /* HEADER */
  /* line 22, ../scss/media_xxlarge1920.scss */
  header .o2v-logo {
    float: right;
    left: 0;
    margin-left: 0;
  }

  /* BANNER */
  /* line 32, ../scss/media_xxlarge1920.scss */
  .fl-banner {
    height: 700px;
  }
  /* line 35, ../scss/media_xxlarge1920.scss */
  .fl-banner .fl-logo {
    width: 347px;
    height: 103px;
    background: url(../img/firstlook_sprite.svg) 0 0 no-repeat;
    position: relative;
    left: 50%;
    margin-left: -173.5px;
  }
  /* line 44, ../scss/media_xxlarge1920.scss */
  .fl-banner .fl-banner-background {
    position: relative;
    width: 1379px;
    height: 606px;
    left: 50%;
    margin-left: -689.5px;
    background: url(../img/fl_banner_xlarge.png) 0 0 no-repeat;
    top: 0;
  }
  /* line 54, ../scss/media_xxlarge1920.scss */
  .fl-banner .fl-banner-caption {
    padding: 30px;
  }

  /* FEATURES */
  /* line 61, ../scss/media_xxlarge1920.scss */
  .fl-features {
    padding: 16em 0 2em;
  }
  /* line 64, ../scss/media_xxlarge1920.scss */
  .fl-features p {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 150%;
  }
  /* line 71, ../scss/media_xxlarge1920.scss */
  .fl-features .button a {
    font-size: 16px;
  }
  /* line 74, ../scss/media_xxlarge1920.scss */
  .fl-features .button a:last-child {
    margin-left: 0;
    margin-top: 5px;
  }

  /* PROCESS */
  /* line 85, ../scss/media_xxlarge1920.scss */
  .fl-process .fl-process-icons {
    width: 555px;
    height: 137px;
    margin-left: -277.5px;
    background: url(../img/firstlook_sprite.svg) 0 -174px no-repeat;
  }

  /* MOBILE DASHBOARD */
  /* line 97, ../scss/media_xxlarge1920.scss */
  .fl-mobiledash .dash-image {
    position: relative;
    width: 180px;
    height: 260px;
    float: left;
    background: url(../img/mobile_dash_small.png) 0 0 no-repeat;
    margin: 40px 60px 0 0;
  }
  /* line 105, ../scss/media_xxlarge1920.scss */
  .fl-mobiledash .dash-image .dash-icon {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 130px;
    top: 140px;
    background: url(../img/firstlook_sprite.svg) 0 -630px no-repeat;
  }
  /* line 115, ../scss/media_xxlarge1920.scss */
  .fl-mobiledash p {
    margin-bottom: 8px;
    padding-top: 100px;
    text-align: left;
  }
  /* line 121, ../scss/media_xxlarge1920.scss */
  .fl-mobiledash a {
    float: left;
  }

  /* FOOTER */
  /* line 131, ../scss/media_xxlarge1920.scss */
  footer .foot-logo {
    text-align: left;
  }
  /* line 135, ../scss/media_xxlarge1920.scss */
  footer .foot-links {
    margin-bottom: 40px;
  }
  /* line 138, ../scss/media_xxlarge1920.scss */
  footer .foot-links p {
    margin: 0;
  }
  /* line 144, ../scss/media_xxlarge1920.scss */
  footer .social-icons ul {
    text-align: right;
    margin-top: 0;
  }
}