.header1 {padding: 1% 0;border-bottom: 1px solid #a5a5a5;
          font-family: 'Montserrat';}

.header1 .infos span {font-size: 13px;color: #888888;}

.header1 .infos h6 { font-size: 17px;color: #363636;margin-bottom: 3px;}

.header1 .infos img {margin: 10px 0;}

.header1 .infos {
  margin: 5px 0;
}

.header1 a.whats {
  display: block;
  text-decoration: none;
  width: 100%;
  text-align: center;
  background: #9abc24;
  padding: 5px 0;
  color: white;
  border: 2px solid #9abc24;
  margin: 12px 0;
  transition: 1s;
  }

.header1 a.whats:hover {
  background: transparent;
  color: #9abc24;
  }

.header2 {
  font-family: 'Montserrat';
  padding: 1% 0 0%;
}

.header2 ul.links {list-style: none;
  display: inline-flex;
  padding: 0;
  width: 100%;}

.header2 ul.links a {
  color: #4c4771;
  text-decoration: none;
	text-align: center;
  display: block;
  position: relative;
	width: fit-content;
  margin: auto;
  font-size: 16px;
}

.header2 ul.links .col {
  padding: 0 0px;
}

.header2 ul.links a:hover {
  border-bottom: 2px solid #ff833f;
}

.header2 ul.links a.active {
  border-bottom: 2px solid #ff833f;
}

.header2 ul.links a i {
  color: #ff833f;
  font-size: 20px;
  position: absolute;
  top: 3px;right: -20px;
}

.header2 ul.links a:hover i {
  transform: rotate(180deg);
	transition: .5s;
}

.header2 ul.links li {
  margin: 0 0px;
}

.dropbtn {}

.header2 .dropdown {
  position: relative;
  display: inline-block;}

.header2 .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 280px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 999;}

.header2 .dropdown-content a {
  color: black;
  text-align: initial !important;
  padding: 12px 16px;
  display: block;
  width: 100% !important;
  text-decoration: none;
  display: block;}

.header2 .dropdown-content a:hover {background-color: #ddd;
 font-weight: 500;}

.header2 .dropdown:hover .dropdown-content {display: block;}

.header2 .dropdown:hover .dropbtn {}

#benner img.banner {width: 100%;position: relative;}

#benner .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    border-radius: 20px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-clip: padding-box;
    border: 2px solid white;
    transition: opacity .6s ease;}

 #benner a.esquerda {width: 8%;z-index: 100;}

 #benner a.direita {width: 8%;z-index: 100;}

.infobanner {position: absolute;
  z-index: 99;
  top: 30%;
  font-family: 'Montserrat';
  animation-name: entra;
  animation-duration: 1s;}

@keyframes entra {

  0% {right: 40%;}
  100% {right: 0%;}
}

.infobanner h4 {color: white;    
    font-size: 30px;
    line-height: 45px;}

.infobanner h4 b { background: #ff833f;padding: 5px;}

.infobanner a.sb {color: #ff833f;display: block;width: 60%;
    text-align: center;border: 2px solid #ff833f;padding: 5px 0;
    font-weight: 500; margin-top: 25px;}

.infobanner a.sb:hover {background: #ff833f;color: white;
transition: 1s;text-decoration: none;}

.roxo {background: #443d6b;padding: 3% 0 1%;color: white;
font-family: 'Montserrat';}

.roxo h2 {font-weight: 600;font-size: 38px; text-align: center;}

.roxo p {text-align: center;}

.galpao {padding: 4% 0;font-family: 'Montserrat';position: relative;}

.galpao .img {background: url(../img/galpao-img.png);
	background-size: 60%;background-repeat: no-repeat;}

.galpao img {position: absolute;bottom: -35px;right: 100px;}

.galpao .caixa {background: #ff833f;color: white; padding: 100px 30px;
    margin: 9% 0;}

.galpao .caixa p {font-size: 20px;}

.galpao .caixa a {color: white;display: block;width: 50%;
    border: 2px solid white;text-align: center;padding: 5px 0;
    float: right;text-decoration: none;}

.galpao .caixa a:hover {background: white;color: #ff833f;
                        transition: 1s;}


.pontos {font-family: 'Montserrat'; padding: 2% 0;
text-align: center;}

.pontos h1 {font-size: 30px;color: #443d6b; line-height: 40px;
margin: 0;}

.pontos h1 b {background: #ff833f;color: white; padding: 3px 10px;}

.pontos label {background: #443d6b; display: block;height: 2px;
    width: 25%;margin: 10px auto;}

.pontos h6 { 
  font-weight: 700;
  margin: 6% 0 0;
  font-size: 14px
}

.pontos span {
  margin: 0 0 20px;
  display: block;
  font-size: 13px;
}

.pontos img.fixa {width: 80%;
  margin: auto;
  display: block;
  z-index: 10;}

.pontos a.caixa {
    position: relative;
    padding: 15px 0px;
    width: 100%;
    display: block;
    transition: 1s;
  }

.pontos a.caixa img.ponti {
    position: absolute;
    transform: rotate(180deg);
    left: 0;
    right: 0;
    top: 0;   
    width: 96%;
    margin: auto;
    z-index: 1;
    filter: grayscale(1);
    transition: 1s;
}

.pontos a.caixa:hover img.seta {
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: .5s;
}

.pontos a.caixa:hover img.ponti {
  transform: rotate(0deg);
  bottom: 0px;
  top: 0px;
  filter: grayscale(0);
}

.responsa {
  background: url(../img/banner-2.png);
	background-size: 100%;
  background-repeat: no-repeat;
  padding: 5% 0;
  font-family: 'Montserrat';
  margin: 2% 0;
}

.responsa h3 {color: #443d6b;    font-size: 28px;}

.responsa h3 b {background: #ff833f;color: white; padding: 3px 10px;}

.responsa p {font-size: 15px;}

.responsa a {color: #ff833f; text-decoration: none;}

.responsa a:hover {color: #ff833f; text-decoration: none;
padding: 0px 5px;transition: 1s;} 

.caminhao {padding: 6% 0;background: url(../img/banner-eficiente.png);
           background-repeat: no-repeat;background-size: 75%;
           font-family: 'Montserrat'; background-position: right;
           margin: 2% 0;}

.caminhao h3 {color: #443d6b; font-size: 28px;font-weight: 400;}

.caminhao h3 b {color: #ff833f;font-weight: 600;}


.insta h1 {text-align: right;font-family: 'Montserrat';font-size: 20px;
    font-weight: 500;color: #443d6b;position: relative;
    margin: 3% 0;}

  .insta {padding: 3% 0; font-family: 'Montserrat';}

  .insta a.vai {background: transparent;color: #ff833f;
  font-size: 16px;display: block;width: 100%;text-align: center;
    padding: 5px 0;border-radius: 0px;margin: 10px auto;text-decoration: none;
   border: 2px solid #ff833f;}

  .insta a.vai:hover {background: #ff833f;color: white;
  	transition: 1s;}

  .insta a.voa {width: 100%;height: 275px;display: block;
    position: absolute;}

  .rodape {padding: 3% 0; background: #212121;font-family: 'Montserrat';
           color: white;}

  .rodape p {font-size: 14px;}

  .rodape .infos h6 {margin: 10px 0 0;}

  .rodape .infos a {color: white;text-decoration: none;margin: 5px 0 0;
  display: block; }

  .rodape .infos a:hover {color: #ff833f;text-decoration: none;
                          transition: 1s;}

  .rodape .infos i {font-size: 30px;display: block;text-align: right;}

  .rodape .infos i.roda { transform: rotate(90deg);}

  .rodape .infos {margin-bottom: 15px;}

  .rodape a.logo img { margin: 0 0 15px;}

  .rodape ul.links {list-style: none;padding: 0;}

  .rodape ul.links a {color: white;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
    width: fit-content;}

  .rodape ul.links a:hover {padding: 0 5px;
  transition: 1s;
  color: #ff833f;}

  .rodape h5 {font-weight: 600;}

  .rodape label { display: block;
    width: 40%;height: 3px;
    background: white;
    margin-bottom: 15px;}

  .rodape ul.redes {list-style: none;
    padding: 0;
    display: inline-flex;}

  .rodape ul.redes a {color: white;font-size: 25px;}

  .rodape ul.redes a:hover {color: #ff833f;}

  .rodape ul.redes a:hover i {transform: rotate(359deg);
  	transition: 1s;}

  .rodape ul.redes li {margin: 0 10px;}

  .rodape .certifica img {margin: 0 0 35px;width: 40%;}

  .rodape2 {background: #0f0f0f;
  color: white;
  font-family: 'Montserrat';
  padding: 1% 0;}

  .rodape2 p {text-align: center;
    margin: 0;
    font-size: 13px;}

  .rodape2 a.wecan {color: white;
    font-family: 'Libre Franklin';
    text-decoration: none;}

  .rodape2 a.wecan:hover {color: gold;
    transition: 1s;}

  .rodape2 a.wecan span {color: gold;
    font-family: 'Poppins';
    font-size: 30px;
    line-height: 0px;}


  .nos {font-family: 'Montserrat';
  background: url(../img/banner-sobre-nos.png);
  background-repeat: no-repeat;
  background-position: right;
  padding: 6% 0;
  margin-bottom: 3%;
  background-position: right;
  }

  .nos h2 {
    color: #443d6b;
  }

  .nos h2 span {
    color: #ff833f;
  }

  .nos h2 b {color: white;
    background: #ff833f;
    padding: 5px 10px;}

  .somos {font-family: 'Montserrat'; }

  .somos .valores p {text-align: center;
    font-size: 15px;}

  .somos .valores img {display: block;
    margin: 65px 0 20px;}

  .somos .valores img:hover {transform: rotateY(360deg);
    transform-style: preserve-3d;
    perspective: 1000px;
    transition: 1s;}

  .somos h2 {color: #ff833f;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;}

  .somos h2 span {color: white;
    background: #ff833f;
    padding: 5px 10px;}

  .somos p {font-size: 15px;}

  .unidade {font-family: 'Montserrat';
  background: url(../img/arvore-.png); background-size: 28%;
  background-repeat: no-repeat; padding: 5% 0 0;}

  .unidade img.img {display: block;margin: 0 auto 10%;font-weight: 600;}

  .unidade h2 {text-align: center; color: #ff833f;
    font-weight: 700;    margin-bottom: 5%;}

  .unidade h3 {
    color: #ff833f;
    margin-top: 20%;
    margin-bottom: 5%;
    }

  .unidade h3 i {color: #443d6b;}

  .campinas {background: #f0f0f0;padding: 3% 0;}

  .campinas img.img {display: block;margin: auto;font-weight: 600;}

  .campinas h3 {color: #ff833f; margin-top: 10%;}

  .campinas h3 i {color: #443d6b;}

  .moni {font-family: 'Montserrat';
  padding: 3% 0;}

  .moni h3 {    color: #ff833f;
    font-weight: 500;
    margin: 0% 0 5%;
    font-size: 30px;
    line-height: 45px;
  }

  .moni h3 b {color: white;
    background: #ff833f;
    padding: 5px 10px;}

  .moni ul {list-style: none;
    padding: 0px;}

  .moni img {
    display: block;
    margin: auto;
  }

  .moni .cada {margin-bottom: 5px;}

  .moni p span {font-weight: 600;}

  .moni li {    margin-bottom: 10px;}

  .frota {padding: 4% 0;
    background: url(../img/tira-frota-de-caminhao.png);
    background-size: 65%;
    background-repeat: no-repeat;
    font-family: 'Montserrat';
    margin: 3% 0;
    }

  .frota p {    color: #443d6b;
    font-size: 30px;}

  .frota p span {color: #ff833f;}

  .insta2 {font-family: 'Montserrat';
  padding: 3% 0;}

  .insta2 h3 {color: #ff833f;
    font-weight: 500;
    margin: 0% 0;
    font-size: 28px;}

  .insta2 a.ir {    color: #ff833f;
    text-align: center;
    display: block;
    width: 100%;
    border: 2px solid;
    padding: 10px 0;
    text-decoration: none;
    font-weight: 500;
    margin: 15px 0 0;}

  .insta2 p {    margin-bottom: 5%;}

  .insta2 a.ir:hover {color: white;
    text-decoration: none;
    background: #ff833f;
    transition: 1s;}

  .insta2 a.voa { height: 220px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;}

  .insta a.voa {position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    height: 275px;}

  .insta2 iframe {height: 225px;}

  .ambiente {padding: 6% 0;
    background-size: 90%;
    background: url(../img/banner-solucoes-ambientais.png);
    font-family: 'Montserrat';
    background-repeat: no-repeat;
    background-position: right;
    }

  .ambiente h3 { color: #443d6b;
    font-size: 30px;}

  .ambiente span {width: 50%;
  background: #ff833f;
  display: block;
  height: 3px;}

  .ambiente2 {
    padding: 3% 0;
    font-family: 'Montserrat';
    background: #f3f3f3;
  }

  .ambiente2 ul {
    list-style: square;
  }

  .ambiente2 img {    margin-top: 30%;}

  .aparas {font-family: 'Montserrat'; 
  padding: 3% 0;}

  .aparas img {width: 100%;}

  .aparas h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 5%;
    }

  .aparas h2 span {
    background: #ff833f;
    padding: 5px 10px; 
  }

  .coleta {font-family: 'Montserrat'; 
  padding: 3% 0 0;}

  .coleta h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 5%;
    }

  .coleta p {margin-bottom: 10%;}

  .coleta h2 span {
    background: #ff833f;
    padding: 5px 10px; 
  }

  .coleta img.principal {width: 100%;}

  .frota2 p {    color: #443d6b;
    font-size: 30px;}

  .frota2 p span {color: #ff833f;}

  .frota2 {padding: 30px 0;
    font-family: 'Montserrat';
    margin: 0% 0;
    }

  .materiais {padding: 40px 0;
  font-family: 'Montserrat';}

  .materiais h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    margin-bottom: 5%;
    }

  .materiais h2 span {
    background: #ff833f;
    padding: 5px 10px; 
  }

  .materiais img {width: 100%;}

  .persona {padding: 40px 0;
   font-family: 'Montserrat';}

  .persona img.principal {width: 100%;margin: 0px;}

  .persona img {width: 100%;margin: 30px 0 0;}

  .persona h2 {
    color: white;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    margin: 30px 0;
    }

  .persona h2 span {
    background: #ff833f;
    padding: 5px 10px; 
  }

  .estrutura {
    background: url(../img/banner-estrutura.png);
    background-repeat: no-repeat;
    background-position: right;
    padding: 7% 0;
    font-family: 'Montserrat';}

  .estrutura h3 { color: #443d6b;
    font-size: 30px;}

  .estrutura span { width: 50%;
    background: #ff833f;
    display: block;
    height: 3px;}

  .unidades {padding: 3% 0;
    font-family: 'Montserrat';}

  .unidades h2 {text-align: center;
  color: #443d6b;
  font-weight: 600;
  }

  .unidades span {background: #ff833f;
    display: block;
    width: 20%;
    height: 3px;
    margin: 0px auto 20px;
    }

  .unidades h3 {font-size: 24px;
    text-align: center;
    font-weight: 400;}

  .unidades h4 {font-size: 24px;
   color: #ff833f;
   text-align: center;
   font-weight: 600;}

  .unidades p {text-align: center;
    margin-bottom: 30px;}

  .unidades iframe { width: 75%;
    border-radius: 100%;
    height: 260px;
    margin: auto;
    display: block;}

  .galpam {font-family: 'Montserrat';
  padding: 30px 0;}

  .galpam h4 {text-align: center;
    font-weight: 600;
    margin: 10px 0;}

  .galpam img {display: block;
    width: 100%;
    margin: 0 auto 30px;
    position: relative;
    }

  .galpam .modal-dialog {
    max-width: 750px;
    margin: 1.75rem auto;}

  .galpam .modal-dialog button.close {position: absolute;
    top: 20px;
    right: 25px;
    z-index: 9;
    color: white;
    cursor: pointer;
    font-size: 35px;
    text-shadow: 0 0px 5px #000000b8;}

  .contato {padding: 7% 0;
    background: url(../img/banner-contato.png);
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Montserrat';}

  .contato h3 {text-align: center;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
    }

    .campos {font-family: 'Montserrat';
    background: url(../img/arvore2.png);
    background-position: right;
    background-repeat: no-repeat;
    padding: 4% 0;}

    .campos h2 {color: #443d6b;
      font-size: 30px;
      font-weight: 500;
    }

    .campos p {color: #443d6b;}

    .campos input {width: 100%;
      margin: 5px 0;
      padding: 10px;
      border: 1px solid gray;
    }

    .campos input:focus {
      box-shadow: 0 0 10px #443d6b;
      transition: .5s;
    }

    .campos input:hover {
      box-shadow: 0 0 10px #443d6b7a;
      transition: .5s;
    }

    .campos textarea {
      width: 100%;
      padding: 10px;
      border: 1px solid gray;
      margin: 5px 0;
    }

    .campos textarea:hover {
      box-shadow: 0 0 10px #443d6b7a;
      transition: .5s;
    }

    .campos textarea:focus {
      box-shadow: 0 0 10px #443d6b;
      transition: .5s;
    }

    .campos button {background: #9abc24;
    color: #443d6b;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    border: 0px;
    padding: 5px 0;
    text-transform: uppercase;}

    .campos button:hover {
      box-shadow: inset 0px 50px 0px #ff833f;
      transition: 1s;
    }

    .cookieConsentContainer {
    opacity: 1;
    display: block;
    background: #ff833f;
    font-family: 'Montserrat';
    position: fixed;
    right: 10px;
    /* left: 0px; */
    width: 50%;
    padding: 20px 30px;
    z-index: 99;
    bottom: 10px;
    box-shadow: 0 0 20px;
}

    .cookieConsentContainer p {font-size: 12px;
      margin: 0;color: white;
    }

    .cookieConsentContainer .cookieButton a {
    background: #443d6b;
    color: white !important;
    display: block;
    width: 80%;
    margin: auto;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    cursor: pointer;
  }

    .cookieConsentContainer .cookieButton a:hover {
      background: white;
      color: #443d6b !important;
      transition: 1s;
    }


    #myBtn {
    font-family: 'Montserrat';
    position: fixed;
    bottom: 13%;
    right: 2%;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #000a;
    color: white;
    cursor: pointer;
    padding: 15px 30px;
    border-radius: 10px;
    font-size: 18px;
    }

#myBtn:hover {
  background: #dadada;
}

.especi {
    padding: 2% 0;
    font-family: 'Montserrat';
    background: #ff833f;
}

.especi h1 {
  color: #ffffff;
  font-weight: 700;
  font-size: 30px;
  margin: 15px 0;
  position: relative;
  
}

.especi a {
  width: 80%;
  background: green;
  color: white;
  text-align: center;
  display: block;
  padding: 5px 20px;
  border-radius: 20px;
  text-decoration: none;
  margin: 10px auto;
  transition: 1s;
  border: 3px solid green;
  font-size: 18px;
  box-shadow: 0 0 10px #25D366;
  animation: 1.5s ease 0s infinite normal none running pisca; 
}

@keyframes pisca {
    0% {
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9);
        }
    70% {
        -webkit-transform:scale(1);
        -ms-transform:scale(1);
        transform:scale(1);
        box-shadow:0 0 0 25px #ffff0000;
        }
    100%{
        -webkit-transform:scale(0.9);
        -ms-transform:scale(0.9);
        transform:scale(0.9);
        box-shadow:0 0 0 0 #ffff0000;}
}

.especi a i {
    text-align: center;
    font-size: 45px;
    line-height: normal;
}

.especi a:hover {
  background: transparent;
  color: green;
  text-decoration: none;
}

.especi a:hover i {
  transform: rotate(360Deg);
  transition: 1s;
}

.botwhats {
  padding: 0rem 0 2rem;
   font-family: 'Montserrat';
}

.botwhats a {
    display: block;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 0px;
    color: #fff;
    background: #ff833f;
    text-decoration: none;
    margin: auto;
    transition: .2s;
}

.botwhats a:hover {
  transform: scale(1.1);
  text-decoration: none;
  color: #fff;
}

.politica {
  font-family: 'Montserrat';
  padding: 4rem 0;
}

.meio {
  margin: auto;
}

.apresenta {
  font-family: 'Montserrat';
  padding: 4rem 0;
  display: flex;
  align-items: center;
  min-height: 360px;
  background-color: #4C4573;
  background-size: cover;
  background-image: url('../img/banner-compra-e-venda-sucata.webp');
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.apresenta h1 {
  text-align: center;
  font-weight: 700;
}

.apresenta a {
  display: block;
  width: fit-content;
  padding: 10px 20px;
  background: #FF833F;
  color: #fff;
  margin: 10px auto;
  transition: .2s;
}
.apresenta a:hover {
  color: #fff;
  text-decoration: none;
  transform: scale(1.05);
}

.metais {
  padding: 4rem 0;
  font-family: 'Montserrat';
}

.metais h2 {
  font-weight: 700;
  color: #4C4573;
  text-align: center;
  margin-bottom: 30px;
}

.metais h2 b {
  color: #FF833F;
  font-weight: 700;
}

.metais .grade {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.metais .grade .caixa {
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid silver;
  width: 23%;
}

.metais .grade .caixa img {
  width: 100%;
  border-bottom: 3px solid #FF833F;
}

.metais .grade .caixa span {
  text-align: center;
  display: block;
  margin: 15px auto;
  font-weight: 700;
  color: #4C4573;
}

.bannermeiosucata {
  font-family: 'Montserrat';
  padding: 4rem 0;
  display: flex;
  align-items: center;
  text-align: center;
  min-height: 300px;
  background-color: #4C4573;
  background-image: url('../img/banner-meio-sucata.webp');
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  margin: 2rem 0;
}

.bannermeiosucata h2 {
  font-weight: 700;
}

.bannermeiosucata a {
  display: block;
  width: fit-content;
  padding: 10px 20px;
  background: #FF833F;
  color: #fff;
  margin: 10px auto;
  transition: .2s;
}
.bannermeiosucata a:hover {
  color: #fff;
  text-decoration: none;
  transform: scale(1.05);
}

.porque {
  font-family: 'Montserrat';
  padding: 4rem 0;
  color: #4C4573;
}

.porque h2 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 30px;
}

.porque h2 b {
  color: #FF833F;
  font-weight: 700;
}

.porque img {
  display: block;
  margin: 10px auto;
  max-width: 100px;
  min-height: 100px;
}

.porque h3{
  text-align: center;
  font-weight: 700;
  font-size: 22px;
}

.porque p{
  text-align: center;
}