.form_wizard {
    
}

.form_wizard ul {
    display         : table;
    list-style      : none;
    position        : relative;
    width           : 100%;
    margin          : 0 0 20px;
    padding         : 0;
    table-layout    : fixed;
}

.form_wizard ul li {
    display         : table-cell;
    text-align      : center;
}

.form_wizard ul li a {
    display                 : block;
    position                : relative;
    -moz-opacity            : 1;
    filter                  : alpha(opacity=100);
    opacity                 : 1;
    color                   : #666;
    text-decoration-line    : none;
}

.form_wizard ul li:first-child a::before { 
    content         : "";
    position        : absolute;
    height          : 4px;
    background      : #ccc;
    top             : 20px;
    width           : 100%;
    z-index         : 4;
    left            : 50%;
}

.form_wizard ul li:last-child a::before { 
    content         : "";
    position        : absolute;
    height          : 4px;
    background      : #ccc;
    top             : 20px;
    width           : 100%;
    z-index         : 4;
    right           : 50%;


    right           : 50%;
    width           : 50%;
    left            : auto;
}

.form_wizard ul li a::before { 
    content         : "";
    position        : absolute;
    height          : 4px;
    background      : #ccc;
    top             : 20px;
    width           : 100%;
    z-index         : 4;
    left            : 0;
}



.form_wizard ul li a .step_number {
    width           : 40px;
    height          : 40px;
    line-height     : 40px;
    border-radius   : 100px;
    display         : block;
    margin          : 0 auto 5px;
    font-size       : 16px;
    text-align      : center;
    position        : relative;
    z-index         : 5;
    background      : #ccc;
    color           : #fff;
}

.form_wizard ul li.active a .step_number,
.form_wizard ul li.active:first-child a::before,
.form_wizard ul li.active:last-child a::before,
.form_wizard ul li.active a::before { 
    background      : #2ba17c;
    cursor          : default;
}

.form_wizard ul li.completed a .step_number,
.form_wizard ul li.completed:first-child a::before,
.form_wizard ul li.completed:last-child a::before,
.form_wizard ul li.completed a::before { 
    background      : #2ba17c;
}

.form_wizard ul li.completed a {
    cursor          : pointer;
}