@charset "UTF-8";.grid{position:relative;margin:0 auto -5px;list-style:none;text-align:center}.grid li{display:inline-block}.grid figure{display:inline-block;position:relative;overflow:hidden;margin:10px 1%;text-align:left;cursor:pointer}.grid figure img{position:relative;display:block;max-width:100%;opacity:1}.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}figure.effect figcaption{top:auto;bottom:0;padding:0.2em 1em;height:1.7em;color:#3c4a50;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);z-index:2}figure.effect h3{font-size:18px;margin:0}figure.effect p.icon-links a{float:right;color:#3c4a50;font-size:1.4em}figure.effect:hover p.icon-links a:hover,figure.effect:hover p.icon-links a:focus{color:#252d31}figure.effect p.description{position:absolute;top:0;padding:1em 20px;color:#fff;text-align:left;text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;-webkit-backface-visibility:hidden;z-index:2}figure.effect h3{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}figure.effect h3{display:inline-block}figure.effect:hover p.description{opacity:1}figure.effect:hover figcaption,figure.effect:hover h3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect:hover h3{-webkit-transition-delay:0.05s;transition-delay:0.05s}figure.effect .overlay{width:100%;height:100%;position:absolute;opacity:0;z-index:1;-webkit-transition:opacity 0.35s;transition:opacity 0.35s}figure.effect:hover .overlay{opacity:0.6}
