*{margin: 0}
.step-body{
	position: relative;
	
	
}
.form-header{
	width: 100%;
	
}
.form-header ul{
	    width: 100%;
	    height: 100%;
		
}
.form-header li{
	padding: 27px 0;
	list-style-type:none;
	text-align: center;
	float: left;
	position: relative;
	text-align: center;
}
.form-header li.step-col{
	width: 20%;
}
.form-header li .step-review-link{
	display: inline-block;
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}
.form-header li .step-review-link p{
	color: #3263fa;
}
.form-header li p{
	font-size: 18px;
	color: #666;
	line-height: 26px;
	display: inline-block;
}
.form-header li span{
	display: inline-block;
	color: #fff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #bbb;
	text-align: center;
    line-height: 24px;
    margin-right: 10px;

}
.form-header li.step-active span{
	
	color: #3263fa;
}
.form-header li.step-active p{
	color: #466faa;
}


.form-content{
	display: none;
	clear: both;
}



.form-header li.step-active span{background: #3263fa;color: #fff;}
.form-header li.step-active p{color: #3263fa;}
.form-header li.active:before{width:80%;height: 5px;display: block;content: "";background: #3263FA;position: absolute;bottom: 0;left: 50%;margin-left: -40%;border-radius: 3px 3px 0 0;}

@media (max-width:767px) {
	.form-header li{
		padding: 5px 0;
		list-style-type:none;
		text-align: center;
		float: left;
		position: relative;
		text-align: left;
	}
	.form-header li.step-col{
		width: 100%;
	}
}