.clearfix:after,.grid-wrap{clear:both}.grid li h3,.title-box h2{text-transform:uppercase;letter-spacing:1px}.clearfix:after,.clearfix:before,.grid .curtain::after,.grid li>a::before{content:''}.grid *,.grid ::after,.grid ::before,.grid-wrap a::after,.grid-wrap a::before,.grid-wrap h3::after,.grid-wrap h3::before,.grid-wrap img::after,.grid-wrap img::before,.grid-wrap li::after,.grid-wrap li::before,.grid-wrap section::after,.grid-wrap section::before,.grid-wrap ul::after,.grid-wrap ul::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix:after,.clearfix:before{display:table}section{padding:1em;text-align:center}#boletim{color:#eee;font-family:oswaldregular;font-size:40px;outline:0;text-decoration:none}.title-box h2,.title-box h2 a:hover{color:#ffd600}.grid-wrap{margin:0 auto;padding:0;max-width:1260px}.grid{margin:30px auto;padding:0;list-style:none;min-height:500px}.js .grid{background:url(../img/loading.gif) 50% 100px no-repeat}.js .grid.loaded{background:0 0}.grid li{display:inline-block;overflow:hidden;width:314px;text-align:left;vertical-align:top}.js .grid li{display:none;float:left}.js .grid.loaded li{display:block}.title-box h2{background:#000;display:block;font-family:oswaldregular;font-size:40px;font-weight:lighter;line-height:1.005em;margin:7px;padding:20px}.title-box h2 a{display:block;font-weight:900}.grid li img,.grid li>a{display:block;outline:0;border:none}.grid li>a{position:relative;overflow:hidden;margin:7px}.grid .curtain{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background:#ffd600}.grid.swipe-right .curtain{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.grid.swipe-down .curtain{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.grid.swipe-rotate .curtain{width:200%;height:200%;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);-webkit-transform-origin:top left;transform-origin:top left}.grid .curtain::after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,1)}.grid.swipe-right .curtain::after,.grid.swipe-rotate .curtain::after{left:-100%}.grid.swipe-down .curtain::after{top:-100%}.grid li h3{position:absolute;bottom:0;left:0;margin:0;padding:10px;width:100%;background:#000;color:#fff;text-align:right;font-weight:800;font-size:1em;-webkit-transition:-webkit-transform .2s,color .2s;transition:transform .2s,color .2s}.grid li>a::before{position:absolute;top:0;left:0;width:100.5%;height:100.5%;border:0 solid transparent;background:rgba(0,0,0,0);-webkit-transition:border-width .2s,border-color .2s;transition:border-width .2s,border-color .2s}.grid li.shown:hover h3{color:#ffd600}.grid li.shown:hover>a::before{border-width:14px;border-color:#000}.grid.swipe-right li.animate .curtain{-webkit-animation:swipeRight 1.5s cubic-bezier(.6,0,.4,1) forwards;animation:swipeRight 1.5s cubic-bezier(.6,0,.4,1) forwards}@-webkit-keyframes swipeRight{50%,60%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(100%,0,0)}}@keyframes swipeRight{50%,60%{-webkit-transform:translate3d(0,0,0);transform:translate(0)}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.grid.swipe-down li.animate .curtain{-webkit-animation:swipeDown 1.5s cubic-bezier(.6,0,.4,1) forwards;animation:swipeDown 1.5s cubic-bezier(.6,0,.4,1) forwards}@-webkit-keyframes swipeDown{50%,60%{-webkit-transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(0,100%,0)}}@keyframes swipeDown{50%,60%{-webkit-transform:translate(0);transform:translate(0)}100%{transform:translate3d(0,100%,0)}}.grid.swipe-rotate li.animate .curtain{-webkit-animation:swipeRotate 1.5s ease forwards;animation:swipeRotate 1.5s ease forwards}@-webkit-keyframes swipeRotate{50%,60%{-webkit-transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,-90deg)}}@keyframes swipeRotate{50%,60%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}100%{-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg)}}.grid li.animate .curtain::after{-webkit-animation:fadeOut 1.5s ease forwards;animation:fadeOut 1.5s ease forwards;-webkit-animation-delay:inherit;animation-delay:inherit}@-webkit-keyframes fadeOut{50%,60%{opacity:1}100%{opacity:0}}@keyframes fadeOut{50%,60%{opacity:1}100%{opacity:0}}.js .grid li h3,.js .grid li img{visibility:hidden}.grid li.animate h3,.grid li.animate img{-webkit-animation:showMe 1.5s step-end forwards;animation:showMe 1.5s step-end forwards}@-webkit-keyframes showMe{from{visibility:hidden}100%,60%{visibility:visible}}@keyframes showMe{from{visibility:hidden}100%,60%{visibility:visible}}.grid li.shown h3,.grid li.shown img{visibility:visible}