@charset "utf-8";

@import url("https://use.typekit.net/yuq4ybe.css");
/* Roboto */

@import url("https://use.typekit.net/yuq4ybe.css");
/* Neue Haas Grotesk ... "neue-haas-grotesk-display" */

/* Queries */
/* Typical Device Break Point
-----------------------------
Telas Peq: até 600px
Celular: 600 a 768px
Tablet: 769 a 992px
Desktop: 992 a 1200px
Telas gde: acima 1200px
*/

	:root{		--az001:#1298ff;
			--az002:#0f80d6;
			--az003enov:#0c64a8;
			--az004:#094f85;
			--az005:#06375c;

			--cz001:#e3e3e3;
			--cz002enov:#b5b5b5;
			--cz003:#919191;
			--cz004:#696969;
			--cz005:#404040;	
}
		
/* Inicio - Media-Query - 760px - */

@media screen and (min-width: 760px){
	
/* Itens Comuns a todas as páginas - Inicio - */
		
/* Footer */
	
	img.icones{
		
 	
		width: 55px;
		border-radius:50%;
		background-color: var(--az003enov);
	
		}
	
/* Itens Comuns a todas as páginas - Fim - */
	
/* Pg Home - Início - */
	
		.container1{
	
		width: 758px;
		height: auto;
		display: grid;
 		grid-template-columns: 758px;
		grid-template-rows: auto 400px 150px;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		
}
	img.imgpt1{
			width:569px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			margin-right:auto;
			margin-left: auto;
			padding-left: 95px;
			object-fit: contain;
			justify-content: space-around;
}
	.parte2{
			
			padding-left: 8%;
			padding-right: 8%;
			grid-column: 1;
			grid-row: 1;
			/*background-color: rgba(20,117,208,0.3);*/

}
	.parte3{
			grid-column: 1;
			grid-row: 3;

}
	.container2{
		
		width: 758px;
		height: auto;
		display: grid;
		grid-template-columns: 758px;
		grid-template-rows: 50px 400px 150px;
		margin-right:auto;
		margin-left: auto;
		padding: 0px;
		justify-content: space-around;
}
	.parte4{
			grid-column: 1;
			grid-row: 1;

}
	.parte5{
			grid-column: 1;
			grid-row: 3;
			/*padding-top: 25px;*/
}
	img.imgpt5{
			width:569px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			margin-right:auto;
			margin-left: auto;
			padding-left: 95px;
			object-fit: contain;
			justify-content: space-around;
		}
	.h2pt2{
		text-align: left;
	}
	.container3{
	
		width: 758px;
		height: auto;
		display: grid;
		grid-template-columns: 758px;
		grid-template-rows: 50px 400px auto;
	margin-right:auto;
	margin-left: auto;
		padding: 0px;
		justify-content: space-around;
}
	.parte6{grid-column: 1;
			grid-row: 1;
			}
	img.imgpt6{
			width:569px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			object-fit: contain;
			padding-left: 95px;
}
	.parte7{grid-column: 1;
			grid-row: 3;
			padding-top: 25px;
}
		
/* Pg Home - Fim - */
	
/* Pg Sobre - Início - */
	
	p.psobre{
		padding-bottom: 40px;
		}
	.container-miviva{
	
		width: 992px;
		height: auto;
		display: grid;
 		grid-template-columns: repeat(3, 300px);
		grid-template-rows: 50px 150px auto;
  		gap: 16px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 100px;
		margin-left: auto;
		justify-content: space-around;
		border: 2px solid var(--az002);
		border-radius: 15px;
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.3)
}	
	.mi01{
			grid-column: 1;
			grid-row: 1;
			padding-left: 0px;

}
	.mi02{
			grid-column: 1;
			grid-row: 2;		
			padding-left: 75px;

}
	.mi03{
			grid-column: 1;
			grid-row: 3;
			background-color: var(--cz001);
			margin-bottom: 10px;
			padding: 15px;
			border-radius:10px;
}	
	.vi01{
			grid-column: 2;
			grid-row: 1;
			padding-left: 0px;

}
	.vi02{
			grid-column: 2;
			grid-row: 2;
			padding-left: 75px;

}
	.vi03{
			grid-column: 2;
			grid-row: 3;
			background-color: var(--cz001);
			margin-bottom: 10px;
			padding:15px;
			border-radius:10px;
}	
	.va01{
			grid-column: 3;
			grid-row: 1;
			padding-left: 0px;

}
	.va02{
			grid-column: 3;
			grid-row: 2;
			padding-left: 75px;

}
	.va03{
			grid-column: 3;
			grid-row: 3;
			background-color: var(--cz001);
			margin-bottom: 10px;
			padding:15px;
			border-radius:10px;
}	

/* Pg Sobre - Fim - */

/* Pg Serviços - Início - */
	
	.container-servicos{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-servicos2{
		width: 800px;
		height: auto;
		display: grid;
 		grid-template-columns: 374px 374px;
		grid-template-rows: 70px 260px 200px;
		/*background-color: rgba(139,21,208,0.3);*/
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		
		}
	.ptserv01{
		grid-column: 1;
		grid-row: 1;
		text-align: center;
		}
	img.imgptserv02{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptserv03{
		grid-column: 1;
		grid-row: 3;		
		}
	.ptserv04{
		grid-column: 2;
		grid-row: 1;
		text-align: center;
		}
	img.imgptserv05{
		width: 375px;
		height: auto;
		grid-column: 2;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptserv06{
		grid-column: 2;
		grid-row: 3;		
		}
	
/* Pg Serviços - Fim - */
	
/* Pg Empresas - Início - */

	.container-empresas{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-empresas2{
		width: 760px;
		height: auto;
		display: grid;
		grid-template-columns: 540px;
		grid-template-rows: auto auto;
		margin-right:auto;
		margin-left: auto;
		padding: 0px 8vw 40px 7vw;
		justify-content: space-around;
		}
	.imgemp1{
		width: auto;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptemp2{
		width: auto;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.imgemp2{
		width: auto;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptemp4{
		width: auto;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	p.pempresas{
		padding-bottom: 33px;
		}
	
/* Pg Empresas - Fim - */
	
/* Pg Voce - Inicio - */
	
	.container-voce{
		padding-right: 8vw;
		padding-left: 8vw;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
}
	.container-voce2{
		width: 760px;
		height: auto;
		display: grid;
		grid-template-columns: 540px;
		grid-template-rows: auto auto;
		margin-right:auto;
		margin-left: auto;
		padding: 0px 0px 20px 0px;
		justify-content: space-around;
		}
	.ptvoce2{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.imgvoce2{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptvoce4{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.imgvoce3{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	
/* Pg Voce - Fim - */	
	
/* Pg materiais - inicio - */
	
	.container-materiais2{
		display: grid;
 		grid-template-columns: 540px;
		grid-template-rows: 400px auto;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;}
	.imgmateriais{
		width: auto;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		}
	.paramateriais{
		grid-column: 1;
		grid-row: 2;		
		}

/* Pg materiais - Fim - */
		
/* Pg contatos - Ininio - */

	.container-contatos01{
		display: grid;
 		grid-template-columns: 540px;
		grid-template-rows: auto auto;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		}
	.contato-part01{
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		grid-column: 1;
		grid-row:1;
		}	
	.contato-part02{
		align-content: center;
		grid-column: 1;
		grid-row:2;
		}
	
/* Pg contatos - Fim - */	

/* Fim - Media-Query - 760px - */
	
}

/* Inicio - Media-Query - 1080px - */	

@media screen and (min-width: 1080px){
		
/* Itens Comuns a todas as páginas - Inicio - */
	
	body{
		width: 100vw;
		overflow-x: hidden;
	}	
	
/* Menu de Navegação */
	
	nav.containermenu{
		background-color: var(--az003enov);
		height: 60px;
		width: 101vw;
		
		display:grid;
		grid-template-columns:250px auto auto 35px;
		grid-template-rows: 60px;
		gap:10px;
		margin-top: 60px;
		margin-left: -10px;
		}
	img.logo{
		grid-row:1;
		grid-column: 1;
		background-color:var(--az003enov);
		z-index:999;
		width: 450px;
		height: 20px;
		padding-top: 20px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-top: auto;
		margin-right: auto;
		margin-bottom: auto;
		margin-left: auto;
		justify-content: space-around;
		}	
	span#burger{
		display: none;
		width: 50px
		
	}
	ul.menux{
		display: block !important;
		text-align: right;
		list-style: none;
		grid-column-start: 3;
		width: auto;
		height: 18px;
		padding-top: 18px;
		padding-right: 24px;
		padding-bottom: 15px;
		padding-left: 0px;
		margin-top: 0;
		margin-bottom: 0;
		
		}
	ul li{
		display:inline-block;
		padding: 0 80px 0px 0px;
		}
	ul li ul.serv li{
		
		display: block;
		padding: 7px 8px;
		margin-top: -10px;
		}
	ul li a:hover{}
	ul li:hover ul.serv{
	text-align: left;
	display: block;
	
	padding:10px 0 0 3px;
	margin-top: 0px;
	margin-left: -5px;
	width:180px;
}
	
/* Footer */
	footer{
		width: 100vw;
		}
	
	
	img.icones{
		
 	
		width: 62px;
		border-radius:50%;
		background-color: var(--az003enov);
	
		}
	
/* Itens Comuns a todas as páginas - Fim - */
	
/* Pg Home - Início - */	
			
	.container1{
		background-image: url("../image/home_01_1900x1267.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 101vw;		
		display: grid;
 		grid-template-columns: 35% 30% 35%;
		grid-template-rows: repeat(8, 135px);
  		margin-top: -135px;
		margin-left: -10px;
		justify-content:flex-start;
		}
	img.imgpt1{
		
		display:none;
		
	}
	.h1branco{
		font-size: 48px;
		color: var(--cz001);
		margin-top: 0;
		font-weight: bold;
		}
	.parte2{
		padding-top: 15px;
		padding-left: 5vw;
		grid-column: 1/2;
		grid-row: 4/7;
		}
	.h2pt2{
		font-size: 32px;
		color: var(--cz001);
		margin-top: 0;
		}
	.parte3{
		padding-right: 150px;
		grid-column: 3/3;
		grid-row: 5/8;
		
}
	.ppt3{	
		font-size: 22px;
		color: var(--cz001);
		margin-top: 0;
		font-weight: bold;
		}
	.container2{
		
		width: 1080px;
		height: auto;
		display: grid;
		grid-template-columns: 569px auto;
		grid-template-rows: 60px 150px 240px;
		margin-right:auto;
		margin-left: auto;
		padding: 100px 8vw 40px 7vw;
		justify-content: space-around;
}
	.parte4{
			grid-column: 2;
			grid-row: 1;
			padding-left: 1vw;
			padding-right: 1vw;
}
	.parte5{
			grid-column: 2;
			grid-row: 2/3;
			padding-top: 0px;
			padding-left: 1vw;
			padding-right: 1vw;
}
	img.imgpt5{
			width:540px;
			height: auto;
			grid-column: 1;
			grid-row: 1/3;
			object-fit: contain;
			padding-left: 0px;
}
	.container3{
	
		width: 1080px;
		height: auto;
		display: grid;
		grid-template-columns: auto 510px;
		grid-template-rows: 60px 150px 240px;
		margin-right:auto;
		margin-left: auto;
		padding: 0px 8vw 90px 7vw;
		justify-content: space-around;
}
	.parte6{
		grid-column: 1;
		grid-row: 1;
		padding-left: 0;
		padding-right: 30;
		
		
}
	img.imgpt6{
		width:510px;
		height: auto;
		grid-column: 2;
		grid-row: 1/3;
		object-fit:cover;
		padding-left: 0px;
	}
	.parte7{
		
		grid-column: 1;
		grid-row: 2/3;
		padding-top: 0px;
		padding-left: 0px;
		padding-right: 30px;
		
		
}
	
/* Pg Home - Fim - */
	
/* Pg Sobre - Início - */	
	
	p.psobre{
		padding-bottom: 30px;
		}
	.container-miviva{
	
		width: 992px;
		height: auto;
		display: grid;
 		grid-template-columns: repeat(3, 300px);
		grid-template-rows: 50px 150px auto;
  		gap: 16px;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 100px;
		margin-left: auto;
		justify-content: space-around;
		border: 2px solid var(--az002);
		border-radius: 15px;
		box-shadow: 4px 4px 11px 0px rgba(0,0,0,0.3)
}	
	.mi01{
		grid-column: 1;
		grid-row: 1;
		padding-left: 0px;
		
	}
	.mi02{
		grid-column: 1;
		grid-row: 2;		
		padding-left: 75px;
	
	}
	.mi03{
		grid-column: 1;
		grid-row: 3;
		background-color: var(--cz001);
		margin-bottom: 10px;
		padding: 15px;
		border-radius:10px;
	}	
	.vi01{
		grid-column: 2;
		grid-row: 1;
		padding-left: 0px;
	
	}
	.vi02{
		grid-column: 2;
		grid-row: 2;
		padding-left: 75px;
	
	}
	.vi03{
		grid-column: 2;
		grid-row: 3;
		background-color: var(--cz001);
		margin-bottom: 10px;
		padding:15px;
		border-radius:10px;
	}	
	.va01{
		grid-column: 3;
		grid-row: 1;
		padding-left: 0px;
	
	}
	.va02{
		grid-column: 3;
		grid-row: 2;
		padding-left: 75px;
	
	}
	.va03{
		grid-column: 3;
		grid-row: 3;
		background-color: var(--cz001);
		margin-bottom: 10px;
		padding:15px;
		border-radius:10px;
	}	

/* Pg Sobre - Fim - */

/* Pg Serviços - Início - */
	
	.container-servicos{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-servicos2{
		width: 1200px;
		height: auto;
		display: grid;
 		grid-template-columns: 500px 500px;
		grid-template-rows: 70px 350px 150px;
		/*background-color: rgba(139,21,208,0.3);*/
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		
		}
	.ptserv01{
		grid-column: 1;
		grid-row: 1;
		text-align: center;
		}
	img.imgptserv02{
		width: 500px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptserv03{
		grid-column: 1;
		grid-row: 3;		
		}
	.ptserv04{
		grid-column: 2;
		grid-row: 1;
		text-align: center;
		}
	img.imgptserv05{
		width: 500px;
		height: auto;
		grid-column: 2;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptserv06{
		grid-column: 2;
		grid-row: 3;		
		}

/* Pg Serviços - Fim - */
	
/* Pg Empresas - Início - */

	.container-empresas{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-empresas2{
		width: 1040px;
		height: auto;
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto;
		margin-top: 50px;
		margin-right:auto;
		margin-left: auto;
		padding: 0px 8vw 140px 0px;
		justify-content: space-around;
		}
	.imgemp1{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptemp2{
		width: 540px;
		height: auto;
		grid-column: 2;
		grid-row: 1;
		object-fit: contain;
		padding-left: 30px;
		}
	.imgemp2{
		width: 540px;
		height: auto;
		grid-column: 2;
		grid-row: 1;
		object-fit: contain;
		padding-left: 30px;
		}	
	.ptemp4{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	p.pempresas{
		padding-bottom: 33px;
		}

/* Pg Empresas - Fim - */	
	
/* Pg Voce - Inicio - */
	
	.container-voce{
	padding-right: 8vw;
	padding-left: 8vw;
}
	.container-voce2{
	width: 1040px;
	height: auto;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto;
	margin-top: 50px;
	margin-right:auto;
	margin-left: auto;
	padding: 0px 8vw 140px 0px;
	justify-content: space-around;
}
	.ptvoce2{
	width: 540px;
	height: auto;
	grid-column: 1;
	grid-row: 1;
	object-fit: contain;
	padding-left: 0px;
	}
	.imgvoce2{
	width: 540px;
	height: auto;
	grid-column: 2;
	grid-row: 1;
	object-fit: contain;
	padding-left: 30px;
	}
	.ptvoce4{
	width: 540px;
	height: auto;
	grid-column: 2;
	grid-row: 1;
	object-fit: contain;
	padding-left: 30px;
	}
	.imgvoce3{
	width: 540px;
	height: auto;
	grid-column: 1;
	grid-row: 1;
	object-fit: contain;
	padding-left: 0px;
	}
	
/* Pg Voce - Fim - */
	
/* Pg materiais - inicio - */
	
	.container-materiais2{
		display: grid;
 		grid-template-columns: 560px auto;
		grid-template-rows: auto;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;}
	.imgmateriais{
		width: 540px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		}
	.paramateriais{
		grid-column: 2;
		grid-row: 1;		
		}
	
/* Pg materiais - Fim - */
	
/* Pg contatos - Ininio - */
	
	.container-contatos01{
		width: 1040px;
		display: grid;
 		grid-template-columns: 63px 962px;
		grid-template-rows: auto;
		column-gap: 15px;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		}		
	.contato-part01{
		margin-right:20px;
		margin-left: 0px;
		grid-column: 1;
		grid-row:1;
		}	
	.contato-part02{
		margin-right:auto;
		margin-left: 0px;
		text-align: left;
		grid-column: 2;
		grid-row:1;
		}
	
/* Pg contatos - Fim - */	

		/* Fim - Media-Query - 1080px - */
	
}