@charset "UTF-8";

:root{
    --cor-principal: #986950;
    --cor-hover: #373737;
    --cor-textos: #212121;
    --cor-footer-sigi: #986950;
    --cor-icones-contato: #986950;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 100px;
}

body {
    margin: 0;
    padding: 0;
    background: #f2f2f2;
}
body a {
    cursor: pointer;
}

body img {
    border-radius: 5px;
    align-self: flex-start;
}

body .container {
    padding: 0;
    margin: auto;
    max-width: 95%;
}

body .titulo {
    text-align: center;
    margin: 0;
    width: 100%;
}
body .portfolio .titulo {
    display: none;
}
body .portfolio .nav-galerias{
    display: none;
}

body .titulo h1 {
    width: 100%;
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-weight: 100;
    font-size: 32px;
    text-transform: uppercase;
    margin: auto;
    color: var(--cor-textos);
}

body .titulo p {
    font-size: 16px;
    font-family: "Plus Jakarta Sans Light";
    font-weight: 400;
    padding: 20px 0;
}

body .titulo-subtitulo {
    text-align: center;
    margin: 0;
    width: 100%;
}

body .titulo-subtitulo h1 {
    width: 100%;
    text-align: center;
    font-family: "Plus Jakarta Sans Medium";
    font-weight: 500;
    font-size: 32px;
    text-transform: uppercase;
    margin: auto;
    background-color: 5440000A;
}

body .section-title h1:after,
body .section-title h2:after,
body .section-title-p p:after {
    background-color: var(--cor-principal);
    content: "";
    display: block;
    height: 2px;
    left: 0;
    right: 0;
    margin: 15px auto;
    position: absolute;
    width: 100px;
}

body section {
    padding: 70px 0 0 0;
    background-color: #f2f2f2;
    font-family: "Plus Jakarta Sans Light";
    font-weight: 300;
    font-size: 16px;
}



/*------------------------- MENU ----------------------------*/

body #menu_1 {
    height: 100px;
    padding: 10px 0;
    font-family: "Plus Jakarta Sans Light";
    font-weight: 300;
    width: 100%;
    position: sticky;
    top: 0;
    background-color: #fff;
    display: block;
    z-index: 10;
    border-bottom: 1px solid #dbdbdb;
}

body #menu_1 .conteudo-menu {
    padding: 0 15px;
    max-width: 100%;
    margin: 0;
    display: flex;
    height: 100%;
}

body #menu_1 .conteudo-menu .logomarca {
    float: left;
    height: 100%;
    width: 25%;
}

body #menu_1 .conteudo-menu .logomarca a {
    height: 100%;
    width: 100%;
    display: flex;
}

body #menu_1 .conteudo-menu .logomarca img {
    display: block;
    max-height: 100%;
    margin: auto;
}

body #menu_1 .conteudo-menu .menu {
    float: right;
    margin: auto 100px auto auto;
}

body #menu_1 .conteudo-menu .menu ul li {
    padding: 15px;
    list-style: none;
    float: left;
}

body #menu_1 .conteudo-menu .menu ul li a {
   /* text-transform: uppercase;*/
    text-decoration: none;
    color: var(--cor-textos);
    cursor: pointer;
    font-size: 16px;
}

body #menu_1 .conteudo-menu .menu ul li a i {
    font-size: 18px;
}
body #menu_1 .conteudo-menu .menu ul li .navAtivo{
    color: var(--cor-hover);
    font-weight: 600;
}
body #menu_1 .conteudo-menu .menu ul li a:hover {
    color: var(--cor-hover);
    font-weight: 600;
}

body #menu_1 .conteudo-menu .btn-mobile {
    display: none;
    position: relative;
    margin: auto 30px auto auto;
}

body #menu_1 .conteudo-menu .btn-mobile label {
    font-size: 30px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: var(--cor-textos)
}

body #banners {
    z-index: -1;
    padding: 0;
}

body #banners .slideshow-container {
    width: auto;
    height: auto;
    position: relative;
    margin: auto;
}

body #banners .slideshow-container .mySlides {
    display: none;
    height: auto;
    width: auto;
    background-color: #eee;
}

body #banners .slideshow-container .mySlides img {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
}

body #banners .animacao {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 10s;
    animation-name: fade;
    animation-duration: 10s;
    height: auto;
    width: auto;
}
/*--------------------------DESTAQUE 1 BANNER-------------------------------------------*/
body #destaque{
    background: #fff;
    padding: 15px 0;
  }
body .container-destaque{
    display: flex;
    margin: auto;
    width: 75%;
    align-items: center;
  }
  body .container-destaque .area-destaque{
    width: 80%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 10px;
  }
  body .container-destaque .area-destaque .info-destaque{
    flex-direction: column;
    display: flex;
    width: 65%;
    align-items: center;
  }
  body .container-destaque .area-destaque .area-botao-destaque{
    display: flex;
    width: 35%;
    justify-content: center;
  
  }
  body .container-destaque .img-destaque{
    width: 35%;
  }
  body .container-destaque .img-destaque img{
    width: 100%;
    margin: auto;
  }
  body .container-destaque .area-destaque h4{
    text-align: center;
    margin-bottom: 5px;
    text-transform: none;
    font-size: 32px;
    font-weight: 600;
    color: #212121;
    margin: auto;
  }
  
  body .container-destaque .area-destaque .btn-destaque{
    background-color: #e79c3d;
    text-transform: uppercase;
    padding: 10px;
    width: 84%;
    color: #fff;
    border-radius: 5px;
    font-size: 22px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
/*---------------------CONTEUDO BANNERS DESTAQUES 3 IMAGENS SITE----------------------------*/
body .conteudo-banners-destaques {
    display: flex;
    align-content: center;
    align-items: center;
    width: 100%;
    margin: auto;
    justify-content: center;
    padding-top: 40px;
  }
  body .conteudo-banners-destaques .banner-destaque-maior {
    width: auto;
    height: 100%;
    display: flex;
  }
  body .conteudo-banners-destaques .banner-destaque-maior .item-banner-destaque {
    width: 100%;
    height: 100%;
    padding: 0px;
  }
  body .conteudo-banners-destaques .banner-destaque-maior .item-banner-destaque img {
    width: 100%;
    margin: auto;
    max-width: 710px;
  }
  body .conteudo-banners-destaques .banners-destaques-menores {
    width: auto;
    height: 100%;
  }
  body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque {
    height: 50%;
    width: 100%;
  }
  body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque img {
    width: 100%;
    display: flex;
    max-width: 430px;
  }
  body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque:first-child {
    padding: 0 20px 10px 20px;
  }
  body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque:last-child {
    padding: 10px 20px 0 20px;
  }
  body .layout-destaques1 .banners-destaques-menores .item-banner-destaque:first-child {
    padding: 0 0 10px 20px;
  }
  body .layout-destaques1 .banners-destaques-menores .item-banner-destaque:last-child {
    padding: 10px 0 0 20px;
  }
/*---------------------------AREA PROFISSIONAL---------------------------------*/
body #profissional .area-download {
    display: flex;
    padding-top: 25px;
    /*flex: 0 0 100%;*/
    max-width: 70%;
    margin: auto;
    align-items: center;
}
body #profissional .area-download .img-download {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
body #profissional .area-download .img-download img{
    width: 86%;
}
body #profissional .area-download .info-download {
    padding-top: 40px;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
body #profissional .area-download .info-download p {
    text-align: justify;
    line-height: 30px;
    width: 83%;
}
body #profissional .area-download .info-download .botoes-download {
    display: flex;
    width: 100%;
    /*margin: 0;*/
    padding: 30px 0;
    justify-content: space-around;
}
body #profissional .area-download .info-download .ind-Download-Profissional {
    display: none;
  }
body #profissional .area-download .info-download .botoes-download .div-btnProfissional a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px auto 10px 0;
    font-size: 15px;
    background-color: var(--cor-principal);
    color: white;
    width: 240px;
    height: 70px;
    border-radius: 5px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}
body #profissional .area-download .info-download .botoes-download .div-btnProfissional a:hover {
    background-color: var(--cor-hover);
}
body #profissional .area-download .info-download .botoes-download .div-btnProfissional i {
    font-size: 30px;
    color: white;
    display: flex;
    height: 100%;
    align-items: center;
    margin-right: 10px;
}

body #fotolivro_1 .area-fotolivro {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    width: 80%;
    margin: 50px auto 24px auto;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro {
    display: flex;
    flex-direction: row;
    width: 100%;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro {
    display: flex;
    width: 50%;
    flex-direction: column;
    /*justify-content: space-between;*/
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .texto-download-fotolivro {
    padding: 9px 30px 0 0;
    line-height: 30px;
    font-family: "Plus Jakarta Sans Light";
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .texto-download-fotolivro p {
    margin: 0;
    text-align: justify;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .texto-download-fotolivro .indisponivel-download-fotoalbum {
    display: none;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro {
    display: flex;
    flex-direction: column;
    margin: 40px 0 0 0;
    font-family: "Plus Jakarta Sans Light";
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro a {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto auto 0;
    width: 300px;
    height: 50px;
    background: var(--cor-principal);
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 15px;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro a i {
    font-size: 24px;
    margin: 0 15px 0 0;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro a:hover {
    background-color: var(--cor-hover);
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro p {
    font-size: 13px;
    margin: 5px 0 0 28px;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .img-download-fotolivro {
    margin: auto;
    max-width: 50%;
    display: flex;
  }
  body #fotolivro_1 .area-fotolivro .area-download-fotolivro .img-download-fotolivro img {
    margin: auto;
    max-width: 80%;
  }
  body #fotolivro_1 .area-fotolivro .area-imagens-fotolivro {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 40px 0 20px 0;
  }
  body #fotolivro_1 .area-fotolivro .area-imagens-fotolivro .div-img-fotolivro {
    display: flex;
    width: 33.3%;
    padding: 10px;
  }
  body #fotolivro_1 .area-fotolivro .area-imagens-fotolivro .div-img-fotolivro img {
    max-width: 100%;
    cursor: pointer;
  }



/*------------------------------PORTFOLIO--------------------------------*/
body #portfolios-area{

}
body #portfolios-area .portfolio .nav-galerias{
    margin: 24px 20px 14px 20px;
}
body #portfolios-area .portfolio .nav-galerias ul{
    display: flex;
    justify-content: center;
    list-style: none;
    text-transform: uppercase;
    font-weight: 600;
    color: #616060;
}
body #portfolios-area .portfolio .nav-galerias ul li{
   padding: 0 15px;
}
body #portfolios-area .portfolio .nav-galerias ul li .galeriaAtiva{
    color: #f13733;
    font-weight: 600;
}
body #portfolios-area .portfolio .nav-galerias ul li.separador-esquerda {
    border-left-style: outset;
    border-left-width: 2px;
    border-left-color: #bfa595;
}
body #portfolios-area .portfolio .area-fotos{
    display: flex;
    flex-wrap: wrap;
    width: 89%;
    margin: auto;
    justify-content: center;
}
body #portfolios-area .portfolio .area-fotos .foto {
    width: 31%;
    justify-content: center;
    margin: 10px 5px;
}
body #portfolios-area .portfolio .area-fotos .foto .img-portfolio{
    width: 97%;
}

/*------------------------- SERVIÇOS ----------------------------*/
body #servicos .area-servicos {
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    padding-top: 20px;
    justify-content: center;
    margin: auto;
}
body #servicos .area-servicos .item-servico {
     width: 33.33%; 
    display: flex;
    padding: 10px 10px;
    justify-content: center;
}
body #servicos .area-servicos .item-servico .conteudo-servico {
    width: 100%;
    text-align: center;
    background: #FFF;
    padding: 15px 17px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
}
body #servicos .area-servicos .item-servico .conteudo-servico img {
    max-width: 100%;
    cursor: pointer;
    /*width: 91%;*/
}
body #servicos_ .area-servicos .item-servico .conteudo-servico h3 {
    font-size: 18px;
    font-family: "Raleway Semibold";
    padding: 15px 0;
  }
  body #servicos .area-servicos .item-servico .conteudo-servico p {
    font-size: 14px;
    font-family: "Raleway";
    padding-bottom: 20px;
  }

/*--------------------------REDES SOCIAIS--------------------------*/
body #redes-sociais {
    margin: 70px 0 0 0;
    background-color: var(--cor-principal);
    /*font-family: Raleway;*/
    padding: 0;
}
body #redes-sociais .area-redes-sociais {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0;
}
body #redes-sociais .area-redes-sociais .texto-redes-sociais {
    width: 50%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
    font-size: 50px;
    text-transform: uppercase;
    text-align: end;
    margin-right: 90px;
    color: #fff;
}
body #redes-sociais .area-redes-sociais .btns-redes-sociais {
    width: 55%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
body #redes-sociais .area-redes-sociais .btns-redes-sociais a {
    margin: 15px 0;
    font-size: 24px;
    color: #fff;
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 35%;
    flex-direction: row;
}
body #redes-sociais .area-redes-sociais .btns-redes-sociais a i {
    background: #fff;
    color: var(--cor-principal);
    border-radius: 50%;
    /* padding: 15px; */
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

/*------------------------- QUEM SOMOS ----------------------------*/
body #sobre {
    padding: 70px 0;

}

body #sobre .area-sobre {
    display: flex;
    margin: auto;
    flex-direction: row;
    padding: 58px 0;
    flex-wrap: nowrap;
    width: 81%;
}
body #sobre .area-sobre .img-sobre{
    padding: 0;
    width: 50%;
    margin: auto;
}

body #sobre .area-sobre .img-sobre img{
    display: flex;
    margin: auto;
    max-width: 87%;
    
}

body #sobre .area-sobre .texto-sobre {
    display: flex;
    /*padding-left: 25px;*/
    align-items: center;
    text-align: justify;
    width: 50%;
}

body #sobre .area-sobre .texto-sobre p {
   line-height: 30px;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre p:last-child {
    margin-top: 30px;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre span {
    color: #75836a;
    font-weight: 500;
    font-size: 22px;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre .redes-sociais {
    width: 100%;
    display: flex;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre .redes-sociais .links-redes a {
    cursor: pointer;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre .redes-sociais .links-redes a i {
    margin: 0 10px;
    color: #a2a2a2;
    font-size: 36px;
}

body #sobre .conteudo-sobre .area-sobre .texto-sobre .redes-sociais .links-redes a i:hover {
    color: #dbaa84;
}

body #sobre .conteudo-sobre .area-sobre .img-sobre {
    padding: 0 25px;
    width: 50%;
    margin: auto;
    flex-direction: column;
}

body #sobre .conteudo-sobre .area-sobre .img-sobre img {
    display: block;
    margin: auto;
    max-width: 100%;
    margin: auto;
    padding: 10px 0;
}

body #sobre .conteudo-sobre .area-sobre .img-profiles {
    padding: 85px 0;
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

body #sobre .conteudo-sobre .area-sobre .img-profiles .img-profile {
    padding: 15px 10px;
    width: 100%;
}

body #sobre .conteudo-sobre .area-sobre .img-profiles .img-profile img {
    width: 70%;
    display: block;
    margin: auto;
}

/*------------------------- INFORMAÇÕES DE CONTATO ----------------------------*/
body #informacoes {
    padding: 50px 0 80px 0;
    color: var(--cor-textos);
}

body #informacoes .itens-info {
    display: flex;
   justify-content: space-between;
   width: 90%;
   margin: auto;
}

body #informacoes .itens-info .item-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body #informacoes .itens-info .item-info i {
    font-size: 30px;
    background-color: #fff;
    width: 60px;
    padding: 15px 0;
    border-radius: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
}

body #informacoes .itens-info .item-info h5{
    min-height: 30px;
    font-size: 24px;
    color: var(--cor-textos);
    margin: 30px 0 20px 0;
    text-align: center;
}

body #informacoes .itens-info .item-info p {
    text-align: center;
    line-height: 27px;
}

/*------------------------- VOLTAR AO TOPO ----------------------------*/
body #voltarTopo {
    position: fixed;
    bottom: 150px;
    right: 0;
    padding: 10px 15px;
    background-color: var(--cor-principal);
    border-radius: 5px;
    color: #fff;
    display: block;
    align-items: center;
    transform: translateX(160px);
    transition: all .5s ease;
    cursor: pointer;
    text-decoration: none;
    z-index: 2;
    animation: fadeIn .8s;
    -webkit-animation: fadeIn .8s;
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
}

body #voltarTopo i {
    padding-right: 20px;
    font-size: 20px;
    transform: translateY(1px);
}

body #voltarTopo label {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    cursor: pointer;
}

body #voltarTopo:hover {
    transform: translateX(0);
    background-color: var(--cor-hover);
}

/*------------------------- BOTAO WHATSAPP ----------------------------*/
body #btn-wpp_5 {
    font-size: 14px;
    position: fixed;
    bottom: 30px;
    right: 25px;
    width: 60px;
    height: 60px;
    background-color: #34af23;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    animation-name: animacaoBotao;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    font-family: "Raleway Semibold";
    letter-spacing: .6px;
    z-index: 2;
    cursor: pointer;
    -webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, .77);
}

body #btn-wpp_5 i {
    font-size: 40px;
    transform: translateY(6px);
    margin-top: 4px;
    margin-left: 3px;
}

body #btn-wpp_5:hover {
    text-decoration: none;
}

/*------------------------- FOOTER ----------------------------*/
body #footer_2 {
    width: 100%;
    background-color: #252525;
    color: #fff;
  }
  body #footer_2 .container-footer {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    max-width: 1350px;
    font-family: 'Plus Jakarta Sans Light';
  }
  body #footer_2 .container-footer .menu-footer {
    width: 80%;
    margin: 0 auto;
    display: flex;
    padding: 30px 25px 40px 25px;
  }
  body #footer_2 .container-footer .menu-footer .grupo-info {
    width: 25%;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
  }
  body #footer_2 .container-footer .menu-footer .grupo-info h2 {
    font-size: 16px;
    
  }
  body #footer_2 .container-footer .menu-footer .grupo-info a {
    font-size: 13px;
    /*font-family: Raleway;*/
    padding: 3px 0;
    text-decoration: none;
    color: #fff;
    /*color: #000;*/
  }
  body #footer_2 .container-footer .menu-footer .grupo-info a:hover {
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
  }
  body #footer_2 .container-footer .menu-footer .grupo-info .redes-sociais-footer {
    display: flex;
    flex-direction: row;
    margin: auto;
  }
  body #footer_2 .container-footer .menu-footer .grupo-info .redes-sociais-footer a {
    font-size: 24px;
    color: #FFF;
    margin: 0 20px 20px 0;
  }
  body #footer_2 .container-footer .menu-footer .grupo-info .redes-sociais-footer a:hover {
    color: #bbb;
    cursor: pointer;
  }
  body #footer_2 .container-footer .redes-sociais {
    width: 20%;
    display: flex;
    align-content: center;
    align-items: center;
  }
  body #footer_2 .container-footer .redes-sociais a i {
    font-size: 30px;
    padding: 20px;
    color: #ef5350;
  }
  body #footer_2 .container-footer .redes-sociais a i:hover {
    font-size: 36px;
  }
  body #footer_2 .sigi_footer {
    width: 100%;
    background: var(--cor-footer-sigi);
    text-align: center;
    display: block;
    padding: 8px 0;
    margin: 0;
  }
  body #footer_2 .sigi_footer i {
    font-size: 10px;
  }
  body #footer_2 .sigi_footer a {
    text-align: center;
    font-size: 12px;
    font-family: 'Plus Jakarta Sans Light';
    color: #FFF;
    text-decoration: none;
  }

  /*-------------------------------------------MEDIAS----------------------------------------------------*/

@media(min-width:2000px) {
    body .slideshow-container img {
        width: 100%;
    }
}

@media(min-width:1600px) {
    body #sobre .conteudo-sobre .area-sobre .img-profiles {
        padding: 0;
    }


}

@media(min-width:1400px) {
    body .container {
        max-width: 85%;
    }
}

@media(min-width:1300px) {
    body #footer_1 .container-footer .menu-footer {
        width: 50px;
        margin: auto;
        padding: 30px 0;
    }
}

@media(min-width:1025px) {

}

@media(min-width:768px) {
    body .btnBuscarMobile {
        display: none;
    }
   /* body #servicos .area-servicos .item-servico {
        width: 50%;
      }*/
}
@media (max-width: 1720px){
    body #profissional .area-download {
        max-width: 80%;
    }
    
}
@media (max-width: 1600px) {
    body #servicos .area-servicos .item-servico .conteudo-servico {
        padding: 15px 10px;
      }
      body #menu_1 .conteudo-menu .logomarca img {
        display: block;
        max-height: 85%;
    }
}
@media (max-width:1520px){
    body #sobre .area-sobre {
        display: flex;
        margin: auto;
        flex-direction: row;
        padding: 58px 0;
        flex-wrap: nowrap;
        width: 93%;
    }
    body #sobre .area-sobre .img-sobre img {
        display: flex;
        margin: auto;
        max-width: 100%;
    }
    body #sobre .area-sobre .texto-sobre {
        display: flex;
        padding-left: 25px;
        align-items: center;
        text-align: justify;
        width: 50%;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 70%;
    }

}
@media(max-width:1400px) {
    body #sobre .conteudo-sobre .img-profiles .img-profile img {
        margin: 0;
    }

    body #sobre .conteudo-sobre .area-sobre .img-profiles .img-profile img {
        margin: 0;
    }

    body #informacoes .itens-info {
        justify-content: space-between;
        width: 100%;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        margin-right: 0;
    }
}

@media(max-width:1366px) {
    /*--- MENU ---*/
    body #menu_1 {
        height: 85px;
        padding: 0;
    }

    body #menu_1 .conteudo-menu .menu {
        margin: auto 60px auto auto;
    }
    body #menu_1 .conteudo-menu .logomarca img {
       
        max-height: 79%;
    }

    /*--- SOBRE ---*/
    body #sobre .conteudo-sobre .img-profiles .img-profile img {
        width: 400px;
    }

    body #sobre .conteudo-sobre .area-sobre {
        margin: 30px 50px auto auto;
    }

    body #sobre .conteudo-sobre .area-sobre .texto-sobre p {
        font-size: 15px;
    }

    /*--- PORTFOLIO ---*/
    body #portfolio_1 {
        padding: 60px 0 0 0;
    }

    body #portfolio_1 .titulo {
        margin: 0 0 40px 0;
    }

    body #portfolio_1 .titulo h1 {
        font-size: 45px;
    }

    body #portfolio_1 .nav-galerias ul li a {
        font-size: 1.1rem;
    }

    body #portfolio_1 .area-fotos {
        width: 85%;
        margin: auto;
    }

    /*--- EVENTOS ---*/
    body #areaEventos {
        width: 85%;
    }

    body #areaEventos .divEvento {
        padding: 5px;
    }

    body .barraAcoes .titulo {
        margin: auto;
    }

    /*--- CONTATO ---*/
    body #contact {
        padding: 50px 0 0 0;
        display: flex;
        flex-wrap: nowrap;
    }

    body #contact .conteudo-contato {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }

    body #contact .conteudo-contato .contato-form {
        width: 40%;
        padding: 30px 5px 30px 15px;
        display: flex;
        flex-wrap: wrap;
        margin: 0;
        margin-left: 180px;
    }

    body #contact .conteudo-contato .contato-form .erro {
        text-align: center;
        color: #e10000;
        margin: auto;
        width: 100%;
    }

    body #contact .conteudo-contato .contato-form .sucesso {
        text-align: center;
        color: #005a20;
        margin: auto;
        width: 100%;
    }

    body #contact .conteudo-contato .contato-form .item-contato {
        width: 100%;
        padding: 5px 10px;
    }

    body #contact .conteudo-contato .contato-form .item-contato label {
        margin: 0;
    }

    body #contact .conteudo-contato .contato-form .item-contato textarea {
        resize: none;
    }

    body #contact .conteudo-contato .contato-form .item-contato textarea,
    body #contact .conteudo-contato .contato-form .item-contato input {
        border: 1px solid #f2f2f2;
    }

    body #contact .conteudo-contato .contato-form .item-contato #contagem-caracteres {
        font-size: 10px;
        float: right;
    }

    body #contact .conteudo-contato .contato-form .item-contato .btn-enviar {
        width: 100%;
        height: 40px;
        border: none;
        background-color: #bfa595;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
    }

    body #contact .conteudo-contato .contato-form .item-contato .btn-enviar:hover {
        background-color: #9c775b;
    }

    body #contact .conteudo-contato .contato-form .item-contato-metade {
        width: 50%;
        padding: 5px 10px;
    }

    body #contact .conteudo-contato .contato-form .item-contato-metade label {
        margin: 0;
    }

    body #contact .conteudo-contato .contato-form .item-contato-metade input {
        border: 1px solid #f2f2f2;
    }

    body #contact .img-contato {
        width: 50%;
    }

    body #contact .img-contato img {
        max-width: 100%;
        display: block;
        margin: auto;
    }

    body #contact2 .conteudo-contato {
        width: 80%;
        margin: 60px auto 50px auto;
    }
}

@media(max-width:1280px) {


    body .conteudo-banners-destaques {
        width: 80%;
    }

    body #informacoes .itens-info {
        justify-content: space-between;
    }

    body #servicos .area-servicos {
        width: 95%;
        margin: auto;
    }

    body .container-destaque .area-destaque .info-destaque {
        text-align: center;
    }   
    body .container-destaque .area-destaque .btn-destaque {
        width: 92%;
    }
    /*
    body #servicos .area-servicos .item-servico {
        width: 33.33%; 
        padding: 11px 10px;
    }
    body #servicos .area-servicos .item-servico .conteudo-servico {
        /* width: 100%; *
        padding: 22px 0px;
    }
    body #servicos .area-servicos .item-servico .conteudo-servico img {
        max-width: 86%;
    }*/
}

@media(max-width:1275px) {
    body #menu_1 {
        border-bottom: 1px #ebebeb solid;
    }

    body #menu_1 .conteudo-menu {
        padding: 0;
        flex-wrap: wrap;
    }

    body #menu_1 .conteudo-menu .logomarca {
        width: 50%;
        float: left;
    }

    body #menu_1 .conteudo-menu #nav-menu {
        display: none;
    }

    body #menu_1 .conteudo-menu .btn-mobile {
        display: block;
    }

    body #menu_1 .conteudo-menu .menu {
        float: none;
        width: 100%;
        position: relative;
        top: 0;
        margin: auto;
    }

    body #menu_1 .conteudo-menu .menu ul {
        width: 100%;
        outline-style: none;
        padding: 0;
        margin: 1px 0;
        animation: blockIn .4s;
    }

    body #menu_1 .conteudo-menu .menu ul li {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px #ebebeb solid;
        background-color: #fff;
    }

    body #sobre .conteudo-sobre .img-profiles .img-profile {
        justify-content: center;
    }
}

@media(max-width:1140px) {
    body #profissional .area-download .info-download .botoes-download .div-btnProfissional a {
        width: 216px;
    }
    body #profissional .area-download .info-download .botoes-download {
        width: 89%;
    }
    body #redes-sociais .area-redes-sociais {
        padding: 35px 0;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        font-size: 43px;
    }
    body #informacoes .itens-info {
        width: 95%;
        flex-wrap: wrap;
    }
    body #informacoes .itens-info .item-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 50%;
        margin: 26px 0;
      
    }
    body #sobre .area-sobre {
        padding: 58px 0 0 0;
    }

}

@media(max-width:1024px) {
    body #areaEventos .divEvento {
        width: 33%;
    }
    body #profissional .area-download .info-download .botoes-download {
        flex-wrap: wrap;
        justify-content: center;
    }
    body .container-destaque {
        width: 82%;
    }
    body .container-destaque .area-destaque h4 {
        font-size: 27px;
    }
    body .container-destaque .area-destaque  .info-destaque p{
        font: 14px;
    }   
    body .container-destaque .area-destaque .area-botao-destaque {
        padding: 0 0 0 7px;
    }
    body .container-destaque .area-destaque .btn-destaque {
        width: 100%;
        font-size: 20px;
        text-align: center;
    }
   
   /* body #servicos .area-servicos {
        width: 92%;
        margin: auto;
    }
    body #servicos .area-servicos .item-servico {
        width: 33.33%;
        padding: 13px 0px;
    }
    body #servicos .area-servicos .item-servico .conteudo-servico {
        width: 92%;
        padding: 18px 0px;
    }
    body #servicos .area-servicos .item-servico .conteudo-servico img {
        max-width: 88%;
    }*/
}

@media(max-width:992px) {
    body #profissional .area-download {
        padding-top: 50px;
        flex-wrap: wrap;

    }
    body #profissional .area-download .img-download {
        margin: auto;
        /* max-width: 45%; */
        display: flex;
        width: 50%;
    }
    body #profissional .area-download .info-download {
        padding-top: 40px;
       flex: auto;
       max-width: none;
    }
    body #profissional .area-download .img-download  img{
        width: 100%;
        display: flex;
        margin: auto;
    }
    body #sobre .area-sobre .img-sobre img {
        max-width: 75%;
    }

    body #profissional .area-download .info-download .botoes-download {
        display: none;
      }
    body #profissional .area-download .info-download .ind-Download-Profissional {
        display: flex;
        justify-content: center;
        font-size: 18px;
        margin: 30px auto auto auto;
        color: #000;
        font-weight: bold;
        text-align: center;
      }
    
      body #fotolivro_1 .area-fotolivro {
        width: 80%;
        flex-direction: column;
    }
    body #fotolivro_1 .area-fotolivro .area-download-fotolivro {
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }

    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro {
        display: flex;
        width: 88%;
        flex-direction: column;
        margin: auto;
    }
    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .btn-download-fotolivro {
        display: flex;
        flex-direction: column;
        margin: auto;
    }
    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .div-download-fotolivro .texto-download-fotolivro {
       padding: 20px 0;
    }

    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .img-download-fotolivro {
        margin: auto;
        max-width: 75%;
        display: flex;
    }
    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .img-download-fotolivro img {
        max-width: 85%;
    }
    body #portfolios-area .portfolio .area-fotos {
        width: 82%;
    }
    body #portfolios-area .portfolio .area-fotos .foto {
        width: 48%;
    }

    body #sobre .area-sobre {
        flex-direction: column;
      }

    body #sobre .area-sobre .img-sobre {
        width: 83%;
        margin: auto;
    }
    body #sobre .area-sobre .texto-sobre {
        padding: 20px 0;
        margin: auto;
        width: 73%;
    }
    body #informacoes {
        padding: 0 0 70px 0;
        color: var(--cor-textos);
    }
    body #informacoes .itens-info {
        flex-wrap: wrap;
    }
    body #informacoes .itens-info .item-info {
        width: 45%;
        padding: 15px 10px;
        margin: auto;
    }
}

@media(max-width:991px) {
    body #informacoes .info-area {
        width: 100%;
    }

    body #informacoes .img-info {
        width: 100%;
        padding: 50px 0 0 0;
    }

    body #informacoes .img-info img {
        width: 80px;
        margin: auto;
        display: block;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais {
        width: 45%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 67%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais a {
        width: 42%;
    }
}

@media(max-width:880px) {
    body #areaEventos .divEvento {
        width: 50%;
    }
    body #sobre .area-sobre .img-sobre img {
        max-width: 90%;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais a {
        width: 42%;
    }
    /*--- FOTOLIVRO ---*/
    body #fotolivro_1 .area-fotolivro .area-download-fotolivro .img-download-fotolivro img {
        max-width: 90%;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 76%;
    }
}

@media(max-width:768px) {
    
    /*--- INFORMAÇÕES ---*/
    body #informacoes .info-area .item-info {
        padding: 20px 0;
        width: 50px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    body #informacoes .info-area .item-info i {
        margin: auto;
    }

    body #informacoes .info-area .item-info .texto-info {
        flex-direction: column;
        width: 90%;
        margin: auto;
    }

    body #informacoes .info-area .item-info h3 {
        text-transform: uppercase;
        font-size: 17px;
        margin-top: 10px;
    }

    body #informacoes .info-area .item-info p {
        font-size: 13px;
    }

    /*--- SERVICOS ---*/
    body #servicos .area-servicos .item-servico {
        width: 50%;
      }

    /*--- PORTFOLIO ---*/
    body #portfolio_1 .area-fotos {
        width: 100%;
    }

    body #portfolio_1 .area-fotos .foto {
        width: 33.33%;
    }

    /**/
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 66%;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais a {
        width: 50%;
    }

    /*--- SOBRE ---*/
    body #sobre .conteudo-sobre .img-profiles {
        width: 100%;
        float: none;
    }

    /*--- FOOTER ---*/
    body #footer_2 .container-footer {
        width: 95%;
        flex-wrap: wrap;
    }
    body #footer_2 {
        z-index: 2;
        position: relative;
      }
      body #footer_2 .container-footer {
        width: 95%;
        flex-wrap: wrap;
      }
      body #footer_2 .container-footer .menu-footer {
        width: 100%;
        padding: 50px 0;
    
      }
      body #footer_2 .container-footer .menu-footer .grupo-info {
        text-align: center;
      }
      body #footer_2 .container-footer .redes-sociais {
        width: auto;
        margin: auto;
      }
}

   
  

@media(max-width:767px) {
    body .btnBuscar {
        display: none;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        margin-right: 56px;
    }
}

@media(max-width:675px) {
    body #portfolios-area .portfolio .area-fotos .foto {
        width: 83%;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais {
        width: 35%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        margin-right: 0; 
        text-align: end;
        font-size: 39px;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 66%;
    }
}


@media(max-width:600px) {
    body .barraAcoes .titulo {
        margin: auto auto 15px auto;
    }

    body .barraAcoes .titulo h1 {
        font-size: 1.5rem;
    }

    body .barraPesquisa input {
        width: 100%;
    }
    
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        margin-right: 39px;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais {
        width: 50%;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 50%;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais a {
        width: 91%;
    }

}

@media(max-width:599px) {
    /*--- MENU ---*/
    body #menu_1 {
        height: 75px;
    }

    body #menu_1 .conteudo-menu .btn-mobile {
        margin: 15px 30px auto auto;
    }

    body #menu_1 .conteudo-menu .menu ul {
        margin: 1px 0;
    }

    body #menu_1 .conteudo-menu .menu ul li {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        border-bottom: 1px #a88067 solid;
    }

    /*--- CONTATO ---*/
    body #contact2 .conteudo-contato {
        margin: 0;
    }

    body #contact2 .conteudo-contato .form-contato {
        width: 100%;
        margin: 0;
    }

    body #contact2 .conteudo-contato .form-contato .contato-form {
        width: 80%;
    }

    /*--- FOOTER ---*/
    body #footer_2 {
        z-index: 2;
        position: sticky;
      }
      body #footer_2 .container-footer .menu-footer {
        flex-wrap: wrap;
        padding: 0;
        padding: 20px 0;
      }
      body #footer_2 .container-footer .menu-footer .grupo-info {
        width: 50%;
        padding: 20px 0;
      }
      body #footer_2 .container-footer .menu-footer .grupo-info + .grupo-info + .grupo-info,
      body #footer_2 .container-footer .menu-footer .grupo-info:last-child {
        padding-bottom: 35px;
      }
}

@media(max-width:550px) {
    body #areaEventos .divEvento {
        padding: 5px;
        height: 250px;
    }

    body #areaEventos .divEvento .itemEvento {
        padding: 8px;
    }

    body #areaEventos .divEvento .itemEvento .areaInfo .infoData {
        font-size: 12px;
    }

    body #areaEventos .divEvento .itemEvento .areaInfo .infoDescricao {
        font-size: 18px;
        margin-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body .barraPesquisa {
        width: 100%;
    }

    body .barraPesquisa input {
        width: 90%;
    }
    body #informacoes .itens-info .item-info {
        width: 80%;
    }
}

@media(max-width:520px) {
    body #voltarTopo {
        display: none !important;
    }
}

@media(max-width:500px) {
    /*BANNERS REVELAÇÃO*/
    body .conteudo-banners-destaques {
        flex-direction: column;
        width: 90%;
    }
    body .conteudo-banners-destaques .banner-destaque-maior {
        width: 100%;
    }
    body .conteudo-banners-destaques .banner-destaque-maior .item-banner-destaque {
        padding: 10px 0 0 0;
    }
    body .conteudo-banners-destaques .banner-destaque-maior .item-banner-destaque img {
        max-width: 100%;
    }
    body .conteudo-banners-destaques .banners-destaques-menores {
        width: 100%;
    }
    body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque {
        padding: 10px 0 0 0;
    }
    body .conteudo-banners-destaques .banners-destaques-menores .item-banner-destaque img {
        max-width: 100%;
    }
    body .layout-destaques1 .banners-destaques-menores .item-banner-destaque:first-child,
    body .layout-destaques2 .banners-destaques-menores .item-banner-destaque:first-child {
      padding: 10px 0 0 0;
    }
    body .layout-destaques1 .banners-destaques-menores .item-banner-destaque:last-child,
    body .layout-destaques2 .banners-destaques-menores .item-banner-destaque:last-child {
      padding: 10px 0 0 0;
    }
    /* SERVIÇOS*/
    body #servicos .area-servicos {
        width: 100%;
    }
    body #servicos .area-servicos .item-servico {
        /*width: 100%;*/
        padding: 5px;
      }
    body #servicos .area-servicos .item-servico .conteudo-servico {
        padding: 5px;
    }

    /*--- CONTATOS ---*/
    body #contact2 .conteudo-contato {
        padding-top: 30px;
        width: 100%;
    }

    body #contact2 .conteudo-contato .form-contato .contato-form {
        width: 100%;
    }

    body #contact2 .inf-contato {
        width: 100%;
        margin: 0;
    }

    body #contact2 .inf-contato .inf-superiores {
        display: flex;
        flex-direction: column;
    }

    body #contact2 .inf-contato .inf-superiores .item-info {
        width: 100%;
        margin: 10px auto;
    }

    body #contact2 .inf-contato .inf-superiores .item-info .icone-info {
        padding: 20px 0 0 0;
        margin: auto auto 12px auto;
    }

    body #contact2 .inf-contato .inf-inferiores {
        display: flex;
        flex-direction: column;
    }

    body #contact2 .inf-contato .inf-inferiores .item-info {
        width: 100%;
        margin: 10px auto;
    }

    body #contact2 .inf-contato .inf-inferiores .item-info .icone-info {
        padding: 20px 0 0 0;
        margin: auto auto 12px auto;
    }

    body #contact2 .inf-contato .inf-inferiores .item-info .texto-info .div-wpp-info .btn-wpp-info {
        justify-content: normal;
    }

    body #contact2 .inf-contato .inf-inferiores .item-info .texto-info .div-wpp-info .btn-wpp-info a {
        width: 70%;
        height: 40px;
        margin: auto 15px auto auto;
    }

    body #contact2 .inf-contato .inf-inferiores .item-info .texto-info .div-wpp-info .btn-wpp-info+.btn-wpp-info a {
        margin: auto auto auto 15px;
    }

    /*--- EVENTOS ---*/
    body #eventos_1 {
        padding: 30px 0 0 0;
    }

    body #areaEventos .divEvento .itemEvento .areaImagem {
        height: 50%;
    }

    body #areaEventos .divEvento .itemEvento .areaImagem img {
        max-width: 100%;
    }

    body #areaEventos .divEvento .itemEvento .areaInfo {
        height: 50%;
    }

    body #areaEventos .divEvento .itemEvento .areaInfo .infoDescricao {
        font-size: 13px;
        line-height: 22px;
    }

    body .barraAcoes .titulo {
        margin: auto auto 40px auto;
    }

    /*--- PORTFOLIO ---*/
    body #portfolio_1 {
        padding: 40px 0 50px 0;
    }

    body #portfolio_1 .titulo {
        margin: 0;
    }

    body #portfolio_1 .titulo h1 {
        line-height: 50px;
        padding-bottom: 20px;
    }

    body #portfolio_1 .area-fotos .foto {
        width: 50%;
        padding: 5px;
    }

    body #portfolio_1 #popup-portfolio #btn-next {
        padding: 30px 10px;
    }

    body #portfolio_1 #popup-portfolio #btn-prev {
        padding: 30px 10px;
    }

    /*--- SOBRE ---*/
    body #sobre {
        padding: 30px 0 50px 0;
    }

    body #sobre .conteudo-sobre .img-profiles .img-profile img {
        width: 90%;
    }

    body #sobre .conteudo-sobre .area-sobre {
        width: 92%;
    }

    body #sobre .conteudo-sobre .area-sobre .titulo-sobre h3 {
        font-size: 22px;
    }

    body #sobre .conteudo-sobre .area-sobre .texto-sobre {
        padding: 0 10px;
    }

    body #sobre .conteudo-sobre .area-sobre .texto-sobre p {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 26px;
    }
}

@media(max-width:480px) {
    body #informacoes .info-area .item-info {
        width: 100%;
        margin: auto;
        flex-direction: column;
        text-align: center;
        padding: 15px 0;
    }

    body #informacoes .info-area .item-info i {
        margin: auto;
        margin-bottom: 15px;
    }

    body #informacoes .info-area .item-info .texto-info {
        width: 100px;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        font-size: 41px;
        margin-right: 23px;
    
    }
}

@media(max-width:400px) {
    body .barraPesquisa {
        top: 75px;
        margin: auto;
    }
    body #redes-sociais .area-redes-sociais .btns-redes-sociais {
        width: 75%;
    }
    body #redes-sociais .area-redes-sociais .texto-redes-sociais p {
        font-size: 35px;
        margin-right: 0px; 
    }
}

@media(max-width:488px) and (min-width:408px) {
    body #portfolio_1 .nav-galerias ul li:last-child {
        border: none;
    }
}

/*------------------------- KEYFRAMES ----------------------------*/
/* BOTAO VOLTAR AO TOPO*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*BOTÃO WHATSAPP*/
@keyframes animacaoTexto {
    0% {
        width: 0;
    }

    12% {
        width: 0;
    }

    20% {
        width: 180px;
        color: transparent;
    }

    22% {
        color: #fff;
    }

    80% {
        color: #fff;
        width: 180px;
    }

    86% {
        color: transparent;
    }

    88% {
        width: 0;
    }

    100% {
        width: 0;
    }
}
@keyframes animacaoBotao {
    0% {
        transform: scale(1);
    }

    42% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    53% {
        transform: scale(1.2);
    }

    61% {
        transform: scale(1);
    }
}

/*OCULTAR EVENTO*/
@keyframes ocultarEvento {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes trocaPagina {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*MENU*/
@keyframes FadeInMenu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes FadeInMenu {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes Fadeout {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .1;
    }
}

@-webkit-keyframes Fadeout {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .1;
    }
}

@keyframes Fadein {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes Fadein {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes FadeinBotoes {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes FadeinBotoes {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes animacaoOpacity {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*BANNERS*/
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}