/* Start:/bitrix/templates/.default/components/bitrix/news.list/portfolio/style.css?15177390871406*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

.port-list {
	padding-left:0;
	margin-top:30px;
}
.port-list li{
	display:inline-block;
	vertical-align:top;
	list-style:none;
	width:31%;
	margin-bottom:20px;
	text-align:center;
	margin-right:20px;
	position:relative;
}
.port-list li:hover {
	box-shadow:0 0 0 3px #e00000;
}
.port-list .port-name {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	text-decoration:none;
	background:#e00000;
	width:100%;
	padding:10px 0;
	text-transform:uppercase;
}

.port-list.sng .port-item {
	display:none;
}
.port-list.sng .port-item.sng {
	display:inline-block;
}
.grup {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:20px;
	padding-left:0;
	margin-top:0;
}
.grup li {
	margin-right:10px;
	padding:3px 10px;
	list-style:none;
	margin-bottom:15px;
	border:1px solid #ccc;
	text-transform:uppercase;
	cursor:pointer;
}
.grup li:hover {
	border-color:#e00000;
}
.grup li.active {
	background:#e00000;
	color:#fff;
	border-color:#e00000;
}
.grup {
	
}
.port-list {
	
}
.port-list {
	
}
.port-list {
	
}

@media (max-width:1050px) {
	.port-list li {
		margin-right:12px;
	}
	.port-list .port-name {
		padding:5px 0;
	}
}
@media (max-width:850px) {
	.port-list li {
		width:47%;
	}
}
@media (max-width:550px) {
	.port-list li {
		width:100%;
		margin-right:0;
	}
}
/* End */
/* /bitrix/templates/.default/components/bitrix/news.list/portfolio/style.css?15177390871406 */