#progressbar{margin-bottom:30px;overflow:hidden;color:#d3d3d3}#progressbar .active{color:#000}#progressbar li{list-style-type:none;font-size:12px;width:33%;float:left;position:relative}#progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:18px;color:#fff;background:#d3d3d3;border-radius:50%;margin:0 auto 10px auto;padding:2px}#progressbar li:after{content:'';width:100%;height:2px;background:#d3d3d3;position:absolute;left:0;top:25px;z-index:-1}#progressbar li.active:before,#progressbar li.active:after{background:skyblue}#progressbar #register:before{font-family:"Font Awesome 5 Pro";content:"\f007"}#progressbar #payment:before{font-family:"Font Awesome 5 Pro";content:"\f09d"}#progressbar #confirm:before{font-family:"Font Awesome 5 Pro";content:"\f00c"}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{display:none}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#5cb85c}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}