/*A criação é silenciosa. Origem e resultado, toda criação está sujeita a isso*/
@import url(animacoes.css);
@import url(popup.css);

@font-face {
     font-family: impact;
     src: url('impact.ttf');
}

:root {
  --azul-n:#0098da;
  --azul-h:#3fa7ff;
  --azul-e:#5e5e5e;
	
	--cor-a:#a12c2c;
	--cor-b:#48ede8;
	--cor-c:#361c71;
	--cor-d:#3ac668;  
	
	--trans-t:100ms;
}

*{margin:0; padding:0; text-decoration:none; border:none; list-style:none; position:relative; font-size:0; z-index:0;}
input[type="button"]{color:transparent;}

body{font-family:Arial, Helvetica, sans-serif; background:#ffffff; overflow:auto;}




#preload{position:fixed; height:100%; width:100%; background:#ffffff; z-index:9; top:0; left:0;}
	
	#preload .caixa{
		width:300px; height:300px;
		text-align:center;
		position:absolute; top:50%; left:50%;
		transform:translate(-50%, -50%);
		display:flex;
		justify-content:center;		
	}
	
	#preload .logo{z-index:1; width:100px; position:absolute; margin-top:27px;}
		#preload .logo img{width:100%;}
		
	#preload .quadrado-gira{		
		width:150px; height:150px;
		background:#333333;
		transform:rotate(45deg); z-index:0; position:absolute; animation:giraT 1.5s infinite;		
	}
	#preload .aguarde{font-size:18px; color:#333333; text-align:center; position:absolute; bottom:0;}
	
	
	
	

.base{width:100%; margin-right:auto; margin-left:auto;}

.none{display:none !important;}

.inline{display:inline-block; vertical-align:top;}
.t-cell{display:table-cell;}
.v-top{vertical-align:top;}
.v-mid{vertical-align:middle;}

.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}

.block{display:block;}
.tabela{display:table;}
.borda{border:solid 1px;}

.b-dir{border-right:solid 1px #ccc;}

.m-top{margin-top:20px;}
.m-bot{margin-bottom:10px;}
.m-left{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-t10{margin-top:10px;}

.padding{padding:20px;}
.pad-10{padding:10px;}
.pad-5{padding:5px;}
.pr-10{padding-right:10px;}

.ctitulo{position:absolute; font-size:18px; pointer-events:none; left:15px; top:15px; color:#333333;}
.ctitulo.foco{opacity:0.5;}
.ctitulo.preenchido{font-size:9px; top:-5px; background:#ffffff; padding-left:2px; padding-right:2px; opacity:1;}
.bg-none{background:none !important;}
.float-r{float:right;}
.float-l{float:left;}

.title{display:none; padding:10px; background:#353c3e; z-index:2; position:absolute; left:0; top:0; min-width:130px; border-left:solid 5px #cccccc;}
	.title, .title *{font-size:14px; color:#ffffff;}
	

.w50{width:calc(50% - 10px);}


.sombreado{background:#00000050; position:fixed; top:0; left:0; height:100%; width:100%; z-index:3; display:none;}
.blur{filter:blur(10px);}


#mensagem div *{font-size:12px; color:#ffffff;}

.botao{background:#e3e3e3;}
	.botao div{color:#ffffff; font-size:24px; text-align:center; text-transform:uppercase;}
	
	.botao:hover{cursor:pointer;}

.ns{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.loading, .load{position:fixed; background:#ffffff90; height:100%; width:100%; z-index:9; text-align:center; display:none; margin-top:0; top:0;}

.loading .carregando{bottom:10px; position:fixed;}

.pg-load{position:absolute; z-index:+2; width:100%; text-align:center; display:none; bottom:0;}
	.pg-load .carregando-p{text-align:center; left:50%;}



.p-barra{width:50%; background:#dedede; text-align:left;}
		.p-barra .progresso{padding-top:2px; padding-bottom:2px; background:#ffa200; width:0;}
		
		
.indicador{text-align:center; display:block; margin-top:50px;}

	.indicador .quadro{width:15px; height:15px; background:#dedede; display:inline-block; margin-right:20px; transform:rotate(45deg);}
	
	.indicador .block{margin-bottom:20px;}

	.indicador .ativo{background:#ffca2f;}






.divisoria{display:block; border-top:solid 1px #f4f4f4; text-align:center; width:50%; z-index:0;}
	.divisoria .quadro{width:60px; height:60px; background:#f4f4f4; transform:rotate(45deg); display:inline-block; margin-top:-30px;}
	
	
	header .divisoria{margin-left:50px;}
	
		header .divisoria .quadro{display:none;}



center[class*="m-top"]{margin-top:100px;}






div img{width:100%;}


.topo{z-index:1;}
.topo .quadriculado{width:425px; margin-top:-65px; height:280px;}
	.topo .quadriculado img{filter:drop-shadow(5px 5px 5px #00000030); position:absolute; top:0; left:0; width:300px;}
	
	
.topo .logo:not(.cadastro .topo .logo){width:287px; margin-top:40px; margin-left:-140px;}

	.topo .logo img{filter:drop-shadow(3px 3px 3px #ffffff) drop-shadow(-3px -3px 3px #ffffff);}







#aviso{width:100%; padding-bottom:40px; text-align:center; display:none;}
	#aviso{background:#f7d0d0;}
	#aviso h1{color:#a70202; font-size:70px;}
	#aviso .txt{margin-left:20px;}
		#aviso .txt p{color:#59521c; font-size:24px;}

	#aviso ul{margin-top:20px; display:flex;}
		#aviso ul li{font-size:28px; padding:5px; margin-right:20px; background:#333333; color:#ffffff; border-radius:6px;}
		#aviso ul li:hover{cursor:pointer; background:#000000;}
		#aviso ul li.nao{background:var(--azul-n);}
			#aviso ul li.nao:hover{background:var(--azul-h);}
	
.conteiner{display:flex; align-items:center;}


.topo .base{background:url(../images/papel.jpg) no-repeat; background-size:100% auto;}




.topo .dados-contato{position:absolute; right:20px; top:0;}
	
	.topo .dados-contato .moldura{
		display:inline-block; vertical-align:top;
		padding:20px; padding-right:80px; padding-top:60px;
		border-radius:18px; transform: rotate(-10deg);
		margin-top:-50px;
		filter:drop-shadow(0 5px 5px #00000050);
	}
	
		.topo .dados-contato .moldura div, .topo .dados-contato .moldura div *{font-family:impact; font-size:30px; color:#ffffff;}
	
			.topo .dados-contato .moldura ul li{display:inline-block; margin-right:20px;}
				.topo .dados-contato .moldura ul li:last-child{margin-right:0;}
				
		.topo .dados-contato .moldura .desgirar{transform:rotate(10deg);}
	
	.acompanhe{background:var(--azul-n); margin-right:-50px;}
	.redes-sociais{background:#991a77;}
	.whatsapp{background:#1062a8; margin-left:-50px;}

	.redes-sociais a img, .whatsapp .ic img, .icone img{transition:all var(--trans-t)}
		.redes-sociais a:hover img, .whatsapp .ic:hover img, .icone:hover img{transform: scale(1.1); transition:all var(--trans-t) cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	
	.whatsapp .tel{transition:all var(--trans-t);}
		.whatsapp .tel:hover{transform: scale(1.1); transition:all var(--trans-t) cubic-bezier(0.68, -0.55, 0.265, 1.55);}
		
		.rodape .telefone .dados:hover{transform: scale(1.1); transition:all var(--trans-t) cubic-bezier(0.68, -0.55, 0.265, 1.55);}

.opcoes{display:inline-block; position:absolute; top:-28px; z-index:1;}
	
	.opcoes ul li{transform:rotate(45deg);}
		.opcoes ul li img{transform:rotate(-45deg);}
	.opcoes .menu{background:var(--azul-n); padding:10px;}
		.opcoes .menu:hover{background:var(--azul-h); cursor:pointer;}
	
	
	
	
	
	
	
	
	
	
		
	nav{background:var(--azul-n); display:inline-block; width:450px; height:450px; transform:rotate(45deg); position:absolute; top:calc(50% - 200px); margin-left:-170px; z-index:200; position:fixed;}
		
		nav ul{transform:rotate(-45deg); text-align:center; margin-left:-20px; top:73px;}
			nav ul li{padding:10px;}
				
				nav ul li:hover a{text-decoration:underline;}
			
				nav ul li a{font-size:30px; color:#ffffff; font-family:impact;}
			
			
			#branco{position:fixed; z-index:1; background:#ffffff99; width:100%; height:100%; top:0; left:0;}
			
			
	
	
	
	
.topo-fixo{position:fixed; top:0; left:0; z-index:1; width:100%; display:none; background-image: linear-gradient(to bottom, #ffffff, #ffffff00 100%);}
	.topo-fixo .quadriculado{width:240px; margin-top:-140px;}
	
	.topo-fixo .logo{width:100px; filter:drop-shadow(8px 4px 2px #FFFFFF);  position:absolute; left:70px; top:20px;}
	
	.topo-fixo .opcoes{margin-top:-60px;}
	
	
	.quadriculado-rodape{position:absolute; right:0; bottom:0; width:240px; transform:rotate(180deg); z-index:2; pointer-events:none;}
		
	
	
.busca{background:none; display:block; position:absolute; top:97px; right:0; width:40%;}
		.busca .padding{padding:20px;}
			.busca .campo input{width:100%; padding:15px; color:#333333; font-size:18px; background:none; border:solid 1px #333333; outline:none;}	
			
			
.area-conteudo .bloco-1{margin-top:100px;}

			
.area-conteudo div[class*="titulo"]{vertical-align:top;}
		
.area-conteudo .titulo .faixa{background:var(--azul-n); padding-bottom:40px; padding-top:40px; text-align:right; width:calc(50% - 133px);}

		
	.area-conteudo .titulo .faixa p{font-size:48px; font-family:impact; color:#ffffff; z-index:1; text-align:right;}
	.area-conteudo .titulo .faixa .quadrado{background:var(--azul-n); width:133px; height:133px; position:absolute; right:-50px; top:0; transform:rotate(45deg); border-radius:0; z-index:0;}
	
	
	.avalie .sombra{position:absolute; background:#00000020; filter:blur(20px);}
			
			.avalie .caixa{background:#269489;}
			
				.avalie .caixa a{display:flex; align-items: center;}
					.avalie .caixa .imagem{width:100px;}
				.avalie .caixa .texto{color:#ffffff; font-size:20px; margin-left:20px;}
					.avalie .caixa .texto *{font-size:1em; color:#ffffff;}
	
	
	
	
.area-conteudo .titulo-b{margin-top:100px;}
		
	.area-conteudo .titulo-b .cinquenta{text-align:right; width:calc(50% - 133px);}
		.area-conteudo .titulo-b .cinquenta .faixa{background:var(--azul-n); padding-bottom:37.5px; padding-top:37.5px; width:100%;}
		
	.area-conteudo .titulo-b .cinquenta .faixa p{font-size:48px; font-family:impact; color:#ffffff; z-index:1; text-align:right; color:var(--azul-n);}
	.area-conteudo .titulo-b .cinquenta .quadrado{
		background:var(--azul-n);
		width:133px;
		height:133px;
		position:absolute;
		right:-50px;
		transform:rotate(45deg);
		border-radius:0;
		z-index:0;
		background:#ffffff;
		border:solid 1px var(--azul-n);		
	}
	

		
	.area-conteudo .titulo-b .cinquenta .faixa{
		background:#ffffff;
		border-bottom:solid 1px var(--azul-n);
		border-top:solid 1px var(--azul-n);
		width:calc(100% - 45px);
		margin-right:45px;
		z-index:1;
	}
	
		
		
		
		
	.area-conteudo div[class*="titulo"] .sub{font-size:124px; color:var(--azul-n); font-family:impact; width:calc(50% - 10px); margin-left:133px; margin-top:0; margin-bottom:0;}
		.area-conteudo div[class*="titulo"] .sub p{font-size:53px; color:var(--azul-n); margin-top:-30px; margin-bottom:30px;}

			
			
		.blog .sub p{letter-spacing:12px;}
			
.area-conteudo{margin-top:100px; padding-bottom:100px;}
	.area-conteudo .imagem{width:30.21%; transform:rotate(45deg); background:#fc6028; margin-top:30px; margin-bottom:30px; margin-left:9.13%;}
		.area-conteudo .imagem img{transform:rotate(-45deg); border:solid 3px #fc6028;}
		
	.area-conteudo .texto{width:calc(60.66% - 136px); margin-left:116px; font-size:19px; margin-right:20px;}
		.area-conteudo .texto h2{font-size:1.3em; color:#333333; font-family:impact; margin-bottom:20px;}
		.area-conteudo .texto p{font-size:1em; color:#333333; margin-bottom:20px;}
			.area-conteudo .texto p *{font-size:1em;}
			.area-conteudo .texto p a{color:#2078d3;}
				.area-conteudo .texto p a:hover{text-decoration:underline;}
		.area-conteudo .texto ul li{font-size:20px; list-style:inside; color:#333333;}
		
		.area-conteudo .texto .m-top{margin-top:80px;}


	.area-conteudo .bloco-2{margin-top:150px;}
	
	.area-conteudo:has(.conteudo .imagem) .bloco-2{margin-top:240px;}

	.area-conteudo .bloco-2 .texto{margin-left:20px;}
		.area-conteudo .bloco-2 .texto p{margin-right:216px; margin-left:0;}
	
	.area-conteudo article:has(.uv) .imagem:nth-child(1){background:#28bcfc;}
		.area-conteudo article:has(.uv) .imagem:nth-child(1) img{border-color:#28bcfc;}
		
	.area-conteudo .imagem:nth-child(2n){background:#991a77; margin-left:0; margin-right:0;}
		.area-conteudo .imagem:nth-child(2n) img{border-color:#991a77;}
		


	.area-conteudo.blog .imagem{width:15%; margin-right:3%;}
	
	
	.area-conteudo.blog .base > h1{font-size:40px; padding:40px;}
		.area-conteudo.blog .base > h1:has(b){font-weight:normal;}
		.area-conteudo.blog .base > h1 b{font-weight:bolder; font-size:inherit;}
	
	.area-conteudo.blog .base > p{font-size:20px; padding-left:40px; margin-top:-20px;}
		.area-conteudo.blog .base > p *{font-size:inherit;}
		.area-conteudo.blog .base > p:has(a) {margin-top:40px; margin-bottom:40px;}
	
	
	.blog .itens article{margin-bottom:30px; margin-top:30px; display:flex;}
	
	.blog .itens article a:hover{text-decoration:underline;}
	
	.blog .itens article .cabecalho{display:block;}
		.blog .itens article .cabecalho h2{font-size:33px; margin-bottom:10px;}
			.blog .itens article .cabecalho h2 *{font-size:1em; color:#333333;}
			
		.blog .itens article .cabecalho time{font-size:12px; color:#33333370;}
			.blog .itens article .cabecalho small{font-size:12px; color:#333333;}
				.blog .itens article .cabecalho small a{font-size:1em; color:#333333;}
				
				.blog .itens article .cabecalho p{font-size:12px;}
				.blog .itens article .cabecalho p *{font-size:1em;}
		
		.blog .itens article .imagem{margin-left:0;}
	
		.blog .itens article .imagem .recipiente{width:100%; padding-bottom:100%; height:0; overflow:hidden; transform:rotate(-45deg); border:solid 3px #fc6028;}
			.blog .itens article .imagem .recipiente img{object-fit: cover; height:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		
		
		.blog .itens article .imagem:nth-child(2n) .recipiente{border-color:#991a77;}
		.blog .itens article .imagem:nth-child(1n){z-index:3;}
		.blog .itens article .imagem:nth-child(2n){z-index:2;}
		.blog .itens article .imagem:nth-child(3n){z-index:1;}
		
		.blog .texto{margin-left:0; width:100%;}
		.blog .itens article .resumo{font-size:24px; margin-top:20px;}
			.blog .itens article .resumo *{font-size:1em;}
			
		.blog.exibe .cabecalho h1{font-size:70px; color:#333333; margin-top:50px; margin-bottom:0;}
			.blog.exibe .cabecalho time{font-size:18px; color:#33333370;}
			
			.blog.exibe .cabecalho small{font-size:16px; color:#333333;}
				.blog.exibe .cabecalho * *{font-size:1em;}
		
		.blog.exibe .titulo{display:flex; align-items: center;}
		
		.blog.exibe .conteudo{font-size:18px; color:#333333; margin-top:50px;}
			.blog.exibe .conteudo *, .blog.exibe .conteudo * *{font-size:1em; z-index:1;}			
			.blog.exibe .conteudo *:not(.imagem, img){filter:drop-shadow(0 0 5px #ffffff);}
			
			.blog.exibe .conteudo ol, .blog.exibe .conteudo ul{margin-bottom:20px;}
			.blog.exibe .conteudo ol li, .blog.exibe .conteudo ul li{font-size:18px; margin-left:20px;}
			.blog.exibe .conteudo * *{font-size:1em;}
			
			.blog.exibe .conteudo p, h2, h3{margin-bottom:20px;}
			.blog.exibe .conteudo h2{font-size:2em; color:var(--azul-n);}
			.blog.exibe .conteudo h3{font-size:1.5em;}
				
				.blog.exibe .conteudo p:has(a[href*="api.whatsapp.com"]){margin-top:30px; margin-bottom:30px;}
				.blog.exibe .conteudo a[href*="api.whatsapp.com"]:not(.n), .area-conteudo a[href*="api.whatsapp.com"]:not(.n){background:#4DCB5B; color:#ffffff; padding:20px; border-radius:6px; overflow:hidden;}
					.blog.exibe .conteudo a[href*="api.whatsapp.com"]:hover:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff70;}
			
			.blog.exibe .conteudo ul{margin-bottom:20px;}
			
			.blog.exibe .conteudo > div{display:block;}
			.blog.exibe .conteudo .imagem{max-width:50%; min-width:300px; float:left; z-index:0;}
			
			.blog.exibe .video{width:100%; margin-bottom:20px; padding-bottom:40%; display:block;}
				.blog.exibe .video iframe{width:100%; height:100%; position:absolute; left:0; top:0;}
			

.area-conteudo .tecnologias-d{overflow:hidden; width:100%;}

.area-conteudo .tecnologias-d article{display:inline-block; width:calc(25% - 120px); margin-right:80px; margin-left:40px; margin-top:40px;}
	.area-conteudo .tecnologias-d article:hover{cursor:pointer;}
	
	.area-conteudo .tecnologias-d article:last-child{margin-right:0;}

	.area-conteudo .tecnologias-d article .imagem{border:solid 3px var(--cor-a); transform:rotate(45deg); width:100%; background:none; transition:all 0.5s;}
		.area-conteudo .tecnologias-d article:hover .imagem{transform:rotate(360deg);}
		
		.area-conteudo .tecnologias-d article .imagem img{transform:rotate(-45deg); border:solid 3px var(--cor-a); transition:all 0.5s;}
			.area-conteudo .tecnologias-d article:hover .imagem img{transform:rotate(-315deg);}
		
		
	.area-conteudo .tecnologias-d article:nth-child(2) .imagem{border-color:var(--cor-b);}
		.area-conteudo .tecnologias-d article:nth-child(2) .imagem img{border-color:var(--cor-b);}

	.area-conteudo .tecnologias-d article:nth-child(3) .imagem{border-color:var(--cor-c);}
		.area-conteudo .tecnologias-d article:nth-child(3) .imagem img{border-color:var(--cor-c);}
		
	.area-conteudo .tecnologias-d article:nth-child(4) .imagem{border-color:var(--cor-d);}
		.area-conteudo .tecnologias-d article:nth-child(4) .imagem img{border-color:var(--cor-d);}



.area-conteudo .tecnologias-d article h1{font-size:49px; color:#333333; font-family:impact; text-align:center; margin-top:80px;}
	.area-conteudo .tecnologias-d article:hover h1{text-decoration:underline;}


.lista{display:none;}
	.lista li *{font-family:impact; font-size:70px; color:#333333; text-align:center; display:block;}
	
	
	
	

.area-conteudo .servicos{margin-top:100px; padding-left:20px;}

	.area-conteudo  h2{font-size:24px; color:#333333; font-family:impact;}
		.area-conteudo p{font-size:28px;}
			.area-conteudo p *{font-size:inherit;}
			.area-conteudo p:has(a){margin-top:40px; margin-bottom:20px; text-align:center;}
	
		.servicos ul{margin-bottom:40px;}
			.servicos ul li{display:block; margin-left:20px; font-size:18px; color:#333333; list-style: inside;}
				.servicos ul li *{font-size:1em; color:#333333;}


		.servicos div[class*="col-"]{width:50%;}
		
			.servicos div[class*="col-"] .quadrado{border:solid 3px var(--cor-b); width:calc(90% - 6px); transform:rotate(45deg); border-radius:0; position:relative; margin-left:-100px;}
			
			.servicos div[class*="col-"] .quadrado:nth-child(2){border-color:var(--cor-c); margin-top:calc(-100% - 40px);}


.tecnologias article:first-child{margin-top:100px;}
	.tecnologias article .imagem{width:14.58%}






.servicos:not(.area-conteudo .servicos) .base{margin-top:5%;}
	.servicos:not(.area-conteudo .servicos) .itens-menu{width:200px; border-right:solid 1px #89b8e8; padding-right:20px;}
		
		.servicos:not(.area-conteudo .servicos) .itens-menu h2{font-size:24px; font-family:impact; text-align:right;}		
			.servicos:not(.area-conteudo .servicos) .itens-menu h2 *{font-size:1em; color:#333333;}
			.servicos:not(.area-conteudo .servicos) .itens-menu ul li{font-size:18px; color:#333333; text-align:right;}
				.servicos:not(.area-conteudo .servicos) .itens-menu ul li *{font-size:1em; color:#333333; text-decoration:none;}
				
				.servicos:not(.area-conteudo .servicos) .itens-menu ul li a:hover{text-decoration:underline;}
			
			
			
			
		.servicos:not(.area-conteudo .servicos) .portifolio-lista{width:calc(100% - 280px); margin-left:40px; display:inline-block;}

		.servicos:not(.area-conteudo .servicos) .portifolio-lista p{font-size:14px; margin-bottom:40px;}
		
			.servicos:not(.area-conteudo .servicos) .portifolio-lista article{display:inline-block; margin-right:20px; margin-bottom:20px; width:calc(25% - 20px);}
				
			
				.servicos:not(.area-conteudo .servicos) .portifolio-lista article div{width:100%; padding-top:100%; overflow:hidden; border:solid 1px var(--cor-b);}
					.servicos:not(.area-conteudo .servicos) .portifolio-lista article div img{position:absolute; object-fit: cover; left:50%; top:50%; transform:translate(-50%, -50%);}
				

					
			
			.servicos:not(.area-conteudo .servicos) .portifolio-lista h1{font-size:36px; color:#333333; font-family:impact;}
				.servicos h2{font-size:36px; color:#333333; font-family:impact;}



.servicos:not(.area-conteudo .servicos) .itens-select{font-size:24px; padding:10px; float:right; margin-right:20px; display:none;}
	.servicos:not(.area-conteudo .servicos) .itens-select option{font-size:0.8em;}


	


.degrade{background-image: linear-gradient(to top, #f4f4f4, #ffffff 30%);}

			
			
			.capa{margin-top:-102px; overflow:hidden; padding-top:45%; width:100%;}
				.capa img{position:absolute; top:calc(50% - 70px); transform:translateY(-50%);}
				
				.capa::before{content:''; background-image:linear-gradient(to top, #ffffff, #ffffff00 70%); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}

				.slide{transform:translateY(-39%);}
				
.slide .conteudo{background:url(../images/almofadas02.png) no-repeat right bottom; display:none;}
	
	.slide .conteudo:first-child{display:block;}
			
	.slide .conteudo .imagem{width:30%; background:#cccccc; transform:rotate(45deg);}
		.slide .conteudo .imagem div{width:100%; padding-top:100%; overflow:hidden; transform:rotate(-45deg); border:solid 3px #cccccc;}
			.slide .conteudo .imagem div img{object-fit: cover; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
		
	.slide .conteudo .dados{width:calc(60.87% - 100px); margin-left:100px; margin-top:50px;}	
		.slide .conteudo .dados h1{font-family:impact; font-size:71px; margin-bottom:30px;}
		.slide .conteudo .dados p{font-size:30px; color:#333333;}

	.slide .conteudo .orcamento{background:var(--azul-n); width:158px; height:158px; transform:rotate(45deg); position:absolute; right:10%; bottom:10%;}
		.slide .conteudo .orcamento div{font-size:27px; padding:5px; background:var(--azul-n); transform:rotate(-45deg); color:#ffffff; white-space: nowrap; position:absolute; top:20px;}
		
		.slide .conteudo .orcamento:hover{background:var(--azul-h); cursor:pointer;}
			.slide .conteudo .orcamento:hover div{background:var(--azul-h);}
		
		
		
		
		
	.slide .conteudo:nth-child(1) .imagem{background:var(--cor-a);}
		.slide .conteudo:nth-child(1) .imagem div{border-color:var(--cor-a);}
		
	.slide .conteudo:nth-child(1) .dados h1{color:var(--cor-a);}
	
	.slide .conteudo:nth-child(2) .imagem{background:var(--cor-b);}
		.slide .conteudo:nth-child(2) .imagem div{border-color:var(--cor-b);}
		
	.slide .conteudo:nth-child(2) .dados h1{color:var(--cor-b);}
	
	.slide .conteudo:nth-child(3) .imagem{background:var(--cor-c);}
		.slide .conteudo:nth-child(3) .imagem div{border-color:var(--cor-c);}
		
	.slide .conteudo:nth-child(3) .dados h1{color:var(--cor-c);}
	
	.slide .conteudo:nth-child(4) .imagem{background:var(--cor-d);}
		.slide .conteudo:nth-child(4) .imagem div{border-color:var(--cor-d);}
		
	.slide .conteudo:nth-child(4) .dados h1{color:var(--cor-d);}
		
		
		
		
		
		
		
		
	.home .corpo h1{font-size:36px; color:#1062a8; margin-top:60px; margin-bottom:30px;}
	.home .corpo h2{font-size:18px; color:#333333; margin-bottom:30px;}
		.home .corpo h2 *{font-size:1em;}
	
		.home .corpo p{font-size:14px; color:#333333; margin-bottom:30px;}
			.home .corpo p *{font-size:1em;}
		
		.home .corpo ul{margin-bottom:30px;}
			.home .corpo ul li{margin-left:20px; font-size:16px; color:#666666;}
				.home .corpo ul li *{font-size:1em;}
		
		
		.home .fundo{background:var(--azul-n); width:100%; margin-top:-40px;}
			.home .fundo .padding{display:flex;}
			.home .fundo .texto{width:calc(100% - 300px); z-index:1; color:#ffffff90; font-size:45px;}
				.home .fundo .texto *{font-size:1em; color:#ffffff;}
			.home .fundo .imagem{position:absolute; right:0; top:calc(50% - 50px); transform:translateY(-50%); background:none; overflow:hidden;}
				.home .fundo .imagem img{border:none; transform:none; right:-100px;}
			
		
		
		
		
		
.clientes{margin-top:-30px;}
	.clientes .overflow{width:100%;}
	.clientes .overflow ul{
		display:flex;
		flex-wrap:wrap;
	    justify-content:center;
		width:100%;
	}
	
	.clientes .overflow ul li{
		width:calc(20% - 81px);
		padding:40px;
		border:solid 1px #dfdfdf;
		border-top:none;
		margin-right:-1px; margin-bottom:-1px;
		display:flex; align-items:center;
	}
	
		.clientes .overflow ul li img{width:100%; opacity:0.25;}
	
		.clientes .overflow ul li:hover img{opacity:0.5;}
		
		
.rodape{background:var(--azul-e); padding-top:40px; padding-bottom:40px;}





	.rodape-menu{background:#7a7a7a; padding:20px;}
		.rodape-menu ul li{font-size:24px; display:inline-block; margin-right:20px;}

			.rodape-menu ul li a{font-size:1em; color:#ffffff; font-family:impact;}
				.rodape-menu ul li a:hover{text-decoration:underline;}




	
	.rodape .endereco{margin-right:30px;}
		.rodape .endereco .dados{font-size:24px; color:#ffffff; margin-left:20px;}
		
		
		.rodape .telefone .icone{width:75px;}
		.rodape .telefone .dados{font-family:impact; font-size:60px; color:#ffffff; margin-left:20px;}
			.rodape .telefone .dados a{font-size:1em; color:#ffffff;}


	.rodape .news{margin-left:40px;}
		
		.rodape .news .campo h3{display:inline-block; padding:2px 2px 0 2px; color:var(--azul-e); background:#ffffff; font-family:impact; font-size:24px; position:absolute; z-index:1; top:-18px; left:14px;}
		.rodape .news .campo p{font-size:16px; color:#0C6; margin-top:20px;}
			.rodape .news .campo p[class="erro"]{color:#b40000;}
	
		.rodape .news input{background:#ffffff; padding:15px; font-size:18px; outline:none;}
		

		.rodape .news .botao div{padding:15px; font-size:18px;}
		
			.rodape .news .ativo{background:#f58633;}
				.rodape .news .ativo:hover{background:#ffa200;}
		
		
	footer .creditos{background:#333333; padding:10px; font-size:12px; color:#cccccc;}
		footer .creditos a{color:#cccccc; font-size:1em;}
			footer .creditos a:hover{color:#ffffff;}



@media screen and (max-width: 1440px){
	
	.base{width:100%; margin:0;}
	
	.topo .quadriculado{margin-left:-100px;}
	
	.slide .conteudo .orcamento{width:120px; height:120px;}
	
		.slide .conteudo .orcamento div{font-size:20px;}
	
}

@media screen and (max-width: 1340px){
	.area-conteudo .tecnologias-d article h1{font-size:35px;}
}

@media screen and (max-width: 1280px){
	.rodape{text-align:center;}
		.rodape .endereco{text-align:left;}
		.rodape .news{margin-left:0; margin-top:40px; display:block; text-align:center;}
		
	.slide .conteudo .orcamento{width:100px; height:100px; bottom:0;}
		.slide .conteudo .orcamento div{font-size:16px;}
}

@media screen and (max-width: 1260px){
	.area-conteudo div[class*="titulo-b"] .sub{font-size:100px;}
}
@media screen and (max-width: 1180px){
	.area-conteudo .texto p{font-size:0.8em;}
	.area-conteudo .bloco-2 .texto p{margin-right:0;}
	
	.slide .conteudo .dados h1{font-size:60px; margin-bottom:25px;}	
	.slide .conteudo .dados p{font-size:25px;}
	
	
	
	.servicos:not(.area-conteudo .servicos) .portifolio-lista article{width:calc(33.3333333333333333%  - 20px);}
}
	
@media screen and (max-width: 1100px){
	.area-conteudo .tecnologias-d{margin-top:50px;}
	.area-conteudo .tecnologias-d article{width:calc(50% - 180px); margin-right:130px; margin-bottom:100px;}
	
	.slide .conteudo .dados h1{font-size:55px;}
	.slide .conteudo .dados p{font-size:22px;}
	
	
}
	
@media screen and (max-width: 1030px){
	.area-conteudo div[class*="titulo-b"] .sub{font-size:90px;}
}

@media screen and (max-width: 1000px){
	.area-conteudo .texto p{font-size:0.7em;}
	.area-conteudo .bloco-2 .texto p{margin-right:20px;}
}
@media screen and (max-width: 950px){
	.topo .logo{margin-top:100px;}
}
@media screen and (max-width: 920px){
	.area-conteudo div[class*="titulo-b"] .sub{font-size:80px;}
}

@media screen and (max-width: 900px){
	
	.area-conteudo div[class*="titulo"] .sub p{font-size:45px;}
	
	.area-conteudo .imagem:not(.tecnologias-d .imagem){display:none;}
	.area-conteudo .texto{width:calc(100% - 20px); margin-left:0; margin-right:0; margin-left:20px;}
	
	.area-conteudo .texto p{font-size:1em;}
	.area-conteudo .bloco-2 .texto p{margin-right:0;}
	
	.area-conteudo .bloco-2{margin-top:0; margin-bottom:80px;}
	
	
	.servicos div[class*="col-"] .quadrado{margin-top:100px; margin-left:-50px;}
	
	
	.rodape .endereco, .rodape .telefone{margin-bottom:40px;}
	
	.clientes .overflow ul li{width:calc(20% - 42px);}
	
	
	
	.servicos:not(.area-conteudo .servicos) .itens-menu{display:none;}
	.servicos:not(.area-conteudo .servicos) .itens-select{display:block;}
	.servicos:not(.area-conteudo .servicos) .portifolio-lista{width:calc(100% - 40px);}
	
}

@media screen and (max-width: 850px){
	.area-conteudo div[class*="titulo-b"] .sub{font-size:100px; width:100%; margin-left:0; text-align:center;}
	.area-conteudo div[class*="titulo-b"] .cinquenta{display:none;}
	
	.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .sub{font-size:100px;}
	.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .sub p{font-size:35px; margin-top:-10px;}
	
	
	
}

@media screen and (max-width: 800px){
	
	.area-conteudo div[class*="titulo"] .sub p{font-size:45px;}
	
	.busca{display:none;}
	.slide .conteudo .dados{width:90%; margin-left:auto; margin-right:0;}
	
	.slide .conteudo{text-align:center;}

	.slide .conteudo .orcamento{display:block; position:relative; margin-left:50%; margin-top:5%; margin-right:0; right:auto; background:none;}				
			.slide .conteudo .orcamento div{padding:10px; border-radius:12px;}
			
	.clientes .overflow ul li{width:calc(25% - 43px);}
	
}
@media screen and (max-width: 740px){
	.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .faixa p{font-size:30px;}
	.area-conteudo .titulo .faixa .quadrado{width:110px; height:110px;}
}
@media screen and (max-width: 700px){
	.servicos div[class*="col-1"]{display:block; width:100%;}
	.servicos .col-2{display:none;}
}

@media screen and (max-width: 660px){
	
	.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .faixa{display:none;}
	
	.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .sub{font-size:0; display:block; width:100%; margin-left:0;}
		.area-conteudo div[class*="titulo"]:not(.area-conteudo div[class*="titulo-b"]) .sub p{font-size:30px; text-transform:uppercase; text-align:center;}
		
	
	.tecnologias-d .maquinas{display:none;}	
	.tecnologias-d .lista{display:block;}
		
}

@media screen and (max-width: 560px){
	.area-conteudo div[class*="titulo-b"] .sub{font-size:80px;}
}


@media screen and (max-width: 470px){
	
	.topo .logo{margin-left:0; margin-top:0; position:absolute; left:auto; right:20px; top:15px;}
	
	.topo .dados-contato{right:-60px;}
		
		.topo .dados-contato .moldura .ic, .topo .dados-contato .moldura li{width:25px;}
		.topo .dados-contato .moldura div{font-size:20px;}
	
}