/* VAGAS */
section { padding: 75px 0px 100px 0px; }

.banner{width:2000px; height:400px; left: 50%; margin-left: -1000px; position: relative; }
.banner .slider{ width:2000px; height:400px; position:absolute; z-index:10; float: left;}
.banner .sliderContent{ width:2000px; height:400px; clear:both; position: absolute;}
.banner .sliderContent .item { width:2000px; height:400px; position: absolute; background-color: var(--cor-primaria); display: block; }
.banner .sliderContent .item .conteudo_slide { width: 475px; height: auto; padding: 0px; text-align: left; right: 50%; top: 50%; transform: translate(-60px, -50%); position: absolute; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .conteudo_slide .destaque { width: 100%; height: auto; position: relative; letter-spacing: -1px; font-family: var(--fonte-especial); font-size: 53px; font-weight: 700; line-height: 50px; text-align: left; color: #ffffff; padding-bottom: 10px; text-transform:uppercase; }
.banner .sliderContent .item .conteudo_slide p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); padding-top: 20px; font-size: 22px; line-height: 28px; font-weight: 700;  text-align: left; color: #9ce7fa }
.banner .sliderContent .item .conteudo_slide .coluna_detalhes { width: 32%; height: auto; position: relative; display: inline-block; padding-top: 30px; font-family: var(--fonte-padrao); font-size: 14px; line-height: 20px; text-align: left; color: #ffffff; font-weight:400; padding-right:1%; }
.banner .sliderContent .item .conteudo_slide .coluna_detalhes .qual { width:100%; font-size:18px; line-height:24px; text-align:left; color: #ffffff; position:relative; font-weight:700; }
.banner .sliderContent .item .conteudo_slide .sobre_banner { width: 100%; height: auto; position: relative; display: inline-block; padding-top: 20px; font-family: var(--fonte-padrao); font-size: 15px; line-height: 20px; text-align: left; color: #ffffff }
.banner .sliderContent .item .conteudo_slide .botoes_acao { width: 100%; height: auto; position: relative; text-align: left; padding: 40px 0px 0px 0px; }

.banner .sliderContent .item .conteudo_slide .botoes_acao i { display: inline-block; width: 40px; height: 40px; vertical-align: top; line-height: 40px; font-size: 24px; color: var(--cor-primaria); margin: 0px 5px 0px 0px; cursor: pointer; background-color:#9ce7fa; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; text-align:center; }

.banner .sliderContent .item .imagem_mosaico { width: 400px; height: 300px; text-align: center; left: 50%; top: 50%; transform: translate(-10px, -50%); position: absolute; z-index: -1; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; }
.banner .sliderContent .item .imagem_mosaico img { width: auto; height: auto; max-width: 100%; max-height:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow:hidden; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.banner .slider .sliderContent .item .util_banner { width: 100%; height: 400px; position: absolute; z-index: 10; }

.botoes_ctas { width: 100%; height: auto; position: relative; text-align: left; padding: 40px 0px 0px 0px; }
.botoes_ctas .cta_destaque { background-color: #60af66; width: auto; cursor: pointer; height: 25px; line-height: 25px; padding: 12px 25px; margin: 10px 0px 10px 5px; color: #faef36; font-size: 15px; font-family: var(--fonte-padrao); display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:700; }
.botoes_ctas .cta_destaque i { display:inline-block; vertical-align:top; position:relative; line-height:25px; font-size:13px; padding: 0px 7px 0px 0px; color: #faef36; }
.botoes_ctas .cta_destaque:hover { padding: 12px 35px; }
.botoes_ctas .cta { width: auto; cursor: pointer; background-color: #43479b; height: 25px; line-height: 25px; padding: 12px 20px; margin: 10px 0px 10px 10px; color: #ffffff; font-size: 15px; font-family: var(--fonte-padrao); display: inline-block; vertical-align: top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:700; }
.botoes_ctas .cta i { display:inline-block; vertical-align:top; position:relative; line-height:25px; font-size:13px; padding: 0px 7px 0px 0px; color: #ffffff; }
.botoes_ctas .cta:hover { padding: 12px 25px; }

.avatar_solto { width: auto; max-width: 200px; height: auto; position: relative; overflow: hidden; float:right; margin: 0px 0px 20px 20px; padding: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.avatar_solto img { width: 100%; height: 100%; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display:block }

.intros_blocos { width: 100%; height: auto; position: relative; padding: 0px 0px 0px 0px; }
.intros_blocos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.intros_blocos ul li { display: inline-block; width: 100%; height: auto; position: relative; margin: 0px 0px 30px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.intros_blocos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: 100%; padding: 0px; height: auto; font-family: var(--fonte-padrao); color: var(--fonte-padrao); font-size: 12px; text-align: left;  }
.intros_blocos ul li .conteudo_intro .descricao_intro { width: 100%; font-family: var(--fonte-padrao); font-size: 15px; line-height: 22px; text-align: left; color: var(--cor-texto-default); text-align: left; padding: 45px 0px 0px 0px; line-height: 24px; position: relative; z-index: 10; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight:400; }
.intros_blocos ul li .conteudo_intro .descricao_intro b { font-family: var(--fonte-padrao); font-size: 15px; }
.intros_blocos ul li .conteudo_intro .descricao_intro u { text-decoration: underline; }
.intros_blocos ul li .conteudo_intro .descricao_intro a { text-decoration: underline; font-size: 15px; font-family: var(--fonte-padrao);  color: var(--fonte-padrao); }
.intros_blocos ul li .share_destaque { width: 100%; height: auto; position: relative; text-align: left; padding: 15px 0px; border-bottom: 1px solid #eaeaea; }
.intros_blocos ul li .share_destaque .share { width: 250px; height: auto; position: relative; display: inline-block;vertical-align: top; text-align: left; padding: 0px; }
.intros_blocos ul li .share_destaque .share .social { display: inline-block; vertical-align: top; position: relative; width: 180px; height: auto; margin: 15px 0px 0px 0px; }
.intros_blocos ul li .share_destaque .share .social .label { width: 100%; height: auto; font-size: 12px; line-height: 15px; font-family: var(--fonte-padrao); position: relative; color: var(--fonte-padrao); }
.intros_blocos ul li .share_destaque .share .social #shareRoundIcons { width: auto; height: auto; position: relative; display: inline-block;vertical-align: top; text-align: left; padding: 0px; }
.intros_blocos ul li .share_destaque .share .social #shareRoundIcons .jssocials-share-link { font-size: 9px; color: #ffffff; overflow: hidden;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.intros_blocos ul li .share_destaque .share .social #shareRoundIcons .jssocials-share { margin: 0em 0.3em 0.3em 0; }
.intros_blocos ul li .share_destaque .share .social #shareRoundIcons .jssocials-shares { margin: 0.1em 0; }

/*TOPICOS*/
.topicos { width: 100%; height: auto; background-color: #f4f6f8; position: relative; clear: both; padding: 60px 0px; }
.topicos ul { width: 100%; height: auto; position: relative; list-style-type: none; text-align: center; }
.topicos ul li { display: inline-block; width: 100%; height: auto; position: relative; margin: 30px 0px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: left; }
.topicos ul li .avatar { overflow: hidden; width: 325px; height: auto; position: relative; margin-right:20px; }
.topicos ul li .avatar img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
.topicos ul li .conteudo_intro { display: inline-block; vertical-align: top; width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); padding: 0px 30px 30px 0px; height: auto; font-family: var(--fonte-padrao); color: var(--cor-texto-default); font-size: 14px; text-align: right;  }
.topicos ul li .conteudo_intro .tag_intro { width: 100%; height: auto; position: relative; padding: 10px 0px 5px 0px; text-align: right; color: var(--cor-primaria); font-size: 16px; line-height: 20px; font-family: var(--fonte-especial); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight: 500; }
.topicos ul li .conteudo_intro .nome_intro { width: 100%; height: auto; position: relative; padding: 0px 0px 5px 0px; text-align: right; color: var(--cor-texto-default); font-size: 32px; line-height: 30px; 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; font-weight:700; }
.topicos ul li .conteudo_intro .nome_intro span { color: var(--cor-primaria); }
.topicos ul li .conteudo_intro .introducao_intro { width: 100%; font-size: 13px; font-family: var(--fonte-padrao);  color: var(--cor-texto-default); text-align: right; padding: 0px; line-height: 20px; position: relative; z-index: 10; margin: 0px 0px 10px 0px; -moz-transition: all .3 ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; transition: all .3s ease; }
.topicos ul li.lado1 .avatar { float: left; margin: 0px 35px 0px 0px }
.topicos ul li.lado2 .avatar { float: right; margin: 0px 0px 0px 35px }
.topicos ul li.lado1 .conteudo_intro,.topicos ul li.lado1 .tag_intro, .topicos ul li.lado1 .conteudo_intro .nome_intro, .topicos ul li.lado1 .conteudo_intro .introducao_intro { text-align: left; }
.topicos ul li: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; }

/*VIDEO*/
.video_destaque{width:100%; height:670px; left: 0px; position: relative; clear:both; }
.video_destaque .conteudo_slide { width: 350px; height: auto; background-color: #ffffff; padding: 50px 50px 50px 0px; text-align: left; left: 50%; top: 50%; transform: translate(-550px, -50%); position: absolute; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.video_destaque .conteudo_slide .tag { width: 100%; height: auto; position: relative; font-family: var(--fonte-especial); text-transform: uppercase; font-size: 16px; line-height: 20px; text-align: left; color: var(--cor-primaria); padding-bottom: 10px; }
.video_destaque .conteudo_slide .destaque { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 32px; line-height: 30px; text-align: left; color: var(--cor-texto-default); padding-bottom: 10px; font-weight:700; }
.video_destaque .conteudo_slide .destaque span { color: var(--cor-primaria); }
.video_destaque .conteudo_slide p { width: 100%; height: auto; position: relative; font-family: var(--fonte-padrao); font-size: 13px; line-height: 20px; text-align: left; color: var(--cor-texto-default) }
.video_destaque .imagem_mosaico { width: 870px; height: 480px; background-color: #ffffff; text-align: center; right: 50%; top: 50%; transform: translate(550px, -50%); position: absolute; z-index: -1; -moz-transition: all 1.0s ease; -o-transition: all 1.0s ease; -webkit-transition: all 1.0s ease; transition: all 1.0s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; overflow:hidden; }
.video_destaque .imagem_mosaico::before { width: 100%; height: 100%; position: absolute; z-index: 10;  background: rgba(96,102,203,0.4); content: ''; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.video_destaque .imagem_mosaico i { width: 100%; height: 480px; position: absolute; line-height: 480px; font-size: 80px; opacity: 0.7; color: #ffffff; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 10; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); }
.video_destaque .imagem_mosaico img { width: auto; height: auto; max-width: 100%; max-height:100%; position: relative; }
.video_destaque:hover .porcentagem { padding: 30px 0px; }
.video_destaque:hover .imagem_mosaico { transform: translate(580px, -50%); }
.video_destaque:hover .imagem_mosaico i { display: none; }
.video_destaque:hover .imagem_mosaico::before { background-color: rgba(67,71,155,0.1); }
.video_destaque:hover .conteudo_slide { padding-left: 20px; }
.video_destaque .util_video_destaque { width: 100%; height: 670px; position: absolute; z-index: 10; }

@media screen and (max-width: 670px) {
	section { padding: 55px 0px 0px 0px; }
	.banner{width:100%; height:auto; left: initial; margin-left: initial; position: relative; }
	.banner .slider{ width:100%; height:auto; position:relative; z-index:10; float: none;}
	.banner .sliderContent{ width:100%; height:auto; clear:both; position: relative;}
	.banner .sliderContent .item { width:100%; height:auto; position: relative; }
	.banner .sliderContent .item .conteudo_slide { width: 94%; padding: 30px 3% 0px 3%; right: initial; text-align: center; left: initial; top: initial; transform: translate(0, 0); position: relative; }
	.banner .sliderContent .item .conteudo_slide .destaque, .banner .sliderContent .item .conteudo_slide p { text-align:center; }
	.banner .sliderContent .item .conteudo_slide .coluna_detalhes { width: 100%; text-align: center; padding-right: 0px; }
	.banner .sliderContent .item .conteudo_slide .coluna_detalhes .qual, .banner .sliderContent .item .conteudo_slide .sobre_banner, .banner .sliderContent .item .conteudo_slide .botoes_acao { text-align: center; }
	.banner .sliderContent .item .imagem_mosaico { width: 100%; height: auto; text-align: center; clear: both; left: initial; top: initial; padding-top: 20px; padding-bottom: 20px; transform: translate(0,0); position:relative; }
	.banner .sliderContent .item .imagem_mosaico img { display:inline-block; position:relative; left:initial; top:initial; transform: translate(0,0); max-width:85%; max-height:85%; }
	.banner .slider .sliderContent .item .util_banner { width: 100%; height: auto; position: relative; }

	.intros_blocos { padding: 0px 3% 40px 3%; width:94% }
	.intros_blocos ul li .share_destaque .titulo_destaque, .intros_blocos ul li .share_destaque .share { width:100%; text-align:center; position:relative; float:none; }
	.intros_blocos ul li, .intros_blocos ul li .share_destaque, .intros_blocos ul li .conteudo_intro, .intros_blocos ul li .conteudo_intro .descricao_intro { text-align:center; }
	.intros_blocos ul li .share_destaque .marca { background-color: #ffffff; position: relative; width: 150px; height: 150px; margin: 0px 0px 10px 0px; right: initial; display:inline-block; vertical-align:top; }
	.intros_blocos ul li .share_destaque .marca img { position: relative; max-width: 100%; max-height: 100%; left: initial; top: initial; transform: translate(0,0); display:inline-block; }

	.bloco_textos { width:94%; padding:0px 3%; text-align:center; }
	.bloco_textos .tag, .bloco_textos .destaque, .bloco_textos p { text-align:center; }

	.video_destaque{width:94%; height:auto; padding: 80px 3% 50px 3%; }
	.video_destaque .conteudo_slide, .video_destaque:hover .conteudo_slide { width:94%; padding:0px 3%; top: initial; transform: translate(0,0); text-align:center; position:relative; left:initial; }
	.video_destaque .conteudo_slide .tag, .video_destaque .conteudo_slide .destaque, .video_destaque .conteudo_slide p { text-align:center; }
	.video_destaque .imagem_mosaico, .video_destaque:hover .imagem_mosaico { width: 100%; height: auto; right: initial; top: initial; transform: translate(0, 0); margin: 10px 0px 0px 0px; position: relative; }
	.video_destaque .imagem_mosaico::before, .video_destaque .imagem_mosaico i { display:none; }
	.video_destaque .util_video_destaque { width: 100%; height: auto; position: relative; z-index: 10; }

	.topicos { width: 94%; text-align: center; padding: 0px 3% 50px 3%; }
	.topicos ul li { text-align: center; background-color:transparent; }
	.topicos ul li .avatar { overflow: hidden; width: 325px; height: auto; position: relative; margin-right:initial; display:inline-block; vertical-align:top; }
	.topicos ul li .avatar img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }
	.topicos ul li .conteudo_intro { width: 100%; text-align: center;  }
	.topicos ul li .conteudo_intro .nome_intro, .topicos ul li .conteudo_intro .introducao_intro { text-align:center; }
	.topicos ul li.lado1 .avatar, .topicos ul li.lado2 .avatar { float: none; margin: 0px 0px 10px 0px }
	.topicos ul li.lado1 .conteudo_intro, .topicos ul li.lado1 .conteudo_intro .nome_intro, .topicos ul li.lado1 .conteudo_intro .introducao_intro { text-align: center; }
}