ul.nav-wizard {
  background-color: #f3f3f3;
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  float: left;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
}
/*ul.nav-wizard:before {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}*/
ul.nav-wizard li {
  display: inline-block;
  font-size: 15px;
  float: left;
  height: 46px;
  line-height: 46px;
  margin: 0;
  padding: 0 13px 0 10px;
  position: relative;
  text-align: center;
}
ul.nav-wizard li a {
  color: #b0b0b0;
  font-size: 15px;
  padding: 0;
}
ul.nav-wizard li a:focus, ul.nav-wizard li a:hover {
    background-color: transparent;
    text-decoration: none;
}
ul.nav-wizard li:before {
  content: '';
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 10px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  right: -11px;
}
ul.nav-wizard li:after {
  border: 24px solid transparent;
  border-left: 10px solid #f3f3f3;
  border-right: 0;
  content: '';
  display: block;
  position: absolute;
  right: -10px;
  top: -1px;
  z-index: 10;
}
ul.nav-wizard li.active {background: #FFF; font-weight: 600;}

ul.nav-wizard li:first-child{border-right: 1px solid #dbdbdb; color: #b0b0b0; padding-left: 20px; padding-right: 19px; width: 101px;}
ul.nav-wizard li:first-child:after,
ul.nav-wizard li:after:nth-child(2){display: none;}
ul.nav-wizard li:first-child:after {right: -11px;}
ul.nav-wizard li:first-child.active{color: #3f3f3f; padding: 0 10px; text-align: center;}
ul.nav-wizard li:first-child.active:after {border-left: 0;}
ul.nav-wizard li:first-child:before{display: none;}
ul.nav-wizard li.noarrow:first-child:after{ border-color:#fff;}
/*ul.nav-wizard li:first-child:after{border-left: 10px solid #FFF;}*/

ul.nav-wizard li.active:after {border-left: 10px solid #FFF;}

ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {background: #FFF; color: #3f3f3f;}

ul.nav-wizard .active ~ li {background: #f3f3f3; color: #b0b0b0;}
ul.nav-wizard .active ~ li:after {border-left: 10px solid #f3f3f3;}

ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {background: #f3f3f3; color: #b0b0b0;}

ul.nav-wizard li a span{display: inline-block; float: left; height: 24px; line-height: 24px; margin: 11px 10px 0 0; text-align: center; width: 24px; border-radius: 50%; -webkit-border-radius: 50%;}

ul.nav-wizard.nav-wizard-backnav li:hover {background: #f6fbfd; color: #468847;}
ul.nav-wizard.nav-wizard-backnav li:hover:after {border-left: 16px solid #f6fbfd;}

ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {background: #f6fbfd; color: #468847;}

ul.nav-wizard.nav-wizard-backnav .active ~ li {background: #ededed; color: #999;}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {border-left: 16px solid #ededed;}

ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {background: #ededed; color: #999;}

ul.nav-wizard li a .number{background-color: #e6e6e6; font-size: 12px; font-weight: 700;}
ul.nav-wizard li.active .number{background-color: #4a90e2; color: #FFF;}
ul.nav-wizard li a .tick, ul.nav-wizard li.completed a .number{display: none;}
ul.nav-wizard li.completed a{color: #b0b0b0;}
ul.nav-wizard li.completed a .tick{background-color: #a0a0a0; display: inline-block; float: left; position: relative;}
ul.nav-wizard li.completed a .tick:before{background: url(../images/icons-sprite.png) no-repeat 0 -476px; content: ""; height: 10px; left: 5px; position: absolute; top: 7px; width: 14px;}
ul.nav-wizard li.completed:after{border-left: 10px solid #f3f3f3;}

ul.nav-wizard li:nth-child(2){padding-right: 19px;}
ul.nav-wizard li:nth-child(2).active{padding-right: 10px;}
ul.nav-wizard li:nth-child(3){padding-left: 25px; padding-right: 17px;}
ul.nav-wizard li{padding-left: 20px; padding-right: 10px;}
ul.nav-wizard li:nth-child(4) a span{margin-right: 10px;}
ul.nav-wizard li:last-child{padding-left: 20px; padding-right: 20px;}