#menu-areas-aside {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    /*    margin-top:25%;*/
    /*    height:100%;*/
    display: flex;
    z-index: 800;
}


.tooltip .tooltip-inner {
    margin-bottom: 40px !important;
}

.tooltip .arrow:before {
    bottom: 20px;
}

.areas-ico {
    height: 3rem;
    width: 3rem;
}

a .areas-ico:hover {
    text-decoration: none
}

.ico-educacao:hover {
    background-color: var(--educacao);
}

.ico-esporte:hover {
    background-color: var(--esporte);
}

.ico-saude:hover {
    background-color: var(--saude);
}

.ico-cultura:hover {
    background-color: var(--cultura);
}

.ico-assistencia:hover {
    background-color: var(--assistencia);
}

.ico-turismo:hover {
    background-color: var(--turismo);
}

.areas-ico i {
    font-size: 2rem;
}


.modal-content {
    opacity: 1;
}

/*#nav-menu-principal {
    z-index: 10;
}*/

#div-resumo {
    /*height: 130px;*/
    margin-top: -60px;
    border-bottom: 10px solid;
    z-index: 1
}

#conteudo-area {
    height: 100%;
    /*background-color: #1b1b1b;*/
    margin-top: -70px;
    z-index: 0;
}

#div-img-banner {
}

#mascara-banner {
    background: linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.4));
}

#area-img-banner {
    background-size: cover;
    background-position: center;
}

.header-area-coordenacao {
    height: 500px;
}

.breadcrumb-areas-style {
    color: white;
}

    .breadcrumb-areas-style:hover {
        text-decoration: underline;
        cursor: pointer;
    }


.section-carousel {
    height: 500px;
}

#div-text-banner {
    z-index: 5;
    top: 60%;
}


/*<----CARD----->*/
.card-default {
    width: 100%;
}


/*<----SESSÕES----->*/


/*<----CARROUSEL----->*/
.owl-prev span, .owl-next span {
    color: white;
    border: none;
}


    .owl-prev span:hover, .owl-next span:hover {
        color: var(--laranja);
    }



 .owl-prev, .owl-next {
    top: 30% !important
}

    .owl-nav > .owl-prev span, .owl-next span {
        color: rgb(128 128 128);
    }

    .carousel-vendas > .owl-nav > .owl-prev span:hover, .owl-next span:hover {
        color: rgb(86 82 82);
    }


@media(max-width: 992px) {
    #conteudo-area {
        margin-top: 0px;
    }

    #resumo-area-mobile > span {
        text-align: justify !important;
        color: white;
    }

    .header-area-coordenacao {
        height: 100% !important;
    }

    #div-text-banner {
        top: 60%;
    }

    #area-img-banner {
        height: 100%;
    }

    .card-default {
        width: 300px;
    }
}

.owl-carousel a {
    color: black !important;
}

    .owl-carousel a:hover {
        text-decoration: none !important;
    }