.grid{list-style:none}.grid li{display:inline-block;width:270px;text-align:left;position:relative}.grid figure{position:relative}.grid figure img{max-width:100%;display:block;position:relative}.grid figcaption{position:absolute;top:0;left:0;padding:0;background:#19b69e;color:#ed4e6e;width:282px;text-align:center}.grid figcaption h3{margin:0;padding:0;color:#fff}.grid figcaption span:before{content:'by '}.grid figcaption a{text-align:center;width:270px;height:176px;display:block;background:#19b69e;color:#fff}.blog-list-page .grid figcaption a{width:100%;height:150px}.blog-grid-page .grid figcaption a{width:100%;height:205px}.portfolio-two-columns .grid figcaption a{width:100%;height:295px}.portfolio-three-columns .grid figcaption a{width:100%;height:205px}.grid figcaption a i{position:relative;top:45%}.cs-style-3 figure{overflow:hidden}.cs-style-3 figure img{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.no-touch .cs-style-3 figure:hover img,.cs-style-3 figure.cs-hover img{-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}.cs-style-3 figcaption{height:auto;width:100%;top:auto;bottom:0;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .4s,opacity .1s .3s;-moz-transition:-moz-transform .4s,opacity .1s .3s;transition:transform .4s,opacity .1s .3s}.no-touch .cs-style-3 figure:hover figcaption,.cs-style-3 figure.cs-hover figcaption{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}