@charset "UTF-8";

:root {
  
  --footer2-a-color: #FFF;
  --footer2-a-hover-color: #f5cd3d;
}

/* Tema do cliente */

/* Fonts */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* Pré formatações */
.container{
  max-width: 1000px;
}
a:hover{
  color: #F5CC3D;
}
::-moz-selection{
  background: #F5CC3D;
}
::selection{
  background: #F5CC3D;
}
.pagination .active a,
.pagination .active a:hover{
  background-color: #F5CC3D;
  border-color: #F5CC3D;
}
.editor{
  /*font*/
}
.editor h1,
.editor h2,
.editor h3,
.editor h4,
.editor h5,
.editor h6{
  /*font*/
}

/* css do tema */

/* header */

body{
  font-family: 'open_sansregular';
}

.header{
  background-image: url(../imagens/fundo-topo-cinzaescuro.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 160px;
  position: absolute;
  z-index: 999; 
  width: 100%;
}

.header .logo .img{
  width: 130px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.menu{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu li{
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  background-image: url(../imagens/separador-menu.png);
  background-position: right 16px;
  background-repeat: no-repeat;
}

.menu a{
  transition: all .2s linear;
  display: block;
  font-family: 'open_sansregular';
  font-size: 17px;
  color: #FFFFFF;
  background-image: url(../imagens/fundo-menu-amarelo.png);
  height: 44px;
  line-height: 44px;
  background-position: center -44px;
  background-repeat: no-repeat;
  padding-right: 5px;
  padding-left: 5px;
}

.menu li:last-child {
  border-right: none;
  padding-right: 0;
  background-image: none;
  margin-right: 0;
}

.menu a:hover,
.menu a.active{
  color: #000000;
  background-position: center top;
}

.area-banner-holder{
  position: relative;
}

.area-banner{
  position: relative;  
  height: 781px;
}

.banner{
  height: 781px;
  overflow: hidden;
  width: 100%;
}

.banner a{
  display: block;
  width: 100%;
  height: 800px;
  background-position: center top;
  background-repeat: no-repeat;
  vertical-align: top;
  background-size: cover;
}

.banner-fundo{
  background-image: url(../imagens/fundomeio-cinza-escuro.png);
  background-repeat: no-repeat;
  background-position: center top;
  height: 366px;
  position: absolute;
  z-index: 999;
  width: 100%;
  bottom: 0;
  padding-top: 190px;
  color: #FFF;
}

.banner-fundo h2{
  font-size: 42px;
  color: #000000;
  font-family: 'open_sanslight';
  margin-top: 0;
  margin-top: 200px;
}

.banner_quemsomos{
  background-image: url(../imagens/banner_quemsomos.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 366px;
  position: relative;
  z-index: 999;
  width: 100%;
  bottom: 0;
}


.section__parceiros h2{
  font-size: 42px;
  color: #000000;
  font-family: 'open_sanslight';
  margin-top: 0;
}

.banner-fundo p{
  color: #FFF;
  font-size: 16px;

}

.aba-azul{
  background-image: url(../imagens/fundo-amarelo.png);
  background-repeat: no-repeat;
  background-position: center top;
  width: 303px;
  height: 338px;
  padding-top: 110px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 28px;


  position: absolute;
  left: 15px;
  top: -190px;
  color: #000;
  font-size: 20px;
}

.aba-azul h3{
  margin-top: 0;
  color: #000000;
  font-size: 39px;
  font-family: 'open_sanslight';
}

.aba-azul ul{
  list-style-type: none;
  font-family: 'open_sanslight';
  color: #000000;
  font-size: 17px;
  padding-left: 0;
  line-height: 1.3;
  margin-bottom: 10px;
}

.aba-azul li{
  padding-left: 30px;
  background-image: url(../imagens/icone-ok.png);
  background-repeat: no-repeat;
  background-position: left 4px;
  margin-bottom: 4px;
  min-height: 24px;
}

.botao{
  padding: 10px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: 'open_sansregular';
  line-height: 1;
  display: inline-block;
  transition: all .2s linear;
}

.botao-azul{
  color: #FFFFFF;
  background-color: #000000;
}

.botao-azul:hover{
  color: #000000;
  background-color: #F5CC3D;
}

.pg__home{
  background-image: url(../imagens/fundo-cidade.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.note{
  position: relative;
  left: -80px;
  margin-top: 30px;
}

.aba-branca{
  background-color: #3D4FF4;
  background-position: center top;
  background-repeat: no-repeat;
  padding: 25px 25px 0 25px;
  position: relative;
  height: 387px;
  width: 303px;
  z-index: 3;
  position: relative;
}

.aba-branca a{
  color: #FFF;
  transition: all .2s linear;
}

.aba-branca a:hover{
  color: #F5CD3D;
}

.aba-branca h3{
  margin-top: 0;
  font-family: 'open_sanslight';
  font-size: 39px;
  color: #FFF;
  margin-bottom: 20px;
}

.aba-branca ul{
  list-style-type: none;
  font-family: 'open_sanslight';
  color: #FFF;
  font-size: 18px;
  padding-left: 0;
  line-height: 1.3;
  margin-bottom: 10px;
}

.aba-branca li{
  padding-left: 30px;
  background-image: url(../imagens/icone-seta-lilas3.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom: 13px;
}

.footer{
  background-image: url(../imagens/fundorodape_cinzaescuro.png);
  background-repeat: no-repeat;
  background-position: center top;

  position: absolute;
  z-index: 999; 
  width: 100%;
  color: #FFF;
}

.footer h4{
  color: #FFFFFF;
  font-family: 'open_sanslight';
  font-size: 22px;
  margin-top: 0;
}

.footer p{
  font-family: 'open_sansregular';
  font-size: 13px;
  color: #FFFFFF;
}

.footer p img{
  float: left;
  margin-right: 8px;
}

.redes{
  text-align: right;
}


.footer2{
  padding-top: 5px;
  padding-bottom: 15px;
  font-family: 'Verdana';
  font-size: 11px;
  color: #FFFFFF;
  margin-top: 10px;
}


.footer2 a{

  color: var(--footer2-a-color);
  transition: all .2s linear;
  text-decoration: none;
}

.footer2 a:hover{
  color: var(--footer2-a-hover-color);
}

.logokryz{
  mask-image: url(../imagens/kryzalis.png);
  mask-repeat: no-repeat;
  mask-size: contain;


  -webkit-mask-image: url(../imagens/kryzalis.png);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;

  background-color: currentColor;

  width: 42px;
  height: 26px;
  display: inline-block;
  position: relative;
  top: 7px;
  transition: all .2s linear;
}


.footer2 p{
  margin-top: 10px;
}

/* internas */

.titulo{
  padding-top: 0px;
}

.titulo h2{
  font-family: 'open_sansregular';
  font-size: 45px;
  font-weight: bold;
  color: #FFFFFF;
}

.bread{
  font-family: 'open_sansregular';
  font-size: 13px;
}

/** empresa */

.pg-empresa h2{
  font-family: 'open_sansregular';
}

/* produtos */

/*prs-45*/
    
    .prs-45{
      padding-top: 30px;
    }

    .prs-45 .produto{
      display: block;
      margin-bottom: 20px;
      font-family: 'open_sansregular';
      color: #000000;
      font-size: 16px;
      transition: all .2s linear;
    }

    .prs-45 .produto img{
      margin-bottom: 10px;
      transition: all .2s linear;
      border-radius: 5px;
    }

    .prs-45 .produto:hover{
      color: #000000;
    }

    .prs-45 .produto:hover img{
      opacity:.8;
      filter:alpha(opacity=80);
      -moz-opacity:.8;
      opacity:.8;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80)
    }

/*fim prs-45*/

/*prs-d-25*/


    .prs-d-25 .img-servico-d{
      float: left;
      margin-right: 30px;
      margin-bottom: 30px;
    }

    .prs-d-25  h2{
      color: #000000;
      font-size: 30px;
      font-family: 'open_sansregular';
      margin-top: 0;
      margin-top: 20px;
    }

    .prs-d-25 .btn-orcamento{
      background-color: #000000;
      border: none;
      width: 255px;
      height: 55px;
      line-height: 55px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-family: 'open_sansregular';
      text-align: center;
      color: #F5CC3D;
      font-size: 22px;
      transition: all .2s linear;
      display: inline-block;
    }

    .prs-d-25 .btn-orcamento:hover{
      color: #F5CC3D;
      background-color: #000000;
    }

    .prs-d-25  p{
      margin-bottom: 15px;
    }

    .prs-d-25 .btn-voltar{
      background-color: #666666;
      border: none;
      width: 133px;
      height: 37px;
      line-height: 37px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      font-family: 'open_sansregular';
      text-align: center;
      color: #F5CC3D;
      font-size: 16px;
      transition: all .2s linear;
      display: inline-block;
    }

    .prs-d-25 .btn-voltar:hover{
      color: #F5CC3D;
      background-color: #00000;
    }


/*fim prs-d-25*/

/* contato */

  .pg-contato form{
    background-image: url(../imagens/fundo-menu-amarelo.png);
    padding: 15px 20px 15px 20px;
    line-height: 1.5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'open_sansregular';
    font-size: 12px;
    color: #000000;
  }
  
  .pg-contato form input{
    margin-bottom: 5px;
  }
  
  .pg-contato form textarea{
    height: 206px;
    margin-bottom: 10px;
  }
  
  .pg-contato form input,
  .pg-contato form textarea
  {
    font-size: 12px;
    border: none;
    font-family: 'Arial'
  }
  
  .btn-enviar-contato{
    display: block;
    background-color: #F5CC3D;
    border: none;
    width: 108px;
    height: 30px;
    line-height: 30px;
    float: right;
    color: #F5CC3D!important;
    font-family: 'Arial'!important;
    font-size: 12px!important;
    transition: all .2s linear;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  
  .btn-enviar-contato:hover{
    background-color: #F5CC3D;
  }
  
  .pg-contato iframe{
    width: 100%;
    height: 385px;
  }



/* responsivo */  

  /* menu responsivo */

    .navbar-collapse{  
      padding-left: 0;
      padding-right: 0;
    }

    .navbar{
      margin-bottom: 0;
    }

    @media (max-width: 991px) {

      .navbar{
        margin-top: 45px;   
        width: 100%; 
      }

      .navbar h3{
        margin: 0;
        line-height: 48px;
        padding-left: 10px;
      }

      .navbar-header{
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;

        cursor: pointer;    
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;    
      }

      .navbar-button{
        float: right;
      }

      .icon-bar{
        background-color: #000000;
      }

      .menu{
        margin-bottom: 10px;
      }

      .menu>li{
        display: block;
        background-image: none;
      }

      .menu>li>a{
        text-align: left;    
        margin-right: 0;
        padding: 5px 15px;
        background-image: none;
        color: #333;
      }

      .menu>li>a:hover{
        color: #F5CC3D
      }

      .navbar-menu{
        background-color: #FFFFFF;
        border: 1px solid #000000;

        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;    
      }
        
      .navbar-toggle {
        display: block;
      }
      .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(245, 204, 61, 0.1);
      }
      .navbar-collapse.collapse {
        display: none!important;
      }  
      .navbar-collapse.collapse.in { 
        display: block!important;
      }
      .collapsing {
        overflow: hidden!important;
      }
    }
  /* menu responsivo */

  /* Portrait tablets and medium desktops */
  @media (min-width: 992px) and (max-width: 1199px) {

    .note{
      position: static;
      left: auto;
    }

  }

  /* Portrait tablets and small desktops */
  @media (min-width: 768px) and (max-width: 991px) {

    .titulo{
      padding-top: 20px;
    }

    .header{
      background-image: url(../imagens/fundo-topo-cinzaescuro.png);
      background-position: center center;
      background-repeat: repeat;
      height: auto;
      padding-bottom: 10px;
      position: relative;
    }

    .banner-fundo h2{
      margin-top: 180px;
      font-size: 35px;
    }

    .banner-fundo h2{
      margin-top: 172px;
    }

    .note{
      position: static;
      left: auto;
    }

  }

  /* Landscape phones and portrait tablets */
  @media (max-width: 767px) {

    .titulo{
      padding-top: 20px;
    }

    .pg-empresa{
      padding-bottom: 30px;
    }

    .header{
      background-image: url(../imagens/fundo-topo-cinzaescuro.png);
      background-position: center center;
      background-repeat: repeat;
      height: auto;
      padding-bottom: 10px;
      position: relative;
    }

    .banner-fundo h2{
      margin-top: 180px;
      font-size: 35px;
    }

    .banner-fundo h2{
      margin-top: 172px;
    }

    .note{
      position: static;
      left: auto;
    }

    .navbar{
      margin-top: 10px;
    }

    .center-xs{
      text-align: center!important;
    }

    .banner-fundo{
      background-image: url(../imagens/fundo-responsivopreto.png);
      background-position: center top;
      background-repeat: repeat;
      position: relative;
      height: auto;
      padding-bottom: 20px;
    }

    .banner-fundo p{
      text-align: center;
    }

    .banner-fundo h2{
      margin-top: 20px;
      text-align: center;
    }

    .aba-azul{
      background-image: none;
      background-color: #F5CC3D;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      width: 100%;
      height: auto;
      padding: 15px;
      margin-top: 15px;
      color: #000;
    }

    .aba-azul h3{
      margin-top: 0px;
    }

    .area-banner-holder{
      padding-bottom: 0;
    }

    .aba-branca{
      width: 100%;
      background-image: none;
      background-color: #3D4FF4;
      height: auto;
      position: static;
      top: auto;
      padding-bottom: 15px;
    }

    .aba-azul li{
      padding-bottom: 4px;
      margin-bottom: 0;
    }

    .pg-home{
      padding-top: 0;
      height: auto;
      background-image: none;
    }

    .footer{
      background-image: url(../imagens/fundo-responsivopreto.png);
      background-repeat: repeat;
      background-position: center top;
      padding-top: 40px;
    }

    .footer p{
      display: inline-block;
      text-align: left;
    }

    .footer .spacer{
      display: none;
    }

    .footer h4{
      text-align: center;
    }

    .redes{
      display: inline-block;
      padding: 10px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
/*      background-color: #F5CC3D;*/
      margin: 0 auto;
      margin-top: 15px;
      margin-bottom: 15px;
    }

    .logo2{
      text-align: center;
    }

  }

  /* Landscape phones and smaller */
  @media (max-width: 480px) {

  }

.img-responsive{
  display: inline-block;
}
/* /responsivo */

.btnwhats{
  position: fixed;
  right: 15px;
  bottom: 15px;
  filter: drop-shadow(0 0 8px rgba(245,204,61,.5));
  z-index:  1050;
}

@media (min-width:  768px) {
  .section__parceiros h2{
    text-align: right;
  }
}

.owl-nav {
  text-align: right;
}

.owl-nav .owl-prev .fas,
.owl-nav .owl-next .fas{
  background: #E4E4E4;
  padding: 15px 20px;
  transition: all .3s linear;
}

.owl-nav .owl-prev:hover .fas,
.owl-nav .owl-next:hover .fas{
  background: #CCC;
}

.z-0{
  z-index: 0;
}

.parceiro{
  text-align: center;
}

.parceiro img{
  margin-bottom: 10px;
}

.parceiro a{
  color: inherit;
}

.parceiro a:hover{
  color: #000000;
}

.form__contato{
  background-color: #F5CC3D;
  border-radius: 5px;
}

.form__contato label{
  display: block;
  width: 100%
}

/*
Theme Name: Tema Principal
Author: Família Kryzalis
Author URI: https://www.kryzalis.com.br
Description: Tema principal contendo o site do cliente.
Version: 1.2
Tags: tema, principal, desenvolvido, com, carinho, por, kryzalis
Text Domain: tema-principal
*/




/** blog03 **/

  .blog03 .post-itens{
    margin-bottom: 15px;
  }

  .blog03 .post-resumo{
    margin-top: 15px;
    font-size: 16px;
    margin-bottom: 20px;
  }

  .blog03 a.post-leia{
    display: inline-block;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    
    
    transition: all .2s linear;
  }

  .blog03 a.post-leia:hover{
    filter: brightness(1.5);
  }

  .blog03 .post{
    padding-bottom: 30px;
    margin-bottom: 30px;
    
  }

  .blog03 .post h2{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 25px;
    
  }

  .blog03 .pagination{
    text-align: left;
    float: none;
  }


  .blog03 .buscar{
    margin-top: 0px;
    position: relative;
    margin-bottom: 35px;
  }

  .blog03 .buscar input{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 37px;
  }

  .blog03 .buscar button{
    position: absolute;
    right: 0px;
    top: 0px;
    padding-right: 13px;
    padding-left: 13px;
    padding-top: 6px;
    padding-bottom: 9px;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    transition: all .2s linear;
  }

  .blog03 .buscar button:hover{
    filter: brightness(1.2);
  }

  .blog03 .sidebar h3{
    font-size: 18px;

    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 35px;
  }

  


  /* responsivo */    
    @media (max-width: 625px) {

      .blog03 .lista-posts{
        width: 100%;
      }

      .blog03 .sidebar{
        width: 100%;
        margin-top: 40px;
      }

      .blog03 .linkartigo{
        max-width: 270px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align-last: center;
        margin-bottom: 30px;
      }

      .sidebar .editor{
        text-align: center;
      }

    }
  /* /responsivo */


  .blog03 .post-itens img{
    position: relative;
    top: -1px;
  }

  .blog03 .post .editor *{
    max-width: 100%!important;
    height: auto!important;
  }

  .blog03 .postthumb{
    float: left;
    margin-right: 30px;
    margin-bottom: 10px;
  }

  /**/

  /**comentarios**/
    .comment-form .submit{
      display: inline-block;

      font-size: 13px;
      padding: 11px 16px 9px 16px;
      transition: all .2s linear;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;

    }.comment-form .submit:hover{
      filter: brightness(1.2);
 
    }

    .nanome{

      margin-bottom: 5px;
    }

    .nletra{
      float: left;
      margin-right: 15px;
      width: 70px;
      height: 70px;
      text-align: center;
      padding-top: 6px;


      font-size: 40px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 0;
    }

    .nautor{
      margin-top: 20px;
      min-height: 70px;
      padding-left: 85px;
      position: relative;
      padding-top: 10px;
    }

    .nautor.commadm{
      min-height: 85px;
      margin-left: 30px;
      border-radius: 5px;
      padding-top: 10px;
      padding-bottom: 10px;
      padding-left: 90px;
    }

    .commadm .nletra{
      margin-top: 7px;
      margin-left: 7px;
    }






    .fundo-form{
      padding: 30px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;

    }

    .comment-form-author label,
    .comment-form-email label,
    .comment-form-comment label{
      display: block;
    }

    .comment-notes{
      font-size: 11px;
    }

    .comment-reply-title{
      margin-top: 0;
    }

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

    .comment-form-author{
      float: left;
      width: 50%;
    }
    .comment-form-email{
      float: left;
      width: 50%;
    }

    #si_captcha_code{
      width: 127px;
      position: relative;
    }

    #si_captcha_code label{
      display: none;
    }

    #si_captcha_code span{
      position: absolute;
      left: 135px;
      top: 0;
    }

    .comment-form-author input,
    .comment-form-email input,
    .comment-form-comment textarea{
      width: 100%;
      /*height: 100px;*/
      padding: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      margin-top: 5px;

    }

    .comment-form-author input{
      width: 95%;
    }

    .comment-form-comment textarea{
      height: 100px;
    }

    input#si_captcha_code{
      padding: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }

  /***comentarios**/




  .blog03 .post.opost h1{
    font-size: 30px;

    margin-top: 10px;
    margin-bottom: 10px;
  }

  .comment-form .submit{

    border: 0;
  }

  
  .pagination{
    margin: 0;
    border: 0;
  }

  .pagination li{
    display: inline-block;
    border: 0;
  }

  .pagination li a{
    display: inline-block;
    border: 0;

  }


  .pagination .current{

    border: 0!important;
  }

  .current>li:first-child{
    margin-left: 5px;
  }

  .commadm{
    /*margin-left: 30px;*/
    padding: 20px;

  }



  .blog03{
    padding-bottom: 80px;
  }


  .news img{
    float: left;
    margin-right: 50px;
  }

  .news p{
    font-size: 20px;

    /*display: inline-block;
    padding-top: 40px;
    margin-right: 140px;*/
    display: inline;
  }

  .news .wpcf7-form-control-wrap{
    display: inline;
  }

  .news .wpcf7-not-valid-tip{
    font-size: 10px;
  }

  .newsenviar{
    display: inline-block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    line-height: 36px;
    text-align: center;
    padding: 0 30px;
    margin-top: 30px;
  }

  .news{
    padding: 15px 0;
  }

  .newsletter{
    display: inline-block!important;
    width: 288px;
    margin-right: 20px;
    margin-top: 30px;
    height: 36px;
    margin-left: 50px;
  }

  .news2 .wpcf7-response-output,
  .news .wpcf7-response-output{
    display: inline-block;
    width: 100%;
    text-align: center;
  }

  .news .wpcf7-form-control-wrap span{
    right: 28px;
  }

  .news .imgnews2{
    display: none!important;
  }
  .news2 .passine,
  .news2 .imgnews1{
    display: none!important;
  }

  .news2 .newsletter{
    margin-left: 0;
    margin-top: 0;
  }

  .news2 .wpcf7-form-control-wrap{
    display: inline;
  }

  .news2 .wpcf7-form-control-wrap span {
      position: absolute;
      z-index: 1;
      right: 26px;
      top: 0px;
  }

  .news2 .wpcf7-not-valid-tip{
    font-size: 10px;
  }

  a.post-cat{
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
    border-radius: 3px; 
    line-height: 30px;
    padding: 0 30px;
    display: inline-block;
    transition: all .2s linear;
    margin-bottom: 3px;
  }

  .postautor{
    padding-bottom: 3px;
    margin-bottom: 15px;
    display: inline-block;
  }

  .post a{
    transition: all .2s linear;
  }

  a.bannerblog{
    display: inline-block!important;
    border: 0!important;
    padding: 0!important;
    margin-bottom: 30px!important;
  }

  a.bannerblog img{
    max-width: 100%!important;
    height: auto!important;
  }

  .sidebar .redesf{
    text-align: center;
    margin-bottom: 45px;
  }

  .redesf img{
    transition: all .2s linear;
  }

  .redesf img:hover{
    filter: brightness(1.4);
  }

  .sidebarcategoria{
    position: relative;
    display: block;
    margin-bottom: 25px;
    transition: all .2s linear;
    position: relative;
  }

  .sctxt{
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translate(0, -50%);
    z-index: 2;
  }

  .scimg{
    float: left;
    width: 58px;
    height: 67px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .2s linear;
  }


  .sidebar .redesf{
    float: none;
  }

  .opost .postautor{
    border-bottom: 0;
  }


  .blog03 .linkartigo{
    display: block;
  }


  .blog03 .linkartigo img{
    margin-bottom: 10px;
  }




  .sobre-autor{
    padding: 20px 20px;
    margin-bottom: 35px;
    text-align: center;
  }


  .autor-img{
    width: 170px;
    height: 170px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 10px;
  }

  .nome-autor{
    font-size: 20px;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }

  .sobre-autor p{
    font-size: 17px;
    line-height: 1.3;
  }

  .sobre-autor img{
    border-radius: 5px;
  }

  .rede-interna1{
    text-align: right;
  }

  .sobre-frase{
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
  }



  .nome-autor{
    margin-top: 10px;
    margin-bottom: 10px;
  }



  .blog03 h3{
    font-weight: bold;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
  }




  .blog03 .post h2{
    font-weight: bold;
    font-size: 25px;
  }


  .blogsubtit{
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
  }

  .blog03 .post.opost h1{
    font-weight: bold;
    font-size: 30px;
  }





  .lista-posts{
    padding-top: 15px;
    padding-bottom: 40px;
  }



  .blog03 a.post-leia{
    color: #FFF;
    background-color: #333333;
  }

  .blog03 .post{
    border-bottom: 1px solid #D9D9D9;
  }

  .blog03 .post h2{
    color: #555555;
  }

  .blog03 .buscar button{
    background-color: #3D4FF4;
    border-color: #3D4FF4;
  }

  .blog03 .sidebar h3{
    color: #222;
    border-bottom: 2px solid #3D4FF4;
  }

  .blog03 .sidebar a:hover{
    color: #F5CC3D;
  }

  .comment-form .submit{
      color: #FFF;
      background-color: #3D4FF4;
    }.comment-form .submit:hover{
      color: #FFF;
    }

    .nanome{
      color: #CCC;
    }

    .nletra{
      color: #FFF;
      background-color: #CCC;
    }

    .fundo-form{
      background-color: #F3F3F3;
    }

    .comment-form-author input,
    .comment-form-email input,
    .comment-form-comment textarea{
      border: 1px solid #EEE;
    }

    input#si_captcha_code{
      border: 1px solid #EEE;
    }

    .blog03 .post h2{
    color: #3D4FF4;
  }

  .blog03 .post.opost h1{
    color: #3D4FF4;
  }

  .comment-form .submit{
    background-color: #3D4FF4;
  }

  .pagination li a{
    background-color: #3D4FF4!important;
    color: #FFF!important;
  }

  .pagination li a:hover{
    background-color: #3D4FF4!important;
    color: #FFF!important;
  }

  .pagination .current{
    background-color: #FFF!important;
    color: #000!important;
  }

  .commadm{
    background-color: #FFF;
  }

  .news p{
    color: #FFF;
  }

  .news2 .wpcf7-response-output,
    .news .wpcf7-response-output{
      color: #FFF;
  }


  a.post-cat{
    background-color: #3D4FF4;
    color: #FFF;
  }

  /*a.post-cat:hover{
    color: #FFF;
    background-color: #444;
  }*/

  .postautor{
    border-bottom: 1px solid #BBBBBB;
  }

  .sidebarcategoria{
    background-color: #3D4FF4;
  }

  .scimg{
    background-color: rgba(0,0,0,0.12);
  }

  .sidebarcategoria:hover{
    background-color: #F5CC3D;
  }

  .sobre-autor{
    background-color: #F3F3F3;
  }

  .nome-autor{
    color: #265280; 
    border-bottom: 1px solid #D6D6D6;
  }

  .sobre-autor p{
    color: #525252;
  }

  .sobre-frase{
    color: #000000;
  }

  .blog03 h3{
    color: #555555;
  }

  .blog03 .post h2{
    color: #265280;
    
    font-size: 25px;
  }


  .blogsubtit{
    color: #265280;
  }

  .blog03 .post.opost h1{
    color: #265280;
    
    font-size: 25px;
  }



  /*.lista-posts{
    background-color: #F3F3F3;
  }*/

  .sctxt{
    color: #F3F3F3;
  }

  .sctxt:hover{
    color: #000000;
  }
  /* cor subs 1 #14A6E0 */
  /* cor subs 1 hover #14A6E0 */
  /* cor subs 2 #265280 */

/* blog03 */


.sidebar .redesf{
    display: none;
  }


.banner__item{
  position: relative;
}

.banner__content{
  --banner-padding-y: 80px;
  --banner-padding-x: 15px;

  width: 100%;
  max-width: 1200px;

  padding-top: var(--banner-padding-y);
  padding-bottom: var(--banner-padding-y);
  padding-left: var(--banner-padding-x);
  padding-right: var(--banner-padding-x);

  margin-left: auto;
  margin-right: auto;
}

.titulo{
  background-color: #3D4FF4;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.titulo h1, .titulo h2{
  color: #FFF;
  font-size: 30px;
}

.editor, .editor p{
  font-size: 16px;
  line-height: 1.6;
}

.fzap a{
  color: #FFF;
}

.footer{
  padding-top: 30px;
  padding-bottom: 80px;
}

/* responsivo */  
  @media (min-width: 1400px)/* telas grandes */ { 
  

  }  
  @media (min-width: 1200px) /* notebook */ { 
  
  .redes{
    text-align: right;
  }

  }
  @media (min-width: 992px) and (max-width: 1199px)/* 1024 */ { 
    


  }
  @media (max-width: 991px)/* mobiles */ { 

    .banner-fundo .editor p{
      font-size: 13px;
    }  

  }
  @media (max-width: 767px) {

    .banner-fundo, .aba-azul{
      position: static;
    }

    .banner-fundo{
      padding-top: 30px;
    }

    .banner-fundo .editor p{
      font-size: 16px;
    }  

    .fzap{
      margin-top: 10px;
    }

    .redes{
      padding-left: 0;
    }

    form .col-xs-6{
      width: 100%;
    }

  }
  @media (max-width: 481px) {
    .header .logo{
      display: flex;
      align-items: center;
      justify-content: center;
    }

  }
  @media (max-width: 361px) {

    .col-xxs-12{
      width: 100%!important;
      text-align: center;
    }

    .prs-45 .produto span.div{
      display: block;
    }

  }
/* /responsivo */