@charset "utf-8";
/* CSS Document */
/* Preloader */ 

.spinner-wrapper {
 	position: fixed;
 	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,1.00);
	opacity:.96;
	background-size:cover;
	z-index: 999999;
}

.spinner {
  	width: 100px;
  	height: 100px;  
  	margin-top:-50px;
  	margin-left:-50px;
  	position: absolute;
  	background-size:contain;
  	top: 50%;
  	left: 50%;
}

 
/* Preloader */  
 

/*
.spinner2 {
  width: 100px;
  height: 100px;
  background: rgba(215,240,255,1.00);
  border-radius: 50%;
  display: inline-block;
}
.spinner2:after, .spinner2:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.spinner__1::after {
  position: absolute;
  border: 5px solid transparent;
  border-top-color:rgba(0,139,217,1.00);
  border-bottom-color:rgba(0,139,217,1.00);
  animation: spin 2s linear infinite;
}
.spinner__1::before {
  position: absolute;
  top: 32px;
  left: 32px;
  height: 35px;
  width: 35px;
  background-color: rgba(4,40,117,1.00) ;
  animation: shrink 3s ease infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg) scale(1);  
  }
  50% {
    transform: rotate(180deg) scale(1.4);
  }
  100% {
    transform: rotate(360deg) scale(1); 
  }
}
@keyframes shrink {
  0% {
    transform: scale(1.2);background-color:rgba(0,139,217,1.00)
  }
  50% {
    transform: scale(2); background-color:rgba(4,40,117,1.00) 
  }
  100% {
    transform: scale(1.2);background-color:rgba(0,139,217,1.00)
  }
}
*/