.view{float:left;overflow:hidden;position:relative;text-align:center;cursor:pointer;margin-bottom:20px}.view .mask,.view .content{position:absolute;overflow:hidden;top:0;left:0;right:0}.view img{display:block;position:relative}.view h3{text-transform:uppercase;display:inline-block;padding:8px 25px;text-align:center;background:#0e9755;font-size:17px;margin-top:30%;color:#fff;letter-spacing:.07em}.view-third img{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}.view-third img:hover{filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:gray;-webkit-transition:all .6s ease;filter:url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iXCdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wnIj48ZmlsdGVyIGlkPSJcJ2dyYXlzY2FsZVwnIj48ZmVDb2xvck1hdHJpeCB0eXBlPSJcJ21hdHJpeFwnIiB2YWx1ZXM9IlwnMC4zMzMzIi8+PC9maWx0ZXI+PC9zdmc+I2dyYXlzY2FsZQ==)}.view-third h3{-webkit-transform:translateY(-300px);-moz-transform:translateY(-300px);-o-transform:translateY(-300px);-ms-transform:translateY(-300px);transform:translateY(-300px);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.view-third:hover .mask{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.view-third:hover h3{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}.component{margin-top:36px;margin-left:35px}.icon{display:inline-block;vertical-align:top;overflow:hidden;width:36px;height:25px;font-size:0;text-indent:-9999px;border-left:1px solid gray;margin-left:6px}.icon-cube{position:relative;-webkit-perspective:800px;perspective:800px;overflow:visible}.icon-cube::before,.icon-cube::after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/icons.png),none;content:"";-webkit-transition:all .3s;transition:all .3s}.icon-cube::before{z-index:2}.icon-cube::after{z-index:1;opacity:0;-webkit-transform:translateY(48px) rotateX(-90deg);transform:translateY(48px) rotateX(-90deg)}.icon-cube:hover::before{opacity:0;-webkit-transform:translateY(-48px) rotateX(90deg);transform:translateY(-48px) rotateX(90deg)}.icon-cube:hover::after{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}.icon-cube.linkedin::before,.icon-cube.linkedin::after{background-position:-72px 0}.icon-cube.you-tube::before,.icon-cube.you-tube::after{background-position:-36px 0}.icon-cube.facebook::before,.icon-cube.facebook::after{background-position:0 0}[class^=icon-]::before,[class*=" icon-"]::before{width:36px!important}