/*
	21. Page Loader
*/
#ltx-preloader {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: #181818 !important;    /**/
  background-color: var(--white);
  z-index: 1999;
  transition: all .3s ease;
}
.pace-done > #ltx-preloader {
  zoom: 1;
  filter: alpha(opacity=0);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  z-index: -100;
}
.pace-activity,
.pace-progress {
  display: none !important;
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 3000;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.paceloader-image .ltx-pulse-loader,
.paceloader-image .pace-activity,
.paceloader-image .pace-progress {
  display: none;
}
.paceloader-image .pace {
  border: 0 none;
  width: 200px;
  height: 200px;
}
.paceloader-image .pace-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 200px;
  height: 200px;
  margin: auto;
  display: block;
  z-index: 100;
  position: fixed;
  overflow: hidden;
}
.paceloader-image .ltx-theme-loader {
  display: none;
}
.pace.pace-inactive {
  display: none;
}
.ltx-theme-loader {
  display: block;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ltx-theme-loader .ltx-loader-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 50px;
  height: 50px;
  background-color: #b19777 !important;					 /**/
  background-color: var(--black);
  animation: loading1 2s infinite ease;
}
.ltx-theme-loader .ltx-loader-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0px;
  margin-left: 0px;
  width: 50px;
  height: 50px;
  background-color: #b19777 !important; 					/**/
  background-color: var(--black);
  animation: loading2 2s infinite ease;
}
@keyframes loading1 {
  0% {
    margin-top: -50px;
    margin-left: -50px;
  }
  25% {
    margin-top: -50px;
    margin-left: 0px;
  }
  50% {
    margin-top: 0px;
    margin-left: 0px;
  }
  75% {
    margin-top: 0px;
    margin-left: -50px;
  }
  100% {
    margin-top: -50px;
    margin-left: -50px;
  }
}
@keyframes loading2 {
  0% {
    margin-top: 0px;
    margin-left: 0px;
  }
  25% {
    margin-top: 0px;
    margin-left: -50px;
  }
  50% {
    margin-top: -50px;
    margin-left: -50px;
  }
  75% {
    margin-top: -50px;
    margin-left: 0px;
  }
  100% {
    margin-top: 0px;
    margin-left: 0px;
  }
}