.btn {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 25px;
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  border-radius: 4px;
  vertical-align: middle;
  border: 1px solid transparent;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.38); }

.btn-primary {
  color: #fff;
  background-color: #37B067;
  border: 1px solid #37B067; }
  .btn-primary:hover, .btn-primary:focus {
    color: #fff; }

.btn-secondary {
  color: #37B067;
  background-color: #fff;
  border: 1px solid #fff; }
  .btn-secondary:hover, .btn-secondary:focus {
    color: #37B067; }

.btn-info {
  color: #22A3C0;
  background-color: #fff;
  border: 1px solid #fff; }
  .btn-info:hover, .btn-info:focus {
    color: #22A3C0; }

.btn-dark {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  box-shadow: none; }
  .btn-dark:hover, .btn-dark:focus {
    color: #fff; }

.btn-light {
  color: #37B067;
  background-color: transparent;
  border: 1px solid #37B067; }
  .btn-light:hover, .btn-light:focus {
    color: #37B067; }

.btn-block {
  display: block;
  width: 100%; }

.no-shadow {
  box-shadow: none; }

.nav-button {
  display: block;
  background-color: #ffffff;
  color: #37B067;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 6px 10px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.8s cubic-bezier(0, 0.81, 0.12, 1.01);
  -moz-transition: all 0.8s cubic-bezier(0, 0.81, 0.12, 1.01);
  -ms-transition: all 0.8s cubic-bezier(0, 0.81, 0.12, 1.01);
  -o-transition: all 0.8s cubic-bezier(0, 0.81, 0.12, 1.01);
  transition: all 0.8s cubic-bezier(0, 0.81, 0.12, 1.01); }
  .nav-button:hover {
    color: #37B067;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px); }

.form-inline {
  height: 105px; }
  @media (min-width: 768px) {
    .form-inline {
      height: auto; } }
  .form-inline label {
    display: block;
    font-size: 12px; }
  .form-inline .input-wrapper {
    position: relative;
    height: 40px;
    margin-top: 3px; }
  .form-inline input[type=email],
  .form-inline input[type=text] {
    width: 80%;
    height: 40px;
    padding: 6px 12px 6px 30px;
    font-size: 0.856em;
    line-height: 1.5;
    color: #393945;
    background-color: #fff;
    border: 1px solid #F1F2F5;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    .form-inline input[type=email]:active, .form-inline input[type=email]:focus,
    .form-inline input[type=text]:active,
    .form-inline input[type=text]:focus {
      outline: 0; }
    @media (min-width: 768px) {
      .form-inline input[type=email],
      .form-inline input[type=text] {
        width: 280px;
        border-radius: 4px 0 0 4px; } }
  .form-inline input[type=email] {
    background: #fff url("/img/envelope.svg") no-repeat;
    background-position: 8px 14px; }
    .form-inline input[type=email]:focus, .form-inline input[type=email]:active, .form-inline input[type=email]:visited {
      background: #fff url("/img/envelope-active.svg") no-repeat;
      background-position: 8px 14px; }
      .form-inline input[type=email]:focus + button, .form-inline input[type=email]:active + button, .form-inline input[type=email]:visited + button {
        background-color: #267B48; }
  .form-inline input[type=submit],
  .form-inline button {
    display: inline-block;
    padding: 6px 25px;
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 0.856em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #2E9356;
    height: 40px;
    transition: background-color 0.2s linear; }
    .form-inline input[type=submit]:hover,
    .form-inline button:hover {
      background-color: #267B48; }
    @media (min-width: 768px) {
      .form-inline input[type=submit],
      .form-inline button {
        border-radius: 0 4px 4px 0;
        margin: 0;
        position: relative;
        left: -4px; } }

body .hamburger-icon + .body-wrap.animate {
  display: none; }
body h1, body h2, body h3 {
  font-family: "Blender", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body h1 {
  font-size: 64px; }
body h2 {
  font-size: 48px; }
body h3 {
  font-size: 32px; }
body h5 {
  font-size: 21px;
  font-weight: 400; }
body p {
  font-size: 21px; }
body .small-text {
  font-size: 16px; }
body .row-eq-height {
  display: flex;
  align-items: center; }
  @media (max-width: 768px) {
    body .row-eq-height {
      flex-direction: column; } }

body {
  background: #fff; }
  @media (min-width: 768px) {
    body {
      background-image: linear-gradient(to right, #fff 51%, #191047 51%); } }
  body .nav-container.v2 .main-navigation {
    background: transparent; }
  body .hamburger-icon .hamburger-line {
    background: #fff !important; }
    body .hamburger-icon .hamburger-line.top-animate, body .hamburger-icon .hamburger-line.mid-animate, body .hamburger-icon .hamburger-line.bottom-animate {
      background: #000 !important; }
    @media (max-width: 768px) {
      body .hamburger-icon .hamburger-line {
        background: #000 !important; } }
  body .btn.btn-primary,
  body .btn.btn-primary:hover {
    display: block;
    background: #34b167;
    max-width: 100%;
    width: 370px;
    height: 54px;
    position: static;
    font-size: 16px;
    border-radius: 0;
    font-weight: 400;
    box-shadow: none;
    margin: 0 auto; }
  body .hero-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 90px;
    background-image: linear-gradient(#fff 46%, #191047 46%); }
    @media (min-width: 768px) {
      body .hero-wrapper {
        background-image: none; } }
    body .hero-wrapper .hero-row {
      position: relative;
      z-index: 100;
      text-align: center;
      padding-bottom: 100px; }
      @media (min-width: 768px) {
        body .hero-wrapper .hero-row {
          text-align: left;
          padding-bottom: 0; } }
    body .hero-wrapper .hero-title {
      font-size: 48px; }
      @media (min-width: 768px) {
        body .hero-wrapper .hero-title {
          margin-top: 95px; } }
      @media (min-width: 992px) {
        body .hero-wrapper .hero-title {
          font-size: 64px;
          max-width: 490px;
          letter-spacing: -0.44px;
          line-height: 60px; } }
    body .hero-wrapper .hero-text {
      margin-bottom: 180px; }
      @media (min-width: 768px) {
        body .hero-wrapper .hero-text {
          margin-bottom: 21px; } }
      @media (min-width: 992px) {
        body .hero-wrapper .hero-text {
          font-size: 24px; } }
    body .hero-wrapper .hero-right-col {
      background: #fff;
      z-index: 300; }
    body .hero-wrapper .form-content-wrapper {
      max-width: 370px;
      min-height: 360px;
      width: 90%;
      text-align: center;
      margin: 0 auto; }
      @media (min-width: 768px) {
        body .hero-wrapper .form-content-wrapper {
          min-height: 400px;
          margin: 80px auto; } }
      @media (min-width: 992px) {
        body .hero-wrapper .form-content-wrapper {
          width: 100%; } }
      body .hero-wrapper .form-content-wrapper .text {
        color: #878787;
        font-size: 14px; }
        body .hero-wrapper .form-content-wrapper .text a {
          color: #878787;
          text-decoration: underline; }
    body .hero-wrapper .form-inline {
      margin: 0 auto; }
      body .hero-wrapper .form-inline input[type=email] {
        display: block;
        background: none;
        width: 100%;
        height: 54px;
        padding: 6px 12px;
        margin: 48px auto 12px auto;
        border-radius: 0;
        box-shadow: none; }
    body .hero-wrapper .tagline {
      font-size: 16px;
      color: #777; }
    body .hero-wrapper .hero-pattern {
      z-index: 0;
      width: 428px;
      position: absolute;
      top: 360px;
      right: -215px; }
      @media (min-width: 768px) {
        body .hero-wrapper .hero-pattern {
          top: -28px;
          right: -125px; } }
      @media (min-width: 992px) {
        body .hero-wrapper .hero-pattern {
          right: -90px; } }
  body .video-wrapper {
    background-image: linear-gradient(#fff 50%, #F7E1E7 50%); }
    body .video-wrapper video {
      -webkit-box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
      -moz-box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
      box-shadow: -1px 3px 6px 0 rgba(0, 0, 0, 0.1);
      display: block;
      max-width: 1235px;
      width: 99%;
      margin: 0 auto;
      border-radius: 6px;
      position: relative;
      top: -30px;
      z-index: 300; }
  body .pink-section-wrapper {
    position: relative;
    background: #f7e1e7;
    padding: 80px 20px 100px;
    text-align: center; }
    @media (min-width: 768px) {
      body .pink-section-wrapper {
        padding: 160px 0 200px; } }
    body .pink-section-wrapper .title {
      font-size: 32px; }
      @media (min-width: 992px) {
        body .pink-section-wrapper .title {
          font-size: 48px; } }
    @media (min-width: 768px) {
      body .pink-section-wrapper:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        height: 95px;
        width: 100%;
        background-image: linear-gradient(to right, #F7E1E7 50%, #d9577b 50%); } }
  body .feature-content-wrapper .text a {
    color: #393945;
    text-decoration: underline; }
    body .feature-content-wrapper .text a:hover {
      color: #393945;
      text-decoration: underline; }
  body .feature-wrapper.languages {
    overflow: hidden; }
    @media (min-width: 768px) {
      body .feature-wrapper.languages {
        background-image: linear-gradient(to right, #fff 50%, #d9577b 50%); } }
    body .feature-wrapper.languages .mobile.pink-block {
      width: 100%;
      height: 35px;
      background-image: linear-gradient(to right, #F7E1E7 11%, #d9577b 11%); }
    body .feature-wrapper.languages .feature-content-wrapper {
      padding: 80px 20px 100px; }
      @media (min-width: 768px) {
        body .feature-wrapper.languages .feature-content-wrapper {
          height: 715px;
          padding: 0;
          display: flex;
          flex-direction: column;
          justify-content: center; } }
    body .feature-wrapper.languages .feature-img-wrapper {
      background: #d9577b;
      margin-right: -10px; }
      @media (min-width: 768px) {
        body .feature-wrapper.languages .feature-img-wrapper {
          margin-right: 0; } }
    body .feature-wrapper.languages .title {
      margin-top: 0; }
    @media (min-width: 992px) {
      body .feature-wrapper.languages .text {
        width: 371px; } }
    body .feature-wrapper.languages .sql-img {
      width: 800px;
      margin: 35px;
      margin-top: 0; }
      @media (min-width: 768px) {
        body .feature-wrapper.languages .sql-img {
          width: 1000px; } }
      @media (min-width: 992px) {
        body .feature-wrapper.languages .sql-img {
          width: 1035px;
          position: relative;
          left: -35px;
          margin: 0;
          margin-bottom: 40px; } }
  body .quote-wrapper {
    background: #fff;
    position: relative;
    text-align: center; }
    @media (min-width: 768px) {
      body .quote-wrapper {
        height: 345px;
        text-align: left; } }
    body .quote-wrapper .flex-col {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      @media (min-width: 768px) {
        body .quote-wrapper .flex-col {
          height: 345px; } }
      body .quote-wrapper .flex-col.left {
        margin: 50px 0 80px; }
        @media (min-width: 768px) {
          body .quote-wrapper .flex-col.left {
            align-items: flex-start;
            margin: 0; } }
    body .quote-wrapper .quote {
      margin-top: 0; }
    body .quote-wrapper.github .mark {
      width: 48px;
      display: block;
      margin: 0 auto; }
    body .quote-wrapper.github .logo {
      width: 96px;
      display: block;
      margin: 0 auto; }
    body .quote-wrapper.molecule .logo {
      width: 127px;
      display: block;
      margin: 0 auto; }
  @media (min-width: 768px) {
    body .quote-wrapper.with-notches:before {
      position: absolute;
      left: 0;
      top: 0;
      content: '';
      height: 50px;
      width: 100%;
      background-image: linear-gradient(to right, #fff 92%, #d9577b 92%); } }
  body .quote-wrapper.with-notches:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    height: 35px;
    width: 100%;
    background-image: linear-gradient(to right, #E7E7E7 8%, #fff 8%); }
  body .feature-wrapper.dashboards {
    overflow: hidden;
    background: #fff; }
    @media (min-width: 768px) {
      body .feature-wrapper.dashboards {
        background-image: linear-gradient(to right, #E7E7E7 50%, #fff 50%); } }
    body .feature-wrapper.dashboards .mobile.gray-block {
      width: 100%;
      height: 35px;
      background: #E7E7E7; }
    body .feature-wrapper.dashboards .feature-content-wrapper {
      padding: 80px 20px 100px; }
      @media (min-width: 768px) {
        body .feature-wrapper.dashboards .feature-content-wrapper {
          height: 710px;
          padding: 0;
          display: flex;
          flex-direction: column;
          justify-content: center; } }
    body .feature-wrapper.dashboards .title {
      margin-top: 0; }
    @media (min-width: 992px) {
      body .feature-wrapper.dashboards .text {
        width: 375px; } }
    @media (min-width: 768px) {
      body .feature-wrapper.dashboards .hide-overflow {
        overflow: hidden;
        position: relative;
        height: 710px; } }
    body .feature-wrapper.dashboards .dashboards-img {
      width: 600px;
      position: relative;
      left: -50px; }
      @media (min-width: 768px) {
        body .feature-wrapper.dashboards .dashboards-img {
          width: 800px;
          position: absolute;
          bottom: -35px;
          left: 0; } }
  body .feature-wrapper.sharing {
    position: relative;
    overflow: hidden;
    background: #fff; }
    @media (min-width: 768px) {
      body .feature-wrapper.sharing {
        background-image: linear-gradient(to right, #fff 50%, #000000 50%); } }
    body .feature-wrapper.sharing .feature-content-wrapper {
      padding: 80px 20px 100px; }
      @media (min-width: 768px) {
        body .feature-wrapper.sharing .feature-content-wrapper {
          height: 747px;
          padding: 0;
          display: flex;
          flex-direction: column;
          justify-content: center; } }
    body .feature-wrapper.sharing .title {
      width: 300px;
      margin-top: 0; }
    @media (min-width: 992px) {
      body .feature-wrapper.sharing .text {
        width: 342px; } }
    body .feature-wrapper.sharing .sharing-img {
      width: 815px;
      position: relative;
      top: 90px;
      z-index: 300; }
    body .feature-wrapper.sharing .dots-pattern {
      position: absolute;
      right: 0;
      width: 200px;
      z-index: 0; }
      body .feature-wrapper.sharing .dots-pattern.top {
        top: 0; }
      body .feature-wrapper.sharing .dots-pattern.left {
        display: none; }
        @media (min-width: 992px) {
          body .feature-wrapper.sharing .dots-pattern.left {
            display: block;
            right: 235px; } }
      body .feature-wrapper.sharing .dots-pattern.bottom {
        bottom: -278px; }
  body .feature-wrapper.sharing.mobile {
    background: #000;
    background-image: url("../../img/dots.png");
    background-size: 50%;
    background-position-x: 100%;
    background-position-y: center;
    background-repeat: repeat-y; }
    body .feature-wrapper.sharing.mobile .sharing-img-mobile {
      width: 818px;
      margin: 80px 0;
      position: relative;
      left: -190px; }
  body .mode-business-wrapper {
    padding: 145px 20px;
    background-image: linear-gradient(#110e25, #0f0d22, #241c58); }
    @media (min-width: 768px) {
      body .mode-business-wrapper {
        padding: 145px 0; } }
    @media (min-width: 992px) {
      body .mode-business-wrapper {
        padding: 175px 0 250px; } }
    body .mode-business-wrapper .title,
    body .mode-business-wrapper .title-with-logo {
      color: #fff; }
    body .mode-business-wrapper .title-with-logo {
      font-size: 21px;
      margin-top: 0;
      margin-bottom: 70px; }
    body .mode-business-wrapper .mode-business-icon {
      width: 57px;
      display: inline-block;
      margin: 0;
      margin-right: 24px; }
    body .mode-business-wrapper .title {
      letter-spacing: -0.5px; }
      @media (min-width: 992px) {
        body .mode-business-wrapper .title {
          width: 390px;
          font-size: 64px;
          letter-spacing: -0.67px;
          line-height: 64px;
          margin-top: 0; } }
    body .mode-business-wrapper .text {
      color: #7a7aa0; }
    body .mode-business-wrapper .btn-primary,
    body .mode-business-wrapper .btn-primary:hover {
      background-image: linear-gradient(to right, #52CC80, rgba(82, 204, 128, 0));
      font-size: 16px;
      height: 60px;
      line-height: 60px;
      margin: 50px 0 0 0;
      padding: 0; }
      @media (min-width: 992px) {
        body .mode-business-wrapper .btn-primary,
        body .mode-business-wrapper .btn-primary:hover {
          font-size: 18px; } }
  body .tutorials-wrapper {
    position: relative;
    background: #f8f8f8;
    padding-top: 65px; }
    @media (min-width: 992px) {
      body .tutorials-wrapper {
        padding-top: 80px;
        background-image: linear-gradient(to right, #f8f8f8 96%, #fff 96%); }
        body .tutorials-wrapper:before {
          content: '';
          background-image: linear-gradient(to right, #f8f8f8 96%, transparent 96%);
          position: absolute;
          height: 65px;
          width: 100%;
          top: -60px;
          left: 0; } }
    body .tutorials-wrapper .main-text-container {
      padding: 0 20px; }
      @media (min-width: 768px) {
        body .tutorials-wrapper .main-text-container {
          padding: 0; } }
    body .tutorials-wrapper .text {
      font-size: 18px; }
    body .tutorials-wrapper .tutorials .block {
      -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.09);
      -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.09);
      box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.09);
      background: #fff;
      margin-bottom: 20px;
      padding: 40px; }
    body .tutorials-wrapper .tutorials .title {
      font-size: 21px;
      font-weight: 400;
      margin-top: 0;
      margin-bottom: 0; }
    body .tutorials-wrapper .tutorials .text {
      font-size: 16px; }
    body .tutorials-wrapper .tutorials.main {
      margin-top: 65px; }
      body .tutorials-wrapper .tutorials.main .block {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; }
        @media (min-width: 992px) {
          body .tutorials-wrapper .tutorials.main .block {
            flex-direction: row;
            align-items: start;
            justify-content: space-around;
            text-align: left;
            padding-bottom: 80px; } }
      body .tutorials-wrapper .tutorials.main .icon {
        width: 93px;
        margin-bottom: 20px; }
      body .tutorials-wrapper .tutorials.main .text-container {
        width: 260px; }
        @media (min-width: 768px) {
          body .tutorials-wrapper .tutorials.main .text-container {
            width: 200px; } }
      body .tutorials-wrapper .tutorials.main .btn {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        height: 54px;
        line-height: 54px;
        width: 100%;
        color: #fff;
        border-radius: 0;
        font-weight: 400;
        margin-top: 12px; }
        @media (min-width: 768px) {
          body .tutorials-wrapper .tutorials.main .btn {
            width: 165px; } }
      body .tutorials-wrapper .tutorials.main .block.sql .btn {
        background: #d9577b; }
      body .tutorials-wrapper .tutorials.main .block.python .btn {
        background: #695bbd; }
    body .tutorials-wrapper .tutorials.gallery {
      padding-bottom: 65px; }
      @media (min-width: 992px) {
        body .tutorials-wrapper .tutorials.gallery {
          padding-bottom: 200px; } }
      body .tutorials-wrapper .tutorials.gallery .block {
        text-align: center; }
        @media (min-width: 768px) {
          body .tutorials-wrapper .tutorials.gallery .block {
            text-align: left; } }
      body .tutorials-wrapper .tutorials.gallery .gallery-icon {
        width: 90px;
        position: relative;
        top: -40px; }
      body .tutorials-wrapper .tutorials.gallery .title {
        max-width: 210px;
        margin: 0 auto; }
        @media (min-width: 768px) {
          body .tutorials-wrapper .tutorials.gallery .title {
            margin: 0; } }
      body .tutorials-wrapper .tutorials.gallery .link,
      body .tutorials-wrapper .tutorials.gallery .link:hover {
        font-size: 16px;
        color: #000;
        text-decoration: underline; }
      body .tutorials-wrapper .tutorials.gallery a,
      body .tutorials-wrapper .tutorials.gallery a:hover {
        color: #000; }