.step{counter-reset:flag}.step.nav-stacked li+li{margin-top:0}.step li{position:relative;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.step li a{cursor:pointer;padding:10px 15px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.step li a:before{content:counter(flag);counter-increment:flag;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.step li a:after{content:"";transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out}.step-arrow{margin:20px 0}.step-arrow.unhover li a:hover,.step-arrow.unhover li a:focus{background-color:#f6f6f6;color:silver}.step-arrow.unhover li a:hover:before,.step-arrow.unhover li a:focus:before{background-color:#999;color:#fff}.step-arrow.unhover li:not(:last-child) a:hover:after,.step-arrow.unhover li:not(:last-child) a:focus:after{background-color:#f6f6f6}.step-arrow li{padding-right:20px}.step-arrow li:last-child{padding-right:0}.step-arrow li:nth-child(n+2) a{margin-left:-20px;border-radius:0}.step-arrow li:not(:last-child) a:after{position:absolute;top:-1px;right:-20px;width:40px;height:40px;transform:scale(.707) rotate(45deg);z-index:1;background-color:#f6f6f6;border-radius:0 5px 0 50px;border-top:1px solid #fff;border-right:1px solid #fff;box-sizing:content-box}.step-arrow li:not(:last-child) a:hover:after{background-color:#008cff}.step-arrow li a{border-radius:0;color:silver;background-color:#f6f6f6}.step-arrow li a:hover{background-color:#008cff;color:#fff}.step-arrow li a:hover:before{background:#fff;color:#008cff}.step-arrow li a:before{position:absolute;z-index:2;width:20px;height:20px;line-height:20px;border-radius:20px;left:3rem;font-weight:700;font-size:1rem;overflow:hidden;top:10px;background:#999;color:#fff}.step-arrow li.active a:before{background:#fff;color:#008cff}.step-arrow li.active a:after{background-color:#008cff}.step-arrow li.active a,.step-arrow li.active a:hover{background-color:#008cff;color:#fff}.step-arrow li.active a:before,.step-arrow li.active a:hover:before{background-color:#fff;color:#008cff}.step-arrow li.active a:after,.step-arrow li.active a:hover:after{background-color:#008cff!important}.step-square{margin-top:40px}.step-square.nav-justified>li:hover a:before,.step-square.nav-stacked>li:hover a:before,.step-square.nav-justified>li:active a:before,.step-square.nav-stacked>li:active a:before,.step-square.nav-justified>li.active a:before,.step-square.nav-stacked>li.active a:before{background-color:#008cff;color:#fff;border-color:#008cff}.step-square.nav-justified>li:hover a:after,.step-square.nav-stacked>li:hover a:after,.step-square.nav-justified>li:active a:after,.step-square.nav-stacked>li:active a:after,.step-square.nav-justified>li.active a:after,.step-square.nav-stacked>li.active a:after{background-color:#008cff}.step-square.nav-justified>li:first-child a:after,.step-square.nav-stacked>li:first-child a:after{left:50%;border-right:1px solid #fff}.vertical.step-square.nav-justified>li:first-child a:after,.vertical.step-square.nav-stacked>li:first-child a:after{top:50%;height:50%}.step-square.nav-justified>li:last-child a:after,.step-square.nav-stacked>li:last-child a:after{right:50%;border-left:1px solid #fff}.vertical.step-square.nav-justified>li:last-child a:after,.vertical.step-square.nav-stacked>li:last-child a:after{top:0;height:50%}.step-square.nav-justified>li>a,.step-square.nav-stacked>li>a{color:#ababab}.step-square.nav-justified>li>a:hover,.step-square.nav-stacked>li>a:hover{background-color:#fff;color:#008cff}.step-square.nav-justified>li>a:before,.step-square.nav-stacked>li>a:before{position:absolute;z-index:2;top:-2rem;left:0;right:0;margin:0 auto;width:2rem;height:2rem;background-color:#fff;line-height:20px;border:1px solid #999}.vertical.step-square.nav-justified>li>a:before,.vertical.step-square.nav-stacked>li>a:before{top:0;position:relative;display:inline-block;text-align:center;margin-right:15px}.step-square.nav-justified>li>a:after,.step-square.nav-stacked>li>a:after{content:'';position:absolute;left:0;right:0;top:-35%;background-color:#ababab;z-index:1;height:2px;border:solid #fff;border-width:0 1px}.vertical.step-square.nav-justified>li>a:after,.vertical.step-square.nav-stacked>li>a:after{width:2px;height:100%;top:0;bottom:0;left:26px;background-color:#ababab;border:none}.step-square.nav-justified>li.active>a,.step-square.nav-stacked>li.active>a,.step-square.nav-justified>li.active>a:focus,.step-square.nav-stacked>li.active>a:focus,.step-square.nav-justified>li.active>a:hover,.step-square.nav-stacked>li.active>a:hover{color:#008cff;background:0 0}.vertical.step-square.nav-justified>li.active>a:after,.vertical.step-square.nav-stacked>li.active>a:after,.vertical.step-square.nav-justified>li.active>a:focus:after,.vertical.step-square.nav-stacked>li.active>a:focus:after,.vertical.step-square.nav-justified>li.active>a:hover:after,.vertical.step-square.nav-stacked>li.active>a:hover:after{background-color:#008cff}.step-round{margin-top:40px}.step-round>li:first-child>a:after{left:50%;border-radius:5px 0 0 5px}.vertical.step-round>li:first-child>a:after{border-radius:5px 5px 0 0}.step-round>li:last-child>a:after{right:50%;border-radius:0 5px 5px 0}.vertical.step-round>li:last-child>a:after{border-radius:0 0 5px 5px}.step-round>li.active>a,.step-round>li.active>a:hover,.step-round>li.active>a:focus{background:0 0;color:#008cff}.step-round>li.active>a:before,.step-round>li.active>a:hover:before,.step-round>li.active>a:focus:before{background-color:#008cff;color:#fff}.step-round>li.active>a:after,.step-round>li.active>a:hover:after,.step-round>li.active>a:focus:after{background-color:#008cff}.vertical.step-round>li.active>a:after,.vertical.step-round>li.active>a:hover:after,.vertical.step-round>li.active>a:focus:after{background-color:#008cff}.step-round>li>a{color:#ababab}.step-round>li>a:before{position:absolute;z-index:2;top:-2rem;left:0;right:0;margin:0 auto;width:2rem;height:2rem;border-radius:50%;background-color:#fff;line-height:2rem;box-shadow:0 0 0 1px #ccc}.vertical.step-round>li>a:before{top:0;position:relative;display:inline-block;text-align:center;margin-right:15px}.step-round>li>a:after{position:absolute;left:0;right:0;top:-38%;background-color:#ddd;z-index:1;height:4px}.vertical.step-round>li>a:after{width:8px;height:100%;top:0;bottom:0;left:22px;background-color:#ababab;border:none}.step-round>li>a:after:after{background-color:#008cff}.step-round>li>a:hover{background:0 0;color:#008cff}.step-round>li>a:hover:before{background-color:#008cff;color:#fff}.step-round>li>a:hover:after{background-color:#008cff}.step-progress{margin-top:60px}.step-progress>li>a{color:#ababab;padding-top:1.8rem}.step-progress>li>a:before{position:absolute;z-index:2;top:-35px;left:0;right:0;margin:0 auto;width:2rem;height:2rem;border-radius:50%;line-height:2rem;box-shadow:0 0 0 1px #ccc}.step-progress>li>a:after{content:"";background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));background-image:-o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));-webkit-background-size:40px 40px;background-size:40px 40px;background-color:#ababab;float:left;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;height:10px;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out}.step-progress>li>a span.caret{position:absolute;left:0;right:0;margin:0 auto;transform:rotate(180deg);top:-4px}.step-progress>li>a:hover{background:0 0;color:#008cff}.step-progress>li>a:hover:before{color:#fff;background-color:#008cff}.step-progress>li>a:hover:after{background-color:#008cff}.step-progress>li.active>a,.step-progress>li.active>a:hover,.step-progress>li.active>a:focus{color:#008cff;background:0 0}.step-progress>li.active>a:before,.step-progress>li.active>a:hover:before,.step-progress>li.active>a:focus:before{background-color:#008cff;color:#fff}.step-progress>li.active>a:after,.step-progress>li.active>a:hover:after,.step-progress>li.active>a:focus:after{background-color:#008cff}.step-progress>li.active>a:after{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.step-progress>li:first-child a:after{border-radius:5px 0 0 5px}.step-progress>li:last-child a:after{border-radius:0 5px 5px 0}