@import url("css2_1.css");
@import url("css2_4.css");
@import url("css2_2.css");
@import url("css2.css");
@import url("css2_3.css");
@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/BebasNeue-Regular.woff") format("woff"), url("../fonts/BebasNeue-Regular.woff2") format("woff"), url("../fonts/BebasNeue-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir Next Match";
  src: url("../Metropolis-Regular.otf") format("opentype");
}
html {
  overflow: hidden;
}
html body.loading {
  background-color: #eff3f8;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin: 0;
}
html body.loading header, html body.loading main, html body.loading footer {
  display: none;
}
html body #css-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
html body #css-loader .hidden {
  display: none;
}
html body #css-loader img {
  display: block;
  margin: auto;
}
html body #css-loader h1 {
  display: none;
  margin-top: 0;
  font-family: "Avenir Next", "Avenir Next Match", Arial;
}
html body #css-loader h1.active {
  display: block;
  text-align: center;
}
html body #css-loader .container {
  margin: 0px auto;
  width: 500px;
  text-align: center;
}
@media (max-width: 767px) {
  html body #css-loader .container {
    width: 300px;
  }
}
html body #css-loader .container .progress .progress-bar {
  height: 18px;
  background-color: #ee303c;
  border-radius: 4px;
  transition: 0.4s linear;
  transition-property: width, background-color;
}
html body #css-loader .container .progress.progress-striped .progress-bar {
  background-color: #59b739;
  width: 5%;
  background-image: linear-gradient(45deg, #90d761 25%, #59b739 25%, #59b739 50%, #90d761 50%, #90d761 75%, #59b739 75%, #59b739 100%);
  background-size: 56.57px 56.57px;
  border-radius: 20px;
}
html body #css-loader .container .progress.progress-striped .progress-bar.progress-0 {
  animation: progresszero 1.5s;
}
html body #css-loader .container .progress.progress-striped .progress-bar.progress-1 {
  animation: progressone 1.5s;
}
html body #css-loader .container .progress.progress-striped .progress-bar.progress-2 {
  animation: progresstwo 1.5s;
}
html body #css-loader .container .progress.progress-striped .progress-bar.progress-3 {
  animation: progressthree 1.5s;
}
@keyframes progressAnimationStrike {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes progresszero {
  from {
    width: 5%;
  }
  to {
    width: 25%;
  }
}
@keyframes progressone {
  from {
    width: 25%;
  }
  to {
    width: 50%;
  }
}
@keyframes progresstwo {
  from {
    width: 50%;
  }
  to {
    width: 75%;
  }
}
@keyframes progressthree {
  from {
    width: 75%;
  }
  to {
    width: 100%;
  }
}

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