.progress.blue .progress-value,.progress.green .progress-value,.progress.pink .progress-value,.progress.yellow .progress-value{color:#343434}.progress{width:130px;height:130px;line-height:150px;background:0 0;margin:0 auto;box-shadow:none;position:relative}.progress .progress-bar,.progress:after,.progress>span{height:100%;position:absolute}.progress:after{content:"";width:100%;border-radius:50%;border:2px solid #fff;top:0;left:0}.progress>span{width:50%;overflow:hidden;top:0;z-index:1}.progress .progress-left{left:0}.progress .progress-bar{width:100%;background:0 0;border-width:2px;border-style:solid;top:0}.progress .progress-left .progress-bar{left:100%;border-top-right-radius:80px;border-bottom-right-radius:80px;border-left:0;-webkit-transform-origin:center left;transform-origin:center left}.progress .progress-right{right:0}.progress .progress-right .progress-bar{left:-100%;border-top-left-radius:80px;border-bottom-left-radius:80px;border-right:0;-webkit-transform-origin:center right;transform-origin:center right;animation:loading-1 1.8s linear forwards}.progress .progress-value{width:85%;height:85%;border-radius:50%;border:2px solid #ebebeb;font-size:32px;line-height:110px;text-align:center;position:absolute;top:7.5%;left:7.5%}.progress.blue .progress-bar,.progress.green .progress-bar,.progress.pink .progress-bar,.progress.yellow .progress-bar{border-color:#fdc735}.progress.blue .progress-left .progress-bar{animation:loading-2 1.5s linear forwards 1.8s}.progress.yellow .progress-left .progress-bar{animation:loading-3 1s linear forwards 1.8s}.progress.pink .progress-left .progress-bar{animation:loading-4 .4s linear forwards 1.8s}.progress.green .progress-left .progress-bar{animation:loading-5 1.2s linear forwards 1.8s}@keyframes loading-1{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes loading-2{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(144deg);transform:rotate(144deg)}}@keyframes loading-3{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes loading-4{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(36deg);transform:rotate(36deg)}}@keyframes loading-5{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(126deg);transform:rotate(126deg)}}@media only screen and (max-width:990px){.progress{margin-bottom:20px}}