@import url(fonts.css);
@import url(fonts/unimedslab-bold-webfont.woff);

/*Fontes Unimed*/
@font-face {
    font-family: "Unimed Slab";
    src: url('fonts/unimedslab-regular-webfont.eot');
    src: url('fonts/unimedslab-regular-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-regular-webfont.woff') format('woff'), 
        url('fonts/unimedslab-regular-webfont.svg') format('svg'), 
        url('fonts/unimedslab-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:  "Unimed SlabBold";
    src: url('fonts/unimedslab-bold-webfont.eot');
    src: url('fonts/unimedslab-bold-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-bold-webfont.woff') format('woff'), 
        url('fonts/unimedslab-bold-webfont.svg') format('svg'), 
        url('fonts/unimedslab-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:  "Unimed SlabEb";
    src: url('fonts/unimedslab-');
    src: url('fonts/unimedslab-extrabold-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-extrabold-webfont.woff') format('woff'), 
        url('fonts/unimedslab-extrabold-webfont.svg') format('svg'), 
        url('fonts/unimedslab-extrabold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:  "Unimed SlabItalic";
    src: url('fonts/unimedslab-regularitalic-webfont.eot');
    src: url('fonts/unimedslab-regularitalic-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-regularitalic-webfont.woff') format('woff'), 
        url('fonts/unimedslab-regularitalic-webfont.svg') format('svg'), 
        url('fonts/unimedslab-regularitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family:  "Unimed SlabEbi";
    src: url('fonts/unimedslab-extrabolditalic-webfont.eot');
    src: url('fonts/unimedslab-extrabolditalic-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-extrabolditalic-webfont.woff') format('woff'), 
        url('fonts/unimedslab-extrabolditalic-webfont.svg') format('svg'), 
        url('fonts/unimedslab-extrabolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family:  "Unimed SansLi";
    src: url('fonts/unimedsans-lightitalic-webfont.eot');
    src: url('fonts/unimedsans-lightitalic-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedsans-lightitalic-webfont.woff') format('woff'), 
        url('fonts/unimedsans-lightitalic-webfont.svg') format('svg'), 
        url('fonts/unimedsans-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family:  "Unimed SlabLi";
    src: url('fonts/unimedslab-lightitalic-webfont.eot');
    src: url('fonts/unimedslab-lightitalic-webfont.eot') format('embedded-opentype'), 
        url('fonts/unimedslab-lightitalic-webfont.woff') format('woff'), 
        url('fonts/unimedslab-lightitalic-webfont.svg') format('svg'), 
        url('fonts/unimedslab-lightitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline: none;
}

html {
    overflow-x: hidden;
}

body {
    font-family: 'Unimed Sans', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #606061;
    overflow-x: hidden;
    /*scrollbar-width: thin;
    scrollbar-color: blue orange;*/
}
    body::-webkit-scrollbar {
        width: 13px;
    }

    body::-webkit-scrollbar-track {
        background: #ececec; /* color of the tracking area */
    }

    body::-webkit-scrollbar-thumb {
        background-color: #969696; /* color of the scroll thumb */
        border-radius: 20px; /* roundness of the scroll thumb */
        border: 3px solid #ececec; /* creates padding around scroll thumb */
    }

hr {
    margin: 4rem 0;
}
    hr.dashed {
        margin: 3rem 0;
        border-top: 1px dashed rgba(0, 0, 0, 0.1);
    }

ul{
    padding-left: 1.4rem;
    list-style: url("images/utils/checked.png");
}
    ul li,
    ol li {
        margin-bottom: 1rem;
        text-align: justify;
    }

p{
    text-align: justify;
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}

main{
    position: relative;
}

table thead {
    color: #fff;
    background-color: #A3238E;
    text-align: center;
}

table .bg-green {
    background: rgba(0, 153, 93, 0.10);
}
table .bg-green-dark {
    background: #00995D;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
table .text-green-dark {
    color: #00995D;
    font-weight: bold;
    text-align: center;
}
table .bg-green-light {
    background: #B1D34B;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-green-light {
    color: #B1D34B;
    font-weight: bold;
    text-align: center;
}

table .bg-orange {
    background: #F47920;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-orange {
    color: #F47920;
    font-weight: bold;
    text-align: center;
}

table .bg-yellow {
    background: #FFCB08;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-yellow {
    color: #FFCB08;
    font-weight: bold;
    text-align: center;
}

table .bg-medium-violet {
    background: #A3238E;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-medium-violet {
    color: #A3238E;
    font-weight: bold;
    text-align: center;
}

table .bg-pink {
    background: #ED1651;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-pink {
    color: #ED1651;
    font-weight: bold;
    text-align: center;
}

table .bg-lilac {
    background: #7b7aa1;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

table .text-lilac {
    color: #7b7aa1;
    font-weight: bold;
    text-align: center;
}

div.sumario{
    margin-bottom: 2rem;
}
.img-shadow {
    box-shadow: 3px 3px 6px rgba(70, 68, 68, 0.70);
}

.text-violet {
    color: #411564;
}

.div-fluid {
    background: #f5f5f5;
    padding: 6rem 0;
    margin: 4rem 0;
}

.red {
    color: red;
    font-weight: bolder;
    text-transform: uppercase;
}

/* The progress container (grey background) */
.progress-container {
    width: 100%;
    position: fixed;
    z-index: 9;
    height: 3px;
    background: #ccc;
}

/* The progress bar (scroll indicator) */
.progress-bar {
    height: 3px;
    background: #04AA6D;
    width: 0%;
}

.orange .progress-bar{
    background: #F47920;
}
.yellow .progress-bar {
    background: #FFCB08;
}
.medium-violet .progress-bar {
    background: #A3238E;
}
.pink .progress-bar {
    background: #ED1651;
}
.green-light .progress-bar {
    background: #B1D34B;
}
.purple .progress-bar {
    background: #411564;
}
.lilac .progress-bar {
    background: #7b7aa1;
}
.green .progress-bar {
    background: #04AA6D;
}

.linkHome .progress-container {
    display: none;
}

/* CAROUSEL MENU PAGE SINGLE */
.carouselMenu {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}


    .carouselMenu .carouselMenu-inner {
        transition: 1s ease all;
        float: left;
    }

        .carouselMenu .carouselMenu-inner .item {
            float: left;
        }

            .carouselMenu .carouselMenu-inner .item > .item-content {
                padding: 1.4rem 1rem;
                margin: 10px;
                border: 1px solid #ececec;
                color: #0A5F55;
                box-shadow: 1px 1px 5px rgb(91 92 101 / 15%);
                text-align: center;
                margin: 0 .5rem;
                border-radius: 5px;
                transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
            }

                .carouselMenu .carouselMenu-inner .item > .item-content.current {
                    border-color: rgba(10, 95, 85, 0.25);
                }
                    .carouselMenu .carouselMenu-inner .item > .item-content.current a {
                        color: #0A5F55;
                        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                    }

                .carouselMenu .carouselMenu-inner .item > .item-content a {
                    color: #7b7b7b;
                    font-size: .9rem;
                    font-weight: 300;
                    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
                }
                    .carouselMenu .carouselMenu-inner .item > .item-content:hover {
                        border-color: #0A5F55;
                        cursor: pointer;
                    }
                        .carouselMenu .carouselMenu-inner .item > .item-content:hover a {
                            text-decoration: none;
                            color: #0A5F55;
                            border-color: #0A5F55;
                        }
                    

    .carouselMenu .leftLst, .carouselMenu .rightLst {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        top: calc(50% - 20px);
        outline: none;
        margin: 0 .5rem;
        border-color: #e2e2e2;
        background: #fff;
        color: #0A5F55;
    }

        .carouselMenu .leftLst:hover, .carouselMenu .rightLst:hover,
        .carouselMenu .leftLst:hover, .carouselMenu .rightLst:focus,
        .carouselMenu .leftLst:hover, .carouselMenu .rightLst:active,
        .btn-primary:not(:disabled):not(.disabled):active,
        .btn-primary:not(:disabled):not(.disabled).active,
        .show > .btn-primary.dropdown-toggle {
            color: #0A5F55;
            border-color: #0A5F55;
            background: #fff;
        }

        .carouselMenu .leftLst {
            left: 0;
        }

    .carouselMenu .rightLst {
        right: 0;
    }

        .carouselMenu .leftLst.over, .carouselMenu .rightLst.over {
            pointer-events: none;
            background: #fff;
            border-color: #e2e2e2;
            color: #9e9e9e;
        }

/* /CAROUSEL MENU PAGE SINGLE */


/*HEADER*/
header {
    /*position: absolute;*/
    z-index: 999;
    width: 100%;
    background: transparent;
    box-shadow: none;
}
    header.fixed {
        /*position: fixed;*/
        top: 0;
        z-index: 99;
        transition: all .5s;
        background: #fff;
        width: 100%;
        -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: 0.15s linear;
        -moz-transition: 0.15s linear;
        -o-transition: 0.15s linear;
        transition: 0.15s linear;
    }

    @media( min-width: 1199px ){
        header.fixed {
            position: fixed;
        }
    }
        /*header.fixed .nav-principal {
            border-bottom: 1px solid #ececec;
        }*/
    header .nav-principal .logo-img {
        width: 8rem;
    }


.nav-principal {
    /*background: #a3238f;*/
    background: #fff;
}
@media( max-width: 1199px ){
    #navPrincipal {
        animation: inOpacity .5s ease-out;
    }
}
#navPrincipal li {
    margin-bottom: 0;
    text-align: center;
}
    #navPrincipal li a.nav-link {
        height: 100%;
        padding: 2rem 0.3rem;
        border-bottom: 3px solid transparent;
        transition: all ease-in-out .1s;
    }
        #navPrincipal li a.nav-link:hover {
            border-bottom: 3px solid #A3238E;
            transition: all ease-in-out .1s;
        }
        #navPrincipal li a.nav-link::after {
            font-size: inherit;
            -webkit-transition: 0.1s linear;
            -moz-transition: 0.1s linear;
            -o-transition: 0.1s linear;
            transition: 0.1s linear;
        }
        #navPrincipal li.show a.nav-link::after {
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate( 180deg );
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate( 180deg );
            -webkit-transition: 0.1s linear;
            -moz-transition: 0.1s linear;
            -o-transition: 0.1s linear;
            transition: 0.1s linear;
        }
    #navPrincipal li .dropdown-menu{
        margin: 0;
        padding: 0;
        border: none;
    }
        #navPrincipal li .dropdown-menu .dropdown-item {
            color: #A3238E;
            /*font-weight: bold;*/
            /*padding: 1rem 3rem 1rem 1.4rem;*/
            padding: 0.6rem 3rem 0.6rem 1.4rem;
            border: 0.1px solid #411564;
            background: #fff;
            transition: all 0.1s ease 0s;
        }
            /*#navPrincipal li .dropdown-menu .dropdown-item.sub-dropdown::after {
                display: inline-block;
                margin-left: 0.255em;
                vertical-align: 0;
                border: none !important;
                font-family: 'FontAwesome';
                content: '\f078';
                color: #fff;
            }*/
            #navPrincipal li .dropdown-menu .dropdown-item.sub-item {
                background: #00995D;
                padding: 1rem 1.6rem 1rem 1.8rem;
            }
                #navPrincipal li .dropdown-menu .dropdown-item.sub-item::before {
                    display: inline-block;
                    margin-right: 0.85em;
                    vertical-align: 0.2rem;
                    border: none !important;
                    font-family: 'FontAwesome';
                    content: '\f054';
                    color: rgba(255, 255, 255, 0.30);
                    font-size: 0.5rem;
                }
            #navPrincipal li .dropdown-menu .dropdown-item:hover {
                background: #C4CBCF;
                border-style: solid;
                /*transition: all 0.1s ease 0s;*/
            }
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0;
    border: none !important;
    font-family: 'FontAwesome';
    content: '\f078';
    /*color: rgba(255, 255, 255, 0.80);*/
}

@media( max-width: 1199px ) {
    .dropdown-toggle::after{
        color: #fff;
    }
    #navPrincipal li a.nav-link {
        padding: 1.2rem;
        text-align: right;
        background: #0A5F55;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    #navPrincipal li .dropdown-menu .dropdown-item {
        text-align: right;
        color: rgb(255, 255, 255);
        background: #B1D34B;
        padding: 1rem;
        font-size: .9rem;
        white-space: normal;
        
    }
}

.nav-principal .navbar-toggler {
    border: 1px solid #0A5F55;
    height: 50px;
}

    .nav-principal .navbar-toggler .icon-bar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 1px;
        background: #0A5F55;
        transform: rotate( 0deg ) translate(0px, 0px);
        transition: ease all .2s;
    }

    .nav-principal .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
        transform: rotate( 45deg ) translate(5px, 5px);
        transition: ease all .2s;
    }

    .nav-principal .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
        opacity: 0;
        transition: ease all .2s;
    }

    .nav-principal .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
        transform: rotate(-45deg) translate(5px, -5px);
        transition: ease all .2s;
    }




/*HOME*/
#home {
    position: relative;
    overflow-x: hidden;
}
#home .home-shape {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.2;
}
    #home .home-shape img {
        max-height: 110vh;
        animation: moveInRight 1s ease-out;
    }

#banner {
    height: 85vh;
    /*background: url('images/home/home_bg.jpg');*/
    background: url('images/home/home_bcg.jpg');
    background-size: cover;
    background-position: bottom center;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);
    margin-bottom: 7px;
}
    #banner .card-title {
        border: 2px solid #fff;
    }
    #banner .bg-title {
        background: url('images/home/title_bg.png') no-repeat;
        background-size: contain;
        background-position: center;
        height: 80vh;
        align-items: center;
    }
    #banner h1 {
        /*font-family: 'Unimed Slab';*/
        font-size: 72px;
        color: #fff;
        text-align: left;
        text-shadow: 2px 2px 5px #606061;
        animation: moveInLeft 1s ease-out;
    }

    #banner p {
        animation: moveInLeft 1s ease-out;
        color: #fff;
        font-size: 1.1rem;
        text-shadow: 3px 3px 5px #232323;
    }

#banner img {
    animation: moveInRight 1s ease-out;
}


#home #home-items{
    padding: 3rem 0;
}
    #home #home-items .single-item a:hover {
        text-decoration: none;
    }
    #home #home-items .single-item a:hover .item {
        text-decoration: none;
        transition: ease all .3s;
        transform: translate(0, -0.15em);
        box-shadow: 0px 10px 30px rgba(91, 92, 101, 0.30) !important;
    }
    #home #home-items .single-item .item {
        box-shadow: 0 5px 30px 0 rgba(214, 215, 216, 0.55);
        padding: 50px 30px;
        background: #ffffff;
        color: #606061;
    }
        #home #home-items .single-item .item .icon {
            display: inline-block;
            height: 180px;
            width: 180px;
            line-height: 180px;
            text-align: center;
            background: rgba(196, 203, 207, 0.25);
            /*border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;*/
            position: relative;
            z-index: 1;
            /*font-size: 30px;*/
            color: #ffffff;
            /*margin-bottom: 2.2rem;*/
            /*box-shadow: 0px 5px 30px 0px rgb(177 211 75);*/
            box-shadow: 0px 5px 15px 0px rgba(163, 35, 142, 0.65);
        }

            #home #home-items .single-item .item .icon img{
                max-width: 150px;
                max-height: 150px;
            }

        #home #home-items .single-item .item h4 {
            font-weight: 800;
            font-size: 1.2rem;
        }

#home-assunto {
    background: url("images/utils/shape_bg.png");
    background-size: cover;
    padding: 14rem 0 6rem 0;
}
    #home-assunto a,
    #home-assunto2 a {
        border: 1px solid #0a5f55;
        padding: .8rem 2.2rem;
        border-radius: 2rem;
        color: #0a5f55;
        text-decoration: none;
        background-color: transparent;
        -webkit-transition: background-color 0.3s linear;
        -o-transition: background-color 0.3s linear;
        transition: background-color 0.3s linear;
    }
        #home-assunto a:hover,
        #home-assunto2 a:hover {
            background-color: #0a5f55;
            color: #fff;
        }

#home-assunto2 {
    padding: 4rem 0;
}
    #home-assunto h4,
    #home-assunto2 h4 {
        font-size: 1.6rem;
        margin-bottom: 1.4rem;
        line-height: 1.3;
    }
    #home-assunto2 .info:after {
        position: absolute;
        left: -10px;
        top: 0px;
        content: "";
        height: 150px;
        width: 150px;
        background: url("images/utils/dotted-bg.png");
        z-index: -1;
        transform: rotate( -45deg );
        background-size: contain;
        background-repeat: no-repeat;
        opacity: .5;
    }

#home #download {
    padding: 4rem 0;
    /*background: linear-gradient( 45deg, #0a5f55 0%, #00995d 100%);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.50);*/
}
    #home #download a {
        font-size: 1rem;
        color: #0a5f55;
        text-align: center;
        border: 1px solid #0a5f55;
        background: transparent;
        padding: 1rem 2rem;
        border-radius: 2rem;
        transition: all ease-in .3s;
    }
        #home #download a:hover {
            color: #fff;
            background: #0a5f55;
            text-decoration: none;
        }

        @media (max-width: 480px) {
            #banner h1 {
        font-size: 2rem;
    }
}

/* ************* PAGES ************* */
main .head {
    min-height: 30rem;
    background: #411564;
    background-position: center;
    background-size: cover;
    padding: 18rem 0 0;
    text-align: center;
    z-index: 99;
    margin-bottom: 4rem;
    animation: background 1.2s ease-in-out;
}
    main .head h1 {
        color: #fff;
        font-size: 2.6rem;
        font-weight: 700;
        animation: inOpacity 1s ease-in-out;
        text-shadow: 3px 2px #3a3939;
    }

    main .head .head-img {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        min-height: 30rem;
        top: 0;
        left: 0;
        background-image: url(images/home/desenvolvimento.jpg);
        background-size: cover;
        background-position: bottom center;
        z-index: -1;
        animation: inOpacity 1s ease-in-out;
    }

@media(max-width: 768px ) {
    main .head {
        min-height: 12rem;
        padding: 8rem 0 0;
        margin-bottom: 2rem;
    }

        main .head .head-img {
            min-height: 12rem;
        }

        main .head h1 {
            font-size: 1.6rem;
        }
}

main .content{
    padding-bottom: 5rem;
}
main h2 {
    color: #0A5F55;
    font-size: 1.8rem;
}
main h3 {
    color: #0A5F55;
    font-size: 1.2rem;
}
    main h4 {
        color: #0A5F55;
        font-size: 1rem;
        padding: 2rem 0 0.2rem 0;
    }
main .content .card .list-group-item {
    padding: 0;
}
    main .content .card .list-group-item a {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        background-color: #fff;
        color: #0A5F55;
    }
        main .content .card .list-group-item a:hover,
        main .content .card .list-group-item a:focus,
        main .content .card .list-group-item a.current {
            background: #0A5F55;
            color: #fff;
            transition: all 0.3s ease-out;
            text-decoration: none;
        }

/****************************/


/*Page - Institucional*/
#institucional .content h2,
#institucional .content h3,
#institucional .content h4,
#institucional .content .card .list-group-item a {
    color: #00995D;
}
    #institucional .head,
    #institucional .content .card .list-group-item a:hover,
    #institucional .content .card .list-group-item a:focus,
    #institucional .content .card .list-group-item a.current {
        background: rgba(0, 153, 93, 0.65);
        color: #fff;
    }
    /*#institucional .head .head-img {
        background-image: url(images/institucional/institucional_bg.jpg);
    }*/
    #institucional .head .head-img {
        background-image: url(images/institucional/institucional_bgv2.jpg);
    }
    #institucional.diretoria .head .head-img {
        background-image: url(images/institucional/diretoria_bg3.png);
        background-position: center top;
    }

@media( min-width: 768px){
    #institucional img.acrostico {
        max-width: 400px;
    }
}

#institucional .name {
    color: #00995D;
    text-align: center;
    line-height: 1.2;
    margin-top: .6rem;
    font-weight: 600;
}
#institucional .dir-executivos .img-shadow,
#institucional .presidente .img-shadow {
    border: 4px solid #009b63;
}

#institucional .dir-executivos .dir-name {
    color: #0A5F55;
    margin-bottom: 0;
}
#institucional .dir-executivos .dir-role {
    color: #00995D;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: bold;
}
#institucional .dir-executivos .dir-title {
    font-weight: bold;
}

#institucional .dir-outros .img-shadow,
#institucional .dir-adm .img-shadow,
#institucional .dir-tecnico .img-shadow,
#institucional .dir-fiscal .img-shadow {
    border-radius: 50%;
    border: 4px solid #B1D34B;
}
#institucional .dir-outros .name{
    font-weight: bold;
}
#institucional .dir-outros .dir-role {
    color: #00995D;
    text-align: center;
    line-height: 1.2;
    margin-top: .6rem;
    text-transform: uppercase;
    font-size: .75rem;
}
#institucional .dir-fiscal .name-type {
    background: #C4CBCF;
    color: #fff;
    padding: .8rem 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
}
#institucional .dir-fiscal .name-year {
    background: #f3f3f3;
    padding: .8rem 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .9rem;
}

/*Page - Sobre Relatorio*/
#sobre-relatorio h2,
#sobre-relatorio h3,
#sobre-relatorio h4,
#sobre-relatorio  .card .list-group-item a {
    color: #00995D;
}
#sobre-relatorio .head,
#sobre-relatorio .content .card .list-group-item a:hover,
#sobre-relatorio .content .card .list-group-item a:focus,
#sobre-relatorio .content .card .list-group-item a.current {
    background: rgba(0, 153, 93, 0.65);
    color: #fff;
}

/*Pages - Desenvolvimento e Mercado*/
#desenv-merc .head-img-2 {
    background-image: url("./images/desenv_mercado/farmacia_bg.jpg");
    background-position: bottom center;
}

#desenv-merc .head-img {
    background-image: url("./images/desenv_mercado/desenv_bg2.jpg");
    background-position: center center;
}



#desenv-merc .content h2,
#desenv-merc .content h3,
#desenv-merc .content h4,
#desenv-merc .content .card .list-group-item a {
    color: #F47920;
}
    #desenv-merc .head,
    #desenv-merc .content .card .list-group-item a:hover,
    #desenv-merc .content .card .list-group-item a:focus,
    #desenv-merc .content .card .list-group-item a.current {
        background: rgba(244, 121, 32, 0.75);
        color: #fff;
    }

#desenv-merc.mkt img {
    box-shadow: 10px 10px rgb(242, 132, 52);
}


#desenv-merc.localizacao .card {
    border-radius: 0.4rem 0.4rem !important;
    transition: ease all .2s;
    border: 1px solid #C4CBCF;
    overflow: hidden;
    min-height: 380px;
}
    #desenv-merc.localizacao .card img {
        transition: ease all .2s;
    }
    #desenv-merc.localizacao .card:hover {
        transition: ease all .3s;
        transform: translate(0, -0.15em);
        box-shadow: 0px 10px 30px rgb(91 92 101 / 30%) !important;
    }
        #desenv-merc.localizacao .card:hover img {
            transition: ease all .3s;
            opacity: .6;
            /*transform: scale(1.2);*/
        }
    #desenv-merc.localizacao .card .card-content {
        padding: 0 2rem 2rem 2rem;
    }
        #desenv-merc.localizacao .card .card-content p.desc {
            font-size: .9rem;
            text-align: center;
            font-weight: 300;
            line-height: 1.4 !important;
            margin-bottom: 1.4rem;
        }
        #desenv-merc.localizacao .card .card-content p.end {
            font-weight: 300;
        }
            #desenv-merc.localizacao .card .card-content p.end i {
                color: #0A5F55;
                margin-right: .5rem;
            }
        #desenv-merc.localizacao .card .card-content h4 {
            font-size: 1rem;
            font-weight: 500;
            text-transform: uppercase;
            text-align: center;
            color: #0A5F55;
        }

#desenv-merc.numeros .num_card {
    text-align: center;
    padding: 2rem;
}
    #desenv-merc.numeros .num_card i {
        color: #0A5F55;
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    #desenv-merc .num_card div {
        font-size: 1.4rem;
        color: #0A5F55;
        font-weight: 700;
        font-family: 'Unimed Slab';
        margin-bottom: .6rem;
    }
#desenv-merc.numeros .num_card p {
    margin: 0;
    text-transform: uppercase;
    font-size: 1rem;
    color: #0a5f55;
    text-align: center;
    font-family: 'Unimed Slab';
    font-weight: 800;
}
/*@media( min-width: 994x ){
    #desenv-merc.numeros img {
        max-width: 200px;
    }
}*/

/*Pages - Gestão e Governança*/
#gestao-gov .head-img {
    background-image: url("./images/gestao_gov/gestao_bg.jpg");
    background-position: center;
}
#gestao-gov .content h2,
#gestao-gov .content h3,
#gestao-gov .content h4,
#gestao-gov .content .card .list-group-item a {
    color: #fdcb05;
}

    #gestao-gov .head,
    #gestao-gov .content .card .list-group-item a:hover,
    #gestao-gov .content .card .list-group-item a:focus,
    #gestao-gov .content .card .list-group-item a.current {
        /*background: rgba(253, 203, 5, 0.95);*/
        background: rgba(230, 185, 7, 0.80);
        color: #fff;
    }

#gestao-gov p.clientes-conquistas {
    font-weight: 600;
    margin: 0;
}
    #gestao-gov p.clientes-conquistas i {
        color: #0A5F55;
        padding-right: .5rem;
    }

#gestao-gov.plan-estrategico img.img-shadow {
    box-shadow: 5px 5px #fdcb05;
}

/*Pages - Gestão Financeira*/
#financeiro .head-img {
    background-image: url("./images/saude_financeira/financ_bg.jpg");
    background-position: center;
}
#financeiro .content h2,
#financeiro .content h3,
#financeiro .content h4,
#financeiro .content .card .list-group-item a {
    color: #A3238E;
}

    #financeiro .head,
    #financeiro .content .card .list-group-item a:hover,
    #financeiro .content .card .list-group-item a:focus,
    #financeiro .content .card .list-group-item a.current {
        background: rgba(163, 35, 142, 0.65);
        color: #fff;
    }

#financeiro .link-financeiro {
    display: block;
    height: 90px;
    text-decoration: none;
}

    #financeiro .link-financeiro div {
        color: #411564;
        border: 1px solid #411564;
        padding: 1rem 2rem;
        border-radius: 5px;
        font-family: 'Unimed Serif';
        text-align: center;
        float: left;
        transition: all ease-in-out .5s;
    }

    #financeiro .link-financeiro:hover div {
        background: #411564;
        color: #fff;
        text-decoration: none;
    }

/*Pages - Cuidar de Pessoas*/
#cuidar-pessoas.cooperados .head .head-img {
    background-image: url("./images/cuidar_pessoas/cooperados_bg.jpg");
    background-position: top center;
}
#cuidar-pessoas.clientes .head .head-img {
    background-image: url("./images/cuidar_pessoas/clientes_bg.jpg");
}
#cuidar-pessoas.colaboradores .head .head-img {
    background-image: url("./images/cuidar_pessoas/colaboradores_bg.jpg");
}
#cuidar-pessoas .content h2,
#cuidar-pessoas .content h3,
#cuidar-pessoas .content h4,
#cuidar-pessoas .content .card .list-group-item a {
    color: #ED1651;
}

    #cuidar-pessoas .head,
    #cuidar-pessoas .content .card .list-group-item a:hover,
    #cuidar-pessoas .content .card .list-group-item a:focus,
    #cuidar-pessoas .content .card .list-group-item a.current {
        background: rgba(237, 22, 81, 0.65);
        color: #fff;
    }

#cuidar-pessoas p.clientes-conquistas {
    text-align: center;
    font-size: 2rem;
    color: #ED1651;
}

/*Pages - Compromisso Ambiental */
#comp-amb .content h2,
#comp-amb .content h3,
#comp-amb .content h4,
#comp-amb .content .card .list-group-item a {
    color: #B1D34B;
}

    #comp-amb .head,
    #comp-amb .content .card .list-group-item a:hover,
    #comp-amb .content .card .list-group-item a:focus,
    #comp-amb .content .card .list-group-item a.current {
        background: rgba(177, 211, 75, 0.8);
        color: #fff;
    }

        #comp-amb .head .head-img {
            background-image: url("./images/comp_ambiental/bg_ambiental2.jpg");
            background-position: center center;
        }
        #comp-amb.gestao-agua .head .head-img {
            background-image: url("./images/comp_ambiental/gestao_agua.jpg");
        }




/*Pages - Farmacia*/
#farmacia .head-img {
    background-image: url("./images/desenv_mercado/farmacia_bg.jpg");
}

#farmacia .content h2,
#farmacia .content h3,
#farmacia .content h4,
#farmacia .content .card .list-group-item a {
    color: #fdcb05;
}

    #farmacia .head,
    #farmacia .content .card .list-group-item a:hover,
    #farmacia .content .card .list-group-item a:focus,
    #farmacia .content .card .list-group-item a.current {
        /*background: rgba(253, 203, 5, 0.95);*/
        background: rgba(230, 185, 7, 0.80);
        color: #fff;
    }

#farmacia .card {
    border-radius: 0.4rem 0.4rem !important;
    transition: ease all .2s;
    border: 1px solid #C4CBCF;
    overflow: hidden;    
}

#farmacia .card:hover {
    transition: ease all .3s;
    transform: translate(0, -0.15em);
    box-shadow: 0px 10px 30px rgb(91 92 101 / 30%) !important;
}
   
#farmacia p.clientes-conquistas {
    font-weight: 600;
    margin: 0;
}

    #farmacia p.clientes-conquistas i {
        color: #0A5F55;
        padding-right: .5rem;
    }

#farmacia.plan-estrategico img.img-shadow {
    box-shadow: 5px 5px #fdcb05;
}

/*Pages - NAIS*/
#nais .head-img {
    background-image: url("./images/desenv_mercado/nais_bg.jpg");
}

#nais .content h2,
#nais .content h3,
#nais .content h4,
#nais .content .card .list-group-item a {
    color: #fdcb05;
}

    #nais .head,
    #nais .content .card .list-group-item a:hover,
    #nais .content .card .list-group-item a:focus,
    #nais .content .card .list-group-item a.current {
        /*background: rgba(253, 203, 5, 0.95);*/
        background: rgba(230, 185, 7, 0.80);
        color: #fff;
    }

#nais .card {
    border-radius: 0.4rem 0.4rem !important;
    transition: ease all .2s;
    border: 1px solid #C4CBCF;
    overflow: hidden;
}

    #nais .card:hover {
        transition: ease all .3s;
        transform: translate(0, -0.15em);
        box-shadow: 0px 10px 30px rgb(91 92 101 / 30%) !important;
    }

#nais p.clientes-conquistas {
    font-weight: 600;
    margin: 0;
}

    #nais p.clientes-conquistas i {
        color: #0A5F55;
        padding-right: .5rem;
    }

#nais.plan-estrategico img.img-shadow {
    box-shadow: 5px 5px #fdcb05;
}

/*Pages - Diagnostico Imagem*/
#imagem .head-img {
    background-image: url("./images/gestao_resultados/imagem_bg.jpg");
}

#imagem .content h2,
#imagem .content h3,
#imagem .content h4,
#imagem .content .card .list-group-item a {
    color: #fdcb05;
}

    #imagem .head,
    #imagem .content .card .list-group-item a:hover,
    #imagem .content .card .list-group-item a:focus,
    #imagem .content .card .list-group-item a.current {
        /*background: rgba(253, 203, 5, 0.95);*/
        background: rgba(230, 185, 7, 0.80);
        color: #fff;
    }

#imagem .card {
    border-radius: 0.4rem 0.4rem !important;
    transition: ease all .2s;
    border: 1px solid #C4CBCF;
    overflow: hidden;
}

    #imagem .card:hover {
        transition: ease all .3s;
        transform: translate(0, -0.15em);
        box-shadow: 0px 10px 30px rgb(91 92 101 / 30%) !important;
    }

#imagem p.clientes-conquistas {
    font-weight: 600;
    margin: 0;
}

    #imagem p.clientes-conquistas i {
        color: #0A5F55;
        padding-right: .5rem;
    }

#imagem.plan-estrategico img.img-shadow {
    box-shadow: 5px 5px #fdcb05;
}

/*Pages - Instituto */
#instituto .head .head-img {
    background-image: url("./images/instituto/instituto_bg2.jpg");
    background-position: center center;
}
#instituto .content h2,
#instituto .content h3,
#instituto .content h4,
#instituto .content .card .list-group-item a {
    color: #411564;
}

    #instituto .head,
    #instituto .content .card .list-group-item a:hover,
    #instituto .content .card .list-group-item a:focus,
    #instituto .content .card .list-group-item a.current {
        background: rgba(65, 21, 100, 0.65);
        color: #fff;
    }

#instituto .link-balanco {
    display: block;
    height: 90px;
    text-decoration: none;
}
    #instituto .link-balanco div {
        color: #411564;
        border: 1px solid #411564;
        padding: 1rem 2rem;
        border-radius: 5px;
        font-family: 'Unimed Serif';
        text-align: center;
        float: left;
        transition: all ease-in-out .5s;
    }
    #instituto .link-balanco:hover div {
        background: #411564;
        color: #fff;
        text-decoration: none;
    }

/* Pages - Sumário */
#sumario .content h2,
#sumario .content h3,
#sumario .content h4,
#sumario .content .card .list-group-item a {
    color: #7b7aa1;
}
    #sumario .head,
    #sumario .content .card .list-group-item a:hover,
    #sumario .content .card .list-group-item a:focus,
    #sumario .content .card .list-group-item a.current {
        background: rgba(146, 122, 163, 0.80);
        color: #fff;
    }

#sumario table tbody tr td:nth-child(3){
    text-align: justify !important;
}

/*FOOTER*/
footer {
    border-top: 1px solid #dedede;
    font-size: .8rem;
    text-align: center;
}
    footer #footer-links {
        padding: 4rem 2rem;
        border-bottom: 1px solid #dedede;
    }
    footer #footer-links p {
        color: #0A5F55;
    }
        footer #footer-links a {
            display: inline-block;
            width: 100%;
            color: #5B5C65;
            text-align: left;
        }

/* ************* KEYFRAMES ************* */
@keyframes moveInLeft {
     0% {
        opacity: 0;
        transform: translateX(-100px);
     }

    80% {
        /*transform: translateX(10px);*/
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}


@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    80% {
        /*transform: translateX(-10px);*/
    }

    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

@keyframes inOpacity{
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(-100px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}


.top-page {
    text-align: center;
    vertical-align: middle;
    position: fixed;
    bottom: 0.5rem;
    right: 1.5rem;
    cursor: pointer;
    display: none;
    color: #5B5C65;
    font-size: 3rem;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3;
    transition-duration: 1s;
}

.titulo-home h1 {
    font-family: "Unimed SlabEb";
    color: #00995D;
    font-size: 28px;
}

@media (max-width: 480px) {
    .titulo-home h1 {       
        font-size: 28px;
    }
}

.titulo-home h3 {
    font-family: "Unimed SansLi";
    color: #00995D;
}

.titulo-home h4 {
    font-family: "Unimed SlabBold";
    color: #606061;
}

.titulo-home h5 {
    font-family: "Unimed SlabEb";
    color: #00995D;
}

.traco {
    border-top: 6px solid #00995D;
    margin-top: 2px;
    width: 68px;
}

.escopo-divisoria {
    align-self: center;
}

.divisoria {
    border-top: 6px solid #00995D; 
}

.titulo-banner {
    font-family: "Unimed Serif";
    font-size: 72px;
    font-weight: bold;
}

/*Bolinhas pular linha*/
.escopo-bolinhas {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-size: 100%;
}

.bolinhas {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20vh;
}
.quadrado-1 {
    background-color: #A3238E;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    position: absolute;
    left: 10px;
}

.quadrado-2 {
    background-color: #00995D;
    opacity: 0.8;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    left: 116px;    
    top: 18%;
}

.quadrado-3 {
    background-color: #B1D34B;
    opacity: 0.8;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    left: 116px;    
    bottom: 60%;
}

@media (max-width: 480px) {
    .sumir {
        display: none;
    }
}

.direita {
    right: 0 !important;
    left: auto;
}

@media (max-height: 700px) {
    .drop-down-scroll {
        max-height: 500px;
        overflow-y: auto;
    }
}

.ajustes-img-diretores {
    height: 308px !important;
}

.text-align-center {
    text-align-last: center;
}

.text-medium-violet {
    color: #A3238E;
}