@charset "UTF-8";
/******************** mixins **************************/
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: local("Varela Round"), local("VarelaRound-Regular"), url(../../src/styles/fonts/Varela-Round.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }

header.header-site {
  margin: 1em 0 0;
  text-align: center;
  position: relative; }
  header.header-site:before {
    content: " ";
    display: table; }
  header.header-site:after {
    content: " ";
    display: table;
    clear: both; }
  header.header-site .wrapper {
    position: relative;
    padding: 0 20px; }
    header.header-site .wrapper:before {
      content: " ";
      display: table; }
    header.header-site .wrapper:after {
      content: " ";
      display: table;
      clear: both; }
  header.header-site a.logo {
    cursor: pointer; }
    header.header-site a.logo img {
      width: 300px; }
  header.header-site .image {
    display: none; }
  header.header-site .container {
    max-width: 980px; }
  header.header-site .ribbon {
    display: none; }

@media (min-width: 1020px) {
  header.header-site {
    background: url(../../src/media/ribbon-repeat.gif) 0 115px repeat-x; }
    header.header-site .wrapper {
      padding: 0 !important; }
      header.header-site .wrapper a.logo img {
        float: left;
        margin: 0 0 .6em 4em;
        width: 140px; }
      header.header-site .wrapper .ribbon {
        display: block;
        background: url(../../src/media/sprites.png) 0px -60px no-repeat;
        height: 85px;
        position: absolute;
        top: 80px;
        width: 100%;
        left: 0;
        z-index: 5; }
      header.header-site .wrapper .image {
        display: block; } }

/******************** mixins **************************/
/**
 * Dialog definitions.
 */
body.dialog-open {
  overflow: hidden; }

.dialog {
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10; }
  .dialog .container {
    position: absolute;
    top: 5%;
    right: 5%;
    left: 5%;
    border-radius: 3px; }
    .dialog .container:before {
      content: " ";
      display: table; }
    .dialog .container:after {
      content: " ";
      display: table;
      clear: both; }
    .dialog .container .closer {
      float: right;
      position: absolute;
      top: 0;
      right: 4px;
      font-size: 1.5em;
      line-height: 1em;
      cursor: pointer; }

@media (min-width: 550px) {
  .dialog .container {
    top: 100px;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-bottom: 100px;
    width: 500px;
    margin-left: -250px; } }

/***********************************************************
 *********************** General Styling *******************
 ***********************************************************/
html,
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  -webkit-font-smoothing: subpixel-antialiased; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.italic {
  font-style: italic; }

a {
  text-decoration: none;
  color: #27A5D4; }
  a:hover {
    text-decoration: underline; }
  a.primary {
    color: #27a5d4; }

img {
  max-width: 100%;
  height: auto; }

a > span,
h2 > span,
button > span {
  display: none; }

.red {
  color: #ec4646; }

h1,
h2,
h3 {
  font-family: 'Varela Round', sans-serif; }

h1 {
  margin-bottom: 0; }

h2 {
  margin-top: 0;
  font-size: 25px; }

.capitalized {
  text-transform: uppercase; }
  h2 .capitalized {
    font-size: 21px; }
  h3 .capitalized {
    font-size: 18px; }

.install-attempt {
  cursor: pointer; }

/***********************************************************
 ******************* Common Parts **************************
 ***********************************************************/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  background: url(../../src/media/bg-gray.jpg);
  color: #61615a;
  /** sticky footer*/
  /*display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

    -ms-flex-direction:column;
    -webkit-flex-direction: column;
    flex-direction:column;
    min-height: 100vh;*/ }

section:before,
footer.footer-site:before,
main:before {
  content: " ";
  display: table; }

section:after,
footer.footer-site:after,
main:after {
  content: " ";
  display: table;
  clear: both; }

section .wrapper,
footer.footer-site .wrapper,
main .wrapper {
  position: relative;
  padding: 0 20px; }
  section .wrapper:before,
  footer.footer-site .wrapper:before,
  main .wrapper:before {
    content: " ";
    display: table; }
  section .wrapper:after,
  footer.footer-site .wrapper:after,
  main .wrapper:after {
    content: " ";
    display: table;
    clear: both; }

main {
  /*-ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex:1 0 auto;*/ }

footer.footer-site {
  /*-ms-flex-shrink: 0;
    -webkit-flex-shrink: 0;
    flex-shrink:0;*/
  background: #474742;
  color: #adada1;
  font-size: 12px;
  padding: 10px; }
  footer.footer-site .wrapper {
    text-align: center; }
  footer.footer-site .links ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    footer.footer-site .links ul li {
      font-size: 14px; }
      footer.footer-site .links ul li.copy {
        margin: 10px 0; }
      footer.footer-site .links ul li.jobs a {
        font-weight: bold; }
      footer.footer-site .links ul li a {
        color: #adada1; }
        footer.footer-site .links ul li a:hover {
          color: #c2c2b4; }
  footer.footer-site .jobs-standalone {
    display: none; }
  footer.footer-site .contact {
    cursor: pointer; }

#voting-btn {
  position: fixed;
  right: 0;
  top: 20%; }

#voting-btn a {
  display: block;
  width: 236px;
  height: 134px;
  background: url(../../src/media/button-vote.png) center center no-repeat;
  text-indent: -99999999px; }

/***********************************************************
 *********************** Contact Dialog ********************
 ***********************************************************/
.dialog.contact .container {
  background: url(../../src/media/bg-gray.jpg);
  top: 80px;
  left: 70px;
  right: 70px;
  margin-left: 0;
  width: auto;
  position: absolute; }
  .dialog.contact .container .closer {
    top: 4px;
    width: 12px;
    height: 12px;
    background: url(../../src/media/sprites.png) -953px 0 no-repeat;
    border: none; }
    .dialog.contact .container .closer .closer-content {
      display: none; }
  .dialog.contact .container .content {
    padding: 120px 1rem 1rem;
    color: #807f71; }
    .dialog.contact .container .content .header {
      position: absolute;
      top: -60px;
      left: -60px;
      width: 166px;
      height: 166px;
      background: url(../../src/media/sprites.png) -864px -321px no-repeat;
      z-index: 1000; }
    .dialog.contact .container .content label {
      display: block;
      font: 15px/1em 'Varela Round', sans-serif;
      margin-bottom: 2px; }
    .dialog.contact .container .content input,
    .dialog.contact .container .content textarea {
      display: block;
      width: 100%;
      border-radius: 3px;
      padding: 0.5rem;
      border: none;
      background: #fff;
      font: 15px/1em 'Varela Round', sans-serif;
      margin-bottom: 1rem; }
    .dialog.contact .container .content textarea {
      height: 130px;
      resize: none; }
    .dialog.contact .container .content .result {
      font: 15px/1em 'Varela Round', sans-serif;
      margin-bottom: 1em;
      font-weight: bold;
      color: #D43333; }
    .dialog.contact .container .content button[type=submit] {
      border: none;
      background: url(../../src/media/sprites.png) -733px 0 no-repeat;
      width: 110px;
      height: 39px;
      text-indent: -9999px; }
      .dialog.contact .container .content button[type=submit]:hover {
        background-position: -843px 0; }

@media (min-width: 1010px) {
  .dialog.contact .container {
    top: 100px;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-bottom: 100px;
    width: 500px;
    margin-left: -250px; } }

/***********************************************************
 *********************** Privacy ***************************
 ***********************************************************/
.site.privacy main {
  text-align: justify; }
  .site.privacy main ol {
    list-style-type: lower-roman; }
  .site.privacy main h2 {
    font-size: 22px; }

/***********************************************************
 ******************** Terms of Service *********************
 ***********************************************************/
.site.terms main {
  text-align: justify;
  counter-reset: h2counter; }
  .site.terms main h2:before {
    content: counter(h2counter) ".  ";
    counter-increment: h2counter;
    counter-reset: h3counter; }
  .site.terms main ol.section {
    counter-reset: section;
    list-style-type: none;
    margin-left: 0;
    padding-left: 0; }
    .site.terms main ol.section > li {
      margin-bottom: 5px; }
      .site.terms main ol.section > li:before {
        counter-increment: section;
        content: counter(h2counter) "." counter(section) ". "; }
      .site.terms main ol.section > li > ol {
        list-style-type: lower-alpha; }
  .site.terms main ol.alpha {
    list-style-type: lower-alpha; }

.google-verification-link {
  display: none; }

/***********************************************************
 ****************** Larger screens styles ******************
 ***********************************************************/
@media screen and (min-width: 1010px) {
  section .wrapper,
  header.header-site .wrapper,
  footer.footer-site .wrapper {
    width: 980px;
    margin: 0 auto; }
  main .wrapper {
    width: 900px;
    margin: 0 auto; }
  .jobs main .column-left {
    float: left;
    width: 200px; }
    .jobs main .column-left ul {
      text-align: left;
      padding-bottom: 0;
      margin-bottom: 0;
      border: 0; }
  .jobs main .column-right {
    float: left;
    width: 660px;
    text-align: justify;
    padding-top: 1em; }
  footer.footer-site {
    background: #474742 url(../../src/media/shadow-bottom.png) top left repeat-x;
    padding: 0 0 15px; }
    footer.footer-site .partners {
      float: left;
      margin: 55px 0 0; }
    footer.footer-site .jobs-standalone {
      float: right;
      display: block;
      width: 110px;
      height: 110px;
      background: url(../../src/media/sprites.png) -807px -616px no-repeat;
      margin-left: 206px;
      margin-top: 15px;
      text-indent: -9999px; }
    footer.footer-site .links {
      float: right; }
      footer.footer-site .links ul {
        margin: 65px 0 0 10px; }
        footer.footer-site .links ul > li {
          display: inline-block;
          margin-right: 10px;
          margin-left: 10px; }
          footer.footer-site .links ul > li.jobs {
            display: none; }
          footer.footer-site .links ul > li.copy {
            margin: 0;
            border-left: 1px solid #393835;
            padding-left: 20px; } }

.home .wrapper {
  margin: 0 auto;
  width: 980px;
  padding: 0 !important; }

.home footer {
  padding: 10px 0; }

.home header.header-site {
  background: url(../../src/media/ribbon-repeat.gif) 0 115px repeat-x; }
  .home header.header-site .wrapper {
    position: relative; }
    .home header.header-site .wrapper a.logo img {
      float: left;
      margin: 0 0 .6em 4em;
      width: 140px; }
    .home header.header-site .wrapper .ribbon {
      display: block;
      background: url(../../src/media/sprites.png) 0px -60px no-repeat;
      height: 85px;
      position: absolute;
      top: 80px;
      width: 100%;
      left: 0;
      z-index: 5; }
    .home header.header-site .wrapper .image {
      display: block; }
      .home header.header-site .wrapper .image img {
        border-radius: 2px; }
    .home header.header-site .wrapper .phones-container {
      z-index: 6;
      width: 428px;
      height: 428px;
      position: absolute;
      top: 110px;
      right: 32px;
      background: url(../../src/media/sprites.png) 0px -266px no-repeat; }
      .home header.header-site .wrapper .phones-container .slideshow {
        position: absolute;
        top: 52px;
        left: 125px;
        width: 178px;
        height: 288px;
        overflow: hidden; }
        .home header.header-site .wrapper .phones-container .slideshow img {
          position: absolute;
          left: 0;
          top: 0;
          opacity: 1;
          transition: opacity .3s ease-in-out; }
          .home header.header-site .wrapper .phones-container .slideshow img.hidden {
            opacity: 0; }

.home section.headline {
  padding-bottom: 40px; }
  .home section.headline .wrapper {
    width: 860px;
    margin-top: 40px; }
  .home section.headline h1 {
    width: 434px;
    float: left;
    color: #ec4646;
    font-size: 32px;
    line-height: 36px;
    margin: 0px; }
  .home section.headline .store-buttons {
    padding-top: 52px;
    float: right; }
    .home section.headline .store-buttons .store-button {
      cursor: pointer;
      display: block;
      width: 196px;
      height: 60px;
      background: url(../../src/media/sprites.png) 0px 0px no-repeat;
      float: right; }
      .home section.headline .store-buttons .store-button.app-store-button {
        background-position: 0px -205px; }
        .home section.headline .store-buttons .store-button.app-store-button:hover {
          background-position: -196px -205px; }
        .home section.headline .store-buttons .store-button.app-store-button:active {
          background-position: -392px -205px; }
      .home section.headline .store-buttons .store-button.google-play-button {
        background-position: 0px -145px;
        margin-right: 18px; }
        .home section.headline .store-buttons .store-button.google-play-button:hover {
          background-position: -196px -145px; }
        .home section.headline .store-buttons .store-button.google-play-button:active {
          background-position: -392px -145px; }

.home .testimonials {
  background: url(../../src/media/bg-gray.jpg);
  border-top: 1px solid #f2f1d8;
  height: 118px; }
  .home .testimonials .wrapper {
    height: 118px;
    background: url(../../src/media/testimonials-heart.png) top center no-repeat; }
    .home .testimonials .wrapper h2 {
      font-size: 16px;
      padding-top: 14px;
      color: #474742;
      margin-left: 86px; }
    .home .testimonials .wrapper .testimonial {
      width: 780px;
      margin: 0 auto;
      font-style: italic;
      font-size: 14px;
      color: #807f71;
      position: absolute;
      top: 48px;
      left: 100px;
      opacity: 1;
      transition: opacity .3s ease-in-out; }
      .home .testimonials .wrapper .testimonial.hidden {
        opacity: 0; }

.home .features {
  color: #ebe9d6;
  background: url(../../src/media/shadow-top.png) top left repeat-x; }
  .home .features .wrapper {
    background: url(../../src/media/features-top-light.png) top center no-repeat; }
  .home .features header h2 {
    width: 184px;
    height: 113px;
    margin: 0 auto;
    background: url(../../src/media/sprites.png) -588px -145px no-repeat; }
  .home .features .features-grid {
    padding: 0 20px 0 20px; }
  .home .features .grid-item {
    float: left;
    vertical-align: middle;
    margin-left: 20px; }
  .home .features .grid-item.first {
    margin-left: 0px; }
  .home .features .grid5 {
    width: 380px; }
  .home .features .grid7 {
    width: 500px; }
  .home .features .grid-item h3 {
    color: #474742;
    font-size: 32px;
    background: url(../../src/media/header-underline.png) bottom left repeat-x;
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 16px; }
  .home .features .row {
    clear: both;
    overflow: hidden; }
  .home .features .arrow {
    display: block;
    background: url(../../src/media/sprites.png) 0 0 no-repeat;
    position: relative; }
  .home .features #feature-1 {
    margin-top: 2em; }
  .home .features #feature-2 .grid7 {
    margin-bottom: 143px; }
  .home .features #feature-3 {
    margin-top: -130px; }
    .home .features #feature-3 img {
      margin-top: -20px; }
    .home .features #feature-3 .grid7 {
      margin-bottom: 110px; }
  .home .features #feature-4 {
    margin-top: -130px; }
    .home .features #feature-4 .grid7 {
      margin-bottom: 40px; }
  .home .features #arrow-1 {
    width: 380px;
    height: 111px;
    background-position: -428px -266px;
    left: 200px; }
  .home .features #arrow-2 {
    width: 436px;
    height: 131px;
    background-position: -428px -377px;
    top: -143px;
    left: 50px; }
  .home .features #arrow-3 {
    width: 209px;
    height: 108px;
    background-position: -428px -508px;
    left: 430px;
    top: -111px; }
  .home .features #arrow-4 {
    width: 297px;
    height: 67px;
    background-position: -637px -508px;
    top: -40px;
    left: 120px; }
  .home .features #arrow-5 {
    width: 379px;
    height: 134px;
    background-position: -428px -616px; }

.home .features-bg {
  background: url(../../src/media/bg-green.gif) top left repeat; }

.home .feedback {
  height: 230px;
  background: url(../../src/media/bg-feedback.png) bottom left repeat-x; }
  .home .feedback a.feedback {
    cursor: pointer; }
  .home .feedback #send-feedback {
    display: block;
    width: 175px;
    height: 176px;
    position: absolute;
    left: 42px;
    top: 0;
    background: url(../../src/media/sprites.png) -807px -145px no-repeat; }
  .home .feedback #excited {
    display: block;
    width: 537px;
    height: 36px;
    background: url(../../src/media/sprites.png) -196px 0px no-repeat;
    position: absolute;
    top: 38px;
    left: 314px; }
    .home .feedback #excited span {
      display: none; }

.home .twitter-feed {
  margin-left: 245px;
  padding-top: 160px;
  padding-bottom: 14px;
  padding-left: 156px;
  color: #807f71; }

.home .twitter-feed .bird, .home .twitter-feed .fb {
  display: block;
  position: absolute;
  left: 318px;
  top: 142px;
  width: 55px;
  height: 55px;
  background: url(../../src/media/sprites.png) -918px -672px no-repeat; }

.home .twitter-feed .bird:hover {
  background-position: -974px -672px; }

.home .twitter-feed .fb {
  left: 245px;
  background-position: -918px -616px; }

.home .twitter-feed .fb:hover {
  background-position: -974px -616px; }

.home .twitter-feed .tweet {
  width: 380px; }

/***********************************************************
 ************************* Jobs ****************************
 ***********************************************************/
.site.jobs {
  text-align: justify; }
  .site.jobs .column-left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    padding-bottom: 1em;
    margin: 1em 0;
    border-bottom: 1px dotted #ccc; }
  .site.jobs .column-left li {
    margin-bottom: 5px; }
    .site.jobs .column-left li a {
      font-size: 20px;
      font-family: 'Varela Round', sans-serif;
      color: black;
      font-weight: bold; }
    .site.jobs .column-left li.active a {
      color: #ec4646; }

/***********************************************************
 *********************** Team Page *************************
 ***********************************************************/
.site-wrapper.team .person {
  margin-bottom: 1em; }
  .site-wrapper.team .person:before {
    content: " ";
    display: table; }
  .site-wrapper.team .person:after {
    content: " ";
    display: table;
    clear: both; }
  .site-wrapper.team .person .picture {
    float: left;
    margin-right: 15px;
    width: 260px; }
  .site-wrapper.team .person .description {
    padding: 30px;
    background: #F1EFE2;
    float: left;
    width: 525px;
    height: 218px;
    margin-top: 0; }
    .site-wrapper.team .person .description h2 {
      margin-bottom: 0; }
    .site-wrapper.team .person .description h3 {
      margin-top: 0; }
  .site-wrapper.team .person.person-opposite .picture {
    margin-right: 0;
    margin-left: 15px;
    float: right; }

.site-wrapper.team .investors {
  margin-bottom: 3em; }
  .site-wrapper.team .investors:before {
    content: " ";
    display: table; }
  .site-wrapper.team .investors:after {
    content: " ";
    display: table;
    clear: both; }
  .site-wrapper.team .investors .investor {
    float: left;
    margin-right: 1em; }
    .site-wrapper.team .investors .investor h3 {
      margin: 0; }
    .site-wrapper.team .investors .investor h4 {
      margin: 0; }

/***********************************************************
 ******************** Mobile Homepage **********************
 ***********************************************************/
.site.mobile {
  text-align: center; }
  .site.mobile .container {
    max-width: 640px;
    width: auto;
    margin: 0 auto;
    padding: 0.5rem 0; }
    .site.mobile .container #logo {
      display: block;
      max-width: 36%;
      margin: 0 auto 0.5rem; }
    .site.mobile .container #headline h2 {
      width: 90%;
      font-family: 'Varela Round', sans-serif;
      margin: 0.5em auto;
      font-size: 22px;
      color: #ec4646;
      text-align: center; }
    .site.mobile .container #download {
      width: 60%;
      margin: 0 auto;
      text-align: center; }
    .site.mobile .container #full-website {
      display: block;
      color: #27A5D4;
      font-size: 14px;
      margin: 0.5rem 0;
      cursor: pointer; }