/*
Theme Name: Fecomércio MG
Author: Nascer Webdesign | Christiano Amaral
Author URI: http://nascer.net/
Description: Template desenvolvido exclusivamente para a Fecomércio MG, em parceria com a Célula 21.
Version: 1.0
*/ 
/*--------------------------------------------------------
RESET
-------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, *:before, *:after {
	box-sizing: border-box;
}
a{
	outline:none;
}
.clear{
	clear:both;
	}
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
html {		
	height:100%;
	background: #FFF;	
}
body {
	min-height: 100%;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;	
	color: #4d4d4d;
	overflow-x: hidden;	
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	line-height: 1.25em;		
    color: #014a8c;;
}
h1{		
	font-size: 34px;	
	margin: 0 0 20px;	
}
h2{
	font-size:34px;
	margin: 0 0 15px;	
	}
h3{
	font-size:22px;
	margin: 0 0 15px;
}
h4{
	font-size:22px;
	margin: 0 0 10px;
}
h5{
	font-size:20px;
	margin: 0 0 10px;
}
h6{
	font-size:18px;
	margin: 0 0 10px;
}
a{
	color: #4d4d4d;
	text-decoration:none;
	transition: all 200ms ease-in;	
	}
strong{
	font-weight: 600;
	}
em{
	font-style:italic;
}
p{	
    line-height: 1.5em;	
	margin-bottom: 1em;
}
p:last-child{
	margin: 0;
}
.clearfix{
	clear:both;
}
.clearbox::after{
    content: "";
    display: table;
    clear: both;
}
img{
	display: block;
	height: auto;
}
select{
	cursor: pointer;
}
.site{
	width: 100%;
	height: auto;	
    padding-top: 76px;
	z-index: 2;
	position: relative;
}
section{
	width: 100%;
	height: auto;
	position: relative;
}
.inner {
	width: 1170px;
	height: auto;
    padding: 80px 0;
    position: relative;
	margin: 0 auto;
}
.btn-padrao {
	background: #014a8c;
	border-radius: 10px;
    width: 200px;
	height: 44px;
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	line-height: 44px;
	text-transform: uppercase;
    text-align: center;
	display: block;   
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
}
.btn-padrao:hover{
	background: #b97e11;
}
#ps2id-dummy-offset{
    height: 75px;
}
/*-------------------------------------------------------
EMENDA OWL
-------------------------------------------------------*/
.owl-dots {
    width: max-content;
	font-size: 0;
	text-align: center;
	position: absolute;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
    z-index: 2;
}
.owl-dot{
    background-color: #FFF !important;
    border-radius: 2px;
    width: 25px;
    height: 4px;
    display: inline-block;   
    margin: 0 2px;
    opacity: 0.5;
    transition: all 200ms ease-in;
}
.owl-dot.active{
    opacity: 1;
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header{
	background-color: #014a8c;
	width: 100%;
	height: auto;
	position: fixed;
	z-index: 4;	
}
header .header-inner{
	width: 1170px;
	height: 76px;
    padding: 10px 0;
	margin: 0 auto;
}
.logo-container{
    width: max-content;
    border-right: 1px solid #FFF;
    padding: 10px 15px 10px 0;
    float: left;    
}
.btn-menu, .btn-fecha-menu{	
	display: none;
}
/*MENU*/
nav.menu-header {
	float: right;
	margin-top: 0;
	width: 890px;
}
.menu-principal-container{
    width: 600px;
    float: left;  
}
nav.menu-header ul::after{
    content: "";
    display: table;
    clear: both;
}
nav.menu-header ul li {
    position: relative;
	margin: 0 0 0 13px;
	float: left;
}
nav.menu-header li ul.sub-menu {
    background-color: #FFF;	
	width: max-content;
    padding: 5px 0;	
    position: absolute;
	visibility: hidden;
	opacity: 0;
    margin-top: 5px;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
	transition: all 200ms ease;
}
nav.menu-header li ul.sub-menu::before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}
nav.menu-header li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
}
nav.menu-header li ul.sub-menu li {
	width: max-content;
	display: block;	
	float: none;
    margin: 0;
}
nav.menu-header ul li a{	
    height: 26px;	
    color: #FFF;	
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 12px;
    line-height: 26px;	
	display: block;	
}
nav.menu-header ul li.menu-item-has-children:hover a,
nav.menu-header ul li a:hover{	
    color: #b97e11;
}
nav.menu-header li ul.sub-menu li a {
	color: #b97e11;
	text-align: left;
	padding: 0 10px;
}
nav.menu-header li ul.sub-menu li a:hover{  
    color: #014a8c;
}
.current-menu-item a{
	color: #b97e11;
}
a.btn-cc{
    background-color: #b97e11;
    border-radius: 5px;
    width: 128px;
    height: 36px;
    padding: 5px 4px;
    display: block;
    position: relative;
    float: right;
    margin: 10px 0 0 15px;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
}
a.btn-cc span {
	color: #FFF;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.15em;
	display: block;
    transition: all 300ms ease-in;
}
.icone-cc{
    width: 40px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}
a.btn-cc:hover{
    background-color: #FFF;
}
a.btn-cc:hover span{
    color: #014a8c;
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer{
	background-color: #014a8c;
	width: 100%;
	height: auto;
	padding: 90px 0 40px;
	position: relative;		
	z-index: 1;
}
.footer-inner {
	width: 1170px;
	height: auto;
	margin: 0 auto;	
}
.col-footer {
	width: auto;
	height: auto;    
	color: #FFF;
    float: left;	
}
.col-footer.social {
	border-right: 1px solid #0071bc;
	width: max-content;
	padding: 25px 50px 10px 0;
}
.logo-footer{
    width: 245px;
}
.social-footer{
    padding: 70px 0 0;
    font-size: 0;
}
.icone-social-footer {
	border: 1px solid #FFF;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	display: inline-block;
	vertical-align: top;
	color: #FFF;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	margin: 0 15px 0 0;
}
.icone-social-footer i{
    transition: all 300ms ease-in;
}
.icone-social-footer:last-child{
    margin: 0;
}
.icone-social-footer:hover{
    background-color: #FFF;
    color: #014a8c;
}
.col-footer.menu-footer,
.col-footer.contato-footer{
    border-right: 1px solid #0071bc;
    width: 255px;
    padding: 25px 25px 10px;
}
.col-footer ul.menu{
    margin-bottom: 60px;
}
.col-footer ul.menu li ul.sub-menu li{
    padding-left: 10px;
}
.col-footer ul.menu li:last-child{
    margin-bottom: 0;
}
.col-footer ul.menu li a{
	color: #FFF;
	font-size: 13px;
}
.btn-privacidade{
    color: #FFF;
	font-size: 13px;
    text-transform: uppercase;
}
.col-footer ul.menu li a:hover,
.btn-privacidade:hover{
	color: #b97e11;
}
.col-footer.contato-footer h3,
.col-footer.newsletter h3{
    color: #FFF;
    font-size: 23px;
    font-weight: 600;  
    margin: 0 0 15px;
}
.col-footer.contato-footer p{
    font-size: 13px;
}
.col-footer.contato-footer p a{
    color: #FFF;
}
.col-footer.newsletter {
	width: 364px;
	padding: 25px 0 10px 25px;
	float: right;
}
.col-footer.newsletter h3{  
    text-align: right;  
}
.col-footer.newsletter p{
    color: #FFF;
    font-size: 14px;
    text-align: right;
}
.col-footer.newsletter .btn-privacidade{
    display: none;
}
.creditos{
    width: 100%;
    padding-top: 60px;
    text-align: center;
    clear: both;
}
.creditos a,
.creditos p{    
    font-size: 13px;
    color: #FFF;
}
.col-footer.contato-footer p a:hover,
.creditos a:hover{
    color: #b97e11;
}
/*-------------------------------------------------------
INÍCIO
-------------------------------------------------------*/
.banner{
    width: 100vw;
    height: calc( 100vh - 76px );
}
.banner-lista{
    position: relative;
    z-index: 0;
}
.banner-lista::after{
    content: "";
    background: url(img/grafismo-banner.png) no-repeat center bottom;
    width: 100%;
    height: 293px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.banner-item{
    background: no-repeat center center;
    background-size: cover;
    width: 100vw;
    height: calc( 100vh - 76px );
    display: block;
}
/* INSTITUCIONAL */
.institucional,
.rede-carreiras,
.mapa-home{
    background-color: #014a8c;
}
.institucional-txt{
    color: #FFF;
    margin-bottom: 80px;
}
.institucional-numeros{
    font-size: 0;
}
.numero-item{
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 100px;
}
.numero-item-icone{
    width: 100px;
    height: 100px;
    position: relative;
    float: left;
    margin: 0 25px 0 0;
}
.numero-item-icone img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.numero-item-txt{
    width: calc(100% - 125px);
    height: auto;
    float: left;
}
.numero-item-txt h3{
    color: #FFF;
    font-size: 75px;
    margin: 0;
}
.numero-item-txt p{
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
}
.institucional .btn-padrao{
    background-color: #b97e11;
    margin: 0 auto;
}
.institucional .btn-padrao:hover{
    background-color: #FFF;
    color: #014a8c;
}
/* PORTIFÓLIO */
.portfolio .inner{
    width: 1200px;
}
.portfolio h2,
.mapa-home h2,
.noticias h2,
.defesa h2,
.servicos-central h1,
.convencoes h1{
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 60px;
}
.portfolio h2{
    font-size: 36px;
    margin-bottom: 15px;
}
.portfolio p,
.mapa-home p{
    text-align: center;
    margin-bottom: 80px;
}
.portfolio-lista {
	font-size: 0;
	text-align: center;
}
.portfolio-item{
    width: 200px;
    height: auto;
    padding: 0 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 80px;
}
.portfolio-item-icone,
.presenca-item-icone,
.categorizacao-item-icone{
    width: 78px;
    height: 78px;
    display: block;
    position: relative;    
    margin: 0 auto 20px;
}
.portfolio-item-icone img,
.solucao-item-icone img,
.presenca-item-icone img,
.categorizacao-item-icone img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.portfolio-item h3{
    color: #4d4d4d;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}
.portfolio .btn-padrao,
.noticias .btn-padrao,
.na-rua .btn-padrao{   
    margin: 0 auto;
}
/* MAPA HOME */
.mapa-home h2{
    margin-bottom: 15px;
}
.mapa-home h2,
.mapa-home p{
    color: #FFF;
}
.mapa-home-container{
    width: 1080px;
    height: calc( 100% * 0.8176);
    position: relative;
    margin: 0 auto;
}
.mapa-home-info{
    width: max-content;
    padding: 40px 0 0 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.mapa-home-info-txt{
    margin-bottom: 20px;
}
.mapa-home-info-txt:last-child{
    margin-bottom: 0;
}
.mapa-home-info-txt h3 {
	color: #FFF;
	font-size: 85px;
    line-height: 1;
	margin: 0 0 -10px;
}
.mapa-home-info-txt p{
    color: #FFF;
    font-size: 36px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
}
.mapa-cidades {	
	width: 100%;
	height: 100%;
    position: absolute;
	z-index: 1;
    pointer-events: none;
}
a.btn-pin{
    background: url(img/icone-pin.png) no-repeat;
    background-size: 100% auto;
    width: 30px;
    height: 43px;
    display: block;
    position: absolute;
    transform: translate(-50%,-100%);  
    pointer-events: all;
}
a.btn-pin span {	
    background-color: #b97e11 !important;
	bottom: 100%;	
}
a.btn-pin:hover{
    z-index: 999;
}
.mapa-img{
    display: block;
    position: relative;
    z-index: 0;
}
.mapa-img img{    
    filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.3));
}
/* NOTÍCIAS */
.noticias{
    background-color: #eeeeef;
}
.noticias h2{
    font-size: 36px;
}
.lista-noticias{
    margin-bottom: 50px;
}
.noticia-item{
    background-color: #FFF;
    border-radius: 25px;
    width: 370px;
    padding: 17px 17px 30px;
    float: left;
    margin: 0 30px 30px 0;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.noticia-item:nth-child(3n+0){
    margin: 0 0 30px 0;
}
.noticia-item-img {
	border-radius: 10px;
    margin-bottom: 15px;
}
.noticia-item-info{
    padding: 0 10px;
}
.noticia-item h3{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 200ms ease-in;
}
.noticia-item h3:hover{
    color: #b97e11;
}
.noticia-item p{
    font-size: 14px;
}
.noticia-item .btn-leia{
    color: #014a8c;
    font-size: 15px;
    font-weight: 600;
}
.noticia-item .btn-leia:hover{
    color: #b97e11;
}
/* REDE DE CARREIRAS */
.rede-carreiras-img{
    width: 480px;
    float: right;
}
.rede-carreiras-info{
    width: 630px;
    float: left;
}
.rede-carreiras-info h2{
    color: #FFF;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.rede-carreiras-info p{
    color: #FFF;    
}
.rede-carreiras-txt{
    margin-bottom: 30px;
}
.rede-carreiras-info .btn-padrao{
    background-color: #FFF;
    color: #014a8c;
}
.rede-carreiras-info .btn-padrao:hover{
    background-color: #b97e11;
    color: #FFF;   
}
/* NA RUA */
.na-rua::after{
    content: "";
    background: url(img/bg-na-rua.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.35;
    z-index: 0;
}
.na-rua .inner{
    z-index: 1;
}
.na-rua-img{
    float: left;
    margin: 0 0 80px;
}
.na-rua-info{
    width: 630px;
    text-align: right;
    float: right;
    margin: 0 0 80px;
}
.na-rua-info h2{
    color: #014a8c;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.na-rua .btn-padrao{
   clear: both;
}
/* CENTRAL DO REPRESENTADO */
.defesa h2 + p{
    text-align: center;
    margin-top: -60px;
    margin-bottom: 80px;
}
.defesa-lista .solucao-item p{
    padding: 0 70px;
    color: #4d4d4d;
}
/*-------------------------------------------------------
TOPO
-------------------------------------------------------*/
.topo{
    background: no-repeat center center;
    background-size: auto 100%;
    width: 100%;
    height: 550px;
    position: relative;
}
.topo-inner{
    width: 1170px;
    height: auto;
    padding: 45px 0 0;
    position: relative;   
    margin: 0 auto;
}
.topo h1{
    color: #b97e11;
    font-size: 24px;
    font-style: italic;
}
.banner-pagina{
    background: no-repeat center center;
    background-color: #01305a;    
    background-size: auto 100%;   
    background-blend-mode: multiply;
    width: 100%;
    height: 515px;
    position: relative;
}
.banner-pagina::before,
.banner-pagina::after{
    content: ""; 
    height: 100%;
    position: absolute;
    top: 0;   
    z-index: 1;
}
.banner-pagina::before{
    background: radial-gradient(circle,rgba(0, 47, 143, 0) 0%, rgba(0, 47, 143, 0.3) 35%, rgba(27, 20, 100, 1) 67%, rgba(27, 20, 100, 1) 100%);
    width: 85%;
    right: 0;
}
.banner-pagina::after{
    background-color: rgba(27, 20, 100, 1);
    width: 15%;
    left: 0;
    z-index: 1;
}
.banner-pagina-inner {
	width: 1170px;
	height: 100%;
	padding: 0;	
	display: flex;	
	align-items: center;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.banner-pagina h1 {
    width: 600px;
	color: #FFF;
	font-size: 60px;
    font-weight: 900;
	text-transform: uppercase;
	margin: 0;	
}
/*-------------------------------------------------------
INSTITUCIONAL
-------------------------------------------------------*/
.logo-institucional{
    margin-bottom: 20px;
}
.slider-institucional{
    width: 500px;
    border-radius: 10px;
    float: left;
    overflow: hidden;
    margin: 0 45px 100px 0;
}
.slider-institucional .owl-dots{
    bottom: 20px;
}
.conteudo-institucional .institucional-txt{
    width: 625px;
    float: left;
    margin-bottom: 100px;
}
h2.hashtag{
    color: #FFF;
    font-size: 42px;
    text-align: center;
    clear: both;
    margin-bottom: 25px;
}
h2.hashtag span{
    color: #b97e11;
}
.conteudo-institucional h3,
.conteudo-institucional p.subtitulo{
    color: #FFF;   
    text-align: center;
}
.conteudo-institucional h3{
    font-size: 24px;
}
.conteudo-institucional p.subtitulo{
    margin-bottom: 30px;
}
.conteudo-institucional .btn-padrao,
.solucoes .btn-padrao{
    width: max-content;
    padding: 0 40px;
    margin: 0 auto 100px;
}
.solucoes-lista{
    font-size: 0;
    text-align: center;
}
.solucao-item{
    width: 390px;
    display: inline-block;
    vertical-align: top;
}
.solucao-item-icone{
    width: 92px;
    height: 92px;
    display: block;
    position: relative;  
    margin: 0 auto 15px;
}  
.solucao-item h3{   
    margin-bottom: 5px;  
    transition: all 300ms ease-in;
}
.solucao-item:hover h3{
    color: #b97e11;
}
.solucao-item p{
    padding: 0 75px;
    font-size: 15px;
    color: #FFF;
    text-align: center;
}
/* DIRETORIA */
.diretoria{
    background-color: #e6e6e6;
}
.diretoria .inner {
    width: 1214px;
	padding: 80px 0 0;	
}
.diretoria h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}
.diretoria-secao{
    padding-bottom: 40px;
}
.diretoria-secao-titulo{
    width: 1170px;    
    display: block;
    position: relative;   
    margin: 0 auto 30px;
}
.diretoria-secao-titulo::after{
    content: "";
    background-color: #bebebe;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
}
.diretoria-secao-titulo h3{
    background-color: #e6e6e6;
    width: max-content;
    padding: 0 25px;
    display: block;
    position: relative;
    font-size: 28px;
    margin: 0 auto;
    z-index: 1;
}
.lista-diretoria{
    text-align: center;
    font-size: 0;
}
.diretor-item{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 60px;   
}
.diretor-item img{
    border-radius: 10px;   
    margin: 0 auto 10px;
}
.diretor-item p{
    font-size: 12px;
    line-height: 1.25em;
}
.diretor-item p span{
    color: #014a8c;
}
.lista-diretoria.col-1 .diretor-item{
    width: 100%;
}
.lista-diretoria.col-1 .diretor-item p{
    font-size: 16px;
}
.lista-diretoria.col-6 .diretor-item{
    width: calc( 100% / 6 );    
}
.lista-diretoria.col-3{
    padding: 0 200px 40px;    
}
.lista-diretoria.col-3 .diretor-item{
    width: calc( 100% / 3 );    
    margin-bottom: 20px;   
}
/* DESCUBRA MINAS */
.descubra{
    background: no-repeat center bottom;
    background-size: cover;
   /*  background-attachment: fixed; */
}
.descubra .inner{
    height: 530px;
    max-height: calc( 100vh - 76px );
    padding: 50px 200px 0;
}
.descubra-txt{
    width: 100%;
    text-align: center;
}
.descubra h2{
    width: 386px;
    display: block;
    margin: 0 auto 40px;    
}
.descubra h2 img{
    width: 100%;
}
.descubra-txt p{
    color: #FFF;
    margin-bottom: 50px;
}
.descubra .btn-padrao{
    background-color: #FFF;
    color: #014a8c;
    margin: 0 auto;  
}
.descubra .btn-padrao:hover{
    background-color: #014a8c;
    color: #FFF;
}
/* DIRECIONAMENTO */
.direcionamento .inner{
    width: 1200px;
    padding: 170px 0 140px;   
}
.direcionamento-item{
    background: no-repeat center center;
    background-color: #014a8c;
    background-size: cover;
    border-radius: 25px;
    width: 570px;
    height: 200px;
    padding: 25px 65px 0 35px;
    display: block;
    position: relative;
    float: left;
    margin: 0 15px 30px;   
}
.direcionamento-item h3{
    color: #FFF;
    font-size: 30px;    
    transition: all 300ms ease-in;
}
.direcionamento-item p{
    color: #FFF;
    transition: all 300ms ease-in;
}
.direcionamento-item:hover h3,
.direcionamento-item:hover p{
    color: #b97e11;
}
.direcionamento-item .btn-padrao {	
	border-radius: 6px;
	width: 155px;
	height: 32px;
    position: absolute;
    bottom: 30px;
    left: 40px;
	font-size: 16px;
	line-height: 32px;	
}
/*-------------------------------------------------------
PRODUTOS E SERVIÇOS
-------------------------------------------------------*/
.tipo-representado .inner{
    width: 1210px;
}
.tipo-item{
    background-color: #014a8c;
    border-radius: 15px;
    width: 565px;
    height: 405px;
    position: relative;
    float: left;
    margin: 0 20px;
    overflow: hidden;
}
.img-tipo{
    position: relative;
    z-index: 0;
    mix-blend-mode: overlay;
}
.tipo-representado .btn-padrao{
    background-color: #FFF;    
    width: 380px;
    color: #014a8c;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;    
}
.tipo-representado .btn-padrao:hover{
    background-color: #b97e11;
    color: #FFF;
}
/* SERVIÇOS CENTRAL DO REPRESENTADO */
.tipo-representado.servicos-central .inner{
    width: 1200px;
    padding: 80px 0 50px;
}
.tipo-representado.servicos-central .tipo-item{   
    width: 370px;
    height: 270px;
    margin: 0 15px 30px;   
}
.tipo-representado.servicos-central .btn-padrao {
	width: 320px;	
	height: auto;	
	padding: 10px 0;
    line-height: 1em;
    bottom: 30px;
}
/* PÁGINA FILHA */
.topo-solucao{
    width: 100vw;
    height: calc( 100vh - 76px );
    background: no-repeat center top;
    background-size: cover;
}
/* SOLUÇÕES */
.solucoes{
    background-color: #014a8c;
}
.solucoes .inner{
    padding: 80px 200px;
}
.solucoes h1{
    color: #FFF;
    font-size: 30px;
    text-align: center;
    margin-bottom: 15px;
}
.solucoes h3{
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;    
}
.solucoes p{
    color: #FFF;
    text-align: center;
    margin-bottom: 60px;    
}
.solucoes .btn-padrao{  
    background-color: #b97e11;
    margin: 0 auto;
}
.solucoes .btn-padrao:hover{
    background-color: #FFF;
    color: #014a8c;
}
/* BENEFÍCIOS */
.beneficios.gerais .inner{
    padding: 80px 0 35px;
}
.beneficios.filiados .inner{
    padding: 0 0 80px;
}
.beneficios h2{
    text-align: center;
    margin-bottom: 80px;
}
.lista-beneficios{
    font-size: 0;
    text-align: center;
}
.beneficio-item{
    width: 360px;
    height: auto;  
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 45px 45px 0;
    overflow: hidden;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.beneficio-item:nth-child(3n+0){
    margin: 0 0 45px 0;
}
.beneficio-item-inner{
    width: 100%;   
    padding: 17px 15px 35px;
    position: relative;
}
.beneficio-item-slide-1,
.beneficio-item-slide-2{
    position: relative;
    padding-bottom: 47px;   
}
.beneficio-item-slide-1{
    border-top: 5px solid #014a8c;
    background-color: #e6e6e6;
}
.beneficio-item img{
    margin-bottom: 10px;
}
.beneficio-item h3{
    font-size: 22px;
    margin-bottom: 0;
}
.beneficio-item h4{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 1em;
}
.beneficio-item p,
.beneficio-item li{
    font-size: 14px;
}
.btn-beneficio{
    background-color: #014a8c;
    border-radius: 16px;
    width: 130px;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 15px;
    left: 50%;    
    transform: translateX(-50%);
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;       
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.btn-beneficio i{
    margin-right: 10px;
}
.beneficio-item-slide-2{
    background-color: #014a8c;
}
.beneficio-item-slide-2 h3,
.beneficio-item-slide-2 h4,
.beneficio-item-slide-2 p,
.beneficio-item-slide-2 li {
    color: #FFF;
}
.beneficio-item-slide-2 ul {
	list-style: disc outside;	
	padding-left: 20px;
    margin-bottom: 1em;
}
.beneficio-item-slide-2 ul li:last-child{
    margin-bottom: 0;
}
.beneficio-item-slide-2 .btn-beneficio{
    background-color: #FFF;  
    color: #014a8c;   
}
.owl-beneficio .owl-stage {
    display: flex;
}
.owl-beneficio .owl-item {
    display: flex;
    flex: 1 0 auto;
}
.owl-beneficio .owl-nav{
    position: absolute;
    width: 100%;
    height: 32px;
    padding: 0 15px;
    bottom: 15px;
    left: 0;
    pointer-events: none;
}
.owl-beneficio .owl-prev,
.owl-beneficio .owl-next{   
    width: 32px;
    height: 32px;
    display: block;
    position: relative;
    pointer-events: all;
    transition: all 300ms ease-in;
}
.owl-beneficio .owl-prev{
    float: left;
}
.owl-beneficio .owl-next{
    float: right;
}
.owl-beneficio .owl-prev::after,
.owl-beneficio .owl-next::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 8px;
    transition: all 300ms ease-in;
}
.owl-beneficio .owl-prev::after{   
    border-width: 8px 10px 8px 0;
    border-color: transparent #808080 transparent transparent;    
    left: 0;    
}
.owl-beneficio .owl-next::after{   
    border-width: 8px 0 8px 10px;
    border-color: transparent transparent transparent #808080;   
    right: 0;    
}
.owl-beneficio .owl-prev:hover::after{     
    border-color: transparent #b97e11 transparent transparent;        
}
.owl-beneficio .owl-next:hover::after{      
    border-color: transparent transparent transparent #b97e11;       
}
.owl-beneficio .owl-prev.disabled,
.owl-beneficio .owl-next.disabled{
    opacity: 0;
}
.owl-beneficio .owl-prev span,
.owl-beneficio .owl-next span{
    display: none;
}
/* .beneficios.gerais .beneficio-item:nth-child(1) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(7) .beneficio-item-slide-1{
    border-top: 5px solid #8cc63f;    
}
.beneficios.gerais .beneficio-item:nth-child(1) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(7) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(1) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(7) .beneficio-item-slide-2{
    background-color: #8cc63f;
}
.beneficios.gerais .beneficio-item:nth-child(1) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(7) .beneficio-item-slide-2 .btn-beneficio{  
    color: #8cc63f;   
}
.beneficios.gerais .beneficio-item:nth-child(2) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(8) .beneficio-item-slide-1{
    border-top: 5px solid #662d91;         
}
.beneficios.gerais .beneficio-item:nth-child(2) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(8) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(2) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(8) .beneficio-item-slide-2{
    background-color: #662d91;    
}
.beneficios.gerais .beneficio-item:nth-child(2) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(8) .beneficio-item-slide-2 .btn-beneficio{  
    color: #662d91;      
}
.beneficios.gerais .beneficio-item:nth-child(3) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(9) .beneficio-item-slide-1{
    border-top: 5px solid #009245;       
}
.beneficios.gerais .beneficio-item:nth-child(3) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(9) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(3) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(9) .beneficio-item-slide-2{
    background-color: #009245;    
}
.beneficios.gerais .beneficio-item:nth-child(3) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(9) .beneficio-item-slide-2 .btn-beneficio{  
    color: #009245;       
}
.beneficios.gerais .beneficio-item:nth-child(4) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(10) .beneficio-item-slide-1{
    border-top: 5px solid #f15a24;       
}
.beneficios.gerais .beneficio-item:nth-child(4) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(10) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(4) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(10) .beneficio-item-slide-2{
    background-color: #f15a24;
    
}
.beneficios.gerais .beneficio-item:nth-child(4) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(10) .beneficio-item-slide-2 .btn-beneficio{  
    color: #f15a24;   
    
}
.beneficios.gerais .beneficio-item:nth-child(5) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(11) .beneficio-item-slide-1{
    border-top: 5px solid #fbb03b;    
}
.beneficios.gerais .beneficio-item:nth-child(5) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(11) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(5) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(11) .beneficio-item-slide-2{
    background-color: #fbb03b;
}
.beneficios.gerais .beneficio-item:nth-child(5) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(11) .beneficio-item-slide-2 .btn-beneficio{  
    color: #fbb03b;   
}
.beneficios.gerais .beneficio-item:nth-child(6) .beneficio-item-slide-1,
.beneficios.gerais .beneficio-item:nth-child(12) .beneficio-item-slide-1{
    border-top: 5px solid #ed1c24;   
}
.beneficios.gerais .beneficio-item:nth-child(6) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(12) .beneficio-item-slide-1 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(6) .beneficio-item-slide-2,
.beneficios.gerais .beneficio-item:nth-child(12) .beneficio-item-slide-2{
    background-color: #ed1c24;
}
.beneficios.gerais .beneficio-item:nth-child(6) .beneficio-item-slide-2 .btn-beneficio,
.beneficios.gerais .beneficio-item:nth-child(12) .beneficio-item-slide-2 .btn-beneficio{  
    color: #ed1c24;   
} */
.btn-beneficio:hover{
    background-color: #b97e11 !important;
    color: #FFF !important;
}
/* FECHAMENTO */
.fechamento{
    padding-top: 35px;
}
.fechamento h2{
    margin-bottom: 20px;
}
.fechamento h2.hashtag{
    color: #b97e11;
    margin-bottom: 0;
}
.fechamento h2.hashtag span{
    color: #014a8c;
}
/* PLANOS */
.planos{
    background-color: #e6e6e6;
}
.plano h3{
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}
.plano h2{
    text-align: center;
    margin-bottom: 50px;
}
.lista-planos{
    font-size: 0;
    text-align: center;
    margin-bottom: 50px;
}
.plano-item{   
    background: rgb(255,255,255);
    background: linear-gradient(165deg, rgba(255,255,255,1) 46%, rgba(204,204,204,1) 100%);
    border-radius: 25px;
    width: 360px;
    height: 410px;
    padding: 0 25px ;
    display: inline-block;
    vertical-align: top;
    margin: 0 45px 0 0;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.plano-item:last-child{
    margin: 0;
}
.plano-item-titulo{
    border-bottom: 1px solid #808080;
    width: 100%;
    height: 120px;
    position: relative;
    margin-bottom: 20px;
}
.plano-item-titulo h4{
    width: 100%;
    font-size: 26px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.plano-item p{
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
}
p.plano-item-valor span{    
    font-size: 38px;    
}
p.plano-item-valor span,
p.desconto span{
    color: #014a8c;  
    font-weight: 700;
}
p.desconto{
    margin-bottom: 50px;
}
.btn-plano{
    background-color: #b97e11;    
    border-radius: 12px;
    width: 100%;
    height: 44px;
    display: block;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 44px;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.btn-plano:hover{
    background-color: #014a8c;
}
.planos h3.hashtag{
    color: #b97e11;
    font-weight: 700;
    margin-bottom: 70px;
}
.planos h3.hashtag span{
    color: #014a8c;
}
.planos-form h4{
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 35px;
}
.planos-form .formulario{
    width: 100%;
    height: auto;
    padding: 0 73px;
}
.planos-form .formulario .wpcf7-form-control-wrap{
    width: 490px;
    float: left;
    margin: 0 11px 20px;  
}
.planos-form .formulario .wpcf7-form-control-wrap:first-of-type{
    width: 1002px;
}
.formulario input[type=text],
.formulario input[type=email],
.formulario input[type=tel],
.formulario input[type=date],
.formulario textarea{
    background-color: #FFF;
    border: 1px solid #FFF;
    width: 100%;
    height: 50px; 
    border-radius: 10px;  	
    font-size: 15px;     
    color:#4d4d4d;       
    line-height: 48px;
    margin: 0;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);   
}
.formulario textarea{
    height: 120px;
    line-height: 1.25em;
}
.formulario input[type="submit"] {	
	width: 132px;
	height: 50px;
    border-radius: 10px;	
	font-size: 15px;	    
	margin: 0 11px 0 0;
    clear: both;	
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);   
}
.formulario input[type=submit]:hover{
	background-color: #014a8c;
	border: 1px solid #014a8c;    
    color: #FFF;
}
.formulario span.wpcf7-not-valid-tip {	
	margin-top: 10px;
	margin-bottom: 0;	
}
/*-------------------------------------------------------
SINDICATOS
-------------------------------------------------------*/
/* MAPA */
.sindicatos h2{
    font-size: 30px;
    margin-bottom: 80px;
}
.mapa{
    width: 640px;
    position: relative;
    float: left;
    margin: 0 30px 0 0;
}
.mapa img{
    width: 100%;
    height: 100%;
}
.sindicatos-container{
    width: 500px;
    float: left;
}
.filtros-sindicatos{
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
}
.filtros-sindicatos ul::after{
    content: "";
    display: table;
    clear: both;
}
.searchandfilter ul {
	position: relative;
}
.searchandfilter ul li {
	padding: 0;	
    float: left;
}
.searchandfilter ul li.sf-field-search {
	width: calc( 100% - 110px );
	margin: 0;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="select"]{
    width: calc( 100% - 110px );
    display: none;
}
.searchandfilter ul li label,
.searchandfilter ul li input[type=text],
.searchandfilter ul li select{
    width: 100%;
}
.searchandfilter ul li input[type=text],
.searchandfilter ul li select{
    background-color: #e6e6e6;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] {
	width: 640px;
	height: 522px;
	position: absolute;
	left: -670px;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] ul {
	width: 100%;
	height: 100%;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li:first-child{
    display: none;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li{       
    width: 16px;
    height: 23px;
    padding: 0;
    position: absolute;    
    transform: translate(-50%,-100%); 
    float: none;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li input {
    width: 16px;
    height: 23px;
    display: block;
    position: absolute;    
    opacity: 0;
    cursor: pointer;
    margin: 0;
    z-index: 1;    
} 
.checkmark {
    background: url(img/icone-pin.png) no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 23px;
    position: absolute;
    top: 0;
    left: 0;      
    /* background-color: #b97e11; */
   /*  border-radius: 50%; */
    z-index: 0;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li:hover{
    z-index: 9999;
}
/* 
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li:hover input ~ .checkmark {
    background-color: #014a8c;
} 
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li input:checked ~ .checkmark {
    background-color: #014a8c;
}
*/
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li label,
a.btn-pin span {
	background-color: #b97e11;
	width: max-content;
	padding: 4px 6px;
	position: absolute;	
	left: 50%;
	transform: translateX(-50%);
	color: #FFF;
	line-height: 1;
	font-size: 12px;
	border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    transition: all 300ms ease-in;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li label{
    bottom: 24px;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] li:hover label,
a.btn-pin:hover span{
    visibility: visible;
    opacity: 1;
}
.searchandfilter ul li.sf-field-reset{
    margin: 0 0 0 10px;
}
.searchandfilter ul li.sf-field-reset input[type="submit"]{
    background-color: #014a8c;
    border: 1px solid #014a8c;
    width: 100px;
	height: 50px;
}
.searchandfilter ul li.sf-field-reset input[type="submit"]:hover{
    background-color: #b97e11;
    border: 1px solid #b97e11;
    color: #FFF;
}
.lista-sindicatos{
    background-color: #e6e6e6;
    border-radius: 10px;
    padding: 30px 10px 30px 30px;   
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.lista-sindicatos-inner{
    width: 100%;
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}
.sindicato-item{
    padding: 0 20px 0 0;
    margin-bottom: 40px;
}
.sindicato-item:last-child{
    margin-bottom: 0;
}
.sindicato-item h3,
.sindicato-item h4{
    font-size: 18px;
    margin-bottom: 5px;
}
.sindicato-item h4{
    font-weight: 500;
    margin-bottom: 15px;
}
.sindicato-item p{
    font-size: 14px;
    margin-bottom: 0.5em;
}
.sindicato-item-botoes{
    padding-top: 15px;
}
.sindicato-item-botoes .btn-padrao{
    background-color: #b97e11;
    border-radius: 6px;
    width: 155px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    float: left;
}
.sindicato-item-botoes .btn-padrao:hover{
    background-color: #014a8c;
}
.sindicato-item-botoes .icone-social-footer{
    border: 1px solid #b97e11;
    width: 32px;
    height: 32px;
    font-size: 18px;
    color: #b97e11;
    line-height: 32px;
    float: right;    
}
.sindicato-item-botoes .icone-social-footer:hover{
    background-color: #b97e11;
    color: #FFF;
}
/*-------------------------------------------------------
CONVENÇÕES
-------------------------------------------------------*/
.convencoes{
    background-color: #FFF;
}
.convencoes .drive{
    background-color: #e6e6e6;
    border-radius: 10px;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.accordion dt.periodo-item {   
    background-color: #FFF;	
    border-radius: 20px;
	width: 100%;
	padding: 20px;	   
    display: block;
    position: relative;	
    cursor: pointer;
    margin-bottom: 30px;   
    transition: all 200ms ease-in;	
}
.accordion dt h2,
.accordionChild dt h3{
    color: #b97e11;
    margin: 0;
    transition: all 200ms ease-in;	
}
.accordion dt h2::before,
.accordionChild dt h3::before{  
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}
.accordion dt.active {
	border-radius: 20px 20px 0 0;
}
.accordion dt.active h2::before,
.accordionChild dt.active h3::before{  
    content: "\f07c";
}
.accordion dd {
    background-color: #FFF;
    border-radius: 0 0 20px 20px;
	padding: 0 20px 15px 40px;	
	margin: -30px 0 30px;	
}
.accordionChild dt.cidade-item {   
    display: block;
    cursor: pointer;
    margin-bottom: 15px;
}
.accordionChild dt.active{
    margin-bottom: 15px;
}
.accordionChild dd{    
    padding: 0 0 15px 20px;	
    margin: 0;
}
.accordion dt:hover h2,
.accordionChild dt:hover h3,
.accordion dt.active h2,
.accordionChild dt.active h3{
    color: #014a8c;
}
.btn-documento {
	background: #014a8c;
	border-radius: 10px;
    width: 100%;
	height: auto;
    padding: 10px 10px 10px 50px;		
	display: block;    
    position: relative;
    margin-bottom: 10px;
	box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
}
.cidade-item:last-child,
.btn-documento:last-child{
    margin-bottom: 0;
}
.btn-documento i {
	position: absolute;
	color: #FFF;
	font-size: 28px;
	top: 7px;
	left: 10px;
}
.btn-documento h4 {
	color: #FFF;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.25em;
    margin-bottom: 0;
}
.btn-documento:hover{
    background-color: #b97e11;
}
/*-------------------------------------------------------
PESQUISAS E ANÁLISES, OBSERVATÓRIO
-------------------------------------------------------*/
.pesquisas .inner,
.observatorio .inner,
.consultoria .inner{
    width: 1170px;    
    padding: 0 0 80px;
}
.pesquisas h2,
.observatorio h2,
.consultoria h2{
    font-size: 28px;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.pesquisas .btn-padrao {
	margin: 0 auto;
}
.convencoes.dados .drive {	
	border-radius: 0;	
}
.form-consultoria{
    background-color: #e6e6e6;
    border-radius: 10px;
    width: 630px;
    padding: 60px 40px 30px;
    margin: 0 0 30px;
}
.form-consultoria input{
    border-color: #4d4d4d;
}
.form-consultoria input[type="text"], 
.form-consultoria input[type="email"], 
.form-consultoria input[type="tel"]{	
	border: 1px solid #4d4d4d;
	color: #4d4d4d;	
}
.form-consultoria input[type="submit"] {	
	height: 36px;
	border-radius: 36px;	
}
.consultoria-info span{
    color: #014a8c;
}
/*-------------------------------------------------------
NOTÍCIAS
-------------------------------------------------------*/
/* FILTROS */
.filtros{
    background-color: #014a8c;
}
.filtros .inner{
    padding: 40px 0;
}
.filtros h1 {
	color: #FFF;
    line-height: 44px;
	float: left;
	margin: 0;	
}
.filtros h1 span{
    font-size: 0.75em;
}
.filtros select{
	background-color: #FFF;
	border: 1px solid #FFF;
	width: 300px;
	height: 44px;
	border-radius: 22px;	
	font-weight: 500;
	font-size: 16px;
	padding: 0 17px;
	line-height: 44px;	
    float: right;
	margin: 0;	
}
/* PAGINAÇÃO */
.wp-pagenavi{
    width: 280px;
    height: 44px;
    display: block;
    position: relative;
    margin: 0 auto;
    clear: both;
}
.wp-pagenavi span.pages {
	width: 140px;
	height: 44px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	color: #014a8c;
	font-size: 18px;
	font-weight: 600;
	line-height: 44px;
	text-align: center;
}
.wp-pagenavi a{
    background-color: #014a8c;
    border-radius: 50%;   
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    top: 0;
    color: #FFF;
    text-indent: -9999px;   
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.3);
}
.wp-pagenavi a.previouspostslink{   
    left: 0;
}
.wp-pagenavi a.nextpostslink{   
    right: 0;
}
.wp-pagenavi a.previouspostslink::before,
.wp-pagenavi a.nextpostslink::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-size: 24px;
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	width: 44px;
	height: 44px;
	text-indent: 0;
	text-align: center;
	line-height: 44px;
}
.wp-pagenavi a.previouspostslink::before{
    content: "\f053";
}
.wp-pagenavi a.nextpostslink::before{
    content: "\f054";
}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover{
    background-color: #b97e11;
}
/*-------------------------------------------------------
SINGLE
-------------------------------------------------------*/
.noticia-img {
	width: 1170px;
	margin: 30px auto 0;
}
.conteudo .inner{
    padding: 60px 0 50px;
}
.conteudo-topo .inner {
	padding: 50px 0 0;
}
.conteudo-topo h1{
    line-height: 1.1em;
    margin-bottom: 0.5em;
}
p.autor-conteudo,
p.data-conteudo{
    background: no-repeat left center;
    padding-left: 25px;
    color: #4d4d4d;
    position: relative;
    margin-bottom: 0.5em;
}
p.autor-conteudo i,
p.data-conteudo i{
    color: #014a8c;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 18px;
}
/*-------------------------------------------------------
CONTEÚDO PADRÃO
-------------------------------------------------------*/
.padrao h1,
.padrao h2,
.padrao h3,
.padrao h4,
.padrao h5,
.padrao h6{    
	margin-bottom: 1.5rem;
}
.padrao h1{   
	font-size: 36px;
}
.padrao h2{
	font-size: 30px;   
}
.padrao h3{
	font-size: 24px;	
}
.padrao h4{
	font-size: 22px;	
}
.padrao h5{
	font-size: 20px;	
}
.padrao h6{
	font-size: 18px;	
}
.padrao p:empty {
	line-height: 0;
    margin-bottom: 0;
}
.padrao p a{		
	text-decoration: underline;
}
.padrao p a:hover{
	color: #014a8c;
}
.padrao ul, .padrao ol{
	padding: 0 0 0 30px;
	margin-bottom: 1.5rem;
}
.padrao ol{
	counter-reset: li;
}
.padrao li{
	position: relative;
	line-height: 1.5em;
	margin-bottom: 0.25em;
}
.padrao ul li::before {
	content: "\2022";
	color: #014a8c;
	font-size: 1.25em;
	position: absolute;
	left: -20px;
	top: -2px;
}
.padrao ol li {
	counter-increment: li;
}
.padrao ol li::before {
	content: counter(li) ".";
	color: #014a8c;
	font-size: 1em;
    font-weight: 600;
	position: absolute;
	left: -20px;	
}
.padrao img.size-full,
.padrao img.size-large {	
    width: 100%;
    margin-bottom: 1.5rem;
}
.padrao img.size-medium.alignleft {
	width: auto;
    max-width: 50%;
	float: left;
	margin: 0  1.5rem 0 0;
}
.padrao img.size-medium.alignright {
	width: auto;
    max-width: 50%;
	float: right;
	margin: 0 0 0  1.5rem;
}
.padrao .wp-caption{   
    width: 100% !important;
    margin-bottom:  1.5rem;
}
.padrao .wp-caption img{    
    padding: 0;    
    margin: 0;
}
.padrao .wp-caption p{
    padding: 20px 0 0 0;    
    font-size: 14px;
    font-weight: 600;    
}
.padrao blockquote {   	
    padding: 0 40px;   
    position: relative;	
    margin: 2.5rem 0;
}
.padrao blockquote::before{
    content: '"';
    position: absolute;
    top: -8px;
    left: 0;
    color: #014a8c;
    font-size: 72px;
    font-weight: 800;
}
.padrao blockquote.semaspas::before {
	content: none;	
}
.padrao blockquote p{
    font-size: 24px; 
    font-weight: 600;
}
.padrao .videoContainter{
    margin: 2.5rem 0;
}
.padrao iframe{
    width: 100%;
}
.padrao table {
    width: 100%;    
    border-collapse: collapse;      
    margin: 2.5rem 0;
}
.padrao table tr{
    border-top: #014a8c;
}
.padrao table tr:last-child{
    border-bottom: #014a8c;
}
.padrao table td,
.padrao table th {   
    color: #014a8c;
    font-size: 18px;  
    border-top: none;
    border-bottom: none;   
    padding: 10px;
    line-height: 1.5em;
}
.padrao table th {   
    color: #014a8c;     
	font-weight: 700;
	padding: 10px;
	vertical-align: middle;
    border-left: #014a8c;     
}
.padrao table tr:first-child td{
    color: #014a8c;     
	font-weight: 700;
}
.padrao table td {
    border: #014a8c;
}
.padrao table th:first-child,
.padrao table td:first-child {
    border-left: none;      
}
.padrao table td:last-child {
    border-right: none;      
}
.padrao .gallery {
	width: 750px;
    padding: 40px 0;
	margin: 0 auto;
}
.padrao .gallery .owl-nav {
	width: 100%;
	height: 24px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}
.padrao .gallery .owl-prev,
.padrao .gallery .owl-next{
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    pointer-events: all;
}
.padrao .gallery .owl-prev::after,
.padrao .gallery .owl-next::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 0;
    transition: all 300ms ease-in;
}
.padrao .gallery .owl-prev::after{   
    border-width: 12px 16px 12px 0;
    border-color: transparent #014a8c transparent transparent;    
    left: 0;    
}
.padrao .gallery .owl-next::after{   
    border-width: 12px 0 12px 16px;
    border-color: transparent transparent transparent #014a8c;   
    right: 0;    
}
.padrao .gallery .owl-prev:hover::after{     
    border-color: transparent #b97e11 transparent transparent;        
}
.padrao .gallery .owl-next:hover::after{      
    border-color: transparent transparent transparent #b97e11;       
}
.padrao .gallery .owl-prev{
    left: -40px;
}
.padrao .gallery .owl-next{
    right: -40px;
}
.padrao .gallery .owl-prev span,
.padrao .gallery .owl-next span{
    display: none;
}
.padrao .gallery .owl-dots {
    width: 100%;
	font-size: 0;
	text-align: center;	
    position: absolute;	
    bottom: 0;	
    z-index: 2;
}
.padrao .gallery .owl-dot{
    background-color: #014a8c !important;
    border-radius: 50%;
    opacity: 0.5;
    width: 6px;
    height: 6px;
    display: inline-block;   
    margin: 0 5px;  
    transition: all 200ms ease-in;
}
.padrao .gallery .owl-dot.active{
    opacity: 1;
}
/* MARGEM EM TODOS OS ELEMENTOS */
.padrao *:last-child{
    margin-bottom: 0;
}
/* COMPARTILHE */
.compartilhe{
    background-color: #b97e11;
}
.compartilhe .inner{
    padding: 50px 0;
}
.compartilhe h3{
    color: #FFF;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}
.addtoany_shortcode{
    text-align: center;
}
.addtoany_list a {	
	width: 39px;
	height: 34px;
	padding: 3px 5px;
	margin-right: 26px;
    transition: none;
}
.addtoany_list a:hover span {
    opacity: 1 !important;
}
/*-------------------------------------------------------
NEI E CEDES
-------------------------------------------------------*/
.especial-chamada{
    background-color: #014a8c;
}
.especial-chamada .inner{
    padding: 80px 225px;
}
.especial-chamada p{
    color: #FFF;
    text-align: center;
}
.especial-conteudo .inner{
    padding: 80px 200px;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
/* formularios */
input[type=text],
input[type=email],
input[type=tel],
select,
textarea{
    background-color: #FFF;
    border: 1px solid #607fcb;
    width: 100%;
    height: 36px; 
    border-radius: 18px;  
	font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 13px;     
    color:#014a8c;   
    padding: 0 10px;
    line-height: 34px;
	display: block;
	position: relative;
    margin: 0 0 15px;  
    transition: all 200ms ease-in;		
}
textarea{
    height: 80px;
    padding: 0 10px 10px;
	line-height: 1.25em;
	z-index: 0;
}
input[type="submit"] {
	background-color: #b97e11;
	border: 1px solid #b97e11;
	width: 132px;
	height: 28px;
    border-radius: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 13px;
	color: #FFF;	
	text-align: center;
	display: block;	
    float: right;
	margin: 0;
	z-index: 1;
	cursor: pointer;
	transition: all 200ms ease-in;	
	text-transform: uppercase;
}
input[type=submit]:hover{
	background-color: #FFF;
	border: 1px solid #FFF;    
    color: #b97e11;
}
input::placeholder{	
	opacity:1;
}
textarea::placeholder{	
	opacity:1;
}
input:focus::placeholder{  
    opacity:0;   
}
textarea:focus::placeholder{ 
    opacity:0;
}
.wpcf7-spinner{
    clear: both;
}
span.wpcf7-not-valid-tip {
	color: #b97e11 !important;
	font-size: 14px !important;
	margin-top: -10px;
	margin-bottom: 10px;
	font-weight: 600 !important;
}
span.wpcf7-not-valid-tip:before{
	content:"🡑 ";
}
div.wpcf7-response-output {
	background: #b97e11;
	border: 2px solid #b97e11 !important;
	border-radius: 10px;
    width: 100%;
	padding: 10px !important;
	color: #FFF !important;
	margin: 20px 11px 0 !important;
	font-size: 14px !important;
	text-align: center !important;
	font-weight: 600;	
    float: left;
}
.wpcf7-form::after{
    content: "";
    display: table;
    clear: both;
}
/*-------------------------------------------------------
POLÍTICA DE PRIVACIDADE
-------------------------------------------------------*/
.page-portal-de-privacidade h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}
/* LEPD */
.lgpd{
    background-color: #014a8c;
}
.lgpd .inner{
    padding: 80px 275px 1px;
}
.lgpd h2,
.lgpd p{
    color: #FFF;
    text-align: center;
}
.lgpd p{
    margin-bottom: 80px;
}
/* PRESENÇA */
.presenca .inner,
.tratamento .inner{
    width: 1210px;
}
.presenca-item,
.categorizacao-item,
.direitos-item{
    background-color: #e6e6e6;
    border-radius: 15px;
    width: 565px;
    height: 335px;
    padding: 50px 90px 0;
    position: relative;
    float: left;
    margin: 0 20px;
    overflow: hidden;
}
.presenca-item-icone,
.categorizacao-item-icone{
    width: 68px;
    height: 68px;
}
.presenca-item h3{
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.presenca-item p,
.categorizacao-item p{
    text-align: center;
}
/* TRATAMENTO */
.tratamento,
.contato-privacidade{
    background-color: #d9e4ee;
}
.tratamento h2{
    margin-bottom: 80px;
}
.tratamento-item{
    width: 202px;
    float: left;
    margin: 0 20px;
}
.tratamento-item h3{
    border-bottom: 1px solid #014a8c;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
/* CATEGORIZAÇÃO */
.categorizacao .inner,
.direitos .inner{
    width: 1190px;
}
.categorizacao h2{
    margin-bottom: 20px;
}
.categorizacao p{
    font-size: 18px;
    text-align: center;
    margin-bottom: 80px;
}
.categorizacao-item {	
	width: 376px;
	height: 345px;
	padding: 30px;	
	margin: 0 10px;	
}
.categorizacao-item-icone {	
	margin: 0 auto 15px;
}
.categorizacao-item h3{
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
}
.categorizacao-item p{
    font-size: 15px;
    margin-bottom: 0;
}
/* TRAMENTOS DADOS */
.tratamento-dados .inner{
    padding: 60px 0;
}
.tratamento-dados p{
    text-align: center;
}
.tratamento-dados a{
    color: #014a8c;
    font-weight: 600;
}
.tratamento-dados a:hover{
    color: #b97e11;
}
/* DIREITOS */
.direitos .inner{
    width: 1190px;
    padding: 60px 0 80px;
}
.direitos p{
    padding: 0 300px;
    text-align: center;
    margin-bottom: 50px;
}
.direitos-lista{
    margin-bottom: 60px;
}
.direitos-item{
    width: 277px;
    height: 275px;
    padding: 20px;
    margin: 0 10px 20px;
}
.direitos-item-icone{
    width: 100%;
    height: 54px;
    position: relative;
    margin-bottom: 10px;
}
.direitos-item-icone img{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.direitos-item h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.direitos-item p{
    padding: 0;
    text-align: left;
    margin-bottom: 0;
}
.direitos .btn-padrao,
.politica .btn-padrao {
	width: max-content;
	padding: 0 80px;
	margin: 0 auto;
}
/* CONTATO */
.responsavel{
    width: 350px;
    margin: 0 auto;
}
.responsavel img{
    margin: 0 auto 15px;
}
.responsavel h3{
    font-size: 15px;
    text-align: center;
    margin-bottom: 5px;
}
.responsavel p{
    font-size: 13px;
    text-align: center;
}
/* POLITÍCA */
.politica p{
    text-align: center;
    margin-bottom: 40px;
}
/* SOLICITALÇÃO DE CONTATO */
.solicitacao-contato{
    background-color: #014a8c;
}
.solicitacao-contato .inner{
    padding: 80px 225px;
}
.solicitacao-contato h2,
.solicitacao-contato p{
    color: #FFF;
    text-align: center;
}
.solicitacao-contato h2{
    font-size: 30px;   
    margin-bottom: 30px;
}
/* FORMULÁRIO */
.solicitacao-contato-form {
	background-color: #e6e6e6;
}
.solicitacao-contato-form .inner{
    padding: 80px 205px;
}
.cols label{
    display: block;
    margin-bottom: 10px;
}
.col-wide,
.col-half{
    float: left;
    margin: 0 10px 20px;
}
.col-wide{
    width: calc( 100% - 20px);
}
.col-half{
    width: calc( 50% - 20px);
}
.col-wide .wpcf7-radio .wpcf7-list-item{
    display: block;
    margin: 0;
}
.solicitacao-contato-form .formulario input[type="submit"] {
	width: max-content;
    padding: 0 20px;
    float: none;
	margin: 0 auto;	
}
/*-------------------------------------------------------
CONTATOS
-------------------------------------------------------*/
.conteudo-contatos .inner{
    padding: 80px 370px 80px 0;
}
.conteudo-contatos h1{
    text-transform: uppercase;
}
.conteudo-contatos h1 span{
    font-weight: 500;
}
.conteudo-contatos .colunas{
    columns: 2;
    column-gap: 50px;
}
/*-------------------------------------------------------
OBRIGADO
-------------------------------------------------------*/
.conteudo-pagina{
    min-height: calc( 100vh - 578px );
}
/*-------------------------------------------------------
404
-------------------------------------------------------*/
.conteudo-404 .inner{
    text-align: center;
}
.conteudo-404 h1 {
	font-size: 60px;
}
/*------------------------------------------------------------
--------------------------------------------------------------
RESPONSIVO
--------------------------------------------------------------
------------------------------------------------------------*/
@media only screen and (max-width : 768px) {
/*-------------------------------------------------------
GERAIS
-------------------------------------------------------*/
h1{		
	font-size: 30px;	
	margin: 0 0 15px;	
}
h2{
	font-size: 30px;
	margin: 0 0 15px;	
	}
h3{
	font-size: 22px;
	margin: 0 0 15px;
}
h4{
	font-size: 22px;
	margin: 0 0 10px;
}
h5{
	font-size: 20px;
	margin: 0 0 10px;
}
h6{
	font-size: 18px;
	margin: 0 0 10px;
}
.site{
	width: 100vw;	
    padding-top: 56px;	
}
section{
	width: 100vw;	
}
.inner {
	width: calc( 100vw - 30px );	
    padding: 40px 0;   
}
.btn-padrao {	
	width: 180px;
	height: 40px;	
	line-height: 40px;	
}
#ps2id-dummy-offset{
    height: 55px;
}
/*-------------------------------------------------------
EMENDA OWL
-------------------------------------------------------*/
.owl-dots {   
	bottom: 5vw;	
}
/*-------------------------------------------------------
HEADER
-------------------------------------------------------*/
header{	
	width: 100vw;	
	z-index: 999999;
}
header .header-inner{
	width: 100vw;	
	height: 56px;
    padding: 0;	
}
.logo-container{   
    border-right: none;
    padding: 10px 0;    
    margin: 0 0 0 15px;
}
.btn-menu,
.btn-fecha-menu {
	background: none;
	border: none;
	width: 30px;
	height: 27px;
	padding: 0;
	text-indent: -9999px;
	position: absolute;
	top: 14px;
	right: 15px;
	cursor: pointer;
	display: block;
}
.btn-fecha-menu{
    width: 27px;
}
.btn-menu span,
.btn-fecha-menu span {
    background-color: #FFF;
    width: 30px;
    height: 3px;
    border-radius: 2px;
    display: block;
    margin: 0 0 9px;
}
.btn-menu span:last-child {
    margin: 0;
}
.btn-fecha-menu span { 
    width: 36px;   
    position: absolute;
    top: 12px;
    left: -5px;
    margin: 0;
}
.btn-fecha-menu span.barrinha1 {
    transform: rotate(45deg);
}
.btn-fecha-menu span.barrinha2 {
    transform: rotate(-45deg);
}
/*MENU*/
nav.menu-header {
    background-color: #014a8c;
    width: 100vw;
    height: 100vh;
    padding: 56px 15px 24px;
    position: absolute;
    top: 0;
    left: 100vw;
	float: none;
	margin-top: 0;
    transition: all 300ms ease-in;   
}
.menu-principal-container{
    float: none;
    margin-top: 0;
	height: calc( 100vh - 137px );
    overflow-y: auto;
}
nav.menu-header ul li {   
	margin: 0 0 20px;
	float: none;
}
nav.menu-header ul li.menu-item-has-children::after{
    content: "";
    display: table;
    clear: both;
}
nav.menu-header li ul.sub-menu {
	background-color: #014a8c;
	border: 1px solid #FFF;
	border-top: none;
	border-right: none;
    padding: 15px 0 0;
	position: relative;
	visibility: visible;
	opacity: 1;
	margin: 10px 0 0 10px;
	box-shadow: none;	
}
nav.menu-header li ul.sub-menu::before{
    content: none;  
}
nav.menu-header li:hover ul.sub-menu{
    visibility: visible;
    opacity: 1;
}
nav.menu-header li ul.sub-menu li {
	width: 100%;	
    margin: 0 0 15px;
}
nav.menu-header ul li a{	
    height: auto;	  
	font-size: 20px;
    line-height: 1em;	   
}
nav.menu-header ul li a:hover{	
    color: #b97e11;
}
nav.menu-header ul li.menu-item-has-children:hover a{
    color: #FFF;
}
nav.menu-header li ul.sub-menu li a {
	color: #FFF;	
	padding: 0 15px;
}
nav.menu-header li ul.sub-menu li a:hover{  
    color: #b97e11;
}
a.btn-cc {
	width: max-content;
	padding: 5px 55px 5px 10px;
	float: none;
	margin: 20px 0 0;
}
a.btn-cc span {	
	font-size: 20px;
	line-height: 1.25em;	
}
/*-------------------------------------------------------
FOOTER
-------------------------------------------------------*/
footer{	
	width: 100vw;	
	padding: 40px 0 40px;	
}
.footer-inner {
	width: calc( 100vw - 30px );	
}
.col-footer {
	width: 100%;	
    float: none;	
}
.logo-footer{
    width: 180px;
}
.col-footer.social{  
    border-right: none;
    width: 100%;
    padding: 0 0 30px;
}
.social-footer{
    padding: 30px 0 0;  
}
.icone-social-footer {
	margin: 0 10px 0 0;
}
.icone-social-footer:last-child{
    margin: 0;
}
.col-footer.menu-footer,
.col-footer.contato-footer{   
    border-right: none;
    width: 100%;
    padding: 0;
}
.col-footer.menu-footer{
    display: none;
}
.btn-privacidade{  
    margin-top: 30px;
}
.col-footer.newsletter{
    width: 100%;
    padding: 30px 0 0;
}
.col-footer.newsletter h3{   
    text-align: left;   
}
.col-footer.newsletter p{  
    text-align: left;
}
.col-footer.newsletter .btn-privacidade{
    display: block;
}
/*-------------------------------------------------------
INÍCIO
-------------------------------------------------------*/
.banner{
    width: 100vw;
    height: 70vw;
}
.banner-lista{
    position: relative;
    z-index: 0;
}
.banner-lista::after {
    background-size: auto 20vw;
	height: 20vw;	
}
.banner-item{
    background: no-repeat center center;
    background-size: auto 100%;
    width: 100vw;
    height: 70vw;
    display: block;
}
/* INSTITUCIONAL */
.institucional-txt{   
    margin-bottom: 40px;
}
.numero-item{
    width: 100%;   
    display: block;   
    margin: 0 0 40px;
}
.numero-item-icone {
	width: 75px;
    padding-top: 13px;
	height: auto;
	margin: 0 15px 0 0;	
}
.numero-item-icone img {
    width: 100%;
	position: relative;
	top: 0;
	left: 0;
	transform: none;
}
.numero-item-txt{
    width: calc(100% - 90px);   
}
.numero-item-txt h3{   
    font-size: 48px;   
}
.numero-item-txt p{   
    font-size: 20px;    
}
.institucional .btn-padrao{
    background-color: #b97e11;
    margin: 0 auto;
}
.institucional .btn-padrao:hover{
    background-color: #FFF;
    color: #014a8c;
}
/* PORTIFÓLIO */
.portfolio .inner{
    width: calc( 100vw - 30px );
}
.portfolio h2,
.mapa-home h2,
.noticias h2,
.defesa h2,
.servicos-central h1,
.convencoes h1{
    font-size: 30px;   
    margin-bottom: 30px;
}
.portfolio h2{
    font-size: 30px;  
    margin-bottom: 15px;
}
.portfolio p,
.mapa-home p{   
    margin-bottom: 40px;
}
.portfolio-lista {	
	width: calc( 100vw - 10px );
    position: relative;
    left: -10px;
}
.portfolio-item{
    width: 50%;    
    padding: 0 10px;    
    margin: 0 0 30px;
}
.portfolio-item-icone,
.presenca-item-icone,
.categorizacao-item-icone{  
    margin: 0 auto 15px;
}
.portfolio-item h3{   
    font-size: 16px;   
}
/* MAPA HOME */
.mapa-home h2{
    margin-bottom: 15px;
}
.mapa-home-container {
	width: 100vw;
	height: auto;
	position: relative;
	left: -15px;
}
.mapa-home-info {
	width: 100%;
	padding: 0 15px;
	position: relative;
    margin-bottom: 20px;
}
.mapa-home-info-txt{
    width: 100%;
    margin-bottom: 10px;
}
.mapa-home-info-txt:last-child{
    margin-bottom: 0;
}
.mapa-home-info-txt h3 {
    width: max-content;	
    display: inline-block;
    vertical-align: baseline;
    font-size: 55px;
	margin: 0 10px 0 0;
}
.mapa-home-info-txt p{
    width: max-content;	
    display: inline-block;
    vertical-align: baseline;
    font-size: 30px;    
    margin-bottom: 0;
}
.mapa-cidades {	
	width: 100vw;
	height: calc( 100vw * 0.8176);   
}
a.btn-pin{  
    width: 18px;
    height: 26px;   
}
/* NOTÍCIAS */
.noticias h2{
    font-size: 30px;
}
.lista-noticias{
    margin-bottom: 20px;
}
.noticia-item{
    width: 100%;   
    max-width: 370px;    
    float: none;
    margin: 0 auto 20px;   
}
.noticia-item:nth-child(3n+0){
    margin: 0 auto 20px;     
}
.noticia-item-img {
    width: 100%;	
}
/* REDE DE CARREIRAS */
.rede-carreiras-img{
    width: 100%;
    max-width: 480px;
    float: none;
    margin-bottom: 20px;
}
.rede-carreiras-info{
    width: 100%;
    float: none;
}
.rede-carreiras-info h2{   
    font-size: 30px;   
    margin-bottom: 15px;
}
/* NA RUA */
.na-rua-img{
    width: 100%;
    max-width: 360px;
    float: none;
    margin: 0 0 20px;
}
.na-rua-info{
    width: 100%;    
    text-align: left;
    float: none;
    margin: 0 0 30px;
}
.na-rua-info h2{   
    font-size: 30px;   
    margin-bottom: 15px;
}
/* CENTRAL DO REPRESENTADO */
.defesa h2 + p {
	margin-top: -15px;
	margin-bottom: 30px;
}
.defesa-lista .solucao-item p{
    padding: 0 15px;    
}
/*-------------------------------------------------------
TOPO
-------------------------------------------------------*/
.topo{   
    width: 100vw;
    height: 70vw;   
}
.topo-inner{
    width: calc( 100vw - 30px );   
    padding: 40px 0 0;   
}
.topo h1{   
    font-size: 24px;   
}
.banner-pagina{
   width: 100vw;
   height: 70vw;   
}
.banner-pagina::before{
    background: radial-gradient(circle,rgba(0, 47, 143, 0) 0%, rgba(0, 47, 143, 0.3) 55%, rgba(27, 20, 100, 1) 90%, rgba(27, 20, 100, 1) 100%);
    width: 100vw;    
}
.banner-pagina::after{
  content: none;
}
.banner-pagina-inner {
	width: calc( 100vw - 30px );   	
}
.banner-pagina h1 {
    width: 100%;	
	font-size: 30px;   
}
/*-------------------------------------------------------
INSTITUCIONAL
-------------------------------------------------------*/
.page-institucional .topo {	
	height: 50vw;
}
.logo-institucional {
	margin-bottom: 20px;
	width: 45%;
	max-width: 386px;
}
.slider-institucional{
    width: 100%;
    max-width: 500px;   
    float: none;   
    margin: 0 0 40px;
}
.slider-institucional .owl-dots{
    bottom: 10px;
}
.conteudo-institucional .institucional-txt{
    width: 100%;
    float: none;   
    margin-bottom: 40px;
}
h2.hashtag{    
    font-size: 7vw;   
    margin-bottom: 20px;
}
.conteudo-institucional h3{
    font-size: 24px;
}
.conteudo-institucional .btn-padrao,
.solucoes .btn-padrao{
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 40px;
}
.solucao-item{
    width: 100%;
    max-width: 390px;
    margin-bottom: 30px;   
}
.solucao-item:last-child{
    margin-bottom: 0;
}
.solucao-item p{
    padding: 0 15px;   
}
/* DIRETORIA */
.diretoria{
    background-color: #e6e6e6;
}
.diretoria .inner {   
    width: calc( 100vw - 30px );
	padding: 40px 0 0;	
}
.diretoria h2{
    font-size: 28px;   
    margin-bottom: 30px;
}
.diretoria-secao{
    padding-bottom: 30px;
}
.diretoria-secao-titulo{
    width: 100%;         
}
.diretoria-secao-titulo h3{  
    padding: 0 10px;   
    font-size: 24px;   
}
.lista-diretoria{  
    width: calc( 100vw - 10px );
    position: relative;
    left: -10px;
}
.diretor-item{
    width: 50%;    
    padding: 0 10px;    
    margin: 0 0 20px;
}
.diretor-item img{
    width: 140px;   
}
.lista-diretoria.col-1 .diretor-item img{
    width: auto;   
}
.lista-diretoria.col-6 .diretor-item{
    width: calc( 100% / 2 );    
}
.lista-diretoria.col-3{
    padding: 0;    
}
.lista-diretoria.col-3 .diretor-item{
    width: calc( 100% / 2 );   
}
/* DESCUBRA MINAS */
.descubra .inner{
    height: auto;
    max-height: unset;
    padding: 60px 0;
}
.descubra h2{
    width: 100%;
    max-width: 386px;  
    margin: 0 auto 30px;    
}
.descubra-txt p{   
    margin-bottom: 30px;
}
/* DIRECIONAMENTO */
.direcionamento .inner{
    width: calc( 100vw - 30px );
    padding: 50px 0 20px;   
}
.direcionamento-item{   
    width: 100%;
    max-width: 570px;
    height: auto;
    padding: 20px;    
    float: none;
    margin: 0 0 30px;   
}
.direcionamento-item h3{   
    font-size: 24px;       
}
/*-------------------------------------------------------
PRODUTOS E SERVIÇOS
-------------------------------------------------------*/
.tipo-representado .inner{
    width: calc( 100vw - 30px );
}
.tipo-item{    
    width: 100%;
    height: calc( 100vw - 30px );
    float: none;
    margin: 0 0 20px;  
}
.tipo-item:last-child{
    margin: 0;
}
.img-tipo{
    width: 100%;
    height: calc( 100vw - 30px ); 
    object-fit: cover;
}
.tipo-representado .btn-padrao{   
    width: calc( 100% - 30px );   
}
/* SERVIÇOS CENTRAL DO REPRESENTADO */
.tipo-representado.servicos-central .inner{
    width: calc( 100vw - 30px );
    padding: 40px 0 20px;
}
.tipo-representado.servicos-central .tipo-item{   
    width: 100%;   
    margin: 0 0 20px;   
}
.tipo-representado.servicos-central .btn-padrao{    
    width: calc( 100% - 20px );       
}
/* PÁGINA FILHA */
.topo-solucao{
    height: 70vw;   
}
/* SOLUÇÕES */
.solucoes .inner{
    padding: 40px 0;
}
.solucoes h3{ 
    margin-bottom: 30px;    
}
.solucoes p{  
    margin-bottom: 30px;    
}
/* BENEFÍCIOS */
.beneficios.gerais .inner{
    padding: 40px 0 35px;
}
.beneficios.filiados .inner{
    padding: 0 0 40px;
}
.beneficios h2{   
    margin-bottom: 30px;
}
.lista-beneficios{
    font-size: 0;
    text-align: center;
}
.beneficio-item{
    width: 100%;
    max-width: 360px;
    height: auto;  
    display: block;      
    margin: 0 auto 30px;  
}
.beneficio-item:nth-child(3n+0){
    margin: 0 auto 30px;  
}
/* FECHAMENTO */
.fechamento{
    padding-top: 30px;
}
/* PLANOS */
.plano h2{    
    margin-bottom: 30px;
}
.lista-planos{   
    margin-bottom: 30px;
}
.plano-item{    
    width: 100%; 
    max-width: 360px;
    height: auto;
    padding: 0 20px 20px;
    margin: 0 0 30px;   
}
.plano-item:last-child{
    margin: 0;
}
.plano-item-titulo{   
    height: 100px;   
}
p.desconto{
    margin-bottom: 30px;
}
.planos h3.hashtag {
	margin-bottom: 40px;
	font-size: 7vw;
}
.planos-form h4{   
    margin-bottom: 25px;
}
.planos-form .formulario{  
    padding: 0;
}
.planos-form .formulario .wpcf7-form-control-wrap,
.planos-form .formulario .wpcf7-form-control-wrap:first-of-type{
    width: 100%;
    display: block;
    float: none;
    margin: 0 0 20px;  
}
/*-------------------------------------------------------
SINDICATOS
-------------------------------------------------------*/
/* MAPA */
.sindicatos h2{    
    margin-bottom: 30px;
}
.mapa {
	width: 100VW;
    height: calc( 100vw * 0.8176);  
	float: none;
	margin: 0 0 30px;
	left: -15px;    
}
.mapa img{
    width: 100%;
    height: 100%;
}
.sindicatos-container {
	width: 100%;
	float: none;
}
.filtros-sindicatos {
	height: 120px;
}
.searchandfilter ul li.sf-field-search {
	width: 100%;
	margin: 0;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="select"]{
    width: calc( 100% - 90px );
    display: block;
}
.searchandfilter ul li.sf-field-taxonomy-cidade[data-sf-field-input-type="radio"] {
	width: 100vw;
	height: calc( 100vw * 0.8176);	
	left: -15px;
	top: calc( 1px - ( 100vw * 0.8176 ) - 31px );	
}
.searchandfilter ul li.sf-field-reset input[type="submit"]{  
    border-radius: 10px;
    width: 80px;	
}
.searchandfilter ul li.sf-field-reset input[type="submit"]:hover{
    background-color: #b97e11;
    border: 1px solid #b97e11;
    color: #FFF;
}
.lista-sindicatos{   
    padding: 20px 15px;    
}
.lista-sindicatos-inner{   
    height: 380px;    
}
.sindicato-item{
    padding: 0 10px 0 0;
    margin-bottom: 30px;
}
.sindicato-item:last-child{
    margin-bottom: 0;
}
/*-------------------------------------------------------
CONVENÇÕES
-------------------------------------------------------*/
.convencoes .drive{    
    border-radius: 15px;   
}
.accordion dt.periodo-item {
	border-radius: 12px;
	padding: 12px;
	margin-bottom: 15px;
}
.accordion dt.periodo-item h2{
    font-size: 26px;
}
.accordion dt h2::before,
.accordionChild dt h3::before{     
    margin-right: 8px;
}
.accordion dt.active {
	border-radius: 12px 12px 0 0;
}
.accordion dd {   
    border-radius: 0 0 12px 12px;
	padding: 0 12px 5px 24px;	
	margin: -15px 0 15px;	
}
.accordionChild dt.cidade-item h3{
    font-size: 18px;
}
.accordionChild dt.active{
    margin-bottom: 15px;
}
.accordionChild dd{    
    padding: 0 0 15px 12px;	
    margin: 0;
}
.btn-documento h4 {	
	font-size: 16px;	
}
/*-------------------------------------------------------
PESQUISAS E ANÁLISES, OBSERVATÓRIO
-------------------------------------------------------*/
.pesquisas .inner,
.observatorio .inner,
.consultoria .inner{
    width: calc( 100vw - 30px );
    padding: 0 0 40px;
}
.pesquisas h2,
.observatorio h2,
.dados h2,
.consultoria h2{
    font-size: 24px;  
    margin: 0 0 20px;
}
.form-consultoria{ 
    width: 100%;
    padding: 30px 20px 20px;
    margin: 0 0 20px;
}
/*-------------------------------------------------------
NOTÍCIAS
-------------------------------------------------------*/
/* FILTROS */
.filtros h1 {	
    line-height: 1.15em;
	float: none;
	margin: 0 0 20px;	
}
.filtros h1 span{
    font-size: 0.75em;
}
.filtros select{	
	width: 100%;
    float: none;	
}
/* PAGINAÇÃO */
/*-------------------------------------------------------
SINGLE
-------------------------------------------------------*/
.noticia-img {
	width: 100%;
	margin: 0;
}
.conteudo .inner{
    padding: 40px 0;
}
.conteudo-topo .inner {
	padding: 40px 0 0;
}
/*-------------------------------------------------------
CONTEÚDO PADRÃO
-------------------------------------------------------*/
.padrao h1{   
	font-size: 30px;
}
.padrao h2{
	font-size: 28px;   
}
.padrao .wp-caption p{
    padding: 10px 0 0 0;   
    
}
.padrao blockquote {   	
    padding: 0 30px;     
}
.padrao blockquote p{
    font-size: 20px;    
}
.padrao .videoContainter{
    width: 100vw;
    position: relative;
    left: -15px;
    margin: 2.5rem 0;
}
.padrao .gallery {
	width: 100%;   
}
.padrao .gallery .owl-nav {
	display: none;
}
.compartilhe .inner{
    padding: 40px 0;
}
.compartilhe h3 {	
	font-size: 20px;	
}
.addtoany_list a {	
	margin-right: 15px;	
}
/*-------------------------------------------------------
NEI E CEDES
-------------------------------------------------------*/
.especial-chamada .inner{
    padding: 40px 0;
}
.especial-conteudo .inner{
    padding: 40px 0;
}
/*-------------------------------------------------------
CONTATO
-------------------------------------------------------*/
/* formularios */
input[type=text],
input[type=email],
input[type=tel],
select,
textarea{   
    height: 40px; 
    border-radius: 20px;  	
    line-height: 38px;	
}
textarea{
    height: 80px;
}
input[type="submit"] {		
	height: 40px;
    border-radius: 20px;	
    float: left;	
}
.wpcf7-spinner{
    clear: both;
}
/*-------------------------------------------------------
POLÍTICA DE PRIVACIDADE
-------------------------------------------------------*/
.page-portal-de-privacidade h2{   
    margin-bottom: 15px;
}
/* LEPD */
.lgpd .inner{
    padding: 40px 0 1px;
}
.lgpd p{
    margin-bottom: 40px;
}
/* PRESENÇA */
.presenca .inner,
.tratamento .inner{
    width: calc( 100vw - 30px );
}
.presenca-item,
.categorizacao-item,
.direitos-item{    
    width: 100%;
    height: auto;
    padding: 20px;  
    float: none;
    margin: 0 0 20px;    
}
.presenca-item:last-child,
.categorizacao-item:last-child,
.direitos-item:last-child{
    margin: 0;
}
.presenca-item h3{
    font-size: 24px;  
    margin-bottom: 15px;
}
/* TRATAMENTO */
.tratamento h2{
    margin-bottom: 30px;
}
.tratamento-item{
    width: 100%;
    float: none;
    margin: 0 0 20px;
}
.tratamento-item:last-child{
    margin: 0;
}
/* CATEGORIZAÇÃO */
.categorizacao .inner,
.direitos .inner{
    width: calc( 100vw - 30px );
}
.categorizacao p{   
    margin-bottom: 0;
}
.categorizacao-item {	
	width: 100%;
	height: auto;
	padding: 20px;	
	margin: 0 0 20px;	
}
.categorizacao-item:last-child{
    margin: 0;
}
/* TRAMENTOS DADOS */
.tratamento-dados .inner{
    padding: 0 0 40px;
}
/* DIREITOS */
.direitos .inner{
    width: calc( 100vw - 30px );
    padding: 40px 0;
}
.direitos p{
    padding: 0;  
    margin-bottom: 0;
}
.direitos-lista{
    margin-bottom: 30px;
}
.direitos-item{
    width: 100%;
    height: auto;   
    margin: 0 0 20px;
}
.direitos-item:last-child{
    margin: 0;
}
.direitos .btn-padrao,
.politica .btn-padrao {
	width: 100%;
	padding: 0 10px;	
}
/* CONTATO */
.responsavel{
    width: 100%;   
}
/* POLITÍCA */
.politica p{    
    margin-bottom: 30px;
}
.politica p:last-child{
    margin-bottom: 0;
}
/* SOLICITALÇÃO DE CONTATO */
.solicitacao-contato .inner{
    padding: 40px 0;
}
.solicitacao-contato h2{   
    margin-bottom: 20px;
}
/* FORMULÁRIO */
.solicitacao-contato-form .inner{
    padding: 40px 0;
}
.col-wide,
.col-half{
    float: none;
    margin: 0 0 20px;
}
.col-wide{
    width: 100%;
}
.col-half{
    width: 100%;
}
/*-------------------------------------------------------
CONTATOS
-------------------------------------------------------*/
.conteudo-contatos .inner{
    padding: 40px 0;
}
.conteudo-contatos .colunas{
    columns: 1;
    column-gap: 0;
}
/*-------------------------------------------------------
OBRIGADO
-------------------------------------------------------*/
.conteudo-pagina{
    min-height: 10px;
}
}