@charset "UTF-8";
/* ============================
FONTES
============================ */
@font-face {
  font-family: 'Poppins Regular';
  src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
       url('../fonts/poppins-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins Semibold';
  src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
       url('../fonts/poppins-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins Bold';
  src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
       url('../fonts/poppins-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Medium';
  src: url('../fonts/Montserrat-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat-Black';
  src: url('../fonts/Montserrat-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

/* ============================
ROOT VARIABLES
============================ */
:root {
  --fontPadrao : 'Montserrat-Regular', sans-serif;
  --fontSemi   : 'Montserrat-SemiBold', sans-serif;
  --fontBold   : 'Poppins Bold', sans-serif;

  --regular: 'Montserrat-Regular';
  --medium: 'Montserrat-Medium';
  --semibold: 'Montserrat-SemiBold'; 
  --bold: 'Montserrat-Bold';
  --extrabold: 'Montserrat-ExtraBold';
  --black: 'Montserrat-Black'; 

  --kry-color-1: #21A5F5;
  --kry-color-2: #065DA7;
  --kry-color-3: #FFFFFF;
  --kry-color-4: #E6E6E6;
}

.website{
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  width: 100%!important;
  max-width: 1170px!important;
  padding: 0 !important;
}

form iframe{
  width: 304px!important;
  height: 78px!important;
}
.g-recaptcha{
  margin-bottom: 20px;    
  display: block;
}

@media (max-width: 400px) {
  .g-recaptcha{
    transform: scale(0.7);
    transform-origin: 0 0;
  }
}

@media (max-width: 991px) {
  form .row>div{
    width: 100%;
  }
  form{
    border: 0;
    padding: 0;
  }
}

@media (min-width: 1200px) {.container{padding: 0px; } }

@media (max-width: 991px) {
  .fxsm{
    height: auto;
    min-height: 0;
    padding: 40px 0;
  }
}
@media (max-width: 480px) {
  .fxsm{
    padding: 30px 0;
  }
}

a{
  transition: all .2s linear;
}
.editor a{
  color: #509633!important;
}
.editor a:hover{
  text-decoration: underline!important;
}
a:link, a:visited{
  color: inherit;
}
a:hover, a:active{
  color: #509633;
}
::-moz-selection{
  background: #509633;
  color: #FFF;
}
::selection{
  background: #509633;
  color: #FFF;
}
.pagination .active a,
.pagination .active a:hover{
  background-color: #509633;
  border-color: #509633;
}
.lds-ellipsis div{  
  background-color: #509633;
}

.editor, .editor p, .editor li{
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}

.editor p{
  margin-bottom: 20px;
}

/*AJUSTES GLOABIS*/
strong, b {
  font-weight: 700;
  font-family: inherit;
}
a{
  text-decoration: none;
}
dl, ol, ul{
  margin-bottom: 0.5rem;
}

.modal-open {
  overflow: auto!important;
  padding-right: 0!important;
}

/*ACEITAR TERMOS*/
.aceitar_termos{
  position: fixed;
  bottom: 0;
  padding: 20px 20px;
  text-align: center;
  color: #FFF;
  background-color: rgba(33,33,33, 0.9);
  width: 100%;
  z-index: 999999;
}
.aceitar_termos a{
  color: #FFFC9E!important;
}
.aceitar_termos a:hover{
  color: #38A7EB!important;
}

a.ctacookies{
  display: inline-block;
  padding: 3px 15px 3px 15px;
  border-radius: 50px;
  background-color: #FF0000;
  color: #FFF;
  transition: all .3s linear;
  margin-left: 10px;
  cursor: pointer;
}
a.ctacookies:hover{
  filter: brightness(1.2);
}

/*BOTAO WPP*/
.btnwhats{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 64px;
  height: 64px;
  background-color: #29A71A;
  border-radius: 50%;
}
.btnwhats img{
  width: 60px;
  height: 60px;
  transition: all .2s linear;
}
.btnwhats:hover{
  filter: brightness(1.2);
}
@media (width<=900px) {
  .btnwhats{
    right: auto;
    left: 50%;
    transform: translate(-50%,0);
  }
}

/*WEBSITE*/
.website{
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  overflow-x: hidden;
}

/*CF7*/
.wpcf7-not-valid{
  background-color: #FFD2D2!important;
}
.wpcf7-form-control-wrap{
  display: block;
}
.wpcf7-response-output{
  color: #FFF!important;
  border: 0!important;
  margin-right: 0!important;
  margin-left: 0!important;
  text-align: center!important;
  font-weight: bold!important;
  padding: 10px 20px!important;
}
.wpcf7 form.sent .wpcf7-response-output { background-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output { background-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output { background-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output { background-color: #ffb900; }
span.wpcf7-not-valid-tip{
  position: absolute;
  z-index: 1;
  right: 3px;
  font-size: 9px;
  top: 1px;
}

/*FORM IFRAME*/
form iframe{
  width: 304px!important;
  height: 78px!important;
}
.g-recaptcha{
  margin-bottom: 20px;
  display: block;
}
@media (width<=400px) {
  .g-recaptcha{
    transform: scale(0.7);
    transform-origin: 0 0;
  }
}

/*RESPONSIVIDADE*/
@media (width<=991px) {
  form .row>div{
    width: 100%;
  }
  form{
    border: 0;
    padding: 0;
  }
}
@media (width>=1200px) {
  .container{padding: 0px;}
}
@media (width<=991px) {
  .fxsm{
    height: auto;
    min-height: 0;
    padding: 40px 0;
  }
}
@media (width<=480px) {
  .fxsm{
    padding: 30px 0;
  }
}

/*LINKS*/
a{
  transition: all .3s linear;
  text-decoration: none!important;
}
.editor a{
  color: var(--kry-color-3) !important; /* prioridade tema_m */
}
.editor a:hover{
  text-decoration: underline!important;
}
a:link, a:visited{
  color: inherit;
}
a:hover, a:active{
  color: #0F0D0D;
}
::-moz-selection{
  background: var(--kry-color-1);
  color: #FFFFFF;
}
::selection{
  background: var(--kry-color-1);
  color: #FFFFFF;
}

/*PAGINAÇÃO*/
.lds-ellipsis div{
  background-color: #0F0D0D;
}

/* Editor */
.editor, .editor p, .editor li{
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}
.editor p{
  margin-bottom: 20px;
}

/*BODY E CONTAINER*/
body{
  *{
    box-sizing: border-box
  }
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--kry-color-3);
  margin: 0px!important;
}
.container{
  width: 100%!important;
  max-width: 1170px!important;
}
.container .row{
  margin-left: -15px;
  margin-right: -15px;
}
.container .row>*{
  padding: 0px .75rem 0px .75rem;
}

/*ALINHAMENTOS*/
.alignleft{
  float: left;
  margin: 16px 16px 16px 0;
}
.alignright{
  float: right;
  margin: 16px 0 16px 16px;
}
.aligncenter{
  display: block;
  margin: 16px auto;
}

/*LINHA AZUL*/
.linha-azul{
  width: 32px;
  height: 7px;
  background-color: var(--kry-color-1);
  display: flex;
}

/*LINHA BRANCA*/
.linha-branca{
  width: 100%;
  max-width: 341px;
  height: 8px;
  background-color: #FFF;
  display: flex;
}

/*FORMULARIO*/
.formulario {
  width: 100%;
  max-width: 369px;
  height: auto;
}

.formulario form > p{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 17px;
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
}

.formulario input,
.formulario textarea {
  width: 370px;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  border: 1px solid #000;
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
}

.formulario textarea {
  height: 104px;
  resize: none;
}

.formulario input::placeholder,
.formulario textarea::placeholder {
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
}

.formulario button {
  width: 100%;
  max-width: 132px;
  height: auto;
  padding: 15px 5px;
  font-family: var(--regular);
  font-size: 16px;
  color: #FFF;
  background-color: var(--kry-color-2);
  border: none;
  border-radius: 7px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.formulario button:hover {
  background-color: var(--kry-color-1);
}

/*TOPO DAS PÁGINAS*/
.topo-pages {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 310px;
  overflow: hidden;
  padding: 10px;
}

.topo-pages::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--kry-color-1);
  opacity: 80%;
  z-index: 1;
}

.topo-pages .conteudo {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  color: #FFF;
}

.topo-pages h2 {
  font-family: var(--bold);
  font-size: 40px;
  margin: 0;
  text-transform: uppercase;
}

.topo-pages .itens {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-family: var(--bold);
  font-size: 24px;
}

.topo-pages .itens a {
  font-family: var(--regular);
  color: inherit;
  text-decoration: none;
}

/*HEADER - CABEÇALHO - MENU*/
.header {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding: 20px 0px 10px 0px;
  border-bottom: 2px solid var(--kry-color-1);
}

.header .conteudo {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}

.header a.logo {
  width: 100%;
  max-width: 170px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header a.logo img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.header .itens {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 35px;
}

.header .whatsapp__wrapper{
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 18px;
}

.header .whatsapp__link{
  min-width: 270px;

  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 4px;
}

.header .whatsapp__link p{
  position: relative;

  font-family: var(--bold);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.01;

  color: #000000;

  padding-left: 41px;
  margin-bottom: 0px;
}

.header .whatsapp__link p::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);

  width: 32px;
  height: 7px;

  background-color: var(--kry-color-1);
}

.header .whatsapp__link span{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.01;

  color: #000000;
}

.header .itens a.whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
}

.header .itens a.whatsapp .icn {
  width: 100%;
  max-width: 21px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .itens a.whatsapp .icn img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.header .menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px 20px;
  padding: 0px 0px 10px 0px;
}

.header .menu a {
  font-family: var(--regular);
  font-size: 16px;
  color: #000;
  border-bottom: 3px solid transparent;
  transition: 0.2s ease-in-out;
}

.header .menu a:hover {
  color: var(--kry-color-2);
  border-color: var(--kry-color-2);
}

/*FOOTER - RODAPÉ*/
.footer-contato {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0px 90px 0px;
  background-color: var(--kry-color-4);
  overflow: hidden;
}

.footer-contato .conteudo {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.footer-contato .itens-contato {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 47px;
  flex-wrap: wrap;
}

.footer-contato .itens-contato .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
  width: 380px;
  gap: 5px;
}

.footer-contato .itens-contato .item .info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: var(--bold);
  font-size: 20px;
}

.footer-contato .itens-contato .item .redes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.footer-contato .itens-contato .item .redes a.icn {
  width: 100%;
  max-width: 25px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-contato .itens-contato .item .redes a.icn img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.footer-creditos {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding: 30px 0px;
}

.footer-creditos .conteudo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.footer-creditos p {
  font-family: var(--regular);
  font-size: 14px;
  margin: 0px;
  color: #000;
}

.footer-creditos a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  color: inherit;
}

.footer-creditos a .icn-kry {
  width: 100%;
  max-width: 50px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-creditos a .icn-kry img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  margin-top: -10px;
}

/* BOTÃO HAMBURGUER */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 22px;
  position: relative;
  z-index: 1001;
}

.menu-toggle span {
  display: block;
  height: 3px;
  width: 100%;
  background: var(--kry-color-1);
  margin: 5px 0;
  transition: 0.3s;
}

.menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.menu-toggle.active span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/*CARD PADRAO*/
.itens-cards {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}

.itens-cards .card-padrao {
  width: 370px;
  min-height: 330px;
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  background-color: var(--kry-color-4);
  gap: 5px;
  border-radius: 7px;
  overflow: hidden;
  transition: 0.3s ease-in-out;
}

.itens-cards .card-padrao:hover {
  background-color: var(--kry-color-2);
}

.itens-cards .card-padrao.hover__2:hover {
  background-color: var(--kry-color-1);
}

.itens-cards .card-padrao:hover .icn img {
  filter: brightness(0) invert(1);
}

.itens-cards .card-padrao:hover p {
  color: #FFF;
}

.itens-cards .card-padrao:hover span{
  color: #FFF;
}

.itens-cards .card-padrao .icn {
  width: 100%;
  max-width: 82px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.itens-cards .card-padrao .icn img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.itens-cards .card-padrao p {
  font-family: var(--regular);
  font-size: 15px;
  margin: 0px;
  color: #000;
}

.itens-cards .card-padrao span{
  font-family: var(--bold);
  font-size: 20px;
}

.itens-cards .titulo{
  border: none;
  padding: 0px;
  margin-bottom: -10px;
}

/*TITULO*/
.titulo{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  border-left: 8px solid var(--kry-color-1);
  gap: 10px;
  padding: 0px 0px 10px 10px;
}

.titulo h2{
  font-family: var(--bold);
  font-size: 40px;
  margin: 0px;
  color: #000;
}

.titulo p{
  font-family: var(--regular);
  font-size: 15px;
  margin: 0px;
  color: #000;
}

/*CARD SEGMENTOS*/
.itens-segmentos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}

.itens-segmentos a.card {
  width: 100%;
  max-width: 270px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 15px;
  font-family: var(--bold);
  font-size: 20px;
  color: #000;
  text-decoration: none;
  border: none;
}

.itens-segmentos a.card .img {
  width: 270px;
  height: 230px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.itens-segmentos a.card .img img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

/*BOTAO PADRAO*/
.botao-padrao {
  display: flex;
  align-items: center;
  justify-content: center;
}

.botao-padrao a {
  width: 100%;
  min-width: 235px;
  min-height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 7px;
  overflow: hidden;
  font-family: var(--regular);
  font-size: 16px;
  color: #FFF;
  background-color: var(--kry-color-2);
  transition: 0.2s ease-in-out;
  text-decoration: none;
}

.botao-padrao a:hover {
  background-color: var(--kry-color-1);
}

/*CARD MATERIAS*/
.cards-blog {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  gap: 30px;
  flex-wrap: wrap;

}

.cards-blog a.item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-family: var(--regular);
  font-size: 15px;
  color: #000;
  width: 370px;
  height: auto;
  text-decoration: none;
}

.cards-blog a.item .img {
  width: 100%;
  max-width: 370px;
  height: 249px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.cards-blog a.item .img img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.cards-blog a.item span {
  font-family: var(--bold);
  font-size: 20px;
}

/*BANNER*/
.banner {
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.banner .conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 580px;
}

.banner .item{
  background-image: var(--bg-desktop);
  background-size: cover;
  background-size: cover;
  background-position: center center;
}

.banner .txt {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

.banner h1 {
  font-family: var(--bold);
  font-size: 40px;
  margin: 0px;
  color: #FFF;
}

.banner .owl-dots {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
}

.banner .owl-dot span {
  width: 19px!important;
  height: 19px!important;
  display: block;
  background: #FFFFFF!important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.banner .owl-dot.active span,
.banner .owl-dot:hover span {
  background: #000000!important; 
  transform: scale(1.2);
}

/*FX1-HOME*/
.fx1-home {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0px;
  background-color: var(--kry-color-4);
  overflow: hidden;
}

.fx1-home .conteudo {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 100%;
}

.fx1-home .txt {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 570px;
  text-align: justify;
  line-height: 30px;
}

.fx1-home .img {
  width: 100%;
  max-width: 570px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.fx1-home .img img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.fx1-home h2 {
  font-family: var(--bold);
  font-size: 30px;
  margin: 0px;
  color: #000;
}

.fx1-home p {
  font-family: var(--regular);
  font-size: 18px;
  margin: 0px;
  color: #000;
}

/*FX2-HOME*/
.fx2-home{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 0px;
  background-color: #FFF;
  overflow: hidden;
}

/*FX3-HOME*/
.fx3-home{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding: 50px 0px;
  overflow: hidden;
}

.fx3-home .conteudo{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.fx3-home .owl-dots{
  display: flex;
  justify-content: center;
  gap: 5px;
  position: relative;
  bottom: 0px;
  top: 0px;
  left: 0;
  right: 0;
}

.fx3-home .owl-dot span{
  width: 15px!important;
  height: 15px!important;
  display: block;
  background: var(--kry-color-2)!important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.fx3-home .owl-dot.active span{
  width: 17px!important;
  height: 17px!important;
}

.fx3-home .owl-dot.active span,
.fx3-home .owl-dot:hover span{
  background: var(--kry-color-1)!important;
  transform: scale(1.2);
}

.fx3-home .item{
  display: flex;
  align-items: center;
  justify-content: center;
}

/*FX4-HOME*/
.fx4-home {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0px;
  padding-top: 73px;
  overflow: hidden;
}

.fx4-home .conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.fx4-home .itens-servicos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
}

.fx4-home .itens-servicos .item {
  display: flex;
  flex-direction: column;
  width: 170px;
  height: auto;
  gap: 8px;
  overflow: hidden;
  font-family: var(--bold);
  font-size: 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.fx4-home .itens-servicos .item .img {
  width: 100%;
  max-width: 170px;
  height: 147px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.fx4-home .itens-servicos .item .img img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.fx4-home .botao-padrao {
  margin-top: 40px;
}

.fx4-home .owl-dots {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
  position: absolute;
  bottom: -55px;
  left: 0;
  right: 0;
}

.fx4-home .owl-dot span {
  width: 15px!important;
  height: 15px!important;
  display: block;
  background: var(--kry-color-2)!important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.fx4-home .owl-dot.active span{
  width: 17px!important;
  height: 17px!important;
}

.fx4-home .owl-dot.active span,
.fx4-home .owl-dot:hover span {
  background: var(--kry-color-1)!important; 
  transform: scale(1.2);
}

.fx4-home .owl-carousel.owl-drag .owl-item{
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.fx5-home{
  background-color: var(--kry-color-4);
  padding: 50px 0px 100px 0px;
}

.fx5-home .titulo{
  border: none!important;
  align-items: center;
  text-align: center;
  padding: 0px!important;
}

.fx5-home h2{
  font-family: var(--bold);
  font-size: 40px;
  margin: 0px;
  color: var(--kry-preto);
}

.fx5-home p{
  font-family: var(--regular);
  font-size: 15px;
  margin: 0px;
  color: var(--kry-preto);
}

.fx5-home .clientes{
  padding: 50px 0px 0px 0px;
}

.fx5-home .clientes .item{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx5-home .clientes a{
  width: 170px;
  height: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
}

.fx5-home .clientes a img{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.fx5-home .owl-dots{
  display: flex;
  justify-content: center;
  gap: 5px;
  position: absolute;
  bottom: -55px;
  left: 0;
  right: 0;
}

.fx5-home .owl-dot span{
  width: 15px!important;
  height: 15px!important;
  display: block;
  background: #000!important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.fx5-home .owl-dot.active span{
  width: 17px!important;
  height: 17px!important;
}

.fx5-home .owl-dot.active span,
.fx5-home .owl-dot:hover span{
  background: var(--kry-color-1)!important;
  transform: scale(1.2);
}

.fx5-home .owl-carousel.owl-drag .owl-item{
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.fx6-home{
  padding: 50px 15px;
  padding-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx6-home a{
  display: flex;
  width: 100%;
  max-width: 1170px;
  content: '';
  min-height: 345px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  cursor: pointer;
}

/*FX7-HOME*/
.fx7-home{
  background-color: var(--kry-color-4);

  padding-top: 73px;
  padding-bottom: 63px;
  padding-left: 15px;
  padding-right: 15px;
}

.fx7-home .content{
  margin-bottom: 71px;
}

.fx7-home .content h2{
  font-family: var(--bold);
  font-size: 40px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 12px;
}

.fx7-home .content p{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;

  color: #000000;

  margin-bottom: 0px;
}

.fx7-home .row{
  row-gap: 25px;
}

.fx7-home .card-instrutor-home{
  width: 100%;
  max-width: 370px;

  display: flex;
  flex-direction: column;
}

.card-instrutor-home .profile__picture{
  width: 100%;
  max-width: 370px;
  height: auto;
  max-height: 250px;
  object-fit: cover;
  border-radius: 7px;

  margin-bottom: 20px;
}

.card-instrutor-home p{
  font-family: var(--bold);
  font-size: 20px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 15px;
}

.card-instrutor-home span{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;

  color: #000000;
}

/*FX8-HOME*/
.fx8-home{
  background-color: var(--kry-color-1);

  padding-top: 67px;
  padding-bottom: 74px;
  padding-left: 15px;
  padding-right: 15px;
}

.fx8-home .row{
  align-items: center;
  row-gap: 25px;
}

.fx8-home .main__content,
.fx8-home .content{
  text-align: center;
}

.fx8-home .main__content h2{
  font-family: var(--bold);
  font-size: 96px;
  font-weight: 700;
  line-height: 1.1;

  color: #FFFFFF;

  margin-bottom: 0px;
}

.fx8-home .main__content p{
  font-family: var(--bold);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.05;

  color: #FFFFFF;

  margin-bottom: 0px;
}

.fx8-home .content h2{
  font-family: var(--bold);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;

  color: #FFFFFF;

  margin-bottom: 0px;
}

.fx8-home .content p{
  font-family: var(--bold);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;

  color: #FFFFFF;

  margin-bottom: 0px;
}

/*FX1-SOBRE*/
.fx1-sobre {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 0px;
  background-color: var(--kry-color-4);
  overflow: hidden;
}

.fx1-sobre .conteudo {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 100%;
}

.fx1-sobre .txt {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  max-width: 570px;
  text-align: justify;
  line-height: 30px;
}

.fx1-sobre .img {
  width: 100%;
  max-width: 570px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.fx1-sobre .img img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.fx1-sobre h2 {
  font-family: var(--bold);
  font-size: 30px;
  margin: 0px;
  color: var(--kry-preto);
}

.fx1-sobre p {
  font-family: var(--regular);
  font-size: 18px;
  margin: 0px;
  color: var(--kry-preto);
}

/*FX2-SOBRE*/
.fx2-sobre {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--kry-branco);
  padding: 60px 0px;
  overflow: hidden;  
}

.fx2-sobre .conteudo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.fx2-sobre .txt {
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: justify;
  color: var(--kry-preto);
}

.fx2-sobre h2 {
  font-family: var(--bold);
  font-size: 30px;
  margin: 0px;
}

.fx2-sobre p {
  font-family: var(--regular);
  font-size: 18px;
  margin: 0px;
  line-height: 30px;
}

.fx2-sobre .itens-cards .card-padrao {
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.fx2-sobre .itens-cards .card-padrao .txt {
  text-align: center;
}

.fx2-sobre .itens-cards .card-padrao p {
  line-height: normal;
}

/*FX3-SOBRE*/
.fx3-sobre{
  background-color: var(--kry-color-1);

  padding-top: 97px;
  padding-bottom: 119px;
  padding-left: 15px;
  padding-right: 15px;
}

.fx3-sobre .row{
  row-gap: 25px;
}

.fx3-sobre .content h2{
  font-family: var(--bold);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.04;
  text-align: center;

  color: #FFFFFF;

  margin-bottom: 0px;
}

.fx3-sobre .content h3{
  font-family: var(--bold);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.04;
  text-align: center;

  color: #FFFFFF;

  margin-bottom: 4px;
}

.fx3-sobre .content p{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.02;
  text-align: center;

  color: #FFFFFF;

  margin-bottom: 0px;
}

/*ARCHIVE SEGMENTOS*/
.archive-segmentos{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--kry-branco);
  padding: 50px 0px;
  overflow: hidden;
}

.archive-segmentos .conteudo{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
}

.archive-segmentos .content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}

.archive-segmentos .content h2{
  font-family: var(--bold);
  font-size: 30px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 12px;
}

.archive-segmentos .content p{
  font-family: var(--fontPadrao);
  font-size: 18px;
  font-weight: 400;

  color: #000000;

  margin-bottom: 0px;
}

/*SINGLE SEGMENTOS*/
.single-segmentos {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--kry-color-4);
  padding: 50px 0px;
  overflow: hidden;
}

.single-segmentos .conteudo {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.single-segmentos .content__first{
  width: 100%;

  display: flex;
  justify-content: center;
  gap: 30px;
}

.single-segmentos .img {
  width: 100%;
  max-width: 470px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.single-segmentos .img img {
  width: 100%;
  max-width: 470px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.single-segmentos .txt-editor,
.single-segmentos .txt {
  width: 100%;
  max-width: 670px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.single-segmentos .txt {
  max-width: 1170px;
}

.single-segmentos h2 {
  font-family: var(--bold);
  font-size: 30px;
  margin: 0px;
}

.single-segmentos p {
  font-family: var(--regular);
  font-size: 18px;
  margin: 0px;
  line-height: 30px;
}

.single-galeria{
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 53px;
  padding-bottom: 55px;
}

.single-galeria h2{
  font-family: var(--bold);
  font-size: 30px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 39px;
}

.single-galeria .owl-item{
  display: flex;
  justify-content: center;
}

.single-galeria .owl-dots {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 20px;
}

.single-galeria .owl-dot span {
  width: 19px!important;
  height: 19px!important;
  display: block;
  background: #000000!important;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.single-galeria .owl-dot.active span,
.single-galeria .owl-dot:hover span {
  background: var(--kry-color-1)!important; 
  transform: scale(1.2);
}

.single-galeria .galeria__item{
  width: 100%;
  max-width: 270px;
  height: 270px;
  max-height: 270px;
}

.single-galeria .galeria__item img{
  width: 100%;
  max-width: 270px;
  height: 100%;
  max-height: 270px;
  object-fit: cover;

  border-radius: 7px;
}

/*FX1-DIFERENCIAL*/
.fx1__diferencial{
  background-color: var(--kry-color-4);

  padding-top: 62px;
  padding-bottom: 79px;
  padding-left: 15px;
  padding-right: 15px;
}

.fx1__diferencial .row{
  row-gap: 25px;
}

.fx1__diferencial .content h2{
  font-family: var(--bold);
  font-size: 30px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 32px;
}

.fx1__diferencial .content p{
  font-family: var(--fontPadrao);
  font-size: 18px;
  font-weight: 400;
  text-align: justify;

  color: #000000;

  margin-bottom: 0px;
}

.fx1__diferencial .img__holder{
  width: 100%;
  max-width: 570px;
}

.fx1__diferencial .img__holder img{
  width: 100%;
  max-width: 570px;
  height: auto;
  max-height: 100%;

  border-radius: 7px;
}

/*FX2-DIFERENCIAL*/
.fx2__diferencial{
  padding-top: 43px;
  padding-bottom: 53px;
  padding-left: 15px;
  padding-right: 15px;
}

.fx2__diferencial .content p{
  font-family: var(--fontPadrao);
  font-size: 18px;
  font-weight: 400;

  color: #000000;

  margin-bottom: 0px;
}

.fx2__diferencial .row{
  padding-top: 87px;
  padding-bottom: 93px;
}

.fx2__diferencial .item__diferencial{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.item__diferencial .icon{
  width: 100%;
  max-width: 82px;
  height: 100%;
  max-height: 82px;
  flex-shrink: 0;

  margin-bottom: 9px;
}

.item__diferencial p{
  font-family: var(--bold);
  font-size: 20px;
  font-weight: 700;

  color: #000000;

  margin-bottom: 25px;
}

.item__diferencial span{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;

  color: #000000;
}

/*ARCHIVE EQUIPE*/
.archive-equipe{
  padding: 50px 0px;
}

.archive-equipe .content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}

.archive-equipe h2{
  font-family: var(--bold);
  font-size: 30px;
  margin: 0px;
}

.archive-equipe p{
  font-family: var(--regular);
  font-size: 18px;
  margin: 0px;
  line-height: 30px;
}

.archive-equipe h4{
  font-family: var(--bold);
  font-size: 20px;
  text-align: center;
  margin: 0px;
}

.archive-equipe h5{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 400;
  text-align: center;

  color: #000000;
}

.archive-equipe .titulo{
  border: none;
  padding: 0px;
}

.archive-equipe .equipe{
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  padding: 30px 0px;
}

.archive-equipe .equipe .card-pessoa{
  width: 100%;
  max-width: 270px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
}

.archive-equipe .equipe .card-pessoa p{
  font-family: var(--bold);
  font-size: 14px;
  line-height: 1.03;
  color: var(--kry-color-1);
  text-align: center;
  margin-bottom: 0px;
}

.archive-equipe .equipe .card-pessoa .img{
  width: 270px;
  height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  overflow: hidden;
}

.archive-equipe .equipe .card-pessoa .img img{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

/*FX1-CONTATO*/
.fx1-contato {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--kry-branco);
  padding: 40px 0px;
  overflow: hidden;  
}

.fx1-contato .txt {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.fx1-contato .row{
  row-gap: 30px;
}

.fx1-contato .formulario-contato {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 30px;
}

.fx1-contato .formulario-contato .formulario {
  max-width: 568px;
}

.fx1-contato .formulario .wpcf7-form-control-wrap{
  width: 100%;
}

.formulario .btn-submit{
  width: 100%;
  max-width: 132px;
  height: auto;
  padding: 15px 5px;
  font-family: var(--regular);
  font-size: 16px;
  color: #FFF;
  background-color: var(--kry-color-2);
  border: none;
  border-radius: 7px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}

.formulario .btn-submit:hover{
  background-color: var(--kry-color-1);
}

.fx1-contato .formulario-contato .formulario input,
.fx1-contato .formulario-contato .formulario textarea {
  width: 100%;
}

.fx1-contato .formulario-contato .itens-contato {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
}

.fx1-contato .formulario-contato .itens-contato .item {
  display: flex;
  flex-direction: column;
  font-family: var(--regular);
  font-size: 15px;
}

.itens-contato .item .email__info{
  text-decoration-line: underline;
}

.itens-contato .item .email__info:not(:last-child){
  margin-bottom: 16px;
}

.fx1-contato .formulario-contato .itens-contato .item .info {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--bold);
  font-size: 20px;
}

.fx1-contato .formulario-contato .itens-contato .item .redes {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.fx1-contato .formulario-contato .itens-contato .item .redes a.icn {
  width: 100%;
  max-width: 25px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx1-contato .formulario-contato .itens-contato .item .redes a.icn img {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
}

.fx1-contato h2 {
  font-family: var(--bold);
  font-size: 40px;
  margin-bottom: 32px;
}

.fx1-contato p {
  font-family: var(--regular);
  font-size: 18px;
  margin-bottom: 32px;
}

/*FX2-CONTATO*/
.fx2-contato{
  display: flex;
  align-items: center;
  justify-content: center;
}

.fx2-contato  iframe{
  width: 100%;
  min-height: 484px;
}

/*PAGINA 404*/
.pg-404 {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: var(--kry-color-2);
  color: #fff;
  font-family: var(--fontPadrao), sans-serif;
  padding: 60px 20px;
}

.pg-404 .container {
  max-width: 700px;
}

.pg-404 h1 {
  font-size: 8rem;
  font-weight: 700;
  line-height: 1;
  color: var(--kry-color-3);
  margin-bottom: 10px;
}

.pg-404 h2 {
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 30px;
}

.pg-404 .editor {
  font-family: var(--fontSemi), sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  color: #dcdcdc;
}

.pg-404 .editor a {
  color: var(--kry-color-3);
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
}

.pg-404 .editor a:hover {
  color: var(--kry-color-1);
  border-color: var(--kry-color-1);
}

.pg-404 .clearfix {
  clear: both;
}

/*RESPONSIVO SITE*/
@media(max-width: 1200px){
  .single-segmentos{
    padding: 30px 10px 20px 10px;
  }

  .single-segmentos .conteudo{
    align-items: center;
    justify-content: center;
    gap: 15px;
  }

  .single-segmentos .txt-editor, .single-segmentos .txt {
    max-width: 800px;
    text-align: center;
  }

  .single-segmentos .img{
    height: auto;
  }
}

@media(max-width: 1025px){
  h1{
    font-size: 28px!important;
  }

  h2{
    font-size: 18px!important;
  }

  h3{
    font-size: 17px!important;
  }

  h4{
    font-size: 16px!important;
  }

  p{
    font-size: 14px!important;
    line-height: normal!important;
  }

  br{
    display: none!important;
  }

  .header{
    padding: 10px;
  }

  .header .conteudo{
    align-items: center;
  }

  .header .menu{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 5px;
    border-left: 5px solid var(--kry-color-1);
  }

  .menu-toggle {
    position: fixed;
    right: 15px;
    
    width: 36px;
    height: 36px;

    background-color: #FFFFFF;
    border-radius: 50%;

    display: block;
  }

  .menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 250px;
    height: 100vh;
    background: #fff;
    padding: 100px 30px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: right 0.3s ease;
    z-index: 1000;
  }

  .menu a {
    font-size: 18px;
  }

  .menu.active {
    right: 0;
  }

  .header a.logo{
    max-width: 150px;
  }

  .header .whatsapp__link{
    min-width: auto;
  }

  .footer-contato{
    padding: 30px 10px 20px 10px;
  }

  .footer-contato .conteudo{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
  }

  .footer-contato .itens-contato{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .footer-contato .itens-contato .item{
    width: auto;
    align-items: center;
    text-align: center;
  }

  .footer-contato .itens-contato .item .info{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .formulario input, .formulario textarea{
    max-width: 270px;
  }

  .footer-contato .col-lg-4{
    display: flex;
    justify-content: center;

    margin-top: 25px;
  }

  .formulario form > p{
    align-items: center;
    justify-content: center;
  }

  .footer-creditos{
    padding: 30px 10px 80px 10px;
  }

  .footer-creditos .conteudo{
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    text-align: center;
  }  

  .topo-pages{
    min-height: 150px;
  }

  .topo-pages .itens{
    flex-wrap: wrap;
  }

  .banner .conteudo{
    min-height: 280px;
  }

  .banner .txt{
    width: auto;
    justify-content: center;
    padding: 30px 10px;
    text-align: center;
  }

  .banner .item{
    background-image: var(--bg-mobile);
  }

  .fx1-home{
    padding: 30px 10px 20px 10px;
  }

  .fx1-home .conteudo{
    flex-direction: column;
    align-items: center;
  }

  .fx1-home .txt{
    gap: 15px;
    text-align: center;
    line-height: normal;
  }

  .fx2-home{
    padding: 30px 10px 20px 10px;
  }

  .fx3-home{
    padding: 30px 10px 20px 10px;
  }

  .fx5-home{
    padding: 30px 10px;
  }

  .fx7-home .col-lg-4{
    display: flex;
    justify-content: center;
  }

  .itens-cards{
    gap: 20px;
  }

  .titulo{
    padding: 10px;
    align-items: center;
    text-align: center;
    border-left: none;
    border-bottom: 8px solid var(--kry-color-1);
    width: auto;
  }

  .itens-segmentos{
    gap: 15px;
  }

  .fx4-home{
    padding: 30px 10px 20px 10px;
  }

  .itens-cards .titulo{
    display: block;
    margin-bottom: 20px;
  }
  .fx1-sobre{
    padding: 30px 10px 20px 10px;
  }

  .fx1-sobre .conteudo{
    flex-direction: column;
    align-items: center;
  }

  .fx1-sobre .txt{
    gap: 15px;
    text-align: center;
    line-height: normal;
  }

  .fx2-sobre{
    padding: 30px 10px 20px 10px;
  }

  .fx2-sobre .txt{
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 15px;
  }

  .archive-segmentos,
  .archive-servicos,
  .archive-depoimentos,
  .archive-parceiros,
  .archive-servicos-contratar,
  .archive-equipe{
    padding: 30px 10px 20px 10px;
  } 

  .fx1-contato{
    padding: 30px 10px;
  }

  .fx1-contato .txt{
    text-align: center;
    gap: 15px;
  }

  .fx1-contato .formulario-contato{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .fx1-contato .formulario-contato .itens-contato{
    align-items: center;
    text-align: center;
  }

  .fx1-contato .formulario-contato .itens-contato .item{
    align-items: center;
    justify-content: center;
  }

  .fx1-contato .formulario-contato .itens-contato .item .info{
    flex-direction: column;
    justify-content: center;
    gap: 5px;
  }

  .fx1-contato .formulario-contato .formulario input, 
  .fx1-contato .formulario-contato .formulario textarea,
  .fx1-contato .formulario .wpcf7-form-control-wrap{
    max-width: 260px;
  }

  .fx2-contato iframe {
    height: 300px;
  }

  .single-segmentos .content__first{
    flex-wrap: wrap;
    align-items: center;
  }
}

@media(max-width: 769px){
  .itens-cards .card-padrao{
    min-height: auto;
    align-items: center;
  }

  .fx5-home .clientes{
    padding: 10px 0px;
  }
}

@media (max-width: 600px) {
  .pg-404 h1 {
    font-size: 5rem;
  }
  .pg-404 h2 {
    font-size: 1.2rem;
  }
}

@media(max-width: 426px){
  .header .itens .whatsapp__wrapper{
    display: none;
  }
}

/*BLOG*/
.kry__blog{
  font-family: var(--fontPadrao);
  padding: 50px 0px;
}

.kry__blog .container{
  padding-top: 5px;
  padding-bottom: 65px;
}

.kry__blog .container .row{
  row-gap: 25px;
}

.kry__blog .result__title{
  font-family: var(--fontSemi);
  font-size: 30px;
  font-weight: 700;
  color: #0F0D0D;
  margin-bottom: 25px;
}

.kry__blog .col__list__posts{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 35px;
}

.kry__blog .post__container{
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.kry__blog .post__header{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: justify;
  row-gap: 15px;
}

.kry__blog .post__header .category__wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  gap: 14px 10px;
}

.kry__blog .category__wrapper .post__category{
  display: block;
  min-width: 186px;
  height: auto;
  font-family: var(--fontSemi);
  font-weight: 700;
  font-size: 13px;
  line-height: 1.3;
  color: #FFFFFF;
  background-color: var(--kry-color-1);
  border-radius: 5px;
  transition: all .3s ease;
  padding: 7px 12px;
}

.kry__blog .category__wrapper .post__category:hover{
  filter: brightness(1.35);
}

.kry__blog .post__header h3{
  font-family: var(--fontPadrao);
  font-weight: bold;
  font-size: 24px;
  line-height: 1.4;
  color: #0F0D0D;
  transition: color .3s ease;
}

.post__container:has(.post__body:hover) .post__header h3,
.kry__blog .post__header h3:hover{
  color: var(--kry-color-1);
}

.kry__blog .post__body{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 30px 20px;
  padding-bottom: 22px;
}

.kry__blog .post__body .post__thumbnail{
  flex-shrink: 0;
  width: 100%;
  max-width: 370px;
  height: 230px;
}

.kry__blog .post__thumbnail img{
  width: 100%;
  max-width: 370px;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  transition: all .3s ease;
}

.post__container:has(.post__header h3:hover) .post__body .post__thumbnail img,
.kry__blog .post__body:hover .post__thumbnail img{
  transform: scale(.975);
}

.kry__blog .post__body .post__content{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: justify;
  row-gap: 15px;
  max-width: 100%;
}

.kry__blog .post__author{
  max-width: 480px;
  font-family: var(--fontSemi);
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #0F0D0D;
  border-bottom: 1px solid #CBCBCB;
}

.kry__blog .post__excerpt p{
  font-family: var(--fontPadrao);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.34;
  color: #0F0D0D;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;  
  margin-bottom: 0;
}

.kry__blog__sidebar .form__search{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 5px;
  margin-bottom: 78px;
}

.kry__blog__sidebar .form__search .search__input{
  flex-grow: 1;
  background-color: #FFF;
  border-radius: 3px;
  border: 1px solid #CBCBCB;
  font-family: var(--fontPadrao);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #0F0D0D;
  padding: 8px 9px;
}

.kry__blog__sidebar .form__search .search__input::placeholder{
  color: #777777;
}

.kry__blog__sidebar .form__search .btn__search{
  display: flex;
  align-items: center;

  background-color: var(--kry-color-1);
  border-radius: 3px;
  border: none;
  padding: 10px;
}

.kry__blog__sidebar .form__search .btn__search img{
  width: 17px;
  height: 17px;
  object-fit: cover;
}

.kry__blog__sidebar .author__container{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
  background-color: var(--kry-color-1);
  border-radius: 12px;
  padding: 20px 30px;
  margin-bottom: 30px;
}

.kry__blog__sidebar .author__container .author__picture{
  width: 100%;
  max-width: 190px;
  height: 135px;
  text-align: center;
  margin-bottom: 18px;
}

.kry__blog__sidebar .author__container .author__picture img{
  width: auto;
  max-width: 190px;
  height: auto;
  max-height: 135px;
  border-radius: 10px;
  object-fit: cover;
}

.kry__blog__sidebar .author__container .author__name{
  font-family: var(--fontSemi);
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  color: #FFFFFF;
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 12px;
}

.kry__blog__sidebar .author__container .author__excerpt{
  font-family: var(--fontSemi);
  font-size: 18px;
  font-weight: 400;
  color: #FFFFFF;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 0;
}

.kry__blog__sidebar .social__media__wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 10px;
  margin-bottom: 30px;
}

.kry__blog__sidebar .category__container{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 17px;
  margin-bottom: 30px;
}

.kry__blog__sidebar .category__item{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 18px;
  background-color: var(--kry-color-1);
  border-radius: 10px;
  transition: all .3s ease;
  padding: 11px 10px;
}

.kry__blog__sidebar .category__item:hover{
  filter: brightness(1.3);
}

.kry__blog__sidebar .category__item .icon{
  display: block;
  width: 45px;
  height: 45px;
  flex-shrink: 0;
}

.kry__blog__sidebar .category__item img{
  width: 100%;
  max-width: 45px;
  height: 100%;
  max-height: 45px;
}

.kry__blog__sidebar .category__item .category__name{
  font-family: var(--fontSemi);
  font-weight: 800;
  font-size: 13px;
  line-height: 1.3;
  color: #FFFFFF;
}

.kry__blog__sidebar .blog__sidebar__banners img{
  width: 100%;
  max-width: 100%;
  height: auto;
}

.pagenavi__container{
  margin-top: 40px;
}

.pagenavi__container .wp-pagenavi{
  justify-items: flex-start;
  align-content: center;
}

.pagenavi__container span,
.pagenavi__container .page,
.pagenavi__container .previouspostslink,
.pagenavi__container .nextpostslink{
  display: inline-block;
  background-color: var(--kry-color-2);
  border: 1px solid #DFDFDF;
  font-family: var(--fontPadrao);
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  align-content: center;
  color: #0F0D0D;
  transition: all .3s linear;
  padding: 4px 8px;
}

.pagenavi__container .current,
.pagenavi__container .page:hover,
.pagenavi__container .previouspostslink:hover,
.pagenavi__container .nextpostslink:hover{
  background-color: var(--kry-color-1);
  color: var(--kry-color-2);
}

.pagenavi__container .previouspostslink{
  border-radius: 5px 0px 0px 5px;
}

.pagenavi__container .nextpostslink{
  border-radius: 0px 5px 5px 0px;
}

.kry__blog__single .post__container{
  border-bottom: none;
}

.kry__blog__single .post__header h1{
  font-family: var(--fontPadrao);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.4;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #0F0D0D;
}

.kry__blog .post__editor{
  font-family: var(--fontPadrao);
}

.kry__blog .post__editor::after {
  content: '';
  display: table;
  clear: both;
}

.kry__blog .post__editor p,
.kry__blog .post__editor li{
  font-family: var(--fontPadrao);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.34;
  color: #0F0D0D;
}

.kry__blog .post__editor h1,
.kry__blog .post__editor h2,
.kry__blog .post__editor h3,
.kry__blog .post__editor h4,
.kry__blog .post__editor h5,
.kry__blog .post__editor h6,
.kry__blog .post__editor p,
.kry__blog .post__editor li,
.kry__blog .post__editor span,
.kry__blog .post__editor strong,
.kry__blog .post__editor b,
.kry__blog .post__editor i,
.kry__blog .post__editor em,
.kry__blog .post__editor cite,
.kry__blog .post__editor blockquote{
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.kry__blog .post__editor strong,
.kry__blog .post__editor b{
  font-weight: 700;
}

.kry__blog .post__editor i,
.kry__blog .post__editor em,
.kry__blog .post__editor cite{
  font-style: italic;
}

.kry__blog .post__editor u{
  text-decoration: underline;
}

.kry__blog .post__editor img{
  max-width: 100%;
  height: auto;
  border-radius: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.kry__blog .post__editor h1,
.kry__blog .post__editor h2,
.kry__blog .post__editor h3,
.kry__blog .post__editor h4,
.kry__blog .post__editor h5,
.kry__blog .post__editor h6{
  font-family: var(--fontPadrao);
  font-weight: 700;
}

.kry__blog .post__editor hr{
  margin: 1.5rem 0;
  opacity: .5;
}

.kry__blog .post__editor s,
.kry__blog .post__editor del{
  text-decoration: line-through 2px;
}

.kry__blog .post__editor a{
  color: var(--kry-color-1);
  transition: all .3s ease;
}
.kry__blog .post__editor a:hover{
  text-decoration: underline !important;
}

.kry__blog .post__editor abbr{
  font-weight: 600;
  text-decoration: none;
  color: var(--kry-color-1);
}

.kry__blog .post__editor code{
  font-family: var(--fontPadrao);
  font-size: 17px;
  background-color: #F0F0F0;
}

.kry__blog .post__editor blockquote{
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
  border-left: 5px solid var(--kry-color-1);
  border-radius: 15px;
  padding: 20px;
  margin: 3rem 0px;
}

.kry__blog .post__editor blockquote > *{
  font-size: 16px;
  margin-bottom: 0 !important;
}

.kry__blog .post__editor mark{
  color: #FFF;
  background-color: var(--kry-color-1);
  border-radius: 2px;
}

.kry__blog .post__editor pre{
  background-color: #F0F0F0;
  border: 1px solid #D0D0D0;
  border-radius: 3px;
  padding: 8px 10px;
  margin: 1rem 0;
}

.kry__blog .post__editor ul,
.kry__blog .post__editor ol{
  padding-left: 1.2rem;
}

.kry__blog .post__editor ::marker{
  font-size: 18px;
  font-weight: 600;
  color: var(--kry-color-1);
}

.kry__blog .post__editor dt{
  font-size: 18px;
  font-weight: 700;
}

.kry__blog .post__editor dd{
  font-size: 16px;
  font-weight: 400;
  padding-left: 18px;
}

.kry__blog .post__editor .table-responsive{
  margin-top: 18px;
  margin-bottom: 18px;
}

.kry__blog .post__editor .table{
  --bs-table-bg: transparent;
  margin-bottom: 0;
}

.kry__blog .post__editor .table:has(thead) thead tr,
.kry__blog .post__editor .table:not(:has(thead)) tbody tr:first-child{
  background-color: var(--kry-color-1);
  color: #FFF;
}

.kry__blog .post__editor .table th,
.kry__blog .post__editor .table:not(:has(thead)) tbody tr:first-child td{
  color: #FFF;
}

.kry__blog .post__editor .table tfoot{
  background-color: #CCCCCC;
}

.kry__blog .post__editor .table tfoot td{
  font-size: 15px;
  color: #444444;
}

.kry__blog .post__editor .table tr{
  font-weight: 400;
  font-size: 19px;
  color: #0F0D0D;
}

.kry__blog .post__editor .table td{
  padding: 5px;
}

.kry__blog .post__editor table{
  width: 100%;
}

.kry__blog .post__editor tbody,
.kry__blog .post__editor tr,
.kry__blog .post__editor td,
.kry__blog .post__editor th{
  border: 1px solid #000 !important;
}

.kry__blog .post__editor figure{
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.kry__blog .post__editor figcaption{
  font-size: 14px;
  color: #A0A0A0;
}

.kry__blog .post__editor audio{
  width: 100%;
  max-width: 400px;
  margin: .8rem 0;
}

.kry__blog .post__editor audio::-webkit-media-controls-panel{
  background-color: #CCCCCC;
}

.kry__blog .post__editor audio::-webkit-media-controls-play-button{
  background-color: #FFFFFF;
  border-radius: 50%;
}

.kry__blog .post__editor video{
  width: auto;
  height: auto;
  max-width: 100%;
  border-radius: 12px;
  background-color: #000;
  outline: none;
  margin: .8rem 0;
}

.kry__blog .post__editor address{
  width: fit-content;
  font-style: normal;
  background-color: #CCCCCC;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
  padding: 20px;
}

.kry__blog .post__editor sub,
.kry__blog .post__editor sup{
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.kry__blog .post__editor sub{
  bottom: -0.3rem;
}

.kry__blog .post__editor sup{
  top: -0.3rem;
}

.kry__blog .post__editor small{
  font-size: 0.9rem;
  font-weight: 300;
}

.kry__blog .post__editor form{
  margin: 0.8rem 0;
}

.kry__blog .post__editor label{
  font-family: var(--fontPadrao);
  font-size: 18px;
  font-weight: 400;
  color: #0F0D0D;
}

.kry__blog .post__editor textarea,
.kry__blog .post__editor input,
.kry__blog .post__editor input{
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 10px 15px;
}

.kry__blog .post__editor textarea{
  width: 100%;
  height: 100px;
  resize: none;
}

.kry__blog .post__editor button{
  background-color: var(--kry-color-1);
  border-radius: 100px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #FFFFFF;
  transition: all .3s ease;
  padding: 12px 18px;
}

.kry__blog .post__editor button:hover{
  filter: brightness(1.4);
}

.others__posts__container{
  margin-top: 50px;
}

.others__posts__container h3{
  font-family: var(--fontPadrao);
  font-weight: 400;
  font-size: 24px;
  line-height: 1.4;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #0F0D0D;
  margin-bottom: 15px;
}

.others__posts__container .other__post{
  display: block;
  width: 100%;
  max-width: 370px;
}

.others__posts__container .other__post .post__thumbnail{
  position: relative;
  display: block;
  width: 100%;
  height: 230px;
  margin-bottom: 15px;
}

.other__post .post__thumbnail::before{
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;

  background-color: rgba(0,0,0,0);
  border-radius: 20px;
  transition: background-color .3s ease;
}

.others__posts__container .other__post:hover .post__thumbnail::before{
  background-color: rgba(0,0,0,.25);
}

.other__post .post__thumbnail img{
  width: 100%;
  max-width: 370px;
  height: 100%;
  max-height: 230px;
  border-radius: 20px;
}

.other__post .other__post__title{
  font-family: var(--fontPadrao);
  font-weight: 400;
  font-size: 20px;
  line-height: 1.3;
  color: #0F0D0D;
}

.comments__container{
  margin-top: 25px;
}

.comments__container .comments__title,
.comments__container .comment-reply-title{
  font-family: var(--fontSemi);
  font-size: 23px;
  font-weight: 700;
  color: #0F0D0D;
  margin-bottom: 15px;
}

.comments__wrapper{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  margin-bottom: 20px;
}

.comments__wrapper .comment__item{
  position: relative;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: flex-start;
  column-gap: 20px;
  background-color: var(--kry-color-2);
  border-radius: 10px;
  padding: 12px 18px;
}

.comments__wrapper .comment__reply{
  width: calc(100% - 40px);
  background-color: var(--kry-color-1);
  margin-left: 40px;
}

.comments__wrapper .comment__reply::before{
  content: '';
  position: absolute;
  top: -25px;
  left: 30px;
  z-index: 15;
  height: 25px;
  width: 4px;
  background-color: var(--kry-color-2);
}

.comment__item .comment__author__letter{
  position: relative;
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comment__item .comment__author__letter span{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
}

.comment__item .comment__name p{
  font-family: var(--fontPadrao);
  font-size: 15px;
  font-weight: 500;
  color: #0F0D0D;
  margin-bottom: 10px;
}

.comment__item .comment__content{
  font-family: var(--fontPadrao);
  font-size: 16px;
  font-weight: 400;
  color: #0F0D0D;

  p{
    margin-bottom: 0;
  }
}

.comments__wrapper .comment__null{
  font-family: var(--fontPadrao);
  font-size: 22px;
  font-weight: 400;
  color: #0F0D0D;
}

.comments__form .comment-notes{
  font-family: var(--fontPadrao);
  font-size: 16px;
  font-weight: 400;
  color: #0F0D0D;
}

.comments__form .comment-form-comment,
.comments__form .comment-form-author,
.comments__form .comment-form-email{
  font-family: var(--fontPadrao);
  font-size: 18px;
  font-weight: 500;
  color: #0F0D0D;
  margin-bottom: 1rem;
}

.comments__form .comment-form-comment textarea,
.comments__form .comment-form-author input,
.comments__form .comment-form-email input{
  border: 1px solid #CBCBCB;
  border-radius: 8px;
  padding: 10px 15px;
}

.comments__form .comment-form-comment textarea{
  width: 100%;
  height: 100px;
  resize: none;
}

.comments__form .form-submit .submit{
  background-color: var(--kry-color-1);
  border-radius: 100px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #FFF;
  transition: all .3s ease;
  padding: 15px 20px;
}

.comments__form .form-submit .submit:hover{
  filter: brightness(1.4);
}

.comments__form .comment-form-author,
.comments__form .comment-form-email{
  width: 49.7%;
  display: inline-flex;
  flex-direction: column;
}

.comments__form .comment-form-cookies-consent{
  display: none;
}

@media (max-width: 991px) {
  .kry__blog .col__list__posts{
    align-items: center;
  }

  .kry__blog .col__single__post,
  .others__posts__container .col-lg-4,
  .kry__blog .blog__sidebar__banners,
  .kry__blog .others__posts__wrapper{
    justify-items: center;
  }

  .kry__blog .post__container,
  .kry__blog .comments__container,
  .kry__blog .others__posts__container{
    width: 100%;
    max-width: 85%;
  }

  .col__blog__sidebar{
    justify-items: center;
  }

  .kry__blog__sidebar{
    width: 100%;
    max-width: 300px;
  }

  .comments__container h3,
  .others__posts__container h3,
  .pagenavi__container{
    text-align: center;
  }

  .comments__form .comment-form-author, .comments__form .comment-form-email{
    width: 100%;
  }

  .single-galeria h2{
    text-align: center;
  }
}

@media(max-width: 767px){
  .kry__blog .post__header{
    align-items: center;
  }

  .kry__blog .post__header h1{
    font-size: 21px;
  }

  .kry__blog .post__body{
    flex-direction: column;
    align-items: center;
  }

  .other__post .other__post__title{
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .kry__blog .post__container,
  .kry__blog .comments__container,
  .kry__blog .others__posts__container{
    max-width: 95%;
  }

  .kry__blog .category__wrapper .post__category{
    min-width: auto;
  }

  .kry__blog .post__header h1{
    font-size: 19px;
  }

  .comment__item .comment__author__letter{
    width: 45px;
    height: 45px;
    font-size: 25px;
  }

  .comments__wrapper .comment__reply{
    width: calc(100% - 20px);
    margin-left: 20px;
  }
}