/*
Theme Name: Ahgora
Author: Solução Digital
Author URI: https://solucao.digital/
Version: 2.0.0
Text Domain: style carregado no footer (depois da primeira dobra)
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Forms
# Content
    ## Pages
    ## Posts
    ## Comments
    ## Modals
  ## Slick Slider
# Footer
# Media Query
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
button.btn-link,
a.btn-link {
  display: inline-block;
  height: 50px;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #797991;
  text-align: center;
  border-radius: 4px;
  padding: 10px 30px;
  border: #797991 solid 1px;
  background: transparent;
}
button.btn-link:focus,
a.btn-link:focus,
button.btn-link:hover,
a.btn-link:hover {
  outline: 0 !important;
  color: #ffffff;
  border: #ff0856 solid 1px;
  background: #ff0856;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  width: 100%;
  height: 60px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  padding: 10px 35px;
  border: none;
  background: #ff0856;
  margin-top: 10px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
input[type="reset"]:hover,
input[type="submit"]:hover {
  outline: 0 !important;
  box-shadow: none !important;
  background: #d8003d;
  border: none;
}

input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
select:focus,
select:active {
  outline: 0 !important;
  box-shadow: none !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
input[type="file"],
textarea,
select{
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #797991;
  font-weight: 300;
  border-radius: 8px !important;
  border: none !important;
  background: #fff;
  padding: 10px 15px;
  width: 100%;
  height: 40px;
  margin-top: 0px;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25);
  -moz-box-shadow:    inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25);
  box-shadow:         inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  outline: 0 !important;
  border: #fff solid 1px;
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25) !important;
  -moz-box-shadow:    inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25) !important;
  box-shadow:         inset 0px 2px 2px 0px rgba(120, 120, 143, 0.25) !important;
}

textarea {
  width: 100%;
  height: 120px !important;
  min-height: 120px !important;
  padding: 15px !important;
}
select{
  height: 40px !important;
}
textarea,
select{
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  color: #797991 !important;
  font-weight: 300 !important;
}

label{
  display: block;
  font-size: 14px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
  margin-top: 15px;
}

.form-texto{
  width: 100%;
  margin-top: 30px;
}
.form-texto p,
.form-texto li{
  font-size: 14px;
  line-height: 22px;
  color: #797991;
  font-weight: 300;
}
.form-texto ul{
  padding: 0 0 0 20px;
}

::-webkit-input-placeholder {       /* Chrome/Opera/Safari */
  color: #797991 !important;
}
::-moz-placeholder {                /* Firefox 19+ */
  color: #797991 !important;
}
:-ms-input-placeholder {            /* IE 10+ */
  color: #797991 !important;
}
:-moz-placeholder {               /* Firefox 18- */
  color: #797991 !important;
}

/** CF7 **/
div.wpcf7-response-output{
  clear: both;
  font-size: 14px;
  color: #797991 !important;
  font-weight: 300 !important;
  border: none !important;
  padding: 10px 0 0 0;
  margin-top: 0px;
  text-align: left;
}
.inputFile.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid,
input.wpcf7-not-valid{
  border: #FF0000 solid 1px !important;
}
span.wpcf7-not-valid-tip{
  display: none !important;
}



/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content{
}
.site-content{

}
/*--------------------------------------------------------------
# GERAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/



#bloco-gestao-rh{
  padding: 0 0 30px 0;
  text-align: center;
}
#bloco-gestao-rh h2{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 25px;
  text-align: center;
}
#bloco-gestao-rh a.btn-padrao{
  width: 100%;
  max-width: 320px;
  height: inherit;
  min-height: 50px;
  padding: 10px 15px;
}
#bloco-gestao-rh ul{
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
}
#bloco-gestao-rh ul li{
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  vertical-align: top;
}
#bloco-gestao-rh ul li h3{
  font-size: 26px;
  line-height: 32px;
  font-weight: 300;
  border-bottom: #ff0856 solid 2px;
  padding-bottom: 15px;
  margin: 15px 80px;
}
#bloco-gestao-rh ul li p{
  font-weight: 300;
}

#chamada-segmentos{
  padding: 58px 0 0 0;
  background-repeat: no-repeat;
  background-size: 100% 25%;
}
#chamada-segmentos h2{
  font-size: 34px;
  line-height: 38px;
  color: #fff;
  margin-bottom: 25px;
}
#chamada-segmentos p{
  color: #fff;
}
#chamada-segmentos .item-segmento{
  width: 100%;
  min-height: 580px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}
#chamada-segmentos .item-segmento img{
  width: auto;
  height: 210px;
  object-fit: cover;
}
#chamada-segmentos .item-segmento h3{
  font-size: 26px;
  line-height: 32px;
  color: #797991;
  font-weight: 700;
  padding: 30px 25px;
  margin-bottom: 0px;
  text-align: center;
}
#chamada-segmentos .item-segmento p{
  color: #797991;
  font-weight: 300;
  text-align: center;
  padding: 0 20px;
}
#chamada-segmentos .item-segmento a{
  display: block;
  width: 160px;
  height: 50px;
  font-size: 18px;
  color: #797991;
  font-weight: 300;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  padding-top: 12px;
  margin: 25px auto;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}

#bloco-numeros{
  padding: 0 0 60px 0;
}
#bloco-numeros h2{
  font-size: 34px;
  line-height: 38px;
  text-align: center;
}
#bloco-numeros .item-number{
  width: 100%;
  height: 210px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0px 6px 20px 0px rgba(75, 101, 141, 0.15);
  -moz-box-shadow:    0px 6px 20px 0px rgba(75, 101, 141, 0.15);
  box-shadow:         0px 6px 20px 0px rgba(75, 101, 141, 0.15);
}
#bloco-numeros .item-number img{
  width: auto;
  height: 210px;
  object-fit: cover;
}
#bloco-numeros .item-number h3{
  width: 100%;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -3px;
  padding-top: 25px;
  border-top: #ec3d71 solid 5px;
}
#bloco-numeros .item-number h3 strong{
  font-size: 96px;
  font-weight: 800 !important;
}
#bloco-numeros .item-number h3.rosa{ border-top-color: #ec3d71; }
#bloco-numeros .item-number h3.azul{ border-top-color: #1c91d0; }
#bloco-numeros .item-number h3.roxo{ border-top-color: #5a509f; }

.bloco-chamada,
#bloco-chamada{
  width: 100%;
  height: 450px;
  text-align: center;
  background-image: url("../../../images/bg-chamadas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bloco-chamada .vc_column-inner,
#bloco-chamada .vc_column-inner{
  padding-top: 0px;
  height: 450px;
}
.bloco-chamada .wpb_text_column,
#bloco-chamada .wpb_text_column{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 450px;
}
.bloco-chamada .wpb_text_column .vc_column-inner,
#bloco-chamada .wpb_text_column .vc_column-inner{
  height: 450px;
}
.bloco-chamada .container,
#bloco-chamada .container{
  margin: 0 auto;
}
.bloco-chamada h2,
#bloco-chamada h2{
  font-size: 32px;
  line-height: 38px;
  color: #fff;
}
.bloco-chamada p,
#bloco-chamada p{
  display: block;
  color: #fff;
  font-weight: 300;
  margin-top: 20px;
}
.bloco-chamada a,
#bloco-chamada a{
  margin-top: 25px;
}

#bloco-depoimentos{
  padding: 100px 0 30px 0;
  text-align: center;
}
#bloco-depoimentos h2{
  font-size: 34px;
  line-height: 38px;
}
#bloco-depoimentos ul.lista-depoimentos{
  list-style: none;
  width: 100%;
  padding: 0;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento{
  display: inline-block;
  width: 100%;
  min-height: 460px;
  padding: 30px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    -2px 0px 5px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         -2px 0px 5px 0px rgba(0, 0, 0, 0.08);
}
.page-home #bloco-depoimentos ul.lista-depoimentos li.item-depoimento{ min-height: 650px; }
.page-corporativo #bloco-depoimentos ul.lista-depoimentos li.item-depoimento{ min-height: 650px; }

#bloco-depoimentos ul.lista-depoimentos li.item-depoimento .thumb{
  height: 150px;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento .thumb img{
  width: auto;
  height: 150px;
  object-fit: cover;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento p{
  font-size: 16px;
  font-weight: 300;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento p strong{
  display: block;
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 15px !important;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento .infos-pessoa{
  text-align: left;
  margin-top: 30px;
}
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento .infos-pessoa h3,
#bloco-depoimentos ul.lista-depoimentos li.item-depoimento .infos-pessoa span{
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: #797991;
  font-weight: 300;
  margin-bottom: 0px;
}
#bloco-depoimentos ul.lista-depoimentos .slick-list{
  padding: 50px 0 !important;
}

#bloco-blog{
  padding: 0 0 60px 0 !important;
  margin: 0 auto;
}
#bloco-blog .vc_column-inner{
  padding: 0px !important;
  margin: 0px 8px !important;
}
#bloco-blog h2{
  font-size: 34px;
  line-height: 38px;
}
#bloco-blog h2 strong{
  display: block;
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  text-transform: uppercase;
}
/** HOME **/

/*--------------------------------------------------------------
### Produtos
--------------------------------------------------------------*/
#page-produtos #bloco-intro{
  padding-top: 60px;
}
#page-produtos #bloco-intro h2{
  font-size: 34px;
  line-height: 38px;
}
#page-produtos #bloco-intro p{
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}
#page-produtos #bloco-intro ul{
  list-style: none;
  width: 100%;
  padding: 0 0 0 40px;
}
#page-produtos #bloco-intro ul li{
  display: inline-block;
  width: 100%;
  font-size: 18px;
  line-height: 28px;
  color: #797991;
  font-weight: 300;
  position: relative;
}
#page-produtos #bloco-intro ul li:before{
  display: inline-block;
  content: '+';
  font-size: 18px;
  line-height: 28px;
  color: #ee1155;
  margin-right: 10px;
}

#bloco-produtos{
  margin-bottom: 30px;
}
#bloco-produtos .vc_column-inner{
  padding-left: 0px;
  padding-right: 0px;
}
.chamada-produtos{
  width: 100%;
  padding: 30px;
  margin: 0;
  position: relative;
}
.chamada-produtos:nth-child(even){
  background: #f8f8f9;
  margin: 30px 0;
}

.chamada-produtos h2{
  display: inline-block;
  font-size: 30px;
  color: #e7e7eb;
  font-weight: 300;
  text-transform: uppercase;
  padding: 15px;
}
ul.lista-produtos{
  list-style: none;
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 3;
}
ul.lista-produtos li{
  display: inline-block;
  width: 100%;
  height: 220px;
  margin: 15px 0;
  vertical-align: top;
}
ul.lista-produtos li a{
  display: inline-block;
  width: 100%;
  height: 220px;
  padding: 30px;
  background: transparent;
  position: relative;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.2);
}
ul.lista-produtos li a .overlay{
  display: none;
}
ul.lista-produtos li a .logo{
  text-align: center;
  margin-bottom: 15px;
}
ul.lista-produtos li a span.resumo{
  font-size: 14px;
  color: #797991;
  font-weight: 300;
  text-align: center;
}
ul.lista-produtos li a:hover,
ul.lista-produtos li a:hover span.resumo{
  text-decoration: none !important;
}


.bloco-textos{
  padding: 30px 0;
}
.bloco-textos h2{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 25px;
  text-align: center;
}
.bloco-textos h3{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 25px;
  text-align: left;
}
.bloco-textos .itens-tabelas h3{
  font-size: 24px;
  line-height: 28px;
  text-align: left;
}
.bloco-textos p{
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
}
.bloco-textos a.btn-padrao{
  width: 100%;
}
.bloco-textos ul{
  list-style: none;
  padding: 0;
  width: 100%;
}
.bloco-textos ul li{
  display: inline-block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
  margin: 5px 0;
  vertical-align: top;
  position: relative;
  padding-left: 15px;
}
.bloco-textos ul li:before{
  display: inline-block;
  content: '+';
  font-size: 16px;
  color: #ff0856;
  font-weight: 300;
  position: absolute;
  top: 2px;
  left: 0;
}

.bloco-textos blockquote{
  display: block;
  margin: 40px 0 0 0;
  position: relative;
  padding-left: 120px;
}
.bloco-textos blockquote strong{
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  border-top: #ff0856 solid 2px;
  padding: 15px 15px 20px 0;
  position: absolute;
  top: -20px;
  left: 0;
}

.bloco-textos table tr:nth-child(even){
  background: #f4f4f6;
}
.bloco-textos table td{
  font-size: 16px;
  color: #797991;
  font-weight: 300;
  padding: 5px 15px;
}
.bloco-textos table td a{
  color: #797991;
}

/*--------------------------------------------------------------
#### Integrações
--------------------------------------------------------------*/
#bloco-integracoes{
  padding: 30px 0;
}
#bloco-integracoes ul{
  list-style: none;
  width: 100%;
  padding: 0;
  text-align: center;
}
#bloco-integracoes ul li{
  display: inline-block;
  margin: 30px 28px;
  vertical-align: top;
  cursor: pointer;
}



/*--------------------------------------------------------------
### Segmentos e parcerias
--------------------------------------------------------------*/
.lista-over-produtos ul{
  list-style: none;
}
.lista-over-produtos ul li{
  display: inline-block;
  width: 100%;
  min-height: 230px;
  font-size: 14px !important;
  line-height: 20px;
  color: #797991;
  font-weight: 300;
  border-radius: 4px;
  background: #fff;
  padding: 15px 20px;
  margin: 10px 0;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.lista-over-produtos ul li a{
  font-size: 14px;
  line-height: 20px;
  color: #797991;
  font-weight: 300;
}
.lista-over-produtos ul li a:hover{
  text-decoration: none;
}
.lista-over-produtos ul li img{
  display: block;
  margin: 0 auto 15px;
}
.lista-over-produtos ul li:before{
  display: none;
}
#bloco-clientes{
  padding: 0;
}
#bloco-clientes ul{
  list-style: none;
  width: 100%;
  padding: 0;
  text-align: center;
}
#bloco-clientes ul li{
  display: inline-block;
  margin: 30px 28px;
  vertical-align: top;
  cursor: pointer;
}


/*--------------------------------------------------------------
## Blog
--------------------------------------------------------------*/
#page-posts{
  margin: 60px 0;
  position: relative;
}


/*--------------------------------------------------------------
### Lista de Posts
--------------------------------------------------------------*/
#bloco-blog ul.lista-posts{
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
}
#bloco-blog ul.lista-posts li.item-post{
  display: inline-block;
  width: 100%;
  text-align: left;
  border-radius: 4px;
  background: #fff;
  margin: 15px 0;
  vertical-align: top;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}
#bloco-blog ul.lista-posts li.item-post .infos-dados{
  padding: 30px;
  min-height: 320px;
  position: relative;
}
#bloco-blog ul.lista-posts li.item-post .infos-dados a h3,
#bloco-blog ul.lista-posts li.item-post .infos-dados h3{
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  color: #797991;
  font-weight: 700;
  margin-bottom: 30px !important;
}
#bloco-blog ul.lista-posts li.item-post .infos-dados p{
  font-size: 16px;
  font-weight: 300;
}
#bloco-blog ul.lista-posts li.item-post .infos-dados a.btn-mais{
  display: inline-block;
  width: 100%;
  font-size: 16px;
  color: #ee1155;
  font-weight: 300;
  font-style: italic;
  position: absolute;
  bottom: 15px;
  right: 25px;
  text-align: right;
}
#bloco-blog ul.lista-posts li.item-post .infos-data{
  padding: 15px 30px;
  border-bottom: #ebebef solid 1px;
}
#bloco-blog ul.lista-posts li.item-post .infos-data span.categoria,
#bloco-blog ul.lista-posts li.item-post .infos-data span.data{
  display: inline-block;
  font-size: 16px;
  color: #797991;
  font-weight: 300;
  font-style: italic;
}
#bloco-blog ul.lista-posts li.item-post .infos-data span.data{
  float: right;
}
#bloco-blog ul.lista-posts li.item-post .overlay{
  display: block;
  position: absolute;
  z-index: 8;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  background: #fff;
}
#bloco-blog ul.lista-posts li.item-post .thumb{
  position: relative;
  z-index: 9;
  opacity: 1;
  -webkit-transition: 0.8s all ease;
  -moz-transition: 0.8s all ease;
  -ms-transition: 0.8s all ease;
  -o-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
#bloco-blog ul.lista-posts li.item-post .thumb img{
  width: 100%;
  height: 186px;
  object-fit: cover;
  object-position: center center;
}
.card-blog{
  display: block;
  width: 100%;
}
.card-blog img{
  width: auto;
  height: 260px;
  object-fit: cover;
}
.card-blog .infos-post{
  padding: 0;
  position: relative;
}
.card-blog .infos-post .dados{
  padding: 20px 15px;
  border-top: #ebebef solid 1px;
}
.card-blog .infos-post .dados-extras{
  border-top: #ebebef solid 1px;
}
.card-blog .infos-post a h3,
.card-blog .infos-post h3{
  font-size: 18px;
  line-height: 24px;
  color: #797991;
  font-weight: 700;
  padding: 0;
  margin-bottom: 15px !important;
}
.card-blog .infos-post a.btn-leia-mais,
.card-blog .infos-post span{
  display: inline-block;
  font-size: 14px;
  color: #797991;
  font-weight: 300;
  font-style: italic;
  padding: 15px;
}
.card-blog .infos-post a.btn-leia-mais,
.card-blog .infos-post span.data{
  float: right;
}
.card-blog .infos-post p{
  font-size: 16px;
  color: #797991;
  font-weight: 300;
  padding: 0;
}
.card-blog .infos-post a.btn-leia-mais{
  color: #ee1155;
}

p.search{
  font-size: 16px;
  color: #797991;
  font-weight: 300;
  padding: 30px 0 0 0;
}

/** para index e archive **/
#page-blog ul.lista-posts{
  list-style: none;
  padding: 0;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#page-blog ul.lista-posts li{
  display: inline-block;
  width: 100%;
  text-align: left;
  margin: 15px 0;
  vertical-align: top;
  position: relative;
}
#page-blog ul.lista-posts li.item-post .dados a h3,
#page-blog ul.lista-posts li.item-post .dados h3{
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  color: #797991;
  font-weight: 700;
  margin-top: 15px;
}
#page-blog ul.lista-posts li.item-post .dados p{
  font-size: 16px;
  font-weight: 300;
}
#page-blog ul.lista-posts li.item-post .infos-data span{
  display: block;
  width: 100%;
  border-radius: 4px;
  background: #ededf0;
  padding: 5px 12px;
  margin: 2px 0;
  font-size: 14px;
  color: #797991;
  font-weight: 300;
  font-style: italic;
}
#page-blog ul.lista-posts li.item-post .infos-data span strong{
  float: right;
  font-weight: 300 !important;
}
#page-blog ul.lista-posts li.item-post .overlay{
  display: block;
  position: absolute;
  z-index: 8;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  background: #fff;
}
#page-blog ul.lista-posts li.item-post .item-thumb{
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 5px;
}
#page-blog ul.lista-posts li.item-post .thumb{
  position: relative;
  z-index: 9;
  opacity: 1;
  -webkit-transition: 0.8s all ease;
  -moz-transition: 0.8s all ease;
  -ms-transition: 0.8s all ease;
  -o-transition: 0.8s all ease;
  transition: 0.8s all ease;
}
#page-blog ul.lista-posts li.item-post .thumb img{
  width: 100%;
  height: 186px;
  object-fit: cover;
  object-position: center center;
}


/** resultado de busca **/
.bloco-busca{
  margin-top: 45px;
}
.bloco-busca h2{
  font-size: 18px;
  font-weight: 300;
  padding: 30px 0 0;
}
.bloco-busca h2 span{
  color: #ee1155;
  font-weight: 400;
}

/** Sidebar **/
#sidebar{
  margin-top: 50px;
}
#sidebar .widget{
  margin: 45px 0 0 0;
}
#sidebar h3{
  font-size: 30px;
  margin-bottom: 30px;
}
#sidebar ul{
  list-style: none;
  width: 100%;
  padding: 0;
}
#sidebar ul li.cat-item{
  display: block;
  margin: 15px 0;
}
#sidebar ul li.cat-item a{
  display: inline-block;
  font-size: 18px;
  color: #797991;
  font-weight: 300;
}
#sidebar ul li.cat-item.current-cat a{
  color: #ee1155;
}

#sidebar ul.lista-recentes li{
  display: block;
  width: 100%;
  margin: 30px 0 15px 0;
  padding-bottom: 30px;
  border-bottom: #f4f4f6 solid 1px;
}
#sidebar ul.lista-recentes li .thumb{
  display: inline-block;
  width: 65px;
  margin-bottom: 5px;
  vertical-align: top;
}
#sidebar ul.lista-recentes li .thumb img{
  width: 65px;
  height: 65px;
  object-fit: cover;
  object-position: center center;
}
#sidebar ul.lista-recentes li .infos {
  display: inline-block;
  width: 75%;
  padding-left: 15px;
  vertical-align: top;
}
#sidebar ul.lista-recentes li .infos h4{
  font-size: 18px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
}
#sidebar ul.lista-recentes li span.infos-extras{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
  color: #797991;
  font-weight: 300;
}
#sidebar ul.lista-recentes li a:hover,
#sidebar ul.lista-recentes li a:hover h4,
#sidebar ul.lista-recentes li a:hover span{
  text-decoration: none;
}

#sidebar .lista-mais{
  margin: 15px 0;
}
#sidebar .lista-mais h2{
  font-size: 20px;
  color: #78788f;
  font-weight: 700;
  background: #e7e7eb;
  padding: 20px 15px;
  margin: 0px;
}
#sidebar .lista-mais ul.lista-posts-author{
  list-style: none;
  width: 100%;
  padding: 0 15px;
  background: #e7e7eb;
}
#sidebar .lista-mais ul.lista-posts-author li{
  display: inline-block;
  width: 100%;
  background: #e7e7eb;
  margin: 0;
}
#sidebar .lista-mais ul.lista-posts-author li a{
  display: inline-block;
  font-size: 16px;
  color: #78788f;
  font-weight: 300;
  padding: 10px 0px;
  border-top: #fff solid 1px;
}

.form-busca{
  position: relative;
}
.form-busca input[type="text"]{
  height: 50px;
  background: #fff;
}
.form-busca .icon-search{
  position: absolute;
  top: 13px;
  right: 15px;
}
.form-busca .icon-search i{
  font-size: 20px;
  color: #78788f;
}
.form-busca .btn-buscar{
  position: absolute;
  top: 0;
  right: 0;
}
.form-busca .btn-buscar input[type="submit"]{
  width: 50px;
  height: 50px;
  border-radius: 8px;
  font-size: 16px;
  text-indent: -999999px;
  padding: 0px;
  margin-top: 0px;
  background: transparent;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.lista-pages{
  display: block;
  margin: 30px auto;
  padding: 0px;
  text-align: right;
}
.lista-pages span.page-numbers,
.lista-pages a.page-numbers{
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 12px 10px 6px 10px;
  font-size: 14px;
  color: #78788f;
  font-weight: 300;
  font-style: italic;
  background: transparent;
  position: relative;
  text-align: center;
}
.lista-pages .page-numbers.prev,
.lista-pages .page-numbers.next{
  font-size: 22px;
  line-height: 22px;
}
.lista-pages .page-numbers.prev span,
.lista-pages .page-numbers.next span{
  display: none;
}
.lista-pages a.page-numbers:hover,
.lista-pages .page-numbers.current{
  color: #ee1155;
  text-decoration: none;
}

/*--------------------------------------------------------------
### Single Post
--------------------------------------------------------------*/
#single-blog h2,
.post-content h2{
  font-size: 28px;
  font-weight: 300;
  margin: 30px 0 15px;
}
#single-blog h3,
.post-content h3{
  font-size: 24px;
  font-weight: 300;
  margin: 30px 0 15px;
}
#single-blog h4,
.post-content h4{
  font-size: 22px;
  font-weight: 600;
}
#single-blog h5,
.post-content h5{
  font-size: 20px;
  font-weight: 600;
}
#single-blog h6,
.post-content h6{
  font-size: 18px;
  font-weight: 600;
}
#single-blog .conteudo ul,
#single-blog .conteudo ol,
.post-content ul,
.post-content ol{
  padding-left: 20px;
}
#single-blog .conteudo ol li,
#single-blog .conteudo ul li,
.post-content ol li,
.post-content ul li{
  font-size: 16px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
}
#single-blog blockquote,
.post-content blockquote{
  border-left: #ee1155 solid 5px;
  margin-left: 0px;
  padding-left: 15px;
}

.post-author{
  margin: 15px 0 30px 0;
  text-align: center;
}
.post-author .author-thumb{
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  overflow: hidden;
  vertical-align: top;
  margin-bottom: 20px;
}
.post-author .author-thumb img{
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.post-author .author-infos{
  display: inline-block;
  width: 100%;
  padding: 0 5px;
  vertical-align: top;
}
#single-blog .post-author .author-infos h3{
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px 0;
}
#single-blog .post-author .author-infos p{
  font-size: 16px;
}

#bloco-share{
  margin: 30px 0;
}
#bloco-share p{
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
#bloco-share a{
  display: inline-block;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  border-radius: 0px;
  background: #22589b;
  vertical-align: top;
  text-align: center;
}
#bloco-share a i{
  font-size: 18px;
  color: #fff;
}
#bloco-share a.btn-facebook{ background: #22589b; }
#bloco-share a.btn-whatsapp{ background: #00d45d; }
#bloco-share a.btn-linkedin{ background: #0077b8; }
#bloco-share a.btn-twitter{ background: #00a3f5; }
#bloco-share a.btn-pinterest{ background: #dd0216; }
#bloco-share a.btn-email{ background: #ff4131; }

.post-comments{
  margin: 30px 0;
}

.wp-block-media-text{
  display: block;
}
.wp-block-media-text .wp-block-media-text__content{
  padding: 0px;
}
.has-medium-font-size{
  font-size: 16px;
  margin-top: 15px;
}

/** Relacionados **/
#bloco-relacionados{
  margin-top: 30px;
  margin-bottom: 30px;
}
#bloco-relacionados h2{
  font-size: 24px;
  color: #797991;
  font-weight: 700;
  margin: 0 0 30px;
}
#bloco-relacionados ul{
  list-style: none;
  padding: 0;
  width: 100%;
}
#bloco-relacionados ul li{
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  padding: 0 0 15px 0;
  border-bottom: #bbbbc7 solid 1px;
}
#bloco-relacionados ul li .item-thumb{
  display: inline-block;
  width: 100%;
  height: 110px;
  overflow: hidden;
  border-radius: 4px;
}
#bloco-relacionados ul li .item-thumb img{
  width: 100%;
  height: 110px;
  object-fit: cover;
  object-position: center center;
}
#bloco-relacionados ul li h3 a,
#bloco-relacionados ul li h3{
  display: inline-block;
  width: 100%;
  font-size: 20px;
  line-height: 26px;
  color: #797991;
  font-weight: 700;
  text-align: center;
  vertical-align: top;
  margin-top: 10px;
}

/*--------------------------------------------------------------
## Páginas estruturadas estilo blog
--------------------------------------------------------------*/
#page-single .post-content .bloco-destaque{
  background: #ebebf1;
  padding: 30px;
}
#page-single .post-content ul{
  list-style: none;
  padding-left: 0px;
}
#page-single .post-content ul li{
  position: relative;
  padding-left: 15px;
}
#page-single .post-content ul li:before{
  display: inline-block;
  content: '+';
  font-size: 18px;
  color: #ee1155;
  font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
}
#page-single .post-content ol li{
  color: #ff0856;
}

#page-single .bloco-chamada,
#page-single #bloco-chamada,
#page-single .bloco-chamada .vc_column-inner,
#page-single #bloco-chamada .vc_column-inner,
#page-single .bloco-chamada .wpb_text_column,
#page-single #bloco-chamada .wpb_text_column,
#page-single .bloco-chamada .wpb_text_column .vc_column-inner,
#page-single #bloco-chamada .wpb_text_column .vc_column-inner{
  height: 300px;
}

/** tabelas **/
.table thead td{
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  background: #78788f;
}
.table thead td.title{
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  background: #58586b;
}
.table td, .table th{
  font-size: 15px;
  color: #78788f;
  font-weight: 300;
  border: 1px solid #fff;
}
.table tbody tr{
  background: #f9f9fa;
}
.table tbody tr:nth-child(even){
  background: #e7e7eb;
}

.table.table-list td, .table.table-list th{
  font-size: 18px;
}


/*--------------------------------------------------------------
## Quem Somos
--------------------------------------------------------------*/
#chamadas-destaques{
  padding: 55px 0 0 0;
}
#chamadas-destaques h2{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 25px;
}
#chamadas-destaques .item-segmento{
  width: 100%;
  min-height: 520px;
  border-radius: 4px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}
#chamadas-destaques .item-segmento img{
  width: auto;
  height: 210px;
  object-fit: cover;
}
#chamadas-destaques .item-segmento h3{
  font-size: 26px;
  line-height: 32px;
  color: #797991;
  font-weight: 700;
  padding: 15px 25px 30px;
  margin-bottom: 0px;
  text-align: center;
}
#chamadas-destaques .item-segmento h4{
  font-size: 20px;
  line-height: 28px;
  color: #797991;
  font-weight: 300;
  padding-top: 30px;
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
}
#chamadas-destaques .item-segmento p{
  color: #797991;
  font-weight: 300;
  text-align: center;
  padding: 0 20px;
}
#chamadas-destaques .item-segmento a{
  display: block;
  width: 160px;
  height: 50px;
  font-size: 18px;
  color: #797991;
  font-weight: 300;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  padding-top: 12px;
  margin: 25px auto;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}

/*--------------------------------------------------------------
### Trabalhe conosco
--------------------------------------------------------------*/
#bloco-beneficios{
  padding: 60px 0;
}
#bloco-beneficios .vc_column-inner{
  padding: 0px;
}
#bloco-beneficios .item-trabalhe{
  min-height: 250px;
  margin: 7px 15px;
  padding: 0;
}
#bloco-beneficios .item-trabalhe.bloco-duplo{
  margin-top: 15px;
}
#bloco-beneficios .item-trabalhe h3{
  font-size: 30px;
  line-height: 38px;
  color: #fff;
  font-weight: 700;
  padding: 60px 30px 0;
  margin-bottom: 20px;
}
#bloco-beneficios .item-trabalhe p{
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: 300;
  padding: 0 30px;
}
#bloco-beneficios .item-trabalhe .wpb_single_image{
  margin-bottom: 0px !important;
}
#bloco-beneficios .item-trabalhe figure,
#bloco-beneficios .item-trabalhe figure .vc_single_image-wrapper{
  width: 100%;
}
#bloco-beneficios .item-trabalhe img{
  width: 100%;
  min-height: 250px;
  object-fit: cover;
}

#bloco-time{
  padding: 0 0 60px 0;
}
#bloco-time h2{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 30px;
}
#bloco-time ul.lista-depoimentos{
  list-style: none;
  display: inline-block;
  width: 100%;
  padding: 0;
}
#bloco-time ul.lista-depoimentos li{
  display: inline-block;
  width: 100%;
  margin: 0;
  position: relative;
  background: rgba(121,121,145,0.1);
}
#bloco-time ul.lista-depoimentos li .thumb{
  display: none;
}
#bloco-time ul.lista-depoimentos li .infos{
  display: inline-block;
  width: 100%;
  padding: 30px 20px;
  vertical-align: top;
}
#bloco-time ul.lista-depoimentos li .infos p{
  font-size: 16px;
  line-height: 24px;
}
#bloco-time ul.lista-depoimentos li .infos h3,
#bloco-time ul.lista-depoimentos li .infos p,
#bloco-time ul.lista-depoimentos li .infos span{
  font-size: 16px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
  margin-bottom: 0px;
}
#bloco-time ul.lista-depoimentos li .infos-pessoa{
  margin-top: 30px;
}
#bloco-time ul.lista-depoimentos .slick-list{
  padding: 0px !important;
}
#bloco-time ul.lista-depoimentos ul.slick-dots{
  display: inline-block;
  width: 100%;
  bottom: -60px !important;
  text-align: center;
}
#bloco-time ul.lista-depoimentos ul.slick-dots li{
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  background: transparent;
}
#bloco-time ul.lista-depoimentos ul.slick-dots li button{
  width: 50px;
  height: 50px;
  text-align: center;
}
#bloco-time ul.lista-depoimentos ul.slick-dots li button:before{
  display: block;
  content: ' ';
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #e4e4e9;
  margin: 0 auto;
  position: relative;
}
#bloco-time ul.lista-depoimentos ul.slick-dots li.slick-active button:before{
  background: #797991;
}

#bloco-slider{
  padding: 0 0 60px 0;
}

#bloco-cultura{
  padding: 0 0 60px 0;
}
#bloco-cultura h2{
  font-size: 34px;
  line-height: 38px;
  margin-bottom: 30px;
}
#bloco-cultura ul {
  list-style: none;
  counter-reset: ahgora-awesome-counter;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}
#bloco-cultura ul li {
  counter-increment: ahgora-awesome-counter;
  display: inline-block;
  width: 85%;
  min-height: 50px;
  font-size: 16px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
  background: #fff;
  position: relative;
  padding: 15px;
  margin: 5px 0 10px 60px;
}
#bloco-cultura ul li:nth-child(odd){
  background: #f1f1f4;
}
#bloco-cultura ul li::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "0" counter(ahgora-awesome-counter);
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  border-radius: 50%;
  background: #5e4d9c;
  text-align: center;
  position: absolute;
  top: 3px;
  left: -65px;
  padding-top: 12px;
}
#bloco-cultura ul li:last-child::before{
  content: "" counter(ahgora-awesome-counter);
}

/*--------------------------------------------------------------
### Contato
--------------------------------------------------------------*/
#bloco-form{
  padding: 30px 15px;
  background: #f4f4f6;
}

/*--------------------------------------------------------------
### Suporte ao cliente
--------------------------------------------------------------*/
#bloco-itens-hover{
  padding: 30px 0;
}
#bloco-itens-hover .item-hover{
  display: inline-block;
  width: 100%;
  height: 400px;
  padding-top: 30px;
  text-align: center;
  border: none;
  background: #fff;
  position: relative;
  cursor: pointer;
}
#bloco-itens-hover .item-hover header{
  padding-top: 80px;
}
#bloco-itens-hover .item-hover h2{
  font-size: 24px;
  margin-bottom: 20px;
  position: relative;
}
#bloco-itens-hover .item-hover h4{
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
}
#bloco-itens-hover .item-hover img{
  position: absolute;
  top: 25px;
  left: calc(50% - 40px);
  width: 80px;
}
#bloco-itens-hover .item-hover:before,
#bloco-itens-hover .item-hover:after {
  display: block;
  content: ' ';
  width: 100%;
  height: 20px;
  background: #fff;
  position: absolute;
  left: 0;
  z-index: -2;
  opacity: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#bloco-itens-hover .item-hover:before {
  top: 0;
  -webkit-box-shadow: 0px -5px 12px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px -5px 12px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px -5px 12px 0px rgba(50, 50, 50, 0.15);
}
#bloco-itens-hover .item-hover:after{
  bottom: 0;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.15);
  -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.15);
  box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.15);
}
#bloco-itens-hover .item-hover h2:before{
  display: block;
  content: ' ';
  width: 150%;
  height: 400px;
  background: #fff;
  position: absolute;
  top: -110px;
  left: -60px;
  z-index: -1;
}
#bloco-itens-hover .item-hover .btn-hover a{
  display: block;
  width: 160px;
  height: 50px;
  font-size: 18px;
  color: #797991;
  font-weight: 300;
  text-align: center;
  border-radius: 4px;
  background: #fff;
  padding-top: 12px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}

/*--------------------------------------------------------------
### Páginas destacadas
--------------------------------------------------------------*/
.bloco-menu li:before{
  display:none !important;
}

/*--------------------------------------------------------------
### Portal do Investidor
--------------------------------------------------------------*/
#bloco-links {
  margin-top: 30px;
}
#bloco-links p{
  font-size: 18px;
  line-height: 28px;
}

#links-desktop{
  padding: 30px 0;
}
#links-desktop .vc_cta3-container{
  display: inline-block;
  width: 48%;
}
#links-desktop .item-link{
  display: inline-block;
  width: 100%;
  height: 165px;
  padding-top: 15px;
  text-align: center;
  border: none;
  background: #fff;
  position: relative;
  cursor: pointer;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}
#links-desktop .item-link header{
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
}
#links-desktop .item-link h2{
  font-size: 16px;
  position: relative;
}
#links-desktop .item-link h4{
  display: none;
}

.divisoria{
  height: 50px;
  margin-top: 30px;
}
.divisoria .wpb_wrapper{
  height: 50px;
  position: relative;
}
.divisoria .wpb_wrapper:before{
  display: inline-block;
  content: ' ';
  width: 90%;
  height: 1px;
  background: #e4e4e9;
  position: absolute;
  top: 25px;
  left: 0px;
}
.divisoria .btn-back{
  float: right;
  position: relative;
}
.divisoria .btn-back a{
  color: #78788f !important;
  border: none !important;
  background: #fff !important;
}

#bloco-video{
  display: flex;
  height: 210px;
}
.bloco-textos iframe{
  height: 210px !important;
  border: none !important;
}

#page-investidor.post-content h1{
  margin-bottom: 20px;
}
#page-investidor .bloco-login{
  padding: 30px;
  background: #f4f4f6;
}
#page-investidor .bloco-login p.error{
  font-size: 14px;
  color: #FF0000;
}

/*--------------------------------------------------------------
### Página Finder
--------------------------------------------------------------*/
#bloco-timeline ul{
  list-style: none;
  counter-reset: timeline-awesome-counter;
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 100%;
}
#bloco-timeline ul li {
  counter-increment: timeline-awesome-counter;
  display: inline-block;
  width: 100%;
  min-height: 50px;
  font-size: 16px;
  line-height: 24px;
  color: #797991;
  font-weight: 300;
  position: relative;
  padding: 0 0 0 60px;
  margin: 10px 0;
}
#bloco-timeline ul li strong {
  display: block;
}
#bloco-timeline ul li::before {
  display: inline-block;
  width: 50px;
  height: 50px;
  content: "0" counter(timeline-awesome-counter);
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  color: #fff;
  font-weight: 300;
  border-radius: 50%;
  background: #d5d5dc;
  text-align: center;
  position: absolute;
  top: 3px;
  left: 0;
  padding-top: 12px;
}

/*--------------------------------------------------------------
### Página de busca
--------------------------------------------------------------*/
ul.lista-itens-busca{
  list-style: none;
  padding: 0;
  width: 100%;
}
ul.lista-itens-busca li{
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}
ul.lista-itens-busca li.item-prod{
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}
ul.lista-itens-busca li.item-prod a{
  display: block;
  width: 100%;
  padding: 30px;
  text-align: center;
  -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.2);
  box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.2);
}
ul.lista-itens-busca li.item-prod a .logo{
  margin-bottom: 10px;
}

ul.lista-itens-busca li.item-post{
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
}

ul.lista-itens-busca li.item-page{
  padding-left: 20px;
  position: relative;
}
ul.lista-itens-busca li.item-page:before{
  display: inline-block;
  content: '+';
  font-size: 22px;
  color: #ee1155;
  font-weight: 300;
  position: absolute;
  top: -5px;
  left: 0;
}
ul.lista-itens-busca li.item-page a h3{
  font-size: 18px;
}

#page-busca a.btn-padrao.btn-busca-mais{
  height: 70px;
}


/*--------------------------------------------------------------
## Modals
--------------------------------------------------------------*/
#modalForm,
.bloco-modals{
  background: rgba(0,0,0,0.7);
}
#modalForm .bloco-form{
  display: none;
}
#modalForm .bloco-form.active{
  display: block;
}
#modalForm .modal-content,
#modalForm .modal-header,
.bloco-modals .modal-content,
.bloco-modals .modal-header{
  border: none;
  background: transparent;
}
.modal-header button.close{
  text-shadow: none;
  opacity: 1;
}
.modal-header button.close:after{
  display: inline-block;
  content: ' ';
  width: 30px;
  height: 30px;
  background-image: url("../../../images/photoswipe-skin.png");
  background-position: 0 -44px;
}
.modal-header button.close i{
  display: none;
}
#modalForm span.title-modal{
  font-size: 18px;
  text-align: center;
}
#modalForm .modal-body,
#modalForm-ok .modal-body,
#modalCadastro .modal-body,
#modalCadastro-ok .modal-body,
#modalSuporteTicket .modal-body,
#modalSuporteTicket-nao .modal-body,
#modalSuporteTicket-ok .modal-body,
#modalSuporteTicket-sim .modal-body{
  border-radius: 12px;
  border: none;
  background: #f4f4f6;
  padding: 35px 20px 30px;
}
#modalForm input[type="submit"]{
  font-size: 18px;
  padding: 10px;
  margin-top: 30px;
}

#modalForm-ok .modal-body,
#modalCadastro-ok .modal-body,
#modalSuporteTicket .modal-body,
#modalSuporteTicket-nao .modal-body,
#modalSuporteTicket-ok .modal-body{
  text-align: center;
}
#modalForm-ok .modal-body p,
#modalCadastro-ok .modal-body p,
#modalSuporteTicket .modal-body p,
#modalSuporteTicket-nao .modal-body p,
#modalSuporteTicket-ok .modal-body p{
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Galeria de Imagens
--------------------------------------------------------------*/
ul.gallery-images{
  padding: 0;
  list-style: none;
  width: 80%;
  margin: 0 auto;
}
ul.gallery-images .slick-list{
  padding: 0px !important;
}
ul.gallery-images .gallery-item{
  width: 100%;
  height: 210px;
  margin: 0 7px;
  overflow: hidden;
  position: relative;
  border-radius: 0px;
}
ul.gallery-images .gallery-item .overlay-thumb{
  position: absolute;
  width: 100%;
  height: 210px;
  text-align: center;
  border: none !important;
  background: rgba(0,0,0,0.6);
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
ul.gallery-images .gallery-item a:hover .overlay-thumb{
  opacity: 1;
}
ul.gallery-images .gallery-item .overlay-thumb span{
  font-size: 14px;
  color: #fff !important;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  top: 50%;
}
#single-post .post-content ul.gallery-images .gallery-item img,
ul.gallery-images .gallery-item img{
  width: 100% !important;
  height: 210px !important;
  object-fit: cover;
  object-position: center center;
}
ul.gallery-images .gallery-title{
  display: none;
}
ul.gallery-images .gallery-caption{
  display: none;
}

/** SLIDER MANIFESTO - TRABALHE CONOSCO **/
#bloco-slider .vc_column-inner{
  padding-left: 0px;
  padding-right: 0px;
}
#bloco-slider h2{
  font-size: 28px;
  padding: 0 15px;
  text-align: center;
}
#slider-manifesto{
  padding: 0 15px;
}
#slider-manifesto ul.gallery-images{
  width: 100%;
}
#slider-manifesto ul.gallery-images .gallery-item .overlay-thumb{
  display: none;
}
#slider-manifesto ul.gallery-images .gallery-item{
  height: 220px;
  margin: 0px;
}
#slider-manifesto ul.gallery-images .gallery-item img{
  height: 220px !important;
  width: 100%;
  opacity: 0.3;
}
#slider-manifesto ul.gallery-images .gallery-item[data-slick-index="0"] img{
  opacity: 1;
}
#slider-manifesto ul.gallery-images .gallery-item .thumb{
  position: relative;
  z-index: 1;
}
#slider-manifesto ul.gallery-images .gallery-item .texto{
  position: absolute;
  top: 100%;
  left: 15px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 1s all ease;
  -moz-transition: 1s all ease;
  -ms-transition: 1s all ease;
  -o-transition: 1s all ease;
  transition: 1s all ease;
}
#slider-manifesto ul.gallery-images .gallery-item .texto.show{
  top: 10%;
  opacity: 1;
}
#slider-manifesto ul.gallery-images .gallery-item .texto span{
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  color: #797991;
  font-weight: 300;
  padding-right: 15px;
}
#slider-manifesto ul.gallery-images .gallery-item .texto span strong{
  display: inline-block;
}
#slider-manifesto .slick-prev,
#slider-manifesto .slick-next{
  bottom: -90px !important;
}



/*--------------------------------------------------------------
## PhotoSwipe
--------------------------------------------------------------*/
.pswp--open{
  background: rgba(0,0,0,0.8);
}
.pswp__button--arrow--left,
.pswp__button--arrow--right{
  width: 65px !important;
  height: 60px !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,0.8) !important;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before{
  top: 0px !important;
  width: 25px !important;
  height: 25px !important;
  content: '\f105' !important;
  font-family: "Font Awesome 5 Free" !important;
  font-size: 20px !important;
  color: #fff;
  font-weight: bold;
  top: 17px !important;
  left: 19px !important;
  background: none !important;
}
.pswp__button--arrow--left:before{
  content: '\f104' !important;
}
.pswp__button--fs{
  background-image: url("../../../images/photoswipe-skin.png") !important;
}
.pswp__button--close{
  background-image: url("../../../images/photoswipe-skin.png") !important;
  background-position: 0 -44px !important;
}
.pswp__button--zoom{
  background-image: url("../../../images/photoswipe-skin.png") !important;
  background-position: -90px 0px !important;
}
.pswp__top-bar{
  background: #4e586c !important;
}
.pswp__caption{
  height: 44px;
  background: #4e586c !important;
}
.pswp__caption__center{
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
  padding-top: 12px !important;
  max-width: 100% !important;
  letter-spacing: 0px !important;
}
.pswp__zoom-wrap{
  display: table;
  height: calc(100vh - 50px);
}
.videoWrapper {
  position: relative;
  padding-bottom: 46.25%; /* 16:9 */
  height: 0;
  display: table-cell;
  vertical-align: middle;
}
.videoWrapper iframe {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 100%;
}


/*--------------------------------------------------------------
## Slick Slider
--------------------------------------------------------------*/
.slick-prev,
.slick-next{
  width: 50px !important;
  height: 50px !important;
  background: transparent !important;
  overflow: hidden;
  bottom: -50px !important;
  z-index: 9;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.slick-prev{
  left: 50% !important;
  margin-left: -55px;
}
.slick-next{
  right: 50% !important;
  margin-right: -55px;
}
.slick-prev:before,
.slick-next:before{
  display: block;
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
  content: '\f054';
  color: #797991;
  position: absolute;
  top: 10px;
  left: 10px;
}
.slick-prev:before{
  content: '\f053';
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer{
  min-height: 340px;
  background: #272733;
}

.footer-infos{
  min-height: 260px;
  padding-top: 15px;
}
.footer-infos h2{
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  margin-bottom: 10px;
}

.footer-menu ul{
  display: block;
  list-style: none;
  padding: 0;
  width: 100%;
  border: none;
  background: transparent;
}
.footer-menu ul li{
  display: block;
  text-align: left;
}
.footer-menu ul li.menu-first{
  display: inline-block;
  width: 48%;
  margin-top: 10px;
  vertical-align: top;
}
.footer-menu ul li a{
  display: block;
  width: 100%;
  height: 35px;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  padding: 12px 0 0 0;
}
.footer-menu ul li a i{
  display: none !important;
}
.footer-menu ul.dropdown-menu{
  display: block !important;
  position: relative !important;
}

.footer-news{
  padding-top: 30px;
}

ul.lista-midias{
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 20px 0 0 0;
  text-align: center;
}
ul.lista-midias li{
  display: inline-block;
  width: 47%;
  margin: 0;
  vertical-align: top;
}
ul.lista-midias li a{
  display: block;
  width: 100%;
  height: 50px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  font-weight: 300;
  padding: 0;
  text-align: center;
}
ul.lista-midias li a i{
  display: inline-block;
  width: 25px;
  height: 30px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  position: relative;
  top: 2px;
  left: -5px;
}

.footer-news input[type="submit"] {
  height: 50px;
  font-size: 18px;
  padding: 10px 15px;
  margin-top: 10px;
}
.footer-news input[type="text"],
.footer-news input[type="email"] {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #797991;
  font-weight: 300;
  border-radius: 4px !important;
  border: #fff solid 1px !important;
  background: #fff;
  padding: 10px 15px;
  width: 100%;
  height: 45px;
  margin-top: 10px;
  box-shadow: none;
}
.footer-news input[type="text"]:focus,
.footer-news input[type="email"]:focus {
  outline: 0 !important;
  border: #fff solid 1px;
  box-shadow: none !important;
}
.footer-news div.wpcf7-response-output {
  color: #fff !important;
}


/*--------------------------------------------------------------
## Copyright
--------------------------------------------------------------*/
.footer-direitos{
  min-height: 80px;
  padding: 25px 0;
  background: #272733;
  text-align: center;
}
.footer-direitos span{
  display: inline-block;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  font-weight: 300;
}

footer a.logo-sd{
  display: inline-block;
  margin-top: 15px;
  margin-left: 15px;
  overflow: hidden;
}
footer a.logo-sd img{
  position: relative;
  left: -32px;
}


/*--------------------------------------------------------------
## MEDIA
--------------------------------------------------------------*/
@media (min-width: 992px) {
  #bloco-gestao-rh{
    padding-top: 30px;
    text-align: left;
  }
  #bloco-gestao-rh h2{
    font-size: 54px;
    line-height: 60px;
    padding-right: 60px;
    text-align: left;
  }
  #bloco-gestao-rh p{
    font-size: 20px;
    line-height: 28px;
    padding-right: 60px;
    margin: 20px 0;
  }
  #bloco-gestao-rh a.btn-padrao{
    width: inherit;
  }
  #bloco-gestao-rh ul{
    position: relative;
    top: -30px;
  }
  #bloco-gestao-rh ul li{
    width: 48%;
    margin: 15px 0px;
    text-align: left;
  }
  #bloco-gestao-rh ul li h3{
    font-size: 30px;
    line-height: 36px;
    margin: 15px 100px 15px 0px;
  }
  #bloco-gestao-rh ul li p{
    font-size: 18px;
    padding-right: 0px;
  }

  .page-ahgora #bloco-gestao-rh h2,
  .page-ahgora #bloco-gestao-rh p{
    padding-right: 0px;
  }

  #chamada-segmentos{
    background-size: contain;
  }
  #chamada-segmentos h2{
    font-size: 54px;
    line-height: 60px;
  }
  #chamada-segmentos p{
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }
  #chamada-segmentos .bloco-intro p{
    padding-right: 120px;
  }
  #chamada-segmentos a.btn-padrao{
    margin-top: 30px;
  }
  #chamada-segmentos .item-segmento img{
    height: 280px;
  }
  #chamada-segmentos .item-segmento h3{
    font-size: 30px;
    line-height: 36px;
    padding: 30px 65px;
  }
  #chamada-segmentos .item-segmento p{
    font-size: 18px;
    line-height: 24px;
    padding: 0 30px;
  }
  #chamada-segmentos .item-segmento a:hover{
    color: #fff;
    background: #ff0856;
    text-decoration: none;
  }
  #bloco-numeros h2{
    font-size: 54px;
    line-height: 60px;
    text-align: left;
    padding-top: 30px;
  }
  .bloco-chamada h2,
  #bloco-chamada h2{
    font-size: 54px;
    line-height: 60px;
  }
  .bloco-chamada p,
  #bloco-chamada p{
    font-size: 20px;
  }

  #bloco-depoimentos{
    padding-top: 70px;
  }
  #bloco-depoimentos h2{
    font-size: 54px;
    line-height: 60px;
  }
  #bloco-depoimentos ul.lista-depoimentos li.item-depoimento{
    display: inline-block;
    width: 30%;
    margin: 0 15px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow:    0px 5px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow:         0px 5px 20px 0px rgba(0, 0, 0, 0.08);
    vertical-align: top;
  }
  #bloco-depoimentos ul.lista-depoimentos li.item-depoimento p{
    font-size: 18px;
    text-align: left;
  }
  #bloco-depoimentos ul.lista-depoimentos li.item-depoimento p strong{
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px !important;
    text-align: center;
  }
  #bloco-blog{
    width: 100% !important;
    left: 0px !important;
    padding: initial !important;
    margin: 0 auto !important;
  }
  #bloco-blog h2{
    font-size: 54px;
    line-height: 60px;
  }
  ul.lista-posts li.item-post .infos-dados a:hover h3{
    color: #ee1155;
  }
  ul.lista-posts li.item-post .infos-dados a.btn-mais{
    font-size: 18px;
    bottom: 5px;
  }
    /** HOME **/

  /** PRODUTOS **/
  #page-produtos #bloco-intro h2{
    font-size: 54px;
    line-height: 60px;
  }

  .bloco-textos h2,
  .bloco-textos h3{
    font-size: 54px;
    line-height: 60px;
    text-align: left;
  }
  .bloco-textos .itens-tabelas h3{
    font-size: 30px;
    line-height: 38px;
  }
  .bloco-textos p{
    margin: 20px 0;
  }
  .bloco-textos a.btn-padrao{
    width: inherit;
  }
  .bloco-textos ul li,
  .bloco-textos ul li:before{
    font-size: 18px;
  }
  .bloco-textos blockquote{
    padding-left: 140px;
    padding-right: 200px;
  }
  .bloco-textos blockquote strong{
    font-size: 60px;
    line-height: 60px;
  }

  .bloco-textos table td{
    font-size: 18px;
    padding: 10px 30px;
  }
  .bloco-textos .image-alinhada img{
    position: relative;
    top: -50px;
  }

  #bloco-integracoes ul li img{
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #bloco-integracoes ul li:hover img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }

  #bloco-produtos{
    margin: 30px 0;
  }
  .chamada-produtos{
    overflow: hidden;
  }
  .chamada-produtos h2{
    min-width: 200px;
    height: 100px;
    text-align: right;
    padding: 30px 60px 0 0;
    position: absolute;
    top: 75px;
    left: -50px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }
  ul.lista-produtos{
    padding: 0 0 0 100px;
    z-index: 3;
  }
  ul.lista-produtos li{
    width: 33%;
    height: 220px;
    margin: 15px 0;
  }
  ul.lista-produtos li a{
    display: inline-block;
    width: 100%;
    height: 220px;
    padding: 30px;
    background: transparent;
    position: relative;
    -webkit-box-shadow: none !important;
    -moz-box-shadow:    none !important;
    box-shadow:         none !important;
  }
  ul.lista-produtos li a:before,
  ul.lista-produtos li a:after {
    display: block;
    content: ' ';
    width: 100%;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: -2;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  ul.lista-produtos li a:before {
    top: 0;
    -webkit-box-shadow: 0px -5px 12px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px -5px 12px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px -5px 12px 0px rgba(50, 50, 50, 0.15);
  }
  ul.lista-produtos li a:after{
    bottom: 0;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.15);
  }
  ul.lista-produtos li a .overlay{
    display: block;
    width: 110%;
    height: 220px;
    background: #fff !important;
    position: absolute;
    top: 0;
    left: -15px;
    z-index: -1;
  }
  .chamada-produtos:nth-child(even),
  .chamada-produtos:nth-child(even) ul.lista-produtos li a .overlay{
    background: #f8f8f9 !important;
  }
  ul.lista-produtos li a .logo{
    margin-bottom: 15px;
  }
  ul.lista-produtos li a span.resumo{
    text-align: left;
  }
  ul.lista-produtos li a:hover:after,
  ul.lista-produtos li a:hover:before{
    opacity: 1;
  }

  /** PRODUTOS **/

  /** SEGMENTOS E PARCERIAS **/
  .lista-over-produtos ul li{
    display: inline-block;
    width: 48%;
    padding: 20px;
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0);
    box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  .lista-over-produtos ul li:hover{
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow:    0px 2px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow:         0px 2px 10px 0px rgba(0, 0, 0, 0.1);
  }
  .lista-over-produtos ul li img{
    display: block;
    margin: 0 0 15px;
  }

  #bloco-clientes ul{
    text-align: left;
  }
  #bloco-clientes ul li img{
    width: 160px;
    height: auto;
    object-fit: cover;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #bloco-clientes ul li:hover img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
  }
  /** SEGMENTOS E PARCERIAS **/

  /** BLOG **/
  #bloco-blog ul.lista-posts{
    margin-top: 30px;
  }
  #bloco-blog ul.lista-posts li.item-post{
    display: inline-block;
    width: 30%;
    min-height: 540px;
    margin: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #bloco-blog ul.lista-posts li.item-post:first-child{
    margin-left: 0px;
  }
  #bloco-blog ul.lista-posts li.item-post:last-child{
    margin-right: 0px;
  }
  .card-blog .infos-post{
    min-height: 330px;
  }
  .card-blog .infos-post .dados-extras{
    position: absolute;
    width: 100%;
    bottom: 0px;
  }
  .card-blog .infos-post a:hover h3{
    color: #ee1155;
    text-decoration: none;
  }

  #page-blog ul.lista-posts li{
    width: 100%;
    margin: 15px 0;
  }
  #page-blog ul.lista-posts li.item-post .dados a h3,
  #page-blog ul.lista-posts li.item-post .dados h3{
    font-size: 24px;
    line-height: 30px;
    margin-top: 0px;
  }
  #page-blog ul.lista-posts li.item-post .dados p{
    font-size: 18px;
    line-height: 24px;
  }
  #page-blog ul.lista-posts li.item-post .thumb img{
    height: 110px;
  }
  #sidebar ul li.cat-item a:hover,
  #sidebar ul.lista-recentes li a:hover h4{
    color: #ee1155;
    text-decoration: none;
  }
  .busca-blog{
    margin-top: 12px;
  }
  .form-busca input[type="text"]{
    height: 35px;
    padding-left: 45px;
  }
  .form-busca .icon-search{
    top: 7px;
    right: inherit;
    left: 12px;
  }
  .form-busca .btn-buscar{
    display: none;
  }
  .lista-pages{
    text-align: center;
  }
  .lista-pages span.page-numbers,
  .lista-pages a.page-numbers{
    width: 30px;
    padding: 15px 0px;
  }
  .lista-pages .page-numbers.prev,
  .lista-pages .page-numbers.next{
    width: inherit;
    font-size: 14px;
    line-height: 14px;
  }
  .lista-pages .page-numbers.prev span,
  .lista-pages .page-numbers.next span{
    display: inline-block;
  }
  #single-blog{
    padding: 0px;
  }
  #single-blog h2,
  .post-content h2{
    font-size: 30px;
    margin: 30px 0;
  }
  #single-blog h3,
  .post-content h3{
    margin: 30px 0;
  }
  #single-blog .conteudo ol li,
  #single-blog .conteudo ul li,
  .post-content ol li,
  .post-content ul li{
    font-size: 18px;
    line-height: 28px;
  }
  .post-author{
    width: 100%;
    text-align: center;
    margin: 50px auto 60px auto;
  }
  .post-author .author-thumb{
    margin-bottom: 0px;
  }
  .post-author .author-infos{
    padding-top: 30px;
  }
  #single-blog .post-author .author-infos p{
    font-size: 18px;
  }
  #bloco-share p{
    width: 28%;
  }
  #bloco-share .lista-shares{
    display: inline-block;
    width: 70%;
    text-align: right;
  }
  #bloco-share a{
    width: 35px;
    height: 35px;
    padding: 5px 0;
  }
  #bloco-share a i{
    font-size: 15px;
  }
  #bloco-share a.btn-facebook:hover{ background: #1a4275; }
  #bloco-share a.btn-whatsapp:hover{ background: #00a649; }
  #bloco-share a.btn-linkedin:hover{ background: #005b8d; }
  #bloco-share a.btn-twitter:hover{ background: #0084c7; }
  #bloco-share a.btn-pinterest:hover{ background: #b50112; }
  #bloco-share a.btn-email:hover{ background: #cb382c; }

  #bloco-relacionados ul li h3 a,
  #bloco-relacionados ul li h3{
    width: 60%;
    font-size: 24px;
    line-height: 30px;
    margin-left: 20px;
    margin-top: 10px;
    text-align: left;
  }
  #bloco-relacionados ul li h3 a{
    width: 100%;
    margin-left: 0px;
  }
  #bloco-relacionados ul li .item-thumb{
    width: 260px;
  }

  /** itens alinhados a esquerda ou direita, com imagens **/
  .wp-block-media-text{
    display: grid;
    margin: 60px 0;
  }
  .wp-block-media-text .wp-block-media-text__content{
    padding: 0 8%;
  }
  .has-medium-font-size{
    font-size: 18px;
    line-height: 28px;
    margin-top: 0px;
  }
  /** BLOG **/

  /** QUEM SOMOS **/
  #chamadas-destaques{
    padding-bottom: 60px;
  }
  #chamadas-destaques h2{
    font-size: 54px;
    line-height: 60px;
  }
  #chamadas-destaques p{
    font-size: 20px;
    line-height: 26px;
    text-align: left;
  }
  #chamadas-destaques .bloco-intro p{
    padding-right: 120px;
  }
  #chamadas-destaques a.btn-padrao{
    margin-top: 30px;
  }
  #chamadas-destaques .item-segmento img{
    height: 280px;
  }
  #chamadas-destaques .item-segmento h3{
    font-size: 30px;
    line-height: 36px;
    padding: 10px 15px 30px;
  }
  #chamadas-destaques .item-segmento p{
    font-size: 18px;
    line-height: 24px;
    padding: 0 30px;
    text-align: left;
  }
  /** QUEM SOMOS **/

  /** TRABALHE CONOSCO **/
  #bloco-beneficios .vc_column-inner{
    min-height: 250px;
    padding: 0px;
  }
  #bloco-beneficios .item-trabalhe{
    width: 280px;
    min-height: 250px;
    margin: 6px;
    padding: 0;
  }
  #bloco-beneficios .item-trabalhe.bloco-duplo{
    margin-top: 12px;
  }
  #bloco-beneficios .item-trabalhe h3{
    font-size: 30px;
    line-height: 38px;
    padding: 60px 30px 0;
  }
  #bloco-beneficios .item-trabalhe img{
    width: auto;
    min-height: 250px;
  }

  #bloco-time{
    padding: 60px 0;
  }
  #bloco-time h2{
    font-size: 54px;
    line-height: 60px;
  }
  #bloco-time ul.lista-depoimentos{
    margin-top: 30px;
  }
  #bloco-time ul.lista-depoimentos li{
    background: transparent;
  }
  #bloco-time ul.lista-depoimentos li .thumb{
    display: inline-block;
    width: 23%;
    max-width: 255px;
    margin-right: 15px;
    vertical-align: top;
  }
  #bloco-time ul.lista-depoimentos li .thumb img{
    width: 100%;
    height: auto;
  }
  #bloco-time ul.lista-depoimentos li .infos{
    display: inline-block;
    width: 74%;
    margin-left: 15px;
    padding: 40px 30px;
    background: rgba(121,121,145,0.1);
  }
  #bloco-time ul.lista-depoimentos li .infos{
    padding: 40px 30px;
  }
  #bloco-time ul.lista-depoimentos li .infos h3,
  #bloco-time ul.lista-depoimentos li .infos p,
  #bloco-time ul.lista-depoimentos li .infos span{
    font-size: 18px;
    line-height: 28px;
  }
  #bloco-time ul.lista-depoimentos ul.slick-dots{
    text-align: right;
    right: 0px;
  }
  #bloco-time ul.lista-depoimentos ul.slick-dots li,
  #bloco-time ul.lista-depoimentos ul.slick-dots li button{
    width: 30px;
  }

  #bloco-cultura h2{
    font-size: 54px;
    line-height: 60px;
  }
  #bloco-cultura ul li {
    width: 40%;
    padding: 30px;
    margin-right: 30px;
  }
  #bloco-cultura ul li:before {
    top: 15px;
  }
  #bloco-cultura ul li:nth-child(odd){
    background: #fff;
  }
  #bloco-cultura ul li:nth-child(4n+1), #bloco-cultura ul li:nth-child(4n+2) {
    background: #f1f1f4;
  }
  /** TRABALHE CONOSCO **/

  /** CONTATO **/
  #bloco-formulario{
    padding-top: 60px;
  }
  #bloco-formulario .txt-intro{
    padding-right: 70px;
  }
  #bloco-form{
    padding: 50px 30px 30px;
    position: relative;
    top: -60px;
  }
  #bloco-form input[type="submit"]{
    width: inherit;
    max-width: 100%;
    float: right;
  }
  #bloco-form div.wpcf7-response-output{
    clear: inherit;
    float: left;
    width: 60%;
    margin-top: 15px;
  }
  /** CONTATO **/

  /** SUPORTE **/
  #bloco-itens-hover .item-hover{
    padding: 30px 15px;
  }
  #bloco-itens-hover .item-hover header{
    padding-top: 150px;
  }
  #bloco-itens-hover .item-hover h2{
    font-size: 30px;
  }
  #bloco-itens-hover .item-hover h4{
    font-size: 18px;
    line-height: 26px;
  }
  #bloco-itens-hover .item-hover img{
    left: calc(50% - 80px);
    width: 160px;
  }
  #bloco-itens-hover .item-hover,
  #bloco-itens-hover .item-hover h2:before{
    height: 455px;
  }
  #bloco-itens-hover .item-hover h2:before{
    top: -180px;
  }
  #bloco-itens-hover .item-hover:after,
  #bloco-itens-hover .item-hover:before{
    opacity: 0;
  }
  #bloco-itens-hover .item-hover:hover:after,
  #bloco-itens-hover .item-hover:hover:before{
    opacity: 1;
  }
  #bloco-itens-hover .item-hover .btn-hover{
    position: absolute;
    left: calc(50% - 80px);
    bottom: 25px;
  }
  #bloco-itens-hover .item-hover:hover .btn-hover a,
  #bloco-itens-hover .item-hover .btn-hover a:hover{
    color: #fff;
    background: #ff0856;
    text-decoration: none;
  }
  /** SUPORTE **/

  /** PORTAL INVESTIDOR **/
  #links-desktop .vc_cta3-container{
    display: inline-block;
    width: 22%;
  }
  #links-desktop .item-link{
    display: inline-block;
    width: 100%;
    height: 250px;
    padding-top: 30px;
    text-align: center;
    border: none;
    background: #fff;
    position: relative;
    cursor: pointer;
    box-shadow: none !important;
  }
  #links-desktop .item-link header{
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
  }
  #links-desktop .item-link h2{
    font-size: 22px;
    padding: 0 30px;
  }
  #links-desktop .item-link:before,
  #links-desktop .item-link:after {
    display: block;
    content: ' ';
    width: 100%;
    height: 20px;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: -2;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
  }
  #links-desktop .item-link:before {
    top: 0;
    -webkit-box-shadow: 0px -5px 12px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px -5px 12px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px -5px 12px 0px rgba(50, 50, 50, 0.15);
  }
  #links-desktop .item-link:after{
    bottom: 0;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(50, 50, 50, 0.15);
    -moz-box-shadow:    0px 5px 12px 0px rgba(50, 50, 50, 0.15);
    box-shadow:         0px 5px 12px 0px rgba(50, 50, 50, 0.15);
  }
  #links-desktop .item-link h2:before{
    display: block;
    content: ' ';
    width: 150%;
    height: 250px;
    background: #fff;
    position: absolute;
    top: -150px;
    left: -60px;
    z-index: -1;
  }
  #links-desktop .item-link:hover:before,
  #links-desktop .item-link:hover:after{
    opacity: 1;
  }

  #governance .itens-tabelas{
    padding-left: 30px;
  }
  #governance .itens-tabelas h3{
    padding: 15px 0 0 30px;
  }

  #bloco-video{
    height: 550px;
  }
  .bloco-textos iframe{
    height: 550px !important;
  }

  /** PORTAL INVESTIDOR **/

  /** FINDER **/
  #bloco-timeline ul{
    width: 100%;
    text-align: center;
  }
  #bloco-timeline ul li {
    display: inline-block;
    width: 22%;
    padding: 65px 0 0 0;
    margin: 15px;
  }
  #bloco-timeline ul li::before {
    top: 0px;
    left: 50%;
    margin-left: -25px;
  }
  #bloco-timeline ul li::after {
    display: block;
    content: ' ';
    width: 100%;
    height: 2px;
    background: #d5d5dc;
    position: absolute;
    top: 25px;
    left: 145px;
  }
  #bloco-timeline ul li:last-child::after {
    display: none;
  }
  #page-single .bloco-chamada h2,
  #page-single #bloco-chamada h2{
    font-size: 54px;
    line-height: 60px;
  }
  #page-single .txt-bigger{
    padding: 15px 30px;
  }
  #page-single .txt-bigger p{
    font-size: 42px;
    line-height: 56px;
  }
  #page-single .txt-bigger .btn-padrao{
    font-size: 26px;
    line-height: 32px;
    padding: 10px 70px;
  }
  /** FINDER **/

  /** BUSCA **/
  ul.lista-itens-busca li.item-prod,
  ul.lista-itens-busca li.item-post{
    width: 30%;
    margin: 15px;
    vertical-align: top;
  }
  ul.lista-itens-busca li.item-prod a{
    min-height: 250px;
  }
  #page-busca a.btn-padrao.btn-busca-mais{
    height: 50px;
  }
  ul.lista-itens-busca li.item-prod a:hover,
  ul.lista-itens-busca li.item-prod a:hover p,
  ul.lista-itens-busca li.item-page a:hover,
  ul.lista-itens-busca li.item-page a:hover p{
    text-decoration: none !important;
  }
  ul.lista-itens-busca li.item-page a:hover h3{
    color: #ee1155;
    text-decoration: none !important;
  }
  /** BUSCA **/

  /** MODALS **/
  #modalForm .modal-body{
    padding: 50px 35px 35px;
  }
  #modalForm input[type="submit"]{
    font-size: 24px;
    padding: 10px 35px;
    margin-top: 30px;
  }
  #modalForm-ok .modal-body p,
  #modalSuporteTicket .modal-body p,
  #modalSuporteTicket-nao .modal-body p,
  #modalSuporteTicket-ok .modal-body p{
    font-size: 18px;
  }
  /** MODALS **/

  /** FORMS **/
  .bloco-form .col-lg-6:nth-child(2){
    margin-top: -10px;
  }
  #modalSuporteTicket-sim input[type="submit"]{
    width: 150px;
    float: right;
    padding: 0;
  }
  #modalSuporteTicket-sim div.wpcf7-response-output{
    width: 60%;
    float: left;
    margin-top: -50px;
  }
  #modalSuporteTicket-sim textarea{
    height: 190px !important;
  }
  /** FORMS **/

  /** FOOTER **/
  .footer-menu{
    margin-top: 10px;
    padding-left: 40px;
  }
  .footer-menu ul li.menu-first{
    width: 32%;
  }
  .footer-news input[type="text"],
  .footer-news input[type="email"] {
    font-size: 14px;
    height: 40px;
  }
  .footer-news input[type="submit"]{
    max-width: 220px;
    font-size: 14px;
    height: 40px;
    float: right;
  }
  ul.lista-midias{
    text-align: left;
    margin-top: 50px;
    padding-left: 20px;
  }
  ul.lista-midias li{
    width: 100%;
  }
  ul.lista-midias li a{
    height: 30px;
    text-align: left;
  }
  ul.lista-midias li a:hover{
    text-decoration: none !important;
  }
  .footer-menu ul li a:hover,
  ul.lista-midias li a:hover i{
    color: #d8003d !important;
    text-decoration: none !important;
  }
  footer a.logo-sd{
    display: inline-block;
    float: right;
    margin: 15px;
    overflow: hidden;
  }
  footer a.logo-sd img{
    position: relative;
    left: -32px;
  }

  .item-left{
    float: left;
  }
  /** FOOTER **/

  /** Slick Slider **/
  .slick-prev,
  .slick-next{
    top: 50% !important;
    bottom: inherit !important;
  }
  .slick-prev{
    left: 0 !important;
    margin-left: -50px;
  }
  .slick-next{
    right: 0 !important;
    margin-right: -50px;
  }
  /** Slick Slider **/

  /** SLIDER MANIFESTO - TRABALHE CONOSCO **/
  #bloco-slider h2{
    font-size: 54px;
    line-height: 60px;
    padding: 0;
    text-align: left;
  }
  #bloco-slider .vc_column-inner{
    padding-left: 15px;
    padding-right: 15px;
  }
  #slider-manifesto ul.gallery-images{
    width: 95%;
  }
  #slider-manifesto ul.gallery-images .gallery-item,
  #slider-manifesto ul.gallery-images .gallery-item img{
    height: 100% !important;
    opacity: 1;
  }
  #slider-manifesto ul.gallery-images .gallery-item .texto{
    position: absolute;
    top: 100%;
    left: 5%;
  }
  #slider-manifesto ul.gallery-images .gallery-item .texto.show{
    top: 30%;
    opacity: 1;
  }
  #slider-manifesto ul.gallery-images .gallery-item:nth-child(11) .texto,
  #slider-manifesto ul.gallery-images .gallery-item:nth-child(even) .texto{
    right: 5%;
    text-align: right;
  }
  #slider-manifesto ul.gallery-images .gallery-item .texto span{
    font-size: 18px;
    line-height: 50px;
  }

}

@media (min-width: 768px) {
  #show-produtos{
    padding-top: 120px;
  }
  #show-produtos a.btn-padrao{
    display: none;
  }
  /** HOME - Carrossel de produtos da home **/
  .lista-itens-produtos{
    width: 100%;
    padding: 30px 0;
    position: relative;
  }
  ul.slider-produtos{
    display: inline-block;
    list-style: none;
    width: 215px;
    text-align: left;
    position: absolute;
    z-index: 3;
    top: 30px;
    left: 0;
  }
  ul.slider-produtos li{
    display: inline-block;
    width: 100%;
    height: 45px;
    margin: 0;
    vertical-align: top;
  }
  ul.slider-produtos li a{
    display: inline-block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    font-weight: 300;
    padding: 10px 5px 0 15px;
    background: transparent;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
  }
  ul.slider-produtos li span.icon {
    height: 25px;
    width: 25px;
    margin-right: 10px;
  }
  ul.slider-produtos li span.icon img{
    height: 25px;
    width: auto;
    object-fit: cover;
    -webkit-filter: grayscale(1) brightness(3);
    filter: grayscale(1) brightness(3);
  }
  ul.slider-produtos li a.active,
  ul.slider-produtos li a:hover{
    text-decoration: none;
    background: rgba(192,149,255,0.2);
  }

  .lista-itens-produtos .slider-for{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    z-index: 1;
    top: -80px;
    padding-left: 160px;
  }

  .lista-itens-produtos .slider-for .infos-home{
    position: absolute;
    opacity: 0;
    top: 60px;
    z-index: 1;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
  }
  .lista-itens-produtos .slider-for .infos-home.active{
    opacity: 1;
    top: 0;
    z-index: 2;
  }
  .lista-itens-produtos .slider-for .thumb{
    display: inline-block;
    width: 850px;
    position: relative;
    top: 50px;
    left: 0;
  }
  .lista-itens-produtos .slider-for .thumb img{
    width: 100%;
    height: 530px;
    object-fit: cover;
  }
  .lista-itens-produtos .slider-for .sobre{
    display: inline-block;
    width: 180px;
    position: absolute;
    top: 70px;
    right: -100px;
  }
  .lista-itens-produtos .slider-for .sobre .logo img{
    position: relative;
    left: -8px;
    -webkit-filter: grayscale(1) brightness(3);
    filter: grayscale(1) brightness(3);
  }
  .lista-itens-produtos .slider-for .sobre p,
  .lista-itens-produtos .slider-for .sobre span{
    display: inline-block;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #fff !important;
    font-weight: 300 !important;
    margin-top: 15px;
  }
  .lista-itens-produtos .slider-for .sobre ul{
    list-style: none;
    padding: 0;
    width: 100%;
    margin-top: 10px;
  }
  .lista-itens-produtos .slider-for .sobre ul li{
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    padding-left: 12px;
    position: relative;
  }
  .lista-itens-produtos .slider-for .sobre ul li:before {
    display: inline-block;
    content: '+';
    font-size: 14px;
    color: #ee1155;
    position: absolute;
    top: 2px;
    left: 0;
  }
  /** HOME - Carrossel de produtos da home **/
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .lista-itens-produtos .slider-for .thumb {
    width: 660px;
    top: 150px;
  }

  .lista-itens-produtos .slider-for .thumb img {
    width: 660px;
    height: auto;
  }

  .lista-itens-produtos .slider-for .sobre {
    top: 150px;
  }

  #chamada-segmentos .item-segmento h3 {
    padding: 30px 60px;
  }
  #chamadas-destaques .item-segmento{
    min-height: 550px;
  }

  ul.lista-posts li.item-post .infos-data {
    padding: 15px;
  }

  ul.lista-posts li.item-post .infos-data span.categoria,
  ul.lista-posts li.item-post .infos-data span.data {
    font-size: 16px;
  }

  ul.lista-posts li.item-post .infos-dados {
    padding: 30px 15px;
  }

  #bloco-time ul.lista-depoimentos li .infos {
    width: 73%;
  }

  .bloco-textos h2,
  .bloco-textos h3{
    font-size: 50px;
  }
}

/** configurações IPAD **/
@media only screen and (min-width: 767px) and (max-width: 991px) {
  #show-produtos{
    padding-top: 30px;
  }
  .lista-itens-produtos .slider-for .thumb{
    width: 400px;
    top: 310px;
    left: 70px;
  }
  .lista-itens-produtos .slider-for .thumb img{
    width: auto;
    height: 200px;
  }
  .lista-itens-produtos .slider-for .sobre{
    width: 400px;
    top: 70px;
    right: -90px;
  }

  #bloco-diferenciais .vc_col-sm-4,
  .bloco-diferenciais .vc_col-sm-4{
    width: 100%;
  }

  #bloco-beneficios .item-trabalhe{
    margin: 7px 5px;
  }
  #bloco-beneficios .item-trabalhe img{
    height: 250px;
  }
  #bloco-beneficios .item-trabalhe.bg-image img{
    height: 515px;
  }
  #bloco-beneficios .item-trabalhe h3{
    font-size: 20px;
    line-height: 28px;
  }

  #bloco-gestao-rh ul li{
    width: 45%;
    margin: 15px;
  }
}

/** iPad portrait **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #show-produtos{
    padding-top: 30px;
  }
  #bloco-itens-hover .item-hover{
    padding: 30px 15px;
  }
  #bloco-itens-hover .item-hover,
  #bloco-itens-hover .item-hover h2:before{
    height: 440px;
  }
  #bloco-itens-hover .item-hover h2{
    font-size: 26px;
  }
  #bloco-itens-hover .item-hover h4{
    font-size: 14px;
  }
  #bloco-itens-hover .item-hover .btn-hover{
    position: absolute;
    left: calc(50% - 80px);
    bottom: 20px;
  }
}
/** iPad landscape **/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  #bloco-itens-hover .item-hover,
  #bloco-itens-hover .item-hover h2:before{
    height: 480px;
  }
  #bloco-beneficios .item-trabalhe{
    width: 240px;
  }
  #bloco-beneficios .item-trabalhe.bg-image img{
    height: 515px;
  }
}

@media only screen and (max-width: 370px) {
  #bloco-depoimentos ul.lista-depoimentos li.item-depoimento{
    padding: 20px;
  }
  #bloco-depoimentos ul.lista-depoimentos li.item-depoimento .thumb img{
    height: 150px;
  }
  #chamadas-destaques .item-segmento{
    min-height: 550px;
  }
  #bloco-numeros .item-number h3 strong{
    font-size: 84px;
  }
  #bloco-share a{
    margin: 2px 0;
  }
  .footer-menu ul li.menu-first{
    width: 45%;
  }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
  /** pro safari **/
  #bloco-chamada .vc_row::after,
  #bloco-chamada .vc_row::before{
    display: none !important;
  }
}}