.grid{padding:0;margin:0 auto;list-style:none;text-align:center}.grid li{display:block;width:100%;margin:10px 0 0;padding:0;text-align:left;position:relative;border:1px solid #333;-webkit-box-shadow:0 8px 6px -6px #333;-moz-box-shadow:0 8px 6px -6px #333;box-shadow:0 8px 6px -6px #333}.grid li h4{position:absolute;left:0;bottom:0;z-index:9;width:100%;text-align:center;background-color:#fdce5d;color:#222;padding:10px 0;font-size:18px;font-weight:400}.grid figure,.grid figure img{position:relative;width:100%}.grid figure{margin:0}.grid figure h3{margin:0;padding:0;text-align:center}.grid figcaption{position:absolute;top:0;left:0;padding:15px;background:#1d0f56;z-index:99}.grid figcaption h3{margin:0 0 10px;padding:0;color:#fff;text-align:left}.grid figcaption span{color:#fff}.grid figcaption a{text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#fdce5d;color:#222}.cs-style-3 figure{overflow:hidden}.cs-style-3 figure img{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.cs-style-3 figure.cs-hover img,.no-touch .cs-style-3 figure:hover img{-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.cs-style-3 figcaption{height:100%;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}.cs-style-3 figure.cs-hover figcaption,.no-touch .cs-style-3 figure:hover figcaption{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}.cs-style-3 figcaption a{position:absolute;bottom:20px;right:20px}