*{box-sizing:border-box}img{max-width:100%;height:auto}.blur{filter:grayscale(0) blur(8px)!important}.colors img{filter:grayscale(0)!important}.img-biblioteca{margin:unset!important}.title-section{padding:60px;text-align:center}.title-section h1{text-align:center;text-transform:uppercase;font-weight:300;font-size:42px}.gallery{margin:auto;padding:60px;padding-top:0;text-align:center}.gallery .item{width:24%;height:200px;background:#000;margin-bottom:1px;overflow:hidden}.gallery .item .desc{position:absolute;background:rgba(255,255,255,.4);top:0;left:0;bottom:0;right:0;transition:all .3s ease;opacity:0}.gallery .item .desc h4{color:#000;font-weight:300;opacity:0;transition:all .3s ease;transition-delay:.3s;font-size:2em;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);margin:0;padding:0}.gallery .item img{display:block;width:100%;max-width:100%;transition:all .7s ease;-webkit-transform:translate(0,0) scale(1.2);transform:translate(0,0) scale(1.2);-webkit-filter:grayscale(1);filter:grayscale(1)}.gallery .item:hover .desc{opacity:1}.gallery .item:hover .desc h4{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.gallery .item:hover img{width:100%;max-width:100%;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1);-webkit-filter:none;filter:none}.btn-biblioteca:hover{background-color:#fff;color:#0991c7;border-color:#0991c7}@media all and (max-width:1500px){.gallery .item{width:32%;height:240px;margin-right:7px;margin-bottom:7px}.img-biblioteca{max-width:70%!important}.img-biblioteca-tab{max-width:200px!important}}@media all and (max-width:1180px){.gallery .item{width:49%;height:220px}.img-biblioteca{max-width:70%!important}.img-biblioteca-tab{max-width:200px!important}}@media all and (max-width:920px){.gallery .item{height:200px}}@media all and (max-width:780px){.gallery{padding-left:20px;padding-right:20px}.gallery .item{width:100%;height:240px}}@media all and (max-width:580px){.gallery .item{width:100%;height:200px}}.project-view{width:70%;height:100%;position:fixed;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;background:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);transition:all .4s ease;z-index:12}.project-view .project-article-header{text-align:center;height:30vh;background-size:100%!important;position:relative}.project-view .project-article-header .project-article-title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.project-view .project-article-header .project-article-title h1{font-size:2em;font-weight:300;margin:0;color:#fff;text-transform:uppercase}.project-view .project-article-content{padding:5%;max-width:700px;margin:auto}.project-view .project-article-content p{font-size:1em}.project-view .project-article-content img{display:block;margin:20px auto;max-width:100%}.overlay{position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.87);opacity:0;visibility:hidden;transition:all .2s ease;z-index:10}.articles-navigation{position:fixed;top:55px;left:25px;height:40px}.close,.next-btn,.prev-btn{float:left}.close{width:60px;height:60px;cursor:pointer;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close div{width:60px;height:2px;position:absolute;top:50%;left:50%;background:#fff}.close div:nth-child(1){-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.close div:nth-child(2){-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.article-opened .project-view{-webkit-transform:translate(0);transform:translate(0)}.article-opened .overlay{visibility:visible;opacity:1}#article-contents{display:none;visibility:hidden}.logo{max-width:120px;margin:60px auto}