html, body{
	padding:0px;
	margin:0px;
	overflow-x: hidden;
	background-color: #F9F9F9;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6, span, button, input, textarea{
	font-family: "PT Serif", serif;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
a{
	color: inherit;
}
*{
	transition: 0.3s ease;
}
.flex{
	display: flex;
	justify-content: space-between;
}
.container{
	max-width: 1200px;
	width:96%;
	height:auto;
	position: relative;
	z-index: 2;
	margin:auto;
}

/*CTA*/
	.cta{
		width: 100%;
		display: flex;
		margin: 25px 0;
	}
	.cta p{
		padding: 15px 25px;
		border-radius: 10px;
		font-size:16px;
		font-weight: bold;
		color: #000C;
		background-color: #BC2;
	}

/*HEADER*/
	header{
		width: 100%;
		padding: 15px 0;
		position: fixed;
		z-index: 9999;
		background-color: #036;
		border-bottom: 2px solid #CCC;
	}
	.header{
		position: relative;
		z-index: 9999;
		align-items: center;
	}
	.headerMarca{
		width: 150px;
	}
	.headerMarca img{
		height: 80px;
		position: absolute;
		top: -20px;
		padding: 20px;
		border-radius: 0 0 10px 10px;
		background-color: #FFF;
		box-shadow: 0 0 5px #0003;
	}
	.headerMenu{
		width: 100%;
	}
	.headerMenu ul{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		padding: 0;
		list-style: none;
	}
	.headerMenu li{
		padding: 0 15px;
		font-size: 18px;
		font-weight: 300;
		color: #FFF;
		cursor: pointer;
	}
	.headerMenu li:hover{
		color: #BC2;
	}
	.headerCta{
		align-items: center;
		margin: 0 0 0 20px;
	}
	.headerCtaBg{
		padding: 15px 15px;
		display: flex;
		align-items: center;
		border-radius: 5px;
		margin: 0 0 0 10px;
	}
	.headerCtaBg img{
		width: 20px;
		filter: invert(1);
		opacity: 0.75;
	}
	.headerCtaBg p{
		margin: 0 0 0 10px;
		font-size: 12px;
		line-height: 100%;
		color: #000;
		opacity: 0.75;
	}
	.headerCtaBg p span{
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	.headerCtaBg:nth-child(1){
		width: 140px;
		background-color: #FFF;
	}
	.headerCtaBg:nth-child(1):hover{
		background-color: #EEE;
	}
	.headerCtaBg:nth-child(2){
		width: 135px;
		background-color: #BC2;
	}
	.headerCtaBg:nth-child(2):hover{
		filter: brightness(1.1);
	}
	.headerSubmenu{
		display: none;
		width: 100%;
		position: absolute;
		top: 92px;
		z-index: 9998;
	}
	.headerSubmenuConteudo{
		width: 100%;
	}
	.headerSubmenuBg{
		width: 100%;
		height: 250px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: cover;
		background-position: center;
	}
	.headerSubmenuBackground{
		width: 100%;
		height: 250px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #0009;
	}
	.headerSubmenuBackground:hover{
		background-color: #0006;
	}
	.headerSubmenuBackground p{
		width: 100%;
		padding: 0 10px;
		font-size: 20px;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		color: #FFF;
	}
	.headerMenuMobile{
		display: none;
	}

/*INICIAL BANNER*/
	.inicialBanner{
		width: 100%;
		height: 650px;
		margin: 90px 0 0;
		background-color: #000;
	}
	.inicialBannerBg{
		width: 100%;
		background-size: cover;
		background-position: center;
	}
	.inicialBannerBackground{
		width: 100%;
		height: 650px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #0007;
	}
	.inicialBannerTitulo{
		width: 100%;
	}
	.inicialBannerTitulo p:nth-child(1){
		font-size: 60px;
		font-weight: 300;
		text-align: center;
		color: #FFF;
	}
	.inicialBannerTitulo p:nth-child(2){
		max-width: 800px;
		margin: 10px auto;
		font-size: 24px;
		font-weight: 100;
		text-align: center;
		color: #FFF;
	}
	.inicialBannerCta{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.inicialBannerCta p{
		width: auto;
		padding: 15px 30px;
		margin: 50px auto;
		border-radius: 50px;
		border: 2px solid #FFF;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
		background-color: #0000;
	}
	.inicialBannerCta p:hover{
		color: #0009;
		background-color: #FFF;
	}
	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		left: 0;
		top: 0;
	}
	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}
	.rslides_tabs{
		width: 100%;
		height: 10px;
		margin: 0 auto;
		transform: translateY(-125px);
		position: relative;
		z-index: 2;
		display: flex;
		justify-content: center;
	}
	.rslides_tabs li{
		width: 14px;
		height: 14px;
		border-radius: 10px;
		box-shadow: 0 0 5px #333;
		overflow: hidden; 
		margin: 0 10px 0 0;
		list-style: none;
		display: flex;
		color: transparent;
	}
	.rslides1_s1,
	.rslides1_s2,
	.rslides1_s3{
		width: 100%;
		border: 1px solid #FFF9;
		background-color: #FFF0;
	}
	.rslides1_s1:hover,
	.rslides1_s2:hover,
	.rslides1_s3:hover{
		background-color: #FFF9;
	}
	.rslides_tabs .rslides_here a{
		background-color: #FFF9;
	}

/*INICIAL DIFERENCIAIS*/
		.inicialDiferenciais{
			padding: 30px 10px;
			margin: -50px 0 0;
			border-radius: 10px;
			border: 1px solid #DDD;
			background-color: #EEE;
			box-shadow: 0 0 30px #0003;
		}
		.inicialDiferenciaisBg{
			width: 100%;
			padding: 0 10px;
			border-right: 1px solid #CCC;
			text-align: center;
		}
		.inicialDiferenciaisBg:last-of-type{
			border-right: 0;
		}
		.inicialDiferenciaisBg img{
			width: 30px;
		}
		.inicialDiferenciaisBg p{
			color: #555;
		}
		.inicialDiferenciaisBg p span{
			font-weight: bold;
			color: #036;
		}

/*INICIAL PRODUTOS*/
	.inicialProdutos{
		width: 100%;
		margin: 100px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.inicialProdutosTitulo{
		width: 100%;
		margin: 0 0 50px;
	}
	.inicialProdutosTitulo p{
		font-size: 40px;
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		color: #036;
	}
	.inicialProdutosTitulo h1{
		width: 100%;
		max-width: 700px;
		margin: 10px auto;
		font-size: 18px;
		font-weight: 300;
		text-align: center;
		color: #555;
	}
	.inicialProdutosBg{
		width: 32%;
		height: 400px;
		margin: 0 0 20px;
		border-radius: 10px;
		overflow: hidden;
		background-size: auto 100%;
		background-position: center;
	}
	.inicialProdutosBg:hover{
		background-size: auto 110%;
		background-position: center;
	}
	.inicialProdutosBackground{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #0009;
	}
	.inicialProdutosBackground:hover{
		background-image: linear-gradient(to bottom, #0000,  #0009);
	}
	.inicialProdutosTexto{
		margin: 150px 0 0;
		padding: 0 30px;
		border-left: 5px solid #BC2;
	}
	.inicialProdutosTexto h3{
		margin: 50px 0 10px;
		font-size: 30px;
		font-weight: 300;
		color: #BC2;
	}		
	.inicialProdutosTexto p{
		color: #FFF;
		font-weight: 300;
		line-height: 150%;
	}
	.inicialProdutosCta{
		display: flex;
		flex-wrap: wrap;
		margin: 25px 0 0;
		padding: 0 35px;
	}
	.inicialProdutosCta p{
		width: 100%;
		margin: 0 0 10px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
	}
	.inicialProdutosCtaBg{
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		border-radius: 50px;
		background-color: #BC2;
	}
	.inicialProdutosCtaBg:hover{
		transform: scale(1.1);
		filter: brightness(1.1);
	}
	.inicialProdutosCtaBg:nth-child(2){
		background-color: #036;
	}
	.inicialProdutosCtaBg img{
		width: 20px;
		opacity: 0.75;
	}
	.inicialProdutosCtaBg:nth-child(3) img{
		filter: invert(1);
	}

/*INSTITUCIONAL*/
	.institucional{
		width: 100%;
		margin: 100px 0 50px;
		padding: 100px 0;
		background-color: #BC2;
	}
	.institucionalImagem{
		width: 100%;
		margin: 0 0 0 50px;
		border-radius: 20px;
		background-size: cover;
		background-position: center;
	}
	.institucionalConteudo{
		width: 100%;
	}
	.institucionalTitulo{
		width: 100%;
		margin: 0 0 25px;
	}
	.institucionalTitulo h2{
		font-size: 40px;
		font-weight: 300;
		text-transform: uppercase;
		color: #036;
	}
	.institucionalTitulo p{
		width: 100%;
		margin: 10px auto;
		font-size: 18px;
		font-weight: 300;
		list-style: 150%;
		opacity: 0.75;
	}
	.institucionalBg{
		align-items: center;
	}
	.institucionalBgIcone{
		width: 70px;
		min-width: 70px;
		height: 70px;
		position: relative;
		z-index: 2;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 100px;
		border: 1px solid #0009;
		background-color: #BC2;
	}
	.institucionalBgIcone img{
		width: 30px;
		filter: invert(1);
		opacity: 0.75;
	}
	.institucionalBgTexto{
		width: 100%;
		padding: 15px 0 15px 50px;
		margin: 0 0 0 -35px;
		border-left: 1px solid #0009;
	}
	.institucionalBgTexto h3{
		font-size: 18px;
		text-transform: uppercase;
	}
	.institucionalBgTexto p{
		width: 100%;
		font-weight: 300;
		list-style: 150%;
		opacity: 0.75;
	}

/*SERVICOS*/
	.servicos{
		width: 100%;
		margin: 100px 0 0;		
	}
	.servicos .container{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.servicosTitulo{
		width: 100%;
		margin: 0 0 50px;
	}
	.servicosTitulo h2{
		font-size: 40px;
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		color: #036;
	}
	.servicosTitulo p{
		width: 100%;
		max-width: 600px;
		margin: 10px auto;
		font-size: 18px;
		font-weight: 300;
		text-align: center;
		color: #555;
	}
	.servicosBg{
		width: 32%;
		height: 400px;
		margin: 0 0 20px;
		border-radius: 10px;
		overflow: hidden;
		background-size: auto 100%;
		background-position: center;
	}
	.servicosBg:hover{
		background-size: auto 110%;
		background-position: center;
	}
	.servicosBackground{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background-color: #0009;
	}
	.servicosBackground:hover{
		background-color: #0006;
	}
	.servicosTexto{
		padding: 0 30px;
		border-left: 5px solid #BC2;
	}
	.servicosTexto h3{
		margin: 0 0 10px;
		font-size: 30px;
		font-weight: 300;
		color: #BC2;
	}		
	.servicosTexto p{
		color: #FFF;
		font-weight: 300;
		line-height: 150%;
	}
	.servicosCta{
		display: flex;
		flex-wrap: wrap;
		margin: 25px 0 0;
		padding: 0 35px;
	}
	.servicosCta p{
		width: 100%;
		margin: 0 0 10px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		color: #FFF;
	}
	.servicosCtaBg{
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 10px 0 0;
		border-radius: 50px;
		background-color: #BC2;
	}
	.servicosCtaBg:hover{
		transform: scale(1.1);
		filter: brightness(1.1);
	}
	.servicosCtaBg:nth-child(2){
		background-color: #036;
	}
	.servicosCtaBg img{
		width: 20px;
		opacity: 0.75;
	}
	.servicosCtaBg:nth-child(3) img{
		filter: invert(1);
	}

/*PRODUTOS*/
	.produtosBanner{
		width: 100%;
		margin: 90px 0 0;
		background-size: cover;
		background-position: center;
	}
	.produtosBannerBackground{
		height: auto;
		min-height: 200px;
		padding: 25px;
		display: flex;
		align-items: center;
		background-color: #0009;
	}
	.produtosBannerBackground p{
		font-size: 48px;
		font-weight: 100;
		text-transform: uppercase;
		color: #FFF;
	}
	.produtosApresentacao{
		width: 100%;
		margin: 50px 0 75px;
	}
	.produtosApresentacaoImagem{
		width: 75%;
		margin: 0 50px 0 0;
		border-radius: 20px;
		background-color: #000;
		background-size: cover;
		background-position: center;
	}
	.produtosApresentacaoConteudo{
		width: 100%;
		padding: 25px 0;
	}
	.produtosApresentacaoTexto{
		width: 100%;
	}
	.produtosApresentacaoTexto h1{
		font-size: 36px;
		font-weight: 300;
		margin: 0 0 25px;
		color: #036;
	}
	.produtosApresentacaoTexto p{
		width: 100%;
		margin: 0px auto 10px;
		font-size: 18px;
		font-weight: 300;
		color: #555;
	}
	.produtosApresentacaoIcones{
		width: 100%;
		margin: 25px 0;
		display: flex;		
	}
	.produtosApresentacaoIconesBg{
		width: 130px;
		height: 130px;
		padding: 10px;
		border-radius: 10px;
		margin: 0 10px 0 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		background-color: #EEE;
	}
	.produtosApresentacaoIconesBg img{
		width: 50px;
	}
	.produtosApresentacaoIconesBg p{
		margin: 10px 0 0;
		font-size: 16px;
		text-align: center;
	}	
	.produtosApresentacaoIcones{
		width: 100%;
		display: flex;
		justify-content: flex-start;
	}
	
	.produtosCatalogo{
		width: 100%;		
	}
	.produtosCatalogoTitulo{
		width: 100%;
	}
	.produtosCatalogoTitulo h2{
		font-size: 36px;
		font-weight: 300;
		margin: 0 0 25px;
		text-align: center;
		color: #036;
	}
	.produtosCatalogoSlide{
		width: 100%;
		margin: 50px 0 0;
		display: flex;
	}	
	.produtosCatalogoSlideBg{
		width: 125px;
		height: auto;
		padding: 10px 0;
		margin: 0 10px;
	}
	.catalogoItems .produtosCatalogoSlideBg{
		width: 18%;
		height: auto;
		padding: 10px 0;
		margin: 0 1%;
	}
	.produtosCatalogoSlideBgImagem{
		width: 100%;
		height: 100px;
		background-size: cover;
		background-position: center;
		border-radius: 10px;
	}
	.produtosCatalogoSlideBg img{
		width: 100%;
		margin: 0 0 10px;
		border-radius: 10px;
	}
	.produtosCatalogoSlideBg:hover img{
		transform: scale(1.1);
	}
	.produtosCatalogoSlideBg p:first-of-type{
		font-size: 12px;
		text-align: center;		
		text-transform: uppercase;
		color: #036;
	}
	.produtosCatalogoSlideBg p:last-of-type{
		font-size: 13px;
		text-align: center;		
		text-transform: uppercase;
		color: #000;
	}
	.produtosCatalogoTexto{
		width: 100%;
		margin: 50px 0 0;
		display: flex;
		justify-content: center;
	}
	.produtosCatalogoTexto a{
		padding: 15px 20px;
		border-radius: 10px;
		background-color: #CCC;
	}
	.produtosCatalogoTexto p{
		font-size: 14px;
		text-transform: uppercase;
	}
	.produtosTipo{
		width: 100%;
		margin: 75px 0;
		padding: 75px 0;
		background-color: #EEE;
	}
	.produtosTipoTitulo{
		width: 100%;
	}
	.produtosTipoTitulo h2{
		font-size: 36px;
		font-weight: 300;
		margin: 0 0 25px;
		text-align: center;
		color: #036;
	}
	.produtosTipoBg{
		width: 100%;
		margin: 0 10px;
	}
	.produtosTipoImagem{
		width: 100%;
		height: 200px;
		border-radius: 20px;
		background-size: cover;
		background-position: center;
		background-color: #000;
	}
	.produtosTipoTexto{
		width: 100%;
		margin: 10px 0 0;
	}
	.produtosTipoTexto h2{
		font-size: 20px;
	}
	.produtosTipoTexto p{
		margin: 10px 0 0;
		font-size: 18px;
		color: #555;
	}	
	.produtosInspiracao{
		width: 100%;
	}
	.produtosInspiracaoTitulo{
		width: 100%;
	}
	.produtosInspiracaoTitulo h2{
		font-size: 36px;
		font-weight: 300;
		margin: 0 0 25px;
		text-align: center;
		color: #036;
	}
	.produtosInspiracaoSlide{
		width: 100%;
		display: flex;
	}
	.produtosInspiracaoBg{
		width: 100%;
		height: 300px;
		overflow: hidden;
		margin: 0 10px;
		border-radius: 10px;
		background-size: cover;
		background-position: center;
	}
	.produtosInspiracaoItem{
		height: 400px;
		width: 100%;
	}
	.produtosInspiracaoBg img{
		width: 100%;
	}
	.produtosInspiracaoTexto{
		width: 100%;
		max-width: 600px;
		margin: 50px auto 25px;
	}
	.produtosInspiracaoTexto p{
		font-size: 20px;
		text-align: center;
	}

/*DESCRICAO*/
	.descricao{
		width: 100%;
		padding: 0 0 100px;
		margin: 100px 0 0;
		border-bottom: 1px solid #EEE;
	}
	.descricaoImagem{
		width: 75%;
		margin: 0 50px 0 0;
		border-radius: 25px;
		background-size: cover;
		background-position: center;
	}
	.descricaoConteudo{
		width: 100%;
	}
	.descricaoTitulo{
		width: 100%;
		margin: 0 0 25px 0;
	}
	.descricaoTitulo h2{
		font-size: 36px;
		font-weight:300;
		text-transform: uppercase;
		color: #036;
	}
	.descricaoTexto{
		width: 100%;
	}
	.descricaoTexto p{
		width: 100%;
		margin: 10px auto;
		font-size: 18px;
		font-weight: 300;
		line-height: 150%;
		color: #555;
	}
	.descricaoTexto p:first-child{
		font-weight: 600;
	}
	.descricaoCta{
		width: 100%;
		margin: 25px 0 0;
		display: flex;
	}
	.descricaoCta p{
		padding: 15px 25px;
		border-radius: 5px;
		font-size:16px;
		font-weight: bold;
		color: #000C;
		background-color: #BC2;
	}

/*CATALOGO*/
	.catalogoConteudo{
		width: 100%;
		margin: 50px 0 ;
		padding: 0 0 50px;
		display: flex;
		background-color: #FFF;
	}
	.catalogoConteudoFiltro{
		width: 300px;
		margin: 0 20px 0 0;
	}
	.catalogoConteudoFiltroBg{
		margin: 0 0 25px;
		background-color: #FFF;
	}
	.catalogoConteudoFiltroBg p{
		font-weight: bold;
		padding: 25px;
		margin: 10px 0 0;
		border-radius: 5px;
		text-transform: uppercase;
		background-color: #036;
		color: #FFF;
	}
	.catalogoConteudoFiltroBg ul{
		list-style: none;
		padding: 20px 0;
	}
	.catalogoConteudoFiltroBg li{
		padding: 5px 25px;
		color: #555;
	}
	.catalogoItems{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
	}
	.catalogoBg{
		width: 19%;
		margin: 0 0.5% 10px;
		border-radius: 5px;
		overflow: hidden;
		background-color: #FFF;
		box-shadow: 0 0 30px #0001;
	}
	.catalogoItems .catalogoBg{
		width: 24%;
		margin: 0 0.5% 10px;
	}
	.catalogoBgImagem01{
		width: 100%;
		height: auto;
		overflow: hidden;
		display: flex;
		align-items: center;
		background-size: cover;
		background-position: center;
		box-shadow: 0 0 30px #0001;
	}
	.catalogoBgImagem01 img{
		width: 100%;
	}
	.catalogoBg:hover .catalogoBgImagem01 img{
		transform: scale(1.1);
	}
	.catalogoBgTexto{
		width: 100%;
		height: 50px;
		padding: 25px 0;
	}
	.catalogoBgTexto p:first-of-type{
		font-size: 12px;
		text-align: center;
		text-transform: uppercase;
		color: #B81;
	}
	.catalogoBgTexto p:last-of-type{
		font-size: 18px;
		text-align: center;
		padding: 0 10px;
		color: #555;
	}
	.catalogoBgMarca{
		width: 100%;
		margin: 10px 0 0;
		display: flex;
		align-items: center;
	}
	.catalogoBgMarca img{
		width: 30px;
		padding: 10px;
		opacity: 0.5;
	}
	.catalogoBgMarca p{
		width: 100%;
		font-size: 12px;
		text-transform: uppercase;
		padding: 10px;
		text-align: right;
		color: #999;
	}

/*CONTATO*/
	.contato{
		width: 100%;
		margin: 100px 0 0;
	}
	.contatoTitulo{
		width: 100%;		
	}
	.contatoTitulo h2{
		font-size: 40px;
		font-weight: 300;
		text-transform: uppercase;
		text-align: center;
		color: #036;
	}
	.contatoTitulo p{		
		width: 100%;
		max-width: 600px;
		margin: 10px auto;
		font-size: 18px;
		font-weight: 300;
		text-align: center;
		color: #555;
	}
	.contatoConteudo{
		width: 100%;
		margin: 50px 0 0;
	}
	.contatoFormulario{
		width: 100%;
		margin: 0 50px 0 0;
	}
	.contatoFormulario{
		width: 100%;
	}
	.contatoFormularioBg{
		width: 100%;
		margin: 0 0 10px;
		display: flex;
		flex-wrap: wrap;
	}
	.contatoFormularioBg p{
		width: 100%;
		font-size: 14px;
		text-transform: uppercase;
		color: #555;
	}
	.contatoFormularioInput,
	.contatoFormularioSelect,
	.contatoFormularioTextarea{
		width: 100%;
		height: 45px;
		padding: 0 10px;
		outline: none;
		border: 1px solid #CCC;
		font-size: 16px;
		color: #333;
	}
	.contatoFormularioSelect{
		height: 44px;
	}
	.contatoFormularioTextarea{
		padding: 10px;
		height: 120px;
	}
	.contatoFormularioSubmit{
		width: 150px;
		height: 45px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		outline: none;
		border: none;
		border-radius: 5px;
		color: #0009;
		background-color: #BC2;
	}
	.contatoFormularioSubmit:hover{
		filter: brightness(1.1);
	}
	.contatoDados{
		width: 75%;
		margin:  0;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		border-radius: 10px;
		background-color: #CCC;
	}
	.contatoDadosBg{
		width: auto;
		padding: 20px;
		border-left: 5px solid #999;
	}	
	.contatoDadosBg h3{
		margin: 0 0 25px;
		font-size: 30px;
		font-weight: 300;
		text-transform: uppercase;
		color: #333;
	}
	.contatoDadosBgInfo{
		margin: 15px 0;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.contatoDadosBgIcone{
		min-width: 50px;
		height: 50px;
		border-radius: 50px;
		background-color: #BC2;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.contatoDadosBg img{
		height: 20px;
		opacity: 0.75;
		filter: invert(1);
	}
	.contatoDadosBgInfo p{
		padding: 0 20px;
		font-size: 18px;
		font-weight: 300;
		display: flex;
		color: #333;
	}
	.contatoMapa{
		width: 100%;
		height: 500px;
		margin: 50px 0 0;
		overflow: hidden;
		background-color: #000;
	}
	.contatoMapa iframe{
		width: 100%;
		height: 700px;
		border: 0;
		margin: -200px 0 0 0;
		opacity: 0.7;
	}
	.contatoMapa:hover iframe{
		opacity: 0.9;
	}

/*FOOTER*/
	footer{
		width: 100%;
	}
	.footer02{
		width: 100%;
	}
	.footer02Titulo{
		width: 100%;
		padding: 50px 0;
		background-color: #036;
	}
	.footer02Titulo h2{
		font-size: 24px;
		font-weight: 300;
		text-align: center;
		color: #BC2;
	}
	.footer02Conteudo{
		width: 100%;
		padding: 50px 0;
	}
	.footer02ConteudoBg{
		width: 100%;
	}
	.footer02ConteudoBg p{
		font-size: 18px;
		font-weight: 300;
		line-height: 150%;
		color: #555;
	}
	.footer02ConteudoBg p span{
		font-weight: 400;
		line-height: 150%;
		color: #036;
	}
	.footer03{
		width: 100%;
		padding: 10px 0;
		border-top:1px solid #CCC;
	}
	.footer03 p{
		font-size: 12px;
		color: #555;
	}

/*COOKIES*/
	.cookies{
		width: 100%;
		position: fixed;
		z-index: 9999;
	}
	.cookiesAviso{
		width: 100%;
		position: fixed;
		bottom: 0px;
		padding: 20px 0;
		background-color: #000;
	}
	.cookiesAviso .container{
		justify-content: center;
		align-items: center;
	}
	.cookiesAviso p{
		font-size: 14px;
		text-align: center;
		margin: 0 10px;
		color: #CCC;
	}
	.cookiesAviso p:nth-child(1){
		margin: 0 10px;
	}
	.cookiesAviso p:nth-child(2){
		padding: 10px 20px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
	}
	.cookiesAviso p:nth-child(2):hover{
		background-color: #555;
	}
	.cookiesAviso p:nth-child(3){
		font-weight: bold;
		padding: 10px 30px;
		border-radius: 100px;
		border: 1px solid #CCC;
		cursor: pointer;
		color: #000;
		background-color: #CCC;
	}
	.cookiesAviso p:nth-child(3):hover{
		background-color: #FFF;
	}
	.cookiesPopUp{
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0px;
		z-index: 9999;
		background-color: #000C;
		display: none;
	}
	.cookiesPopUp .container{
		height: 100%;
		align-items: center;
		justify-content: center;
	}
	.cookiesPopUpConteudo{
		max-width: 500px;
		align-items: center;
		position: relative;
		background-color: #FFF;
	}
	.cookiesPopUpFechar{
		width: 40px;
		height: 40px;
		border-radius: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: -20px;
		right: -20px;
		cursor: pointer;
		background-color: #FFF;
	}
	.cookiesPopUpFechar p{
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}
	.cookiesPopUpTexto{
		width: auto;
		max-height: 500px;
		padding: 25px;
		overflow: auto;
	}
	.cookiesPopUpTexto h2{
		font-size: 24px;
		padding: 0 0 25px;
		border-bottom: 1px solid #EEE;
	}
	.cookiesPopUpTexto h3{
		margin: 25px 0 10px;
		font-size: 20px;
	}
	.cookiesPopUpTexto p{
		margin: 0 0 10px;
		color: #555;
	}

/*ANIMACAO*/
	.animacao01,
	.animacao02,
	.animacao03,
	.animacao04,
	.animacao05,
	.animacao06,
	.animacao07,
	.animacao08,
	.animacao09,
	.animacao10,
	.animacao11,
	.animacao12,
	.animacao13,
	.animacao14,
	.animacao15,
	.animacao16{
		opacity: 0;
	}
	.animacaoDelay0250{	
		animation-delay: 0.25s;
	}
	.animacaoDelay0500{	
		animation-delay: 0.5s;
	}
	.animacaoDelay0750{	
		animation-delay: 0.75s;
	}
	.animacaoDelay1000{	
		animation-delay: 1.0s;
	}
	.animacaoDelay1250{	
		animation-delay: 1.25s;
	}
	.animacaoDelay1500{	
		animation-delay: 1.5s;
	}
	.animacaoDelay1750{	
		animation-delay: 1.75s;
	}
	.animacaoDelay2000{	
		animation-delay: 2.0s;
	}
	.animacaoDelay2250{	
		animation-delay: 2.25s;
	}
	.animacaoDelay2500{	
		animation-delay: 2.5s;
	}
	.animacaoDelay2750{	
		animation-delay: 2.75s;
	}
	.animacaoDelay3000{	
		animation-delay: 3.0s;
	}

@media screen and (max-width:1180px) and (min-width: 1024px){
	/*HEADER*/
		.headerMarca img{
			height: 70px;
			z-index: 999;
		}
		.headerMenu li{
			padding: 0 10px;
			font-size: 16px;
		}
		.headerCta{
			margin: 0;
		}
		.headerCtaBg{
			padding: 15px 10px;
		}		

	/*PRODUTOS*/
		.produtosImagemBg{
			width: 23%;
		}
}

@media screen and (max-width:1024px) and (min-width: 768px){
	/*HEADER*/
		.headerMarca img{
			height: 60px;
		}
		.headerMenu li{
			padding: 0 10px;
			font-size: 16px;
		}
		.headerCta{
			margin: 0;
		}
		.headerCtaBg p{
			display: none;
		}
		.headerCtaBg:nth-child(1){
			width: auto;
		}
		.headerCtaBg:nth-child(2){
			width: auto;
		}
		.headerSubmenu{
			top: 82px;
		}
		.headerSubmenuBg{
			height: 200px;
		}
		.headerSubmenuBackground{
			height: 200px;
		}

	/*INICIAL BANNER*/
			.inicialBanner{
				margin: 80px 0 0;
			}
	
	/*INICIAL PRODUTOS*/
		.inicialProdutosBg{
			width: 49%;
		}

	/*INSTITUCIONAL*/
		.institucional{
			padding: 2% 0 50px;
		}
		.institucional .container{
			flex-wrap: wrap;
		}
		.institucionalImagem{
			width: 100%;
			height: 400px;
			border-radius: 0;
			margin: 0 0 25px;
			order: 1;
		}
		.institucionalConteudo{
			width: 100%;
			order: 2;
		}

	/*PRODUTOS*/
		.produtosImagemBg{
			width: 31%;
		}
}

@media screen and (max-width:767px){
	.flex{
		flex-wrap: wrap;
	}

	/*HEADER*/
		header{
			height: 70px;
			padding: 0;
		}
		.headerMarca{
			width: 100%;
		}
		.headerMarca img{
			height: 60px;
			position: relative;
			z-index: 9999;
			top: 0px;
			padding: 10px;
		}
		.headerMenu{
			display: none;
			position: fixed;
			width: 100%;
			top: 72px;
			bottom: 55px;
			right: 0;
			background-color: #CCC;						
		}
		.headerMenu ul{
			padding: 50px 0;
			flex-wrap: wrap;
			justify-content: center;
		}
		.headerMenu li{
			width: 100%;
			padding: 15px;
			font-weight: 400;
			text-align: center;
			color: #036;
		}
		.headerCta{
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
			flex-wrap: nowrap;
			margin: 0;
		}
		.headerCtaBg{
			border-radius:0;
			margin: 0;
			display: flex;
			justify-content: center;
		}		
		.headerCtaBg:nth-child(1){
			width: 100%;
			background-color: #036;
		}
		.headerCtaBg:nth-child(1):hover{
			filter: brightness(1.1);
		}
		.headerCtaBg:nth-child(1) p{
			color: #FFF;
			opacity: 1;
		}
		.headerCtaBg:nth-child(1) img{
			filter: invert(0);
		}
		.headerCtaBg:nth-child(2){
			width: 100%;
		}
		.headerSubmenu{
			width: 100%;
			position: fixed;
			top: 72px;
			bottom: 60px;
			z-index: 9999;
		}
		.headerSubmenuConteudo{
			width: 100%;
		}
		.headerSubmenuBg{
			height: 20%;
		}
		.headerSubmenuBackground{
			height: 100%;
		}
		.headerMenuMobile{
			display: block;
			position: absolute;
			top: 17px;
			right: 2%;
		}
		.headerMenuMobile p{
			font-size: 24px;
			font-weight: bold;
			color: #FFF;
		}
		.headerMenuMobile p span{
			font-size: 17px;
		}

	/*INICIAL BANNER*/
		.inicialBanner{
			margin: 70px 0 0;
		}
		.inicialBannerBackground{
			height: 600px;
		}
		.inicialBannerTitulo p:nth-child(1){
			font-size: 48px;
			line-height: 100%;
		}
		.inicialBannerTitulo p:nth-child(2){
			font-size: 20px;
		}

	/*INICIAL DIFERENCIAIS*/
		.inicialDiferenciais{
			padding: 0 10px;
		}
		.inicialDiferenciaisBg{
			padding: 20px 10px;
			border: none;
			border-bottom: 1px solid #CCC;
		}
		.inicialDiferenciaisBg:last-of-type{
			border: none;
		}

	/*INICIAL PRODUTOS*/
		.inicialProdutosBg{
			width: 100%;
		}

	/*INSTITUCIONAL*/
		.institucional{
			padding: 2% 0 50px;
		}
		.institucional .container{
			flex-wrap: wrap;
		}
		.institucionalImagem{
			width: 100%;
			height: 250px;
			border-radius: 0;
			margin: 0 0 25px;
			order: 1;
		}
		.institucionalConteudo{
			width: 100%;
			order: 2;
		}
		.institucionalTitulo{
			width: 100%;
			margin: 0 0 25px;
		}
		.institucionalTitulo h2{
			text-align: center;
		}
		.institucionalTitulo p{
			text-align: center;
		}
		.institucionalBg{
			flex-wrap: nowrap;
		}

	/*PRODUTOS*/
		.produtosBanner{
			height: auto;
			margin: 70px 0 0;
		}
		.produtosBannerBackground{
			height: auto;
			min-height: 150px;
			padding: 25px;
			display: flex;
			align-items: center;
			background-color: #0009;
		}
		.produtosBannerBackground p{
			font-size: 40px;
			text-align: center;
		}
		.produtosApresentacao{
			padding: 0;
		}
		.produtosApresentacaoConteudo{
			padding: 0;
		}
		.produtosApresentacaoTexto h1{
			font-size: 30px;
		}
		.produtosApresentacaoIcones{
			flex-wrap: wrap;
		}
		.produtosApresentacaoIconesBg{
			width: 100%;
			height: auto;
			margin: 5px 0;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			flex-wrap: nowrap;
		}
		.produtosApresentacaoIconesBg img{
			width: 50px;
		}
		.produtosApresentacaoIconesBg p{
			text-align: left;
			margin: 0 0 0 20px;
		}
		.produtosTipoBg{
			margin: 10px 0;
		}

	/*DESCRICAO*/
		.descricao{
			padding: 0 0 50px;
			margin: 50px 0 -50px 0;
		}
		.descricaoImagem{
			width: 100%;
			height: 300px;
			margin: 0 0 25px;
		}

	/*CATALOGO*/		
		.catalogoConteudoFiltro{
			width: 100%;
			margin: 0 0 20px 0;
		}		
		.catalogoConteudoFiltroBg p{
			padding: 25px 0;
			text-align: center;
		}
		.catalogoConteudoFiltroBg ul{
			text-align: center;
		}
		.catalogoConteudoFiltroBg li{
			padding: 5px 25px;
			color: #555;
		}
		.catalogoItems .produtosCatalogoSlideBg{
			width: 31.33%;
			height: auto;
			padding: 10px 0;
			margin: 0 1%;
		}
		


	/*CONTATO*/
		.contatoTitulo br{
			display: none;
		}
		.contatoFormulario{
			display: none;
		}
		.contatoDados{
			width: 100%;
			padding: 25px 0;
		}
		.contatoDadosBgInfo{
			flex-wrap: nowrap;
		}
		.contatoMapa{
			width: 100%;
			height: 350px;
			margin: 50px 0 0;
			overflow: hidden;
			background-color: #000;
		}

	/*FOOTER*/
		footer{
			padding: 0 0 50px;
		}
		.footer02ConteudoBg p{
			text-align: center;
			margin: 10px 0;
		}
		.footer03 p{
			width: 100%;
			margin: 0 0 10px;
			text-align: center;
		}

	/*COOKIES*/
		.cookiesAviso p:nth-child(1){
			margin: 0 10px 20px;
		}

	/*ANIMACAO*/
		.animacao01,
		.animacao02,
		.animacao03,
		.animacao04,
		.animacao05,
		.animacao06,
		.animacao07,
		.animacao08,
		.animacao09,
		.animacao10,
		.animacao11,
		.animacao12,
		.animacao13,
		.animacao14,
		.animacao15,
		.animacao16{
			opacity: 0;
		}
		.animacaoDelay0250{	
			animation-delay: 0s;
		}
		.animacaoDelay0500{	
			animation-delay: 0s;			
		}
		.animacaoDelay0750{	
			animation-delay: 0s;
		}
		.animacaoDelay1000{	
			animation-delay: 0.25s;
		}
		.animacaoDelay1250{	
			animation-delay: 0.25s;
		}
		.animacaoDelay1500{	
			animation-delay: 0.25s;
		}
		.animacaoDelay1750{	
			animation-delay: 0.25s;
		}
		.animacaoDelay2000{	
			animation-delay: 0.5s;
		}
		.animacaoDelay2250{	
			animation-delay: 0.5s;
		}
		.animacaoDelay2500{	
			animation-delay: 0.5s;
		}
		.animacaoDelay2750{	
			animation-delay: 0.5s;
		}
		.animacaoDelay3000{	
			animation-delay: 0.75s;
		}
}