*{
  font-family: "Times New Roman", Times, serif;
}

#slider {
	position: relative;
	width: 50%;
	height: 30vw;
	margin: 90px auto;
	font-family: sans-serif;
	perspective: 3500px;
	transform-style: preserve-3d;

	
}

input[type=radio]{
	position: relative;
	top: 108%;
	left: 200px;
	width: 18px;
	height: 18px;
	margin: 0 15px 0 0;
	opacity: 0.4;
	transform: translateX(-83px);
	cursor: pointer;
}

input[type=radio]:nth-child(11){
	margin-right: 0;
}


input[type=radio]:checked{
	opacity: 1;
}


#slider label{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	color: white;
	font-size: 70px;
	font-weight: bold;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 1000ms ease;
  border-radius: 100%;

}

#slide1 img {
	height: 100%;
	width: 100%;
   
}
#slide2 img{
	height: 100%;
	width: 100%;
  
}
#slide3 img{
	height: 100%;
	width: 100%;
  
}
#slide4 img{
	height: 100%;
	width: 100%;
  
}
#slide5 img{
	height: 100%;
	width: 100%;
 
}
#slide6 img{
	height: 100%;
	width: 100%;
  
}

#slide6 h3{
  position: absolute;
  opacity: 0;
}
#slide6:hover h3{
  opacity: 1;
}
#slide7 img{
	height: 100%;
	width: 100%;
  
}
#slide8 img{
	height: 100%;
	width: 100%;
  
}
#slide9 img{
	height: 100%;
	width: 100%;
  
}
#slide10 img{
	height: 100%;
	width: 100%;
  
}
#slide11 img{
	height: 100%;
	width: 100%;
  
}

/* slide*/

#s1:checked~#slide1, #s2:checked~#slide2, #s3:checked~#slide3, #s4:checked~#slide4, #s5:checked~#slide5, #s6:checked~#slide6, #s7:checked~#slide7, #s8:checked~#slide8, #s9:checked~#slide9, #s10:checked~#slide10, #s11:checked~#slide11{
	box-shadow: 0 13px 26px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(0%, 0, 0px);
  animation: 1s;
  transition: 1s;
}


#s1:checked~#slide2, #s2:checked~#slide3, #s3:checked~#slide4, #s4:checked~#slide5, #s5:checked~#slide6, #s6:checked~#slide7, #s7:checked~#slide8, #s8:checked~#slide9, #s9:checked~#slide10, #s10:checked~#slide11, #s11:checked~#slide1{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(15%, 0, -100px);
	opacity: 0.8;
}

#s1:checked~#slide3, #s2:checked~#slide4, #s3:checked~#slide5, #s4:checked~#slide6, #s5:checked~#slide7, #s6:checked~#slide8, #s7:checked~#slide9, #s8:checked~#slide10, #s9:checked~#slide11, #s10:checked~#slide1, #s11:checked~#slide2{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(30%, 0, -250px);
	opacity: 0.8;
}

#s1:checked~#slide4, #s2:checked~#slide5, #s3:checked~#slide6, #s4:checked~#slide7, #s5:checked~#slide8, #s6:checked~#slide9, #s7:checked~#slide10, #s8:checked~#slide11, #s9:checked~#slide1, #s10:checked~#slide2, #s11:checked~#slide3{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2); 
	transform: translate3d(45%, 0, -450px);
	opacity: 0.8;
}

#s1:checked~#slide5, #s2:checked~#slide6, #s3:checked~#slide7, #s4:checked~#slide8, #s5:checked~#slide9, #s6:checked~#slide10, #s7:checked~#slide11, #s8:checked~#slide1, #s9:checked~#slide2, #s10:checked~#slide3, #s11:checked~#slide4{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(60%, 0, -700px);
	opacity: 0.8;
}

#s1:checked~#slide6, #s2:checked~#slide7, #s3:checked~#slide8, #s4:checked~#slide9, #s5:checked~#slide10, #s6:checked~#slide11, #s7:checked~#slide1, #s8:checked~#slide2, #s9:checked~#slide3, #s10:checked~#slide4, #s11:checked~#slide5{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(75%, 0, -950px);
	opacity: 0.8;
}


#s1:checked~#slide7, #s2:checked~#slide8, #s3:checked~#slide9, #s4:checked~#slide10, #s5:checked~#slide11, #s6:checked~#slide1, #s7:checked~#slide2, #s8:checked~#slide3, #s9:checked~#slide4, #s10:checked~#slide5, #s11:checked~#slide6{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(-15%, 0, -100px);
	opacity: 0.8;
}

#s1:checked~#slide8, #s2:checked~#slide9, #s3:checked~#slide10, #s4:checked~#slide11, #s5:checked~#slide1, #s6:checked~#slide2, #s7:checked~#slide3, #s8:checked~#slide4, #s9:checked~#slide5, #s10:checked~#slide6, #s11:checked~#slide7{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(-30%, 0, -250px);
	opacity: 0.8;
}

#s1:checked~#slide9, #s2:checked~#slide10, #s3:checked~#slide11, #s4:checked~#slide1, #s5:checked~#slide2, #s6:checked~#slide3, #s7:checked~#slide4, #s8:checked~#slide5, #s9:checked~#slide6, #s10:checked~#slide7, #s11:checked~#slide8{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(-45%, 0, -450px);
	opacity: 0.8;
}

#s1:checked~#slide10, #s2:checked~#slide11, #s3:checked~#slide1, #s4:checked~#slide2, #s5:checked~#slide3, #s6:checked~#slide4, #s7:checked~#slide5, #s8:checked~#slide6, #s9:checked~#slide7, #s10:checked~#slide8, #s11:checked~#slide9{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(-60%, 0, -700px);
	opacity: 0.8;
}

#s1:checked~#slide11, #s2:checked~#slide1, #s3:checked~#slide2, #s4:checked~#slide3, #s5:checked~#slide4, #s6:checked~#slide5, #s7:checked~#slide6, #s8:checked~#slide7, #s9:checked~#slide8, #s10:checked~#slide9, #s11:checked~#slide10{
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3), 0 12px 6px rgba(0, 0, 0, 0.2);
	transform: translate3d(-75%, 0, -950px);
	opacity: 0.8;
}




/*slide animation end*/



@media (min-width: 1024px){
  #slider{
    
  }
}