.fondo_loader{
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 1000000;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

.ajax-loader {
  -moz-transition: ease-out 750ms;
  -o-transition: ease-out 750ms;
  -webkit-transition: ease-out 750ms;
  transition: ease-out 750ms;
  z-index: 50;
}
.ajax-loader .ajax-loader-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
}
.ajax-loader .ajax-loader-circle {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderSpin 1.4s linear infinite;
  -webkit-animation: ajaxLoaderSpin 1.4s linear infinite;
  animation: ajaxLoaderSpin 1.4s linear infinite;
}
.ajax-loader .ajax-loader-letters .svg{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 20px;
}
.ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner {
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -moz-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
  -webkit-animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
  animation: ajaxLoaderDashSpin 1.4s ease-in-out infinite;
}
.ajax-loader .ajax-loader-circle circle {
  -moz-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  -webkit-animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  animation: ajaxLoaderColors 5.6s ease-in-out infinite, ajaxLoaderDash 1.4s ease-in-out infinite;
  stroke-dasharray: 1570;
  stroke-dashoffset: 392.5;
  stroke: #fff;
  stroke-width: 19;
  fill: none;
}
.ajax-loader .ajax-loader-letters path {
  /*fill: #fff;*/
}

@-moz-keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-webkit-keyframes ajaxLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes ajaxLoaderSpin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@-moz-keyframes ajaxLoaderColors {
  0% {
    stroke: #74EBE0;
  }
  50% {
    stroke: #00E9FF;
  }
  100% {
    stroke: #74EBE0;
  }
}
@-webkit-keyframes ajaxLoaderColors {
  0% {
    stroke: #74EBE0;
  }
  50% {
    stroke: #00E9FF;
  }
  100% {
    stroke: #74EBE0;
  }
}
@keyframes ajaxLoaderColors {
  0% {
    stroke: #74EBE0;
  }
  50% {
    stroke: #00E9FF;
  }
  100% {
    stroke: #74EBE0;
  }
}
@-moz-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-webkit-keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@keyframes ajaxLoaderDash {
  0% {
    stroke-dashoffset: 1413;
  }
  50% {
    stroke-dashoffset: 392.5;
  }
  100% {
    stroke-dashoffset: 1413;
  }
}
@-moz-keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@-webkit-keyframes ajaxLoaderDashSpin {
  50% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes ajaxLoaderDashSpin {
  50% {
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    -moz-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
.ajax-loader, .ajax-loader .ajax-loader-circle, .ajax-loader .ajax-loader-circle .ajax-loader-circle-spinner, .ajax-loader .ajax-loader-circle circle, .ajax-loader .ajax-loader-letters {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}