:root{
  	--white: #FFF;
  
  	--black-800a2:rgba(45, 140, 97, 0.8);
  	--black-800a:rgba(35, 31, 32, 0.2);;
  	--black-800:#2C2F2E;
  	--black-200:#A7A8A9;
    --black-100:#F5F5F5;
  
  	--prim-900:#287E57;
  	--prim-800:#2D8C61;
  	--prim-700:#52C286;
  
  	--sec-800:#957B66;
  	--sec-700:#D3CDB7;
}
.flex-col{
	flex-direction:column;
}
.inline-flex{
	display:inline-flex;
}
.justify-between{
  justify-content:space-between;
}
.justify-center{
  justify-content:center;
}
.align-baseline{
  align-content:baseline;
}
.align-center{
  align-items:center;
}
.align-start{
    align-items:flex-start;
}
.align-end{
    align-items:flex-end;
}

.txt svg,
.txt svg path{
	fill:currentColor;
}
.detalhe ul,
.detalhe ol{
	list-style:disc;
	margin-left:20px;
}

.box{ padding:40px 0; }
.box-top{ padding:40px 0 0 0; }
.box-bottom{ padding:0 0 40px 0; }

.txt h1,
.txt h2,
.txt h3{
  font-family: 'Lato', sans-serif;
  font-weight:700;
}
.txt h2{
	font-size:3.0rem;
}
.txt h4,
.txt h5{
  font-weight:500;
}
.txt strong,
.txt b{
  	font-weight:700;
}
div,
.txt a,
.txt img,
.txt a span,
.txt a div,
.txt a svg,
.txt a svg path{
	transition:.2s;
}
.txt img{
  	display:block;
  	width:100%;
  	height:auto;
  object-fit:cover;
}

/*500 600 700*/
.txt a, 
.txt input,
.txt select,
.txt textarea,
.txt{
	font-family: 'Inter', sans-serif;
  	font-size:2.0rem;
  	font-weight:500;
  	color:var(--black-800);
  	line-height:140%;
}

.txt .link{
  	display:inline-flex;
	text-decoration:underline;
  	text-underline-offset:3px;
  
	font-size:1.6rem;
  	font-style:italic;
  	color:var(--sec-800);
}

.floatWhats{
  	right:20px;
	bottom:20px;
  	background:#00BB2D;
  	border-radius:200px;
  	display:flex;
  	align-items:center;
  	justify-content:center;
  	width:60px;
  	height:60px;
  	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  	z-index:999;
}



.menu-mobile{
    display:none; 
    z-index:15; 
    transition:all .2s ease; 
  	color:var(--white);
}
.boxMenuMobile.ativo{
	left:0;
}
.boxMenuMobile{
  	z-index:99;
  	width:345px;
  	top:0;
  	left:-150%;
	padding:20px 15px;
  	background:var(--black-100);
  	border-radius:0 0 50px 0;
  	box-shadow: 0px 24px 80px rgba(0, 0, 0, 0.07), 0px 10.0266px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 5.36071px 17.869px rgba(0, 0, 0, 0.0417275), 0px 3.00517px 10.0172px rgba(0, 0, 0, 0.035), 0px 1.59602px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 0.664142px 2.21381px rgba(0, 0, 0, 0.0196802);
  	transition:.2s;
}
.boxMenuMobile header{
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  	color:var(--white);
}
.boxLogo .logo{
	width:120px;
}
.boxMenuMobile svg rect{
	fill:var(--prim-800);
}
.boxMenuMobile main{
  	padding:30px 0;
}
.boxMenuMobile .menu{
	display:grid;
  	grid-template-columns:1fr 1fr;
  	gap:5px;
}/*
.boxMenuMobile .menu li:nth-child(2) {
    order: -1;
}*/
.boxMenuMobile .menu > li:hover > a, 
.boxMenuMobile .menu > li.ativo > a,
.boxMenuMobile .menu a{
	background:var(--prim-700);
  	color:var(--white);
  	font-size:1.1rem;
}
.boxMenuMobile .menu .sub ul{
	left:0;
}
.boxMenuMobile footer{
	padding:30px 0 10px;
  	gap:10px;
}
.boxMenuMobile .social{
	gap:5px;
}
.boxMenuMobile .social a{
  	color:var(--prim-700);
}
.boxMenuMobile .boxTels a{
  	height:42px;
  	padding:0 20px;
	font-size:1.6rem;
  	font-weight:700;
  	font-style:italic;
  	background:var(--black-800);
  	color:var(--white);
  	border-radius:30px;
  	gap:10px;
}
.boxMenuMobile{ max-height:100vh; }
.boxMenuMobile .menu .prod{ display:none; }
.boxMenuMobile .boxProduto ul a,
.boxMenuMobile .menu a{ height:30px; color:var(--black-200); background:var(--white); font-size:1.1rem; text-transform:uppercase; padding:0 10px; }
.boxMenuMobile .menu > li:hover > a, 
.boxMenuMobile .menu > li.ativo > a, 
.boxMenuMobile .boxProduto ul .ativo a,
.boxMenuMobile .boxProduto ul a:hover,
.boxMenuMobile .menu .ativo a,
.boxMenuMobile .menu a:hover{ background:var(--prim-800); color:var(--white); }

.boxMenuMobile .boxProduto{ overflow-y:scroll;  height:200px; }
.boxMenuMobile h4{ font-size:1.1rem; padding:0 0 10px 10px; color:var(--black-200); text-transform:uppercase; }
.boxMenuMobile .boxProduto ul{ position:initial; }
.boxMenuMobile .boxProduto ul li + li{ margin-top:3px; }

.header{
  	width:100%;
  	top:0px;
  	left:0px;
	z-index:99;
  	padding:20px 0;
}


.header,
.header a{
	color:var(--white);
  	font-size:1.6rem;
}
.header .logo .l2{
	display:none;
}
.page-sub.header .logo .l1{
	display:none;
}
.page-sub.header .logo .l2{
	display:block;
}

.links-menu{
  	gap:20px;
}
.links-menu .links{
  	gap:30px;
	font-weight:700;
  	margin:0 20px 0 0; 
}
.links-menu .links a{
	gap:10px;
}
.links-menu .links span{
	display:flex;
}
.page-sub .links-menu a{
	color:var(--prim-800);
}
.page-sub .social a,
.page-sub .links-menu a span{
	color:var(--prim-700);
}


.header .menu a{
  font-size:1.5rem;
  font-weight:600;
  height:42px;
  padding:0 20px;
  text-transform:uppercase;
  border-radius:30px;
  border:1px solid  transparent;
}
.header .menu > .ativo > a,
.header .menu > li > a:hover{
  background:var(--black-800a);
  border:1px solid var(--prim-700);
}
.header .menu .sub:hover ul{
  	display:block;
}
.header .menu .sub ul{
  	display:none;
	padding:10px;
  	background:var(--black-100);
  	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);
	border-radius: 22px;
  	max-width:260px;
  	width:100%;
}
.header .menu .sub ul li + li{
	margin-top:3px
}
.header .menu .sub ul a{
	height:48px;
  	font-size:1.4rem;
  	color:var(--black-200);
  	text-transform:uppercase;
  	border-radius:20px;
  	background:var(--white);
  	border:1px solid var(--white);
}
.header .menu .sub ul li.ativo a,
.header .menu .sub ul a:hover{
  	color:var(--prim-800);
	background:var(--sec-700);
  	border-color:var(--prim-700);
}


.txt a.btn{
  	font-size:1.4rem;
  	font-weight:600;
  	height:53px;
  	padding:0 30px;
  	border-radius:50px;
  	color:var(--white);
  	background:var(--black-800a2);
  	border:1px solid var(--prim-800);
}
.txt a.btn:hover{
  	background-color:var(--prim-800) !important;
}


/* REDUZIR */
.menu a,
.header .logo img,
.links-menu .links,
.header{ transition:.2s; }

.reduzir .header{
  	padding:10px 0;
	background:var(--white);
  	box-shadow:0 0 8px rgba(0,0,0,.4);
}
.reduzir .links-menu .links{ 
	display:none;
}
.reduzir .header .logo img{
	width:100px;
}
.reduzir .header .logo .l1{ display:none; }
.reduzir .header .logo .l2{ display:block; }


.reduzir .menu a,
.page-sub .menu a{
	color:var(--black-200);
}
.reduzir .menu .ativo a,
.reduzir .menu a:hover,
.page-sub .menu .ativo a,
.page-sub .menu a:hover{
	color:var(--prim-800);
}


a.link-prod{
  display:block;
  max-width:250px;
  margin:auto 10px;
  box-shadow: 0px 8px 22px -6px rgba(24, 39, 75, 0.12), 0px 14px 64px -4px rgba(24, 39, 75, 0.12);
  overflow:hidden;
  border-radius:10px;
  position:relative;
}
a.link-prod .abs{
  	width:100%;
	bottom:0px;
  	padding:5px 0; 
  	z-index:1;
}
a.link-prod .abs:after{
	content:'';
  	position:absolute;
  	left:0px;
  	bottom:0px;
  	width:100%;
  	height:100%;
  	background: rgba(255, 255, 255, 0.9);
  	z-index:-1;
  	transition:.2s;
}
a.link-prod:hover .abs:after{
  	height:140px;
  	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 42.65%, rgba(255, 255, 255, 0.6) 66.67%, #FFFFFF 100%);
}
a.link-prod .abs img{
	width:auto;
  	height:50px;
}


/* TITULO */
.box-titulo{
  margin-top:155px;
}
.box-titulo h1,
.box-titulo .container{
	gap:10px;
}
.box-titulo h1{
  	font-size:2.0rem;
  	font-weight:500;
	color:var(--prim-800);
}
.box-titulo a{
  	font-size:1.5rem;
  	font-weight:500;
	color:var(--sec-800);
}
.box-titulo .sep:before{
  	font-size:2.8rem;
  	color:var(--sec-800);
	content:'\203A';
  	margin:-3px 0 0;
  	line-height:30%;
}

@media only screen and (max-width:1174px) {
  .container{ width:960px; }
  img.l1 {
    max-width: 100px;
}
  .links-menu .links{ margin:0 10px 0 0; }
  .header .menu a{ padding:0 10px; }
}
@media only screen and (max-width: 960px) {
  .container{ width:760px; }
  
  .links-menu .links{ margin:0; }
  
  .menu-mobile{ display:flex; }
  .menu-mobile svg rect{ fill:var(--prim-800); }
  
  .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; }

  .menu{ display:none; }
}
@media only screen and (max-width: 768px) {
  .container{ width:90%; }
  a[href^=tel]{  color:currentColor;  text-decoration:none; }
  
  .header .mail{ display:none; }
  .header a[href^=tel]{ color:var(--white); }
 }
@media only screen and (max-width: 500px) {
  .header .tel{ display:none; }
}


.box-titulo img{
  	height:370px;
}

.lista-icon{
	gap:75px 50px; 
}
.lista-icon .icon{
	padding-left:25px;
  	color:var(--prim-700);
}
.lista-icon .desc{
  	font-size:2.0rem;
	padding:40px 0 0 40px;
}
.lista-icon .desc h3{
	font-size:2.5rem;
  	margin-bottom:15px;
}
.lista-icon .desc .abs{
	font-size:3.5rem;
  	font-weight:900;
  	color:var(--prim-800);
  	top:40px;
  	left:0px;
}

@media(max-width:1174px){
  .lista-icon.grid{ grid-template-columns:1fr 1fr 1fr; }
}
@media(max-width:768px){
  .lista-icon.grid{ grid-template-columns:1fr 1fr; }
}
@media(max-width:520px){
  .box-titulo img{ height:150px; }
  .lista-icon.grid{ grid-template-columns:1fr; gap:120px; padding-top:0px; }
}
.lista-sem-icon .item + .item{
	margin-top:45px;
}
.lista-sem-icon h3{
  	font-size:2.5rem;
	color:var(--prim-800);
  	margin-bottom:10px;
}
.footer{
	background:var(--prim-900);
}
.footer .conteiner{
	gap:20px;
}
.footer,
.footer a{
	font-size:1.4rem;
  	font-weight:700;
  	color:var(--white);
  	line-height:160%;
}
.footer .f2{
	gap:30px;
}
.footer .f2 a {
	gap:10px;
}
.footer .f2 .boxTels a span,
.footer .f2 .boxEmail a span{
	order:-1;
}
.footer .f3{
	gap:30px;
}
.footer .f3 p{
	padding-left:30px;
}
.footer .f3 p .icon{
	top:0px;
  	left:0px;
}
.footer .f3 a{
  	height:40px;
  	color:var(--black-800);
	background:var(--sec-700);
  	font-weight:600;
  	padding:0 15px 0 20px;  
  	border-radius:10px;
}
.footer .f3 a .icon{
  	left:-10px;
  	top:50%;
  	transform:translateY(-50%);
	color:var(--white);
}
.footer .f4 img{
	width:110px;
}

.copy-dev{
  padding:20px 0;
  background:var(--prim-800);
}
.copy-dev,
.copy-dev a{
  	font-size:1.4rem;
  font-weight:400;
	color:var(--white);
}
.copy-dev .container{
  gap:20px;
}
.copy-dev .copy{
	gap:30px;
}
.copy-dev .copy .link{
	color:var(--white);
}
.copy-dev .dev{
	gap:10px;
}

@media(max-width:768px){
  .footer .f1,
  .footer .f2,
  .footer .f3{ align-items:center; text-align:center; }
  
  .footer .container{ flex-direction: column; gap:60px;}
  
  .copy-dev .copy,
  .copy-dev .container{ justify-content:center; align-items:center; text-align:center; gap:20px; }
}