.icon {
  width: 150px;
  display: block;
  margin: 25px auto 25px;
  border-radius: 50%;
  stroke: #31afb4;
  -webkit-animation: bounceIcon 0.17s ease-in-out;
  animation: bounceIcon 0.17s ease-in-out;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.circle {
  stroke-dasharray: 190;
  stroke-dashoffset: 190;
  stroke-width: 9;
  stroke: #31afb4;
  fill: none;
  -webkit-animation: drawCircle .5s linear;
  animation: drawCircle .5s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.check {
  stroke-width: 7;
  stroke-dasharray: 120;
  stroke-dashoffset: 120;
  -webkit-animation: drawCheckmark 0.5s cubic-bezier(0.89, 0.09, 0.91, 0.67);
  animation: drawCheckmark 0.5s cubic-bezier(0.89, 0.09, 0.91, 0.67) forwards;
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
@keyframes drawCircle {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes drawCheckmark {
  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}
@keyframes bounceIcon {
  0% {
    transform: none;
  }
  50% {
    transform: scale3D(0.9, 0.9, 1);
  }
  100% {
    transform: none;
  }
}
.confirmationIE {
  display: none;
}
.confirmationNonIE {
  display: inherit;
}
@media (min-width: 767.8px) {
  .confirmationDiv {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}