<style>
        html, body{
            font-family: 'Lato', sans-serif;
            width: 100%;
            margin:0;
            scroll-behavior:smooth;
             overflow-x: clip;
}


h3{ position:relative; visibility: hidden;3}
h3 span{ position:absolute; top:-250px;}
.arredondado{border-radius: 20px;}
.bloco-preto{
    background-color: #000; 
    width: 90%;
    max-width: 1100px; 
    margin-top: 20px; 
    margin-bottom: 40px
}

.botao-exemplo{
    width: 160px;
    height: 30px;
    background-color: #FFCC00;
    border-radius: 5px;
    padding: 5px;
    font-size: 14px;
    margin: auto;
    margin-top: 10px;
}

.botao-exemplo a{
    text-decoration: none;
    color: #000;
}

.botao-m-p-1{
    width: 220px;
    height: 80px;
    background-image: url(imgs/miniVux-p.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.botao-m-p-2{
    width: 220px;
    height: 80px;
    background-image: url(imgs/alphaAir-p.png);
    background-repeat: no-repeat;
    background-position: top center;
}
  

.botao-m-p-3{
    width: 220px;
    height: 80px;
    background-image: url(imgs/Genius-p.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.botao-m-p-4{
    width: 220px;
    height: 80px;
    background-image: url(imgs/L1-p.png);
    background-repeat: no-repeat;
    background-position: top center;
}


.bannerDrone{
        width: 580px;
        height: 515;
        background-image: url(imgs/drone.png);
        background-repeat: no-repeat;
        background-position: center center;
        }

        .borda{border: solid red}
        .branco{color: #FFF;}
        .borda-linha{
        border-right: 1px dashed #FFF;
        }
        .borda-linha2{
        border-right: 1px dashed #000;
        }
        .borda-linha-desktop{
        border-right: 1px dashed #000;
        }
        
          .botao01{
              width: 280px;
              background-color: #ffcc00;
              border-radius: 10px;
              margin: auto;
              padding: 5px;
              font-weight: 900;
              font-size: 18px;
              text-align: center;
              text-transform: uppercase;
             -webkit-box-shadow: 2px 4px 0px -1px rgba(0,0,0,0.50); 
            box-shadow: 2px 4px 0px -1px rgba(0,0,0,0.50);
          }
          
.link a{
    color: #000;
    text-decoration: none
}

        .bbb{font-weight: 900}
        .esconde{display: none;}

        .fbanner{
        background-image: url(imgs/fundoBanner.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        min-height: 553px;
        }
.foto{
    width: 100%;
    max-width: 400px;
}
         .fotoProduto01{
              background-image: url(imgs/foto-produto01.jpg);
              background-position: top center;
              background-repeat: no-repeat;
             
          }
         .fotoProduto02{
              background-image: url(imgs/foto-produto02.jpg);
              background-position: top center;
              background-repeat: no-repeat;
          } 
          
          .fotoProduto03{
              background-image: url(imgs/foto-produto03.jpg);
              background-position: top center;
              background-repeat: no-repeat;
          } 
          
          .fotoProduto04{
              background-image: url(imgs/foto-produto04.jpg);
              background-position: top center;
              background-repeat: no-repeat;
          }
        

.foto-drone{
    height:250px;
}

        .fpa{min-height:510px;}

        .fundoBranco{
       background-color: #FFF;    
       
        }
.fundoSombra{
     background-image: url(imgs/branco-sombra.png);
            background-repeat: repeat-x;
            background-position: bottom;
        }

          .fundoAmarelo{
        background-color: #ffc600;
        }
        
          .fundo-preto{
              background-color: #000;
          }
        .fundoTextura01{
        background-image: url(imgs/fundoTextura01.jpg);
        }

        .infografico{
        width: 100%;
        max-width: 1073px;
        margin: auto;
        background-repeat: no-repeat;
        }
          
        .infografico img{
        width: 100%;
        }

        .largura-maxima{
        max-width: 1200px;
        }

        .linha{border-bottom:dashed 1px #CCC;}
          
        .mostra{display:flex;}
        .m-auto{margin: auto;}
        
          .produtoB{
              background-image: url(imgs/textura-malha.jpg);
              background-position: top center;
              background-repeat: no-repeat;
          }
          
          .produtoC{
              background-image: url(imgs/paisagempb.jpg);
              background-position: top center;
              background-size: cover;
          }
          



.infog-01{
    height: 348px;
    background-image: url(imgs/infog-01.png);
}

.infog-02{
    height: 302px;
    background-image: url(imgs/infog-02.png);
}

.infog-03{
    height: 64px;
    background-image: url(imgs/infog-03.png);
}

.infog-04{
    height: 263px;
    background-image: url(imgs/infog-04.png);
}



.p-animado{
    width: 401px;
    height: 401px;
}

.b-animado{
    min-height: 380px;
}


.quadro-produto{
    width: 85%;
   min-width: 300px;
    margin: auto;
}

.quadro-produto img{
    margin-top: 20px;
    margin-bottom: 20px;
}

          .subtitulo{
        font-size: 32px;
        line-height: 100%;
        font-weight: 300;
        }


        .titulo{
        font-size: 38px;
        font-weight: 900;
        line-height: 100%;
        }

        .titulo2{
        color: #ffc600;
        font-size: 38px;
        font-weight: 900;
        }
        

        .titulo3{
        font-size: 24p\x;
        color: #ffc600;
        }

        .tituloBanner{font-family: 'Lato', sans-serif;
        font-size: 72px;
        font-weight: 900;
        color: #FFF;
        line-height: 80%;
        text-shadow: 1px 4px 0px rgba(108,69,1,0.6);
        }
          
        .texto-produto{
        font-size: 26px;
        text-align:left;
        
        }

 .texto-produto2{
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    
}

        .texto-grande{
        font-size: 26px;
        font-weight: 900;
            text-align: right;
        }

        

        .texto-grande2{
        font-size: 16px;
        font-weight: 900;
        }
        
        .texto-grande3{
        font-size: 32px;
        font-weight: 900;
        }
.travessao{
    width: 250px;
    height: 5px;
    background-color: black;
    margin: auto
    
}

        .element {
        animation: pulse 0.5s infinite;
        animation-direction: alternate;
        }

        @keyframes pulse {
        0% {opacity: 0;}
        100% {opacity: 100;}
        }


        .pisca {
        animation: piscando 1s infinite;
        animation-direction: alternate;
        }

        @keyframes piscando {
        0% {opacity: 0.3;}
        50% {opacity: 1;}
        }
        
         .pisca2 {
        animation: piscando2 0.5s infinite;
        animation-direction: alternate;
        }

        @keyframes piscando2 {
        0% {opacity: 0;}
        100% {opacity: 1;}
        }
        



          #e01{
         
          animation: roda 10s infinite linear}
          @keyframes roda {100% {transform: rotate(360deg);} }
          
           #e02{
          
          animation: roda 15s infinite linear reverse}
          @keyframes roda {100% {transform: rotate(-360deg);} }
         
          #e03{
         
          animation: roda 20s infinite linear}
          @keyframes roda {100% {transform: rotate(360deg);} }
         
          
.txt-rodape{
    font-size: 14px;
    font-weight: 300;
}

           .video{
              height: 640px;
          }     
          




@media (max-width: 900px) {
    
     html,body{
        overflow-x: clip;
        
    }
    
     .largura-maxima{
        max-width: 98%;
         
        }
    
    
    h3{ position:relative;  }
    h3 span{ position:absolute; top:-450px; }
    .borda-linha-desktop{
        border: none;
        }
    .botao-m-p-1{
    width: 72px;
    height: 98px;
    background-image: url(imgs/miniVux-p-m.png);
    background-repeat: no-repeat;
    background-position: top center;
}
 .botao-m-p-2{
    width: 72px;
    height: 98px;
    background-image: url(imgs/alphaAir-p-m.png);
    background-repeat: no-repeat;
    background-position: top center;
}
       
  .botao-m-p-3{
    width: 72px;
    height: 98px;
    background-image: url(imgs/Genius-p-m.png);
    background-repeat: no-repeat;
    background-position: top center;
}
   
    
    .botao-m-p-4{
    width: 72px;
    height: 98px;
    background-image: url(imgs/L1-p-m.png);
    background-repeat: no-repeat;
    background-position: top center;
}
    
    
    
    
    
    .quebra{display: none;}
    
  .bannerDrone{
        width: 350px;
        height: 311px;
        background-image: url(imgs/drone.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        margin: auto;
        }
    .bannerDrone img{
        width: 100%;
    }

    
     .fotoProduto01{background-image: url(imgs/foto-produto01-m.jpg);}
     .fotoProduto02{background-image: url(imgs/foto-produto02-m.jpg);}
     .fotoProduto03{background-image: url(imgs/foto-produto03-m.jpg);}
     .fotoProduto04{background-image: url(imgs/foto-produto04-m.jpg);}
    
    
    .direita{border: none;}
    
    .fpa{min-height:320px;}
    
    
    
    .infog-01{
    height: 263px;
    background-image: url(imgs/infog-m-01.png);
}

.infog-02{
    height: 228px;
    background-image: url(imgs/infog-m-02.png);
}

.infog-03{
    height: 50px;
    background-image: url(imgs/infog-m-03.png);
}

.infog-04{
    height: 212px;
    background-image: url(imgs/infog-m-04.png);
}

    
    .infografico{
        width: 375px;
        background-position: top center;
    } 
    
    

    
    
    .tituloBanner{font-family: 'Lato', sans-serif;
        font-size: 42px;
        font-weight: 900;
        color: #FFF;
        line-height: 100%;
        text-shadow: 1px 4px 0px rgba(108,69,1,0.6);
         text-align: center;
        }
    
    .p-animado{
        width: 250px;
        height: 250px;
        overflow: hidden;
       
        
        
    }
    .b-animado{
        min-height: 250px;
        width: 250px;
        margin: auto;
       
    }
    
    .txt-drone{
        min-width: 350px;
    }
    .botao01{
        width:  350px;
        font-size: 20px;
    }
    
    .titulo{
        font-size: 26px;
        font-weight: bold;
    }
    .subtitulo{
    font-size: 18px;
    
    }
    
    .titulo2{
        text-align: center;
        font-size: 24px;
        line-height: 120%;
    }
   
    .img-botao{
        width: 120px;
    }
    
    .lateral-d{display: block}
    
    
    .texto-produto{
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    
}
    
     .texto-produto2{
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    
}
    
    
    .foto{width: 90%;}
    
    .largura-maxima{
        340px;
    }
    
    .logo{
        width: 150px;
        margin: auto;
       
    } 
    
    .logo img{
        width: 100%;
    }
    
    .travessao{
    width: 290px;
    height: 5px;
    background-color: black;
    margin: auto
    
}
    
    
    
    .texto-grande{
        font-size: 20px;
        text-align: center;
    }
    
    .texto-grande2{
        font-size: 16px;
        font-weight: 900;
        }
    
    .texto-grande3{
        font-size: 36px;
        font-weight: 900;
        }
    
    
    .video{
        height: 360px;
    }
    
    .ico img{
        width: 60px;
    }
    
    .ico spam{
        font-size: 14px;
        line-height: 90%;
    }
}   



      </style>