.header{
  	background:#FFF url(/images/comum/001.png) repeat-x center top;
  	height:135px;
}
.logo{
	top:20px;
  	left:50px;
}
.mail-tel{
	top:10px;
  	right:50px;
}
.mail-tel a{
  	display:inline-block;
  	padding:0 30px 0 0;
  	margin:0 0 0 50px;
  	color:#FFF;
  	font-weight:700;
}
.mail-tel a.top-mail{
  	background:url(/images/comum/001a.png) no-repeat right center;
}
.mail-tel a.top-tel{
  background:url(/images/comum/001b.png) no-repeat right center;
}
.menu{
  	top:75px;
  	right:25px;
}
.menu a{
  	padding:5px 25px;
	color:#333333;
  	font-size:13px;
  	text-transform:uppercase;
  	font-weight:600;
}
.menu li.ativo a,
.menu a:hover{
  	color:#0a3782;
}


.barra-titulo{
  	background:#dee0e5; 
  	padding:30px 0;
  	margin-bottom:40px;
  	box-shadow:0 3px 6px rgba(0,0,0,.1) inset;
}
.barra-titulo h1{
  	 font-size:18px;
  	font-weight:700;
  	color:#0a3782;
  	padding:0 50px;
}
.barra-titulo h1 span{
  	color:#333333;
}
.sep{
  	width:630px;
  	border-top:1px solid #dee0e5;
  	margin:70px auto 0;
}/*<div class="sep"></div>*/


.txt .icon svg,
.txt .icon svg path{
	fill:currentColor
}

:root{
	--white: #FFF;
  	--black-900:#000;
  	--black-800:#3D3D3D;
  	--black-200:#C4CEE2;
  	--black-100:#F2F1F0;
  	--whats: #25d366;
  	--whats-100:#C3DDC7;
  
}

.box-lista{
  position:fixed;
  background:var(--white);
  padding:5px;
  bottom:10px;
  right:70px;
  z-index:99;
  
  width:300px;
  display:flex;
  flex-direction:column;
  gap:2px;
  
  box-shadow:0  0 6px rgba(0,0,0,.2);
  
}
.btn-close{
  	cursor:pointer;
  	position:absolute;
  	top:-30px;
  	right:0px;
  	z-index:-1;
  	padding:5px 12px 15px;
  	border-radius:5px 5px 0 0;
  	
  	font-size:12px;
  	text-transform:uppercase;
  	color:var(--black-900);
  	background:var(--white);
  
}
.box-lista a{
  display:flex;
  align-items:center;
  height:50px;
  padding:0 25px;
  font-style:italic;
  color:var(--black-800);
  background:var(--black-100);
  gap:10px;
}
.box-lista a.btn-1{
	background:var(--black-200);
}
.box-lista a.btn-2{
	background:var(--whats-100);
}

.box-lista a .icon{
    display:inline-flex;
  	align-items:center;
  	justify-content:center;
    width:32px;
    height:32px;
  	color:var(--white);
  	background:var(--whats);
  	border-radius:200px;
}
.box-lista a .icon svg{
  width:20px;
  height:20px;
}
.btn-whas{
  position:fixed;
  width:30px;
  height:30px;
  padding:10px;
  border-radius:200px;
  bottom:10px;
  right:10px;
  z-index:99;
  color:var(--white);
  background:var(--whats);
}

@media(max-width:420px){
  .box-lista{
  	width:230px;
  }
  .box-lista a{
  	padding:0 15px;
  }
}
.box-sucesso{
  	margin:100px 0;
}
.box-sucesso h1{
  	color:green;
  	margin-bottom:20px;
}
.box-sucesso a{
  	color:#333;
}
.sub-footer .lista{
  	margin:70px 0;
}
.sub-footer .lista.l-7 li{
	width:14.285%;
}
.sub-footer .lista.l-7 li a img{
	display:inline-block;
}

.footer{
  	background:url(/images/comum/001d.png) center center;
}
.footer .container{
  	min-height:210px;
}
.footer,
.footer a{
  	display:block;
  	color:#FFF;
  	line-height:160%;
}
.footer .f01,
.footer .f03,
.footer .f04{
  		top:30px;
}
.footer .f01,
.footer .f02{
  	left:30px;
  	padding-left:35px;
}
.footer .f03{
  	width:180px;
  	left:50%;
  	margin-left:-90px;
}
.footer .f03 .social{
  	/*margin-top:25px;*/
}
.footer .f03 .social a{
  	margin:0 5px;
}
.footer .f03 small{
  	padding:5px 0 15px;
  	line-height:120%;
  	display:block;
}


.footer .f04,
.footer .f05{
  	right:30px;
  	padding-right:30px;
}
.footer .f02,
.footer .f05{
  		top:130px;
  		font-weight:700;
}
.footer .f01{ background:url(/images/comum/002a.png)  no-repeat left top; }
.footer .f02{ background:url(/images/comum/002b.png)  no-repeat left center; }

.footer .f04{ background:url(/images/comum/002c.png)  no-repeat right top; }
.footer .f05{ background:url(/images/comum/002d.png)  no-repeat right center; }

.footer .f04 small{
  	display:block;
  	line-height:140%;
}

.copy-dev{
  	background:#dee0e5;
  	color:#5d5d5d;
  	font-size:14px;
}
.copy-dev .copy a{
	color:#5d5d5d;
  	
}
.copy-dev .copy,
.copy-dev .dev{
  	padding:20px 30px;
}
.copy-dev .dev img{
  	margin-left:5px;
}
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  	.menu a{ padding:5px 20px; }
  
  	.apresentacao .img img{ display:none; }
  	.apresentacao .desc{ right:auto; left:20px; }
  
  	.categoria a{ margin:10px 10px; }
  	.categoria br{ display:none; }
  
  	.apresentacao .g-3{ min-height:485px; }
  
  	.g-4 { width: 560px; }
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
  	.boxtv{ min-height:260px; }
  	.logo{ left:15px; }
  
  	.menu a{ padding:5px 10px; }
  
  	.apresentacao .g-3{ min-height:535px; }
  
  	.sub-footer .lista.l-7 li{ width:25%; margin:10px 0;}
  
  	.g-4{ width:500px; }
  	.g-2{ width:240px; }
  
 	 .box-produto .lista li{ width:33.333% }
  
  	.box-clientes .lista li{ width:25%; }
  
  	.box-vendedor .lista .img{ margin-bottom:10px; }
  	.box-vendedor .lista .desc{ width:100%; }
  
  	
}
@media only screen and (max-width: 768px) {
    .container{ width:95%; }	
    a[href^=tel]{  /*color:inherit;*/  text-decoration:none; }
 
	.menu{ display:none; z-index:999; }
 	.menu-mobile{ display:block; width:30px; height:30px; top:60px; right:10px;  padding:5px; z-index:15; }
  	.menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:#000; z-index:2; }
 	 .menu-mobile.ativo .menui{ background:#FFF; }
  	.menu-mobile .menui.top-menu{ top:10px; transform:rotate(0deg);  transition:transform .6s ease, top .6s ease, left .6s ease;  transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  	.menu-mobile .menui.mid-menu{ top:50%; margin-top:-1px; opacity:1; transition:opacity .6s ease;}
  	.menu-mobile .menui.bottom-menu{ bottom:10px;transform:rotate(0deg); transition:transform .6s ease, bottom .6s ease, right .6s ease;   transition-timing-function: cubic-bezier(.75,0,.29,1.01); }
  
  	.menu-mobile.ativo .mid-menu{  opacity:0; }
  	.menu-mobile.ativo  .top-menu{ top:18px; left:5px; transform:rotate(45deg); }
  	.menu-mobile.ativo  .bottom-menu{ bottom:19px; right:5px; transform:rotate(-225deg); }
  	.bg-body.ativo {    background: rgba(0,0,0,.8);    height: 0px;    transition: height .4s;   width: 100%;    height: 100vh;    top: 0;    left: 0;    z-index: 1; z-index:10; }

  	.menu.ativo{ display:block; }
  	.menu{ width:220px; height:384px; left:50%; top:50%; margin-top:-192px; margin-left:-110px; position:fixed; }
  	.menu li{ float:none; }
  	.menu a{ font-size:32px; color:#FFF; text-align:center;  padding:20px; }
  	.menu li.ativo a, 
  	.menu a:hover{ color:#8e8e8e; }
  
    .apresentacao .g-3{ min-height:451px; }
    .apresentacao .g-3.fleft,
    .apresentacao .g-3.fright{ float:none; width:calc(100% - 10px); }
  	.apresentacao .img{ left:-30px; }
  
  .footer .container{ min-height:370px; }

  .footer .f01, 
  .footer .f04{ top:210px; }
  
  .footer .f02, 
  .footer .f05{ top:310px;  }

  .copy-dev .copy span{ display:none; }
  
  .categoria .lista{ max-width:450px; margin:30px auto 0; }
  .categoria .lista li{ width:100%; }
  
    .g-4,
    .g-2{ width:calc(100% - 10px); }
  	
  	.barra-titulo h1{ padding: 0 10px; }
  	.box{ margin:0 10px; }
  	.box-clientes .lista,
  	.box-tabela .int{ margin:0 10px; }
  
  	.lista-fotos{ margin:30px 0px 0; }
  	.lista-fotos li{ float:left; width:50%; }
  	.lista-fotos li a{ margin:10px;}
  	.box-tabela .lista{ margin:30px 10px; }
  
  	.link-catalogo{ text-align:left; }
  
  	.box-tabela .lista li{ width:100%; }
  
  	.box-vendedor .item{ grid-template-columns:1fr;  }
  
  	.box-vendedor .lista .img{ display:block; width:80px; float:none; margin:0 auto 10px; }
  	.box-vendedor .lista li{ width:50%; text-align:center; margin-bottom:50px; } 
}
@media only screen and (max-width: 660px) {
  	.mail-tel a{ margin: 0 0 0 20px; }
 }
@media only screen and (max-width: 630px) {
  	.mail-tel a{ display:none; }	
}
@media only screen and (max-width: 615px) {
  	.sub-footer .lista.l-7 li{ width:33.333%; }
  
   .box-produto .lista li{ width:50% }
}
@media only screen and (max-width: 600px) {
      .footer .container{ min-height:610px; }

      .footer .f01, 
      .footer .f04,
      .footer .f02, 
      .footer .f05{ left:50%; width:280px; margin-left:-140px; text-align:center; padding-top:20px; padding-left:0px; padding-right:0px; background-position:center top; }

      .footer .f04{  top:320px; }
      .footer .f02{ top: 450px; }
      .footer .f05{ top:530px; }
  
      	.copy-dev .copy,
  		.copy-dev .dev{ float:initial;  text-align:center; }
      	.copy-dev .dev{ margin:0 auto; width:170px; }
}
@media only screen and (max-width: 590px) {
  
  .box-vendedor h6{ margin-top:20px; margin-bottom:30px; text-align:center; }
  	.box-vendedor .lista li{ width:100%; }
}
@media only screen and (max-width: 580px) {
  .box-clientes .lista li{ width:33.333%; }
}
@media only screen and (max-width: 480px) {
  	.box-produto .lista li{ width:100%; }
  
  	.tj{ text-align:left; }
}
@media only screen and (max-width: 465px) {
  	.boxtv{ min-height:200px; }
}
@media only screen and (max-width: 440px) {
  	.box-clientes .lista li{ width:50%;}  
}
@media only screen and (max-width: 420px) {
  	.sub-footer .lista.l-7 li{ width:50%; }
  
 	.apresentacao .desc{ left:10px; }
  
  	.box-detalhe .lista-fotos li,
  	.lista-fotos li{ width:100%; }
}
@media only screen and (max-width: 360px) {
  	.boxtv{ min-height:150px; }
  
}