/*
Элитные ремонты
*/

/* Разработчики - глоб

Компания РОСВЕБ https://rosveb.ru

	— ПРОГРАММИСТ Алексей Гуляев

		Телефон +7 (982) 413-33-94
		Портфолио на Profi.ru https://ivanovo.profi.ru/profile/GulyaevAG
		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/dumasurgut

	— АНАЛИТИК Дмитрий Раевский

		Телеграм https://t.me/GulaevAleksey
		ВКонтакте https://vk.com/raevskydmitry

	— ДИЗАЙНЕР Валентин Беликов

		Портфолио на Behance https://www.behance.net/artlisx
		Телеграм https://t.me/ksenfo
		ВКонтакте https://vk.com/snakejas
*/


/* Шрифты начало */

	@font-face {
		font-family: "marta";
		src: url("fonts/marta/Marta_Regular.otf") format('truetype');
		font-weight: 500;
		font-style: normal;
	}
	
	@font-face {
		font-family: "marta";
		src: url("fonts/marta/Marta_Italic.otf") format('truetype');
		font-weight: 500;
		font-style: italic;
	}
	
	@font-face {
		font-family: "marta";
		src: url("fonts/marta/Marta_Bold.otf") format('truetype');
		font-weight: 600;
		font-style: normal;
	}
	
	@font-face {
		font-family: "buyan-bold";
		src: url("fonts/buyan-bold.ttf");
	}
	
	h1#pagetitle{
		font-family: "marta", Arial, sans-serif;
	}
	
	h2, h3 {
		font-family: "marta", Arial, sans-serif;
	}
	
	


/* Шрифты конец */




/* Разное начало */

	::selection {
		background-color: #c3a57142;
		color: #000;
	}
	
	.header-menu__item--dropdown:not(.header-menu__item--wide) .header-menu__dropdown-item.active a{
		background: #00000029;
		color: #fff;
		border-radius: 0;
	}
	
	.header-menu__item--dropdown:not(.header-menu__item--wide) .dropdown{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	.site_s1:not(.front_page) .val-nav-btn{
		display: none;
	}

/* Разное конец */



/* Галерея начало */
	.gallery-small .grid-list {
		display: grid;
		grid-template-columns: repeat(4, 1fr); /* Сетка из 4 колонок */
		gap: 16px; /* Отступы между элементами */
	}

	.gallery-item-wrapper {
		position: relative;
	}

	.gallery-item-wrapper img {
		width: 100%;
	}

	/* Первое изображение - большое */
	.gallery-item-wrapper:nth-child(1),
	.gallery-item-wrapper:nth-child(8){
		grid-column: span 2; /* Занимает две колонки */
		grid-row: span 2; /* Занимает две строки */
	}
	
	.gallery-item-wrapper:nth-child(11){
		grid-column: span 4; /* Занимает две колонки */
		grid-row: span 4; /* Занимает две строки */
	}

	.gallery-small .gallery-item-wrapper:nth-child(1) .item,
	.gallery-small .gallery-item-wrapper:nth-child(8) .item{
		padding-top: 68%;
	}
	
	.gallery-big .overflow-hidden{
		overflow: unset !important;
	}
	
	.big-bottom-slider__item:not(.swiper-slide-active){
		opacity: .2;
		top: 30px;
		transform: scale(.9);
	}
	
	.big-bottom-slider__item{
		transition: ease .5s all;
		top:0;
		transform: scale(1);
	}
	
	.gallery-big .slider-nav:not(.slider-complects){
		display: flex !important;
	}
	
	.detail-image--top_on_head:before{
		background-image: linear-gradient(rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 0%) 30%);
		background-color: unset;
	}
	
	.topic__heading {
		display: inline-block;
		padding: 20px;
	}
	
	.topic__heading #pagetitle{
		border: 1px solid #bca174;
		border-width: 1px 0;
		padding: 4px 20px;
		color: #bca174;
		font-size: 40px;
	}
	
	.bg-glass {
		background-color: var(--light, rgb(248 248 248)) var(--dark, rgba(0, 0, 0, 0.2));
	}
	
	
	.topic__inner .topic__heading #pagetitle {
	  background: linear-gradient(
		45deg,
		#bca174 10%,
		#e9d4b2 11%,
		#bca174 30%,
		#bca174 60%,
		#bca174 80%,
		#bca174 100%
	  );
	  background-size: 200% auto;
	  color: transparent;
	  -webkit-background-clip: text;
	  background-clip: text;
	  animation: shimmer 10s linear infinite;
	}

	@keyframes shimmer {
	  to {
		background-position: 200% center;
	  }
	}
	
	.has-long-banner .topic__heading {
		backdrop-filter: blur(10px);
		background: #00000063;
		display: inline-block;
		padding: 10px 20px;
		border-radius: 4px;
		max-width: 85%;
	}
	
	.has-long-banner .bg-glass{
		background-color: #00000063;
	}
	
	.has-long-banner .topic__heading #pagetitle{
		border: 1px solid #ffffff26;
		border-width: 1px 0;
		padding: 0;
		font-size: 30px;
	}
	
	.properties .grid-list--items-3-from-992 {
		--items-count: 4;
	}
	
	.has-long-banner .topic__inner .topic__heading #pagetitle {
	  background: linear-gradient(
		80deg,
		#fff 10%,
		#000 20%,
		#fff 30%,
		#fff 60%,
		#fff 80%,
		#fff 100%
	  );
	  background-size: 200% auto;
	  color: transparent;
	  -webkit-background-clip: text;
	  background-clip: text;
	  animation: shimmer 10s linear infinite;
	  line-height: 38px;
	}

	@keyframes shimmer {
	  to {
		background-position: 200% center;
	  }
	}
	
	

/* Галерея конец */



/* Проект начало */
	.detail-info__chars .more-char-link{
		display: none;
	}
	
	.page-top-wrapper--top-breadcrumb .cowl{
		display: none;
	}
	
	.ordered-block.video .grid-list{
		grid-template-columns: 1fr;
	}
	
	.video_block {
		width: 100vw; /* Ширина на всю ширину окна */
		position: relative; /* Позволяет использовать абсолютное позиционирование для видео */
		left: 50%; /* Центрируем по горизонтали */
		transform: translateX(-50%); /* Сдвигаем влево на половину ширины */
	}

	.vjs-tech {
		width: 100%; /* Убедитесь, что видео занимает 100% ширины родителя */
		height: auto; /* Высота автоматически подстраивается */
		object-fit: cover; /* Видео будет масштабироваться и обрезаться, чтобы заполнить контейнер */
		object-fit: fill; /* Растягивает видео, чтобы заполнить контейнер */
	}	
	
	/* Стили для списка с иконками Material Icons */
	.list-unstyled li {
		display: flex;
		align-items: center; 
		margin-bottom: 0.5em;
		cursor: default;
		position: relative;
		transition: all 0.3s ease;
	}

	.list-unstyled i.material-icons {
		color: #40403fd6;
		margin-right: 0.5em;
		border-radius: 11px;
		padding: 0.2em;
		background: #f5f0e8;
	}
	
	.material-icons{
		font-size: 26px;
	}
	
	/*
	.list-unstyled li:hover i.material-icons {
		color: #FFF;
		background-color: #c3a571;
		cursor: default;
	}*/

	.list-unstyled li {
		font-size: 1.1em;
		color: #5a5a5a;
	}
	
	.btn.btn-default {
		/*background-image: linear-gradient(135deg, #A58C69, #CBB185);*/
		background-image: linear-gradient(135deg, #A58C69, #c2a677);
		color: #ffffff;
		box-shadow: none;
		border-style: none;
		font-weight: 400;
	}
	
	.val-vid-gor{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.val-vid-gor div{
		padding-top: 26% !important;
		width: calc((100% - 20px) / 2) !important;
	}
	
	.val-vid-gor div:only-child {
		padding-top: 56.25% !important;
		width: 100% !important;
	}
	
	.val-vid-ver{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
	}
	
	.val-vid-ver div{
		padding-top: 178% !important;
		position: relative;
		z-index: 1;
		border-radius: 8px;
		overflow: hidden;
	}
	
	.header__top-part .phones {
		flex-direction: row-reverse;
		gap: 20px;
	}
	
	.line-block__item[data-ajax-load-block="HEADER_FIXED_TOGGLE_MEGA_MENU"]{
		display: none;
	}
	
	.val-dark{
		display: flex !important;
	}
	
	.val-light{
		display: none !important;
	}
	
	.has-long-banner .val-dark{
		display: none !important;
	}
	
	.has-long-banner #headerfixed .val-dark{
		display: flex !important;
	}
	
	.has-long-banner .val-light{
		display: flex !important;
	}
	
	.detail-info__inner .detail-info__date,
	.detail-info__inner .properties__title{
		font-size: 16px;
	}
	
	.detail-info__inner .detail-info__text {
		font-size: 40px;
		color: #3b3b3b;
		font-family: "marta", Arial, sans-serif;
	}
	
	.detail-info .detail-info__btns{
		padding: 33px 0 0 0;
	}
	
	.detail-info .detail-info__chars-item {
		position: relative;
		border-radius: 7px;
		padding: 20px 20px 0;
		border: 1px solid transparent;
		/*background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(162deg, #d4d6db 20%, #baa99200 50%) border-box;*/
		box-shadow: 0px -12px 20px 0px rgb(153 147 134 / 14%);
	}

	
	.detail-info .detail-info__chars-item::before{
		content: "";
		width: 54px;
		height: 54px;
		top: 15px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
	}
	
	.detail-info .detail-info__chars-item:nth-child(1)::before{
		background-image: url(../images/svg/project/1.svg);
	}
	
	.detail-info .detail-info__chars-item:nth-child(2)::before{
		background-image: url(../images/svg/project/2.svg);
	}
	
	.detail-info .detail-info__chars-item:nth-child(3)::before{
		background-image: url(../images/svg/project/3.svg);
	}
	
	.detail-info .detail-info__chars-item:nth-child(4)::before{
		background-image: url(../images/svg/project/4.svg);
	}
	
	.detail-info .detail-info__chars-item .properties__title,
	.detail-info .detail-info__chars-item .properties__value{
		margin: 0 0 0 80px;
	}
	
	.detail-info .detail-info__chars {
		margin: 40px 0 30px 0;
	}
	
	.has-long-banner .detail-block.desc {
		margin: 60px 0 20px 0;
		font-size: 1.1em;
		line-height: 150%;
	}
	
	.has-long-banner .container:before {
		content: " ";
		width: 1450px;
		height: 1596px;
		top: 15px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/pattern1.png);
		left: -490px;
	}
	
	.has-long-banner .container {
		position: relative;
	}
	
	.has-long-banner .main{
		background: #f7f8fb;
	}
	
	.has-long-banner .detail-info-wrapper > .grey-bg{
		background: #fff;
		border: none;
	}
	
	.services-detail__bottom-info .gallery-view_switch {
		background: unset
	}
	
	.detail-block.big_gallery h3{
		font-size: 40px;
		color: #3b3b3b;
		font-family: "marta", Arial, sans-serif;
		width: calc(100% - 120px);
	}
	
	.harakteristiki-container h3{
		font-size: 40px;
		color: #3b3b3b;
		font-family: "marta", Arial, sans-serif;
		margin: 80px 0 40px 0;
	}
	
	.detail-block.video h3.ordered-block__title{
		display: none;
	}
	
	/**/
	
	.val-container {
		margin: 0 auto 20px;
		position: relative;
	}

	.val-header {
		background: #090807;
		padding: 70px 110px;
		max-width: 850px;
		position: relative;
		border-radius: 4px;
		overflow: hidden;
	}

	.val-header h4 {
		color: #c3a571;
		font-size: 34px;
		font-family: "marta", Arial, sans-serif;
		margin: 0 0 60px 0;
		width: 550px;
	}

	.val-logo {
		display: flex;
		font-size: 16px;
		line-height: 130%;
		height: 169px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
		gap: 20px;
	}
	
	.val-logo p{
		font-weight: 600;
	}

	.val-logo .ikon {
		font-weight: bold;
	}

	.info-block {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
	}

	.val-info-item {
		color: #fff;
		display: flex;
		flex-direction: column;
		width: 40%;
	}

	.val-info-item h2 {
		font-size: 36px;
		margin: 0;
		color: #fff;
		line-height: 112%;
		font-family: "marta", Arial, sans-serif;
	}

	.val-info-item p {
		font-size: 16px;
		color: #ffffff94;
	}
	
	.val-wrap::before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 30px;
		width: 1px;
		background-color: #514b40;
		z-index: 9;
	}
	
	.val-header::after {
		content: '';
		position: absolute;
		left: 70%;
		right: 0;
		top: 92px;
		height: 2px;
		background-color: #c3a571;
	}

	.val-image-block {
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.val-image-block img {
		width: 39vw;
		max-width: 500px;
		border-radius: 4px;
		float: right;
	}

	.val-footer {
		display: flex;
		width: 700px;
		flex-direction: column;
		padding: 30px 0 0 110px;
	}

	.val-footer h5 {
		font-size: 32px;
		margin: 0;
		text-transform: capitalize;
		font-family: "marta", Arial, sans-serif;
		color: #c3a571;
	}

	.val-footer p {
		font-size: 17px;
		margin: 0 0 0 70px;
	}
	
	.val-info-block{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 20px 40px;
	}
	
	.val-wrap{
		display: flex;
		gap: 40px;
	}
	
	.val-logo .logo-svg{
		width: 200px;
		opacity: .4;
	}
	
	.gallery img, .big_gallery img{
		cursor: unset !important;
	}
	
	.gallery-small img
	.gallery-big img
	.gallery-view_switch img{
		cursor: zoom-in;
	}
	
	.val-header::before {
		content: '';
		position: absolute;
		bottom: -30px;
		right: 40px;
		background-image: url(../images/svg/project/logo-part1.svg);
		width: 230px;
		height: 230px;
		opacity: .08;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-position: center;
	}
	
	.osobennosti-container h3:before,
	.infrastruktura-container h3:before{
		content: '';
		width: 50px;
		height: 50px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		background-position: center;
		display: inline-block;
	}
	
	.osobennosti-container h3:before{
		background-image: url(../images/svg/project/5.svg);
	}
	
	.infrastruktura-container h3:before{
		background-image: url(../images/svg/project/6.svg);
	}
	
	.infrastruktura-container h3:after{
		position: absolute;
		left: 93px;
		bottom: 6px;
		width: 60%;
		content: "";
		height: 2px;
		border-radius: 3px;
		background-color: #c3a571;
	}
	
	.osobennosti-container h3,
	.infrastruktura-container h3,
	.video-gorizont-container h3,
	.dostupnost-container h3,
	.video-vertikal-container h3,
	.has-long-banner .docs h3,
	.has-long-banner .staff h3,
	.has-long-banner .dops h3,
	.val-sviper h3{
		display: flex;
		align-items: center;
		gap: 40px;
		font-size: 40px;
		color: #525252;
		font-family: "marta", Arial, sans-serif;
		padding: 10px 0 0 0;
		z-index: 1;
		position: relative;
		margin: 0 0 40px 0;
	}
	
	.infrastruktura-container h3{
		/*border: 1px solid #e9e9e9;
		border-width: 0px 0 1px 0;*/
		padding: 10px 0 30px 0;
	}

	.list-unstyled {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
		gap: 15px 20px;
		padding: 20px 0px 0 0;
	}

	.list-unstyled li {
		display: flex;
		align-items: flex-start;
	}

	.list-unstyled li p{
		padding: 5px 0 0 0;
		font-size: 20px;
	}

	.list-unstyled i {
		margin-right: 10px;
	}
	
	.list-unstyled li {
		position: relative;
	}
/*
	.list-unstyled li:not(:nth-child(3n))::after {
		content: "";
		position: absolute;
		right: -10px;
		top: -5px;
		bottom: -5px;
		width: 1px;
		background-color: #e7e7e7;
	}*/

	.infrastruktura-container {
		position: relative;
		padding: 60px 0;
		border-radius: 10px;
		margin: 0 0 80px 0;
	}

	.infrastruktura-container::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		right: 50%;
		bottom: 0;
		margin-left: -50vw;
		margin-right: -50vw;
		background: #fff;
		z-index: 0;
	}
	
	.osobennosti-container blockquote {
		width: 50%;
	}
	
	.osobennosti-container blockquote p{
		font-size: 1em;
		font-weight: normal;
		margin-bottom: 12px;
		line-height: 120%;
	}
	
	.kin-pl-cipuv9-MainPlayButton{
		background-color: rgb(195 165 113) !important;
	}
	
	.osobennosti-container{
		position: relative;
		
	}
	
	.mockup-image {
		width: 728px;
		position: absolute;
		top: -175px;
		z-index: 99;
		right: -120px;
		height: 397px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		display: inline-block;
		background-image: url(../images/svg/project/mockup1.png);
		transform: scale(1, 1) rotate(346deg);
		transition: transform 0.5s ease-out;
	}
	
	.card-image-rounded_images {
		width: 210px;
	}
	
	.detail-block .card-image-rounded_images .rounded{
		border-radius: 4px;
	}

	.list-unstyled li:last-child:nth-child(3n) {
		grid-column: 1 / -1;
	}
	
	.video-gorizont-container,
	.dostupnost-container{
		margin: 80px 0;
	}
	
	.val-vid-gor .wrapper>div>div{
		border-radius: 4px !important;
	}
	
	.dostupnost-container{
		padding: 70px 50px 100px 50px;
		border-radius: 4px;
		position: relative;
		z-index: 1;
	}
	
	.dostupnost-container h3{
		color: #c3a571;
	}
	
	.dostupnost-container::after {
		content: '';
		position: absolute;
		right: -50%;
		left: 54%;
		top: 105px;
		height: 2px;
		background: linear-gradient(to right, #c3a571, #090807);
	}
	
	.dostupnost-container::before {
		content: "";
		position: absolute;
		top: 0;
		left: 50%;
		right: 50%;
		bottom: 0;
		margin-left: -50vw;
		margin-right: -50vw;
		background: #090807;
		z-index: 0;
		animation: colorFlow 10s ease infinite;
	}
	
	
	
	.dostupnost-container .line-block {
		z-index: 1;
		position: relative;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 5px;
	}
	
	.dostupnost-container .line-block__item {
		background: #12110f;
		padding: 30px 30px 20px 30px;
		border-radius: 4px;
		transition: transform 0.3s ease, background-color 0.3s ease;
		position: relative;
	}

	.dostupnost-container .line-block__item:hover {
	  transform: translateY(-5px);
	  background-color: #1b1917; /* Измените на нужный цвет фона */
	}

	
	.distance-value {
		font-size: 3em;
		font-weight: normal;
		display: inline-block;
		font-family: "marta", Arial, sans-serif;
		color: #6b6a6a;
		line-height: 80%;
	}

	.distance-unit {
		font-size: 1em;
		display: inline-block;
		font-weight: bold;
		margin-left: 0.2em;
		color: #6b6a6a;
	}
	
	.distance-description {
		font-size: .9em;
		color: #dedede;
		margin-top: 13px;
		display: block;
		line-height: 130%;
	}
	
	.dostupnost-container .line-block::after {
		content: '';
		position: absolute;
		bottom: -220px;
		left: -270px;
		background-image: url(../images/svg/project/logo-part1.svg);
		width: 400px;
		height: 400px;
		opacity: .03;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.dostupnost-container .distance-item{
		z-index: 2;
		position: relative;
	}
	
	.dostupnost-container .line-block__item:last-child::after{
		content: "";
		position: absolute;
		bottom: 8px;
		right: 8px;
		width: 0px;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0px 0px;
		border-color: transparent #5d4e36 transparent transparent;
		border-radius: 3px;
	}
	
	.video-vertikal-container{
		position: relative;
	}
	
	.has-long-banner .map h3.ordered-block__title {
		display: none;
	}
	
	.video-vertikal-container:before {
		content: " ";
		width: 1220px;
		height: 1346px;
		top: -475px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/pattern2.png);
		left: 490px;
		z-index: 0;
	}
	
	.video-vertikal-container::after {
		content: '';
		position: absolute;
		top: 57%;
		left: 59%;
		transform: translate(-50%, -50%);
		background-image: url(../images/svg/project/logo-part2.svg);
		width: 400px;
		height: 400px;
		opacity: 0.3;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		animation: pulse 3s ease-in-out infinite;
	}
	
	@keyframes pulse {
	  0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.3;
	  }
	  50% {
		transform: translate(-50%, -50%) scale(1.05);
		opacity: 0.5;
	  }
	  100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 0.3;
	  }
	}

	
	.val-info-item {
		position: relative;
		transition: all 0.3s ease;
		cursor: default;
	}

	.val-info-item::before{
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		border-style: solid;
		border-color: transparent;
		border-width: 2px;
		transition: all 0.3s ease;
		top: -5px;
		left: -5px;
		border-top-color: #090807;
		border-left-color: #090807;
	}




	.val-info-item:hover::before {
		width: 30px;
		height: 30px;
		top: -10px;
		left: -16px;
		border-top-color: #c3a571;
		border-left-color: #c3a571;
	}

	.list-unstyled li::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 20px;
		height: 2px;
		background-color: transparent;
		transition: all 0.3s ease;
	}

	.list-unstyled li:hover {
		padding-left: 8px;
		background: #f5f0e8;
		border-radius: 11px;
	}
	
	
	
	/* Слайдер интерьеров начало */
	.val-sviper {
		width: 100%;
		position: relative;
		overflow: visible !important;
		margin: 80px 0 0 0;
	}
	
	.val-sviper .swiper-wrapper{
		height: 80vh; /* Высота слайдера равна 80% высоты окна */
	}

	.val-sviper .swiper-slide {
		position: relative;
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: flex !important;
		justify-content: center;
		align-items: center;
		opacity: 1;
		transition: ease all .4s;
		border-radius: 4px;
	}

	.val-sviper .blur-background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		filter: blur(15px); /* Степень размытия */
		z-index: 0; /* Отправляет фон за изображение */
		transform: scale(2);
	}

	.val-sviper .swiper-slide img {
		display: block;
		max-height: 100%;
		max-width: 100%;
		object-fit: contain; /* Сохраняет пропорции изображения */
		transition: ease all 2s;
		z-index: 1;
	}

	.val-sviper .swiper-slide:not(.swiper-slide-active){
		opacity: .3;
		transition: ease all .4s;
		overflow: hidden;
	}

	.val-sviper .swiper-slide img {
		/*object-fit: cover;*/
		width: 100%;
		height: 100%;
	}

	.val-sviper .swiper-slide:not(.swiper-slide-active) .blur-background{
		border-radius: 4px;
	}

	.val-sviper .swiper-slide-active{
		overflow: hidden;
	}

	.val-sviper .swiper-slide-prev,
	.val-sviper .swiper-slide-next{
		transform: scale(0.9) translateZ(0) !important;
	}
	
	.val-sviper .swiper-pagination-fraction {
		background: #00000080;
		display: inline-block;
		width: 80px !important;
		position: relative !important;
		bottom: 30px !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		color: #b3b1b1 !important;
		border-radius: 4px;
	}
	
	.val-sviper .swiper-button-next, .swiper-button-prev{
		background: #ffffff75;
		backdrop-filter: blur(4px);
		box-shadow: 0 0 20px 0px #00000042;
	}
	/* Слайдер интерьеров конец */
	
	.has-long-banner .container {
		overflow-x: hidden; /* предотвращает выход за границы */
	}

/* Проект конец  */



/* Главная начало */
	.val-nav-btn a{
		color: #fff;
		background: #000;
		display: inline-block;
		margin: 30px auto 0;
		padding: 10px 70px;
		border-radius: 4px;
		font-weight: 600;
		background-image: linear-gradient(135deg, #A58C69, #c2a677);
	}
	
	.val-nav-btn{
		display: flex;
	}

	.project-list__city-links-wrap{
		position: relative;
		z-index: 10;
		margin: 0 auto 32px;
	}

	.project-list__city-links{
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
	}

	.project-list__city-link{
		position: relative;
		z-index: 11;
		padding-left: 28px;
		padding-right: 28px;
		white-space: nowrap;
	}

	@media (max-width: 600px) {
		.project-list .val-nav-btn {
			position: relative;
			z-index: 6;
		}

		.project-list__city-links-wrap{
			margin: -16px -16px 28px;
			padding-left: 16px;
		}

		.project-list__city-links{
			flex-wrap: nowrap;
			gap: 0;
		}

		#main .project-list__city-links.mobile-scrolled > div{
			padding-right: 10px;
		}

		.project-list__city-link{
			padding-left: 22px;
			padding-right: 22px;
		}
	}
	
	.main-slider .main-slider__item, .banners-big__item{
		background-position: top;
	}

	.header_opacity .banners-big__depend-padding{
		height: 100vh !important;
	}
	
	.banners-big__item:after {
		background-image: linear-gradient(rgb(0 0 0 / 60%) 0%, rgb(0 0 0 / 0%) 30%);
		background-color: unset;
		content: "";
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		position: absolute;
		z-index: 1;
		pointer-events: none;
	}

	.BIG_BANNER_INDEX .main-slider__item::before {
		pointer-events: none;
	}
	
	.swiper-wrapper.main-slider__wrapper{
		z-index: 2;
	}
	
	.header-menu__wrapper{
		justify-content: center;
	}
	
	.slogan__text{
		color: #d4b876;
		opacity: 1;
	}
	
	.banners-big__title{
		font-family: "marta", Arial, sans-serif;
		background: linear-gradient(80deg, #fff 10%, #000 20%, #fff 30%, #fff 60%, #fff 80%, #fff 100%);
		background-size: 200% auto;
		color: transparent;
		-webkit-background-clip: text;
		background-clip: text;
		animation: shimmer 10s linear infinite;
		font-size: 44px;
	}
	
	.BIG_BANNER_INDEX .banners-big__text {
		backdrop-filter: blur(10px);
		background: #00000063;
		display: inline-block;
		padding: 20px;
		border-radius: 4px;
		height: max-content;
		padding: 40px;
		display: flex	;
		flex-wrap: wrap;
		flex-direction: row;
		column-gap: 30px;
		align-items: center;
		bottom: 60px;
		position: relative;
	}

	.BIG_BANNER_INDEX .main-slider__item::before{
		content: "";
		width: 40vw;
		height: 12vw;
		top: 12.8vw;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/logo-big.svg);
		left: 11.2vw;
		z-index: 0;
		mix-blend-mode: plus-lighter;
		opacity: .06;
	}

	.SERVICES::before{
		content: " ";
		width: 1220px;
		height: 1346px;
		top: -475px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/pattern2.png);
		right: 0;
		z-index: 0;
		background-position: 530px 0px;
	}

	.PROJECTS .index-block::before{
		content: " ";
		width: 1220px;
		height: 1346px;
		top: -135px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/pattern1.png);
		left: -360px;
		z-index: 0;
	}

	.MIDDLE_ADV{
		z-index: 1;
	}
	
	.banners-big__text-wrapper{
		flex: 1 1;
		order: 1;
	}
	
	.banners-big__buttons{
		flex: 0 1 146px;
		order: 2;
	}
	
	.btn.btn-default:is(:hover, :active, :focus){
		font-weight: 400;
	}
	
	.banners-big__text-block{
		/*color: #d9b984;*/
		color: #ffffff8f;
		font-size: 19px;
		margin-top: 26px;
	}
	
	.banners-big__buttons-item a{
		background: #ffffff1f !important;
		font-weight: 400;
	}
/* Главная конец */
















/* Скролл начало */

	/* Для WebKit-браузеров (Chrome, Safari, новые версии Edge) */
	::-webkit-scrollbar {
	  width: 14px !important;
	  border-radius: 20px !important;
	}

	::-webkit-scrollbar-track {
	  background-color: #f1f1f1;
	}

	::-webkit-scrollbar-thumb {
	  background-color: #888;
	  border-radius: 20px;
	  border: 5px solid #f1f1f1;
	}

	::-webkit-scrollbar-thumb:hover {
	  background-color: #bbb;
	}
/* Скролл конец*/



#headerfixed .header {
	background-color: hsl(var(--dark_light-hue) var(--dark_light-saturation) var(--dark_light-lightness) / 90%);
}

/* Услуги начало */

	.services-list .services-list__item{
		background: #f8f8f8;
		border: unset;
	}
	
	.services-list .services-list__item:hover{
		background: #fff;
	}
	
	.services-list .card-image-rounded_images{
		width: 120px;
	}
	
	.sections-list__content-inner .mt, .services-list__content {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
	
	.sections-list__content-inner .services-list__childs-item, 
	.services-list__content .services-list__childs-item {
		display: flex;
		align-content: flex-start;
		flex-direction: row;
		align-items: flex-start;
	}
	
	.sections-list__content-inner .services-list__childs-item:before, 
	.services-list__content .services-list__childs-item:before {
		position: relative;
		background: #7df3ba;
		height: 27px;
		display: inline-block;
		vertical-align: top;
		content: "\27A4";
		color: #c3a571;
		margin: -3px 8px 0 0px;
		background-color: unset;
		top: 0px;
		width: 15px;
		left: 0px;
	}
	
	.sections-list__content-inner .services-list__childs-item .services-list__childs-item-name, 
	.services-list__content .services-list__childs-item .services-list__childs-item-name {
		line-height: 130%;
	}
	
	.sections-list__content-inner .category-separator, 
	.services-list__content .category-separator {
		display: none;
	}
	
	.services-list .fill-theme svg *, 
	.services-list .fill-theme-use-svg svg, 
	.services-list .fill-theme-svg{
		fill: revert-layer;
	}
	
	.services-list .card-image-icons{
		--icons-size: 100px;
	}

	/* Исправление проблемы с clipPath для иконок услуг */
	.services-list__item-image-icon svg g[clip-path],
	.header-menu__dropdown-item-img-inner svg g[clip-path] {
		clip-path: none !important;
	}

	/* Альтернативный способ - через универсальный селектор */
	.services-list__item-image-icon svg g,
	.header-menu__dropdown-item-img-inner svg g {
		clip-path: none !important;
	}

	/* Дополнительно для всех SVG иконок в этом разделе */
	.services-list svg [clip-path],
	.header-menu__dropdown-item-img-inner svg [clip-path] {
		clip-path: none !important;
	}

	.val-partners-plitki{
		margin-bottom: 40px;
	}
	
	.val-partners-btn h2	{
		text-align: center;
		font-size: 32px;
		font-weight: 700;
		color: #2c2016;
		margin-bottom: 40px;
		line-height: 1.2;
	}
	
	.val-partners-plitki h2{
		margin: 60px 0 30px 0;
	}
	
	.val-partners-grid {
		display: grid;
		grid-template-columns: 1.5fr 1fr 1fr 1fr; /* Первая колонка в 1.5 раза шире */
		gap: 12px;
		align-items: stretch;
	}

	.val-auto-fit{
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	.val-grid-2{
		grid-template-columns: repeat(auto-fit, minmax(555px, 1fr));
		display: grid;
		gap: 12px;
	}

	.val-grid-3{
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		display: grid;
		gap: 12px;
	}

	.val-grid-4{
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		display: grid;
		gap: 12px;
	}

	.dark-block-after:after{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 75%) 100%);
	}

	.dark-block-hover:hover:before {
		opacity: 0.5;
	}

	.dark-block-hover:hover .dark-block-after:after {
		opacity: 0;
	}
	
	.val-card {
		background: #f7f8fb;
		background: #fff;
		padding: 32px 24px;
		border-radius: 20px;
		text-align: center;
		transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
		display: flex	;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: 1px solid rgb(168 142 128 / 0%);
		position: relative;
		overflow: hidden;
		cursor: default;
	}
	
	.val-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 4px;
		background: linear-gradient(90deg, #a78e6a, #c1a577);
		transform: scaleX(0);
		transition: transform 0.5s ease;
	}
	
	.val-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 20px rgb(38 46 51 / 12%);
		border-color: rgb(225 227 233);
	}
	
	.val-card:hover::before {
		transform: scaleX(1);
	}
	
	.val-card .material-icons-outlined {
		font-size: 48px;
		color: #bfa375;
		background: #fff;
		background: #f7f8fb;
		padding: 10px 10px;
		border-radius: 50px;
		margin-bottom: 20px;
		display: block;
		transition: all 0.5s ease;
		width: 68px;
		height: 68px;
	}

	.val-card .material-icons-outlined svg{
		fill: #bfa375;
		height: 100%;
		width: 100%;
	}
	
	.val-card span:last-child {
		font-size: 1rem;
		text-align: left;
		flex-grow: 1;
		display: flex;
		align-items: flex-start;
	}
	
	.val-card h3 {
		font-size: 1.2rem;
		text-align: left;
		display: block;
		width: 100%;
		margin: 0 0 18px 0;
		line-height: 130%;
	}
	
	.services-detail__bottom-info .order_sale .grey-bg{
		background: #fff;
	}
	
	.law-2{
		max-width: unset !important;
		width: 100vw;
		transform: translateX(-50%);
		position: relative;
		left: 50%;
		margin: 60px 0 0 0 !important;
	}
	
	.law-page{
		display: flex;
		flex-direction: row;
		gap: 40px;
	}
	
	.law-page--left{
		flex: 1 1 70%;
	}
	
	.law-page--right{
		flex: 0 1 30%;
	}
	
	.law-page--right img{
		border-radius: 10px;
		overflow: hidden;
	}
	
	.order-info-block .text {
		font-size: 1.1rem;
	}
/* Услуги конец */



.header-menu__dropdown-item-img.ICONS {
	--sizes: 70px;
}
	
.header-menu__dropdown-menu .fill-theme svg *, 
.header-menu__dropdown-menu .fill-theme-use-svg svg, 
.header-menu__dropdown-menu .fill-theme-svg{
	fill: revert-layer;
}

.header-menu__dropdown-item-img-inner{
	height: auto;
}

.header-menu__dropdown-item-img .svg svg {
	max-height: 70px;
	max-width: 70px;
}

/* Типографика начало */

	ul>li::before {
		content: "\27A4";
		color: #bfa375;
		margin: 0 16px 0 -21px;
		background-color: unset;
		top: 0px;
		width: 32px;
		left: 21px;
	}
	
	ol {
		counter-reset: item;  /* ← ЭТО ОБЯЗАТЕЛЬНО! */
		list-style: none;
		padding-left: 0;
	}
	
	ol > li {
		position: relative;
		padding-left: 44px;
		margin-bottom: 17px;
		min-height: 26px;
		line-height: 150%;
		font-size: 1rem;
		counter-increment: item;
	}
	
	ol > li::before {
		content: counter(item);
		position: absolute;
		left: 0;
		top: -2px;
		width: 30px;
		height: 30px;
		background: #bfa375;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	}
	
	ol > li::marker {
		display: none;
		content: "";
	}
	
	blockquote{
		padding: 12px 20px 10px 41px;
		background: #f7f8fb;
		background: #fff;
		font-size: 20px;
		margin: 28px 0;
	}
	
	.accordion .bordered,
	.item-accordion-wrapper{
		background: #f7f8fb;
		background: #fff;
	}
	
	.shadow-no-border-hovered:hover{
		border-color: #e5e5e5;
	}
	
	.item-accordion-wrapper svg use{
		fill: #7f828d;
	}
	
	.accordion-preview{
		font-size: 1rem;
	}
	
	
/* Типографика конец */



/* Ремонт квартир начало */

	.work-stages {
		position: relative;
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		box-sizing: border-box;
		background: #000;
		margin: 60px -50vw 60px -50vw;
		padding: 70px 0;
		background: url(/local/templates/rosveb/images/pages/remont-kvartir-img1.webp) no-repeat 50% 50%;
		background-size: cover; /* или contain, в зависимости от задачи */
	}

	.work-stages__container {
		max-width: 1200px;
		margin: 0 auto;
	}

	.work-stages__title {
		color: #CFD5E3;
		font-size: 50px;
		font-weight: 300;
		line-height: 1.2;
		margin-bottom: 60px;
	}

	.work-stages__grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 23px;
		margin-left: 130px;
	}

	.work-stages__item {
		background: rgba(255, 255, 255, 0.1);
		border-radius: 30px;
		padding: 20px 30px;
		transition: all 0.3s ease;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px); /* для Safari */
		box-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.2);
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
	}
	
	.work-stages__item::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 70%;
		background: rgb(255 255 255 / 10%);
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
		border-radius: 30px;
		transform: scaleY(-1);
		opacity: 0.3;
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
		-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, transparent 70%);
		pointer-events: none;
	}

	.work-stages__item:hover {
		background: rgba(255, 255, 255, 0.05);
		transform: translateY(-5px);
	}

	.work-stages__icon {
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: #84889166;
		width: 50px;
		height: 50px;
		flex: 0 0 auto;
		border-radius: 50px;
	}

	.work-stages__step {
		color: #848891;
		font-size: 42px;
		font-weight: 500;
		margin: 0;
	}

	.work-stages__description {
		color: #CFD5E3;
		font-size: 16px;
		line-height: 1.4;
		margin: 0;
	}
	
	.horizont{
		display: block;
		height: 1px;
		background: #918b844d;
		max-width: 200px;
	}
	
	.work-stages__content{
		display: flex;
		flex-direction: column;
		gap: 7px;
	}
	
	.remont-kvartir-2{
		width: 90%;
		position: relative;
		box-sizing: border-box;
		background: url(/local/templates/rosveb/images/pages/remont-kvartir-img2.webp) no-repeat 50% 50%;
		background-size: cover;
		aspect-ratio: 16 / 9;
		margin: 0 auto;
	}

	/* Адаптивность */
	@media (max-width: 768px) {
		.work-stages__grid {
			grid-template-columns: 1fr;
			gap: 20px;
		}
		
		.work-stages__title {
			font-size: 36px;
			margin-bottom: 40px;
		}
		
		.work-stages__item {
			padding: 20px;
		}
	}

	@media (max-width: 1024px) and (min-width: 769px) {
		.work-stages__grid {
			grid-template-columns: repeat(2, 1fr);
		}
	}


/* Ремонт квартир конец */



/* Продукция начало */
	
	.sections-block .grid-list .sections-list__wrapper > .relative{
		background: #f8f8f8;
		border: unset;
	}
	
	.sections-block .grid-list .sections-list__wrapper .relative:hover {
		background: #fff;
	}
	
	.sections-block .grid-list {
		--items-count: 4;
	}
	
	.sections-block .grid-list .sections-list__wrapper .line-block{
		flex-direction: column;
	}
	
	.sections-block .grid-list .sections-list__wrapper .line-block .card-image-icons{
		--icons-size: 100px;
	}
	
	.sections-block .grid-list .sections-list__wrapper .line-block .card-image-icons svg g[clip-path], 
	.header-menu__dropdown-item-img-inner svg g[clip-path] {
		clip-path: none !important;
	}
	
	.sections-block .grid-list .sections-list__wrapper .line-block .card-image-icons svg *{
		fill: revert-layer;
	}
	
	.sections-block .grid-list .sections-list__wrapper .line-block .card-image-icons svg g{
		clip-path: none !important;
	}
	
	.hidden-items-container {
		display: flex !important;
		flex-direction: column;
		gap: 4px;
	}
	
	.sections-block .grid-list .sections-list__item-content .services-list__childs-item--more_items{
		margin: 0;
	}
	
	.sections-block .grid-list .sections-list__item-content .services-list__childs-item--more_items .more-text{
		font-size: 15px;
		color: #5f5f5f;
	}
	
	.sections-block .grid-list .sections-list__item-content .services-list__childs-item--more_items .more-arrow svg{
		width: 6px;
		height: 4px;
	}
	

/* Продукция конец */



/* Разделы начало */

	
	.section-block .sections-list__item {
		background: #f8f8f8;
		border: none;
	}
	
	.section-block .sections-list__item:hover {
		background: #fff;
	}
	
	.sections-block .line-block{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
		gap: 8px;
	}
	
	.sections-block .sections-list__name{
		line-height: 100%;
	}
	
	.sections-block  .sections-list__wrapper .line-block .card-image-size--60 {
		--size: 110px;
		mix-blend-mode: darken;
		height: 60px;
	}
	
	.sections-block  .sections-list__wrapper .line-block .card-image {
		border-radius: unset;
		background-size: contain;
	}
	
	.services-list__wrapper:last-child {
	  grid-column: auto / -1; /* В последнем ряду 3 карточки */
	}

	.services-list__wrapper:nth-child(3n+1):last-child {
	  grid-column: 1 / -1; /* В последнем ряду 2 карточки */
	}

	.services-list__wrapper:nth-child(3n+2):last-child {
	  grid-column: 2 / -1; /* В последнем ряду 1 карточка */
	}
	
	.services-list__wrapper:last-child .services-list__item-image-wrapper > div{
		--padding-top: 50% !important;
	}

/* Разделы конец */




/* Плитки мозаика начало */
.dnb-mosaic-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 120px 120px 120px;
	gap: 16px;
	max-width: 1500px;
	margin: 130px -150px;
}

.dnb-mosaic-item:before{
	content: "";
	background: url("/local/templates/rosveb/css/img/tree.webp") no-repeat;
	object-fit: contain;
	background-size: contain;
	position: absolute;
	z-index: 1;
	transform: rotate(90deg);
	width: 163px;
	height: 258px;
}

.dnb-mosaic-item{
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

/* --- 1 --- */
.dnb-mosaic-item1 { 
	grid-column: 1 / 3;
	grid-row: 1 / 3;
	background: #f5f3f3;
	border: 1px solid #dcd5d8;
}

.dnb-mosaic-item1 img{ 
	width: auto;
	height: 90%;
	object-fit: contain;
	position: absolute;
	right: 0;
	bottom: -4px;
}

.dnb-mosaic-item1:before{
	bottom: -69px;
	left: -35px;
}

.dnb-mosaic-item1 .dnb-mosaic-title{
	color: #444;
	font-size: clamp(30px, 2.5vw, 44px);
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: relative;
	top: 28px;
	left: 38px;
	max-width: 220px;
}

/* --- 2 --- */
.dnb-mosaic-item2 { 
	grid-column: 3 / 5;
	grid-row: 1 / 3;
	background: #242223;
}

.dnb-mosaic-item2 img{ 
	width: auto;
	height: 100%;
	object-fit: contain;
	position: absolute;
	right: 0;
	bottom: -4px;
}

.dnb-mosaic-item2:before{
	bottom: -78px;
	right: -35px;
}

.dnb-mosaic-item2 .dnb-mosaic-title{
	color: #fff;
	font-size: clamp(30px, 2.5vw, 44px);
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: relative;
	top: 28px;
	left: 38px;
	max-width: 220px;
}

/* --- 3 --- */
.dnb-mosaic-item3 { 
	grid-column: 5 / 7;
	grid-row: 1 / 2;
	background: #F4F1F2; 
	border: 1px solid #dcd5d8;
} 

.dnb-mosaic-item3 img{ 
	width: auto;
	height: 90%;
	object-fit: contain;
	position: absolute;
	right: 0;
	bottom: -4px;
}

.dnb-mosaic-item3:before{
	bottom: -67px;
	right: -10px;
	width: 103px;
	height: 162px;
}

.dnb-mosaic-item3 .dnb-mosaic-title{
	color: #444;
	font-size: 30px;
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: relative;
	top: 30px;
	left: 30px;
	max-width: 220px;
}

/* --- 4 --- */
.dnb-mosaic-item4 { 
	grid-column: 5 / 7;
	grid-row: 2 / 3;
	background: #242223;
} 

.dnb-mosaic-item4 img{ 
	width: auto;
	height: 90%;
	object-fit: contain;
	position: absolute;
	left: 35px;
	bottom: 0;
}

.dnb-mosaic-item4:before{
	bottom: -51px;
	left: -10px;
	width: 103px;
	height: 162px;
}

.dnb-mosaic-item4 .dnb-mosaic-title{
	color: #fff;
	font-size: 30px;
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: absolute;
	top: 30px;
	right: 38px;
	max-width: 220px;
	text-align: right;
}

/* --- 5 --- */
.dnb-mosaic-item5 { 
	grid-column: 1 / 4;
	grid-row: 3 / 4;
	background: #242223; 
}

.dnb-mosaic-item5 img{ 
	width: auto;
	height: 90%;
	object-fit: contain;
	position: absolute;
	right: 90px;
	bottom: 0;
}

.dnb-mosaic-item5:before{
	bottom: -90px;
	right: -62px;
}

.dnb-mosaic-item5 .dnb-mosaic-title{
	color: #fff;
	font-size: clamp(30px, 2.5vw, 44px);
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: relative;
	top: 38px;
	left: 38px;
	max-width: 460px;
}

/* --- 6 --- */
.dnb-mosaic-item6 { 
	grid-column: 4 / 7;
	grid-row: 3 / 4;
	background: #F4F1F2;
	border: 1px solid #dcd5d8;
}

.dnb-mosaic-item6 img{ 
	width: auto;
	height: 90%;
	object-fit: contain;
	position: absolute;
	right: 70px;
	bottom: 6px;
}

.dnb-mosaic-item6:before{
	bottom: -114px;
	right: -57px;
	transform: rotate(90deg) scaleY(-1)
}

.dnb-mosaic-item6 .dnb-mosaic-title{
	color: #444;
	font-size: clamp(30px, 2.5vw, 44px);
	line-height: 108%;
	font-family: "buyan-bold", Arial, sans-serif !important;
	z-index: 1;
	position: relative;
	top: 38px;
	left: 38px;
	max-width: 460px;
}
	
/* Плитки мозаика конец */



/* Крутая разметка начало */

.loyalty-title,
.section-title,
h3.switcher-title	{
	font-size: clamp(2rem, 4vw, 2.5rem);
	font-weight: 800;
}

.testimonial-content blockquote::before {
	content: '"';
	font-size: 4rem;
	color: #231f20;
	position: absolute;
	left: -2rem;
	top: -1rem;
}

.horeca-line .testimonial-content blockquote::before {
	content: '"';
	font-size: 4rem;
	color: #231f20;
	position: absolute;
	left: -2rem;
	top: -1rem;
}

.about-company .logo-visual {
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	font-size: clamp(1.5rem, 4vw, 2.5rem);
	font-weight: 800;
}

.about-company .timeline-point .year {
	font-size: 1rem;
	font-weight: 700;
	color: #231f20;
	text-align: right;
}
	
.has-long-banner .ordered-block .catalog-block__wrapper{
	background: #ffffff;
}

.val-bg {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	background: #f8f7fc;
	margin-top: 60px;
	margin-bottom: 60px;
}

.val-bg.val-stranica {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	background: #181818;
	padding: 0;
}

.loyalty-program {
	margin: 0 auto;
}

.loyalty-intro {
	text-align: center;
	margin-bottom: 4rem;
}

.loyalty-description {
	font-size: 1.125rem;
	margin: 0 auto;
	color: #828286;
}

.loyalty-tiers {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(293px, 1fr));
	gap: 1rem;
	margin-bottom: 4rem;
}

.tier {
	background: linear-gradient(145deg, #1a1a1a, #2a2a2a);
	border-radius: 1rem;
	padding: 2rem;
	position: relative;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	color: #dbdbdb;
}

.tier:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.tier:hover::before {
	opacity: 1;
}

.tier-premium {
	top: -20px;
}

.tier-premium:hover {
	transform: translateY(-5px);
}

.tier-premium::after {
	content: 'Популярный';
	position: absolute;
	top: 22px;
	right: -53px;
	background: #6c6c6c;
	color: #000;
	padding: 0.5rem 3rem;
	font-size: 0.75rem;
	font-weight: 600;
	transform: rotate(45deg);
	text-transform: uppercase;
}

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

.tier-vip {
	border-color: #9b59b6;
}

.tier-header {
	margin-bottom: 1.5rem;
}

.tier-name {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: #ffffff;
}

.tier-badge {
	display: inline-block;
	padding: 0.25rem 0.75rem;
	border-radius: 2rem;
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.tier-basic .tier-badge {
	background: transition;
	color: #eaeaea;
}

.tier-premium .tier-badge {
	background: rgb(221 221 221 / 20%);
	color: #eaeaea;
}

.tier-vip .tier-badge {
	background: rgb(221 221 221 / 20%);
	color: #eaeaea;
}

.tier-condition {
	font-size: 1rem;
	padding: 1rem;
	background: rgba(255, 255, 255, 0.05);
	border-radius: 0.5rem;
	border-left: 3px solid;
}

.tier-basic .tier-condition {
	border-left-color: #4a90e2;
}

.tier-premium .tier-condition {
	border-left-color: #d4af37;
}

.tier-vip .tier-condition {
	border-left-color: #9b59b6;
}

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

.benefit {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem;
	background: rgba(255, 255, 255, 0.03);
	border-radius: 0.5rem;
}

.benefit:hover {
	background: rgba(255, 255, 255, 0.08);
}

.benefit-icon {
	font-size: 1.25rem;
	flex-shrink: 0;
	display: flex;
}

.benefit-text {
	font-size: 0.95rem;
	line-height: 120%;
}

.tier-note {
	font-size: 0.875rem;
	opacity: 0.8;
	line-height: 120%;
}

.telegram-link {
	color: #ffffff;
	text-decoration: underline !important;
	transition: color 0.3s ease;
}

.telegram-link:hover {
	color: #eaeaea;
	text-decoration: none !important;
}

.rules-section {
	margin-bottom: 4rem;
}

.section-title {
	font-size: 2rem;
	font-weight: 700;
}

.rules-grid,
.privileges-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 1.5rem;
}

.corporate-gifts .privileges-grid {
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}

.has-long-banner .ui-card__image--ratio-1{
	--aspect-ratio: 9 / 16;
}

.rule-card,
.privilege-card {
	display: flex;
	align-items: flex-start;
	gap: 1.3rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 0.75rem;
	transition: all 0.3s ease;
}

.rule-card:hover,
.privilege-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgb(0 0 0 / 6%);
}

.loyalty-program .rule-icon svg{
	width: 54px;
	height: 54px;
}

.horeca-line .rule-icon svg{
	width: 40px;
	height: 40px;
}

.privilege-icon svg{
	width: 54px;
	height: 54px;
}

.corporate-gifts svg{
	width: 40px;
	height: 40px;
}

.corporate-gifts .principles-section svg{
	width: 30px;
	height: 30px;
}

.about-company .privilege-icon svg{
	width: 40px;
	height: 40px;
}

.rule-icon,
.privilege-icon {
	font-size: 2rem;
	flex-shrink: 0;
}

.rule-content h4,
.privilege-content h4{
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 1rem;
}

.rule-content p,
.privilege-content p {
	font-size: 1rem;
	margin: 0;
	color: #807f85;
	line-height: 140%;
}

.cta-section {
	text-align: center;
	padding-top: 2rem;
	margin-bottom: 5rem;
}

.join-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	padding: 1rem 2.5rem;
	background: #231f20;
	color: #f9f9f9;
	border: none;
	border-radius: 8px;
	font-size: 1.4rem;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.join-btn:hover {
	transform: translateY(-4px);
	box-shadow: inset 0 0 0px 2px rgb(35 31 32);
	background: #f8f7fc;
	color: #231f20;
}

.join-btn:active {
	transform: translateY(0);
}

.btn-icon {
	font-size: 1.25rem;
}

.has-long-banner{
	background: #f8f7fc;
}

.has-long-banner .detail-block > .outer-rounded-x{
	background: #fff;
}

.services-detail__bottom-info > .detail-block.ordered-block.order_form{
	display: none;
}

.has-long-banner section.page-top{
	padding-bottom: 10px;
}

.has-long-banner .topic__heading{
	margin-top: 10px;
}

	

	

/* =================================================== */	

.corporate-gifts {
	margin: 0 auto;
	max-width: 1200px;
}

.loyalty-title.main-title{
	text-align: center;
	margin: 0 auto 30px;
}

.advantages-section {
	margin: 0 auto;
}

.advantages-timeline {
	position: relative;
	margin: 40px auto 0;
	max-width: 830px;
}

.advantages-timeline::before {
	content: '';
	position: absolute;
	left: 30px;
	top: 30px;
	bottom: 30px;
	width: 2px;
	background: #cecece;
}

.photo-section img{
	border-radius: 0.75rem;
}

.timeline-item {
	position: relative;
	margin-bottom: 3rem;
	padding-left: 80px;
	transition: transform 0.3s ease;
}

.timeline-item:hover {
	transform: translateX(10px);
}

.timeline-marker {
	position: absolute;
	left: 0;
	top: 0;
	width: 68px;
	height: 68px;
	background: #2f222224;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.timeline-marker svg {
	width: 30px;
	height: 30px;
	stroke: #231f20;
}

.timeline-title {
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 0.5rem;
	color: #231f20;
}

.timeline-description {
	font-size: 1rem;
	color: #807f85;
	margin: 0;
	max-width: 600px;
	margin: 0 auto;
}

.photo-section {
	margin: 4rem 0;
}

.photo-placeholder {
	border-radius: 0.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	font-style: italic;
}

.photo-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 1rem;
}

.photo-grid .large {
	grid-row: span 2;
}

.photo-grid .large img{
	object-fit: cover;
	width: 100%;
	height: 380px;
}

.photo-grid .small img{
	object-fit: cover;
	width: 100%;
	height: 280px;
}

.photo-masonry {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1rem;
}

.photo-masonry .tall {
	grid-row: span 2;
	min-height: 400px;
}

.photo-masonry .wide {
	grid-column: span 2;
	min-height: 150px;
}

.process-section {
	margin: 4rem 0rem;
	border-radius: 1rem;	
}

.process-flow {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.flow-step {
	text-align: center;
	flex: 1;
	min-width: 200px;
	padding: 1.5rem;
	transition: transform 0.3s ease;
}

.flow-step:hover {
	transform: scale(1.05);
}

.step-number {
	font-size: 3.5rem;
	color: #231f20;
	margin-bottom: 2rem;
}

.step-content h4 {
	font-size: 1.125rem;
	font-weight: 600;
	margin-bottom: 0.75rem;
	color: #231f20;
	line-height: 120%;
}

.step-content p {
 	font-size: 1rem;
	color: #807f85;
	margin: 0;
	line-height: 120%;
}

.flow-connector {
		position: relative;
	flex-shrink: 0;
	top: 30px;
}

.flow-connector::after {
	content: '';
	position: absolute;
	right: -8px;
	top: -8px;
	background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16 16L19 13L19.2929 12.7071C19.6834 12.3166 19.6834 11.6834 19.2929 11.2929L16 8" stroke="%23231F20" stroke-width="1.5" stroke-linecap="round"/><path d="M16 12L5 12" stroke="%23231F20" stroke-width="1.5" stroke-linecap="round"/></svg>');
	display: inline-block;
		background-repeat: no-repeat;
		width: 24px;
		height: 24px;
}

.trust-companies .tier {
	background: #f8f7fc;
	color: #231f20;
	padding: 0;
}

.trust-companies .tier:hover{
	transform: none;
	box-shadow: none;
}

.trust-tier .tier-name {
	color: #231f20;
}

.company-logos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 0.5rem;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.company-logos .logo-placeholder{
	background: #ffffff;
	border: none;
	padding: 30px;
	height: 130px;
}

.company-logos .logo-placeholder img{
	object-fit: cover;
	max-height: 130px;
	width: 100%;
	padding: 0px 0px;
	display: flex;
	mix-blend-mode: darken;
	justify-content: center;
	align-items: center;
}

.logo-placeholder {
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	padding: 0.5rem;
	font-size: 0.75rem;
	color: #6c757d;
	flex: 1;
	min-width: 80px;
	text-align: center;
}

.photo-placeholder.tall img{
	object-fit: cover;
	height: 100%;
	border-radius: 10px;
	transform: scaleX(-1);
	max-height: 450px;
}

.photo-placeholder.tall{
	transition: all ease .4s;
}

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

.photo-placeholder.wide img{
	object-fit: cover;
	width: 100%;
}





/* =================================================== */	

.horeca-line {
	margin: 0 auto;
	max-width: 1200px;
}

.hero-section {
	text-align: center;
	margin-bottom: 4rem;
}

.hero-subtitle {
	font-size: 1.25rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}

.hero-description {
	margin: 0 auto;
}

.hero-description p {
	font-size: 1.125rem;
	color: #807f85;
	margin-bottom: 1.5rem;
	line-height: 130%;
}

.highlight-text {
	font-weight: 600;
	color: #231f20 !important;
}

.product-gallery {
	margin-bottom: 5rem;
}

.gallery-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 1.5rem;
	grid-template-areas: 
		"large img1 img2"
		"wide wide wide";
}

.product-image.large {
	grid-area: large;
}

.product-image:nth-child(2) {
	grid-area: img1;
}

.product-image:nth-child(3) {
	grid-area: img2;
}

.product-image.wide {
	grid-area: wide;
}

.product-image .photo-placeholder {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 250px;
	color: #6c757d;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.product-image .photo-placeholder:hover {
	transform: scale(1.02);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.product-image.large .photo-placeholder {
	min-height: 400px;
}

.product-image.wide .photo-placeholder {
	min-height: 200px;
}

.features-timeline {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

.features-timeline::before {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, #231f20 0%, #807f85 100%);
	border-radius: 2px;
}

.feature-item {
	position: relative;
	margin-bottom: 4rem;
	padding-left: 100px;
}

.feature-item:last-child {
	margin-bottom: 0;
}

.feature-number {
	position: absolute;
	left: 0;
	top: 1rem;
	width: 60px;
	height: 60px;
	background: #231f20;
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	z-index: 2;
	box-shadow: 0 4px 15px rgba(35, 31, 32, 0.2);
}

.feature-card {
	margin: 0;
	border-left: 4px solid #231f20;
	transform: translateX(0);
	transition: all 0.3s ease;
}

.feature-card:hover {
	transform: translateX(10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.process-showcase {
	margin-bottom: 5rem;
}

.showcase-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	align-items: start;
}

.text-left {
	text-align: left;
}

.text-left::after {
	left: 0;
	transform: none;
}

.showcase-images {
 	display: flex;
	gap: 1rem;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

.showcase-images .tall {
	grid-row: span 2;
	min-height: 300px;
}

.process-steps-visual {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.process-steps-visual .small {
	min-height: 140px;
}

.clients-section {
	margin-bottom: 4rem;
}

.clients-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
}

.client-tile {
	background: #ffffff;
	border-radius: 0.75rem;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border: 2px solid transparent;
}

.client-tile:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	border-color: #231f20;
}

.client-tile.featured {
	grid-column: span 2;
	background: linear-gradient(135deg, #231f20, #404040);
	color: #ffffff;
}

.client-tile.featured:hover {
	border-color: #231f20;
}

.logo-placeholder {
	background: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 0.5rem;
	padding: 1.5rem;
	color: #6c757d;
	text-align: center;
	width: 100%;
	min-height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9rem;
}

.client-tile.featured .logo-placeholder {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.testimonials-section {
	margin-bottom: 4rem;
}

.testimonial-card {
	background: #ffffff;
	border-radius: 1rem;
	padding: 3rem;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 3rem;
	align-items: center;
}

.testimonial-content blockquote {
	font-size: 1.25rem;
	font-style: italic;
	color: #231f20;
	margin: 0 0 2rem 0;
	line-height: 1.6;
	position: relative;
}

.author-info h5 {
	font-size: 1.125rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 0.25rem;
}

.author-info p {
	color: #807f85;
	margin: 0;
}

.testimonial-image .photo-placeholder {
	min-height: 200px;
	border-radius: 0.75rem;
}

.cta-section {
	margin-bottom: 3rem;
}

.cta-content {
	text-align: center;
	padding: 4rem 2rem;
	background: linear-gradient(135deg, #231f20, #404040);
	border-radius: 1rem;
	color: #ffffff;
}

.cta-content .section-title {
	color: #ffffff;
	margin-bottom: 1rem;
}

.cta-content .section-title::after {
	background: #ffffff;
}

.cta-content .loyalty-description {
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 2rem;
}

.cta-btn {
	background: #ffffff;
	color: #231f20;
	font-size: 1.4rem;
	padding: 1.2rem 3rem;
}

.cta-btn:hover {
	background: #f8f9fa;
	color: #231f20;
	transform: translateY(-4px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}





/* =================================================== */	

.horeca-line {
	margin: 0 auto;
	max-width: 1200px;
}

.horeca-line .hero-section::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(35, 31, 32, 0.05) 0%, transparent 70%);
	border-radius: 50%;
}

.horeca-line .hero-description {
	margin: 0 auto;
}

.horeca-line .highlight-text {
	font-weight: 600;
	color: #231f20 !important;
	font-style: italic;
}

/* Product Gallery */
.horeca-line .product-gallery {
	margin-bottom: 5rem;
}

.horeca-line .gallery-grid {
	display: flex;
	gap: 1.5rem;
}

.horeca-line .gallery-grid {
	grid-template-areas: unset !important;
}

.horeca-line .product-image.large {
	grid-area: unset;
}

.horeca-line .product-image:nth-child(2) {
	grid-area: unset;
}

.horeca-line .product-image:nth-child(3) {
	grid-area: unset;
}

.horeca-line .product-image.wide {
	grid-area: unset;
}

.horeca-line .photo-placeholder:hover {
	transform: scale(1.02);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.horeca-line .product-image.large .photo-placeholder {
	min-height: 400px;
}

.horeca-line .product-image.wide .photo-placeholder {
	min-height: 200px;
}

.horeca-line .features-timeline {
	max-width: 800px;
	width: 80vw;
	margin: 0 auto;
	position: relative;
}

.horeca-line .advantages-section{
	margin: 0 auto 80px;
}

.horeca-line .features-timeline::before {
	content: '';
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, #231f20 0%, #807f85 100%);
	border-radius: 2px;
}

.horeca-line .feature-item {
	position: relative;
	margin-bottom: 4rem;
	padding-left: 100px;
}

.horeca-line .feature-item:last-child {
	margin-bottom: 0;
}

.horeca-line .feature-card {
	margin: 0;
	border-left: 4px solid #231f20;
	transform: translateX(0);
	transition: all 0.3s ease;
}

.horeca-line .feature-card:hover {
	transform: translateX(10px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.horeca-line .process-showcase {
	margin-bottom: 5rem;
}

.horeca-line .showcase-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
}

.horeca-line .text-left {
	text-align: left;
}

.horeca-line .text-left::after {
	left: 0;
	transform: none;
}

.horeca-line .showcase-images {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.horeca-line .showcase-images .tall {
	grid-row: span 2;
	min-height: 300px;
}

.horeca-line .process-steps-visual {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.horeca-line .process-steps-visual .small {
	min-height: 140px;
}

.horeca-line .clients-section {
	margin-bottom: 4rem;
}

.horeca-line .clients-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 1.5rem;
	max-width: 900px;
	margin: 0 auto;
}

.horeca-line .client-tile {
	background: #ffffff;
	border-radius: 0.75rem;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	border: 2px solid transparent;
}

.horeca-line .client-tile:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
	border-color: #231f20;
}

.horeca-line .client-tile.featured {
	grid-column: span 2;
	background: linear-gradient(135deg, #231f20, #404040);
	color: #ffffff;
}

.horeca-line .client-tile.featured:hover {
	border-color: #231f20;
}

.horeca-line .client-tile.featured .logo-placeholder {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}

.horeca-line .testimonials-section {
	margin-bottom: 4rem;
}

.horeca-line .testimonial-card {
	background: #ffffff;
	border-radius: 1rem;
	padding: 3rem;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 3rem;
	align-items: center;
}

.horeca-line .testimonial-content blockquote {
	font-size: 1.25rem;
	font-style: italic;
	color: #231f20;
	margin: 0 0 2rem 0;
	line-height: 1.6;
	position: relative;
}

.horeca-line .author-info h5 {
	font-size: 1.125rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 0.25rem;
}

.horeca-line .author-info p {
	color: #807f85;
	margin: 0;
}

.horeca-line .testimonial-image .photo-placeholder {
	min-height: 200px;
	border-radius: 0.75rem;
}

.horeca-line .cta-content {
	text-align: center;
	padding: 4rem 2rem;
	background: linear-gradient(135deg, #231f20, #404040);
	border-radius: 1rem;
	color: #ffffff;
}

.horeca-line .cta-content .section-title {
	color: #ffffff;
	margin-bottom: 1rem;
}

.horeca-line .cta-content .section-title::after {
	background: #ffffff;
}

.horeca-line .cta-content .loyalty-description {
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 2rem;
}

.horeca-line .cta-btn {
	background: #ffffff;
	color: #231f20;
	font-size: 1.4rem;
	padding: 1.2rem 3rem;
}

.horeca-line .cta-btn:hover {
	background: #f8f9fa;
	color: #231f20;
	transform: translateY(-4px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}




/* =================================================== */	

.partnership-policy {
	margin: 30px auto 0;
	max-width: 1200px;
}

.privilege-icon i.ph{
	display: block;
	background: unset;
}

.partnership-policy i.ph::before{
	font-size: 36px;
}

.partnership-policy .hero-section {
	text-align: center;
	margin-bottom: 5rem;
}

.partnership-policy .principles-showcase {
	margin-bottom: 3rem;
}

.partnership-policy .principles-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.partnership-policy .principle-point {
	display: flex;
	align-items: flex-start;
	gap: 1.5rem;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 0.75rem;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.partnership-policy .principle-point:hover {
	transform: translateX(10px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.partnership-policy .principle-icon {
	font-size: 2rem;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, #231f20, #404040);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partnership-policy .principle-icon svg path{
	stroke: #fff;
}

.partnership-policy .principle-icon svg{
	width: 34px;
	height: 34px;
}

.partnership-policy .principle-text h4 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 0.5rem;
}

.partnership-policy .principle-text p {
	color: #807f85;
	margin: 0;
	line-height: 120%;
}

.partnership-policy .partners-section {
	margin-bottom: 5rem;
}

.partnership-policy .partner-types {
	gap: 2rem;
}

.partnership-policy .partner-tier {
	background: #ffffff;
	color: #231f20;
	border: 2px solid #f8f9fa;
}

.partnership-policy .partner-tier:hover {
	border-color: #231f20;
	transform: translateY(-5px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.partnership-policy .partner-tier .tier-name {
	color: #231f20;
}

.partnership-policy .partner-tier .tier-badge {
	background: rgba(35, 31, 32, 0.1);
	color: #231f20;
}

.partnership-policy .partner-benefits {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.partnership-policy .partner-benefits .benefit {
	background: #f8f9fa;
	border-radius: 0.5rem;
	padding: 1rem;
}

.partnership-policy .partner-benefits .benefit-icon {
	width: 24px;
	height: 24px;
}

.partnership-policy .partner-benefits .benefit-icon svg {
	width: 24px;
	height: 24px;
	stroke: #231f20;
}

.partnership-policy .distribution-section {
		margin-bottom: 5rem;
}

.partnership-policy .section-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: start;
}

.partnership-policy .company-description p {
	font-size: 1.125rem;
	color: #807f85;
	line-height: 130%;
	margin-bottom: 1.5rem;
}

.partnership-policy .company-description strong {
	color: #231f20;
	font-weight: 600;
}

.partnership-policy .split-visual .photo-placeholder {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.partnership-policy .product-lines {
	margin-bottom: 3rem;
}

.partnership-policy .product-grid {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 1rem;
}

.partnership-policy .product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.partnership-policy .contact-section {
	margin-bottom: 3rem;
}

.partnership-policy .contact-cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1rem;
	margin: 3rem 0;
	margin-left: auto;
	margin-right: auto;
}

.partnership-policy .contact-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 15px 40px rgba(35, 31, 32, 0.15);
}

.partnership-policy .contact-card .privilege-icon svg {
	stroke: #231f20;
	width: 34px;
	height: 34px;
}

.partnership-policy .contact-card h4 {
	color: #231f20;
}

.partnership-policy .showcase-content{
	align-items: stretch;
	display: flex;
}

.partnership-policy .showcase-text{
	flex: 1 0 50%;
}

.partnership-policy .showcase-images{
	flex: 1 1 50%;
}

.partnership-policy .showcase-images img{
	object-fit: cover;
	max-height: 423px;
	width: 100%;
	border-radius: .75rem;
}






/* =================================================== */	

.about-company {
	margin: 0 auto;
	max-width: 1200px;
	margin: 0 auto;
	max-width: 1200px;
	background: #fff;
	padding: 40px 50px;
	border-radius: 20px;
}

.about-company .logo-explanation {
	margin-top: 3rem;
}

.about-company .letter-u {
	color: #231f20;
	font-size: 1.2em;
}

.about-company .separator {
	background: #807f85;
	height: 1px;
	width: 200px;
}

.about-company .logo-description{
	display: flex;
	position: relative;
	margin: 0 auto;
	max-width: 620px;
	gap: 70px;
}

.about-company .logo-description p:first-child{
	flex: 0 0 190px;
}

.about-company .word-candles {
	color: #231f20;
	letter-spacing: 0.1em;
}

.about-company .logo-description p {
	font-size: 1.125rem;
	color: #807f85;
	margin-bottom: 1rem;
	line-height: 120%;
}

.about-company .story-section {
	margin-bottom: 5rem;
	padding: 3rem 2rem;
	background: #ffffff;
	border-radius: 1rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.about-company .story-content strong {
	color: #231f20;
	font-weight: 600;
}

.about-company .principles-section .privileges-grid{
	grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
}

.about-company .story-timeline {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.about-company .timeline-point {
	gap: 10px;
	display: flex;
	flex-direction: row;
	text-align: center;
	padding: 1rem 1.5rem 1rem 2.5rem;
	background: #f8f9fa;
	border-radius: 0.75rem;
	border-left: 4px solid #c3a571;
	justify-content: flex-start;
	align-items: flex-start
}

.about-company .timeline-point .event {
	font-size: 1rem;
	color: #807f85;
	text-align: left;
}

.about-company .values-section {
	margin-bottom: 5rem;
}

.about-company .values-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
}

.about-company .value-card {
	background: #ffffff;
	border-radius: 1rem;
	padding: 2rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
	border: 2px solid transparent;
}

.about-company .value-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
	border-color: #231f20;
}

.about-company .value-card.quality {
	background: linear-gradient(135deg, #ffffff, #f8f9fa);
}

.about-company .value-card.design {
	background: linear-gradient(135deg, #ffffff, #fef7e0);
}

.about-company .value-card.ecology {
	background: linear-gradient(135deg, #ffffff, #f0f9f4);
}

.about-company .value-card.charity {
	background: linear-gradient(135deg, #ffffff, #fef2f2);
}

.about-company .value-icon {
	font-size: 3rem;
	margin-bottom: 1.5rem;
	display: block;
}

.about-company .value-content h4 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 1rem;
}

.about-company .value-content p {
	color: #807f85;
	line-height: 1.6;
	margin: 0;
}

.about-company .principles-section {
	margin-bottom: 5rem;
}

.about-company .principles-flow {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1rem;
}

.about-company .principle-item {
	text-align: center;
	padding: 2rem 1rem;
	background: #fff;
	border-radius: 0.75rem;
	transition: all 0.3s ease;
}
.about-company .order_form{
	background: #fff;
}

.about-company-img{
	height: 332px;
	max-height: 332px;
	overflow: hidden;
}

.about-company-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.about-company .principle-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.about-company .principle-item .principle-icon {
	background: #edecf1;
	width: 80px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	margin: 0 auto;
}

.about-company .principle-item h5 {
	font-size: 1rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 0.75rem;
	margin-top: 10px;
}

.about-company .principle-item p {
	font-size: 1rem;
	color: #a9a9ac;
	margin: 0;
	line-height: 120%;
}

.about-company .principle-icon svg{
	width: 40px;
	height: 40px;
	fill: #231f20;
}

.about-company .team-photos {
	margin-bottom: 5rem;
}

.about-company .photo-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 1.5rem;
}

.about-company .team-photo {
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	border-radius: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	font-style: italic;
	transition: all 0.3s ease;
	overflow: hidden;
}

.about-company .team-photo:hover {
	transform: scale(1.02);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.about-company .favorites-section {
	margin-bottom: 3rem;
}

.about-company .favorites-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}

.about-company .product-favorite {
	background: #ffffff;
	border-radius: 1rem;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.about-company .product-favorite:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.about-company .product-image {
	aspect-ratio: 1;
	overflow: hidden;
}

.about-company .product-image .photo-placeholder {
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f8f9fa, #e9ecef);
	border: none;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c757d;
	font-style: italic;
	margin: 0;
	min-height: auto;
}

.about-company .product-info {
	padding: 1.5rem;
}

.about-company .product-info h4 {
	font-size: 1.125rem;
	font-weight: 600;
	color: #231f20;
	margin-bottom: 0.5rem;
}

.about-company .team-member {
	font-size: 0.95rem;
	color: #231f20;
	font-weight: 500;
	margin-bottom: 0.75rem;
}

.about-company .product-description {
	font-size: 0.9rem;
	color: #807f85;
	line-height: 1.5;
	margin: 0;
}



/* =================================================== */	

.recycling-program {
	margin: 0 auto;
}

.recycling-program .current-program {
	margin-bottom: 4rem;
}

.recycling-program .current-item {
	border-left: 4px solid #2e302f;
	background: #fff;
}

.recycling-program .rule-icon svg{
	width: 100px;
	height: 100px;
}

.recycling-program .rule-card{
	gap: 1.5rem;
}

.recycling-program .cleaning-section {
		margin-bottom: 4rem;
}

.recycling-program .text-center {
		margin-bottom: 3rem;
}

.recycling-program .warning-note {
	margin-top: 3rem;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
}

.recycling-program .warning {
	border-left: 4px solid #2e302f;
	background: #e0e1e8;
}

.recycling-program .warning .rule-icon svg {
	width: 44px;
	height: 44px;
}

.recycling-program .future-plans {
	margin-bottom: 4rem;
}

.recycling-program .future-tier .tier-badge {
	background: rgba(99, 102, 241, 0.1);
	color: #6366f1;
}

.recycling-program	.tier-header{
	margin-bottom: 0;
}

.recycling-program .future-items {
	display: flex;
	gap: 20px;
}

.recycling-program .benefit{
	width: 100%;
}

.recycling-program .benefit-icon svg path{
	fill: #fff;
}

.recycling-program .tier:hover {
	transform: unset;
	box-shadow: unset;
}

.recycling-program .cta-section .section-title::after {
	background: #ffffff;
}

.recycling-program .showcase-content{
	align-items: unset;
}

.recycling-program .btn-icon svg g path{
	stroke: #fff;
	transition: all ease .3s;
}

.recycling-program .btn-icon svg g path:first-child,
.recycling-program .join-btn:hover svg g path:first-child{
	stroke: unset;
}

.recycling-program .join-btn:hover svg g path{
	stroke: #231f20;
}

.showcase-images .photo-placeholder{
	height: 100%;
	overflow: hidden;
	max-height: 600px;
}



@media (max-width: 1200px) {
	.about-company-img {
		height: 28vw;
	}

	.val-bg{
		padding: 0;
	}

	.phones__dropdown{
		right: 0;
		left: unset !important;
	}

	.about-company{
		padding: 20px 20px 0;
	}

	.about-company .catalog-viewed{
		padding-bottom: 50px;
	}

	.loyalty-program .rules-grid, 
	.loyalty-program .privileges-grid{
		gap: 1rem;
	}
}



@media (max-width: 991px) {
	.rules-grid, .privileges-grid{
		gap: 1rem;
	}

	.loyalty-program .ordered-block .line-block,
	.recycling-program .ordered-block .line-block,
	.partnership-policy .ordered-block .line-block,
	.corporate-gifts .ordered-block .line-block,
	.horeca-line .ordered-block .line-block{
		flex-direction: column;
	}
	
	.loyalty-tiers {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	.tier-premium {
		top: unset;
	}

	.horeca-line .gallery-grid {
		gap: 1rem;
	}

	.partnership-policy .section-split{
		gap: 2rem;
	}
}


@media (max-width: 768px) {
	
	.loyalty-tiers {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	
	.tier-premium {
		transform: none;
	}
	
	.tier {
		padding: 1.5rem;
	}
	
	.rules-grid,
	.privileges-grid {
		grid-template-columns: 1fr;
	}
	
	.rule-card,
	.privilege-card {
		padding: 1.25rem;
	}
	
	.photo-grid {
		grid-template-columns: 1fr;
	}
	
	.photo-masonry {
		grid-template-columns: 1fr;
	}
	
	.photo-masonry .wide,
	.photo-masonry .tall {
		grid-column: span 1;
		grid-row: span 1;
		min-height: 200px;
	}
	
	.process-flow {
		flex-direction: column;
	}
	
	.flow-connector {
		width: 2px;
		height: 40px;
		transform: rotate(90deg);
	}
	
	.flow-connector::after {
		content: '';
		right: 30px;
		top: 0px;
	}
	
	.advantages-timeline {
		max-width: 100%;
	}
	
	.gallery-grid {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"large"
			"img1" 
			"img2"
			"wide";
	}
		
	.showcase-content {
		grid-template-columns: 1fr;
		gap: 0.5rem;
	}
		
	.showcase-images {
		grid-template-columns: 1fr;
	}
		
	.showcase-images .tall {
		grid-row: span 1;
		min-height: 200px;
	}
		
	.clients-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
	}
		
	.client-tile.featured {
		grid-column: span 2;
	}
		
	.testimonial-card {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
		
	.features-timeline::before {
		left: 20px;
	}
		
	.feature-item {
		padding-left: 80px;
	}
		
	.feature-number {
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}
		
	.horeca-line .gallery-grid {
		grid-template-columns: 1fr;
		grid-template-areas: 
			"large"
			"img1" 
			"img2"
			"wide";
	}
		
	.horeca-line .showcase-content {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
		
	.horeca-line .showcase-images {
		grid-template-columns: 1fr 1fr;
	}
		
	.horeca-line .showcase-images .tall {
		grid-row: span 1;
		min-height: 200px;
	}
		
	.horeca-line .clients-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
	}
		
	.horeca-line .client-tile.featured {
		grid-column: span 2;
	}
		
	.horeca-line .testimonial-card {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
		
	.horeca-line .features-timeline::before {
		left: 20px;
	}
		
	.horeca-line .feature-item {
		padding-left: 80px;
	}
		
	.horeca-line .feature-number {
		width: 40px;
		height: 40px;
		font-size: 1rem;
	}
		
	.partnership-policy .section-split {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
		
	.partnership-policy .principles-list {
		gap: 0.5rem;
	}
		
	.partnership-policy .principle-point {
		gap: 1rem;
	}
		
	.partnership-policy .contact-cards {
		grid-template-columns: 1fr;
	}
	
	.about-company .logo-visual {
		flex-direction: column;
		justify-content: space-between;
		padding: 0 0 30px 0;
	}

	.about-company .separator {
		width: 130px;
	}
	
	.about-company .logo-visual .separator {
		transform: rotate(90deg);
		font-size: 0.8em;
		width: 80px;
	}
	
	.about-company .values-grid {
		grid-template-columns: 1fr;
	}
	
	.about-company .principles-flow {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.about-company .photo-row {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.about-company .favorites-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.logo-explanation{
		display: flex;
		padding: 0 50px;
		margin: 0 auto;
	}

	.about-company .logo-description{
		flex-direction: column;
	}

	.about-company .logo-description p:first-child{
		flex: 0 0 auto;
	}

	.about-company .logo-description{
		max-width: 320px;
		justify-content: space-between;
		gap: 40px;
	}

	.about-company .logo-description p{
		text-align: left;
	}

	.about-company .logo-explanation{
		gap: 20px;
	}

	.about-company .swiper-button-next.swiper-button-disabled, 
	.about-company .swiper-button-prev.swiper-button-disabled,
	.slider-nav:not(.slider-nav--no-auto-hide){
		display: flex;
	}

	.product-image .photo-placeholder{
		min-height: unset;
	}

	.recycling-program .showcase-content {
		gap: 1rem;
	}

	.recycling-program .process-flow{
		align-items: center;
	}

	.recycling-program .flow-step{
		padding: 0;
	}

	.recycling-program .future-items{
		flex-direction: column;
		gap: 10px;
	}

	.partnership-policy .showcase-content{
		flex-direction: column;
	}

	.partnership-policy .distribution-section .company-description p:last-child{
		margin-bottom: 0;
	}

	.corporate-gifts .timeline-description{
		width: 60vw;
		line-height: 120%;
	}

	.corporate-gifts .photo-grid {
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}

	.corporate-gifts .photo-grid .large {
		grid-row: span 1;
	}

	.corporate-gifts .photo-grid img{
		height: 100%;
	}

	.corporate-gifts .photo-grid{
		grid-template-columns: 2fr 1fr 1fr 1fr;
		gap: 1rem;
	}

	.corporate-gifts .photo-masonry .tall {
		grid-row: span 2;
		min-height: 400px;
	}

	.corporate-gifts .photo-masonry{
		grid-template-columns: 1fr 1fr;
	}

	.photo-masonry .wide{
		grid-column: span 2;
	}
}
	
	
	
@media (max-width: 600px) {
	.about-company-img{
		height: 48vw;
	}

	.logo-explanation {
		padding: 0 20px;
	}

	.about-company .hero-section {
		margin-bottom: 2rem;
	}

	.horeca-line .hero-section {
		margin-bottom: 2rem;
	}

	.horeca-line .gallery-grid{
		grid-template-columns: 1fr 1fr;
		display: grid;
	}

	.horeca-line .feature-item {
		margin-bottom: 1rem;
	}

	.horeca-line .features-timeline {
		width: 90vw;
	}

	.horeca-line .rule-card{
		flex-direction: column;
	}
}



@media (max-width: 480px) {
	.join-btn {
		padding: 0.875rem 2rem;
		font-size: 1rem;
	}
	
	.testimonial-card {
		padding: 2rem;
	}
	
	.cta-content {
		padding: 3rem 1rem;
	}
	
	.clients-grid {
		grid-template-columns: 1fr;
	}
	
	.client-tile.featured {
		grid-column: span 1;
	}
	
	.horeca-line .hero-section {
		padding: 2rem 1rem;
	}
	
	.horeca-line .testimonial-card {
		padding: 2rem;
	}
	
	.horeca-line .cta-content {
		padding: 3rem 1rem;
	}
	
	.horeca-line .clients-grid {
		grid-template-columns: 1fr;
	}
	
	.horeca-line .client-tile.featured {
		grid-column: span 1;
	}
	
	.partnership-policy .principle-point {
		padding: 1rem;
	}
	
	.about-company .story-section {
		padding: 2rem 1rem;
	}
	.about-company .hero-section {
		padding: 0;
	}
	
	.about-company .principles-flow {
		grid-template-columns: 1fr;
	}
	
	.about-company .photo-row,
	.about-company .favorites-grid {
		grid-template-columns: 1fr;
	}
	
	.about-company .principle-item {
		padding: 1.5rem 1rem;
	}
	
	.about-company .logo-visual{
		height: 156px;
	}

	.about-company .logo-visual .separator {
		width: 60px;
	}

	.about-company .logo-description{
		gap: 5vw;
	}

	.about-company .principles-section .privileges-grid {
		grid-template-columns: unset;
	}
	
	.horeca-line .hero-section {
		margin-bottom: 0rem;
	}

	.horeca-line .features-timeline::before {
		display: none;
	}

	.horeca-line .feature-number {
		width: 40px;
		height: 40px;
		font-size: 1rem;
		display: none;
	}

	.horeca-line .feature-item {
		padding-left: 0;
	}

	.horeca-line .advantages-section {
		padding: 0;
	}

	.horeca-line .rule-card{
		flex-direction: row;
	}

	.horeca-line .showcase-images {
		grid-template-columns: 1fr;
	}

	.recycling-program .rule-card{
		flex-direction: column;
		gap: .5rem;
	}

	.recycling-program .warning-note .rule-card{
		flex-direction: row;
		gap: 1rem;
	}

	.corporate-gifts .photo-grid {
		gap: 0.5rem;
	}

	.corporate-gifts .photo-masonry .tall {
		grid-row: span 1;
		min-height: 400px;
	}

	.corporate-gifts .photo-masonry{
		grid-template-columns: 1fr;
	}

	.photo-masonry .wide{
		grid-column: span 1;
	}
}

/* Крутая разметка конец */

i.ph{
	background: #f7f8fb;
	padding: 10px 10px;
	border-radius: 50px;
	margin-bottom: 20px;
	transition: all 0.5s ease;
}

i.ph::before{
	width: 48px;
	height: 48px;
	display: flex;
	font-size: 46px;
	color: #bfa375;
	justify-content: center;
	align-items: center;
}

.sozdanie-proekta-3d-vizualizatsiya{
	background-color: #2e2a27;
	text-align: center;
	padding: 40px 0;
	margin-top: 50px;
	margin-bottom: 50px;
}

.val-grid-right{
	mix-blend-mode: darken;
	display: flex;
}

.rule-card.product-card:last-child {
    grid-column: span 2;
}

.nadzor-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(410px, 1fr));
	gap: 20px;
	margin: 30px 0 50px 0;
}

.nadzor-right,
.nadzor-left{
	background: #fff;
	padding: 20px 40px;
	border-radius: 10px;
	height: max-content;
}

.tekhnicheskiy-nadzor1{
	background: #000000;
	border-radius: 10px;
	overflow: hidden;
	flex: 0 0 300px;
}

.tekhnicheskiy-nadzor-wrap{
	flex: 1 1 70%;
}

.tekhnicheskiy-nadzor1 img{
	display: flex;
	object-fit: cover;
	height: 100%;
}

.tekhnicheskiy-nadzor-grid{
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin: 0 0 80px 0;
}

.tekhnicheskiy-nadzor-grid blockquote{
	margin-top: 0;
}

.TIZERS .tizers-list__item{
	border: none;
}

.TIZERS .grid-list{
	gap: 16px;
}

.TIZERS .tizers-list__item-image-wrapper--ICONS{
	--icons-size: 64px;
	max-width: var(--icons-size);
	margin: 0 auto;
}

.TIZERS .tizers-list__item-text-wrapper{
	text-align: center;
}

.SERVICES .aspect-max-height-440{
	max-height: 270px;
}

.SERVICES .more_text_ajax{
	background-image: linear-gradient(135deg, #A58C69, #c2a677);
	color: #fff;
}

.CATALOG_TAB .catalog-block__item{
	border: none;
}
	
.CATALOG_SECTIONS .sections-block .line-block{
	display: block;
}

.CATALOG_SECTIONS .sections-block .grid-list .sections-list__wrapper > .relative{
	background: #fff;
}

.CATALOG_SECTIONS .sections-block .grid-list {
	--items-count: 5;
}

.CATALOG_SECTIONS .card-image{
	background-size: contain;
	height: 190px;
}

.CATALOG_SECTIONS .aspect-min-height-300 {
	min-height: 200px;
}

.CATALOG_SECTIONS .aspect-min-height-300 {
	--aspect-ratio: unset;
}

.BRANDS .index-block__title,
.SERVICES .index-block__title{
	font-size: clamp(2rem, 4vw, 2.5rem);
	color: #222428;
}

.BRANDS .index-block__part--left div,
.SERVICES .index-block__part--left div{
	font-size: 18px;
	font-weight: 300;
	color: #606060;
}

.BRANDS .index-block__part--right,
.SERVICES .index-block__part--right{
	margin: 17px 0 0 0;
}

.MIDDLE_ADV .banners-img-with-text-list__item-image{
	--image-pt: 92%;
}

.BRANDS .brands-list__image-wrapper {
	max-width: 140px;
	height: 60px;
	margin: 40px 0;
}

.BRANDS .grid-list--items-4-from-1200 {
	--items-count: 7;
}

.BRANDS .brands-list__item.brands-list__item--bg{
	background-color: #fff;
}

.BRANDS .brands-list__image {
	max-width: 130px;
}

.BRANDS .grid-list__item:first-child,
.BRANDS .grid-list__item:nth-child(14) {
	grid-column: span 2;
	grid-row: span 2;
}

.BRANDS .grid-list__item:first-child .brands-list__item,
.BRANDS .grid-list__item:nth-child(14) .brands-list__item {
	height: 100%;
}

.BRANDS .grid-list__item:nth-child(5) {
	grid-column: span 2;
	grid-row: span 1;
}

.BRANDS .grid-list__item:first-child .brands-list__image,
.BRANDS .grid-list__item:nth-child(5) .brands-list__image,
.BRANDS .grid-list__item:nth-child(14) .brands-list__image{
	max-width: unset;
}

.blok-na-glavnoy1 img{
	object-fit: cover;
	width: 100%;
	height: 969px;
}

.blok-na-shirinu{
	max-width: 1156px;
	margin: 40px 0 60px;
}

.blok-na-shirinu img{
	object-fit: cover;
	width: 100%;
	height: auto;
}

.COMPANY_TEXT{
	background-color: #111111;
}

.COMPANY_TEXT .card-image{
	background-size: contain;
	background-position: top;
}

.COMPANY_TEXT .index-block__title{
	color: #bfa375;
}

.COMPANY_TEXT .company-item__text .lineclamp-10{
	color: #acacac;
}

.COMPANY_TEXT .company-item__btn a{
	color: #000000;
	background-color: #bfa375;
	background-image: unset;
}

.COMPANY_TEXT .company-item__btn a:hover{
	color: #000000;
}

.privileges-section{
	margin: 60px 0 20px;
}

.advantages-section i.ph{
	display: block;
	background-color: unset;
}

.about-company-img.oformlenie-grazhdanstva-turtsii img{
	mix-blend-mode: darken;
	width: unset;
	height: unset;
	object-fit: unset;
	border-radius: unset;
}

.about-company-img.oformlenie-grazhdanstva-turtsii{
	height: unset;
	max-height: unset;
	overflow: hidden;
	display: flex;
	justify-content: center;
	margin: 20px 0 60px;
}

.showcase-text .rule-icon img{
	width: 100px;
	height: 100px;
}

.current-program .rule-content p{
	margin: 0 0 7px;
}

.otkrytie-bankovskikh-schetov{
	display: flex;
}

.otkrytie-bankovskikh-schetov img{
	width: unset;
	mix-blend-mode: darken;
}

.perevod-denezhnykh-sredstv{
	display: flex;
	height: auto;
	max-height: unset;
}

.perevod-denezhnykh-sredstv img{
	width: unset;
	mix-blend-mode: darken;
}

.val-timeline-icon .timeline-marker{
	background: #ffffff;
}

.val-timeline-icon .timeline-marker i.ph{
	margin-bottom: 0;
}

.val-timeline-icon .timeline-marker i.ph::before{
	font-size: 40px;
}

.val-timeline-icon .timeline-description{
	color: #807f85;
	margin: 0 0px 12px 0 !important;
}

.val-timeline-icon .timeline-description li{
	color: #807f85;
}

.blok-na-glavnoy1{
	z-index: 1;
	position: relative;
}

.front_page h3 a,
.front_page h3{
	font-family: "marta", Arial, sans-serif;
	font-weight: 400;
}

.FORMS .form-checkbox__box{
	background-color: #fff;
	border: 1px solid #cad1e6;
}

/* Разработчики */
	#developer{
		transition: all 0.4s ease;
		text-decoration: unset;
		font-size: 16px;
	}

	.val-razrab{
		display: flex;
		align-items: center;
		flex-direction: row;
	}
	
	.developer__logo {
		max-height: 40px;
		max-width: 90px;
		overflow: hidden;
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}
	
	.developer__title {
		margin: 0 15px 0 0;
		font-size: 0.8em;
		line-height: 1.7;
	}

	#developer .svg-inline-developer_logo{
		opacity:.5;
		transition: all 0.4s ease;
	}

	#developer:hover .svg-inline-developer_logo {
		opacity: 1;
	}

	a.developer:hover .developer__logo{
		filter: none;
	}
	
	.developer__title{
		font-size: 14px;
	}
	
	.developer__logo svg {
		max-height: 40px;
		max-width: 90px;
	}

	.developer__logo svg path {
		fill: revert-layer !important;
	}
/* Разработчики */

.introtext{
	font-size: 20px;
}

.services-detail__bottom-info p{
	font-size: 20px;
	line-height: 140%;
}

.accordion-head{
	gap: 20px;
}

.COMPANY_TEXT .company-item{
	padding: 60px 40px !important;
}

.brands-list .grid-list--items-4-from-992 {
	--items-count: 5;
}

.brands-list  .grid-list--masonry-by-4 div:is(.grid-list__item:nth-child(6n), 
.grid-list__item:nth-child(6n + 1)) {
	grid-column: span 1;
}

.brands-list  .brands-list__image-wrapper{
	margin: 0;
	padding: 25px 0;
	width: 100%;
}

.brands-list .height-100 {
	height: 100px;
	min-height: unset;
	padding: 0;
}

/* Меню выпадающее всегда видно */
/* .header-menu__item--dropdown:nth-child(4) > .header-menu__dropdown-menu{
	opacity: 1;
	visibility: visible;
	display: flex;
	--height-menu: 1000px;
	position: absolute;
	height: unset;
}

.header-menu--80 .header-menu__wrapper{
	--height-menu: 1000px;
} */
/* Меню выпадающее всегда видно */

.header-menu__item--dropdown:not(.header-menu__item--wide) > .header-menu__dropdown-menu .dropdown{
    background: rgba(165, 140, 105, 0.85) !important;
    box-shadow: 
        0 8px 32px 0 rgba(0, 0, 0, 0.37),
        inset 0 0 100px rgba(255, 255, 255, 0.1) !important;
	border-radius: 10px;
}

li.header-menu__dropdown-item > a{
	color: #fff;
}

li.header-menu__dropdown-item > a:hover{
	color: #222;
	background: #ffffffab;
	border-radius: 0;
}

div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-col-table div.wqec-logo div.wqec-table div.wqec-cell{
	width: unset;
}

div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-col-table div.wqec-logo div.wqec-table div.wqec-cell.wqec-main-desc {
	color: #bba073;
	font-size: 15px;
	line-height: 130%;
}

.wqec-col-table > .wqec-logo{
	padding: 20px;
}

.wqec-quests,
.wqec-maincontent{
	border-radius: 10px;
	background: #fff;
	box-shadow: unset !important;
}

.wqec-maincontent{
	padding-top: 80px;
}

.quiz_block{
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	background: #181818;
	padding: 0;
}

div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-main-info-wrap table.wqec-main-info td div.wqec-info-desc {
	font-size: 16px;
	color: #bca074;
}

form.wqec-form div.wqec-elements div.wqec-element label{
	box-shadow: none;
	border-radius: 5px;
}

form.wqec-form div.wqec-elements div.wqec-element label span.wqec-name{
	background: #f2f3f6;
	border-radius: 5px;
}

form.wqec-form div.wqec-elements div.wqec-element label:hover{
	box-shadow: none !important;
}

form.wqec-form div.wqec-elements div.wqec-element label:hover span.wqec-name{
	background-color: #eddec8;
}

form.wqec-form div.wqec-elements div.wqec-element.wqec-active label span.wqec-name {
	background-color: #eddec8;
}

form.wqec-form div.wqec-elements div.wqec-element.wqec-active label{
	box-shadow: none;
}

.wqec-button-def.wqec-blue {
	background-image: linear-gradient(135deg, #A58C69, #c2a677);
}

form.wqec-form div.wqec-elements div.wqec-element label span.wqec-name input[type=checkbox]+span{
	top: 16px;
}

form.wqec-form div.wqec-elements div.wqec-element label span.wqec-name{
	padding: 12px 5px 12px 47px;
}

div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-vertical-side-wrap div.wqec-vertical-side div.wqec-vertical-side-inner div.weqc-tab-percent div.wqec-tab-per{
	background-color: #181818;
}

form.wqec-form div.wqec-elements.wqec-pic-on div.wqec-element label span.wqec-name span.wqec-text {
	font-size: 16px;
	line-height: 120%;
}

div.wqec .bold {
	font-family: var(--theme-font-family), Arial, sans-serif !important;
	font-weight: 600 !important;
}

form.wqec-form div.wqec-elements.wqec-pic-on div.wqec-element label span.wqec-name{
	line-height: 110%;
}

div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner{
	max-width: 1200px;
	width: unset;
}

div.wizard-quest-edition-concept2 div.wqec-result-wrap{
	background-color: #ffffff !important;
	border-radius: 10px !important;
}

form.wqec-form div.wrap-agree span.wqec-text a {
	color: #bba074;
}

.wqec-comment,
.wqec-comment p{
	font-size: 17px !important;
	line-height: 140% !important;
}

.about-company-img.normal{
	height: unset !important;
}

.about-company-img.normal img{
	object-fit: contain;
}

.val-bg.normal-padding{
	padding: 20px;
}

.vid-in-lending{
	margin: 80px 0 100px 0;
}

.vid-in-lending h2{
	margin: 0 0 40px 0;
}

/* ИКонки в шапке начало - глоб */

	.js-basket-block .basket svg{
		width: 25px;
		height: 25px;
	}

	.js-basket-block .wish svg{
		width: 25px;
		height: 25px;
	}

	.js-basket-block .svg-inline-compare svg{
		width: 25px;
		height: 25px;
	}

	.svg-inline-cabinet svg{
		width: 25px;
		height: 25px;
	}

	#header .header__top-item a.compare:after,
	#header .header__top-item a.delay:after,
	#header .header__top-item a.basket:after{
		color: #9595a2;
		line-height: 12px;
		display: inline-block;
		width: 10px;
		position: relative;
		top: -7px;
		font-size: 14px;
	}

	#header .header__top-item .basket-link{
		height: 46px;
		padding: 0 25px 0 25px;
	}

	.logo_and_menu-row .wrap_icon .name,
	.logo_and_menu-row .wrap_icon .title{
		font-size: 14px;
		font-weight: 600;
		color: #9595a2;
		text-transform: unset;
		letter-spacing: unset;
	}

	.auth_wr_inner .downs svg{
		width: 24px;
		height: 24px;
		opacity: .5;
	}

	.auth_wr_inner.with_dropdown>.svg.inline {
		right: 12px;
		top: 10px;
	}

	.wrap_icon.person .personal-link {
		padding: 10px 25px 5px 16px;
		margin: 0;
	}

	.top-block .logo_and_menu-row .wrap_icon.person .personal-link {
		margin-top: 0;
	}

	.auth_wr_inner{
		top: 2px;
	}

	.person .with_dropdown:hover {
		background: #F3F3F7;
	}

	body .wrapper1.basket_normal .top-block .logo_and_menu-row .wrap_icon.person .dropdown-menu {
		top: 43px;
		right: -1px;
	}

	.auth_wr_inner .dropdown-menu li a {
		border-top: none;
		font-size: 14px;
		font-weight: 600;
		color:#9595a2;
	}

	.auth_wr_inner .dropdown-menu li .icons {
		float: left;
	}

	.auth_wr_inner .dropdown-menu li:hover>a {
		background-color: #F3F3F7;
	}

	#main .top-block .header__top-item a:hover .svg.inline svg, .top-block .header__top-item .auth_wr_inner:hover .svg.inline svg, .top-block .header__top-item .sites:hover .svg.inline svg, .top-block .header__top-item .top-btn:hover .svg.inline svg{
		opacity: .5;
	}

	.auth_wr_inner:hover > .personal-link .name{
		color: #9595a2;
	}

	.auth_wr_inner .dropdown-menu li a{
		padding: 11px 59px 12px 19px !important;
	}

	.auth_wr_inner .dropdown-menu li.active a{
		color: #ed1c24;
	}
	
	body .basket-link .js-basket-block{
		padding: 0;
		margin: 8px 5px 0 0;
	}
	
	body .basket-link.compare .js-basket-block {
		padding-right: 0px;
	}
	
	body .basket-link .js-basket-block .count{
		margin: -18px -11px 0px 0;
	}
	
	.socseti{
		display: flex;
		gap: 12px;
		position: relative;
		top: 3px;
	}
	
	.mobileheader-v1 .socseti{
		width: 185px;
	}

	.header__top-inner .phone-wrapper{
		display: flex;
		align-items: center;
		margin: 0 16px 0 18px;
	}

	.telega path.path-telega,
	.whatsapp path.path-whatsapp,
	.viberrr path.path-viberrr,
	.vkont path.path-vkont{
		fill: #69697161;
		transition: all 0.2s ease;
	}

	.telega_a:hover > .telega path.soc{
		fill:#2aa1da;
	}

	.whatsapp_a:hover > .whatsapp path.soc{
		fill:#65bc54;
		transition: all 0.2s ease;
	}

	.vkont_a:hover > .vkont path.soc{
		fill:#2787f5;
		transition: all 0.2s ease;
	}

	.viberrr_a:hover > .viberrr path.soc{
		fill:#7362EF;
		transition: all 0.2s ease;
	}

	.logo_and_menu-row .phone.with_dropdown > .dropdown{
		top: -18.5px;
	}

	.phone-block .with_dropdown .dropdown{
		min-width: unset !important;
	}

	.phone .more_phone:hover {
		background-color: #fff;
	}

	.phone .more_phone a{
		padding: 12px 22px;
	}

	.logo_and_menu-row .phone a{
		color: #81818d;
	}
	
	.wrap_phones .dropdown-mobile-phone.with_icons .more_phone a:not(.icon) {
		padding-left: 60px;
	}
	
	.wrap_phones .dropdown-mobile-phone.with_icons .more_phone .no-decript .icon {
		top: 18px;
	}
	
	.wrap_phones .dropdown-mobile-phone.with_icons .more_phone a .icon {
		height: 26px;
		width: 26px;
	}
	
	.wrap_phones .dropdown-mobile-phone.with_icons .more_phone a .icon img {
		max-height: 26px !important;
		max-width: 26px !important;
	}
	
	.header__top-item-val{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 50px;
	}
	
	.val-header-wrap{
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		float: right;
	}

	.socseti a svg path{
		fill: #c9c9c9;
		transition: all 0.2s ease;
	}

	.front_page .socseti a svg path{
		fill: #ffffff42;
	}

	.socseti a.vkont_a:hover svg path{
		fill: url(#paint0_linear_1088_159);
	}

	.socseti a.whatsapp_a:hover svg path{
		fill: #25d366;
	}

	.socseti a.youtube_a:hover svg path{
		fill: #FC0017;
	}

	.socseti a.telegram_a:hover svg path{
		fill: #25A4E4;
	}
	
	.socseti a.facebook_a:hover svg path{
		fill: #1F7AEF;
	}

/* Иконки в шапке конец */

.val-vid-ver.front-video{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.video-front h2{
	margin: 0 0 50px 0;
}

.has-short-banner .main {
	background: #f7f8fb;
}

.has-short-banner .page-top-info {
	background: #ffffff;
}

.has-short-banner .page-top-info .page-top.maxwidth-theme   {
	padding-bottom: 20px;
}

.has-short-banner .main > .maxwidth-theme{
	padding-top: 40px;
}

.has-short-banner .main > .maxwidth-theme > .top-info{
	border: none; 
	box-shadow: rgba(153, 147, 134, 0.1) 0px 0px 50px 0px;
}

.has-short-banner .top-info__text {
	background: #fff;
}

.has-short-banner .properties__title{
	color: var(--secondary_text_black);
	font-size: 16px;
}

.has-short-banner .top-info .properties__value{
	font-size: 18px;
	margin-top: 0px;
}

.has-short-banner .top-info .properties__value::first-letter,
.ROSVEB-PR-DET .char .char_value::first-letter{
	text-transform: uppercase;
}

.has-short-banner .top-info .properties__item{
	position: relative;
	/* border-radius: 7px; */
	padding: 20px 20px 0;
	border: 1px solid transparent;
	/* background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(167deg, #d4d6db 20%, #baa99200 50%) border-box; */
	/* box-shadow: 0px -12px 20px 0px rgb(153 147 134 / 14%); */
	border-top: 1px solid #e8e9ec;
}
.has-short-banner .top-info .properties__item::before{
	content: '';
	position: absolute;
	left: -4px;
	top: 22px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: rgb(193 165 118 / 30%);
}
.has-short-banner .top-info .properties__item::after{
	content: '';
	position: absolute;
	left: 0px;
	top: 26px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c1a576;
}

.has-short-banner .big-side-slider,
.has-short-banner .top-info__picture a.fancy{
	height: 100%;
}

.has-short-banner .top-info__text-inner .more-char-link span{
	background: #ffffff;
	text-decoration: unset;
	padding: 7px 20px;
	box-shadow: 0px 6px 15px 0 rgb(0 0 0 / 10%);
	border-radius: 5px;
}

.has-short-banner .services-detail__bottom-info  h3.ordered-block__title{
	font-size: 40px;
	color: #3b3b3b;
	font-family: "marta", Arial, sans-serif;
	position: relative;
	font-weight: 400;
}

.has-short-banner .services-detail__bottom-info h3.ordered-block__title:after{
	content: "";
	position: absolute;
	top: -19px;
	left: 0;
	width: 52px;
	height: 2px;
	background-color: #d2bb9e;
}

.has-short-banner .services-detail__bottom-info {
	margin: 80px 0 0 0;
}

.has-short-banner .top-info__task div{
	font-size: 26px;
	color: #3b3b3b;
	font-family: "marta", Arial, sans-serif;
	position: relative;
}

.ROSVEB-PR-DET{
	counter-reset: char-num;
}

.ROSVEB-PR-DET .char{
	background: #fff;
	border: none;
	position: relative;
	overflow: hidden;
	transition: all 0.2s ease;
	z-index: 0;
}

.ROSVEB-PR-DET .char:hover{
	transform: translateY(-5px);
	box-shadow: 0px 4px 50px 0 hsl(0deg 0% 0% / 10%);
	z-index: 9;
}

.ROSVEB-PR-DET .char::before{
	content: counter(char-num, decimal-leading-zero);
	counter-increment: char-num;
	position: absolute;
	bottom: 0;
	right: 0px;
	font-size: 70px;
	font-weight: 800;
	color: #f1f2f6;
	font-style: italic;
}

.ROSVEB-PR-DET .char .char_value{
	font-size: 20px;
	font-weight: 500;
	color: #3b3b3b;
}

.ROSVEB-PR-DET > .grid-list{
	gap: 5px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.has-short-banner .services-detail__bottom-info .desc .introtext{
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 6px;
}

.has-short-banner .services-detail__bottom-info .desc .introtext iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.has-short-banner .services-detail__bottom-info .char {
	z-index: 1;
}

.has-short-banner .services-detail__bottom-info .desc {
	margin-top: 50px;
}

.has-short-banner .services-detail__bottom-info .desc:before {
	content: " ";
	width: 1450px;
	height: 1596px;
	top: 15px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	filter: url(#colorize) var(--svg-color);
	position: absolute;
	background-image: url(../images/svg/project/pattern1.png);
	left: -700px;
}

.has-short-banner .services-detail__bottom-info .big_gallery{
	margin-top: 70px;
}


.has-short-banner .services-detail__bottom-info .big_gallery .arhitekt-container,
.has-short-banner .services-detail__bottom-info .big_gallery .otdelka-container,
.has-short-banner .services-detail__bottom-info .big_gallery .raspolozh-container,
.has-short-banner .services-detail__bottom-info .big_gallery .infra2-container,
.has-short-banner .services-detail__bottom-info .big_gallery .swiper-horizontal{
	margin-top: 50px;
}







.has-short-banner .services-detail__bottom-info .ordered-block h3.ordered-block__title:before{
	position: absolute;
	top: -25px;
	left: 70px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1rem;
	color: #c4a47c;
	font-family: var(--theme-font-family), Arial, sans-serif;
	font-weight: 600;
}

.has-short-banner .services-detail__bottom-info .char h3.ordered-block__title:before{
	content: "Project Details";
}

.has-short-banner .services-detail__bottom-info .big_gallery h3.ordered-block__title:before{
	content: "Project Gallery";
}

.has-short-banner .services-detail__bottom-info .projects h3.ordered-block__title:before{
	content: "Similar Project";
}

.has-short-banner .services-detail__bottom-info .staff h3.ordered-block__title:before{
	content: "Our Employees";
}

.has-short-banner .services-detail__bottom-info .dops h3.ordered-block__title:before{
	content: "Additional Information";
}

.has-short-banner .services-detail__bottom-info .projects,
.has-short-banner .services-detail__bottom-info .staff,
.has-short-banner .services-detail__bottom-info .dops{
	margin-top: 70px;
}

/* Принудительно раскрыть 3й пункт меню, дополнительно сделать наведение на header */
/* .header-menu__wrapper .header-menu__item:nth-of-type(3) > .header-menu__dropdown-menu{
	opacity: 1;
	visibility: visible;
} */

.NEWS .items-list__preview-content .val-vid-ver{
	grid-template-columns: 1fr;
}

.NEWS .items-list__preview-content{
	order: 1;
}

.NEWS .items-list__item-title{
	order: 2;
}

.NEWS .items-list__item-content .mt{
	order: 3;
}

.NEWS .items-list__item{
	background-color: #f7f8fb;
}

body.page-news .grid-list{
	--items-count: 4;
}

body.page-news .items-row-list__item-image-wrapper{
	display: none;
}

body.page-news .items-row-list__item-text-wrapper .color-theme-target{
	order: 2;
}

body.page-news .items-row-list__item-text-wrapper .items-row-list__content{
	order: 1;
	flex: 0 0 auto;
}

body.page-news .items-row-list__item .items-row-list__item-name{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	line-clamp: 4;
	overflow: hidden;
	word-break: break-word;
}

body.page-news .items-row-list__item-text-wrapper .items-row-list__content .val-vid-ver{
	grid-template-columns: 1fr;
}

body.page-news .items-row-list__item{
	background-color: #f7f8fb;
}

.page-news .detail.news .detail-block .val-vid-ver{
	grid-template-columns: 1fr;
}

.page-news .detail.news .detail-block .introtext{
	float: right;
	width: 300px;
	padding: 0 0 0 30px;
}

.page-news .detail.news .chip{
	background-color: rgba(228, 232, 243, 0.4);
	border: none;
	padding: 20px 20px;
}

.page-project .tabs.arrow_scroll{
	background: #f7f8fb;
	margin: 20px 0;
}

.page-project .arrow_scroll_init .arrows_wrapper .arrow.arrow_left {
	left: 0;
}

.page-project .arrow_scroll_init .arrows_wrapper .arrow.arrow_right {
	right: 0;
}

.page-project .tab-nav li a{
	background-color: #fff;
}

.theme-light{
	--darkerblack_bg_black: var(--light, #f6f8fa) var(--dark, #FFFFFF14);
}

.brands-list .brands-list__image-bg .card-image{
	background-image: unset !important;
}

.brands-list .brands-list__image-wrapper {
	margin: 0 auto;
}

.brands-list-inner .more_text_ajax{
	display: none;
}

/* Слоган в шапке: цвет динамический, как у штатного текста шапки.
   Светлая шапка -> #222428, тёмная шапка -> #fff.
   Переключение идёт через тему шапки (--light/--dark), а не через классы body,
   поэтому работает и на главной, где нет long-banner. */
.header-slogan-color{
	color: var(--light, #222428) var(--dark, #fff);
}

/* Контакты: скрыть боковую sticky-панель */
.contacts__sticky-panel { 
	display: none !important; 
}

/* ============================================================
   Mercury — инфографика «О компании» (страница /company/)
   Префикс .mabout-* — изолированно, не затрагивает другие страницы.
   Блоки переиспользуемы на любых текстовых страницах раздела.
   Палитра/шрифты совпадают с company.css: графит #231f20,
   золото #bfa375→#a5895f, кремовые фоны, шрифт "marta".
   Reveal-анимация и счётчики берутся из company.js (.mercury-reveal).
   ============================================================ */
.mabout{
	--m-gold:#bfa375;
	--m-gold-d:#a5895f;
	--m-ink:#231f20;
	--m-mut:#5f5e63;
	--m-mut2:#807f85;
	--m-line:#ece7df;
	--m-cream:#fbfaf7;
	--m-cream2:#f6efe2;
}

/* ——— Надзаголовок-плашка (переиспользуемый) ——— */
.mabout-eyebrow{
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-family: "marta", Arial, sans-serif;
	font-size: 14px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--m-gold-d);
}
.mabout-eyebrow:before{
	content:"";
	width:30px;
	height:2px;
	border-radius:2px;
	background: #bfa375;
}

.mabout-hero{
	margin:6px 0 26px;
}

.mabout-hero .mabout-photo{
	aspect-ratio:64/19;
	border-radius:22px;}

.mabout-intro{
	position: relative;
	margin: 50px 0 68px;
	overflow: hidden;
}

.mabout-intro__lead{
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: "marta", Arial, sans-serif;
	font-size: clamp(21px, 2.5vw, 36px);
	line-height: 1.42;
	color: #3b3b3b;
}

.mabout-intro__lead b,.mabout-intro__lead strong{
	color:var(--m-gold-d);
}

.mabout-split{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:44px;
	align-items:start;
	margin: 110px 0;
}

.mabout-split--rev .mabout-split__media{
	order:-1;
}

.mabout-split__body > p{
	margin: 0 0 16px;
	font-size: 18px;
	line-height: 150%;
	color: var(--m-mut);
}

.mabout-split__body > p:last-child{
	margin-bottom:0;
}

.mabout-split__body .mabout-eyebrow{
	margin-bottom:18px;
}

.mabout-photo{
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:14px;
	aspect-ratio:4/3;
	border-radius:20px;
	background:
		repeating-linear-gradient(135deg,rgba(191,163,117,.05) 0 14px,transparent 14px 28px),
		linear-gradient(135deg,var(--m-cream2),#fbf7ef);
	color:var(--m-gold-d);
	text-align:center;
	overflow:hidden;
	transition:box-shadow .4s ease,transform .4s ease;
}

.mabout-photo:hover{
	transform:translateY(-3px);
	box-shadow:0 20px 40px -24px rgba(35,31,32,.4);
}

.mabout-photo--tall{
	aspect-ratio:3/4;
}

.mabout-photo--wide{
	aspect-ratio:16/7;
}

.mabout-photo > img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:inherit;
}

.mabout-photo__icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:64px;
	height:64px;
	border-radius:50%;
	background:rgba(255,255,255,.6);
	box-shadow:inset 0 0 0 1px rgba(191,163,117,.3);
	font-size:30px;
	line-height:1;
}

.mabout-photo__label{
	font-size:12px;
	font-weight:600;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:#b9aa8c;
}

.mabout-photo:after{
	content:"";
	position:absolute;
	inset:12px;
	border-radius:14px;
	border:1px solid rgba(191,163,117,.22);
	pointer-events:none;
}

.mabout-photo:has(img){
	background:#f3efe8;
}

.mabout-photo:has(img):after{display:none;}

.mabout-quote{
	position: relative;
	margin: 50px 0;
	padding: 52px 56px 52px 96px;
	border-radius: 24px;
	background: linear-gradient(120deg, var(--m-ink), #3a3536);
	overflow: hidden;
}

.mabout-quote:before{
	content: "\201C";
	position: absolute;
	left: 28px;
	/* right: 110px; */
	top: 13px;
	font-family: Georgia, "marta", serif;
	font-size: 130px;
	line-height: 1;
	color: rgba(191, 163, 117, .3);
	/* bottom: 40px; */
	/* margin: 40px; */
	background: unset;
}

.mabout-quote:after{
	content:"";
	position:absolute;
	right:-70px;
	bottom:-70px;
	width:260px;
	height:260px;
	border-radius:50%;
	background:radial-gradient(circle,rgba(191,163,117,.22),transparent 70%);
}

.mabout-quote p{
	position:relative;
	margin:0;
	max-width:840px;
	font-family:"marta",Arial,sans-serif;
	font-size:clamp(19px,2.5vw,26px);
	line-height:1.5;
	font-weight:500;
	color:#f3ede2;
}

.mabout-quote p b,
.mabout-quote p strong{
	color:#fff;
}

/* ——— Выделенный абзац-callout (переиспользуемый) ——— */
.mabout-callout {
	position: relative;
	margin: 30px 0;
	padding: 30px 34px 30px 40px;
	border: 1px solid var(--m-line);
	border-radius: 18px;
	background:
		radial-gradient(120% 150% at 100% 0, #f6edda 0, rgba(246, 237, 218, 0) 55%),
		linear-gradient(160deg, #fff, var(--m-cream));
	overflow: hidden;
}

.mabout-callout:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: linear-gradient(180deg, var(--m-gold), var(--m-gold-d));
}

.mabout-callout .mabout-eyebrow {
	margin-bottom: 12px;
}

.mabout-callout p {
	margin: 0;
	font-size: 16px;
	line-height: 1.7;
	color: var(--m-mut);
}

.mabout-callout p b,
.mabout-callout p strong {
	color: var(--m-ink);
	font-weight: 600;
}

.mabout-cta{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	margin:50px 0 18px;
	padding:50px 42px;
	border:1px solid var(--m-line);
	border-radius:24px;
	background:	#262223;
	overflow:hidden;
}

.mabout-cta .mabout-eyebrow{
	margin-bottom:16px;
}

.mabout-cta__title{
	margin:0 0 12px;
	font-family:"marta",Arial,sans-serif;
	font-size:clamp(23px,2.4vw,32px);
	line-height:1.22;
	font-weight:600;
	color:#fff;
}

.mabout-cta__text{
	margin:0 auto;
	max-width:560px;
	font-size:15.5px;
	line-height:1.65;
	color: #9d9ca1;
}

.mabout-cta__actions{
	margin-top:26px;
}

.mabout-cta__actions .btn{
	padding-left:38px;
	padding-right:38px;
	font-size:15px;
}

.mabout-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:15px 32px;
	border:0;
	border-radius:40px;
	cursor:pointer;
	background:linear-gradient(135deg,var(--m-gold),var(--m-gold-d));
	color:#fff !important;
	font-weight:600;
	font-size:15px;
	font-family:inherit;
	text-decoration:none !important;
	white-space:nowrap;
	transition:transform .3s ease,box-shadow .3s ease;
}

.mabout-btn:hover{
	transform:translateY(-2px);
	box-shadow:0 14px 30px -12px rgba(191,163,117,.75);
	color:#fff !important;
}

.mabout-btn i{
	transition:transform .3s ease;
}
.mabout-btn:hover i{
	transform: translateX(4px);
}




























































/* 1600 Мобилки начало */
@media (max-width: 1600px) {
	
	.dnb-mosaic-grid{
		margin: 130px auto;
		width: 100%;
	}
}
/* -- 1600 -- Мобилки конец */



/* 1500 Мобилки начало */
@media (max-width: 1500px) {
	
	.dnb-mosaic-item1 img{
		height: 84%;
	}
	
	.dnb-mosaic-item2 img {
		height: 93%;
	}

	.has-long-banner .detail-info__chars .grid-list{
		gap:20px;
	}

	.detail-info__inner .detail-info__text{
		font-size: 32px;
	}

	.BIG_BANNER_INDEX .main-slider__item::before{
		left: 3vw;
	}

	.BIG_BANNER_INDEX .main-slider__item::before{
		width: 45%;
		top: 180px;
	}
}
/* -- 1500 -- Мобилки конец */



/* 1400 Мобилки начало */
@media (max-width: 1400px) {
	.has-long-banner .detail-block.desc{
		margin: 10px 0 20px 0;
	}

	.val-bg {
		padding: 0;
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.feature-item{
		margin-bottom: 1rem;
	}

	.law-page--right{
		flex: 1 0 350px;
	}

	.law-page--right img{
		width: 350px;
	}

	.mercury-tiles {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}
/* -- 1400 -- Мобилки конец */


/* 1200 Мобилки начало */
@media (max-width: 1200px) {
	
	.dnb-mosaic-grid{
		grid-template-rows: 240px 120px 120px;
	}
	
	.dnb-mosaic-item1{
		grid-row: 1 / 2;
		grid-column: 1 / 4;
	}
	
	.dnb-mosaic-item2{
		grid-row: 1 / 2;
		grid-column: 4 / 7;
	}
	
	.dnb-mosaic-item3 {
		grid-column: 1 / 4;
		grid-row: 2 / 3;
	}
	
	.dnb-mosaic-item4 {
		grid-column: 4 / 7;
		grid-row: 2 / 3;
	}
	
	.dnb-mosaic-item4 .dnb-mosaic-title{
		right: unset;
		left: 36px;
		text-align: left;
	}
	
	.dnb-mosaic-item4 img{
		left: unset;
		right: 80px;
	}
	
	.dnb-mosaic-item4:before{
		left: unset;
		right: 0;
	}

	.has-long-banner .properties .grid-list {
		--items-count: 2;
	}

	.detail-block.big_gallery h3 {
		font-size: 32px;
		line-height: 120%;
	}

	.val-info-block{
		gap: 20px;
	}

	.val-footer {
		padding: 30px 0 0 70px;
	}

	.val-footer p {
		margin: 0 0 0 50px;
	}

	.mockup-image{
		width: 628px;
		top: -195px;
	}

	.banners-big__title{
		font-size: 34px;
	}

	.banners-big__text-wrapper {
		flex: unset;
	}

	.BIG_BANNER_INDEX .banners-big__text{
		justify-content: flex-start;
		padding: 30px 40px;
	}

	.banners-big__text-block {
		font-size: 17px;
		margin-top: 10px;
	}

	.banners-big__buttons{
		margin-top: 16px;
	}

	.banners-big__buttons-item a{
		font-size: 16px;
		padding: 0 22px !important;
		height: 50px;
	}

	.BIG_BANNER_INDEX .main-slider__item::before {
		width: 48%;
	}

	.blok-na-glavnoy1 img {
		aspect-ratio: 16 / 14;
		height: unset;
	}

	.BRANDS .brands-list__image {
		max-width: 70%;
	}

	.BRANDS .grid-list--items-4-from-1200 {
		--items-count: 5;
	}

	.BRANDS .grid-list__item:nth-child(12),
	.BRANDS .grid-list__item:nth-child(19) {
		grid-column: span 2;
		grid-row: span 1;
	}

	.BRANDS .grid-list__item:nth-child(12) .brands-list__image,
	.BRANDS .grid-list__item:nth-child(19) .brands-list__image {
		max-width: unset;
	}

	.services-list__wrapper:nth-child(3n+2):last-child,
	.services-list__wrapper:last-child{
		grid-column: unset;
	}

	.services-list__wrapper:last-child .services-list__item-image-wrapper > div{
		padding-top: 90%;
	}

	.topic__heading #pagetitle {
		padding: 0px 20px;
		line-height: 125%;
	}

	.services-list__wrapper .aspect-height--100-to-600,
	.services-list__wrapper:last-child .services-list__item-image-wrapper > div  {
		padding-top: 60%;
		min-height: unset;
	}

	.work-stages__container {
		padding: 0px 40px;
	}

	.work-stages{
		padding: 40px 0;
	}

	#footer .footer__main-part-contact > .line-block{
		flex-direction: row;
	}

	.footer__main-part-contact{
		max-width: unset;
	}

	.rule-content h4, .privilege-content h4 {
		font-size: 1.0rem;
	}

	.services-detail__bottom-info .line-block{
		align-items: flex-start;
	}

	.services-detail__bottom-info .COMPANY_TEXT .company-item__picture{
		width: 100%;
	}

	.blok-na-glavnoy1.val-bg img{
		aspect-ratio: 16 / 12;
	}

	.rule-card.current-item{
		align-items: center;
		flex-direction: column;
	}

	.val-partners-grid{
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
	}

	.mercury-tiles {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
/* -- 1200 -- Мобилки конец */



/* 991 Мобилки начало */
@media (max-width: 991px) {
	
	.dnb-mosaic-grid {
		margin: 50px auto;
	}
	
	.dnb-mosaic-item5 .dnb-mosaic-title,
	.dnb-mosaic-item6 .dnb-mosaic-title{
		top: 28px;
		max-width: 140px;
	}
	
	.dnb-mosaic-grid {
		grid-template-rows: 190px 120px 120px 120px 120px;
	}
	
	.dnb-mosaic-item6 {
		grid-column: 1 / 7;
		grid-row: 4 / 5;
	}
	
	.dnb-mosaic-item5 {
		grid-column: 1 / 7;
		grid-row: 5 / 6;
	}
	
	.dnb-mosaic-item4 {
		grid-column: 1 / 7;
		grid-row: 3 / 4;
	}
	
	.dnb-mosaic-item3 {
		grid-column: 1 / 7;
		grid-row: 2 / 3;
	}
	
	.dnb-mosaic-item4 img {
		left: unset;
		right: 98px;
	}
	
	.has-long-banner .container:before{
		content: " ";
		width: 1450px;
		height: 1596px;
		top: 15px;
		display: inline-block;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		filter: url(#colorize) var(--svg-color);
		position: absolute;
		background-image: url(../images/svg/project/pattern1.png);
		left: -490px;
	}
	
	.has-long-banner section.page-top{
		padding: 0;
	}

	.has-long-banner .topic__heading{
		max-width: 100%;
		backdrop-filter: unset;
		background: unset;
		display: block;
		border-radius: unset;
	}

	.has-long-banner .topic__heading::after{
		content: "";
		position: absolute;
		top: -60px;
		right: 0;
		left: 0;
		bottom: 0;
		background: linear-gradient(0deg, black, transparent);
		display: block;
	}

	.has-long-banner .topic__inner .topic__heading #pagetitle{
		z-index: 1;
		position: relative;
	}

	.has-long-banner .detail-info .line-block{
		flex-direction: column;
	}

	.has-long-banner .detail-info .detail-info__btns{
		display: flex;
		width: 100%;
		gap: 20px;
		padding: 0;
	}

	.has-long-banner .detail-info .detail-info__btns > div{
		margin: 0;
		width: 100%;
	}

	.detail-block.big_gallery h3 {
		font-size: 32px;
	}

	.val-header{
		padding: 70px 110px 70px 80px;
	}

	.val-logo{
		display: none;
	}

	.val-wrap{
		display: block;
	}

	.val-image-block img{
		width: 390px;
	}

	.val-image-block{
		right: 40px;
		bottom: -131px;
	}

	.val-footer{
		width: calc(100% - 448px);
		padding: 30px 0 0 60px;
	}

	.val-footer p {
		margin: 0 0 0 2px;
	}

	.val-header::before {
		bottom: 90px;
		right: -80px;
		width: 300px;
		height: 300px;
	}

	.harakteristiki-container{
		margin-bottom: 190px;
	}

	.video-gorizont-container, .dostupnost-container {
		margin: 0px 0 0px 0;
	}

	.osobennosti-container h3, .infrastruktura-container h3, .video-gorizont-container h3, .dostupnost-container h3, .video-vertikal-container h3, .has-long-banner .docs h3, .has-long-banner .staff h3, .has-long-banner .dops h3, .val-sviper h3{
		margin: 0 0 20px 0;
	}

	.infrastruktura-container {
		padding: 40px 0 60px 0;
	}

	.list-unstyled {
		grid-template-columns: repeat(auto-fill, minmax(46%, 1fr));
	}

	.mockup-image{
		transform: translateX(-41%) scale(1, 1) rotate(356deg);
		right: 50%;
		left: 50%;
		top: -145px;
		width: 80%;
	}

	.osobennosti-container h3{
		padding: 270px 0 0 0;
	}

	.osobennosti-container blockquote {
		width: 100%;
		margin: 30px 0 0 0;
		padding: 20px 20px 10px 40px;
	}

	.val-sviper .swiper-wrapper {
		height: 68vw;
	}

	.val-sviper {
		margin: 30px 0 0 0;
	}

	.dostupnost-container .line-block {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}

	.dostupnost-container::after{
		left: 474px;
		top: 100px;
	}

	.video-vertikal-container{
		margin-top: 40px;
	}

	.val-vid-ver{
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}

	.val-vid-ver.front-video{
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	}

	.header_opacity .banners-big__depend-padding {
		height: 60vw !important;
	}

	.BIG_BANNER_INDEX .banners-big__text{
		bottom: 20px;
	}

	.banners-big__title {
		font-size: 26px;
	}

	.banners-big__text-block {
		font-size: 16px;
		line-height: 130%;
	}

	.BIG_BANNER_INDEX .main-slider__item::before {
		top: unset;
		bottom: 111px;
		width: 31%;
		left: 61px;
		opacity: .2;
	}

	.banners-big__inner{
		align-items: flex-start;
	}

	.BIG_BANNER_INDEX .banners-big__text{
		bottom: unset;
		top: 20px;
		left: 10px;
		padding: 30px;
		backdrop-filter: unset;
		background: unset;
	}

	.banners-big__title {
		font-size: 34px;
	}

	.banners-big__title {
		font-size: 27px;
		line-height: 120%;
	}

	.banners-big__buttons-item a {
		backdrop-filter: blur(10px);
	}

	.PROJECTS .index-block::before{
		left: unset;
		right: 0;
	}

	.COMPANY_TEXT .line-block{
		flex-direction: column-reverse;
	}

	.COMPANY_TEXT .company-item__picture{
		padding-top: 62%;
	}

	.CATALOG_SECTIONS .card-image {
		height: 150px;
	}

	.work-stages__grid{
		margin-left: 0;
	}

	.work-stages__title br{
		display: none;
	}

	.work-stages__title {
		font-size: 40px;
		margin-bottom: 30px;
	}

	.remont-kvartir-2{
		width: 100%;
	}

	.footer__social{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.partnership-policy .distribution-section {
		margin-bottom: 1rem;
	}

	.sozdanie-proekta-3d-vizualizatsiya {
		padding: 0;
	}

	.law-2{
		width: 127vw;
		transform: translateX(-55%);
	}

	.wqec-maincontent {
		padding-top: 10px;
	}

	div.wizard-quest-edition-concept2 div.wqec-tbl{
		padding-bottom: 10px;
		margin: 0;
		height: auto;
	}

	.topic__heading #pagetitle {
		padding: 0px 0px;
	}
	
	.mabout-split{
		grid-template-columns:1fr;
		gap:26px;
		margin: 50px 0;
	}

	.mabout-split--rev .mabout-split__media{
		order:0;
	}

	.mabout-intro{
		padding:38px 34px;
		background: #f7f8fb;
		border-radius: 30px;
		margin: 0 0;
	}

	.mabout-quote{
		padding: 74px 36px 44px 36px;
	}

	.mabout-hero .mabout-photo{
		aspect-ratio:7/2;
	}

	.mercury-tiles {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}
/* -- 991 -- Мобилки конец */



/* 768 Мобилки начало */
@media (max-width: 767px) {
	
	.dnb-mosaic-grid {
		grid-template-rows: 230px 120px 120px 120px 120px;
	}
	
	.dnb-mosaic-item1 img {
		height: 65%;
	}
	
	.dnb-mosaic-item2 img {
		height: 72%;
	}
	
	.dnb-mosaic-item1 .dnb-mosaic-title, .dnb-mosaic-item2 .dnb-mosaic-title {
		max-width: 192px;
	}
	
	.grid-list {
		grid-template-columns: repeat(2, 1fr); /* Две колонки на планшетах */
		gap: 12px;
	}

	.gallery-item-wrapper:nth-child(1), 
	.gallery-item-wrapper:nth-child(8),
	.gallery-item-wrapper:nth-child(11) {
		grid-column: unset;
		grid-row: unset;
	}

	.val-header {
		padding: 50px 40px 50px 70px;
	}

	.val-header::after {
		left: 50%;
		top: 152px;
		height: 1px;
	}

	.val-header h4{
		width: auto;
	}

	.val-header::before {
		bottom: -40px;
	}

	.val-footer {
		width: 100%;
		padding: 280px 0 0 60px;
	}

	.val-image-block {
		bottom: 79px;
	}

	.harakteristiki-container h3 {
		margin: 80px 0 20px 0;
	}

	.harakteristiki-container {
		margin-bottom: 80px;
	}

	.mockup-image{
		top: -205px;
	}

	.infrastruktura-container h3:after{
		width: 80%;
		bottom: 16px;
	}

	.osobennosti-container h3:before, 
	.infrastruktura-container h3:before{
		flex: 0 0 50px;
	}

	.infrastruktura-container h3,
	.osobennosti-container h3{
		margin: 0;
		gap: 16px;
	}

	.osobennosti-container h3 {
		padding: 170px 0 0 0;
	}

	.header_opacity .banners-big__depend-padding {
		height: 67vw !important;
	}

	.front_page h2{
		font-size: 28px;
		line-height: 120%;
	}

	.PROJECTS .index-block::before {
		width: 170vw;
		top: -355px;
		left: unset;
		right: 0;
	}

	.BRANDS .grid-list{
		grid-template-columns: repeat(4, 1fr);
	}

	.BRANDS .grid-list__item:nth-child(5),
	.BRANDS .grid-list__item:nth-child(12) {
		grid-column: span 1;
	}

	.BRANDS .grid-list__item:nth-child(5) .brands-list__image,
	.BRANDS .grid-list__item:nth-child(12) .brands-list__image {
		max-width: 70%;
	}

	.work-stages__step {
		font-size: 30px;
	}

	blockquote{
		margin: 18px 0px;
	}

	.gallery-slide img, .gallery-slide .placeholder {
		height: auto !important;
	}

	.gallery-track{
		margin-left: 24px;
	}
 
	.gallery-slide {
		min-width: calc(100% - 42px) !important;
	}

	#footer .footer__main-part-contact > .line-block {
		flex-direction: column;
	}

	.footer__social {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
	}

	.partnership-policy .company-description p {
		font-size: 1rem;
		margin-bottom: 24px;
		line-height: calc(1em + 8px);
		color: #222428;
	}
	
	.partnership-policy .distribution-section {
		margin-bottom: 3rem;
	}

	.services-detail__bottom-info .col-md-12{
		padding: 0;
	}

	.val-grid-2{
		display: flex;
		flex-direction: column;
	}
	
	.partnership-policy .product-grid{
		display: flex;
		flex-direction: column;
	}

	.tekhnicheskiy-nadzor-grid{
		flex-direction: column-reverse;
	}

	.tekhnicheskiy-nadzor1 img {
		object-fit: cover;
		width: 100%;
	}

	.tekhnicheskiy-nadzor1 {
		flex: 1 1 auto;
	}

	.tekhnicheskiy-nadzor-grid {
		margin: 0 0 40px 0;
	}

	.photo-section {
		margin: 2rem 0;
	}

	.photo-section.gifts-gallery .photo-masonry .tall{
		grid-row: span 2;
		min-width: 300px;
	}

	.law-page--right {
		flex: 1 0 230px;
	}
	
	.law-2 {
		width: 211vw;
		transform: translateX(-71%);
	}

	div.wizard-quest-edition-concept2 div.wizard-quest-edition-concept-inner div.wqec-maincontent div.wqec-quests div.wqec-col-table div.wqec-logo{
		margin-top: 0 !important;
	}

	.mercury-tiles {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
/* -- 768 -- Мобилки конец */



/* 600 Мобилки начало */
@media (max-width: 600px) {
	
	.dnb-mosaic-grid {
		grid-template-rows: repeat(6, 120px);
	}
	
	.dnb-mosaic-item5 {
		grid-row: 6 / 7;
	}
	
	.dnb-mosaic-item6 {
		grid-row: 5 / 6;
	}
	
	.dnb-mosaic-item4 {
		grid-row: 4/ 5;
	}
	
	.dnb-mosaic-item3 {
		grid-row: 3 / 4;
	}
	
	.dnb-mosaic-item2 {
		grid-row: 2 / 3;
		grid-column: 1 / 7;
	}
	
	.dnb-mosaic-item1 {
		grid-row: 1 / 2;
		grid-column: 1 / 7;
	}
	
	.dnb-mosaic-item2 img {
		height: 100%;
	}
	
	.dnb-mosaic-item2:before{
		bottom: -78px;
		right: -45px;
		width: 143px;
		height: 198px;
	}
	
	.dnb-mosaic-item2 img {
		right: 67px;
		bottom: 0px;
	}
	
	.dnb-mosaic-item6:before{
		bottom: -94px;
		right: -57px;
	}
	
	.dnb-mosaic-item1 img {
		height: 89%;
	}
	
	.dnb-mosaic-item1:before{
		bottom: -109px;
		left: unset;
		right: 70px;
		height: 178px;
	}

	.has-long-banner .topic__inner .topic__heading #pagetitle{
		font-size: 24px;
		line-height: 100%;
	}
	
	.has-long-banner .detail-info .line-block {
		flex-direction: column-reverse;
	}

	.has-long-banner .page-top-info{
		margin: 0;
	}

	.has-long-banner .detail-info .detail-info__chars{
		margin-bottom: 0;
	}
	
	.detail-info__inner .detail-info__text {
		font-size: 28px;
	}

	.has-long-banner .detail-block.desc{
		font-size: 1em;
		line-height: 140%;
	}

	.has-long-banner .detail-info-wrapper {
		margin-bottom: 20px;
	}

	.val-header h4 {
		font-size: 27px;
		margin: 0 0 44px 0;
	}

	.val-header {
		padding: 31px 40px 50px 70px;
	}

	.val-info-item {
		width: 46%;
	}

	.val-image-block {
		right: 0;
	}

	.val-image-block img {
		width: 360px;
	}

	.val-image-block {
		bottom: 119px;
	}

	.detail-block.big_gallery h3{
		width: 100%;
	}

	.list-unstyled {
		grid-template-columns: 1fr;
	}

	.mockup-image {
		width: 100%;
		transform: translateX(-46%) scale(1, 1) rotate(356deg);
	}

	.osobennosti-container blockquote p {
		font-size: .94em;
	}

	.osobennosti-container h3 {
		padding: 160px 0 0 0;
	}

	.dostupnost-container {
		padding: 30px 20px 40px 20px;
	}

	.dostupnost-container::after {
		left: 444px;
		top: 60px;
	}

	.video-vertikal-container::after{
		display: none;
	}

	.BRANDS .grid-list__item{
		width: 170px !important;
	}

	.BRANDS .grid-list__item:first-child .brands-list__image, 
	.BRANDS .grid-list__item:nth-child(5) .brands-list__image, 
	.BRANDS .grid-list__item:nth-child(14) .brands-list__image {
		max-width: 70%;
	}

	.COMPANY_TEXT .company-item{
		padding: 40px 20px !important;
	}

	.TIZERS .grid-list__item{
		width: 230px !important;
	}

	.services-list__wrapper .aspect-height--100-to-600,
	.services-list__wrapper:last-child .services-list__item-image-wrapper > div  {
		padding-top: 40%;
		min-height: unset;
	}

	.order-info-block .text {
		font-size: 1rem;
	}

	.introtext,
	blockquote{
		font-size: 20px;
	}

	.services-detail__bottom-info{
		margin-top: 20px;
	}

	.gallery-header::after{
		display: none !important;
	}

	.gallery-header{
		justify-content: flex-start !important;
		flex-wrap: wrap;
	}

	.gallery-header{
		font-size: 28px !important;
	}
	
	.remont-kvartir-2 {
		width: 232%;
		right: 0;
		background-position: -106vw;
	}

	.detail-block h3.ordered-block__title.switcher-title{
		font-size: 30px;
	}

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

	.photo-section.gifts-gallery .photo-masonry .tall{
		min-width: 200px;
	}

	.photo-section.gifts-gallery .photo-placeholder{
		min-height: 160px;
	}

	.about-company-img.oformlenie-grazhdanstva-turtsii{
		display: none;
	}

	.advantages-section{
		margin: 40px 0;
	}

	.perevod-denezhnykh-sredstv img{
		max-width: 200%;
		object-position: -17px 0;
	}

	.law-page {
		flex-direction: column-reverse;
		align-items: center;
	}

	.blok-na-glavnoy1.normal img{
		aspect-ratio: 14 / 14;
	}

	.val-vid-ver.front-video{
		grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	}

	.page-news .detail.news .detail-block .introtext{
		float: unset;
		margin: 0 auto 20px;
		max-width: 400px;
		width: 100%;
		padding: 0;
	}

	.mabout-intro{
		padding:28px 22px;
		border-radius:18px;
	}

	.mabout-quote{
		padding:66px 24px 36px 24px;
		border-radius:18px;
	}

	.mabout-quote:before{
		font-size:110px;
		left:16px;
	}

	.mabout-cta{
		padding:34px 22px;
		border-radius:18px;
	}

	.mabout-split{
		border-radius:16px;
	}

	.mabout-hero .mabout-photo{
		aspect-ratio:18/9;
	}

	.mercury-tiles {
		grid-template-columns: repeat(1, 1fr) !important;
	}
}	
/* -- 600 -- Мобилки конец */



/* 480 Мобилки начало */
@media (max-width: 480px) {
	.grid-list {
		grid-template-columns: repeat(1, 1fr); /* Одна колонка на мобильных устройствах */
		gap: 8px;
	}

	.COMPANY_TEXT .company-item{
		padding: 0 !important;
	}

	.COMPANY_TEXT .maxwidth-theme{
		padding: 30px 0 0 0;
	}

	.COMPANY_TEXT .company-item__info{
		padding: 0 30px 40px;
	}

	.photo-section.gifts-gallery .photo-placeholder img{
		height: 200px;
	}

	.photo-placeholder.tall img{
		transform: scaleX(1);
	}
}
/* -- 480 -- Мобилки конец */



/* 450 Мобилки начало */
@media (max-width: 450px) {
	
	.dnb-mosaic-item2 img {
		right: 0;
	}
	
	.dnb-mosaic-item3 img {
		height: 80%;
		right: -50px;
		bottom: 5px;
	}
	
	.dnb-mosaic-item4 img {
		right: 0;
	}
	
	.dnb-mosaic-item6 img{
		right: -7px;
	}
	
	.dnb-mosaic-item6:before {
		bottom: -94px;
		right: -57px;
		height: 188px;
	}
	
	.dnb-mosaic-item5 img{
		right: 0;
	}
	
	.dnb-mosaic-item5:before {
		height: 168px;
	}

	.has-long-banner .topic__inner .topic__heading #pagetitle{
		font-size: 20px;
	}

	.has-long-banner .detail-info .detail-info__btns{
		gap: 10px;
		flex-direction: column;
	}
	
	.detail-info__inner .detail-info__text {
		font-size: 24px;
	}

	.has-long-banner .gallery-view_switch{
		top: -12px;
		position: relative;
	}

	.detail-block.big_gallery h3{
		width: 100%;
	}
	
	#main .gallery-small .grid-list:not(.mobile-scrolled) {
		grid-template-columns: 1fr;
	}

	.val-header h4 {
		font-size: 21px;
		margin: 0 0 42px 0;
	}

	.val-header {
		padding: 30px 40px 50px 60px;
	}

	.val-header::after {
		top: 130px;
	}

	.val-info-item {
		width:100%;
	}

	.val-info-item p {
		margin-bottom: 0;
	}

	.val-image-block img {
		width: 100%;
	}

	.val-footer {
		padding: 63vw 0 0 57px;
	}

	.val-image-block img {
		width: calc(100% - 59px);
	}

	.detail-block.big_gallery h3 {
		font-size: 25px;
	}

	.mockup-image {
		height: 190px;
		top: -155px;
	}

	.osobennosti-container h3 {
		padding: 60px 0 0 0;
	}

	.dostupnost-container::after {
		left: 444px;
		top: 60px;
	}

	.dostupnost-container::after {
		left: 20px;
		top: 45px;
	}

	.dostupnost-container {
		padding: 50px 20px 40px 20px;
	}

	.blok-na-glavnoy1 img {
		aspect-ratio: 16 / 16;
	}

	.COMPANY_TEXT h3{
		font-size: 27px;
	}

	.work-stages__container {
		padding: 0px 20px;
	}

	.introtext,
	blockquote {
		font-size: 18px;
	}

	blockquote{
		padding: 12px 20px 10px 30px;
	}

	.gallery-header{
		font-size: 24px !important;
	}

	.gallery-header{
		gap: 14px !important;
	}

	.detail .val-grid-2 img {
		max-width: unset;
		width: 200%;
		object-position: -30px 0px;
	}

	.detail .val-grid-2.normal img {
		max-width: 100%;
		width: 100%;
		object-position: unset;
	}

	.rule-card, .privilege-card{
		flex-direction: column;
		align-items: center;
	}

	.nadzor-right, .nadzor-left {
		padding: 20px 30px;
	}

	.nadzor-grid{
		gap: 14px;
	}

	.val-bg.val-stranica .blok-na-shirinu.maxwidth-theme{
		display: none;
	}

	.val-bg.val-stranica .blok-na-shirinu.maxwidth-theme.normal{
		display: block;
	}

	.features-timeline::before,
	.feature-number{
		display: none;
	}

	.feature-item {
		padding-left: 0;
	}
	
	.perevod-denezhnykh-sredstv img {
		max-width: 270%;
		object-position: -86px 0;
	}

	body.page-news .page-top{
		padding-block: 40px 14px;
	}

	.topic__heading #pagetitle {
		font-size: 30px;
	}

}
/* -- 450 -- Мобилки конец */