#slider{text-align:center}#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%}#overflow{width:100%;overflow:hidden}article img{width:100%}#slides .inner{width:500%;line-height:0}#slides article{width:20%;float:left}#controls{margin:-25% 0 0;width:100%;height:50px}#controls label{display:none;width:50px;height:50px;opacity:.3}#active{margin:23% 0 0;text-align:center}#active label{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;width:10px;height:10px;background:#bbb}#active label:hover{background:#ccc;border-color:#777 !important}#controls label:hover{opacity:.8}#slide1:checked~#controls label:nth-child(2),#slide2:checked~#controls label:nth-child(3),#slide3:checked~#controls label:nth-child(4),#slide4:checked~#controls label:nth-child(5),#slide5:checked~#controls label:nth-child(1){background:url('next.png') no-repeat;float:right;margin:0 -70px 0 0;display:block}#slide1:checked~#controls label:nth-child(5),#slide2:checked~#controls label:nth-child(1),#slide3:checked~#controls label:nth-child(2),#slide4:checked~#controls label:nth-child(3),#slide5:checked~#controls label:nth-child(4){background:url('prev.png') no-repeat;float:left;margin:0 0 0 -70px;display:block}#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){background:#333;border-color:#333 !important}.info{line-height:20px;margin:0 0 -150%;position:absolute;font-style:italic;padding:30px;opacity:0;color:#000;text-align:left}.info h3{color:#333;margin:0 0 5px;font-weight:400;font-size:22px;font-style:normal}#slides{margin:45px 0 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:1px 1px 4px #666;padding:1%;background:#fff;background:#fcfff4;background:-moz-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(252,255,244,1)),color-stop(100%,rgba(219,218,201,1)));background:-webkit-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%);background:-o-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%);background:-ms-linear-gradient(top,rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%);background:linear-gradient(top,rgba(252,255,244,1) 0%,rgba(219,218,201,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4',endColorstr='#dbdac9',GradientType=0)}#slides .inner{-webkit-transform:translateZ(0);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-ms-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transition-timing-function:cubic-bezier(.77,0,.175,1);-moz-transition-timing-function:cubic-bezier(.77,0,.175,1);-ms-transition-timing-function:cubic-bezier(.77,0,.175,1);-o-transition-timing-function:cubic-bezier(.77,0,.175,1);transition-timing-function:cubic-bezier(.77,0,.175,1)}#slider{-webkit-transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}#controls label{-webkit-transform:translateZ(0);-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out}#slide1:checked~#slides article:nth-child(1) .info,#slide2:checked~#slides article:nth-child(2) .info,#slide3:checked~#slides article:nth-child(3) .info,#slide4:checked~#slides article:nth-child(4) .info,#slide5:checked~#slides article:nth-child(5) .info{opacity:1;-webkit-transition:all 1s ease-out .6s;-moz-transition:all 1s ease-out .6s;-o-transition:all 1s ease-out .6s;transition:all 1s ease-out .6s}.info,#controls,#slides,#active,#active label,.info h3,.desktop,.tablet,.mobile{-webkit-transform:translateZ(0);-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out}#desktop:checked~#slider{max-width:960px}#tablet:checked~#slider{max-width:850px}#mobile:checked~#slider{max-width:450px}#desktop:checked~#slider .desktop,#tablet:checked~#slider .tablet,#mobile:checked~#slider .mobile{color:#777;opacity:1}.desktop,.tablet,.mobile{display:inline-block;width:60px;height:60px;padding-top:50px;opacity:.35;font-size:12px}.desktop:hover,.tablet:hover,.mobile:hover{opacity:.2}.desktop{background:url('desktop.png') no-repeat}.tablet{background:url('tablet.png') no-repeat}.mobile{background:url('mobile.png') no-repeat}#tablet:checked~#slider #controls{margin:-25% 0 0 12%;width:76%;height:50px}#tablet:checked~#slider #controls label{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}#tablet:checked~#slider #slides,#mobile:checked~#slider #slides{padding:1% 0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0}#tablet:checked~#slider #active{margin:22% 0 0}@media only screen and (max-width:850px) and (min-width:450px){#slider #controls{margin:-25% 0 0 15%;width:70%;height:50px}#slider #controls label{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}#slider #slides{padding:1% 0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0}#slider #active{margin:22% 0 0}}#mobile:checked~#slider #controls{margin:-28% 0 0 24%;width:50%;height:50px}#mobile:checked~#slider #active{margin:23% 0 0}#mobile:checked~#slider #slides .info{opacity:0 !important}#mobile:checked~#slider #controls label{-moz-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}@media only screen and (max-width:450px){#slider #controls{margin:-28% 0 0 24%;width:50%;height:50px}#slider #active{margin:23% 0 0}#slider #slides{padding:1% 0;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0}#slider #slides .info{opacity:0 !important}#slider #controls label{-moz-transform:scale(.6);-webkit-transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}}@media only screen and (min-width:850px){body{padding:0 80px}}