@font-face {
  font-family: 'effraregular';
  font-weight: normal;
  src: url("../fonts/effra_regular.eot");
  src: url("../fonts/effra_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/effra_regular.woff") format("woff"), url("../fonts/effra_regular.ttf") format("truetype"), url("../fonts/effra_regular.svg#svgFontName") format("svg"); }
@font-face {
  font-family: 'effralight';
  font-weight: normal;
  src: url("../fonts/effra_light.eot");
  src: url("../fonts/effra_light.eot?#iefix") format("embedded-opentype"), url("../fonts/effra_light.woff") format("woff"), url("../fonts/effra_light.ttf") format("truetype"), url("../fonts/effra_light.svg#svgFontName") format("svg"); }
html, body, .page {
  height: 100%; }

body {
  margin: 0;
  background-color: #000 !important;
  color: #fff;
  font-family: "effraregular"; }

#set-height {
  display: block;
  position: relative; }
  #set-height .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1; }

nav {
  position: fixed;
  top: 28px;
  left: 44px;
  z-index: 9; }
  nav img {
    opacity: 1; }
  nav ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
    margin-bottom: 15px; }
  nav li > a {
    color: #43A2A6;
    text-decoration: none;
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 400; }
    nav li > a:hover {
      text-decoration: none;
      color: #fff; }
  nav a {
    text-decoration: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    transition: all 0.3s; }
    nav a:hover {
      text-decoration: none;
      color: #fff; }
      nav a:hover img {
        opacity: 1; }
  nav .back-btn {
    position: relative;
    margin: 10px 0;
    display: none; }
    nav .back-btn:before {
      content: "";
      position: absolute;
      top: 5px;
      left: -14px;
      width: 10px;
      height: 10px;
      border-right: 1px solid;
      border-bottom: 1px solid;
      transform: rotate(135deg); }

.careers-nav {
  position: fixed;
  top: 56px;
  right: 44px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 14px;
  line-height: 18px;
  list-style: none;
  z-index: 9; }
  .careers-nav a {
    color: #43A2A6;
    transition: 0.3s all; }
    .careers-nav a:hover {
      color: #fff;
      text-decoration: none; }

.content {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0; }

.video-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  opacity: 0;
  transition: all 0.3s; }
  .video-wrapper video {
    width: 100%; }
  @media (max-width: 768px) {
    .video-wrapper video {
      margin-top: -50px; } }
  @media (max-width: 700px) {
    .video-wrapper {
      display: flex; }
      .video-wrapper video {
        margin-top: 0; } }

section {
  height: 300vh;
  color: #fff; }

.section {
  position: relative;
  z-index: 2;
  color: #fff; }
  .section.auto-height {
    height: auto; }
  .section.section-one {
    height: 35%; }
  .section.section-two {
    height: 30%; }
  .section.section-three {
    height: 35%; }

/*.section-one {
  position: fixed;
  width: 100%;
}*/
.content-wrapper {
  height: 100vh;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  width: 100%;
  align-items: center;
  top: 172px;
  left: 0; }
  .content-wrapper.center {
    justify-content: center;
    top: 33.3%; }
    @media (max-width: 768px) {
      .content-wrapper.center {
        top: 42%; } }
    @media (min-width: 769px) and (max-width: 1024px) {
      .content-wrapper.center {
        top: 44%; } }

.fp-auto-height .content-wrapper,
.auto-height .content-wrapper {
  height: auto; }

.entered {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

.exited {
  -webkit-animation: text-blur-out 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-blur-out 1.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

.section-one h2 {
  opacity: 0; }
.section-one .highlighted {
  opacity: 0;
  transition: all 7s; }
  .section-one .highlighted a {
    vertical-align: text-top; }
    .section-one .highlighted a img {
      width: 119px;
      position: relative;
      top: 1px; }

.content-wrapper .text-container h2 {
  margin: 0;
  font-size: 48px;
  line-height: 58px;
  max-width: 765px;
  color: #fff;
  font-family: "effraregular"; }
.content-wrapper .text-container p {
  font-family: "effraregular";
  margin: 15px 0; }
  .content-wrapper .text-container p.active {
    opacity: 1; }
.content-wrapper .text-container .highlighted {
  color: #43A2A6;
  font-size: 18px;
  line-height: 28px;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 400; }
  @media (max-width: 767px) {
    .content-wrapper .text-container .highlighted {
      font-size: 12px;
      line-height: 18px; } }
.content-wrapper .text-container .gray {
  color: rgba(255, 255, 255, 0.52);
  font-size: 18px;
  line-height: 22px;
  /*opacity: 0;*/
  transition: all 1.5s; }
.content-wrapper.left {
  align-items: unset; }
  .content-wrapper.left .text-container {
    max-width: 760px;
    padding: 172px 80px; }
    @media (max-width: 767px) {
      .content-wrapper.left .text-container {
        padding: 44px; } }
    .content-wrapper.left .text-container h2 {
      font-size: 36px;
      line-height: 43px; }
.content-wrapper.center {
  text-align: center; }
  @media (min-width: 769px) {
    .content-wrapper.center .text-container {
      padding-bottom: 100px; } }
  .content-wrapper.center .text-container h2 {
    text-align: center;
    margin: 0 auto; }
@media (min-width: 768px) and (max-width: 1024px) {
  .content-wrapper.center .text-container h2, .content-wrapper.left .text-container h2 {
    font-size: 28px;
    line-height: 36px;
    max-width: 500px; } }
@media (max-width: 767px) {
  .content-wrapper.center .text-container h2, .content-wrapper.left .text-container h2 {
    font-size: 20px;
    line-height: 26px;
    max-width: 232px; } }

.hide {
  display: none; }

.content {
  display: none; }

.lines h2.active {
  color: white; }

.line {
  width: 0%;
  height: 2px;
  transition: all 0.3s; }
  .line.line-one {
    float: left;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6040791317) 30%, white 100%); }
  .line.line-two {
    float: right;
    background: linear-gradient(267deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6040791317) 30%, white 100%); }
  .line.animate {
    animation: hr_animate;
    animation-duration: 1.2s;
    animation-fill-mode: forwards; }

.section-five {
  color: #fff;
  background: #003639;
  background: linear-gradient(0deg, #003639 0%, black 30%, black 100%);
  position: relative; }
  .section-five .text-container {
    max-width: 100% !important;
    padding: 172px 0 !important;
    width: 100%; }
    @media (max-width: 767px) {
      .section-five .text-container p, .section-five .text-container h2 {
        padding: 0 29px; }
      .section-five .text-container .btn {
        margin-left: 29px; }
      .section-five .text-container .words p, .section-five .text-container .animate p {
        padding: 0; } }
  .section-five a.btn {
    background: #5D5D5D;
    color: #fff;
    text-decoration: none;
    transition: 0.3s all;
    padding: 10px 40px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 0;
    font-family: "effraregular"; }
    .section-five a.btn:hover {
      background: #003639; }
  .section-five .col-md-8 p, .section-five .col-md-8 h2 {
    max-width: 664px; }
  .section-five .roadmap {
    height: 500px;
    position: relative;
    padding: 25px 0; }
    .section-five .roadmap .words {
      position: relative;
      height: 220px; }
      .section-five .roadmap .words p {
        position: absolute;
        font-size: 14px;
        line-height: 17px;
        font-family: "effralight"; }
      .section-five .roadmap .words p:nth-child(1) {
        top: 6px;
        left: 5%; }
      .section-five .roadmap .words p:nth-child(2) {
        top: 46px;
        left: 8%; }
      .section-five .roadmap .words p:nth-child(3) {
        top: 96px;
        left: 15%; }
      .section-five .roadmap .words p:nth-child(4) {
        top: 30px;
        left: 28%; }
      .section-five .roadmap .words p:nth-child(5) {
        top: 114px;
        left: 38%; }
      .section-five .roadmap .words p:nth-child(6) {
        top: 64px;
        left: 48%; }
      .section-five .roadmap .words p:nth-child(7) {
        top: 70px;
        left: 75%; }
      .section-five .roadmap .words p:nth-child(8) {
        top: -5px;
        left: 67%; }
      .section-five .roadmap .words p:nth-child(9) {
        top: 130px;
        left: 60%; }
    .section-five .roadmap p {
      color: white; }
      .section-five .roadmap p.med {
        color: rgba(255, 255, 255, 0.74); }
      .section-five .roadmap p.light {
        color: rgba(255, 255, 255, 0.54); }
    .section-five .roadmap .software-hardware {
      height: 100px;
      position: relative; }
      .section-five .roadmap .software-hardware p {
        margin-top: 4px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 20px;
        line-height: 24px;
        border-top: 2px solid;
        padding: 10px;
        margin: 0;
        width: 100%;
        transition: all 1s; }
      .section-five .roadmap .software-hardware p:nth-child(2) {
        border-top: 2px dashed;
        float: right;
        transition: all 1s;
        width: 40%; }
  .section-five .invention-adoption {
    height: 240px;
    padding: 60px 0;
    width: 50%;
    margin: 0 auto;
    min-width: 290px; }
    .section-five .invention-adoption .animate {
      position: relative;
      height: 54px;
      width: 100%;
      margin: 0 auto;
      transition: all 1.8s; }
      .section-five .invention-adoption .animate .link {
        position: absolute;
        width: calc(100% - 160px);
        border-top: 1px dashed;
        top: 27px;
        left: 80px; }
        .section-five .invention-adoption .animate .link:before, .section-five .invention-adoption .animate .link:after {
          content: "";
          width: 8px;
          height: 8px;
          background: #fff;
          position: absolute;
          top: -4px;
          border-radius: 50%; }
        .section-five .invention-adoption .animate .link:before {
          left: 0; }
        .section-five .invention-adoption .animate .link:after {
          right: 0; }
      .section-five .invention-adoption .animate p.to-left {
        float: left; }
      .section-five .invention-adoption .animate p.to-right {
        float: right; }

.container-fluid {
  padding: 0 !important; }

.join-icon {
  background: #092728; }
  @media (max-width: 767px) {
    .join-icon {
      padding: 100px 15px; } }
  .join-icon h3, .join-icon h2 {
    text-transform: none;
    font-size: 20px;
    color: white;
    border-bottom: none;
    font-family: "effraregular";
    line-height: 24px;
    max-width: auto; }
  .join-icon h2 {
    font-size: 36px;
    width: auto;
    line-height: 52px;
    margin-bottom: 22px; }
  .join-icon h3 {
    margin-top: 52px;
    margin-bottom: 20px; }
  .join-icon p {
    font-family: "effraregular";
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    line-height: 26px; }
    @media (min-width: 992px) {
      .join-icon p {
        padding-right: 100px; } }

.job-postings {
  background: #003639; }
  .job-postings h2 {
    font-family: "effraregular"; }
  .job-postings .jobs-list a {
    display: block;
    color: rgba(216, 216, 216, 0.7);
    transition: all 0.3s;
    font-size: 30px;
    line-height: 36px;
    font-family: "effralight"; }
    @media (max-width: 767px) {
      .job-postings .jobs-list a {
        font-size: 14px;
        line-height: 20px; } }
  .job-postings .jobs-list .job {
    position: relative;
    margin-left: 50px;
    color: rgba(216, 216, 216, 0.7);
    padding: 25px 0;
    padding-right: 50px;
    border-bottom: 1px solid;
    transition: all 0.3s;
    margin-top: 15px; }
    .job-postings .jobs-list .job span.chevron {
      position: absolute;
      top: 50%;
      right: 20px;
      width: 20px;
      height: 20px;
      border-left: 1px solid;
      border-top: 1px solid;
      transform: rotate(135deg);
      margin-top: -10px;
      transition: all 0.3s; }
    .job-postings .jobs-list .job span.count {
      position: absolute;
      left: -40px;
      top: 50%;
      margin-top: -8px;
      font-size: 14px;
      transform: rotate(270deg);
      transition: all 0.3s;
      font-family: "effralight"; }
    .job-postings .jobs-list .job:hover {
      border-color: #d8d8d8; }
      .job-postings .jobs-list .job:hover a {
        color: #d8d8d8;
        text-decoration: none; }
      .job-postings .jobs-list .job:hover span {
        color: #d8d8d8; }
      .job-postings .jobs-list .job:hover span.chevron {
        border-width: 2px; }

.join-icon, .job-postings, footer {
  padding: 100px 44px;
  color: #fff; }

.spinner-border {
  min-height: 100vh;
  background: #003639; }

.single-job {
  background: #003639;
  color: #fff;
  padding-bottom: 124px;
  min-height: 100vh; }
  .single-job header {
    text-align: center;
    padding: 90px 0; }
    @media (max-width: 767px) {
      .single-job header {
        padding: 170px 0 50px; } }
    .single-job header h1 {
      font-family: "effraregular";
      font-size: 30px;
      line-height: 36px; }
    .single-job header p {
      font-family: "effralight";
      font-size: 14px;
      line-height: 20px;
      text-transform: uppercase; }
  .single-job b {
    font-family: "effraregular"; }
  .single-job #job-description {
    margin-bottom: 85px; }
    .single-job #job-description div:nth-child(1), .single-job #job-description div:nth-child(2),
    .single-job #job-description div:nth-child(3), .single-job #job-description div:nth-child(4),
    .single-job #job-description div:nth-child(5), .single-job #job-description div:nth-child(6),
    .single-job #job-description div:nth-child(7), .single-job #job-description div:nth-child(8),
    .single-job #job-description div:nth-child(9), .single-job #job-description div:nth-child(10),
    .single-job #job-description div:nth-child(11), .single-job #job-description div:nth-child(12) {
      display: none; }
  .single-job .list-text {
    font-size: 20px;
    line-height: 32px;
    font-family: "effraregular"; }
  .single-job .list-content {
    max-width: 860px;
    font-size: 20px;
    line-height: 32px;
    font-family: "effralight"; }
  .single-job #job-lists .row {
    margin-bottom: 70px; }
  .single-job #job-lists ul {
    padding-left: 20px; }
  .single-job #job-lists li {
    margin-bottom: 15px; }
  .single-job .apply-btn {
    border-radius: 50px;
    text-transform: uppercase;
    color: #fff;
    font-family: "effralight";
    border: 1px solid;
    background: transparent;
    transition: all 0.3s;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 16px 80px 14px;
    display: inline-block; }
    .single-job .apply-btn:hover {
      background: #092627;
      text-decoration: none; }
  .single-job a {
    color: #43A2A6;
    transition: 0.3s; }
    .single-job a:hover {
      color: #fff; }
  .single-job .sharing {
    padding: 50px 0; }
    .single-job .sharing p {
      font-size: 14px;
      line-height: 19px;
      font-family: "effralight";
      color: rgba(255, 255, 255, 0.55);
      letter-spacing: 1.5px; }
    .single-job .sharing a {
      border-radius: 50%;
      border: 2px solid;
      color: rgba(255, 255, 255, 0.32);
      transition: color 0.3s;
      display: inline-block;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 36px;
      font-size: 20px;
      cursor: pointer; }
      .single-job .sharing a:hover {
        text-decoration: none;
        color: white; }
    @media (min-width: 768px) {
      .single-job .sharing {
        position: fixed;
        left: 15px;
        top: 218px;
        text-align: center; }
        .single-job .sharing a {
          display: block;
          margin: 10px auto; } }

@media (max-width: 991px) {
  .lg-up {
    display: none !important; } }

.about-econstruct {
  background: #191919;
  position: relative;
  color: #fff;
  padding: 100px 0;
  font-family: "effralight"; }
  .about-econstruct h2 {
    font-family: "effraregular";
    color: #fff;
    padding-bottom: 20px; }
  .about-econstruct h2 img {
    width: 202px;
    position: relative;
    top: 5px;
    left: 5px; }
  .about-econstruct p {
    font-size: 18px;
    line-height: 22px;
    color: #DADADA;
    margin-bottom: 20px; }
  .about-econstruct .services {
    padding-top: 80px;
    padding-bottom: 80px; }
    .about-econstruct .services .col-md-4 {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-content: space-between; }
      .about-econstruct .services .col-md-4 p {
        margin-top: 10px;
        font-size: 14px;
        color: #D8D8D8; }
  .about-econstruct .projects {
    padding-top: 56px;
    padding-bottom: 20px; }
    .about-econstruct .projects .col-md-6 {
      display: flex; }
    .about-econstruct .projects .project-block {
      background: rgba(166, 79, 26, 0.13);
      transition: all 0.3s;
      margin-bottom: 30px;
      width: 100%; }
      .about-econstruct .projects .project-block img {
        width: 100%; }
      .about-econstruct .projects .project-block p {
        font-size: 14px;
        padding: 20px 24px;
        margin: 0; }
      .about-econstruct .projects .project-block:hover {
        background: #a64f1a; }
  .about-econstruct a {
    color: #C05032;
    transition: all 0.3s;
    font-size: 16px; }
    .about-econstruct a:hover {
      color: #C05032;
      text-decoration: none; }
    .about-econstruct a.with-arrow {
      text-decoration: none; }
      .about-econstruct a.with-arrow:after {
        content: " ";
        width: 8px;
        height: 8px;
        border-top: 2px solid #C05032;
        border-left: 2px solid #C05032;
        transform: rotate(135deg);
        display: inline-block;
        left: 0;
        top: -1px;
        position: relative;
        transition: all 0.3s; }
      .about-econstruct a.with-arrow:hover:after {
        left: 3px; }

footer {
  background: #272727;
  padding-bottom: 40px;
  padding-top: 60px;
  position: relative; }
  @media (max-width: 767px) {
    footer {
      padding: 44px 15px; }
      footer .logo {
        margin-bottom: 46px; } }
  footer .list-inline a, footer .list-inline p {
    color: rgba(255, 255, 255, 0.3); }
  footer .list-unstyled {
    margin-bottom: 46px; }
  footer h1 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 400; }
  footer h3 {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 20px; }
  footer a {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1.31px;
    color: #D8D8D8;
    transition: all 0.3s;
    font-family: "effralight"; }
    footer a:hover {
      color: #fff;
      text-decoration: none; }
  footer p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1.31px;
    font-family: "effralight";
    color: #D8D8D8;
    margin: 0; }
    footer p.bio-text {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 1.31px;
      font-family: "effralight";
      color: #D8D8D8;
      margin: 0;
      max-width: 600px;
      margin-bottom: 20px; }

@media (min-width: 1281px) {
  video {
    width: 100%; }

  .line-one {
    margin-top: -2px; }

  .line-two {
    margin-top: 47px; } }
@media (min-width: 1025px) and (max-width: 1280px) {
  video {
    width: 1280px; }

  .video-wrapper {
    display: flex; }

  .line-one {
    margin-top: 5px; }

  .line-two {
    margin-top: 30px; } }
@media (min-width: 992px) and (max-width: 1024px) {
  video {
    width: 100%; }

  .line-one {
    margin-top: 0; }

  .line-two {
    margin-top: 30px; }

  .video-wrapper {
    display: flex; } }
@media (max-width: 768px) {
  video {
    width: 100%; }

  .line-one {
    margin-top: -52px; }

  .line-two {
    margin-top: 56px; }

  .video-wrapper {
    display: flex; } }
@media (max-width: 400px) {
  video {
    top: 134px; }

  .line-one {
    margin-top: 0; }

  .line-two {
    margin-top: 28px; } }
@keyframes hr_animate {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }
@keyframes to_right {
  0% {
    width: 100%; }
  100% {
    width: 30%; } }
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@-webkit-keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01); }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%); } }
@keyframes text-blur-out {
  0% {
    -webkit-filter: blur(0.01);
    filter: blur(0.01); }
  100% {
    -webkit-filter: blur(12px) opacity(0%);
    filter: blur(12px) opacity(0%); } }

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