/*SOBRE*/
.sobre { width: 100%; height: auto; position: relative; text-decoration: left }
.sobre .sobre_texto { width: 100%; height: auto; position: relative; color: #000000; font-family: var(--fonte-padrao); font-size: 14px; line-height: 20px; padding: 00px 0px 40px 0px; text-align: left; font-weight: 400; }
.sobre .sobre_texto .avatar { width: 300px; height: auto; margin: 0px 20px 20px 20px; position: relative; float: left; text-align: center; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.sobre .sobre_texto .avatar .play { width: 100%; height: 200px; z-index: 11; position: absolute; background-color: rgba(64,43,34,0.6); background-image: url(../imagens/ico-play.png); background-repeat: no-repeat; background-position: center center; background-size: auto 80px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .sobre_texto .avatar img { width: 100%; height: 200px; position: relative; display: block; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.sobre .sobre_texto .avatar:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); opacity: 1; }
.sobre .sobre_texto b { font-weight: 700; }
.sobre .sobre_texto u { text-decoration: underline; }
.sobre .sobre_texto a { text-decoration: underline; color: #000000; font-family: var(--fonte-padrao); font-size: 14px; line-height: 24px; }
.sobre .sobre_texto i { font-style: italic; }

/*GALERIA DE FOTOS*/
.util-galeria { width: 100%; position: relative; height: auto; overflow: hidden; text-align: center; }
.galeria { width: 100%; height: auto; display: inline-block; position: relative; margin-top: 30px; }
.galeria .texto { width: 100%; height: auto; margin-top: 180px; position: absolute; z-index: 102; }
.galeria ul { display: inline-block; width: 100%; height:  auto; position: relative; list-style-type: none; margin: 25px 0px 70px 0px; }
.galeria ul li { margin-top: -4px; position: relative; width: 240px; height: 180px; display: inline-block; margin: 15px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.galeria ul li img { width: 240px; height: 180px; }

/*BLOCKS*/
.blocks { width: 100%; height: auto; position: relative; padding: 0px 0px 15px 0px; text-align: center; }
.blocks ul { width: 100%; height: auto; padding: 0px; text-align: center; }
.blocks ul li { list-style: none; display: inline-block; vertical-align: top; width: -moz-calc(33% - 80px); width: -webkit-calc(33% - 80px); width: -o-calc(33% - 80px); width: calc(33% - 80px); height: auto; min-height: 180px; padding: 15px 25px; margin: 15px; text-align: left; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 22px; }
.blocks ul li .qual { width: 100%; height: auto; color: var(--cor-texto-default); font-weight: 600; font-size: 24px; line-height: 20px; font-family: var(--fonte-padrao); padding: 0px; display: inline-block; vertical-align: bottom; margin: 5px 0px 10px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.blocks ul li:hover { margin: 10px 15px 20px 15px; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }

/* EDIÇÕES */
.edicoes { width: 100%; height: 480px; position: relative; margin: 0px; text-align: left; padding: 30px 0px 0px 0px; }
.edicoes ul::after { content: ''; border: 3px solid var(--cor-amarela); position: absolute; z-index: 1; top: 72px; left: 0; width: 100%; height: 250px; -webkit-border-radius: 150px; -moz-border-radius: 150px; border-radius: 150px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.edicoes ul:hover::after { opacity: 0.2; }
.edicoes ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.edicoes ul li { display: inline-block; vertical-align: top; cursor: pointer; width: auto; height: 200px; margin: 15px 12px 30px 12px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; text-align: center; }
.edicoes ul li .imagem_rede { width: 130px; height: 195px; display: inline-block; z-index: 10; vertical-align: top; position: relative; overflow: hidden; box-shadow: rgba(50, 50, 93, 0.15) 0px 10px 30px -6px, rgba(0, 0, 0, 0.2) 0px 8px 20px -8px; -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.edicoes ul li .imagem_rede img { max-width: 130px; max-height: 195px; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.edicoes ul li:hover .imagem_rede { width: 160px; height: 240px; }
.edicoes ul li:hover .imagem_rede img { max-width: 160px; max-height: 240px; width: auto; height: auto; }
.edicoes ul li:hover { margin: 2px 12px 30px 12px; }
.edicoes ul li .nome_rede { width: 100%; padding: 10px 0px 0px 0px; height: auto; position: relative; z-index: 10; text-align: center; color: var(--cor-texto-default); font-size: 14px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 400; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.edicoes .cta_edicoes { cursor: pointer; margin: 15px 0px; background-color: var(--cor-amarela); padding: 7px 20px 9px 20px; position: absolute; bottom: 15px; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; font-size: 18px; font-weight: 600; display: inline-block; vertical-align: top; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; left: 50%; z-index: 100;  transform: translate(-50%, 0); }
.edicoes .cta_edicoes:hover { padding: 7px 30px 9px 30px; }

/*BOTOÕES*/
.botoes { width: 100%; height: auto; position: relative; margin: 0px; text-align: center; }
.botoes .cta_solicite { cursor: pointer; margin: 10px auto; background-color: var(--cor-amarela); padding: 10px 25px 12px 25px; position: relative; font-family: var(--fonte-padrao); color: #ffffff; line-height: 22px; font-size: 18px; font-weight: 600; display: inline-block; vertical-align: top; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.botoes .cta_solicite:hover { padding: 10px 35px 12px 35px; }

/*TIMELINE*/
.timeline { width: 100%; height: auto; position: sticky; z-index: 10; left: 0px; top: 0px; background-color: #ffffff; }
.timeline ol { width: 100%; height: auto; position: relative; clear: both; text-align: center; padding: 10px 0px 0px 0px; }
.timeline ol li { width: 34px; height: auto; display: inline-block; font-size: 14px; letter-spacing: -1px; font-weight: 400; font-family: var(--fonte-padrao); position: relative;overflow: hidden; color: #000000; text-align: center; line-height: 20px; padding: 0px 10px; }
.timeline ol li:hover,
.timeline ol li#ativo { width: 34px; text-decoration: underline; height: auto; display: inline-block; font-size: 14px; letter-spacing: -1px; font-weight: 700; font-family: var(--fonte-padrao); position: relative;overflow: hidden; color: var(--cor-amarela); text-align: center; line-height: 20px; padding: 0px 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.registros { width: 100%; height: auto;position: relative; clear: both; }
.registros ul { width: 100%; height: auto; position: relative; clear: both; text-align: center; }
.registros ul li { width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -o-calc(100% - 60px); width: calc(100% - 60px); padding: 30px; display: block; position: relative; clear: both; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; margin: 2px 0px; }
.registros ul li:nth-child(odd) { background-color: #f9f9f9; }
.registros ul li .bloco .titulo_timeline { width: 100%; height: auto; position: relative; }
.registros ul li .bloco { width: 100%; height: auto; float: left; margin: 0px; font-size: 16px; line-height: 20px; text-align: left; color: var(--cor-amarela); font-weight: 600; font-family: var(--fonte-padrao);-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.registros ul li .bloco p { font-size: 14px; font-weight: 400; color: #000000; line-height: 18px; }
.registros ul li .bloco .ano {  float: left; margin: 0px 20px 10px 0px; width: 60px; font-size: 15px; font-weight: 700; font-family: var(--fonte-padrao); text-align: center; color: #ffffff; line-height: 60px; height: 60px; background-color: var(--cor-amarela); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; text-align: center; }

.registros ul li:hover { background-color: #eaeaea; }
.registros ul li:hover .bloco1 {  margin-left: 10px; }
.registros ul li:hover .bloco4 {  margin-left: 10px; }
.registros ul li:hover .bloco2 {  margin-right: 10px; }
.registros ul li:hover .bloco3 {  margin-right: 10px; }


@media screen and (max-width: 850px) {
	section { padding-top:65px; }

	.timeline { width: 94%; float: none; padding: 0px 3%; position: relative; margin: 0px; }
	.timeline .anos { display: none; }

	.sobre .sobre_texto { text-align:center; width:96%; padding: 0px 2% 40px 2%; }

	.registros { padding: 80px 0px 0px 0px; }
	.registros ul li { height: auto; padding: 25px 40px; }
	.registros ul li .bloco1 { width: 300px; height: auto; float: none; background-color: #f4f6f8; display: inline-block; margin: 40px 0px 25px 0px; text-align: center; }
	.registros ul li .bloco2 { width: 300px; height: auto; float: none; display: inline-block; margin: 25px 0px; }
	.registros ul li .bloco2 img { width: 300px; height: 180px; float: none; display: inline-block; margin-bottom: 40px; }
	.registros ul li .bloco3 { width: 300px; height: auto; float: none; background-color: #f4f6f8; display: inline-block; margin: 40px 0px 25px 0px; text-align: center; }
	.registros ul li.dois .bloco3 { background-color: #f4f6f8; }
	.registros ul li .bloco4 { width: 300px; height: auto; float: none; display: inline-block; margin: 25px 0px; }
	.registros ul li .bloco4 img { width: 300px; height: 180px; margin-bottom: 40px; }
	.registros ul li .ano { left: inherit; margin: 10px auto; position: relative; width: 72px; font-size: 16px; font-weight: 600; font-family: var(--fonte-padrao); text-align: center; line-height: 72px; height: 72px; overflow: hidden; text-align: center; }
	.registros ul li .play { cursor: pointer; width: 300px; height: 180px; z-index: 10; position: absolute; }

	.blocks { width: 96%; padding: 15px 2% 30px 2%; }
	.blocks ul li, .blocks ul li:hover { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); height: 130px; padding: 10px; margin: 5px; text-align: center; }
}

@media screen and (max-width: 1100px) {
	.galeria ul li { margin-top: 0px; width: 165px; height: 120px; margin: 5px; }
	.galeria ul li .mascara { width: 165px; height: 120px; }
	.galeria ul li img { width: 165px; height: 120px; }

	.dados .local { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); margin: 0px 10px; }

}