﻿.progress-dots{list-style:none;margin:auto;padding:0;display:table;table-layout:fixed;width:100%;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.progress-dots>li{position:relative;display:table-cell;text-align:center;font-size:1em}.progress-dots>li:before{content:attr(data-step);content:url(../img/wait.png);display:block;margin:0 auto;background:#bbbdc0;width:60px;height:60px;text-align:center;padding-top:10px;border-radius:50%;position:relative;z-index:100}.progress-dots>li:after{content:' ';position:absolute;display:block;width:100%;height:6px;top:28px;left:50%;margin-left:0;border-right:0px solid #fff;opacity:1}.progress-dots>li.is-complete{color:#00ab67}.progress-dots>li.is-complete:before{color:#fff;background:#3eccb4;content:url(../img/ok.png)}.progress-dots>li.is-complete:after{color:#fff;background:#b2e9d3}.progress-dots>li.is-active{color:#00aef0}.progress-dots>li.is-active:before{color:#fff;content:url(../img/working.png);-webkit-animation:4s linear infinite spin;-moz-animation:4s linear infinite spin;animation:4s linear infinite spin}.progress-dots>li.is-active:after{color:#fff}.progress-dots>li.first:before,.step1{background:#45b5ba}.progress-dots>li.second:after,.progress-dots>li.second:before,.step2{background:#cb3335}.progress-dots>li.third:after,.progress-dots>li.third:before,.step3{background:#5c8ea4}.progress-dots>li.fourth:after,.progress-dots>li.fourth:before,.step4{background:#a4b15b}.progress-dots>li.fifth:after,.progress-dots>li.fifth:before,.step5{background:#fd7c14}.progress-dots>li a:active,.progress-dots>li a:hover,.progress-dots>li a:visited{text-decoration:none}.progress-dots>li h3{padding-top:10px;margin-top:10px;min-height:60px;font-size:16px;color:#327ab4}.progress-dots>li h3.small-txt{font-size:16px}.progress-dots>li h3:before{border-right:none;content:"";margin:0 auto;position:absolute;top:10px;left:0;right:50%;bottom:0;height:70%;z-index:-1}.progress-dots>li.first h3:before{border-right-color:#45b5ba}.progress-dots>li.second h3:before{border-right-color:#cb3335}.progress-dots>li.third h3:before{border-right-color:#5c8ea4}.progress-dots>li.fourth h3:before{border-right-color:#a4b15b}.progress-dots>li.fifth h3:before{border-right-color:#fd7c14}.progress-dots>li.fifth:after,.progress-dots>li.fifth:before,.progress-dots>li.first:after,.progress-dots>li.first:before,.progress-dots>li.fourth:after,.progress-dots>li.fourth:before,.progress-dots>li.second:after,.progress-dots>li.second:before,.progress-dots>li.seventh:after,.progress-dots>li.seventh:before,.progress-dots>li.sixth:after,.progress-dots>li.sixth:before,.progress-dots>li.third:after,.progress-dots>li.third:before{background:#c3c4c5}.progress-dots>li.is-complete.fifth:after,.progress-dots>li.is-complete.fifth:before,.progress-dots>li.is-complete.first:after,.progress-dots>li.is-complete.first:before,.progress-dots>li.is-complete.fourth:after,.progress-dots>li.is-complete.fourth:before,.progress-dots>li.is-complete.second:after,.progress-dots>li.is-complete.second:before,.progress-dots>li.is-complete.seventh:after,.progress-dots>li.is-complete.seventh:before,.progress-dots>li.is-complete.sixth:after,.progress-dots>li.is-complete.sixth:before,.progress-dots>li.is-complete.third:after,.progress-dots>li.is-complete.third:before{background:#327ab4;border-color:#d7d7d7}.progress-dots>li.is-active:after,.progress-dots>li.is-active:before{background:#97bfdf;border-color:#d7d7d7}@-moz-keyframes spin{100%{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (min-width:768px) and (max-width:991px){.progress-dots>li h3{font-size:14px;padding:0 10px}}@media (max-width:767px){.progress-dots>li:after{height:5px}.progress-dots>li h3{font-size:16px;padding:0 15px}}@media (max-width:479px){.progress-dots>li:before{content:url(../img/wait-xs.png);width:42px;height:42px;padding-top:6px}.progress-dots>li.is-complete:before{content:url(../img/ok-xs.png)}.progress-dots>li.is-active:before{content:url(../img/working-xs.png)}.progress-dots>li:after{height:4px;top:19px;margin-left:0}.progress-dots>li h3{padding-top:10px;margin-top:5px;font-size:13px;line-height:22px}.progress-dots>li h3.small-txt{font-size:10px}}