:root{
  	--branco:#FFF;

  	--preto:#282829;
  	--preto80:rgba(40,40,41,.95);
  
  	--cinza1:#727375;
  	--cinza2:#dcdee2;
  	--cinza3:#edeff2;
  	--cinza4:#e7e9e1;
  	
  	--prim1:#bd393d;
  	--prim2:#e2565a;
  	--sec1:#ac2e2c;
  	--verde1:#408900;
  
  	--trans2s:all .2s ease;
}

.txt{
  	font-size:2.0rem;
  	color:var(--preto);
}
.txt a{
  	color:var(--cinza1);
} 
.corpo{
  	padding-top:164px;
}


.box-header{ 
  	background:var(--cinza3);
  	left:0px;
  	top:0px;
	width:100%;
  	z-index:99;
}

.box-superior{
  	background:var(--cinza1);
}
.box-superior .container{
  	align-items:center;
  	height:50px;
}
.box-superior a{
  	display:flex;
  	font-size:1.4rem;
  	color:var(--branco);
   	align-items:center;
}
.box-superior a + a{
  	margin-left:40px;
}
.box-superior svg{
	fill:var(--branco);
  	width:20px;
  	height:20px;
  	margin-right:15px;
}
.box-superior .tel-email{
  	margin-left:auto;
}


.box-superior .idioma div{
  	position:relative;
  	background:var(--branco);
  	width:30px;
  	height:17px;
  	border-radius:50px;
  	margin:0 5px;
} 
.box-superior .idioma div:after{
  	background:var(--prim1);
  	display:block;
  	content:'';
  	position:absolute;
  	width:11px;
  	height:11px;
  	border-radius:50%;
  	top:50%;
    margin-top: -5.5px;
  	transition:var(--trans2s);
}
.box-superior .idioma.pt-BR div:after{
  	left:2px;
}
.box-superior .idioma.en-US div:after{
  	right:2px;
}

.box-header .box-inferior{
	height:110px; 
}
.box-header{
	border-bottom:4px solid var(--prim1);  	
}
.box-header .logo{
  	display:flex;
  	align-items:center;
  	width:280px;
  	height:auto;
  	padding:25px 20px;
}
.box-header .logo img{
  	display:block;
  	width:100%;
  	height:auto;
}

.box-header .menu:after{
	display:none;
}
.box-header .menu{
  	top:50%;
  	right:0px;
  	transform:translateY(-50%);
}
.box-header .menu li + li{
  	margin-left:2px;
}
.box-header .menu a{
  	display:flex;
  	font-size:2.0rem;
  	height:60px;
  	padding:0 25px;	
  	border-radius:10px;
  	justify-content:center;
  	align-items:center;
  	background:var(--cinza2);
  	transition:var(--trans2s);
}
.box-header .menu a:hover{
  	background:var(--cinza1);
}
.box-header .menu a:hover,
.box-header .menu .ativo a{
  	color:var(--branco);
}
.box-header .menu .ativo a{
  	background:var(--prim1);
}


.box-whats{
	width:100px;
  	height:100px;
  	box-shadow:0 0 5px rgba(0,0,0,.5);
  	border-radius:50%;
  	z-index:99;
  	right:10px;
  	bottom:10px;
  	transition:.2s;
}
.box-whats img{
	display:block;
  	width:100%;
  	height:auto;
  	transition:.2s;
}
.box-whats:hover,
.box-whats:hover img{
  	transform:scale(1.05);
}


/* REDUZIR */
.box-header .logo,
.box-header,
.box-superior{
  	transition:var(--trans2s);
}
.box-header,
.box-superior{
  	top:0px;
}
.reduzir .box-superior{
	top:-80px; 
}
.reduzir .box-header{
  	top:-55px;
}
.reduzir .box-header .logo{
  	padding:10px 20px;
}


/* TITULO */
.barra-titulo{
  	background:var(--prim2);
  	margin-bottom:25px;
}
.barra-titulo h1{
	color:var(--branco);
  	padding:40px 20px 20px;
  	font-weight:400;
}

.box{
  	padding:0 25px;
  	line-height:3.0rem;
}
.produtos .lista-grid{
  	grid-gap:50px 25px;
}
.produtos a span,
.produtos a img{
  	display:block;
}
.produtos a .img{
  	overflow:hidden;
  	border-radius:15px;
}
.produtos a img{
	width:100%;
  	height:auto;
	transition:all .2s ease-in-out;
}
.produtos a:hover .img img{
  	transform:scale(1.1);
}

.produtos a .titulo{
  	font-size:2.2rem;
  	line-height:3.0rem;
  	color:var(--preto);
  	padding:20px 30px; 
}
.produtos a .btn{
  	display:inline-block;
  	background:var(--prim1);
  	color:var(--branco);
  	padding:13px 15px;
  	border-radius:15px;
  	font-size:1.8rem;
  	font-weight:500;
  	margin-left:20px;
  	transition:var(--trans2s);
}
.produtos a:hover .btn{
	background:var(--sec1);
  	background-image:linear-gradient(45deg, var(--prim1), var(--sec1));
}

.footer{
  	background:var(--cinza3);
  	margin:20px 0 0;
  	font-size:1.4rem;
  	line-height:2.2rem;
}
.footer,
.footer a{
  	color:var(--cinza1);
}

.footer .lista-grid > div{
  	padding:45px 35px;
}

.footer b{ 
  display:inline-block;
  color:var(--sec1); 
}
.footer .f01 b,
.footer .f03 b{
  	font-size:1.8rem;
  	margin-bottom:10px;
}
.footer .f02 b{
  	margin-right:10px;
}

.footer .f01 a{
  	display:flex;
  	align-items:center;
  	margin-bottom:5px;
}
.footer .f01 svg{
  	display:inline-block;
  	width:20px;
  	height:20px;
  	margin-right:12px;
}
.footer .f01 a.tel svg{
  	fill:var(--sec1);
}
.footer .f01 a.whats svg{
  fill:var(--verde1);
}


.footer .logo{
  	display:inline-block;
  	width:140px;
 	margin-bottom:30px;
}
.footer .logo img{
  	display:block;
  	width:100%;
}

.footer .social{
	width:70px;
  	left:50%;
  	transform:translateX(-50%);
  	bottom:-48px;
}
.footer .social a{
	display:flex;
  	width:35px;
  	height:35px;
  	align-items:center;
  	justify-content:center;
} 
.footer .social svg{
	display:flex;
  	width:24px;
  	height:24px;
  	fill:var(--branco);
}
@media (max-width:768px){
  .footer .lista-grid > div.f02{ padding-bottom:0px; }
  .footer .social{ position: initial; left: initial; transform: initial; margin: 30px auto 0; }
  .footer .social svg{ fill:var(--prim1); }
}



.copy-dev .container:after{ display:none;  }
.copy-dev{
  	font-size:1.2rem;
  	color:var(--branco);
	background:var(--sec1);
}
.copy-dev .lista-flex{
  	height:55px;
  	align-items:center;
  	justify-content:space-between;
}
.copy-dev .copy,
.copy-dev .dev{
  	padding:0 30px;
  	align-items:center;
}
.copy-dev .dev a{
  	display:inline-block;
}


.copy-dev .dev img{
  	display:block;
  	width:82px;
  	margin-left:10px;
}
@media only screen and (max-width:1174px) {
    .container{ width:960px; }
  
  	.box-fotos{ max-width:450px; }  
}
@media only screen and (max-width: 960px) {
    .container{ width:760px; }
  
  .box-header .logo{ margin-left:-20px;  }
  .box-header .menu a{ padding:0 15px; }
  
  .nivo-directionNav{ left:40px;  }
  
  .produtos .lista-grid.l-3 { grid-template-columns:repeat(2, 1fr); }
  
  .box-fotos {  max-width: 370px; }
  
  
  .clientes .lista-grid{ grid-template-columns:repeat(3, 1fr); grid-gap:30px; }
  .clientes .lista-grid a{ margin:auto; }
}
@media only screen and (max-width: 768px) {
	.container{ width:95%; }
	a[href^=tel]{  /*color:inherit;*/ text-decoration:none; }
 
    .nivo-directionNav{ left:auto; right:10px;  }
  
  .menu-mobile{ display:block; width:40px; height:40px; top:45px; right:20px;  padding:5px; z-index:15; transition:all .2s ease; }
  .menu-mobile .menui{ width:calc(100% - 10px); height:2px; background:var(--prim1); z-index:2; }
  .menu-mobile.ativo{ position:fixed; }
  .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,.7); height: 0px; transition: height .4s; width: 100%; height: 100vh; top: 0; left: 0;  z-index:10; }

  .reduzir .menu-mobile{ top:25px;  }  
  
  .menu{ display:none; position:fixed; }
  .menu.ativo{ display:block; }
  
  .box-header .menu,
  .reduzir .box-header .menu{ z-index:99; width:280px; height:280px; top:50%; right:initial; left:50%; transform:translate(-50%, -50%);  }
  
  .box-header .menu a{ border-radius:0px; }
  
  .footer .lista-grid.l-3{ grid-template-columns:repeat(2, 1fr); }
  .footer .f02{ order:-1; grid-column:1/3; }
  
  .box-fotos{ max-width: 100%; margin: 0 0 30px; }
  
  .produto .box{  display:grid ; }
  .produto .desc{ order:1; }
  .produto .box-fotos{ order:2; margin-top:30px; }
  
  
  .clientes .lista-grid{ grid-template-columns:repeat(2, 1fr); }
  
}
@media only screen and (max-width: 650px) {
  .box-superior a.tel{ display:none; }
  
  .produtos .lista-grid{ max-width:540px; margin:auto;  }
  .produtos .lista-grid.l-3 { grid-template-columns:1fr; }
  
  .form .lista-grid{ grid-template-columns:1fr; }
}
@media only screen and (max-width: 600px) {
  
  .boxtv{ min-height:140px; }
  
  .footer,
  .footer .tc,
  .footer .tr{ text-align:center; }
  
  .footer .lista-grid.l-3{ grid-template-columns:1fr; }
  .footer .f02{ order:-1; grid-column:1/2; }
  
  .footer .f01 a{ display:inline-flex; }
  
  .footer .f01 a{ margin:0 15px; }
  
  .copy-dev .lista-flex{ justify-content:center; }
  .copy-dev .copy{ display:none; }
  .copy-dev .dev{ margin-left:initial; }
}
@media only screen and (max-width: 520px) {
  .menu-mobile{ right: 0px; }
  .box-superior a.mail{ display:none; }  
  
  .box{ padding:0px; }
  
  .clientes .lista-grid{ grid-gap:10px; }
  .clientes .lista-grid span.titulo{ font-size:1.4rem; }
  
  .tj{ text-align:left; }
}
@media only screen and (max-width: 440px) {
  .clientes .lista-grid{ grid-template-columns:1fr; }
}

