*, :after, :before {
	box-sizing: inherit;
}
.formSteps {
	position: relative;
	margin: 0px 10px 20px 10px;
}
.formStepsLine {
	width: 100%;
	height: 2px;
	position: absolute;
	background-color: #e6e6e6;
	border-radius: 30px;
	margin-top: 8px;
}
.formStepsLineInner {
	width: 0%;
	height: 100%;
	background-color: #36A1E5;
}
.formSteps ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style: none;
}
.formSteps ul li {
	color: #cecece;
	position: relative;
	font-weight: 700;
}
.formSteps ul li.active {
	color: #36A1E5;
}
.formSteps ul li.active i {
	background-color: #36A1E5;
}
.formSteps ul li i {
	width: 18px;
	height: 18px;
	background-color: #f6f6f6;
	top: 50%;
	top: 8px;
}
.formSteps ul li i:before {
	content: "";
	width: 8px;
	height: 8px;
	background-color: #e6e6e6;
	top: 50%;
}
.formSteps ul li i,
.formSteps ul li i:before {
	display: inline-block;
	position: absolute;
	border-radius: 30px;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	left: 50%;
}
.formSteps ul li:first-of-type i {
	left: 8px;
}
.formSteps ul li:last-of-type i {
	right: -1px;
	left: auto;
	-ms-transform: translateY(-8px);
	transform: translateY(-8px);
}
.formSteps ul li span {
	display: block;
	margin-top: 25px;
}


.step1{
	width: 0%;
}
.step2{
	width: 33.3%;
}
.step3{
	width: 66.6%;
}
.step4{
	width: 100%;
}