/* CSS frame */

[type=radio] {
  display:inline-block;
  position:relative;
  bottom:0;
  bottom: 0;
  margin-top:535px;
  left: 43.5%;
  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 ~ #slide5, #s2:checked ~ #slide6,
#s3:checked ~ #slide7, #s4:checked ~ #slide1,
#s5:checked ~ #slide2, #s6:checked ~ #slide3,
#s7:checked ~ #slide4 {
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  transform: translate3d(-45%,0,-300px);
}

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

#s1:checked ~ #slide7, #s2:checked ~ #slide1,
#s3:checked ~ #slide2, #s4:checked ~ #slide3,
#s5:checked ~ #slide4, #s6:checked ~ #slide5,
#s7:checked ~ #slide6 {
  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 {
  box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);
  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 ~ #slide1 {
  box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);
  transform: translate3d(15%,0,-100px);
}

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

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

#slide1 {
		/*background:url(../img/slides/image-14-full.jpg);
		background: #00BCD4;*/
		  border:15px solid #d7d7d7; 
		  }
#slide2 {
		/*  background:url(../img/slides/image-15-full.jpg);
		  background: #4CAF50;*/
		  border:15px solid #d7d7d7; 
		  }
#slide3 { 
		  /*  background:url(../img/slides/image-16-full.jpg);
		background: #CDDC39;*/
		  border:15px solid #d7d7d7; 
		  }
#slide4 { 
		  /*  background:url(../img/slides/image-17-full.jpg);
		  background: #FFC107;*/
		   border:15px solid #d7d7d7;
		   max-width:100%;
		   height:auto;
		    }
#slide5 { 
		   /* background:url(../img/slides/image-18-full.jpg);
		  background: #FF5722;*/
		   border:15px solid #d7d7d7;
		   
		    }

#slide6 { 
		 /*  background:url(../img/slides/image-19-full.jpg);
		   background: #FF5722;*/
		   border:15px solid #d7d7d7;
		    }
			
#slide7 { 
		  /*  background:url(../img/slides/image-20-full.jpg);
		  background: #FF5722;*/
		   border:15px solid #d7d7d7;
		    }					
			
			
			
			 .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) {
	#slider label{
		width:60%;
		height:auto;
	}
	
	#slide1 {
		
		 border:5px solid #d7d7d7; 
		  }
	#slide2 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide3 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide4 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide5 {
		 border:5px solid #d7d7d7; 
	
		  }
		  #slide6 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide7 {
		 border:5px solid #d7d7d7; 
		  }
		  
		  [type=radio]{
		 	margin-top:220px;
			left:31.5%; 
		  }
	
}
		
		
	@media (max-width:480px) {
	
	#slider label{
		width:60%;
		height:auto;
	}
	
	#slide1 {
		
		 border:5px solid #d7d7d7; 
		  }
	#slide2 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide3 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide4 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide5 {
		 border:5px solid #d7d7d7; 
	
		  }
		  #slide6 {
		 border:5px solid #d7d7d7; 
		  }
		  #slide7 {
		 border:5px solid #d7d7d7; 
		  }
		  
		  [type=radio]{
		 	margin-top:140px;
			left:20.5%; 
		  }
	}