.new-top{font-size:1.2em; padding-top:20px; color:#fff; padding-bottom:7px}
.new-top a {color:#fff}

.phone{color:#F90; background:#FFF; border-radius:50%; font-size:1.5em }
.whatsapp{color:#090; background:#FFF;  border-radius:50%;  font-size:1.5em   }
.envelope{color:#6CF; background:#FFF;  border-radius:50%;   font-size:1.4em }

.show-desktop{display:block}
.show-mobile{display:none}


.home{text-align:center;}

.sup{background:#72215d; }

.top-bar{width:100%; padding:15px 8px 15px 8px; display:block;  height:auto; z-index:10; margin-top:0; top: 0}

.menu-superior{margin-top:0;  display:block; }

.bg-metal{min-height:70px; border-top-left-radius:12px; border-top-right-radius:12px; background:#FFF} 

.itens-superiores{padding-left:0}
.itens-superiores li{   margin: 20px 15px 0 0;  float: left !important;   list-style: none;  }
.itens-superiores li.caminhao img{margin-top:-8px}
  
.itens-superiores a{text-shadow: -1px -1px 0px rgba(255,255,255,1);background:url(../images/bgItensMenu.jpg); background-repeat:repeat-x; display:block; padding:5px 10px 5px 10px; border-top-left-radius:12px; border-top-right-radius:12px; color:#000; min-width:150px; text-align:center;  font-weight:500 }
.itens-superiores .ativo, .itens-superiores a:hover{background:url(../images/bgItensMenuHover.jpg) !important; color:#000 !important}
.itens-superiores a.link-kle{background:#00a651; color:#fff; text-shadow: -1px -1px 0px rgba(0,0,0,1);}
.itens-superiores a.link-kle:hover{text-shadow: -1px -1px 0px rgba(255,255,255,1);}
.itens-superiores a i{font-size:22px; vertical-align:middle; margin-right:5px}



.tit-home{ border-top-left-radius:12px; border-top-right-radius:12px;background:#6a9e65; font-size:1.5em;  text-align:center;}
.tit-home h1{color:#FFF; font-size:.8em;padding:12px 7px 0 7px }

.envolve-instrucoes{margin-top:-20px;}
.envolve-instrucoes img{margin-bottom:18px; cursor:pointer}

.navbar-light .navbar-nav .nav-link {
  color: #FFF;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #FFF;
  background:#ed1c24;
}
.navbar-light .navbar-nav .nav-link:active {
  color: #FFF !important;
  
}

.ativo{background:#ededed; color:#000 !important; font-weight:bold;}
 
.content{background:#72215d;}

.botao-1{display:none}

.top-bar h1{color: #fff; font-size:2em; padding-top:10px; display:inline}
.top-bar .umbrella{ vertical-align:middle;   width:55px;}
.contatos-top{color:#FFF; padding: 15px 8px 15px 8px;font-size:1.1em; font-weight:400 }
.contatos-top .bloco{margin-right:50px}
.contatos-top .bloco.final{position:absolute; }
.contatos-top .item-contatos{margin-right:15px}
.contatos-top i{font-size:1.9em ;vertical-align:middle; }


.contatos-top a{color:#FF0}
.contatos-top a:hover{color:#FFF}

 

.url-inutil a {color:#FFF; display:block; width:100%; text-align:center; font-size:1.3em; padding:0 15px; padding:15px 0 5px 0}
.url-inutil .linha{background:#fff; display:inline-block; height:4px; vertical-align:middle; margin-top:33px}

.box-produto{margin-bottom:30px}
.envolve-produto{border-radius:12px; border:solid 1px #6a9e65; background:#FFF; transition:all .1s}
.envolve-produto a{border-radius:12px;}
.envolve-produto img{border-radius:12px; transition:all .5s}
.envolve-produto .legenda{background:#6a9e65; padding:10px; color:#fff; min-height:70px; display:block; font-size:.9em; text-align:center;border-radius:inherit; border-bottom-left-radius:0; border-bottom-right-radius:0; transition:all .5s}

.envolve-produto:hover .legenda{background:#333;}
.texto-descritivo{ background:#FFF;padding:15px; border:solid 1px #6a9e65; transition:all .1s; border-radius:8px; font-size:1.3em}

.inner-produto{padding:20px}

.truck{position:fixed; border-radius:8px; border: solid 1px #5d0c26; width:150px; right:25px; top:25px; z-index:12;
-webkit-box-shadow: 11px 9px 7px -8px rgba(0,0,0,0.48);
-moz-box-shadow: 11px 9px 7px -8px rgba(0,0,0,0.48);
box-shadow: 11px 9px 7px -8px rgba(0,0,0,0.48);}

.truck img{ border-radius: inherit;}

.produto h1{color:#FFF; font-size:1.1em;padding:12px 7px 0 7px } 
.produto h1 .small{font-size:.95rem; }
.produto h2{font-size:1.6em; padding-top:25px; padding-bottom:8px}
.produto .descricao{font-size: 1.5em; position:relative; background:#FFF;padding:15px; border:solid 1px #6a9e65; transition:all .1s; border-radius:8px; margin-top:20px}
.produto .descricao i{font-size:30px;margin-right:10px; vertical-align:middle}
.produto .cod{float:right; display:inline; margin-right:15px; font-weight:bold}
.produto.contato .btn{background:#72215d; color:#FFF;}
.produto.contato label{font-weight:500; color:#72215d; }
.produto.contato sup{font-weight:bold;font-size:1.8em; vertical-align: bottom; display:inline}
.produto.contato p.alerta-obrigatorios{color:#72215d; font-size:1.5em; }

footer{padding:20px; text-align:center; color:#fff; font-size:1em;background:#72215d;}
footer .creditos{ font-size:.9em; margin:10px }
footer i{ font-size:1.5em; display:inline; margin-left:15px; vertical-align: middle }
footer a{color:#FC0; }

.showhide{display:none;}

/*@media only screen and (min-width: 1367px) {
	.envolve-produto .legenda br{ display:none;  }
	.produto{font-size:22px}
}*/

@media only screen and (max-width: 1680px) {
	.envolve-produto .legenda{ font-size:1.1em; padding:4px 8px;  }
 
}
@media only screen and (max-width: 1156px) {
 .contatos-top .bloco{margin-right:30px} 
}

@media only screen and (max-width: 1024px) {
 .contatos-top .bloco{margin-right:20px} 
}
 
@media only screen and (max-width: 810px) and (min-width: 768px) {
 .contatos-top .bloco{font-size:.72em} 
 .contatos-top .bloco.final{margin-top:5px	} 
 .showKLE{display:none;} 
 .itens-superiores li:first-child, .itens-superiores li.caminhao.home{margin-left:15px}
 .itens-superiores li:last-child{position:absolute; right:10px
}
.tit-home h1 {
  color: #FFF;
  font-size: .7em;
  padding: 12px 5px 0 5px;
}

 .envolve-produto .legenda {
    font-size: .8em;
	min-height: 50px;
  }
 .box-produto{margin-left:-8px; margin-right:-8px; min-width:35.3%}	
}

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

.show-desktop{display:none !important;}  
.new-top{font-size:.7em; padding-top:10px; padding-bottom:4px}
.new-top .col-auto{padding-left: 5px; padding-right:5px}
	
.texto-descritivo {
  font-size: 1em;
}
 
 .url-inutil {display:none;}
/*.url-inutil a {  font-size:.9em;  }*/
.contatos-top .bloco.final{position:relative;}
.showhide{display:block !important;}

.bg-metal {
min-height: auto;
    padding: 8px 0 8px 4px;
}
.itens-superiores li {
  margin: 0 3px 0 3px;
}

.itens-superiores a {
  display: inline-block;
  padding: 4px 7px 4px 7px;
  min-width: 70px;
  font-size: .7em;
}
.box-produto .barrinha{display:none; }
.produtos-home .tit-home{background:none; }
.produtos-home .tit-home h1 { font-size:.55em; color:#5d0c26; padding-bottom:0; margin-bottom:0}
.produto .tit-home {margin-left:12px; margin-right:12px; margin-bottom:12px;}
.produto .tit-home h1 { font-size:.55em; padding-bottom:5px; margin-bottom:0}

.itens-superiores a i { font-size: 16px; margin-right:1px}
.showKLE{display:none;} 

.showMail{font-size:.75em} 

 

.p-4 {
  padding: .8rem !important;
}

.produto .descricao {
  font-size: .8em;
}

.produto.contato p.alerta-obrigatorios {
  font-size: 1em;
  margin-top: 10px;
}
.produto.contato label {
  font-size: .9em;
}

.produto.contato input {
  font-size: .9em;
}
.produto.contato textarea {
  font-size: .9em;
}

.produto.contato .btn {
  font-size: .9em;
}

.truck{width:100px; right:25px; top:10px;}
.top-bar{ margin-left:0;   }
.top-bar h1{color: #fff; font-size:1.2em; padding-left:78px}
.contatos-top {padding:0; max-height:30px; display:block;overflow:hidden; transition:all .5s}
.contatos-top .bloco{margin-right:0; padding-bottom:15px; display:block}
.contatos-top i{display:block; }
.contatos-top .bloco{margin-right:0;  }
.contatos-top .item-contatos{display:block; width:100%; font-size:.9em}
.phone,.whatsapp, .envelope{color:#FFF; background: none; margin-bottom:3px }
.altura-max{max-height:300px}
.envolve-produto .legenda{font-size:.9em} 

.produto h1{font-size:1.5em; padding-bottom:25px}
.produto h2{font-size:1.3em; padding-top:25px; padding-bottom:8px}

footer{font-size:85%}
} 
@media only screen and (max-width: 375px) {
.new-top .col-auto{padding-left: 2px; padding-right:3px}
}
@media only screen and (max-width: 428px) {
 .descricao h3{font-size:18px; margin-bottom:0; margin-top:15px}
 .descricao .btn {font-size:11px}
 .descricao .btn i{font-size:18px}
   .produto .descricao p {
    font-size: 1.2em; margin-bottom:2px  
  }
}
}
@media only screen and (max-width: 360px) {
.itens-superiores li {
  margin: 0 2px 0 2px;
}

.itens-superiores a {
 
  padding: 3px 6px 3px 6px;
  min-width: 68px;
  font-size: .65em;
}
.produtos-home  .tit-home h1 {
    font-size: .5em;
 
  }
}