ul#progress{display:flex;justify-content:center;list-style:none;width:100%;margin:0 auto;padding-top:50px;padding-bottom:50px;padding-right:46px}ul#progress li{float:left;position:relative;width:45px;height:45px;border:1px solid #fff;border-radius:50px;margin-left:10px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#e5e5e5}ul#progress li:first-child{margin-left:0}.running .ball{background-color:#b5b5ba;background-image:-moz-linear-gradient(90deg,#2187e7 25%,#a0eaff);background-color:#77b2f4;width:45px;height:45px;border-radius:50px;-moz-transform:scale(0);-webkit-transform:scale(0);-moz-animation:loading 1s linear forwards;-webkit-animation:loading 1s linear forwards}#layer1{-moz-animation-delay:.5s;-webkit-animation-delay:.5s}#layer2{-moz-animation-delay:1s;-webkit-animation-delay:1.5s}#layer3{-moz-animation-delay:1.5s;-webkit-animation-delay:2.5s}#layer4{-moz-animation-delay:2s;-webkit-animation-delay:3.5s}#layer5{-moz-animation-delay:2.5s;-webkit-animation-delay:5s}@-moz-keyframes loading{0%{-moz-transform:scale(0,0)}100%{-moz-transform:scale(1,1)}}@-webkit-keyframes loading{0%{-webkit-transform:scale(0,0)}100%{-webkit-transform:scale(1,1)}}