/*********************************
12. Steps
*********************************/


#steps
{
	padding-top: 0;
	padding-bottom: 120px;
}

section div {
	display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.steps_container
{
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 160px;
}
.steps_line
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50% + 1px);
	height: 100%;
	border-right: dotted 2px rgba(0, 0, 0, 0.15);
}
.steps_line_inner
{
	width: 100%;
	height: 100%;
}
.steps_line_start
{
	position: absolute;
	top: 0;
	right: -11px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffa600;
}
.steps_line_finish
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: -41px;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ffa600;
}
.steps_line_finish i
{
	font-size: 52px;
	color: #FFFFFF;
	padding-top:5px
}
.steps_stop_dot
{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ffa600;
}

.steps_stop_dot.pink
{
	background: #e62568;
}

.steps_stop_dot.green
{
	background: #93c021;
}

.steps_stop_dot.purple
{
	background: #7a66ae;
}

.steps_stop_dot.blue
{
	background: #1895d7;
}
.step
{
	width: 100%;
	height: auto;
	margin-bottom: 80px;
}
.step:last-child
{
	margin-bottom: 0px;
}
.step_text_right
{
	padding-left: calc(50% + 95px);
	padding-right: 8.33%;
}
.step_text_left
{
	padding-left: 8.33%;
	padding-right: calc(50% + 95px);
}
.step_image_left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
}
.step_image_right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.step_image_right .step_image_container
{
	left: 95px;
}
.step_image_inner
{
	width: 100%;
	height: 100%;
}
.step_image_container
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 95px;
	width: 175px;
	height: 175px;
	border: solid 5px #ffa600;
	border-radius: 50%;
}

.step_image_container.pink
{
 border: solid 5px #e62568;

}

.step_image_container.green
{
 border: solid 5px #93c021;

}

.step_image_container.purple
{
 border: solid 5px #7a66ae;

}

.step_image_container.blue
{
 border: solid 5px #1895d7;

}

.step_image_container img
{
 max-width: 140px;

}





@media only screen and (max-width: 991px)
{
.step_text_right
	{
		padding-left: calc(50% + 65px);
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 15px;
		padding-right: calc(50% + 65px);
	}
	.step_image_container
	{
		right: 65px;
	}
	.step_image_right .step_image_container
	{
		left: 65px;
	}
	}

@media only screen and (max-width: 767px)
{
.steps_line
	{
		width: 46px;
	}
	.steps_stop_dot
	{
		left: 35px;
		-webkit-transform: translate(0%, -50%);
		-moz-transform: translate(0%, -50%);
		-ms-transform: translate(0%, -50%);
		-o-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.step_image_left
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 50%;
		height: 100%;
	}
	.step_image_inner
	{
		width: 100%;
		height: 100%;
	}
	.step_text_right
	{
		padding-left: 321px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 321px;
		padding-right: 15px;
	}
	.step_image_container
	{
		right: auto;
		left: 86px;
	}
	.step_image_right
	{
		position: absolute;
		top: 0;
		right: auto;
		left: 0;
		width: 50%;
		height: 100%;
	}
	.step_image_right .step_image_container
	{
		left: 86px;
	}
	.steps_line_finish
	{
		right: -31px;
		width: 60px;
		height: 60px;
	}
	.steps_line_finish i
	{
		font-size: 24px;
		color: #FFFFFF;
	}	
}

@media only screen and (max-width: 639px)
{
	.steps_container
	{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.steps_line
	{
		display: none;
	}
	.steps_stop_dot
	{
		display: none;
	}
	.step_text_right
	{
		padding-left: 220px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 220px;
		padding-right: 15px;
	}
	.step_image_container
	{
		left: 15px;
	}
	.step_image_right .step_image_container
	{
		left: 15px;
	}
}

@media only screen and (max-width: 479px)
{
	#steps
	{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.step
	{
		margin-bottom: 40px;
	}
	.steps_container
	{
		margin-top: 40px;
	}
	.step_image_container
	{
		width: 100px;
		height: 100px;
		
	}
	.step_image_container img
	{
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	.step_text_right
	{
		padding-left: 145px;
		padding-right: 15px;
	}
	.step_text_left
	{
		padding-left: 145px;
		padding-right: 15px;
	}
	
	
}
.step h4
{
margin-top: 0;
margin-bottom: 10px;
	}
.step h5
{
font-size: 18px;
margin-top: 0;
margin-bottom: 15px;
	}