.grid{margin:60px auto;}
.grid figcaption{background:#222 none repeat scroll 0 0;color:#fff;left:-35px;padding:25px;position:absolute;top:30px;}
.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:#ed4e6e;color:#fff;}
.cs-style-1 figcaption{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transition:-webkit-transform 0.3s, opacity 0.3s;-moz-transition:-moz-transform 0.3s, opacity 0.3s;backface-visibility:hidden;font-size:16px;height:85%;opacity:0;text-align:left;transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;width:126%;z-index:2;border-radius:5px;}
.no-touch .cs-style-1 figure:hover figcaption, .cs-style-1 figure:active figcaption, .cs-style-1 figure:focus figcaption,
.cs-style-1 figure.cs-hover figcaption{opacity:1;-webkit-transition:-webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s, opacity 0.3s ease 0s;transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;}
.benifit-blocks:hover figcaption{opacity:1;-webkit-transition:-webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s;-moz-transition:-moz-transform 0.3s ease 0s, opacity 0.3s ease 0s;transition:transform 0.3s ease 0s, opacity 0.3s ease 0s;}
.cs-style-1 figcaption h3{margin-top:70px;}
.cs-style-1 figcaption span{position:absolute;top:50%;transform:translateX(-2%) translateY(-50%);vertical-align:middle;}
.cs-style-1 figcaption a{margin-top:30px;}
@media (max-width:979px){.cs-style-1 figcaption{max-width:100%;}
.grid figcaption{left:0 !important;}
}
@media screen and (max-width:31.5em){.grid{padding:10px 10px 100px 10px;}
.grid li{width:100%;min-width:300px;}
}