html{scroll-behavior:smooth}:root{--water-green-tr: hwb(172 16% 38% / .404);--water-green: hsl(172, 58%, 39%);--blue: hsl(212, 30%, 18%);--blue-tr: hsla(198, 36%, 28%, .1);--gray: hsl(345, 6%, 13%);--gray-tr: hsla(345, 6%, 13%, .39);--white: hsl(180, 100%, 100%);--green-gradient: linear-gradient(to top, #209cff 0%, #68e0cf 100%);--swiper-theme-color:#FFFFFF !important}*{margin:0;box-sizing:border-box}.load{display:flex;justify-content:center;align-items:center;height:100vh;background:white;color:var(--blue);text-transform:uppercase;font-size:2.5em;text-shadow:2px 2px 10px rgba(0,0,0,.2)}@keyframes dots{50%{transform:translateY(-.4rem)}to{transform:translateY(0)}}.d{animation:dots 1.5s ease-out infinite}.d-2{animation-delay:.5s}.d-3{animation-delay:1s}.animate__animated{animation-duration:1s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn;animation-duration:1s}body{font-family:Outfit,sans-serif;color:var(--blue)}li{list-style:none}a{cursor:pointer}.title{font-size:30px;font-weight:600;text-align:center}.main{display:grid;margin:0 auto;grid-template-columns:1fr;grid-template-rows:repeat(6,max-content);grid-template-areas:"slide" "services" "works" "abouts" "testimonials" "logos" "map" "contact" "footer"}.container{width:90%;margin:0 auto;overflow:hidden;padding:8px 0}header{position:static;height:7vh;width:100%}.main__nav{--state-close: scale(0);--state-hamburguer: scale(1);--state-menu: translate(-100%);background:var(--white);justify-content:space-between;align-items:center;display:flex;padding:10px}.menuHamburguer{--state-menu: translate(0%);--state-close: scale(1);--state-hamburguer: scale(0)}.nav__hamburguer{cursor:pointer;grid-column:-2/-1;grid-row:1/2;padding-right:1em;transition:.4s transform}.nav__hamburguer span{width:32px;height:3px;background-color:var(--blue);display:block;transition:.2s ease-in-out}.nav__hamburguer span:nth-child(2){margin:4px 0}.nav__close{transform:var(--state-close);transition:.2s ease-in-out}.nav__close span:nth-child(2){display:none}.nav__close span:nth-child(1){transform:rotate(40deg)}.nav__close span:nth-child(3){transform:rotate(-40deg);margin-top:-3px}.nav__icon{width:30px}.main__logo{height:100%;z-index:1}.main__logo img{width:50%}.main__links{background-color:var(--white);position:fixed;inset:0;display:grid;align-content:center;padding:0 0 0 5%;gap:2em;transform:var(--state-menu);transition:.3s transform}.main__list{list-style:none}.main__link{text-decoration:none;letter-spacing:2px;font-size:1.2rem}.social__icons{margin-top:auto}.social__icons img:hover{background-color:var(--water-green-tr);border-radius:6px;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;transform:scale(1.1)}.congrats__text{text-align:center;font-weight:400}.fixed{position:-webkit-sticky;position:fixed;z-index:1000;top:0;width:100%;box-shadow:0 4px 3px var(--gray-tr)}.slide{grid-area:slide;display:grid}.mySlider img,video{width:100%;height:100vh;object-fit:cover;vertical-align:top;transition:opacity .3s;background-size:cover;background-position:center;z-index:-1!important}.mySlider__title{position:absolute;padding-top:10%;width:100%;text-align:center;font-size:50px;background-color:#ffffff70}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown;animation-fill-mode:both;animation-duration:1.5s}.services{grid-area:services;width:100%;background-color:var(--water-green);min-height:40vh;display:grid;justify-content:center;align-items:center}.service__img{margin:15px 0;display:flex;justify-content:center}.service__img img{padding:10px;background:var(--white);width:15%;height:15%;border-radius:10px}.service__title{display:flex;justify-content:center;font-weight:500;font-size:22px;color:var(--white)}.service__paragraph{margin:10px;color:var(--white);line-height:20px;text-align:center;font-size:15px;font-weight:300}.works{grid-area:works;width:95%}.works a{text-decoration:none;color:#fff}.works__galery{display:grid;justify-content:space-around}.works__galery .work__galery{position:relative;width:100%;min-height:200px;margin-bottom:5px;overflow:hidden}.works__title{display:grid;align-content:center;grid-row:1/1;grid-column:1/1;width:100%;height:18vh}.works__title h2{position:relative}.works__separator{height:1px;margin-top:2%;width:200px;background-color:var(--water-green)}.center{position:relative;top:55%;margin-left:auto!important;margin-right:auto!important;display:table!important;text-align:center}.work__galery img{width:100%;height:100%;transition:.8s ease-in-out;object-fit:cover;object-position:50% 25%}.work__overlay{position:absolute;left:0;bottom:0;background:var(--water-green-tr);width:100%;height:0;overflow:hidden;transition:.5s ease-in-out}.work__title{color:#fff;font-weight:300;font-size:30px;position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}.work__galery img:hover{transition:.5s ease-in-out;transform:scale(1.2);-webkit-transition:.5s ease-in-out}.work__galery:hover .work__overlay{height:100%;cursor:pointer;animation:zoomIn .3s ease-in-out}.abouts{grid-area:abouts}.about__card{width:100%;background-color:var(--blue-tr);padding:2em 5%}.about__text .title{text-align:initial}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{animation-name:flipInX;animation-duration:1s;animation-fill-mode:both}.divider{height:30px}.about__card__team{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-column-gap:25px;grid-row-gap:25px;grid-template-rows:auto}.about__card__profile{background-color:var(--white);text-align:center;border-radius:10px;flex-direction:column;align-items:center;display:flex;padding:25px}.about__card__profile img{border-radius:10px;width:250px;height:250px;background-size:cover}.about__title{margin-bottom:2px;font-weight:600;padding-top:4%}.about__subtitle{text-transform:uppercase;font-weight:200;color:var(--water-green)}.about__paragraph{text-align:justify;line-height:1.6;font-size:15px;font-weight:300}.about__paragraph p{margin-top:15px}.about__paragraph span{font-weight:600}.bg{display:flex;justify-content:center;align-items:center;margin-top:3%;height:45vh}.about .about__background{background-size:cover;background-position:center center;background-repeat:no-repeat;border-radius:10px}.about__portfolio__btn{display:grid;justify-content:center;align-items:center;color:var(--blue);text-decoration:none;font-size:30px;font-weight:400}.about__portfolio__btn:hover{border-color:var(--water-green);color:var(--water-green);animation:fadeIn .3s ease-in-out}.testimonials{grid-area:testimonials;background-color:#d3d6da;padding:3em 5%}.testimonials__container{max-width:1100px;margin-left:auto;margin-right:auto}.testimonials__clients{max-width:100%;display:grid;grid-template-columns:1fr;grid-column-gap:25px;grid-row-gap:25px}.testimonial__client{background-color:var(--white);border-radius:5px;padding:35px 32px 25px;line-height:1}.testimonial{margin-top:10px;font-size:18px;font-weight:500;line-height:24px}.logos{grid-area:logos;color:var(--gray-tr);min-height:15vh;position:relative;overflow:hidden}.logos__title{color:var(--water-green);font-weight:200;font-size:18px;margin:15px;text-align:center;text-transform:uppercase}.logos a{text-decoration:none}.logos__img{margin:2px;animation:move 40s linear infinite;display:flex;width:1250px}.logos__img .logo{width:250px}.logo img{max-height:100px;object-fit:cover}@keyframes move{0%{transform:translate(0)}to{transform:translate(-750px)}}.logos__img:hover{animation-play-state:paused}.map{grid-area:map;padding-top:2em;padding-bottom:2em;display:grid;justify-content:center;align-items:center;background-color:var(--water-green-tr)}.map .title{color:var(--blue)}.wrap__map{background-color:var(--white);border-radius:5px;padding:20px;width:350px;height:420px}.wrap__map iframe{width:100%;height:100%}.contact{grid-area:contact;background:var(--blue);height:auto;display:grid;justify-content:center;padding-top:2em;padding-bottom:2em;text-align:center}.contact .title{color:var(--white)}.contact__wrap{display:grid;justify-content:center;align-content:center;background-color:var(--white);padding:10px;border-radius:5px}.contact__form{position:relative;margin:1.7em}.contact__wrap .title{color:var(--blue);font-weight:400;font-size:24px;padding:2%;width:100%}.contact__paragraph{font-weight:300;font-size:15px;line-height:1.6;position:relative;color:#fff}.contact__paragraph span{font-weight:500;color:#fff}input,select,textarea{background:none;font-size:16px;width:300px;padding:10px 10px 10px 5px;display:block;border:none;border-bottom:1px solid var(--gray-tr);resize:none}input:focus,select:focus,option:focus,textarea:focus{outline:none;color:var(--blue)}label,.subject{color:var(--gray-tr);position:absolute;top:15px;left:5px;font-size:18px;font-weight:300;transition:.3s ease all}input:focus~label,input:valid~label,select:focus~.subject,select:valid~.subject,option:focus~.subject,option:valid~.subject,textarea:focus~label,textarea:valid~label{position:relative;font-size:14px;color:var(--water-green)}.float__bar{position:relative;display:block;width:100%}input:focus~.float__bar:before,select:focus~.float__bar:before,option:focus~.float__bar:before,textarea:focus~.float__bar:before{width:100%;color:var(--blue)}.float__bar:before{content:"";display:block;height:2px;width:0;bottom:0;position:absolute;background:var(--water-green);transition:.3s ease all;left:0}.contact__button{position:relative;width:100%;height:80px}.contact__button button{background:var(--blue);width:200px;height:40px;border:none;color:#fff;border-radius:4px;margin:20px auto;font-size:18px;cursor:pointer;transition:all .5s ease-out;left:0;position:absolute;right:0;top:0}.contact__button button:hover{transition:all .5s ease-out;background-color:var(--water-green);-webkit-transition:all .5s ease-out}.contact__form small{visibility:hidden;position:absolute;font-size:small;font-weight:500;text-align:right}.contact__form.fail small{visibility:visible;color:#e74c3c}.footer{grid-area:footer;width:100%;min-height:20vh;display:grid;place-content:center;margin:auto;text-align:center}.footer__social{margin:20px 0}.footer__social .title{font-size:20px}.footer__social__icons{margin-top:5px}.footer__social__icons img:hover{background-color:var(--water-green-tr);border-radius:6px;transition:all .5s ease-out;transform:scale(1.1)}.footer__text{margin-top:20px;font-size:12px;font-weight:300}.footer__text a{text-decoration:none}.footer__text a:hover{color:var(--water-green);cursor:pointer;transition:.3s ease;text-decoration:underline}.float{position:fixed;width:60px;height:60px;bottom:40px;right:6px;background-color:#25d366;color:#fff;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:1000}.float:hover{text-decoration:none;color:#25d366;background-color:var(--water-green-tr)}.whatsapp img{padding:4px;width:60px;height:60px}.project__video iframe{overflow:hidden;display:table-cell;vertical-align:top!important;background-position:center!important;background-size:cover!important;position:absolute;top:0;left:0;width:100%;height:100%}.loading{display:flex;align-items:center;justify-content:center}.loading img{height:120px}.blog-content-h2{text-align:center;margin:1em 0 .5em}.blog-content-image{width:100%;padding:1em;margin:auto;display:block}.blog-content-h4{margin:1em 0 .3em;font-size:20px}.blog-content-paragraph{margin:1% 0}.blog-content-paragraph a{text-decoration:none;cursor:pointer;color:var(--water-green)}.blog-content-paragraph a:hover{color:var(--water-green-tr)}.blog-content-list li{list-style:initial;list-style-type:square}@keyframes rubberBand{0%{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleZ(1)}}.animate__rubberBand{animation-name:rubberBand;animation-fill-mode:both;animation-duration:2.2s}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{transform:skew(20deg);opacity:1}80%{transform:skew(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out;animation-fill-mode:both;animation-duration:1.4s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.spin{animation-name:spin;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:2s}.rotate__180{transform:rotate(180deg)}@media (min-width:768px){.service{width:30em}.service__title{font-size:20px}.works{grid-area:works;width:98%}.works__galery{grid-auto-rows:350px;margin-left:.5em;margin-right:.5em;display:grid;grid-template-columns:repeat(2,1fr);gap:.5em}.works__galery .work__galery:nth-child(1){grid-column-start:span 2}.works__galery .work__galery:nth-child(2){grid-column-start:span 2}.works__galery .work__galery:nth-child(11){grid-column-start:span 2}.works__galery .work__galery:nth-child(12){grid-column-start:span 2}.works__title{display:grid;height:15vh}.about__banner img{width:300px;height:300px}.about__card__team{grid-template-columns:1fr 1fr}.bg{height:55vh}.testimonials__clients{grid-template-columns:1fr 1fr 1fr}.wrap__map{width:720px;height:560px}.blog-content-image{width:70%;padding:1em}@keyframes move{0%{transform:translate(0)}to{transform:translate(-1250px)}0%{transform:translate(1250px)}to{transform:translate(0)}}.footer{width:100%;height:15%}.footer__items{display:flex;justify-content:space-around}.footer__text{display:flex;justify-content:center}.footer__location{padding-right:30px}.footer__social{padding-left:30px}.icon__location img{height:25px}}@media (min-width: 1024px){.mySlider__title{padding-top:3%}.main__nav{--state-hamburguer:scale(0);--state-menu: translate(0);justify-content:space-around;width:100%}.menuHamburguer{--state-close: scale(0)}.nav__hamburguer{opacity:0;padding-right:0%}.main__links{padding:0;position:relative;gap:1em;grid-auto-flow:column;transform:unset;grid-column:-2/-1;grid-row:1/2}.main__list{font-size:22px;font-weight:400;transition:.2s ease-out}.main__list:hover{transition:all .2s ease-out;transform:scale(1.03)}.social__icons{margin-top:0;width:100%}.main__logo{padding-left:0%}.mySlider__title{font-size:60px}.services{grid-template-columns:1fr 1fr;padding:0 4em}.service{width:-moz-fit-content;width:fit-content}.works__galery{grid-template-columns:repeat(3,1fr)}.works__galery .work__galery:nth-child(1){grid-column-start:span 3}.works__galery .work__galery:nth-child(2){grid-column-start:span 3}.works__galery .work__galery:nth-child(3){grid-column-start:span 2}.works__galery .work__galery:nth-child(11){grid-column-start:span 3}.works__galery .work__galery:nth-child(12){grid-column-start:span 3}.works__galery .work__galery:nth-child(20){grid-column-start:span 2}.about__banner img{width:350px;height:350px}.bg{margin-top:3%;height:65vh}.loading{padding:40px}.wrap__map{width:970px}.contact{height:auto}.contact__wrap{display:flex;justify-content:center;align-items:center;padding-top:2%;border-radius:10px;height:auto;width:80%}form{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}textarea{width:660px}}@media (min-width: 1080px){.works__title{display:grid;grid-row:1/1;grid-column:1/4}.abouts{grid-area:abouts}.loading{padding:40px}.works__galery .work__galery:nth-child(8){grid-column-start:span 2}.works__galery .work__galery:nth-child(11){grid-column-start:span 2}.works__galery .work__galery:nth-child(12){grid-column-start:span 2}.works__galery .work__galery:nth-child(20){grid-column-start:span 3}}@media (min-width: 1280px){.works__galery{grid-template-columns:repeat(4,1fr);gap:.5em}.works__galery .work__galery:nth-child(1){grid-column-start:span 4}.works__galery .work__galery:nth-child(2){grid-column-start:span 4}.works__galery .work__galery:nth-child(4){grid-column-start:span 2}.works__galery .work__galery:nth-child(7){grid-column-start:span 2;grid-row-start:span 2}.works__galery .work__galery:nth-child(20){grid-column-start:span 3}.contact__wrap{width:70%}.wrap__map iframe{width:930px}.about{display:grid;grid-template-columns:1fr 2fr;background-color:var(--blue-tr);max-height:1000px}.about__card{padding:2em 25%;background-color:initial}.about__card__team{grid-template-columns:1fr}.about__text{padding:2em 10%;width:100%}.about__paragraph{margin-top:4%;background-color:var(--white);padding:1em 5%;border-radius:10px}.bg{height:60vh}.loading{padding:40px}}@media (min-width:1440px){.services{width:100%;display:flex;align-items:center;padding:0}.service{width:-moz-fit-content;width:fit-content;min-height:14em}.service__img img{width:50px;height:50px}.about__paragraph{margin-top:3%}.bg{height:40vh}.works__galery .work__galery:nth-child(1){grid-row-start:span 2}.works__galery .work__galery:nth-child(2){grid-row-start:span 2}}@media (min-width: 1900px){.service{width:22em;height:17em;margin:3px;padding:3px}.about__title{padding-top:10%}.contact__wrap{width:50%}.wrap__map iframe{width:930px}.loading{padding:60px}.bg{height:56vh}.works__galery .work__galery:nth-child(1){grid-column-start:span 2}.works__galery .work__galery:nth-child(2){grid-column-start:span 2}.works__galery .work__galery:nth-child(15){grid-column-start:span 2}.works__galery .work__galery:nth-child(20){grid-column-start:span 2}}