/*
Theme Name: KB Negócios
Theme URL: http://www.kbnegocios.com.br/
Description: Site institucional.
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
*/
:root {
    --branco: #fff;
    --cinza: #666666;
    --cinza-escuro: #1A1A1A;
    --dourado: #D3B37E;
    --dourado-claro: #EBD7A4;
    --dourado-medio: #E2C991;
    --dourado-escuro: #B79A72;
    --marrom: #564B3A;
}
body {background-color: #F2F2F2;color: #4D4D4D;font-size: 20px;font-family: "Roboto", "Arial", "Helvetica", sans-serif;font-weight: 300;}
:first-child {margin-top: 0;}
:last-child {margin-bottom: 0;}
section {padding: 120px 0;}
h1 {font-weight: 700;font-size: 55px;line-height: 68px;margin: 0 0 15px;}
h2, h3, h4, h5, h6 {font-weight: 500;font-family: "Montserrat", "arial", "helvetica", sans-serif;}
@keyframes efeitoTituloCentro {from {left:  calc(50% - 20px);}to {left:  calc(50% - -20px);}}
@keyframes efeitoTituloEsquerda {from {left:  0;}to {left:  45px;}}
@keyframes efeitoTituloDireita {from {left:  0;}to {left:  -45px;}}
h2::after{animation-name: efeitoTituloDireita;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate; animation-timing-function: ease-in-out;}
h2::before{animation-name: efeitoTituloEsquerda;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate; animation-timing-function: ease-in-out;}
.modal {color: #fff;}
h2::after {content: '';display: block;background: transparent url('img/after-titulo.svg') center center no-repeat;background-size: 100%;width: 94px;height: 26px;position: absolute;bottom: 0;left:0;transform: translate(44px, calc(100% + 10px));}
h2::before {content: '';display: block;background: transparent url('img/after-titulo.svg') center center no-repeat;background-size: 100%;width: 94px;height: 26px;position: absolute;bottom: 0;left: 0;transform: translateY(calc(100% + 10px));}
h2[style*="text-align: center"]::after, h2[style*="text-align:center"]::after {left: calc(50% + 20px);transform: translate(-50%,calc(100% + 10px));animation-name: efeitoTituloCentro;}
h2[style*="text-align: center"]::before, h2[style*="text-align:center"]::before {left: calc(50% - 20px);transform: translate(-50%, calc(100% + 10px));animation-name: efeitoTituloCentro;animation-direction: alternate-reverse; }
.botao {font-size: 20px;color: #4D4D4D;-webkit-text-stroke: unset!important;font-weight: 500;padding: 8px 36px;}
.botao:hover {color: #4D4D4D;}
p {margin-bottom: 30px;}
#banner p {font-size: 30px;line-height: 41px;}
.bg-degrade {border-radius: 0 0 0 250px;background-color: #E6E6E6;}
#banner {position: relative;padding-top: calc(100px + 90px);background-color: #F2F2F2;border-radius: 0 0 250px 0;}
#erro404 {position: relative;padding-top: calc(100px + 90px);}
#banner::before {content: '';display: block;width: 245px;height: 850px;background: transparent url('img/efeito.svg') center center no-repeat;background-size: 100%;position: absolute;top: 0;left: -4px;}
h2 {font-size: 37px;line-height: 45px;position: relative;margin: 0 0 83px;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong {font-weight: 500;}
strong {color: var(--dourado);}
footer {padding: 110px 0 0;border-radius: 0 250px 0 0;position: relative;background-color: #E6E6E6;}
.barra-final {padding: 16px 36px;margin-top: 110px;background: transparent linear-gradient(270deg, #1A1A1A 0%, #666666 100%) 0% 0% no-repeat padding-box;}
.barra-menu {position: fixed;left: 0;right: 0;background: #3A3A3A 0% 0% no-repeat padding-box;box-shadow: 0px 6px 6px #00000029;opacity: 0.9;padding: 24px 0;z-index: 2;}
nav ul a {border-radius: 30px;color: #fff;font-size: 14px;text-transform: uppercase;font-family: "Montserrat", "arial", "helvetica", sans-serif;font-weight: 300;padding: 8px 16px;-webkit-text-stroke: transparent;-webkit-text-stroke-width: 0.5px;margin: 0 0 0 10px;}
a, button, [type="submit"], .foto img {-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;}
a:hover,button:hover, [type="submit"]:hover {text-decoration: none;opacity: 0.75;}
nav ul > li:last-child > a, [type="submit"], [data-dismiss="modal"], .item-ativo, nav ul a:hover, .botao {background: transparent linear-gradient(265deg, #EBD7A4 0%, #E2C991 39%, #B79A72 100%) 0% 0% no-repeat padding-box;border-radius: 30px;color: #1E1A1A;font-size: 14px;text-transform: uppercase;font-family: "Montserrat", "arial", "helvetica", sans-serif;padding: 8px 16px;border: 0;-webkit-text-stroke: #1E1A1A;-webkit-text-stroke-width: 0.5px;}
.aligncenter {margin-left: auto;margin-right: auto;display: block;}
footer p:has( img) {display: flex;}
footer p img {width: 50px;height: 50px;}
#topo {width: 88px;background-color: transparent;border: 0;position: fixed;right: 20px;z-index: 2;bottom: 0;padding: 0;}
#topo img {width: 100%;height: auto;}
.foto img {border-radius: 30px;position: relative;}
.foto img:not(:hover) {/* filter: grayscale(1); */}
.foto::before {content: '';width: 244px;height: calc(100% - 40px);border: 1px solid #D9BF8A;position: absolute;border-radius: 30px;top: -8px;right: -10px;}
.membro-equipe > *:not(.foto) {padding: 0 20px;}
.foto {position: relative;margin-bottom: 38px;}
.foto::after {content: '';background: transparent linear-gradient(0, #EBD7A4 0%, #E2C991 39%, #B79A72 100%) 0% 0% no-repeat padding-box;width: 80px;height: 80px;position: absolute;bottom: -10px;left: -10px;clip-path: polygon(0 0, 100% 100%, 0 100%);}
.membro-equipe {padding: 30px;font-size: 16px;}
.membro-equipe h3 {font-weight: 500;font-size: 21px;}
.membro-equipe h3 strong {font-weight: 500;}
#o-que-fazemos {position: relative;}
#o-que-fazemos::after {content: '';width: 260px;height: 520px;background: transparent url('img/after.png') center top no-repeat;background-size: 100%;position: absolute;right: 0;top: -70px;}
.item-fazemos {padding: 24px;border-radius: 21px;color: #fff;height: 100%;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.item-fazemos::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 21px;background: transparent linear-gradient(88deg, #000000 0%, #80808000 100%) 0% 0% no-repeat padding-box;mix-blend-mode: multiply;}
.conteudo-item {position: relative;width: 75%;}
.conteudo-item h3 {font-size: 23px;line-height: 32px;font-weight: 500;margin: 0 0 20px;letter-spacing: 0;}
.conteudo-item p {font-size: 18px;line-height: 23px;}
.conteudo-item h3 + p {display: none;}
.conteudo-item > :last-child {margin-bottom: 0;}
h3 {font-size: 20px;letter-spacing: 1.8px;}
h3 + p {font-size: 15px;line-height: 20px;}
footer h2 {font-size: 37px;line-height: 38px;}
.degrade {position: relative;}
.degrade .conteudo-degrade{border-radius: 21px;padding: 30px 26px;background-color: #F2F2F2;}
.degrade::after {content: '';display: block;position: absolute;width: 80%;height: 80%;right: -30px;bottom: -30px;background: transparent url('img/efeito-degrade.svg') center bottom no-repeat;background-size: 100%;}
.conteudo-degrade {position: relative;z-index: 1}
.bloco {display: flex;font-family: "Montserrat", "arial", "helvetica", sans-serif;align-items: center;}
.bloco img {width: 45px;height: fit-content;margin-right: 14px;}
.bloco.email strong {font-size: 15px;line-height: 19px;letter-spacing: 1.17px;}
.conteudo-bloco > * {display: block;}
.conteudo-bloco span {font-size: 15px;letter-spacing: 1.17px;font-weight: 600;color: #4D4D4D;}
.bloco strong {font-size: 15px;line-height: 16px;letter-spacing: 1.17px;font-weight: 300;color: #4D4D4D;}
.bloco + .bloco {margin-top: 20px;}
.conteudo-bloco {padding: 0;}
h4 img {margin: 0 12px 0 0px;}
input:not([type="submit"], [type="radio"], [type="checkbox"]), textarea {background-color: transparent;border: 0;border-bottom: 1px solid #6D6D6D;width: 100%;color: #6D6D6D;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;font-family: "Montserrat", "arial", "helvetica", sans-serif;margin-top: 34px!important;padding: 0 0 8px;outline: none;}
[type="submit"] {width: 100%;font-size: 16px;line-height: 20px;}
[data-dismiss="modal"] {font-size: 16px;line-height: 20px;margin-top: 25px;}
label {font-size: 14px;line-height: 17px;opacity: 0.7;}
input[type="checkbox"] {display: none;}
label:has([type="checkbox"]) {padding: 0 0 0 30px;position: relative;text-align: left;}
[data-name="termos"] {display: none!important;}
span.wpcf7-spinner {position: absolute;left: 0;bottom: 0;transform: translateY(110%);}
label:has([type="checkbox"])::before {content: '';width: 20px;height: 20px;display: block;position: absolute;left: 0;border-radius: 3px;background: transparent linear-gradient(180deg, #C7C7C7 0%, #E6E6E6 100%) 0% 0% no-repeat padding-box;border: 1px solid #C4C4C4;border-radius: 5px;}
label:has([type="checkbox"]:checked)::before {background: transparent linear-gradient(0, #EBD7A4 0%, #E2C991 39%, #B79A72 100%) 0% 0% no-repeat padding-box;border-color: #c6b195;}
textarea {min-height: 60px;max-height: 200px;height: 120px;outline: none;}
form br {display: none}
.barra-final p, .barra-final a, .barra-final strong {font-size: 12px;color: var(--branco);margin: 0;line-height: 18px;}
.barra-final strong {font-weight: 500;}
.modal-dialog {width: 100%;max-width: 100%;}
.modal-content {background-color: transparent;border: 0;}
.modal-body {padding: 120px 0;}
.modal-backdrop.show {opacity: 0.9;}
.use-floating-validation-tip .wpcf7-not-valid-tip {position: absolute;border: none;background-color: #dc3232;color: #fff;font-size: 12px;border-radius: 3px;left: 0;top: 30px;width: auto;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border: 0;background-color: #ffb900;color: #35200a;font-size: 14px;text-align: center;width: auto;padding: 8px 16px;border-radius: 3px;margin: 15px 0 0;}
span.wpcf7-form-control-wrap {display: block;}
.wpcf7 form.sent .wpcf7-response-output {font-size: 12px;padding: 8px 16px;border-radius: 3px;text-align: center;border: none;background-color: #46b450;color: #fff;margin: 20px 0 0;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border: 0;background-color: #dc3232;padding: 8px 16px;border-radius: 4px;text-align: center;font-size: 14px;margin: 15px 0 0;}
#ecossistema {background-repeat: no-repeat;background-size: cover;border-radius: 0 250px 0 250px;position: relative;background-color: #E6E6E6;}
#ecossistema::before, footer::before {content: '';width: 260px;height: 520px;background: transparent url(img/before.png) center bottom no-repeat;background-size: 100%;position: absolute;left: 0;top: -200px;}
#ecossistema::after {content: '';width: 260px;height: 520px;background: transparent url('img/after.png') center top no-repeat;background-size: 100%;position: absolute;right: 0;bottom: -200px;}
#jornada .bloco-jornada h1, #jornada .bloco-jornada h2, #jornada .bloco-jornada h3, #jornada .bloco-jornada h4, #jornada .bloco-jornada h5, #jornada .bloco-jornada h6 {text-align: center;font-size: 19px;line-height: 21px;font-weight: 600;letter-spacing: 0}
.bg-jornada {background: transparent linear-gradient(94deg, #EBD7A4 0%, #E2C991 39%, #B79A72 100%) 0% 0% no-repeat padding-box;border-radius: 20px;padding: 6px 0 0;margin-top: 15px;height: 100%;}
.conteudo-jornada {border-radius: 20px;padding: 28px 18px;height: 100%;text-align: center;font-size: 16px;line-height: 21px;background-color: #E6E6E6;}
.bloco-jornada {height: 100%;}
#jornada h4 {margin-top: 50px!important;font-weight: 500;}
/*#jornada h4::after {content: '';width: 100%;height: 30px;background: transparent linear-gradient(94deg, #EBD7A4 0%, #E2C991 39%, #B79A72 100%) 0% 0% no-repeat padding-box;display: block;clip-path: polygon(0 50%, 3% 0, 3% 34%, 97% 34%, 97% 0, 100% 50%, 97% 100%, 97% 71%, 3% 70%, 3% 100%, 0 50%);}*/
#jornada h4 + p {width: 840px;margin: auto;max-width: 100%;}
@media screen and (min-width: 1200px) {
    .container {max-width: 1270px;}
}
@media screen and (max-width: 1500px) and (min-width: 1451px) {
    #banner::before {width: 95px;height: 690px;}
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 180px;height: 460px;}
}
@media screen and (max-width: 1450px) and (min-width: 1430px) {
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 150px;height: 360px;}
    #banner::before {width: 85px;height: 690px;}
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #banner p {font-size: 30px;line-height: 36px;}
    #banner::before {width: 150px;}
    h2 {font-size: 30px;letter-spacing: 3px;}
    .bg-claro::before {width: 105px;}
    .bg-claro::after {width: 150px;}
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 140px;height: 275px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .logo img {width: 220px;}
    nav ul a {font-size: 14px;padding: 8px 12px;}
    nav ul > li:last-child > a, .item-ativo {font-size: 12px;}
    #banner p {font-size: 26px;line-height: 34px;}
    #banner::before {width: 150px;}
    h2 {font-size: 25px;letter-spacing: 2px;}
    .bg-claro::before {width: 105px;}
    .bg-claro::after {width: 150px;}
    h3 {font-size: 15px;letter-spacing: 1.4px;}
    .conteudo-bloco span {font-size: 12px;}
    body {font-size: 16px;}
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 140px;height: 275px;}
    h1 {font-size: 42px;line-height: 54px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    nav ul a {width: 100%;display: block;}
    .navbar-nav {padding-top: 40px;}
    #banner p {font-size: 20px;line-height: 28px;}
    #banner::before {width: 32px;height: 434px;}
    h2 {font-size: 25px;margin: 0 0 60px;}
    .bg-claro::before {width: 105px;}
    .bg-claro::after {width: 150px;}
    h3 {font-size: 15px;letter-spacing: 1.4px;}
    .conteudo-bloco span {font-size: 12px;}
    body {font-size: 16px;}
    .conteudo-item p {font-size: 15px;line-height: 20px;}
    .conteudo-item h3 {font-size: 20px;}
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 140px;height: 275px;}
    h1 {font-size: 32px;line-height: 42px;}
    .bloco-jornada {margin-top: 40px;margin-bottom: 70px;}
    #topo {width: 58px;}
    .barra-final .container {padding-right: 46px;}
    #ecossistema img {margin-top: 50px;}
    .bloco-jornada-1 > div, .bloco-jornada-2 > div {height: 170px;}
    .bloco-jornada-3 > div, .bloco-jornada-4 > div {height: 233px;}
    .bloco-jornada-4 > div {margin-top: 62px;}
    .conteudo-degrade h4 {font-size: 20px;}
    .bloco.email strong {font-size: 11px;}
    [type="submit"] {margin-top: 20px;}
}
@media screen and (max-width: 767px) {
    #banner {border-radius: 0 0 80px 0;}
    .conteudo-item h3 + p {display: block;}
    h1 {font-size: 33px;line-height: 36px;}
    nav ul a {width: 100%;display: block;margin: 3px 0 !important;}
    .navbar-nav {padding-top: 40px;margin-top: 0!important}
    #banner p {font-size: 18px;line-height: 26px;}
    #banner::before {width: 70px;}
    h2 {font-size: 22px;letter-spacing: 0;line-height: 25px;}
    .bg-claro::before {width: 105px;}
    .bg-claro::after {width: 150px;}
    #ecossistema h2, footer h2 {font-size: 28px;letter-spacing: 2.22px;line-height: 26px;}
    h3 {font-size: 15px;letter-spacing: 1.4px;}
    .conteudo-bloco span {font-size: 11px;}
    body {font-size: 16px;text-align: center;}
    .container {padding-left: 30px;padding-right: 30px;}
    section {padding: 120px 0;}
    .membro-equipe {padding: 0 10px;margin: 30px 0;}
    ::after {margin-left: auto;margin-right: auto;}
    .bloco {text-align: left;}
    .bloco img {width: 35px;}
    h4 {font-size: 15px;}
    .degrade .conteudo-degrade {padding: 20px;}
    h4 img {width: 22px;margin-right: 6px;}
    footer {padding-top: 120px;}
    .logo img {width: 180px;}
    #banner {padding-top: calc(60px + 60px);}
    [class*="col"]:last-child:not(:first-child) > :first-child {margin-top: 30px;}
    #ecossistema::before, footer::before, #ecossistema::after, #o-que-fazemos::after {width: 120px;height: 280px;}
    .bg-degrade {border-radius: 0 0 0 80px;}
    .conteudo-item {width: 100%;}
    .conteudo-item p {font-size: 16px;line-height: 20px;}
    .item-fazemos {padding: 130px 20px 20px 20px;margin-top: 0!important;}
    .conteudo-item h3 {font-size: 22px;}
    .item-fazemos::before {background: transparent linear-gradient(360deg, #000000 0%, #80808000 100%) 0% 0% no-repeat padding-box;}
    #ecossistema {border-radius: 0 80px 0 80px;}
    footer {border-radius: 0 80px 0 0;text-align: left;}
    /*.bloco {display: block;text-align: center;}*/
    .bloco img {margin: 0 8px 0 0;width: 26px;}
    .bloco.email strong {font-size: 9px;}
    h2 {margin: 0 0 40px;}
    h1 {margin: 0 0 8px;}
    h2::after,h2::before {width: 48px;height: 13px;}
    @keyframes efeitoTituloCentro {from {left:  calc(50% - 10px);}to {left:  calc(50% - -10px);}}
    h2::after {left: calc(50% + 20px);transform: translate(-50%,calc(100% + 10px));animation-name: efeitoTituloCentro;}
    h2::before {left: calc(50% - 20px);transform: translate(-50%, calc(100% + 10px));animation-name: efeitoTituloCentro;animation-direction: alternate-reverse; }
    p {margin-bottom: 10px;}
    .bloco-jornada {height: auto;}
    .bloco-jornada {margin: 0 0 30px!important;}
    .bg-jornada {border-radius: 20px 20px 0 0;}
    .conteudo-jornada {border-radius: 20px 20px 0 0;}
    #topo {width: 50px;right: 2px;}
    .barra-final {padding: 10px 16px;margin-top: 60px;width: calc(100% - 40px);}
    .barra-final p, .barra-final a, .barra-final strong {font-size: 10px;line-height: 13px;}
    .barra-final p + p {margin: 4px 0 0;}
    .degrade {margin-top: 0;}
    .degrade::after {right: -10px;bottom: -10px;}
    label {font-size: 11px;line-height: 14px;}
    input:not([type="submit"], [type="radio"], [type="checkbox"]), textarea {font-size: 12px;line-height: 14px;}
    @keyframes efeitoTituloEsquerda {from {left:  0;}to {left:  20px;}}
    @keyframes efeitoTituloDireita {from {left:  0;}to {left:  -20px;}}
    footer h2::after{animation-name: efeitoTituloDireita;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate; animation-timing-function: ease-in-out;}
    footer h2::before{animation-name: efeitoTituloEsquerda;animation-duration: 3s;animation-iteration-count: infinite;animation-direction: alternate; animation-timing-function: ease-in-out;}
    footer h2::after {content: '';display: block;background: transparent url('img/after-titulo.svg') center center no-repeat;background-size: 100%;bottom: 0;left:0;transform: translate(20px, calc(100% + 10px));}
    footer h2::before {content: '';display: block;background: transparent url('img/after-titulo.svg') center center no-repeat;background-size: 100%;bottom: 0;left: 0;transform: translateY(calc(100% + 10px));}
    .bloco + .bloco {margin-top: 10px;}
    #jornada h4 img {width: 100%;margin: 0;}
    .d-block.d-md-none + * {display: none;}
    .wp-video {width: 100%!important;text-align: center;}
    .wp-video > div {width: 65%!important;margin: auto;height: auto!important;}
    .wp-video video {height: auto!important;}
    .mejs-mediaelement {position: initial!important;}
}


#banner .mejs-video {
  -webkit-mask-image: url(img/mascara.svg);
  mask-image: url(img/mascara.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;    
  pointer-events: none;

}

#banner .mejs-controls {display: none!important;}