.blog-article-animation{overflow:hidden}.blog-article-animation figure{width:100%;position:relative;float:left;overflow:hidden}.blog-article-animation figure figcaption{-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-article-animation figure figcaption::before,.blog-article-animation figure figcaption::after{pointer-events:none}.blog-article-animation figure figcaption,.blog-article-animation figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.blog-article-animation figure figcaption>a{padding:.5rem}.blog-article-animation figure .post-excerpt{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure:hover .post-excerpt{opacity:1}.blog-article-animation figcaption .content{font-size:.8rem;line-height:1.4rem;width:100%}.blog-article-animation figcaption .content .category{text-transform:uppercase;font-weight:600;margin:.2rem}.blog-article-animation figcaption .content .date{text-transform:capitalize;margin:0 .5rem .3rem .5rem}.blog-article-animation figcaption .content .date i{margin-right:.3rem}.blog-article-animation figcaption .content .author{text-transform:capitalize;margin:0 .5rem .3rem .5rem}.blog-article-animation figcaption .content .author i{margin-right:.3rem}.blog-article-animation figure figcaption>a{text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.blog-article-animation figure h2,.blog-article-animation figure .content{margin:0;text-align:center}.blog-article-animation figure .content{color:#868686}.blog-article-animation figure .table{display:table;width:100%;height:100%}.blog-article-animation figure figcaption .tablefull{display:table;width:100%;height:100%;opacity:0;cursor:pointer}.blog-article-animation figure figcaption:hover .tablefull{opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure .content{display:table}.blog-article-animation figure .table .middle,.blog-article-animation figure .tablefull .middle,.blog-article-animation figure .content .middle{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}.blog-article-animation figure.effect-none img{max-width:none;opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure.effect-none:hover img{opacity:1}.blog-article-animation figure.effect-none figcaption{text-align:left}.blog-article-animation figure.effect-none figcaption>div{position:absolute;bottom:0;left:0;padding:2em;width:100%;height:100%}.blog-article-animation figure.effect-none h2,.blog-article-animation figure.effect-none .content{-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}.blog-article-animation figure.effect-none .content{opacity:0}.blog-article-animation figure.effect-color img{max-width:none;opacity:.7;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure.effect-color:hover img{opacity:.85;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.blog-article-animation figure.effect-lily img{max-width:none;width:-webkit-calc(100% + 50px);width:calc(100% + 50px);opacity:.7;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-40px,0,0);transform:translate3d(-40px,0,0)}.blog-article-animation figure.effect-lily figcaption{text-align:left}.blog-article-animation figure.effect-lily figcaption>a,.blog-article-animation figure.effect-lily figcaption>div{position:absolute;bottom:0;left:0;padding:0 3.5rem 0 3.5rem;width:100%;height:100%}.blog-article-animation figure.effect-lily .content{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}.blog-article-animation figure.effect-lily .content{display:none}.blog-article-animation figure.effect-lily h2{-webkit-transition:-webkit-transform 0.35s;padding:8%;background:rgba(255,255,255,.9);transition:background 0.2s,transform 0.35s}.blog-article-animation figure.effect-lily .content{opacity:0;-webkit-transition:opacity 0.2s,-webkit-transform 0.35s;transition:opacity 0.2s,transform 0.35s}.blog-article-animation figure.effect-lily:hover figcaption{-webkit-transition:all 0.35s linear;transition:all 0.35s linear;background:rgba(255,255,255,.5)}.blog-article-animation figure.effect-lily:hover img{opacity:.3}.blog-article-animation figure.effect-lily:hover .content{opacity:1}.blog-article-animation figure.effect-lily:hover img,.blog-article-animation figure.effect-lily:hover h2,.blog-article-animation figure.effect-lily:hover .content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all 0.35s ease;transition:all 0.35s ease}.blog-article-animation figure.effect-lily:hover h2{background:transparent;padding:0% 8%;display:none;transition-duration:0.15s}.blog-article-animation figure.effect-lily:hover .content{-webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0);display:block}.blog-article-animation figure.effect-sadie figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);content:'';opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}.blog-article-animation figure.effect-sadie h2{left:0;width:100%;color:#fff;padding:2em;-webkit-transition:-webkit-transform 0.35s,color 0.35s;transition:transform 0.35s,color 0.35s;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);text-align:center}.blog-article-animation figure.effect-sadie figcaption::before,.blog-article-animation figure.effect-sadie .content{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure.effect-sadie .content-excpert,.blog-article-animation figure.effect-sadie .content{position:absolute;bottom:0;left:0;padding:2em;width:100%;opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-sadie:hover figcaption::before,.blog-article-animation figure.effect-sadie:hover .content-excpert,.blog-article-animation figure.effect-sadie:hover .content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-sadie:hover h2{position:relative;color:#000}.blog-article-animation figure.effect-roxy img{opacity:1;max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.blog-article-animation figure.effect-roxy figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.blog-article-animation figure.effect-roxy figcaption{padding:3em;text-align:left}.blog-article-animation figure.effect-roxy h2{color:#fff;padding:6%}.blog-article-animation figure.effect-roxy .content{opacity:0;vertical-align:middle;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.blog-article-animation figure.effect-roxy:hover img{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-roxy:hover h2{color:#161616;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-roxy:hover figcaption::before,.blog-article-animation figure.effect-roxy:hover .content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-roxy:hover figcaption .table{background:rgba(255,255,255,.8);-webkit-transition:background 0.35s,-webkit-transform 0.35s;transition:background 0.35s,transform 0.35s}.blog-article-animation figure.effect-oscar img{opacity:.9;-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.blog-article-animation figure.effect-oscar figcaption{padding:3em;-webkit-transition:background-color 0.35s;transition:background-color 0.35s}.blog-article-animation figure.effect-oscar figcaption::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:''}.blog-article-animation figure.effect-oscar h2{margin:20% 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.blog-article-animation figure.effect-oscar figcaption::before,.blog-article-animation figure.effect-oscar .content{opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0);transform:scale(0)}.blog-article-animation figure.effect-oscar:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-oscar:hover figcaption::before,.blog-article-animation figure.effect-oscar:hover .content{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.blog-article-animation figure.effect-oscar:hover img{opacity:.2}.blog-article-animation figure.effect-ruby img{opacity:.7;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1.15);transform:scale(1.15)}.blog-article-animation figure.effect-ruby:hover img{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}.blog-article-animation figure.effect-ruby h2{margin-top:20%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);padding-bottom:.5em}.blog-article-animation figure.effect-ruby .content{margin:1em 0 0;padding:1.5em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,20px,0) scale(1.1);transform:translate3d(0,20px,0) scale(1.1);width:calc(85% - 20px);margin:auto}.blog-article-animation figure.effect-ruby:hover h2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-ruby:hover .content{opacity:1;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.blog-article-animation figure.effect-milo{background:#FFF}.blog-article-animation figure.effect-milo img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-30px,0,0) scale(1.12);transform:translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-article-animation figure.effect-milo:hover img{opacity:.15;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.blog-article-animation figure.effect-milo h2{position:absolute;left:0%;right:0%;bottom:0%;text-align:center;padding:8%;background-color:#fff;-webkit-transition:background 0.35s ease;transition:background 0.35s ease}.blog-article-animation figure.effect-milo:hover h2{background:transparent}.blog-article-animation figure.effect-milo .content{margin:0 auto;padding-bottom:18%;width:80%;border-right:0 solid;text-align:center;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure.effect-milo:hover .content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-mila{background:#FFF}.blog-article-animation figure.effect-mila img{max-width:none;width:-webkit-calc(100% + 60px);width:calc(100% + 60px);opacity:1;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-30px,0,0) scale(1.12);transform:translate3d(-30px,0,0) scale(1.12);-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-article-animation figure.effect-mila:hover img{opacity:.15;-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.blog-article-animation figure.effect-mila h2{position:absolute;left:0%;right:0%;top:0%;text-align:center;padding:8%;background-color:#fff;-webkit-transition:background 0.35s ease;transition:background 0.35s ease}.blog-article-animation figure.effect-mila:hover h2{background:transparent}.blog-article-animation figure.effect-mila .content{margin:0 auto;padding-top:18%;width:80%;border-right:0 solid;text-align:center;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s}.blog-article-animation figure.effect-mila:hover .content{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-goliath{background:#FFF}.blog-article-animation figure.effect-goliath img,.blog-article-animation figure.effect-goliath h2{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s}.blog-article-animation figure.effect-goliath img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-article-animation figure.effect-goliath h2,.blog-article-animation figure.effect-goliath p{position:absolute;bottom:0;left:0;padding:25px;text-align:center;width:100%}.blog-article-animation figure.effect-goliath p{padding:25px}.blog-article-animation figure.effect-goliath p{text-transform:none;font-size:90%;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}.blog-article-animation figure.effect-goliath:hover img{-webkit-transform:translate3d(0,-80px,0);transform:translate3d(0,-80px,0)}.blog-article-animation figure.effect-goliath:hover h2{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}.blog-article-animation figure.effect-goliath:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.icon-eye::before{content:'\e000'}.icon-paper-clip::before{content:'\e001'}.icon-heart::before{content:'\e024'}.blog-article-animation figure.effect-zoe h2{display:inline-block}.blog-article-animation figure.effect-zoe:hover p.description{opacity:1}.blog-article-animation figure.effect-zoe:hover figcaption,.blog-article-animation figure.effect-zoe:hover h2,.blog-article-animation figure.effect-zoe:hover p.icon-links a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.blog-article-animation figure.effect-zoe:hover h2{-webkit-transition-delay:0.05s;transition-delay:0.05s}.blog-article-animation figure.effect-zoe:hover p.icon-links a:nth-child(3){-webkit-transition-delay:0.1s;transition-delay:0.1s}.blog-article-animation figure.effect-zoe:hover p.icon-links a:nth-child(2){-webkit-transition-delay:0.15s;transition-delay:0.15s}.blog-article-animation figure.effect-zoe:hover p.icon-links a:first-child{-webkit-transition-delay:0.2s;transition-delay:0.2s}@media screen and (max-width:50em){.blog-article-animation figure .content{padding:0;text-align:center}.blog-article-animation figure{display:inline-block;float:none;width:100%}}.blog-article-animation figure figcaption .tablefull h2{margin-top:0;padding:0}.blog-article-animation figure.effect-sarah .tablefull h2{padding:.5em 0}.blog-article-animation .effect-roxy .tablefull h2{padding:20px}.blog-article-animation figure:hover figcaption{-webkit-transition:background 0.35s,-webkit-transform 0.35s;transition:background 0.35s,transform 0.35s}@media screen and (max-width:768px){.blog-article-animation figure figcaption .tablefull h2{font-size:1.3rem}}