/* CSS frame */

[type=radio] {
  display:inline-block;
  position:relative;
  bottom:0;
  bottom: 0;
  margin-top:535px;
  left: 42%;
  color:#fff;
}

.next{
position:absolute;
top:50%;
right:120px
}

.prev{
position:absolute;
top:50%;
left:120px
}

.img-responsive{
display:block;max-width:100%;height:auto
}


#slider {
  height: 35vw;
  position: relative;
  perspective: 1000px;
  transform-style: preserve-3d;
}

#slider label {
  margin: auto;
  max-width: 60%;
  height: auto; 
  border-radius: 0px;
  position: absolute;
  left: 0; right: 0;
  cursor: pointer;
  transition: transform 0.4s ease;  
}

#s1:checked ~ #slide6, #s2:checked ~ #slide7,
#s3:checked ~ #slide8, #s4:checked ~ #slide9,
#s5:checked ~ #slide1, #s6:checked ~ #slide2,
#s7:checked ~ #slide3, #s8:checked ~ #slide4,
#s9:checked ~ #slide5 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-60%,0,-400px);
}

#s1:checked ~ #slide7, #s2:checked ~ #slide8,
#s3:checked ~ #slide9, #s4:checked ~ #slide1,
#s5:checked ~ #slide2, #s6:checked ~ #slide3,
#s7:checked ~ #slide4, #s8:checked ~ #slide5,
#s9:checked ~ #slide6 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-45%,0,-300px);
}

#s1:checked ~ #slide8, #s2:checked ~ #slide9,
#s3:checked ~ #slide1, #s4:checked ~ #slide2,
#s5:checked ~ #slide3, #s6:checked ~ #slide4,
#s7:checked ~ #slide5, #s8:checked ~ #slide6,
#s9:checked ~ #slide7 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-30%,0,-200px);
}

#s1:checked ~ #slide9, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4, #s6:checked ~ #slide5,
#s7:checked ~ #slide6, #s8:checked ~ #slide7,
#s9:checked ~ #slide8 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-15%,0,-100px);
}

#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 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(0,0,0);
}

#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 ~ #slide1 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
  transform: translate3d(15%,0,-100px);
}

#s1:checked ~ #slide3, #s2:checked ~ #slide4,
#s3:checked ~ #slide5, #s4:checked ~ #slide6,
#s5:checked ~ #slide7, #s6:checked ~ #slide8,
#s7:checked ~ #slide9, #s8:checked ~ #slide1,
#s9:checked ~ #slide2 {
  box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);
  transform: translate3d(30%,0,-200px);
}

#s1:checked ~ #slide4, #s2:checked ~ #slide5,
#s3:checked ~ #slide6, #s4:checked ~ #slide7,
#s5:checked ~ #slide8, #s6:checked ~ #slide9,
#s7:checked ~ #slide1, #s8:checked ~ #slide2,
#s9:checked ~ #slide3 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
  transform: translate3d(45%,0,-300px);
}

#s1:checked ~ #slide5, #s2:checked ~ #slide6,
#s3:checked ~ #slide7, #s4:checked ~ #slide8,
#s5:checked ~ #slide9, #s6:checked ~ #slide1,
#s7:checked ~ #slide2, #s8:checked ~ #slide3,
#s9:checked ~ #slide4 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(60%,0,-400px);
}

#slide1 {
	/*	background:url(../img/slides/image-04-full.jpg);
		background: #00BCD4;*/
		  border:15px solid #fff; 
		  }
#slide2 {
		/*  background:url(../img/slides/image-05-full.jpg);
		  background: #4CAF50;*/
		  border:15px solid #fff; 
		  }
#slide3 { 
		/*  background:url(../img/slides/image-06-full.jpg);
		  background: #CDDC39;*/
		  border:15px solid #fff; 
		  }
#slide4 { 
		/*   background:url(../img/slides/image-07-full.jpg);
		   background: #FFC107;*/
		   border:15px solid #fff;
		    }
#slide5 { 
		  /* background:url(../img/slides/image-08-full.jpg);
		   background: #FF5722;*/
		   border:15px solid #fff;
		    }
			
#slide6 { 
		 /*  background:url(../img/slides/image-09-full.jpg);
		   background: #FF5722;*/
		   border:15px solid #fff;
		    }

#slide7 { 
		  /* background:url(../img/slides/image-10-full.jpg);
		   background: #FF5722;*/
		   border:15px solid #fff;
		    }			

#slide8 { 
		   /* background:url(../img/slides/image-11-full.jpg);
		  background: #FF5722;*/
		   border:15px solid #fff;
		    }
			
#slide9 { 
		  /* background:url(../img/slides/image-12-full.jpg);
		   background: #FF5722;*/
		   border:15px solid #fff;
		    }
			
			
			 .jssora061 {display:block;position:absolute;cursor:pointer;}
        .jssora061 .a {fill:none;stroke:#fff;stroke-width:360;stroke-linecap:round;}
        .jssora061:hover {opacity:.8;}
        .jssora061.jssora061dn {opacity:.5;}
        .jssora061.jssora061ds {opacity:.3;pointer-events:none;}
	
	
	
	@media (max-width:768px) {
	  [type=radio]{
		 	margin-top:220px;
			left:35%; 
		  }
		  
		  	#slide1 {
	
		 border:5px solid #fff; 
		  }
	#slide2 {
		 border:5px solid #fff; 
		  }
		  #slide3 {
		 border:5px solid #fff; 
		  }
		  #slide4 {
		 border:5px solid #fff; 
		  }
		  #slide5 {
		 border:5px solid #fff; 
		
		  }
		  #slide6 {
		 border:5px solid #fff; 
		  }
		  #slide7 {
		 border:5px solid #fff; 
		  }
		  #slide8 {
		 border:5px solid #fff; 
		  }
		  #slide9 {
		 border:5px solid #fff; 
		  }
		  
		  [type=radio]{
		 	margin-top:220px;
			left:27%; 
		  }
	
	
}
		
		
	@media (max-width:480px) {
	
	#slider label{
	/*width:200px;
	height:150px;
	display:block;	*/
	}
	
	#slide1 {
	
		 border:5px solid #fff; 
		  }
	#slide2 {
		 border:5px solid #fff; 
		  }
		  #slide3 {
		 border:5px solid #fff; 
		  }
		  #slide4 {
		 border:5px solid #fff; 
		  }
		  #slide5 {
		 border:5px solid #fff; 
		
		  }
		  #slide6 {
		 border:5px solid #fff; 
		  }
		  #slide7 {
		 border:5px solid #fff; 
		  }
		  #slide8 {
		 border:5px solid #fff; 
		  }
		  #slide9 {
		 border:5px solid #fff; 
		  }
		  
		  [type=radio]{
		 	margin-top:140px;
			left:12%; 
		  }
	}