.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:#8c183e; }

/*.top-bar{width:100%; padding:15px 8px 15px 8px; display:block;  height:auto; z-index:10; margin-top:0; top: 0}*/
.top-bar-show{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:100px; border-top-left-radius:12px; border-top-right-radius:12px; background-image:url(../images/aco-escovado-2.jpg); background-size:cover; background-position:center;margin-bottom:0} 

.itens-superiores{padding-left:0}
.itens-superiores li{ 
 
  margin: 20px 15px 0 0;
  float: left !important;
 
  list-style: none;
  }
.itens-superiores a{background:#8c183e; display:block; padding:5px 10px 5px 10px; border-top-left-radius:12px; border-top-right-radius:12px; color:#FFF; min-width:150px; text-align:center; font-weight:500}

.tit-home{ border-top-left-radius:12px; border-top-right-radius:12px;background:#5d0c26; 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;}
 
.itens-superiores .ativo{  background:#ed1c24 !important; color:#FFF !important}
 

.content{background:#8c183e;}

.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-show-show{color:#FFF; padding: 15px 8px 15px 8px;font-size:1.1em; font-weight:400 }
.contatos-top-show .bloco{margin-right:50px}
.contatos-top-show .bloco.final{position:absolute; }
.contatos-top-show .item-contatos{margin-right:15px}
.contatos-top-show i{font-size:1.9em ;vertical-align:middle; } 

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



.url-inutil a {color:#FF0; display:block; width:100%; text-align:center; font-size:1.3em; padding:0 15px}

.box-produto{margin-bottom:30px}
.envolve-produto{border-radius:12px; border:solid 1px #5d0c26; background:#FFF; transition:all .1s}
.envolve-produto a{border-radius:12px;}
.envolve-produto img{border-radius:12px; transition:all .5s}
.envolve-produto .legenda{background:#5d0c26; padding:10px; color:#fff; 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 #5d0c26; transition:all .1s; border-radius:8px; font-size:1.3em}

.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 #5d0c26; transition:all .1s; border-radius:8px; margin-top:20px}
.produto .cod{float:right; display:inline; margin-right:15px; font-weight:bold}
.produto.contato .btn{background:#5d0c26; color:#FFF;}
.produto.contato label{font-weight:500; color:#8c183e; }
.produto.contato sup{font-weight:bold;font-size:1.8em; vertical-align: bottom; display:inline}
.produto.contato p.alerta-obrigatorios{color:#8c183e; font-size:1.5em; }

footer{padding:20px; text-align:center; color:#fff; font-size:1em;background:#8c183e;}
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-show .bloco{margin-right:30px} 
}

@media only screen and (max-width: 1024px) {
 .contatos-top-show .bloco{margin-right:20px} 
}
 
@media only screen and (max-width: 810px) and (min-width: 768px) {
 .contatos-top-show .bloco{font-size:.72em} 
 .contatos-top-show .bloco.final{margin-top:5px	} 
}

@media only screen and (max-width: 768px) {
.show-desktop{display:none;}  
.new-top{font-size:.7em; padding-top:10px; padding-bottom:4px}
.new-top .col-auto{padding-left: 5px; padding-right:5px}
 
/*.row.produto{margin-left:-15px; margin-right:6px}	
.div-produto{padding-right:0}

*/
.texto-descritivo {
  font-size: 1em;
}
.url-inutil a {  font-size:.9em;  }
.contatos-top-show .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}
 
/*li.home{position:absolute; top:12px; right:15px}
li.home img{width:170px;}*/
.p-4 {
  padding: .8rem !important;
}

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

.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-show {padding:0; max-height:30px; display:block;overflow:hidden; transition:all .5s}
.contatos-top-show .bloco{margin-right:0; padding-bottom:15px; display:block}
.contatos-top-show i{display:block; }
.contatos-top-show .bloco{margin-right:0;  }
.contatos-top-show .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: 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;
 
  }
}