html{scroll-behavior:smooth}.homepage-above-the-fold .scroll-button{animation:fadein 8s;-moz-animation:fadein 8s;-webkit-animation:fadein 8s}.homepage-above-the-fold{display:flex;height:100vh;background-color:#e31b79}.homepage-above-the-fold .hero-content{align-self:center;margin-left:auto;margin-right:auto;text-align:center}.homepage-above-the-fold .hero-content h1{font-family:"Comfortaa",cursive;color:#fff;font-size:1em;margin:0;line-height:1}@-moz-document url-prefix(){.homepage-above-the-fold .hero-content h1{font-family:"Montserrat",sans-serif}}.homepage-above-the-fold span.hero-intro-text{display:block;font-size:2em;line-height:.8em;padding-bottom:1em}.homepage-above-the-fold span.hero-intro-tagline{display:block;font-size:1.3em;text-align:center;padding-top:6vh}.homepage-above-the-fold svg{max-width:600px}.page-template-homepage h2.headline{font-size:2.2em;font-weight:600}.page-template-homepage div#sobre-nos p{font-size:1.3em}.page-template-homepage span.section-link a{display:block;font-size:1em;font-weight:600;text-align:right;padding:.5em 0}.page-template-homepage span.section-link a:after{content:" \27F6";font-weight:600}.page-template-homepage .background{max-width:100%!important;height:100%;margin:4em 0;color:#fff;background-color:#111;padding:3em 0;background-attachment:fixed;background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.page-template-homepage .background>*{margin:36px auto;max-width:750px}.page-template-homepage .background h2::before{margin-top:-3em;height:3em}.page-template-homepage .background h2,.page-template-homepage .background h3{color:#fff}.page-template-homepage .background div,.page-template-homepage .background p{max-width:750px}.page-template-homepage .background ul.services-columns{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em auto 0!important;padding:0;list-style:none}.page-template-homepage .background ul.services-columns li{max-width:calc(50% - 2.5em);margin:0 0 3em}.page-template-homepage .background ul.services-columns li h3{font-weight:600;font-size:1.2em;line-height:1.8em}.page-template-homepage .background ul.services-columns li p{margin:0 0 2em;line-height:1.8em;font-size:.9em}.page-template-homepage .background ul.services-columns button{padding:1rem 1.2rem}.page-template-homepage .fullwidth{margin:5em 0;max-width:none!important}.page-template-homepage .fullwidth>*{margin-left:auto;margin-right:auto;max-width:750px}.page-template-homepage ul.portfolio{list-style:none;margin:4em 0!important;display:flex;flex-wrap:wrap;max-width:100%!important;padding:0;pointer-events:none}.page-template-homepage ul.portfolio li{pointer-events:auto;margin:0;display:inline-flex;flex:1 2 25%;min-width:15%;max-width:25%;flex-wrap:wrap;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:35vw;padding:0 1em;color:#fff;background-image:linear-gradient(to bottom,rgb(0,0,0,.25),rgb(0,0,0,.75));;background-size:cover;background-position:center;background-repeat:no-repeat;position: relative;-webkit-transition:all .5s ease-in-out;transition:all .8s ease-in-out}.page-template-homepage ul.portfolio:hover li{flex:1 2 calc((100% - 35%)/3);max-width:25%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-homepage ul.portfolio li:hover{flex:2 0 35%;max-width:35%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-homepage ul.portfolio li .portfolio-background{position:absolute;left:0;right:0;top:0;bottom:0;height:100%;width:auto;mix-blend-mode:multiply;z-index:0}.page-template-homepage ul.portfolio li .portfolio-background img{pointer-events:none;object-fit:cover;height:100%;margin:0;}.page-template-homepage ul.portfolio li svg{width:200px;height:auto;margin:2em 0 0;z-index:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-homepage ul.portfolio li:hover svg{width:270px;height:auto;margin:-.5em 0 0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.page-template-homepage ul.portfolio li span{visibility:hidden;height:1em;margin:1em 0 0;opacity:0;z-index:1;-webkit-transition:all .5s linear;transition:all .5s linear}.page-template-homepage ul.portfolio li:hover span{visibility:visible;margin:1.5em 0 0;opacity:1;-webkit-transition:all .5s linear;transition:all .5s linear}.page-template-homepage div#contact-us{margin-top:4em}@media screen and (max-width:1200px){.page-template-homepage ul.portfolio li,.page-template-homepage ul.portfolio li:hover,.page-template-homepage ul.portfolio:hover li{flex:1 2 50%;max-width:50%;height:40vw}.page-template-homepage ul.portfolio li:hover svg{width:200px}#portfolio{scroll-margin-top:7em;}}@media screen and (max-width:860px){.page-template-homepage .background{max-width:none!important;margin:4em -2em;padding:2em}.page-template-homepage ul.portfolio{margin:3em -2em!important;max-width:calc(100% + 4em)!important}}@media screen and (max-width:776px){.homepage-above-the-fold .hero-content{width:80vw}.homepage-above-the-fold .hero-intro-text{font-size:1.5em}.homepage-above-the-fold .hero-intro-tagline{font-size:1.2em;padding-top:3vh;line-height:2em}.page-template-homepage .background ul.services-columns li{max-width:100%}.page-template-homepage .background ul.services-columns li p{font-size:1.1em}.page-template-homepage .background ul.services-columns button{font-size:1.1em;padding:1.2rem 1.4rem}.page-template-homepage ul.portfolio li,.page-template-homepage ul.portfolio li:hover,.page-template-homepage ul.portfolio:hover li{flex:2 1 100%;max-width:50%;height:16em}.page-template-homepage ul.portfolio li svg{width:130px;margin:0}.page-template-homepage ul.portfolio li:hover svg{width:150px;margin:0}.page-template-homepage ul.portfolio li span,.page-template-homepage ul.portfolio li:hover span{display:none}}@media screen and (max-width:360px){.page-template-homepage p{font-size:1em}}@media screen and (min-width:1200px){#portfolio{scroll-margin-top:9em;}}@supports (not (-ms-ime-align:auto)){.homepage-above-the-fold .hero-intro-text{-moz-animation:fadein 2.6s;-webkit-animation:fadein 2.6s;animation:fadein 2.6s}.homepage-above-the-fold .hero-intro-tagline{-moz-animation:fadeindown 6s;-webkit-animation:fadeindown 6s;animation:fadeindown 6s}}@media screen and (orientation:landscape) and (max-height:600px){.hero-content{font-size:2.5vh}}@media screen and (orientation:portrait) and (max-height:600px){.hero-content{font-size:4vw}}