body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    background: #eee;
    font-family: 'Fira Sans', sans-serif;
    font-size: 100%;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: static
}

body.mode-white {
    background: #fff!important
}

.grayscale-element {
    filter: grayscale(100%);
}


.ads {
    background-color: transparent!important;
    border: 0!important;
    border-radius: 3px!important;
    box-shadow: none!important;
    padding: 0!important
}

.ads iframe {
    max-height: auto!important;
    min-height: auto!important
}

.container:after,.container:before {
    content: "";
    display: table
}

.buzz-container {
    padding-top: 0;
}

.mode-add .content {
    border-right: 1px solid #e3e3e3;
    margin-top: 0;
    width: 950px;
}

.mode-add .sidebar,.mode-add .sidebar--fixed {
    margin-top: 0;
    width: 300px!important
}

.mode-white .sidebar-block {
    /*background: #fafafa!important*/
}

.container {
    max-width: 1320px
}

.content {
    display: block;
    /* float: left; */
    height: auto;
    /* margin-top: 5px; */
    position: relative;
    /* width: 100%;
}

.sidebar,.sidebar--fixed {
    height: auto;
    position: relative;
    width: 330px
}

.sidebar {
    display: block;
    float: left!important;
    margin-left: 20px;
    margin-top: 15px;
    z-index: 0
}

.sidebar--fixed {
    margin-bottom: 20px!important
}

@media (max-width: 1199px) and (min-width:1048px) {
    .content {
        width:716px!important
    }

    .container {
        width: 1048px
    }
}

.header,.header__searchbar {
    height: 56px
}

.header__appbar {
    border-bottom: 2px solid #eee;
    border-top: 0;
}

.header__appbar.is-passive {
    margin-top: -56px
}

.global-title {
    font-family: inherit!important
}

.header__appbar--left__menu__list__item>a {
    font-family: inherit!important;
    height: 56px
}

.header__appbar--left__menu__list__item__badge,.header__appbar--left__menu__list__item a,.header__appbar--right__notice .count {
    font-family: inherit!important
}

.sidebar-block {
    background-color: #fff;
    /* border: 1px solid rgba(0,0,0,.1); */
    border-radius: 3px 3px 0 0!important;
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1);
    color: #eb2649;
    margin-top: 20px;
    padding: 10px 15px 15px
}

.sidebar .sidebar-mosts__item {
    border-bottom: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    padding-bottom: 0
}

.sidebar-mosts__item:before {
    background-clip: padding-box;
    background-color: #f44336;
    border-radius: 100%;
    color: #fff;
    content: counter(li-counter);
    counter-increment: li-counter;
    font-size: .9375em;
    font-weight: 700;
    height: 24px;
    left: -5px;
    line-height: 24px;
    max-height: 24px;
    max-width: 24px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    top: -5px;
    width: 24px;
    z-index: 9
}

.column_list .sidebar-mosts__item:before,.timeline_right .sidebar-mosts__item:before {
    display: none
}

.colheader {
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    margin: -10px -15px 0
}

.colheader:after {
    clear: both;
    content: "";
    display: table
}

.colheader .header-title {
    border: 0;
    border-radius: 3px 3px 0 0;
    border-top: 5px solid transparent;
    font-size: 18px;
    font-weight: 600;
    line-height: 180%;
    margin: -2px 0 0;
    padding: 10px 15px;
    width: 100%
}

.category-timeline .colheader {
    align-items: center;
    display: flex;
    margin: 0
}

.category-timeline .colheader .header-title {
    border: 0;
    padding: 0
}

.content-timeline {
    display: block;
    float: none;
    position: relative;
    width: 100%
}

.content-timeline_right {
    float: none;
    margin: 0;
    width: 100%
}

.content-timeline__link {
    background-color: #fff;
    /* border: 1px solid rgba(0,0,0,.1); */
    box-shadow: 0 1px 1px hsla(0,3%,67%,.1)
}

.content-timeline__media {
    height: 147px;
    margin: 0 5px 0 0;
    width: 230px
}

.content-timeline__media__image img {
    position: relative;
    transition: all .3s;
    width: 105%;
    z-index: 4
}

.content-timeline__detail {
    padding: 10px 10px 10px 8px;
    width: calc(100% - 290px)
}

.content-timeline__detail__desc {
    margin: 8px 0 10px;
    padding: 0
}

.content-timeline__item {
    height: auto;
    margin-top: 10px
}

.content-timeline__detail__cat {
    color: #ccc;
    font-size: 12px;
    margin: 0 0 8px;
    padding: 0;
    text-transform: uppercase
}

.content-timeline__detail__cat a {
    color: #aaa;
    font-size: 12px
}


@media (max-width: 767px) {
    .content-timeline__detail {
        float:none;
        height: auto!important;
        margin: 0;
        position: relative;
        width: 100%!important;
        z-index: 1
    }

    .content-timeline__detail__container {
        background-color: #fff;
        display: block;
        height: auto;
        margin: -30px 0 0;
        padding: 10px;
        position: relative;
        width: 100%
    }
}

.headline {
    border-bottom: 0;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.headline,.headline-cats {
    background-color: transparent
}

.content-timeline__detail__social-media {
    position: absolute;
    right: 15px;
    top: 10px
}

.post-content {
    border-right: 1px solid #e3e3e3;
    margin-top: 0;
    padding-top: 10px
}

.content-title h1 {
    color: #000;
    font-family: inherit;
    font-size: 2.5em;
    font-weight: 800
}

@media screen and (max-width: 768px){
    .content-title h1 {
        color: #000;
        font-family: inherit;
        font-size: 1.5em;
        font-weight: 800
    }
}

.content-title a {
    color: #000;
    text-decoration: none
}

.content-info {
    color: #999;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    margin-top: 10px
}

.content-info span {
    display: table-cell
}

.content-body--right {
    float: left;
    margin-left: 0;
    /*padding-right: 20px;*/
    width: 100%
}

.content-body__detail h2,.content-body__detail h3,.content-body__detail h4,.content-body__detail h5,.content-body__detail h6 {
    font-family: inherit!important
}

@media (min-width: 768px) {
    .content-share,.content-share__icon {
        display:inline-block;
        position: relative
    }

    .content-share {
        margin-top: 15px;
        width: 100%
    }

    .content-share__item {
        border-radius: 2px;
        cursor: pointer;
        float: left;
        height: 41px;
        line-height: 0;
        margin: 0 8px 0 0;
        padding: 5px;
        position: relative;
        width: 128px
    }

    .content-share__icon {
        float: left
    }

    .content-share__item.twitter .content-share__icon {
        background-position: -75px -35px
    }

    .content-share__item.facebook .content-share__icon {
        background-position: -75px -68px
    }

    .content-share__item.pinterest .content-share__icon {
        background-position: -109px -134px
    }

    .content-share__item.mail {
        width: 42px
    }

    .content-share__text {
        color: #fff;
        float: left;
        font-family: inherit;
        font-size: 16px;
        font-weight: 700;
        line-height: 30px;
        margin: 0 0 0 10px
    }

    .content-font {
        float: left;
        margin: 0;
        padding: 0;
        position: relative
    }

    .content-font__item {
        border-radius: 2px;
        height: 42px;
        width: 42px
    }

    .content-font__item:before {
        display: none
    }
}

.single-page .page-container {
    margin-top: 40px;
    min-height: 800px
}

.single-page .content-body {
    color: #222;
    display: block;
    padding-right: 26px;
    position: relative;
    width: 100%
}

.single-page .content-body__detail {
    font-family: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 1.75em;
    text-decoration: none
}

.profile-splash {
    margin-top: 56px
}

/* some css */
.border-fast{
    border-right: 1px solid #cccccc;
}

span.menu-title {
    font-weight: 800!important;
    color: #000;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: 'Fira Sans','sans-serif';
}

@media screen and (max-width: 768px){
    span.menu-title {
        font-weight: 800!important;
        color: #000;
        font-size: 1.1rem;
        letter-spacing: -.4px;
        text-transform: uppercase;
    }
}

span.menu-title:hover {
    color: #D41727;
}
.row.card_l_news {
    width: 100%;
    overflow-y: scroll;
    max-height: 667px;
}

.row.card_l_news::-webkit-scrollbar {
    background-color: #fff;
    width: 2px;
}
.row.card_l_news::-webkit-scrollbar-thumb {
    background-color: #D41727;
    border-radius: 20px;
}
.row.card_l_news::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    -webkit-box-shadow: inset 0 0 6px rgb(224, 221, 221);
}


img.featured4_news_news {
    width: 100%;
    height: 115px;
    object-fit: cover;
    overflow: hidden;
    max-height: 115px;
    background-color: #ccc;
}

span.time {
    font-size: 10px;
    color: #adadad;
}
span.time-light {
    font-size: 10px;
    color: #fff;
}

img.featured_global_image {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
}
img.newspaper_image{
    width: 100%;
    height: 250px;
    max-height: 250px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
}
img.photo_news {
    width: 100%;
    height: 400px;
    max-height: 400px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
    filter: brightness(60%);
}
img.photo_news:hover {
    filter: brightness(40%);
}

img.trend-news {
    width: 100%;
    height: 200px;
    max-height: 200px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
    filter: brightness(60%);
}
img.trend-news:hover {
    filter: brightness(40%);
}

/* week-top-news */
.list-week-top-news {
    list-style: none;
    counter-reset: list;
}
.list-week-top-news>li::before {
    content: counter(list);
    counter-increment: list;
    color: #dadddf;
    font-size: 3.5rem;
    line-height: unset;
    font-weight: 900;
    padding: 0 10px 0 3px;
}
.week-top-news {
    border-radius: 5px;
}
ol.list-week-top-news {
    margin: 0;
    padding: 0;
}
span.data-list-week-top-news {

    position: absolute;
    color: #c1c1c1;
    margin-left: 10%;
}
h5.top-news-title a {
    color: #333;
    font-size: 1rem;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    text-align: left;
}
h5.top-news-title a:hover{
    color: #D41727;
}
span.text-top-news {
    font-size: 12px;
    color: #cccccc;
}

.sidebar-new {
    position: sticky;
    top: 10px;
    left: 0;
    padding-bottom: 50px;
    max-width: 330px;
}

h2.redactions-news-title {
    font-size: 2.5rem;
    line-height: 1.3;
    font-weight: 900;

}
h2.redactions-news-title:hover {
    color: #D41727;
}

h6.fast-news-title:hover {
    color: #D41727;
}

h6.card_l_news-title:hover {
    color: #D41727;
}
h6.featured4_news-title:hover {
    color: #D41727;
}
h6.newspaper_3posts_news-title:hover {
    color: #D41727;
}
h3.newspaper_1posts_news-title:hover {
    color: #D41727;
}
h2.interview_news-title:hover {
    color: #D41727;
}
h6.categories_news-title:hover {
    color: #D41727;
}

section#global_news {
    background: #253345;
    padding: 20px 20px 25px;
}

h2.redactions-news-title {
    color: #fff;
}

span.time-l {
    color: #adadad;
	font-size: 10px;
}

p.description-l {
    color: #999;
}

a.redactions-news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

a.fast-news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h6.fast-news-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 400;

}

a.featured4_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h6.featured4_news-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;

}

a.content-timeline__detail__author {
    color: #D41727;
    text-decoration: none;
}

img.fast-news-thumb {
    width: 100%;
    max-height: 45px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
}

img.profile-splash-img {
    max-height: 250px;
    height: 250px;
    overflow: hidden;
}
.avatar{
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
}

.colheader.formula .header-title {
    border-color: transparent;
    color: #333;
}
.colheader.rosy .header-title {
    border-color: transparent;
    color: #444;
}

@media screen and (max-width: 768px){

    .header__appbar--left__logo {
        display: flex;
        height: 58px;
        position: relative;
        width: 122px;
        justify-content: center;
        text-align: center;
    }

    img.site-logo{
        /*margin-left: 20px;*/
        width: 100%;
    }
    .drawer__header__logo {
        display: block;
        float: left;
        margin: 17px 0;
        width: 180px;
    }
    .content-body__detail blockquote {
        /*background: transparent url(/assets/images/blockquote.png?baf8424…) no-repeat 0 0;*/
        font-size: 20px;
        font-weight: 300;
        line-height: 28px;
        margin: 25px 4px 9px 20px;
        padding: 5px 0 5px 40px;
    }
    img.featured4_news_news {
        display: none;
    }
	img.newspaper_3posts_news {
        display: none;
    }
	div#none-mobile {
    display: none;
	}
	figure#none-mobile {
    display: none;
	}
	h2.interview_news-title {
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
	}
    section#featured_news {
        padding: 15px;
        background-color: #eee;
    }
    h2.redactions-news-title {
        font-size: 1.5rem;
        line-height: 1.3;
        font-weight: 600;
    }
    section#newspaper{
        display: block;
    }
    section#interview_news{
        display: block;
    }
    section#categories{
        display: block;
    }
    section#photo{
        display: block;
    }
    section#world{
        display: block;
    }
    div#featured_news_head{
        display: block;
    }
}

img.newspaper_3posts_news{
    width: 100%;
    height: 115px;
    object-fit: cover;
    overflow: hidden;
    max-height: 115px;
    background-color: #ccc;
}

a.newspaper_3posts_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h6.newspaper_3posts_news-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 600;

}

a.newspaper_1posts_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h3.newspaper_1posts_news-title {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 800;

}
p.description {
    color: #6c757d;
    font-size: 0.9rem;
}

.sidebar-homepage {
    position: sticky;
    top: 25px;
}

a.card_l_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h6.card_l_news-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 400;

}

a.photo_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h5.photo_news-title {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
}

a.politic_1posts_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h5.politic_1posts_news-title {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 500;
    color: #000;
}

img.politic_1posts_news_image{
    width: 100%;
    height: 170px;
    max-height: 170px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;
}

a.categories_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h6.categories_news-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 400;

}
img.categories_news_news {
    width: 100%;
    height: 115px;
    object-fit: cover;
    overflow: hidden;
    max-height: 115px;
    background-color: #ccc;
}

img.world_news {
    width: 100%;
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    max-height: 200px;
    background-color: #ccc;
}

img.interview_news {
    width: 100%;
    height: 300px;
    max-height: 300px;
    object-fit: cover;
    overflow: hidden;
    background-color: #ccc;

}

a.interview_news-link {
    text-decoration: none;
    color: #000;
    line-height: 100%;
}

h2.interview_news-title {
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 900;
}

.newssport {
    border-top: 3px solid #D41727;
    background-color: #f1f3f5;
}