/*
Theme Name: Sehloiro! 2021
Theme URL: http://www.criativito.com.br/
Description: Sehloiro! 2021
Author: Criativito
Author URL: http://www.criativito.com.br/
Version: 1.0
Text Domain: Criativito
License: GNU General Public License version 3.0
License URL: http://www.gnu.org/licenses/gpl-3.0.html
Tags: Tema customizado, institucional, Criativito
*/
/***
* IMPORT
***/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;500;700&display=swap');*/
/***
* VARIAVEIS
***/
:root {
--amarelo: #8e8e8e;
--cinza: #252531;
--cinza2: #1b1b1b;
--cinza3: #2b2b2b;
--preto: #0b0b0b;
--c8: #c8c8c8;
}
/***
* ANIMACOES
***/
@keyframes example {
  from {clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
  to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
/***
* CLASSES
***/
.altura-100 {height: 100%!important}
.ff {color: #fff!important;}
.area-efeito .fonte-titulo {font-family: "Barlow Condensed", "Arial", "Helvetica", sans-serif!important;font-weight: 300;letter-spacing: 2px;color: #f1dcaf !important;font-size: 16px;}
.area-efeito + h5 {color: #fff!important;}
/*.area-efeito .fonte-titulo, h1, h2, h3, h4, h5, h6, .botao-grande {font-family: "Barlow Condensed", "Arial", "Helvetica", sans-serif!important;font-weight: 700;letter-spacing: 4px;}*/
.fonte-texto, .fonte-titulo-texto h1, .fonte-titulo-texto h2, .fonte-titulo-texto h3, .fonte-titulo-texto h4, .fonte-titulo-texto h5, .fonte-titulo-texto h6, article h1, article h2, article h3, article h4, article h5, article h6, #talentos-sehloiro h4, #talentos-sehloiro h5 {font-family: "Maven Pro", "Arial", "Helvetica", sans-serif;letter-spacing: 0px;}
.fonte-600 {font-weight: 600;}
.fonte-700 {font-weight: 700;}
.anim, ::before, ::after {-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;}
.fonte-12 {font-size: 15px;}
.fonte-13 {font-size: 16px;}
.fonte-14 {font-size: 17px;}
.fonte-15 {font-size: 18px;}
.fonte-18 {font-size: 21px;line-height: 32px;}
.fonte-20 {font-size: 23px;}
.fonte-24 {font-size: 27px;}
.fonte-30 {font-size: 33px;}
.fonte-40 {font-size: 43px;}
.fonte-80 {font-size: 83px;text-transform: uppercase;}
.c8, .c8 * {color: var(--c8);}
.texto-preto, .texto-preto * {color: var(--preto)!important;}
.pointer-none {pointer-events: none;}
.redonto, #mouse::after {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.icone {width: 28px;}
.icone-menor {width: 30px;}
.hover-scale:hover {transform: scale(1.1);}
.botao, .paginacao a {border: 2px solid #f1dcaf;color: #f1dcaf!important;overflow: hidden;padding: 8px 20px;margin: 25px 0 10px;font-size: 12px;}
.paginacao a {display: inline-block;position: relative;}
.botao::after, .paginacao a::after {content: '';display: block;position: absolute;left: -20px;top: -20px;right: -20px;bottom: 150%;background-color: #fff;transform: rotate(-5deg);z-index: -1;}
.botao:hover, .paginacao a:hover {color: var(--preto)!important;border-color: transparent;}
.botao:hover:after, .paginacao a:hover:after {bottom: -50%;}

.botao-grande {border-radius: 200px 0 200px 200px;padding: 30px 15%;border: 1px solid #f1dcaf;color: #f1dcaf!important;font-size: 50px;line-height: 50px;font-weight: 700;}
.botao-grande:hover {color: #393835!important;    background-color: #f1dcaf;}

.revelar-imagem {animation-name: example;}
.efeito {width: 14px;height: 20px;float: left;margin: 6px 11px 0 0;}
.efeito span {width: 4px;height: 4px;background-color: var(--amarelo);}
.efeito.centro {float: inherit;display: inline-block;vertical-align: sub;}
.area-efeito.text-center h6 {display: inline-block;}
h1, h2, h3, h4, h5, h6, .efeito + h6, .subtitulo, .titulo-grande h1, .titulo-grande h2, .titulo-grande h3, .titulo-grande h4, h1 + span {font-weight: 300;}
.py-60 {padding: 60px 0;}
.py-90 {padding: 90px 0;}
.py-120 {padding: 120px 0;}
.my-120 {margin: 120px 0;}
.mb-90 {margin: 0 0 90px;}
.subtitulo {color: var(--amarelo);letter-spacing: 10px;}
.cinza2 {background-color: var(--cinza2);
    position: relative;}
.owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;padding: 0!important;}
.owl-carousel .owl-nav button.owl-prev:hover:before, .owl-carousel .owl-nav button.owl-next:hover:before {opacity: 0;}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {position: relative;z-index: 2;color: var(--preto);}
.owl-carousel .owl-nav button.owl-prev:hover span, .owl-carousel .owl-nav button.owl-next:hover span {color: var(--c8);}
.bloco-cinza, .botao:hover:after, .owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before {background: #c69854;background: -moz-linear-gradient(45deg, #c69854 0%, #e1c588 30%, #8e5b2b 70%, #8e5b2b 100%);background: -webkit-linear-gradient(45deg, #c69854 0%,#e1c588 30%,#8e5b2b 70%,#8e5b2b 100%);background: linear-gradient(45deg, #c69854 0%,#e1c588 30%,#8e5b2b 70%,#8e5b2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69854', endColorstr='#8e5b2b',GradientType=1 );padding: 60px 20px;color: var(--preto);}
.bloco-cinza img {height: 70px;width: auto;}
.pd-extra-bloco {
    padding: 40px;
}

.bloco-cinza span {
    font-size: 16px;
}

.conteudo-bloco p:first-child {
    margin: 8px;
}
.bloco-cinza {
    color: var(--preto);
    background: linear-gradient(45deg, #c69854 0%, #e1c588 51%, #8e5b2b 100%);
    margin: -7px!important;
}
.bloco-cinza::before {
    content: '';
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    position: absolute;
    background: linear-gradient(45deg, #8e5b2b 0%,#e1c588 49%,#c69854 100%);
    border-radius: 55px 0;
    left: 7px;
    top: 7px;
}

.bloco-cinza {
    position: relative;
    border-radius: 60px 0!important;
    display: flex!important;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 40px 12px;
    font-size: 14px;
    line-height: 17px;
}

.bloco-cinza > * {
    width: 100%;
    position: relative;
}
.efeito-titulo {width: 100%; color: transparent;-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.1);position: absolute;left: 50%;transform: translate(-50%, 0) scale(1.05);top: 0;}
.titulo-grande strong {color: #f1dcaf!important;}
.efeito-titulo strong {color: transparent !important;}
.text-inherit {text-transform: inherit;}
.borda-3, .owl-carousel .owl-nav button.owl-prev::before, .owl-carousel .owl-nav button.owl-next::before {-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.borda-6, img, .botao, .paginacao a {-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;}
.linha {font-weight: 500;}
.linha::after {content: '';width: 90px;height: 2px;background-color: var(--amarelo);display: block;margin: 5px 0 35px;}
.animar-svg:hover rect {stroke-dasharray: 807!important;opacity: 1!important;}
.titulo-grande h1, .titulo-grande h2, .titulo-grande h3, .titulo-grande h4 {font-size: 45px;text-transform: uppercase;font-weight: 700;color: #fff!important;    position: relative;}
.titulo-home h1, .titulo-home h2, .titulo-home h3, .titulo-home h4 {font-size: 45px;text-transform: uppercase;font-weight: 700;color: #fff!important;}
h1 .animar *,h2 .animar *,h3 .animar *, h4 .animar * {color: #fff;}
.bloco h4 {font-size: 18px;color: #00d500!important;}
.wpcf7-form-control-wrap {width: calc(100% - 150px);display: inline-block;vertical-align: text-top;}
label br {display: none;}
label {display: block;width: 100%;text-align: right;text-transform: uppercase;}
input, textarea {background-color: transparent;border: 2px solid #212121;width: 96%;}
form > p {margin: 0 0 10px!important;}
input[type="submit"] {background-color: #212121;width: 220px;margin: 0 0 0 auto;display: block;text-transform: uppercase;}
/***
* TAGS
***/
body {background-color: var(--preto);line-height: 28px;overflow-x: hidden;font-weight: 400!important;}
img {height: auto;max-width: 100%;}
a:hover {text-decoration: none;color: var(--c8);}
h1, h2, h3, h4, h5, h6, nav ul a {font-weight: 600;color: #f1dcaf!important;}
nav li {display: inline-block;}
nav ul a {font-size: 12px;padding: 31px 0 31px 30px;display: inline-block;letter-spacing: 1px;font-weight: 500;}
h1 {font-size: 35px;margin: 0 0 30px;}
article p {margin: 0 0 30px;}
blockquote {font-size: 20px;text-align: center;line-height: 38px;margin: 90px 12%;}
/***
* HEADER
***/
header nav {background-color: var(--preto);padding: 0 60px!important;border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.logo {width: 120px;padding: 20px 0;}
.idioma {padding: 28px 0;margin: 0 0 0 30px;}
.idioma img {width: 30px;}
/***
* VOLTAR TOPO
***/
.voltar-topo {position: fixed; right: -200px;bottom: 20px;z-index: 10;}
.deslizar-esquerda {right: 20px;}
/***
* BLOCOS INICIAIS
***/
#blocos-iniciais a {height: 680px;}
.seguir-mouse {z-index: 99999;}
.seguir-mouse h2 {background-color: var(--preto);padding: 18px 20px;color: #fff;text-shadow: 1px 1px 1px #e0e0e0;}
.seguir-mouse p {background-color: #fff;padding: 10px 16px;color: var(--preto);}
.anterior, .proximo {width: 40px;height: 40px;border: 1px solid transparent!important;margin: -60px 0 0;background-color: transparent;z-index: 1;}
.anterior {float: left;}
.proximo {float: right;}
.anterior:hover, .proximo:hover {background-color: transparent!important;border-color: #fff!important;}
/***
* BARRA DE PROGRESSO
***/
.progresso-pagina {left: 0px;top: 0px;z-index: 9999;}
.barra { height: 1px;position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 1;}
.barra-carregar {background-color: var(--amarelo);width: 0%;}
.barra-fundo{ background-color: #353535;width: 100%;}
.barra-revelar {background-color: var(--cinza);position: absolute;left: 0;right: 0;}
.barra-topo {top: 0;bottom: 50%;}
.barra-baixo {top: 50%;bottom: 0;}
.topo-aberto {bottom: 100%;}
.baixo-aberto {top: 100%;}
/***
* MOUSE
***/
* { cursor: none; }
#mouse{height: 40px;cursor: unset;width: 40px;border: 1px solid var(--amarelo);transform: translate(-50%, -50%);pointer-events: none;z-index: 999999;}
#mouse::after {content: "";display: block;width: 6px;height: 6px;background-color: var(--amarelo);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.mouse-hover {border: none!important;}
.mouse-hover::after {transform: translate(-50%, -50%) scale(15)!important;opacity: 0.5;}
/***
* CTA
***/
#cta h1, #cta h2, #cta h3, #cta h4 {font-size: 80px;}
#cta h5 {font-size: 35px;color: #fff!important;}
/*
CTA ICONES
*/
#cta-icones h4 {
    font-size: 32px;
    font-weight: 500;
    margin: 20px 0 0;
    color:  #fff!important;
}
/***
* EQUIPE
***/
.equipe {background-color: var(--amarelo);position: relative;overflow: hidden;}
.dados-equipe {position: absolute;left: 0;right: 0;bottom: 0;padding: 24px;transform: scale(1.2);opacity: 0;}
.equipe:hover .foto-equipe {opacity: 0.2;}
.equipe:hover .dados-equipe {opacity: 1;transform: scale(1);}
.dados-equipe h3 {font-size: 24px!important;text-transform: inherit;font-family: 'Maven Pro', "Arial", "Helvetica", sans-serif;font-weight: 500;margin: 0;color: #fff!important;letter-spacing: 0px;}
.foto-equipe {background-color: var(--amarelo);background-position: center center;background-repeat: no-repeat;background-size: cover;top:0;left:0;right:0;bottom:0;}
/***
* IMPRENSA
***/
.wp-caption {width: 100%!important;}
.slider-galeria .wp-caption-text {position: absolute;left: 0;right: 0;bottom: 0;background-color: rgb(0 0 0 / 65%);padding: 20px;margin: 0;text-align: center;font-size: 13px;}
.item p {margin: 0;}
.slider-galeria .owl-nav {position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);margin: 0;}.slider-galeria .owl-prev, .slider-galeria .owl-next {width: 40px;height: 40px;background-color: rgb(255 255 255 / 50%)!important;border-radius: 50%!important;margin: 0 20px!important;}
.slider-galeria .owl-prev {float: left;float: left;}
.slider-galeria .owl-next {float: right;}
.slider-galeria .owl-next span, .slider-galeria .owl-prev span {color: #333;font-size: 40px;font-weight: 600;display: block;height: 40px;margin: -20px 0 0;}
/***
* WOW LETRA
***/
[class*="palavra-"] {display: inline-block;}
.letra {display: inline-block;}
/***
* SELECAO DE TEXTO
***/
::selection {background:var(--amarelo);color:var(--cinza3);}
::-moz-selection {background:var(--amarelo);color:var(--cinza3);}
::-webkit-selection {background:var(--amarelo);color:var(--cinza3);}
/***
* BLOG
***/
.info {background-color: var(--preto);padding: 30px;}
.data {background-color: var(--amarelo);margin: -66px 0 0;color: #222;font-weight: 700;padding: 5px 14px 12px;}
.data span {color: #222;line-height: 6px;}
.info h3 {font-size: 17px;font-weight: 500;line-height: 25px;}
.saiba-mais {color: #999999;letter-spacing: 5px;padding: 14px 11px;}
.saiba-mais span {z-index: 2;}
.saiba-mais::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 50px;background-color: #1f1f1f;}
/***
* PROJETOS
***/
.info-projeto {opacity: 0;}
.center .info-projeto {opacity: 1;}
.info-projeto h3 {font-size: 17px;}
.info-projeto span {color: var(--amarelo);margin: 40px 0 8px;}
.owl-next, .owl-prev {position: relative;z-index: 999999; width: 40px;height: 40px;background-color: #333333!important;font-size: 24px!important;margin: 0!important;}
.owl-nav {display: flex;position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}
/***
* INFLUENCIADORES
***/
.anim-nome {font-size: 80px;position: absolute;font-weight: 800;margin: 0 0 0 -60px;top: 45%;transform: skewX(25deg) translateX(-100px) translateY(-50%);opacity: 0;transition: transform 1.2s, opacity .3s;transition-delay: .2s;}
.anim-nome.nome-atras {z-index: -1;}
.anim-nome.nome-frente {z-index: 2;color: transparent;-webkit-text-stroke: 1px #c8c8c8;}
.center .anim-nome {transform: skewX(0) translateX(0) translateY(-50%);opacity: 1;}
.profissao {font-size: 65px;font-weight: 800;position: absolute;top: 60%;margin: 0 0 0 -20px;opacity: 0;font-size: 72px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 110px;padding: 0;-webkit-text-stroke: 1px #c8c8c8;}
.center .profissao {opacity: 1;}
.foto-influenciador {background-size: cover;background-position: center center;background-repeat: no-repeat;}
/***
* MODAL
***/
.modal-backdrop.show {opacity: 0.9;}
.modal-content {background-color: transparent;}
button.close {padding: 0!important;background-color: var(--c8);border: 0;opacity: 1;border-radius: 50%;width: 40px;height: 40px;}
button.close span {color: var(--preto);font-size: 42px;}
/***
* HISTORIA
***/
#nome-pagina {background-color: var(--cinza2);height: 760px;padding: 300px 0;}
#nome-pagina h1 {font-size: 60px;text-transform: uppercase;/*font-family: 'Barlow Condensed', sans-serif;*/letter-spacing: 5px;font-weight: 500;}
h1 + span {-webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);color: transparent!important;display: block;font-size: 20vw;font-weight: 700;position: absolute;top: 50%;left: 50%;pointer-events: none;transform: translate(-50%, -50%);}
/***
* BLOG
***/
.artigo .capa-artigo {background-color: var(--preto);}
.artigo:hover img {opacity: 0.2;}
.data-artigo {font-weight: 500;color: #fff;background-color: #0b0b0b;top: 0;left: 0;margin: 8px;padding: 2px 10px;}
.page-numbers {display: inline-block;border: 1px solid #c8c8c8;padding: 8px 18px;}
.current {opacity: 0.5;}
/***
* NA MIDIA
***/
.legenda-foto {bottom: 0;padding: 20px 30px;background-color: rgb(11 11 11 / 80%);font-weight: 400;}
/***
* SINGLE
***/
.data-capa {padding: 4px 30px;display: inline-block !important;}
.data-capa span {line-height: 23px;}
article h1, article h2, article h3, article h4, article h5, article h6 {color: #fff!important;font-weight: 600;}
.capa-artigo {padding: 180px 70px;}
.capa-back {background: transparent url() center center no-repeat;background-size: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0.6;}
.categoria {color: #fff;}
.alignnone {max-width: 100%;}
.alignleft {max-width: 100%;float: left;margin: 0 15px 15px 0;}
.alignright {max-width: 100%;float: right;margin: 0 0 15px 15px;}
.aligncenter {max-width: 100%;display: block;margin: 0 auto 15px;}
.size-full,
.size-large {width: 100%;height: auto;}
.gallery a {display: block;padding: 12px;}
.gallery a img {border: none!important;border-radius: 6px;}
iframe[src*="https://www.youtube"]{position:absolute;width:100%!important;height:100%!important;left:0;top:0}
.preservar-iframe{position:relative;width:100%;height:0;padding-bottom:51%;margin: 0;}
article a {color: var(--amarelo)!important;}
.tag {    color: var(--preto);
    padding: 0px 10px;
    font-size: 9.5px;
    line-height: 20px;
    margin-left: 2px !important;}
.tag:hover {color: var(--preto);opacity: 0.75;}
.tag::before {
    width: calc(100% + 4px)!important;
    height: calc(100% + 4px)!important;
    left: -2px!important;
    top: -2px!important;
}
hr {border-top: 1px solid rgb(37 37 37);}
/***
* FOOTER
***/
footer nav ul a {padding: 10px 20px;}
/***
* TALENTOS
***/
#talentos-sehloiro h4, #talentos-sehloiro h5 {text-transform: inherit;color: #fff!important;}
#talentos-sehloiro h4 {font-size: 35px;}
#talentos-sehloiro h5 {font-size: 22px;}
/***
LOGOS
***/
.lista-logos {text-align: center;}
.lista-logos a {pointer-events: none;}
/*.lista-logos img {    width: 24%;
    min-width: 100px;}*/
    .lista-logos img {    width: 100%;}

    #cta-icones h4 {
    font-size: 22px;
}
.lista-logos p {
    /* display: flex; */
/*    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 40px;
    justify-content: center;*/
    align-items: center;
}

.lista-logos p > *:not(br) {
/*    -ms-flex: 0 0 13%;
    flex: 0 0 13%;*/
    max-width: 13%;
    margin: 20px 15px;
    display: inline-block;
}

.titulo-home h1 {
    font-size: 38px;
}

.titulo-home p:nth-child(2), .titulo-home p:nth-child(3) {
    font-size: 26px;
    line-height: 22px;
}
.titulo-home p:nth-child(2) *, .titulo-home p:nth-child(3) * {
    color: #f1dcaf!important;
}
#linha-tempo .row + .row {
    margin-top: 60px;
}
/***
QUERY 992
***/
@media screen and (min-width: 1700px) {
    #blocos-iniciais {height: 50vh !important;}
}
@media screen and (max-width: 1699px) and (min-width: 1367px) {
    #blocos-iniciais {height: 38vh !important;}
}
@media screen and (max-width: 1366px) and (min-width: 1200px) {
    #blocos-iniciais {height: 32vh !important;}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    #blocos-iniciais {height: 26vh !important;}
    .lista-logos p > *:not(br) {max-width: 12%;}
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .botao-grande {font-size: 40px;line-height: 40px;}
  .pd-extra-bloco {
      padding: 20px;
  }
}
/***
* QUERY MOBILE
***/
@media screen and (max-width: 991px) {
    .lista-logos p > *:not(br) {max-width: 16%;margin: 15px 10px;}
    .lista-logos p > br {display: none;}
    /***
    * CLASSES
    ***/
    /* .efeito-titulo {width: 70%;} */
    /***
    * HEADER
    ***/
    header nav {padding: 0 8px!important;}
    /***
    * BLOCOS INICIAIS
    ***/
    [style="height: calc(100vh - 205px)"], #blocos-iniciais {height: unset!important;}
    .restaurar-altura-mobile {height: unset!important;}
    .item-bloco-inicial {height: 420px!important;}
    /************************************************
    Menu mobile
    ************************************************/
    .fixar-barra {position: fixed;top: -60px;left: 0;right: 0;z-index: 99;background-color: #994b4b;height: 28px;}
    .mostrar-barra {top: 0!important;}
    .camada-escura-total, .menu-principal-fixo, .fechar {-webkit-transition: all 500ms ease-out;    -moz-transition: all 500ms ease-out;    -o-transition: all 500ms ease-out;    -ms-transition: all 500ms ease-out;    transition: all 500ms ease-out;}
    .camada-escura-total {position: fixed;top: 0;right: 0;left: 0;bottom: 0;visibility: hidden;opacity: 0;background: rgba(0, 0, 0, 0.66);z-index: 9999;}
    #nav-mobile .logo {display: block;width: 56%;margin: 0 auto;}
    #nav-mobile button {border: 1px solid #c2c2c2;background-color: transparent;width: 50px;height: 40px;display: block;z-index: 99999999;outline: none;padding: 6px;margin: 12px 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;float: right;}
    #nav-mobile button span {background-color: #606060;height: 3px;display: block;width: 70%;margin: 4px auto;}
    .navbar-nav > li:hover > a {background-color: transparent;color: #7b655a;}
    #nav-mobile .menu-principal-fixo {position: fixed;left: -300px;top: 0;bottom: 0;width: 270px;z-index: 99999;padding: 0;overflow: auto;background-color: var(--preto);}
    .menu-principal-fixo::-webkit-scrollbar { width:4px; height:4px;background:#333; }
    .menu-principal-fixo::-webkit-scrollbar:vertical {}
    .menu-principal-fixo::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }
    .menu-principal-fixo::-webkit-scrollbar-thumb { background:#ccc; height: 3px; }
    .abrir-menu {left: 0!important;}
    .menu-aberto {visibility: visible!important;opacity: 1!important;left: 270px;}
    #nav-mobile .menu-principal-fixo ul {margin: 0;}
    #nav-mobile .menu-principal-fixo ul a {text-transform: uppercase;color: #c8c8c8;font-weight: 400;font-size: 13px;border-bottom: 1px solid #0f0f10;padding: 10px!important;display: block;text-align: left;position: relative;background-color: var(--cinza2);}
    #nav-mobile .menu-principal-fixo ul > li > ul > li > a {padding: 10px 18px!important;background-color: #eae1d8;}
    #nav-mobile .menu-principal-fixo ul > li > ul > li > ul > li > a {padding: 10px 30px!important;background-color: #e2d7cf;}
    #nav-mobile .menu-principal-fixo ul .active a, #nav-mobile .menu-principal-fixo ul a:hover {text-decoration: none;}
    #nav-mobile button.fechar {position: fixed;color: #fff;top: 0;padding: 0!important;border: none!important;font-size: 40px;margin: 4px!important;height: auto!important;width: auto!important;left: -58px;}
    .fechar:hover {opacity: 0.6;color: #fff;}
    .mostrar-fechar {left: 275px!important;opacity: 1;}
    #nav-mobile .menu-principal-fixo li ul{height: auto;max-height: 0;display: block;overflow: hidden;width: 100%;padding: 0;-webkit-transition: max-height 500ms linear;    -moz-transition: max-height 500ms linear;    -o-transition: max-height 500ms linear;    -ms-transition: max-height 500ms linear;    transition: max-height 500ms linear;}
    #nav-mobile .menu-principal-fixo .aberto > ul {max-height: 850px;}
    #nav-mobile .menu-item-has-children {position: relative;}
    #nav-mobile ul li {padding-left: 4px;padding: 0;}
    #nav-mobile ul li:before {display: none;}
    #nav-mobile .menu-item-has-children:before {content: "";display: block;background: transparent url(../svg/seta-mobile.svg) left center no-repeat;background-size: cover;width: 6px;height: 7px;position: absolute;right: 10px;top: 16px;}
    #nav-mobile {top: -120px;z-index: 9999;left: 0;right: 0;background: transparent url(../img/bg.png) center center repeat-y;background-size: contain;-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.15);box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.15);}
    .mostrar-menu-fixo {top: 0!important;}
    #nav-mobile .logo2 {margin: 13px 0;width: 93px;}
    .menu-menu-principal-container {display: block;}
    .menu-principal-fixo > a {padding: 30px;display: block;}
    .menu-principal-fixo > a svg {width: 100%;height: auto;}
    .menu-item-has-children > a > span {content: "";width: 39px;height: auto;display: inline-block;margin: 0 0 0 3px;position: absolute;right: 0;top: 0;bottom: 0;z-index: 999;background: #ede6dd url('../img/icones/nav/mais.png') center center no-repeat;background-size: 62%;}
    .aberto > a > span {background: #ede6dd url('../img/icones/nav/menos.png') center center no-repeat!important;background-size: 62%!important;}
}
/***
* QUERY TABLET
***/
@media screen and (max-width: 991px) and (min-width: 768px) {
  .pd-extra-bloco {
    padding: 15px;
}
    #cta-icones h4 {
    font-size: 24px;
}
    /***
    * CTA
    ***/
    #cta h1, #cta h2, #cta h3, #cta h4, .fonte-80, .titulo-grande h1, .titulo-grande h2, .titulo-grande h3, .titulo-grande h4 {font-size: 70px;}
    .titulo-home h1, .titulo-home h2, .titulo-home h3, .titulo-home h4 {font-size: 45px;}
    /***
    * TAGS
    ***/
    h4, .h4 {font-size: 18px;}
    h1 {font-size: 28px;}
    /***
    * INFLUENCIADORES
    ***/
    .nome-atras + div {margin: 0 30px!important;}

    .botao-grande {padding: 30px 10%;font-size: 30px;line-height: 30px;}
}
/***
* QUERY SMARTPHONE
***/
@media screen and (max-width: 767px) {
    .botao-grande {border-radius: 80px 0 80px 80px;font-size: 20px;line-height: 23px;}
    .alignright {float: left;}
    #cta-icones h4 {
        font-size: 18px;
    }
    #cta-icones img {
    width: 50px;
}
    /***
    * CTA
    ***/

    #cta h1, #cta h2, #cta h3, #cta h4, .fonte-80, .titulo-grande h1, .titulo-grande h2, .titulo-grande h3, .titulo-grande h4 {font-size: 30px;}
    .titulo-home h1, .titulo-home h2, .titulo-home h3, .titulo-home h4 {font-size: 30px;}
        #cta h5 {
    font-size: 25px;
}
    /***
    * TAGS
    ***/
    h4, .h4 {font-size: 18px;}
    h1 {font-size: 24px;}
    /***
    * INFLUENCIADORES
    ***/
    .nome-atras + div {margin: 0!important;}
    .center .anim-nome {transform: skewX(0) translateX(38%) translateY(-50%);}
    .anim-nome {font-size: 40px;}
    .profissao {top: 50%;margin: 0 0 0 5px;font-size: 30px;}
    /***
    * SINGLE
    ***/
    .capa-artigo {padding: 80px 10px;}
    .fonte-40 {font-size: 26px;}
    /***
    * Linha do tempo
    ***/
    #linha-tempo .row + .row {margin: 0 0 90px;}
}
@media screen and (max-width: 399px) {
    .item-bloco-inicial {height: 270px!important;}
}