@charset "utf-8";

/* Fontes Adicionais */

/* CSS Document */
:root {
	--fonte-principal: 					"Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	--fonte-secundaria:					"Helvetica Neue", "Helvetica", "Arial", "sans-serif";
	--tamanho-de-fonte: 				12pt;
	--cor-principal: 					rgba(9, 51, 90, 1);
	--cor-principal-transparente: 		rgba(9, 51, 90, 0.6);
	--cor-principal-transparente2: 		rgba(9, 51, 90, 0.4);
	--cor-principal-transparente3: 		rgba(9, 51, 90, 0.2);
	--cor-secundaria: 					rgba(245, 130, 32, 1);
	--cor-terciaria: 					rgba(167, 80, 6, 1);
    --cor-quarta: 					    rgba(18, 87, 151, 1);
	--cor-branca: 						rgba(255, 255, 255, 1);
	--cor-branca-transparente:			rgba(255, 255, 255, 0.8);
    --cor-branca-transparente2:			rgba(255, 255, 255, 0.6);
	--cor-preta: 						rgba(18, 17, 15, 1);
	--cor-preta-transparente:			rgba(18, 17, 15, 0.9);
	--cor-preta-transparente-sombra:	rgba(18, 17, 15, 0.3);
	--cor-preta2: 						rgba(33, 33, 33, 1);
	--cor-cinza: 						rgba(59, 59, 59, 1);
	--cor-cinza2: 						rgba(88, 89, 91, 1);
	--cor-cinza3: 						rgba(125, 125, 125, 1);
	--cor-cinza-claro:					rgba(180, 180, 180, 1);
	--cor-cinza-claro2:					rgba(225, 225, 225, 1);
	--cor-cinza-claro3:					rgba(210, 210, 210, 1);
	--cor-cinza-claro4:					rgba(244, 244, 244, 1);
    --espacamento1: 					10px;
	--espacamento2: 					20px;
	--espacamento3: 					30px;
	--espacamento4: 					40px;
	--espacamento5: 					50px;
	--espacamento6: 					60px;
	--espacamento7: 					70px;
	--espacamento8: 					80px;
	--espacamento9: 					90px;
	--espacamento10: 					100px;
    
	--borda-redonda: 					8px;
	--cor-sucesso: 						rgba(55,170,65,1);
	--cor-erro: 						rgba(170,30,20,1);
	--cor-erro-transparente:			rgba(170,30,20,0.2);
	--tempo-transicao: 					all 1s;
	--tempo-transicao-rapido:		    all 0.1s;
	--animacao-otimizada: 				translateZ(0);
	--animacao-otimizada2: 				preserve-3d;
	--escondido:						hidden;
	--zindex1: 							1010;
	--zindex2: 							1009;
	--zindex3: 							1008;
	--zindex4: 							1007;
	--zindex5: 							1006;
	--zindex6: 							1005;
	
	--zindex-inicial-1:					1;
	--zindex-inicial-2: 				2;
	--zindex-inicial-3: 				3;
	--zindex-inicial-4: 				4;
	--zindex-inicial-5: 				5;
	--zindex-inicial-6: 				6;
}

@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; }
}