


/* new slider */
#slider ol,#slider ul{list-style:none}
#slider table{border-collapse:collapse;border-spacing:0}
#slider caption, #slider th, #slider td{text-align:left;font-weight:normal;vertical-align:middle}
#slider q,blockquote{quotes:none}
#slider q:before, #slider q:after, #slider blockquote:before, #slider blockquote:after{content:"";content:none}
#slider article{display:block}
#slider{text-align:center; display: inline-block; position: relative;}
#slider p{margin:20px 0 16px}
#slider strong{font-weight:bold}
#slider label{color:brown;cursor:pointer;text-decoration:none;font-style:italic}
#slider label:hover, #slider a:hover{color:#ddd!important}
#slider label, #slider #active, #slider img{-moz-user-select:none;-webkit-user-select:none}
#slider .catch{display:block;height:0;overflow:hidden}
#slider{margin:0 auto}
#slider input{display:none}
#slider #slide1:checked ~ #slides .inner{margin-left:0}
#slider #slide2:checked ~ #slides .inner{margin-left:-100%}
#slide3:checked ~ #slides .inner{margin-left:-200%}
#slider #slide4:checked ~ #slides .inner{margin-left:-300%}
#slider #slide5:checked ~ #slides .inner{margin-left:-400%}
#slider #container{width:100%;overflow:hidden}
#slider article img{width:100%}
#slider #slides .inner{width:500%;line-height:0} 
#slider #slides article{width:20%;float:left}
#slider #commands {
	margin: 0;
	width: 90px;
	height: 43px;
	margin-top: 0;
	margin-right: 0;
	position: absolute;
	left: 0;
	top: 160px;
}
#slider #commands label{display:none;width:43px;height:43px;opacity:0.5}
#slider #commands label:hover{opacity:0.8}
#slider #active{position:relative;z-index:5;margin:16% 0 0;text-align:center}
#slider #active label{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;width:24px;height:44px;background:#bbb}
#slider #active label:hover{background:#333;border-color:#777!important}

#slider #slide1:checked ~ #commands label:nth-child(2), 
#slider #slide2:checked ~ #commands label:nth-child(3), 
#slider #slide3:checked ~ #commands label:nth-child(4), 
#slider #slide4:checked ~ #commands label:nth-child(5), 
#slider #slide5:checked ~ #commands label:nth-child(1){float:right;margin:0;display:block; background-image: url(images/arrow-right.png); margin-top: 0px; margin-left: 4px;}

#slider #slide1:checked ~ #commands label:nth-child(5),
#slider #slide2:checked ~ #commands label:nth-child(1),
#slider #slide3:checked ~ #commands label:nth-child(2),
#slider #slide4:checked ~ #commands label:nth-child(3),
#slider #slide5:checked ~ #commands label:nth-child(4){float:left;margin:0;display:block; background-image: url(images/arrow-left.png);}

#slider #slide1:checked ~ #active label:nth-child(1),
#slider #slide2:checked ~ #active label:nth-child(2),
#slider #slide3:checked ~ #active label:nth-child(3),
#slider #slide4:checked ~ #active label:nth-child(4),
#slider #slide5:checked ~ #active label:nth-child(5){background:#000;opacity:0.6;border-color:#fff!important;border:2px solid #fff}

#slider .caption{line-height:20px;margin:0 0 -150%;position:absolute;padding:320px 12px;opacity:0;color:#fff;text-transform:none;font-family:'Open Sans',Arial,Helvetica,sans-serif;text-align:left;font-size:18px}
#slider .caption bar{display:inline-block;padding:10px;background:#000;border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)}
#slider #slides{position:relative;margin:45px 0 0; height: auto; overflow: hidden;}
#slider #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);-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)}
#slider #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}
#slider #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{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:1280px;}


/*
@media only screen and (max-width:850px) and (min-width:450px){
  body #slider #commands{margin:-25% 0 0 5%;width:90%;height:50px}
  body #slider #commands label{-moz-transform:scale(0.9);-webkit-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
  body #slider #slides .caption{padding:280px 12px}
  body #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  body #slider #active{margin:15% 0 0}
}
@media only screen and (max-width:450px){
  body #slider #commands{margin:-28% 0 0 1%;width:100%;height:70px}
  body #slider #active{margin:12% 0 0}
  body #slider #slides{padding:2px 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
  body #slider #slides .caption{opacity:0!important}
  body #slider #commands label{-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}
}
*/
