*{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;line-height:1.3;position:relative}h1{font-size:6rem}@media(max-width:768px){h1{font-size:5.5rem}}@media(max-width:650px){h1{font-size:5rem}}h2{font-size:3rem;margin-bottom:.5em}@media(max-width:768px){h2{font-size:2.5rem}}@media(max-width:600px){h2{font-size:2rem}}h3{font-size:2rem;margin-bottom:.5em;margin-top:1em}@media(max-width:768px){h3{font-size:1.5rem}}h4{cursor:pointer;font-size:1.5rem;letter-spacing:0;margin-bottom:.5em;transition:.3s cubic-bezier(.53,-.06,.94,1.44)}p{font-size:1.2rem}a{color:#fff;padding:.2em;text-decoration:none}li{list-style-type:none}@media(max-width:650px){li{font-size:1.2rem}}img{max-width:100%}.container{margin:auto;width:min(90%,1140px)}.logo{width:65px}@media(max-width:650px){.logo{margin-bottom:.5em;width:40px}}.btn,.btn-dark,.btn-light,.btn-middle{border:0;display:block;margin-bottom:.3rem;padding:.5rem 1rem;transition:.3s cubic-bezier(.53,-.06,.94,1.44)}.btn-dark:hover,.btn-light:hover,.btn-middle:hover,.btn:hover{background:#2f8eb6;color:#fff}.btn-dark{background:#000;color:#fff}.btn-middle{background:#2e2e2e;color:#fff}.btn-light{background:#aeaeae;color:#333}nav{background-color:#272727;padding:.8em}nav .container,nav .container ul{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}nav .container ul{font-size:1.3rem}nav .container ul li{margin-left:1.5em}nav .container ul li a{position:relative;transition:.25s ease-in-out;z-index:0}nav .container ul li a:after{background:#fff;content:"";height:100%;left:0;position:absolute;top:0;transition:.3s cubic-bezier(.53,-.06,.94,1.44);width:0;z-index:-1}nav .container ul li a:hover{color:#272727}nav .container ul li a:hover:after{width:100%}@media(max-width:650px){nav .container{flex-direction:column}nav .container,nav .container ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}nav .container ul{flex-direction:row;font-size:1.5rem}nav .container ul li{margin-left:.5em}}.hero{background-color:#2e2e2e;border-radius:0 0 10rem 0;color:#fff;height:100vh;overflow:hidden}.hero .container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:30vh;justify-content:space-between;transform:translateY(100%)}@media(max-width:650px){.hero .container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}}.hero .container .text{position:relative}@media(max-width:650px){.hero .container .text{margin-top:-60%;position:absolute}}.hero .container .text span{color:#2f8eb6;font-weight:300}.hero .container .text:after{content:url(images/f965a7ed7488d05c37da.png);left:30em;opacity:.5;position:absolute;top:-13em}@media(max-width:650px){.hero .container .text:after{display:none}}.hero .container .socials{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}@media(max-width:650px){.hero .container .socials{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:70%}}.hero .container .socials a{transform:scale(1);transition:.3s cubic-bezier(.53,-.06,.94,1.44)}.hero .container .socials a+*{margin-top:1em}@media(max-width:650px){.hero .container .socials a+*{margin-left:1em;margin-top:0}}.hero .container .socials a:hover{transform:scale(1.3)}.hero .container .btn--animation{color:#fff;cursor:pointer;font-size:1.1rem;letter-spacing:2px;margin:1.5em 0 0 9em;overflow:hidden;padding:.55em;position:absolute;text-decoration:none;text-transform:uppercase}@media(max-width:650px){.hero .container .btn--animation{margin:1.5em 0 0 35%}}.hero .container .btn--animation:before{background:hsla(0,0%,100%,.05);bottom:2px;content:"";left:2px;position:absolute;top:2px;transition:.3s cubic-bezier(.53,-.06,.94,1.44);width:50%}.hero .container .btn--animation span:first-child{animation:animate1 2s linear infinite;background:linear-gradient(90deg,#2e2e2e,#2f8eb6);height:2px;left:0;position:absolute;top:0;width:100%}.hero .container .btn--animation span:nth-child(2){animation:animate2 2s linear infinite;animation-delay:1s;background:linear-gradient(90deg,#2e2e2e,#2f8eb6);height:100%;position:absolute;right:0;top:0;width:2px}.hero .container .btn--animation span:nth-child(3){animation:animate3 2s linear infinite;background:linear-gradient(90deg,#2e2e2e,#2f8eb6);bottom:0;height:2px;left:0;position:absolute;width:100%}.hero .container .btn--animation span:nth-child(4){animation:animate4 2s linear infinite;animation-delay:1s;background:linear-gradient(90deg,#2e2e2e,#2f8eb6);height:100%;left:0;position:absolute;top:0;width:2px}.hero .container .btn--animation:hover:before{width:95.5%}@media(max-width:1000px){.hero .container .text{top:10em}.hero .container .text:after{left:10em;top:-35em}}.about{background:linear-gradient(90deg,#2e2e2e 0,#2e2e2e 50%,#fff 75%,#fff)}.about .ovarlay{background-color:#fff;border-radius:10rem 0 0 0}.about .ovarlay .container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:5em 0}@media(max-width:768px){.about .ovarlay .container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between}}.about .ovarlay .container .text{flex:0 0 58%;text-align:justify}.about .ovarlay .container .about-img{flex:0 0 40%}.about .ovarlay .container .about-img img{width:100%}@media(max-width:768px){.about .ovarlay .container .about-img{margin-top:1em}}.projects{background-color:#fff;border-radius:0 0 0 10em;padding-bottom:2.5em;position:inherit}.projects:before{background-color:#2e2e2e;bottom:-2.5em;content:"";height:20em;left:0;position:absolute;width:50%;z-index:-1}.projects .container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:5em 0;position:inherit}@media(max-width:1140px){.projects .container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;padding-top:0}}.projects .container h2{flex:100%}.projects .container .projects-section{flex:0 0 60%}@media(max-width:1140px){.projects .container .projects-section{display:none}}.projects .container .projects-description{align-self:flex-start;flex:0 0 38%;text-align:center}.projects .container .projects-description .projects-sum{background:#2e2e2e;border-radius:.5em;padding:2em}.projects .container .projects-description .projects-section-sm{display:none}@media(max-width:1140px){.projects .container .projects-description .projects-section-sm{display:block;margin-top:1em}}.projects .container .projects-description .text{margin-top:2em;text-align:justify}.projects .container .projects-description .text>*+*{margin-top:1.5em}.projects .container .projects-description .text .cta{background-color:#2f8eb6;border-radius:.5em;color:#fff;padding:.5em}.projects .container .projects-description .text .cta span{font-style:italic}.projects .container .projects-description .text ul li{font-size:1.1rem}.projects .container .projects-description .contact form{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}.projects .container .projects-description .contact form textarea{border:1px solid #2e2e2e;font-family:inherit;outline:none;padding:.5em;width:100%}.projects .container .projects-description .contact form textarea:focus{border:1px solid #2f8eb6}.projects .container .projects-description .contact form .form-control{margin:20px 0;position:relative;width:100%}.projects .container .projects-description .contact form .form-control input{background-color:transparent;border:0;border-bottom:1px solid #2e2e2e;display:block;font-size:1.1rem;padding:.5em 20%;transition:.3s cubic-bezier(.68,-.55,.265,1.55);width:100%}.projects .container .projects-description .contact form .form-control label{left:0;position:absolute;top:.5em}.projects .container .projects-description .contact form .form-control label span{display:inline-block;font-size:18px;min-width:5px;transition:.3s cubic-bezier(.68,-.55,.265,1.55)}.projects .container .projects-description .contact form .form-control :focus{border:0;border-bottom:1px solid #2f8eb6;outline:none;padding:.5em 0}.projects .container .projects-description .contact form .form-control :focus+label span{color:#2f8eb6;transform:translateY(-30px)}.projects .container .projects-description .contact form #submit{align-self:center;background-color:#2f8eb6;border:none;border-radius:.2em;color:#fff;cursor:pointer;font-size:1.3rem;margin-top:1em;padding:.5em}.projects .container .projects-description .contact form #submit:hover{transform:scaleX(.95)}.projects-page{min-height:55vh;padding:5em 0}.projects-page .container .btn-nav{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.projects-page .container .btn-nav>*+*{margin-left:.1em}.projects-page .container .btn-nav button{font-size:1.5rem}.projects-page .container .filter-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:1em}.projects-page .container .filter-container .item{flex:0 0 32%;margin:.5em}.projects-page .container .filter-container .item .img{height:200px;overflow:hidden;position:relative}.projects-page .container .filter-container .item .img img{border-bottom:.3rem solid #fff;height:200px;object-fit:cover;width:100%}.projects-page .container .filter-container .item .img .item-text{height:100%;padding:1em;position:absolute;width:100%}.projects-page .container .filter-container .item .img:hover img{border-color:#2f8eb6;opacity:.2}.projects-page .container .filter-container .item .img:hover .item-text{transform:translateY(-100%)}@media(max-width:1250px){.projects-page .container .filter-container .item{flex:1 0 48%}}footer{background-color:#2e2e2e;border-radius:0 10em 0 0;color:#fff;display:block;padding-bottom:.2em;text-align:center}footer .container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:20vh;justify-content:space-between;padding:5em 0}@media(max-width:750px){footer .container{height:auto}}@media(max-width:650px){footer .container p{flex:100%}}footer .container .socials a img{transform:scale(.7);transition:.3s cubic-bezier(.53,-.06,.94,1.44)}@media(max-width:650px){footer .container .socials a img{transform:scale(.4)}}footer .container .socials a:hover img{transform:scale(.6)}footer .container .socials>*+*{margin-left:2em}@keyframes animate1{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes animate2{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes animate3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes animate4{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}