.example {
	display: -ms-grid;
	display: grid;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: -o-linear-gradient(top, white, black);
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
	background: linear-gradient(to bottom, white, black);
}

.news-page {
	padding: 16px calc(16px + 14 * ((100vw - 320px) / (1600 - 320)));
}

.news-lits--page {
	max-width: 1500px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

.news-list--content {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 80%;
	flex: 0 1 80%;
	padding-right: 3.5vw;
}

h1.news-list--h1 {
	margin: 30px 0 10px;
}

.news-list--title {
	margin: 0 0 50px;
}

.news-list--wrap {
	position: relative;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.news-list--item {
	background: #f6f6f6;
	border-radius: var(--box-br);
	-webkit-box-shadow: 0 1px 15px -5px #848484;
	box-shadow: 0 1px 15px -5px #848484;
	display: inline-block;
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 22%;
	flex: 0 1 22%;
	margin: 0 0 50px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.news-list--item:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.nl-item--data {
	padding: 10px 0 0;
}

.nl-item--name {
	padding: 0 10px 15px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}

.nl-item--text {
	padding: 0 10px 20px;
	font-size: 13px;
	line-height: 1.4;
}

.nl-item--like {
	background: #eee;
	padding: 5px 8px;
	font-size: 12px;
}

.nl-item--like :before {
	margin: 0 3px 0 0;
}

.page-news--right-bar {
	bottom: 0;
	position: sticky;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 1 1 160px;
	max-width: 200px;
	min-width: 150px;
	margin: 0 0 150px;
	padding-bottom: 50px;
}

.newslist--right-bar {
	padding-top: 80px;
}

.pn-rb--title {
	margin: 0 0 30px;
	font-size: 20px;
	font-weight: 700;
}

.pn-rb--info {
	overflow: hidden;
	position: relative;
	margin: 0 0 50px;
}

.pn-rb--info-scroll {
	overflow-x: hidden;
	height: 100vh;
	padding-right: 15px;
	margin: 0 -15px 0 0;
	max-height: 120vh;
}

.rb-link {
	border-radius: 12px;
	background: #f8f8f8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: relative;
	padding: 16px 10px;
	margin-right: 20px;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 500;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
}

.rb-link:hover {
	background: #eee;
	-webkit-transform: translateX(6px);
	-ms-transform: translateX(6px);
	transform: translateX(6px);
}

.rb-link span {
	display: inline-block;
	padding: 0 0 0 5px;
	font-size: 14px;
	color: #8c9bac;
}

.pn-rb--new {
	border-radius: var(--box-br);
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
}

.pn-rb--new-data {
	background: -o-linear-gradient(bottom, #0e1921 1%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #0e1921), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(0deg, #0e1921 1%, rgba(255, 255, 255, 0) 100%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column nowrap;
	flex-flow: column nowrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	border-radius: var(--box-br);
	position: absolute;
	padding: 0 10px 6px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 12px;
	color: #fff;
	opacity: 1;
}

.pn-rb--new:hover .pn-rb--new-data {
	background: -o-linear-gradient(bottom, #0e1921 1%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #0e1921), to(rgba(255, 255, 255, 0)));
	background: linear-gradient(0deg, #0e1921 1%, rgba(255, 255, 255, 0) 100%);
	opacity: 0;
}

.pn-rb--new-name {
	margin: 0 0 15px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4;
}

.pn-rb--new-price {
	margin: 0 0 8px;
	font-size: 13px;
	font-weight: 700;
}

.pn-rb--new-price span {
	font-weight: 400;
}

.pn-rb--new-id {
	font-size: 11px;
	color: #8c9bac;
}

.pn-rb--new-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 11px;
	color: #bbb;
}

.pn-rb--new-info svg {
	position: relative;
	--strok: #bbb;
	--fill: #bbb;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.pn-rb--sign {
	font-size: 14px;
	color: #333;
}

.pn-rb--sign span {
	color: #999;
}

.news-page--content {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	flex-wrap: nowrap;
	column-gap: 20px;
	position: relative;
	max-width: 1600px;
	margin-bottom: 50px;
}

.news-page--article {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 80%;
	flex: 0 1 80%;
	-ms-flex-item-align: start;
	align-self: flex-start;
	max-width: 750px;
	margin-bottom: 50px;
}

.news-page--title h1 {
	margin: 30px 0 50px;
	font-size: calc(24px + 10 * ((100vw - 320px) / (1600 - 320)));
}

.news-item--img {
	border-radius: var(--box-br);
	overflow: hidden;
	float: left;
	margin: 0 20px 20px 0;
}

.news-item--text {
	margin: 0 0 50px;
}

.news-item--text h2,
.news-item--text h3,
.news-item--text h4 {
	font-size: calc(23px + 5 * ((100vw - 320px) / (1600 - 320)));
	font-weight: 700;
	text-align: left;
	margin: 50px auto 20px;
	color: #131a22;
	line-height: 1.2;
}

.news-item--text p {
	display: block;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.6;
}

.news-item--text a {
	text-decoration: underline;
	color: #1f70fb;
}

.news-item--text a:hover {
	text-decoration: none;
}

.news-item--data {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 14px;
	gap: 26px;
}

.ni-data--info {
	column-gap: 10px;
	font-size: 14px;
}

.ni-data--info .ndi-info--item {
	position: relative;
	column-gap: 6px;
}

.ni-data--info .ndi-info--item svg {
	position: relative;
	--strok: var(--color-main);
}

.ni-data--link-beck {
	background: #f8f8f8;
	border-radius: var(--btn-br);
	padding: 14px 28px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	cursor: pointer;
}

.ni-data--link-beck:hover {
	background: #eee;
}

@media screen and (max-width: 859px) {
	.news-page--article {
		-webkit-box-flex: 0;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
		-ms-flex-item-align: start;
		align-self: flex-start;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.page-news--right-bar {
		display: none;
	}

	.news-item--data {
		justify-content: center;
	}
}