.number1pin{background:#1eae98}.number1pin,.number2pin{width:30px;height:30px;border-radius:50% 50% 50% 0;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -20px}.number2pin{background:#05dfd7}.number3pin{background:#ffa36c}.number3pin,.number4pin{width:30px;height:30px;border-radius:50% 50% 50% 0;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -20px}.number4pin{background:#ff5722}.number5pin{width:30px;height:30px;border-radius:50% 50% 50% 0;background:#dd2c00;position:absolute;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);left:50%;top:50%;margin:-20px 0 0 -20px}.number1pin:after,.number2pin:after,.number3pin:after,.number4pin:after,.number5pin:after{content:"";width:14px;height:14px;margin:8px 0 0 8px;background:#fff;position:absolute;border-radius:50%}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s}.bounce-1p5{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1.5s;animation-duration:1.5s}.bounce-2{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2s;animation-duration:2s}.bounce-2p5{-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:2.5s;animation-duration:2.5s}.number1pinpulse,.number2pinpulse,.number3pinpulse,.number4pinpulse,.number5pinpulse{background:#d6d4d4;border-radius:50%;height:14px;width:14px;position:absolute;left:50%;top:50%;margin:11px 0 0 -12px;-webkit-transform:rotateX(55deg);transform:rotateX(55deg);z-index:-2}.number1pinpulse:after{-webkit-box-shadow:0 0 1px 2px #1eae98;box-shadow:0 0 1px 2px #1eae98}.number1pinpulse:after,.number2pinpulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;-webkit-animation:pulsate 1s ease-out;animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;-webkit-animation-delay:1.1s;animation-delay:1.1s}.number2pinpulse:after{-webkit-box-shadow:0 0 1px 2px #05dfd7;box-shadow:0 0 1px 2px #05dfd7}.number3pinpulse:after{-webkit-box-shadow:0 0 1px 2px #ffa36c;box-shadow:0 0 1px 2px #ffa36c}.number3pinpulse:after,.number4pinpulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;-webkit-animation:pulsate 1s ease-out;animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;-webkit-animation-delay:1.1s;animation-delay:1.1s}.number4pinpulse:after{-webkit-box-shadow:0 0 1px 2px #ff5722;box-shadow:0 0 1px 2px #ff5722}.number5pinpulse:after{content:"";border-radius:50%;height:40px;width:40px;position:absolute;margin:-13px 0 0 -13px;-webkit-animation:pulsate 1s ease-out;animation:pulsate 1s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;-webkit-box-shadow:0 0 1px 2px #dd2c00;box-shadow:0 0 1px 2px #dd2c00;-webkit-animation-delay:1.1s;animation-delay:1.1s}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:0}50%{opacity:1}to{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:0}}@-webkit-keyframes bounce{0%{opacity:0;-webkit-transform:translateY(-2000px) rotate(-45deg);transform:translateY(-2000px) rotate(-45deg)}60%{opacity:1;-webkit-transform:translateY(30px) rotate(-45deg);transform:translateY(30px) rotate(-45deg)}80%{-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}to{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}}@keyframes bounce{0%{opacity:0;-webkit-transform:translateY(-2000px) rotate(-45deg);transform:translateY(-2000px) rotate(-45deg)}60%{opacity:1;-webkit-transform:translateY(30px) rotate(-45deg);transform:translateY(30px) rotate(-45deg)}80%{-webkit-transform:translateY(-10px) rotate(-45deg);transform:translateY(-10px) rotate(-45deg)}to{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}}