@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background, .news-item .news-item-img img:not(.loaded) {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 700px 104px;
    position: relative
}

.news-header .news-h1 {
    padding: 10px 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    color: #212b36
}

@media (max-width: 767px) {
    .news-header .news-h1 {
        font-size: 20px
    }
}

.news-header .news-menu {
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .news-header .news-menu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.news-header .news-menu .news-menu__item {
    padding-bottom: 10px
}

@media (max-width: 767px) {
    .news-header .news-menu .news-menu__item {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0
    }
}

.news-header .news-menu .news-menu__item a {
    color: #333;
    font-size: 14px;
    line-height: 21px;
    padding-bottom: 10px;
    position: relative
}

@media (max-width: 767px) {
    .news-header .news-menu .news-menu__item a {
        font-size: 14px
    }
}

.news-header .news-menu .news-menu__item a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: transparent
}

.news-header .news-menu .news-menu__item a.active, .news-header .news-menu .news-menu__item a:hover {
    color: #3bb77e
}

.news-header .news-menu .news-menu__item a.active:before, .news-header .news-menu .news-menu__item a:hover:before {
    background-color: #3bb77e
}

.news-header .news-menu .news-menu__item+.news-menu__item {
    margin-left: 15px
}

@media (max-width: 991px) {
    .news-header .news-menu .news-menu__item+.news-menu__item {
        margin-left: 10px
    }
}

.news-item .news-item-img {
    display: block;
    position: relative
}

.news-item .news-item-img img {
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: auto
}

.news-item .news-item-img img:not(.loaded) {
    width: 100% !important;
    height: 100% !important;
    opacity: 1
}

.news-item .news-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    margin-top: 15px
}

.news-item .news-item-title:hover a {
    color: #3bb77e
}

.news-item .news-item-title a {
    color: #212b36
}

.news-item .news-item-title a:hover, .news-item .news-item-title a:focus {
    color: #3bb77e
}

.news-item .news-item-time {
    font-size: 14px;
    color: #000
}

.news-item.news-small-item .news-item-img {
    height: 270px
}

@media (max-width: 1024px) {
    .news-item.news-small-item .news-item-img {
        height: 213px
    }
}

@media (max-width: 991px) {
    .news-item.news-small-item .news-item-img {
        height: 156px
    }
}

@media (max-width: 767px) {
    .news-item.news-small-item .news-item-img {
        height: 368px
    }
}

@media (max-width: 668px) {
    .news-item.news-small-item .news-item-img {
        height: 368px
    }
}

@media (max-width: 569px) {
    .news-item.news-small-item .news-item-img {
        height: 388px
    }
}

@media (max-width: 480px) {
    .news-item.news-small-item .news-item-img {
        height: 284px
    }
}

@media (max-width: 376px) {
    .news-item.news-small-item .news-item-img {
        height: 256px
    }
}

@media (max-width: 321px) {
    .news-item.news-small-item .news-item-img {
        height: 217px
    }
}

.news-item.news-big-item .news-item-img {
    height: 435px
}

@media (max-width: 1024px) {
    .news-item.news-big-item .news-item-img {
        height: 345px
    }
}

@media (max-width: 991px) {
    .news-item.news-big-item .news-item-img {
        height: 255px
    }
}

@media (max-width: 767px) {
    .news-item.news-big-item .news-item-img {
        height: 368px
    }
}

@media (max-width: 668px) {
    .news-item.news-big-item .news-item-img {
        height: 368px
    }
}

@media (max-width: 569px) {
    .news-item.news-big-item .news-item-img {
        height: 388px
    }
}

@media (max-width: 480px) {
    .news-item.news-big-item .news-item-img {
        height: 284px
    }
}

@media (max-width: 376px) {
    .news-item.news-big-item .news-item-img {
        height: 256px
    }
}

@media (max-width: 321px) {
    .news-item.news-big-item .news-item-img {
        height: 217px
    }
}

@media (max-width: 569px) {
    .pagging-css {
        margin-top: 15px
    }
}

.pagging-css .pagination {
    justify-content: center
}

@media (min-width: 992px) {
    .fixpadding-blog {
        padding-left: 0
    }
}