body {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 110px;
  line-height: 0.9em;
  letter-spacing: -2px;
}

h2,
h3 {
  font-family: proxima-nova, sans-serif;
  font-weight: 800;
  font-style: normal;
}

b,
strong {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-style: normal;
}

body {
  color: #fff;
  background: #000;
}

a {
  color: #fff;
}
a:link, a:visited {
  color: #fff;
}
a.active, a:active, a:focus, a:hover {
  color: #fff;
}

.carousel.carousel-fade .carousel-item {
  display: block;
  opacity: 0;
  transition: opacity ease-out 0.7s;
}

.carousel.carousel-fade .carousel-item.active {
  opacity: 1 !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-left: 8px;
  padding-right: 8px;
}

header .container {
  padding: 0;
}
@media screen and (max-width: 1660px) {
  header .container {
    padding: 0px 10px;
  }
}
.navbar,
.bg-dark {
  background: #000;
  color: #fff;
}
.navbar a,
.bg-dark a {
  color: #fff;
}
.navbar a:link, .navbar a:visited,
.bg-dark a:link,
.bg-dark a:visited {
  color: #fff;
}
.navbar a.active, .navbar a:active, .navbar a:focus, .navbar a:hover,
.bg-dark a.active,
.bg-dark a:active,
.bg-dark a:focus,
.bg-dark a:hover {
  color: #fff;
}

.navbar-brand {
  margin: 0;
  padding: 0;
}
.navbar-brand img {
  width: 233px;
  padding: 0;
}

@media (min-width: 768px) and (max-width: 1025px) {
  .navbar-brand img {
    width: 150px;
  }
}
.navbar {
  padding: 0 0 2px 0;
}

.navbar-nav {
  width: 100%;
  max-width: 100%;
  height: 83px;
  padding: 0 0 0 69px;
  display: flex;
}
.show .navbar-nav {
  height: auto;
}
.navbar-nav .nav-item {
  font-size: 16px;
  font-weight: 600;
  line-height: 1em;
  flex-grow: 1;
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
.navbar-nav .nav-item:first-child {
  margin-left: 0;
}
.navbar-nav .nav-item:last-child {
  margin-right: 0;
}
.navbar-nav .nav-item.vision a {
  color: #fff;
}
.navbar-nav .nav-item.vision a:link, .navbar-nav .nav-item.vision a:visited {
  color: #fff;
}
.navbar-nav .nav-item.vision a.active, .navbar-nav .nav-item.vision a:active, .navbar-nav .nav-item.vision a:focus, .navbar-nav .nav-item.vision a:hover {
  color: #4094fd;
}
.navbar-nav .nav-item.mission a {
  color: #fff;
}
.navbar-nav .nav-item.mission a:link, .navbar-nav .nav-item.mission a:visited {
  color: #fff;
}
.navbar-nav .nav-item.mission a.active, .navbar-nav .nav-item.mission a:active, .navbar-nav .nav-item.mission a:focus, .navbar-nav .nav-item.mission a:hover {
  color: #a8f461;
}
.navbar-nav .nav-item.metaverse a {
  color: #fff;
}
.navbar-nav .nav-item.metaverse a:link, .navbar-nav .nav-item.metaverse a:visited {
  color: #fff;
}
.navbar-nav .nav-item.metaverse a.active, .navbar-nav .nav-item.metaverse a:active, .navbar-nav .nav-item.metaverse a:focus, .navbar-nav .nav-item.metaverse a:hover {
  color: #ff4d59;
}
.navbar-nav .nav-item.experience a {
  color: #fff;
}
.navbar-nav .nav-item.experience a:link, .navbar-nav .nav-item.experience a:visited {
  color: #fff;
}
.navbar-nav .nav-item.experience a.active, .navbar-nav .nav-item.experience a:active, .navbar-nav .nav-item.experience a:focus, .navbar-nav .nav-item.experience a:hover {
  color: #92ffff;
}
.navbar-nav .nav-item.clients a {
  color: #fff;
}
.navbar-nav .nav-item.clients a:link, .navbar-nav .nav-item.clients a:visited {
  color: #fff;
}
.navbar-nav .nav-item.clients a.active, .navbar-nav .nav-item.clients a:active, .navbar-nav .nav-item.clients a:focus, .navbar-nav .nav-item.clients a:hover {
  color: #a8f461;
}
.navbar-nav .nav-item.team a {
  color: #fff;
}
.navbar-nav .nav-item.team a:link, .navbar-nav .nav-item.team a:visited {
  color: #fff;
}
.navbar-nav .nav-item.team a.active, .navbar-nav .nav-item.team a:active, .navbar-nav .nav-item.team a:focus, .navbar-nav .nav-item.team a:hover {
  color: #ffef00;
}
.navbar-nav .nav-item.media a {
  color: #fff;
}
.navbar-nav .nav-item.media a:link, .navbar-nav .nav-item.media a:visited {
  color: #fff;
}
.navbar-nav .nav-item.media a.active, .navbar-nav .nav-item.media a:active, .navbar-nav .nav-item.media a:focus, .navbar-nav .nav-item.media a:hover {
  color: #4094fd;
}
.navbar-nav .nav-item.join a {
  color: #fff;
}
.navbar-nav .nav-item.join a:link, .navbar-nav .nav-item.join a:visited {
  color: #fff;
}
.navbar-nav .nav-item.join a.active, .navbar-nav .nav-item.join a:active, .navbar-nav .nav-item.join a:focus, .navbar-nav .nav-item.join a:hover {
  color: #ff4d59;
}

header .col-md-10 {
  display: flex;
}
header .col-md-10 .social-media {
  height: 83px;
  margin-right: 0;
  font-size: 24px;
  width: 342px;
  display: flex;
  align-items: center;
}
header .col-md-10 .social-media .nav-link {
  padding: 0;
}
header .col-md-10 .social-media a {
  float: left;
  margin-left: 0;
  margin-right: 33px;
}
header .col-md-10 .social-media a:last-child {
  margin-right: 0;
}
header .col-md-10 .social-media a {
  color: #fff;
}
header .col-md-10 .social-media a:link, header .col-md-10 .social-media a:visited {
  color: #fff;
}
header .col-md-10 .social-media a.active, header .col-md-10 .social-media a:active, header .col-md-10 .social-media a:focus, header .col-md-10 .social-media a:hover {
  color: #fff;
}

.social-media-spacer {
  flex-grow: 2;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:visited {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #fff;
}

.social-media-wrapper {
  float: right;
}

.container {
  max-width: 1656px;
}

.jumbotron {
  text-align: center;
  background: url("/assets/images/content/01_hero_image.jpg"), 0 0 no-repeat;
  background-position: top center;
  background-size: cover;
  margin: 85px 0 0 0;
  height: calc(90vh - 85px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.jumbotron:after {
  width: 100%;
  height: 50vh;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  content: "";
  background: url("/assets/images/content/gradient_fade.png") bottom left repeat-x;
}
.jumbotron h1 {
  margin-bottom: 40px;
}
.jumbotron h1 img {
  max-width: 66%;
  filter: drop-shadow(0px 11px 54px rgba(0, 0, 0, 0.5));
}
.jumbotron .container,
.jumbotron .btn {
  z-index: 10;
  position: relative;
}

p.lead {
  font-size: 26px;
  line-height: 0.9em;
  letter-spacing: 0.3px;
  margin-left: 0.4em;
}

#vision {
  padding: 150px 0 110px;
}
#vision h1 {
  padding: 40px 0;
}
#vision h2.featurette-heading {
  margin-left: 0.4em;
}
#vision .col-md-6 {
  margin-left: 0;
}
#vision .col-md-5 p {
  margin: 228px 0 0 86px;
  font-size: 22px;
  line-height: 1em;
  letter-spacing: -0.02em;
}
#vision .carousel {
  margin-left: 86px;
}
#vision .carousel-item {
  height: auto;
}
#vision .carousel-item h2 {
  margin-top: 30px;
  font-size: 50px;
  line-height: 1em;
  letter-spacing: -1px;
}

#mission {
  background: url("/assets/images/content/mission-placeholder.png") center center no-repeat;
  background-attachment: fixed;
  background-size: cover;
  text-align: center;
  padding-top: 330px;
  padding-bottom: 285px;
  position: relative;
}
#mission .row {
  position: relative;
  z-index: 10;
}
#mission:after {
  width: 100%;
  height: 50vh;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 50%, black 100%);
  content: "";
}
#mission h1 {
  font-size: 91.5px;
  line-height: 0.95em;
  margin-bottom: 312px;
}
#mission h2.featurette-heading {
  margin-bottom: 40px;
}
#mission h3 {
  font-size: 36px;
  margin-bottom: 0;
  letter-spacing: -1px;
}
#mission img {
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}

#clients {
  text-align: center;
  background-color: #101010;
  padding: 150px 0;
}
#clients .row {
  flex-direction: column;
}
#clients img {
  max-width: 100%;
}
#clients h1 {
  margin-top: 0.7em;
  margin-bottom: 1.5em;
  font-size: 52px;
}

#metaverse {
  padding-bottom: 269px;
}
#metaverse h1 {
  font-size: 88px;
  line-height: 0.98em;
  margin-bottom: 25px;
}
#metaverse h2 {
  margin-bottom: 33px;
}
#metaverse p {
  font-size: 22px;
  line-height: 1.57em;
  margin-bottom: 2.5em;
}
#metaverse h3 {
  font-size: 36px;
  letter-spacing: -1px;
}

#experience .your-work-your-worlds {
  padding-top: 168px;
  padding-left: 33px;
}
#experience .community-types {
  padding-left: 30px;
}
#experience h2 {
  margin-bottom: 32px;
}
#experience h1 {
  font-size: 80px;
  line-height: 0.95em;
  margin-bottom: 28px;
}
#experience p {
  font-size: 22px;
  line-height: 1.55em;
  margin-bottom: 150px;
}

#team {
  padding-top: 155px;
  padding-bottom: 209px;
}
#team h2.featurette-heading {
  margin-top: 20px;
}
#team h1 {
  font-size: 60px;
  margin-top: 0.5em;
  line-height: 1.03em;
  margin-bottom: 0.475em;
  letter-spacing: -1px;
}
#team .description p {
  font-size: 22px;
  line-height: 1.55em;
  letter-spacing: -0.4px;
}
#team .description p:last-of-type {
  margin-bottom: 59px;
}
#team .team-controls {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  padding: 0 3px 3px 3px;
  font-weight: 600px;
}
#team .team-controls span {
  cursor: pointer;
  margin-right: 47px;
  padding: 0 3px 3px 3px;
}
#team .team-controls span.active, #team .team-controls span:active, #team .team-controls span:focus, #team .team-controls span:hover {
  color: #ffef00;
  border-bottom: #ffef00 3px solid;
}
#team .carousel-container {
  position: relative;
}
#team .carousel-container > div {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: 1s ease-in-out all;
}
#team .carousel-container > div.visible {
  opacity: 1;
  z-index: 2;
}
#team .carousel-container .carousel-item {
  transition: 1s ease-in-out all;
  width: 100%;
  text-align: center;
}
#team .carousel-control-next,
#team .carousel-control-prev {
  z-index: 15;
}
#team .carousel h2 {
  font-size: 28px;
  margin-top: 1.55em;
  margin-bottom: 0.375em;
}
#team .carousel h3.job-title {
  font-size: 22px;
  line-height: 1em;
  margin-bottom: 1em;
}
#team .carousel p {
  font-size: 18px;
  max-width: 480px;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#media {
  text-align: center;
  position: relative;
}
#media h1 {
  font-size: 52px;
  margin-top: 0.675em;
  margin-bottom: 1em;
}
#media h2 {
  font-size: 28px;
}
#media img {
  max-width: 100%;
  margin-bottom: 2.25em;
}
#media .media {
  display: block;
  font-size: 22px;
}
#media a {
  color: #fff;
}
#media a:link, #media a:visited {
  color: #fff;
}
#media a.active, #media a:active, #media a:focus, #media a:hover {
  color: #fff;
  text-decoration: underline;
}
#media .view-all-link {
  position: absolute;
  top: 30px;
  right: 0px;
}
#media .view-all-link a {
  color: #4094fd;
}
#media .view-all-link a:link, #media .view-all-link a:visited {
  color: #4094fd;
}
#media .view-all-link a.active, #media .view-all-link a:active, #media .view-all-link a:focus, #media .view-all-link a:hover {
  color: #fff;
}

#join {
  padding-top: 5em;
  text-align: center;
}
#join h1 {
  font-size: 100px;
  margin-bottom: 0.5em;
}
#join label {
  display: none;
}

h2.featurette-heading {
  font-weight: 600;
  font-size: 22px;
  line-height: 1em;
  padding: 0;
  margin: 0;
  color: #4094fd;
  letter-spacing: 1px;
  text-transform: uppercase;
}
h2.featurette-heading.vision {
  color: #4094fd;
}
h2.featurette-heading.mission {
  color: #a8f461;
}
h2.featurette-heading.metaverse {
  color: #ff4d59;
}
h2.featurette-heading.experience {
  color: #92ffff;
}
h2.featurette-heading.clients {
  color: #a8f461;
}
h2.featurette-heading.team {
  color: #ffef00;
}
h2.featurette-heading.media {
  color: #4094fd;
}
h2.featurette-heading.join {
  color: #ff4d59;
}

.btn,
.btn-primary {
  background-color: #fff;
  color: #000;
  border-radius: 100px;
  border: 1px solid #fff;
  line-height: 1em;
}
.btn:visited,
.btn-primary:visited {
  color: #000;
}
.btn:active, .btn:hover, .btn:focus,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
}

.btn-group-lg > .btn,
.btn-lg {
  font-size: 18px;
  padding: 14px 72px 15px;
}

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