body {
	margin: 0 auto;
}
.content__conteiner {
	margin: 0 auto;
	max-width: 1320px;
	width: 100%;
}

.container {
	max-width: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	background: #fff;
	margin: 0;
	padding: 0;
	z-index: 999;
}

p,
h4 {
	display: block;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}

/*user-post*/
.main__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 30px;
	width: 100%;
}

.main__wrappers {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 30px;
}

.content__wrapper {
	width: 70%;
	margin: 0 auto;
	display: flex;
}

.content__wrappers {
	width: 70%;
	margin: 0 auto;
}

.content__left {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 15px;
}

.content__title {
	margin: 0 auto;
}

.content__image_wrapper {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	cursor: pointer;
	text-decoration: none;
	color: #222;
	font-size: 14px;
}

.content__image_wrapper:visited {
	color: #222;
}

.contnet__image {
	width: 100%;
	max-height: 580px;
	height: 100%;
	object-fit: cover;
	margin: 0 auto;
}

.content__description {
	font-size: 24px;
	line-height: 28px;
	color: #222;
	margin: 0 auto 0 0;
}

.content__text {
	font-size: 18px;
	line-height: 22px;
	color: #222;
}

.content__text p {
	margin: 20px auto;
}

.content__text p img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
}

.content__about {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
}

.content__create {
	font-size: 18px;
	color: #333;
	font-weight: 600;
}

.content__author {
	font-size: 16px;
	cursor: pointer;
	color: #555;
}
.content__author:visited {
	color: #555;
}

@media screen and (max-width: 600px) {
	.main__wrapper {
		padding: 30px 0;
	}

	.content__wrapper {
		width: 100%;
	}
	.content__title {
		margin-left: 5px;
	}
	.content__description {
		margin-left: 5px;
	}

	.content__text {
		margin-left: 5px;
	}
	.content__about {
		margin-right: 5px;
	}
}

/*user-post*/

.all_content {
	max-width: 1170px;
	margin: 60px auto;
	padding: 0 30px;
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.seller-block {
	position: relative;
}

.container-view {
	width: 100%;
}

.side-bar {
	position: relative;
}

.main__information_container {
	position: relative;
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
}

.post-container {
	position: absolute;
	top: 5px;
	left: 5px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 5px;
}
.post-container-item {
	display: flex;
	align-items: center;
	color: #fff;
	text-shadow: 1px 1px 3px #210e09;
}

.date {
	font-size: 10px;
}
.time {
	font-size: 12px;
	font-weight: 400;
}

.time-article-two {
	font-weight: 600;
	font-size: 20px;
	line-height: 20px;
	color: #444;
}

.first__post {
	margin: 0 0 40px 0;
}

.name-photo {
	width: 35px;
	height: 35px;
	margin-right: 5px;
	border-radius: 20px;
}

.post__info {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.post__author {
	font-size: 20px;
	color: #fff;
	line-height: 20px;
	text-shadow: 0px 0px 2px #1a0b07;
}
.date__container {
	line-height: 10px;
}

.name {
	font-size: 13px;
	color: #333;
	line-height: 12px;
}
h1 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	color: #333;
	margin-block-start: 0;
	margin-block-end: 0;
	margin: 0 0 35px 0;
}

@media screen and (min-width: 900px) {
	h1 {
		font-size: 50px;
		line-height: 54px;
		color: #444;
	}
}

.three_last_news_block {
	margin: 0;
}

.three_news_block__wrapper {
	margin: 20px 0 10px 0;
}

.first-item {
	width: 100%;
}

.img-view {
	display: block;
	width: 100%;
	max-width: 500px;
	height: 100%;
	max-height: 750px;
	object-fit: cover;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	background-image: url(https://uj-images.ru/images/article/2022/03/622f6c17e72f5.webp);
	background-repeat: no-repeat;
	background-size: contain;
	color: transparent;
}
h2 {
	font-size: 28px;
	font-weight: 400;
	line-height: 32px;
}

.subtitle {
	font-size: 24px;
	font-weight: 400;
	line-height: 28px;
}
.ad__conteiner {
	display: block;
	position: sticky;
	top: 70px;
	width: 100%;
}

.google__link {
	margin-top: 15px;
}

.google__link_img {
	width: 100%;
	height: 130px;
	object-fit: cover;
}

.btn-view {
	padding: 5px 15px 5px;
	margin: 40px auto 0 auto;
	border-radius: 8px;
	border: none;
	background: #1cc7d0;
	color: #fff;
	font-size: 18px;
	transition: all 0.25s ease-in-out;
	text-align: center;
	width: 50%;
}

.btn-view:hover {
	background: #49c0b6;
}

.foto-city {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 12px;
	padding: 0 7px 0 2px;
}

.photo-text_wrapper {
	width: 100%;
	margin: 0 auto;
}

@media screen and (min-width: 600px) {
	.photo-text_wrapper {
		margin: 15px auto 0 auto;
	}
}

.photo-text_wrapper h4 {
	font-size: 26px;
	line-height: 30px;
	margin: 20px 0;
	color: #333;
	text-wrap: balance;
}

.photo-text_wrapper p {
	font-size: 24px;
	line-height: 28px;
	margin: 20px 0;
	overflow: hidden;
	text-wrap: balance;
}

.photo-text_wrapper p iframe {
	width: 100%;
	height: 400px;
}

.photo-text_wrapper a {
	display: inline;
	color: #0e7490;
}

.photo-text_wrapper a:hover {
	color: #d1d5db;
	transition: all ease-in-out 0.25s;
}

.photo-text_wrapper ul {
	padding-inline-start: 25px;
}

.photo-text_wrapper ul li {
	font-size: 20px;
	line-height: 24px;
	color: #444;
	list-style: disc;
	margin: 15px 0;
	text-wrap: balance;
}

.photo-text_wrapper ol {
	padding-inline-start: 25px;
}

.photo-text_wrapper ol li {
	font-size: 20px;
	line-height: 24px;
	color: #444;
	list-style: disc;
	margin: 15px 0;
	text-wrap: balance;
}

.photo-text_wrapper p img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
}

.photo-text_wrapper h3 {
	margin: 35px 0 0 0;
	color: #374151;
	font-size: 26px;
	text-transform: uppercase;
}

.photo-text_wrapper h4 a {
	color: #666;
	display: block;
	margin-top: 15px;
	font-size: 26px;
	font-weight: 600;
}

.photo-item h4 a {
	color: #9ca3af;
	display: block;
	margin-top: 8px;
	font-size: 20px;
}

.photo-text_wrapper h4 a:hover {
	color: #0e7490;
	transition: all 0.25s ease-in-out;
}

.photo-item h4 a:hover {
	color: #0e7490;
	transition: all 0.25s ease-in-out;
}

.photo-text {
	font-size: 24px;
	line-height: 28px;
}

.photo-item p {
	font-size: 24px;
	line-height: 28px;
	margin-top: 20px;
}

.photo-item ul {
	margin-top: 25px;
}

.photo-item li {
	font-size: 20px;
	line-height: 24px;
	font-style: italic;
	list-style: disc;
	margin: 5px 0 0 30px;
}

.foto {
	max-width: 100%;
}

.photo-item {
	width: 100%;
}

.photo-item img {
	display: block;
	width: 100%;
	max-width: 500px;
	height: auto;
	object-fit: cover;
	margin: 20px auto;
	border-radius: 8px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
}

.social__items {
	display: flex;
	flex-direction: row;
	justify-content: end;
	gap: 5px;
	align-items: center;
	color: #555;
}

.social__item {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	padding: 3px;
	border: 1px solid oklch(0.551 0.027 264.364);
	border-radius: 4px;
	transition: all 0.25s ease-in-out;
	color: oklch(0.707 0.022 261.325);
}

#tg:hover {
	background: #0088cc;
	color: #fff;
	border: 1px solid #0088cc;
}

#whatsapp:hover {
	background: #25d366;
	color: #fff;
	border: 1px solid #25d366;
}

#viber:hover {
	background: #8f5db7;
	color: #fff;
	border: 1px solid #8f5db7;
}

#link:hover {
	background: #1cc7d0;
	color: #fff;
	border: 1px solid #1cc7d0;
}

.speech-control-container {
	max-width: 380px;
	margin: 15px auto 40px auto;
	display: flex;
	justify-content: center;
	gap: 12px;
	align-items: center;
}
.btn {
	width: 36px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	border-radius: 8px;
	padding: 8px;
	color: #fff;
	cursor: pointer;
}
.btn-start {
	background-color: #74f6a7;
}
.btn-start:focus,
.btn-start:hover {
	background-color: #1a936f;
}
.btn-pause {
	background-color: #f5eb82;
}
.btn-pause:focus,
.btn-pause:hover {
	background-color: #ffd717;
}
.btn-resume {
	background-color: #4fc1e9;
}
.btn-resume:focus,
.btn-resume:hover {
	background-color: #0d8abc;
}
.btn-stop {
	background-color: #f67e7d;
}
.btn-stop:focus,
.btn-stop:hover {
	background-color: #e2434b;
}
.loader {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	background-color: #4b5563;
	padding: 5px;
	border-radius: 10px;
}
#wave {
	height: 21px;
	width: 120px;
	fill: #fff;
}

.interesting-articles-new {
	max-width: 970px;
	width: 100%;
	color: #333;
	margin: 0px auto;
}

.color-links {
	padding: 15px 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(34, 60, 80, 0.08);
	-moz-box-shadow: 0px 0px 2px 1px rgba(34, 60, 80, 0.08);
	box-shadow: 0px 0px 2px 1px rgba(34, 60, 80, 0.08);
	border-radius: 4px;
}

.other-news {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.other-news li {
	width: 100%;
	list-style: disc;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #d1d5db;
}

.other-news li:last-child {
	padding: 0;
	border-bottom: none;
}

.other-news li a {
	color: #222;
	font-size: 24px;
	line-height: 28px;
	transition: all 0.3s ease-in-out;
}

.three_news_block__wrapper {
	padding: 0 0 15px 0;
}

.load__wrapper {
	width: 100%;
	display: flex;
	gap: 15px;
	position: relative;
}

.js-trigger-load-articles-after-scroll {
	width: 67%;
}

#load-articles-after-scroll {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 34px;
}

.content-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: #222;
}

.post-block {
	margin: 0;
}
.article-wrapper-link {
	display: flex;
	flex-direction: row;
	gap: 5px;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.block-pop-name {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.name-foto {
	margin: 0;
}

.art-foto {
	display: flex;
	flex-direction: column;
	gap: 11px;
}

.article__thumb_container {
	max-width: 500px;
	width: 100%;
	max-height: 335px;
	height: 100%;
	object-fit: cover;
}

.article__thumb_container img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.title-desktop {
	font-size: 26px;
	line-height: 28px;
}

.text1Show {
	font-size: 20px;
	line-height: 24px;
	margin-top: -3px;
}

.load__banner {
	width: 30%;
	position: relative;
	height: auto;
}

.baner__item {
	width: 100%;
	position: sticky;
	top: 20px;
	height: auto;
}

.baner__item img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

@keyframes pulse {
	0% {
		transform: scaleY(1);
		transform-origin: 50% 50%;
	}
	50% {
		transform: scaleY(0.7);
		transform-origin: 50% 50%;
	}
	100% {
		transform: scaleY(1);
		transform-origin: 50% 50%;
	}
}

@media (min-width: 800px) {
	.container-view {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	.seller-block {
		max-width: 800px;
		margin: 0 auto;
		background: #fff;
	}
	.side-bar {
		flex: 0.3;
		padding: 10px 10px 20px 10px;
		background: #fff;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(47, 57, 64, 0.15);
		-moz-box-shadow: 0px 0px 1px 1px rgba(47, 57, 64, 0.15);
		box-shadow: 0px 0px 1px 1px rgba(47, 57, 64, 0.15);
		border-radius: 3px;
	}
}

.photo-text_wrapper blockquote {
	margin: 20px 0px 20px 4px;
	padding: 7px 0 7px 15px;
}

.photo-text_wrapper blockquote p {
	font-size: 26px;
	line-height: 30px;
	letter-spacing: 1.1px;
	margin-top: 0;
}

.header-menu {
	margin: 0;
}

@media screen and (max-width: 600px) {
	.content__conteiner {
		margin: 0;
	}

	.seller-block {
		width: 100%;
	}

	.all_content {
		padding: 0;
		margin: 56px 0 0 0;
	}

	.container-view {
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 25px;
	}

	.interesting-articles-new {
		width: 96%;
		margin: 0 auto;
	}
	h1 {
		margin: 10px 2px 10px 7px;
	}
	h2 {
		margin: 0 2px 15px 7px;
	}

	.photo-text_wrapper {
		width: 96%;
		margin: 0 auto;
	}
	.photo-text {
		margin: 0;
	}
	.photo-text_wrapper li {
		margin: 0 0 0 25px;
	}
	.photo-item {
		width: 96%;
		margin: 0 auto;
	}

	.btn-view {
		width: 80%;
		font-size: 20px;
		padding: 3px 15px;
	}

	.load__wrapper {
		flex-direction: column-reverse;
		width: 96%;
		margin: 0 auto;
		gap: 30px;
	}
	.js-trigger-load-articles-after-scroll {
		width: 100%;
	}
	.color-links {
		padding: 15px 0;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}

	.other-news {
		width: auto;
		margin-left: 20px;
	}

	.other-news li {
		list-style: disc;
	}
	.load__banner {
		width: 100%;
		margin: 0 auto;
	}

	.post-container {
		left: 5px;
	}

	.speech-control-container {
		margin: 20px auto;
	}
}

/*advertising of services*/

.advertising_of_services__block {
	max-width: 970px;
	margin: 35px auto 35px auto;
	color: #111827;
}

.advertising_of_services__block_item {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 1px solid #d1d5db;
}

.advertising_of_services__block_image {
	flex: 0.35;
}

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

.advertising_of_services__block_content {
	flex: 0.65;
	display: flex;
	flex-direction: column;
	padding: 10px;
	justify-content: space-between;
	gap: 10px;
}

.advertising_of_services__block_content_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
}

.advertising_of_services__block_content_author_container {
	display: flex;
	flex-direction: row;
	gap: 8px;
	align-items: center;
}

.advertising_of_services__block_content_author_container img {
	width: 26px;
	height: 26px;
	border-radius: 100%;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.7);
	-moz-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.7);
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.7);
}

.advertising_of_services__block_content_author_name {
	font-size: 14px;
	color: #111827;
	line-height: 16px;
	font-weight: 600;
	margin: 0;
}

.advertising_of_services__block_content_author_adress {
	font-size: 12px;
	line-height: 12px;
	color: #6b7280;
	padding: 0;
	margin: 0;
}

.advertising_of_services__block_content_description {
	color: #111827;
	font-size: 18px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.advertising_of_services__block_content_unp {
	font-size: 12px;
	color: #6b7280;
}

.advertising_of_services__block_content_social {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #6b7280;
}

.advertising_of_services__block_content_phone {
	color: #4b5563;
	font-size: 18px;
}

.advertising_of_services__block_content_social_container {
	font-weight: 600;
}

.advertising_of_services__block_viber {
	color: #59267c;
}

.advertising_of_services__block_whatsapp {
	color: #075e54;
}

.advertising_of_services__block_telegram {
	color: #0088cc;
}

.advertising_of_services__block_content_social_container {
	display: flex;
	flex-direction: row;
	gap: 15px;
	margin: 5px 0 0 0;
	font-size: 18px;
}

@media screen and (max-width: 600px) {
	.advertising_of_services__block_item {
		flex-direction: column;
		padding: 0;
		width: 96%;
		margin: 0 auto;
	}

	.advertising_of_services__block_image {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.advertising_of_services__block_image img {
		-webkit-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	}

	.advertising_of_services__block_content_author_container {
		padding-left: 3px;
	}

	.main__banner .advertising__block {
		max-width: 100%;
		height: auto;
	}

	.advertising__block_image {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.advertising__block {
		max-width: 100%;
		margin-bottom: 25px;
		height: 650px;
	}

	.advertising_of_services__block_content_description {
		-webkit-line-clamp: 7;
		line-clamp: 7;
	}
}

.dop__image {
	max-width: 520px;
	width: 100%;
	height: 100%;
	margin: 30px auto 0 auto;
	border-radius: 8px;
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	overflow: hidden;
}

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

.social__items_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 20px 0 0 0;
}

.article__items {
	display: flex;
	flex-direction: column;
	gap: 65px;
	max-width: 800px;
	width: 100%;
	margin: 55px auto 0 auto;
}

.article__wrapper {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.article__item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	color: #403d39;
}

.article__title {
	font-size: 3.2rem;
	line-height: 3.6rem;
	color: #444;
	font-weight: 600;
	margin: 0 0 20px 0;
}

.article__date {
	color: #fff;
	position: absolute;
	top: 10px;
	left: 10px;
	text-shadow: 0px 0px 2px #030303;
}

.article__date_time {
	font-weight: 600;
}

.article__date_date {
	font-size: 14px;
}

.article__image {
	max-width: 800px;
	width: 100%;
	height: 100%;
	border-radius: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
}
.article__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.article__text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.article__subtitle {
	font-size: 1.6rem;
	font-weight: 400;

	letter-spacing: 1.2px;
}

.article__point_out {
	font-size: 12px;
}

@media screen and (max-width: 600px) {
	.article__items {
		margin: 25px auto 0 auto;
		gap: 45px;
	}

	.article__image {
		height: 100px;
	}

	.article__title {
		font-size: 2.2rem;
		line-height: 2.6rem;
		color: #333;
		margin: 0 0 10px 0;
		padding: 0 10px;
		text-wrap: balance;
	}

	.article__date {
		padding: 0 0 0 10px;
	}

	.article__text {
		padding: 0 10px 10px 10px;
	}

	.social__items_wrap {
		padding: 0 10px;
	}
}

.smi2__container {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.smi2__item {
	width: 100%;
}

@media screen and (max-width: 769px) {
	.smi2__container {
		max-width: 760px;
	}
}

@media screen and (max-width: 600px) {
	.smi2__container {
		max-width: 380px;
	}
}

@media screen and (max-width: 380px) {
	.smi2__container {
		max-width: 345px;
	}
}

/*ImagesPost*/
.images__posts_container {
	display: flex;
	flex-direction: column;
	gap: 40px;
	position: relative;
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	padding: 80px 30px 80px 30px;
}

.page_id {
	padding: 60px 30px 80px 30px;
}

.images__posts_wrapper {
	max-width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	gap: 80px;
}

.images__posts_items {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 80px;
	align-items: center;
}

.images__posts_items_wrapper {
	max-width: 780px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 65px;
}

.images__posts_items_wrapper_list {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.images__posts_items_wrapper_list .images__posts_item_title {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.8rem;
}

.images__posts_items_wrapper_list .images__posts_item_image {
	max-width: 370px;
	height: 310px;
}

.images__posts_items_wrapper_list .most__height {
	max-width: 370px;
	height: 540px;
}

@media screen and (max-width: 769px) {
	.images__posts_items_wrapper_list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	.images__posts_items_wrapper_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 65px;
	}

	.images__posts_items_wrapper_list .images__posts_item_image {
		max-width: 100%;
		height: auto;
	}
}

.images__posts_items_wrapper_list_shn {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 65px;
}

.wspn__post_wrapper {
	max-width: 970px;
	margin: 0 auto;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	gap: 60px;
}

.with__id {
	grid-template-columns: repeat(2, 1fr);
}

.images__posts_items_wrapper_list_shn .images__posts_item_title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.images__posts_items_wrapper_list_shn .images__posts_item_image {
	max-width: 552px;
	height: 350px;
}

@media screen and (max-width: 769px) {
	.images__posts_items_wrapper_list_shn {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	.images__posts_items_wrapper_list_shn {
		grid-template-columns: repeat(1, 1fr);
	}

	.images__posts_items_wrapper_list_shn .images__posts_item_image {
		max-width: 100%;
		height: auto;
	}

	.images__posts_items_wrapper_list_shn .images__posts_item_title {
		display: block;
	}
}

.images__posts_item_image_url {
	margin: 5px 0 10px 0;
	font-size: 12px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 400px;
}

.images__posts_item {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 370px;
}

.wspn__posts_item {
	width: 100%;
}

.wspn__posts_item_link {
	width: 100%;
	display: grid;
	grid-template-columns: 4fr 8fr;
	gap: 20px;
}

.wspn__post_item_date {
	color: oklch(0.372 0.044 257.287);
}

.wspn__post_item_text {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 10px;
}

.post__with_id {
	max-width: 552px;
}

.images__posts_item_title_current {
	font-size: 3.2rem;
	line-height: 3.4rem;
	color: #444;
	font-weight: 600;
	letter-spacing: 1.3px;
	margin: 0;
	padding: 0 5px 0 10px;
	overflow: hidden;
}

.small {
	font-size: 2rem;
	line-height: 2.2rem;
}

.big {
	font-size: 3rem;
	line-height: 3.2rem;
}

.images__posts_item_text {
	max-width: 760px;
	width: 100%;
}

.images__posts_item_description p img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
}

.images__posts_item_title {
	font-size: 1.6rem;
	line-height: 1.8rem;
	color: #444;
	font-weight: 400;
	letter-spacing: 1.3px;
	margin: 0;
}

.title__most_height {
	font-size: 1rem;
	line-height: 1.2rem;
}

.webkit__box {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.images__posts_item_description_current {
	padding: 0 5px 0 10px;
	font-size: 1.4rem;
	line-height: 1.7rem;
	color: #222;
	font-weight: 400;
	letter-spacing: 1.1px;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.images__posts_item_description_current p img {
	width: 100% !important;
	height: auto !important;
	object-fit: cover;
}

.images__posts_item_description_current p a {
	display: inline;
}

.images__posts_item_description p a {
	display: inline;
}

.images__posts_item_description {
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: #222;
	font-weight: 400;
	letter-spacing: 1.1px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
}

.smaller {
	font-size: 16px;
	line-height: 20px;
}

.smaller h2 {
	font-size: 16px;
	line-height: 20px;
}

.images__posts_item_description_current h2 {
	font-weight: 600;
}

.images__posts_item_description_current ul {
	padding-inline-start: 40px;
}

.images__posts_item_description_current ul,
.images__posts_item_description_current li {
	list-style: disc;
}

.images__posts_item_description ul,
.images__posts_item_description li {
	list-style: disc;
}

.images__posts_items_advert {
	max-width: 1170px;
	width: 100%;
}

.images__posts_item_link {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	text-decoration: none;
	color: #403d39;
}

.images__posts_item_title_wrapper {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 94%;

	z-index: 1;
	color: #fff;
	text-shadow: 0px 0px 2px #030303;
}

.webkit__box_one {
	-webkit-line-clamp: 1;
	line-clamp: 1;
}

.images__posts_item_image,
.images__lastposts_item_image {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	position: relative;
}

.images__posts_item_image_id {
	max-width: 500px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.images__posts_item_image_id img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
}

.images__posts_item_image img,
.images__lastposts_item_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
}

.images__posts_aside {
	position: relative;
	width: 100%;
	height: 100%;
}

.images__lastposts_items,
.offer-to-read {
	position: sticky;
	bottom: 80px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 45px;
}

.images__lastposts_item_link {
	width: 100%;
	text-decoration: none;
	color: #403d39;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.images__lastposts_item_text {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.images__lastposts_item_title {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #333;
	font-weight: 600;
	letter-spacing: 1.1px;
	text-wrap: balance;
	margin: 0;
}

.images__lastposts_item_subtitle {
	font-size: 1rem;
	line-height: 1.2rem;
	color: #333;
	font-weight: 400;
	letter-spacing: 1.1px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-wrap: balance;
}

.images__posts_current {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.images__posts_current .social__items_wrap {
	margin: 10px 10px 0 10px;
	width: 100%;
}

.social__items_wrap_id {
	position: absolute;
	bottom: 10px;
	left: 0;
	display: flex;
	width: 100%;
}

.social__items_wrap_id .social__item {
	background: #fff;
}

.images__posts_container .breadcrumb {
	margin: 0;
}

.images__posts_elem {
	margin: 60px 0 0 0;
}

.images__posts_elem_cnt {
	margin: 15px 0 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.images__posts_elem_cnt_item {
	width: 100%;
	padding: 5px;
	background: #fff;
	color: oklch(0.278 0.033 256.848);
	border-radius: 3px;
	box-shadow: 0px 0px 1px 1px rgba(34, 60, 80, 0.2);
	cursor: pointer;
	text-align: center;
}

.images__posts_elem_cnt_item:hover {
	transition: all 0.3s ease-in-out;
	background: oklch(0.707 0.022 261.325);
	color: #fff;
}

@media screen and (max-width: 600px) {
	.images__posts_container {
		padding: 80px 0;
	}

	.wspn__posts_item_link {
		grid-template-columns: 1fr;
	}

	.wspn__post_item_text {
		padding: 0 5px;
	}

	.page_id {
		padding: 45px 0;
	}

	.images__posts_wrapper {
		grid-template-columns: 1fr;
	}

	.images__posts_items_advert {
		max-width: 390px;
		margin: 20px auto;
	}

	.images__posts_items {
		gap: 50px;
	}

	.images__posts_item {
		padding: 0 5px;
		margin: 0 auto;
		max-width: 390px;
	}

	.images__posts_item_title_current {
		font-size: 1.7rem;
		line-height: 1.9rem;
		letter-spacing: 1px;
		color: #333;
		max-width: 390px;
	}

	.small {
		font-size: 1.5rem;
		line-height: 1.7rem;
	}

	.big {
		font-size: 2.1rem;
		line-height: 2.3rem;
	}

	.images__posts_item_title {
		font-size: 1.5rem;
		line-height: 1.8rem;
		color: #333;
	}

	.images__lastposts_item_text {
		padding: 0 5px 0 10px;
	}

	.images__posts_container .breadcrumb {
		margin: 0 auto;
	}

	.images__posts_item_image_url {
		margin: 0 0 0 5px;
	}
}

@media screen and (max-width: 400px) {
	.images__posts_items_advert,
	.images__posts_elem {
		max-width: 385px;
		margin: 15px auto;
	}

	.images__posts_item_text {
		max-width: 385px;
	}

	.images__posts_item_image_url {
		max-width: 385px;
		margin: 0 0 0 5px;
	}
}

@media screen and (max-width: 390px) {
	.images__posts_items_advert,
	.images__posts_elem {
		max-width: 355px;
		margin: 15px auto;
	}

	.images__posts_item_text {
		max-width: 355px;
	}

	.images__posts_item_image_url {
		max-width: 355px;
		margin: 0 0 0 5px;
	}
	.images__posts_item {
		max-width: 370px;
	}
}

/*ImagesPost*/