@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

/*font-family: 'Poppins', sans-serif;*/

/*::::: TOPO :::::*/
#index{background-color: #ececeb;}
html, body{ overflow-x: hidden !important; scroll-behavior: smooth;}
#projeto{background-color: #ececeb;}
#topo{background-color: #ffd600; padding-top: 20px; position: fixed; transition: all 300ms ease; top: 0; z-index: 3; width: 100%}
.topo a{font-size: 20px !important; padding: 0 !important; color: #000000;}
.topo a:hover{text-decoration:underline; text-underline-position: under;}
.navbar-expand-lg .navbar-nav{gap: 100px;}
#topo1{background-color: #ececeb; padding-top: 20px; position: fixed; transition: all 300ms ease; top: 0; z-index: 100; width: 100%}
.topo1{background-color: #ececeb;}
.topo1 a{font-size: 20px !important; padding: 0 !important; color: #000000;}
.topo1 a:hover{text-decoration:underline; text-underline-position: under;}
#topo1 .navbar-nav{gap: 100px;}
#topo2{background-color: #ececeb; padding-top: 20px; position: fixed; transition: all 300ms ease; top: 0; z-index: 99; width: 100%}
.topo2 a{font-size: 20px !important; color: #ececeb !important; padding: 0 !important;}
.topo2 a:hover{text-decoration:underline; text-underline-position: under;}
.text-align{text-align: left !important;}
#corpo{background-color: #ffd600; height: 900px; }
#corpo h1{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 4.7em; padding-top: 230px; width: 85%;}
.cubo_centro{display: flex; align-items: center; justify-content: center;}
.cubo{width: 110px; height: 110px; background-color: #101820; padding: 0 30px 30px 0; transition: all 1s; }
.cubo:hover {transition: all 1s; transform: scale(1.2);} .cubo:active {transform: scale(1);}
.mobile{display: none;}
.mobile1{display: none;}
.img-rotate{transition: all 1s; cursor: pointer; margin-right: 30px;}
.img-rotate:hover{ -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg) scale(0.8);}



/*::::: FINAL TOPO :::::*/

/*::::: PROJETO :::::*/
#nosso-projeto h1{width: 70%; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 3.5em; padding: 250px 0 100px 0;}
#divBusca{background-color:#fff; border:solid 2px #d9d9d9; width:300px; height:40px; padding-right: 0; margin-left: 15px; margin-bottom: 80px;}
#divBusca:hover{background-color:rgb(245, 244, 244);}
#divBusca img{margin-top: 8px; }
#txtBusca{display: flex; margin-top: -32px; margin-left: 30px; background-color:#d9d9d9; padding-left:10px; font-family: 'Poppins', sans-serif; font-style: italic; font-size:10x; border:none; height:38px; width:255px; }
.mobile-banner{display: none;}
.frase-destaque { font-weight: 600; }
.frase-destaque span { display:inline-block; font-weight: 600; border-right: none; animation: none; }
@keyframes caret { 50% { border-color: transparent; } }
/*::::: FINAL PROJETO :::::*/


/* ACERVO */
.acervo-container{margin-top: 80px;}

#titulo-acervo-col h2 {font-family: 'Poppins', sans-serif;font-weight: 600;font-size: 3rem;padding-bottom: 37px;}
.sobre-servicos{margin-bottom: 80px;}
 #titulo-acervo-col p { font-size: 2rem;margin: 0; max-width: 550px; font-family: 'Poppins', sans-serif;line-height: 1.3;}
 #titulo-acervo-col, .desc-acervo p{font-family: 'Poppins', sans-serif; font-size: 1.5rem;line-height: 1.3;}
.projeto-card {position: relative;}
.empresa_descricao .selo {background-image: url("..//img/bandeira.png");background-position: bottom;height: 105px;position: absolute;top: 0px;right: 15px;color: #f4d533;font-weight: bold;z-index: 2;text-align: center;padding: 0 8px;}
.acervo-inline {display: flex;flex-direction: row;align-items: flex-start;gap: 40px; flex-wrap: wrap; }
.acervo-inline > p {font-size: 2.3rem;max-width: 440px;margin: 0;font-family: 'Poppins', sans-serif;
line-height: 1.3;}
.empresa_descricao .selo p{margin: 0 !important; font-size: 20px !important; line-height: 1.2 !important; font-family: "Libre Baskerville", serif !important;  font-style: italic !important; padding-top: 3px !important;}
.selo span{color: #fff !important; font-size: 13px;}
.portfolio{position: relative; margin-top: -40vh; min-height: 50vh; }
.projeto-destaque {width: 100%;position: relative;overflow: hidden;aspect-ratio: 16 / 9; margin-bottom: 30px;}
.projeto-destaque .img-projeto img {width: 100%; height: 100%;object-fit: cover;  display: block;}
.projetos-info {display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;gap: 40px; }
.sobre-projetos {flex: 1 1 50%;}
.filtro-e-desc {flex: 1 1 45%;display: flex;flex-direction: column;align-items: flex-end;gap: 20px;}
#filtro-acervo .filtro-e-desc{gap: 32px;}
.filtro-e-desc .desc-acervo p,
.sobre-projetos p {font-family: 'Poppins', sans-serif;font-size: 1.5rem;line-height: 1.3;max-width: 100%;}
.desc-acervo { display: none;  padding-bottom: 30px;}
.desc-acervo-filtro{padding-top: 20px;}
#desc-acervo-todos{padding-top: 105px;}
#filtro-acervo{padding-bottom: 30px;}
body.acervo .desc-acervo { display: block; }
#projetos-acervo{padding-bottom: 30px;}
.projetos-info h2 {font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 2.5rem; margin: 0 0 10px 0; padding: 20px 0 40px 0;}
.projetos-info p {font-size: 2rem;margin: 0;max-width: 470px; font-family: 'Poppins', sans-serif; line-height: 1.3;}
.ordenar {display: flex;align-items: center;  gap: 10px;padding-top: 30px;}
.ordenar label{font-family: 'Poppins', sans-serif; font-size: 1.3rem; font-weight: 600; white-space: nowrap;}
.opcao {display: flex; align-items: baseline; flex-direction: column; gap: 5px; min-width: 110px; margin-top: 3px;}
.ordenar select {background-color: #ececeb;font-family: 'Poppins', sans-serif;font-size: 1.3rem;padding: 2px 10px 2px 10px;border: 1px solid #000; cursor: pointer;width: 100%;text-align: left;appearance: none;-webkit-appearance: none;-moz-appearance: none;box-sizing: border-box; }
.ordenar select:hover {border-color: #000;}
.ordenar select:focus {outline: none;border-color: #000; background-color: #ececeb;}



/*::::: FINAL PROJETO :::::*/
.bg-transparent{padding: 50px !important; border-radius: 0 !important; background-color:#6b6b6b !important;}
.btn-close{margin-top: -44px; margin-right: -18px;}

/*::::: NOME-PROJETO :::::*/

.camada1{background-color: #ececeb;}
.camada2{background-color: #ececeb;}
.imagem{position: relative; height: 300px;  background-color: #ececeb; overflow: hidden; }

/* .imagem:hover{border: 8px solid #ffd600; transition: ease-in-out 0.3s;} */
.imagem a img{width: 100%;}
.imagem a img{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
/* .imagem a img:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);} */
.descricao-imagem{padding: 20px 0 70px 0;background-color: #ececeb;}
.descricao-imagem h1{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18pt; }
.descricao-imagem p{font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 1;}
.video{padding-bottom: 30px;}
/*::::: FINAL NOME-PROJETO :::::*/


.view{height: 305px;position: relative;overflow: hidden;}
.view .mask{position: absolute;overflow: hidden;width: 100%;height: 100%;left: 0%;top: 0%;border:8px solid #ffd600;background-color: rgba(251, 252, 252, 0);transition: all 0.5s linear;opacity: 0;}
.view img{position: relative;width: 100%;display: block;}
.view .mask:hover{transition: ease-in-out 0.9s;opacity: 1}



/*::::: PROJETO-ABERTO :::::*/
#projeto-aberto{margin-top: 130px;}
.banner{ aspect-ratio: 16 / 9;  }
/* #projeto-aberto img{filter: brightness(50%);} */
.informativo{padding-top: 30px;}
.main_our_pages h2{font-family: 'Poppins', sans-serif; font-size:3rem; font-weight: 600; color: #000; margin: 0;}
.main_links {padding-top: 30px;}
.main_links h2{font-family: 'Poppins', sans-serif; font-size:18pt;  color: #000;}
.main_links ul{list-style: none; padding: 0;}
.main_links ul li {text-decoration: none; text-align: left; color: #000; font-family: 'Poppins', sans-serif; font-size: 1.5rem; }
.tipo-servicos{line-height: 1.3;}
.img1{height: auto; overflow: hidden;}
.img2{height: auto; overflow: hidden;}
.mais-p{height: auto; overflow: hidden;}
.mais-p img{-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.mais-p img:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.creditos{padding: 50px 0;}
.creditos-texto h3{font-family: 'Poppins', sans-serif; font-size: 20px;}
.creditos-texto h4{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: normal;}
.creditos-texto h4 span{font-weight: bold;}
.creditos-texto p{font-family: 'Poppins', sans-serif;font-size: 16px;}
.contexto{font-size: 1.5rem; padding-top: 30px;}


/*::::: FRASE :::::*/
#frase{background-color: #ececeb; padding-bottom: 50px; /*margin-top: 6%;*/}
#frase h1{font-family: 'Poppins', sans-serif;  font-weight: 400; }
#frase p{font-family: 'Poppins', sans-serif; font-size: 16px;}
#frase p span{font-weight: bold;}
.texto-frase{padding-bottom: 30px;}
.texto-frase article h2{font-family: 'Poppins', sans-serif;}
.texto-frase article{padding: 0px 0 30px 0;}
.imagem-1{overflow: hidden; margin-bottom: 20px;}
.imagem-2{margin-bottom: 20px; }
.img1{background-color: #d9d9d9;}
.img2{background-color: #d9d9d9; aspect-ratio: 16 / 9;}
.mais-projetos h1{font-family: 'Poppins', sans-serif; font-size: 2rem !important; }
.mais-projetos h2{font-family: 'Poppins', sans-serif; font-size: 18pt; font-weight: 400; padding: 20px 0 20px 0px;}
.mais-p{background-color: #d9d9d9;  width: 90%; overflow: hidden;}
/*::::: FINAL FRASE :::::*/

#quem-somos{background-color: #ececeb;}
#banner{background-color: #d9d9d9; overflow: hidden;}
#profissionais h1{font-family: 'Poppins', sans-serif; font-size: 3.5em; font-weight: 400; padding: 100px 0 50px; width: 70%;}
#profissionais p{width: 72%; font-family: 'Poppins', sans-serif; font-size: 1.5em; padding-bottom: 50px;}
.scroll img{transform: scaleX(-1);}
.card{margin-bottom: 50px;}
.card-img-top{background-color: #d9d9d9; height: 500px; overflow: hidden;}
.card .card-img-top{border-radius: 0; border: none;}
.card-body{background-color: #101820;}
.card-body p{font-family: 'Poppins', sans-serif; color: #fff;}
.card-body p span{font-weight: 900;}
.card-body a img{display: flex; float: right; margin-top: -66px;}
.linkfinal{position: absolute;  top:580px; left:0px;}

.team-card{cursor: pointer; padding-right: 50px;}

.team-avatar { position: relative; height: 680px; overflow: hidden; text-align: center; margin-bottom: 20px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03); background-position: center center; background-size: cover;}

.team-avatar-round-container { display: flex; justify-content: center; height: 0;transition: all 0.3s cubic-bezier(0.68, -0.13, 0.265, 1.13);}

.team-avatar-round { height: 90px;width: 90px;overflow: hidden; border-radius: 100px; background-position: center center; background-size: cover;opacity: 0; transform: scale(0, 0);transition: all 0.3s cubic-bezier(0.68, -0.13, 0.265, 1.13);}

.team-description { position: absolute;background: #101820;padding: 10px 10px; top: 585px;width: 100%; height: 100%;transition: all 0.3s cubic-bezier(0.68, 0, 0.265, 1);}

.team-description.active {opacity: 0.9; top: 0;}
.linkdin{display: flex !important; align-items: center !important; justify-content: left !important; float: left !important; bottom: 0; margin-top: 0px !important; margin-left: 20px;}

.team-description:hover .icon-rotation  {transition: 0.5s; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); scale:(0.8);}

@keyframes in {
    from {
        transform: rotate(0deg) scale(1);
        border-radius: 0px;
    }
    to {
        border-radius: 100px;
        transform: rotate(360deg) scale(0.7);
    }
}

.team-description p { color: #fff; text-align: left; font-family: 'Poppins', sans-serif; padding-left: 20px; padding-top: 10px;}

.team-description p span{font-weight: 900;}

.team-name { display: inline-block; color: #00FFA4;font-weight: bold;font-size: 1rem;}

.team-position {display: inline-block; /*   background: #e9e9e9; */ padding: 1px 8px;border-radius: 100px;font-size: 0.9rem;font-style: italic;color: #fff;line-height: -100px; margin-bottom: 15px;}



.team-card:hover .team-avatar-round-container  { display: flex;justify-content: center; height: 80px; margin-bottom: 15px;}

.team-card:hover .team-avatar-round { opacity: 1;transform: scale(1, 1);}



.team-button { display: inline-block; color: #fff;height: 40px;width: 40px;border-radius: 100px;text-align: center;}
.team-button .fa {margin-top: 10px;}
.team-description img {display: flex;align-items: end;justify-content: end;float: right;margin-top: -11%;}
.card1-text{padding-top: 20px; width: 80%;}


#etapas article{position: relative; z-index: 99; width: 250px; height: 250px;border-radius: 50%; /* the magic */-moz-border-radius: 50%;-webkit-border-radius: 50%; text-align: center; color: #101820; font-size: 16px; text-transform: uppercase; font-weight: 700; margin: 0 auto 0px; background-color: #ffd500; }


#etapas h1{position: absolute; top: 85px;left: 50%;transform: translateX(-50%);text-align: center;
text-transform: uppercase;font-family: 'Poppins', sans-serif;font-size: 3.8em;}
.barra {position: relative; z-index: 5; width: 100%;height: auto;display: flex;flex-direction: row;justify-content: center;align-items: center; margin-bottom: -50px; }
.boxbarra {width: 40px;height: 165px;background-color: #ffd50000; margin: -5px 0; }
.boxbarra2 {width: 40px;height: 80px;background-color: #ffd50000; margin: -5px 0; }
.boxbarra1 {width: 40px;height: 75px;background-color: #ffd50000; margin-bottom: -5px;}
.seta {position: absolute; padding: 2.8rem;box-shadow: 25px -25px 0 1px #ffd600 inset;-webkit-box-shadow: 25px -25px #ffd600 inset;border: solid transparent;border-width: 0 0 2rem 2rem;transition: 0.2s;}
.seta-direita { transform:rotate(315deg); margin-left: -41px; margin-top: 10px;}
.seta-esquerda { transform:rotate(315deg); margin-left: -41px; margin-top: 0px;}
.seta-primeira { transform:rotate(315deg); margin-left: -41px; margin-top: -90px;}



.progress{height: 3px;background-color: #000000;position: relative;}
.progress .progress-bar{ position: absolute; height: 100%; background-color: #000000; animation: progress-animation 6s infinite;}


/* @keyframes progress-animation{
  0% { width: 0%; }
  
  100% { width: 100%; }
  
} */

#nosso-projeto1 h1{font-family: 'Poppins', sans-serif; font-weight: 400;  font-size: 3.5em; padding: 50px 0 50px 0;}
#nosso-projeto1 h1 span{font-weight: 600;}
.lista-text h1{font-family: 'Poppins', sans-serif; font-size: 2.4em; font-weight: bold; padding-top: 80px;}
#lista{background-color: #ffd600; padding-bottom: 50px;}
#lista header h1{font-family: 'Poppins', sans-serif; font-size: 2.8em; font-weight: 400; }
#lista header h1 span{font-weight: 400;}
#lista ul{margin-left: 60px; margin-bottom: 30px; font-weight: 600; padding: 20px 0 20px 0;}
#lista ul li{list-style: none; font-size: 18pt;}
#lista ul li::before {content: '';background-image: url(https://placecage.com/60/60);background-color: black; width: 3px;height: 3px;margin-right: 5px;border-radius: 50%;display: inline-block;position: relative;top: 0px;}
#itens h1{font-family: 'Poppins', sans-serif; font-size: 1.4em; font-weight: 600; padding-bottom: 20px;}
#itens #check-list{padding: 10px 0 10px 0;}
#itens #check-list label{padding: 0;}
.pre-briefing{margin-bottom: 100px;}
.pre-briefing h2{font-size: 1.5em !important; font-weight: 600 !important;}
.pre-briefing label{font-family: 'Poppins', sans-serif;color: #000000;font-size: 1.2em !important; padding: 0!important;}
.pre-briefing input{background-color: #ECECEB !important; border-color: #6b6b6b;}
.form-check-input{margin-right: 5px;}
.pre-briefing .form-control{margin-bottom: 50px;}
.form-check-input:checked{background-color: #101820 !important; border-color: #101820 !important;}
#colaboradores{margin-left: 20px;}
#colaboradores .form-check{padding: 10px 0 10px 0;}

#uteis{background-color: #101820;}
#uteis h1{ font-family: 'Poppins', sans-serif; font-size: 3em; font-weight: 400; color: #fff; padding: 200px 0 200px 0; margin: 0;}
#uteis h1 span{font-weight: 600;}

/*:::::: Orçamento :::::: */
#contatosops1{background-color: #ffd600;}
#nosso-projeto2 h1{width: 80%; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 4.7em; padding: 250px 0 50px 0;}
.formulario h2{width: 82%; font-family: 'Poppins', sans-serif;  color: #000000; font-size: 35px; font-weight: 400; padding-bottom: 50px; margin: 0;}
.formulario p{font-family: 'Poppins', sans-serif;  color: #000000; font-size: 25px; padding-bottom: 50px; }
.formulario label{font-family: 'Poppins', sans-serif;  color: #000000; padding: 20px 0 20px 0; font-size:2em;}
.formulario input{background-color: #f5f5f5; border-radius: 0px;}
.formulario .form-control{background-color: #f5f5f5; border-radius: 0px; padding: 10px; width: 80%;}
.formulario button{float: left; background-color: #101820; color: #ffd600; font-family: 'Poppins', sans-serif;   border-radius: 0px; width: 100px; height: 40px; margin-top: 20px; font-size: 1.3em; padding: 0;}
.formulario button:hover{background-color: #ffd600; color: #101820;}
.barra1{background-color: #000000; height: 4px; margin-top: 50px; margin-bottom: 50px;}


.formulario1 h1{ font-family: 'Poppins', sans-serif;  color: #000000; font-size: 3.5em; font-weight: 400; padding-bottom: 30px; margin-top: 250px;}
.formulario1 p{font-family: 'Poppins', sans-serif;  color: #000000; font-size: 1.5em; padding-bottom: 50px; width: 72%;}
.formulario1 label{font-family: 'Poppins', sans-serif;  color: #000000; padding: 20px 0 0px 0; font-size: 1.2em;}
.formulario1 input{background-color: #ECECEB; border-radius: 0px;}
.formulario1 .form-control{background-color: #ECECEB; border-radius: 0px; border: 1px solid #6b6b6b;}
.formulario1 button{float: left; background-color: #101820; color: #ffd600; font-family: 'Poppins', sans-serif;   border-radius: 0px; width: 100px; height: 40px; margin: 30px 0 30px 0; font-size: 1.3em; padding: 0;}
.formulario1 button:hover{background-color: #ffd600; color: #101820;}


#nosso-projeto3 h1{width: 72%; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 4.1em; padding: 250px 0 45px 0;}
#nosso-projeto3 p{width: 72%; font-family: 'Poppins', sans-serif; font-size: 1.2em; padding-bottom: 100px;}
#nosso-projeto3 a{text-decoration: none;}
.btn1{width: 350px; height: 65px; background-color: #101820; margin-bottom: 15px; margin-top: 20px;}
.btn1 h2{font-family: 'Poppins', sans-serif; color: #fff; font-size: 25px; padding: 15px 10px;}
.btn1 img{float: right;} 
.btn2{width: 350px; height: 65px; border: 2px solid #101820; margin-bottom: 50px;}
.btn2 img{float: right;} 
.btn2 h2{font-family: 'Poppins', sans-serif; color: #101820; font-size: 25px; padding: 15px 10px;}
.obrigado{margin-bottom: 246px !important;}
.texto-obrigado h1{width: 89% !important;}
.alert{padding: 0 !important;}
.alert p{font-size: 1.8em !important; width: 100% !important; padding: 0 !important;}
/*:::::: Final Orçamento :::::: */


/*::::: FINAL PROJETO-ABERTO :::::*/



.empresa_descricao {position: relative; width: 100%;aspect-ratio: 16 / 9; overflow: hidden;background-position: center;background-size: cover; margin: 10px 0;}
.projeto-item {position: relative;display: block;overflow: hidden;}
.projeto-item img {width: 100%;height: auto;display: block;}
.projeto-item::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.75);opacity: 0;transition: opacity 0.3s ease-in-out;z-index: 1;}
.projeto-item .title-marca {position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;opacity: 0;transition: all 0.3s ease-in-out;z-index: 2;width: 90%;}
.projeto-item .title-marca h1 {font-size: 22px !important;margin-bottom: 5px;}
.projeto-item .title-marca p {font-size: 16px;}
.projeto-item:hover::before {opacity: 1;}
.projeto-item:hover .title-marca {opacity: 1;transform: translate(-50%, -50%);}
#empresas{background-color: #ececeb;}
#empresas h1{font-family: 'Poppins', sans-serif; font-size: 18pt; font-weight: 500; padding: 20px 0 0px 0;}
#empresas p{ font-family: 'Poppins', sans-serif; line-height: 1; font-size: 18px;  padding: 0px 0 100px 0;}
.projetos-list{margin: 30px 0; padding-bottom: 20px;}
.todos_projetos {display: flex;align-items: center;justify-content: center;}
.todos_projetos a img {width: 19%;float: right;margin-top: -33px;margin-right: -30%;}
.todos_projetos a{text-decoration: none;}
.hover{padding: 50px 0 50px;}
.todos_projetos a h2{font-family: 'Poppins', sans-serif; font-size: 20px; text-align: center; color: #000000;}
.todos_projetos a h2:hover{text-decoration: underline; text-underline-position: under;}


#bloco-descricao{background-color: #101820;}
.descricao{width: 70%;}
.descricao h1{font-family: 'Poppins', sans-serif; font-size: 3.5em; font-weight: 300; color: #ffd600; padding: 120px 0 80px 0;}
.sobre-nos {display: flex;align-items: center;justify-content: left;}
.sobre{padding: 50px 0 50px 0;}
.sobre-nos a{text-decoration: none; }
.sobre-nos a h2{font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; }
.sobre-nos a h2:hover{text-decoration: underline; text-underline-position: under; text-decoration-color: #ffd600; color: #ffd600;}
.sobre-nos a img{width: 50%; float: right; margin-top: -35px; margin-right: -90%;}
 

#investir{background-color: #ffd600; }
#investir h1{font-family: 'Poppins', sans-serif;font-size: 3.5em; font-weight: 400; margin: 42% 0px;}
.bloco-unico{display: flex; align-items: center; justify-content: end;}
.bloco-1{background-color: #101820; width: 114px; height: 114px; margin-left: 92px; margin-top: 100px;}
.adote{background-color: #101820; width: 430px; height: 430px; padding: 50px 30px; margin-bottom: 100px;}
.adote a{text-decoration: none;}
.texto{width: 700px; height: 300px;}
.adote h2{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 30px; color: #fff;}
.adote h2 span{color: #ffd600;}
.fale-conosco{background-color: #d9d9d9; margin-top: 80px;}
.fale-conosco:hover{background-color: #858484;}
.fale-conosco p{font-family: 'Poppins', sans-serif; color: #101820; padding: 15px 0 15px 30px; }
.fale-conosco p img{float: right; margin-right: 10%;}


.contato-mobile{display: none;}

#footer{background-color: #101820;  padding: 3% 0;}
#footer p{display: inline-block; font-family: 'Poppins', sans-serif; font-size: 20px; color: #fff; }
.worl-space{padding-right: 20px;}
#footer p:hover{border-bottom: 2px solid #ffd600;}
.icons{text-align: right;}
.icons img:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1);transform: scale(1.1);}




@media screen and (max-width: 1440px){
    .bloco-1 {margin-left: 91px;}
  
    

   

}
@media screen and (max-width: 1366px){
  .bloco-1 {margin-left: 3px;}
  .view{height: auto;}
  #corpo h1{width: 100%;}
}


@media screen and (max-width: 1366px){
  #corpo h1{padding-top: 180px;}
  
}

@media screen and (max-width: 1200px){
    .todos_projetos a img {margin-top: -33px; margin-right: -30%;}
    .sobre-nos a img {margin-top: -35px;margin-right: -70%;}
    .texto {width: 100%;}
    #investir h1 {margin: 30% 5px;}
    .bloco-1{display: none;}
    .bloco-unico {margin-top: 50px;}
    .view{height: auto;}

}

@media screen and (max-width: 990px){
  #topo1 .navbar-nav{gap: 0px;}
    #numero {display: block;}
    .navbar-expand-lg .navbar-nav{gap: 0;}
    .navbar-brand{z-index: 3;}
    .mobile{display: block; background-color: #101820; padding-top: 45px;}
    .navbar-collapse{box-shadow: rgb(16, 24, 32) 0px 0px 0px 130vw, rgb(16, 24, 32) 0px 0px 0px 130vh; margin-top: 20%;}
    .mobile a{float: left; padding: 0 !important; padding: 10px 0 10px 5px}
    .mobile1{display: block; padding-top: 20px;}
    .mobile1 a{float: left; padding: 0 !important;}
    .topo{background-color: #101820;}
    .topo a{color: #ececeb !important; padding: 0px 10px 5px 10px !important; font-size: 20px !important;}
    .topo a:hover{color: #ffd600 !important;}
    .topo1{background-color: #101820;}
    .topo1 a{color: #ececeb !important; padding: 0px 10px 5px 10px !important; font-size: 25px;}
    .topo1 a:hover{color: #ffd600 !important;}
    .topo2{background-color: #101820;}
    .topo2 a{color: #ececeb !important; padding: 0px 10px 5px 10px !important; font-size: 25px;}
    .topo2 a:hover{ color: #ffd600 !important;}
    .desktop-banner{display: none;}
    .mobile-banner{display: block;}
    .texto { width: 100%; height: 200px;}
    #investir h1 { margin: 50px 0 0 0; font-size: 2rem;}
    .descricao{width: 100%;}
    .descricao h1 {font-size: 2.8em;padding: 50px 0 0px 0;}
    .bloco-1{display: none;}
    .bloco-unico {margin-top: -80px; justify-content: center;}
    #footer{text-align: center; }
    #footer p{padding: 30px 0 20px 0;}
    .icons{text-align: center; padding: 30px 0 20px 0;}
    .icons img{width: 8%;}
    #nosso-projeto h1 {width: 100%;font-size: 2.8em;padding: 200px 0 50px 0;}
    #profissionais h1 {font-size: 1.5em;width: 100%; padding: 50px 0 20px;}
    #frase p{width: 100%; font-size: .9rem;}
    .mais-p{width: 100%; overflow: hidden;}
    #nosso-projeto3 h1{width: 100%; font-size: 2.8em; padding: 150px 0 50px 0;}
    #nosso-projeto3 p{width: 100%;}
    .main_our_pages h2{padding-bottom: 20px; font-size: 1.5rem; text-align: left;}
    .main_links{padding-left: 0; padding-top: 10px;}
    #projeto-aberto{ text-align: center;}
    .imagem{height: auto;}
    .team-avatar{margin: 0 0 20px 0;}
    /* #numero a{font-family: 'Poppins', sans-serif; font-size: 20px; color: #ececeb; padding-right: 10px;} */
    .contato-mobile{display: block;}
    .contato-mobile p{font-family: 'Poppins', sans-serif;color: #ececeb; font-size: 17px; padding-right: 10px;}
    .card1-text{width: 100%;}
    .formulario1 h1{width: 100%; font-size: 1.5em; margin-top: 140px;}
    .formulario1 p{ font-size: 1em; padding-bottom: 0; margin: 0;}
    .formulario1 label{ font-size: 1em;}
    .formulario1 button{font-size: 1rem;}
    #empresas p {line-height: normal;}
    #investir h1{font-size: 2.8em; }
    .caixa-design{margin-top: none;}
    #uteis h1{font-size: 1.2em; padding: 50px 0 50px 0;}
    #lista header h1 {font-size: 2em;}
    .formulario1 form{width: 100% !important;}
    .pre-briefing form{width: 100% !important;}
    .formulario label {width: 94%;}
    #nosso-projeto3 p{padding-bottom: 50px;}
    #empresas p{padding: 0 0 30px 0;}
    #frase h1{font-size: 1.5em !important; padding: 20px 0 0px 0;  width: 100%;}
    .mais-projetos h1{ padding: 50px 0 50px 0;}
    .team-description img{margin-top: -15%;}
    .linkdin{margin-top: 25px !important;}
    .adote{margin-bottom: 30px;}
    #empresas p {margin: 0;}
    .navbar-toggler{margin-top: -20px;}
    .acervo-container{text-align: center;}
    .sobre-projetos{text-align: left; order: 2;}
    .projetos-info {flex-direction: column; justify-content: center;align-items: center; flex-direction: row; gap: 20px;}
    .projetos-info p{text-align: left; width: 100%;}
    .sobre-servicos p{max-width: 100%;}
    #corpo {height: 535px;}
    #corpo h1 {width: 100%;}
    .projetos-info {display: flex;flex-wrap: wrap;align-items: center;text-align: center;}
    .filtro-e-desc { display: contents;}
    .ordenar {order: 1;width: 100%;justify-content: left; align-items: center;  display: flex;gap: 10px;padding-top: 20px; text-align: center;}
    .sobre-projetos {order: 2;width: 100%;}
    body.acervo .desc-acervo {display: block; }
    .desc-acervo {order: 3;width: 100%;margin-top: 10px; text-align: left;}
    .ordenar select{width: 110px; font-size: 1rem;}
    .team-card{padding-right: 10px;}
    .projetos-info h2{font-size: 1.5rem; padding-bottom: 20px; padding-top: 0;}
    .projetos-info p{font-size: 1.3rem;}
    #titulo-acervo-col h2{font-size: 1.5rem; padding-bottom: 20px;}
    #titulo-acervo-col p{font-size: 1.5rem;}
    #titulo-acervo-col, .desc-acervo p{font-size: 1rem;}
    #desc-acervo-todos{padding-top: 10px;}
    .projetos-list{margin-top: 10px;}
    .desc-acervo{padding: 0;}
    .ordenar label{font-size: 1rem;}
    .descricao h1{font-size: 2rem;}
    #investir h1{font-size: 2rem;}
    .portfolio{margin-top: 20px; height: auto;}
    .main_links ul li{font-size: 1rem;}
    .contexto{font-size: 1rem; text-align: left; padding-top: 10px;}
    .creditos{padding: 10px 0 0 0;}
    #profissionais p{width: 100%; font-size: 1rem; padding: 0;}
    .lista-text h1{font-size: 1.5rem; font-weight: bold;}
    #lista header h1{font-size: 1.5rem;}
    #lista ul li{font-size: 1rem;}
    #lista ul {margin-left: 30px;}
    #lista{padding-bottom: 5px;}
    .adote h2{font-size: 1.5rem;}
    .desc-acervo-filtro p{font-size: 1rem !important;}
    

    
    

}

@media screen and (max-width: 768px){
    #corpo {height: 100%;padding-bottom: 100px;}
    #corpo h1{ font-size: 2em;}
    .cubo{margin-top: -37px;}
    .todos_projetos a img {margin-right: -23%;}
  .adote{height: 330px;}
    .view{height: auto;}
    .caixa-design{margin-top: -50px;}


}
@media screen and (max-width: 570px){
    #corpo {padding-bottom: 50px;}
    #corpo h1 {padding-top: 140px;padding-bottom: 50px;}
    .cubo{margin-bottom: 30px;}
    .descricao{width: 100%;}
    .descricao h1 {font-size: 2em;padding: 50px 0 0px 0;}
    #nosso-projeto h1 {font-size: 1.5em;}
    #nosso-projeto h1 img{width: 30%;}
    #nosso-projeto1 h1 { font-size: 1.5em;}
    #nosso-projeto2 h1 {width: 100%;font-size: 1.5em;padding: 150px 0 50px 0;}
    #etapas article {width: 180px;height: 180px;}
    #etapas h1 {top: 70px;font-size: 2em;}
    .projetos-info {justify-content: left;align-items: center;}
    .projetos-info p{text-align: left;}
    .fale-conosco{margin-top: 50px;}
    .portfolio{ min-height: auto;}

        
    


}


@media screen and (max-width: 413px){

    .topo a{font-size: 35px !important; }
    #empresas p {margin: 0;}
}

@media screen and (max-width: 390px){
  .columns{padding-right: 10px !important;}
  .team-description img {margin-top: -19%;}
  .card1-text{font-size: 14px;}
}

@media screen and (max-width: 375px){
  .fale-conosco {margin-top: 50px;}
  .fale-conosco p img {margin-top: 6px;}
  .topo a{font-size: 30px !important;}
  #empresas p {margin: 0;}


}

@media screen and (max-width: 360px){
    .fale-conosco {margin-top: 50px;}
    .fale-conosco p img {margin-top: 6px;}
    .topo a{font-size: 30px !important;}
    .hover{padding: 20px 0 30px 0;}
    .todos_projetos{align-items: normal; justify-content: left;}
    .todos_projetos a h2{font-size: 18px;}
    .todos_projetos a img{margin-right: -19%; margin-top: -28px; width: 16%;}
    #empresas p {margin: 0;}


}