.zs-loader-background{
	/*da qui è possibile personalizzare lo sfondo semitrasparente*/
	position: fixed !important;
}
.zs-loader-logo{	
	position:fixed !important;
	background-color:rgba(255,255,255,0.8);
	width:300px;
	height:300px;
	border-radius:50%;
	top:calc(50% - 150px);
	left:calc(50% - 150px);
	opacity:1!important;
	/*background-image:url('../images/logo_ea_web.png');*/
	background-image:url('../images/logoarca_notext.png');
	background-repeat: no-repeat;
	/*background-size: 250px 250px;*/
	background-size: 250px 120px;
	background-position: center; 
}


.zs-loader-spinner {
	position: fixed !important;
	width: 320px;
	height: 320px;
	top: calc(50% - 160px);
	left: calc(50% - 160px);



  font-size: 10px;
  text-indent: -9999em;
  border-radius: 50%;
  /*background: -moz-linear-gradient(left, #186197 10%, rgba(24,97,151, 0) 42%);
  background: -webkit-linear-gradient(left, #186197 10%, rgba(24,97,151, 0) 42%);
  background: -o-linear-gradient(left, #186197 10%, rgba(24,97,151, 0) 42%);
  background: -ms-linear-gradient(left, #186197 10%, rgba(24,97,151, 0) 42%);*/
  /*background: linear-gradient(to right, #186197 10%, rgba(24,97,151, 0) 42%);*/
  animation: spin 1.5s linear 0s infinite;
  background: linear-gradient(0deg, rgba(24,97,151,0.1) 33%, rgba(24,97,151,1) 100%);
  position: relative;
  
  /*-webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear; */ 
  /*-webkit-animation: load3 0.9s infinite linear;
  animation: load3 0.9s infinite linear;*/
  
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.zs-loader-spinner:before {
  width: 50%;
  height: 50%;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.zs-loader-spinner:after {
  /*background: #0dc5c1;*/
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(359deg);
  }
}

/*Loader calcolo del prezzo -- Inizio*/
	/*Loader in riga per aggiornamento prezzi*/
.zs-prz-loader,
.zs-prz-loader:after {
  border-radius: 50%;
  /*width: 24px;
  height: 24px; */
  width: 1.3rem;
  height: 1.3rem;   
}
.zs-prz-loader-big,
.zs-prz-loader-big:after {
  border-radius: 50%;
  /*width: 28px;
  height: 28px;  */
  width: 1.5rem;
  height: 1.5rem;  
}
.zs-prz-loader, .zs-prz-loader-big {
  font-size: 3px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(33, 37, 41, 0.2);
  border-right: 1.1em solid rgba(33, 37, 41, 0.2);
  border-bottom: 1.1em solid rgba(33, 37, 41, 0.2);
  border-left: 1.1em solid #212529;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  float:right;
}
.zs-prz-loader-white{
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*Loader calcolo del prezzo -- Fine*/