#slider {
text-align: left;
}
#slider label {
color: brown;
cursor: pointer;
text-decoration: none;
	
}
#slider label:hover  {
color: #d86422 !important;
}


#slider {
margin: 0 auto;
}

#slider input {
	display: none;
}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }



#slide1-1:checked ~ #slides .inners { margin-left:0; }
#slide2-1:checked ~ #slides .inners { margin-left:-100%; }
#slide3-1:checked ~ #slides .inners { margin-left:-200%; }
#slide4-1:checked ~ #slides .inners { margin-left:-300%; }
#slide5-1:checked ~ #slides .inners { margin-left:-400%; }


#slidecontainer {
width: 100%;
overflow: hidden;
}
#slides .inner {
width: 500%;
}
#slides article {
width: 20%;
float: left;
}

#commands {
margin: -25% 0 0 0;
width: 100%;
height: 50px;
}
#commands label { 
display: none;
width: 80px;
height: 80px;
opacity: 0.5;
}
#commands label:hover {
opacity: 0.8;
}
#active {
position:relative;
z-index:5;	
margin: 16% 50% 0;
width:50%;
}
#active label {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: inline-block;
width: 12px;
height: 12px;
background: #bbb;
margin:3px 3px;
}
#active label:hover {
background: #d86422;
border-color: #777 !important;
}
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5),



#slide1-1:checked ~ #active label:nth-child(1),
#slide2-1:checked ~ #active label:nth-child(2),
#slide3-1:checked ~ #active label:nth-child(3),
#slide4-1:checked ~ #active label:nth-child(4),
#slide5-1:checked ~ #active label:nth-child(5)


 {
background: #d86422;
opacity:1;
border-color: #fff !important;
width:12px;
height:12px;
border-radius:20px;
}
#slides {
position: relative;
padding: 2px;
/*border: 1px solid #ddd;*/
/*margin: 45px 0 0;*/
background: #FFF;
/*-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
box-shadow: 0 0 3px rgba(0,0,0, 0.2);*/
}

/* Animation */

#slides .inner {
-webkit-transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#commands label{
-webkit-transform: translateZ(0);
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .caption,
#slide2:checked ~ #slides article:nth-child(2) .caption,
#slide3:checked ~ #slides article:nth-child(3) .caption,
#slide4:checked ~ #slides article:nth-child(4) .caption,
#slide5:checked ~ #slides article:nth-child(5) .caption,
#slide1-1:checked ~ #slides article:nth-child(1) .caption,
#slide2-1:checked ~ #slides article:nth-child(2) .caption,
#slide3-1:checked ~ #slides article:nth-child(3) .caption,
#slide4-1:checked ~ #slides article:nth-child(4) .caption,
#slide5-1:checked ~ #slides article:nth-child(5) .caption  






{
opacity: 1;
-webkit-transition: all 1s ease-out 0.6s;
-moz-transition: all 1s ease-out 0.6s;
-o-transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
}

 #commands, #commands label, #slides, #active, #active label{
	/*-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;*/
}

#slider {
max-width: 960px;}

.inner p {
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:14px;
line-height:1.42857143;
color:#333;

}