figure.snip0057{position:relative;float:center;overflow:hidden;margin:0px 0;min-width:291px;max-width:350px;width:100%;background:#fff;color:#000;border-bottom:25px solid #007cba}@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:300px}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,0.2);-webkit-transform:skewX(-17deg);transform:skewX(-17deg);-webkit-box-shadow:10px 0px 20px rgba(0,0,0,0.7);box-shadow:10px 0px 20px rgba(0,0,0,0.7)}figure.snip0057 figcaption{padding:20px 30px 0px 0px;position:absolute;right:0;bottom:14px;width:50%}figure.snip0057 figcaption h2,figure.snip0057 figcaption p{margin:0;text-align:right;padding:0px 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,0.2)}figure.snip0057 figcaption h2 span{font-size:1.2em;font-weight:800;text-align:right}figure.snip0057 figcaption p{font-size:.8em;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:24px}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:0px}50%{left:-5px}100%{left:0px}}@keyframes shadow{0%{left:0px}50%{left:-5px}100%{left:0px}}