/* Start:/bitrix/templates/aspro_kshop/components/bitrix/news.list/main_template/style.css?17525735712005*/
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}


.articles-list.news{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 30px;
}

.articles-list.news>.item{
	width: calc(25% - 25px);
	display: flex;
    flex-direction: column;
	border: 1px solid #CCCCCC;
    overflow: hidden;
    border-radius: 10px;
	box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	transition: .3s;
}

.articles-list.news>.item:hover{
	box-shadow: none;
}

.articles-list.news .item .left-data{
	float: none;
    width: 100%;
	height: 238px;
	margin-bottom: 25px;
	position: relative;
}

.articles-list.news .item .item-title{
	margin-bottom: 15px;
}

.articles-list.news .item .item-title span{
	font-size: 22px;
}

.articles-list.news .item .preview-text{
	opacity: .8;
	margin-bottom: 15px;
}

.articles-list.news .item .preview-text>*{
	margin-bottom: 0;
}

.articles-list.news .item .right-data>a{
	display: block;
	margin-top: auto;
}

.articles-list.news .item .right-data{
	height: calc(100% - 240px - 25px);
    display: flex;
    flex-direction: column;
	padding: 0px 15px 15px 15px;
}

.articles-list.news .item .left-data a{
	display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.articles-list.news .item .left-data a img{
	max-width: none;
    max-height: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1200px){
	.articles-list.news>.item{
		width: calc(33% - 20px);
	}
}

/* @media (max-width: 1024px){
	.articles-list.news>.item{
		width: calc(50% - 20px);
	}
} */

@media (max-width: 768px){
	.articles-list.news>.item{
		width: calc(50% - 20px);
	}
}

@media (max-width: 549px){
	.articles-list.news>.item{
		width: 100%;
	}

	.articles-list.news .item .left-data{
		height: 300px;
    	min-height: 300px;
	}
}
/* End */
/* /bitrix/templates/aspro_kshop/components/bitrix/news.list/main_template/style.css?17525735712005 */