.item--animation {
  fill: none;
  stroke: transparent;
  stroke-width: 2;
  stroke-dasharray: 600;
  stroke-dashoffset: 0; }

.item--animation1 {
  -webkit-animation: stroke 2s ease 0s forwards;
  animation: stroke 2s ease 0s forwards; }

.item--animation2 {
  -webkit-animation: stroke 2s ease .5s forwards;
  animation: stroke 2s ease .5s forwards; }

.item--animation3 {
  -webkit-animation: stroke 2s ease .8s forwards;
  animation: stroke 2s ease .8s forwards; }

.item--animation4 {
  -webkit-animation: stroke 2s ease 1s forwards;
  animation: stroke 2s ease 1s forwards; }

.item--animation5 {
  -webkit-animation: stroke 2s ease 1.3s forwards;
  animation: stroke 2s ease 1.3s forwards; }

.item--animation6 {
  -webkit-animation: stroke 2s ease 1.6s forwards;
  animation: stroke 2s ease 1.6s forwards; }

.item--animation7 {
  -webkit-animation: stroke 2s ease 1.7s forwards;
  animation: stroke 2s ease 1.7s forwards; }

.item--animation8 {
  -webkit-animation: stroke 2s ease 1.9s forwards;
  animation: stroke 2s ease 1.9s forwards; }

.item--animation9 {
  -webkit-animation: stroke 2s ease 2.1s forwards;
  animation: stroke 2s ease 2.1s forwards; }

.item--animation10 {
  -webkit-animation: stroke 2s ease 2.4s forwards;
  animation: stroke 2s ease 2.4s forwards; }

.item--animation11 {
  -webkit-animation: stroke-bell 2s ease-out 2.8s forwards;
  animation: stroke-bell 2s ease-out 2.8s forwards;
  -webkit-transform-origin: center -60px 0px;
  -ms-transform-origin: center -60px 0px;
  transform-origin: center -60px 0px; }

@-webkit-keyframes stroke {
  0% {
    stroke-dashoffset: 800; }
  100% {
    stroke: #999;
    stroke-dashoffset: 0; } }

@keyframes stroke {
  0% {
    stroke-dashoffset: 800; }
  100% {
    stroke: #999;
    stroke-dashoffset: 0; } }

@-webkit-keyframes stroke-bell {
  0% {
    stroke-dashoffset: 800; }
  64% {
    -webkit-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 150; }
  66% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  68% {
    -webkit-transform: rotate(3.3deg);
    transform: rotate(3.3deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  73% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  76% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  79% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  82% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  86% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  95% {
    -webkit-transform: rotate(1.6deg);
    transform: rotate(1.6deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; } }

@keyframes stroke-bell {
  0% {
    stroke-dashoffset: 800; }
  64% {
    -webkit-transform: rotate(-0.5deg);
    transform: rotate(-0.5deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 150; }
  66% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  68% {
    -webkit-transform: rotate(3.3deg);
    transform: rotate(3.3deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  73% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  76% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  79% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  82% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  86% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  95% {
    -webkit-transform: rotate(1.6deg);
    transform: rotate(1.6deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    stroke: #ec6d7b;
    stroke-dashoffset: 0; } }