.grid{position:relative;clear:both;list-style:none;text-align:center;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;width:100%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;max-width:100%;}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption,
.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2{word-spacing:-0.15em;font-weight:400;}
.grid figure h2 span{font-weight:700;}
.grid figure h2,
.grid figure p{margin:0;}
.grid figure p{font-size:68.5%;}
figure.effect-apollo{background:#333;}
.item figure.effect-apollo{background:#000;}
.item figure.effect-apollo{margin:0;margin-bottom:30px;border:1px solid #eaeaea;}
figure.effect-apollo img{opacity:0.5;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
.item figure.effect-apollo img{opacity:1;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.8);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.item figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(51, 102, 153, .8);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo .social-icons{position:absolute;right:0;bottom:0;margin:3em;padding:0 1em;max-width:150px;border-right:4px solid #fff;text-align:right;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
.item figure.effect-apollo .category{position:absolute;width:100%;text-align:center;right:0;bottom:38%;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
.item figure.effect-apollo .category span{text-align:center;font-size:15px;text-transform:capitalize;}
figure.effect-apollo .social-icons li a{-webkit-transition:.3s all;-o-transition:.3s all;transition:.3s all;}
figure.effect-apollo .social-icons li a:hover{color:#f97352 !important;}
figure.effect-apollo h2{text-align:left;}
.item figure.effect-apollo h2{position:absolute;top:42%;width:100%;text-align:center;margin-left:-35px;font-size:24px;text-transform:capitalize;font-weight:400;opacity:0;-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.item figure.effect-apollo:hover h2{opacity:1;}
figure.effect-apollo:hover img{opacity:0.4;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
.item figure.effect-apollo:hover img{opacity:0.2;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover .social-icons{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
.item figure.effect-apollo:hover .category{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
@media screen and (max-width:50em){.grid figure{display:inline-block;float:none;margin:10px auto;width:100%;}
}