.steps ul, .actions ul {padding:0; margin:0; list-style:none}
a {text-decoration:none}

label.has-error {display:none !important;}
input[type="text"].form-control.has-error, input[type="email"].form-control.has-error,
input[type="text"].form-control.has-feedback, input[type="email"].form-control.has-feedback {border:1px solid #a94442;}
input[type="text"].form-control.has-success, input[type="email"].form-control.has-success {border:1px solid #3c763d;}

.form-control[readonly] {color:rgb(52, 73, 94);}

.wizard {position:relative}
.wizard>.steps {z-index:9}
.wizard>.steps .current-info, .wizard>.steps .number {display:none}
.wizard>.steps ul {display:flex; justify-content:center}

.wizard>.steps li a {
   display:inline-block;
   width:12px;
   height:12px;
   border-radius:50%;
   background:#e9e0cf;
   margin-right:78px;
   position:relative;
}

.wizard>.steps li a:before {
   content:"";
   width:58px;
   height:2px;
   background:#e9e0cf;
   position:absolute;
   right:22px;
   top:5px
}

.wizard>.steps li a:after {
   content:"";
   width:0;
   height:2px;
   background:#6d7f52;
   position:absolute;
   left:-68px;
   top:5px;
   transition:all .6s ease
}

.wizard>.steps li.first a {background:#6d7f52}
.wizard>.steps li.checked a {background:#6d7f52}
.wizard>.steps li.checked a:after {width:58px}

.wizard>.steps li:last-child a {margin-right:0}
.wizard>.steps li:first-child a:before {display:none}
.wizard>.steps li:first-child a:after {display:none}


.inner {display:flex;}
.form-content {width:100%; margin-left:40px; margin-right:40px;}
.form-header {text-align:left}
.actions {position:absolute;right:51px}
.actions ul {display:flex}

.actions li a {
   padding:0;
   border:none;
   display:inline-flex;
   height:41px;
   width:135px;
   align-items:center;
   background:#e9e0cf;
   color:#666;
   cursor:pointer;
   position:relative;
   padding-left:28px
}

.actions li a:hover {background:#cfc7b8}
.actions li:first-child a {width:144px;}
.actions li:nth-child(2) a, .actions li:last-child a {margin-left:20px}

.actions li:last-child a {width:124px; background:#6d7f52; color:#fff}
.actions li:last-child a:hover {background:#849963}
.actions li[aria-disabled=true] a {opacity:0; transition:all 1s}
.actions li[aria-disabled=false]~li a {background:#6d7f52; color:#fff}
.actions li[aria-disabled=false]~li a:hover {background:#849963}

@media(max-width:991px) {
   .wizard {max-width:768px}
   .image-holder img {height:521px; object-fit:cover}
}

@media(max-width:767px) {
   .wizard {height:100%}
   .wizard>.steps {right:50%; top:52%; transform:translateX(50%)}
   .actions {right:50%; transform:translateX(50%); bottom:3%}
}