body {
        overflow-x: hidden;
        overflow-y: scroll !important;
    }

    /*# sourceMappingURL=butantan.css.map */

    @import url('https://fonts.googleapis.com/css?family=Roboto');

    body,
    p,
    span,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    h7,
    h8 {
        font-family: 'Roboto', sans-serif !important;

    }

    body,
    p,
    span,
    button {
        line-height: 1.2 !important;
    }

    .navbar {
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 15;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
    }

    .hasScrolled {
        background: #014a7f;
        position: fixed;
        top: 0;
        width: 100vw !important;
        z-index: 15;
        -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
        -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.35);
    }

    .container {
        height: fit-content;
    }

    .card-body img {
        max-width: 100%;
        height: auto;
    }

    .container-fluid {
        padding: 0px;
        /*    display:inline-grid;*/
    }

    .navbar-btn {
        box-shadow: none;
        outline: none !important;
        border: none;
    }

    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px dashed #ddd;
        margin: 40px 0;
    }

    .padding-none-top {
        padding-top: 0 !important;
    }

    /* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
    #sidebar {
        width: auto;
        min-width: 17%;
        position: fixed;
        top: 0;
        padding: 0;
        left: -100%;

        z-index: 999;
        background: #ebebeb;
        color: #fff;
        transition: all 0.3s;
        /* overflow-y: scroll;*/
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    }

    #sidebar ul li {
        margin-bottom: 10px;
    }

    .bg-opac {
        background: rgba(255, 255, 255, 0.5) !important;
    }

    .half-width {
        width: 50% !important;

    }

    .one-third-width {
        width: 25% !important;
    }


    #sidebar.active {
        left: 0;
    }

    #dismiss {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

    #dismiss:hover {}

    .overlay {
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 998;
        display: none;
    }

    #sidebar .sidebar-header {
        padding: 30px;
        background: #ebebeb;
    }

    #sidebar ul.components {
        padding: 10px 10px 10px 0;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        /**/
        /*  padding: 10px;
    font-size: 1.1em;
    display: block;*/
    }

    #sidebar ul li a:hover {
        /*border-top:solid 2px #016836; */
        padding-top: 5px;
        outline: none;
        list-style: none;
        border-bottom: none;
        text-decoration: none;
    }

    #sidebar ul li.active>a,
    a[aria-expanded="true"] {
        /* color: #fff;*/

    }


    a[data-toggle="collapse"] {
        position: relative;
    }

    a[aria-expanded="false"]::before,
    a[aria-expanded="true"]::before {
        content: '\e259';
        display: block;
        position: absolute;
        right: 20px;
        font-family: 'Glyphicons Halflings';
        font-size: 0.6em;
    }

    a[aria-expanded="true"]::before {
        content: '\e260';
    }


    ul ul a {
        font-size: 0.9em !important;
        padding-left: 30px !important;
    }

    ul.CTAs {
        padding: 0px;
        position: relative;
    }

    .menu-first #menu-opcoes {
        height: 90vh;
        width: max-content;
    }

    .menu-first #acesso-rapido {
        position: absolute;
        bottom: 40px;
        padding: 0px !important;
        width: 100%;
        /*height: 20vh;*/
    }

    #acesso-rapido {
        /*padding: 0px !important;*/
        padding-top: 40px !important;
    }

    /*#acesso-rapido img {max-width:100px}*/

    #acesso-rapido li {
        padding: 8px !important;
        color: #fff;
        margin-bottom: 0px !important;
    }

    .acesso-rapido-icon {
        float: right;
    }

    ul.CTAs a {
        /*  text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;*/
    }

    a.download {}

    a.article,
    a.article:hover {
        color: #fff !important;
    }

    .menu-first {
        width: 100%;
        display: inline-grid;
        float: left;
        height: 100vh;
    }

    .menu-first li {
        /*border-bottom: solid 1px rgb(211, 205, 205);
-webkit-box-shadow: 0px 2px 10px -1px rgba(206,206,206,1);
-moz-box-shadow: 0px 2px 10px -1px rgba(206,206,206,1);
box-shadow: 0px 2px 10px -1px rgba(206,206,206,1);*/
    }

    .menu-first li span {
        padding: 10px;
    }

    .menu-second {
        width: 100%;
        display: inline-block;
        float: left;
        display: none;
    }

    .none-display {
        display: none;
    }

    .block-display {
        display: block;
    }

    .CTAs {
        text-align: right;
        bottom: 0px;
        color: #000;
    }

    /* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
    .content {
        min-height: 100vh;
        padding: 5%;
        overflow-y: hidden;
    }

    .content-20 {
        min-height: 20vh;
        padding: 2% 0%;
    }

    .content-50 {
        min-height: 50vh;
        padding: 5%;
    }

    .content-80 {
        min-height: 80vh;
        padding: 5%;
    }

    /*carousel*/

    .bg-white {
        /*background: #808080;*/
        background: #fff;
    }



    @media (max-width: 668px) {

        #acesso-rapido {
            font-size: 0.7em !important;
        }

        .content-50 {
            padding-left: 11%;
            padding-right: 12%;
        }

        .box-information {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            float: left;
            display: table;
            margin: 10px;
            text-align: center;
            cursor: pointer;
        }

        .box-information {
            width: 50px !important;
            height: 50px !important;
            border-radius: 10px;
            float: left;
            display: table;
            margin: 10px;
            text-align: center;
            cursor: pointer;
        }

        .pictograma-img-100 {
            max-width: 50px !important;
        }


        .modal-dialog {
            max-width: 90% !important;
        }

        .pop-up-ib {
            width: 90% !important;
            max-width: 90% !important;
        }

        .pop-up-ib img {
            width: 100%;
            text-align: center;
            height: auto;
        }


        .bg-grey-white {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#808080+0,808080+50,ffffff+50,ffffff+100 */
            background: #808080;
            /* Old browsers */

        }

        .bg-green-white-vert {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,016836+50,016836+50,016836+100 */
            background: #016836;
            /* Old browsers */

        }

        .bg-green-white-vert h3 {
            padding: 0;
            margin: -5px;
            color: #fff !important;
        }

        .bg-green-white-vert hr {
            display: block;
            height: px;
            border: 0;
            border-top: 3px solid #fff !important;
            margin: 1em 0;
            padding: 0;
        }

        .content-interna {
            height: 100%;
        }

        .box-visit {
            min-height: auto;
            /* Minimum height for modern browsers */
            min-width: 168.5%;
            position: relative;
            top: 0%;
            overflow: hidden;
            background: #fff;
            padding: 5%;
            text-align: left;
            vertical-align: middle;
        }

        .carousel-caption {
            top: 27%;
            z-index: 10;
            max-width: 80%;
            /* padding: 5px; */
            left: 15%;
            /*text-shadow: 1px 2px 1px #000;*/
            /* background: rgba(0,0,0,0.5); */
        }

        #myCarousel .carousel-indicators {
            bottom: 10%;
            z-index: 10;
            width: 100%;
            padding: 10px;
            left: -6%;
            /*text-shadow: 1px 2px 1px #000;*/
            display: none;

        }

        #myCarousel {
            /*background: rgba(0,0,0,0.4);*/
            height: 100vh;
        }

        .mural {
            /*width: 100%;*/
            height: auto;
            margin: 10px;
            background: #fff;
        }

        .mural p {
            padding: 5px 7px 5px 10px;
        }


        .diagonal {
            width: 100%;
            height: 55vh;
            margin-left: -50px;
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(10deg);
            display: inline-block;
        }

        .diagonal-2 {
            /* width: 40%; */
            height: 25vh;
            background: #fff;
            border-left: solid 15px #016836;
            color: #016836;
            margin-left: 50px;
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(10deg);
            display: table-cell;
            margin-left: 20px;
        }

        .diagonal-2 .local {
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(-10deg);
            /*position: absolute;*/
            top: 0;
            text-align: left;
            padding: 10%;
        }

        #image-gallery figcaption {
            position: absolute;
            height: 93%;
            width: 17%;
            display: table;
            padding: 20px 50px 0 50px;
            color: #fff;
            overflow: hidden;
            /* text-shadow: 1px 2px 1px #000;*/
            background: rgba(0, 0, 0, 0.2);
        }


        #image-gallery figcaption h3,
        h5 {
            font-size: 14px;
        }

        .subMenu-interna {
            height: auto;
            background: #ebebeb;
            display: inline-block;
            float: left;
        }

        .padding-60 {
            padding: 0px 15px;
        }

        .cut-menu-interna {
            margin-top: 70px;
        }

        .cut-menu-interna .content-interna {
            margin-top: -70px;
        }

        .tinynav {
            display: block
        }

        #nav2 {
            display: none
        }

        #tinynav1 {
            width: 100%;
            margin: 0 0 20px 0px;
            padding: 5px;
            margin-top: 22px;
        }

        .content-interna-informacao {
            width: 100% !important;
            height: auto;
            background: #fff;
            position: relative;
            top: 0px;
            padding: 20px;
            font-size: 13px;
        }

        .title-page {
            /* position: absolute; */
            bottom: 0px;
            padding: 7px 50px 6px;
            /* color: #fff; */
            font-size: 30px;
            /* text-shadow: 1px 2px 1px #000; */
        }

    }

    @media (min-width: 668px) {

        .modal-dialog {
            max-width: 60% !important;
        }

        .pop-up-ib {
            width: 60% !important;
            max-width: 60% !important;
        }

        .pop-up-ib img {
            width: 100%;
            height: auto;
        }

        .bg-grey-white {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#808080+0,808080+50,ffffff+50,ffffff+100 */
            background: #808080;
            /* Old browsers */
            background: -moz-linear-gradient(left, #808080 0%, #808080 50%, #ffffff 50%, #ffffff 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(left, #808080 0%, #808080 50%, #ffffff 50%, #ffffff 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, #808080 0%, #808080 50%, #ffffff 50%, #ffffff 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#ffffff', GradientType=1);
            /* IE6-9 */
        }

        .bg-green-white-vert {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,016836+50,016836+50,016836+100 */
            background: #ffffff;
            /* Old browsers */
            background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #016836 40%, #016836 40%, #016836 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 40%, #016836 40%, #016836 40%, #016836 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #016836 40%, #016836 40%, #016836 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#016836', GradientType=0);
            /* IE6-9 */
        }

        .bg-green-white-vert h3 {
            padding: 0;
            margin: -5px;
            color: #016836;
        }

        .bg-green-white-vert hr {
            display: block;
            height: px;
            border: 0;
            border-top: 3px solid #016836;
            margin: 1em 0;
            padding: 0;
        }

        .content-interna {
            /* max-height: 85vh;*/
            min-height: 50vh;
        }

        .box-visit {
            min-height: auto;
            /* Minimum height for modern browsers */
            min-width: 168.5%;
            position: absolute;
            top: -112%;
            overflow: hidden;
            background: #fff;
            padding: 5%;
            text-align: left;
            vertical-align: middle
        }

        .carousel-caption {
            bottom: 24%;
            z-index: 10;
            max-width: 70%;
            padding: 5px;
            left: 15%;
            display: block;
            /*text-shadow: 1px 2px 1px #000;*/
            /*background: rgba(0,0,0,0.5);*/
        }


        #myCarousel .carousel-indicators {
            margin-top: -7%;
            /* z-index: 10; */
            /* width: 100%; */
            /* padding: 10px; */
            /* background: #fff; */
            left: -5% !important;
            position: relative;
            z-index: 1;
            /* text-shadow: 1px 2px 1px #000; */
        }

        #myCarousel .carousel-indicators .title-banner-indicator {
            padding: 5px;
            font-size: 12px !important;
            padding: 20px;
            text-align: left;
        }

        #pilares {
            margin-top: 7%;
        }

        .mural {
            width: 100%;
            height: auto;
            min-height: 250px;
            margin: 10px;
            background: #fff;
        }

        .mural p {
            padding: 10px 10px 10px 20px;
        }

        #myCarousel {
            background: #808080;
            height: 70vh;
        }

        .carousel-inner {
            height: 70vh;
            overflow: initial;
        }

        .carousel-item {
            height: 70vh;
            overflow: hidden;
        }

        .carousel img {
            width: 100%;
            /* height: 100vh;*/
        }

        .diagonal {
            width: 58%;
            height: 55vh;
            /* margin-left: -50px;*/
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(10deg);
            display: inline-block;
        }


        .diagonal-2 {
            width: 40%;
            height: 55vh;
            background: #fff;
            border-left: solid 15px #016836;
            color: #016836;
            margin-left: 50px;
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(10deg);
            display: inline-block;
            margin-left: 20px;
            font-size: smaller;
        }

        .diagonal-2 .local {
            -webkit-transform: skew(-10deg);
            -moz-transform: skew(-10deg);
            transform: skew(-10deg);
            position: absolute;
            top: 0;
            text-align: left;
            padding: 10%;
        }

        #image-gallery figure {
            position: absolute;
        }

        #image-gallery figcaption {
            position: absolute;
            width: 60%;
            height: 100%;
            padding: 200px 0 0 50px;
            color: #fff;
            /* text-shadow: 1px 2px 1px #000;*/
            /* background: rgba(0,0,0,0.2)*/
        }

        .cut-menu-interna {
            margin-top: 100px;
        }

        .padding-60 {
            padding: 0px 60px;
        }

        .subMenu-interna {
            /* min-height: 100vh; */
            height: auto;
            background: #ebebeb;
            display: inline-block;
            float: left;
        }

        .sub-menu-interno-item {
            margin-left: 5px;
            display: flex;
        }

        .tinynav {
            display: none
        }

        .content-interna-informacao {
            width: 100% !important;
            height: auto;
            background: #fff;
            position: relative;
            top: -100px;
            padding: 20px;
            font-size: 13px;
            word-break: initial;
        }

        .title-page {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50%;
            /* You can specify ANY width values here */
            color: #fff;
            font-size: 30px;
            /*text-shadow: 1px 2px 1px #000;*/
        }


    }

    .bg-gray {
        background: #e2e1e0;
        /*background:rgba(128,128,128,0.8)*/
    }

    .bg-gray-dark {
        background: rgba(128, 128, 128, 0.8);
    }

    .bg-green-white-vert>.container {
        /* padding: 5%;*/

    }

    .destaque-half {
        width: 50.1%;
        display: inline-block;

    }

    #destaque h3 {

        padding: 0;
        margin: 20px 0 20px 0;
        color: #016836;
    }

    #destaque-carrosel {
        height: auto !important;
        max-height: 350px;
        width: 100%;

    }

    #destaque-carrosel img {
        height: auto !important;
        height: 350px !important;
        width: 100%;

    }

    #destaque-carrosel>.carousel-indicators {
        left: 0 !important;
        justify-content: left;
        margin-left: 0%;

    }

    #destaque-carrosel>.carousel-indicators>li {
        height: 10px;
        background: #fff;
    }

    #destaque-carrosel>.carousel-indicators>.active {
        background: #fe753f;
    }

    #destaque-carrosel .carousel-caption {
        top: 0px;
        z-index: 10;
        max-width: 40%;
        padding: 10px;
        left: 0;
        text-align: left;
        /* text-shadow: 1px 2px 1px #000;*/
        /* background: rgba(0,0,0,0.5); */
    }



    @media all and (-ms-high-contrast: none),
    (-ms-high-contrast: active) {
        .carousel-inner {
            height: 70vh;
            overflow: visible;
        }

        #myCarousel .carousel-indicators {
            bottom: -30%;
            /* z-index: 10; */
            /* width: 100%; */
            /* padding: 10px; */
            /* background: #fff; */
            left: -5%;
            z-index: 1;
            /* text-shadow: 1px 2px 1px #000; */
        }

        #image-gallery .img-fluid {
            width: 100% !important;
        }

        .row {
            width: 100%;
        }
    }

    #myCarousel .carousel-indicators>li {
        width: auto;
        width: 25%;
        height: auto;
        max-height: 300px;
        text-indent: initial;
        padding: 5px;
        color: #000;
        left: -9%;
        padding: 0px;
        background: #ebebeb;
        /* background: rgba(0,0,0,0.5); */
    }


    .list-inline-item p {
        position: relative;
        display: inline;
        right: 0;
    }

    .carousel-indicators li {
        text-indent: 0 !important;
    }

    #myCarousel .carousel-indicators>li span {
        font-weight: 600;
        font-size: 18px;
        display: block;
    }

    .tag-institucional-h {
        border-top: solid 6px #097233;
    }

    .tag-visitacao-h {
        border-top: solid 6px #ff7540;
    }

    .tag-ensino-h {
        border-top: solid 6px #b6b20b;
    }

    .tag-pesquisa-h {
        border-top: solid 6px #676593;
    }

    .tag-saude-h {
        border-top: solid 6px #5d9db4;
    }

    .tag-biblioteca-h {
        border-top: solid 6px #f5bd4b;
    }

    .tag-producao-h {
        border-top: solid 6px #c69c6d;
    }

    .tag-inovacao-h {
        border-top: solid 6px #b74897;
    }

    .tag-fundacao-h {
        border-top: solid 6px #b2b7b4;
    }

    .tag-institucional-v {
        border-left: solid 6px #097233;
    }

    .tag-visitacao-v {
        border-left: solid 6px #ff7540;
    }

    .tag-ensino-v {
        border-left: solid 6px #b6b20b;
    }

    .tag-pesquisa-v {
        border-left: solid 6px #676593;
    }

    .tag-saude-v {
        border-left: solid 6px #5d9db4;
    }

    .tag-biblioteca-v {
        border-left: solid 6px #f5bd4b;
    }

    .tag-producao-v {
        border-left: solid 6px #c69c6d;
    }

    .tag-inovacao-v {
        border-left: solid 6px #b74897;
    }

    .tag-fundacao-v {
        border-left: solid 6px #b2b7b4;
    }


    #myCarousel .carousel-indicators>li img {
        /* opacity: 0.7;*/
        height: 140px !important;
        max-height: 140px !important;
        min-height: 140px !important;
    }

    .btn {

        text-align: left;
        white-space: normal;
    }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none;
        border-radius: 0px;
        box-shadow: none;

    }

    .btn-banner {
        background: none;
        border: solid 2px white;
        border-radius: 0;
        height: 30px;
        padding: 4px 6px;
        font-size: 16PX;
        color: #fff !important;
    }


    .site-map>li>a,
    a:link,
    a:visited,
    a:hover,
    a:active,
    a:active.focus {
        color: #fff;
    }

    .l_tinynav1>li>a,
    a:link,
    a:visited,
    a:hover,
    a:active,
    a:active.focus {
        color: #000;
    }


    .btn-link:hover {
        color: #016836 !important;
    }

    .btn-menu {
        background: none;
    }

    .btn-li-menu {
        /* padding: 0;*/
        background: none;
        border: none;
        color: #000;
        /*margin-bottom: 10px;*/
        font-size: 16px;
    }

    .btn-li-menu:focus {
        padding-top: 5px;
        outline: none;
    }


    /* MARKETING CONTENT
  -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .col-lg-4 {
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .marketing h2 {
        font-weight: 400;
    }

    .marketing .col-lg-4 p {
        margin-right: .75rem;
        margin-left: .75rem;
    }

    .embed-responsive-21by9 {
        padding-top: 0;
    }

    /* Featurettes
  ------------------------- */

    .featurette-divider {
        margin: 5rem 0;
        /* Space out the Bootstrap <hr> more */
    }

    /* Thin out the marketing headings */
    .featurette-heading {
        font-weight: 300;
        line-height: 1;
        letter-spacing: -.05rem;
    }


    /* RESPONSIVE CSS
  -------------------------------------------------- */

    @media (min-width: 40em) {

        /* Bump up size of carousel content */
        .carousel-caption p {
            margin-bottom: 1.25rem;
            font-size: 1.25rem;
            line-height: 1.4;
        }

        .featurette-heading {
            font-size: 50px;
        }
    }

    @media (min-width: 62em) {
        .featurette-heading {
            margin-top: 7rem;
        }
    }

    .margin-top-18 {
        margin-top: 18px;
    }

    .bg-verde-ib {
        background: #016836;
        color: #fff;
    }

    .bg-branco-ib {
        background: #fff;
        color: #016836;
        padding: 10px 0 5px;
    }


    .title-box-visit {
        color: #016836;
        font-size: 20px;
        font-weight: 500;
    }

    .box-visit span {
        font-weight: bold;
    }

    .btn-verde-ib {
        background: none;
        border: solid 2px #016836;
        color: #016836;
        border-radius: 0;
        height: 30px;
        padding: 0 5px;
        font-size: 16PX;
    }

    .btn-verde-ib:hover {
        background: #016836;
        border: solid 2px #016836;
        color: #fff;
    }

    /*slider destaque*/

    .news-height-title {
        min-height: 30vh;
        padding: 10%;
    }

    .bg-green-white-vert h3 {
        padding: 0;
        margin: -5px;
        color: #016836;
        ;
    }

    #noticias-warp {
        /*padding: 5%;*/
    }

    #noticias-warp p,
    h5 {
        color: #fff;
    }

    #destaque-warp h4 {
        color: #016836;
    }

    #location-div p {
        color: #000;
    }

    #location-div {
        color: #000;
        background: #fff;
    }


    .news-height {
        min-height: 60vh;
    }

    .new-highlight {
        width: 70%;
        height: auto;
        text-align: left !important;
        position: relative;
        padding: 1%;
    }

    .new-highlight img {
        margin-bottom: 18px;
    }


    .diagonal iframe {
        width: 110%;
        height: 100%;
        padding-left: 20px;
        -webkit-transform: skew(-10deg);
        -moz-transform: skew(-10deg);
        transform: skew(-10deg);
    }

    #location-div {
        overflow: hidden;
    }

    .site-map {
        border-left: solid 0.5px #fff;
        padding: 0 0 0 5px;
    }

    .site-map li {
        list-style: none;
        color: #fff;
        margin-bottom: 8px;
        font-size: 13px;
    }

    .destaque-banner {
        padding: 15px 0px 15px 0px;
    }

    /*DESTAQUE*/

    #destaque {
        /*padding-top: 5%;*/

    }


    .destaque-box {
        width: 100%;
        height: auto;
        padding: 15px 0 15px 25px
    }

    /*internas*/

    .null-padding {
        padding: 0 !important;
    }

    .null-margin {
        margin: 0 !important;
    }

    .content-interna h5 {
        color: #016836;
    }

    .content-interna-banner {
        width: 100% !important;
    }


    /* .padding-content-interna   {
   padding: 25px 25px 0 45px;
} */

    .subTitle-page {
        font-size: 20px;
        width: max-content;
        margin: 20px 0 20px 0;
        padding: 10px 20px 0 0;

    }

    .subTitle-page-educacao {
        border-top: solid 4px #f5bd4b;
    }

    .subTitle-page-museu {
        border-top: solid 4px #FF7540;
    }

    .subTitle-page-institucional {
        border-top: solid 4px #016836;
    }

    .subTitle-page-pesquisa {
        border-top: solid 4px #676593;
    }

    .subTitle-page-saude {
        border-top: solid 4px #5D9DB4;
    }

    .border-banner-interna-educacao {
        border-bottom: solid 4px #f5bd4b;
    }

    .border-banner-interna-museu {
        border-bottom: solid 4px #FF7540;
    }

    .border-banner-interna-institucional {
        border-bottom: solid 4px #016836;
    }

    .border-banner-interna-pesquisa {
        border-bottom: solid 4px #676593;
    }

    .border-banner-interna-saude {
        border-bottom: solid 4px #5D9DB4;
    }

    .box-information {
        width: 100px;
        height: 100px;
        border-radius: 10px;
        float: left;
        display: table;
        margin: 10px;
        text-align: center;
        cursor: pointer;
    }

    .content-interna-informacao a {
        color: #016836;
        font-weight: bold;
    }

    .box-page-information-educacao {
        border: solid 4px #f5bd4b;
        color: #f5bd4b;
    }

    .box-page-information-museu {
        border: solid 4px #FF7540;
        color: #FF7540;
    }

    .box-page-information-institucional {
        border: solid 4px #016836;
        color: #016836;
    }

    .box-page-information-pesquisa {
        border: solid 4px #676593;
        color: #676593;
    }

    .box-page-information-saude {
        border: solid 4px #5D9DB4;
        color: #5D9DB4;
    }

    .color-educacao {
        color: #f5bd4b;
    }

    .color-museu {
        color: #FF7540;
    }

    .color-institucional {
        color: #016836;
    }

    .color-pesquisa {
        color: #676593;
    }

    .color-saude {
        color: #5D9DB4;
    }

    .tinynav {
        border: none;
        background: none;
        border-bottom: solid 1px black;
    }

    .box-information:hover {
        transform: scale(1.2)
    }

    .box-information-active {
        transform: scale(1.2)
    }

    .box-information i {
        font-size: 60px;
        display: table-cell;
        vertical-align: middle;

    }

    .box-information-description {
        width: 100%;
        height: 230px;
        border-radius: 8px;

        padding: 15px;
        margin: 25px 0 25px 0;
        display: inline-block;
    }

    .box-information-description .mCSB_container {
        padding: 20px;
    }

    .card {
        margin-bottom: 15px;
        border-radius: 10px;
    }

    .butantan-collapsed-header {
        background: none;
        border: none;
    }

    .butantan-collapsed-header button {
        font-size: 20px;
        font-weight: bold;
    }

    .carousel-indicators {
        max-width: 1140px;
        text-align: center;
        display: flex;
        vertical-align: middle;
    }

    .img-fluid-banner-interna {
        min-width: 100%;
        width: 100%;
        height: auto;
    }

    @media (max-width: 1330px) {
        #acesso-rapido {
            padding-left: 7% !important;
            padding-right: 7% !important;
        }

        i {
            display: none !important;
        }

        #welcome-home {
            padding-left: 7% !important;
            padding-right: 7% !important;
        }
    }

    #fixed-align {
        padding: 0;
        margin: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    [type=search] {
        outline-offset: -2px;
        -webkit-appearance: none;
        border: none;
        background: none;
        color: #000;
        border-bottom: solid 1px #016836;
    }

    [type=search]::placeholder {
        color: #eeeaea;
        text-shadow: 1px 1px #000;
    }

    .max-img-full {
        width: 100% !important;
        max-width: none IMportant;
    }


    .col-xl,
    .col-xl-auto,
    .col-xl-12,
    .col-xl-11,
    .col-xl-10,
    .col-xl-9,
    .col-xl-8,
    .col-xl-7,
    .col-xl-6,
    .col-xl-5,
    .col-xl-4,
    .col-xl-3,
    .col-xl-2,
    .col-xl-1,
    .col-lg,
    .col-lg-auto,
    .col-lg-12,
    .col-lg-11,
    .col-lg-10,
    .col-lg-9,
    .col-lg-8,
    .col-lg-7,
    .col-lg-6,
    .col-lg-5,
    .col-lg-4,
    .col-lg-3,
    .col-lg-2,
    .col-lg-1,
    .col-md,
    .col-md-auto,
    .col-md-12,
    .col-md-11,
    .col-md-10,
    .col-md-9,
    .col-md-8,
    .col-md-7,
    .col-md-6,
    .col-md-5,
    .col-md-4,
    .col-md-3,
    .col-md-2,
    .col-md-1,
    .col-sm,
    .col-sm-auto,
    .col-sm-12,
    .col-sm-11,
    .col-sm-10,
    .col-sm-9,
    .col-sm-8,
    .col-sm-7,
    .col-sm-6,
    .col-sm-5,
    .col-sm-4,
    .col-sm-3,
    .col-sm-2,
    .col-sm-1,
    .col,
    .col-auto,
    .col-12,
    .col-11,
    .col-10,
    .col-9,
    .col-8,
    .col-7,
    .col-6,
    .col-5,
    .col-4,
    .col-3,
    .col-2,
    .col-1 {

        padding-left: 5px !important;
    }

    .menu-tabs {
        display: contents;
        margin-left: 7%;
        /* margin-top: 4; */
        /* margin-bottom: 4%; */
        width: max-content;
    }

    .subMenu-interna ul li {
        margin-top: 5px
    }

    .subMenu-interna .subMenu-interno-children {
        padding-left: 7%;
        padding-bottom: 2%;
        padding-top: 2%;
    }


    #search-ib form input {
        background: none;
        border: none;
        border-bottom: solid 1px white;
        color: black;
    }

    .table th,
    .table td {
        border-top: 1px solid #016836 !important;
    }

    .ui-g-6 {
        padding-left: 15px !important;
        padding-right: 10px !important;
    }