.categoryBlock{display:block;float:left;padding:20px;position:relative}.categoryBlock .categoryItems{width:160px;height:160px;overflow:hidden;border:1px solid rgba(0,0,0,.24);box-shadow:2px 2px 10px rgba(0,0,0,.24);position:relative;cursor:pointer;transition:all 450ms ease-in-out}.categoryBlock .categoryItems:before{content:"";width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.54);z-index:1;display:block;position:absolute;opacity:0;visibility:hidden;transition:all .2s ease-in-out}.categoryBlock .categoryItems img{max-width:100%;display:block;margin:0 auto;max-height:100%}.categoryBlock .categoryItems:after{content:"\e021";font-size:55px;text-shadow:2px 2px 6px rgba(0,0,0,.24);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:-20px;font-family:ofbcustom;color:#fff;z-index:2;opacity:0;visibility:hidden}.categoryBlock .categoryItems span.categoryLabel{position:absolute;bottom:0;left:0;width:100%;height:40px;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:400;padding:0 10px;color:#fff;background:#01aeef;line-height:38px;z-index:1}.categoryBlock .categoryItems:hover:after{visibility:visible;opacity:1;content:"Click to Select";font-size:18px;font-weight:300;white-space:nowrap;font-family:Roboto,sans-serif}.categoryBlock .categoryItems.selected:before,.categoryBlock .categoryItems.selected:hover:before,.categoryBlock .categoryItems:hover:before{opacity:1;visibility:visible}.categoryBlock .categoryItems.selected:after,.categoryBlock .categoryItems.selected:hover:after{visibility:visible;opacity:1;content:"\f00c";font-family:FontAwesome;font-size:55px}