#loader { 
 position: fixed; 
 left: 0;
 top: 0; 
 z-index: 99999999; 
 width: 100%; 
 height: 100%; 
 overflow: visible; 
 background: #fff;
}

.show {
  position: absolute;
  top: calc(50vh - 30px);
  top: -moz-calc(50vh - 30px);
  top: -webkit-calc(50vh - 30px);
  top: -o-calc(50vh - 30px);
  left: calc(50vw - 30px);
  left: -moz-calc(50vw - 30px);
  left: -webkit-calc(50vw - 30px);
  left: -o-calc(50vw - 30px);
  width: auto;
  height: auto;
}

@-webkit-keyframes L_circle_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes L_circle_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes L_stroke_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@keyframes L_stroke_rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@-webkit-keyframes L_stroke_fix {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@keyframes L_stroke_fix {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
@-webkit-keyframes L_stroke_left_grow {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@keyframes L_stroke_left_grow {
  0% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
}
@-webkit-keyframes L_stroke_right_grow {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes L_stroke_right_grow {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(140deg);
            transform: rotate(140deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
.loader-circle .loader-stroke::before, .loader-circle .loader-stroke-right::before, .loader-circle .loader-stroke-left::before {
  content: "";
  display: block;
}

.loader-circle, .loader-circle .loader-stroke, .loader-circle .loader-stroke::before, .loader-circle .loader-stroke-right, .loader-circle .loader-stroke-right::before, .loader-circle .loader-stroke-left, .loader-circle .loader-stroke-left::before {
  width: 4em;
  height: 4em;
  box-sizing: border-box;
  border-radius: 50%;
}

.loader-circle .loader-stroke::before, .loader-circle .loader-stroke-right::before, .loader-circle .loader-stroke-left::before {
  border-style: solid;
  border-width: 0.4em;
  border-color: currentColor;
}

.loader-circle .loader-stroke-right, .loader-circle .loader-stroke-left::before {
  position: absolute;
  clip: rect(0 4em 4em 2em);
}
.loader-circle .loader-stroke-right::before, .loader-circle .loader-stroke-left {
  position: absolute;
  clip: rect(0 2em 4em 0);
}
.loader-circle .loader-stroke::before {
  position: absolute;
  clip: rect(0 2.1em 2em 1.9em);
}

.loader-circle {
  -webkit-animation: L_circle_rotate 1568.23529ms linear infinite both;
          animation: L_circle_rotate 1568.23529ms linear infinite both;
}
.loader-circle .loader-stroke::before,
.loader-circle .loader-stroke-right, .loader-circle .loader-stroke-left {
  -webkit-animation: L_stroke_fix 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          animation: L_stroke_fix 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.loader-circle .loader-stroke {
  -webkit-animation: L_stroke_rotate 5332ms steps(4) infinite both;
          animation: L_stroke_rotate 5332ms steps(4) infinite both;
}
.loader-circle .loader-stroke-right::before {
  -webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          animation: L_stroke_right_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.loader-circle .loader-stroke-left::before {
  -webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
          animation: L_stroke_left_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes google-color_K {
  0%, 15% {
    border-color: #539cbd;
  }
  25%, 40% {
    border-color: #427d9a;
  }
  50%, 65% {
    border-color: #325d77;
  }
  75%, 90% {
    border-color: #427d9a;
  }
  100% {
    border-color: #539cbd;
  }
}
@keyframes google-color_K {
  0%, 15% {
    border-color: #539cbd;
  }
  25%, 40% {
    border-color: #427d9a;
  }
  50%, 65% {
    border-color: #325d77;
  }
  75%, 90% {
    border-color: #427d9a;
  }
  100% {
    border-color: #539cbd;
  }
}
.loader-circle.google-color .loader-stroke::before {
  -webkit-animation: L_stroke_fix 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
          animation: L_stroke_fix 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
}
.loader-circle.google-color .loader-stroke-right::before {
  -webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
          animation: L_stroke_right_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
}
.loader-circle.google-color .loader-stroke-left::before {
  -webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
          animation: L_stroke_left_grow 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, google-color_K 5332ms linear infinite both;
}
.loader-circle.slow {
  -webkit-animation: L_circle_rotate 5332ms linear infinite both;
          animation: L_circle_rotate 5332ms linear infinite both;
}