figure.snip0057{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:320px;max-width:480px;width:100%;background:#fff;color:#000;border:1px solid #eaeaea}@media (min-width:780px){figure.snip0057{width:47%}}@media (min-width:1080px){figure.snip0057{width:31%}}figure.snip0057 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}figure.snip0057 .image{width:50%;overflow:hidden;z-index:1;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);max-height:420px}figure.snip0057 .image img{position:relative;display:block;left:-15%;z-index:1;-webkit-transform:skew(15deg);transform:skew(15deg)}figure.snip0057:before{position:absolute;content:"";height:100%;width:45%;background:rgba(0,0,0,.2);-webkit-transform:skewX(-17deg);transform:skewX(-17deg);-webkit-box-shadow:15px 0 25px rgba(0,0,0,.7);box-shadow:15px 0 25px rgba(0,0,0,.7)}figure.snip0057 figcaption{padding:20px 30px 20px 20px;position:absolute;right:0;bottom:34px;width:50%}figure.snip0057 figcaption h2,figure.snip0057 figcaption p{margin:0;text-align:right;padding:10px 0;width:100%}figure.snip0057 figcaption p{line-height:28px}figure.snip0057 figcaption h2{font-size:1.1em;font-weight:300;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.2)}figure.snip0057 figcaption h2 span{font-size:1.3em;font-weight:800}figure.snip0057 figcaption p{font-size:.9em;opacity:.8}figure.snip0057 figcaption .icons{width:100%;text-align:right}figure.snip0057 figcaption .icons i{font-size:26px;padding:5px;top:50%;color:#000;opacity:0}figure.snip0057 figcaption a{opacity:.3}figure.snip0057 figcaption a:hover{opacity:.8}figure.snip0057 .position{position:absolute;bottom:0;width:100%;text-align:right;padding:15px 30px;font-size:.9em;opacity:1;color:#fff;background:#000}figure.snip0057.blue .position{background:#027cba}figure.snip0057.teal .position{background:#009b74}.position a{text-decoration:none}.position a:hover{color:#eaeaea}figure.snip0057.hover figcaption,figure.snip0057:hover figcaption{bottom:48px}figure.snip0057.hover .icons i,figure.snip0057:hover .icons i{opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}figure.snip0057.hover:before,figure.snip0057:hover:before{-webkit-animation:shadow .6s ease-in-out;animation:shadow .6s ease-in-out}@-webkit-keyframes shadow{0%{left:0}50%{left:-5px}to{left:0}}@keyframes shadow{0%{left:0}50%{left:-5px}to{left:0}}