* {box-sizing: border-box;}
body {
	/*font-family: sans-serif;
	margin: 20px;*/
}
.slider { 
  position: relative;
	text-align: center;
  top: 10px;
	max-width: 960px; 
	margin: 0 auto;
}

.slides .slide{ /*все изображения справа друг от доруга*/
	width: 20%;
	float: left;
}

.slides .slider-inner{
	width: 500%;
}
.overflow{ 
	width: 100%;
	overflow: hidden;
}

 img .slide { 
	width: 100%;
}
 
.slide h2 {
	margin-top: -50px;
	background-color: rgba(255, 255, 255, 0.749);
	padding: 10px 0;
	position: relative;
}
.arrows label {
	height: 40px;
	width: 40px;
}
/*настройка переключения и положения для левой стрелки*/
#switch1:checked ~ .arrows label:nth-child(5), 
#switch2:checked ~ .arrows label:nth-child(1),
#switch3:checked ~ .arrows label:nth-child(2),
#switch4:checked ~ .arrows label:nth-child(3),
#switch5:checked ~ .arrows label:nth-child(4){
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='40' fill='lightgrey'%3E%3Cpath d='M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160zm352-160l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L301.3 256 438.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0z'/%3E%3C/svg%3E") center/cover no-repeat; 
	float: left;
	margin: 0 0 0 40px;
	display: block;
}

/*настройка переключения и положения для правой стрелки*/
#switch1:checked ~ .arrows label:nth-child(2),
#switch2:checked ~ .arrows label:nth-child(3),
#switch3:checked ~ .arrows label:nth-child(4),
#switch4:checked ~ .arrows label:nth-child(5),
#switch5:checked ~ .arrows label:nth-child(1) {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='40' fill='lightgrey'%3E%3Cpath d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3E%3C/svg%3E") no-repeat center/cover; 
	float: right;
	margin: 0 40px 0 0; 
	display: block;
}

label, a{ 
	cursor: pointer;
}
/*скрываетвсе radio-input*/
input[type="radio"]{ 
	display: none;
}

#switch1:checked ~ .slides .slider-inner{
	margin-left: 0;
}

#switch2:checked ~ .slides .slider-inner{
	margin-left: -100%;
}

#switch3:checked ~ .slides .slider-inner{
	margin-left: -200%;
}

#switch4:checked ~ .slides .slider-inner{
	margin-left: -300%;
}
#switch5:checked ~ .slides .slider-inner{
	margin-left: -400%;
}

.arrows{ 
	margin: -29% 0 0 0;
	width: 100%;
	height: 50px;
}

.dots label{
	border-radius: 10px;
	display: inline-block; 
	width: 15px;
	height: 15px;
	background: #bbb;
}

.dots{
	margin: 25% 0 0;
	text-align: center;
}

.dots label:hover{ 
	background: #76c8ff;
	border-color: #777 !important;
}

#switch1:checked ~ .dots label:nth-child(1),
#switch2:checked ~ .dots label:nth-child(2),
#switch3:checked ~ .dots label:nth-child(3),
#switch4:checked ~ .dots label:nth-child(4),
#switch5:checked ~ .dots label:nth-child(5){
	background: #18a3dd;
	border-color: #18a3dd !important;
}

.slides .slider-inner{ 
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

.arrows label:hover{ 
	opacity: 0.6;
}

.arrows label{
	transition: opacity 0.2s ease-out;
}

@media (max-width: 480px) {
	.arrows label {
		width: 25px;
		height: 25px;
	}
	.slide h2 {
		font-size: 1.2em;
		padding: 6px 0;
	}
	.dots {
		margin-top: 16%;
	}
	.dots label {
		width: 10px;
		height: 10px;
	}
}