.panel1 {
	font-family: Tahoma, sans-serif;
    background: #c4b6a6;
    border: #11068cf6 1px solid;
	padding: 5px 5px 5px 5px;
	margin-bottom: 2px;
}
.panelname1 {
	border-bottom:  #eee 1px solid;
	margin-bottom: 2px;
	color: #fff;
	font-size: 18px;
	padding-left: 20px;

}
.panelname1 img {
	margin-right: 5px;
}
.panelcontent1 {
	width: 100%;
}
.panel2 {
	font-family: Tahoma, sans-serif;
	background: #fff;
	padding: 5px 5px 5px 5px;
	margin-bottom: 2px;
}
.panelname2 {
	border-bottom:  #eee 1px solid;
	margin-bottom: 2px;
	color: #fff;
	font-size: 18px;
	padding-left: 20px;

}
.panelname2 img {
	margin-right: 5px;
}
.panelcontent2 {
	width: 100%;
}

.wrap {
	height: 400px;
	margin: 10px auto 0;
	position: relative;
	width: 500px;
}


.wrap > input {
	display: none;
}


.slider {
	background-color: #333;
	height: 99%;
	overflow: hidden;
	position: relative;
	width: 99%;
}
.slides {
	height: inherit;
	opacity: 0;
	position: absolute;
	width: inherit;
	z-index: 0;
}
.img1 { background-image: url("https://grantam.ru/base/uploads/pages/1/1.png"); }
.img2 { background-image: url("https://grantam.ru/base/uploads/pages/1/2.png"); }
.img3 { background-image: url("https://grantam.ru/base/uploads/pages/1/3.png"); }

.wrap .control1 {
	position: absolute;
	margin-left: 10px;
	left: 50%;
}
.wrap .control {
	position: absolute;
	margin-left: 50px;
	left: 80%;
	top: 40%;
	z-index: 1;
}

.wrap label {
	cursor: pointer;
	display: inline-block;
	height: 8px;
	margin: 10px;
	position: relative;
	width: 8px;
	border-radius: 20%;
}
.wrap label:after {
	border: 2px solid #000;
	content: " ";
	display: block;
	height: 12px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 12px;
	border-radius: 20%;
}

#point1:checked ~ .control label:nth-of-type(1),
#point2:checked ~ .control label:nth-of-type(2),
#point3:checked ~ .control label:nth-of-type(3) {
	background: green;
}


#point1:checked ~ .slider > .img1,
#point2:checked ~ .slider > .img2,
#point3:checked ~ .slider > .img3 {
	opacity: 1;
	z-index: 1;
}