@charset "UTF-8";

/*
 Theme Name:   Clube de Criação
 Theme URI:    http://bizsys.com.br
 Description:  Tema A
 Author:       Bizsys
 Author URI:   http://bizsys.com.br
 Version:      1.0
*/




/* 
   ====================================================
                 PRINCIPAL
   ====================================================           
*/
@font-face {
    font-family: arnhem_bold;
    src:    url(fontes/ttf/ufonts.com_arnhem-bold.ttf);
    src:    url(fontes/woff/ufonts.com_arnhem-bold.woff),
            url(fontes/otf/ufonts.com_arnhem-bold.otf),
            url(fontes/eot/ufonts.com_arnhem-bold.eot),
            url(fontes/ttf/ufonts.com_arnhem-bold.ttf);
    }

@font-face {
    font-family: FormularRegular;
    src:    url(fontes/otf/Formular-Regular.otf);
}    

@font-face {
    font-family: calibre;
    src:    url(fontes/ttf/calibre-regular.ttf);
    src:    url(fontes/woff/calibre-regular.woff),
            url(fontes/otf/calibre-regular.otf),
            url(fontes/ttf/calibre-regular.ttf);
}

body {
    margin: 0;
    padding: 0;
    background: #efefef;
    font-family: "FormularRegular", sans-serif !important;
}

.logo {
    width: 220px;
    height: 100px;
    margin-top: 25px;
    margin-left: 0px;
}

h1, h2, h3, .ultimas-titulo span, .linha-post p, .paragrafo-slide p, .titulo-cadastre, .linha-anuario, .banner_pagina .banner-pagina .titulo_banner span, .clube_paragrafo, 
.linha-clube, .anuncie-coluna p, .faixa-anuncie, .paragrafo-socio, .linha-post h4, .titulo_palestrantes h4, .legenda, h4, h5, .botao-aba, .capa-mobile span, .anuario_linha p, 
.nav-titulo li, .lista-sidebar, .festival-a span, .festival-b span, .banner-publicidade {
    /*font-family: initial;*/
    font-family: "FormularRegular", sans-serif !important;
    /*font-family: arnhem_bold;*/
    font-weight: 100;
}

/*  ======================================================  */


/*  size 52  */
.titulo_pagina h1 {
    font-size: 52px;
}


/*  size 42  */
.linha-titulo h2 {
    font-size: 42px;
}

.popup {
    position: relative;
    background-color: rgba(0, 98, 255, 1);
    color: #fff;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.selo img{
    margin-right: -30px;
    width: 90px;
    float: right;
}
#logoBackground{
    background-image: url(http://www.clubedecriacao.com.br/wp-content/uploads/2020/04/logoclube2.png);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#logoBackground:hover{
    background-image: url(http://www.clubedecriacao.com.br/wp-content/uploads/2020/04/logoclube.png);
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
  
/* The actual popup */
.popup .popuptext {
    text-align: center;
    background-color: rgba(255,255,255,0);
    font-size: 22px;
    z-index: 1;
    bottom: 125%;
    margin-left: 10px;
    font-weight: 600;
}


/*  size 38  */
h2, .faixa-anuario h2 {
    font-size: 38px;
}


/*  size 26  */
h3, .titulo-cadastre h2, .inscricao-b p, .paragrafo-programacao h3, .linha-post h4 {
    font-size: 26px;
}


/*  size 22  */
.linha-post p, .paragrafo-slide p, .ultimas-titulo span, .titulo-cadastre p, .maps-paragrafo h2, .banner_pagina .banner-pagina .titulo_banner span, .linha-titulo p, .titulo_pagina span, 
.categoria-anuario h2, .ficha h2, .socio-titulo h2, .titulo_palestrantes h4, .botao-aba button, .nav-titulo li, .linha-anuario p {
    font-size: 22px;
}


/*  size 18  */
.ultimas-sidebar h3, .linha-footer h2, .linha-materia, .linha h2, .todas_categorias, .titulo-inscricao h4, .materia_clube h2 {
    font-size: 18px;
}


/*  size 18  */
.faixa_anuarios, .anuario_linha h4, .paragrafo-socio, .paragrafo_diretoria {
    font-size: 18px;
}


/*  size 12  */
.categoria-post p, .nav-footer li, .nav-footer2 li, .faixa_1 span, .formulario input, .categoria, .paragrafo-programacao ul {
    font-size: 12px;
}


/*  size 12  */
.faixa_1 p, .coluna-final, .nav-post span, .anuario_info {
    font-size: 12px;
}

/*  size 16  */
.anuario-botao button, .linha-botao button, button {
    font-size: 16px;
}


/*  size 14  */
.nav-principal .nav-a ul li, .nav-principal .nav-b ul li, .mini-slide p, .lista_categoria li, .nav-linha p, .ficha strong, .paragrafo-concurso, .lista-inscricao, .botao-transparente,
.nav-busca, .linha_sidebar .lista-sidebar {
    font-size: 14px;
}

/*  ======================================================  */




/* .largura-logo{
    width: 220px;
    margin-top: -16px;
    margin-left: 15px;
} */

.paragrafo-anuncie .mini-titulo {
    font-style: initial;
}


.paragrafo-palestrante p {
    font-family: "FormularRegular", sans-serif !important;
}
/*  ===================================================  */




/* 
   ====================================================
              NAV
   ====================================================           
*/

.header-principal {
    background: #feee00;
    width: 100%;
    padding: 0px 2.5%;
    height: 150px;
}

.nav-principal {
    background:black;
    width: 100%;
    height: 55px;
    color: white;
    font-size: 14px;
    padding: 15px 2.5%;
    font-size: 14px;
}

.nav-principal .nav-a ul li{
    display: inline;
    padding: 10px 18px;
    color: #d0d0d0;
    float: left;
    padding-top: 2px;
}

.nav-principal .nav-b ul li{
    display: inline;
    padding:0px 18px;
    color: #d0d0d0;
} 

.nav-menu {
    display: inline;
    padding-left: 5px;
}

.nav-a {
    display: inline;
    float: left;
}

.nav-b {
    display: inline;
    float: right;
    margin-right: 1%;
}

.coluna-logo {
    width: 45%;
    float: left;
}

.nav-principal .nav-b ul .nav-midia {
    font-size: 17px;
} 

.nav-menu span {
    opacity: 0.7;;
}

.nav-menu li a {
    color: white;
}

.nav-menu span {
    color: white;
}

li a {
    color: black;
}

.nav-menu ul li .arrow {
    border: none;
    margin: 0px;
}

.linha-nav {
    background: #efefef;
}

.image-nav {
    float: left;
    width: 35%;
    margin-left: 10px;
    height: 130px;
}

.nav-itens {
    cursor: pointer;
}

.lado-a {
    background: white;
    float: left;
    padding-left: 45px;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 510px;
    margin-left: 10%;
}

.lado-a:hover, .lado-b:hover {
    background: #dedede;
}

.lado-b {
    background: white;
    float: right;
    padding-left: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
    width: 510px;
    margin-right: 10%;
}

.linha p {
    font-size: 14px;
    text-transform: capitalize;
}

.nav-principal .nav-a ul li:hover, .nav-b ul li:hover {
    opacity: 1;
    color: #feee00;
}

.nav-footer li:hover,.nav-footer2 li:hover {
    opacity: 1;
}

.nav-mobile {
    display: none;
    opacity: 0.9;
}

.nav-principal .nav-a ul a:hover, .nav-b ul a:hover {
    text-decoration: none;
}

/*  ===================================================  */




/* 
   ====================================================
              PÁGINA
   ====================================================           
*/

.pagina_pagina {
    float: right;
    background: #efefef;
    padding-right: 4%;
    max-width: 100%;
    margin: 0px;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
    min-height: 1850px;
}

.coluna-pagina {
    float: left;
    background: #efefef;
    padding-left: 1.5%;
    max-width: 73%;
}

.pagina {
    background: #efefef;
    float: left;
}

.pagina_anuario {
    color: black;
    background: white;
    width: 100%;
}

.pagina-materia {
    float: left;
    padding-bottom: 80px;
}

.pagina-midia {
    padding-top: 70px;
    color: black;
    background: #efefef;
    max-width: 100%;
    width: 100%;
    margin-bottom: 40px;
}

.pagina_anuario .coluna-pagina .titulo_pagina {
    color: black;
    font-style: initial;
    text-align: left;
}

.pagina_anuario .coluna-pagina {
    background: white;
}

.nav-pagina {
    clear: both;
    padding: 0px;
    padding: 50px 0px;
}

#nav-pagina  {
    display: block;
}

#nav-pagina-mobile  {
    display: none;
}


.pagina-toda {
    background: #d0d0d0;
    /*background: #efefef;*/
    width: 100%;
    max-width: 100%;
}

.principal_anuario {
    width: 100%;
    height: 400px;
    background: #9b9b9b;
    color: white;
    background-repeat: no-repeat;
}

.pagina-acervo .coluna-anuario {
    padding-top: 0px;
}

.pagina-acervo .coluna-pagina2 {
    padding-bottom: 100px;
    padding-right: 0px;
}

.categoria_anuario {
    padding-top: 70px;
    color: black;
    background: white;
    padding-left: 2%;
}

.categoria_anuario .coluna-pagina {
    background: white;
}

.pagina_toda {
    background: #efefef;
}

.materia {
    width: 100%;
    margin: 40px 0px;
    margin-top: 25px;
    float: left;
}

.materia-anuario {
    width: 100%;
    margin: 40px 0px;
}

.midia-materia {
    width: 100%;
    height: 45px;
    padding: 0px;
}

.materia-pagina {
    padding-right: 18%;
}

.categoria_anuario .coluna-pagina .materia-pagina .materia p {
    opacity: 0.8;
    line-height: 2.5;
    margin-bottom: 0px;
}

/*  ===================================================  */




/*   ÚLTIMAS  */
.categoria-post p span a {
    color: black;
}

.coluna-pagina2 {
    float: left;
    background: #efefef;
    padding-left: 15px;
    margin-top: 40px;
}

.categoria_anuario .coluna-pagina .materia-pagina .materia {
    margin-top: 0px;
}

/*  ===================================================  */




/*  BANNERS  */
.linha-pagina .banner1 {
    clear: both;
    width: 100%;
}

.linha-pagina .banner1 img {
    margin:auto;
}

.image-post {
    width:100%;
    height: 240px;
    line-height: 240px;
}

.banner img {
    width:100%;
}

.banner-lateral img {
    /*max-width: 100%;*/
    /*width: 300px;*/
    /*height: 250px;*/
    max-width: 300px;
    width: 100%;
    height: auto;
}

.banner_lateral {
    padding-left: 4%;
    text-align: center;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding:0px;
    margin-left: 1.7%;
    width: 22.4%;
    height: 500px;
}

.coluna-sidebar2 .banner_alt {
    padding-top: 152px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

.banner1 {
    margin: auto;
    clear: both;
    margin-bottom: 10px;
}

.banner1 img {
    margin: auto;
    max-width: 100%;
}

.banner-a {
    margin: auto;
    clear: both;
    background: #efefef;
    padding: 40px;
    padding-bottom: 20px;
}

.mini-banner {
    margin: auto;
    display: flex;
}

.mini-banner img {
    max-width: 100%;
    width: 300px;
    height: 100px;
}

.banner-a img {
    margin-right: 10px;
}

.banner-b {
    margin: auto;
    clear: both;
    padding-bottom: 3%;
}

.banner-b img {
    max-width: 100%;
    width: 240px;
    height: 400px;
}

.banner_pagina {
    width: 100%;
}

.banner-pagina {
    width: 100%;
    height: 348px;
    background: #9b9b9b;
    color: white;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    background-size: cover;
}

.banner_anuario {
    width: 100%;
    height: 348px;
    background: #9b9b9b;
    color: white;
    background-repeat: no-repeat;
}

.banner-lateral {
    margin-bottom: 25px;
    margin-top: 175px;
    text-align: center;
}

.paragrafo_banner {
    font-size: 12px;
    font-style: italic;
    padding-right: 80px;
    text-align: right;
    margin-top: 70px;
    position: relative;
}

.paragrafo_banner p {
    float: right;
    margin-bottom: 0px;
}

.paragrafo_banner a {
    color: white;
}

#categoria-banner {
    display: block;
    text-align: initial;
}

.paragrafo_banner .arrow {
    margin-right: 0px;
    margin-left: 10px;
}

.banner_pagina .banner-pagina .titulo_banner span {
    color: white;
    padding: 0px 15px;
}

.nav-pagina .banner-a {
    padding-bottom: 0px;
    padding-top: 50px;
}

.principal_anuario img {
    width: 100%;
    height: 400px;
}

.banner_acervo {
    width: 100%;
    height: 348px;
    background: #9b9b9b;
    color: white;
}

.banner_acervo .titulo_pagina p {
    display: block;
    font-size: 21px;
    display: inline;
    padding-bottom: 10px;
}

.banner_acervo .titulo_pagina {
    width: 50%;
    margin: auto;
}

.banner_acervo img {
    width: 100%;
    height: 100%;
}

/*  ===================================================  */




/* 
   ====================================================
              SIDEBAR
   ====================================================           
*/

.coluna-sidebar {
    float: right;
    max-width: 27%;
    margin: 0px;
    padding: 0px;
}

.coluna-sidebar2 {
    background: #d0d0d0;
    padding-left: 5%;
    padding-bottom: 1.5%;
    padding-right: 10%;
}

.ultimas-sidebar {
    text-align: left;
    margin: 15px 0px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 120px;
    overflow: hidden;
}

.ultimas-sidebar img {
    max-width: 100%;
    width: 100%;
    position: relative;
    margin-top: -230px;
    height: 100%;
    opacity: 0.5;
}

.subtitulo_sidebar {
    font-size: 12px;
    display: block;
    clear:both;
}

.linha_sidebar {
    border-left: solid 5px #feee00;
    margin-left: 15%;
    padding: 0px 10px;
    max-height: 70px;
    margin-right: 30px;
    height: 50px;
    vertical-align: middle;
}

.linha_sidebar .lista-sidebar {
    line-height: 1.4;
    color: #e4e4e4;
}

.ultimas-sidebar .lista-lista {
    font-size: 22px;
    color: #feee00;
    float: left;
    display: block;
    text-align: right;
    width: 12%;
    margin-top: 10px;
}

.primeira-sidebar {
    height: 100%;
}

.linha_sidebar p {
    color: white;
    font-size: 12px;
    line-height: 1.1;
    text-transform: capitalize;
}

.linha_sidebar a {
    color: white;
}

.sidebar_pagina {
    background: #d0d0d0;
    float: left;
    display:none;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.lista_sidebar {
    padding: 0px 15%;
}

.sidebar_anuario .linha_sidebar {
    line-height: 30px;
}

.faixa-transparente {
    background: black;
    position: relative;
    height: 100%;
    opacity: 0.4;
}

.linha-transparente {
    background: black;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}

/*  ===================================================  */




/*  MÍDIA  */
.coluna-midia {
    background: #dedede;
    margin: auto;
    text-align: center;
}

.faixa-midia {
    height: 50px;;
}

.post-midia {
    height: 400px;
    margin: 10px;
    float: left;
    max-width: 23%;
    padding: 0px;
}

.image-midia {
    height: 55px;
    width: 55px;
    border-radius: 50%;
    margin: 0px 42.5%;
    z-index: 2;
    position: absolute;
}

.midia-social {
    margin: auto;
    padding-left: 2%;
}

.faixa-image {
    width: 100%;
}

.faixa-image img {
    width: 100%;
    max-width: 100%;
}

.faixa-midia3 p {
    font-size: 14px;
    margin-bottom: 10px;
}

.faixa-midia3 {
    text-align: center;
}

.faixa-post {
    background: white;
    margin-top: -20px;
    height: 470px;
}

/*  ===================================================  */




/*  FESTIVAL  */
.coluna-festival {
    width: 100%;
    margin: 0px;
    color: white;
    padding: 5% 15%;
    background: black;
    background-image: url(http://s3-us-west-2.amazonaws.com/br.com.ccsp.assets/wp-content/uploads/2018/08/13121021/festival.jpg);
    background-repeat: no-repeat;
    background-position: right;
}

.festival-posts p {
    font-size: 14px;
    color: #585858;
}

.data-festival {
    font-style: italic;
}

.festival-posts button {
    color: #585858;
    background: transparent;
    border: none;
    font-size: 17px;
    font-style: italic;
    padding: 0px;
}

.linha-festival2 {
    margin-top: 8%;
}

/*  ===================================================  */




/*    ANUÁRIO    */
.anuario-banner {
    margin: auto;
    clear: both;
    /*padding: 4% 0px;*/
    text-align: center;
    background: #1b1b1b;
    padding-top: 40px;
    padding-bottom: 20px;
}

.anuario-banner img, .banner1 img {
    max-width: 728px;
    width: 100%;
    height: auto;
    margin: auto;
    /*max-width: 100%;*/
    /*width: 728px;*/
    /*height: 90px;*/
}

.linha-anuario {
    border-left: solid 5px #feee00;
    padding-left: 4%;
    color: white;
}

.coluna-anuario {
    background: #1b1b1b;
    padding-top: 5%;
    padding-bottom: 5%;
    margin: 0px;
    max-width: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.faixa-anuario {
    width: 100%;
    padding: 0px 5%;
}

.linha-anuario p {
    color: #9b9b9b;
}

.lista-anuario {
    display: inline;
    float: left;
    margin-left: 40px;
    font-style: italic;
}

.lista-anuario p span {
    display: block;
}

.lista-anuario p span:last-child {
    font-size: 21px;
    border-bottom: solid 1px;
}

.lista-anuario p span i {
    margin-left: 10px;
    margin-right: 0px;
}

.faixa {
    max-width: 40%;
    width: 40%;
    display: block;
    float: right;
    padding-right: 40px;
}

.lista-anuario p {
    margin-bottom: 0px;
}

/*  ===================================================  */




/*    SÓCIO   */
.coluna-socioclube {
    width: 100%;
    margin: 0px;
    background: #1b1b1b;
    color: white;
    padding:5% 15%;
}

.socioclube-posts {
    float: left;
    text-align: center;
}

.socioclube-posts p {
    color: #585858;
}

/*  ===================================================  */




/*    CADASTRE   */

.formulario-cadastre {
    width: 90%;
    background: transparent;
    border: none;
    border-bottom: solid 1px white;
}

.formulario {
    padding-top: 40px;
}

.coluna-cadastre {
    background:black;
    color: white;
}

.linha-cadastre {
    padding:2% 14%;
    padding-bottom: 1%;
}

.titulo-cadastre p {
    color: #9b9b9b;
}

/*  ===================================================  */




/* 
   ====================================================
              FOOTER
   ====================================================           
*/

.coluna-footer {
    background: #242424;
    color: white;
}

.faixa-footer {
    width: 48%;
}

.faixa-footer2 {
    width: 52%;
}

.linha-footer {
    padding: 40px 14%;
    color: #9b9b9b;
    padding-right: 10%;
}

.nav-footer li, .nav-footer2 li {
    display: block;
}

.nav-footer li a, .nav-footer2 li a {
    color: #d0d0d0;
}

.nav-footer li a:hover, .nav-footer2 li a:hover {
    opacity: 1;
}

.nav-footer {
    padding: 0px;
    float: left;
    width:100%;
}

.nav-footer ul {
    padding: 0px;
}

.linha_footer {
    padding-top: 10px;
}

.faixa_1 {
    width: 50%;
    float: left;
}

.faixa_1 span {
    display: block;
    color: white;
    margin-bottom: 5px;
}

.coluna-a {
    float: left;

}

.coluna-b {
    float: right;
}

.coluna-a p, .coluna-b p {
    margin: 0px;
}

.coluna-final {
    background: black;
    height: 35px;
    color: white;
    font-style: italic;
    padding: 10px 4%;
}

.coluna-final .coluna-a, .coluna-b {
    opacity: 0.4;
}

.faixa-footer ul {
    margin-top: 10px;
}

footer {
    clear: both;
}

.nav-footer li, .nav-footer2 li {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.faixa-footer li a {
    color: #9b9b9b;
}

/*  ===================================================  */




/* 
   ====================================================
              MAPS
   ====================================================           
*/

.maps {
    background: #585858;
    max-width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
}

.coluna-maps {
    max-width: 100%;
    padding: 0px;
    clear: both;
    background: black;
}

.maps img {
    max-width: 100%;
    width: 100%;
}

/*  ===================================================  */




/* 
   ====================================================
              CATEGORIA ANUÁRIO
   ====================================================           
*/



.anuario {
    padding-top: 60px;
    min-height: 1700px;
}

.banner-anuario {
    margin-bottom: 20px;
}

.midia-anuario {
    background: #efefef;
}

/*  ===================================================  */




/* 
   ====================================================
              CATEGORIA ÚLTIMAS
   ====================================================           
*/

.faixa-ultimas {
    position: relative;
    height: 100%;
    float: left;
    width: 100%;
    z-index: 40;
    padding-top: 40px;
}

.primeira-sidebar .faixa-ultimas {
    margin-top: 70px;
}

/*  ===================================================  */




/* 
   ====================================================
              BUSCA
   ====================================================           
*/

.linha-busca .botao-busca {
    background: transparent;
    border: none;
    font-size: 40px;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

input[class="busca"] {
    color: black;
    text-align: right;
    padding-top: 10px;
}

.busca {
    width: 50%;
    margin-left: 800px;
    background: transparent;
    border: none;
    border-bottom: solid 1px;
    font-size: 25px;
    font-style: italic;
}

.busca {
    display: none;
}

.busca:focus {
    border: none;
    text-decoration: none;
}

.nav-busca {
    display: inline;
    padding-left: 0px;
    opacity: 0.7;
}

.nav-busca li {
    display: inline;
    margin: 0px 5px;
}



/*  habilitar */
.header-principal .nav-botao-ativar, .nav-mobile, .header-principal .nav-botao-busca {
    display: none;
}

.linha-visualizar {
    display: inline;
    font-size: 12px;
}

.pagina_busca .pagina-busca {
    max-width: 100%;
    padding-bottom: 0px;
}

.pagina_busca {
    padding-top: 40px;
    margin-bottom: 0px;
}

#busca {
    margin-right: 23px;
    float: right;
    margin-top: 4px;
}

.nav-busca li {
    cursor: pointer;
}

.coluna-busca-mobile {
    display: none;
}


#desativar-busca {
    border-radius: 50%;
    border: solid 2px black;
    padding: 2px;
    font-size: 120%;
    display: none;
    margin-right: -55px;
    margin-top: 80px;
}

#buscar {
    margin-right: 0px;
}

.pagina-busca {
    max-width: 100%;
}

.coluna-busca {
    width: 100%;
    float: left;
    margin-left: 30px;
    margin-top: -40px;
}

.pagina_busca .pagina-busca {
    padding-left: 2.5%;
}

/*  ===================================================  */





/* 
   ====================================================
              ARROW
   ====================================================           
*/

.arrow {
    border: solid 1px;
    border-radius: 50%;
    font-size: 15px;
    padding: 2px;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 2px;
    padding-left: 2.5px;
    outline: none;
}

.lado-a .arrow-nav {
    float: left;
    padding-top: 12.5%;
}

.lado-b .arrow-nav {
    float: right;
    padding-top: 12.5%;
}

.arrow-nav i {
    font-size: 20px;
    padding:5px;
}

.arrow-nav i:hover {
    opacity: 0.4;
}

.arrow-nav button {
    padding: 0px;
    border: none;
    background: transparent;
}

.arrow_footer {
    color: white;
    background: transparent;
    display: inline;
}

.arrow_footer {
    display: none;
}

.arrow_anuario {
    background: transparent;
    margin-right: 0px;
    margin-left: 10px;
    color: white;
}

/*  ===================================================  */




/* 
   ====================================================
              CATEGORIAS
   ====================================================           
*/

.lista_categoria {
    display: inline;
    font-size: 14px;
    padding: 0px;
}

.lista_categoria li {
    display: block;
    margin: 20px 0px;
    cursor: pointer;
}

.lista_categoria li i {
    font-size: 10px !important;
}

.lista_categoria li:first-child {
    margin-top: 0px;
}

.linha_categoria {
    padding-top: 10px;
}

.categoria {
    font-style: italic;
    color: #9b9b9b;
}

.nav-post .categoria {
    margin-top: 5px;
}

.categoria p {
    margin: 0px;
    padding-right: 10px;
}

.linha-categoria {
    display: none;
}

.categoria-mobile {
    display: none;
}

.lista_categoria li:hover {
    opacity: 0.4;
}

.lista_categoria a {
    color: black;
}

.categoria a {
    color: black;
}

/*  ===================================================  */




/* 
   ====================================================
              BOTAO
   ====================================================           
*/

.pagina_pagina .linha-botao {
    padding-top: 10px;
}

.paragrafo_banner p button {
    font-size: 10px !important;
    background: transparent;
    color: white;
}

.pagina-midia .coluna-pagina .linha-botao {
    margin-top: 20px;
}

button a {
    color: black;
}

.pagina-acervo .coluna-pagina2 .linha-botao {
    padding-top: 10px;
}

.festival-botao button:hover {
    background: black;
    color: #feee00;
    border: solid 1px #feee00;
}

.linha-botao {
    clear: both;
    margin: auto;
}

.linha-botao button {
    margin: auto;
    background:transparent;
    border-style: groove;
    padding:10px 40px;
    font-style:italic;
    opacity: 0.5;
    cursor: pointer;
    outline: none;
    display: block;
}

.linha-botao a {
    margin: auto;
    text-decoration: none;
}

.coluna-midia .linha-botao button {
    margin-top:40px;
}

.nav-itens .botao-login {
    font-size: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

.festival-botao button {
    background: #feee00;
    border: none;
    padding: 15px 25px;
    height: 55px;
}

.anuario-botao button {
    background:#feee00;
    border: none;
    margin: auto;
    margin-bottom: 40px;
    font-style: italic;
    color: black;
    margin-right: 5%;
    float: left;
    width: 210px;
    height: 55px;
}

.socioclube-botao {
    margin: auto;
    text-align: center;
    margin-top: 40px;
    clear: both;
    width:100%;
}

.botao-cadastrar {
    background: transparent;
    float: right;
    color: #feee00;
    margin-top: 10px;
    position: absolute;
}

.anuario-botao button:hover {
    background: black;
    color: #feee00;
    border: solid 1px #feee00;
}

.socioclube-botao button{
    background: #feee00;
    border: none;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 15px 25px;
    font-style: italic;
    height: 55px;
}

.socioclube-botao button:hover {
    background: #1b1b1b;
    color: #feee00;
    border: solid 1px #feee00;
}

.anuario-botao {
    margin-top: 25px;
}

.linha-botao button:hover, .linha-categoria button:hover {
    background: #242424;
    color: white;
}

.categoria-mobile .nav-botao-desativar {
    background: transparent;
    float: right;
    color: black;
    border-color: black;
    font-size: 20px;
    margin-top: 50px;
}

.categoria-mobile .nav-botao-desativar:hover {
    opacity: 0.4;
}

.coluna-midia .linha-botao {
    margin-top: 80px;
}

.botao-lightbox {
    background: #feee00;
    border: none;
    padding: 10px 20px;
    width: 170px;
    font-size: 14px;
    font-style: italic;
    display: block;
    margin-top: 40px;
    cursor: pointer;
}

.botao-lightbox i {
    font-size: 11px;
    border: solid 1px;
    border-radius: 50%;
    padding: 2px;
    margin: 0px 5px;
}

.botao-lightbox:hover {
    background: #ffbb00;
}

#linha-botao-mobile, #banner-lateral-mobile {
    display: none;
}

.socio-botao {
    background: #feee00;
    border: none;
    margin: auto;
    margin-bottom: 10px;
    font-style: italic;
    color: black;
    display: block;
    width: 88%;
    height: 55px;
    font-size: 14px;
}

.socio-botao:hover {
    background: black;
    color: #feee00;
}

.inscricao-botao {
    background: #feee00;
    border: none;
    margin-bottom: 10px;
    font-style: italic;
    color: black;
    margin-right: 15px;
    padding: 10px 40px;
}

.inscricao-botao:hover {
    background: black;
    color: #feee00;
}

.botao-transparente {
    background: transparent;
    border: none;
    font-style: italic;
    margin-top: 20px;
    color: #585858;
}

.linha-botao-inscricao-mobile {
    display: none;
}

.botao-anuncie {
    background: #feee00;
    border: none;
    margin-bottom: 10px;
    font-style: italic;
    color: black;
    font-size: 14px;
    margin-right: 15px;
    padding:15px 25px;
}

.botao-anuncie .arrow {
    border: none;
    font-size: 18px;
}

.botao-anuncie:hover {
    background: black;
    color: #feee00;
}

.botao-confira {
    background: #feee00;
    border: none;
    font-style: italic;
    color: black;
    height: 55px;
    width: 200px;
    margin: auto;
    display: block;
}

.botao-confira:hover {
    background: black;
    color: #feee00;
}

.botao-mapa {
    background: #feee00;
    border: none;
    font-style: italic;
    color: black;
    font-size: 12px;
    width: 200px;
    padding: 10px 15px;
    margin-top: 10px;
}

.botao-mapa:hover {
    background: black;
    color: #feee00;
}

.nav-midia-mobile .nav-itens .botao-login {
    font-size: 22px;
}

.linha-botao-clube {
    width: 100%;
    margin-top: 40px;
    padding: 0px 10%;
    border-bottom: solid 1px #9b9b9b;
    height: 42px;
    display: block;
}

.botao-clube {
    background: transparent;
    border: none;
    width: 30%;
    height: 40px;
}

.clube-botao {
    background: #feee00;
    width: 100%;text-align: left;
    padding: 10px;
    border: solid 1px white;
    background: #9b9b9b;
}

.clube-botao i {
    float: right;
}

#clube-botao i {
    font-size: 17px;
    border: none;
}

.mais-image-festival .inscricao-botao {
    padding: 15px;
}

.botao-aba {
    /*width: 40%;*/
    width: 64%;
    margin-top: 70px;
    float: left;
    background: #d0d0d0;
}

.botao-aba button {
    background: white;
    border: none;
    padding: 10px;
    /*width: 50%;*/
    width: 25%;
    float: left;
}

.publi_b .inscricao-botao:hover {
    border: solid 1px;
}

.botao_publi, .botao_pin {
    background: #feee00;
    width: 40px;
    height: 40px;
    position: absolute;
    float: right;
    right: 10px;
    margin-top: 10px;
    border-radius: 50%;
    border: none;
    padding-left: 11px;
    box-shadow: 1px 2px 10px 0px;
    overflow: hidden;
    line-height: 1;
}

.botao_pin img {
    float: right;
    margin-right: -5px;
}

.botao_publi:hover {
    background: black;
}

.botao_publi:hover i {
    color: #feee00;
}

/*  ===================================================  */




/* 
   ====================================================
              GALERIA
   ====================================================           
*/

.galeria {
    height: 348px;
    width: 100%;
    background-image: url(http://s3-us-west-2.amazonaws.com/br.com.ccsp.assets/wp-content/uploads/2018/08/20101641/ultimas-1.jpg);
    background-position: center;
}

.galeria-materia {
    width: 100%;
}

.titulo-galeria p {
    border-left: solid 5px #feee00;
    padding: 0px 5px;
    font-size: 18px;
}

.titulo-galeria {
    margin-bottom: 25px;
}

.mais-galeria {
    background: green;
    width: 20%;

}

.mini-galeria {
    cursor: pointer;
}

.legenda-galeria p {
    border-left: solid 5px #feee00;
    padding: 0px 10px;
    margin-top: 20px;
    font-size: 15px;
    line-height: initial;
}

.legenda-galeria p span {
    font-weight: bold;
}

.linha-galeria {
    height: 348px;
    width: 100%;
    margin: 40px 0px;
}

.galeria img {
    width: 100%;
    height: 348px;;
}

.materia img {
    width: 100%;
    height: 100%;
}

.image-nav img {
    height: 130px;
    width: 180px;
}

.galeria-materia img {
    width: 100%;
}

.article-img {
    max-width: 100%;
}

/*  ===================================================  */





/*       LAYOUT      */

.linha-post p span a {
    text-transform: capitalize;
    color: #585858;
}

.linha-post p span {
    display: block;
    text-transform: capitalize;
}

.nav-post span {
    color: #9b9b9b;
}

.linha {
    border-left: solid 5px #feee00;
    padding:0px 5px;
    margin-top: 10px;
}

.dados-materia {
    text-align: right;
    padding-right: 10px;
    float: right;
    padding-top: 15px;
}


.dados-materia p {
    vertical-align: bottom;
    margin: 0px 20px;
    margin-left: 0px;
    padding-left: 0px;
    font-size: 15px;
    display: block;
    float: left;
    padding-top: 3px;
    padding-right: 25px;
}


.pagina-midia .coluna-pagina .faixa-titulo p {
    font-size: 14px;
    opacity: 0.7;
}

.dados-materia p a {
    color: #f76b90;
}

.materia p a {
    color: #f76b90;
}

.pagina-acervo .image-post {
    height: 200px;
    height: 200px;
}

.thumbnail {
    background:#dedede;
}

.image-post2 {
    height: 170px;
}

.no-thumbnail {
    background-color: #feee00;
    background-image: url(http://www.clubedecriacao.com.br/wp-content/uploads/2020/04/estrela-clube.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30%;  
}

.linha-materia {
    padding-top: 20px;
    width: 100%;
    margin-bottom: 40px;
    line-height: 1.7;
}

.linha-materia p {
    margin-bottom: 40px;
}

.ficha p {
    display: inline;
    line-height: 2;
}

.titulo_pagina span a, .titulo_pagina span:last-child, .linha-materia p, .linha-titulo p {
    color: #585858;
}

.midia-1 {
    background: #325b99;
}

.midia-2 {
    background: #01acec;
}

.midia-3 {
    background: #de4b39;
}

.midia-4 {
    background: #9b9b9b;
}


.materia-icon {
    color: white;
    font-size: 21px !important;
    padding: 10px 5px;
    width: 40px; 
    text-align: center;
    margin: 7px;
    cursor: pointer;
}

.materia-icon:first-child {
    margin-left: 0px;
}

.midia-materia ul {
    padding: 0px;
    float: left;
}

.pagina-midia .coluna-pagina .midia-social .post-midia {
    max-width: 31%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 20px;
}
.pagina-midia .coluna-pagina .midia-social {
    margin: 0px;
    padding-left: 0px;
}


.faixa-midia3 p span {
    color: #feee00;
}


.midia-midia {
    font-size: 15px;
    color: #feee00;
}

.midia-faixa {
    padding: 10px;
}

.midia-faixa .midia-materia {
    padding-left: 0px;
    padding-right: 3%;
}

.midia-faixa  .midia-materia ul {
    float: right;
    margin-bottom: 10px;
}



/*  BANNER PRINCIPAL  */
.banner_principal {
    height: 470px;
    width: 100%;
    max-width: 100%;
    clear: both;
}

.slide-principal {
    height: 470px;
    float: left;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 85%;
    max-width: 85%;
    overflow: hidden;
    position: absolute;
}

.coluna-slide {
    background: black;
    float: right;
    height: 470px;
    width: 15%;
    max-width: 15%;
}

.linha-slide {
    background: #feee00;
    margin-left: 4%;
    bottom: 70px;
    padding: 20px;
    position: absolute;
    z-index: 100;
    min-width: 35%;
    max-width: 40%;
    margin-bottom: -50px;
    opacity: 0.9;
}

.slide-principal img {
    width: 100%;
    min-height: 100%;
    position: relative;
}

.mini-slide {
    margin: 0px;
    display: block;
    height: 94px;
    opacity: 0.5;
    cursor: pointer;
    line-height: 94px;
    width: 100%;
    background-size: 400px 100px;
    background-position: center;
    overflow: hidden;
    border-left: solid 4px #feee00;
    background-size: cover;
}

.mini-slide img {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    position: relative;
    float: left;
    margin-top: -94px;
    opacity: 0.8;
}

.mini-slide img:hover, .mini-slide p:hover + img {
    opacity: 0.8;
}

.mini-slide p {
    color: white;
    margin-left: 10px;
    width: 50%;
    display: inline-block;
    vertical-align: bottom;
    line-height: 1.4;
    position: relative;
    z-index: 200;
}

.linha-mapa {
    padding: 0px 10px;
    border-left: solid 5px black;
    margin-left: 30px;
    margin-top: 30px;
}
.linha-maps {
    display: none;
}

.categoria span a {
    color: black;
}

.formulario input {
    padding: 10px 0px;
}

.formulario-cadastre{
    color: white;
}


.materia-icon:hover {
    opacity: 0.8;
}

.article-img {
    width: 100%;
}

/* .largura-logo {
    background-image: url(http://www.clubedecriacao.com.br/wp-content/uploads/2020/04/logoclube2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
} */


body input, body button {
    outline: none !important;
}

body button {
    cursor: pointer;
}

.banner_pagina .banner-pagina.titulo_banner span{
    color: #9b9b9b;
}

.categoria-post p a {
    color: #9b9b9b;
}

.ultimas-post:hover .categoria-post p a, .ultimas-post2:hover .categoria-post p a {
    color: black;
}

.titulo_banner span {
    color: white;
}

.lightbox {
    background: white;
    width: 40%;
    display: block;
    position: fixed;
    padding: 25px;
    margin: 40px 30%;
    z-index: 1000;
    box-shadow: 0px 0px 20px 1px;
    min-height: 480px;
    bottom: 10%;
}

.linha-a-lightbox p {
    text-align: center;
    margin: 0px 10%;
    font-size: 18px;
}

.formulario-lightbox {
    margin: 0px 10%;
    border-bottom: solid 1px #9b9b9b;
    padding-bottom: 20px;
}

.formulario-lightbox input {
    width: 100%;
    display: block;
    height: 40px;
    margin-top: 40px;
    border: none;
    border-bottom: solid 1px #9b9b9b;
    background: transparent;
    color: #585858;
}

.formulario-lightbox span {
    position: absolute;
    font-size: 11px;
    color: #cc0000;
    position: relative;
    display: block;
}

.faixa-status {
    margin-top: 50px;
}

.faixa-status p {
    font-size: 13px;
    margin-bottom: 50px;
}

.faixa-status button {
    display: inline;
    width: auto;
}

.linha-a-lightbox {
    width: 100%;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.linha-b-lightbox {
    margin: 20px 10%;
    margin-bottom: 40px;

}

.linha-b-lightbox img {
    width: 80px;
}

.linha-b-lightbox p {
    display: inline;
}

.fechar-lightbox {
    background: transparent;
    border: none;
    float: right;
}

.fechar-lightbox:hover {
    opacity: 0.4;
}

#login-lightbox {
    display: none;
}

#newsletter-lightbox {
    display: none;
}

.linha-a-lightbox img {
    width: 110px;
    margin-bottom: 10px;
}

.formulario-newsletter button {
    margin: auto;
    margin-top: 40px;
}

.formulario-newsletter{
    border: none;
}

.linha-b-lightbox a {
    color: #f76b90;
}

.cadastre-a, .cadastre-b {
    max-width: 50%;
    width: 50%;
}

#mini_banner {
    display: none;
}

.ul:hover > li {
    display: inline;
}

.pagina_anuario .anuario-banner, .pagina-materia .anuario-banner {
    background: transparent;
    padding: 40px;
}

.sidebar_anuario .ultimas-sidebar {
    height: 250px;
}

.sidebar_anuario .faixa-ultimas {
    padding-top: 170px;
}

.sidebar_anuario .linha_sidebar {
    margin-left: 5%;
}

.faixa-ultimas:hover + .faixa-transparente {
    opacity: 0.7;
}

.ficha {
    margin-top: 20px;
}

.pagina_anuario .coluna-pagina {
    padding-left: 4%;
}

.nav-linha {
    border-bottom: solid 1px #9b9b9b;
    height: 50px;
    position: relative;
    z-index: 2;
}



/*  Sócio  */
.artigo_socio {
    background: white;
    padding: 20px;
    width: 18.5%;
    max-width: 18.5%;
    float: left;
    margin: 5px;

}

.artigo_socio-imagem {
    width: 100%;
    height: 100px;
    margin: auto;
    margin-bottom: 30px;

}

.artigo_socio-imagem img {
    margin: auto;
    display: block;
}

.pagina-inteira {
    width: 100%;
    max-width: 100%;
    margin-bottom: 40px;
    padding-left: 5.5%;
}

.linha-titulo span {
    text-transform: capitalize;
}




/*  concurso  */

.pagina-consurso-linha-1 {
    width: 100%;
    margin-bottom: 40px;
}

.alinhamento-concurso {
    padding: 0px 10%;
    height: 280px;
}

.caixa-concurso {
    /*max-width: 30.5%;*/
    /*width: 30.5%;*/
    max-width: 22.2%;
    width: 22.2%;
    float: left;
    margin: 0px 1.4%;
    padding: 0px 20px;
}

.icone-concurso {
    width: 100%;
    margin-bottom: 20px;
}

.icone-concurso img {
    width: 110px;
    height: 105px;
    margin: auto;
    display: block;
}

.faixa-inscricao {
    width: 100%;
    padding: 70px 10%;
    height: 420px;
    color: #585858;
}

.inscricao-a {
    max-width: 60%;
    width: 60%;
    float: left;
}

.lista-inscricao {
    width: 100%;
    padding-left: 20px;
    margin-bottom: 40px;
}

.lista-inscricao li {
    margin-bottom: 20px;
}

.inscricao-b {
    max-width: 38%;
    width: 38%;
    float: left;
    padding:30px 50px;
    margin-left: 20px;
    border: solid 1px #585858;
}

.inscricao-b span {
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.inscricao-b p {
    color: black;
    margin-bottom: 20px;
}


.i-a {
    background: #dedede;
}

.i-b {
    background:transparent;
}







/* anuncie */
.linha-anuncie {
    background: white;
    max-width: 90%;
    width: 90%;
    margin: 0px 5%;
    padding: 30px 40px;
    float: left;
    padding-right: 10px;
    margin-bottom: 30px;

}

.anuncie-coluna {
    width: 35.5%;
    float: left;
    padding: 10px;
    padding-right: 40px;
}

.anuncie-coluna p {
    font-size: 22px;
    font-style: italic;
}

.faixa-anuncie {
    background: white;
    max-width: 90%;
    width: 90%;
    margin: 20px 5%;
    clear: both;
    height: auto;
    float: left;
    color: #585858;
    margin-top: 0px;
}

.anuncie-a {
    max-width: 50%;
    width: 50%;
    float: left;
    height: 400px;
    overflow: hidden;
    text-align: center;
}

.anuncie-a img {
    width: 70%;
}

.anuncie-b {
    max-width: 50%;
    width: 50%;
    float: left;
    padding: 40px;
}

.anuncie-coluna .paragrafo_anuncie, .paragrafo_anuncie  {
    font-style: initial;
    margin-bottom: 0px;
    clear: both;
    font-size: 14px;
}

.linha-anuncie .baixar-kit {
    width: 25%;
    padding: 0px;
}

.coluna-formato {
    width: 100%;
    margin: 20px 0px;
}

.formato {
    width: 40%;
    float: left;
    padding-right: 10px;
}

.formato span {
    font-size: 14px;
}

.formato p {
    font-size: 20px;
}

.anuncie-coluna span {
    color: #585858;
    font-size: 12px;
    display: block;
}

.mini-titulo {
    font-size: 25px;
}



/*  Festival  */
.linha-festival {
    width: 100%;
    background: #d0d0d0;
    margin: 40px 0px;
    height: 340px;
    padding: 0px;
    float: left;
}

.intro-festival {
    width: 50%;
    padding: 40px;
    float: left;
    text-align: center;
    background: #d0d0d0;
    max-height: 340px;
}

.intro-festival p {
    line-height: 2.1;
    margin-bottom: 0px;
}

.intro-festival span {
    margin-bottom: 20px;
    display: block;
}

.festival-a {
    width: 45%;
    border-right: solid 1px;
    margin-right: 5%;
    padding-right: 40px;
    float: left;
    color: #585858;
}

.festival-b {
    width: 50%;
    float: left;
    padding: 0px 40px;
    color: #585858;
}

.festival-b p {
    font-size: 14px;
}

.image-festival {
    background-size: 100%;
    width: 50%;
    float: left;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

.image-festival img {
    width: 100%;
    height: 340px;
}

.titulo_palestrantes {
    padding: 15px;
    text-align: center;
}

.faixa-festival {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}


#maps-festival {
    margin: 20px 0px;
}

.legenda {
    width: 100%;
    border-left: solid 5px #feee00;
    padding: 0px 10px;
    margin-bottom: 40px;
}

.linha-patrocinio {
    width: 100%;
    margin-bottom: 40px;
}

.faixa-patrocinio {
    width: 60%;
    float: left;
}

.patrocinio-a {
    width: 50%;
    float: left;
}

.patrocinio-a .patrocinio {
    width: 44%;
    height: 140px;
    /*background: white;*/
    margin: 2.5%;
    float: left;
    color: #242424;
    padding:10px;
}

.patrocinio-a .patrocinio .background, .patrocinio-b .patrocinio .background{
    background-size: 100%;
}

.patrocinio-b {
    width: 50%;
    float: left;
}

.patrocinio-b .patrocinio {
    width: 25.5%;
    height: 85.5px;
    /*background: white;*/
    margin: 2.5%;
    float: left;
    padding: 5px;
}

.area-comercial {
    width: 40%;
    float: left;
    background: #242424;
    color: white;
    padding-left: 8%;
    padding-top: 105px;
    margin-top: 20px;
    padding-bottom: 4.5%;
}

.area-comercial p {
    font-size: 12px;
    line-height: 2;
}

.area-comercial span {
    display: block;
}

#image-festival {
    display: block;
    margin-top: 40px;
    text-align: center;
}

.festival-a span, .festival-b span {
    display: block;
    margin-bottom: 20px;
}

.mapa {
    width: 100%;
    background: #242424;
    padding: 20px;
    color: white;
    display: none;
    margin-bottom: 40px;
}

.mapa span {
    display: block;
    font-size: 14px;
}

#titulo_palestra {
    margin-top: 40px;
}

.chamada-festival {
    width: 100%;
    clear: both;
    padding: 20px 25%;
    float: left;
}

.chamada_festival {
    width: 100%;
    padding: 10px;
    background: white;
    float: left;
}

.image_festival {
    width: 30%;
    float: left;
    min-height: 140px;
    height: 140px;
}

.linha-chamada {
    width: 70%;
    float: left;
    padding-left: 15%;
    padding-top: 5%;
}

.image_festival img {
    width: 100%;
    height: 140px;
}

.banner_a {
    display: none;
}

#banner-a-mobile {
    background: transparent;
    display: none;
}



/*  página interna  */
.pagina-interna {
    width: 100%;
    max-width: 100%;
    padding: 0px 4%;
    padding-top: 70px;
    color: black;
    background: #efefef;
    margin-bottom: 40px;
    padding-right: 2.5%;
}

#midia-materia-mobile {
    display: none;
}





/*  anuario  */
.artigo_anuario {
    background: white;
    width: 30.5%;
    float: left;
    margin: 1%;
    padding: 20px;
    height: 250px;
    line-height: 210px;
}

.capa_anuario {
    width: 40%;
    float: left;
    overflow: hidden;
    height: 100%;
}

.capa_anuario .background {
    background-size: auto 100%;
}

.linha_anuario {
    width: 55%;
    float: left;
    margin-left: 5%;
}

.paragrafo_anuario {
    height: 140px;
    display: inline-block;
}

.coluna_anuario {
    padding-left: 2.5%;
    float: left;
    margin-bottom: 40px;
    width: 100%;
}

#festivais {
    width: 100%;
}

#festivais  .artigo_anuario {
    line-height: 1.1;
    height: auto;
}

.todos-anuarios {
    background: white;
    padding: 20px;
    float: left;
    margin: 40px 25%;
    width: 50%;
}

.image-anuarios {
    width: 70%;
    float: left;
    height: 120px;
    margin-top: 25px;
}

.image-anuarios .image-capa {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
}



.image-capa {
    height: 170px;
    float: left;
    width: 25%;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}



/*  o clube  */
.linha-clube {
    width: 100%;
}

.faixa-clube {
    width: 100%;
}

.imagem-diretoria {
    width: auto;
    float: left;
}

.imagem-diretoria img {
    width: auto;
}

.faixa-diretoria {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 40px;
    padding-left: 0px;
}

.faixa-diretoria li {
    width: 100%;
    display: block;
    border-bottom: solid 1px #9b9b9b;
    clear: both;
    float: left;
    margin-bottom: 10px;
    padding-left: 15%;
}

.faixa-diretoria li p {
    width: 50%;
    float: left;
    font-size: 18px;
}

#diretoria-b .faixa-diretoria li p {
    width: 45%;
    float: left;
    font-size: 18px;
}

.faixa-diretoria li .diretoria-cargo {
    color: #9b9b9b;
    font-size: 14px;
}

.faixa-diretoria .lista-diretoria img {
    width: 30px;
}

.faixa-diretoria li i {
    display: block;
    float: left;
    width: 10%;
}

#diretoria_b .faixa-diretoria li {
    padding-left: 5%;
}

#diretoria_b .faixa-diretoria li p {
    width: 45%;
    text-transform: capitalize;
}
/*  o clube  */




#ultimas-festival {
    padding-left: 2.5%;
    margin-bottom: 0px;
}

.galeria-anterior {
    width: 60%;
    float: left;
    height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    overflow: hidden;
}

.galeria-anterior img {
    max-width: 100%;
    height: 100%;
}

.mais-image-festival {
    width: 40%;
    float: left;
    height: 100%;
    padding: 20px;
    padding-left: 4%;
}







/*  festival programacao  */
.aba-programacao {
    background: white;
    width: 64%;
    float: left;
    padding: 40px;
    margin-bottom: 80px;
    /*display: none;*/
}

#pagina-programacao .aba-programacao {
    display: none;
}

.artigo-programacao {
    width: 100%;
    margin-bottom: 40px;
    float: left;
    clear: both;
    border-bottom: solid 1px #9b9b9b;
    padding-bottom: 40px;
    color: #585858;
}

.info-programacao {
    width: 10%;
    float: left;
    padding-top: 10%;
    text-align: right;
    padding-right: 20px;
}

.info-programacao p {
    font-size: 18px;
    margin-bottom: 0px;
}

.info-programacao span {
    font-size: 15px;
}

.image-palestras {
    width: 35%;
    float: left;
    margin-right: 5%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: top center;
    height: 250px;
}

.image-palestras img {
    width: 100%;
}

.sidebar-programacao {
    background: #d0d0d0;
    width: 27%;
    margin-left: 9%;
    float: right;
    margin-bottom: 40px;
}

.linha-programacao {
    padding: 25px;
    border-bottom: solid 1px #efefef;
}

.linha-programacao strong  {
    display: block;
    font-size: 14px;
    margin-top: 20px;
}

.linha-programacao span {
    display: block;
    font-size: 14px;
}

#pagina-programacao {
    padding-right: 0px;
}



/*  ultimas  */
.image-post {
    width: 100%;
    overflow: hidden;
    height: 270px;
    line-height: 270px;
}

.image-post img {
    width: 100%;
    height: auto;
    display: inline;
}

.nav-linha p {
    margin-left: 4%;
    padding-top: 13px;
}

.nav-linha i {
    margin: 0px 5px;
    font-size: 18px;
}

.nav-linha a {
    color: #585858;
}

.nav-linha img {
    width: 20px;
    float: left;
}

.banner-pagina a {
    color: white;
}

.banner-pagina .nav-linha {
    border-bottom: none;
}

#linha-festival {
    height: auto;
    padding: 40px;
}

.patrocinio-a img, .patrocinio-b img {
    display: block;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.patrocinio-a img {
    height: 140px;
}

.patrocinio-b img {
    height: 85.5px;
}




/*  GALERIA  */
.coluna-galeria {
    width: 100%;
    max-width: 100%;
    height: 500px;
}

.galeria-principal {
    width: 84%;
    max-width: 84%;
    float: left;
    height: 415px;
    line-height: 415px;
    cursor: pointer;
    overflow: hidden;
    background: black;
}

.galeria-principal img {
    width: 100%;
    height: auto;
    display: inline;
    line-height: 415px;
}

.mini-galeria img {
    width: 100%;
}

.faixa-galeria {
    width: 16%;
    max-width: 16%;
    float: left;
    height: 100%;
    padding-left: 4%;
}

.faixa-galeria button {
    background: transparent;
    border: none;
    width: 100%;
    padding: 0px;
}

.faixa-galeria i {
    font-size: 20px;
    margin-right: 0px;
}

.mini-galeria {
    width: 100%;
    height: 105px;
    margin: 5px 0px;
}

.faixa_galeria {
    width: 100%;
    height: 335px;
    position: relative;
}

.coluna_galeria {
    overflow: hidden;
    width: 100%;
    height: 435px;
    position: relative;
}

#galeria-a {
    margin-bottom: 5px;
}

#galeria-b {
    margin-top: 5px;
}
/*  / GALERIA  */


.nav-a ul, .nav-b ul  {
    padding: 0px;
    margin: 0px;
}

.nav-menu li a {
    color: #d0d0d0;
}

.nav-menu {
    float: left;
}

.nav-menu ul li ul {
    background: black;
    cursor: pointer;
    width: auto;
    position: absolute;
    z-index: 40;
    margin-left: -15px;
    display: none;
    padding-top: 20px;
}

.nav-menu ul li ul li .sub-menu {
    background: black;
    cursor: pointer;
    width: auto;
    position: static;
    z-index: 40;
    margin-left: 5px;
    /*display: none;*/
    padding-top: 20px;
}

.nav-menu ul li ul li .sub-menu li {
    display: list-item;
}

#menu-mobile-a li ul li .sub-menu li {
    font-size: 12px;
    display: list-item;
}

/*.nav-menu ul li ul li:hover .sub-menu {
    display: block;
}*/

.nav-menu ul li .sub-menu li {
    padding: 10px 25px;
    display: block;
    clear: both;
}

.nav-menu ul li:hover ul{
    display: block;
}

.nav-menu li a:hover {
    color: #feee00
}

.nav-menu ul li:hover ul:hover {
    display: block;
}









/* =============================  */
#introducao_adquira {
    width: 70%;
    margin: 50px 15%;
    text-align: center;
    line-height: 2;
}

.materia_clube {
    margin-bottom: 40px;
    margin-left: 40px;
}



.clube_paragrafo {
    font-size: 18px;
    width: 75%;
}




/* =============================  */


.publi_artigo {
    background: black;
    width: 70%;
    position: fixed;
    bottom: 5%;
    z-index: 1400;
    margin: 40px 15%;
    padding: 2.5%;
    max-height:490px;
    color: white;
    display: none;
    box-shadow: 0px 0px 10px 0px;
}

.publi_a {
    width: 70%;
    height: 400px;
    float: left;
    font-size: 11px;
}

.publi_a span {
    background: #242424;
    float: left;
    padding: 5px;
    color: white;
}

.publi_b {
    width: 28%;
    float: left;
    padding: 20px 0px;
    padding-left: 40px;
}

.publi_logo {
    width: 120px;
    height: 100px;
    float: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: 40px;
    margin-right: 40px;
    display: none;
}

.publi_logo img {
    height: 100%;
}

#publi_video {
    width: 100%;
    height: 380px;
    float: left;
}

.publi_artigo #fechar_publi {
    background: transparent;
    float: right;
    border-radius: 50%;
    color: white;
    border-width: 2px;
    padding: 5px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.publi_artigo #fechar_publi:hover {
    opacity: 0.5;
}
/* =============================  */




#faixa-palestra {
    overflow-x: scroll;
}

.palestra-mobile {
    width:4000px;
}


.ficha strong {
    display: block;
    color: black;
}

.ficha p {
    margin-bottom: 40px;
    display: block;
}



/*   TITULOS  */

.titulo_pagina {
    text-align: center;
    width: 100%;
    color: white;
    font-style: italic;
    position: relative;
}

.titulo_banner {
    height: 180px;
}

.titulo_pagina span {
    display: block;
    font-size: 20px;
}

.titulo_pagina h1 {
    display: block;
    padding-top: 20px;
    margin: 0px;
}

.linha-titulo {
    border-left: solid 5px #feee00;
    margin-top: 20px;
    padding: 0px 10px;
    clear: both;
    margin-bottom: 40px;
}

.linha-titulo h1 {
    padding-top: 0px;
}

.titulo-busca h1 {
    font-size: 50px;
}

.titulo-busca p span {
    font-size: 20px;
}

.materia h2 {
    font-weight: initial;
    font-size: 24px;
    margin-bottom: 25px;
}

.categoria_anuario .coluna-pagina .titulo_pagina {
    color: black;
    text-align: initial;
    font-style: initial;
}

.ultimas-titulo h2 {
    margin: 0px;
    display: inline;
}

.banner_anuario .titulo_pagina h2 {
    border-bottom: solid 1px;
    display: block;
    font-size: 20px;
    border-bottom: solid 1px;
    display: inline;
    padding-bottom: 10px;
}

.banner_anuario .titulo_pagina h2 i {
    margin-right: 0px;
    margin-left: 15px;
}

.faixa-anuario h2 {
    margin-bottom: 30px;
}

.titulo-midia h2 {
    font-style: italic;
    font-size: 40px;
    width: 100%;
    margin-bottom: 15px;
}


.titulo-midia p span {
    font-weight: bold;
}

.titulo-midia {
    padding-top: 4%;
}

.titulo-midia p {
    width: 100%;
    font-style: italic;
}

.linha-footer h2 {
    color: white;
}

.pagina .sidebar_pagina .ultimas-titulo {
    margin-bottom: 40px
}

.pagina .pagina_pagina .ultimas-titulo {
    margin-bottom: 40px
}

.sidebar_pagina .ultimas-titulo h2 {
    text-align: initial;
}

.pagina_pagina .ultimas-titulo h2 {
    border-bottom: solid 1px;
    padding: 0px;
    display: inline;

}

.ultimas-titulo .arrow {
    margin: 0px;
    margin-left: 15px;
    background: transparent;
    outline: none;
    cursor: pointer;
}

.linha h2 {
    color: black;
    line-height: 1;
}

.pagina-midia .coluna-pagina .faixa-titulo h2 {
    font-size: 50px;
}

.ficha h2 {
    margin-bottom: 50px;
}

.maps-paragrafo h2 {
    margin-bottom: 10px;
}

.socio-titulo {
    height: 70px;
}

.paragrafo-anuncie h2 {
    font-size: 40px;
    margin-bottom: 20px;
    color: black;
}


.titulo-festival h2 {
    font-size: 26px;
    color: black;
}

.paragrafo_anuario h2 {
    color: black;
}

.linha-clube h2 {
    font-size: 42px;
}

.materia_clube h2{
    margin: 0px;
    margin-bottom: 10px;
}

.ultimas-sidebar h3 {
    color: white;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    margin: 0px;
}

.festival-posts h3 {
    font-size: 20px;
}

.socioclube-posts h3 {
    font-size: 18px;
}

.socioclube-posts h3 {
    font-size: 18px;
    margin: 20px 0px;
}

.faixa-festival h3 {
    font-size: 26px;
}

.faixa-midia2 h3 {
    font-size: 20px;
    padding-top: 30px;
    margin-bottom: 0px;
    text-align: center;
}

.titulo-inscricao h3 {
    display: inline;
    margin-right: 20px;
    color: black;
}

.titulo-inscricao h4 {
    display: inline;
    font-size: 20px;
    font-style: italic;
    color: black;
}

.mapa h3 {
    margin-bottom: 20px;
}

#diretoria_b h3 {
    font-size: 20px;
    margin-top: 15px;
}

.mais-image-festival h3 {
    margin-top: 100px;
    font-size: 22px;
    margin-bottom: 40px;
}

.paragrafo-programacao h3 {
    margin-bottom: 20px;
    color: black;
}

.linha-programacao h4 {
    font-size: 21px;
    margin-bottom: 40px;
}

.linha-programacao h3 {
    font-size: 35px;
    font-style: italic;
    margin-bottom: 20px;
}

.linha-post h4 {
    color:black;
}

.area-comercial h4 {
    font-size: 22px;
}

.nav-titulo {
    background: #242424;
    margin: 0px 27%;
    color: white;
    cursor: pointer;
    width: 40%;
    padding: 0px;
    position: absolute;
    z-index: 40;
    display: none;
}

.nav-titulo-anuario {
    background: #242424;
    color: white;
    cursor: pointer;
    padding: 0px;
    position: absolute;
    z-index: 40;
    height: 200px;
    overflow-y: scroll;
}

.nav-titulo li {
    display: block;
    font-size: 24px;
    padding: 20px;
    border-bottom: solid 1px black;
    opacity: 0.7;
}

.nav-titulo-anuario li {
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    border-bottom: solid 1px black;
    opacity: 0.7;
    color: white;
}

.nav-titulo li:hover, .nav-titulo-anuario li:hover {
    opacity: 1;
}

.coluna-pagina2 .ultimas-titulo {
    padding-top: 0px;
}

.titulo-pagina {
    cursor: pointer;
}

.materia-pagina .linha-titulo {
    width: 80%;
}

.ultimas-titulo {
    color: black;
    text-align: center;
    padding-top: 60px;
    font-style: italic;
}

.ultimas-titulo span {
    font-style:italic;
    display: block;
}

#sidebar-titulo-mobile {
    display: none;
}

.socioclube-titulo {
    width: 100%;
    margin: auto;
    text-align: center;
    font-style: italic;
    font-size: 15px;
    margin-bottom: 40px;
}

.titulo-cadastre {
    border-left: solid 5px #feee00;
    padding-left: 20px;
}

.faixa-titulo {
    border-left: solid 5px #feee00;
    padding: 0px 10px;
    margin-bottom: 40px;
}

article.ultimas-titulo a {
    color: black;
}

.alinhamento-concurso .ultimas-titulo{
    padding-top: 0px;
    margin-bottom: 20px;
}

#alinhamento-concurso .caixa-concurso {
    max-width: 30.5%;
    width: 30.5%;
    float: left;
    margin: 0px 1.4%;
    padding: 0px 20px;
}

.titulo-inscricao {
    margin-bottom: 20px;
}

.titulo-festival {
    padding-left: 10px;
    border-left: solid 5px #feee00;
    width: 90%;
}

.titulo-diretoria {
    margin-top: 40px;
    padding-left: 4%;
}

.pagina-midia .faixa-titulo {
    margin-left: 4%;
}

.pagina_busca .faixa-titulo {
    margin-left: 4%;
}
/* =============================  */





/*   PARAGRAFO  */

.paragrafo-diretoria {
    float: left;
    padding-left: 10px;
    font-size: 14px;
}

.paragrafo-diretoria span {
    font-size: 16px;
}

.paragrafo-nav {
    width: 48%;
    float: left;
    margin-left: 20px;
    padding-left: 10px;
}

.paragrafo-nav a {
    color: #585858;
}

.paragrafo-midia p {
    font-size: 14px;
    border-left: solid 5px #feee00;
    margin-left: 7%;
    padding: 0px 10px;
    margin-top: 20px;
    text-align: left;
    opacity: 0.8;
}

.paragrafo-midia {
    padding-bottom: 10px;
}

.paragrafo-slide {
    border-left: solid 5px black;
    padding: 0px 10px;
    margin-top: 20px;
    padding-right: 40px;
    color: black;
    line-height: 1.1;
}

.linha-paragrafo {
    height: 70px;
}

.festival-paragrafo {
    width: 45%;
    margin: 4% 0px;
    border-left: solid 5px #feee00;
    padding-left: 20px;
}

.diminuir-paragrafo {
    font-weight: 800;
    font-size: 15px;
    border: none;
    background: transparent;
    padding: 0px 5px;
    display: inline;
    color: #585858;

}

.aumentar-paragrafo {
    font-weight: 800;
    font-size: 18px;
    border: none;
    background: transparent;
    padding: 0px;
    display: inline;
    color: #585858;

}

/*  paragrafo maps  */
.maps-paragrafo {
    background: #feee00;
    position: absolute;
    width: 400px;
    top: 25px;
    padding-bottom: 10px;
    left: 10%;
}

#coluna-maps .maps-paragrafo {
    left: 2.5%;
    top: 10%;
}

.maps-paragrafo span {
    display: block;
}

.maps-paragrafo p {
    font-size: 14px;
}

.paragrafo-festival {
    padding: 0px 20px;
    height: 80px;
    padding-top: 20px;
}

.paragrafo-festival span {
    font-size: 14px;
    color: #585858;
    display: none;
}

.paragrafo-palestrante p {
    color: #9b9b9b;
    font-style: italic;
    font-size: 12px;
    font-weight: 100;
    margin-bottom: 5px;
    opacity: 1;
}

.paragrafo-socio {
    height: 240px;
    overflow-y: scroll;
    margin-bottom: 40px;
}

.paragrafo-concurso {
    text-align: center;
    color: black;
}

.paragrafo-concurso p {
    height: 120px;
}

.ultimas-post2 .paragrafo-festival p, .ultimas-post .paragrafo-festival p {
    color: #9b9b9b;
    font-style: italic;
    font-size: 12px;
    font-weight: 100;
    opacity: 1;
}

#maps-festival .maps-paragrafo {
    margin-top: 80px;
}

.paragrafo-anuarios {
    width: 30%;
    float: left;
    height: 170px;
    line-height: 170px;
}

.paragrafo-anuarios .linha-post {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.paragrafo-anuncie {
    border-left: solid 5px #feee00;
    padding: 0px 10px;
}

.paragrafo-anuncie span {
    font-size: 12px;
    display: block;
    color: #585858;
}

.paragrafo-diretoria strong {
    display: block;
    padding-top: 10px;
    font-size: 18px;
}

.paragrafo_diretoria {
    clear: both;
    text-align: center;
}



#diretoria_b .paragrafo-diretoria {
    margin: 40px 0px;
    font-size: initial;
}

.paragrafo-programacao {
    width: 50%;
    float: left;
}



.paragrafo-programacao ul {
    color: black;
}

.paragrafo-programacao button {
    margin-left: 5%;
}

.paragrafo-anuarios h2 {
    font-size: 24px;
    color: black;
}

.ultimas-post .categoria-post p a, .categoria-post a p {
    color: #9b9b9b;
}
.ultimas-post2 .categoria-post p a, .categoria-post a p {
    color: #9b9b9b;
}


/* =============================  */





/*   POSTS  */

.ultimas-post {
    float: left;
    background: white;
    margin-bottom: 20px;
    margin-top: 15px;
    padding:0px;
    margin-left: 1%;
    width: 31%;
    height: 500px;
    position: relative;
}

.ultimas-post2 {
    float: left;
    background: white;
    margin-bottom: 20px;
    margin-top: 15px;
    padding: 0px;
    margin-left: 43px;
    width: 415px;
    height: 500px;
    position: relative;
    color: black;
}

.linha-post {
    border-left:solid 5px #feee00 ;
    margin-left: 20px;
    padding: 0px 10px;
    margin-top: 20px;
}

.linha-post p {
    color: #585858;
}



.categoria-post {
    clear: both;
    bottom: 0px;
    position: absolute;
    margin-left: 20px;
    width: 90%;
}

.categoria-post p {
    font-style: italic;
    font-weight: 100;
    text-transform: capitalize;
    color: #9b9b9b;
}
#faixa-palestra .ultimas-post {
    width: 23.5%;
    height: auto;
    margin-left: 0px;
    margin-right: 1.5%;
}

#ultimas-palestra .ultimas-post, #ultimas_festival .ultimas-post {
    width: 23.5%;
    height: 540px;
    margin-left: 0px;
    margin-right: 1.5%;
}

#ultimas-festival .ultimas-post {
    height: 540px;
}

#ultimas_festival .ultimas-post {
    margin-right: 1.5%;
    margin-left: 0px;
    width: 23.5%;
}

#faixa-palestra .ultimas-post {
    width:340px;
    margin-right: 20px;
}


.ultimas-post a {
    color: black;
}

.ultimas-post p a {
    color: #585858;
}

.ultimas-post2 a {
    color: black;
}

#faixa-palestra .ultimas-post2 {
    width: 23.5%;
    height: auto;
    margin-left: 0px;
    margin-right: 1.5%;
}

#ultimas-palestra .ultimas-post2, #ultimas_festival .ultimas-post2 {
    width: 23.5%;
    height: 540px;
    margin-left: 0px;
    margin-right: 1.5%;
}

#ultimas-festival .ultimas-post2 {
    height: 540px;
}

#ultimas_festival .ultimas-post2 {
    margin-right: 1.5%;
    margin-left: 0px;
    width: 23.5%;
}

#faixa-palestra .ultimas-post2 {
    width:340px;
    margin-right: 20px;
}

.pagina-acervo .linha-post {
    margin-top: 80px;
}

.faixa-festival .linha-post {
    margin-bottom: 25px;
}

.linha_anuario .linha-post {
    margin-left: 0px;
    margin: 0px;
}
/* =============================  */


.galeria-lightbox {
    width: 80%;
    max-width: 80%;
    background: white;
    position: fixed;
    height: 550px;
    top: 15%;
    margin: 40px 10%;
    padding: 40px 20px;
    z-index: 1400;
    box-shadow: 0px 0px 20px 1px;
    display: none;
}

.galeria-a {
    width: 70%;
    float: left;
    clear: both;
}

.galeria-b {
    width: 30%;
    float: left;
}

.galeria-mini  {
    width: 80px;
    height: 55px;
    float: left;
    display: block;
    margin: 5px;
    overflow: hidden;
    cursor: pointer;
}

.galeria-mini img {
    width: 100px;
    height: 70px;
    max-width: 100%;
}

.galeria-b .linha-post {
    margin-left: 0px;
    line-height: 1.1;
}

.galeria-b1, .galeria-b2 {
    width: 10%;
    background: transparent;
    margin-top: 225px;
    border: none;

}

.galeria-b1 {
    float: left;
}


.galeria-b2 {
    float: right;
}

.galeria-galeria {
    width: 80%;
    float: left;
    height: 415px;
    line-height: 415px;
    overflow: hidden;
    background: black;
}

.galeria-galeria img {
    width: 100%;
    height: auto;
    line-height: 415px;
    display: inline;
}

.galeria-a .arrow {
    font-size: 25px;
    margin: 0px;
}

.galeria-b p span {
    color: #585858;
    opacity: 0.7;

}

.galeria-b a {
    color: #585858;
    text-transform: capitalize;
}

.fundo_publi {
    width: 100%;
    background: black;
    position: fixed;
    height: 100%;
    opacity: 0.8;
    top: 0;
    z-index: 1200;
    display: none;
}

.verificar {
    position: absolute;
    right: 12%;
    color: green;
    font-size: 30px;
}

.lightbox button[disabled] {
    background: #e4e4e4;
    color: black;
}

.lightbox button[disabled]:hover {
    opacity: 1;
    background: #e4e4e4;
}

/*  anuario - antes do livro  */
.caixa_anuario {
    width: 100%;
    max-width: 100%;
    float: left;
    padding-left: 4%;
    margin-bottom: 40px;
}

.categoria-anuario h2 {
    font-style: italic;
    padding-bottom: 40px;
}

.tipo-anuario {
    width: 31%;
    float: left;
    margin-right: 2%;
}

.anuario-categoria {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 40px;
}

.anuario-icon {
    float: left;
    margin-right: 15px;
}

.anuario-icon img {
    width: 57px;
}

.anuario-categoria h3 {
    float: left;
    font-style: italic;
    margin-top: 10px;

}

.anuario_linha {
    width: 100%;
    clear: both;
    border-left: solid 5px #feee00;
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 30px;
    color: black;
}

.anuario_linha p {
    font-size: 14px;
    color: #9b9b9b;
}

.caixa-categoria {
    width: 100%;
    float: left;
}
/*  anuario - antes do livro  */


a:hover {
    text-decoration: none;
}

.pagina_pagina .publi_artigo {
    margin-left: -12%;
}

.categoria #categoria-banner {
    display: inline;
    color: #9b9b9b;
}

.ultimas-post:hover, .ultimas-post2:hover {
    background: #feee00;
}

.ultimas-post:hover .categoria-post p, .ultimas-post2:hover .categoria-post p, .ultimas-post:hover .linha-post p, .ultimas-post2:hover .linha-post p,
.ultimas-post2:hover .paragrafo-festival p, .ultimas-post:hover .paragrafo-festival p, .ultimas-post2:hover .paragrafo-festival span, .ultimas-post:hover .paragrafo-festival span {
    color: black;
    opacity: 1;
}

.ultimas-post:hover .linha-post, .ultimas-post2:hover .linha-post {
    border-color: black;
}





/*  load  */
.load {
    width: 100%;
    text-align: center;
    color: #9b9b9b;
    font-size: 25px;
    clear: both;
    padding-right: 2.5%;
    display: none;
}

.banner-pagina .botao-confira {
    margin-top: 110px;
    width: auto;
    padding: 10px 25px;
    display: inline;
}

#chamada {
    margin-top: 130px;
    color: #feee00;
}


/*  galeria  */
.galeria-principal .galeria-botao1, .galeria-principal .galeria-botao2 {
    display: none;
}

#festivais .linha_anuario {
    width: 100%;
}

#festivais .capa_anuario {
    width: 100%;
    overflow: hidden;
    height: 210px;
}

#festivais .paragrafo_anuario {
    padding-top: 10px;
    height: auto;
    margin-bottom: 40px;
}


.lightbox-video {
    width: 70%;
    max-width: 70%;
    background: white;
    position: fixed;
    top: 50px;
    margin: 40px 15%;
    padding: 10px 20px;
    z-index: 1400;
    box-shadow: 0px 0px 20px 1px;
    display: none;
    padding-bottom: 20px;
    margin-left: 11%;
}

.lightbox-video .linha-post {
    margin-left: 0px;
    margin-bottom: 25px;
}

.lightbox-video p {
    font-size: 20px;
}

.lightbox-video button {
    margin-top:20px;
}

.lightbox-video .video {
    width: 100%;
    height: 500px;
}

.botao-video {
    text-align: right;
    padding-right: 50px;
}

.botao-video .botao_publi {
    right: auto;
}

#banner-2 {
    display: none;
}

.lightbox-video .galeria-b1, .lightbox-video .galeria-b2 {
    background: black;
    color: white;
    opacity: 0.5;
    padding: 20px;
    margin-top: -270px;
}

.lightbox-video .galeria-b1:hover, .lightbox-video .galeria-b2:hover {
    opacity: 0.8;
}

.anuario_info {
    margin-left: 20px;
}

.linha_categorias {
    width: 100%;
    height: 10px;
    border-bottom: solid 1px #d0d0d0;
    padding-top: 20px;
}

.categoria-anuario h2 {
    max-width: 100%;
    float: left;
    background: #efefef;
    padding-right: 40px;
}



/*  slide  */
.slide-principal {
    display: none;
}

.toda-faixa {
    overflow-y: scroll;
    max-height: 257px;
}

.status_logado {
    font-size: 50px;
    color: green;
    text-align: center;
    margin-top: 20%;
    padding-top: 20px;
}

.status_logado .verificar {
    position: static;
    border-style: solid;
    border-radius: 50%;
    padding: 5px;
    font-size: 40px;
}



.faixa_anuarios {
    width: 100%;
    position: fixed;
    background: black;
    color: white;
    z-index: 200;
    bottom: 0px;
    text-align: center;
    font-size: 14px;
}

.faixa_anuarios p {
    display: inline;
    margin-right: 20px;
}

.faixa_anuarios button {
    background: #feee00;
    color: black;
    display: inline;
    width: 200px;
    height: auto;
    padding: 10px;
}

.faixa_anuarios button:hover {
    background: #ffbb00;
    color: black;
}

#nome_a {
    margin-top: 0px;
}

#verificar {
    margin-top: 40px;
}

.nav-linha img:hover, .nav-linha a:hover, .categoria #categoria-banner:hover {
    opacity: 0.5;
}

.botao-voltar {
    margin-left: 4%;
    padding: 20px 0px;
    font-size: 14px;
    color: #585858;
    padding-bottom: 0px;
}

.botao-voltar .arrow {
    font-size: 12px;
}

.botao-voltar a {
    color: inherit;
}

.botao-voltar a:hover {
    opacity: 0.5;
}

.ultimas-post:hover a, .ultimas-post2:hover a {
    color: black;
}

.todas_categorias {
    margin-bottom: 40px;
    margin-left: 4%;
    text-align: center;
}

.materia #publi_video, .materia-anuario #publi_video {
    width: 80%;
    background: black;
}

.cadastre-b span {
    font-size: 10px;
    display: block;
    color: #feee00;
}


/*   COLUNAS  */

.capa_mobile {
    width: 100%;
    text-align: center;
    height: 200px;
    margin-top: 50px;
    margin-bottom: 100px;
    display: none;

}

.capa_mobile img {
    position: relative;
    box-shadow: 20px 15px 80px 1px;
    width: 70%;
}

.capa-mobile {
    padding: 0px 5%;
    margin-bottom: 20px;
    font-size: 22px;
    text-align: center;
}

#capa-mobile, #image-festival2, .titulo-mobile {
    display: none;
}

.destaque-festival {
    display: none;
}

.linha-post .sub_titulo {
    display: none !important;
}

/*.ultimas-festival .categoria-post {
    display: none;
}*/

.paragrafo-programacao ul {
    font-size: 14px;
}

.galeria_video, .materia #publi_video {
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
}

video  {
    max-width: 500px;
    height: auto;;
}

.materia #publi_video {
    background: transparent;
    height: auto;
}

.publi_a video{
    max-width: 100%;
    height: 100%;
}

.agencia {
    font-size: 14px;
    color: #585858;
}

.info-formulario {
    font-size: 12px;
    margin-top: 10px;
    color: black
}

.info-formulario input {
    width: auto;
    height: auto;
    margin: 0px;
    border: none;
    display: inline;
    margin-right: 10px;
}

.info-formulario p {
    text-align: right;
    display: inline;
    float: right;
}

.info-formulario p:hover {
    opacity: 0.5;
}

.info-formulario a {
    color: black;
}

.nav-principal .nav-b ul .social-icons {
    font-size: 18px;
}

.social-icons-mobile {
    display: block;
    text-align: center;
    border: none;
    margin-bottom: 10px;
}

.social-icons-mobile li {
    display: inline;
    color: white;
    border: none;
    text-align: center;
    margin: 10px;
    font-size: 20px;
}

.artigo_anuario .categoria {
    display: none;
}

.anuarios {
    font-size: 18px;
}

.titulo-marcas {
    margin-bottom: 40px;
    padding-top: 0px;
}

.faixa-sobre {
    padding: 0px;
}

.faixa-sobre .faixa-anuario {
    padding-left: 0px;
}

.faixa-a2 .faixa-anuario {
    padding: 0px;
}

.faixa-sobre .faixa {
    margin: 40px 0px;
}

.faixa-a2  .faixa-a {
    float: right;
}

.faixa-a2 p {
    margin-right: 40px;
}

.faixa-a {
    width: 55%;
    height: 100%;
    float: left;
}

.faixa-sobre .botao-confira {
    margin: 0px;
}

.capa-faixas {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.faixa .alinhamento-concurso {
    height: auto;
    margin-top: 40px;
    padding-right: 5%;
    padding-left: 0px;
}

.faixa .paragrafo-concurso {
    color: white;
}

.faixa .paragrafo-concurso h3 {
    font-size: 18px;
}

.faixa  .icone-concurso img {
    width: 70px;
    height: 70px;
}

.faixa-sobre .linha-anuario {
    margin-bottom: 40px;
}

.faixa-a2 .faixa-a {
    width: 45%;
    max-width: 45%;
}

.faixa-a2 .faixa {
    width: 50%;
    max-width: 50%;
}

.faixa-sobre .pagina-consurso-linha-1 {
    margin-bottom: 80px;
}

.faixa-sobre .pagina-consurso-linha-1 .paragrafo-concurso {
    margin-bottom: 40px;
}

.faixa-a2 .botao-confira {
    width: auto;
    height: auto;
    padding: 5px 10px;
    margin: auto;
    font-size: 12px;
    width: 120px;
}

.logo-festival {
    margin-top: 2.5%;
}

.ssbp-wrap .ssbp-list li:first-of-type {
    margin-left: 0px !important;
}

.background {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-publicidade {
    font-size: 12px;
    display: block;
    text-align: right;
}

.box-super-banner {
    width: 728px;
    margin: auto;
}

.banner-publicidade-b {
    color: white;
}

.box-banner-lateral {
    width: 240px;
    margin: auto;
}

.box-half-banner {
    /*width: 300px;*/
    max-width: 300px;
    width: 100%;
    margin: auto
}

.ultimas-post, .ultimas-post2 {
    overflow: hidden;
}

#festivais .paragrafo_anuario, #festivais .paragrafo_anuario {
    margin-bottom: 0px;
}

.lightbox-video video {
    max-width: 100%;
    height: 100%;
    background: black;
}

.box-banner {
    margin: auto;
    padding-top: 20px;
}

.super-banner {
    position: relative;
    margin-top: 0px;
    display: block;
    text-align: right;
}

.box-banner-2 {
    margin: 10px;
}

.banner-a .box-banner-2 img {
    margin: 0px;
}

#banner-lateral-mobile .box-banner, .mini_banner  .box-banner {
    width: 300px;
}

#banner-lateral-mobile .box-banner .super-banner, .mini_banner  .box-banner .super-banner {
    margin-top: 0px;
}

.sidebar_anuario .banner-lateral {
    margin-bottom: 40px;
    margin-top: 40px;
}

.sidebar_anuario .ultimas-sidebar {
    overflow: hidden;
}

#oportunidades_marcas {
    width: 100%;
    padding: 0px;
}

#oportunidades_marcas .image-palestras {
    height: 400px;
}


#materia_marcas .image-palestras {
    width: 100%;
}

.detalhe-marcas {
    font-size: 10px;
    float: left;
    margin-top: 10px;
    clear: both;
    line-height: 0.7;
}

#oportunidades_marcas .artigo-programacao {
    margin-top: 40px;
}

#oportunidades_marcas .artigo-programacao > .linha-post {
    margin-left: 0px;
    margin-bottom: 20px;
}

#oportunidades_marcas .artigo-programacao > .linha-post h2{
    color: black;
    font-size: 32px;
}

#oportunidades_marcas .paragrafo-programacao {
    padding-right: 20px;
}

#oportunidades_marcas .paragrafo-programacao h3 {
    margin-left: 0px;
}

#oportunidades_marcas .paragrafo-programacao p {
    font-size: 12px;
}

#oportunidades_marcas .linha-post span {
    font-size: 22px;
    /*font-family: arnhem_bold;*/
    line-height: 1.1;
    display: block;
}

.col-apoiadores {
    width: 100%;
}

.box-apoiadores {
    width: 140px;
    margin: 10px 20px;
    margin-left: 0px;
    float: left;
    text-align: center;
    height: 200px;
}

.imagem-apoiadores {
    width: 100%;
    height: 150px;
}

.box-apoiadores p, .box-apoiadores span {
    color: #585858;
    font-size: 14px;
}

.feedback_ajax {
    width: 100%;
    text-align: center;
    font-size: 12px;
    margin-bottom: 40px;
    display: none;
}

.jurados {
    width: 100%;
    text-align: center;
    display: none;
    margin-bottom: 40px;
}

.jurados img {
    width: 70px;
    margin-bottom: 15px;
}

.jurados h2 {
    font-size: 26px;
}

.jurados ul {
    padding-left: 0px;
}

.jurados h3 {
    font-family: "FormularRegular", sans-serif !important;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.jurados li {
    display: inline;
    font-weight: bold;
}

.box-jurados {
    width: 80%;
    padding: 15px;
    margin: auto;
    font-size: 12px;
    padding-bottom: 2px;
    background: #feee00;
    margin-top: 40px;
}

.linha-programacao .arrow {
    display: none;
}

#adquira {
    display: none;
}

.paragrafo_banner p span:hover, .paragrafo_banner p span:hover ~ button {
    opacity: 0.5;
}

.share {
    width: 40px;
    height: 40px;
    background: #5f5f5f;
    float: right;
    margin-left: 10px;
    color: white;
    padding: 8px;
    opacity: 0.8;
    cursor: pointer;
    display: inline;
}

.share:hover {
    opacity: 1;
}

#form-share {
    display: none;
}

#form-share .formulario-lightbox {
    border-bottom: none;
}

#form-share .formulario-lightbox input {
    margin-top: 20px;
    
}

.mobile {
    display: none;
}

.botao-submit {
    text-align: center;
    color: black;
    margin: auto;
    margin-top: 40px;
}

.botao-submit:hover {
    color: black;
}

#share-status {
    display: none;
}

#form-share .share-status .linha-a-lightbox  p {
    color: green;
    font-size: 22px;
}

#form-share .load, #newsletter-lightbox .load {
    padding: 0px;
    margin-top: 80px;
}

#submit-2 {
    margin: 20px auto;
}

#banner-lateral-mobile {
    background: #efefef;
}

.status {
    margin-top: 50px;
}

.status span {
    font-size: 14px;
}

.faixa-sobre .botao-confira {
    width: auto;
    height: auto;
    padding: 10px 25px;
    display: inline;
}

.botao-aba .aba-botao {
    background: #d0d0d0;
}

.botao-aba .aba-botao:first-child {
    background: white;
}

.capa-destaque {
    width: 100%;
    height:350px;
    margin-bottom: 40px;
}

#botao-busca .botao-mais {
    margin-top: 40px;
    margin-bottom: 80px;
}

.modal_site {
    width: 940px;
    height: 1000px;
    display: block;
    margin: auto;
    top: 15%;
    z-index: 5000;
    padding-right: 20px;
    position: fixed;
    width: 50%;
    margin: 0px 25%;
}

.close-modal {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    background: white;
    border-radius: 50%;
}

.modal-background {
    margin-top: 25px;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.close_modal {
    display: block;
    margin: auto;
    margin-top: 12px;
    background: transparent;
    border: none;
    
}

.close-modal:hover {
    background: black;
}

.close-modal:hover .close_modal{
    color: #feee00;
}

.linha-mapa .botao-mapa {
    padding-left: 0px;
    margin-left: 0px;
    width: auto;
}

.ssbp-wrap {
    float: left;
}

.box-caption {
    width: 84%;
    min-height: 100px;
    float: left;
}

#image-caption {
    border-left: solid 5px #ffbb00;
    padding-left: 10px;
}

.data-post {
    font-size: 12px !important;
    float: right
}

.galeria-transparente {
    position: relative;
    width: 100%;
    margin-top: -415px;
    height: 415px;
    background: black;
    opacity: 0.4;
    display: none;
}

.galeria-transparente .material-icons {
    color: white;
    font-size: 70px;
    margin-left: 50%;
    line-height: 415px;
}

.galeria-galeria:hover .galeria-transparente {
    display: block;
}

.category {
    float: left;
}

.paragrafo-palestrante {
    display: none;
}
/* =============================  */
/* =============================  */






/*    TAMANHO MAX-2010    */

@media screen and (max-width: 2010px) {

    .ultimas-sidebar {
        height: 100px;
    }

    .faixa-ultimas {
        padding-top: 35px;
    }

    .faixa-festival .image-post {
        height: 240px;
        line-height: 240px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 470px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 470px;
    }


    .maps-paragrafo {
        left: 5%;
    }

    .sidebar_anuario .ultimas-sidebar {
        height: 200px;
    }

    .sidebar_anuario .faixa-ultimas {
        padding-top: 130px;
    }



    /*  galeria  */
    .coluna-galeria {
        height: 400px;
    }
    
    .coluna_galeria {
        height: 335px;
        height: 348px;
    }
    
    .mini-galeria {
        height: 80px;
    }

    .image-post {
        height: 240px;
        line-height: 240px;
    }

    .ultimas-sidebar {
        height: 110px;
    }
}


/*    TAMANHO MAX-1500    */

@media screen and (max-width: 1580px) {

    .ultimas-post {
        height: 400px;
    }

    .ultimas-post2 {
        height: 400px;;
    }

    .faixa-post {
        height: 400px;
    }

    .linha-botao {
        margin-top: auto;
    }

    .linha-post h3 {
        font-size: 24px;
    }

    .coluna-midia .linha-botao {
        margin-top: 15px;
    }

    .faixa-festival .image-post {
        height: 210px;
        line-height: 210px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 450px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 450px;
    }


    .ultimas-sidebar {
        height: 85px;
    }

    .faixa-ultimas {
        padding-top: 15px;
    }

    .image-post {
        height: 210px;
        line-height: 210px;
    }

    .ultimas-post, .ultimas-post2, .banner_lateral {
        height: 400px;
    }

    .anuncie-a img {
        width: 100%;
    }

    .paragrafo_anuario {
        margin-bottom: 10%;
    }

    .lado-a {
        margin-left: 5%;
    }

    .lado-b {
        margin-right: 5%;
    }

    .todos-anuarios {
        width: 70%;
        margin: 40px 15%;
    }

    .sidebar_anuario .ultimas-sidebar {
        height: 180px;
    }

    .sidebar_anuario .faixa-ultimas {
        padding-top: 105px;
    }

    .linha-b-lightbox img {
        float: left;
    }

    .linha-b-lightbox span {
        display: block;
    }



    /* =========================================  */



    /*  size 52 */
    .titulo_pagina h1 {
        font-size: 52px;
    }


    /*  size 42  */
    .linha-titulo h2 {
        font-size: 42px;
    }


    /*  size 38  */
    h2, .faixa-anuario h2 {
        font-size: 38px;
    }


    /*  size 26  */
    h3, .titulo-cadastre h2, .inscricao-b p, .paragrafo-programacao h3, .linha-post h4, .linha-post h3, .paragrafo_anuario h2 {
        font-size: 26px;
    }


    /*  size 18  */
    .linha-post p, .paragrafo-slide p, .ultimas-titulo span, .titulo-cadastre p, .maps-paragrafo h2, .banner_pagina .banner-pagina .titulo_banner span, 
    .linha-titulo p, .titulo_pagina span, .categoria-anuario h2, .ficha h2, .socio-titulo h2, .titulo_palestrantes h4, .botao-aba button, .nav-titulo li {
        font-size: 18px;
    }

    /*  size 18  */
    .ultimas-sidebar h3, .linha-anuario p, .linha-footer h2, .linha h2, .todas_categorias, .titulo-inscricao h4, .materia_clube h2 {
        font-size: 18px;
    }

    /*  size 16  */
    .linha-botao button, button, .faixa_anuarios, .anuario_linha h4, .paragrafo-socio {
        font-size: 16px;
    }


    /*  size 14  */
    .nav-principal .nav-a ul li, .nav-principal .nav-b ul li, .mini-slide p, .lista_categoria li, .nav-linha p, .ficha strong, .paragrafo-concurso, .lista-inscricao, .botao-transparente,
    .nav-busca {
        font-size: 14px;
    }


    /*  size 12  */
    .categoria-post p, .nav-footer li, .nav-footer2 li, .faixa_1 span, .formulario input, .categoria, .paragrafo-programacao ul, .paragrafo-palestrante p {
        font-size: 12px;
    }


    /* =========================================  */

}
@media screen and (max-width: 1760px) {

    .busca {
        width: 50%;
        margin-left: 700px;
    }
}
@media screen and (max-width: 1600px) {

    .busca {
        width: 50%;
        margin-left: 630px;
    }
}

/*    TAMANHO MAX-1400    */

@media screen and (max-width: 1450px) {

    .logo-festival {
        margin-top: 4.5%;
    }
    .busca {
        width: 50%;
        margin-left: 470px;
    }
}



/*    TAMANHO MAX-1280    */
@media screen and (max-width:1280px) {

    .image-post {
        height: 200px;
        line-height: 200px;
    }

    .faixa-post {
        height: 380px;
    }

    .coluna-midia .linha-botao {
        margin-top: 0px;
    }

    .faixa-anuario h2 {
        font-size: 40px;
    }

    .image-post {
        height: 180px;
        line-height: 180px;
    }

    .titulo-cadastre p {
        font-size: 15px;
    }

    .linha-cadastre {
        padding: 2% 10%;
    }

    .linha-footer {
        padding: 40px 11%;
    }

    .linha-busca .botao-busca {
        margin-right: 15px;
    }

    .busca {
        width: 50%;
        margin-left: 470px;
    }

    .socio-titulo {
        height: 80px;
    }

    .paragrafo-socio {
        height: 240px;
    }

    .faixa-inscricao {
        height: 450px;
    }
    
    .inscricao-a {
        max-width: 55%;
    }
    
    .titulo-inscricao h4 {
        display: block;
        margin-top: 10px;
    }
    
    .inscricao-b {
        max-width: 42%;
        width: 42%;
        padding: 30px 20px;
    }

    .lightbox {
        width: 50%;
        margin: 40px 25%;
    }

    .faixa-festival .image-post {
        height: 180px;
        line-height: 180px;
    }

    .intro-festival p {
        font-size: 14px;
    }

    .festival-b {
        padding: 0px 10px;
    }

    .festival-a {
        padding-right: 20px;
    }

    .botao-confira {
        width: 100%;
    }

    .intro-festival span, .festival-b p {
        font-size: 12px;
        width: 80%;
        margin: 0px 10%;
    }

    .image-festival {
        background-size: 150%;
        background-position: left top;
    }

    .mini-slide p {
        font-size: 12px;
    }

    .chamada-festival {
        padding: 20px 20%;
    }

    .slide-principal {
        width: 85%;
        max-width: 85%;
    }

    .coluna-slide {
        width: 15%;
        max-width: 15%;
    }

    .paragrafo_anuario {
        margin-bottom: 0px;
    }



    /*  galeria  */
    .coluna-galeria {
        height: 300px;
    }

    .coluna_galeria {
        height: 235px;
    }

    .mini-galeria {
        height: 55px;
    }

    #festivais .capa_anuario {
        height: 180px;
    }



        /* =========================================  */


    /*  size 52 - 42 */
    .titulo_pagina h1 {
        font-size: 42px;
    }

    /*  size 42 - 38  */
    .linha-titulo h2 {
        font-size: 38px;
    }

    /*  size 38 - 26  */
    h2, .faixa-anuario h2 {
        font-size: 26px;
    }

    /*  size 26 - 22 */
    h3, .titulo-cadastre h2, .inscricao-b p, .paragrafo-programacao h3, .linha-post h4, .linha-post h3, .paragrafo_anuario h2 {
        font-size: 22px;
    }

    /*  size 22 - 18  */
    .linha-post p, .paragrafo-slide p, .ultimas-titulo span, .titulo-cadastre p, .maps-paragrafo h2, .banner_pagina .banner-pagina .titulo_banner span, 
    .linha-titulo p, .titulo_pagina span, .categoria-anuario h2, .ficha h2, .socio-titulo h2, .titulo_palestrantes h4, .botao-aba button, .nav-titulo li {
        font-size: 18px;
    }
    
    /*  size 18 - 16  */
    .ultimas-sidebar h3, .linha-anuario p, .linha-footer h2, .linha h2, .todas_categorias, .titulo-inscricao h4, .materia_clube h2 {
        font-size: 16px;
    }

    /*  size 16 - 14  */
    .linha-botao button, button, .faixa_anuarios, .anuario_linha h4, .paragrafo-socio {
        font-size: 14px;
    }

    /*  size 14 - 12  */
    .nav-principal .nav-a ul li, .nav-principal .nav-b ul li, .mini-slide p, .lista_categoria li, .nav-linha p, .ficha strong, .paragrafo-concurso, .lista-inscricao, .botao-transparente,
    .nav-busca, .paragrafo-festival span {
        font-size: 12px;
    }

    /*  size 12 - 10  */
    .categoria-post p, .nav-footer li, .nav-footer2 li, .faixa_1 span, .formulario input, .categoria, .paragrafo-programacao ul, .paragrafo-palestrante p,
    .ultimas-post2 .paragrafo-festival p, .ultimas-post .paragrafo-festival p {
        font-size: 10px;
    }

    .anuario-botao button {
        width: 170px;
        margin-bottom: 15px;
    }

    .faixa-anuario h2 {
        padding-right: 40px;
    }

    .materia_clube {
        margin-left: 0px;
    }

    .clube_paragrafo {
        width: auto;
    }

    #faixa-palestra .ultimas-post2 {
        width: 300px;
    }
    #faixa-palestra .ultimas-post {
        width: 300px;
    }


    .info-formulario {
        margin-top: 20px;
        text-align: center;
    }

    .info-formulario p {
        text-align: center;
        float: none;
        display: block;
    }

    .galeria-principal {
        height: 305px;
    }

    .publi_b .arrow {
        font-size: 12px;
    }

    .publi_logo {
        display: none;
    }

    .publi_b .inscricao-botao {
        padding: 10px 20px;
    }

    .publi_a, .publi_b {
        width: 100%;
    }

    .publi_artigo {
        max-height: 100%;
    }
}


/*    TAMANHO MAX-1080    */

@media screen and (max-width: 1080px) {

    .post-midia {
        max-width:22%;
    }

    .faixa-anuario h2 {
        font-size: 30px;
    }

    .ultimas-titulo span {
        font-size: 14px;
    }

    .busca {
        width: 50%;
        margin-left: 400px;
    }

    .festival-posts button {
        font-size: 14px;
    }

    .socioclube-posts p {
        font-size: 14px;
    }

    .titulo-cadastre h2 {
        font-size: 20px;
    }

    .titulo-cadastre p {
        font-size: 14px;
    }

    .ultimas-post, .ultimas-post2 {
        height: 350px;
    }

    .ultimas-sidebar {
        height: 80px;
    }

    .banner1 {
        padding: 0px 10%;
    }

    .primeira-sidebar {
        height: 140px;
    }

    .festival-titulo {
        font-size: 30px;
    }

    .festival-paragrafo {
        padding: 10px;
        width: 50%;
    }

    .festival-posts h3 {
        font-size: 18px;
    }

    .festival-posts button {
        font-size: 14px;
    }

    .banner_lateral {
        height: 340px;
    }

    .banner-b img {
        height: 340px;
    }

    .linha-botao button {
        font-size: 14px;
    }

    .titulo-midia p {
        font-size: 14px;
    }

    .faixa-midia2 h3 {
        font-size: 17px;
    }

    .faixa-midia3 p {
        font-size: 12px;
    }

    .paragrafo-midia p {
        font-size: 13px;
    }

    .faixa-post {
        height: 340px;
    }

    .titulo-midia h2 {
        font-size: 35px;
    }

    .festival-botao button, .anuario-botao button, .socioclube-botao button  {
        padding: 10px 20px;
    }

    .linha-anuario p {
        font-size: 15px;
    }

    .arrow {
        font-size: 14px;
    }

    .busca {
        font-size: 20px;
        padding-top: 10px;
    }

    .coluna-midia .linha-botao button {
        margin-top: 0px;
    }

    .maps-paragrafo {
        width: 340px;
    }


    /*  festival  */
    .patrocinio-a .patrocinio {
        width: 42%;
        height: 110px;
    }

    .patrocinio-b .patrocinio {
        height: 70px;
    }

    .image-festival {
        background-size: 170%;
    }

    .banner-a img {
        margin-right: 0px;
    }

    .area-comercial {
        height: 250px;
        padding-top: 80px;
        padding-left: 70px;
        padding-right: 20px;
    }

    .artigo_anuario {
        width: 47%;
    }

    .botao-clube {
        font-size: 14px;
    }

    .paragrafo-festival {
        height: auto;
    }

    .botao-aba button {
        font-size: 20px;
    }

    .botao-aba {
        width: 45%;
    }

    .sidebar-programacao {
        width: 105%;
        margin-left: -5%;
        z-index: 1000;
        top: 0px;
        position: fixed;
        height: 100%;
        overflow-y: scroll;
        display: none;
    }

    #adquira {
        width: 100%;
        position: fixed;
        bottom: 0px;
        z-index: 1100;
        padding: 10px;
        background: #d0d0d0;
        outline: none;
        border: none;
        display: inline;
    }

    #adquira .arrow  {
        margin-left: 10px;
        display: inline;
    }

    .linha-programacao h3 {
        font-size: 28px;
    }

    .sidebar-programacao  .inscricao-botao {
        font-size: 14px;
        width: auto;
    }

    #pagina-programacao {
        padding-right: 4%;
    }

    .aba-programacao {
        width: 100%;
    }

    #pagina-programacao .linha-post {
        width: 100%;
    }

    .botao-aba button {
        font-size: 15px;
    }

    .botao-aba {
        width: 100%;
    }

    .linha-slide {
        max-width: 70%;
    }

    .linha-footer {
        padding-right: 5%;
    }

    .faixa-footer {
        width: 45%;
    }

    .faixa-footer2 {
        width: 53%;
        margin-left: 1.5%;
    }

    .faixa-anuario {
        padding: 0px;
    }

    .coluna-anuario {
        background-size: 120%;
        padding-bottom: 0px;
    }

    .slide-principal {
        background-size: 200%;
    }

    .lado-a, .lado-b {
        width: 480px;
    }

    .lado-a {
        margin-left: 0px;
        padding-left: 20px;
    }

    .lado-b {
        margin-right: 0px;
        padding-right: 20px;
    }

    .faixa-ultimas {
        padding-top: 5px;
    }

    .ultimas-sidebar {
        height: 70px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 340px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 340px;
    }


    .area-comercial {
        margin-top: 0px;
    }

    .formato p {
        font-size: 15px;
    }

    .paragrafo-anuncie h2 {
        font-size: 30px;
    }

    .anuncie-a {
        height: 250px;
    }

    .anuncie-b {
        padding-bottom: 20px;
    }

    .anuncie-a img {
        height: 100%;
    }

    .linha-anuncie {
        padding-bottom: 10px;
    }

    .linha-anuncie .botao-anuncie {
        font-size: 12px;
        padding: 10px;
        width: 100%;
    }

    .artigo_socio {
        width: 32%;
        max-width: 32%;
    }

    .paragrafo-socio {
        height: 170px;
    }

    .paragrafo-anuarios h2 {
        font-size: 15px;
    }

    .image-capa {
        height: 100px;
    }

    .paragrafo-anuarios {
        height: 100px;
        line-height: 100px;
    }

    .image-anuarios {
        height: auto;
    }

    .sidebar_anuario .faixa-ultimas {
        padding-top: 70px;
    }

    .sidebar_anuario .ultimas-sidebar {
        height: 140px;
    }

    .ultimas-sidebar h3 {
        font-size: 12px;
    }



    /*  tabelas */
    .banner_lateral, .ultimas-post2 {
        max-width: 100%;
        width: 31%;
    }

    .ultimas-post {
        max-width: 100%;
        width: 31%;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        max-width: 100%;
        width: 31%;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        max-width: 100%;
        width: 31%;
    }


    #banner-2 {
        display: block;
    }

    #banner-a {
        display: none;
    }

    .faixa_anuarios {
        font-size: 14px;
    }

    .anuario-botao button {
        padding: 0px;
    }

    #faixa-palestra .ultimas-post2 {
        width: 250px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 400px;
    }

    #faixa-palestra .ultimas-post {
        width: 250px;
    }

    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 400px;
    }


    .pagina_pagina {
        min-height: 1400px;
    }

    .coluna-sidebar {
        max-width: 30%;
    }

    .coluna-pagina {
        max-width: 70%;
    }

    .faixa_1 p {
        font-size: 10px;
    }

    .pagina-inteira {
        max-width: 100%;
    }

    .nav-principal .nav-a ul li {
        padding: 4px 15px;
    }

    .nav-principal .nav-b ul li {
        padding: 10px 15px;
    }

    .nav-principal .nav-b ul .social-icons {
        font-size: 15px;
    }

    #oportunidades_marcas .paragrafo-programacao {
        width: 100%;
    }

    .linha_sidebar .lista-sidebar {
        font-size: 12px;
    }

    .ultimas-sidebar h3 {
        font-size: 14px;
    }

    .mini-slide p {
        font-size: 11px;
    }
}



/*    TAMANHO MAX-1024    */

@media screen and (max-width: 1024px) {

    .selo img{
        margin-right: -30px;
        width: 90px;
        float: right;
    }
    .busca {
        width: 80%;
    }

    .ultimas-post, .ultimas-post2 {
        max-width: 100%;
    }

    .coluna-pagina {
        max-width: 100%;
    }

    .image-post {
        width: 50%;
        float: right;
    }

    .coluna-pagina {
        max-width: 100%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    .coluna-sidebar {
        max-width: 100%;
    }

    .linha-post p {
        padding: 0px;
    }

    .linha-post {
        margin-left: 10px;
        padding-right: 20px;
    }

    .image-post {
        height: 250px;
        line-height: 210px;
    }

    .faixa-festival .image-post {
        height: 250px;
    }

    .linha-post h3 {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .coluna-midia {
        padding: 5px;
    }

    .post-midia {
        max-width: 70%;
    }

    .faixa-midia2 h3 {
        font-size: 18px;
    }

    .faixa-midia3 p {
        font-size: 12px;
    }

    .midia-social {
        padding-left: 0px;
    }

    .paragrafo-midia p {
        margin-left: 10px;
        border-width: 4px;
        padding: 0px 5px;
    }

    .titulo-midia p {
        font-size: 14px;
        width: 100%;
        margin: auto;
    }

    .titulo-midia h2 {
        font-size: 28px;
    }

    .titulo-midia {
        padding-top: 40px;
    }

    .linha-botao button {
        font-size: 12px;
        padding: 10px 40px;

    }

    .ultimas-post, .ultimas-post2 {
        width: 100%;
        height: 250px;
        margin-left: 0px;
        margin-bottom: 0px
    }

    .coluna-logo {
        float: none;
        margin: auto;
    }

    .nav-principal {
        display: none;
    }

    .busca {
        display: none;
    }

    .logo {
        margin: auto;
        padding: 0px;
        margin-left: 0px;
    }

    .logo img {
        display: block;
        margin: auto;
        width: 100%;
    }

    .logo-mobile {
        margin: auto;
        width: 40%;
    }

    .logo-mobile img {
        width: 100%;
    }

    .coluna-logo-mobile {
        padding: 5px;
    }

    .nav-mobile {
        position: absolute;
        background: black;
        width: 100%;
        z-index: 40;
    }

    .nav-mobile ul li a {
        color: white;
    }

    .nav-mobile .nav-lista li {
        display: block;
        font-size: 24px;
        border-top: solid 1px;
        padding: 20px;
        opacity: 1;
    }

    .nav-mobile .nav-lista li  a {
        color: white;
    }

    .nav-mobile .nav-lista li:last-child {
        border-bottom: solid 1px;
    }

    .nav-mobile ul li {
        display: block;
        font-size: 18px;
        padding: 10px 20px;
        opacity: 0.8;
        cursor: pointer;
    }


    .nav-mobile ul {
        padding: 0px;
        padding-left: 10px;

    }

    .nav-mobile .nav-midia-mobile li {
        display: inline;
        color: #d0d0d0;
    }

    .nav-mobile .nav-midia-mobile li:hover {
        color: #feee00;
    }

    .nav-mobile .nav-midia-mobile {
        border-top: solid 1px;
        padding-top: 10px;
        text-align: center;
    }

    .nav-mobile .nav-lista2 {
        padding-top: 20px;
        padding-bottom: 50px;
    }

    .nav-botao-desativar {
        background: transparent;
        border-radius: 50%;
        color: white;
        border-width: 2px;
        padding: 5px;
        margin-top: 20px;
        float: right;
        margin-right: 20px;
    }


    .nav-mobile ul li a:hover, .nav-mobile .nav-lista2 li:hover {
        color: #feee00;
        text-decoration: none;
        opacity: 1;
    }

    .header-principal .nav-botao-ativar, .nav-mobile, .header-principal .nav-botao-busca {
        display: block;
    }


    /*  habilitar nav  */
    .nav-mobile {
        display: none;
        z-index: 400;
    }

    .coluna-logo {
        padding-top: 5px;
        width: 100%;
    }

    .coluna-busca {
        padding-top: 0px;
        margin-top: -55px;
        width: 10%;
        float: right;
    }

    .header-principal .nav-botao-ativar {
        background: transparent;
        float: left;
        border: none;
        font-size: 180%;
        margin-top: 80px;
        margin-left: 15px;
    }

    .header-principal .nav-botao-busca {
        background: transparent;
        float: right;
        border: none;
        font-size: 200%;
        margin-right: 15px;
        margin-top: -57px;
    }

    .linha-post h3 {
        font-size: 24px;
    }

    .banner1 {
        margin-bottom: 0px;
        padding-top: 10px;
    }

    .coluna-pagina {
        padding-bottom: 20px;
    }

    .coluna-pagina2 {
        margin-top: 0px;
    }

    .ultimas-titulo {
        padding: 40px 0px;
    }

    .banner-lateral, .banner_lateral {
        display: none;
    }
    
    .paragrafo-socioclube {
        width: 70%;
        float: left;
        text-align: left;

    }

    .socioclube-icone {
        width: 30%;
        float: left;
    }

    .socioclube-posts {
        margin-bottom: 25px;
        max-width: 100%;
    }

    .socioclube-posts h3 {
        margin: 15px 0px;
    }

    .coluna-festival {
        background-position: top right;
    }

    .coluna-festival {
        padding: 5% 20px;
    }

    .festival-paragrafo {
        width: 100%;
    }

    .festival-posts {
        margin-bottom: 40px;
    }

    .festival-mais .arrow {
        font-size: 12px;
    }

    .linha-socioclube {
        padding-top: 20px;
    }

    .socioclube-titulo {
        padding-top: 40px;
    }

    /* .largura-logo {
        width: 280px;
    } */

    .categoria-post {
        margin-left: 15px;
    }

    .mini-banner img {
        max-width: 200px;
    }



    /*  BANNER PRINCIPAL  */
    .slide-principal {
        width: 100%;
        max-width: 100%;
    }
    
    .coluna-slide {
        width: 100%;
        max-width: 100%;
    
    }

    .mini-slide {
        width: 20%;
        max-width: 20%;
        float: left;
        border-left: none;
        border-top: solid 4px #feee00;
        border-right: solid 1px #feee00;
        height: 100px;
    }

    .coluna-slide {
        height: auto;
    }

    .linha-slide {
        width: 97%;
        margin: 0px 1.5%;
        max-width: 100%;
        padding: 10px;
        margin-top: -70px;
    }

    .paragrafo-slide p {
        font-size: 14px;
    }

    .slide-principal {
        height: 400px;
    }

    .paragrafo-slide h2 {
        font-size: 25px;
    }

    .linha-footer {
        padding: 0px;
    }

    .faixa-footer, .faixa-footer2, .linha-maps {
        width:100%;
        border-bottom: solid 1px black;
        padding: 30px 25px;
    }

    .nav-footer, .nav-footer2, .linha_footer, .coluna-maps {
        display: none;
    }

    .linha-cadastre {
        padding: 40px 20px;
    }

    .botao-cadastrar {
        font-size: 20px;
        margin-left: 10px;
    }

    .faixa-footer2 {
        margin-left: 0px;
    }

    .linha-footer h2 {
        display: inline;
        font-size: 15px;
        color: white;
    }

    .coluna-footer {
        height: auto;;
    }

    .arrow_footer {
        display: inline;
    }

    .linha-maps {
        display: inline;
    }

    .faixa-anuario {
        display: block;
    }

    .faixa {
        max-width: 100%;
        width: 100%;
    }

    .coluna-socioclube {
        padding-bottom: 200px;
    }

    .linha-anuario {
        width: 100%;
        margin-left: 20px;
        padding-left: 10px;
    }

    .mini-slide p {
        display: none;

    }

    .sidebar_categorias {
        position: absolute;
        display: none !important;
        top: 0px;
        max-width: 100%;
        z-index: 40;
    }

    .pagina_pagina {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        min-height: auto;
        padding-bottom: 20px;
    }

    .banner-pagina {
        height: 240px;
    }

    .titulo_pagina h1 {
        font-size: 40px;
    }

    .titulo_pagina span {
        font-size: 18px;
    }

    .paragrafo_banner {
        margin-top: 15px;
        padding-right: 20px;
        font-size: 10px;
    }

    .pagina .pagina_pagina .ultimas-titulo {
        margin-bottom: 0px;
    }

    .linha-botao button {
        margin: 20px auto;
        width: auto;
    }

    .linha-categoria {
        display: block;
        text-align: center;
        max-width: 100%;
        padding: 10px 5%;
        margin-top: 20px;
    }

    .botao-categoria {
        background: transparent;
        border-style: groove;
        padding: 10px 40px;
        font-style: italic;
        opacity: 0.5;
        font-size: 14px;
        width: 100%;
    }

    .anuario {
        padding-top: 0px;
    }

    .nav-footer, .nav-footer2 {
        padding: 0px;
        width: 100%;
        float: none;

    }

    .faixa-footer .nav-footer, .faixa-footer2 .linha_footer {
        margin-top: 40px;
    }

    .pagina .sidebar_pagina .ultimas-titulo {
        margin-bottom: 0px;
        text-align: left;
    }

    .categoria-mobile {
        margin-bottom: 15px;
    }

    .sidebar_pagina {
        height: auto;
        padding-bottom: 40px;
    }

    .nav-mobile .nav-botao-desativar:hover {
        color: #feee00;
        border-color: #feee00;
    }

    .categoria-mobile {
        display: block;
    }

    .linha-footer {
        cursor: pointer;
    }

    .linha-mapa {
        margin-left: 15px;
        margin-top: 20px;
    }

    .maps-paragrafo {
        width: 40%;
    }

    .maps-paragrafo h2 {
        font-size: 17px;
    }

    .maps-paragrafo p {
        font-size: 12px;
    }

    .nav-titulo {
        margin: 0px 23%;
        width: 50%;
    }

    .nav-titulo li {
        font-size: 18px;
    }
    
    .faixa_1 {
        width: 50%;
    }

    .anuario-banner img {
        padding: 0px 10%;
    }

    /* .largura-logo-mobile {
        padding: 0;
        text-align: center;
    } */

    .logo-mobile {
        width: 280px;
    }

    .nav-mobile .nav-lista2 li a, .nav-mobile .nav-midia-mobile li a, .nav-mobile .nav-lista2 li, .nav-mobile .nav-midia-mobile li {
        color: #d0d0d0;
    }

    .coluna-busca-mobile {
        background: #feee00;
        padding: 0px 10px 20px 30px;
    }

    .coluna-busca-mobile .botao-busca {
        background: transparent;
        float: right;
        border: none;
        font-size: 200%;
        margin-right: 15px;
    }

    .busca-mobile {
        width: 90%;
        background: transparent;
        border: none;
        border-bottom: solid 1px;
        font-size: 18px;
        font-style: italic;
    }

    .materia-pagina .linha-titulo {
        width: 100%;
    }

    .materia-pagina {
        padding-right: 10px;
    }

    .principal_anuario, .principal_anuario img {
        height: 280px;
    }

    .materia {
        margin-top: 40px;
    }

    .image-nav, .image-nav img {
        width: 100%;
        height: 180px;
    }

    .image-nav {
        width: 100%;
        float: none;
        margin-top: 0px;
        margin-left: 0px;
        padding: 0px 10px;
    }

    .lado-a, .lado-b {
        padding-left: 0px;
        width: 44%;
        margin:10px;
        padding-right: 0px;
        padding-bottom: 15px;
    }

    .paragrafo-nav {
        width: 100%;
        float: none;
        margin-left: 0px;
        padding-left: 15px;
        margin-top: 10px;
    }

    .lado-a .arrow-nav, .lado-b .arrow-nav {
        display: none;
    }

    .linha-anuario {
        width: 100%;
    }

    .banner-a {
        display: none;
    }

    .anuario-banner img {
        padding: 0px;
        width: 300px;
        height: 50px;
    }





    /*  sidebar  */
    .coluna-sidebar {
        overflow-x: scroll;
    }

    .coluna-sidebar2 {
        padding-left: 0px;
        padding-right: 0px;
        height: 200px;
        width: 4100px;
    }

    .ultimas-sidebar {
        width: 400px;
        height: 140px;
        display: block;
        float: left;
        margin: 5px;
    }

    #sidebar-titulo-mobile {
        background: #d0d0d0;
        display: block;
        clear: both;
    }

    #sidebar-titulo {
        display: none;
    }

    .linha_sidebar {
        margin-left: 10%
    }

    .ultimas-sidebar .lista-lista {
        width: 5%;
        margin-left: 10px;
    }

    .ultimas-lista {
        margin-top: 70px;
    }

    /* habilitar */
    #linha-botao-mobile, #banner-lateral-mobile {
        display: block;
    }

    #linha-botao, #banner-a {
        display: none;
    }

    .banner-lateral {
        padding: 40px 0px;
        clear: both;
    }

    .banner-lateral img {
        display: block;
        margin: auto;
    }

    .coluna-pagina2 .ultimas-titulo {
        padding: 40px;
    }

    .mini_banner {
        padding-top: 20px;
        clear: both;
    }

    .mini_banner img {
        width: 300px;
        height: 50px;
        display: block;
        margin: auto;
    }

    #mini_banner {
        display: block;
    }

    .linha-anuario {
        margin-left: 0px;
        color: black;
        border-color: black;
    }

    .linha-anuario p {
        color: black;
    }

    .faixa-anuario {
        margin-top: 240px;
    }

    .coluna-anuario {
        padding-bottom: 0px;
    }

    .artigo_socio {
        width: 47%;
        max-width: 47%;
    }

    .paragrafo-socio {
        height: 170px;
    }

    .faixa-inscricao {
        clear: both;
        height: auto;
        padding-bottom: 0px;
    }

    #alinhamento-concurso .caixa-concurso, .caixa-concurso {
        max-width: 100%;
        width: 100%;
        margin-bottom: 40px;
    }

    .alinhamento-concurso {
        height: 770px;
    }

    .inscricao-a, .inscricao-b {
        max-width: 100%;
        width: 100%;
    }

    .paragrafo-concurso {
        font-size: 14px;
    }

    .inscricao-b {
        margin-left: 0px;
    }

    .lightbox {
        width: 70%;
        margin: 40px 15%;
    }

    .linha-a-lightbox p {
        font-size: 17px;
    }

    .linha-botao-inscricao-mobile {
        display: block;
        padding: 40px 0px;
        clear: both;
    }

    .linha-botao-inscricao {
        display: none;
    }

    .anuncie-a, .anuncie-b {
        max-width: 100%;
        width: 100%;
    }

    .anuncie-coluna, .linha-anuncie .baixar-kit {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 40px;
    }

    .linha-anuncie {
        margin-bottom: 40px;
        padding-right: 0px;
    }

    .botao-anuncie {
        padding: 15px 25px;
        width: auto;
    }

    .formato {
        width: 100%;
    }

    .formato p {
        font-size: 17px;
    }

    .paragrafo-anuncie h2 {
        font-size: 30px;
    }



    /*  festival */
    .faixa-patrocinio {
        width: 100%;
        float: none;
    }

    .area-comercial  {
        width: 100%;
        height: auto;
        padding-left: 0px;
        padding-top: 0px;
        margin-top: 20px;
        padding: 20px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        width: 100%;
        height: 210px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        width: 100%;
        height: 210px;
    }


    .patrocinio-a .patrocinio {
        width: 48%;
    }

    .patrocinio-a .patrocinio, .patrocinio-b .patrocinio  {
        margin: 1%;
    }

    .patrocinio-b .patrocinio {
        width: 31.3%;
    }

    .linha-titulo h2 {
        font-size: 35px;
    }

    .intro-festival {
        width: 100%;
        max-height: none;
    }

    .image-festival {
        width: 100%;
    }

    .mapa {
        display: block;
        clear: both;
    }

    .legenda {
        font-size: 14px;
        margin-bottom: 40px;
    }



    /*  mobile  */
    .palestra-mobile {
        width: 2000px;
    }

    #faixa-palestra .ultimas-post2 {
        width: 280px;
    }
    #faixa-palestra .ultimas-post {
        width: 280px;
    }


    #faixa-palestra .image-post {
        width: 100%;
        float: none;
    }

    #faixa-palestra {
        overflow-x: scroll;
    }

    .linha-festival {
        height: auto;
        float: left;
        margin-bottom: 50px;
    }

    .chamada-festival {
        margin-bottom: 40px;
        padding: 0px 15%;
    }

    .titulo-festival {
        width: 100%;
        padding-right: 20px;
    }

    .linha-chamada {
        padding-left: 5%;
    }

    .banner_a {
        display: block;
    } 

    #banner-a-mobile {
        display: block;
    }

    .banner-lateral {
        margin-bottom: 0px;
    }

    .slide-principal {
        background-size: 1400px 400px;
    }

    .pagina-materia .coluna-sidebar2 {
        margin-top: 0px;
    }

    #nav-pagina {
        display: none;
    }

    #nav-pagina-mobile  {
        display: block;
        padding-top: 0px;
        float: left;
        background: #efefef;
    }

    #midia-materia-mobile {
        display: block;
    }

    #sociais {
        display: none;
    }

    .dados-materia {
        float: left;
    }

    .sidebar_anuario {
        margin-top: 0px;
    }

    .sidebar_anuario .ultimas-lista {
        margin-top: 10px;
    }

    .sidebar_anuario .coluna-sidebar2 {
        width: 2050px;
    }

    aside ::-webkit-scrollbar-thumb {
        visibility: hidden;
    }

    aside ::-webkit-scrollbar {
        background: #d0d0d0;
    }

    #faixa-palestra ::-webkit-scrollbar-thumb {
        visibility: hidden;
    }

    #faixa-palestra ::-webkit-scrollbar {
        background: #d0d0d0;
    }

    .titulo_palestrantes {
        padding: 10px;
    }
    
    .titulo_palestrantes h4 {
        font-size: 20px;
    }

    #faixa-palestra .image-post {
        height: 190px;
        line-height: 190px;
    }

    .paragrafo_anuario h2 {
        font-size: 21px;
    }

    .paragrafo_anuario {
        padding-top: 15%;
    }

    .todos-anuarios {
        width: 80%;
        margin: 40px 10%;
    }

    .paragrafo-anuarios h2 {
        font-size: 17px;
    }

    .image-anuarios, .image-capa, .paragrafo-anuarios {
        height: 100px;
        line-height: 100px;
    }

    .titulo-diretoria {
        padding-left: 0px;
    }

    .linha-clube h2 {
        font-size: 35px;
    }

    .linha-botao-clube {
        display: none;
    }

    .paragrafo_diretoria {
        margin-top: 20px;
    }

    .mais-image-festival h3 {
        margin-top: 0px;
    }

    .galeria-anterior {
        width: 100%;
        height: 280px;
    }

    .mais-image-festival {
        width: 100%;
    }

    .paragrafo-programacao h3 {
        font-size: 20px;
    }

    .coluna-pagina .linha-post p, .linha-post p {
        font-size: 18px;
        line-height: 1.4;
    }

    .faixa-anuario {
        margin-top: 0px;
        background: #feee00;
    }

    .faixa {
        padding-left: 20px;
        padding-top: 200px;
    }

    .coluna-anuario {
        background-image: none !important;
    }

    #ultimas-palestra .image-post {
        padding-left: 20px;
    }

    .paragrafo_anuario {
        height: auto;
        margin-bottom: 15px;
    }

    .anuncie-b {
        margin-bottom: 40px;
    }

    .linha-anuncie {
        padding-bottom: 40px;
    }

    .pagina-consurso-linha-1 {
        margin-bottom: 0px;
    }

    .header-principal {
        padding: 0px;
        height: 120px;
    }

    .lista_sidebar {
        padding: 0px 40px;
    }

    .titulo_banner {
        height: 150px;
    }

    .paragrafo_banner {
        margin-top: 0px;
    }

    #ultimas_festival .ultimas-post2 {
        width: 100%;
    }
    #ultimas_festival .ultimas-post {
        width: 100%;
    }


    .mini-slide img {
        margin-top: 0px;
    }



    /*  galeria  */
    .galeria-principal {
        width: 100%;
        max-width: 100%;
    }

    .faixa-galeria {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .coluna_galeria, .faixa_galeria {
        width: 100%;
        height: auto;
        text-align: center;
        padding: 5px;
    }

    .mini-galeria {
        width: 15px;
        height: 15px;
        margin: 5px;
        border-radius: 50%;
        margin-top: 0px;
        display: inline-block;
        background: #9b9b9b;
    }

    .mini-galeria img {
        opacity: 0;
    }

    .mini-galeria:hover {
        border: none;
        background: #feee00;
    }

    .materia_clube {
        margin-left: 0px;
    }

    .botao_publi, .botao_pin {
        width: 35px;
        height: 35px;
    }

    .botao_publi i {
        font-size: 14px;
    }

    .publi_artigo {
        max-width: 100%;
        width: 100%;
        top: 0px;
        margin: 0px;
        max-height: initial;
        padding-top: 40px;
    }

    .pagina_pagina .publi_artigo, .publi_artigo {
        margin-left: -10px;
    }

    .publi_a, .publi_b {
        width: 100%;
        text-align: center;
        padding: 0px;
    }

    .publi_a {
        height: auto;
        margin-bottom: 20px;
        padding-top: 15px;
    }

    .publi_b p {
        display: none;
    }

    .publi_b h2 {
        font-size: 26px;
    }

    #publi_video {
        height: 250px;
    }

    .publi_logo {
        display: none;
    }

    .publi_artigo #fechar_publi {
        font-size: 17px;
    }



    /*  galeria mobile  */
    .galeria-galeria {
        height: 200px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 100px;
    }

    .galeria-a, .galeria-b {
        width: 100%;
    }

    .galeria-b {
        padding: 0px 40px;
    }

    .galeria-lightbox {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        padding: 20px 0px;
        height: auto;
    }

    .lightbox-video {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        padding: 20px 20px;
        height: auto;
        margin-left: -4%;
    }

    .galeria-b .categoria, .galeria-b .linha-post {
        display: none;
    }

    .coluna-galeria {
        height: auto;
    }

    .galeria-principal {
        height: 250px;
        position: relative;
    }

    .galeria-principal .galeria-botao1, .galeria-principal .galeria-botao2 {
        background: black;
        color: white;
        opacity: 0.5;
        width: auto;
        margin-top: 100px;
        position: absolute;
        border: none;
        font-size: 35px;
        padding: 10px;
        display: block;
    }

    .galeria-botao1 i {
        margin-right: 0px;
    }

    .galeria-principal .galeria-botao2 {
        padding-right: 0px;
        right: 0px;
    }

    .galeria-a .arrow {
        font-size: 20px;
    }

    .toda_faixa {
        max-width: 100%;
        overflow-x: scroll;
    }

    .toda-faixa {
        width: 2000px;
        max-width: 2000px;
    }

    .galeria-b p {
        text-align: center;
        margin: 0px;
    }

    .galeria-mini {
        width: auto;
        height: auto;
        margin: 0px;
        margin-right: 5px;
    }

    .galeria-mini img {
        width: 60px;
        height: 50px;
    }

    #banner-2 {
        display: none;
    }

    .anuario-botao button {
        width: auto;
    }

    #galeria-a, #galeria-b {
        display: none;
    }

    #menu-mobile-a li ul {
        margin-top: 25px;
    }

    #menu-mobile-a li ul li {
        font-size: 18px;
    }

    #menu-mobile-a li ul li:last-child {
        padding-bottom: 5px;
        border-bottom: none;
    }

    .todas_materias {
        padding-top: 40px;
    }

    .categoria-anuario h2 {
        padding-right: 20px;
    }

    .tipo-anuario {
        width: 100%;
        padding-right: 20px;
    }

    .coluna-slide {
        position: absolute;
        margin-top: 380px;
    }

    .faixa_anuarios button {
        width: 100%;
    }

    .faixa_anuarios {
        font-size: 15px;
        text-align: left;
        padding: 5px;
    }

    .faixa_anuarios p {
        margin-right: 0px;
        margin-bottom: 0px;
        display: block;
        padding: 10px;
    }

    .banner-pagina .botao-confira {
        margin-top: 50px;
        display: none;
    }

    .pagina_anuario .anuario-banner, .pagina-materia .anuario-banner {
        padding: 15px;
    }

    .faixa-anuario h2 {
        padding-right: 20px;
    }

    .lightbox-video .video {
        height: auto;
    }

    .lightbox-video .galeria-b1, .lightbox-video .galeria-b2 {
        margin-top: -35%;
    }

    .header-principal .nav-botao-ativar {
        position: absolute;
    }

    #buscar {
        width: 40px;
        position: absolute;
        right: 15px;
    }

    .logo img {
        width: 75%;
        padding-top: 8px;
    }

    /*  size 52 */
    .titulo_pagina h1 {
        font-size: 52px;
    }

    /*  size 42  */
    .linha-titulo h2, .ultimas-titulo h2 {
        font-size: 42px;
    }

    /*  size 38  */
    h2, .faixa-anuario h2 {
        font-size: 38px;
    }

    /*  size 26 */
    h3, .titulo-cadastre h2, .inscricao-b p, .paragrafo-programacao h3, .linha-post h4, .linha-post h3, .paragrafo_anuario h2 {
        font-size: 26px;
    }

    /*  size 22  */
    .linha-post p, .paragrafo-slide p, .ultimas-titulo span, .titulo-cadastre p, .maps-paragrafo h2, .banner_pagina .banner-pagina .titulo_banner span, 
    .linha-titulo p, .titulo_pagina span, .categoria-anuario h2, .ficha h2, .socio-titulo h2, .titulo_palestrantes h4, .botao-aba button, .nav-titulo li {
        font-size: 22px;
    }
    
    /*  size 18  */
    .ultimas-sidebar h3, .linha-anuario p, .linha-footer h2, .linha h2, .todas_categorias, .titulo-inscricao h4, .materia_clube h2, .paragrafo_diretoria {
        font-size: 22px;
    }

    .paragrafo_diretoria, .intro-festival p {
        font-size: 18px;
    }

    /*  size 16  */
    .linha-botao button, button, .faixa_anuarios, .anuario_linha h4, .paragrafo-socio {
        font-size: 16px;
    }

    /*  size 14  */
    .nav-principal .nav-a ul li, .nav-principal .nav-b ul li, .mini-slide p, .lista_categoria li, .nav-linha p, .ficha strong, .paragrafo-concurso, .lista-inscricao, .botao-transparente,
    .nav-busca, .paragrafo-festival span {
        font-size: 14px;
    }

    /*  size 12  */
    .categoria-post p, .nav-footer li, .nav-footer2 li, .faixa_1 span, .formulario input, .categoria, .paragrafo-programacao ul, .paragrafo-palestrante p,
    .ultimas-post2 .paragrafo-festival p, .ultimas-post .paragrafo-festival p {
        font-size: 14px;
    }

    /*  size 10  */
    .anuario_linha p, .faixa_anuarios p {
        font-size: 14px;
    }

    .anuario-botao button {
        width: 210px;
        background: black;
        color: #feee00;
        font-size: 14px;
    }

    .anuario-botao button:hover {
        background:#feee00;
        color: black;
    }

    .materia #publi_video, .materia-anuario #publi_video {
        width: 100%;
        height: auto;
    }

    .galeria-principal, .galeria-galeria {
        height: 400px;
    }

    .galeria-principal .galeria-botao1, .galeria-principal .galeria-botao2, .galeria-b1, .galeria-b2 {
        margin-top: 25%;
    }

    .galeria-b {
        padding: 0px 80px;
    }

    .linha-botao button {
        width: 50%;
    }

    .todas_materias {
        padding-top: 0px;
    }

    .coluna-materias {
        padding-top: 20px;
    }

    .faixa-diretoria li {
        padding-left: 5%;
    }

    .coluna-pagina2 {
        margin-bottom: 20px;
    }

    .linha-botao {
        display: block;
    }

    .faixa_anuarios p {
        width: 70%;
        float: left;
        padding: 5px;
        padding-left: 5%;
    }
    
    .faixa_anuarios button {
        float: right;
        width: 30%;
        font-size: 12px;
    }

    .todas_categorias {
        margin-top: 40px;
    }

    .cadastre-a, .cadastre-b {
        width: 100%;
        max-width: 100%;
    }

    .linha-anuario p {
        padding-right: 20px;
    }

    #capa-mobile {
        display: block;
    }

    #capa-paragrafo {
        display: none;
    }

    #tel {
        border: solid 1px;
        padding: 15px;
        text-align: center;
        margin-top: 15px;
    }

    .anuncie-coluna {
        padding: 0px;
        padding-right: 40px;
    }

    .anuncie-coluna p {
        font-style: normal;
        font-size: 18px;
    }

    .capa-anuario {
        background: #efefef;
        margin-bottom: 0px;
        padding-top: 40px;
    }

    .capa-anuario .botao-confira {
        width: 97%;
        height: auto;
        padding: 15px;
    }

    .capa_mobile {
        display: block;
    }

    .inscricao-botao {
        width: 100%;
    }

    .paragrafo_anuario h2 {
        font-size: 26px;
    }

    .banner-pagina .titulo_pagina h1 {
        padding: 20px;
        padding-bottom: 0px;
    }

    .ultimas-post2 .paragrafo-festival p, .paragrafo-palestrante p, .area-comercial p {
        font-size: 14px;
    }
    .ultimas-post .paragrafo-festival p, .paragrafo-palestrante p, .area-comercial p {
        font-size: 14px;
    }


    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 500px;
        height: auto;
        padding-bottom: 20px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 500px;
        height: auto;
        padding-bottom: 20px;
    }

    #ultimas-palestra .image-post, #ultimas_palestra .image-post, #ultimas-festival .image-post, #ultimas_festival .image-post {
        width: 100%;
        float: none;
        padding-left: 0px;
        height: 370px;
        line-height: 370px;
    }

    .linha_sidebar .lista-sidebar {
        display: block;
        margin-top: -10px;
    }
    .titulo-sidebar{
        margin-top: -10px !important;
    }
    .titulo-sidebar{
        display: none !important;
    }

    .linha_sidebar {
        line-height: 45px;
    }

    .ultimas-sidebar h3 {
        vertical-align: middle;
    }

    .pagina-interna {
        padding-top: 20px;
    }

    #capa-mobile {
        font-size: 18px;
        font-style: italic;
    }

    .lista_categoria li {
        margin-bottom: 25px;
    }

    .pagina-midia {
        padding-top: 20px;
    }

    .pagina_busca .pagina-busca {
        margin-bottom: 40px;
    }

    #linha-festival {
        padding: 10px;
        margin-top: 0px;
    }

    .mapa {
        background: #feee00;
        color: black;
        margin-bottom: 20px;
        margin-top: 40px;
    }

    .botao-mapa {
        padding: 10px 0px;
        text-align: left;
    }

    #image-festival {
        display: none;
    }

    #image-festival2 {
        display: block;
        background: white;
        padding: 20px;
        margin-bottom: 40px;
    }

    .festival-a span, .festival-b span {
        text-align: center;
    }

    .festival-a button {
        margin-top: 25px;
    }

    .festival-a span, .festival-b span {
        margin-bottom: 0px;
    }

    .festival-a, .festival-b {
        margin-bottom: 20px;
        width: 100%;
    }

    .titulo_festival {
        display: none;
    }

    .titulo-mobile{
        display: block;
    }

    .festival-b {
        margin-bottom: 10px;
    }

    .festival-a {
        border-right: none;
        border-bottom: solid 1px;
        padding-bottom: 20px;
    }

    .botao-mapa:hover {
        background: transparent;
        color: black;
    }

    .destaque-festival {
        display: block;
    }

    .destaque-festival img {
        width: 100%;
    }

    .paragrafo-programacao button {
        margin-left: 0px;
    }

    .ultimas-festival .paragrafo-festival span, .ultimas-festival .paragrafo-festival p {
        display: none;
    }

    .ultimas-festival .paragrafo-palestrante {
        display: none;
    }

    .linha-post .sub_titulo {
        display: block !important;
    }

    .ultimas-festival .categoria-post {
        display: block;
    }

    .ultimas-post, .ultimas-post2 {
        position: relative;
    }

    .artigo_socio {
        width: 48%;
        max-width: 48%;
    }

    #pagina-programacao .linha-titulo {
        margin-bottom: 0px;
    }

    .paragrafo-programacao ul {
        font-size: 16px;
    }

    .pagina-materia {
        padding-bottom: 0px;
    }

    .ultimas-sidebar img {
        margin-top: -170px;
    }

    .linha_sidebar p {
        display: none;
    }

    .galeria_video iframe  {
        max-width: 100%;
        width: 100%;
    }

    video {
        max-width: 100%;
        width: 100%;
    }



    /*  novas páginas  */
    .faixa-sobre {
        height: auto;
        display: block;
    }

    .capa-faixas {
        width: 100%;
        height: 300px;
    }

    .faixa-sobre .faixa {
        padding-top: 0px;
    }

    .faixa-sobre .botao-confira {
        /*width: 200px;*/
        width: auto;
    }

    .faixa-sobre .faixa .linha-anuario, .faixa-sobre .faixa .linha-anuario p {
        color: white;
        border-color: #feee00;
    }

    .faixa-icones .botao-confira {
        width: 200px;
    }

    .faixa-icones .paragrafo-concurso {
        margin-bottom: 40px;
    }

    .faixa-icones {
        margin: 40px 0px;
    }

    .faixa-a2 .faixa, .faixa-a2 .faixa-a {
        width: 100%;
        max-width: 100%;
    }

    .faixa-sobre .faixa-anuario {
        background: #242424;
    }

    .faixa-sobre {
        display: grid;
    }

    .logo-festival img {
        width: 80%;
    }

    .galeria-principal .galeria-botao1, .galeria-principal .galeria-botao2 {
        margin-top: 0px;
        height: 100%;
    }

    .mini-galeria, .galeria-mini {
        width: 80px;
        height: 55px;
    }

    .image-palestras {
        height: 170px;
    }

    .banner-publicidade {
        font-size: 10px;
    }

    .box-banner .banner-publicidade {
        margin-top: 0px;
        position: relative;
    }

    .box-super-banner {
        width: 300px;
    }

    .paragrafo-festival p {
        display: none;
    }

    .banner-publicidade-lateral {
        margin-top: 0px;
        margin-left: 105px;
    }

    .pagina-toda > #banner-lateral-mobile {
        margin-top: 40px;
        padding-top: 0px;
    }

    .botao_pin {
        width: 30px;
        height: 30px;
    }

    .botao_pin img {
        margin-right: -8px;
        width: 30px;
    }

    .box-banner {
        width: 300px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 200px;
    }

    .mini-galeria .background {
        border-radius: 50%;
    }

    .mini-galeria {
        width: 15px;
        height: 15px;
    }

    .publi_artigo {
        bottom: 0px;
    }

    .faixa-anuario, .faixa {
        float: left;
    }

    #alinhamento-concurso2 .caixa-concurso {
        width: 30.5%;
    }

    .faixa-sobre #alinhamento-concurso2 .caixa-concurso .botao-confira {
        width: auto;
        padding: 5px 15px;
    }

    .feedback_ajax {
        margin-bottom: 0px;
    }

    .jurados {
        margin-top: 40px;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .paragrafo-concurso p {
        height: auto;
    }

    .botao-aba .aba-botao {
        font-size: 18px;
    }

    .modal {
        width: 70%;
        height: auto;
        margin-top: 15%;
    }

    .modal-background {
        margin-top: 15px;
    }

    .modal_site {
        width: 70%;
        margin: 0px 15%;
    }

    .data-post {
        font-size: 10px !important;
        padding-top: 5px;
    }
    
    .categoria-post{
        width: 45%;
    }
}




/*    TAMANHO 840    */
@media screen and (max-width: 840px) {

    .ultimas-post, .ultimas-post2 {
        width: 100%;
        height: 210px;
        margin-left: 0px;
        margin-bottom: 0px
    }

    .image-post {
        height: 210px;
        line-height: 210px;
    }

    .faixa-festival .image-post {
        height: 210px;
    }

    .linha-botao button {
        width: 90%;
    }

    .capa-destaque {
        height:300px;
    }
    .selo img {
        margin-right: 20px;
        margin-top: -80px;
        width: 70px;
        float: right;
    }
    .coluna-busca {
        padding-top: 0px;
        margin-top: 20px;
        width: 50%;
        float: right;
    }
    .logo {
        width: 120px !important;
        height: 100px !important;
        margin-top: -20px;
        margin-left: 10px;
    }
    .coluna-logo {
        padding-top: 5px;
        width: 100%;
    }
    .busca {
        width: 80%;
        margin-left: 0px;
        margin-top: -20px;
    }
    .header-principal {
        padding: 0px;
        height: 150px;
    }
    .header-principal .nav-botao-ativar {
        background: transparent;
        float: left;
        border: none;
        font-size: 180%;
        margin-top: 100px;
        margin-left: 15px;
    }
    #ativar-busca {
        display: none;
    }
    .linha-busca .botao-busca {
        margin-right: 15px;
        margin-top: -10px;
    }

}


/*    TAMANHO 740    */
@media screen and (max-width: 740px) {

    .selo img {
        margin-right: 10px;
        margin-top: -100px;
        width: 70px;
        float: right;
    }
    .coluna-busca {
        margin-top: -50px;
        width: 50%;
        float: right;
    }
    .coluna-busca-mobile {
        background: #feee00;
        padding: 0px 10px 20px 30px;
        margin-top: 0px;
    }
    .coluna-busca{
        display:none;
    }
    .image-palestras {
        display: none;
    }

    .info-programacao {
        width: 100%;
        padding-top: 0px;
        text-align: initial;
    }

    .info-programacao p {
        display: inline;
        font-size: 15px;
    }

    .paragrafo-programacao {
        width: 100%;
    }

    .aba-programacao {
        padding: 20px 10px;
    }

    .botao-aba {
        width: 100%;
        float: left;
    }

    .info-programacao p, .info-programacao span {
        font-size: 12px;
    }

    #materia_marcas .image-palestras {
        display: block;
        height: 300px;
    }
}




/*    TAMANHO MAX-580    */

@media screen and (max-width: 580px) {

    .paragrafo-slide h2 {
        font-size: 25px;
    }

    .paragrafo-slide p {
        font-size: 14px;
    }

    
    .socioclube-posts h3 {
        font-size: 15px;
    }

    .socioclube-posts p {
        font-size: 12px;
    }

    .coluna-socioclube {
        padding: 5% 20px;
    }

    .socioclube-titulo h2 {
        font-size: 25px;
    }

    .socioclube-titulo {
        font-size: 12px;
    }

    .paragrafo-socioclube {
        padding-left: 10px;
    }

    .maps-paragrafo {
        top: 15px;
        left: 10px;
        width: 70%;
    }

    .maps-paragrafo h2 {
        margin-bottom: 5px;
    }

    .faixa_1 {
        width: 100%;
    }

    .maps {
        height: 370px;
    }

    .busca-mobile {
        width: 88%;
    }

    .dados-materia {
        width: 100%;
        float: none;
        text-align: initial;
    }

    .midia-materia, .linha-materia {
        padding-left: 0px;
    }

    .linha-materia {
        line-height: 1.7;
    }

    .ultimas-post, .ultimas-post2, #ultimas-palestra .ultimas-post2,  #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2, #ultimas-palestra .ultimas-post,  #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 180px;
    }

    .image-post, .faixa-festival .image-post {
        height: 180px;
        line-height: 180px;
    }

    .cadastre-a, .cadastre-b {
        max-width: 100%;
        width: 100%;
    }

    .mini-slide {
        height: 80px;
    }





    /* sidebar */
    .ultimas-sidebar {
        width: 300px;
    }

    .coluna-sidebar2 {
        width: 3100px;
    }

    .ultimas-sidebar .lista-lista {
        width: 8%;
    }

    .linha_sidebar {
        margin-left: 14%;
        display: block;
    }

    .paragrafo-socio {
        height: 200px;
    }

    .linha-a-lightbox p {
        font-size: 15px;
    }

    .lightbox {
        width: 100%;
        margin: 0px;
        top: 0px;
        height: 100%;
    }

    /* festival */
    .patrocinio-a, .patrocinio-b {
        width: 100%;
    }

    .intro-festival {
        padding: 40px 15px;
        float: none;
    }

    .linha-post p, .ultimas-post2 .paragrafo-festival p, .ultimas-post .paragrafo-festival p {
        font-size: 11px;
    }

    .paragrafo-festival span {
        font-size: 14px;
    }

    .faixa-festival .linha-post {
        margin-bottom: 0px;
    }

    .sidebar_anuario .coluna-sidebar2 {
        width: 1550px;
    }

    .titulo-busca h1 {
        font-size: 35px;
    }

    .artigo_anuario {
        width: 100%;
    }

    .coluna_anuario {
        padding-right: 4%;
    }

    .paragrafo-anuarios, .image-anuarios {
        width: 100%;
        line-height: 1.4;
        height: auto;
    }

    .image-anuarios {
        height: 100px;
    }

    .paragrafo-anuarios .linha-post {
        display: block;
    }

    .imagem-diretoria img {
        width: 120px;
    }

    .paragrafo-diretoria strong {
        padding-top: 20px;
    }

    .linha-post p {
        font-size: 18px;
    }

    .linha-chamada, .image_festival {
        width: 100%;
        padding-left: 0px;
    }

    .paragrafo-socio {
        height: 140px;
    }

    .linha-slide {
        margin-bottom: -50px;
    }

    .slide-principal {
        height: 310px;
    }

    .coluna-slide {
        margin-top: 310px;
    }

    .banner_principal {
        height: 380px;
    }

    .linha-a-lightbox img {
        width: 50px;
    }

    .linha-a-lightbox p, .formulario-lightbox input {
        font-size: 12px;
    }

    .formulario-lightbox input {
        margin-top: 10px;
    }

    .formulario-newsletter button {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .formulario-lightbox span {
        font-size: 10px;
    }

    .linha-a-lightbox {
        margin-bottom: 25px;
    }

    .faixa_anuarios {
        font-size: 12px;
    }

    #verificar {
        margin-top: 20px;
    }

    .botao-voltar {
        font-size: 12px;
    }

    .botao-voltar .arrow {
        font-size: 10px;
    }

    .artigo_socio-imagem {
        width: 100%;
    }

    .paragrafo-socio {
        height: auto;
    }

    .paragrafo-socio {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .socio-titulo {
        height: auto;
        margin-bottom: 15px;
    }

    .socio-titulo {
        width: 100%;
        text-align: center;
    }

    .clube_paragrafo {
        width: 100%;
    }

    .materia_clube h2 {
        text-align: center;
        font-size: 25px;
    }

    .clube_paragrafo p {
        text-align: center;
    }

    .imagem-diretoria {
        margin-bottom: 20px;
    }

    #diretoria_b .faixa-diretoria li p {
        width: 90%;
        margin-bottom: 5px;
    }

    .faixa-diretoria .lista-diretoria img {
        width: 100%;
    }

    .materia_clube .imagem-diretoria {
        float: none;
        width: 100%;
        text-align: center;
    }

    .galeria-principal, .galeria-galeria {
        height: 300px;
    }

    .paragrafo_anuario h2 {
        font-size: 38px;
        margin-bottom: 40px;
    }

    #diretoria_b .faixa-diretoria li p {
        padding-left: 10px;
    }

    .linha-footer h2 {
        font-size: 22px;
    }

    .categoria-post p, .nav-footer li, .nav-footer2 li, .faixa_1 span, .formulario input, .categoria, .paragrafo-palestrante p, 
    .ultimas-post2 .paragrafo-festival p, .ultimas-post .paragrafo-festival p {
        font-size: 14px;
    }

    h3, .titulo-cadastre h2, .inscricao-b p, .paragrafo-programacao h3, .linha-post h4, .linha-post h3 {
        font-size: 22px;
    }

    .faixa_1 p {
        font-size: 14px;
    }

    .categoria, .categoria-post p {
        font-size: 12px;
    }

    .anuncie-coluna .paragrafo_anuncie, .paragrafo_anuncie {
        font-size: 16px;
    }

    .artigo_socio {
        max-width: 100%;
        width: 100%;
    }

    .linha-anuario p {
        padding-right: 20px;
    }

    .faixa-anuario h2 {
        width: 85%;
    }

    .titulo-cadastre h2 {
        font-size: 26px;
    }

    #ultimas-palestra .ultimas-post2, #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        height: 500px;
        height: auto;
        padding-bottom: 20px;
    }
    #ultimas-palestra .ultimas-post, #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        height: 500px;
        height: auto;
        padding-bottom: 20px;
    }


    #ultimas-palestra .image-post, #ultimas_palestra .image-post, #ultimas-festival .image-post, #ultimas_festival .image-post {
        width: 100%;
        float: none;
        padding-left: 0px;
        height: 280px;
        line-height: 280px;
    }

    .banner-pagina .titulo_pagina h1 {
        padding-top: 10px;
    }

    .todos-anuarios {
        width: 90%;
        margin: 40px 5%;
    }

    .lightbox-video h2 {
        font-size: 22px;
    }

    .lightbox-video .galeria-b1, .lightbox-video .galeria-b2 {
        padding: 10px;
    }

    .paragrafo-socio {
        text-align: center;
    }

    .coluna-socio {
        padding-right: 4%;
        margin-left: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .banner-pagina {
        height: 220px;
    }

    .titulo_banner {
        height: 70px;
    }

    .paragrafo_banner {
        margin-top: 60px;
    }

    .info-formulario {
        font-size: 10px;
    }

    .ultimas-post .linha-post .paragrafo-palestrante p, .ultimas-post2 .linha-post .paragrafo-palestrante p {
        font-size: 12px;
    }

    .galeria-botao1 i, .galeria-botao2 i {
        margin-top: -100px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 150px;
    }

    #alinhamento-concurso2 .caixa-concurso {
        width: 100%;
    } 

    .faixa-sobre #alinhamento-concurso2 .caixa-concurso .botao-confira {
        width: 200px;
    }

    .anuncie-a .background {
        background-size: 100%;
        background-position: top;
    }

    .botao-aba .aba-botao {
        font-size: 14px;
    }

    .capa-destaque {
        height:250px;
    }

    .category {
        float: none;
    }

    .data-post {
        display: none;
    }

    .categoria-post {
        width: auto;
    }
}



/*    TAMANHO MAX-480    */

@media screen and (max-width: 480px) {
    
    .selo img{
        margin-right: 10px;
        width: 70px;
        float: right;
        margin-top: 0px;
    }
    #ativar-busca{
        display: block;
    }
    #desativar-busca {
        border-radius: 50%;
        border: solid 2px black;
        padding: 2px;
        font-size: 120%;
        display: none;
        margin-right: -47px;
        margin-top: 90px;
    }
    .logo {
        width: 120px !important;
        height: 100px !important;
        margin-top: 25px;
        margin-left: 0px;
    }
    .image-post {
        width: 50%;
        float: right;
    }
    .coluna-busca {
        margin-top: -50px;
        width: 50%;
        float: right;
    }
    .coluna-busca-mobile {
        background: #feee00;
        padding: 0px 10px 20px 30px;
        margin-top: 0px;
    }
    .coluna-busca{
        display:none;
    }
    .linha-post {
        border-width: 4px;
    }

    .coluna-pagina {
        max-width: 100%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    .header-principal .nav-botao-busca {
        background: transparent;
        float: right;
        border: none;
        font-size: 200%;
        margin-right: -50px;
        margin-top: 90px;
    }

    .coluna-sidebar {
        max-width: 100%;
    }

    .ultimas-post {
        width: 100%;
        height: 170px;
        margin-left: 0px;
        margin-bottom: 0px
    }

    .ultimas-post2 {
        width: 100%;
        height: 170px;
        margin-left: 0px;
        margin-bottom: 0px
    }
    

    .linha-post p {
        font-size: 14px;
        padding: 0px;
    }

    .linha-post {
        margin-left: 10px;
        padding-right: 20px;
    }


    .linha-post h3 {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .ultimas-titulo h2 {
        font-size: 38px;
    }

    .coluna-midia {
        padding: 5px;
    }

    .post-midia {
        max-width: 70%;
    }

    .faixa-midia2 h3 {
        font-size: 14px;
    }

    .faixa-midia3 p {
        font-size: 10px;
    }

    .midia-social {
        padding-left: 0px;
    }

    .paragrafo-midia p {
        margin-left: 10px;
        border-width: 4px;
        padding: 0px 5px;
    }

    .titulo-midia p {
        font-size: 12px;
        width: 70%;
        margin: auto;
    }

    .titulo-midia h2 {
        font-size: 28px;
    }

    .titulo-midia {
        padding-top: 40px;
    }

    .linha-botao button {
        font-size: 14px;
    }

    .nav-botao-desativar {
        padding: 5px;
        margin-top: 24px;
        margin-left: 10px;
        font-size: 17px;
    }

    /* .largura-logo {
        margin-top: -30px;
    } */
    /* .largura-logo img{
        margin-top: -25px;
    } */


    .image-post {
        height: 180px;
        line-height: 180px;
    }

    .ultimas-post, .ultimas-post2 {
        height: 180px;
    }

    .lista_sidebar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav-titulo {
        margin: 0px 12.5%;
        width: 70%;
    }

    .categoria-post p {
        font-size: 10px;
    }

    .logo-mobile {
        width:240px;
    }

    .logo {
        padding: 0px;
        float: left;
        margin-left: 20px;
        margin-top: -10px;
    }

    /* .largura-logo {
        width: 100%;
    } */

    .logo {
        padding: 0px;
    }

    .coluna-logo-mobile {
        padding: 10px;
    }

    .nav-mobile .nav-lista li {
        font-size: 20px;
        padding-left: 5px;
    }

    .nav-mobile ul li {
        font-size: 17px;
        padding-left: 5px;
    }

    .busca-mobile {
        width: 84%;
    }

    .linha-materia {
        padding-left: 0px;
    }

    .mini-slide {
        height: 70px;
    }

    .artigo_socio {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        margin-bottom: 40px;
    }

    .paragrafo-socio {
        float: left;
        padding-right: 15px;
        width: 100%;
    }

    .banner_pagina .banner-pagina .titulo_banner span {
        font-size: 15px;
    }

    .titulo_pagina h1 {
        padding-right: 10px;
    }

    .titulo_banner h1 {
        padding-right: 10px;
        padding-left: 10px;
    }

    .linha-b-lightbox img {
        width: 50px;
    }

    .linha-b-lightbox p {
        font-size: 12px;
    }

    .linha-anuncie {
        padding: 20px 10px;
    }

    .anuncie-coluna, .linha-anuncie .baixar-kit {
        padding-right: 10px;
    }

    .botao-transparente {
        font-size: 12px;
    }

    .intro-festival p {
        text-align: initial;
    }

    .festival-a, .festival-b {
        width: 100%;
        text-align: initial;
    }

    .image-nav, .image-nav img {
        height: 120px;
    }

    .linha h2 {
        font-size: 17px;
    }

    .faixa-diretoria li, #diretoria_b .faixa-diretoria li p {
        padding-left: 5%;
    }

    .faixa-diretoria li .diretoria-cargo, .faixa-diretoria li p, .paragrafo_diretoria {
        font-size: 14px;
    }

    #diretoria_b h3 {
        font-size: 15px;
    }

    .linha-clube h2 {
        font-size: 24px;
    }

    .image-post, .faixa-festival .image-post {
        height: 180px;
        line-height: 180px;
    }

    #ultimas-palestra .ultimas-post2,  #ultimas-festival .ultimas-post2, #ultimas_festival .ultimas-post2 {
        padding-bottom: 20px;
    }
    #ultimas-palestra .ultimas-post,  #ultimas-festival .ultimas-post, #ultimas_festival .ultimas-post {
        padding-bottom: 20px;
    }


    .artigo_socio {
        padding-top: 40px;
    }

    .pagina-inteira {
        margin-left: 0px;
    }

    .faixa_anuarios {
        font-size: 12px;
    }

    .titulo-festival h2 {
        font-size: 18px;
    }

    .galeria-anterior {
        height: 200px;
    }

    .capa_mobile img {
        width: 70%;
    }

    .paragrafo_anuario h2 {
        margin-bottom: 0px;
    }

    .paragrafo_anuario h2 {
        font-size: 26px;
    }

    .anuario_linha h4 {
        font-size: 18px;
    }

    .anuario_linha p, .paragrafo_diretoria, .faixa-diretoria li p {
        font-size: 16px;
    }

    #ultimas-palestra .image-post, #ultimas_palestra .image-post, #ultimas-festival .image-post, #ultimas_festival .image-post {
        height: 240px;
        line-height: 240px;
    }

    .capa_mobile {
        height: 100px;
    }

    .capa_mobile img {
        width: 50%;
    }

    .faixa {
        padding-top: 150px;
    }

    .anuario-botao button {
        width: auto;
        padding: 10px 20px;
    }

    .galeria-principal, .galeria-galeria {
        height: 250px;
    }

    .titulo_pagina h1 {
        font-size: 42px;
    }

    .linha-post h4 {
        font-size: 18px;
    }

    .banner-pagina {
        height: 200px;
    }

    .paragrafo_banner {
        margin-top: 40px;
    }

    .paragrafo-festival span {
        display: none;
    }

    .galeria-botao1 i, .galeria-botao2 i {
        margin-top: -170px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 120px;
    }

    #materia_marcas .image-palestras {
        height: 200px;
    }

    .jurados h2 {
        font-size: 22px;
    }
}




/*    TAMANHO 425    */
@media screen and (max-width:425px) {

    .nav-mobile .nav-lista li {
        font-size: 20px;
        padding-left: 5px;
    }
    #ativar-busca{
        display: block;
    }
    #desativar-busca {
        border-radius: 50%;
        border: solid 2px black;
        padding: 2px;
        font-size: 120%;
        display: none;
        margin-right: -47px;
        margin-top: 90px;
    }
    .nav-mobile ul li {
        font-size: 17px;
        padding-left: 5px;
    }

    .coluna-pagina .linha-post p, .linha-post p  {
        font-size: 14px;
        display: block !important;
    }

    .linha-post h3 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .faixa .anuario-botao button {
        width: 47%;
        margin-right: 2%;
        padding: 0px;
    }

    .linha-b-lightbox p {
        font-size: 11px;
    }

    #ultimas-palestra .image-post {
        padding-left: 0px;
    }

    .todos-anuarios {
        padding: 10px;
    }

    .coluna-slide {
        margin-top: 250px;
    }

    .slide-principal {
        height: 250px;
    }

    .banner_principal {
        height: 300px;
    }

    .mini-slide {
        height: 55px;
    }

    .paragrafo-slide p {
        font-size: 10px;
    }

    .paragrafo-slide h2 {
        font-size: 15px;
    }

    .paragrafo-slide {
        margin-top: 5px;
    }

    .paragrafo-slide p {
        margin-bottom: 5px;
    }

    .categoria-mobile .nav-botao-desativar {
        font-size: 15px;
    }

    .nav-mobile ul li, .nav-mobile .nav-lista li {
        font-size: 18px;
    }

    #menu-mobile-a li ul li {
        font-size: 14px;
    }

    .categoria-post {
        max-width: 45%;
    }

    .banner-pagina .botao-confira {
        margin-top: 25px;
    }
    
    .faixa {
        padding-top: 150px;
    }

    .galeria-principal, .galeria-galeria {
        height: 220px;
    }

    .linha-anuario p {
        font-size: 18px;
    }

    .faixa {
        padding-top: 100px;
    }

    .faixa-anuario h2 {
        font-size: 26px;
    }

    .nav-mobile .nav-lista2 li {
        font-size: 14px;
    }

    .publi_b h2 {
        font-size: 22px;
    }

    .galeria-botao1 i, .galeria-botao2 i {
        margin-top: -190px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 100px;
    }

    .capa-destaque {
        height:200px;
    }
}




/*    TAMANHO 375    */
@media screen and (max-width:375px) {

    .logo img, .logo-mobile img {
        width: 80%;
    }

    .maps-paragrafo p {
        font-size: 12px;
    }

    .linha h2 {
        font-size: 15px;
    }

    .lado-a, .lado-b {
        width: 47%;
        margin: 1%;
    }

    .linha-post h3 {
        font-size: 14px;
        padding-right: 15px;
    }

    .linha-b-lightbox p {
        display: block;
    }

    .linha-b-lightbox span {
        display: inline;
    }

    .busca-mobile {
        width: 80%;
    }
/* 
    .largura-logo {
        width: 98%;
    } */

    .nav-linha p {
        font-size: 12px;
    }

    .nav-linha img {
        width: 15px;
        padding-top: 2px;
    }

    .faixa_anuarios {
        font-size: 10px;
    }

    .paragrafo-palestrante p {
        display: none;
    }

    .capa_mobile {
        height: 150px;
    }

    #ultimas-palestra .image-post, #ultimas_palestra .image-post, #ultimas-festival .image-post, #ultimas_festival .image-post {
        height: 200px;
        line-height: 200px;
    }

    .capa_mobile {
        height: 70px;
    }

    .galeria-principal, .galeria-galeria {
        height: 180px;
    }

    .nav-mobile ul li, .nav-mobile .nav-lista li, .ultimas-titulo span, .botao-aba button {
        font-size: 14px;
    }

    .titulo_pagina h1, .linha-titulo h2, .ultimas-titulo h2 {
        font-size: 26px;
    }

    .ultimas-titulo h2 {
        font-size: 26px;
    }

    .titulo-cadastre p, .linha-footer h2, .maps-paragrafo h2, .ultimas-sidebar h3 {
        font-size: 18px;
        display: none;
    }

    .linha-post p {
        display: block;
    }
    .linha_sidebar .lista-sidebar {
        padding-top: 15px;
        font-size: 18px;
    }

    .titulo-cadastre h2, .faixa-festival h3 {
        font-size: 22px;
    }

    .anuncie-a {
        height: 200px;
    }

    .banner-pagina {
        height: 170px;
    }

    .paragrafo_banner {
        margin-top: 15px;
    }

    .galeria-botao1 i, .galeria-botao2 i {
        margin-top: -240px;
    }

    .galeria-b1, .galeria-b2 {
        margin-top: 80px;
    }

    .galeria-a .arrow {
        font-size: 14px;
    }

    .image-post {
        height: 140px;
        line-height: 140px;
    }

    .image-post, .faixa-festival .image-post {
        height: 140px;
        line-height: 140px;
    }

    .ultimas-post, .ultimas-post2 {
        height: 140px;
    }
}




@media screen and (max-width:325px) {

    #desativar-busca, .nav-botao-desativar {
        font-size: 10px;
    }

    #buscar, .header-principal .nav-botao-busca {
        font-size: 25px;
    }

    .logo img {
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
        padding: 5px 20%;
    }

    #buscar, .header-principal .nav-botao-busca {
        font-size: 20px;
    }

    #buscar {
        width: 20px;
        position: absolute;
        right: 15px;
        margin-top: 10px;
    }

    .busca-mobile {
        width: 85%;
    }

    .logo-mobile img {
        width: 75%;
        padding-top: 5px;
    }

    .header-principal {
        height: 60px;
    }

    .capa_mobile {
        height: 40px;
    }
}