@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" */


/* Estilo Geral - */

/* Itens Comuns a todas as páginas - Inicio - */

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

			--cz001:#e3e3e3;
			--cz002enov:#b5b5b5;
			--cz003:#919191;
			--cz004:#696969;
			--cz005:#404040;	
}
	body{
	
	overflow-x: hidden;
} /* Remove a barra de rolagem da horizontal*/
	
	
/* Menu de Navegação */

	nav.containermenu{
		position: -webkit-sticky;
 		position: sticky;
		top:0;
		background-color:var(--az003enov);
		width: 50vw;
		
		display:grid;
		grid-template-rows: 40px 40px auto ;
		
		gap:10px;
}
	img.logo{
			background-color:var(--az003enov);
			width: 40vw;
			resize: both;

			padding: 15px 9%;


}
	ul.menux{
			display:none;
			background-color:var(--az003enov);
			text-align: center;
			list-style: none;

			width: 49vw;
			padding-left: 0px;
			margin-top: 0px;
}
	ul li a{
			display: block;
			text-decoration: none;				
}
	ul li ul.serv{
		width: 100%;
		position:absolute;
		list-style: none;
		z-index:998;
		display: none;
		box-shadow: 8px 8px 13px 0px rgba(0,0,0,0.2);
		border-radius: 10px;
}
	ul li:hover ul.serv{
		text-align: left;
		display: inline-block;

		padding:8px 10px 8px 8px;
		margin-top: -20px;
		margin-left: 50px;
		width:180px;
		background-color:var(--az003enov);
}
	span#burger{
		text-align: center;
		width: 49vw;
		display: block;
		color:var(--az001);
		padding-left: 0;
		margin-top: 10px;
		cursor:pointer;
}

/* Footer */
	footer{
		width: 70vw;		
		}
	

	section#informacoes-gerais {
		width: 85vw;
		background: var(--az003enov);
		height: 300px;		
		margin-top: 20px;
		margin-left:-10px;
		padding: 20px 8%;
		align-content: center;	
		}
	img.icones{


			width: 45px;
			border-radius:50%;
			background-color: var(--az003enov);

}
	section#redes-sociais {
			position: fixed;
			bottom:50vh;
			right: 10px;
			box-sizing:content-box;


}
	section#redes-sociais img:hover{

			box-shadow: 4px 0px 4px  rgba(0,0,0,0.3);
			transform: translate(-4px, 0);
			transition: transform .2s;

}

/* Itens Comuns a todas as páginas - Fim - */

/* Pg Home - Início - */

	.container1{
	
		width: 375px;
		height: auto;
		display: grid;
 		grid-template-columns: 374px;
		grid-template-rows: 330px 290px 150px;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
		
}
	img.imgpt1{
			width:375px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			object-fit: contain;
}
	.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: 375px;
		height: auto;
		display: grid;
		grid-template-columns: 374px;
		grid-template-rows: 84px 285px 180px;
	margin-right:auto;
	margin-left: auto;
		padding: 100px 8vw 40px 7vw;
		justify-content: space-around;
}
	.parte4{
			grid-column: 1;
			grid-row: 1;

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

}
	img.imgpt5{
			width:375px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			object-fit: contain;
	}
	.container3{
	
		width: 375px;
		height: auto;
		display: grid;
		grid-template-columns: 374px;
		grid-template-rows: 84px 285px auto;
	margin-right:auto;
	margin-left: auto;
		padding: 0px 8vw 40px 7vw;
		justify-content: space-around;
}
	.parte6{grid-column: 1;
			grid-row: 1;
}
	img.imgpt6{
			width:375px;
			height: auto;
			grid-column: 1;
			grid-row: 2;
			object-fit: contain;
}
	.parte7{grid-column: 1;
			grid-row: 3;
}

/* Pg Home - Fim - */

/* Pg Sobre - Início - */

	.centro{
		margin:auto;
		width: 387px;
	}
	.container-sobre{
		padding-right: 8vw;
		padding-left: 8vw;
		padding-bottom: 33px;
		}
	p.psobre{
		padding-bottom: 30px;
		}
	.container-miviva{
	
		width: 375px;
		height: auto;
		display: grid;
 		grid-template-columns: 374px;
		grid-template-rows: 50px 150px auto 50px 150px auto 50px 150px auto;
  		gap: 16px;
		margin-top: 10px;
		margin-right: auto;
		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-row: 1;
			padding-left: 0px;

}
	.mi02{
			grid-row: 2;		
			padding-left: 112px;

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

}
	.vi02{
			grid-row: 5;
			padding-left: 112px;

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

}
	.va02{
			grid-row: 8;
			padding-left: 112px;

		}
	.va03{
			grid-row: 9;
			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: 375px;
		height: auto;
		display: grid;
 		grid-template-columns: 374px;
		grid-template-rows: 70px 260px 200px 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: 1;
		grid-row: 4;
		text-align: center;
		}
	img.imgptserv05{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 5;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptserv06{
		grid-column: 1;
		grid-row: 6;		
		}

/* Pg Serviços - Fim - */

/* Pg Empresas - Início - */

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

/* Pg Empresas - Fim - */

/* Pg Voce - Início - */
	
	.container-voce{
		padding-right: 8vw;
		padding-left: 8vw;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;
}
	.container-voce2{
		width: 375px;
		height: auto;
		display: grid;
		grid-template-columns: 374px;
		grid-template-rows: auto auto;
		margin-right:auto;
		margin-left: auto;
		padding: 0px 0px 20px 0px;
		justify-content: space-around;
		}
	.ptvoce2{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.imgvoce2{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	.ptvoce4{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 2;
		object-fit: contain;
		padding-left: 0px;
		}
	.imgvoce3{
		width: 375px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		padding-left: 0px;
		}
	
/* Pg Voce - Fim - */	

/* Pg materiais - Início - */

	.container-materiais{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-materiais2{
		display: grid;
 		grid-template-columns: 374px;
		grid-template-rows: 280px auto;
		margin-right:auto;
		margin-left: auto;
		justify-content: space-around;}
	.imgmateriais{
		width: 374px;
		height: auto;
		grid-column: 1;
		grid-row: 1;
		object-fit: contain;
		}
	.paramateriais{
		grid-column: 1;
		grid-row: 2;		
		}
		
/* Pg materiais - Fim - */

/* Pg contatos - Início - */

	.container-contatos{
		padding-right: 8vw;
		padding-left: 8vw;
		}
	.container-contatos01{
		display: grid;
 		grid-template-columns: 374px;
		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 - */

/* Pg termos - Início - */

	.container-termos{
		padding-right: 8vw;
		padding-left: 8vw;
		}
/* Pg termos - Fim - */

/* Pg politica - Início - */

	.container-politica{
		padding-right: 8vw;
		padding-left: 8vw;
		}

/* Pg politica - Fim - */