body, html, *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-osx-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }

a, btn, a:hover, btn:hover{text-decoration: none!important; }
h1{font-family: voga!important; text-transform: uppercase!important; width: 100%; display: flex; justify-content: center; font-size: 45px!important; text-align: center; padding: 0 20px; }
p{margin-top: 0; line-height: 1.8; text-align: justify; }

#main_content{max-width: 100vw; overflow: hidden!important; height: fit-content; margin: 0; padding: 0; }
content{display: flex; flex-direction: column; margin-top: 70px;min-height: calc(100vh - 140px); }
.section{display: flex; justify-content: center; width: 100vw; }
.section_content{max-width: 1024px; width: 100vw; }
.hide-desktop{display: none!important;}
.color-white{color: white!important}


header{position: fixed; background: #74824c; width: 100vw; z-index: 1}
menu{width: 100%; height: 100%; display: flex; justify-content: center; position: relative; }
.nav{display: flex; justify-content: space-between; margin: 0; padding: 0; list-style: none; height: 70px; width: 83.33vw; max-width: 1400px; }
.nav li{height: 100%; display: flex; align-items: center; }
.nav li a{height: 100%; display: flex; align-items: center; color: white; text-transform: uppercase; opacity: .8; font-size: 16px; letter-spacing: -0.3px; white-space: nowrap;}
.nav li a:hover{text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.7); opacity: 1;}
.nav_ativo{font-weight: bold; opacity: 1!important; padding: 0px; }
.mobile_menu{display: none; }

#footer{background: #74824c!important; padding: 30px 0}
.footer_content{display: flex; flex-direction: row; justify-content: space-between;}
.footer_dpny{display: flex; flex-direction: row; align-items: center; justify-content: center; color: white;}
.footer_dpny b{align-content: center;}
.footer_dpny a{	padding: 5px 20px; background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.2); color: white; font-size: 14px; border-radius: 5px; }
.footer_dpny a:hover{background: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.7); color: #74824c; }

.redes_sociais{display: flex; justify-content: center; align-items: center; }
.redes_sociais a{color: #74824c; }

.top_image{width: 100vw; height: calc(100vh - 70px); background-position: center bottom; background-size: cover; }
.pre_header{display: inline-flex; margin-bottom: 30px; }
.pre_header_titulo{text-transform: uppercase; font-weight: bold; font-size: 20px; min-width: 500px; display: flex; align-items: center; margin: 0;letter-spacing: -0.6px;}
.pre_header_texto{margin: 0;}

.fundador{min-width: 180px; }
.texto_corrido{margin-bottom: 40px; }
.texto_corrido .figure_left{float: left; margin: 7px 40px 10px 0; }
.texto_corrido .figure_right{float: right; margin: 7px 0 10px 40px; }
.texto_corrido p{margin: 0 0 20px 0!important; line-height: 1.8; text-align: justify; }

.informativo{padding: 0 60px; display: flex; margin-bottom: 30px; }
.informativo_wrap{display: flex; flex-direction: column; align-items: center; padding: 60px; }
.informativo_wrap a{text-decoration: underline!important; color: black;}
.noticias{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 60px 0; }
.noticia{width: 30%; }
.noticia_imagem{}
.noticia_titulo{font-family: voga; font-size: 42px; padding: 10px 30px 10px 0; line-height: 1;}
.noticia_subtitulo{padding: 0 30px 10px 0; }
.noticia_link a{border: 1px solid rgba(0, 0, 0, 0.3); width: 55%; display: flex; justify-content: center; align-items: center; color: rgba(0, 0, 0, 0.8)!important; padding: 8px 30px; transition: 500ms; }
.noticia_link a:hover{background: #fbbe00; color: white; }

.timeline{display: flex; flex-direction: column; justify-content: center; margin: 30px auto; width: 700px; position: relative; z-index: -1; }
.timeline_right, .timeline_left{padding: 15px; flex-direction: column; width: 350px; position: relative; background: rgba(0, 0, 0, 0.02); }
.timeline_right{display: flex; align-self: flex-end; padding-left: 60px; align-items: flex-start; border-left: 1px solid gray; border-radius: 30px 30px 30px 0; }
.timeline_left{display: flex; align-self: flex-start; padding-right: 60px; align-items: end; border-right: 1px solid gray; border-radius: 30px 30px 0 30px; }
.timeline_right .timeline_ano{left: -40px; }
.timeline_left .timeline_ano{right: -40px; }
.timeline_ano{background: #fbbe00; font-family: voga; height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 27px; position: absolute; top: 0; z-index: 3; }
.timeline_titulo{font-family: voga; font-size: 27px; background: rgba(251,225,0,0.2); width: fit-content; position: relative; height: 50px; margin: 0 0 0 0; }
.timeline_right .timeline_titulo{padding: 5px 20px 0 30px; left: -30px; border-radius: 0 30px 30px 0; }
.timeline_left .timeline_titulo{padding: 5px 20px 0 30px; right: -30px; border-radius: 30px 0 0 30px; }
.timeline_descricao{margin-top: 10px; margin-bottom: 30px; }
.timeline_right .timeline_descricao{text-align: left; }
.timeline_left .timeline_descricao{text-align: right; }

#musica-e-arte-cds{}
#musica-e-arte-cds .section_content{margin-bottom: 60px}
.cd{display: flex; align-items: center}
.cd-left{flex-direction: row-reverse;}
.cd-right{flex-direction: row;}
.cd-left .cd-texto{justify-items: flex-end;}
.cd-right .cd-texto{justify-items: flex-start;}
.cd-right .cd-texto h1{text-align: left!important;align-self:flex-end;}
.cd-left .cd-texto h1{text-align: right!important;align-self:flex-start;}
.cd-right .cd-texto h2{text-align: left!important;align-self:flex-end;}
.cd-left .cd-texto h2{text-align: right!important;align-self:flex-start;}
.cd-right .cd-texto p{text-align: justify;!important;align-self:flex-end; font-size: 16px}
.cd-left .cd-texto p{text-align: justify;!important;align-self:flex-start; text-align-last: right ;font-size: 16px}

.cd-image{width: 50%}
.cd-image img{}
.cd-texto{width: 50%; padding: 60px; align-items: center}
.cd-texto h1{padding: 0; margin: 0; font-size: 45px!important; text-transform: inherit!important; width: auto}
.cd-texto h2{padding: 0 0 30px 0; border-bottom: 1px solid #FBBE01; margin: 0; font-size: 16px; color: #808080; text-transform: uppercase;}
.cd-texto p{padding: 30px 0 30px 0; margin: 0; font-size: 14px}

.infos_cds{padding: 0!important; margin: 0!important; font-size: 12px!important}

.amamos-brasil{padding-top: 30px;}
.amamos-brasil .pre_header_texto{max-width: 450px;}
#visao-para-o-fututo, #musica_e_arte{padding-top: 30px;}

.langs{order: 1}
.langs-desktop{display: flex; flex-direction: column; width: fit-content!important; margin: 0!important; padding: 0!important;}
.lang-btn{background: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.5); padding: 10px; border-radius: 10px;}
.dropdown_langs{margin: 0!important; padding: 10px!important; min-width: fit-content!important; max-width: fit-content!important; width: fit-content!important; background: #74824c!important; right: 20px!important; position: relative; border-radius: 0 0 30px 30px}
.dropdown_langs_nav{margin: 0!important; padding: 0!important; min-width: fit-content!important; max-width: fit-content!important; width: fit-content!important; background: initial!important;}

.langs-desktop a{margin: 5px; width: 30px; height: 30px; opacity: 1!important}
.langs-desktop a img{height: 30px; width: 30px; padding: 2px;border-radius: 50%; background: white}
.langs-desktop a:hover{filter: brightness(1.3);}

.langs a{margin: 0 5px}
.langs a img{height: 30px; width: 30px}
.langs a:hover{filter: brightness(1.3);}

/* iPhone SE / pequenos: até 375px */
@media (max-width: 375px) {
}
/* iPhone 13/14/15 e similares: 390px */
@media (min-width: 0px) and (max-width: 414px) {
}
/* iPhone 15 Pro Max / maiores: até 430px */
@media (min-width: 0px) and (max-width: 460px) {
	.texto_corrido .figure_left, .figure_right{float: left; margin: 0 0 20px 0!important; }
}
/* iPads em portrait: 768px */
@media (min-width: 0px) and (max-width: 820px) {
	footer{position: relative; z-index: 1; }
	content{min-height: calc(100vh - 70px); margin-top: 0;}
	.hide-mobile{display: none!important;}

	#main_nav{position: fixed; height: 100vh; flex-direction: column; justify-content: flex-start; width: 80vw; right: -80vw; transition: all 1s; background: #74824c!important; padding: 30px 0 80px 20px; z-index: 99; }
	#main_nav li{height: auto;}
	#main_nav li a{width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.07); height:auto!important; padding: 20px 10px }
	.nav_show{right: 0vw!important; }
	.mobile_menu{display: flex; justify-content: center; align-items: center; z-index: 100; position: fixed; height: 50px; width: 50px; background: #74824c; border-radius: 5px; top: 10px; right: 10px; border: 1px solid rgba(255,255,255, 0.2); }
	.mobile_menu span{color: white; }
	.langs{order: 0; width: 60%; display: flex!important;}
	.langs a{margin: 0; padding: 0}

	.redes_sociais{margin: 30px 0 30px 0; }

	#footer{padding: 30px 0}
	.footer_content{padding: 0 20px}
	.footer_dpny{display: flex; flex-direction: row; align-items: center; justify-content: center; color: white; font-size: 10px}
	.footer_dpny b{align-content: center;}
	.footer_dpny a{	padding: 5px 20px; background: rgba(255,255,255,0); border: 1px solid rgba(255,255,255,0.2); color: white; border-radius: 5px; font-size: 10px}
	.footer_dpny a:hover{background: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.7); color: #74824c; }	
	

	.top_image{width: 100vw; height: 30vh; }
	.top_image_amamos_brasil{height: 50vh!important; margin-bottom: 30px; background-size: 60vw; }

	.pre_header{flex-direction: column; padding: 0 30px; width: 100vw;}
	.pre_header_titulo{margin: 30px 0 20px 0; padding: 0;width: 100%; min-width: 100%!important; text-align: center!important; justify-content: center; text-transform: uppercase;}
	.texto_corrido{padding: 0 30px;}
	.texto_corrido p {text-align: justify!important;}
	.pre_header_texto{text-align: justify!important; letter-spacing: -0.2px; padding-top: 20px; border-top: 1px solid #808080; font-style: italic; font-size: 17px; color: #808080}

	.fundador{justify-content: left; margin: 0 0 10px 0;}
	.fundador_texto{text-align: justify!important; line-height: 1.8!important}
	
	.timeline{width: 100vw; padding: 20px;}

	.timeline_left, .timeline_right{display: flex; align-self: flex-end; padding-left: 60px; align-items: flex-start;border-radius: 30px 30px 30px 0; border-left: 1px solid gray; border-right:0!important }
	.timeline_left .timeline_ano{left: -40px; }
	.timeline_left .timeline_titulo{padding: 5px 20px 0 30px; left: -30px; border-radius: 0 30px 30px 0; }
	.timeline_left .timeline_descricao{text-align: left; }

	.noticias{flex-direction: column; margin: 0 0 60px 0; }
	.noticia{width: 100%; justify-items: center; padding: 30px 20px; border-radius: 0 0 30px 30px; }
	.noticia_imagem{}
	.noticia_titulo{padding: 30px 20px 10px 20px; text-align: center; font-size: 42px; }
	.noticia_subtitulo{padding: 5px 20px!important; text-align:center!important; justify-content:center!important; width: 100%!important}
	.noticia_link{width: 100%; display: flex; justify-content: center; margin: 30px 0 0 0; }
	.noticia_link a{}

	.timeline_right, .timeline_left{display: flex; align-self: flex-end!important; padding-left: 60px!important; align-items: flex-start; }

	#musica-e-arte-cds .section_content{margin-bottom: 30px}
	.cd{flex-direction: column;}
	.cd .cd-texto, .cd-image{width: 100%}
	.cd .cd-texto{align-items: center; padding: 30px}
	.cd .cd-texto h2, p{text-align: justify!important; width: 100%!important; max-width: 100%; line-height: 1.5; text-align-last: center!important}
	.cd-right .cd-texto h1{text-align: center!important; width: 100%!important; max-width: 100%; line-height: 1; margin: 0; text-align-last: center!important}
	.cd-left .cd-texto h1{text-align: center!important; width: 100%!important; max-width: 100%; line-height: 1; margin: 0; text-align-last: center!important}
	.cd-right .cd-texto h2{text-align: center!important; width: 100%!important; max-width: 100%; line-height: 1.5; padding: 20px 0; text-align-last: center!important}
	.cd-left .cd-texto h2{text-align: center!important; width: 100%!important; max-width: 100%; line-height: 1.5; padding: 20px 0; text-align-last: center!important}
	.cd-right .cd-texto p{text-align: justify!important; width: 100%!important; max-width: 100%; line-height: 1.5; text-align-last: center!important}
	.cd-left .cd-texto p{text-align: justify!important; width: 100%!important; max-width: 100%; line-height: 1.5; text-align-last: center!important}

	#visao-para-o-fututo, #musica_e_arte{padding-top: 80px;}
	
}
}
/* iPads em landscape e tablets maiores */
@media (min-width: 821px) and (max-width: 1024px) {
	#main_nav li a{font-size: 12px; padding: 4px; }
	.hide-desktop{display: none!important;}
}
}
/* Laptops, desktops médios */
@media (min-width: 1025px) and (max-width: 1200px) {
	#main_nav li a{font-size: 14px; padding: 7px; }
}
/* Monitores grandes / iMac */
@media (min-width: 1201px) {
	.section_content{max-width: 1200px; }
}