body {
  overflow-y: hidden;
}
.site-header, .site-header.navbar-lateral {
  opacity: 0;
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
}
.site-header.loading-done, .site-header.navbar-lateral.loading-done {
  opacity: 1;
}
.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .1s;
  transition: all 1s;
}
.loading-screen.loading-done {
  opacity: 0;
  visibility: hidden;
}
.spinner-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 60px;
  width: 60px;
  margin-top: -30px;
  margin-left: -30px;
  -webkit-animation: spinner-wrap 1s infinite;
  animation: spinner-wrap 1s infinite;
}
.spinner {
  width: 20px;
  height: 20px;
  background-color: #ccc;
  float: left;
  border-radius: 50%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.spinner:nth-child(2n+0) {
  margin-right: 0;
}
#spinner_one {
  -webkit-animation: spinner_one 1s infinite;
  animation: spinner_one 1s infinite;
}
#spinner_two {
  -webkit-animation: spinner_two 1s infinite;
  animation: spinner_two 1s infinite;
}
#spinner_three {
  -webkit-animation: spinner_three 1s infinite;
  animation: spinner_three 1s infinite;
}
#spinner_four {
  -webkit-animation: spinner_four 1s infinite;
  animation: spinner_four 1s infinite;
}
@-webkit-keyframes spinner-wrap {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-wrap {
  100% {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@keyframes spinner_one {
  50% {
    -ms-transform: translate(20px, 20px);
    -webkit-transform: translate(20px, 20px);
    transform: translate(20px, 20px);
  }
}
@-webkit-keyframes spinner_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@keyframes spinner_two {
  50% {
    -ms-transform: translate(-20px, 20px);
    -webkit-transform: translate(-20px, 20px);
    transform: translate(-20px, 20px);
  }
}
@-webkit-keyframes spinner_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@keyframes spinner_three {
  50% {
    -ms-transform: translate(20px, -20px);
    -webkit-transform: translate(20px, -20px);
    transform: translate(20px, -20px);
  }
}
@-webkit-keyframes spinner_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}
@keyframes spinner_four {
  50% {
    -ms-transform: translate(-20px, -20px);
    -webkit-transform: translate(-20px, -20px);
    transform: translate(-20px, -20px);
  }
}