*{margin: 0;padding: 0;box-sizing: border-box;font-family: "Poppins", sans-serif;}
a{color:inherit;text-decoration: none;}
:root{
    --cor-verde:#00290B;
    --cor-verdeClaro:#00631a;
    --cor-branca:#ffffff;
    --cor-cinzaClaro:#FBFBFB;
    --cor-cinza:#888888;
    --cor-pretoFosco:#111111;
}

.mobile, .fecha-menu{display:none;}
.container{width:100%;max-width:1280px;margin: auto;}

header{padding:10px 0 0;border-bottom:1px solid  var(--cor-verdeClaro);z-index:1000;}
.cabecalho{display:flex;flex-wrap: wrap;justify-content: space-between;align-items:center;padding:10px 0;}
.logo{width:130px;}
.menu menu{display:flex;list-style:none;}
.menu li{padding: 10px 5px;color: var(--cor-verdeClaro);font-size:14px;}
.menu li:hover{color: var(--cor-verde);}
.menu-produtos{display:none;}

.menu .btn-vender, .btn-vender{padding:10px;background-color: var(--cor-verdeClaro);color:var(--cor-branca);border-radius:5px;}
.menu .btn-vender:hover, .btn-vender:hover{background-color: var(--cor-verde);}

.menu-categoria{background-color: var(--cor-verdeClaro);position: relative;color:var(--cor-branca);}
.menu-categoria ul{display:flex;flex-wrap: wrap;justify-content: start;align-items: center;list-style:none;}
.menu-categoria li{padding:5px 10px;}
.ativa-categoria{left:0;transition: all 1s ease-in-out;}

.banner-principal{width:100%;margin:20px auto;border-radius:5px;}

.equipamentos{width: 100%;padding:50px 20px;background-color: var(--cor-branca);}
.lista-equipamentos{display:flex;flex-wrap: wrap;justify-content:start;align-items:flex-start;list-style: none;}
.lista-equipamentos li{width: 25%;padding:5px;}
.card-equipamentos{background-color: var(--cor-branca);padding:10px;border-radius: 5px;box-shadow: 0 0 2px #999999;transition: all 0.3s;}
.card-equipamentos:hover{box-shadow: 0 0 5px #999999;transition: all 0.3s;}
.card-equipamentos img{width:100%;object-fit: cover;aspect-ratio:16/9;margin:20px auto;}
.titulo-equipamentos{line-height: 1em;font-size:16px;font-weight:400;border-bottom: 1px solid var(--cor-verde);padding:10px;height:80px;}
.tipo-equipamentos{display:block;padding:5px 10px;background-color:var(--cor-verdeClaro);color:var(--cor-branca);font-weight:200;font-size:14px;}
.rodape-equipamentos{padding: 10px;display:flex;justify-content: space-between;align-items: center;}
.valor-equipamentos{font-size:18px;font-weight:400;color:var(--cor-verdeClaro);}
.cidade-equipamentos{padding:10px;}
.detalhes-equipamentos{padding:5px 10px;background-color: var(--cor-verdeClaro);color: var(--cor-branca);}
.detalhes-equipamentos:hover{background-color: var(--cor-verde);}
.busca-vazia{min-height: 70vh;display:flex;justify-content: center;align-items: center;flex-direction: column;}

.topicos{padding:50px 0;}
.topicos ul{display:flex;flex-wrap: wrap;justify-content:start;align-items: start;list-style:none;} 
.topicos li{width:25%;padding:20px;text-align:center;}
.topicos i{font-size:50px;color:var(--cor-verdeClaro);margin-bottom: 20px;}
.topicos li p{font-size:18px;color:var(--cor-verdeClaro);font-weight:600;padding: 10px 0;}
.topicos li span{font-size:12px;line-height:15px;display: block;}
.titulo-topicos{margin:10px auto;display:block;color:var(--cor-verdeClaro);text-align: center;font-size: 16px;}
.subtitulo-topicos{font-size: 25px;font-weight: 500;text-align: center;margin-bottom:20px;color: var(--cor-pretoFosco);}

.box-detalhes{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:start;min-height:90vh;}
.galeria-detalhes{width:50%;padding:10px;min-height:90vh;display: flex;flex-direction: column;justify-content: center;position: sticky;top:0;}
.galeria-detalhes img{width:100%;aspect-ratio:16/9;object-fit: cover;}
.miniatura-galeria{display:flex;flex-wrap: wrap;justify-content: start;align-items: center;width:100%;}
.miniatura-galeria img{width:25%;padding:2px;}
.galeria-detalhes iframe{width:100%;height:100%;display:block;object-fit: cover;aspect-ratio:16/9;}

.txt-detalhes{width: 50%;padding:20px;min-height:90vh;display: flex;flex-direction: column;justify-content: center;position: sticky;top:0;}
.titulo-detalhes{font-size:20px;background-color: var(--cor-verde);color:var(--cor-branca);
padding:10px;margin-bottom: 20px;}
.valor-detalhes{font-size:20px;padding:10px;font-weight:600;color:var(--cor-verdeClaro);}
.subtitulo-detalhes{font-weight:600;color:var(--cor-verde);padding:0 10px;}
.especificacoes-detalhes ul{padding:10px 30px;color:var(--cor-verdeClaro);}
.descricao-detalhes{padding:10px;}
.descricao-detalhes p{padding:10px;}
.txt-detalhes hr{padding:0 10px;margin: 20px auto;}
.txt-detalhes form{width:100%;padding: 20px;background-color:var(--cor-cinzaClaro);border-radius: 10px;}
.txt-detalhes label{padding:5px 0;color:#000000;font-weight: 300;display:block;}
.txt-detalhes input, .txt-detalhes textarea{width:100%;padding:10px;border:1px solid var(--cor-cinza);border-radius:2px;outline: none;}
.input-duplo{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:end;}
.input-duplo label{width:50%;padding:10px 2px;}
.input-duplo input{width:100%;}
.txt-detalhes input[type="submit"]{border:none;background-color: var(--cor-verdeClaro);color:var(--cor-branca);}

.newsletter{background-image:linear-gradient(var(--cor-verdeClaro), var(--cor-verde));padding:50px 10px;color:var(--cor-branca);}
.box-newsletter{display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;max-width:70%;}
.titulo-newsletter p{font-size: 25px;}
.titulo-detalhes span{font-size:16px;}
.box-newsletter button{padding:15px 20px;border: none;border-radius: 5px;background-color: #ffbb00;}

.box-contato{max-width:720px;margin:20px auto;background-color: var(--cor-cinzaClaro);padding:20px;width:70%;min-height:80vh;}
.box-contato form{width:100%;}
.box-contato label{display:block;width:50%;padding:10px 2px;font-size:14px;}
.box-contato input, .box-contato textarea, .box-contato select{width:100%;padding:10px 5px;outline:none;}
.box-contato .textarea{width:100%;}
.box-contato input[type="submit"]{border:none;background-color: var(--cor-verdeClaro);color:var(--cor-branca);}
.box-contato legend{font-weight:500;color:var(--cor-verdeClaro);font-size:20px;margin-bottom: 20px;}
.box-contato p{font-size:16px;font-weight:200;margin-bottom: 20px;color:var(--cor-pretoFosco);}
.box-contato span{font-size:18px;font-weight:500;margin-bottom: 20px;color:var(--cor-verdeClaro);}

.box-sobre{display:flex;flex-wrap: wrap;justify-content:space-between;align-items: center;position: relative;min-height:70vh;}
.txt-sobre{width:50%;padding:20px;}
.txt-sobre legend{font-size:30px;font-weight:800;color:var(--cor-verdeClaro);border-bottom:1px solid var(--cor-verdeClaro);padding:10px 0;}
.txt-sobre p{margin: 20px 0;font-weight:300;color:var(--cor-pretoFosco);}
.txt-sobre button{padding:10px;border:none;background-color: var(--cor-verdeClaro);color:var(--cor-branca);border-radius: 10px;margin:20px auto;display:block;}
.txt-sobre button:hover{background-color: var(--cor-verde);}
.img-sobre{width:50%;padding:30px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.img-sobre div{width:50%;padding:20px;text-align: center;}
.img-sobre img{width:100%;}

footer{padding:10px;color: var(--cor-branca);background-color: var(--cor-verde);font-size:14px;font-weight: 200;margin: 0 auto;text-align:center;border-top:0.2px dashed;}
.box-footer{background-color: var(--cor-verde);padding: 20px 10px;}
.box-footer ul{display:flex;flex-wrap: wrap;justify-content:space-between;align-items:center;list-style: none;color:var(--cor-branca);}
.box-footer li{width:33.33%;}
.box-footer span{width:100%;display:block;font-size:14px;font-weight: 200;}
.txt-center{text-align:center;}
.txt-right{text-align: right;}
.redes-sociais i{font-size:20px;padding:10px;}
.btn-whatsapp{position:fixed;bottom:30px;right: 20px;width:180px;}

@media screen and (max-width:915px){
    .mobile{display: block;position: absolute;top:20px; left:20px;font-size:22px;}
    .fecha-menu{display:block;position:absolute;right: 20px;top:20px;}
    header{padding:10px 0 0;}
    .cabecalho{padding:10px 0;justify-content: center;align-items: center;position: relative;}
    .menu{width:100%;height:100vh;position:fixed;left:-100%;transition: all 1s ease-in-out;top:0;background-color:var(--cor-branca);z-index:10;padding: 50px 20px;}
    .menu menu{margin:20px auto;flex-direction: column;justify-content:start;align-items: center;}
    .menu li{width:100%;text-align:left;font-size:20px;}
    .menu li ul{position: relative;margin:20px auto;}
    .btn-menu{z-index:9;color: #00631a;}
    .menu-produtos{display:block;}
    .ativa-menu{left:0;transition: all 1s ease-in-out;}
    .box-newsletter button{margin:20px auto;}

    .menu-categoria{z-index:1000;position:fixed;top: 0;left:-100%;width:100%;padding:50px 10px;transition: all 1s ease-in-out;}
    .menu-categoria ul{flex-direction: column;height:100vh;overflow-y:auto;}
    .menu-categoria li{font-size: 16px;padding:10px;text-transform: uppercase;}
    .ativa-categoria{left:0;transition: all 1s ease-in-out;}

    .box-detalhes{flex-direction: column;}
    .galeria-detalhes{width:100%;position: relative;min-height: auto;}
    .txt-detalhes{position: relative;display:block;width:100%;min-height: auto;}

    .box-sobre{flex-direction: column;}
    .txt-sobre, .img-sobre{width:100%;padding:20px;}

    .topicos li{width:100%;}
    
    .lista-equipamentos li{width:50%;}

}

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

    .equipamentos{padding: 50px 10px;}
    .lista-equipamentos{flex-direction:column;min-height:100vh;}
    .lista-equipamentos li{width:100%;}

    .box-contato{max-width:100%;width:100%;}

    .box-footer ul{flex-direction: column;}
    .box-footer li{width:100%;text-align: center;margin: 20px auto;}
}


  /* ini: Preloader */
 
#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image:linear-gradient(var(--cor-verde), var(--cor-verdeClaro)); /* cor do background que vai ocupar o body */
    z-index:999; /* z-index para jogar para frente e sobrepor tudo */
}
#preloader .inner {
    position: absolute;
    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/
    left: 50%;
    transform: translate(-50%, -50%);  
}
.bolas > div {
  display: inline-block;
  background-color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  margin: 3px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: animarBola;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
   
}
.bolas > div:nth-child(1) {
    animation-duration:0.75s ;
    animation-delay: 0;
}
.bolas > div:nth-child(2) {
    animation-duration: 0.75s ;
    animation-delay: 0.12s;
}
.bolas > div:nth-child(3) {
    animation-duration: 0.75s  ;
    animation-delay: 0.24s;
}
 
@keyframes animarBola {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  16% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
  33% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; 
  } 
}
/* end: Preloader */