.ff-items a,.ff-items a span{text-align:center;display:block}@font-face{font-family:BebasNeueRegular;src:url(../fonts/BebasNeue-webfont.eot);src:url(../fonts/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/BebasNeue-webfont.woff) format('woff'),url(../fonts/BebasNeue-webfont.ttf) format('truetype'),url(../fonts/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');font-weight:400;font-style:normal}.ff-container{width:780px;margin:40px auto 30px}.ff-container label{font-family:BebasNeueRegular,'Arial Narrow',Arial,sans-serif;width:130px;height:30px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,.8);line-height:33px;font-size:16px;font-weight:400;text-align:center;background:#fff;background:-moz-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-o-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-ms-linear-gradient(top,#fff 1%,#eaeaea 100%);background:linear-gradient(top,#fff 1%,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );float:left;box-shadow:0 0 0 1px #aaa,1px 0 0 0 rgba(255,255,255,.9) inset,0 1px 2px rgba(0,0,0,.2)}.ff-container label.ff-label-type-all{border-radius:3px 0 0 3px}.ff-container label.ff-label-type-5{border-radius:0 3px 3px 0}.ff-container input.ff-selector-type-1:checked~label.ff-label-type-1,.ff-container input.ff-selector-type-2:checked~label.ff-label-type-2,.ff-container input.ff-selector-type-3:checked~label.ff-label-type-3,.ff-container input.ff-selector-type-4:checked~label.ff-label-type-4,.ff-container input.ff-selector-type-5:checked~label.ff-label-type-5,.ff-container input.ff-selector-type-all:checked~label.ff-label-type-all{background:#646d93;background:-moz-linear-gradient(top,#646d93 0,#7c87ad 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#646d93),color-stop(100%,#7c87ad));background:-webkit-linear-gradient(top,#646d93 0,#7c87ad 100%);background:-o-linear-gradient(top,#646d93 0,#7c87ad 100%);background:-ms-linear-gradient(top,#646d93 0,#7c87ad 100%);background:linear-gradient(top,#646d93 0,#7c87ad 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#646d93', endColorstr='#7c87ad', GradientType=0 );color:#424d71;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 0 0 1px #40496e,0 1px 2px rgba(0,0,0,.1) inset}.ff-container input{display:none}.ff-items{position:relative;list-style-type:none;margin:0 auto;padding:20px 0 0}.ff-items a{position:relative;padding:10px;background:0 0;border:1px solid #333;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:4px;width:128px;height:128px}.ff-items a span{background:rgba(113,123,161,.9);font-style:italic;color:#fff;font-weight:700;padding:20px;position:absolute;bottom:10px;left:10px;width:120px;height:0;overflow:hidden;opacity:0;text-shadow:1px 1px 1px #303857;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.ff-items a:hover span{height:80px;opacity:1}.ff-items li img{display:block;margin:0 auto}.ff-items li{margin:0 0 10px;float:left;width:156px;height:148px;-webkit-transition:opacity .6s ease-in-out;-moz-transition:opacity .6s ease-in-out;-o-transition:opacity .6s ease-in-out;-ms-transition:opacity .6s ease-in-out;transition:opacity .6s ease-in-out}.ff-container input.ff-selector-type-1:checked~.ff-items .ff-item-type-1,.ff-container input.ff-selector-type-2:checked~.ff-items .ff-item-type-2,.ff-container input.ff-selector-type-3:checked~.ff-items .ff-item-type-3,.ff-container input.ff-selector-type-4:checked~.ff-items .ff-item-type-4,.ff-container input.ff-selector-type-5:checked~.ff-items .ff-item-type-5,.ff-container input.ff-selector-type-all:checked~.ff-items li{opacity:1}.ff-container input.ff-selector-type-1:checked~.ff-items li:not(.ff-item-type-1),.ff-container input.ff-selector-type-2:checked~.ff-items li:not(.ff-item-type-2),.ff-container input.ff-selector-type-3:checked~.ff-items li:not(.ff-item-type-3),.ff-container input.ff-selector-type-4:checked~.ff-items li:not(.ff-item-type-4),.ff-container input.ff-selector-type-5:checked~.ff-items li:not(.ff-item-type-5){opacity:.1}.ff-container input.ff-selector-type-1:checked~.ff-items li:not(.ff-item-type-1) span,.ff-container input.ff-selector-type-2:checked~.ff-items li:not(.ff-item-type-2) span,.ff-container input.ff-selector-type-3:checked~.ff-items li:not(.ff-item-type-3) span,.ff-container input.ff-selector-type-4:checked~.ff-items li:not(.ff-item-type-4) span,.ff-container input.ff-selector-type-5:checked~.ff-items li:not(.ff-item-type-5) span{display:none}.clr{clear:both}