.heroimg {
 width:100%;
 height:600px;
 background-color:var(--cor-escura);
 background-image:url(/imagens/home/heroimg.webp);
 background-position:right center;
 background-repeat:no-repeat;
 background-size:cover;
 margin-top:-23px;
 position:relative;
 z-index:-1;
}

.heroimg-txt {
 display:inline-block;
 width:100%;
 max-width:400px;
 text-align:center;
 font-size:1.9em;
 color:#fff;
 position:absolute;
 top:23%;
 right:25%;
}

.intro {
 width:100%;
 max-width:1150px;
 margin:0 auto;
 padding:70px 20px;
}

.intro1 {
 flex:1;
 border-right:2px solid var(--cor-dois);
 text-align:right;
 padding:10px 25px;
 font-size:1.5em;
 color:var(--cor-base);
}

.intro2 {
 flex:3;
 padding:5px 25px;
 font-size:1.1em;
 font-weight:400;
 line-height:1.6em;
}

.servicos {
 width:100%;
 max-width:1800px;
 margin:0 auto 80px;
 padding:0 10px;
 text-align:center;
}

.servicosbox {
 flex:1;
 max-width:284px;
 min-width:260px;
 height:145px;
 background-color:#fff;
 background-image:url(/imagens/home/bgquadros.webp);
 background-position:right bottom;
 background-repeat:no-repeat;
 border:1px solid var(--cor-dois);
 margin:10px 20px;
 text-align:center;
 position:relative;
}

.servicostxt {
 position:absolute;
 top:50%;
 left:50%;
 transform:translateX(-50%) translateY(-50%);
 width:100%;
 padding:10px 25px;
 font-weight:500;
 font-size:1.15em;
}

.qualidade {
 width:100%;
 background-color:var(--cor-dois);
}

.qualidade1 {
 flex:1;
 position:relative;
 margin-bottom:-4px;
}

.qualidade1-txt {
 position:absolute;
 bottom:40px;
 right:0;
 background-color:var(--cor-dois);
 padding:10px 50px 15px 25px;
 color:#fff;
 font-weight:500;
 font-size:1em;
}

.qualidade2 {
 flex:1;
 position:relative;
}

.qualidade2-txt {
 position:absolute;
 top:50%;
 left:30%;
 transform:translateX(-30%) translateY(-50%);
 width:70%;
 color:#fff;
 font-size:1.1em;
 line-height:1.4em;
 letter-spacing:0.5px;
}

.cta {
 width:100%;
 background-color:var(--cor-escura);
 padding:70px 15px 50px;
 text-align:center;
 color:#fff;
 font-size:1.1em;
 letter-spacing:0.5px;
}

.ctabox {
 flex:1;
 border:1px solid var(--cor-clara);
 text-align:center;
 margin:10px;
 padding:25px 15px;
 font-weight:500;
 font-size:0.9em;
}

.ctaico {
 width:70px;
 margin-bottom:5px;
}

.ctabot {
 display:inline-block;
 width:100%;
 max-width:400px;
 background-image:linear-gradient(#fff,#efefef,#888);
 border-radius:5px;
 box-shadow:0 5px 3px rgba(0,0,0,0.25);
 padding:13px;
 margin:15px 0;
 text-align:center;
 color:var(--cor-base);
 font-weight:600;
 font-size:0.9em;
}

.ctabot:hover {
 background-image:linear-gradient(#b2b2b2,#efefef,#fff);
}

.clientes {
 width:100%;
 max-width:1250px;
 margin:0 auto;
 padding:80px 10px 100px;
 text-align:center;
 font-size:2em;
 font-weight:700;
 color:var(--cor-base);
}

.clienteslogo {
 width:220px;
}

.slickseta {
 position:absolute;
 top:35%;
 z-index:1;
 cursor:pointer;
}

.slickimg {
 width:28px;
 border:0;
 filter:opacity(20%);
 transition:0.3s;
}

.slickimg:hover {
 filter:opacity(100%);
}

/***********/

@media screen and (max-width:1450px) {
 .heroimg {
  height:550px;
 }
 .heroimg-txt {
  max-width:450px;
  font-size:1.6em;
 }
 .qualidade1-txt {
  padding:10px 30px 15px 15px;
  font-size:0.9em;
 }
 .qualidade2-txt {
  left:50%;
  transform:translateX(-50%) translateY(-50%);
  width:95%;
  font-size:1em;
  padding:10px;
 }
}

@media screen and (max-width:1200px) {
 .heroimg {
  height:500px;
 }
 .heroimg-txt {
  right:35%;
 }
 .intro {
  padding:50px 10px;
 }
 .qualidade1 {
  flex:none;
  display:inline-block;
  width:100%;
  margin-bottom:0;
 }
 .qualidade1-txt {
  max-width:500px;
  padding:10px 30px 15px 15px;
 }
 .qualidade2 {
  flex:none;
  display:inline-block;
  width:100%;
 }
 .qualidade2-txt {
  position:relative;
  width:100%;
  font-size:1em;
  padding:30px 25px;
 }
}

@media screen and (max-width:900px) {
 .heroimg {
  height:400px;
  margin-top:-20px;
 }
 .heroimg-txt {
  max-width:350px;
  padding:0 15px;
  font-size:1.3em;
  right:40%;
 }
 .intro1 {
  padding:5px 15px;
  font-size:1.3em;
 }
 .intro2 {
  padding:5px 15px;
  font-size:1.05em;
  line-height:1.5em;
 }
 .servicos {
  margin:0 auto 40px;
 }
 .servicosbox {
  min-width:240px;
  height:130px;
  margin:10px;
 }
 .servicostxt {
  padding:10px 15px;
  font-size:1.05em;
 }
 .cta {
  padding:50px 15px 35px;
  font-size:1em;
 }
 .ctabox {
  max-width:180px;
  min-width:150px;
  padding:20px 10px;
 }
 .ctaico {
  width:60px;
 }
 .ctabot {
  max-width:350px;
  font-size:0.95em;
 }
 .clientes {
  padding:60px 10px 70px;
  font-size:1.8em;
 }
 .clienteslogo {
  width:150px;
 }
}

@media screen and (max-width:600px) {
 .heroimg {
  height:350px;
  margin-top:60px;
 }
 .heroimg-txt {
  max-width:350px;
  font-size:1.1em;
  padding-right:100px;
  top:20%;
  left:0%;
 }
 .intro {
  padding:30px 10px;
 }
 .intro1 {
  padding:5px 10px 0 0;
  font-size:1.1em;
 }
 .intro2 {
  padding:5px 0 0 15px;
  font-size:1em;
  line-height:1.4em;
 }
 .servicos {
  margin:10px auto 30px;
  font-size:0.8em;
 }
 .servicosbox {
  max-width:230px;
  min-width:200px;
  height:120px;
  margin:6px;
 }
 .servicostxt {
  font-size:1.2em;
 }
 .cta {
  padding:40px 15px 30px;
  font-size:0.95em;
 }
 .ctabox {
  max-width:150px;
  min-width:130px;
  margin:6px;
  padding:15px 10px;
  font-size:0.85em;
 }
 .ctaico {
  width:50px;
 }
 .ctabot {
  max-width:300px;
 }
 .clientes {
  padding:40px 5px;
  font-size:1.6em;
 }
}

@media screen and (max-width:450px) {
 .heroimg {
  height:300px;
 }
 .heroimg-txt {
  max-width:300px;
  font-size:1em;
  top:15%;
 }
 .intro {
  padding:25px 10px;
 }
 .intro1 {
  padding:0 10px 0 0;
  font-size:0.9em;
 }
 .intro2 {
  padding:0 0 0 10px;
  font-size:0.9em;
 }
 .servicosbox {
  background-size:25%;
  max-width:200px;
  min-width:150px;
  height:100px;
 }
 .qualidade1-txt {
  display:none;
 }
 .qualidade2-txt {
  font-size:0.95em;
  padding:20px;
 }
 .ctabox {
  flex:none;
  display:inline-block;
  width:45%;
  max-width:170px;
  min-width:none;
 }
 .clienteslogo {
  width:120px;
 }
 .slickseta {
  top:20%;
 }
 .slickimg {
  width:16px;
 }
}

@media screen and (max-width:380px) {
 .heroimg-txt {
  max-width:280px;
  font-size:0.9em;
  padding-left:10px;
  top:20%;
 }
}