@charset "UTF-8";
@font-face {
    font-family: 'Firme-Book';
    src: url("font/Firme-Book.otf");
}
@font-face {
    font-family: 'Amatic SC', cursive;
    src: url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap");
}
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
/*scrollbar width */
::-webkit-scrollbar {
	width: 10px;
}

/*scrollbar Track */
::-webkit-scrollbar-track {
  background: #ffffff; 
  /*background: #eef4ff;*/
}
/* scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #484f54; 
height: 50px;
}

/* scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #32373b; 
}
/* Estilos de Texto */
	*{
	margin: 0px;
	padding: 0px;
	/*border: 1px solid yellow;*/
	}
.fundo_1 body{
	display: block;
	/*position: relative;*//*novo comentei*/
	box-sizing: border-box;
	font-family: 'Merriweather', 'Firme-Book';
	}
.header{
	font-family: 'Merriweather', serif;
	width: 100vw;
	position: absolute;
	text-align: center;
    overflow: hidden;/*novo*/
	}

.nav{
	display: block; /*novo*/
	position: fixed;
    overflow: hidden;
	width: 100vw;
	height: 50px;
	z-index: 100;
	color: #ffffff;
    overflow: hidden;/*novo*/
	}
/*BARRA SUSPENSA COM CAPITULOS*/
 
#navbar_capitulos{
	position: fixed;
 	top: -50px;
 	width: 40%;
	display: none;/*novo block*/
	transition: top 0.3s;
	z-index: 101;
	text-transform: uppercase;
	margin-left: 0;
	margin-right: 0;
    overflow: hidden;/*novo*/
}

#navbar_capitulos a {
	display:none; /*novo*/
	font-family:'Firme-Book', sans-serif;
	font-size: 0.85em;
	letter-spacing: 0.05em;
	float: left;
	display: block;
	text-align: center;
	height: 50px;
	width: 25%;
	padding-top: 10px;
	padding-bottom: auto;
	text-decoration: none;
	color: #f8fbff;
}

#navbar_capitulos a:hover {
	display:none; /*novo*/
	color: black;
	transition: 0.3s;
	}
.cap_1 a:hover {background-color: #35c4b5;}
.cap_2 a:hover {background-color: #ffd176;}
.cap_3 a:hover {background-color: #ff9373;}
.cap_4 a:hover {background-color: #d6e9f8;}

.cap_1 a {border-bottom: 5px solid #00848e;}
.cap_2 a {border-bottom: 5px solid #a57e37;}
.cap_3 a {border-bottom: 5px solid #af503a;}
.cap_4 a {border-bottom: 5px solid #8bbbff;}

.cap_1 a:visited {border-bottom: 5px solid #00848e;}
.cap_2 a:visited {border-bottom: 5px solid #a57e37;}
.cap_3 a:visited {border-bottom: 5px solid #af503a;}
.cap_4 a:visited {border-bottom: 5px solid #8bbbff;}

/*BARRA SUSPENSA COM CAPITULOS PARA MOBILE*/
 
#navbar_capitulos_mobile img {
	display: block; /*novo*/
	width: 40px;}
#navbar_capitulos_mobile{
	display: block;
	position: fixed;
 	top: 0px; /*novo 0*/
 	width: 100vw;
	transition: top 0.3s;
	z-index: 101;
	margin-left: 0;
}

#navbar_capitulos_mobile a {
	display: block; /*novo*/
	float: left;
	text-align: center;
	height: 50px;
	width: 25vw;
	padding-top: 2.5px;
	text-decoration: none;
	color: #f8fbff;
}

#navbar_capitulos_mobile a:hover {
	display: block; /*novo*/
	transition: 0.3s;
	}
.box{
	position: relative;
	display: inline-block;
	top: 50px;
	float: left;
	margin: 0 auto;
	width: 50vw;/*novo 25vw*/
	border: none;
	height: 25vw; /*45vh*/
	min-height: 200px; /*novo 200px*/
	overflow: hidden;
	cursor: pointer;
}
header h4{/*novo #titulo_geral*/
	width: 70vw;/*novo*/
	font-style: normal;
	font-family:'Firme-Book', sans-serif;
	font-size: 1.5em;
	line-height: 1.3em; /*novo*/
	padding-top: 40px; /*novo*/
}
#titulo_geral{
	position: relative;
	display: block;
	height: auto;/*novo 90vh*/
	width: 80vw;/*novo 1700px*/
	top: 5vhpx; /*novo 5vh*/
	overflow: hidden;
	margin: auto;
	padding:  20px;
	z-index: -1;
}
.container_antetitulo{/*copia*/
	position: relative;
	display: inline-block;
	width: 100%;
	top:40px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px 10px 3px 10px;
	font-family:'Firme-Book', sans-serif;
	font-size: 0.8em;/*novo era 0.85*/
	letter-spacing: 0.7em;
	text-transform: uppercase;
	text-align: center;
}

header span{/*novo*/
	letter-spacing: 0.5em;
	padding: 0px 20px;/*novo*/ 
}
main span{
	font-size: 0.75em;/*novo era 0.85*/
	padding: 5px 8px 5px 20px;
	font-family:'Firme-Book', sans-serif;
	letter-spacing: 0.7em;
	text-transform: uppercase;
	text-align: center;
	} 

.container_titulo{
	display: block; /*novo*/
	position: relative;/*novo*/
	margin: 30px auto 40px auto;
	top:20px;
	height: auto;
	width: 100%
}
.main{
	position: relative;
	display: block;
	top: 1000px;/*75vh*/
	margin: 0 0; /*novo 0 10px*/
	text-align: center;
	font-family: 'Merriweather';
	padding: 0 5vw 10vh 5vw;/*novo padding: 0 30vw 10vh 30vw;*/
	width: 100vw;/*novo 100%*/
	}
.strong{
	padding: 2px 6px 1px 6px;
	color: #ffffff;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	font-size: 0.83em;
	content: "\00A0";
	}
#vacina strong{
	background-color: #35c4b5;
	}
#imunidade strong{
	background-color: #ffd176;
	}
#producao strong{
	background-color: #ff9373;
	}
#calendario strong{
	background-color: #519bf4;
	}
#Vacina_Portugal{/*novo*/
	padding-top: 100px;
	width: 90vw; /*novo 100vw*/
	overflow: hidden;
	}
#perguntas_e_respostas_container h3{
	text-align: left;
	}
#perguntas_e_respostas_container{
	padding-top: 100px;
	width: 90vw; /*novo 100vw*/
	overflow: hidden;
	}
#menu_principal{
	z-index: 90;}
.footer{
	display: block;
	position: relative;
	/*border-top: 1px solid #484f54;*/
	z-index: 50;
	/*overflow:hidden;*/
}
.assinatura_flaticon{
	font-family: 'Firme-Book', sans-serif;
	text-align: center;
	font-size: 0.85em;
	text-transform: uppercase;
	padding: 40px 0px 40px 0px;
}

a, a:visited{
	color: inherit;
	text-decoration: none;
    }
a:hover {
    opacity: 1;
	}
.p{
	font-size: 0.9em;/*novo 1em*/
	line-height: 1.7em;
	}
.texto_1{
	font-size: 1.1em;
	padding: 20px 0px 10px 0px;/*novo 20px 0 10px 0*/
	background-color: none;
	text-align: left;
}
.texto_2{
	margin: auto auto; /*novo 40px auto*/
	padding: 30px 10px 10px 10px; /*30px 20px 20px 20px;*/
	background-color: white;
	opacity: 0.8;
}
.legenda_01_01{
	margin-left: 0;/*novo auto*/
	margin-top: 0;
	margin-bottom: 0;
	height: auto;
	padding: 10px 20px; /*novo 20px*/
	bottom: 0;
	/*width: 100%;*/
	font-size: 1.3em;
	line-height: 1.5em;
	background-color: white;
	font-family:'Firme-Book', sans-serif;
	opacity: 1;
	}
.caixas_altas{text-transform: uppercase}
.h1{
	text-align: center;
	font-size: 3.8em;
	line-height: 0.8em;
	font-weight:400;
	font-family:'Firme-Book', sans-serif;
}
.h2{
	font-family:'Firme-Book', sans-serif;
	}
li h2{
	position: absolute;
	display: inline-block;
	font-weight: 600; /*novo*/
	width: 100%;
	bottom: 0px;/*novo 2vh*/
	text-align: center;
	font-family:'Firme-Book', sans-serif;
	font-size: 0.85em; /*novo 1em*/
	letter-spacing: 0.35em; /*novo* 0.7em*/
	text-transform: uppercase;
	padding: 5px;/*novo 5px 8px 5px 20px*/
	z-index: 99;
	}

.h3{
	font-family:'Firme-Book', sans-serif;
	font-size: 1.7em;/*novo 1.8em*/
	line-height: 1.1em;
	text-align: center;
	padding: 10px 0 10px 0;
	margin-top: 26px;
	text-transform: uppercase;
	}
.capitular{
	display: block;
	font-family:'Firme-Book', sans-serif;
	text-align: center;
	text-transform: uppercase;
	line-height: 1em;
	padding-bottom: 50px;
	font-size: 2.2em;
	letter-spacing: 0.05em;
}
/* Containers */
.float{
	float: left;
}
#vacina{
	padding-top: 80px;
}
#imunidade{
	padding-top: 50px;
	margin-top: 300px;
	position: relative;
	display: block;
	overflow: hidden;
}
#producao{
	padding-top: 50px;
	margin-top: 150px;
}
#calendario{
	padding-top: 50px;
	margin-top: 150px;
}
/* SVG/icones/img*/
.triangulo{
	stroke: none;
	stroke-width: 0;
	fill: rgba(0,0,0,0.15)
}
.icones_capa{
	position: absolute;
	top: 30px;/*novo 8vh*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
.icones_capa img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 20vw; /*novo 60%*/
	height: auto;
	animation: icones_capa 5s infinite;
}
/* Explicadores*/
#menu_explicadores{
  	position: -webkit-sticky;
  	position: sticky;
 	top: 50px;
	height: auto;
	width: 100%;
	margin: 0 0 0px 0;
	padding: 20px 0px;
	background-color: #f8fbff;
	z-index: 99;
	border-bottom: 2px dashed #484f54;
}
.icones_texto{
	display: block;
	margin: 0 auto;
	width: 180px;
	height: auto;
	padding: 10px 0px;
	opacity: 1;
}
.contentor_parallax_explicador{
	width: 100%;
	height: auto; 
	position:relative;
	margin-top: 0px;
	}
.caption{
	position: sticky;
	background-color: #00848e;
	color: white;
	text-transform: uppercase;
	padding: 2px 10px;
	letter-spacing: 0.4em;
	opacity: 0.8;
	margin-bottom: -90px;
	}
.imagem_01_01, .imagem_01_02, .imagem_01_03_A, .imagem_01_03_B, .imagem_01_04, .imagem_01_05, .imagem_02_01, .imagem_02_02, .imagem_02_03, .imagem_02_04, .imagem_02_05, .imagem_03_01, .imagem_03_02, .imagem_04_01, .imagem_04_02, .imagem_04_03, .imagem_04_04, .imagem_04_05, .imagem_04_06, .imagem_04_08, .imagem_04_09, .imagem_prod_01, .imagem_prod_01_B, .imagem_prod_02, .imagem_prod_02_B, .imagem_prod_03, .imagem_prod_04, .imagem_vacina_pt_01, .imagem_vacina_pt_02, .imagem_vacina_pt_03, .imagem_imun_03{
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	height: 700px; /*novo 500px*/
	width:100%;
	display: inline-block;
	position: relative;
	background-size: 700px;/*novo 700px*/
	overflow: hidden;
}
.imagem_imun_01, .imagem_imun_01_A, .imagem_imun_02_A, .imagem_imun_02_B, .imagem_imun_02_C{
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	height: 500px; /*novo 500px*/
	width:100%;
	display: inline-block;
	position: relative;
	background-size: 550px;/*novo 700px*/
	overflow: hidden;
}
.imagem_04_02_01, .imagem_04_07_01, .imagem_04_07_02{
	background-attachment: scroll;
	background-position: center;
	background-repeat: no-repeat;
	height: 220px; 
	width:100%;
	display: inline-block;
	position:relative;
}
.imagem_01_01{
	background-image: url(svg/01_img_01.svg);
}
._01_01{
	top: 50%;
	right: 0px;
	}
.imagem_01_02{
	background-image: url(svg/01_img_02.svg);
}
._01_02{
	top: 48%;
	right: 56%;
	}
.imagem_01_03_A{
	background-image: url(svg/01_img_03_A.svg);
}
.imagem_01_03_B{
	background-image: url(svg/01_img_03_B.svg);
}
.imagem_01_04{
	background-image: url(svg/01_img_04.svg);
}
._01_04{
	top: 150px;
	right: 0px;
	}
.imagem_01_05{
	background-image: url(svg/01_img_05.svg);
}
.imagem_02_01{
	background-image: url(svg/02_img_01.svg);
}
.imagem_02_02{
	background-image: url(svg/02_img_02.svg);
}
.imagem_02_03{
	background-image: url(svg/02_img_03.svg);
}
.imagem_02_04{
	background-image: url(svg/02_img_04.svg);
}
.imagem_02_05{
	background-image: url(svg/02_img_05.svg);
}
.imagem_03_01{
	animation: protein_01 15s infinite;
}
@keyframes protein_01{
	0%  {background-image: url(svg/03_img_01_A.svg)}
	40%  {background-image: url(svg/03_img_01_B.svg)}
	100%  {background-image: url(svg/03_img_01_A.svg)}
}
.imagem_03_02{
	background-image: url(svg/03_img_02.svg);
}
.imagem_04_01{
	animation: virus_animation_04 10s infinite;
}
@keyframes virus_animation_04{
	0%  {background-image: url(svg/04_img_01_A.svg), url(svg/04_img_01_text.svg);}
	9.09% {background-image: url(svg/04_img_01_K.svg), url(svg/04_img_01_text.svg);}
	18.18% {background-image: url(svg/04_img_01_J.svg), url(svg/04_img_01_text.svg);}
	27.27% {background-image: url(svg/04_img_01_I.svg), url(svg/04_img_01_text.svg);}
	36.36% {background-image: url(svg/04_img_01_H.svg), url(svg/04_img_01_text.svg);}
	45.45% {background-image: url(svg/04_img_01_G.svg), url(svg/04_img_01_text.svg);}
	54.54% {background-image: url(svg/04_img_01_F.svg), url(svg/04_img_01_text.svg);}
	63.63% {background-image: url(svg/04_img_01_E.svg), url(svg/04_img_01_text.svg);}
	72.72% {background-image: url(svg/04_img_01_D.svg), url(svg/04_img_01_text.svg);}
	81.81% {background-image: url(svg/04_img_01_C.svg), url(svg/04_img_01_text.svg);}
	90.1% {background-image: url(svg/04_img_01_B.svg), url(svg/04_img_01_text.svg);}
	100%  {background-image: url(svg/04_img_01_A.svg), url(svg/04_img_01_text.svg);}
}
.imagem_04_02{
	background-image: url(svg/04_img_02.svg);
}
.imagem_04_03{
	background-image: url(svg/04_img_03.svg);
}
.imagem_04_04{
	animation: coelhos 10s infinite;
}
@keyframes coelhos{
	0%  {background-image: url(svg/04_img_04_A.svg)}
	20%  {background-image: url(svg/04_img_04_A.svg)}
	40%  {background-image: url(svg/04_img_04_C.svg)}
	50%  {background-image: url(svg/04_img_04_E.svg)}
	60%  {background-image: url(svg/04_img_04_G.svg)}
	70%  {background-image: url(svg/04_img_04_I.svg)}
	80%  {background-image: url(svg/04_img_04_J.svg)}
	90%  {background-image: url(svg/04_img_04_K.svg)}
	100%  {background-image: url(svg/04_img_04_A.svg)}
}
._04_05{
	top: 55%;
	left: 54%;
	}
/*IMUNIDADE*/
.imagem_imun_01{
	animation: imunidade_01 15s infinite;
}
@keyframes imunidade_01{
	0%  {background-image: url(svg/imagem_imun_01.svg)}
	15% {background-image: url(svg/imagem_imun_01_A.svg)}
	30% {background-image: url(svg/imagem_imun_01_B.svg)}
	45% {background-image: url(svg/imagem_imun_01_C.svg)}
	60% {background-image: url(svg/imagem_imun_01_D.svg)}
	75% {background-image: url(svg/imagem_imun_01_E.svg)}
	90% {background-image: url(svg/imagem_imun_01_F.svg)}
	100%  {background-image: url(svg/imagem_imun_01.svg)}
}
.imagem_imun_02_A{
	background-image: url(svg/imagem_imun_02_A.svg);
}
.imagem_imun_02_B{
	background-image: url(svg/imagem_imun_02_B.svg);
}
.imagem_imun_02_C{
	background-image: url(svg/imagem_imun_02_C.svg);
}
.imagem_imun_03{
	animation: imunidade_03 15s infinite;
}
@keyframes imunidade_03{
	0% {background-image: url(svg/imagem_imun_03_A.svg)}
	15% {background-image: url(svg/imagem_imun_03_B.svg)}
	30% {background-image: url(svg/imagem_imun_03_C.svg)}
	45% {background-image: url(svg/imagem_imun_03_D.svg)}
	60% {background-image: url(svg/imagem_imun_03_E.svg)}
	75% {background-image: url(svg/imagem_imun_03_F.svg)}
	90% {background-image: url(svg/imagem_imun_03_G.svg)}
	100%  {background-image: url(svg/imagem_imun_03_A.svg)}
}
/*PRODUCAO*/
.imagem_prod_01{
	background-image: url(svg/imagem_prod_01.svg);
}
.imagem_prod_01_B{
	background-image: url(svg/imagem_prod_01_B.svg);
}
.imagem_prod_02{
	background-image: url(svg/imagem_prod_02.svg);
}
.imagem_prod_02_B{
	background-image: url(svg/imagem_prod_02_B.svg);
}
.entregas p{
	padding-top: 20px;
	padding-bottom: 0px;
}
.entregas{
	font-family:'Firme-Book', sans-serif;
	font-size: 1.3em;
	letter-spacing: 0.1em;
	color: inherit;}
.numeros{
	display: block;
	font-size: 4em;
	line-height: 1em;
	text-transform: uppercase;
}
.imagem_prod_03{
	animation: checklist_animation 15s infinite;
}
@keyframes checklist_animation{
	0%  {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_A.svg);}
	12.5% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_B.svg);}
	25% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_C.svg);}
	37.5% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_D.svg);}
	50% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_E.svg);}
	62.5% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_F.svg);}
	75% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_G.svg);}
	87.5% {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_H.svg);}
	100%  {background-image: url(svg/imagem_prod_03.svg), url(svg/imagem_prod_03_A.svg);}
}

/*TIMELINE*/
#timeline_container img{display: none}/*novo*/
#timeline_container{
	position: relative;
	border: none;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.legenda_timeline_esq, .legenda_timeline_dir{
	position: relative; /*novo absolute*/ 
	font-family:'Firme-Book', sans-serif;
	margin-top: 0;/*novo 0*/
	margin-bottom: 20px; /*novo 0*/
	padding: 10px;/*novo 20px*/
	max-width: 100vh;/*novo 300px*/
	font-size: 1.3em;
	line-height: 1.3;
	background-color: white;
	opacity: 0.8;
	z-index: 1;
	margin-left: auto; /*novo*/
	margin-right: auto; /*novo*/
		}
.legenda_timeline_esq{
	text-align: center;/*novo right*/
	}
.legenda_timeline_dir{
	text-align: center;/*novo left*/
	}
#leg_31_dez_2019{
	top:6%;
	}
#leg_10_jan_2020{
	top:8%;
	}
#leg_11_mar_2020{
	top:14%;
	}
#leg_25_mar_2020{
	top:17%;
	}
#leg_23_abr_2020{
	top:21%;
	}
#leg_29_abr_2020{
	top:24%;
	}
#leg_29_set_2020{
	top:43%;
	}
#leg_20_nov_2020{
	top:50%;
	}
#leg_08_dez_2020{
	top:54%;
	}
#leg_14_dez_2020{
	top:57%;
	}
#leg_23_dez_2020{
	top:59%;
	}
#leg_27_dez_2020{
	top:62%;
	}
#leg_6_jan_2021{
	top:65%;
	}
#leg_29_jan_2021{
	top:73%;
	}
#leg_11_mar_2021{
	top:89%;
	}
/*VACINAS EM PORTUGAL*/
.imagem_vacina_pt_01{
	background-image: url(svg/imagem_vacina_PT_01.svg);
	background-size: 450px;/*novo 700px*/
}
.imagem_vacina_pt_02{
	background-image: url(svg/imagem_vacina_PT_02.svg);
	background-size: 450px;/*novo 700px*/
}
.imagem_vacina_pt_03{
	background-image: url(svg/imagem_vacina_PT_03.svg);
	background-size: 450px;/*novo 700px*/
}
/*LINKS PERGUNTAS E RESPOSTAS*/
#perguntas_e_respostas_container a, a:visited{
	color: inherit;
	border-bottom: 2px dotted #8bbbff;
    }
#perguntas_e_respostas_container a:hover {
	background-color: #d6e9f875;
    opacity: 1;
	}
/*INVESTIGAÇÃO / TIPOS DE VACINAS*/
#but_01 {list-style-type:none;
}
#but_02 {list-style-type:none;
}
#but_03 {list-style-type:none;
}
#but_04 {list-style-type:none;
}
#explicador_01_01 {
	position: relative;
	padding-top: 150px;
	margin: -150px 0;
}
#explicador_01_02, #explicador_01_03, #explicador_01_04, #explicador_01_05{
	position: relative;
	padding-top: 150px;
	margin-bottom: -150px;
}
.tx_explicador{
	display: inline-block;
	font-family:'Firme-Book', sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;/*novo 1.6em*/
	width: 50%;
	list-style-type:none;
}
#menu_explicadores a{
	display: inline-block;
	color: inherit;
	padding: 0px 15px;
	margin: 2px auto;
	text-decoration: none;
	border: 1px solid #5f646e;
	border-radius: 2px;
	animation: 	metodo_explicador 5s infinite;
	}
#menu_explicadores a:visited{
	display: inline-block;
	color: inherit;
	padding: 0px 15px;
	margin: 2px auto;
	text-decoration: none;
	border: 1px solid #5f646e;
	border-radius: 2px;
	animation: 	metodo_explicador 5s infinite;
	}
#menu_explicadores a:hover{
    background-color:#00848e; 
	animation: none;
	color: white;
	transition: 0.2s;
	}
#menu_explicadores a:focus{
    background-color: #35c4b5; 
	}
#menu_explicadores a:active, {
    background-color: #35c4b5; 
	}
/* Cores background*/
.turquesa_1{
	background-color: #35c4b5;
}
.turquesa_2{
	background-color: #00848e;
}
.amarelo_1{
	background-color: #ffd176;
}
.amarelo_2{
	background-color: #a57e37;
}
.laranja_1{
	background-color: #ff9373;
}
.laranja_2{
	background-color: #af503a;
}
.azul_1{
	background-color: #eef4ff;
}
.azul_2{
	background-color: #d6e9f8;
}
.azul_3{
	background-color: #b2d7f3;
}
.azul_4{
	background-color: #8bbbff;
}
.cinza_1{
	background-color: #5f646e;
	padding: .7em .7em .7em 1.4em;
}
.cinza_2{
	background-color: #484f54;
}
.cinza_3{
	background-color: #32373b;
}
.fundo_1{
	background-color: #f8fbff;
}
.branco{
	background-color: #ffffff;
}
/* Cores texto*/
.tx_turquesa_1{
	color: #35c4b5;
}
.tx_turquesa_2{
	color: #00848e;
}
.tx_amarelo_1{
	color: #ffd176;
}
.tx_amarelo_2{
	color: #a57e37;
}
.tx_laranja_1{
	color: #ff9373;
}
.tx_laranja_2{
	color: #af503a;
}
.tx_azul_1{
	color: #eef4ff;
}
.tx_azul_2{
	color: #d6e9f8;
}
.tx_azul_3{
	color: #b2d7f3;
}
.tx_azul_4{
	color: #8bbbff;
}
.tx_cinza_1{
	color: #5f646e;
}
.tx_cinza_2{
	color: #484f54;
}
.tx_cinza_3{
	color: #32373b;
}
.tx_branco{
	color: #ffffff;
}

/* Cores fill*/
.fill_turquesa_1{
	fill: #35c4b5;
}
.fill_turquesa_2{
	fill: #00848e;
}
.fill_amarelo_1{
	fill: #ffd176;
}
.fill_amarelo_2{
	fill: #a57e37;
}
.fill_laranja_1{
	fill: #ff9373;
}
.fill_laranja_2{
	fill: #af503a;
}
.fill_azul_1{
	fill: #eef4ff;
}
.fill_azul_2{
	fill: #d6e9f8;
}
.fill_azul_3{
	fill: #b2d7f3;
}
.fill_azul_4{
	fill: #8bbbff;
}
.fill_cinza_1{
	fill: #5f646e;
}
.fill_cinza_2{
	fill: #484f54;
}
.fill_cinza_3{
	fill: #32373b;
}
/* animações*/
.anim_01_virus{
	position: fixed;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
	width: 4%;
	top:500px;
	left: 48%;
	animation: virus_vivo 5s infinite;
}
@keyframes virus_vivo {
  50% {transform: rotate(360deg);}
}

@keyframes metodo_explicador{
	0%   {background: #f8fbff;}
	50% {background: #d6e9f8;}
	100% {background: #f8fbff;}
}

@keyframes icones_capa{
	0%   {filter:drop-shadow(20px 20px 20px rgba(0,0,0,0.1));}
	50% {filter:drop-shadow(20px 20px 20px rgba(0,0,0,0.5));}
	100% {filter:drop-shadow(20px 20px 20px rgba(0,0,0,0.1));}
}
.material-icons {
cursor: pointer;
}