.wrapper{
	width: 750px;
	height: 400px;
	margin: 150px 0 auto;
	position: relative;
}

.slider{
	background-color: #ddd;
	width: inherit;
	height: inherit;
	position: relative;
	overflow: hidden;
}

.wrapper > input {
	display: none;
}

.slides{
	width: inherit;
	height: inherit;
	position: absolute;
	opacity: 0;
	z-index: 0;
	transform: scale(1.5);
	transition: transform ease-in-out .5s, opacity ease-in-out .5s;
}

#slide1:checked ~ .slider > .slide1,
#slide2:checked ~ .slider > .slide2,
#slide3:checked ~ .slider > .slide3,
#slide4:checked ~ .slider > .slide4,
#slide5:checked ~ .slider > .slide5 {
	opacity: 1;
	z-index: 1;
	transform: scale(1);
}

.slide1{
	background-image: url(images/morein/mr7.jpg);
}
.slide2{
	background-image: url(images/morein/mr2.jpg);
}
.slide3{
	background-image: url(images/morein/mr3.jpg);
}
.slide4{
	background-image: url(images/morein/mr8.jpg);
}
.slide5{
	background-image: url(images/morein/mr10.jpg);
}

.wrapper .controls {
	left: 130%;
	margin-left: -98%;
	position: absolute;
}

.wrapper label {
	cursor:pointer;
	display: inline-block;
	height: 8px;
	margin: 25px 12px 0 16px;
	position: relative;;
	width: 8px;
	border-radius: 50%;
	transition:background ease-in-out .5s;
}

.wrapper label:after {
	border: 2px solid #479dc4; /*Цвет точек*/
	display: block;
	content: " ";
	width: 12px;
	height: 12px;
	left: -4px;
	top: -4px;
	position: absolute;
	border-radius: 50%; 
}

.wrapper label:hover,
#slide1:checked ~ .controls label:nth-of-type(1),
#slide2:checked ~ .controls label:nth-of-type(2),
#slide3:checked ~ .controls label:nth-of-type(3),
#slide4:checked ~ .controls label:nth-of-type(4),
#slide5:checked ~ .controls label:nth-of-type(5) {
	background-color: #56c0f0; /*Цвет точки переключателей*/
}