@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    background-color: white;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    background-color: white;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    background-color: white;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  99% {
    opacity: 0.8;
  }

  100% {
    opacity: 0;
    background-color: white;
  }
}

.loading-bar {
  display: inline-block;
  width: 3px;
  height: 10px;
  background-color: white;
  -webkit-transition: all 1000ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  -moz-transition: all 1000ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  -o-transition: all 1000ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  transition: all 1000ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  background-color: #fa7e34;
}

.load {
  animation: fadeOut 3s 1;
  -webkit-animation: fadeOut 3s 1;
  width: 900px;
  opacity: 0;
}

.unload {
  -webkit-transition: all 0ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  -moz-transition: all 0ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  -o-transition: all 0ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  transition: all 0ms cubic-bezier(0.6, 0.535, 0.845, 0.11);
  width: 1px;
  background-color: white;
}