

/* Start:/media/css/news.css?16801997714476*/
.section-news,
.section-news__detail {
    margin-top: 18px;
}

.news__tags ul {
    list-style: none;
    padding-left: 0;
}
.button__back{
    margin-bottom: 32px;
}
.news__tags ul li {
    display: inline-block;
    padding: 4px 12px;
    margin-right: 6px;
    background-color: #F3F3F3;
    border-radius: 4px;
    cursor: pointer;
    font-size: .875rem;
}
.news__tags .swiper-slide{
    width: auto;
}
.news__tags.swiper-button-next {
    right: -2px;
    width: auto;
    height: auto;
    margin-top: -20px;
}

.news__tags.swiper-button-prev {
    left: -2px;
    width: auto;
    height: auto;
    margin-top: -20px;
}

.news__tags.swiper-button-prev:after,
.news__tags.swiper-button-next:after {
    color: #5e5e5e;
    font-size: 20px;
}

.news__tags ul li:hover {
    background-color: #F9F9F9;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
}

.news__tags ul li:hover label {
    color: #f3000099;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
}

.news__tags ul li label {
    color: #333;
  cursor: pointer;
  margin: 0;
}
#filter-news input[name="set_filter"],
#filter-news input[name="del_filter"]{
    display: none;
}
.news__tags ul li label:hover {
    color: #f3000099;
}

.news__tags ul li.active label:hover,
.news__tags ul li.active .news__tags-link:hover{
	color: #fff
}

.news__tags input[type="radio"] {
    display: none;
}

.news__img{
	margin-right: 20px;
	margin-bottom: 5px;
}

.news__tags-link{
	color: #333;
}
.news__tags ul li .news__tags-link:hover {
    color: #f3000099;
	text-decoration: none
}
.news__tags ul li.active .news__tags-link{
	color: #fff;
}
.news__item {
    margin-bottom: 48px;
}
.news__item.hidden{
	display: none !important;
}
.news__data {
    font-size: .875rem;
}

.news__title {
    font-size: 1.5rem;
    margin-bottom: 24px;
}

.news__title a {
    color: #000000;
    padding-bottom: 1px;
    border-bottom: 2px solid #00000033;
	line-height: normal
}

.news__title a:hover {
    text-decoration: none;
    color: #000000;
    border-bottom: 2px solid #f3000099;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
}

.news .news__element {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.news__element_img {
    max-width: 250px;
    min-width: 250px;
    min-height: 150px;
    max-height: 150px;
    width: 100%;
    position: relative;
    margin-right: 24px;
}

.news__element_images{
    float: left;
    padding: 0 15px 15px 0;
}

.news__element_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news__hashtag {
    margin-top: 24px;
    font-size: .75rem;
}

.news__hashtag a {
    color: #000000;
}

.section-news h1 {
    text-align: center;
    margin-bottom: 48px;
}

.section-news__detail h1 {
    font-size: 2rem;
    margin-bottom: 48px;
}

.news-detail .news__data {
    margin-bottom: 24px;
}

.button__back {
    font-size: .875rem;
}

.button__back a {
    color: #333;
    border-bottom: 1px solid #00000033;
}

.button__back a:hover {
    border-bottom: 1px solid #f3000099;
    text-decoration: none;
}
.pagination-news .pagination{
    justify-content: center;
}
@media screen and (max-width: 767px) {
    .news .news__element {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .news__element_img {
        max-width: 100%;
        max-height: 100%;
    }

    .news__element_descript {
        /*margin-top: 24px;*/
    }

    .news__item {
        margin-bottom: 32px;
    }

   

    .news__tags ul {
        margin-bottom: 0;
    }

    .news__tags ul li {
        margin-bottom: 12px;
        font-size: .75rem;
    }

    .section-news h1 {
        margin-bottom: 32px;
        font-size: 2rem;
    }

    .section-news {
        margin-top: 32px;
    }

    .section.section-news__detail h1 {
        font-size: 1.5rem;
    }

    .section-news__detail h1 {
        margin-bottom: 24px;
    }

    .button__back {
        margin-bottom: 24px;
    }
	.news__img{
		margin-right: 0;
		margin-bottom: 10px;
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
    .news__element_images{
        float: none;
        width: 100%;
        padding-right: 0;
    }
}


/* End */
/* /media/css/news.css?16801997714476 */
