/* ini: Preloader */

   

#preloader {

    position:fixed;

    top:0;

    left:0;

    right:0;

    bottom:0;

    background-color:#05AA9D; /* cor do background que vai ocupar o body */

    z-index:9999999; /* z-index para jogar para frente e sobrepor tudo */

}

#preloader .inner {

    position: absolute;

    top: 50%; /* centralizar a parte interna do preload (onde fica a animação)*/

    left: 50%;

    transform: translate(-50%, -50%);  

}

.bolas > div {

    display: inline-block;

    background-color: #fff;

    width: 25px;

    height: 25px;

    border-radius: 100%;

    margin: 3px;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    animation-name: animarBola;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

     

}

.bolas > div:nth-child(1) {

      animation-duration:0.75s ;

      animation-delay: 0;

}

.bolas > div:nth-child(2) {

      animation-duration: 0.75s ;

      animation-delay: 0.12s;

}

.bolas > div:nth-child(3) {

      animation-duration: 0.75s  ;

      animation-delay: 0.24s;

}

   

@keyframes animarBola {

    0% {

      -webkit-transform: scale(1);

      transform: scale(1);

      opacity: 1;

    }

    16% {

      -webkit-transform: scale(0.1);

      transform: scale(0.1);

      opacity: 0.7;

    }

    33% {

      -webkit-transform: scale(1);

      transform: scale(1);

      opacity: 1; 

    } 

}

  /* end: Preloader */





/* Modal */

.modal-container {

    width: 100vw;

    height: 100vh;

    background: #60606071;

    position: fixed;

    top: 0px;

    left: 0px;

    z-index: 999999;

    display: none;

    justify-content: center;

    align-items: center;

}



@keyframes modal {

    from {

        opacity: 0;

        transform: translate3d(0, -60px, 0);

    }

    to {

        opacity: 1;

        transform: translate3d(0, 0, 0);

    }

}



.modal-container.mostrar {

    display: flex;

}



.mostrar .modal {

    animation: modal .3s;

}

.modal > div {

    display: flex;

    justify-content: flex-start;

    align-items: center;

}

.modal > div img{

    width: 60px;

}



.modal > div a{

    text-decoration: none;

    color: #000;

    font-family: 'BloggerSans';

    font-size: 1.8rem;

}



.fechar {

    position: absolute;

    font-size: 1.2em;

    top: -30px;

    right: -30px;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    border: 4px solid white;

    background: #05AA9D;

    color: white;

    font-family: "PT Mono", monospace;

    cursor: pointer;

    box-shadow: 0 4px 4px 0 rgba(0,0,0,.3);

}



.modal{

    background: white;

    width: 60%;

    min-width: 300px;

    padding: 40px;

    border: 10px solid #05AA9D;

    box-shadow: 0 0 0 10px white;

    position: relative;

}

  



/* End Modal */



.header{

    width: 100%;

    background-color: #606060c4;

    top: 0;

    position: fixed;

    z-index: 2000;

}



.header .conteiner{

    width: 95%;

    margin: 0px auto;



    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.header .conteiner .content{
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .conteiner .logo{

    width: 350px;

}



.header .conteiner .logo img {

    width: 350px;

}



.header .conteiner .nav-bar{

    width: auto;
    margin-right: 60px;

}



.header .conteiner .nav-bar nav ul{

    display: flex;

    justify-content: space-around;

    align-items: center;

}



.header .conteiner .nav-bar nav ul li{

    list-style: none;

    margin: 0px 3px;

}



.header .conteiner .nav-bar nav ul li a{

    text-decoration: none;

    color: #fff;

    box-sizing: initial;
    border-radius: 5px;
    padding: 10px;

}



.header .conteiner .nav-bar nav ul li a:hover{

    background-color: #FFF;

    color: #05AA9D;


    transition: 0.1s linear;

}



.header .conteiner .nav-bar nav ul li .destaque{

    border-bottom: 1px solid #FFF;

}



.header .conteiner .nav-bar nav ul li .associa{


    padding: 5px 10px;

    border-radius: 20px;

    background-color: #FF6900;

    transition: 0.3s linear;

}


.header .conteiner .nav-bar nav ul li .associa-pague{
    padding: 5px 10px;
    border-radius: 20px;
    color: #FFF;
    background-color: #05AA9D;
    transition: 0.3s linear;
}






.header .conteiner .redes{

    width: auto;

}



.header .conteiner .redes ul{

    display: flex;

    justify-content: center;

    align-items: center;

}



.header .conteiner .redes ul li{

    list-style: none;

    padding-bottom: 5px;

}

.header .conteiner .redes ul li a{

    text-decoration: none;

    color: #FFF;

    box-sizing: initial;

    padding: 10px;

    font-size: 2.3rem;

}



/* DropDown menu */



.dropdown {

    float: left;

    overflow: hidden;

    

}

  

  /* Dropdown button */

.dropdown .dropbtn {

    font-size: 1.6rem;

    border: none;

    outline: none;

    color: white;

    padding: 14px 16px;

    background-color: inherit;

    font-family: inherit; /* Important for vertical align on mobile phones */

    margin: 0; /* Important for vertical align on mobile phones */

    cursor: pointer;

}

  

  /* Add a color background color to navbar links on hover */

.navbar a:hover, .dropdown:hover .dropbtn {

    background-color: #FFF;

    color: #05AA9D;

    

    transition: 0.1s linear;

}

  

  /* Dropdown content (hidden by default) */

.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 131px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 1;

}

  

.dropdown-content a {

    float: none;

    color: #05AA9D;

    padding: 5px 10px;

    text-decoration: none;

    display: block;

    text-align: left;

    transition: 0.1s linear;

    width: auto;

}

  

  /* Add a grey background color to dropdown links on hover */

.dropdown-content a:hover {

    background-color: #ddd;

    transition: 0.1s linear;

}

  

  /* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content {

    display: block;

    transition: 0.1s linear;

}





.mobile{

    display: none;

}







/* ------------------------------------------- */

.slider{
    margin-top: 111px;
}

.banner-slide{

    width: 100%;
    

}









/* --------------------------------------------*/



.infos{

    width: 100%;

}



.infos .conteiner{

    width: 80%;

    margin: 0px auto;

}



.infos .conteiner .title{

    width: 100%;

    margin: -20px 0px;

}



.infos .conteiner .title h1{

    color: #05AA9D;

    font-weight: bold;

    text-align: center;

    font-size: 3.0rem;

    font-style: italic;

    font-family: 'BloggerSans';

}



.infos .conteiner .title .sub-1{

    width: 703px;

    margin: auto;

    height: 2px;

    background-color: #05AA9D;

}



.infos .conteiner .instituicao{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.infos .conteiner .instituicao .text{

    width: 50%;

    padding: 60px 50px 50px 0px;

}



.infos .conteiner .instituicao .text h2{

    font-size: 3.5rem;

    color: #05AA9D;

    font-family: 'BloggerSans';

}





.infos .conteiner .instituicao .text p{

    font-size: 1.8rem;  

    margin-bottom: 30px;

    text-align: justify;

}



.infos .conteiner .instituicao .text a{

    font-size: 1.6rem;

    text-decoration: none;

    color: #05AA9D;

    padding: 10px 10px;

    border-radius: 5px;

    border: 1px solid black;

}



.infos .conteiner .instituicao .text a:hover{

    background-color: #05aa9d;

    color: #fff;

    border: 1px solid #05AA9D;

    transition: 0.1s linear;

}



.infos .conteiner .instituicao .logo-info{

    width: 50%;

}



.infos .conteiner .instituicao .logo-info img {

    width: 100%;

}



/*-----------------------------*/



.marca {

    width: 700px;

    height: 700px;

    position: absolute;

    z-index: -5;

    left: -324px;

    top: 180%;

}



.marca img{

    color: transparent;

    width: 100%;

    height: 100%;

}



/*----------------------------*/

.associar-se{

    width: 100%;

    margin-bottom: 50px;

    margin: 50px 0px;

}



.associar-se .conteiner{

    width: 80%;

    margin: 0px auto;

    background-color: #05AA9D;

    border-radius: 20px;

}



.associar-se .conteiner .title .sub-1{

    width: 703px;

    margin: auto;

    height: 2px;

    background-color: #05AA9D;

}

.associar-se .conteiner .content{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 10px 30px;

}

.associar-se .conteiner .content .associar-foto{

    display: flex;

    align-items: center;

}



.associar-se .conteiner .content .associar-foto img{

    width: 627px;

    height: 373px;

}



.associar-se .conteiner .content .text{

    padding: 50px 10px 50px 20px;

    color: #FFF;

    

}



.associar-se .conteiner .content .text h1{

    color: #606060;

    text-align: left;

    font-size: 2.8rem;

    font-family: 'BloggerSans';

    margin-bottom: 10px;

}

.associar-se .conteiner .content .text p{

    font-size: 1.6rem;

}

.associar-se .conteiner .content .text a{

    padding: 10px 15px;

    border-radius: 5px;

    border: 1px solid #FFF;

    text-decoration: none;

    color: #FFF;

}

.associar-se .conteiner .content .text a:hover{

    background-color: #FFF;

    color: #05AA9D;

    border-color: #05AA9D;

    transition: 0.1s linear;

}

/*-------------------------------------------*/



.acompanhar-redes{

    width: 100%;

}



.acompanhar-redes .conteiner{

    width: 80%;

    margin: 0px auto;

}



.acompanhar-redes .conteiner .title{

    width: 100%;

    margin: 50px 0px;

}



.acompanhar-redes .conteiner .conteudo h1{

    color: #05AA9D;

    text-align: left;

    font-size: 2.7rem;

    padding-bottom: 10px;

    font-family: 'BloggerSans';

}



.acompanhar-redes .conteiner .title .sub-1{

    width: 703px;

    margin: auto;

    height: 2px;

    background-color: #05AA9D;

}



.acompanhar-redes .conteiner .conteudo{

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.acompanhar-redes .conteiner .conteudo .text{

    width: 1100px;

    padding: 60px 20px 50px 0px;

}



.acompanhar-redes .conteiner .conteudo .text h2{

    font-size: 2.0rem;

    color: #05AA9D;

    font-family: 'BloggerSans';

}





.acompanhar-redes .conteiner .conteudo .text p{

    font-size: 1.8rem;  

    margin-bottom: 30px;

    text-align: justify;

}





.acompanhar-redes .conteiner .conteudo .text a {

    font-size: 1.6rem;

    text-decoration: none;

    color: #05AA9D;

    padding: 10px 30px;

    border-radius: 5px;

    border: 1px solid black;

}



.acompanhar-redes .conteiner .conteudo .text a:hover{

    background-color: #05aa9d;

    color: #fff;

    border: 1px solid #05AA9D;

    transition: 0.1s linear;

}





.acompanhar-redes .conteiner .conteudo .video-home iframe {

    width: 759px;

    height: 427px;

}







/* --------------------------------------- */





.noticias{

    margin: 50px 0px;

}



.noticias .conteiner{

    width: 80%;

    margin: 0px auto;

}



.noticias .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.5rem;

    font-family: 'BloggerSans';

    

}



.noticias .conteiner .title .sub-1{

    width: 200px;

    height: 2px;

    background-color: #05AA9D;

}



.noticias .conteiner .slide-noticias{

    display: flex;

    justify-content: center;

    align-items: center;

}



.noticias .conteiner .slide-noticias .noticia-unica{

    width: 200px;

    margin: 0px 15px;



    outline: none;

}



.noticias .conteiner .slide-noticias .noticia-unica img{

    width: 100%;

}



.noticias .conteiner .slide-noticias .noticia-unica .text{

    padding: 5px 0px;

    

}



.noticias .conteiner .slide-noticias .noticia-unica .text h4{

    color: #05AA9D;

    font-size: 1.9rem;

}

.noticias .conteiner .slide-noticias .noticia-unica .text p{

    font-size: 1.3rem;

    color: #000;

}



.noticias .conteiner .slide-noticias .noticia-unica .text .data{

    display: flex;

    justify-content: space-between;

    align-items: center;



    padding: 5px 0px;

}



.noticias .conteiner .slide-noticias .noticia-unica .text .data p{

    font-size: 1.1rem;

    color: #05AA9D;

}



.noticias .conteiner .slide-noticias .slick-prev{

    width: 190px;

    height: 50px;

    margin: 0px 5px;

    outline: none;

    background-color: #05AA9D;

    border: none;

    color: #fff;

    cursor: pointer;

    border-radius: 30px;



}

.margin_right{
    margin-right: 10px !important;
}

.noticias .conteiner .mais-noticias{
    text-align: center;
}

.noticias .conteiner .mais-noticias p{

    color: #05AA9D;

    font-size: 2.0rem;

    font-weight: 900;

    margin: 30px 0px;

    font-family: 'BloggerSans';

}



.noticias .conteiner .mais-noticias a{

    color: #05AA9D;

    text-decoration: none;

    border: 1px solid #000;

    padding: 10px 20px;

    border-radius: 5px;

    

}

.noticias .conteiner .mais-noticias a:hover{

    border: 1px solid #05AA9D;

    color: #FFF;

    background-color: #05AA9D;

    transition: 0.1s linear;

}







/*---------------------------    Sobre    ------------------------------------*/



.banner-sobre{

    width: 100%;



}



.banner-sobre .conteiner{

    width: 100%;

}



.banner-sobre .conteiner img{

    width: 100%;

    height: 100%;

}



/*---------------------------------------------------*/





.quem-somos-sobre{

    width: 100%;

    margin: 50px 0px;

}



.quem-somos-sobre .conteiner{

    width: 80%;

    margin: 0px auto;

}



.quem-somos-sobre .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}

.quem-somos-sobre .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 250px;

}



.quem-somos-sobre .conteiner .content-text{

    padding: 20px 0px;

}

.quem-somos-sobre .conteiner .content-text strong{

    color: #05AA9D;

}



/*---------------------------------------------------*/





.missao-visao-valores{

    width: 100%;

    margin: 50px 0px;

}



.missao-visao-valores .conteiner{

    width: 100%;

    margin: 0px auto;



    display: flex;

    justify-content: center;

    align-items: center;



    flex-wrap: wrap;

}



.missao-visao-valores .conteiner .missao{



    width: 450px;

    height: 515px;

    text-align: center;

    border: 1px solid black;

    border-radius: 10px;



    background-color: #fff;



    padding: 10px 0px;

    margin: 10px 10px;



}



.missao-visao-valores .conteiner .missao .content{

    color: #000;

    text-align: left;

    

}

.missao-visao-valores .conteiner .missao .content h3, .missao-visao-valores .conteiner .missao .content p{

    text-align: center;

}



.missao-visao-valores .conteiner .missao .content img{

    width: 120px;

}







.missao-visao-valores .conteiner .missao .content h3{

    font-size: 2.3rem;

    padding: 20px 0px;

}



.missao-visao-valores .conteiner .missao .content p{

    color: #000;

}

/*----*/

.missao-visao-valores .conteiner .visao{

  

    width: 450px;

    height: 515px;

    text-align: center;

    border: 1px solid black;

    border-radius: 10px;

    background-color: #05AA9D;

    padding: 10px 0px;

    margin: 10px 10px;

}





.missao-visao-valores .conteiner .visao .content{

    color: #fff;

}



.missao-visao-valores .conteiner .visao .content h3{

    font-size: 2.3rem;

    padding: 20px 0px;

}



.missao-visao-valores .conteiner .visao .content p{

    color: #fff;

}

/*-----*/

.missao-visao-valores .conteiner .valores{



    width: 450px;

    height: 515px;

    text-align: center;

    border: 1px solid black;

    border-radius: 10px;

    background-color: #606060d2;

    padding: 10px 0px;

    margin: 10px 10px;

}



.missao-visao-valores .conteiner .valores .content{

    color: #000;

}



.missao-visao-valores .conteiner .valores .content h3{

    font-size: 2.3rem;

    padding: 20px 0px;

}



.missao-visao-valores .conteiner .valores .content p{

    color: #000;

}



.missao-visao-valores .conteiner .content{

    padding: 20px;

}









/*----------------------------------------------*/



.associa-sobre{

    width: 100%;

    margin-top: 50px;

}



.associa-sobre .conteiner{

    width: 80%;

    margin: 0px auto;

}



.associa-sobre .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.associa-sobre .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.associa-sobre .conteiner .content{

    display: block;

    margin-top: 50px;

}



.associa-sobre .conteiner .content .icons-sobre{

    display: flex;

    justify-content: flex-start;

    align-items: center;



    padding: 20px 0px;

}



.associa-sobre .conteiner .content .icons-sobre img{

    width: 120px;

    height: 120px;

}



.associa-sobre .conteiner .content .icons-sobre .text{

    padding: 0px 70px;

}



.associa-sobre .conteiner .content .icons-sobre .text h2{

    color: #05AA9D;

    font-size: 2.5rem;

    font-family: 'BloggerSans';

    padding: 20px 0px;

}









.associa-sobre .conteiner .faca-parte{

    width: 100%;

    background-color: #05AA9D;

    border-radius: 10px;

    margin: 30px 0px;

}



.associa-sobre .conteiner .faca-parte .content{

    padding: 20px 40px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.associa-sobre .conteiner .faca-parte .content .text{

    text-align: center;

    width: 680px;

}



.associa-sobre .conteiner .faca-parte .content .text h3{

    font-size: 2.3rem;

    color: #FFF;

}

.associa-sobre .conteiner .faca-parte .content .text p{

    color: #FFF;

}

.associa-sobre .conteiner .faca-parte .content .button{

    width: 300px;

}



.associa-sobre .conteiner .faca-parte .content .button a{

    padding: 20px 40px;

    border: 1px solid #fff;

    border-radius: 10px;

    color: #05AA9D;

    text-decoration: none;

    text-transform: uppercase;

    background-color: #FFF;

}



.associa-sobre .conteiner .faca-parte .content .button a:hover{

    background-color: #05AA9D;

    border-color: #FFF;

    color: #FFF;

    transition: 0.1s linear;

}





/*----------------------------------------  Institucional ------------------------*/



.banner-instituicao{

    width: 100%;



}



.banner-instituicao .conteiner{

    width: 100%;

}



.banner-instituicao .conteiner img{

    width: 100%;

    height: 100%;

}



/*-------------------------------------------*/



.gestao-2017-2020{

    width: 100%;

    margin-top: 50px;

}



.gestao-2017-2020 .conteiner{

    width: 80%;

    margin: 0px auto;

}



.gestao-2017-2020 .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.gestao-2017-2020 .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.gestao-2017-2020 .conteiner .content p strong{

    color: #05AA9D;

}



.gestao-2017-2020 .conteiner .content .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D, #FFF);

    width: 200px;

    margin: 30px 0px;

}



.gestao-2017-2020 .conteiner .content a{

    text-decoration: underline;

    color: #000;

    font-style: italic;

    word-wrap: break-word;

}





/*---------------------------------------------*/





.coordenacoes-anteriores{

    width: 100%;

    margin-top: 80px;

}



.coordenacoes-anteriores .conteiner{

    width: 80%;

    margin: 0px auto;

}



.coordenacoes-anteriores .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.coordenacoes-anteriores .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}







.coordenacoes-anteriores .conteiner .content .accordion {

    margin: 10px 0px 2px 0px;

    background-color: #05AA9d;

    color: #FFF;

    cursor: pointer;

    padding: 25px;

    width: 100%;

    text-align: left;

    border: none;

    outline: none;

    transition: 0.4s;

    font-size: 1.6rem;

    border-radius: 10px;

    display: flex;

    justify-content: space-between;

}







.active, .accordion:hover {

    background-color: #ccc;

}



.accordion .fa-arrow-down{

    transform: rotate(0deg);

    transition: 0.2s linear;

}



.active .fa-arrow-down{

    transform: rotate(180deg);

    transition: 0.2s linear;

}



.coordenacoes-anteriores .conteiner .content .conteudo {

    padding: 0 18px;

    background-color: rgb(226, 226, 226);

    max-height: 0;

    overflow: hidden;

    transition: max-height 0.2s ease-out;

    width: 100%;

    height: auto;

    border-radius: 5px;

}

.coordenacoes-anteriores .conteiner .content .conteudo p strong{

    color: #05AA9D;

}   















/*------------------------------------------- EVENTOS ---------------------------*/







.banner-eventos{

    width: 100%;

    

}



.banner-eventos .content{

    width: 100%;

}



.banner-eventos .content img{

    width: 100%;

}





/*---------------------------------*/





.proximos-eventos{

    width: 100%;

    margin-top: 80px;

}



.proximos-eventos .conteiner{

    width: 80%;

    margin: 0px auto;

}



.proximos-eventos .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.proximos-eventos .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.proximos-eventos .conteiner .content{

    padding: 20px 0px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;

}



.proximos-eventos .conteiner .content .evento{

    width: 175px;

    height: 210px;

    text-align: center;

    margin: 10px;

}



.proximos-eventos .conteiner .content .evento img{

    width: 175px;

    height: 175px;

    margin-bottom: 10px;

}



.proximos-eventos .conteiner .content .evento a{

    text-align: center;

    text-decoration: none;

    color: #05AA9D;

    border: 1px solid #000;

    border-radius: 5px;

    padding: 5px;

}



.proximos-eventos .conteiner .content .evento a:hover{

    background-color: #05AA9D;

    border-color: #FFF;

    color: #FFF;

    transition: 0.1s linear;

}



/*----------------------------------*/



.eventos-anteriores{

    width: 100%;

    margin-top: 80px;

}



.eventos-anteriores .conteiner{

    width: 80%;

    margin: 0px auto;

}





.eventos-anteriores .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.eventos-anteriores .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.eventos-anteriores .conteiner .doc{

    width: 100%;

    text-align: center;

    margin: 30px 0px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    

}



.eventos-anteriores .conteiner .doc img{

    width: 80px;

    height: 80px;

}



.eventos-anteriores .conteiner .doc a{

    font-size: 1.8rem;

    text-decoration: none;

    color: #05AA9D;

}



/*.eventos-anteriores .conteiner .content{

    padding: 20px 0px;

    width: 100%;

}*/



/*---------------------------------------------------- Pagina Evento -------------------------*/





.banner-pagina-evento{

    width: 100%;

    background-color: #707070;

}



.banner-pagina-evento .content{

    width: 100%;

}



.banner-pagina-evento .content img{

    width: 100%;

}



/*---------------------------------*/



.sobre-pagina-evento{

    width: 100%;

    margin-top: 50px;

}



.sobre-pagina-evento .conteiner{

    width: 80%;

    margin: 0px auto;

}



.sobre-pagina-evento .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.sobre-pagina-evento .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.sobre-pagina-evento .conteiner .content {

    padding: 20px 0px;

}



.sobre-pagina-evento .conteiner .content h3{

    color: #05AA9D;

    font-size: 2.3rem;

    padding: 20px 0px;

}

/*------------------------------------------- Notícia -------------------------*/





.noticias-page{

    margin-top: 130px;

}



.noticias-page .conteiner{

    width: 80%;

    margin: 0px auto;

}



.noticias-page .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.noticias-page .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}





.card-noticias{

    width: 100%;

    margin-top: 50px;

}



.card-noticias .conteiner {

    width: 80%;

    margin: 0px auto;

}



.card-noticias .conteiner .card{

    display: flex;

    align-items: center;

    justify-content: center;



    border: 1px solid #606060;

    margin: 20px 0px;

}



.card-noticias .conteiner .card img{

    width: 400px;

}



.card-noticias .conteiner .card .text{

    padding: 0px 30px;

    

}



.card-noticias .conteiner .card .text h1 a{

    font-size: 3.0rem;

    color: #05AA9D;

    font-family: 'BloggerSans';

    text-decoration: none;

    padding: 10px 0px;

}



.card-noticias .conteiner .card .text h1 a:hover{

    color: #606060;

    transition: 0.1s linear;

}



.card-noticias .conteiner .card .text p {

    padding: 5px 0px 20px 0px;

}



.card-noticias .conteiner .card .text sub{

    color: #05AA9D;

    font-size: 1.3rem;

    

}













/*---------------------------------------- Contato ---------------------------*/



.contato-title{

    margin-top: 160px;

}



.contato-title .conteiner{

    width: 80%;

    margin: 0px auto;

}



.contato-title .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.contato-title .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

}



.form-contato{

    width: 100%;

}



.form-contato .conteiner{

    width: 80%;

    margin: 0px auto;

}



.form-contato .conteiner form{

    width: 100%;

    display: block;

    margin: 82px auto;

    background-color: #ccc;

    padding: 10px;

}



.form-contato .conteiner form .inputs{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.form-contato .conteiner form .inputs label{

    padding: 10px 0px;

    font-size: 1.6rem;

    color: #05AA9D;

}

.form-contato .conteiner form .inputs input{

    width: 100%;

    height: 30px;

    padding: 5px 5px;

    outline: none;

}

.form-contato .conteiner form .inputs #telefone-2{

    margin-bottom: 5px;

}



.form-contato .conteiner form .text label{

    

    padding: 10px 0px;

    font-size: 1.6rem;

    color: #05AA9D;

}



.form-contato .conteiner form .text input{

    width: 100%;

    height: 30px;

    padding: 5px 5px;

    outline: none;

}



.form-contato .conteiner form .text #assunto{

    margin: 5px 0px;

}



.form-contato .conteiner form .text textarea{

    width: 100%;

    height: 122px;

    padding: 5px 5px;

    outline: none;



    max-width: 100%;

    min-width: 100%;

    max-height: 122px;

    min-height: 122px;

}



.form-contato .conteiner form .button{

    width: 100px;

    margin: 0px auto;

    padding: 10px 0px;

}



.form-contato .conteiner form .button input{

    padding: 10px 30px;

    color: #FFF;

    background-color: #05AA9D;

    border: none;

    border: 1px solid #000;

}



/*---------------------------------- Revista ----------------------------*/



.revista{

    width: 100%;

}



.revista .conteiner{

    width: 80%;

    margin: 0px auto;

    padding: 10px 0px;

}



.revista .conteiner .title{

    margin: 50px 0px 0px 0px;

}



.revista .conteiner .title h1{

    color: #05AA9D;

    font-size: 3.0rem;

    font-family: 'BloggerSans';

}



.revista .conteiner .title .sub-1{

    height: 2px;

    background-image: linear-gradient(to right, #05AA9D ,#FFF);

    width: 350px;

    margin-bottom: 25px;

}



.revista .conteiner .content{

    display: flex;

    justify-content: center;

    align-items: center;



    flex-wrap: wrap;



    padding: 60px 0px;

}



.revista .conteiner .content .revista-unica{

    width: 400px;

    margin: 20px 60px;



    text-align: center;

}



.revista .conteiner .content .revista-unica img{

    width: 400px;

}



.revista .conteiner .content .revista-unica a{

    text-decoration: none;

    color: #05AA9D;

    font-weight: 900;

}



/* ------------------------------------------- Footer ---------------------------- */



.footer{

    width: 100%;

    background-color: #05AA9D;

    margin-top: 50px;

}



.footer .conteiner{

    width: 80%;

    margin: 0px auto;

    padding: 10px 0px 20px;

    display: flex;

    justify-content: space-around;

    align-items: center;

}









.footer .conteiner .logo img {

    width: 304px;

}



.footer .conteiner .logo p{

    font-size: 1.3rem;

    color: #FFF;

}







.footer .conteiner .contato .text{

    text-align: center;

    padding: 30px 0px 0px 0px;

    color: #FFF;

    

}



.footer .conteiner .contato .text p {

    font-size: 1.4rem;

}

.footer .conteiner .contato .text a{
    color: #FFF;
    font-size: 1.4rem;
}



.footer .conteiner .links h4{

    color: #fff;

    font-size: 2.0rem;

    font-weight: 600;

    padding-bottom: 5px;

}



.footer .conteiner .links ul li{

    list-style: none;

}



.footer .conteiner .links ul li a{

    color: #fff;

    text-decoration: underline;

}







.footer .conteiner .redes-footer ul{

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 20px 0px;

}



.footer .conteiner .redes-footer ul li{

    list-style: none;

}

.footer .conteiner .redes-footer ul li a{

    text-decoration: none;

    color: #FFF;

    box-sizing: initial;

    padding: 10px;

    font-size: 2.3rem;

}



.footer .conteiner .redes-footer p{

    text-align: center;

}



.footer .conteiner .redes-footer p a{

    color: #FFF;

    text-decoration: none;



    padding: 10px;

    border: 1px solid #FFF;

    border-radius: 10px;

}



.footer .conteiner .redes-footer p a:hover{

    transition: 0.1s linear;

    background-color: #FFF;

    color: #05AA9D;

}



.footer .footer-2{

    border-top: 1px solid #FFF;

    text-align: center;

    color: #FFF;

    padding: 10px 0px;
    

}

.footer .footer-2{
    display: flex;
    justify-content: space-around;
    align-items: center;

    flex-wrap: wrap;
}

.footer .footer-2 p {

    font-size: 1.3rem;
}

.footer .footer-2 .text{
    margin: 10px 5px;
}

.footer .footer-2 a {
    color: #FFF;
    text-decoration: none;
    font-size: 14px;
}

.footer .footer-2 a:hover{
    color: #606060;
}


/* 22-02-2021 */

.politica-text .conteiner {
    width: 80%;
    margin: 0px auto;
}

.politica-text .conteiner p{
    padding: 10px 0px;
}
.politica-text .conteiner h4{
    color: #05aa9d;
    padding: 15px 0px;
    text-align: left;
    font-size: 2.0rem;
    font-family: 'BloggerSans';
}


.politica-text .conteiner ul{
    margin-left: 30px;
}

.politica-text .conteiner ul li{
    margin-left: 30px;
    font-size: 1.8rem;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 5px 0px;
}

.politica-text .conteiner a{
    color: #05aa9d;
    font-size: 1.8rem;
}


.para-download{
    width: 100%;
    margin-top: 50px;
}

.para-download .conteiner{
    width: 80%;
    margin: 0px auto;
}

.para-download .conteiner .title {
    text-align: center;
}

.para-download .conteiner .title h2{
    color: #05aa9d;
    font-size: 2.2rem;
    font-family: "BloggerSans";
    text-transform: capitalize;
    padding: 20px 0px;
}

.para-download .conteiner .content .row{
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 50px;

    flex-wrap: wrap;
}


.para-download .conteiner .content .box{
    width: 300px;
    margin: 15px 30px;
    padding: 4px;
    border: 1px solid #60606050;
}
.para-download .conteiner .content .box.nocontent{
    border: none;
}
.para-download .conteiner .content .box img{
    width: 290px;
}

.para-download .conteiner .content .box h3{
    text-align: center;
    color: #05aa9d;
    font-family: "BloggerSans";
    font-size: 1.8rem;
    padding: 10px 0px;
}
.para-download .conteiner .content .box .download{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.para-download .conteiner .content .box .download a{
    color: #05aa9d;
    padding: 0px 5px;
    margin: 0px 5px;
    transition: 0.3s linear;
    font-family: "BloggerSans";
    font-size: 1.8rem;
}

.para-download .conteiner .content .box .download a:hover{
    color: #606060;
    transition: 0.3s linear;
}