.jf_process ul{margin:0;position:relative;z-index:0}.jf_process ul li{text-align:center}.jf_process ul li .bar{cursor:pointer;font-size:55px;color:#444;display:inline-block;width:120px;height:120px;text-align:center;position:relative;vertical-align:middle;background:#fff;border-radius:50%;line-height:120px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25);-ms-box-shadow:0 1px 5px rgba(0,0,0,0.25);-o-box-shadow:0 1px 5px rgba(0,0,0,0.25);box-shadow:0 1px 5px rgba(0,0,0,0.25)}.jf_process ul li .bar:before{content:'';display:inline-block;width:100%;height:100%;border-radius:50%;background:#333;position:absolute;top:0;left:0;-webkit-transition:transform 0.2s,opacity 0.2s;-khtml-transition:transform 0.2s,opacity 0.2s;-moz-transition:transform 0.2s,opacity 0.2s;-ms-transition:transform 0.2s,opacity 0.2s;-o-transition:transform 0.2s,opacity 0.2s;transition:transform 0.2s,opacity 0.2s;-webkit-transform:scale(0);-khtml-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:0}.jf_process ul li .bar *{position:relative}.jf_process ul li .bar .curr{-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;display:inline-block}.jf_process ul li .bar .done{-webkit-transition:all 0.3s ease;-khtml-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;display:none}.jf_process ul li:after{content:'';position:absolute;width:0%;top:60px;height:2px;background:rgba(0,0,0,0.06);left:50%;z-index:-1;-webkit-transition:width 0.5s ease;-khtml-transition:width 0.5s ease;-moz-transition:width 0.5s ease;-ms-transition:width 0.5s ease;-o-transition:width 0.5s ease;transition:width 0.5s ease}.jf_process ul li.lined:after{width:100%}.jf_process ul li.filled .bar{color:#fff}.jf_process ul li.filled .bar:before{opacity:1;-webkit-transform:scale(1);-khtml-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.jf_process ul li.filled .bar .curr{opacity:0;display:none}.jf_process ul li.filled .bar .done{opacity:1;display:inline-block}.jf_process ul:before,.jf_process ul:after{content:"";display:table;clear:both}.jf_process .number,.jf_process .name{margin:15px 0}.jf_process .number{color:#4d4d4d;font-size:1.9rem;font-weight:700}.jf_process .name{color:#4d4d4d;font-size:1.15rem;font-weight:500}.jf_process .container{position:relative}.jf_process .container .content{margin:40px 6%;display:none;background-color:#fff;padding:20px;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 5px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.25);-ms-box-shadow:0 1px 5px rgba(0,0,0,0.25);-o-box-shadow:0 1px 5px rgba(0,0,0,0.25);box-shadow:0 1px 5px rgba(0,0,0,0.25)}.jf_process .container .content:before,.jf_process .container .content:after{content:"";display:table;clear:both}.jf_process.primary ul li .bar:before{background:#337ab7}.jf_process.info ul li .bar:before{background:#5bc0de}.jf_process.success ul li .bar:before{background:#5cb85c}.jf_process.warning ul li .bar:before{background:#f0ad4e}.jf_process.danger ul li .bar:before{background:#d9534f}.jf_process.red ul li .bar:before{background:#f34235}.jf_process.pink ul li .bar:before{background:#e81d62}.jf_process.purple ul li .bar:before{background:#9b26af}.jf_process.deep-purple ul li .bar:before{background:#6639b6}.jf_process.indigo ul li .bar:before{background:#3e50b4}.jf_process.blue ul li .bar:before{background:#2095f2}.jf_process.light-blue ul li .bar:before{background:#02a8f3}.jf_process.cyan ul li .bar:before{background:#00bbd3}.jf_process.teal ul li .bar:before{background:#009587}.jf_process.green ul li .bar:before{background:#4bae4f}.jf_process.light-green ul li .bar:before{background:#8ac249}.jf_process.lime ul li .bar:before{background:#ccdb38}.jf_process.yellow ul li .bar:before{background:#feea3a}.jf_process.amber ul li .bar:before{background:#fec006}.jf_process.orange ul li .bar:before{background:#f39c12}.jf_process.deep-orange ul li .bar:before{background:#fe5621}.jf_process.brown ul li .bar:before{background:#785447}.jf_process.grey ul li .bar:before{background:#9d9d9d}.jf_process.blue-grey ul li .bar:before{background:#5f7c8a}.jf_process.white ul li .bar:before{background:#000000}