.grid{padding:20px 20px 100px 20px;margin:0 auto;list-style:none;text-align:center}.grid li{display:inline-block;width:280px;margin:0;text-align:left;position:relative}.grid figure{margin:0;position:relative}.grid figure img{max-width:280px;display:block;position:relative}.grid figcaption{position:absolute;top:0;left:0;padding:20px;background:#375184;color:#fff}.grid figcaption h3{margin:0;padding:0;color:#fff}.grid figcaption a{text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#6d8cc7;color:#fff}.cs-style-4 li{-webkit-perspective:1700px;-moz-perspective:1700px;perspective:1700px;-webkit-perspective-origin:0 50%;-moz-perspective-origin:0 50%;perspective-origin:0 50%}.cs-style-4 figure{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.cs-style-4 figure>div{overflow:hidden}.cs-style-4 figure img{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.no-touch .cs-style-4 figure:hover img,.cs-style-4 figure.cs-hover img{-webkit-transform:translateX(25%);-moz-transform:translateX(25%);-ms-transform:translateX(25%);transform:translateX(25%)}.cs-style-4 figcaption{height:100%;width:50%;opacity:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg);-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-4 figure:hover figcaption,.cs-style-4 figure.cs-hover figcaption{opacity:1;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition:-webkit-transform .4s,opacity .1s;-moz-transition:-moz-transform .4s,opacity .1s;transition:transform .4s,opacity .1s}.cs-style-4 figcaption a{position:absolute;bottom:20px;right:20px}.cs-style-5 figure img{z-index:10;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;transition:transform .4s}.no-touch .cs-style-5 figure:hover img,.cs-style-5 figure.cs-hover img{-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);transform:scale(0.4)}.cs-style-5 figcaption{height:100%;width:100%;opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s,opacity .4s;-moz-transition:-moz-transform .4s,opacity .4s;transition:transform .4s,opacity .4s}.no-touch .cs-style-5 figure:hover figcaption,.cs-style-5 figure.cs-hover figcaption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}.cs-style-5 figure a{position:absolute;bottom:20px;right:20px}@media screen and (max-width:31.5em){.grid{padding:10px 10px 100px 10px}.grid li{width:100%;min-width:300px}}