.svg_result {
  width: 92px;
  height: 92px;
  border-radius: 50%;
  display: block;
  stroke-width: 6;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto 6% auto;
}

.sr_green {
	animation: sr_fill_green .4s ease-in-out .4s forwards, sr_scale .3s ease-in-out .9s both;
	box-shadow: inset 0px 0px 0px #7ac142;
}

.sr_red {
	animation: sr_fill_red .4s ease-in-out .4s forwards, sr_scale .3s ease-in-out .9s both;
	box-shadow: inset 0px 0px 0px #a70f31;
}

.sr_circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  fill: none;
  animation: sr_stroke .6s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
}

.sr_c_green {
  stroke: #7ac142;
}

.sr_c_red {
  stroke: #a70f31;
}

.sr_check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: sr_stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

.sr_check_ie {
  transform-origin: 50% 50%;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  animation: sr_stroke_ie .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
}

@keyframes sr_stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes sr_stroke_ie {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes sr_scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes sr_fill_green {
  100% {
    box-shadow: inset 0px 0px 0px 50px #7ac142;
  }
}

@keyframes sr_fill_red {
  100% {
    box-shadow: inset 0px 0px 0px 50px #a70f31;
  }
}