#circle>div>div>div{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing:content-box!important}.prog-circle .slice{position:absolute;width:1em;height:1em;clip:rect(0em,1em,1em,0.5em)}.prog-circle .slice.clipauto{clip:rect(auto,auto,auto,auto)}.prog-circle .fill,.prog-circle .bar{position:absolute;border:.08em solid #4d8400;width:.84em;height:.84em;clip:rect(0em,.5em,1em,0em);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}.prog-circle{position:relative;font-size:120px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;float:left;margin:0 .1em .1em 0;background-color:#e6f2b6}.prog-circle .percenttext{position:absolute;width:100%;height:1em;z-index:1;margin:auto;top:0;left:0;right:0;bottom:0;font-size:.3em;color:#4d8400;display:block;text-align:center;white-space:nowrap;line-height:100%;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.prog-circle .after{position:absolute;top:.08em;left:.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#fff;width:.84em;height:.84em}