.banner-home, .featured-col-1, .featured-col-2, .featured-main-list li, .filme-main, .filmes-noticia-list, .veja-mais {
    display: inline-block
}

/* DESTAQUES */
.featured {background: transparent}
.featured h2 {margin: 10px 0 0 0}
.featured h2 a {color: #000; font: 800 20px 'uni', Sans-Serif; text-decoration: none; line-height: 1.2; display: block}
.featured h2 a:hover {color:#242424}
.featured a img {border-radius: 5px}

/*.featured-main {margin-bottom: 20px}*/
.featured-main h2 a {font-size: 36px}

.featured-margin {margin-bottom: 15px}
/* FIM */



/* CATEGORIAS - EDITORIAS*/
.category {padding-bottom: 20px}
.category h2 {margin-bottom: 0; position: relative; flex: 1}
.category h2 span {background: #fff; display: inline-block; padding-right: 15px; position: relative; z-index: 10;}
.category h2 a {color: #000; font: 700 32px 'uni', Sans-Serif; text-transform: uppercase}
.category h2 a:before {content: ""; width: 100%; height: 1px; position: absolute; top:50%; left: 0; background: #dbe1e5}
.category h2 a:hover {color: #444}
.category i {padding-right: 6px}
/* FIM */



.filme-main {
    width: 314px;
    vertical-align: top
}

.filme-main h2 {
    font: 400 16px Arial, sans-serif;
    margin: 0
}

.filme-main img {
    width: 100%;
    margin-bottom: 8px
}

.filmes-noticia-list {
    width: 500px;
    margin: 0 22px;
    vertical-align: top
}

.filmes-noticia-list ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0
}

.filmes-noticia-list ul li {
    border-bottom: 1px solid #BAB9B9;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.filmes-noticia-list ul li h2 {
    font: 400 19px Arial, sans-serif;
    margin: 0
}

.filmes-noticia-list ul li:first-child h2 {
    font-weight: 700;
    font-size: 1.8em
}

.filmes-noticia-list ul li:last-child {
    border: 0;
    margin-bottom: 0;
    padding: 0
}

.banner-home {
    width: 300px
}

.banner-home img {
    max-width: 100%
}

.face-box h2 {
    margin-bottom: 15px
}
.veja-mais-lis ul {
    padding: 0;
    list-style: none;
    margin-top: 20px;
    margin-bottom: 0
}

.veja-mais-lis ul li {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 20px !important;
    margin-bottom: 20px;
    overflow:hidden;
}

.veja-mais-lis ul li h2 {
    margin: 0;
}
.veja-mais-lis ul li h2 a {
    color: #000;
    font: 500 20px 'uni', Sans-Serif;
    display: block;
    line-height: 1.2;
}
.veja-mais-lis ul li .category {
    color: #540413;
    font: 700 20px 'uni', Sans-Serif;
    display: block;
}

.veja-mais-lis ul li img {
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}

.veja-mais, .mais-lidas {display: block}



.mais-lidas {
    background: #f1f1f1;
    border-radius: 3px;
}

.mais-lidas .categoria {padding: 25px 20px 20px; border-bottom: 1px solid #fff}
.mais-lidas .categoria h2 {margin: 0; font:700 30px 'uni', Sans-Serif}

.mais-lidas ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.mais-lidas ul li {
    border-bottom: 1px solid #fff;
    padding: 20px 20px;
    display: flex;
    align-items: center;
}


.mais-lidas ul li span {font: 300 50px 'uni', sans-serif; flex: 0 0 20%; max-width: 20%; padding-left: 5px}
.mais-lidas ul li h2 {margin: 0}
.mais-lidas ul li h2 a {color:#000;font: 500 15px 'uni', sans-serif; display: block; line-height: 1.33}
.mais-lidas ul li h2 a:hover {text-decoration: none}

.mais-lidas ul li:hover span, .mais-lidas ul li:hover a {color: #444}

.topic ul li {
    margin-bottom: 20px
}

.topic ul {
    padding: 0;
    list-style: none;
    text-align: center
}


.topic ul li a {
    color:#5A0E0F;
    display: block;
    font-size: 40px;
    border-radius: 3px;
    border: 1px solid #9D0723;
    line-height: 1;
    padding: 3px 0;
    text-align: center
}

.topic-noticia ul li {
    padding-bottom: 20px;
    margin-bottom: 20px
}

/* Novos Destaques */
.category_highlight {margin-top: 32px}

/*.category-home ul {list-style: none; margin: 15px 0 0 0; padding: 0}*/
.category-home a {display: block}
.category-home a img {display: block; width: 100%; min-height:280px; border-radius: 5px}
.category-home h3 {margin:10px 0 0 0}
.category-home h3 a {color: #000; font: 800 18px 'uni', Sans-Serif; line-height: 1.2;}
.category-home .banner-filmes {display: flex; justify-content: center; text-align: center}

.banner-right {margin-top: 30px; display: flex; justify-content: center; text-align: center}


.error {text-align: center; height: 75vh; display: flex; justify-content: center; align-items: center; }
.error h1 {font: 800 10rem 'uni', Sans-Serif; line-height: 1.33; margin: 0}
.error span {font: 500 26px 'uni', Sans-Serif; display: block}


.featured, .featured-category {margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0}
.featured-category {min-height: 315px;}

.blog_widget {margin-bottom: 20px}
.blogs_home li a img {border-radius: 50%}
.blogs_home li span {display: block; margin-top: 10px}

@media (max-width: 768px) {
    .banner-home {
        width: 100%;
        margin-top: 20px
    }


    .category-home a img {min-height: auto !important; height: auto}
    .veja-mais-lis ul li img {width: 120px; height: auto;}

    .featured, .featured-category {min-height: auto}

    .veja-mais-lis ul li .category {font-size: 14px; margin-bottom: 5px !important;padding-bottom: 0;line-height: 1;}
    .veja-mais-lis ul li h2 a {font-size: 16px}
}

@media (max-width: 600px) {

    /* Novo css */
    .featured a img, .category-home ul li a img {width: 100%; height: auto; min-height: auto}
    .featured-main, .featured-margin {margin-bottom: 0}
    /*.featured, .featured-category {margin-bottom: 22px; padding-bottom: 20px; border-bottom: 1px solid #d0d0d0}*/

    .featured-main h2 a {font-size: 21px}

    .category-home ul li {max-height: none}
    /* FIM */

    .banner-home {
        width: 100%;
        display: block;
        margin-top: 20px
    }

    .filme-main {
        width: 100%;
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #BAB9B9
    }

    .filme-main h2 {
        font-size: 19px
    }

    .filmes-noticia-list {
        width: 100%;
        margin: 0
    }

    .banner {
        width: 100%;
        margin-top: 20px;
        margin-left: -5px
    }

    .mais-lidas, .veja-mais {
        width: 100%;
        margin-right: 0
    }

    .mais-lidas {margin-top: 32px}

    .veja-mais-lis ul li .category {font-size: 14px}
    .veja-mais-lis ul li h2 a {font-size: 18px}

    .veja-mais-lis ul li span {
        margin-bottom: 4px
    }
}