body {
  font-family: 'Open Sans', sans-serif;
  font-weight: lighter; }

.body {
  position: fixed; }

.header {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: url("../new-images/header.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100vh;
  padding: 0 5%; }
  .header .title {
    width: 70%; }
    @media only screen and (max-width: 500px) {
      .header .title {
        width: 100%; } }
  .header p {
    font-family: 'FuturaLight';
    text-align: center;
    color: white; }
    @media only screen and (max-width: 500px) {
      .header p {
        font-size: 16px; } }
    @media only screen and (min-width: 501px) {
      .header p {
        font-size: 24px; } }

.img-layout {
  width: 100%;
  z-index: -1; }
  .img-layout.img-with-model {
    width: 130%; }

.model-img {
  position: absolute;
  z-index: 99;
  bottom: 0;
  width: 38%; }
  .model-img.img-134 {
    right: -4%; }
  .model-img.img-228 {
    left: 25%;
    bottom: -15%; }
  .model-img.img-487 {
    position: absolute;
    z-index: 9999;
    left: 15%; }
  .model-img.img-317 {
    right: 10%; }
  .model-img.img-707 {
    bottom: -10%;
    left: 25%; }

.solo-model-img {
  width: 50%; }

.fade {
  transition: opacity 2.5s linear; }

.hide {
  visibility: hidden; }

.hide-show {
  visibility: visible; }

.display-none {
  display: none; }

.position-fixed {
  position: fixed; }

.navbar-custom {
  margin-bottom: 0px; }

section {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px; }

.buro-logo {
  position: fixed;
  width: 150px;
  height: 137px;
  z-index: 9999;
  margin-left: 15px; }
  @media screen and (max-width: 500px) {
    .buro-logo {
      position: absolute;
      margin: 0% auto;
      left: 0;
      right: 0; } }

.right-max {
  right: -4% !important;
  transition: right 2s, opacity 1s; }

.top-max {
  bottom: 0% !important;
  transition: bottom 2s, opacity 1s; }

.move-left {
  transform: translateX(-23%);
  transition: all 2s; }

.section-content {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  color: white;
  height: 100%; }
  .section-content h1 {
    font-size: 50px; }
    @media screen and (min-width: 800px) {
      .section-content h1 {
        font-size: 72px; } }
  .section-content h3 {
    font-size: 24px; }
    @media screen and (min-width: 800px) {
      .section-content h3 {
        font-size: 36px; } }

.section-header {
  position: absolute;
  width: 100%;
  top: 30%;
  padding: 0 10%; }

.credit-text {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 20px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: lighter;
  max-width: 175px;
  color: black;
  text-align: right; }
  @media only screen and (max-width: 500px) {
    .credit-text {
      max-width: 70px;
      font-size: 8px; } }
  .credit-text .bold {
    font-weight: 600; }

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

.hide {
  display: none; }

.loader-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background: white; }
  .loader-bg .loader {
    width: 200px;
    height: 200px; }

.audio-player {
  display: none; }
  @media only screen and (max-width: 768px) {
    .audio-player {
      display: none;
      width: 100%;
      background: transparent; } }

.audio-control {
  margin-top: 20px; }
  .audio-control .icon-speaker img {
    width: 20px; }
  .audio-control button {
    background: transparent;
    border: none;
    outline: none; }
    .audio-control button span {
      margin-left: -5px; }
    .audio-control button img {
      width: 20px; }
  .audio-control #btn-pause-audio {
    width: 33px; }

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