figure.portfolio-snipone{position:relative;overflow:hidden;margin:10px;width:100%;background:#1a1a1a;color:#fff;text-align:left;box-shadow:0 0 5px rgba(0,0,0,.15);background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%)}figure.portfolio-snipone *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}figure.portfolio-snipone img{max-width:100%;vertical-align:top}figure.portfolio-snipone i{position:absolute;top:7px;left:12px;font-size:32px;opacity:0;z-index:2;-webkit-transition-delay:0;transition-delay:0}figure.portfolio-snipone h5{position:absolute;bottom:0;right:0;margin:0;padding:15px 39px;z-index:2;-webkit-transition-delay:.15s;transition-delay:.15s;-webkit-transform:translateY(-10px);transform:translateY(-10px);opacity:0}figure.portfolio-snipone a{left:0;right:0;top:0;bottom:0;z-index:3}figure.portfolio-snipone:before,figure.portfolio-snipone:after{width:120px;height:120px;position:absolute;top:0;left:0;content:'';-webkit-transition:all .35s ease;transition:all .35s ease;z-index:1;box-shadow:0 0 20px rgba(0,0,0,.5);background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 100%);background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 100%);-webkit-transition-delay:.2s;transition-delay:.2s}figure.portfolio-snipone:before{background-color:#20638f;-webkit-transform:skew(-45deg) translateX(-150%);transform:skew(-45deg) translateX(-150%);border-right:1px solid #20638f}figure.portfolio-snipone:after{background-color:#282828;-webkit-transform:skew(-45deg) translateX(-175%);transform:skew(-45deg) translateX(-175%);border-right:1px solid #282828;opacity:.6}figure.portfolio-snipone:hover img,figure.portfolio-snipone.hover img{opacity:.15;-webkit-filter:grayscale(100%);filter:grayscale(100%)}figure.portfolio-snipone:hover i,figure.portfolio-snipone.hover i{opacity:.7;-webkit-transition-delay:.3s;transition-delay:.3s}figure.portfolio-snipone:hover h5,figure.portfolio-snipone.hover h5{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}figure.portfolio-snipone:hover:before,figure.portfolio-snipone.hover:before{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:skew(-45deg) translateX(-50%);transform:skew(-45deg) translateX(-50%)}figure.portfolio-snipone:hover:after,figure.portfolio-snipone.hover:after{-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transform:skew(-45deg) translateX(-75%);transform:skew(-45deg) translateX(-75%)}.portfolio-snipone a{color:#fff}figure.portfolio-snipone i:hover{color:#5da2dc}