@charset "utf-8";
/* CSS Document */
:root {
	--fonte-principal: 					Lato, Helvetica, Arial, sans-serif;
	--fonte-secundaria:					Ubuntu, Arial, sans-serif;
	--tamanho-de-fonte: 				12pt;
	--cor-principal: 					rgba(84, 197, 208, 1);
	--cor-principal-transparente: 		rgba(84, 197, 208, 0.6);
	--cor-principal-transparente2: 		rgba(84, 197, 208, 0.4);
	--cor-principal-transparente3: 		rgba(84, 197, 208, 0.2);
	--cor-secundaria: 					rgba(70, 128, 138, 1);
	--cor-terciaria: 					rgba(210, 222, 224, 1);
	--cor-branca: 						rgba(255, 255, 255, 1);
	--cor-branca-transparente:			rgba(255, 255, 255, 0.6);
	--cor-branca-transparente2:			rgba(255, 255, 255, 0.4);
	--cor-branca-transparente3:			rgba(255, 255, 255, 0.2);
	--cor-preta: 						rgba(35, 31, 32, 1);
	--cor-preta-transparente:			rgba(35, 31, 32, 0.8);
	--cor-preta-transparente2:			rgba(35, 31, 32, 0.6);
	--cor-preta-transparente3:			rgba(35, 31, 32, 0.4);
	--cor-preta-transparente-sombra:	rgba(35, 31, 32, 0.3);
	--cor-preta2: 						rgba(45, 40, 40, 1);
	--cor-cinza: 						rgba(133, 133, 133, 1);
	--cor-cinza2: 						rgba(150, 150, 150, 1);
	--cor-cinza-claro:					rgba(225, 225, 225, 1);
	--cor-cinza-claro2:					rgba(240, 240, 240, 1);
	--cor-cinza-claro3:					rgba(200, 200, 200, 1);
	--espacamento1: 					20px;
	--espacamento2: 					40px;
	--espacamento3: 					50px;
	--borda-redonda: 					8px;
	--cor-sucesso: 						rgba(55,170,65,1);
	--cor-erro: 						rgba(170,30,20,1);
	--cor-alerta: 						rgba(230,180,100,1);
	--tempo-transicao: 					all 1s;
	--animacao-otimizada: 				translateZ(0);
	--animacao-otimizada2: 				preserve-3d;
	--escondido:						hidden;
	--zindex-mestre:					1020;
	--zindex1: 							1010;
	--zindex2: 							1009;
	--zindex3: 							1008;
	--zindex4: 							1007;
	--zindex5: 							1006;
	--zindex6: 							1005;
}

@media (max-width:991px){
	:root {
		--tempo-transicao: 					.4s;
		--animacao-otimizada:				translateZ(0);
	}
}

@-webkit-keyframes fadeIn { 
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}

@keyframes fadeIn {
  0% { opacity: 0; }
  20% { opacity: 0; }
  40% { opacity: 0.3; }
  60% { opacity: 0.5; }
  80% { opacity: 0.9; }
  100% { opacity: 1; }
}