[frontmaker]

.slider-wrap {
	display: block;
	margin: 0 auto;
	width: 20%;
	overflow: hidden;
}

.slider {
	width: 2500%;
	left: 0;
	position: relative;
	transform: translate3d(0px, 0px, 0px);
	transition: all .3s;
}


.slider:before,
.slider:after {
	content: " ";
	display: table;
	clear: both;
}

.slider-wrap .slide {
	float: left;
	margin-right: 50px;
} 

.slider-wrap .slide img {
	display: block;
	margin: 0 auto;
}


.controls-wrap {
	padding-top: 50px;
}

.controls {
	width: 65px;
	margin: 0 auto;

}
.controls .controls__btn {
	width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #506a85;
    display: inline-block;
    margin-right: 6px;
}

.controls .controls__btn:last-child {
	margin-right: 0;
}

.controls .controls__btn.active {
	background-color: #00bc9c;
}