.steps-list__container{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	position:absolute;
	width: 90%;
	text-align:center;

}
.steps-list{
	height: 150px;
	margin:0 auto;
	padding:15px;
	position: relative;
	font-weight: 700;
	font-family: 'Lato';
	text-transform: uppercase;
}

.steps-list__icon{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	font-size: 32px !important;
	position: absolute;
	transition: all 1s;
	user-select: none;
	transition: all 1s;
}

.steps-list__step{
	width: 80px;
	text-align: center;
	display:inline-block;
	vertical-align: top;
}

.steps-list__step-text{
	margin-top:2px;
	color:#808486;
	font-size: 14px;
	font-weight:700;
}


.steps-list__circle--active{
	background-color: #ffff;
	border:2px solid #ef7d00;
}

.steps-list__circle--inactive{
	background-color: #c2cace;
	
}

.steps-list__circle--active .steps-list__icon{
	color: #ef7d00;
}

.steps-list__circle--inactive .steps-list__icon{
	color:#808486;
}



/* .steps-list__circle--orange  */

.steps-list__circle{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position:relative;
	transition: all 1s;
	cursor: pointer;
}

.steps-list__circle--orange{
	margin-bottom:10px;
	background-color: #ef7d00;
}

.steps-list__circle--orange .steps-list__icon{
	color:#fff;
}

.steps-list__route-wrapper{
	display:inline-block;
	position:relative;
	width: 150px;
	height: 80px;
	margin:0 15px;
	margin-bottom:50px;
	vertical-align: middle;
	  
}

.steps-list__route{
	width: 150px;
	border-radius: 25px;
	height: 5px;
	top:50%;
	position:absolute;
	background-image: linear-gradient(120deg,#ef7d00 0%,#ef7d00 50%,#c0c6c9 50%);
	background-size: 200%;
	background-position: 100%;
	transition: all 1s;
}

.steps-list__route--active{
	background-color: #c0c6c9;
	background-position: 0%;
}

@media all and (max-width: 736px) {
	.steps-list__circle{
		margin: 0 auto; 
	}
	.steps-list__route{
		display:none;
	}
	.steps-list__route-wrapper{
		display:none;
	}

	.steps-list__step{
		width: 30%;
	}

}
@media all and (max-width: 480px) {
	.steps-list__circle{
		margin: 0 auto; 
	}
	.steps-list__route{
		display:none;
	}
	.steps-list__route-wrapper{
		display:none;
	}

	.steps-list__step{
		width: 30%;
	}
}