.tiles .tile .details span,.tiles .tile:before{opacity:0;transition-property:top,opacity;transition-duration:.3s}.tiles .tile{display:inline-block;text-align:left;opacity:.99;overflow:hidden;position:relative;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.05)}.tiles .tile:before{content:"";background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.7) 100%);width:100%;height:50%;position:absolute;top:100%;left:0;z-index:2}.tiles .tile img{display:block;max-width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tiles .tile .details{font-size:1.2vmin;padding:20px;color:#af1010;position:absolute;bottom:0;left:0;z-index:3}.tiles .tile .details span{display:block;background-color:#00f;border-radius:4px;font-size:2.2vmin!important;color:#fff;text-align:center;padding:10px;position:relative;top:100px;transition-delay:0s}.tiles .tile .details .title{line-height:1;font-weight:600;font-size:1.8vmin!important;text-align:center}.tiles .tile .details .info{font-size:1.7vmin!important;color:#fff;text-align:center;line-height:1.2;margin-top:5px}.tiles .tile:focus span,.tiles .tile:focus:before,.tiles .tile:hover span,.tiles .tile:hover:before{opacity:1}.tiles .tile:focus:before,.tiles .tile:hover:before{top:50%}.tiles .tile:focus span,.tiles .tile:hover span{top:0}.tiles .tile:focus .title,.tiles .tile:hover .title{transition-delay:0.15s}.tiles .tile:focus .info,.tiles .tile:hover .info{transition-delay:0.25s}