/*----------------------------------------*/
/*  32. preloader
/*----------------------------------------*/
#preloader {
	background-color: #fff;
	height: 100%;
	width: 100%;
	position: fixed;
	margin-top: 0px;
	top: 0px;
	z-index: 9999;
  }
  .loader .loader-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	border: 3px solid #ebebec;
	border-radius: 50%;
  }
  .loader .loader-container:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	border-top: 3px solid var(--color-secondary);
	border-radius: 50%;
	animation: loaderspin 1.8s infinite linear;
	-webkit-animation: loaderspin 1.8s infinite linear;
  }
  .loader .loader-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	text-align: center;
  }
  .loader .loader-icon img {
	animation: loaderpulse alternate 900ms infinite;
	width: 40px;
  }
  .preloader-two {
	.loader .loader-container:before {
		border-color: #d9293a;
	}
  }
  @keyframes loaderspin {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotate(360deg);
	}
  }
  @-webkit-keyframes loaderspin {
	0% {
	  transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
	  transform: translate(-50%, -50%) rotate(360deg);
	}
  }
  @keyframes loaderpulse {
	0% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(1.2);
	}
}