/*======================================= CUSTOM CSS START =======================================*/
/*********************************** FONTS IMPORT ***********************************/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');

/*********************************** GENERAL ***********************************/
html, body{
    height: 100%;
    position: relative;
    min-height: 100%;
    font-size: 16px;
}
body{
    scrollbar-face-color: #FFFFFF;
    scrollbar-track-color: #ccc;
    scrollbar-arrow-color: #ccc;
    scrollbar-shadow-color: #ccc;
    scrollbar-highlight-color: #ccc;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-stretch: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: left;
    line-height: 1.42857143;
    background-color: transparent;
}
a{ color:#333; }
a:hover, a:focus{ text-decoration: none; color:#3c3c3c; outline:none;}
.btn:focus{outline:none;}
input{background-color: #fff;}
input:focus{outline: none;}
textarea{min-height:180px;resize: none;}
.form-control:focus {
    outline: none;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5rem;
}
sub {
    bottom: -0.25rem;
}
/*Fix images*/
    .img-responsive{
        width: 100%;
    }
/*end Fix images*/
/********************************** THEME ASSETS **********************************/
/** HEADER **/
    .row-green{
            background: #99B74A;
        }
    #topmenu {
        background-color: #FFF;
    }
    .logo{
        margin-bottom: 15px;
        width: 180px;
    }
    #topmenu{
        background-color: rgba(243, 243, 243, 0.9);
    }
    #myCarousel .carousel-control {
        width: 30px;
        height: 30px;
        top: 20px;
    }
    #myCarousel .carousel-control.left {
        left: 25px;
    }
    #myCarousel .carousel-control.right{
        right: 25px;
    }
    #myCarousel .item{
        /*height: 710px;*/
        background-color: #000;
    }
    #myCarousel .carousel-inner>.item>a>img, #myCarousel .carousel-inner>.item>img{
        opacity: 0.8;
    }
    .carousselTop a.carousel-control.left span.borderSlider, .carousselTop a.carousel-control.right span.borderSlider {
        border-radius: 30px;
        border: 2px solid #fff;
        padding: 7px;
        font-size: 0.5rem;
        color: #fff;
    }
    .carousselTop {
        position: relative;
    }
    #myCarousel .carousel-caption{
        width: 100%;
        height: 100%;
        left: 0;
        top: 25%;
        right: auto;
        padding: 0 40px;
        text-shadow: none;
        line-height: 1.4;
    }
    #myCarousel .inner{
        width: 60%;
        margin: 0 auto;
    }
    .cartaz-titulo{
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 3.938rem;
        line-height: 60px;
        text-shadow: 2px 2px #000;
    }
    #myCarousel .btn{
        border-radius: 16px;
        border: 2px solid #91b047;
        padding: 5px 13px;
        font-size: 0.875rem;
        background: #91b047;
        color: #FFF;
    }
    #myCarousel .btn:hover{
        color: #91b047;
        background: #FFF;
    }
    /*MENU SUPERIOR*/
        .menu_superior{
            line-height: 12px;
            font-weight: 400;
            text-align: right;
            margin-top: 20px;
            white-space: nowrap;
            float: right;
        }
        .menu_superior li{
            padding: 0;
            margin: 0 5px;
        }
        .menu_superior li:last-child{
            border: none;
        }
        .menu_superior li .btn{
            border-radius: 16px;
            border: 2px solid #000000;
            padding: 5px 13px;
            font-size: 0.875rem;
            background: #000000;
            color: #FFF;
        }
        .menu_superior li .btn:hover{
            background: #FFFFFF;
            color: #000000;
        }
        .current_sup{
            color: #80B947 !important;
        }
        input.topinput {
            background: url(../images/search_icon.png) no-repeat scroll;
            background-position: right;
            text-align: left;
            border: none;
            padding: 7px 5px 7px 10px;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 0.875rem;
        }
        .borderlang {
            padding: 7px 5px 7px 10px;
        }
        /* Google translate CSS Edit */
            .goog-te-gadget-simple .goog-te-menu-value {
                font-family: 'Roboto Condensed', sans-serif;
            }
            #google_translate_element .goog-te-gadget-simple {
                background-color: rgba(243, 243, 243, 0.9);
                border: none;
            }
            .goog-te-gadget-simple .goog-te-menu-value span {
                padding: 0px 4px;
                font-size: 0.875rem;
                color: #808080;
            }
            .goog-te-gadget-simple .goog-te-menu-value span a {
                text-decoration: none;
            }
            .goog-te-gadget img {
                display:none;
            }
        ul.navIcons li{
            display: inline-block;
            border-radius: 100px;
            border:2px solid #91b047;
            vertical-align: top;
        }
        ul.navIcons li a .fa{
            color: #91b047;
            font-size: 1rem;
            padding: 5px;
        }
        ul.navIcons .current {
            background-color: #91b047;
            color: #fff;
        }
        ul.navIcons .current .fa{
            color: #FFF;
        }
    /*end MENU SUPERIOR*/

    /*MOBILE MODAL MENU*/
        .btn.responsive-menu{
            padding: 6px 10px;
            margin: 0;
            margin-top: 40px;
            display: none;
            font-size: 1.188rem;
            color: #32888b;
            background-color: #fff;
            box-shadow: none;
            -webkit-transition: margin 0.6s;
            -o-transition: margin 0.6s;
            transition: margin 0.6s;
            line-height: 4rem;
            min-width: 2rem;
        }
        #menumobileModal {
            padding: 0 !important;
            margin: 0 !important;
            color: #FFF;
            background: #fff;
        }
        #menumobileModal .menu-mobile-close {
            padding: 6px 10px;
            margin: 0;
            margin-top: 0;
            display: block;
            font-size: 1.875rem;
            color: #686868;
            background-color: transparent;
            -webkit-transition: margin 0.6s;
            -o-transition: margin 0.6s;
            transition: margin 0.6s;
            line-height: 4rem;
            min-width: 6rem;
            float: right;
            border: 0;
            margin-top: 10px;
            margin-bottom: 15px;
        }
        #menumobileModal .modal-dialog {
            width: 100% !important;
            height: 100vh !important;
            padding: 0 !important;
            margin: 0 !important;
            max-width: 100%;
        }
        #menumobileModal .modal-content {
            -webkit-box-shadow: none;
            box-shadow: none;
            border: 0;
            border-radius: 0 !important;
            padding: 0 !important;
            min-height: 100%;
            background: #f6f6f6 !important
        }
        ul.dl-menu li input.topinputmobile {
            width: 80%;
            border-radius: 40px;
            border: 1px solid #93bb4c;
            padding: 10px 10px;
            color: #3c3c3c;
            margin-bottom: 10px;
            margin-left: 10px;
        }
        ul.dl-menu #google_translate_element{
            background-color: rgba(243, 243, 243, 0.9);
            width: 50%;
            border-radius: 40px;
            border: 1px solid #93bb4c;
            padding: 10px 10px;
            color: #3c3c3c;
            font-size: 1rem;
            margin-bottom: 10px;
            margin-left: 10px;
        }
        ul.dl-menu #google_translate_element a{
            padding: 0;
            color: #3c3c3c;
            font-size: 1rem;
        }
        .dl-menuwrapper li:last-child{
            border: none !important;
            width: 100% !important;
        }
    /*end MOBILE MODAL MENU*/

    /*NAVBAR*/
        #navbar{
            padding: 0;
        }
        .navbar-brand{
            padding: 0 15px;
            height: auto;
        }
        .navbar-brand > img {
            display: block;
            height: 100px;
            padding: 5px 0;
            margin: 0;
        }
        .wrapper_menu{
            text-align: left;
            font-size: 0.875rem;
        }
        .navbar{
            margin-bottom: 0;
        }
        .navbar a:hover{
            color: #FFF;
        }
        .navbar-collapse{
            text-align: center;
        }
        .navbar-toggle{
            margin-left: 25px;
        }
        .navbar-toggle .icon-bar{
            background-color: #91b047;
        }
        .nav > li > a:hover, .nav > li > a:focus{
            background-color: transparent;
        }
        .main_menu{
            float: none;
        }
        .main_menu > li > a {
            display: block;
            padding: 15px;
            clear: both;
            font-weight: normal;
            line-height: 2;
            white-space: nowrap;
            font-size: medium;
            text-transform: none;
            outline: none !important;
            color: #FFF;
            font-size: 1rem;
            font-weight: 700;
            line-height: 18px;
            text-align: justify;
        }
        .main_menu > li > a:hover,
        .main_menu > li > a:focus,
        .main_menu > li > a:active {
            color: #FFF;
        }
        .main_menu > li:hover, .main_menu > li.active{
            background-color: #799b3c;
        }
        .main_menu >li.nav_right{
            float: right !important;
        }
        .main_menu >li.nav_right > a{
            font-weight: 500 !important;
        }
        .multi-level li.active > a{
            color: #91b047 !important;
        }
        .currenttop {
            background-color: #FFF !important;
        }
        .current_menu{
            color: #FFF !important;
            text-decoration: none;
            background-color: #80B947;
        }
    /*end NAVBAR*/

    /*DROPDOWN MENU*/
        .multi-level{
            padding: 10px 0;
        }
        .dropdown-menu{
            background-color: rgb(255, 255, 255);
            border: 1px solid #d9d9d9;
            border-radius: 0;
            padding: 0;
            box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
        }
        .nav_hover:hover .nav > li > a{
            color: #FFF;
        }
        .dropdown-menu > li:first-child{
            margin: 10px 0 0;
        }
        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            color: #FFF;
            text-decoration: none;
            background-color: #80B947;
        }
        .dropdown-menu > li > a {
            display: block;
            padding: 4px 20px;
            clear: both;
            font-weight: normal;
            line-height: 2;
            white-space: nowrap;
            font-size: medium;
            text-transform: none;
            outline: none !important;
            color: #    214107;
            font-size: 1rem;
            font-weight: 400;
            line-height: 18px;
            text-align: justify;
        }
        .dropdown-submenu {
            position: relative;
        }
        .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 0;
            margin-left: 0;
        }
        .dropdown-submenu:hover>.dropdown-menu {
            display: block;
        }
        .dropdown-submenu>a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 9px;
            margin-right: 0;
        }
        .dropdown-submenu:hover>a:after {
            border-left-color: #fff;
        }
        .dropdown-submenu.pull-left {
            float: none;
        }
        .dropdown-submenu.pull-left>.dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
    /*end DROPDOWN MENU*/
/*end HEADER*/

/* Sections */
    /* Content */
        section#content{
            margin-top: 50px;
            margin-bottom: 50px;
        }

    /* Visite-nos */
        section#visita{
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 300;
            font-size: 1.188rem;
            min-height: 270px;
            margin-top: -150px;
            margin-bottom: 50px;
            z-index: 1;
            color: #FFF;
            text-align: center;
        }
        section#visita .know-more{
            position: absolute;
            bottom: 30px;
            text-align: center;
            width: 100%;
        }
        .no_padding{
            padding: 0;
        }
        .visita__height{ min-height: 375px; position: relative;}
        #weather h2{display: none;}
        #weather h3{margin-top: 0; margin-bottom: 0}
        #weather p{margin-top: 0; margin-bottom: 0; font-size: 1.125rem;}
        #weather .wi{float: left; width: 30%}
        #weather .weather{float: right; width: 70%; text-align: left}

    /* Animais */
        section#animais .row{
            margin-top: -5px;
        }
        .animais__title{
            font-weight: 600;
            font-size: 2.313rem;
            text-align: center;
            margin-top: -10px;
            color: #3c3c3c;
        }
        .animais__subtitle{
            font-family: 'Gloria Hallelujah', cursive;
            font-size: 1.875rem;
            text-align: center;
            margin-top: -10px;
            color: #91b047;
        }
        #myCarousel2 .carousel-control{
            width: 30px;
            height: 30px;
            top: 65%;
            background: none;
        }
        #myCarousel2 .carousel-control.left {
            left: -65px;
        }
        #myCarousel2 .carousel-control.right {
            right: -65px;
        }
        .myCarousel2__title{
            font-family: 'Gloria Hallelujah', cursive;
            font-size: 1.875rem;
            text-align: center;
            color: #91b047;
            padding: 0 60px;
            margin-top: 0;
            margin-bottom: 30px;
        }
        .myCarousel2__text{
            font-size: 1.063rem;
            font-weight: 700;
            line-height: 24px;
            text-align: center;
        }
        #owl-animais .owl-nav .owl-prev{
            position: absolute;
            top: 60%;
            left: -50px;
            border-radius: 0 !important;
            color: #bde4f7;
            border-color: transparent !important;
            background-color: transparent !important;
            padding: 0 !important;
            opacity: 0.85 !important;
        }
        #owl-animais .owl-nav .owl-next{
            position: absolute;
            top: 60%;
            right: -50px;
            border-radius: 0 !important;
            color: #99B74A;
            border-color: transparent !important;
            background-color: transparent !important;
            padding: 0 !important;
            opacity: 0.85 !important;
        }
        #owl-animais .owl-nav .owl-prev:hover .borderSlider,
        #owl-animais .owl-nav .owl-next:hover .borderSlider{
            border: 2px solid #333 !important;
            background-color: #333 !important;
            color: #fff !important;
        }
        .item-animal:hover .ribbon{
            display: block;
        }
        .ribbon{
            display: none;
            border-radius: 80px;
            padding: 23px 21px;
            font-size: 1.188rem;
            line-height: 1.188rem;
            color: #fff;
            text-align: center;
            right: 40%;
            top: 30%;
            position: absolute;
            z-index: 10;
        }

    /* Noticias E Eventos */
        section#noticias{
            margin-top: 50px;
        }
        .noticias__img{
            margin-top: 30px;
        }
        .noticias__main-title{
            font-weight: 700;
            font-size: 1.313rem;
            color: #91b047;
            margin-bottom: 25px;
        }
        .noticias__btn{
            text-align: right;
        }
        .btn-main-noticias{
            border-radius: 16px;
            border: 2px solid #91b047;
            padding: 5px 13px;
            font-size: 0.938rem;
            color: #91b047;
        }
        .btn-main-noticias:hover{
            border-radius: 16px;
            border: 2px solid #91b047;
            padding: 5px 13px;
            color: #fff;
            background-color: #91b047;
        }
        .noticias__timestamp{
            font-size: 0.938rem;
            color: #3c3c3c;
            margin-top: 10px;
        }
        .noticias__title{
            font-weight: 600;
            font-size: 2.14rem;
            color: #91b047;
            margin-top: 0;
        }
        .noticias__text{
            font-size: 1.14rem;
            font-weight: 300;
        }
        .btn-noticias{
            border: 2px solid #3c3c3c;
            color: #3c3c3c;
            font-size: 0.938rem;
            border-radius: 16px;
            padding: 5px 18px;
        }
        .btn-noticias:hover{
            border: 2px solid #3c3c3c;
            color: #fff;
            background-color: #3c3c3c;
        }
        section#eventos{
            margin-top: 50px;
        }
        .btn-main-eventos{
            border-radius: 16px;
            border: 2px solid #91b047;
            padding: 5px 13px;
            font-size: 0.938rem;
            color: #91b047;
            margin-bottom: 25px;
        }
        .btn-main-eventos:hover{
            border-radius: 16px;
            border: 2px solid #91b047;
            padding: 5px 13px;
            color: #fff;
            background-color: #91b047;
        }
        .eventos__img{
            margin: 0 auto;
        }
        .calendar__bg{
            background: url(../images/calendar.jpg) no-repeat scroll;
            width: 115px;
            height: 123px;
            margin: 0 auto;
        }
        .calendar__bg span.calendarDay, .calendar__bg span.calendarDayEvent{
            font-weight: 700;
            font-size: 4.625rem;
            position: absolute;
            top: 30px;
            left: 59px;
            line-height: 1;
            margin-right: 40px;
            color: #91b047;
        }
        .eventos__title{
            font-weight: 700;
            font-size: 1.875rem;
            margin-top: 0;
            height: 115px;
            overflow: hidden;
        }
        #eventos .fa-clock-o,
        #eventos .fa-map-marker
        { color: #91b047;}
        .eventos__info{
            font-size: 0.938rem;
            line-height: 0.938rem;
            margin-bottom: 20px;
        }
        .btn-eventos{
            border: 2px solid #3c3c3c;
            color: #3c3c3c;
            font-size: 0.938rem;
            border-radius: 16px;
            padding: 5px 18px;
            margin-bottom: 10px;
        }
        .btn-eventos:hover{
            border: 2px solid #3c3c3c;
            color: #fff;
            background-color: #3c3c3c;
        }
        .event__space{
            margin-bottom: 50px;
        }
        .event__space span.calendarDay, .event__space span.calendarDayEvent{
            font-weight: 700;
            font-size: 4.625rem;
            position: absolute;
            top: 45px;
            left: 49px;
            line-height: 1;
            margin-right: 40px;
            color: #91b047;
        }

    /*HELPING*/
        #helping{
        }
        .helping__section{
            min-height: 175px;
            /*FF not support min height with display table*/
            height: 175px;
            padding: 25px;
            position: relative;
            text-align: center;
            background-color: #91b047;
            display: table;
            width: 100%;
        }
        .helping__wrapper{
            display: table-cell; vertical-align: middle;
        }
        .helping__section:hover{
            background-color: #799b3c;
            cursor: pointer;
        }
        .helping__section:hover .btn-helping{
            opacity: 1;
            height: auto;
        }
        .btn-helping{
            opacity: 0;
            height: 0;
            overflow: hidden;
            border-radius: 16px;
            padding: 4px 13px;
            border: 2px solid #fff;
            color: #fff;
            width: 50%;
            margin: 0 auto;
            margin-top: 20px;
        }
        .btn-helping:hover{
            color: #3c3c3c;
            background-color: #fff;
        }

    /* Error */
        section#error404{
            margin-top: 100px;
            padding: 50px;
        }

    /* Header */
        #header ul.borderlang {
            padding:5px;
        }

    /* Homepage_footer*/
        .bottom__apoiar{
            padding-right: 0;
        }
        .bottom__apadrinhar{
            padding-right: 0;
            padding-left: 0;
        }
        .bottom__colaborar{
            padding-left: 0;
        }

    /* Footer */
        #main-content{
            /* Set the fixed height of the footer here + 25px de padding a separar do conteudo */
            padding-bottom: 344px;
            /*background-color: #fff;*/
        }
        #main-content.homepage {
            padding-bottom: 344px !important;
        }
        .footer{
            position: absolute;
            bottom: 0;
            width: 100%;
            /* Set the fixed height of the footer here */
            height: 319px;
        }
        #footer{
            min-height: 20px;
            margin-bottom: 0;
            border: none;
            box-shadow: none;
            border-radius: 0;
            background-color:  #4E4E4D;
        }
        #prefooter{
            padding: 24px 0px 24px;
        }
        .symbols ul{
            margin-bottom: 0;
        }
        .symbols ul li{
            display: inline;
            padding: 0px 5px;
            font-size: 0.8rem;
        }
        .symbols ul li a img{
            display: inline;
            padding: 0px 5px;
            font-size: 0.8rem;
        }
        .social-icons ul{
            margin-bottom: 0;
        }
        .social-icons ul li{
            display:inline;
            padding: 0 10px;
        }
        .social-icons .fa {
            border-radius: 50%;
            padding: 8px 0px;
            color: #fff;
            font-size: 0.875rem;
            text-decoration: none;
        }
        .social-icons ul li > a:hover .fa{
         }
        #footer_nav{
            margin-bottom: 0;
        }
        #footer__nav li a.btn{
            border-radius: 16px;
            border: 2px solid #373737;
            padding: 5px 13px;
            font-size: 0.875rem;
            background: #373737;
            color: #FFF;
        }
         #footer__nav li a.btn:hover{
            background: #FFFFFF;
            color: #373737;
         }
        #rodape{
            font-size: 0.750rem;
            line-height: 12px;
            color: #FFF;
            padding: 20px 0 10px;
        }
        .by-monstros {
            text-align: right;
        }

    /* Newsletter modal */
        #newsletter__modal .modal-header{
            padding-bottom: 0;
        }
        #newsletter__modal .modal-title{
            color: #99b74a;
            font-size: 30px;
            font-weight: 600;
        }
        #newsletter__modal .modal-body{
            font-family: 'Gloria Hallelujah', cursive;
            font-size: 30px;
            padding-top: 0;
        }
        #newsletter__modal .btn{
            border: 2px solid #3c3c3c;
            color: #3c3c3c;
            font-size: 0.938rem;
            border-radius: 16px;
            padding: 5px 18px;
            margin-bottom: 10px;
            margin-left: 10px;
        }
         #newsletter__modal .btn:hover{
            border: 2px solid #3c3c3c;
            color: #fff;
            background-color: #3c3c3c;
        }

/* Wildlife */
    #wildlife .img {
        border-radius: 100%;
        display: flex;
        flex: 0 0 150px;
        justify-content: center;
        overflow: hidden;
        position: relative;
        height: auto;
        width: auto;
        margin-bottom: 50px;
    }
    #wildlife .maintitle{
        margin-bottom: 35px;
    }
    #modal .modal-body{
        padding: 0;
    }
    #modal .close{
        border-radius: 16px;
        margin-right: 12px;
        margin-right: 15px;
        margin-top: 15px;
        border: 2px solid #000!important;
        color: #000!important;
        padding: 5px 6px;
        font-size: 0.8rem;
    }
    #modal .next-modal,
    #modal .next-modal:hover,
    #modal .next-modal:active,
    #modal .next-modal:focus,
    #modal .next-modal.active {
        position: absolute;
        right: 15px;
        bottom: 50%;
        z-index: 1100;
        background: rgba(2, 2, 2, 0.5);
        color: #fff;
        font-size: 0.938rem;
        padding: 10px 18px;
        text-align: center;
        border-radius: 20px;
    }
    #modal .before-modal,
    #modal .before-modal:hover,
    #modal .before-modal:active,
    #modal .before-modal:focus,
    #modal .before-modal.active {
        position: absolute;
        left: 15px;
        bottom: 50%;
        z-index: 1100;
        background: rgba(2, 2, 2, 0.5);
        color: #fff;
        font-size: 0.938rem;
        padding: 10px 18px;
        text-align: center;
        border-radius: 20px;
    }
    .modal-wraper{
        overflow: auto;
        height: 473px;
    }
    .bottomLeft-wraper{
        padding: 0px 0px 0px 15px;
    }
    .bottomRight-wraper{
        padding: 0px 15px 0px 0px;
    }
    @media only screen and (max-width : 979px) {
        .bottomLeft-wraper{
            padding: 0px 15px 0px 15px;
        }
        .bottomRight-wraper{
            padding: 0px 15px 0px 15px;
        }
    }
/*end Wildlife*/

/* Media */
    .mb_media{
        margin-bottom: 40px;
    }
    #media .maintitle{
        margin-bottom: 15px;
    }
    #media img{
        margin-bottom: 15px;
    }
    #media iframe {
        margin-bottom: 15px;
    }
    .media__data{
        font-size: 0.938rem;
        color: #A9A9A9;
    }
    .media__title{
        font-size: 1.250rem;
        font-weight: 700;
        line-height: 24px;
    }
    .media__title:hover{
        color: #93bb4c;
    }
    #media_modal .modal-dialog{
        width: 830px;
    }
    .contentModal{
        height: 100%;
        width: 100%;
    }
    #media_modal img{
        margin: 0 auto;
        margin-bottom: 20px;
    }
    #media_modal .media__title{
        margin-top: 0;
    }
    #media_modal .media__data{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1.250rem;
        float: left;
    }
    .media_related img{
        margin-bottom: 0;
    }
    #media_modal .media__title--rel{
        font-size: 1.250rem;
        font-weight: 700;
        line-height: 24px;
        margin-top: 0;
    }
    #media_modal .media__title--rel:hover{
        cursor: pointer;
        color: #91b047;
    }
    #media_modal .media__data--rel{
        font-size: 0.938rem;
    }
    #media_modal .close {
        border-radius: 16px;
        margin-right: 0px;
        margin-top: 10px;
        border: 2px solid #000!important;
        color: #000!important;
        padding: 5px 6px;
        font-size: 0.8rem;
    }
    .open_media_modal:hover{ cursor: pointer; }
    #media_modal .next-modal,
    #media_modal .next-modal:hover,
    #media_modal .next-modal:active,
    #media_modal .next-modal:focus,
    #media_modal .next-modal.active {
        position: absolute;
        right: 15px;
        bottom: 50%;
        z-index: 1100;
        background: rgba(2, 2, 2, 0.5);
        color: #fff;
        font-size: 0.938rem;
        padding: 10px 18px;
        text-align: center;
        border-radius: 20px;
    }
    #media_modal .before-modal,
    #media_modal .before-modal:hover,
    #media_modal .before-modal:active,
    #media_modal .before-modal:focus,
    #media_modal .before-modal.active {
        position: absolute;
        left: 15px;
        bottom: 50%;
        z-index: 1100;
        background: rgba(2, 2, 2, 0.5);
        color: #fff;
        font-size: 0.938rem;
        padding: 10px 18px;
        text-align: center;
        border-radius: 20px;
    }
    #jornal_detalhe h4.maintitle{
        font-size: 1rem;
    }
    #jornal_detalhe .media__title {
        color: #91b047;
    }
    #jornal_detalhe .media__data--rel{
        color: #A9A9A9;
        font-size: 0.938rem;
        margin-bottom: 0;
    }
    #jornal_detalhe .media__title--rel{
        font-size: 1.250rem;
        font-weight: 700;
        line-height: 24px;
        margin-top: 0;
    }
    #jornal_detalhe .media__title--rel:hover{
        color: #91b047;
    }
/*end Media*/

/* Gallery */
    #gallery [class*="col-"]{
        margin-bottom: 15px;
    }
    .gallery__title{
        text-align: center;
        margin-top: 50px;
        font-size: 20px;
    }
    .gallery__title--sec{
        text-align: center;
        margin-top: 25px;
        font-size: 16px;
    }
    .highlight_1{
        width: 85%;
        margin: 0 auto;
    }

/*PADDING - MARGIN*/
    .content_margin{
        margin-bottom: 25px;
    }
    .content_padding_right{
        padding-right: 50px;
    }
    .content_padding_left{
        padding-left: 50px;
    }
    .no-gutter{padding-right:0 !important;padding-left:0 !important;}
    .nomargin{margin: 0 !important;}
    .nomargintop{margin-top: 0 !important;}
    .nomarginbottom{margin-bottom: 0 !important;}
    .nopadding{padding: 0 !important;}
    .nopaddingtop{padding-top: 0 !important;}
    .nopaddingbottom{padding-bottom: 0 !important;}
    .nopaddingleft{padding-left: 0 !important;}
    .nopaddingright{padding-right: 0 !important;}
/*end PADDING - MARGIN*/

/* Custom buttons with border */
/* LG / MD */

/*HEIGHT*/
    .height_counter{
        padding-bottom: 15px;
    }
    .height_counter a{
        position: absolute;
        bottom: 10px;
        right: calc(100% - 160px);
    }
/*end HEIGHT*/

.icon-img{
    margin-bottom: 25px;
}
.btn-text{
    float: right;
    border-radius: 16px;
    border: 2px solid #91b047;
    padding: 5px 20px;
    font-size: 0.875rem;
    color: #91b047;
    font-weight: 400;
    text-transform: lowercase;
}
.btn-text:hover{
    background: #99b74a;
    color: #FFF !important;
}
.borderVertical{
    border-right: 1px solid #ececec;
}
.navbar-default .navbar-nav>li>a.bordersignin{
    color:#93bb4c;
    padding: 5px 10px;
}
a.borderThickerGreen {
    border-radius: 16px;
    border:2px solid #91b047;
    padding:5px 13px;
    color: #91b047;
}
a.borderThickerGreen:hover {
    border-radius: 16px;
    border:2px solid #91b047;
    padding:5px 13px;
    color: #fff;
    background-color: #91b047;
}
.borderThickerBlack {
    border-radius: 16px;
    border:2px solid #333;
}
.borderThickerBlack:hover{
    border-radius: 16px;
    border:2px solid #333;
    color:#fff;
    background-color: #3c3c3c;
}
.borderThickerWhite {
    border-radius: 16px;
    padding:4px 13px;
    border:2px solid #fff;
    color:#fff;
    white-space: nowrap;
}
.borderThickerWhite:hover{
    border-radius: 16px;
    padding:4px 13px;
    border:2px solid #fff;
    color:#3c3c3c;
    background-color: #fff;
    white-space: nowrap;
}

/* SM */
.borderThickerWhiteSmall {
    border-radius: 30px;
    padding:5px 13px;
    font-size:0.8rem;
    border:2px solid #fff;
    color:#fff;
    text-align: left;
    white-space: nowrap;
}
.borderThickerWhiteSmall:hover{
    border-radius: 16px;
    padding:5px 13px;
    font-size:0.8rem;
    border:2px solid #fff;
    color:#3c3c3c;
    background-color: #fff;
    white-space: nowrap;
}
.borderIcons{
    border-radius: 90px;
    padding: 21px 28px;
    border: none;
    color: #fff;
    font-size: 1.7rem;
    box-shadow: 3px 2px rgba(52, 52, 52, 0.5);
}
.titleBorder{
    border-radius: 100px;
    padding: 24px 18px;
    border: none;
    color: #fff;
    font-size: 7.3rem;
    font-weight: 700;
    margin-top: -100px;
    box-shadow: 3px 2px rgba(52, 52, 52, 0.5);
}
.borderThickerGreenSmall {
    border-radius: 16px;
    border:2px solid #91b047;
    padding:5px 13px;
    font-size:0.8rem;
    color: #91b047;
}
.borderOverlayGreen {
    border-radius: 16px;
    border: 2px solid #91b047;
    padding: 5px 6px;
    font-size: 0.6rem;
    color: #91b047;
}
.borderOverlayGreen:hover {
    border: 2px solid #91b047;
    background-color: #91b047;
    color: #fff;
}
.borderThickerGreenSmall:hover {
    border-radius: 16px;
    border:2px solid #91b047;
    padding:5px 13px;
    font-size:0.8rem;
    color: #fff;
    background-color: #91b047;
}
.borderThickerBlackSmall {
    border-radius: 16px;
    border:2px solid #3c3c3c;
    padding:5px 13px;
    font-size:0.8rem;
    color: #3c3c3c;
}
.borderThickerBlackSmall:hover {
    border-radius: 16px;
    border:2px solid #3c3c3c;
    padding:5px 13px;
    font-size:0.8rem;
    color: #fff;
    background-color: #3c3c3c;
}
.borderThickerBlackSmallInverted {
    border-radius: 16px;
    border:2px solid #3c3c3c;
    padding:5px 13px;
    font-size:0.8rem;
    color: #FFF;
    background-color: #3c3c3c;
}
.borderThickerBlackSmallInverted:hover {
    color: #FFF;
}
.borderSlider {
    border-radius: 30px;
    border: 2px solid #000;
    padding: 7px;
    font-size: 0.5rem;
    color: #000;
}

/* Colors (Backgrounds) */
.backWhite{background-color: #fff;}
.backlightGrey{background-color: #ececec;}
.backlightGreen{background-color: #91b047;}
.backintermGreen{background-color: #799b3c;}
.backparkGreen{background-color: #93bb4c;}
.backdarkGreen{background-color: #214107;}
.backdarkGrey{background-color: #3c3c3c;}
.backdarkRed{background-color: #ca4921;}

/* Colors (Text) */
.textwhite{color: #fff;}
.textlightGrey{color: #bdbdbd;}
.textlightGreen{color: #91b047;}
.textintermGreen{color: #799b3c;}
.textparkGreen{color: #93bb4c;}
.textdarkGreen{color: #214107;}
.textdarkGrey{color: #3c3c3c;}
.textdarkRed{color: #ca4921;}

/* Other Colors (Text) */
.textgrey{color: #ccc;}

/********************************** BOOTSTRAP OVERRIDE **********************************/
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background: none;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #91b047;
}
.img-circle {
    border-radius: 50%;
    height: 230px;
}
.media {
    margin-top: 0px;
}
p.text-center{
    font-size: 0.8rem;
}
.center-banners {
    display: flex;
    justify-content: center;
    padding: 0px;
    z-index: 0;
}
/* Navbar Input and lang dropdown */
.navbar-nav>li input.topinput{
    border-radius: 40px;
    border: none;
    padding: 10px;
    color: #3c3c3c;
    background-color: #fff;
}
.navbar-nav>li a.borderlang{
    border-radius: 40px;
    border: 1px solid #93bb4c;
    padding: 6px 15px;
    color: #93bb4c;
}
/* Navbar Input and lang dropdown (Mobile) */

.fa.closeBtn{
    font-size: 1.9rem;
    float: right;
    color: #93bb4c;
}
.dropCustom{
    display: block;
    position: relative;
    min-height: 120px;
    box-shadow: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:  1rem;
}
/*********************************** MISC ***********************************/

/* Image Overlay */
ul.navMobile{
    text-align: left;
    padding-left: 40px;
    padding-top: 40px;
}
ul.navMobile li{
    margin-top: 5px;
    margin-bottom: 5px;
}
ul.navMobile li a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
}
ul.navMobile li:after{
    font-family: FontAwesome;
    content: "\f054";
    float: right;
    color: #214107;
    margin-top: -19px;
    padding-right: 40px;
}
.img {
    border-radius: 100%;
    display: flex;
    flex: 0 0 150px;
    height: 230px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 230px;
}
.img__overlay {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.25s;
    z-index: 1;
}
.img__overlay:hover {
    opacity: 1;
}
.img__overlay {
    background-color: rgba(0,0,0,0.6);
    background: linear-gradient(40deg, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
    color: #fafafa;
    font-size: 1.375rem;
}

/* Modal */
.g-item{
    width: 568px;
    height: 300px;
    background-position: center;
    background-size: cover;
}
.j-item{
    width: 220px;
    height: 220px;
    background-position: center;
    background-size: cover;
}
.r-item{
    width: 120px;
    height: 120px;
    margin: 0px 10px;
    background-position: center;
    background-size: cover;
}
.modal-header {
    border:none;
}
.modal-content {
    border-radius: 0px;
}
#modalVida .modal-body {
    padding-left: 0px;
    padding-top: 15px;
}
#modalLoja .modal-body {
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
}
#modal p{
    font-size: 0.9rem;
    max-width: 95%;
    margin: 0 0 10px;
}
#modal p > span{
    font-size: 0.9rem;
    max-width: 95%;
    margin: 0 0 10px;
}
.modal-footer {
    border-top: none;
    padding: 0px;
}
button.share {
    border-radius: 16px;
    margin-right: 8px;
    margin-top: 10px;
    border: 2px solid #ccc!important;
    color: #ccc!important;
    padding: 2px 6px;
    font-size: 0.9rem;
    float: right;
}
button.close {
    border-radius: 15px;
    margin-right: 12px;
    border: 2px solid #000!important;
    color: #000!important;
    padding: 5px 8px;
    font-size: 0.85rem;
}
.close {
    opacity: 1;
}
.openModal:hover{
    cursor: pointer;
}
.before-modal,
.before-modal:hover,
.before-modal:active,
.before-modal:focus,
.before-modal.active{
    position: absolute;
    left: 0px;
    bottom: 50%;
    z-index: 1100;
    background: rgba(2, 2, 2, 0.5);
    color:#fff;
    font-size: 1.875rem;
    padding: 10px 20px;
    text-align: center;
}
.next-modal,
.next-modal:hover,
.next-modal:active,
.next-modal:focus,
.next-modal.active{
    position: absolute;
    right: 0px;
    bottom: 50%;
    z-index: 1100;
    background: rgba(2, 2, 2, 0.5);
    color:#fff;
    font-size: 1.875rem;
    padding: 10px 20px;
    text-align: center;
}

/* Dropdown */
.navbar-nav>li>.dropdown-menu:hover {
    display: block;
}
.navbar-right .dropdown-menu {
    right: auto;
}
.dropdown-menu>li>a {
    color: #214107;
}
.dropdown-menu>li>a:hover {
    color: #93bb4c;
    background: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #214107;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

/* Edit Dropdown opening */

/* Sidebar */
/* Ul´s */
ul.list-group {
    padding-left: 0;
    margin-bottom: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.88rem;
    list-style-type: none;
}
ul.list-group li  {
    border-radius: 80px;
    border: none;
    background-color: #fff;
    margin:8px 0px;
    padding: 12px;
}
ul.list-group li > a {
    color: #333;
}
ul.list-group li > a:hover {
    color: #91b047;
}
ul.list-group li.active > a,
ul.list-group li.active > a > i{
    color: #fff;
}
ul.list-group .active, ul.list-group .active:focus, ul.list-group .active:hover {
    background-color: #91b047;
    color: #fff;
}
ul.list-group .child.active, ul.list-group .child.active:focus , ul.list-group .child.active:hover {
    background-color: transparent;
}
ul.list-group .child.active > a,
ul.list-group .child.active:focus > a,
ul.list-group .child.active:hover > a,
ul.list-group .child.active > a,
ul.list-group .child.active > a > i ,
ul.list-group .child.active:focus > a > i,
ul.list-group .child.active:hover > a > i,
ul.list-group .child.active > a > i {
    color: #91b047;;
}
ul.list-group .fa{
    margin-top: 4px;
    margin-right: 3px;
    color:#333;
}

.dropdown-menu .fa{
    display: none;
 }
ul.navButtons{
    margin-right: -40px;
}
.current{
    background-color: #91b047;
    color: #fff;
}
section#history{
    padding: 59px 0px;
    margin-top: 60px;
    margin-bottom: -25px;
}
.historyIcons p{
    margin-bottom: 40px;
    font-weight: 700;
    color: #FFF;
    font-size: 1.500rem;
}
.historyIcons ul{
    text-align: center;
}
.historyIcons ul li {
    border-radius: 100px;
    border: 2px solid #fff;
    margin: 0px 1px;
    padding: 0px;
}
.historyIcons ul li a {
    text-decoration: none;
    font-size: 0.938rem;
}
.historyIcons ul li.has_event{
    color:#fff;
}
.historyIcons ul li.has_event a{
    color:#fff;
    text-decoration: none;
    font-size: 0.938rem;
    width: 25px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
}
.historyIcons ul li.arrows{
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.historyIcons ul li.no_event{
    border:none;
    color:#fff;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.historyIcons ul li.no_event a{
    color:#fff;
    width: 25px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
}
.historyIcons ul li.is_weekend{
    border:2px solid #ccc;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}
.historyIcons ul li.is_weekend a{
    color:#ccc;
    text-decoration: none;
    font-size: 0.938rem;
    width: 25px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
}
ul.pagIcons{
    margin-top: 25px;
    list-style-type: none;
}
ul.pagIcons a{
    display: inline;
    border-radius: 100px;
    border: 2px solid #91b047;
    padding: 6px 11px;
    font-size: 1rem;
    color: #91b047;
    margin: 4px;
}
/* Tooltip Start */
ul.historyIcons.popover,
.tooltip-inner {
    color: #91b047;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2rem;
    border-radius: 0px;
    padding: 10px;
}
ul.historyIcons.tooltip.left, .tooltip.right, .tooltip.bottom, .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}
/* Tooltip End */

/* Acordeon */
.panel-body {
    padding: 5px;
}
.panel-group .panel {
    margin-bottom: -8px;
    border-radius: 0px;
}
.panel-default {
    border: 2px solid #3c3c3c;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.panel-default>.panel-heading a {
    display: block;
    padding: 11px 15px;
}
.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}
.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #fff;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
    float: right;
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.panel-default>.panel-heading a[aria-expanded="false"]:after {
    float: right;
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    background-color: #3c3c3c;
    padding: 15px 15px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body p {
    margin: 0 0 0px;
}
.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
}
.accordion-option .title {
    font-size: 1.250rem;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 0;
}
.accordion-option .toggle-accordion {
    float: right;
    font-size: 1rem;
    color: #6a6c6f;
}
.accordion-option .toggle-accordion:before {
    content: "Ocultar todos";
}
.accordion-option .toggle-accordion.active:before {
    content: "Expandir todos";
}

/* HR´s */
hr.style-one {
    border: 0;
    height: 1px;
    width: 20%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
hr.style-three {
    border: 0;
    height: 0;
    border-bottom: 1px solid #333;
}


/* Forms/ Forms elements */
/* Custom Checkbox´s */
.checkbox+.checkbox, label {
    margin-top: -3px;
}
.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 2px solid #3c3c3c;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3.55px;
      padding-top: 1px;
      padding-bottom: 1px;
      font-size: 0.688rem;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f111";
      font-size: 0.75rem;
      color:#91b047;  }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

/* Custom inputs */
.customInputs{
    border-radius: 0px;
    border:none;
    background: #ececec;
}
.form-control{
    border-radius: 0px;
    border:none;
    background: #ececec;
}
input.topinputmobile{
    background: url(../images/search_icon.png) no-repeat scroll;
    background-position: right;
    text-align: left;
}
input[type="text"].topinput::-webkit-input-placeholder {
    content: "\f002";
    font-family: fontAwesome;
    font-family: 'Roboto Condensed', sans-serif;
}
::-webkit-input-placeholder::before { /* Chrome/Opera/Safari */
}
::-moz-placeholder::before { /* Firefox 19+ */
}
:-ms-input-placeholder::before { /* IE 10+ */
}
:-moz-placeholder::before { /* Firefox 18- */
}

/* Alignment */
.vAlign{ vertical-align: middle; }

/* Z-Index */
.tofront{
    z-index: 1;
    position:relative;
}

/* Other Colors (Backgrounds) */
.backdarkerGrey{background-color: #333;}
.paginationSelected{ background-color: #91b047; color: #fff !important; }

/* Height */
.height100p{ height: 100%; }
.height150{ min-height: 150px; }

/*********************************** TEXT ***********************************/

/* Size */
.smallText{font-size: 0.8em!important; }
.mediumText{font-size: 1.3rem; }
.largeText{font-size: 1.8rem; }

/* Alignment */
.textRight{ text-align: right; }
.textLeft{ text-align: left; }
.textCenter{ text-align: center; }
.bold{font-weight: bold;}
.bolder{font-weight: bolder;}

/* Header styles */
h1.maintitle{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2.4rem;
    color:#91b047;
    font-weight: bold;
}
h2.maintitle{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    color:#91b047;
    font-weight: bold;
}
h3.maintitle{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
    font-size: 1.875rem;
    color:#91b047;
    font-weight: bold;
    margin-top: 0;
}
h3.maintitleblack{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
    font-size: 1.5rem;
    height: 110px;
    overflow: hidden;
    color:#000;
}
h3.modaltitle{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
    font-size: 1.5rem;
    color:#fff;
    font-weight: bold;
}
h3.handtitle{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1.6rem;
    margin-top: -10px;
    color:#91b047;
}
h4.maintitle{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
    font-size: 1.2rem;
    color:#91b047;
    font-weight: bold;
}
h4.handtitle{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1.4rem;
    color:#91b047;
}
h4.modaltitle{
    font-family: 'Roboto Condensed', sans-serif;
    text-align: left;
    font-size: 1.5rem;
    color:#91b047;
    font-weight: bold;
    margin-top: 0px;
}
h4.calendarMonth, h4.calendarMonthEvent{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    text-align: center;
    font-size: 2.65rem;
    margin-top: 19px;
    margin-bottom: 0;
}

/* Paragraph */
p.infoSpan{
    margin-bottom: 10px;
}
p.handtitle{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1.4rem;
    color:#3c3c3c;
    margin-top: 60px;
}
p.normaltext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 0.8rem;
}
p.normaltextwhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #fff;
    font-weight: 700
}
p.modaltext{
    font-family: 'Gloria Hallelujah', cursive;
    font-weight: normal;
    font-size: 1rem;
    color:#3c3c3c;
}
p.smalltext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 0.7rem;
    color:#3c3c3c;
}
p.mediumtext, span.mediumtext{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 0.8rem;
    color:#3c3c3c;
}
p.mediumtextwhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 0.8rem;
    color:#fff;
}
/*********************************** IMAGES ***********************************/
    .content img.cover {
        object-fit: cover;
        width: 350px;
        height: 250px !important;
    }
    .image-credit-wrapper .image-credit {
        position: absolute;
        right: 15px;
    }
    .image-credit {
        background: rgba(0,0,0,.7);
        color: #ccc;
        display: inline-block;
        font-size: 0.688rem;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        padding: 5px 8px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .icon-img p{
        text-align: center;
        width: 100%;
        margin: 0 -15px;
        opacity: 1;
        position: absolute;
        bottom: 15px;
        color:#000;
    }
    .icon-img img{
         border-radius: 100%;
    }
    .icon-img a:hover img{
        background-color: rgba(0,0,0,0.6);
        background: -webkit-linear-gradient(310deg, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
        background: -o-linear-gradient(310deg, rgba(0,0,0,0.8), rgba(0,0,0,0.5));
        background: linear-gradient(40deg, rgba(0,0,0,0.8), rgba(0,0,0,0.5));        }
    .icon-img a:hover p{
        color:#fff;
    }
    img.grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    }
    img.grayscale:hover {
        filter: none;
        -webkit-filter: grayscale(0%);
    }
    .content img{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
/*********************************** TABLES ***********************************/
    .table {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 300;
        border:none;
        word-break: break-word;
    }
    .table-bordered>tbody>tr:first-child {
        border-bottom: 2px solid #91b047;
    }
    /* Search table */
    .searchTable {
        font-size: 0.9rem;
    }
    /*Tabelas*/
  .table{
    margin-top: 20px;
  }
  .table-bordered{
    border: 1px solid transparent;
  }
  .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle !important;
    border: none;
    font-size: 80% !important;
  }
  .table > tbody > tr{
    border-bottom: 1px solid #d6d6d6;
  }
  .table tbody tr:first-child th {
    background-color: #99B74A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
  }
  .table thead tr:first-child th {
    background-color: #99B74A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
  }
  .table tbody tr:last-child th {
    background-color: #99B74A;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
  }

  /*tr:nth-child(even) {background: #CCC}
  tr:nth-child(odd) {background: #FFF}*/

  td.highlight {
    background-color: whitesmoke !important;
  }
  .table tbody tr.even:hover, .table tbody tr.even td.highlighted {
    background-color: #F7F7F9;
  }
  .table tbody tr.odd:hover, .table tbody tr.odd td.highlighted {
    background-color: #F7F7F9;
  }
  .table tr.even:hover {
    background-color: #F7F7F9;
  }
  .table tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
  }
  .table tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
  }
  .table tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
  }
  .table tr.odd:hover {
    background-color: #F7F7F9;
  }
  .table tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
  }
  .table tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
  }
  .table tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
  }
  .table-striped > tbody > tr:nth-child(odd) {
      background-color: #FFFAE5;
  }
  div.dataTables_wrapper div.dataTables_length select{
    width: 50px;
  }
  .paginate_button{
    padding: 0 2px;
  }
  .paginate_button .previous{
    padding-right: 5px;
  }
  .paginate_button .next{
    padding-left: 5px;
  }
  td.numeric, th.numeric {
      /*text-align: right;*/
  }
  @media only screen and (max-width: 800px) {
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
      display: block;
    }
    .no-more-tables thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    .no-more-tables > tr { border: 1px solid #ccc; }
    .no-more-tables > td {
      border: none !important;
      border-bottom: 1px solid #eee !important;
      position: relative !important;
      white-space: normal !important;
      text-align:left !important;
    }
    .no-more-tables > td:before {
      position: absolute !important;
      top: 6px !important;
      left: 6px !important;
      width: 20% !important;
      padding-right: 10px !important;
      white-space: nowrap !important;
      text-align:left !important;
      font-weight: bold !important;
    }
    .no-more-tables > td:before {
      content: attr(data-title);
    }
    .no-more-tables > td.change:before {
      content: attr(data-content);
    }
  }

/*********************************** DIVS, SPANS, ETC ***********************************/
/* Slider Animals Start */
.carousel-indicators li {
    background-color: #91b047;
}
.carousel-indicators .active {
    background-color: #fff;
}
.carousel-control .glyphicon-menu-left:hover{
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}
.carousel-control .glyphicon-menu-right:hover{
    border: 2px solid #333;
    background-color: #333;
    color: #fff;
}
.carousel-indicators {
    bottom: -5px;
}
/* Slider Animals End */
.textDiv h3{
    margin-bottom: 15px;
}
.contentModal div, .content p, .content p span, .content ul {
    font-size: 1rem;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 300 !important;
}
.content h3 a:hover{
    color:#91b047;
}
.content .textDiv p{
    margin: 0 0 5px;
}
.divtoBottom{
    width: 97.6%;
    height: 80px;
    color: #fff;
    font-size: 0.8rem;
    background-color: #91b047;
    margin-left: 15px;
}
.bottomLeft{
    background-color: #93bb4c;
    font-size: 0.8rem;
    padding: 18px 0px;
    text-align: center;
    color: #fff;
    min-height: 105px;
    border-right: 15px solid #91b047;
}
.bottomRight{
    padding: 0 15px;
    background-color: #91b047;
    /* font-size: 0.7rem; */
    padding-top: 20px;
    color: #fff;
    /*position: fixed;*/
    /* right: 0; */
    /* bottom: 1px; */
    /* vertical-align: text-bottom; */
    /* max-width: 51.7%; */
    min-height: 105px;
}
.bottomRight .col-xs-8 p{
    text-align: left;
    font-weight: 400;
}

a.download{
    background: #fff;
    border:none;
    box-shadow: none;
}
a.download .fa{
    margin-top: 15px;
}
.panelCenter{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    min-height: 270px;
    margin-top: -150px;
    margin-bottom: 50px;
    z-index: 1;
    color: #FFF;
    text-align: center;
}
.visitBack{
    background-color: #f3f3f3;
    margin-top: -360px;
    height: 400px;
    z-index: 3;
}
.visitBack1, .visitBack2, .visitBack3{
    background-color: #f3f3f3;
    margin-top: -132px;
    height: 340px;
    z-index: 3;
}
div.titleDiv{
    margin-top: -110px;
}
.borderedDiv{
    position: relative;
    width: 30%;
    border: 2px solid #91b047;
    min-height: 305px;
    padding: 25px;
    padding-bottom: 35px;
    border-radius: 0px;
    margin: 10px 0.5%;
    display: inline-block;
    word-wrap: break-word;
    vertical-align: top;
}
.borderedDiv p span{
    font-size: 14pt;
}

.bottom{
    position: absolute;
    bottom:0px;
    padding-bottom: 25px;
}

/* Float divs Start*/
    .floatdiv{
        z-index: 1;
        position: fixed;
        margin-top: 40vh;
        border-radius: 90px;
        width: 5%;
        margin-left: -25px;
    }
    .floatdiv_banner{
        z-index: 1;
        position: fixed;
        margin-top: 40vh;
        border-radius: 90px;
        width: 5%;
        margin-left: -15px;
    }
    .floatdiv_banner ul, .floatdiv ul{
        list-style-type: none;
        padding: 0;
    }
    .floatdiv_banner ul li, .floatdiv ul li{
        background-color:#3c3c3c;
        color:#fff;
        font-size: 0.9rem;
        border-radius: 50px;
        margin: 10px 0px;
        text-align: left;
        min-height: 40px;
    }
    .floatdiv_banner ul li:hover, .floatdiv ul li:hover{
        background-color:#91b047;
        cursor: pointer;
    }
    .floatdiv_banner ul li.float_active, .floatdiv ul li.float_active{
        background-color:#91b047;
    }
    .floatdiv_banner ul li img, .floatdiv ul li img{
        float: right;
        margin-top: 3px;
        padding-right: 7px;
    }
    .floatdiv_banner ul li a, .floatdiv ul li a{
        text-decoration: none;
    }
    .floatdiv_banner ul li span, .floatdiv ul li span{
        color: #fff;
        margin-left: 40px;
        font-size: 1rem;
        line-height: 2.8rem;
        padding-right: 10px;
        white-space: nowrap;
    }

/*Accessibility*/
    .socialfloat {
        display: block;
        position: fixed;
        right: 0;
        top: 40vh;
        z-index: 1049 !important;
    }
    .socialfloat .fbtn {
        width: 40px;
        height: 40px;
        display: block;
        overflow: hidden;
        color: #2e87cc;
        text-align: center;
        float: right;
        margin-bottom: 5px;
        background-color: #f5f5f5;
        border-radius: 50px 0px 0px 50px;
    }
    .socialfloat .fbtn:hover {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .bt_accessibility{
      padding: 5px;
      width: 40px !important;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .bt_accessibility:hover {
      width: 130px !important;
    }
    #accessibility{
        margin-bottom: 0;
    }
    #accessibility li{
        color: #a7a7a7;
        font-size: 1rem;
        border-radius: 50px;
        margin: 10px 0px;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 0;
    }
    #accessibility li:first-child{
        color: #000;
    }
    #accessibility li:hover{
        cursor: pointer;
        color: #99B74A;
    }
    #accessibility li.active{
        color: #99B74A;
    }

/*********************************** MEDIA QUERIES ***********************************/

/*MEDIA QUERIES*/
  /*Até LG 1º salto*/
    @media only screen and (max-width:1200px) {
        #myCarousel2 .carousel-control.left{left:0;}
        #myCarousel2 .carousel-control.right{right: 0}
        #myCarousel .carousel-control.left {left: 85px;}
        #myCarousel .carousel-control.right {right: 65px;}
        .main_menu > li > a{
            padding: 15px 8px !important;
        }
        .visitBack {
            background-color: #f3f3f3;
            margin-top: -420px;
            height: 440px;
            z-index: 3;
        }
        .myCarousel2__title{
            padding: 0 50px !important;
        }
        h4.calendarMonth, h4.calendarMonthEvent{
            font-size: 2rem;
        }
        .calendar__bg span.calendarDay, .calendar__bg span.calendarDayEvent {
            top: 28px;
            left: 35px;
        }
        #main-content {
            padding-bottom: 344px;
        }
        .footer {
            height: 319px;
        }
    }
  /*end LG 1º salto*/

  /*Até MD 2º salto*/
    @media only screen and (max-width:992px) {
        #navbar {
            display: none !important;
        }
        #header-container{
            background: #FFF;
        }
        .row-green{
            background: #FFF !important;
        }
        #logo_flag{
            width: 120px !important;
            height: 50px !important;
            margin-top: 5px;
            margin-bottom: 10px !important;
        }
        .navbar-header {
            float: none !important;
        }
        .menu_superior{
            padding: 10px 0 0 !important;
        }
        .navbar-nav > li > a {
            padding: 15px 9px !important;
        }
        .main_menu > li > a {
        font: ;ont-size: 13px !important;
        }
        .navbar_bg {
            background: #0D578A none repeat scroll 0 0 !important;
            height: 140px !important;
        }
        .btn.responsive-menu{
            display: block !important;
        }
        #myCarousel .item {
            height: auto !important;
        }
        .visitBack {
            background-color: #f3f3f3;
            margin-top: -230px;
            height: 250px;
            z-index: 3;
        }
        .myCarousel2__title {
            padding: 0!important;
        }
        .no_padding{
            padding: 0 15px;
        }
        #owl-animais .owl-controls{
            display: none;
        }
        .event__space span.calendarDay, .event__space span.calendarDayEvent{
            top: 52px;
            left: 55px;
        }
        .calendar__bg span.calendarDay, .calendar__bg span.calendarDayEvent {
            top: 30px;
            left: 55px;
        }
        #media_modal .modal-dialog {
            width: 600px !important;
        }
        .content_margin{
            margin-bottom: 25px;
        }
        .content_padding_right{
            padding-right: 15px;
        }
        .content_padding_left{
            padding-left: 15px;
        }
        #main-content {
            padding-bottom: 344px !important;
        }
        .footer {
            height: 319px !important;
        }
    }
  /*end MD 2º salto*/

  /*Até SM --- 768 normal 767 ipad fix*/
    @media only screen and (max-width : 767px) {
        /*TOPO*/
            .navbar-brand > img{
                height: auto !important;
                margin-bottom: 20px !important;
            }
            #navbar {
              padding: 0 15px !important;
            }
            .navbar.navbar-fixed-top {
                border-color: #99B74A;
                background-color: #FFF !important;
            }
            .main_menu{display: block !important;}
            .navbar-nav > li > a {
              padding: 5px 10px !important;
            }
            .main_menu > li > a {
                color: #91b047 !important;
                font-size: 0.813em !important;
            }
            .main_menu > li > a:hover, .main_menu > li > a:focus, .main_menu > li > a:active {
                color: #214107 !important;
            }
            .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
                background-color: #185B62 !important;
                color: #FFF !important;
                border: none !important;
            }
            .caret{
              display: inline-block !important;
            }
            .navbar-right li a {
              height: 90px !important;
            }
            .navbar-nav {
              margin: 7.5px 0px;
              padding: 0 !important;
            }
            .navbar-form{
                padding: 7px 0px 7px 10px !important;
            }
            .navbar-nav .open .dropdown-menu{
                background-color: #ffffff;
            }
            .wrapper_menu{
                text-align: left !important;
            }
            .main_menu > li > a, .main_menu li{
                text-align: left !important;
            }
            #logo_flag{
                margin: 0 auto;
                margin-top: 10px;
                float: none !important;
            }
            #myCarousel .inner {
                width: 100% !important;
            }
            .cartaz-titulo {
                font-size: 1.338rem !important;
                line-height: 30px !important;
                margin-top: 0;
            }
            #myCarousel .carousel-control.right {
                right: 15px;
            }
            #myCarousel .carousel-control.left {
                left: 15px;
            }
            .dl-menuwrapper li:last-child{
                border: none !important;
            }
            section#visita .know-more{
                bottom: 60px !important;
            }
        /*end TOPO*/

        section#visita {
            margin-top: -40px;
            font-size: 1.375rem;
        }
        .calendar__bg {
        }
        .eventos__title{
            height: auto !important;
            font-size: 1.275rem;
        }
        .calendar__bg span.calendarDay, .calendar__bg span.calendarDayEvent {
            top: 15%;
            left: 30%;
        }
        .event__space span.calendarDay, .event__space span.calendarDayEvent {
            top: 23%;
            left: 30%;
        }
        h4.calendarMonth, h4.calendarMonthEvent {
            font-size: 1.500em !important
        }
        .noticias__btn{
            text-align: center;
        }
        .noticias__title{
            font-size: 1.313em
        }
        .btn-noticias,
        .btn-eventos{
            font-size: 0.750rem;
        }
        .btnEvents a{
            font-size: 0.750rem;
        }
        .bottom__apoiar{
            padding-right: 0;
            padding-left: 0;
        }
        .bottom__apadrinhar{
            padding-right: 0;
            padding-left: 0;
        }
        .bottom__colaborar{
            padding-right: 0;
            padding-left: 0;
        }
        /*MISC*/
            img.cover {
                width: 100%;
                height: 100%;
            }
            .noticias__img {
                max-height: 400px;
                margin: auto;
                margin-top: 25px;
            }
        /*end MISC*/
        /*Modal*/
            #modal .before-modal,
            #modal .next-modal{
                display: none;
            }
        /*FOOTER*/
            .symbols{
                text-align: center;
            }
            #footer__nav{
                text-align: center;
                margin-top: 20px;
            }
            #rodape{
                text-align: center;
            }
            .by-monstros{
                text-align: center;
            }
    }
  /*end SM 3º salto*/

  /* Até XS */
    @media only screen and (max-width : 480px) {
        .calendar__bg span.calendarDay, .calendar__bg span.calendarDayEvent {
            font-size: 2.813em !important;
            top: 19% !important;
            left: 30%;
            transform: none;
        }
        .event__space span.calendarDay, .event__space span.calendarDayEvent {
            font-size: 2.813em !important;
            top: 19% !important;
            left: 30%;
            transform: none;
        }
        .calendar__bg {
            width: 100%;
            height: 92px;
            background-size: contain;
        }
    }
  /*end Até XS*/
  /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {
    }
  /*end Custom*/

    @media only screen and (min-width : 768px) {
        /* mudar em mobile para tirar o hover e colocar click*/
        .menuhover:hover > .dropdown-menu{
            display: block !important;
        }
        /*end mobile hover*/
    }

.content-type [class^="col-"]{
    margin-bottom: 20px;
}
/*end MEDIA QUERIES*/
/*======================================= CUSTOM CSS END =======================================*/
