/*--- RESET E PADRÕES ---*/

  body{
    background-color: white;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    color: #333333;
    overflow: visible !important;
  }

  * {  transition: all ease-in-out 0.2753s; }

  #itemscope, .display-none{
    display: none;
  }

  p, * p{
    font-size: 16px;
    color: #333333;
  }
  a img{
    border: 0px;
  }

  a.btDownload{
    padding: 10px; padding-left: 38px; border-radius: 4px; background-color: #DDD; color:#000;
    background-image: url('../../images/pdf.png');
    background-position: 10px 8px;
    background-repeat: no-repeat;
    background-size: 22px;
  }

  a, a:hover, a:visited{
    color: rgba(2, 38, 99, 100);
    color: #022663;
    text-decoration: none;
  }
  a:hover{
    color: #0f367a;
  }

  .attachs > div{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: rgba(0,0,0,0.05);
    border-radius: 8px;
    margin: 0px 0px 8px 0px !important;
  }
  .attachs > div:last-of-type, .attachs > div:last-child{
    border-bottom: 1px solid rgba(0,0,0,0);
  }
  .attachs > div:hover{
    background-color: rgba(0,0,0,0.05);
  }
  .attachs p{
    margin-bottom: 0px;
  }

  img{
    max-width: 100%;
  }

  h1, h2, h3, 
  .mdl-typography--display-1, .mdl-typography--display-2, .mdl-typography--display-3, 
  .mdl-typography--display-4, .mdl-typography--display-5, .mdl-typography--display-6{
    font-weight: 600;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    color: rgb(109, 150, 87);
    line-height: 100%;
    font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }
  h1, .mdl-typography--display-1{ font-size: 48px; }
  h2, .mdl-typography--display-2{ font-size: 32px; }
  h3, .mdl-typography--display-3{ font-size: 28px; }
  h4, .mdl-typography--display-4{ font-size: 18px; font-size: 125%; }
  h5{ font-size: 16px; }
  h6{ font-size: 16px; }

   g{ font-weight: 600; text-transform: uppercase;}

  .mdl-typography--title{ line-height: 120%;}

  .cmm-images{ border-radius: 6px;}

  .textoDestaque{ color:#022663 }
  .mdl-typography--headline{ color:rgb(65, 104, 162) }

  .default-gradient{
    background: #022663;
    background: -webkit-linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    background: linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#022663", endColorstr="#1D4891", GradientType=1);
  }
  .white-gradient{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(235,255,255,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF",endColorstr="#FFF",GradientType=1);
  }
  .text-default-gradient, g{
    background: #022663;
    background: -webkit-linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    background: -moz-linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    background: linear-gradient(90deg, rgba(2, 38, 99, 1) 40%, rgba(29, 72, 145, 1) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
  }
  .paper-gradient-top{
    position: relative;
    overflow: hidden;
  }
  .paper-gradient-top::before{
    content: '';
    width: 150vw; height: 150vw;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-radial-gradient(circle, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%);
    background: radial-gradient(circle, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 50%);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scaleY(50%);
    position: absolute;
    top: -80vw;
    left: 20vw;
    z-index: -1;
  }

  .serif-font{ font-family: serif; }
  .titulo {
    font-size: 26px;
    font-weight: bold;
  }
  .titulo-principal, .titulo-secundario{
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 5vh;
  }
  .titulo-secundario{
    letter-spacing: 0.05em;
    margin: 5vh 0; 
  }
  .subtitulo, .font-data{
    font-size: 18px;
    line-height: 115%;
    font-weight: bold;
    text-transform: uppercase;
  }
  .font-data{ font-size: 12px; }
  .tamanho-chapas{
    font-size: 10px;
    line-height: 115%;
    font-weight: bold;
    text-transform: uppercase;
  }
  .text-center{ text-align: center;}
  .layout-header .font-data {
    text-align: center;
    margin-top: -3vh;
    padding-bottom: 3vh;
    padding-top: 16px;
    border-top: 0.5px solid rgba(0,0,0,0.05);
    color:#808080
  }

  a.bt-voltar-historico{
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid white;
    position: fixed;
    bottom: 5vh;
    right: 5vh;
    z-index: 9999;
    
    }
    a.bt-voltar-historico::before{
      content: '';
      width: 48px;
      height: 48px;
      border-radius: 100%;
      background-color: rgba(41,41,41,0.2);
      position: absolute;
      top: 0px; left: 0px;
      z-index: 0;
      
    }
    a.bt-voltar-historico::after{
      content: '';
      width: 24px;
      height: 24px;
      border-radius: 100%;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f1f1f1'%2F%3E%3C%2Fsvg%3E");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
      position: absolute;
      top: 12px; left: 12px;
      z-index: 1;
      
    }
    a.bt-voltar-historico:hover{
      transform: scale(1.5);
      }
      a.bt-voltar-historico:hover::before{
        background-color: rgba(197, 169, 85,0.9);
        transform: scale(0.75);
      }
      a.bt-voltar-historico:hover::after{
        transform: scale(0.75);
      }


/*--- AJUSTES MDL ---*/

  .fancybox-content{
    min-height: 70% !important;
  }

  .flex-center{
    display: flex;
    align-items: center;
    justify-content: center
  }
  .flex-center.align-items-start{
    display: flex;
    align-items: start;
    justify-content: center
  }
  .rounded{
    border-radius: 100%;
  }

  .mdl-button{
    /*
    padding-left: 36px;
    background-image: url(../../images/icon-seta.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 14px 8px;
    */
    transition: all ease-in-out 0.5s !important;
  }
  
  .mdl-button.loading-button{
    padding-left: 36px;
    background-image: url(../../images/cmm-loading.png);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 14px 8px;
  }

  .mdl-button.mdl-js-button{
    background-color: white;
    border-radius: 0;
    border: 1px solid #b3b3b3;
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #808080;
    border-radius: 5px;
  }
  .mdl-button.mdl-js-button:hover{
    color: #022663;
    border: 1px solid #022663;
  }

  .getmdl-select{
    margin-top: -20px !important;
  }

  .profissionais-select{
    width: 100%;
    padding: 8px;
    margin: 0px;
  }

  .paginacao{
    display: flex;
    gap: 2px;
    justify-content: center;
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 32px;
  }
  .paginacao .pagination-button{
    font-size: 16px;
    line-height: 24px;
    color: #2759b1 !important;
    border-color: #93a0b3 !important;
    width: 28px !important;
    min-width: 0px !important;
    height: 24px !important;
    padding: 4px !important; 
    opacity: 0.5;
  }
  .paginacao .pagination-button.next-prev{
    color: white !important;
    background-color: #69972e !important;
    border-color: rgb(103, 150, 42) !important;
    opacity: 0.8;
  }
  .paginacao .pagination-button:hover{
    opacity: 1;
  }
  .paginacao .pagination-button.actual-page{
    background-color: #0f367a !important;
    color: white !important;
    border-color: transparent !important;
    opacity: 1;
    cursor: default !important;
  }


/*--- CONTAINERS ---*/

  .cmm-layout{
    max-width: 100vw;
    overflow: hidden;
  }

  .cmm-content{
    margin-top: 100px;
  }

  .cmm-content.home-content{
    margin-top: 0px;
  }

  .cmm-max-width{
    width: 100%;
    /*max-width: 90vw;*/
    max-width: 1440px;
    margin: 0 auto;
  }
  .cmm-hr{
    width:100%;
    height: 1px;
    background-color: rgba(0,0,0,0.05);
    margin:4vh 0;
  }

  /*
  .cmm-photo-container:nth-child(odd){
    direction: rtl;
  }
  .cmm-photo-container:nth-child(odd) p{
    text-align: left;
  }
  */
  .cmm-photo, .cmm-photo img{
    width: 100%;
    border-radius: 5px;
  }
    

  .cmm-padding{
    padding: 3vw 5vw !important;
  }
  .cmm-padding-vertical{
    padding: 5vw 0;
  }
  .cmm-padding-horizontal{
    padding: 0 5vw;
  }

  .categorias-header{
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
  }

/*--- CARDS ---*/ 

  * .mdl-card__media{
    border-radius: 6px;
    overflow: hidden;
  }

  .home-destaques > div{
    overflow: hidden;
    }
    .home-destaques > div img{ transition: all ease-in-out 1s }
    .home-destaques:hover > div img.amplify{ transform: scale(1.1) }
    .home-destaques .cmm-detalhe-hover{
      position: relative;
    }
    .home-destaques .subtitulo{
      font-size: 22px;
    }

    .home-destaques-foto { background-position: center center; background-repeat: no-repeat; background-size: 75% auto;}
    .home-destaques-foto img{ opacity: 0;}

  .cmm-cards{ 
    margin-top: 4vh;
    }
    .cmm-cards .mdl-card{ margin-bottom: 5vh; padding: 8px; }
    .cmm-cards .mdl-card .mdl-card__media { 
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: white;
      overflow: hidden;
    }
    .cmm-cards .mdl-card .mdl-card__media img{ max-height: 25vh; margin: 0px auto;  }
    .cmm-cards .mdl-card:hover .mdl-card__media img{ transform: scale(1.1); }
    .cmm-cards .mdl-card .mdl-card__title{ padding-bottom: 0;}
    .cmm-cards .mdl-card .mdl-card__title-text{ margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase; }
    .cmm-cards .mdl-card .mdl-card__supporting-text p{margin-bottom: 0; text-align: center; }
    .cmm-cards .mdl-card .mdl-card__actions{ text-align: center; }

  .cmm-depoimentos{ 
    margin-top: 4vh;
    }
    .cmm-depoimentos .mdl-card{ margin-bottom: 5vh; padding: 8px; }
    .cmm-depoimentos .mdl-card .mdl-card__media { 
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: transparent !important;
      overflow: hidden;
    }
    .cmm-depoimentos .mdl-card .mdl-card__media img{ width: 240px; height: 240px; margin: 0px auto; background-size: cover; background-repeat: no-repeat; background-position: center center; }
    .cmm-depoimentos .mdl-card:hover .mdl-card__media img{ transform: scale(0.95); }
    .cmm-depoimentos .mdl-card .mdl-card__title{ padding-bottom: 0;}
    .cmm-depoimentos .mdl-card .mdl-card__title-text{ margin: 0; font-size: 18px; font-weight: 400; text-transform: uppercase; }
    .cmm-depoimentos .mdl-card .mdl-card__supporting-text p{margin-bottom: 0; text-align: center; }
    .cmm-depoimentos .mdl-card .mdl-card__actions{ text-align: center; }

    


/*--- HEADER ---*/

  /* Camadas z-index 
      cmm-header: 996
      mobile-menu: 997
      mobile-menu-button: 998
      preloader: 999
      */

  .cmm-header{
    width: 100%;
    height: auto;
    padding: 0;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 996;
    background: #022663;
    /* overflow: hidden; */
    }
    .cmm-header.responsive-test{
      background-color: red;
    }

    .cmm-header .cmm-max-width{ max-width: 96vw; margin: 0px 2vw; }

    .cmm-header .cmm-header__content{
      width: 100%;
      height: 120px;
      /*margin: 0px 34px;*/
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #022663;
    }

    .cmm-header .mdl-menu__container{
      margin-right: 60px;
    }

    .cmm-title{
      text-align: left;
    }
    .cmm-title img{
      width: 100%;
      max-width: 340px;
      height: auto;
      margin: 5px 0px;
    }

    .cmm-navigation-container nav{
      margin: 0; 
      margin-right: 36px;
      text-align: right;
      font-size: 13px;
      }

      .cmm-navigation-container nav a{
        margin: 0 0 24px 24px;
        text-transform: uppercase;
        color: #FFFFFF;
        padding: 8px 0px;
        text-wrap: nowrap;
      }
      .cmm-navigation-container nav .mdl-js-menu a{
        margin: 0;
        font-size: 14px;
      }
      .cmm-navigation-container nav a:hover{
        color: #c9ecff;
      }
      .cmm-navigation-container nav a.reserva{
        background-color: #2fb43f;
        padding: 8px 10px;
        border-radius: 4px;
      }
      .cmm-navigation-container nav a.reserva:hover{
        background-color: #47c756;
        color: #FFFFFF;
        box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
      }


  .mobile-menu{
    width: 100vw;
    height: 100vh;
    position: fixed;
    right: 0;
    z-index: 997;
    display: flex;
    justify-content: center;
    align-items: start;
    overflow: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;

      top: -100vh;
      opacity: 0;
      transition: all ease-in-out 0.5s;
  }
    .mobile-menu.aberto{
      top: 0px;
      opacity: 1;
    }
    .mobile-menu .cmm-title{
      margin-bottom: 20px;
      text-align: center;
    }
    .mobile-menu .cmm-title img{
      width: 70%;
      height: auto;
    }


    .mobile-menu a{
      width: 100%;
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 1px;
      color: white;
      text-align: center;      
      text-transform: uppercase;    
    }
    .mobile-menu a:hover{
      color: #c9ecff;
      letter-spacing: 2px;
    }
    .mobile-menu .social-btn{
      width: 38px;
      height: 38px;
      margin: 12px;
      background-color: rgba(0, 109, 168,1);
      background-size: 100%;
      border-radius: 5px;
      
    }
    .mobile-menu .social-btn:hover{
      background-size: 110%;
      background-color: rgba(0, 109, 168,1);
    }

  .mobile-menu-button{
    width: 48px;
    height: 48px;
    z-index: 998;
    cursor: pointer;
    display: none;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    position: absolute;
    top: 16px; right: 16px;
    }
    .mobile-menu-button div{
      width: 70%;
      margin: 0 auto;
      height: 3px;
      background-color: #F1F1F1;
      box-shadow: 0 -8px 0 0 #F1F1F1, 0 8px 0 0 #F1F1F1;
      transform: scale(0.75);
    }
    .mobile-menu-button:hover{
      /* box-shadow: inset 0px 0px 0px 1px #ffffff; */
      background-color: rgba(255,255,255,0.1);
    }

/*--- PAGINAS ---*/

  .cmm-paginas-institucionais{
    padding: 0 4vw;
  }
  .cmm-paginas-institucionais .cmm-hr{
    height: 60px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-top: 0px;
    margin-bottom: 40px;
    background-color: transparent;
  }
  .cmm-paginas-institucionais .cmm-hr:first-of-type{
    height: 40px;
    border-bottom: none;
  }
  .cmm-menu-institucional-flutuante{
    position: fixed;
    z-index: 1;
    background-color: white;
  }
  .cmm-menu-institucional p{
    text-transform: uppercase;
    padding-right: 18px;
    font-size: 13px;
    font-weight: bold;
    line-height: 120%;
  }
  .cmm-menu-institucional p a:hover{
    font-weight: bold
  }

  .page-list-4 div{
    padding: 0px 2.5%;
  }


/*--- BANNER ---*/

  .tt-banner-section{
    position: relative;
    width: 100%;
    height: 40vw;
    max-height: calc(100vh - 180px);
    margin-top: 120px;
    background-color: #F5F5F5;
    }
      .swiper-container{
          width: 100%;
          height: 100%;
          
      }
      .swiper-slide{
          text-align: center;
          font-size: 18px;
          background-color: rgba(0,0,0,0.5);
          background-position: center center;
          background-size: cover;
          background-repeat: no-repeat;
          box-shadow: inset 0px 0px 100px rgba(0,0,0,0.05);
          
          /* Center slide text vertically */
          display: -webkit-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
      }

      /* .swiper-slide.display-effect::after {
        content: "";
        position: absolute;
        top:0; right: 0; bottom: 0; left: 0;
        background-image: url(../../images/display.svg);
        background-size: 5px 2px;
        background-repeat: repeat;
      } */

      .swiper-slide h1{
        padding-top: 20vh;
        color: #FFF;
        text-shadow: 0px 0px 50px #000, 0px 0px 20px #000, 0px 0px 5px #000;
        line-height: 110%;
      }
      .swiper-slide h1 em{
        
        font-size: 22px;
        font-style: normal;
        font-weight: lighter;
      }

/*--- EXPEDIENTE ---*/
  .barra-expediente .cmm-max-width{ max-width: 90vw; }
  .barra-expediente p{
    color: #FFF;
    font-size: 13px;
    margin: 6px !important;
  }
  .barra-expediente .social-btn{
    width: 32px;
    height: 32px;
    border-radius: 6;
  }

/*--- BLOCOS HOME ---*/
.cat-home-one{
  min-height: 60vh;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0px 0px 100px rgba(0,0,0,0.15);
}
      .cat-home-one .cat-texts{
        padding: 8vw;
        overflow: hidden;
        position: relative;
      }      

        .categoria-titulo{
          font-size: 3.5rem;
          text-transform: uppercase;
        }
        .categoria-subtitulo{
          font-weight: bold;
          text-transform: uppercase;
        }
        .categoria-resumo{}
      .cat-home-one .cat-texts p{
        color: white;
        z-index: 1;
      }

      .cat-home-one .cat-pages{
        padding: 8vw 4vw;
        text-transform: uppercase;
      }
      .cat-home-one .cat-pages .mdl-cell{
        position: relative;
        overflow: hidden;
      }
      p.pages-title{ letter-spacing: -1px; font-size: 18px; color: rgb(62, 120, 206); }
      p.pages-title:hover{ color: black; }



.cat-home-two{
  position: relative;
  overflow: hidden;
  box-shadow: inset 0px 0px 100px rgba(0,0,0,0.3);
}

      .cat-home-two .cat-texts{
        padding: 6vw 8vw;
        overflow: hidden;
        position: relative;
        background: #022663;
        background: -webkit-linear-gradient(161deg, rgba(2, 38, 99, 1) 0%, rgba(93, 131, 196, 1) 100%);
        background: -moz-linear-gradient(161deg, rgba(2, 38, 99, 1) 0%, rgba(93, 131, 196, 1) 100%);
        background: linear-gradient(161deg, rgba(2, 38, 99, 1) 0%, rgba(93, 131, 196, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#022663", endColorstr="#5D83C4", GradientType=0);
      }

        .cat-home-two .categoria-titulo{
          font-size: 3rem;
        }
        .cat-home-two .categoria-titulo, .cat-home-two .categoria-subtitulo{
          text-align: center;
          text-transform: uppercase;
        }
        .cat-home-two .cat-texts .categoria-resumo{
          text-align: center;
          color: #aaa;
        }
      .cat-home-two .cat-texts *{
        color: white;
        z-index: 1;
      }

      .cat-home-two .cat-pages{
        border-top: 1px solid rgba(255,255,255,0.07);
        margin-top: 2vw !important;
        padding: 4vw 4vw 0 4vw;
        text-transform: uppercase;
      }
      .cat-home-two .cat-pages .mdl-cell{
        position: relative;
        overflow: hidden;
        margin-bottom: 4vh;
      }
      .cat-home-two .cat-image{ width:240px; height: 240px; margin: 8px auto; border-radius: 6px; background-position: center center; background-repeat: no-repeat; background-size: cover; /*filter: grayscale(0.8);*/ position: relative; z-index: 0; }
      .cat-home-two a:hover .cat-image{ filter: grayscale(0); }
      .cat-home-two p.pages-title{ font-weight: 300; text-align: center; }
      .cat-home-two a:hover p.pages-title{ color: #57c0e5; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); }


.cat-home-three{
    position: relative;
    overflow: hidden;
    box-shadow: inset 0px 0px 100px rgba(0,0,0,0.15);
  }
    .cat-home-three .cat-texts{
      padding: 8vw 8vw 4vw 8vw;
      overflow: hidden;
      position: relative;
    } 
      .cat-home-three .categoria-titulo{
        font-size: 2.5rem;
      }
      .cat-home-three .categoria-titulo, .cat-home-three .categoria-subtitulo{
        text-align: center;
        text-transform: uppercase;
      }
      .cat-home-three .categoria-resumo{
        text-align: center;
      }
    .cat-home-three .cat-texts *{      
      z-index: 1;
    }

    .cat-home-three .cat-pages{
      border-top: 1px solid rgba(255,255,255,0.1);
      padding: 4vw 4vw 0 4vw;
      text-transform: uppercase;
    }
    .cat-home-three .cat-pages .mdl-cell.mdl-cell--3-col{
      /*width: 20%;*/
    }
    .cat-home-three .cat-pages .block-home-01{
      /*filter: grayscale(1);*/
      padding: 8px;
      z-index: 1;
    }
    .cat-home-three .cat-pages .block-home-01 div{
    }
    .cat-home-three .cat-pages .block-home-01:nth-child(odd){
      z-index: 0;
    }

    .cat-home-three .block-home-01:hover{
      filter: grayscale(0);
      transform: scale(1.05);
    }

.cat-home-four{
  min-height: 60vh;
  position: relative;
  overflow: hidden;
}

  .cat-home-four .cat-texts{
    padding: 8vw;
    position: relative;
  }
    .cat-home-four .categoria-titulo{
      font-size: 3rem;
      text-transform: uppercase;
    }
    .cat-home-four .categoria-resumo{
      /*font-weight: 300;*/
    }

  .cat-home-four .cat-pages{
    padding: 8vw 4vw;
  }
  .cat-home-four .cat-pages .mdl-cell{
    position: relative;
    padding: 24px 24px 8px 8px;
  }
      .cat-home-four p.pages-title img{ width: 90%; height: auto; border-radius: 6px; margin-bottom: 8px; /*filter: grayscale(0.8);*/ }
      .cat-home-four p.pages-title{ color: black; text-transform: uppercase; margin-bottom: 0px; }
      .cat-home-four p.pages-title:hover{ color: #022663; }
      .cat-home-four p.pages-title:hover img{ /*filter: grayscale(0);*/ }



      .block-home-01{
        position: relative;
        min-height: 300px;
        overflow: hidden;
        border-radius: 5px;
      }
      .block-home-01:hover{ transform: scale(0.95);}
      .block-home-01 div{
        border-radius: 5px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 120%;
        min-height: 300px;
        position: relative;
      }
      .block-home-01:hover div{
        transform: scale(1.1);
      }
      .block-home-01 div::before{
        content: '';
        width: 100%; height: 100%;
        display: block;
        position: absolute;
        border-radius: 5px;
        /*background-color: rgba(62, 120, 206, 0.85);*/
        background: rgba(0,0,0,0);
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 30%);
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 30%);
        background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 30%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
        mix-blend-mode: multiply;
        top: 0px; left: 0px;
        z-index: 0;
        transition: all ease-in-out 1s;
      }
      .block-home-01:nth-child(2n) div::before{
        /*background-color: rgba(0, 0, 0, 0.8);*/
      }
      .block-home-01 div:hover::before{
        opacity: 0.2;
      }
      .block-home-01 p{ 
        position: absolute;
        width: calc(100% - 40px);
        bottom: 0px; left: 0px;
        padding: 20px; 
        margin: 0;
        color: white !important; 
        text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
        font-size: 18px;
        z-index: 2;
      }
      .block-home-01 div::after{
        content: '';
        width: 100%; height: 0%;
        display: block;
        position: absolute;
        border-radius: 0px 0px 5px 5px;
        background: rgb(0, 109, 168);
        background: -moz-linear-gradient(45deg, rgba(0, 109, 168,1) 0%, rgba(49, 168, 231) 100%);
        background: -webkit-linear-gradient(45deg, rgba(0, 109, 168,1) 0%, rgba(49, 168, 231) 100%);
        background: linear-gradient(45deg, rgba(0, 109, 168,1) 0%, rgba(49, 168, 231) 100%);
        bottom: 0px; left: 0px;
        z-index: 1;
        transition: all ease-in-out 0.5s;
        opacity: 0;
      }
      .block-home-01 div:hover::after{
        height: 22.5%;
        opacity: 1;
      }

/*--- RODAPE ---*/

  footer{
    width: 100%;
    background-color: #d5d5d5;
    font-size: 14px;
    position: relative;
    }
    footer.footer-01::before{
      content: '';
      width: 40%;
      height: 5vw;
      position: absolute;
      top: 0;
      left: 0;
      background-color: white;
      z-index: 0;
    }
    footer .cmm-detalhe{
      width: 60%;
      margin: 5% 0 0 40%;
      z-index: 1;
    }
    footer .cmm-logo-image{
      width: 180px;
      margin: 0px 0px 12px -5px;
    }
    .cmm-footer-menu{
      padding: 4% 6%;
      background-color: #333333;
      z-index: 1;
    }
      .cmm-footer-menu nav p, .cmm-footer-menu p{
        font-size: 13px;
        text-transform: uppercase;
        margin-bottom: 8px;
      }
      .cmm-footer-menu nav p a{
        font-weight: bold;
      }
      .cmm-footer-menu nav p a:hover{
        letter-spacing: 1px;
      }
      .cmm-footer-menu .textos-rodape{ }
      .cmm-footer-menu .textos-rodape b{
        letter-spacing: 0.75px;
        font-weight: 600;
      }
    .mega-footer-menu *{ font-size: 13px; }
    .mega-footer-menu b{ font-size: bolder; text-transform: uppercase; }
    .mega-footer-menu p{ margin: 0px 0px 8px 0px; line-height: 120%; }
    .mega-footer-menu p:first-of-type{ margin-bottom: 16px; }
    .mega-footer-menu a{ color: #777; }
    .mega-footer-menu a:hover{ color: #022663; }


    /*--- RODAPE ESTILO 01 ---*/
    footer.footer-01{ background-color: #E5E5E5;}
    .footer-01 .cmm-footer-menu nav p a, .footer-01 .cmm-footer-menu .textos-rodape{
      font-weight: 400;
      color: #FFF;
    }
    .footer-01 .cmm-footer-menu .textos-rodape{
      line-height: 140%;
    }
    .footer-01 .social-btn{
      border-radius: 4px;
    }
    .footer-01 a:hover .social-btn{
      transform: scale(1.1);
    }


    /*--- RODAPE ESTILO 02 ---*/
    footer.footer-02{
      margin-top: 6vw;
      background-color: transparent;
    }
    footer.footer-02 .textos-rodape{
      font-size: 14px;
    }
    footer.footer-02 .social-btn{
      width: 40px;
      height: 40px;
      border-radius: 5px;
      background-color: #999;
      box-shadow: inset 0px 0px 2px 0px #555;
    }
    footer.footer-02 a:hover .social-btn{
      background-color: #022663;
      box-shadow: inset 0px 0px 2px 0px #022663;
    }
    footer.footer-02 .desenvolvimento{
      width: 100%;
      margin: 0px;
      border-top: 1px solid #EEE;
      background-color: #FFF;
      padding: 12px 30px;
    }
    footer.footer-02 .desenvolvimento p, footer.footer-02 .desenvolvimento a{
      font-size: 10px;
      text-align: center;
      text-transform: uppercase;
      color: #C8C8C8;
      margin: 0;
    }
    footer.footer-02 .desenvolvimento a:hover{
      color: #022663;
    }

    /*--- RODAPE ESTILO 03 ---*/
    footer.footer-03{
      margin-top: 6vw;
      /*background-color: #222222;*/
      background-color: #1c275a;
    }
    footer.footer-03 .textos-rodape{
      color: rgba(255,255,255,0.5);
      font-size: 14px;
    }
    footer.footer-03 .social-btn{
      width: 40px;
      height: 40px;
      border-radius: 5px;
    }
    footer.footer-03 a:hover .social-btn{
      background-color: #022663;
      box-shadow: inset 0px 0px 2px 0px #022663;
    }
    footer.footer-03 .desenvolvimento{
      width: 100%;
      margin: 0px;
      border-top: 1px solid rgba(255,255,255,0.3);
      padding: 12px 30px;
    }
    footer.footer-03 .desenvolvimento p, footer.footer-03 .desenvolvimento a{
      font-size: 10px;
      text-align: center;
      text-transform: uppercase;
      color: rgba(255,255,255,0.3);
      margin: 0;
    }
    footer.footer-03 .desenvolvimento a:hover{
      color: #022663;
    }
    footer.footer-03 .mega-footer-menu p{ color: #022663; }
    footer.footer-03 .mega-footer-menu a{ color: rgba(255,255,255,0.7); }
    footer.footer-03 .mega-footer-menu a:hover{ color: #57c0e5; }
    footer.footer-03 .social-btn{ opacity: 0.5;}
    footer.footer-03 a:hover .social-btn{ opacity: 1;}

  

  .social-btn{
    width: 32px;
    height: 32px;
    margin: 8px 8px 0px 0px;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    border: 0;
    
    }

    .social-btn.facebook{ background-image: url(../../images/social/icon-facebook.svg) }
    .social-btn.instagram{ background-image: url(../../images/social/icon-instagram.svg) }
    .social-btn.youtube{ background-image: url(../../images/social/icon-youtube.svg) }
    .social-btn.pin{ background-image: url(../../images/social/icon-pin.svg) }
    .social-btn.skype{ background-image: url(../../images/social/icon-skype.svg) }
    .social-btn.telegram{ background-image: url(../../images/social/icon-telegram.svg) }
    .social-btn.whatsapp{ background-image: url(../../images/social/icon-whatsapp.svg) }
    .social-btn.twitter{ background-image: url(../../images/social/icon-twitter.svg) }
    .social-btn.email{ background-image: url(../../images/social/icon-email.svg) }

    div.selo-transparencia{
      position:fixed; bottom:24px; left:24px; 
      width:110px; height:110px; margin:0; padding:0; outline:none;
      cursor: pointer;
      z-index: 998;
      border-radius: 100%;
      box-shadow: 0px 3px 10px rgba(0,0,0,0.35);
    }
    div.irea-doe-agora{
      position:fixed; bottom:90px; right:18px; 
      margin:0; padding:0; outline:none;
      cursor: pointer;
      z-index: 998;
    }
    div.irea-doe-agora img{
      width:auto; height:78px;
    }
    a.whatsapp-flutuante{
      position:fixed; bottom:24px; right:24px; 
      width:56px; height:56px; margin:0; padding:0; outline:none;
      background-image: url(../../images/social/whatsapp-flutuante.svg); 
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
      z-index: 998;
    }
    a.whatsapp-orcamento{
      position:fixed; bottom:24px; right:24px; 
      width:260px; height:80px; margin:0; padding:0; outline:none;
      background-image: url(../../images/social/whatsapp-orcamento.svg); 
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      cursor: pointer;
      z-index: 998;
    }

  .desenvolvimento{
    margin-top: 36px;
    padding-top: 10px;
    border-top: 1px solid rgba(255,255,255,0.3);
    }
    .desenvolvimento p, .desenvolvimento p a{
      color: rgba(255,255,255,0.5);
    }




/*--- CONTATO ---*/

  .cmm-contato{
    border-right: 1px solid rgba(0,0,0,0.05);
  }
  .cmm-contato-info{
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .cmm-contato-info li{
    width: 100%;
    margin: 0 0 16px 0;
    float: left;
    display: inline;
  }

  .cmm-contato-info li i{
    float: left; 
    display: block;
    color: black;
  }

  .cmm-contato-info li p{
    width: calc(100% - 40px);
    margin: 0px 8px;
    float: right;
    display: block;
    color: black;
  }
  .cmm-contato-mapa iframe{
    width: 100%;
    height: calc(100vh - 120px);
    border: 1px solid #DDD !important;
  }

  .cmm-sac h3.titulo-secundario{
    margin-bottom: 24px !important;
  }


/* Meus Ajustes */

          .cmm-photo-grid, .vertical-gallery{
            margin: 2vw 8px;
          }

          .vertical-gallery img{ border-radius: 5px; margin-bottom: 16px;}

          .cmm-photo-grid a{ margin-bottom: 16px; border-radius: 5px; }

          .mdl-card, .mdl-card *, .cmm-photo-grid *{
            text-decoration: none;
          }

          .mdl-cell--3-col.cmm-photo-grid .mdl-card{
            width: calc(100% - 1em);
            margin: 0 1em 1em 0;
          }
          .mdl-cell--12-col.cmm-photo-grid .mdl-card{
            width: calc(25% - 1em);
            margin: 0 1em 1em 0;
          }
          .cmm-photo-grid.cmm-photo-grid--3-col .mdl-card{
            width: calc(50% - 1em);
            margin: 0.5em;
          }

          .cmm-photo-grid .mdl-card .mdl-card__media{
            height: 280px;
            background-repeat: no-repeat; 
            background-position: center center; 
            background-size: cover;
            background-color: #D4C3A9;
          }
          .cmm-photo-show div{
            border-radius: 5px;
            min-height: 50vh;
            background-size: auto 110%;
            background-repeat: no-repeat;
            background-color: white;
            background-position: center center; 
            
          }
          .cmm-photo-show div:hover{
            background-size: auto 115%;
          }

  .tt-color-text--primary{
    color: #9C8160;
  }


/*--- RESPONSIVIDADE ---*/


  @media (max-width: 479px) {

    .cmm-header.responsive-test{
      background: magenta;
    }
      .cmm-header .cmm-header__content{
        height: 80px;
      }
        .cmm-title img{
          max-width: 230px;
        }
    .tt-banner-section{
      margin-top: 80px;
    }

    .cmm-content.home-content{ margin-top: 100px;}

    .barra-expediente p{ font-size: 11.6px; }

    a.whatsapp-flutuante{
      bottom:114px;
    }

    .cmm-max-width{
      max-width: 100vw;
      margin: 0 auto;
    }

    .cmm-padding{
      padding: 4vw !important;
    }
    .cmm-padding-vertical{
      padding: 4vw 0;
    }
    .cmm-padding-horizontal{
      padding: 0 4vw;
    }

    .mobile-menu-button{
      display: flex;
    }

    .cmm-navigation-container{
      display: none;
    }

    .tt-banner-section{
      height: 87.5vw;
    }

    .modern-view .fotos .outras-fotos{
        bottom: none;
        top: -24px;
        left: calc(5vw - 8px);
        height: 20vw;
        padding: 8px 0 8px 8px;
      }
      .modern-view .fotos .outras-fotos img{
        height: 20vw;
        margin-right: 8px;
      }
      .mini-catalogo div{
        height: 10vw;
      }
    .modern-view .textos{
      padding-top: 15vw;
    }

    .mdl-cell--12-col.cmm-photo-grid .mdl-card{
      width: calc(100% - 2em);
      margin: 0 1em 1em 1em;
    }

    footer::after{
        width: 0;
        height: 0;
      }
    footer::before{
        width: 0;
        height: 0;
      }
      footer .cmm-detalhe{
        width: 100%;
        margin: 5% 0 0 0;
      }
      .cmm-footer-menu{ padding: 8% 5% 5% 5%; }

  }

  @media (min-width: 480px) and (max-width: 839px) {

    .cmm-header.responsive-test{
      background: orange;
    }
      .cmm-header .cmm-header__content{
        height: 80px;
      }
        .cmm-title img{
          max-width: 230px;
        }
    .tt-banner-section{
      margin-top: 80px;
    }


    .cmm-content.home-content{ margin-top: 80px;}

    .cmm-max-width{
      max-width: 90vw;
      margin: 0 auto;
    }

    .mdl-cell--12-col.cmm-photo-grid .mdl-card{
      width: calc(50% - 1em);
      margin: 0 1em 1em 0;
    }

    .cat-pages .block-home-01 p{
      font-size: 15px;
    }

    .mobile-menu-button{
      display: flex;
    }

    .cmm-navigation-container{
      display: none;
    }

    .modern-view{
      min-height: 75vh;
      overflow: visible;
      }
      .modern-view .textos{
        width: 100%;
      }
      .mini-catalogo div{
        height: 10vw;
      }
      .modern-view .fotos{
        height: 100vw;
        background-size: cover;
      }
      .modern-view .fotos .outras-fotos{
        bottom: none;
        top: -24px;
        left: calc(5vw - 8px);
        height: 20vw;
        padding: 8px 0 8px 8px;
      }
      .modern-view .fotos .outras-fotos img{
        height: 20vw;
        margin-right: 8px;
      }

    footer::after{
      width: 10%;
    }
    footer::before{
      width: 10%;
    }
      footer .cmm-detalhe{
        width: 90%;
        margin: 5% 0 0 10%;
      }

  }

  /*
  @media (min-width: 840px) {

    .cmm-header{
      background: yellow;
    }

    footer::after{
      width: 25%;
    }
    footer::before{
      width: 25%;
    }
      footer .cmm-detalhe{
        width: 75%;
        margin: 5% 0 0 25%;
      }

  }*/

  @media (min-width: 840px) and (max-width: 1200px) {

    .cmm-header.responsive-test{
      background: green;
    }

      .cmm-header .cmm-header__content{
        height: 90px;
      }
        .cmm-title img{
          max-width: 260px;
        }
    .tt-banner-section{
      margin-top: 90px;
    }

    .mobile-menu.aberto{
      display: none;
    }

    .cat-pages .block-home-01{
      width: 33%;
    }

    .mdl-cell--12-col.cmm-photo-grid .mdl-card{
      width: calc(33% - 1em);
    }

  }


  @media (min-width: 1200px) {

    .swiper-slide.display-effect::after {
        content: "";
        position: absolute;
        top:0; right: 0; bottom: 0; left: 0;
        background-image: url(../../images/display.svg);
        background-size: 5px 2px;
        background-repeat: repeat;
      }

  }