@font-face {
  font-family: Avenir;
  src: url(font/Avenir/AvenirLTStd-Light.woff); }
@font-face {
  font-family: "Avenir Bold";
  src: url(font/Avenir/AvenirLTStd-Black.woff); }
body {
  margin: 0;
  font-family: Avenir, Museo Sans, Minion, Monserrat, Lato, Helvetica; }

.nowrap {
  white-space: nowrap; }

#v4 {
  color: #474747; }
  #v4 .button {
    display: inline-block;
    border-radius: 1000px;
    padding: 20px;
    font-size: 15px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer; }
    #v4 .button.white {
      background: white;
      color: #03c750; }
    #v4 .button.green {
      background: #03c750;
      color: white; }
  #v4 h3 {
    font-size: 34px;
    font-weight: normal; }
  #v4 h4 {
    font-size: 20px; }
  #v4 a {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    text-decoration: none; }
  #v4 .section-content {
    margin: 0 auto; }
    @media (min-width: 950px) {
      #v4 .section-content {
        min-width: 950px;
        max-width: 1050px; } }
    @media (max-width: 950px) {
      #v4 .section-content {
        min-width: 320px; } }
  #v4 .nowrap {
    white-space: nowrap; }
  #v4 section.top {
    padding-bottom: 152px;
    background: #fafafa; }
    #v4 section.top .section-content {
      padding-top: 83px;
      max-width: 1050px; }
      #v4 section.top .section-content .section-content-inner {
        position: relative;
        margin: 0; }
        @media (min-width: 950px) {
          #v4 section.top .section-content .section-content-inner {
            height: 600px;
            margin-right: 75px;
            margin-left: 75px; } }
        @media (max-width: 950px) {
          #v4 section.top .section-content .section-content-inner {
            text-align: center;
            margin-bottom: 70px; } }
        #v4 section.top .section-content .section-content-inner .tagline {
          margin-top: 120px; }
          @media (max-width: 950px) {
            #v4 section.top .section-content .section-content-inner .tagline {
              margin-top: 40px; } }
          #v4 section.top .section-content .section-content-inner .tagline .tagline-coursename {
            display: inline-block;
            transition-duration: 250ms; }
            #v4 section.top .section-content .section-content-inner .tagline .tagline-coursename .tagline-coursename-content {
              position: relative;
              display: inline-block;
              transition-duration: 250ms;
              white-space: nowrap;
              font-family: "Avenir Bold"; }
              #v4 section.top .section-content .section-content-inner .tagline .tagline-coursename .tagline-coursename-content.hidden {
                transform: rotateX(0.25turn); }
          #v4 section.top .section-content .section-content-inner .tagline .tagline-coursename-content-test {
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            top: 0;
            left: 0;
            position: absolute;
            opacity: 0;
            font-family: Avenir Bold;
            cursor: default; }
          #v4 section.top .section-content .section-content-inner .tagline .tagline-after-coursename {
            display: inline-block;
            transition-duration: 250ms; }
            @media (max-width: 500px) {
              #v4 section.top .section-content .section-content-inner .tagline .tagline-after-coursename {
                display: block; } }
            #v4 section.top .section-content .section-content-inner .tagline .tagline-after-coursename.hidden {
              transform: rotateX(0.25turn); }
        #v4 section.top .section-content .section-content-inner .subtitle {
          font-size: 24px;
          color: #474747; }
          @media (max-width: 950px) {
            #v4 section.top .section-content .section-content-inner .subtitle.wide {
              display: none; } }
          @media (min-width: 950px) {
            #v4 section.top .section-content .section-content-inner .subtitle.narrow {
              display: none; } }
        #v4 section.top .section-content .section-content-inner .enter-phone-number-container {
          position: relative;
          margin: 76 0 62 0; }
          #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number-prompt {
            color: #474747;
            font-size: 20px; }
            @media (max-width: 950px) {
              #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number-prompt.wide {
                display: none; } }
            @media (min-width: 950px) {
              #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number-prompt.narrow {
                display: none; } }
          #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number {
            margin-top: 19px;
            height: 46px; }
            @media (min-width: 950px) {
              #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number {
                display: block; } }
            #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number .enter-phone-number-form {
              display: inline-block;
              border-radius: 4px;
              box-shadow: 0 0 10 10 #000;
              box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
              background: transparent; }
              #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number .enter-phone-number-form input {
                display: inline-block;
                position: absolute;
                bottom: 0;
                padding: 5 10;
                width: 273px;
                height: 43px;
                border: none;
                border-bottom: 1px solid;
                font-size: 22px;
                font-family: Avenir;
                outline: none;
                position: static;
                display: inline-block;
                border: none;
                border-top-left-radius: 4px;
                border-bottom-left-radius: 4px;
                padding: 0 24 0 24; }
              #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number .enter-phone-number-form .enter-phone-number-button {
                display: inline-block;
                left: 300px;
                border-top-right-radius: 4px;
                border-bottom-right-radius: 4px;
                padding: 13 26 11 26;
                background: #40B3FB;
                color: white;
                cursor: pointer;
                user-select: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none; }
            #v4 section.top .section-content .section-content-inner .enter-phone-number-container .enter-phone-number .enter-phone-number-done {
              display: none;
              height: 46px;
              font-size: 24px;
              line-height: 46px;
              padding-left: 72px; }
        @media (min-width: 950px) {
          #v4 section.top .section-content .section-content-inner .iphone {
            position: absolute;
            top: 37.5px;
            right: 0; } }
        @media (max-width: 950px) {
          #v4 section.top .section-content .section-content-inner .iphone {
            position: relative;
            width: 270px;
            margin: auto; } }
        #v4 section.top .section-content .section-content-inner .iphone img {
          position: relative; }
        #v4 section.top .section-content .section-content-inner .iphone video {
          position: absolute;
          top: 72px;
          left: 19px; }
        #v4 section.top .section-content .section-content-inner .featured-by {
          margin-top: 42px; }
          @media (max-width: 950px) {
            #v4 section.top .section-content .section-content-inner .featured-by {
              display: none; } }
          #v4 section.top .section-content .section-content-inner .featured-by a {
            margin-right: 47px; }
            #v4 section.top .section-content .section-content-inner .featured-by a img {
              opacity: 0.43;
              vertical-align: middle; }
              #v4 section.top .section-content .section-content-inner .featured-by a img:hover {
                opacity: 0.62; }

.modal-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3); }
  .modal-background.hidden {
    display: none; }
  .modal-background .button {
    display: inline-block;
    border-radius: 1000px;
    padding: 20px;
    font-size: 15px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer; }
    .modal-background .button.white {
      background: white;
      color: #03c750; }
    .modal-background .button.green {
      background: #03c750;
      color: white; }
  .modal-background .modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 15px;
    padding: 60px 75px;
    width: 100%;
    max-width: 400px;
    height: 175px;
    background: white;
    font-size: 18px; }
    .modal-background .modal .modal-message {
      padding: 20 0;
      text-align: center;
      font-size: 24px; }
    .modal-background .modal .modal-error {
      display: none;
      text-align: center;
      color: #f00; }
    .modal-background .modal .email-form {
      position: relative;
      margin-top: 10px;
      height: 58px; }
      .modal-background .modal .email-form .email-input {
        display: inline-block;
        position: absolute;
        bottom: 0;
        padding: 5 10;
        width: 273px;
        height: 43px;
        border: none;
        border-bottom: 1px solid;
        font-size: 22px;
        font-family: Avenir;
        outline: none; }
      .modal-background .modal .email-form .button {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 12 20 10 20; }

footer {
  padding: 56px 0;
  background: #fff;
  text-align: center;
  font-size: 1em; }
  footer a {
    color: #474747; }
  footer ul {
    list-style: none;
    padding: 0; }
  footer ol,
  footer ul {
    margin-top: 0;
    margin-bottom: 10px; }
  footer ul li {
    display: inline-block;
    padding: 15px; }
  footer .download {
    position: relative;
    margin: auto;
    width: 400px;
    height: 100px; }
    @media (min-width: 950px) {
      footer .download .app-store-link {
        position: absolute;
        top: 7px;
        left: 27px;
        transform: matrix(1.40741, 0, 0, 1.40741, 0, 0);
        transition: transform 500ms; }
        footer .download .app-store-link:hover {
          transform: matrix(1.47778, 0, 0, 1.47778, 0, 0); } }
    @media (max-width: 950px) {
      footer .download {
        margin-bottom: 48px; } }
    footer .download .dont-have-ios {
      position: absolute;
      left: 219px;
      border-radius: 8px;
      padding-top: 12px;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      transform: scaleX(1) scaleY(1) scaleZ(1);
      transition: transform 500ms;
      width: 180px;
      height: 42px;
      background: #56BF2C;
      color: white;
      font-family: "Avenir Bold";
      font-size: 17px;
      cursor: pointer; }
      footer .download .dont-have-ios:hover {
        transform: scaleX(1.05) scaleY(1.05) scaleZ(1); }
      footer .download .dont-have-ios img {
        margin-bottom: -10px;
        margin-right: 19px; }
      footer .download .dont-have-ios .text {
        display: inline-block; }
      @media (max-width: 950px) {
        footer .download .dont-have-ios {
          display: none; } }

.about-page, .jobs-page {
  margin-bottom: -246px;
  padding-bottom: 246px;
  min-height: 70vh;
  background: #fafafa; }
  .about-page .logo, .jobs-page .logo {
    padding: 50px; }
    .about-page .logo img, .jobs-page .logo img {
      width: 50px; }
  .about-page .row, .jobs-page .row {
    text-align: center; }
  .about-page p, .jobs-page p {
    display: block;
    max-width: 850px;
    padding: 20px;
    margin: 20px auto;
    font-size: 1.4em; }
  .about-page h2, .jobs-page h2 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    font-size: 1.5em; }
  .about-page .investors-logos, .jobs-page .investors-logos {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-bottom: 90px; }
    .about-page .investors-logos li, .jobs-page .investors-logos li {
      display: inline-block;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px; }
    .about-page .investors-logos img, .jobs-page .investors-logos img {
      height: 30px; }
  .about-page .contact-us-button, .jobs-page .contact-us-button {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: scaleX(1) scaleY(1) scaleZ(1);
    cursor: pointer;
    display: block;
    position: relative;
    top: 10px;
    text-align: center;
    background-color: #F21F63;
    width: 200px;
    height: 43px;
    padding: 0;
    border-radius: 15px;
    padding-top: 20px;
    font-size: 1.2em;
    color: #fff;
    display: inline-block;
    margin-right: 30px;
    transition: transform 500ms; }
    .about-page .contact-us-button:hover, .jobs-page .contact-us-button:hover {
      transform: scaleX(1.05) scaleY(1.05) scaleZ(1); }
    .about-page .contact-us-button i, .jobs-page .contact-us-button i {
      font-size: 2.1em;
      position: relative;
      vertical-align: middle;
      left: -15px;
      top: -8px; }
    .about-page .contact-us-button span, .jobs-page .contact-us-button span {
      position: relative;
      vertical-align: middle;
      top: -10px; }

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