* {
    margin: 0;
    padding: 0;
}
html {
    overflow-x: hidden;
}
body{ /*página em si*/ 
    background: #fff;
    font-family: arial;
}
input {
    font-family: Arial;
    color: #5a080b;
    font-size: 15px;
}
textarea {
    font-family: Arial;
    color: #5a080b;
    font-size: 18px;
}

/*cabeçalho(logo)*/
.container{ /*página inteira*/ 
    margin: 0 auto;
    
}
.cabecalho { /*imagem de capa, logo*/ 
    margin: 10px auto;
    width: 920px;

}
.redes-sociais { /*classe*/ 
    float: left;
    margin-top: 30px;
}
.imgw { /*classe dos ícones*/ 
    width: 70px;
    padding-bottom: 40px; /* espaçamento interno do fundo (em baixo)*/ 
}
.logo{/*classe*/ 
    text-align: center;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 500px; 
    margin-left: -50px;
}

/*Barra de navegação MENUU*/
.menu{ 
    background-color: #5a080b;
    text-align: center; /* Menu centralizado */   
    position: sticky; /* Menu fixo */
    top: 0; 
    z-index: 1;
}

ul{ /*seletores (parágrafos)*/ 
    list-style: none; /*remove a marcação de listas*/ 
}

p, em, span{ /*seletores (parágrafos)*/ 
   font-size: 20px;
   font-weight: 600;
   
}

.menu ul li {
    display: inline; /*Mostrar os intens de forma horizontal*/ 

}

.menu ul li a {
    display: inline-block; /*Mostrar links na horizontal e em blocos*/
    text-decoration: none; /* Removemos o estilo de um link */
    color: #fff; /* Cor do texto do link */
    text-align:  center; /* Menu centralizado */
    padding: 18px 40px; /* espaçamento interno */
    font-size: 18px; /* tamanho da fonte */
    font-weight: 600; /*peso/ tipo da fonte */
    letter-spacing: 1px; /* espaçamento entre letras*/
    transition: all .3s ease-in-out;

}

/*Ao passar o mouse por cima*/
.menu ul li a:hover{
	background-color: #800d11; /* Muda a cor de fundo*/
	color: white; /* Muda a cor do texto para branco */
}

#banner{ /* imagem centralizada*/ 
   text-align: center;
   
}

/*Sobre nos*/
#sobre-nos{ /* classe*/
    text-align: center; /*deixar o texto centralizado*/
    color: #5a080b; /*cor do texto*/
    margin-top: 30px;  /*para dar espaçamento*/
}

.sobre { 
    margin: 25px;
    margin-bottom: 35px;

}

.linha { /* linha*/
    border-top: 5px solid #800d11;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

/*-------------PRODUTO-------------------------*/

#produtos {/* classe*/
    width: 100%;
    height: 315px;
    background: #5a080b;
    color: #fff;
    text-align: center;
    padding-top: 30px;

}


.linha2 { /* linha2*/
    margin-top: 4px;
    border-top: 5px solid #fff;
    border-bottom: none;
    border-left: none;
    border-right: none;
      
}

#parafusos{ /*classe filha*/    
   padding: 0; /* altura da imagem entre o texto*/
   margin-left: -552px; /* levar a imagem para a esquerda ou direita*/
  
 }

 /*FORMULARIO*/
 .form{ 
    color: #fff; /*cor do texto*/
    font-size: 12px;  /*tamanho da fonte*/ 
    width: 1080px;
    margin: 0px auto;
 
 }
 .contato{
     margin-left: 300px;
 }

 .form-Contato{ /*classe contato*/ 
    display: flex;
    width: 500px;
    flex-direction: column; /*um em baixo do outro*/
    align-items: center; /*alinhar no centro*/
    background-color: #5a080b; /* Muda a cor de fundo*/
    border-radius: 20px;
    margin-top: 120px;
    position: absolute;

 }
 .form-Contato p{
    color: #fff;
    margin-top: 30px;
    margin-bottom: 10px;
 }
 #name::placeholder, #email::placeholder, #telefone::placeholder {
    color: #5a080b;
    font-weight: 600;
    font-size: 15px;
}
#mensagem::placeholder {
    font-family: Arial;
    color: #5a080b;
    font-weight: 600;
    font-size: 15px;
}

 .form-Contato label{
    display: flex;
    flex-direction: column; /*um em baixo do outro*/
 }

 .form-Contato label span{
    color: #fff;
    font-size: 20px; /*tamanho da fonte*/ 
    margin-top: 18px; /*distancia da margin*/ 
    margin-bottom: 4px;

 }

 .campo{
     width: 390px; /*largura onde se digita*/ 
     height: 45px;
     outline: none;
     font-size: 18px;
     border: none;
     border-radius: 8px;
     padding-left: 15px;
     
 }
.campo2{  /*classe filha*/ 
    width: 380px; /*largura onde se digita*/ 
    height: 200px;
    outline: none;
    border: none;
    border-radius: 8px;
    padding: 15px;
}

 .botao{
    cursor: pointer; /*quando fica a mãozinha no lugar da seta*/ 
    width: 150px;
    height: 40px;
    margin: 25px 0;
    color: #5a080b;
    font-weight: 600;
    font-size: 18px;
    border: none;
    border-radius: 8px;
    
}

.botao:hover{
    background-color: #800d11; /* Muda a cor de fundo*/
	color: white; /* Muda a cor do texto para branco */

}

/*******
-------------INSTAGRAM---------------*/
.acomp{
    width: 100%;
    background: #5a080b;
    text-align: center;

}

.acomp2{
    width: 920px;
    margin: 0 auto;
    
}
.acomp2 p {
    color: #fff;
    text-transform: uppercase;
    padding: 60px 0;
}

/*******
-------------EMAIL, FONE e ENDR.---------------*/

.end{
    width: 100%;
    margin: 0 auto;
}

.end2, .end1 {
    color: #5a080b;
    text-align: center;
    padding-top: 25px;
}
.end1 span {
    margin: 0 60px;
    margin-bottom: 30px;
}
.end2 p {
    padding-bottom: 10px;
}

/*******
-------------FOOTER---------------*/
.rodape{ 
    width: 100%; /*pegar a página toda*/
    background: #5a080b; /* Muda a cor de fundo*/
    text-align: center;
    margin-top: 15px;
    
    
  
}
.direitos{ /*classe do quadrado vermelho*/
    font-size: 15px;
    color: #fff;
    padding: 18px 0; /*espaço vermelho*/
    
}

 /*---------------------------------*/
/*contato*/

.form-con {
    width: 1080px;
    height: 800px;
    margin: 0px auto;
}
#contato-nos {
    width: 100%;
    height: 300px;
    background: #5a080b;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}
.contat {
    font-size: 25px;
    margin: 25px;
    margin-bottom: 35px;
}

.contato-con {
    margin-left: 300px;
}

.form-contato-con{ 
    display: flex;
    width: 500px;
    flex-direction: column; 
    align-items: center; 
    background: #fff;
    border: 2px solid #5a080b;
    border-radius: 8px;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 30px;
    position: absolute;
}


#name3::placeholder, #email3::placeholder, #telefone3::placeholder {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}
#mensagem3::placeholder {
    font-family: Arial;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.form-contato-con label{
    display: flex;
    flex-direction: column;
}

.form-contato-con label input {
    font-family: Arial;
    color: #fff;
    font-size: 15px;
}
.form-contato-con label textarea {
    font-family: Arial;
    color: #fff;
    font-size: 15px;
}

.form-contato-con label span{
    color: #5a080b;
    font-size: 20px;  
    margin-top: 18px; 
    margin-bottom: 4px;
}

.campo-con{
    width: 440px; 
    height: 55px;
    outline: none;
    font-size: 18px;
    background: #5a080b;
    border: none;
    border-radius: 8px;
    padding-left: 15px;
}

.campo2-con {
    width: 422px; 
    height: 200px;
    border: none;
    outline: none;
    border-radius: 8px;
    background: #5a080b;
    padding: 15px;
}

.botao-con {
    margin-top: 28px ;
    cursor: pointer; 
    width: 150px;
    height: 40px;
    color: #fff;
    background: #5a080b;
    font-weight: 600;
    font-size: 18px;
    border: none;
    border-radius: 8px;
}
.botao-con:hover {
    background-color: #800d11;
	color: white;
}

/*---------------------------------*/
/*sobre-nós*/

#missoes-sob {
    width: 100%;
    background: #5a080b;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}
.missao-sob {
    display: flex;
    justify-content: center;
}
#missoes-sob h1 {
    font-size: 35px;
}
.img-missao  {
    margin-top: 20px;
    margin-bottom: 10px;
    width: 130px;
}
.missao-sob {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 60px;
    font-weight: normal;
}
.missoes {
    margin: 0 20px;
}

/*---------------------------------*/
/*descrição*/
.describ{
    color: #5a080b; /*cor do texto*/
    font-size: 20px;  /*tamanho da fonte*/ 
    padding: 50px;
    text-align: center;
}

.desc{
    display: flex;
    width: 690px;
    flex-direction: column; /*um em baixo do outro*/
    align-items: center; /*alinhar no centro*/
    background: #fff; /* Muda a cor de fundo*/
    border-radius: 8px;
    padding-top: 40px;
    padding-bottom: 30px;
    margin-top: 30px;
    position: absolute;
    
}

.descr{
    margin-left: 200px;
}

.img-desc{
    width: 65%;
    margin: 25px 25px 50px 25px; /*espaçamento em baixo*/
}


/*---------------------------------*/
/*Trabalhe conosco*/

#trabalhe-conosco {/* classe*/
    width: 100%;
    height: 225px;
    background: #5a080b;
    color: #fff;
    text-align: center;
    padding-top: 30px;

}
#name4::placeholder, #telefone4::placeholder, #email4::placeholder {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

.seletor{  /*classe*/ 
    width: 430px; /*largura onde se digita*/ 
    height: 100px;
    border-radius: 8px;
    outline: none;
    border: none;
    background: #5a080b;
    border-radius: 8px;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center;
    cursor: pointer; /*quando fica a mãozinha no lugar da seta*/ 
}
.envio{
   margin-top: 20px;
   margin-left: 55px;
 
}
.enviar{
    text-align: center;
    margin-top: 15px;
    margin-bottom: -10px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}


/* ------------------------------*/
/*Produtos*/  

#produtos-pg{ /* classe*/
    text-align: center; /*deixar o texto centralizado*/
    color: #5a080b; /*cor do texto*/
    margin-top: 25px;  /*para dar espaçamento*/
}

.produtos-p { 
    margin: 25px;
    margin-bottom: -9px;

}

.botaoPdf{
    cursor: pointer; /*quando fica a mãozinha no lugar da seta*/ 
    width: 200px;
    height: 40px;
    margin: 25px 0;
    color: #fff;
    background: #5a080b;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    border: none;
    transition: all .3s ease-in-out;
    border-radius: 8px;
    
}

.botaoPdf:hover{
    background-color: #800d11; /* Muda a cor de fundo*/
	color: #fff; /* Muda a cor do texto para branco */

}

/* ------------------------------*/
/*catálogo*/

.catalogo{
    width: 100%;
    background: #5a080b;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 30px; /*espaçamento em baixo*/
}

.catalogo2 {
    padding: 60px 0;
}