.loader-container {
  position: relative;
  height: 35.5555555556vw;
  width: 35.5555555556vw;
}

.loader-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.circle-bg {
  fill: none;
  stroke: transparent;
  stroke-width: 10;
}

.circle-fg {
  fill: none;
  stroke: url(#progress-image);
  stroke-width: 25px;
  stroke-dasharray: 0 283;
  stroke-linecap: unset;
  -webkit-transition: stroke-dasharray 0.3s;
  transition: stroke-dasharray 0.3s;
}

.loader-percentage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 6.25vw;
  text-shadow: 0 0 3vw #fff6e4;
  font-family: "LaMerText-Italic";
  font-style: italic;
  color: white;
}

body.loading .content.loader {
  opacity: 1;
}

.page-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
}
.page-container .content.loader {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(img/Background.jpg);
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}/*# sourceMappingURL=loader.css.map */