/*---------------------------------------------------------------------------*/
/*------------------------------------GERAL----------------------------------*/
/*---------------------------------------------------------------------------*/


body{
    font-family: Raleway;
}

h2 {
    font-weight: 600;
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    color: #A3C20E;
}

h1 {
    font-weight: 600;
    font-size: 42px;
    font-family: 'Raleway', sans-serif;
    color: #fff;
}


.sub-banner{
    position: relative;
}


.sub-banner .detail{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    color: #fff;
    box-shadow: none;
    width: 100%;
}

.sub-banner .detail h2{
    color: #fff;
}

.input-group .form-control {
    z-index: 0;
}


.loader span:nth-child(3) {
    background: #A3C20E;
    z-index: 100;
}

.dr-quote span.quote {
     margin: 15% 0 0 0;
 }

@media screen and (max-width: 991px) {
    h2 {
        font-size: 25px;
    }

    h4 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    h6 {
        font-size: 18px;
    }

    .latest-news {
        padding: 50px 0;
    }
}

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

    .dr-quote span.quote {
        margin: 40% 0 0 0;
    }
}
/*---------------------------------------------------------------------------*/
/*------------------------------------MENU-----------------------------------*/
/*---------------------------------------------------------------------------*/
.header2 {
    background: #A4C22A;
}

.header2.sticky {
    background: #A4C22A;
}

.header2 img{
    padding: 25px 0 20px 0;
}

.header2.sticky img {
    padding: 10px 0 10px 0;
}

.header2 .nav li.active {
    background: #fff !important;
}

.header2 .nav li.active a{
    color: #A4C22A;
}

.header2 .nav li:hover {
    background: #fff !important;
}

.header2 .nav li:hover a{
    color: #A4C22A;
}

.header2 .nav li a:hover{
    color: #A4C22A;
}


.header .nav li.parent:hover a {
    color: #A4C22A;
}

.header2 .nav li a{
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.3px;
}


.header .nav li.parent .submenu a {
    color: #222;
    font-weight: 300;
    font-size: 14px;
}


.wtf-menu ul.submenu {
    width: 220px;
}


.submenu a:hover {
    background: #A4C22A !important;
    color: #fff;
}


header.sticky {
    background: #A4C22A;
    border-bottom: solid 1px #A4C22A;
}


#page .header a {
    background-color: #4F651A !important;
}

.mm-menu {
    background: #A4C22A !important;
}

.mm-menu, .mm-menu > .mm-panel {
    z-index: 1;
}


html.mm-slide.mm-right.mm-opening .mm-menu {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
}

.mm-menu.mm-opened {
    width: 100%;
    min-width: unset;
    max-width: unset;
}

.mm-menu.mm-opened.mm-right {
    left: 0;
    right: 0;
}

#mm-blocker {
    z-index: -9999999;
}


#menu{
    width: 100vw;
}

.mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 0;
    left: 0;
    padding: 20px;
}

.mm-title:after{
    content: 'x';
    position: absolute;
    width: 10px;
    height: 10px;
    top: 40%;
    right: 15px;
    transform: translateY(-50%);

}
@media (max-width: 1230px){
    .header .nav li a {
        padding: 12px !important;
    }
}


@media screen and (max-width: 991px){
    .header2 img {
        width: 200px;
    }
    .header2.sticky img {
        width: 200px;
    }
}

/*---------------------------------------------------------------------------*/
/*----------------------------------HOMEPAGE---------------------------------*/
/*---------------------------------------------------------------------------*/

.tp-caption.grey_heavy_72 {
    color: #fff;

}

.tp-caption.grey_heavy_72 .nome{
    font-weight: 900;
    font-size: 60px;
}

.tp-caption.grey_heavy_72 .descricao{
    color: #fff;
    font-weight: 400;
    font-size: 30px;
}

.tp-caption.grey_heavy_72 .botao a{
    color: #A4C22A;
    background: #fff;
    border: none;
    border-radius: 40px;
    padding: 15px 40px !important;
    font-size: 20px !important;
    font-weight: 600;
    outline: none;
}


.latest-news .post .detail img {
    border: none;
}


#owl-demo-eventos .item {
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
}

.dr-quote {
    height: 390px;
    background-size: 100% auto !important;
}




@media screen and (max-width: 991px){
    .tp-caption.grey_heavy_72 .botao a {
        color: #A4C22A;
        background: #fff;
        border: none;
        border-radius: 40px;
        padding: 10px 20px !important;
        font-size: 12px !important;
    }

    .tp-caption.grey_heavy_72 .descricao {
        margin: 10px 0 !important;
    }
}

@media screen and (max-width: 860px){


}
/*---------------------------------------------------------------------------*/
/*---------------------------------QUEM SOMOS--------------------------------*/
/*---------------------------------------------------------------------------*/


.welcome-detail .owl-pagination {
    display: none;
}


.welcome-detail .owl-theme .owl-controls .owl-buttons div {
    background: none;
    width: 53px;
    height: 58px;
    border-radius: 0px;
    opacity: 1;
}

.welcome-detail .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -5px;
    top: 42%;
    background: url(/site/imagens/arrow_left.png) no-repeat;
    background-size: 100% auto;
}

.welcome-detail .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 9px;
    top: 42%;
    background-position: -57px 0;
    background: url(/site/imagens/arrow_right.png) no-repeat;
    background-size: 100% auto;
}

.welcome-detail .main-title p {
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 20px;
}


.services-four-dark .main-title h2 {
    color: #A5C22B;
    margin-bottom: 40px;
    text-align: center;
}

.services-four-dark .main-title, .services-four-dark .main-title p{
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 50px;
    font-weight: 300;
}

.services-four-dark .holder_services  {
    text-align: center;
}

.services-four-dark .services-sec  {
    width: Calc(100% / 3);
    display: inline-block;
    margin-left: -3px;
    text-align: center;
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 20px;
}

.services-four-dark .services-sec .icon {
    float: unset;
    width: fit-content;
    display: inline-block;
    margin-left: -3px;
    text-align: right;
}

.services-four-dark .services-sec .icon img {
    width: 55px;
    margin-right: 20px;
}

.services-four-dark .services-sec .detail {
    width: fit-content;
    float: unset;
    display: inline-block;
    margin-left: -3px;
    text-align: left;
    color: #A5C22B;
    text-transform: uppercase;
}

.services-four-dark .services-sec .detail h6 span {
    font-family: Lato;
}


.fun-facts {
    background: #A5C22B;
    height: auto;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 70px;
    background-size: 100%;
}

.fun-facts span.number {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

.fun-facts span.what-do {
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 23px;
}



.year {
    bottom: unset;
    display: block;
    font-size: 20px;
    left: unset;
    position: relative;
    text-align: center;
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    margin-top: 15px;
    color: #A5C22B;
    padding: 0 10px;
}

.percent{
    line-height: 200px;
    font-size: 50px;
    color: #A5C22B;
    font-family: Lato;
    font-weight: 600;
}



.piechart-section {
    padding: 30px 0;
}

.piechart-section .holder_container{
    width: 90%;
    /* text-align: center; */
    margin: 0 auto;
}

.piechart-section .chart {
    height: auto;
}


.chart {
    vertical-align: top;
    width: Calc(100% / 5);
    margin-left: -4px !important;
}

.piechart-section .chart canvas {
    height: 200px;
    width: 200px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

@media screen and (max-width: 1450px){
    .services-four-dark .main-title, .services-four-dark .main-title p{
        line-height: 33px;
    }

    .welcome-detail .main-title p {
        line-height: 33px;
    }
}

@media screen and (max-width: 1250px){
    .piechart-section .chart canvas {
        height: 181px;
        width: 181px;
    }

    .percent{
        line-height: 181px;
    }
}

@media screen and (max-width: 1080px){
    .chart {
        vertical-align: top;
        width: Calc(100% / 3);
        margin-left: -4px !important;
    }
}


@media screen and (max-width: 992px){
    .services-four-dark .services-sec  {
        width: 100%;
        display: block;
        margin-left: 0;
    }


    .welcome-detail .main-title p {
        font-size: 18px;
        line-height: 30px;
    }

    .services-four-dark {
        padding: 50px 0;
    }

    .services-four-dark .main-title, .services-four-dark .main-title p {
        font-size: 18px;
        line-height: 30px;
        margin-top: 30px
    }

    .fun-facts span.number {
        font-size: 45px;
    }

    .fun-facts span.what-do {
        font-size: 15px;
    }

    .percent {
        font-size: 35px;
    }

    .year {
        font-size: 18px;
    }


}

@media screen and (max-width: 800px){
    .chart {
        vertical-align: top;
        width: Calc(100% / 2);
        margin-left: -4px !important;
    }
}
/*---------------------------------------------------------------------------*/
/*-----------------------------------MENSAGEM DO PRESIDENTE----------------------------------*/
/*---------------------------------------------------------------------------*/


#mensagem_presidente .welcome-detail h2{
    margin-bottom: 60px;
}

#mensagem_presidente .welcome-detail p{
    text-align: justify;
}

#mensagem_presidente .welcome-detail p strong{
    font-weight: 600;
}

#mensagem_presidente .welcome-detail #img_presidente img.fav_star{
    float: right;
    width: 50%;
    margin-left: 40px;
}

#mensagem_presidente .slider_citacoes{
    padding: 90px 0;
}

#mensagem_presidente .slider_citacoes .holder_citacao{
    width: 60%;
    background: #fff;
    padding: 80px;
    border-radius: 55px;
    margin: 20px auto 0 auto;
    color: #A5C22B;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
    position: relative;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
}

#mensagem_presidente .slider_citacoes .holder_citacao:before{
    content: '';
    position: absolute;
    left: -45px;
    top: 30px;
    width: 115px;
    background: url(/site/imagens/aspas.png) no-repeat;
    z-index: 5;
    background-size: 100%;
    width: 95px;
    height: 90px;

}

#mensagem_presidente .slider_citacoes .holder_citacao .nome{
    font-weight: 300;
    font-size: 18px;
    margin-top: 20px;
}

#mensagem_presidente .slider_citacoes .owl-theme .owl-controls .owl-page span {
    display: block;
    margin: 0;
    filter: Alpha(Opacity=50);
    opacity: 1;
    background: #fff;
    width: 8px;
    border-radius: 50%;
    height: 8px;
}

#mensagem_presidente .slider_citacoes .owl-theme .owl-controls .owl-page.active span,
#mensagem_presidente .slider_citacoes .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #fff;
}




@media screen and (max-width: 992px){

    .welcome-three {
        padding: 50px 0;
    }

    #mensagem_presidente .welcome-detail h2 {
        margin-bottom: 30px;
    }

    #mensagem_presidente .slider_citacoes {
        padding: 50px 0;
    }

    #mensagem_presidente .slider_citacoes .holder_citacao {
        width: 90%;
        padding: 40px;
        font-size: 18px;
        line-height: 21px;
    }

    #mensagem_presidente .slider_citacoes .holder_citacao:before {
        left: -15px;
        top: 0px;
        width: 65px;
        height: 63px;
    }

    #mensagem_presidente .slider_citacoes .holder_citacao .nome {
        font-size: 15px;
    }
}
@media screen and (max-width: 500px){

    #mensagem_presidente .welcome-detail #img_presidente img.fav_star {
        float: unset;
        width: 100%;
        margin: 0 auto;
    }
}

/*---------------------------------------------------------------------------*/
/*-----------------------------------MISSAO----------------------------------*/
/*---------------------------------------------------------------------------*/
#missao .owl-pagination {
    display: none;
}


#missao .owl-theme .owl-controls .owl-buttons div {
    background: none;
    width: 53px;
    height: 58px;
    border-radius: 0px;
    opacity: 1;
}

#missao .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -5px;
    top: 42%;
    background: url(/site/imagens/arrow_left.png) no-repeat;
    background-size: 100% auto;
}

#missao .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 7px;
    top: 42%;
    background-position: -57px 0;
    background: url(/site/imagens/arrow_right.png) no-repeat;
    background-size: 100% auto;
}


#missao .detail a {
    margin: 35px 0 0 0;
    background-color: #A5C22B;
    padding: 12px 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    border-radius: 26px;
}


#missao p {
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 20px;
}


#missao h4 {
    color: #A5C22B;
    text-transform: uppercase;
    line-height: 30px;
}


.z-tabs.medium > ul > li > a {
    font-size: 25px;
    color: #7B7B7B;
}

.z-tabs.silver > ul > li.z-active > a {
    border-bottom: solid 5px #A5C22B;
    color: #A5C22B;
}


#missao ul.z-tabs-nav.z-tabs-mobile.z-state-closed {
    background-color: #A5C22B !important;
}

#missao ul.z-tabs-mobile li:first-child {
    background-color: #A5C22B !important;
}


@media screen and (max-width: 1450px){
    #missao p {
        line-height: 33px;
    }
}

@media screen and (max-width: 1229px){
    .z-tabs.horizontal > ul > li {
        float: unset;
        margin: 0 90px 0 0;
    }

    .z-tabs.horizontal.responsive > ul > li > a, .z-tabs.horizontal.top-compact > ul > li > a, .z-tabs.horizontal.bottom-compact > ul > li > a, .z-tabs.horizontal.top-center > ul > li > a, .z-tabs.horizontal.bottom-center > ul > li > a {
        text-align: left;
    }
}

@media screen and (max-width: 992px){
    .welcome {
        padding: 50px 0;
    }

    #missao p {
        font-size: 18px;
        line-height: 30px;
    }

    .welcome .detail p {
        padding: 0;
    }
}



/*---------------------------------------------------------------------------*/
/*-----------------------------------ORGAOS SOCIAIS----------------------------------*/
/*---------------------------------------------------------------------------*/

.cbp-l-filters-list .cbp-filter-item {
    color: #808080;
    cursor: pointer;
    font-family: "Raleway", sans-serif;
    font-size: 25px;
    font-weight: 500;
}

.cbp-l-filters-list .cbp-filter-item:hover {
    border-bottom: solid 5px #A5C22B;
}

.cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active {
    color: #A5C22B;
    border-bottom: solid 5px #A5C22B;
}



/*---------------------------------------------------------------------------*/
/*-----------------------------------Conselho consultivo----------------------------------*/
/*---------------------------------------------------------------------------*/


.all-team-members .detail h6 {
    color: #A5C22B;
    font-size: 26px;
}

.all-team-members .detail span {
    color: #A5C22B;
    font-size: 22px;
}

.all-team-members .detail p {
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 20px;
    min-height: 225px;
}



/*---------------------------------------------------------------------------*/
/*-----------------------------------AMIGOS----------------------------------*/
/*---------------------------------------------------------------------------*/


#amigos.all-team-members .detail {
    border-bottom: 3px solid #A5C22B;
    margin: 0;
    padding: 20px;
    min-height: 91px;
    position: relative;
}


#amigos.all-team-members .detail h6 {
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* left: 50%; */
    left: 0;
    right: 0;
}


#amigos.all-team-members .cbp-item .cbp-caption-defaultWrap{
    position: relative;
}

#amigos.all-team-members .cbp-item .cbp-caption-defaultWrap .mask{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}



#amigos.all-team-members .cbp-item:hover .mask{
    background: rgba(68,68,68,0.5);
    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

#amigos.all-team-members .cbp-item:hover .detail{
    background: #A5C22B;
    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}

#amigos.all-team-members .cbp-item:hover .detail h6{
    color: #fff;
    transition: all 0.3s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}


@media screen and (max-width: 1450px){


    .all-team-members .detail p {
        line-height: 33px;
    }
}


@media screen and (max-width: 992px){

    .all-team-members {
        padding: 50px 0;
    }


    .all-team-members .detail h6 {
        font-size: 22px;
    }

    .all-team-members .detail span {
        font-size: 18px;
    }

    .all-team-members .detail p {
        font-size: 18px;
        line-height: 30px;
    }
}

/*---------------------------------------------------------------------------*/
/*-----------------------------------NOTICIAS----------------------------------*/
/*---------------------------------------------------------------------------*/

#noticias .news-posts {
    padding: 90px 0 90px 0;
}

#noticias .detail span{
    font-family: Lato;
    font-size: 25px;
    color: #868686;
    text-align: center;
}

#noticias .detail h3 a{
    font-weight: 700;
    font-size: 35px;
    color: #868686;
    text-align: center;
}

#noticias .detail p{
    font-size: 26px;
    color: #868686;
    min-height: 100px;
}

.news-posts .news-sec .detail h3 {
    min-height: 85px;
}



#noticias .detail .read-more{
    border-radius: 26px;
    text-transform: none;
    background: #A5C22B;
    font-size: 21px;
    color: #FFFFFF;
    margin-top: 30px;
}

#noticias .paginacao{
    text-align: center;
}

#noticias .paginacao .single_pag{
    display: inline-block;
    border: 1px solid #A5C22B;
    padding: 10px 15px;
    color: #A5C22B;
    cursor: pointer;
}

#noticias .paginacao .single_pag.active{
    color: #fff;
    background: #A5C22B;
}

@media screen and (max-width: 992px){
    #noticias .news-posts {
        padding: 50px 0;
    }

    #noticias .news-posts .news-sec {
        padding: 0 15px;
    }

    #noticias .detail span {
        font-size: 18px;
    }

    #noticias .detail h3 a {
        font-size: 25px;
    }

    #noticias .detail p {
        font-size: 18px;
    }

    #noticias .detail .read-more {
        font-size: 16px;
        margin-top: 15px;
        padding: 10px 35px;
    }
}
/*---------------------------------------------------------------------------*/
/*-----------------------------------DETALHE NOTICIAS----------------------------------*/
/*---------------------------------------------------------------------------*/


#detalhe_noticia .welcome-three .welcome-detail{
    margin-top: 60px;
}


#detalhe_noticia .welcome-three .welcome-detail h2{
    margin-bottom: 60px;
}

#detalhe_noticia .welcome-three .redes {
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 20px;
}

#detalhe_noticia .welcome-three .redes i {
    color: #A5C22B;
    border: 1px solid #A5C22B;
    border-radius: 50%;
    padding: 5px;
}

#detalhe_noticia .welcome-three .botao {
    margin-top: 60px;
}

#detalhe_noticia .welcome-three .botao .voltar{
    border-radius: 26px;
    text-transform: none;
    background: #A5C22B;
    font-size: 21px;
    color: #FFFFFF;
    margin-top: 30px;
    padding: 14px 40px;
    font-weight: 600;
}


#detalhe_noticia .video {
    margin: 35px 0;
}

#detalhe_noticia .holder_iframe {
    position: relative;
    padding-bottom: 53.35%;
    padding-top: 25px;
    height: 0;
}

#detalhe_noticia .holder_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


@media screen and (max-width: 992px){
    #detalhe_noticia .welcome-three .welcome-detail h2 {
        margin-bottom: 30px;
    }

    #detalhe_noticia .welcome-three .redes {
        font-size: 16px;
        line-height: 0;
        margin-top: 10px;
    }

    #detalhe_noticia .welcome-three .botao .voltar {
        font-size: 16px;
        margin-top: 15px;
        padding: 10px 35px;
    }
}
/*---------------------------------------------------------------------------*/
/*-----------------------------------COMO AJUDAR----------------------------------*/
/*---------------------------------------------------------------------------*/

#como_ajudar .main-appointment-form .appointment-form {
    width: 100%;
}

#como_ajudar .main-appointment-form .appointment-form {
    background: #A5C22B;
}

#como_ajudar .main-appointment-form .appoint-icon {
    background-color: #A5C22B;
}

#como_ajudar .main-appointment-form .appoint-icon img{
    width: 60px;
    margin-top: 25px;
}


#como_ajudar .holder_vantagens {
    text-align: left;
    color: #fff;
    padding: 0 30px;
}

#como_ajudar .holder_vantagens .vantagens,
#como_ajudar .holder_vantagens .valores{
    margin: 40px 0;
}

#como_ajudar .holder_vantagens h4{
    color: #fff;
    margin-bottom: 20px;
}


#como_ajudar .holder_vantagens .vantagens li{
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    vertical-align: top;
    padding: 0 20px;
    position: relative;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
}

#como_ajudar .holder_vantagens .vantagens li:after{
    content: "";
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    /* z-index: -3; */
    top: 5px;
    left: 5px;
}

#como_ajudar .holder_vantagens .valores li{
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    position: relative;
    margin-bottom: 15px;
    margin-right: 60px;
    font-size: 20px;
    font-weight: 300;
}

#como_ajudar .holder_vantagens .valores li strong{
    font-weight: 500;
}


#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio{
    margin-bottom: 30px;
}

#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label{
    position: relative;
    padding-left: 10px;
    margin: 0 10px;
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    margin-right: 45px;
}

/* Hide the browser's default checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label .checkmark{
    position: absolute;
    top: 6px;
    left: -10px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
}

/* On mouse-over, add a grey background color */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label .checkmark:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#como_ajudar .main-appointment-form .appointment-form .form .input {
    width: 100%;
    margin: 8px 10px;
    padding: 15px 20px;
    border-radius: 26px;
    border: 1px solid #fff;
    outline: none;
    font-size: 18px;
    color: #A5C22B;
    margin-bottom: 20px;
}


#como_ajudar .main-appointment-form .appointment-form .form .input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 18px;
    color: #A5C22B;
}

#como_ajudar .main-appointment-form .appointment-form .form .input::-moz-placeholder { /* Firefox 19+ */
    font-size: 18px;
    color: #A5C22B;
}

#como_ajudar .main-appointment-form .appointment-form .form .input:-ms-input-placeholder { /* IE 10+ */
    font-size: 18px;
    color: #A5C22B;
}

#como_ajudar .main-appointment-form .appointment-form .form .input:-moz-placeholder { /* Firefox 18- */
    font-size: 18px;
    color: #A5C22B;
}


#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio {
    position: relative;
    width: 100%;
    margin: 8px 10px;
    padding: 15px 20px 5px 20px;
    border-radius: 26px;
    border: 1px solid #fff;
    outline: none;
    font-size: 18px;
    color: #A5C22B;
    margin-bottom: 20px;
    background: #fff;
    margin-bottom: 20px;
}

#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .nome_input.pagamento{
    display: inline-block;
    width: Calc(100% - 55%);
    margin-left: -3px;
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}

#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio.pagamento {
    display: inline-block;
    width: 55%;
    text-align: right;
    color: #A5C22B;
    z-index: 2;
    margin: 0;
    margin-left: -3px;
    /* margin-left: 35px; */
    vertical-align: top;
}

#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .nome_input.sub{
    display: inline-block;
    width: Calc(100% - 55%);
    margin-left: -3px;
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}

#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio.sub {
    display: inline-block;
    width: 55%;
    text-align: right;
    color: #A5C22B;
    z-index: 2;
    margin: 0;
    margin-left: -3px;
    /* margin-left: 35px; */
    vertical-align: top;
}


#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .nome_input{
    display: inline-block;
    width: Calc(100% - 25%);
    margin-left: -3px;
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
}


#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio {
    display: inline-block;
    width: 25%;
    text-align: right;
    color: #A5C22B;
    z-index: 2;
    margin: 0;
    margin-left: -3px;
    /* margin-left: 35px; */
    vertical-align: top;
}


#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label{
    position: relative;
    padding-left: 10px;
    margin: 0 10px;
    font-size: 16px;
}

/* Hide the browser's default checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label .checkmark{
    position: absolute;
    top: 1px;
    left: -10px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #A5C22B;
}

/* On mouse-over, add a grey background color */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#como_ajudar .main-appointment-form .appointment-form .form .caixa_radio .radio label .checkmark:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #A5C22B;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


#como_ajudar .main-appointment-form .appointment-form .form .rgpd{
    text-align: right;
    margin: 20px 0;
}

#como_ajudar .main-appointment-form .appointment-form .form .rgpd label,
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label a{
    color: #fff;
    font-weight: 300;
    font-size: 18px;
}




#como_ajudar .main-appointment-form .appointment-form .form .rgpd label{
    position: relative;
    margin: 0 10px;
}

/* Hide the browser's default checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label .checkmark{
    position: absolute;
    top: 3px;
    left: -10px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
}

/* On mouse-over, add a grey background color */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#como_ajudar .main-appointment-form .appointment-form .form .rgpd label .checkmark:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#como_ajudar .main-appointment-form .appointment-form .form .botao{
    text-align: right;
}

#como_ajudar .main-appointment-form .appointment-form .form .botao button{
    border-radius: 26px;
    text-transform: none;
    background: #fff;
    font-size: 21px;
    color: #A5C22B;
    margin: 20px 0;
    padding: 14px 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    outline: none;
    border: none;
}


#form_instituicao{
    display: none;
}


#doacoes .main-appointment-form .appointment-form {
    background: #F6F6F6;
}

#doacoes .main-appointment-form .appoint-icon {
    background-color: #F6F6F6;
}


#doacoes .inserir_valor,
#doacoes .referencia{
    display: inline-block;
    width: 50%;
    margin-left: -3px;
    text-align: right;
}

#doacoes .inserir_valor{
    text-align: left;
}

#doacoes .inserir_valor .input_inserir input{
    max-width: 230px;
    padding: 15px 20px;
    border-radius: 26px;
    border: 1px solid #fff;
    outline: none;
    font-size: 18px;
    color: #A5C22B;
    margin-bottom: 20px;
    text-align: center;
}

#doacoes .inserir_valor .input_inserir input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 18px;
    color: #A5C22B;
}

#doacoes .inserir_valor .input_inserir input::-moz-placeholder { /* Firefox 19+ */
    font-size: 18px;
    color: #A5C22B;
}

#doacoes .inserir_valor .input_inserir input:-ms-input-placeholder { /* IE 10+ */
    font-size: 18px;
    color: #A5C22B;
}

#doacoes .inserir_valor .input_inserir input:-moz-placeholder { /* Firefox 18- */
    font-size: 18px;
    color: #A5C22B;
}



#doacoes .inserir_valor .botao_gerar{
    text-align: left;
}

#doacoes .inserir_valor .botao_gerar button{
    float: unset;
    border-radius: 26px;
    text-transform: none;
    background: #A5C22B;
    font-size: 18px;
    color: #FFFFFF;
    margin-top: 10px;
    padding: 14px 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    outline: none;
}

#doacoes .referencia{
    text-align: right;
}

#doacoes .referencia .holder_ref{
    background: #fff;
    width: 60%;
    padding: 30px;
    text-align: left;
    margin-left: auto;
    border-radius: 26px;
    color: #A5C22B;
    font-size: 18px;
    font-weight: 500;
}

#doacoes .referencia .holder_ref .single_ref{
    margin-top: 15px;
}

#doacoes .referencia .holder_ref .single_ref span{
    font-weight: 300;
    margin-top: 5px;
}

#doacoes .main-appointment-form section.bgcolor-a {
    position: relative;
    z-index: 5;
    padding: 20px 40px;
}

@media screen and (max-width: 1999px){
    .appointment-form .form .input {
        width: 100% !important;
    }
}
@media (max-width: 992px){
    .main-appointment-form .appointment-form .form .input {
        width: 100% !important;
    }


    #como_ajudar .main-appointment-form .appointment-form .form .tipos_socio label {
        font-size: 18px;
    }

    .main-appointment-form .appointment-form .form .input {
        width: 95% !important;
    }

    #como_ajudar .main-appointment-form .appointment-form .form .caixa_radio {
        width: 95%;
        margin: 0px 16px 20px 16px;
    }

    #como_ajudar .main-appointment-form .appointment-form .form .rgpd label {
        margin: 0 33px;
    }

    #como_ajudar .main-appointment-form .appointment-form .form .botao button{
        font-size: 15px;
        padding: 10px 30px;
        margin: 0 0 20px 0;
    }

    #como_ajudar .holder_vantagens .vantagens li {
        display: block;
        width: 100%;
    }

    #como_ajudar .holder_vantagens .valores li {
        font-size: 18px;
    }

    #doacoes .inserir_valor, #doacoes .referencia {
        display: block;
        width: 100%;
        padding: 20px 0;
    }

    #doacoes .referencia .holder_ref {
        margin-top: 30px;
        width: 100%;
    }
}

@media (max-width: 500px){
    #como_ajudar .main-appointment-form .appointment-form .form .caixa_radio {
        margin: 0px 16px 20px 16px;
    }
}

/*---------------------------------------------------------------------------*/
/*-----------------------------------HISTORICO----------------------------------*/
/*---------------------------------------------------------------------------*/

#historico .owl-pagination {
    display: none;
}


#historico .owl-theme .owl-controls .owl-buttons div {
    background: none;
    width: 53px;
    height: 58px;
    border-radius: 0px;
    opacity: 1;
}

#historico .owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -5px;
    top: 42%;
    background: url(/site/imagens/arrow_left.png) no-repeat;
    background-size: 100% auto;
}

#historico .owl-theme .owl-controls .owl-buttons .owl-next {
    right: 7px;
    top: 42%;
    background-position: -57px 0;
    background: url(/site/imagens/arrow_right.png) no-repeat;
    background-size: 100% auto;
}


#historico .detail a {
    margin: 35px 0 0 0;
    background-color: #A5C22B;
    padding: 12px 30px;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    border-radius: 26px;
}


#historico p, #historico .detail{
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    margin-top: 20px;
}

#historico ul{
    margin-top: 20px;
}

#historico .detail li{
    font-size: 24px;
    color: #9D9D9D;
    letter-spacing: 0;
    line-height: 39px;
    font-weight: 300;
    position: relative;
    padding-left: 20px;
}

#historico .detail li:after{
    content: "";
    width: 6px;
    height: 6px;
    background: #A5C22B;
    border-radius: 50%;
    position: absolute;
    /* z-index: -3; */
    top: 17px;
    left: 5px;
}


#historico h4 {
    color: #A5C22B;
    text-transform: uppercase;
    line-height: 30px;
}


#historico .video{
    margin: 35px 0;
}


#historico .holder_iframe{
    position: relative;
    padding-bottom: 53.35%;
    padding-top: 25px;
    height: 0;
}

#historico .holder_iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


@media screen and (max-width: 992px){

    ul.z-tabs-nav.z-tabs-mobile.z-state-closed {
        background-color: #A5C22B !Important;
    }

    ul.z-tabs-mobile li:first-child {
        background-color: #A5C22B !important;
    }

    #historico p, #historico .detail, #historico .detail li {
        font-size: 18px;
        line-height: 30px;
    }

    #historico .detail li:after {
        top: 12px;
    }

}
/*---------------------------------------------------------------------------*/
/*-----------------------------------CONTACTOS----------------------------------*/
/*---------------------------------------------------------------------------*/

#contactos .main-title p{
    font-size: 26px;
    color: #868686;
    margin-top: 20px;
}


#contactos .contact-us .leave-msg .form input[type=text],
#contactos .contact-us .leave-msg .form input[type=email] {
    width: 100%;
    padding: 0 12px;
    border: solid 1px #979797;
    height: 48px;
    border-radius: 26px;
    outline: none;
        margin-bottom: 20px;
}


.contact-us .leave-msg .form textarea {
    width: 100%;
    height: 220px;
    padding: 12px 12px;
    border: solid 1px #979797;
    border-radius: 26px;
    outline: none;
    resize: none;
    margin-bottom: 20px;
}

#contactos .contact-us .leave-msg .form input[type=text]::-webkit-input-placeholder,
#contactos .contact-us .leave-msg .form input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 16px;
    color: #4D4D4D;
}
#contactos .contact-us .leave-msg .form input[type=text]::-moz-placeholder,
#contactos .contact-us .leave-msg .form input[type=email]::-moz-placeholder { /* Firefox 19+ */
    font-size: 16px;
    color: #4D4D4D;
}
#contactos .contact-us .leave-msg .form input[type=text]:-ms-input-placeholder,
#contactos .contact-us .leave-msg .form input[type=email]:-ms-input-placeholder { /* IE 10+ */
    font-size: 16px;
    color: #4D4D4D;
}
#contactos .contact-us .leave-msg .form input[type=text]:-moz-placeholder,
#contactos .contact-us .leave-msg .form input[type=email]:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: #4D4D4D;
}



#contactos .contact-us .form label, #contactos .contact-us .form label a{
    font-size: 16px;
    font-weight: 300;
    color: #A5C22B;
}

#contactos .contact-us .form label{
    position: relative;
    padding-left: 10px;
}

/* Hide the browser's default checkbox */
#contactos .contact-us .form label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
#contactos .contact-us .form label .checkmark{
    position: absolute;
    top: 1px;
    left: 3px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #A5C22B;
}

/* On mouse-over, add a grey background color */
#contactos .contact-us .form label:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
#contactos .contact-us .form label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
#contactos .contact-us .form label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#contactos .contact-us .form label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#contactos .contact-us .form label .checkmark:after {
    left: 5px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid #A5C22B;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#contactos .contact-us .form button {
    border-radius: 26px;
    text-transform: none;
    background: #A5C22B;
    font-size: 21px;
    color: #FFFFFF;
    margin: 20px 0;
    padding: 14px 40px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    outline: none;
}

#contactos .contact-get {
    min-height: 600px;
}

#contactos .contact-get .get-in-touch{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding-left: 30%;

}

#contactos .contact-us .get-in-touch span{
    font-size: 24px;
    color: #5D5D5D;
    margin-bottom: 20px;

}

#contactos .social-icons a {
    color: #fff;
    border: solid 1px #A5C22B;
    background: #A5C22B;
    padding: 7px 8px 5px 8px;
    border-radius: 100%;
    font-size: 19px;
    margin-right: 20px;
}

#contactos .social-icons a.fb:hover {
    background: #fff;
    border: solid 1px #A5C22B;
    color: #A5C22B;
}


@media screen and (max-width: 992px){
    #contactos .contact-us .get-in-touch span {
        font-size: 18px;
        line-height: 30px;
    }

    #contactos .contact-get .get-in-touch {
        position: relative;
        top: unset;
        transform: unset;
        -moz-transform: unset;
        -webkit-transform: unset;
        padding-left: 0;
    }

    #contactos .main-title p {
        font-size: 18px;
        margin-top: 20px;
    }

    #contactos .contact-us .form button {
        font-size: 15px;
        padding: 10px 30px;
    }
}

/*---------------------------------------------------------------------------*/
/*-----------------------------------FOOTER----------------------------------*/
/*---------------------------------------------------------------------------*/
.footer {
    background: #A5C22B;
    border-top: solid 6px #A5C22B;
}

.footer .emergency img{
    max-width: 300px;
}

.main-footer .title {
    border-bottom: none;
}

.main-footer .title h5 {
    border-bottom: none;
    font-weight: 600;
    font-size: 21px;
    letter-spacing: 1px;
}

.main-footer .useful-links ul li {
    background: none;
    margin: 0 0 25px 0;
}

.main-footer .useful-links ul li a {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
}

.main-footer .get-touch.global {
    padding: 0 20px;
}

.main-footer .get-touch .text {
    font-size: 16px;
    font-weight: 300;
}

.main-footer .get-touch ul li span {
    font-size: 16px;
    font-weight: 300;
}

.main-footer .newsletter {
    padding-left: 35px;
}


.main-footer .newsletter .signup-text span {
    font-size: 16px;
    font-weight: 300;
}

.main-footer .newsletter .input-group {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    width: 100%;
}


.main-footer .newsletter .form input[type=text], .main-footer .newsletter .form input[type=email] {
    background: transparent;
    border: solid 1px #fff;
    width: 100%;
    color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    margin: 0 0 9px 0;
    border-radius: 26px;
}


.main-footer .newsletter .form input[type=text]::-webkit-input-placeholder,
.main-footer .newsletter .form input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}
.main-footer .newsletter .form input[type=text]::-moz-placeholder,
.main-footer .newsletter .form input[type=email]::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}
.main-footer .newsletter .form input[type=text]:-ms-input-placeholder,
.main-footer .newsletter .form input[type=email]:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}
.main-footer .newsletter .form input[type=text]:-moz-placeholder,
.main-footer .newsletter .form input[type=email]:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}



.main-footer .newsletter .form label, .main-footer .newsletter .form label a{
    font-size: 10px;
    font-weight: 300;
    color: #fff;
}

.main-footer .newsletter .form label{
    position: relative;
    padding-left: 10px;
}

/* Hide the browser's default checkbox */
.main-footer .newsletter .form label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.main-footer .newsletter .form label .checkmark{
    position: absolute;
    top: 0;
    left: 3px;
    height: 12px;
    width: 12px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
}

/* On mouse-over, add a grey background color */
.main-footer .newsletter .form label:hover input ~ .checkmark {
    background-color: transparent;
}

/* When the checkbox is checked, add a blue background */
.main-footer .newsletter .form label input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.main-footer .newsletter .form label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.main-footer .newsletter .form label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.main-footer .newsletter .form label .checkmark:after {
    left: 4px;
    top: -2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.main-footer .newsletter .botao {
    margin: 10px 0;
}

.main-footer .newsletter .botao button {
    padding: 7px 25px;
    border-radius: 26px;
    color: #A5C22B;
    outline: none;
    background: #fff;
}

#newsletter_response{
    font-weight: 300;
    font-size: 14px;
}


.footer-bottom {
    background: #4F651A;
    padding: 24px 0;
}

.footer-bottom .copyrights {
    float: unset;
    color: #A5C22B;
    font-size: 15px;
    font-weight: 300;
}
.footer-bottom .copyrights a{
    color: #A5C22B;
    font-weight: 300;
}

.footer-bottom .social-icons a {
    color: #4F651A;
    border: solid 1px #4F651A;
    background: #A5C22B;
    padding: 7px 7px 5px 7px;
    border-radius: 100%;
    font-size: 19px;
}

.footer-bottom .social-icons a.fb:hover {
    background: #4F651A;
    border: solid 1px #A5C22B;
    color: #A5C22B;
}

.cd-top {
    background-color: #A5C22B;
    border: solid 1px #4F651A;
}


.main-footer .get-touch ul li a:hover span {
    color: #4F651A;
}


.footer-bottom .redes_sociais {
    text-align: right;
}

@media screen and (max-width: 991px){
    .mm-footer {
        height: auto;
        padding: 10px 10px 10px 20px;
    }

    .main-footer .title h5 {
        font-size: 18px;
    }

    .main-footer .detail {
        margin: 10px 0 0 0;
    }

    .main-footer .useful-links ul li {
        margin: 0 0 15px 0;
    }


    .main-footer .useful-links ul li a {
        font-size: 14px;
    }

    .main-footer .get-touch.global {
        padding: 0;
    }

    .main-footer .newsletter {
        padding-left: 0;
    }

    .main-footer .detail .get-touch{
        margin: 10px 0 0 0;
    }

    .footer-bottom .social-icons {
        float: unset;
        margin-top: 25px;
    }

    .footer-bottom .redes_sociais {
        text-align: center;
    }
}