.blur-page {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 40px;
}
.blur-page .page-box {
  opacity: 0;
}
.blur-page .blur-box {
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  background-size: cover;
  bottom: 0;
  display: block !important;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  text-align: center;
  z-index: -1;
}
.blur-page.blur-load {
  background-image: inherit;
  -webkit-transition: background-image .2s linear;
  transition: background-image .2s linear;
}
.blur-page.blur-load .page-box,
.blur-page.blur-load .blur-box {
  opacity: 1;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}
.blur-page.blur-load .blur-box {
  -webkit-transition: opacity .4s linear;
  transition: opacity .4s linear;
}
.blur-page .blur-box img,
.blur-page .blur-box canvas {
  -webkit-background-size: cover;
  background-size: cover;
  left: 0;
  max-width: inherit;
  min-width: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  vertical-align: top;
  width: auto;
  z-index: 0;
}
.blur-page .blur-box img {
  visibility: hidden;
}

/* Overlay */
.bg-dark-alfa-10 .overlay-class{
  background-color: rgba(0, 0, 0, 0.1);
}
.bg-dark-alfa-20 .overlay-class{
  background-color: rgba(0, 0, 0, 0.2);
}
.bg-dark-alfa-30 .overlay-class{
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-dark-alfa-40 .overlay-class{
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-dark-alfa-50 .overlay-class{
  background-color: rgba(0, 0, 0, 0.5);
}
.bg-dark-alfa-60 .overlay-class{
  background-color: rgba(0, 0, 0, 0.6);
}
.bg-dark-alfa-70 .overlay-class{
  background-color: rgba(0, 0, 0, 0.7);
}
.bg-dark-alfa-80 .overlay-class{
  background-color: rgba(0, 0, 0, 0.8);
}
.bg-dark-alfa-90 .overlay-class{
  background-color: rgba(0, 0, 0, 0.9);
}
