/* ======= Preloader Style ======= */
.preloader-bg,
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #1b1b1b;
    z-index: 999999;
}
.version-light .preloader-bg,
.version-light #preloader {
	background: #fff;
}
#preloader {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preloader__progress {
  position: absolute;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  /* background-color: #FFFFFF; */
  opacity: 1;
  /* -webkit-mask-image: var(--preloader-image);
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--preloader-image);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat; */
}
.preloader__progress.custom-pre {
  position: absolute;
  z-index: 200;
  background-size:100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  opacity: 0;
}

.preloader__progress__inner.custom-pre-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: bottom;
  transform: scaleY(0);
}
.ptr-prel-image{
	max-width:100%;
	width:80px;
}
.preloader__pulse {
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	border-radius: 50%;
	border: 1px solid rgba(250, 250, 250, .2);
}

.preloader__pulse:before,
.preloader__pulse:after {
	content: '';
	width:  100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:  0;
	opacity: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	box-shadow: 0 0 0 30px rgba(250, 250, 250, .3);
	background-color: rgba(250, 250, 250, .3);
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
	        animation: 1.5s pulse-anim cubic-bezier(.17, .85, .438, .99) infinite;
}

.version-light .preloader__pulse:before,
.version-light .preloader__pulse:after{
	-webkit-box-shadow: 0 0 0 30px rgba(0,0,0,0.1);
	box-shadow: 0 0 0 30px rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.1);
}

.preloader__pulse:after {
	-webkit-animation-duration: 3s;
	        animation-duration: 3s;
	-webkit-animation-delay: .15s;
	        animation-delay: .15s;
}
@-webkit-keyframes pulse-anim {

	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

}

@keyframes pulse-anim {

	0% {
		opacity: 1;
		-webkit-transform: scale(.5);
		        transform: scale(.5);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		        transform: scale(1);
	}

}