/* Start:/bitrix/templates/proopt_default/components/bitrix/news.list/docs/style.css?17028919952298*/
.docs-sections {

}
.docs-section {
	/* width: Hug (1,284px)
	height: Hug (340px)
	padding: 0px, 0px, 32px, 0px
	border: 0px, 0px, 1px, 0px
	gap: 32px */
	padding-bottom: 32px;
	border-bottom: 1px solid rgba(235, 235, 235, 1);
	margin-bottom: 32px;
}
.docs-sections .docs-section-title.hidden_section  {
	display: none; 
}
.docs-section-title {
	font-weight: 600;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 32px;
}

.docs-items {
    display: flex;
	flex-wrap: wrap;
}

.doc-item {
	width: 300px;
	height: 248px;
	background: #FBF3EB;
	margin-right: 25px;
	position: relative;

	padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 32px;

	display: flex;
    flex-direction: column;

	cursor: pointer;

	margin-bottom: 25px;
}
.doc-item:hover {
	background: #6F4436;
}
.doc-item:hover .doc-title,
.doc-item:hover .doc-download,
.doc-item:hover .doc-download a  {
	color: #fff;
}
.doc-item:hover .doc-download a svg path {
	fill: #fff;
}
.doc-item:hover .doc-type {
	background-color: #FFF;
	color: #6F4436;
}
.doc-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;

	padding-top: 32px;
	flex-grow: 1;
}
.doc-bottom {
	width: 100%;
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.doc-download {

}
.doc-download a,
.doc-download a:hover {
	text-decoration: none;
}
.doc-type {
	background-color: #6F4436;
	color: #fff;
	padding: 4px 8px 4px 8px;
}
.top {
	position: absolute;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    right: 0px;
}
.doc-href,
.doc-href:hover  {
	text-decoration: none;
}
.doc-href:hover .doc-download span svg path {
	fill: #fff;
}
@media all and (max-width: 1220px) {
	.docs-items {
		flex-wrap: wrap;
	}
	.doc-item {
		margin-bottom: 25px;
	}
}
@media all and (max-width: 920px) {
	.docs-items {
		flex-wrap: wrap;
	}
	.doc-item {
		margin-bottom: 25px;
		width: calc(50% - 25px);
		margin-right: 25px;
	}
	.doc-href {
		display: contents;
	}
	.docs-section {
		margin-right: 15px;
		margin-left: 15px;
	}
}

@media all and (max-width: 480px) {
	.docs-items {
		flex-wrap: wrap;
	}
	.doc-item {
		margin-bottom: 25px;
		width: 100%;
		margin-right: 0px;
	}
	.doc-href {
		display: contents;
	}
	.docs-section {
		margin-right: 15px;
		margin-left: 15px;
	}
}
/* End */
/* /bitrix/templates/proopt_default/components/bitrix/news.list/docs/style.css?17028919952298 */