figure.snip0057{background:#fff;border:1px solid #eaeaea;color:#000;float:left;margin:10px 1%;max-width:480px;min-width:320px;overflow:hidden;position:relative;width:100%}@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{max-height:420px;overflow:hidden;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);width:50%;z-index:1}figure.snip0057 .image img{display:block;left:-15%;position:relative;-webkit-transform:skew(15deg);transform:skew(15deg);z-index:1}figure.snip0057:before{background:rgba(0,0,0,.2);-webkit-box-shadow:15px 0 25px rgba(0,0,0,.7);box-shadow:15px 0 25px rgba(0,0,0,.7);content:"";height:100%;position:absolute;-webkit-transform:skewX(-17deg);transform:skewX(-17deg);width:45%}figure.snip0057 figcaption{bottom:34px;padding:20px 30px 20px 20px;position:absolute;right:0;width:50%}figure.snip0057 figcaption h2,figure.snip0057 figcaption p{margin:0;padding:10px 0;text-align:right;width:100%}figure.snip0057 figcaption p{line-height:28px}figure.snip0057 figcaption h2{border-bottom:1px solid rgba(0,0,0,.2);font-size:1.1em;font-weight:300;text-transform:uppercase}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{text-align:right;width:100%}figure.snip0057 figcaption .icons i{color:#000;font-size:26px;opacity:0;padding:5px;top:50%}figure.snip0057 figcaption a{opacity:.3}figure.snip0057 figcaption a:hover{opacity:.8}figure.snip0057 .position{background:#000;bottom:0;color:#fff;font-size:.9em;opacity:1;padding:15px 30px;position:absolute;text-align:right;width:100%}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}}