.wizard-progress {
	width: 100% !important;
	list-style: none !important;
	list-style-image: none !important;
	padding: 0 !important;
	margin: 0 auto !important;
	position: relative !important;
}

.wizard-progress li {
	float: left !important;
	text-align: center !important;
	position: relative !important;
	height: 100% !important;
}

li.step-done, li.step-active {
	cursor: pointer !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress li {
		float: none !important;
		width: 100% !important;
		text-align: left !important;
	}
}

.wizard-progress .step-num {
	vertical-align: bottom !important;
	text-align: center !important;
	width: 100% !important;
	margin-top: 10px !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
	color: #aaaaaa !important;
	background-color: #eeeeee !important;
	border: 3px solid #eeeeee !important;
	border-radius: 50% !important;
	width: 2em !important;
	height: 2em !important;
	display: inline-block !important;
	margin-top: 10px !important;
	line-height: 1.7em !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-num {
		display: inline-block !important;
	}
}

.wizard-progress .step-num:after {
	content: "" !important;
	display: block !important;
	background: #eeeeee !important;
	height: 5px !important;
	width: 131% !important;
	position: absolute !important;
	top: 1.5em !important;
	/*z-index: -1 !important;*/
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-num:after {
		display: none !important;
	}
}

.wizard-progress .step-done .step-num:after {
	content: "" !important;
	display: block !important;
	background: #58c459 !important;
	height: 5px !important;
	width: 130% !important;
	position: absolute !important;
	top: 1.5em !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-done .step-num:after {
		display: none !important;
	}
}

.wizard-progress li:last-of-type {
	margin-right: 0 !important;
}

.wizard-progress li:last-of-type .step-num:after {
	display: none !important;
}

.wizard-progress .step-done .step-num {
	border-color: #58c459 !important;
	background-color: #58c459 !important;
	color: #fff !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-done .step-num {
		display: inline-block !important;
	}
}

.step-status {
	display: none !important;
}

.step-status:before {
	content: url(../resources/images/white_check32_thin.png) !important;
	font-family: "linearIcons" !important;
	font-weight: bold !important;
	font-size: 1em !important;
	line-height: 1.7em !important;
}

.wizard-progress .step-done .step-status {
	display: block !important;
}

.wizard-progress .step-done .step-number {
	display: none !important;
}

.wizard-progress .step-active .step-num {
	border-color: #ffb74d !important;
	background-color: #ffb74d !important;
	color: #fff !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-active .step-num {
		display: inline-block !important;
	}
}

.wizard-progress .step-active .step-name {
	font-weight: bold !important;
}

@media only screen and (max-width: 900px) {
	.wizard-progress .step-name {
		display: inline-block !important;
		line-height: 2.5em
	}
}

/* wizard with 3 steps */

.wizard-3-steps {
}

.wizard-3-steps li {
	margin-right: 8.5%;
	width: 27%;
}

.wizard-3-steps .step-num:after {
	left: 56%;
}

/* wizard with 4 steps */

.wizard-4-steps {
}

.wizard-4-steps li {
	margin-right: 6%;
	width: 20%;
}

.wizard-4-steps .step-num:after {
	left: 59%;
}

/* wizard with 5 steps */

.wizard-5-steps {
}

.wizard-5-steps li {
	margin-right: 6.9%;
	width: 14.4%;
}

.wizard-5-steps .step-num:after {
	left: 62%;
}
/* wizard with 6 steps */

.wizard-6-steps {
}

.wizard-6-steps li {
	margin-right: 5%;
	width: 12.5%;
	--width: 21.25%;
}

.wizard-6-steps .step-num:after {
	left: 62%;
}

/* wizard with 7 steps */

.wizard-7-steps {
}

.wizard-7-steps li {
	margin-right: 5.1% !important;
	width: 9.6% !important;
}

.wizard-7-steps .step-num:after {
	left: 64% !important;
}

/* wizard with 8 steps */

.wizard-8-steps {
}

.wizard-8-steps li {
	margin-right: 4.1% !important;
	width: 8.7% !important;
}

.wizard-8-steps .step-num:after {
	left: 67% !important;
}