.grid{overflow:hidden;margin:0;padding:0;width:100%;max-width:1920px;list-style:none;text-align:center}.grid figure{position:relative;z-index:1;display:inline-block;overflow:hidden;float:left;height:400px;background:#f8f8f8;text-align:center}.grid figure img{position:relative;display:block;min-height:100%;opacity:.8;width:auto}.grid figure figcaption{padding:2em;font-size:1.2em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure figcaption table{padding:1.5em;font-size:.8em;-webkit-backface-visibility:hidden;backface-visibility:hidden}.grid figure.effect-layla figcaption::after,.grid figure.effect-layla figcaption::before{pointer-events:none}.grid figure.effect-layla a,.grid figure.effect-layla figcaption{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure.effect-layla a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2,.grid figure p{margin:0}.grid figure p{color:#fff;letter-spacing:1px}.grid figure.no-effect h2{color:#333}.grid figure.no-effect p{color:#666;padding:1em;text-align:left;text-transform:initial}.grid figure .list-group,.grid figure .panel{text-align:left}figure.effect-layla{background:#316bad;cursor:pointer}figure.effect-layla img{min-width:100%;height:-webkit-calc(100% + 40px);height:calc(100% + 40px)}figure.effect-layla figcaption{padding:3em}figure.effect-layla figcaption::after,figure.effect-layla figcaption::before{position:absolute;content:'';opacity:0}figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}figure.effect-layla h2{color:#fff;padding-top:50%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}figure.effect-layla p{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}figure.effect-layla h2,figure.effect-layla img{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}figure.effect-layla figcaption::after,figure.effect-layla figcaption::before,figure.effect-layla img,figure.effect-layla p{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}figure.effect-layla:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption::after,figure.effect-layla:hover figcaption::before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}figure.effect-layla:hover h2,figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}figure.effect-layla:hover figcaption::after,figure.effect-layla:hover h2,figure.effect-layla:hover img,figure.effect-layla:hover p{-webkit-transition-delay:.15s;transition-delay:.15s}@media screen and (max-width:1199px) and (min-width:992px){.grid figure{height:375px}.grid figure h2{font-size:24px}.grid figure p{font-size:12px}}@media screen and (max-width:767px){.grid figure{height:375px}.grid figure figcaption{padding:1em}}