#portfolio-box-item{margin-top:20px}.grid-portfolio{margin:20px auto;list-style:none;text-align:center}.grid-portfolio li{float:left;margin:0;text-align:left;width:25%}.grid-portfolio figure{margin:0;position:relative}.grid-portfolio figure img{max-width:100%;display:block;position:relative}.grid-portfolio figcaption{position:absolute;top:0;left:0;padding:20px;background:#2c3f52;color:#26bdef}.grid-portfolio figcaption h3{margin:0;padding:0;color:#fff}.grid-portfolio figcaption a{text-align:center;padding:5px 10px;border-radius:2px;display:inline-block;background:#26bdef;color:#fff}.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(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}.cs-style-3 figcaption{height:100px;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}.cs-style-3 figcaption a{position:absolute;bottom:20px;right:20px}@media screen and (max-width:31.5em){.grid-portfolio{padding:10px 10px 100px}.grid-portfolio li{width:100%;min-width:200px}}