@font-face {
    font-family: 'open 24 display st';
    src: url('fonts/open 24 display st.ttf') format('truetype');
}

@font-face {
    font-family: 'liquidcrystal-bold';
    src: url('fonts/liquidcrystal-bold.otf') format('opentype');
}

@font-face {
    font-family: 'scoreboard';
    src: url('fonts/scoreboard.ttf') format('truetype');
}

.roboto-thin {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
}

.roboto-normal {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
}
.roboto-bold {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
}

.u01-color {
    background-color: #92d050;
    color: #000000;
}
.u01-text-color {
    color: #92d050;
}

.u02-text-color {
    color: #00b0f0;
}

.u02-color {
    background-color: #00b0f0;
    color: #ffffff;
}

.u03-text-color {
    color: #ff0000;
}

.u03-color {
    background-color: #ff0000;
    color: #ffffff;
}

.u04-text-color {
    color: #92d050;
}

.u04-color {
    background-color: #ffd800;
    color: #000000;
}

.u05-text-color {
    color: #e797b0;
}

.u05-color {
    background-color: #e797b0;
    color: #000000;
}

.u06-text-color {
    color: #ff9945;
}

.u06-color {
    background-color: #ff9945;
    color: #000000;
}

.icon-refer {
    width: 50%;
    margin: 15px 0;
}

a.u03-text-color {
    text-decoration: none;
}
a.u03-text-color:hover {
    text-decoration: none;
    color: #ff0000;
}


.font-display {
    font-family: "scoreboard";
    font-size: 60px
}

#tabela img {
    width: 20px;
    max-height: 20px;
}

.main-top {
    padding-top: 76px !important;
}

/* Imagem BO */
.imagem-artigo {
    max-height: 100vh;
}

    .imagem-artigo img {
        max-height: 50vh;
        object-fit: cover;
    }

/* Imagens BO Galeria */
#Galeria img.img-thumbnail {
    border-radius: 0;
}



#Galeria img.legenda, .imagem-artigo img.legenda {
    position: absolute;
    top: 5px;
    right: 20px;
    width: 20px;
}

#Galeria img.lixo, .imagem-artigo img.lixo {
    position: absolute;
    top: 5px;
    right: 45px;
    width: 20px;
}

#Galeria img.crop, .imagem-artigo img.crop {
    position: absolute;
    top: 5px;
    right: 70px;
    width: 20px;
}

#Anexos img.legenda, #Anexos img.lixo {
    width: 30px;
    padding-right: 5px;
}

#Galeria img.legenda, .imagem-artigo img.legenda, #Galeria img.lixo, .imagem-artigo img.lixo, #Anexos img.legenda, #Anexos img.lixo {
    cursor: pointer;
}

#ImgFB {
    margin-bottom: 10px;
    width: 300px !important;
}

label.required::after, span.required::after {
    content: " *";
    color: #ff0000;
}



/**** HMMC ****/

@font-face {
    font-family: 'roboto-light';
    src: url('fonts/roboto-light.ttf') format('truetype');
}

.bg-cinza {
    background-color: #EEEEEE !important;
    color: #000000 !important;
}

.paragem:hover {
    cursor: pointer;
}

.paragem.active {
    font-weight: 700;
}

.informacoes {
    font-size: 10px;
}

.vh-75 {
    max-height: 75vh !important;
}

.vh-95 {
    height: 95vh !important;
}

body {
    font-family: 'roboto-light';
    font-size: 14px;
}

textarea {
    min-height: 200px !important;
}

header img.logotipo {
    height: 50px;
}

.navbar li.nav-item img,
.navbar li.nav-item svg {
    height: 35px;
}



.navbar .megamenu {
    padding: 1rem;
}


.navbar .megamenu {
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
    border-radius: unset;
    border: none;
    background-color: transparent;
}

.Linhas-Condicoes svg {
    height: 25px;
}

.infomap {
    height: 370px;
}

#map {
    height: 300px;
    width: 100%;
}


.table-responsive img {
    width: 20px;
}



@media all and (min-width: 992px) {

    .main-top {
        margin-top: 75px;
    }

    .navbar li.nav-item img,
    .navbar li.nav-item svg {
        height: 25px;
        display: block;
        margin: auto;
    }

    .nav-link.dropdown-toggle::after {
        display: none;
    }

    .navbar .megamenu {
        text-align: center;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .col-megamenu div img {
        display: block;
        margin: auto;
    }
}

@media(max-width: 991px) {
    .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }

    /*
    .menu-bottom {
        padding: 10px;
    }
    .menu-bottom img,
    .menu-bottom svg {
        height: 25px;
        display: inline-block;
        margin: auto;
    }
    */
    .main-top {
        margin-top: 20px;
        margin-bottom: 50px;
    }
}





/*===============================
					FOOTER 	
=================================*/
footer {
    font-size: 14px;
}

    footer .footer-logo img,
    footer .footer-logo-item {
        height: 50px;
        text-align: left;
        max-width: 100%;
        width: auto;
    }

    footer .newsletter-icon {
        position: absolute;
        bottom: 0px;
        right: 5px;
        font-size: 80px;
        color: rgba(0, 0, 0, 0.1) !important;
    }

    footer .widget {
        position: relative;
    }

.footer-dark {
    background: #343a40;
}

    .footer-dark *,
    .footer-dark .widget a {
        color: #d5d5d5;
    }

        .footer-dark .widget a:hover {
            color: #4cbd89;
        }

footer a,
footer a:visited,
footer a:hover {
    color: inherit;
    text-decoration: none;
}


/*===============================
		SOCIAL ICONS 	
=================================*/
.social-icons {
    padding: 0;
    line-height: 0;
}

.text-center.social-icons {
    display: inline-block;
}

.social-icons .social-icons-item {
    display: inline-block;
    list-style: none;
    line-height: 10px;
    margin: 0 5px 5px 0;
}

.social-icons-link {
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    border: 0;
    background: transparent;
    color: #343a40;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*dark*/
.social-icons.dark .social-icons-link {
    background: #343a40;
    color: #ffffff;
}

/*light*/
.social-icons.light .social-icons-link {
    background: #f0f1f3;
    color: #343a40;
}

/*round*/
.social-icons.round .social-icons-link {
    border-radius: 50%;
}

/*square*/
.social-icons.square .social-icons-link {
    border-radius: 0;
}

/*border*/
.social-icons.si-border .social-icons-link {
    border: 1px solid #8f9397;
}

/*large*/
.social-icons.si-large .social-icons-link {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 20px;
}

/*medium*/
.social-icons.si-medium .social-icons-link {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 18px;
}

/*colored*/
.social-icons.si-colored-bg .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-icons-link:hover {
    color: #ffffff;
    border: 0;
}

.social-icons.si-colored-bg .social-facebook .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-facebook .social-icons-link:hover {
    background-color: #5d82d1;
}

.social-icons.si-colored-bg .social-instagram .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-instagram .social-icons-link:hover {
    background-color: #548bb6;
}

.social-icons.si-colored-bg .social-twitter .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-twitter .social-icons-link:hover {
    background-color: #40bff5;
}

.social-icons.si-colored-bg .social-youtube .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-youtube .social-icons-link:hover {
    background-color: #ef4e41;
}

.social-icons.si-colored-bg .social-gplus .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-gplus .social-icons-link:hover {
    background-color: #dd5044;
}

.social-icons.si-colored-bg .social-rss .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-rss .social-icons-link:hover {
    background-color: #faa33d;
}

.social-icons.si-colored-bg .social-vimeo .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-vimeo .social-icons-link:hover {
    background-color: #35c6ea;
}

.social-icons.si-colored-bg .social-myspace .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-myspace .social-icons-link:hover {
    background-color: #008dde;
}

.social-icons.si-colored-bg .social-stumbleupon .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-stumbleupon .social-icons-link:hover {
    background-color: #ff5c30;
}

.social-icons.si-colored-bg .social-lastfm .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-lastfm .social-icons-link:hover {
    background-color: #f34320;
}

.social-icons.si-colored-bg .social-pinterest .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-pinterest .social-icons-link:hover {
    background-color: #e13138;
}

.social-icons.si-colored-bg .social-google .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-google .social-icons-link:hover {
    background-color: #eb5e4c;
}

.social-icons.si-colored-bg .social-evernote .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-evernote .social-icons-link:hover {
    background-color: #9acf4f;
}

.social-icons.si-colored-bg .social-dribbble .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-dribbble .social-icons-link:hover {
    background-color: #f7659c;
}

.social-icons.si-colored-bg .social-skype .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-skype .social-icons-link:hover {
    background-color: #13c1f3;
}

.social-icons.si-colored-bg .social-forrst .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-forrst .social-icons-link:hover {
    background-color: #45ad76;
}

.social-icons.si-colored-bg .social-linkedin .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-linkedin .social-icons-link:hover {
    background-color: #238cc8;
}

.social-icons.si-colored-bg .social-wordpress .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-wordpress .social-icons-link:hover {
    background-color: #2592c3;
}

.social-icons.si-colored-bg .social-grooveshark .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-grooveshark .social-icons-link:hover {
    background-color: #ffb21d;
}

.social-icons.si-colored-bg .social-delicious .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-delicious .social-icons-link:hover {
    background-color: #377bda;
}

.social-icons.si-colored-bg .social-behance .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-behance .social-icons-link:hover {
    background-color: #1879fd;
}

.social-icons.si-colored-bg .social-dropbox .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-dropbox .social-icons-link:hover {
    background-color: #17a3eb;
}

.social-icons.si-colored-bg .social-soundcloud .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-soundcloud .social-icons-link:hover {
    background-color: #ff7e30;
}

.social-icons.si-colored-bg .social-deviantart .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-deviantart .social-icons-link:hover {
    background-color: #6a8a7b;
}

.social-icons.si-colored-bg .social-yahoo .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-yahoo .social-icons-link:hover {
    background-color: #ab47ac;
}

.social-icons.si-colored-bg .social-flickr .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-flickr .social-icons-link:hover {
    background-color: #ff48a3;
}

.social-icons.si-colored-bg .social-digg .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-digg .social-icons-link:hover {
    background-color: #75788d;
}

.social-icons.si-colored-bg .social-blogger .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-blogger .social-icons-link:hover {
    background-color: #ff9233;
}

.social-icons.si-colored-bg .social-tumblr .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-tumblr .social-icons-link:hover {
    background-color: #426d9b;
}

.social-icons.si-colored-bg .social-quora .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-quora .social-icons-link:hover {
    background-color: #ea3d23;
}

.social-icons.si-colored-bg .social-github .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-github .social-icons-link:hover {
    background-color: #3f91cb;
}

.social-icons.si-colored-bg .social-wikipedia .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-wikipedia .social-icons-link:hover {
    background-color: #b3b5b8;
}

.social-icons.si-colored-bg .social-amazon .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-amazon .social-icons-link:hover {
    background-color: #ff8e2e;
}

.social-icons.si-colored-bg .social-xing .social-icons-link,
.social-icons.si-colored-bg-on-hover .social-xing .social-icons-link:hover {
    background-color: #1a8e8c;
}

.social-icons.si-colored li .social-icons-link,
.social-icons.si-colored-on-hover li .social-icons-link:hover {
    color: #ffffff;
    border: 0;
}

.social-icons.si-colored .social-facebook .social-icons-link,
.social-icons.si-colored-on-hover .social-facebook .social-icons-link:hover {
    color: #5d82d1;
}

.social-icons.si-colored .social-instagram .social-icons-link,
.social-icons.si-colored-on-hover .social-instagram .social-icons-link:hover {
    color: #548bb6;
}

.social-icons.si-colored .social-twitter .social-icons-link,
.social-icons.si-colored-on-hover .social-twitter .social-icons-link:hover {
    color: #40bff5;
}

.social-icons.si-colored .social-youtube .social-icons-link,
.social-icons.si-colored-on-hover .social-youtube .social-icons-link:hover {
    color: #ef4e41;
}

.social-icons.si-colored .social-gplus .social-icons-link,
.social-icons.si-colored-on-hover .social-gplus .social-icons-link:hover {
    color: #dd5044;
}

.social-icons.si-colored .social-rss .social-icons-link,
.social-icons.si-colored-on-hover .social-rss .social-icons-link:hover {
    color: #faa33d;
}

.social-icons.si-colored .social-vimeo .social-icons-link,
.social-icons.si-colored-on-hover .social-vimeo .social-icons-link:hover {
    color: #35c6ea;
}

.social-icons.si-colored .social-myspace .social-icons-link,
.social-icons.si-colored-on-hover .social-myspace .social-icons-link:hover {
    color: #008dde;
}

.social-icons.si-colored .social-stumbleupon .social-icons-link,
.social-icons.si-colored-on-hover .social-stumbleupon .social-icons-link:hover {
    color: #ff5c30;
}

.social-icons.si-colored .social-lastfm .social-icons-link,
.social-icons.si-colored-on-hover .social-lastfm .social-icons-link:hover {
    color: #f34320;
}

.social-icons.si-colored .social-pinterest .social-icons-link,
.social-icons.si-colored-on-hover .social-pinterest .social-icons-link:hover {
    color: #e13138;
}

.social-icons.si-colored .social-google .social-icons-link,
.social-icons.si-colored-on-hover .social-google .social-icons-link:hover {
    color: #eb5e4c;
}

.social-icons.si-colored .social-evernote .social-icons-link,
.social-icons.si-colored-on-hover .social-evernote .social-icons-link:hover {
    color: #9acf4f;
}

.social-icons.si-colored .social-dribbble .social-icons-link,
.social-icons.si-colored-on-hover .social-dribbble .social-icons-link:hover {
    color: #f7659c;
}

.social-icons.si-colored .social-skype .social-icons-link,
.social-icons.si-colored-on-hover .social-skype .social-icons-link:hover {
    color: #13c1f3;
}

.social-icons.si-colored .social-forrst .social-icons-link,
.social-icons.si-colored-on-hover .social-forrst .social-icons-link:hover {
    color: #45ad76;
}

.social-icons.si-colored .social-linkedin .social-icons-link,
.social-icons.si-colored-on-hover .social-linkedin .social-icons-link:hover {
    color: #238cc8;
}

.social-icons.si-colored .social-wordpress .social-icons-link,
.social-icons.si-colored-on-hover .social-wordpress .social-icons-link:hover {
    color: #2592c3;
}

.social-icons.si-colored .social-grooveshark .social-icons-link,
.social-icons.si-colored-on-hover .social-grooveshark .social-icons-link:hover {
    color: #ffb21d;
}

.social-icons.si-colored .social-delicious .social-icons-link,
.social-icons.si-colored-on-hover .social-delicious .social-icons-link:hover {
    color: #377bda;
}

.social-icons.si-colored .social-behance .social-icons-link,
.social-icons.si-colored-on-hover .social-behance .social-icons-link:hover {
    color: #1879fd;
}

.social-icons.si-colored .social-dropbox .social-icons-link,
.social-icons.si-colored-on-hover .social-dropbox .social-icons-link:hover {
    color: #17a3eb;
}

.social-icons.si-colored .social-soundcloud .social-icons-link,
.social-icons.si-colored-on-hover .social-soundcloud .social-icons-link:hover {
    color: #ff7e30;
}

.social-icons.si-colored .social-deviantart .social-icons-link,
.social-icons.si-colored-on-hover .social-deviantart .social-icons-link:hover {
    color: #6a8a7b;
}

.social-icons.si-colored .social-yahoo .social-icons-link,
.social-icons.si-colored-on-hover .social-yahoo .social-icons-link:hover {
    color: #ab47ac;
}

.social-icons.si-colored .social-flickr .social-icons-link,
.social-icons.si-colored-on-hover .social-flickr .social-icons-link:hover {
    color: #ff48a3;
}

.social-icons.si-colored .social-digg .social-icons-link,
.social-icons.si-colored-on-hover .social-digg .social-icons-link:hover {
    color: #75788d;
}

.social-icons.si-colored .social-blogger .social-icons-link,
.social-icons.si-colored-on-hover .social-blogger .social-icons-link:hover {
    color: #ff9233;
}

.social-icons.si-colored .social-tumblr .social-icons-link,
.social-icons.si-colored-on-hover .social-tumblr .social-icons-link:hover {
    color: #426d9b;
}

.social-icons.si-colored .social-quora .social-icons-link,
.social-icons.si-colored-on-hover .social-quora .social-icons-link:hover {
    color: #ea3d23;
}

.social-icons.si-colored .social-github .social-icons-link,
.social-icons.si-colored-on-hover .social-github .social-icons-link:hover {
    color: #3f91cb;
}

.social-icons.si-colored .social-wikipedia .social-icons-link,
.social-icons.si-colored-on-hover .social-wikipedia .social-icons-link:hover {
    color: #b3b5b8;
}

.social-icons.si-colored .social-amazon .social-icons-link,
.social-icons.si-colored-on-hover .social-amazon .social-icons-link:hover {
    color: #ff8e2e;
}

.social-icons.si-colored .social-xing .social-icons-link,
.social-icons.si-colored-on-hover .social-xing .social-icons-link:hover {
    color: #1a8e8c;
}

/*hover effect*/
.social-icons .social-icons-link:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}