figure.snip1104{font-family:'Raleway',Arial,sans-serif;position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:220px;max-width:310px;height:200px;width:100%;background:#000;color:#fff;text-align:center;box-shadow:0 0 5px rgba(0,0,0,.15)}figure.snip1104 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}figure.snip1104 img{max-width:100%;position:relative;opacity:.4}figure.snip1104 figcaption{position:absolute;top:0;left:0;bottom:0;right:0}figure.snip1104 h2{position:absolute;left:40px;right:40px;display:inline-block;background:#000;-webkit-transform:skew(-10deg) rotate(-10deg) translate(0,-50%);transform:skew(-10deg) rotate(-10deg) translate(0,-50%);padding:12px 5px;margin:0;top:50%;text-transform:uppercase;font-weight:400}figure.snip1104 h2 span{font-weight:800}figure.snip1104:before{height:100%;width:100%;top:0;left:0;content:'';background:#fff;position:absolute;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:rotate(110deg) translateY(-50%);transform:rotate(110deg) translateY(-50%)}figure.snip1104 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}figure.snip1104.blue{background:#123851}figure.snip1104.blue h2{background:#0a212f}figure.snip1104.red{background:#581a14}figure.snip1104.red h2{background:#36100c}figure.snip1104.green{background:#9fed5d}figure.snip1104.green h2{background:#93d65a}figure.snip1104.yellow{background:#e0fe71}figure.snip1104.yellow h2{background:#d4fa45}figure.snip1104.orange{background:#f29100}figure.snip1104.orange h2{background:#fb6320}figure.snip1104.roxo{background:#954cd1}figure.snip1104.roxo h2{background:#7f4596}figure.snip1104:hover img,figure.snip1104.hover img{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}figure.snip1104:hover h2,figure.snip1104.hover h2{-webkit-transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%);transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%)}figure.snip1104:hover:before,figure.snip1104.hover:before{-webkit-transform:rotate(110deg) translateY(-150%);transform:rotate(110deg) translateY(-150%)}