@import url(https://fonts.googleapis.com/css?family=Manrope:200,300,regular,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:regular,600,700);


:root{
	  --font-family: "Manrope", sans-serif;
  --second-family: "Open Sans", sans-serif;
	--background-color: var(--fon);
	--fon: #f5f7f7;
	--belyy: #fff;
	--chernyy: #1b1b1b;
	--seryy: #807e7d;
	--akcent: #58b9b9;
	--akcent---2: #ffcd34;
	--theme-color: var(--akcent);
	--korichnevyy: #554c45;
	--akcent---hover: #279b99;
	--text-color: var(--chernyy);
	--wrapper-size: 1440px;
	--wrapper-padding: 15px;
	--section-margin: 50px;
}

html{
	height: 100%;
	scroll-behavior: smooth;
}

body{
	font-family: var(--font-family);
	display: flex;
	flex-direction: column;
	min-height: 100%;
	min-width: 320px;
	background-color: var(--background-color);
	color: var(--text-color);
}

body::-webkit-scrollbar{
	width: 8px;
}

body::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

::selection{
	background-color: var(--theme-color);
	color: #FFF;
}

body.z-index::before{
	z-index: 150;
}

body.scroll-lock, body.menu-open{
	overflow: hidden;
}

.mob-tel{
	display: none;
}

.mob-mini-tel{
	display: none;
}

.main{
	flex-grow: 1;
}

.wrapper{
	width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
	margin-inline:auto;
}

.wrapper-padding{
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.wrapper-padding.scroll-table::-webkit-scrollbar, .wrapper-padding.scroll-phone{
	display: none;
}

.menu-burger{
	display: none;
}

[data-modal]{
	cursor: pointer;
}

/* .modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: translate(0px, -100%);
	z-index: 151;
}

.modal.popup-active{
	transform: translate(0px, 0%);
}

.modal__main{
	width: 100%;
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden;
}

.modal__fade {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	transition: background-color 0.3s ease 0s;
}

.modal .wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
}

.modal .wrapper::-webkit-scrollbar, .modal__main::-webkit-scrollbar{
	display: none;
}

.modal__body {
	width: 100%;
	position: relative;
	background: #FFF;
	max-width: 420px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
	opacity: 0;
	padding: 60px 50px;
	transition: 0.3s ease 0s;
	border-radius: 15px;
	translate: 0px 20px;
}

.pp-animate .modal__body{
	opacity: 1;
	translate: 0px 0px;
}

.pp-animate .modal__fade{
	background-color: rgba(24, 24, 27, 0.88);
}

.modal-close::before{
	transform: rotate(-45deg);
	top: calc(50% - 3px);
}

.modal-close::after{
	transform: rotate(45deg);
	bottom: calc(50% - 1px);
}

.pp-unanimate .modal__body{
	opacity: 0;
	translate: 0px 20px;
}

.modal-close{
	padding: 7px 7px;
	display: flex;
	position: relative;
	align-self: center;
	background-color: #ffffff00;
	width: 35px;
	height: 35px;
	z-index: 12;
	cursor: pointer;
}

.modal-close{
	position: absolute;
	right: 5px;
	top: 5px;
	transition: 0.2s ease 0s;
}

.modal-close:hover{
	opacity: 0.8;
}

.modal-close::before,
.modal-close::after{
	content: "";
	transition: all 0.3s ease 0s;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	position: absolute;
	width: calc(100% - 15px);
	height: 4px;
	background-color: var(--theme-color);
	border-radius: 2px;
	animation: fadeIn 1s ease 0.5s forwards;
} */

@keyframes fadeIn {
	0%{
		opacity: 0;
		translate: 0px 10px;
	}
	
	100%{
		opacity: 1;
		translate: 0px 0px;
	}
}

.scroll-up {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	width: 60px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--theme-color);
	transition: 0.3s ease 0s;
	z-index: 100;
}

.scroll-up.active {
	opacity: 1;
	pointer-events: all;
}

.scroll-up svg, .scroll-up img{
	transition: 0.2s ease 0s;
}

.scroll-up:hover img,  .scroll-up:hover svg{
	transform: translate(0px, -2px);
}

.swiper-button-next, .swiper-button-prev{
	margin-top: 0px;
	top: 50%;
	position: relative;

	/* translate: 0px -50%; */
}

.swiper-slide{
	height: auto;
}

.swiper-button-next svg, .swiper-button-next img, .swiper-button-prev svg, .swiper-button-prev img{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.swiper-button-next::after, .swiper-button-prev::after{
	display: none;
}

.drop-menu {
	position: relative;
}

.drop-menu ul{
	padding: 10px 15px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.drop-menu ul a{
	border-bottom: none !important;
}

.drop-menu span{
	position: relative;
	transition: 0.2s ease 0s;
	cursor: pointer;
	margin-right: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.drop-menu span::after{
	content: '';
	height: 4px;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
	position: absolute;
	width: 7px;
	left: calc(100% + 8px);
	transition: 0.2s ease 0s;
	top: 6px;
}

.drop-menu ul::-webkit-scrollbar{
	width: 4px;
}

.drop-menu ul::-webkit-scrollbar-thumb{
	background-color: var(--theme-color);
}

.modal-cookie{
	position: fixed;
	pointer-events: none;
	bottom: 0;
	width: 100%;
	left: 0;
	translate: 0px calc(100% + 35px);
	z-index: 200;
	animation: cookieVisible 1s ease 2s forwards;
}

.stroitelstvo .sub-title + h2{
	margin-top: 10px;
}

.modal-cookie .wrapper{
	display: flex;
	justify-content: flex-start;
}

.send-section__info-block .sub-title{
	margin-bottom: 15px;
}

.modal-cookie__body{
	pointer-events: all;
	box-shadow: 0 16px 29px -16px rgba(2, 54, 113, 0.3);
	background: #fff;
	translate: 0px calc(0% - 30px);
	overflow: hidden;
	padding: 24px;
	max-width: 450px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: var(--dark);
	transition: 0.4s ease 0s;
}

.modal-cookie__body button{
	flex-grow: 1;
	width: calc((100% - 16px) / 2);
	font-size: 14px;
	padding: 10px !important;
}


@keyframes cookieVisible {
	0%{
		translate: 0px 200px;
	}

	100%{
		translate: 0px 0px;
	}
}

.modal-cookie.hidden-modal .modal-cookie__body{
	opacity: 0;
}

.modal-cookie__bottom{
	display: flex;
	gap: 16px;
}

.modal-cookie a{
	color: var(--theme-color);
}

.modal-cookie__text{
	margin-bottom: 15px;
}

.burger-menu{
	display: none;
}
.intro-slide  .swiper-buttons .swiper-button-next, .intro-slide  .swiper-buttons .swiper-button-prev{
	top: 0 !important;
}


.intro-slide__bottom{
	margin-top: auto;
}

/* ==================================== */

@media (max-width: 1470px) {
	:root{
		--section-margin: 40px;
	}
}
@media (max-width: 1230px) {
	:root{
		--wrapper-size: 992px;
	}
}

@media (max-width: 1024px) {
	:root{
		--wrapper-size: 828px;
	}

	
.intro-slide{
	display: flex;
	flex-direction: column;
}


.intro-slide .wrapper{
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}


	.wrapper-padding.scroll-table{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.scroll-table .scroll-el{
		scroll-snap-align: center;
	}

	.modal-cookie.hidden-modal .modal-cookie__body{
		opacity: 0;
	}

	.modal-cookie__body{
		padding: 20px;
		font-size: 14px;
		transition: 0.4s ease 0s;
	}
}

@media (max-width: 768px) {
	.mob-tel{
		display: block;
	}

	.intro-slide__block br{
		display: none !important;
	}

		.intro-slide__block {
			min-height: 0px !important;
		}

	.wrapper-padding.scroll-phone{
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.modal-cookie__body button {
    height: 40px;
		font-size: 14px;
		width: calc((100% - 10px) / 2);
	}


	.modal-cookie__bottom{
		gap: 10px;
	}

	.wrapper-padding.scroll-phone .scroll-el{
		scroll-snap-align: center;
	}

	.scroll-up {
		width: 45px;
		height: 45px;
		padding: 5px;
		right: 15px;
		bottom: 20vw;
		margin-bottom: -45px;
	}
	

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root{
		--wrapper-size: 520px;
		--section-margin: 35px;
	}


}

@media (max-width: 480px) {
	.mob-mini-tel{
		display: block;
	}

	.modal-cookie__body {
		padding: 10px;
	}

	.modal-cookie__text{
		font-size: 12px;
	}

	.modal-cookie__body {
    translate: 0px calc(0% - 15px);
	}

	.modal-cookie__body button {
		height: 35px;
		font-size: 12px;
	}

	:root{
		--wrapper-size: 400px;
		--wrapper-padding: 10px;
		--section-margin: 25px;
	}
}

/* ==================================== */

.header {
	position: relative;
	padding: 10px 0px;
	z-index: 150;
}

.header__top {
	display: flex;
	align-items: center;
	gap: 30px;
	justify-content: space-between;
}

.logo {
	max-width: 224px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 20px;
}
.logo__image {
	flex-shrink: 0;
	max-width: 70px;
}
.logo__description {

	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	color: var(--seryy);
}
.header__nav {
	display: inline-flex;
}

.header__nav ul{
	display: flex;
	flex-wrap: wrap;
	max-width: 240px;
	column-gap: 20px;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--chernyy);
	row-gap: 10px;
}

.header__nav ul li{
	width: calc((100% - 20px) / 2);
}

.button-theme2, a.button-theme2 {
	padding: 15px 20px;
	font-weight: 500;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	background: #b2b0af;
	border-radius: 8px;
	font-size: 14px;
	line-height: 140%;
	color: var(--belyy);
}
.header__socials {
}
.socials {
	display: flex;
	gap: 20px;
}
.socials__circle {
	border-radius: 50px;
	transition: 0.3s ease 0s;
	width: 60px;
	position: relative;
	height: 60px;
}

.socials__circle:hover{
	opacity: 0.8;
}

.socials__circle svg{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

/* .socials__circle_whatsapp{
	background: #38994f;
} */

.socials__circle_whatsapp{
	padding: 5px !important;
}

.socials__circle_whatsapp svg{
	width: 100% !important; 
	height: 100%;

}



.socials__circle_telegram{
	background: linear-gradient(127deg, #28aae0 0%, #23b7ec 100%);;
}

.header__time {
	font-weight: 500;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 5px;
	line-height: 140%;
	color: var(--chernyy);
}

.header{
	background: var(--fon);
}


.header__contacts {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.header__tel {
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	text-align: right;
}
.header__mail, a.header__mail {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-align: right;
	color: var(--chernyy);
}

.header__bottom {
	justify-content: space-between;
	display: flex;
	align-items: center;
	gap: 35px;
		margin-top: 15px;
}


.header__menu ul{
	display: flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--chernyy);
	gap: 35px;
}


.search-btn {
		width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--chernyy);
}
.button, a.button {
	border-radius: 8px;
	font-weight: 500;
	font-size: 18px;
	min-width: 224px;
	position: relative;
	line-height: 140%;
	border-radius: 8px;
	min-height: 68px;
	display: flex;
	align-items: center;
	overflow: hidden;
	gap: 15px;
	justify-content: center;
	z-index: 5;
	text-align: center;
	transition: 0.3s ease 0s;
	padding: 10px 30px;
	color: #fcfcfc;
		background: var(--akcent---hover);
}

.button svg{
	flex-shrink: 0;
	width: 21px;
}

.header .button{
	min-height: 50px;
	font-size: 14px;
}

.button::before{
	content: '';
	position: absolute;
	left: 0;
	transition: 0.3s ease 0s;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}
.button::after{
	content: '';
	position: absolute;
	left: 0;
	transition: 0.3s ease 0s;
	top: 0;
	z-index: -1;
	opacity: 0;
	width: 100%;
	height: 100%;
	background: var(--akcent---hover);
}

.header a{
	transition: 0.3s ease 0s;
}

.button-theme2:hover{
	background: var(--chernyy) !important;
	color: var(--belyy) !important;
}


.header a:hover{
	color: var(--akcent);
}

.button:hover::before{
	opacity: 0;
}
.button:hover::after{
	opacity: 1;
}

.button:hover{
	color: var(--belyy) !important;
}

.header__sub-item a{
	position: relative;
}

.header__sub-item a::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	transition: 0.3s ease 0s;
	opacity: 0;
	pointer-events: none;
	background-color: var(--akcent);;
	top: calc(100% + 10px);
}

.header__sub-item:hover a::before{
	opacity: 1;
}

.socials__circle svg{
	width: 50%;
}

.header__bottom .button-theme2{
	display: none;
}

.header__top .search-btn{
	display: none;
}

.modalsearch{
	background: none;
	max-width: 960px;
	width: 100%;
	padding: 0px;
	height: 100%;
	display: flex;
	align-items: flex-start;
	padding: 15px 30px;
}

.modalsearch-form{
	border-radius: 15px;
	align-items: center;
	display: flex;
	margin-top: 30px;
	gap: 20px;
	background: var(--belyy);
}

.modalsearch input{
	width: 100%;
	min-height: 50px;
	padding-left: 30px;
}

.modalsearch .wrapper{
	width: 100%;
}

.modalsearch .fancybox-button {
	position: absolute;
	margin-right: 0px;
	width: 50px;
	height: 50px;
}

.modalsearch .fancybox-button svg path{
	fill: var(--belyy);
}

.modalsearch button{
	width: 30px;
	height: 50px;
	display: flex;
	right: -15px;
	top: -15px;
	flex-shrink: 0;
	margin-right: 15px;
	align-items: center;
	justify-content: center;
}


.modal{
	display: none;
}


.modal-form {
	width: 100%;
	max-width: 668px;
}

.modal-form__form {
		display: flex;
	gap: 20px;
	flex-direction: column;
}


h2, .h2, .h1, h1{
	font-weight: 600;
	font-size: 40px;
	line-height: 130%;
	margin-bottom: 10px;
}

.modal-form{
	padding: 70px;
	border-radius: 50px;
}

.modal-form h2{
	margin-bottom: 30px;
	text-align: center;
}

.policy {
	max-width: 380px;
	font-size: 14px;
	color:  var(--seryy);
}

.policy  a{
	color: #1b1b1b;
	text-decoration: underline;
	transition: 0.3s ease 0s;
	text-decoration-skip-ink: none;
}

.policy  a:hover{
	color: var(--akcent);
}

.header__nav-top{
	display: none;
}

.header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
	padding: 15px 0px;
	  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);

	animation: header 0.6s ease 0s forwards;
}

.header.fixed .header__top .header__logo {
	display: none;
	
}
.header.fixed .header__top .header__nav {
	display: none;
	
}
.header.fixed .header__top .button-theme2 {
	display: none;
}

.header.fixed .header__top .header__nav-top {
	display: block;
}

.header.fixed .header__top .header__nav-top ul{
	display: flex;
	gap: 35px;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--chernyy);
}
.header.fixed .header__top .header__contacts{
	gap: 0px;
}

.header.fixed .header__top .search-btn{
	display: flex;
}
.search-btn{
	flex-shrink: 0;
}

@keyframes header {
	0%{
		translate: 0px -100%;
	}
	
	100%{
		translate: 0px 0px;
	}
}

.header.fixed  .header__bottom{
	display: none;
}

.header .socials__circle {
	width: 50px;
	height: 50px;
}

@media (max-width: 1470px) {
.header__menu ul {
    gap: 25px;
}

.header__top {
    gap: 20px;
}

.header__bottom{
	gap: 15px;
}
}

@media (max-width: 1370px) {
	.header.fixed .header__top  .socials{
		margin-left: auto;
	}

    .header__menu ul {
        gap: 15px;
    }

	 .header	.button-theme2,  .header a.button-theme2 {
    padding: 15px 15px; 
	}

	.header .socials__circle{
		width: 50px;
		height: 50px;
	}

	.header .socials {
    gap: 15px;
}

.header__time {
    font-size: 12px;
}

.header__tel {
    font-size: 20px;
}

.header__mail, a.header__mail {
    font-size: 16px;
}

.header .search-btn{
	margin-left: auto;
}

.header__nav ul {
    max-width: 200px;
    column-gap: 10px;
    font-size: 12px;
    row-gap: 10px;
}

.header .button{
	min-width: 0px;
}
}

@media (max-width: 1230px) {
    .header .button-theme2, .header a.button-theme2 {
      display: none;
    }

		.header.fixed .header__top .header__nav-top ul {
    gap: 20px;
		}

		.header.fixed     .header__top {
        gap: 20px;
    }

			.header.fixed .header__top .menu-burger{
				display: block !important;
			}

		.header.fixed .header__top .header__time{
			display: none;
		}

			.burger-menu{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100dvh;
		background-color: var(--background-color);
		z-index: 300;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu{
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar{
		display: none;
	}

		.header__menu{
			display: none;
		}

		.header__bottom .menu-burger{
			display: block;
		}

		.header__bottom .button-theme2{
	display: flex !important;
}

.burger-menu{
	padding: 15px 0px;
}

.burger-menu a{
	width: 100%;
}

.burger-menu__top{
	display: flex;
	margin-bottom: 20px;
	justify-content: space-between;
}

.burger-menu nav {
	margin-bottom: 10px;
}

.burger-menu nav ul{
	display: flex;
	font-weight: 500;
	flex-direction: column;
	gap: 10px;
	font-size: 20px;
}

.burger-menu__time{
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 18px;
}

.burger-menu__contacts{
	padding: 15px 0px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.burger-menu .socials{
	margin-bottom: 20px;
}

.burger-menu .button-theme2{
	display: flex !important;
	justify-content: center;
	margin-top: 15px;
}


		.header__top .menu-burger{
			display: none !important;
		}

			.menu-burger{
		padding: 0px 10px;
		display: flex;
		position: relative;
		align-self: center;
		background-color: #ffffff00;
		width: 55px;
		height: 24px;
		margin: 0px -10px;
		z-index: 12;
	}
	
	.menu-burger span,
	.menu-burger::before,
	.menu-burger::after{
		content: "";
		transition: all 0.4s ease 0s;
		left: 50%;
		translate: -50% 0%;
		position: absolute;
		width: calc(100% - 20px);
		height: 4px;
		background-color:var(--theme-color);
		border-radius: 2px;
	}
	
	.menu-burger::before{
		top: 0px;
	}
	
	.menu-burger::after{
		bottom: 0px;
	}
	
	.menu-burger span {
		top: calc(50% - 1px);
	}
	
	body.menu-open .menu-burger span{
		transform: scale(0);
	}
	
	body.menu-open .menu-burger::before{
		transform: rotate(-45deg);
		top: calc(50% - 3px);
	}
	
	body.menu-open .menu-burger::after{
		transform: rotate(45deg);
		bottom: calc(50% - 1px);
	}
}
@media (max-width: 1024px) {
	.header__bottom{
		display: none;
	}


	.header__nav-top{
		display: none !important;
	}

	.header.fixed .header__logo {
		display: flex !important;
	}

	h2, .h2{
		font-size: 30px;
	}

	.header__top .search-btn{
	display: block;
	margin-left: 0px;
}

	.header__nav{
		display: none;
	}

	.header__time{
		display: none;
	}

	.header__socials{
		margin-left: auto;
	}


.header__top .menu-burger{
	display: block !important;
}

.header__contacts{
	gap: 5px;
}
}

@media (max-width: 768px) {
	.header__contacts{
		display: none;
	}

	.burger-menu nav ul{
	font-size: 16px;
}

		h2, .h2{
		font-size: 26px;
	}

	.modalsearch {
    padding: 15px 10px;
}

.modalsearch input {
	font-size: 14px;
    padding-left: 15px;
}

.modalsearch-form {
    border-radius: 10px;
	}

	    .header .socials__circle {
        width: 40px;
        height: 40px;
    }

		.header__top{
			gap: 15px;
		}

		    .header .socials {
        gap: 10px;
    }

		.logo {
    max-width: 224px;
    gap: 15px;
}
}

@media (max-width: 480px) {
		.header__top .header__socials{
		display: none;
	}

	.modal-form {
    padding: 20px;
}

.policy {
    font-size: 12px;
}

			h2, .h2{
		font-size: 22px;
	}

	.header__top{
		justify-content: flex-start;
	}

	.header__logo .logo__description{
		display: none;
	}
	
	.header__logo{
		width: auto;
		margin-right: auto;
		max-width: 100%;
	}

					.button, a.button {
					min-height: 58px;
					font-size: 16px;
				}

				.button, a.button  svg{
					width: 17px;
				}
}
/* ==================================== */
main section{
	padding: var(--section-margin) 0px;
}

h2 span, .h2 span{
	color: var(--akcent---2);
}

	.intro {
		color: var(--belyy);
}

.swiper-slide {
	position: relative;
}
.intro-slide {
	padding: var(--section-margin) 0px;
}
.intro-slide__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
	height: 100%;
	z-index: -1;
}
.intro-slide__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}

.intro-slide__main {
	display: flex;
	flex-grow: 1;
	gap: 30px;
	justify-content: space-between;
	align-items: flex-end;
}
.intro-slide__left {
	flex-grow: 1;
	min-height: 505px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.intro-slide h2{
	font-size: 50px;
	margin-bottom: 20px;
}

.sub-title {
	font-size: 30px;
	line-height: 130%;
}

.intro-slide__titles{
	min-height: 228px;
}

.intro-slide__blocks {
	width: 100%;
	margin-bottom: 20px;
	max-width: 1095px;
	margin-top: 40px;
	display: flex;
	gap: 20px;
}

.intro-slide__blocks .intro-slide__block{
	align-items: flex-start;
}

.fast__bottom{
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

h2 + .catalog__main{
	margin-top: 30px;
}

.catalog{
	padding-top: var(--section-margin) !important;
}

.izdelie_v4 .izdelie__block{
	width: calc((100% - 20px) / 2);
}

a.izdelie__block:hover  .izdelie__block-image img{
	scale: 1.1;
}

.izdelie__block-image{
	overflow: hidden;
}

 .izdelie__block-image img{
	transition: 0.3s ease 0s;
 }

.izdelie_v4 .izdelie__block-image{
	padding-top: 38%;
}

.fast h2 br{
	display: none !important;
}

.leaders .swiper-buttons{
	justify-content: center;
	margin-bottom: 20px;
}

.intro-slide__block {
	display: flex;
	padding: 20px;
	border-radius: 8px;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	max-width: 400px;
	color: var(--belyy);
	gap: 15px;
	background: var(--korichnevyy);
	width: calc((100% - 40px) / 3);
}
.intro-slide__icon {
	width: 35px;
	height: 35px;
	align-self: flex-start;
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.intro-slide__left .button {
	margin-top: auto;
	min-height: 92px;
	font-size: 25px;
	min-width: 345px;
}
.intro-slide__right {
	max-width: 230px;
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 60px;
	width: 100%;
}


.intro-slide__interesting {
	max-width: 230px;
	width: 100%;
	background: var(--korichnevyy);
	border: 5px solid var(--akcent);
	border-radius: 12px;
		font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	min-height: 143px;
	color: var(--belyy);
	position: relative;
	z-index: 2;
	padding: 28px 20px 20px 20px;
}
.intro-slide__interesting-image {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	z-index: -1;
	bottom: 0;

}

.intro-slide__interesting::before{
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	translate: -50% -50%;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--korichnevyy) url(../img/intro/star.svg) center / 20px 20px no-repeat;
	border: 4px solid var(--akcent);
}


.intro-slide__interesting-image::before{
	content: '';
	width: 93px;
	right: 0;
	bottom: 0;
		position: absolute;
		background-color: var(--akcent);
	height: 94px;
		border-radius: 64px 0 0 0;
}

.intro-slide__interesting-image img{
	position: absolute;
	right: 0;
	bottom: 0;
}

.swiper-buttons {
	display: flex;
	gap: 10px;
}

.swiper-button-prev{
	left: 0;
}

.swiper-button-next {
	right: 0;
}

.swiper-button-prev, .swiper-button-next  {
	width: 60px;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	overflow: hidden;
	height: 60px;
	transition: 0.3s ease 0s;
	color: var(--chernyy);
	border: 1px solid var(--chernyy);
}

.swiper-button-prev::before, .swiper-button-next::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	transition: 0.3s ease 0s;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);;
}

.swiper-button-prev:hover, .swiper-button-next:hover{
	border: none;
	color: var(--belyy);
}

.swiper-button-prev:hover::before, .swiper-button-next:hover::before{
	opacity: 1;
}

.intro .swiper-buttons .swiper-button-prev, .intro .swiper-buttons .swiper-button-next{
	color: #FFF;
	border: none;
	border-radius: 50%;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);;
} 

.swiper-buttons .swiper-button-prev:hover, .swiper-buttons .swiper-button-next:hover{
	opacity: 0.9;
}


.intro-slide__bottom {
	padding-top: 70px;
	flex-wrap: wrap;
	display: flex;
	gap: 24px;
}

.intro-slide__bottom .intro-slide__block{
	background: var(--belyy);
	flex-direction: column;
	color: var(--chernyy);
	position: relative;
	width: calc((100% - 96px) / 5);
	font-size: 14px;
	min-height: 200px;

}

.intro-slide__bg{
	pointer-events: none;
}

.breadcrumbs{
	overflow: hidden;
		margin-bottom: 15px;
}

.intro .breadcrumbs{
	margin-top: -20px;
}

.intro .breadcrumbs ul li{
	color: var(--seryy);
}

.breadcrumbs ul{
	display: flex;
	overflow: auto;
	flex-wrap: nowrap;
	gap: 6px;
}

.breadcrumbs ul::-webkit-scrollbar{
	display: none;
}

.breadcrumbs ul li{
	display: flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	gap: 6px;
	align-items: center;
}

.breadcrumbs ul li a{
	transition: 0.3s ease 0s;
}
.breadcrumbs ul li:not(:first-child)::before{
	content: '—';
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--seryy);
}


.breadcrumbs ul li:last-child{
	color: var(--akcent);
	pointer-events: none;
}

.intro .breadcrumbs ul li a:hover{
	color: var(--belyy);
}

.wrapper .breadcrumbs .wrapper{
	width: 100%;
}

.intro-slide__bottom .intro-slide__block b{
	font-weight: 700;
}

.intro-slide__bottom .intro-slide__block p{
	max-width: 280px;
	padding-right: 50px;
	width: 100%;
}

.intro-slide__block-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro-slide .sub-title + .sub-title{
	margin-top: 20px;
}

.need .button{
	margin-left: auto;
}

.single-intro__price-tag, .single-intro__widths-block, .single-intro__color{
	transition: 0.3s ease 0s;
}

.single-intro__price-tag:hover, .single-intro__widths-block:hover{
	background: var(--akcent);
	border-color: var(--akcent);
	color: #FFF;
}

.single-intro__color:hover{
	opacity: 0.8;
}

	@media (max-width: 1470px) {
.sub-title {
    font-size: 26px;
}
	}
	@media (max-width: 1370px) {
		.intro-slide__bottom{
			gap: 15px;
		}

		.intro-slide__bottom .intro-slide__block {
    width: calc((100% - 60px) / 5);
		padding: 15px;
}

.intro-slide__bottom .intro-slide__block p{
	font-size: 12px;
	    padding-right: 45px;
}

.intro-slide__block-icon{
	right: 15px;
	top: 15px;
	width: 35px;
	height: 35px;
}

.intro-slide__blocks{
	margin-bottom: 30px;
}
}
@media (max-width: 1230px) {
	.intro-slide__bottom .intro-slide__block p br{
		display: none;
	}

	.intro-slide h2 {
    font-size: 40px;
}

}


@media (max-width: 1024px) {
	.need .button {
		margin-left: 0px;
}


	    .intro-slide__bottom .intro-slide__block {
				width: 100%;
    }

		.need__row{
			padding-top: 20px;
		}


			.intro-slide__left .button {
		min-height: 82px;
		font-size: 22px;
	}

		.intro-slide__block {
    font-size: 14px;
		padding: 15px;
}


		.sub-title {
    font-size: 24px;
}

				.intro-slide__bottom .intro-slide__block {
		padding: 15px;
}

		.intro-slide__bottom .intro-slide__block p{
	font-size: 14px;
	    padding-right: 55px;
}

.intro-slide__main{
	flex-direction: column;
	align-items: flex-start;
}

.intro-slide__right{
	max-width: 100%;
	align-items: flex-start;
	gap: 30px;
}

.intro-slide__bg {
    height: 100%;
}

    .intro-slide__bottom .intro-slide__block {
        width: calc((100% - 15px) / 2);
				min-height: 170px;
    }

		.intro-slide__interesting{
			display: none !important;
		}

		.need__row-image{
	max-width: 100%;
	width: 100%;
	display: block;
}
}

@media (max-width: 768px) {
.intro-slide h2 {
    font-size: 30px;
}
	.intro-slide__block{
		max-width: 100%;
	}
	
	
.intro-slide__titles{
	min-height: 158px;
}

.intro-slide__block{
	min-height: 90px;
}

    .intro-slide h2 br{
        display: none;
    }

    .intro-slide__bottom .intro-slide__block {
        width: 100%;
    }

		    .intro-slide__blocks {
        margin-bottom: 20px;
    }

		.intro-slide__blocks{
			flex-direction: column;
		}
	
		.intro-slide__block{
			width: 100%;
		}

		.intro-slide__left .button {
    min-height: 72px;
    font-size: 20px;
    min-width: 0px;
		width: 100%;
}

.intro-slide__interesting {
    max-width: 100%;
	}

	.intro-slide .swiper-buttons{
		justify-content: center;
		width: 100%;
	}

	.intro-slide__bottom{
		padding-top: 30px;
	}

    .intro-slide__bg {
        height: 100%;
    }

		.intro-slide__left{
			min-height: 515px;
		}

		    .intro-slide__bottom .intro-slide__block {
        min-height: 130px;
    }
		

		.sub-title {
    font-size: 20px;
}

.intro-slide__blocks{
	gap: 15px;
}


.intro-slide__blocks{
	margin-top: 20px;
}
}

@media (max-width: 480px) {
	.intro-slide h2, .intro-slide .h2 {
    font-size: 24px;
		max-width: 340px;
}

.fast__bottom .button{
	width: 100%;
}

.fast__bottom{
	margin-top: 20px;
}

    .intro-slide__blocks {
        gap: 10px;
    }

    .intro-slide__main {
			gap: 15px;
		}

		    .intro-slide__left .button {
        min-height: 60px;
        font-size: 18px;
    }

		.intro .breadcrumbs {
    margin-top: -10px;
}


	.intro .breadcrumbs li{
		font-size: 12px;
	}

.intro-slide__block{
	gap: 10px;
	padding: 15px;
	font-size: 14px;
}

.intro-slide .sub-title {
	max-width: 320px;
}

.intro-slide .sub-title br{
	display: none;
}

		.sub-title {
    font-size: 16px;
}
}
/* ==================================== */

.intro-slide__blocks_v2{
	max-width: 1130px;
}

.intro-slide__blocks_v2 .intro-slide__block{
	align-items: center;
}
.intro_opt .intro-slide__titles{
	max-width: 908px;
	width: 100%;
}

.intro_opt  .sub-title{
	max-width: 100% !important;
	width: 100%;
}

.need__row {
	overflow: hidden;
	display: flex;
	padding-right: 53px;
	background: var(--belyy);
	gap: 23px;
	border-radius: 0px 15px 15px 0px;
}
.need__row-image {
	position: relative;
	max-width: 310px;
	width: 100%;
}


.need .button{
	align-self: center;
	min-width: 247px;
}
.need__row-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right;
}

.need__row-text {
	max-width: 533px;
	width: 100%;
	align-self: center;
	margin-left: 41px;
	padding: 20px 0px;
}
.need__row-title {
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	margin-bottom: 15px;
	color: var(--chernyy);
}

.need__row-text  p{
	font-weight: 500;
	font-size: 18px;
	max-width: 473px;
	line-height: 140%;
	color: var(--seryy);
}

.button {
}
.need__star {
	margin-left: 23px;
		align-self: center;
}
.star {
	width: 176px;
	height: 176px;
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	font-size: 12px;
	gap: 5px;
	background: center / contain no-repeat;
}
.star__image {
	max-width: 40px;
}
.need__bottom {
	padding: 30px;
	min-height: 233px;
	display: flex;
	gap: 50px;
	align-items: center;
	justify-content: center;
	background: var(--belyy);
	border-radius: 15px;
}


.need__row + .need__bottom {
	margin-top: 32px;
}

.need__circle {
	position: relative;
	width: 100px;
	height: 100px;
	border: 4px solid var(--akcent);
	border-radius: 100px;
}

.need__circle img{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

.need__text{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 20px;
}
.link, a.link{
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--akcent);
	transition: 0.3s ease 0s;
}



.stroitelstvo_v2 .stroitelstvo__image {
    padding-top: 58%;
}



.stroitelstvo_v2 .stroitelstvo__link{
	width: calc((100% - 40px) / 3);
}

.link:hover{
	color: var(--akcent---hover);
}

.bloki-section__bottom{
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.center{
	text-align: center;
}

.blocks-green {
	padding: 30px 0px;
}
.blocks-green .wrapper-padding {
	padding-top: 70px;
	background: var(--akcent);
	flex-wrap: wrap;
	display: flex;
	gap: 20px;
	padding-bottom: 70px;
}
.blocks-green__block {
	border-radius: 8px;
padding: 20px;
min-height: 250px;
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 10px;
	background: var(--belyy);
	width: calc((100% - 60px) / 4);
}

.blocks-green__block .h2{
	margin-bottom: 0px;
}

.blocks-green__block  .h4{
	font-weight: 600;
}

.izdelie__body_v2 .izdelie__block-image{ 
    padding-top: 52% !important; 
}

.bloki-section_v2 .bloki__block{
	flex-grow: 0 !important;
	width: calc((100% - 40px) / 3) !important;
}

.bloki-section__bottom{
	flex-direction: column;
	gap: 20px;
	align-items: center;
}

@media (max-width: 1570px) {
	body{
		zoom: 0.8;
	}
}	

	@media (max-width: 1440px) {
	body{
		zoom: 0.7;
	}
	}

	@media (max-width: 1370px) {


.need__row-text {
    max-width: 533px;
    margin-left: 0px;
}

.need__star {
    margin-left: 0px;
}

.need__row{
	padding-right: 30px;
}
}

@media (max-width: 1230px) {
	.intro-slide__block{
		flex-grow: 1;
	}

	.intro-slide__block {
		font-size: 14px;
	}
	.intro-slide__icon{
		width: 28px;
		height: 28px;
	}

	.blocks-green__block .h2{
		font-size: 30px;
	}

.star {
    width: 146px;
    height: 146px;
}

.need__text a{
	font-size: 22px;
}

.need__row-title {
    font-size: 22px;
}

.need__row-text p {
    font-size: 14px;
}
}

@media (max-width: 1024px) {
		body{
		zoom: 1;
	}

		.intro-slide__right{
		align-items: center;
		justify-content: center;
	}

		.intro-slide__icon{
		width: 32px;
		height: 32px;
	}

	
	.intro-slide__block {
		font-size: 16px;
	}


	.intro-slide__left{
		max-width: 100%;
		width: 100%;
	}

	.intro-slide__left {
    min-height: 465px;
}
	.intro-slide__left .button{
		margin-left: auto;
		margin-right: auto;
	}

	.bloki-section_v2 .bloki__block{
	flex-grow: 0 !important;
	width: calc((100% - 20px) / 2) !important;
}

	.blocks-green__block {
		width: calc((100% - 20px) / 2);
	}

	.need__row{
		flex-direction: column;
	}

	.need__row{
	border-radius: 15px;
}

	.need__text{
	gap: 10px;
}

	.need__text a{
	font-size: 20px;
}

.need__row-image{	
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: 200px;
	width: 100%;
	display: block;
}

	/* .need__row-image{
		display: none;
	} */

	.need__row{
		position: relative;
		padding: 220px 30px 30px 30px;
	}

	.need__row-text{
		padding: 0px;
		text-align: center;
	}
	.need__row-text p{
		max-width: 100%;
		width: 100%;
	}

	.need__star{
		position: absolute;
		top: 30px;
		left: 50%;
		translate: -50% 0%;
		        width: 156px;
        height: 156px;
	}
}

@media (max-width: 768px) {
		.blocks-green__block {
	min-height: 200px;
	padding: 15px;
	width: calc((100% - 15px) / 2);
	}

	.stroitelstvo_v2 .stroitelstvo__body{
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
	overflow: auto;
}

.stroitelstvo_v2 .stroitelstvo__body::-webkit-scrollbar{
	display: none;
}

.stroitelstvo_v2 .stroitelstvo__link{
	width: 270px;
	flex-shrink: 0	;
	scroll-snap-align: center;
}


	.stroitelstvo_v2 .stroitelstvo__link{
	width: 270px;
}

    .blocks-green__block .h2 {
        font-size: 25px;
    }

		.blocks-green .wrapper-padding {
    padding-top: 50px;
    gap: 15px;
    padding-bottom: 50px;
}

	.need__text a{
	font-size: 18px;
}


.need__circle img{
	max-width: 64px;
}


.need__row + .need__bottom {
	margin-top: 22px;
}

.need .button {
	width: 100%;
}

.need__bottom{
	flex-direction: column;
	gap: 20px;
}

.need__text{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.need__circle{
	width: 80px;
	height: 80px;
}

}

@media (max-width: 480px) {
	    .need__text a {
        font-size: 16px;
    }

			.bloki-section_v2 .bloki__block{
	width: 270px !important;
}

		 .blocks-green__block{
			min-height: 140px;
			padding: 10px;
		 }

		    .blocks-green__block .h2 {
        font-size: 20px;
    }

		    .blocks-green .wrapper-padding {
        padding-top: 30px;
        gap: 10px;
        padding-bottom: 30px;
    }

				 .blocks-green__block{
	width: calc((100% - 10px) / 2);
		 }

		.bloki-section__bottom .button{
			width: 100%;
		}

		.bloki-section__bottom{
			margin-top: 30px;
		}

		  .intro_opt  .intro-slide__block {
        min-height: 70px;
    }

		    .need__row {
        padding: 220px 20px 20px 20px;
    }
}
/* ==================================== */
.cards__top {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 30px;
	justify-content: space-between;
}


.cards-slide {
	position: relative;
	display: flex;
	flex-direction: column;
	z-index: 2;
}
.cards-slide__plug {
	position: absolute;
	left: 20px;
	top: 20px;
	background: #ee2525;
	border-radius: 37px;
	z-index: 1;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	font-size: 18px;
	line-height: 140%;
	padding: 0px 20px;
	color: var(--belyy);
}

.cards-slide__bottom{
	margin-top: auto;
}

.cards-slide__image {
	position: relative;
	    padding-top: 79%;
			margin-bottom: 25px;
			z-index: -1;
	border-radius: 8px;
	background-color: #000;
	width: 100%;
	overflow: hidden;
}


.cards-slide__image img{
	position: absolute;
	opacity: 0.5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cards-slide__title {
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	margin-bottom: 25px;
	color: var(--chernyy);
}

.cards-slide__price {
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	padding-bottom: 25px;
	color: var(--chernyy);
	display: flex;
	flex-direction: column;
}

.cards-slide__price span{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-decoration: line-through;
	color: var(--seryy);
}

.cards-slide .button {
	margin-top: auto;
	width: 100%;
}

.cards-slide:hover .button::before{
	opacity: 0;
}


.cards h2, 
.cards .h2{
	margin-bottom: 0px;
}

	@media (max-width: 1370px) {
.cards-slide__title {
    font-size: 22px;
}
}

@media (max-width: 768px) {
.cards-slide__title {
    font-size: 18px;
}

.cards-slide__price {
    font-size: 20px;
	}

	.cards-slide__price span {
    font-size: 16px;
}

.cards-slide .button{
	min-height: 50px;
	padding: 10px 10px;
	font-size: 14px;
}

.cards-slide .button svg{
	width: 16px;
}

.cards-slide__price {
	padding-bottom: 15px;
}

.cards-slide__image{
	margin-bottom: 15px;
}

.cards-slide__image {
    padding-top: 70%;
	}

	.cards-slide__plug {
    left: 15px;
    top: 15px;
    border-radius: 37px;
    min-height: 25px;
    font-size: 14px;
    padding: 0px 20px;
}

.cards__top{
	flex-direction: column;
}
}

@media (max-width: 480px) {
	.cards__top{
		margin-bottom: 15px;
	}

	.swiper-button-prev, .swiper-button-next {
    width: 45px;
    height: 45px;
}
}
/* ==================================== */

.cards-two h2, .cards-two .h2{
	margin-bottom: 30px;
}

.cards-two__body {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.cards-two__card {
	background: var(--belyy);
	border-radius: 8px;
}
.card-two {
	width: calc((100% - 60px) / 4);
}
.card-two__image {
	width: 100%;
	padding-top: 78%;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	display: block;
	position: relative;
}

.card-two__image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.card-two__top {
	font-weight: 500;
	padding: 20px;
	font-size: 25px;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	justify-content: space-between;
	line-height: 130%;
	color: var(--chernyy);
}
.button-arrow {
	position: relative;
	z-index: 1;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: var(--akcent);
	overflow: hidden;
}

.button-arrow::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	z-index: -2;
	transition: 0.2s ease 0s;
	top: 0;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.button-arrow::after{
	content: '';
	position: absolute;
	left: 50%;
	width: 21px;
	height: 18px;
	z-index: -1;
	top: 50%;
	background: url(../img/icons/arrow-right.svg) center / 21px 18px no-repeat;
	translate: -50% -50%;
}

a:hover .button-arrow::before{
	opacity: 0;
}

.button-arrow:hover::before{
		opacity: 0;
}

.card-two__list {
	margin-top: 5px;
	padding: 0px 20px 25px 20px;
}

.card-two__list ul{
	padding-top: 25px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	border-top: 1px solid rgba(128, 126, 125, 0.2);
}

.card-two__list ul a{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-decoration: underline;
	transition: 0.3s ease 0s;
	text-decoration-skip-ink: none;
	color: var(--chernyy);
}

.card-two__list ul a:hover{
	color: var(--akcent);
}

.cards-two__bottom{
	display: flex;
	margin-top: 30px;
	justify-content: center;
}

.cards-two_v2 .card-two{
	background: var(--belyy);
	border-radius: 8px;
	
}

.icon{
	flex-shrink: 0;
}


.cards-two__info {
	margin-bottom: 30px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
.cards-two__info-left {
	display: flex;
		width: calc((100% - 20px) / 2);
	flex-direction: column;
	gap: 25px;
}
.cards-two__info-item {
	display: flex;
	gap: 20px;
	font-size: 18px;
	align-items: center;
}
.cards-two__icon {
}
.icon {
}
.cards-two__info-right {
		width: calc((100% - 20px) / 2);
		background: var(--chernyy);
		border-radius: 20px;
		padding: 30px;
		color: var(--belyy);
}

.cards-two__info-right  .h4{
	margin-bottom: 20px;
}

.cards-two__info-right  .list li{
color: var(--belyy);
}

.button-border_v2{
	background: var(--belyy);
	color: var(--chernyy);
	border-color: var(--belyy);
}

.zamer_v3 .zamer__left{
	max-width: 860px;
}

.zamer_v3 .zamer__left  h2{
	max-width: 860px;
}

.send-section__bottom{
	padding-top: 30px;
}

.list  + .zamer__tags{
	padding-top: 0px;
}

.zamer_v3 .zamer__tag:hover{
	border-color: var(--akcent);
}

.zamer_v3 .zamer__tag{
	background: none;
	color: var(--belyy);
	border: 1px solid var(--belyy);
}

.zamer__right{
	display: flex;
	gap: 10px;
	flex-direction: column;
	text-align: right;
	justify-content: flex-end;
}

.zamer_v3 .zamer__right .socials{
	justify-content: flex-end;
	margin-bottom: 10px;
}

.zamer_v3 .zamer__right p{
	font-size: 18px;
}

@media (max-width: 1230px) {
	.zamer_v3 .zamer__left {
    max-width: 560px;
}


	.card-two__top {
    padding: 15px;
    font-size: 22px;
	}

	.card-two__list ul a{
		font-size: 16px;
	}

	.card-two__list ul {
    padding-top: 15px;
	}

	.card-two__list{
		padding: 0px 15px 15px 15px;
	}
}

@media (max-width: 1024px) {
	.zamer_v3 .zamer__body{
		align-items: flex-start;
		flex-direction: column;
	}
	.zamer_v3 .zamer__right{
		text-align: left;
	}

	    .zamer_v3 .zamer__left {
        max-width: 100%;
    }

	.zamer_v3 .zamer__right .socials{
		justify-content: flex-start;
	}

	.card-two {
    width: calc((100% - 40px) / 3);
}

.cards-two__info-right{
	width: 100%;
}

.cards-two__info-left{
	width: 100%;
}
}

@media (max-width: 768px) {
	.card-two {
		scroll-snap-align: center;
		flex-shrink: 0;
    width: 295px;
	}

	.zamer_v3 .zamer__right p {
    font-size: 16px;
}

	.cards-two__info-item{
		font-size: 16px;
		gap: 15px;
	}

	.cards-two__info-left{
		gap: 15px;
	}

	.cards-two__body{
		flex-wrap: nowrap;
		gap: 15px;
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.cards-two__body::-webkit-scrollbar{
		display: none;
	}
}

@media (max-width: 480px) {
		.card-two {
    width: 285px;
}

.zamer_v3 .zamer__right p {
    font-size: 14px;
}

.cards-two__info-right{
	padding: 20px;
}

.card-two__list ul {
	gap: 10px;
}

.cards-two__bottom .button{
	width: 100%;
}
}
/* ==================================== */

.proizvodim {
	padding: 0px;
	margin: 20px 0px;
}


.proizvodim__body {
	background: center / cover no-repeat;
		padding: 70px 0px;
		color: var(--belyy);
}

.proizvodim__buttons {
	margin-bottom: 30px;
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
.proizvodim__btn-tab {
	font-weight: 500;
	background: #395656;
	font-size: 25px;
	line-height: 130%;
	border-radius: 100px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: 0.3s ease 0s;
	padding: 15px 70px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1;
	min-height: 92px;
	color: var(--belyy);
}

.proizvodim__btn-tab:hover{
	background: var(--akcent);
}

.proizvodim__tab{
	color: var(--chernyy);
	padding: 50px;
	background: var(--fon);
	border-radius: 20px;
}

.proizvodim__btn-tab::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	height: 100%;
	opacity: 0;
	transition: 0.3s ease 0s;
		background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);

}

.proizvodim__btn-tab.tab-active::before{
	opacity: 1;
}

.proizvodim__tab {
	justify-content: space-between;
	position: relative;
	min-height: 947px;
	overflow: hidden;
	z-index: 2;
}

.proizvodim__obj-image{
	width: 100%;
}

.tilte-mini {
	font-weight: 500;
	font-size: 25px;
	line-height: 130%;
	margin-bottom: 20px;
	color: var(--chernyy);
}

.proizvodim__info{
	pointer-events: none;
}

.proizvodim__obj-image{
	pointer-events: none;
}

.text {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}
.proizvodim__list {
	margin-top: 42px;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 45px;
	row-gap: 25px;
}
.proizvodim__item {
	width: calc((100% - 45px) / 2);
	font-weight: 500;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 20px;
	line-height: 140%;
	color: var(--chernyy);
}
.proizvodim__item-icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	border: 1px solid #63D7D5;
	flex-shrink: 0;
}

.proizvodim__main{
	display: flex;
	gap: 30px;
	justify-content: space-between;
}

.proizvodim__obj{
	position: absolute;
	right: 0;
	width: 778px;
	top: 0;
	z-index: -1;
}


.proizvodim__obj-stars {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 1;
	display: flex;
	gap: 20px;
}
.proizvodim__star {
	width: 146px;
	height: 146px;
	font-weight: 500;
	font-size: 14px;
	gap: 0px;
	line-height: 140%;
	text-align: center;
	color: var(--chernyy);
}

.proizvodim__star span{
	font-weight: 600;
	font-size: 40px;
	line-height: 100%;
	text-align: center;
	color: var(--chernyy);
}


.proizvodim__star  br{
	display: none;
}

.star {
}
.proizvodim__obj-image {
	position: absolute;
	right: 0;
	top: 0;
}

.proizvodim__info-item {
	font-weight: 400;
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 16px;
	padding-left: 20px;
	border-radius: 100px;
	background: var(--belyy);
	line-height: 156%;
	color: var(--chernyy);
}

.proizvodim__info-item::before{
	content: '';
	width: 91px;
	position: absolute;
	right: 100%;
	top: 50%;
	translate: 0px -50%;
	background-color: #FFF;
	height: 3px;
}

.proizvodim__info-item::after{
	width: 21px;
	content: '';
	position: absolute;
	right: calc(100% + 90px);
	border-radius: 50%;
	z-index: 3;
	border: 4px solid var(--akcent);
	background-color: var(--belyy);
	height: 21px;
}

.proizvodim__info-item:nth-child(1){
	left: 44px;
	top: 220px;
}

.proizvodim__right{
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}

.proizvodim__right .button2{
	translate: 0px 30px;
}

.button2, a.button2{
	font-weight: 500;
	background: var(--akcent---2);
	border-radius: 100px;
	min-height: 60px;
	font-size: 14px;
	transition: 0.3s ease 0s;
	line-height: 140%;
	padding: 10px 40px;
	color: var(--chernyy);
}

.proizvodim__info-item:nth-child(1)::before{
	right: auto;
	left: 100%;
}
.proizvodim__info-item:nth-child(1)::after{
	right: auto;
	left: calc(100% + 91px);
}

.proizvodim__info-item:nth-child(2){
	top: 322px;
	right: 98px;
}
.proizvodim__info-item:nth-child(3){
	top: 452px;
	right: 84px;
}

.proizvodim__cirlce {
	border-radius: 100px;
	text-align: center;
	width: 58px;
	font-weight: 700;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
	font-size: 18px;
	line-height: 139%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--belyy);
	height: 58px;
}
.proizvodim__bottom {
	display: flex;
	padding-bottom: 10px;
	justify-content: center;
	align-items: center;
	padding-top: 60px;
	margin-top: 80px;
	border-top: 1px solid rgba(128, 126, 125, 0.5);
}
.proizvodim__bottom .button {
	min-height: 92px;
	font-size: 25px;
	padding: 10px 70px;
}

.button2:hover{
	background: #e1af16;
}

.proizvodim__tab.d-block{
	display: flex;
	flex-direction: column;
}

.proizvodim__bottom{
	margin-top: 20px;
}

.proizvodim__body{
	position: relative;
	z-index: 1;
	background-color: #000000
}

.proizvodim__bg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0.6;
}

.proizvodim__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.proizvodim{
	overflow: hidden;
}

@media (max-width: 1470px) {
	.proizvodim__obj{
		width: 640px;
	}

	.proizvodim__star{
		width: 111px;
		height: 111px;
	}

	.proizvodim__obj-stars{
		top: 20px;
		right: 20px;
	}

	.proizvodim__star span{
		font-size: 28px;
	}

	.proizvodim__info-item:nth-child(1) {
    left: 24px;
    top: 170px;
}

.proizvodim__info-item::before {
    width: 51px;
}

.proizvodim__info-item:nth-child(1)::after {
    left: calc(100% + 51px);
}

.proizvodim__info-item::after {
    right: calc(100% + 51px);
}

.proizvodim__info-item:nth-child(2) {
    top: 262px;
    right: 58px;
}

.proizvodim__info-item:nth-child(3) {
    top: 352px;
    right: 54px;
}
}

@media (max-width: 1230px) {
.proizvodim__bottom .button {
    min-height: 62px;
    font-size: 20px;
    padding: 10px 30px;
}

.proizvodim__tab {
    padding: 30px;

}

.proizvodim__tab {
    min-height: 847px;
}

.proizvodim__obj-stars{
	gap: 10px;
}

.proizvodim__star{
	font-size: 12px;
}

.proizvodim__star span{
	font-size: 28px;
}

.tilte-mini{
	font-size: 22px;
}

.proizvodim__item{
	font-size: 16px;
	gap: 10px;
	    width: calc((100% - 25px) / 2);
}

.proizvodim__list {
    margin-top: 32px;
    max-width: 700px;
	}

.proizvodim__list{
	column-gap: 25px;
	row-gap: 15px;
}

    .proizvodim__obj {
        width: 520px;
    }

		    .proizvodim__info-item:nth-child(1) {
        left: 14px;
        top: 140px;
    }

		.proizvodim__info-item{
			padding-left: 15px;
			font-size: 14px;
			gap: 10px;
		}

		    .proizvodim__info-item::before {
        width: 31px;
    }

		    .proizvodim__info-item:nth-child(1)::after {
        left: calc(100% + 31px);
    }

		    .proizvodim__info-item::after {
        right: calc(100% + 31px);
    }

		    .proizvodim__info-item:nth-child(2) {
        top: 222px;
        right: 58px;
    }

		    .proizvodim__info-item:nth-child(3) {
        top: 302px;
        right: 54px;
    }

		    .proizvodim__tab {
        min-height: 747px;
    }

		.proizvodim__bottom {
    padding-bottom: 10px;
    padding-top: 40px;
    margin-top: 50px;
}

		.proizvodim__cirlce{
			font-size: 16px;
			width: 48px;
			height: 48px;
		}


		.proizvodim__btn-tab {
    font-size: 20px;
    padding: 15px 40px;
    min-height: 62px;
}

.proizvodim__buttons{
	gap: 10px;
}

.button2, a.button2 {
    padding: 10px 20px;
}
}

@media (max-width: 1024px) {
.proizvodim__body {
    padding: 50px 0px;
}

/* .proizvodim_delete{
	display: none !important;
} */

.proizvodim__obj{
	max-width: 520px;
	width: 100%;
}

.proizvodim__list{
	margin-top: 100px;
}

.proizvodim__left{
	max-width: 600px;
}

.proizvodim__left .tilte-mini{
	max-width: 400px;
}

.proizvodim__left .text{
	max-width: 400px;
}

.proizvodim__buttons{
	flex-wrap: wrap;
}

}

@media (max-width: 768px) {
.proizvodim__tab{
	padding: 20px;
	padding-top: 90%;
}

.proizvodim__main{
	flex-direction: column;
}

.proizvodim__right .button2 {
    translate: 0px 0px;
		min-height: 50px;
		width: 100%;
}

    .proizvodim__left .tilte-mini {
        max-width: 100%;
    }
		.proizvodim__list{
			margin-top: 20px;
		}

		.proizvodim__item-icon{
			width: 45px;
			height: 45px;
		}

		.text{
			font-size: 16px;
		}

		.proizvodim__star {
			width: 88px;
			height: 88px;
			font-size: 10px;
		}

		    .proizvodim__bottom {
        padding-bottom: 0px;
        padding-top: 30px;
        margin-top: 30px;
    }

		    .proizvodim__info-item:nth-child(2) {
        top: 222px;
        right: 28px;
				font-size: 12px;
    }

		.proizvodim__cirlce{
			width: 42px;
			height: 42px;
			font-size: 14px;
		}

		    .proizvodim__info-item:nth-child(1) {
        left: 14px;
        top: 120px;
    }

		    .proizvodim__bottom .button {
        font-size: 18px;
    }

		.tilte-mini{
			font-size: 20px;
		}

		    .proizvodim__btn-tab {
        font-size: 18px;
        padding: 12px 30px;
        min-height: 52px;
    }

		.proizvodim__buttons{
			margin-top: 20px;
		}
}

@media (max-width: 480px) {
	.tilte-mini{
		font-size: 18px;
	}

	.proizvodim__item{
		width: 100%;
	}

	.text{
		font-size: 14px;
	}

	    .proizvodim__body {
        padding: 30px 0px;
    }

		.proizvodim__list{
			gap: 15px;
		}
		

		.proizvodim__info-item{
			font-size: 12px;
		}

		.proizvodim__cirlce{
			width: 36px;
			height: 36px;
			font-size: 12px;
		}

		    .proizvodim__info-item::before {
        width: 2px !important;
				left: auto !important;
				height: 10px !important;
				right: 50% !important;
				top: auto !important;
				bottom: 100% !important;
				translate: -50% 0% !important;
    }

		.proizvodim__info-item::after {
    width: 12px !important;
		left: auto !important;
    right: 50% !important;
		top: auto;
		bottom: calc(100% + 10px);
		translate: calc(50% - 2px) 0% !important;
    border: 2px solid var(--akcent) !important;
    height: 12px !important;
}


    .proizvodim__tab {
			padding-top: 360px;
			min-height: 0px;
		}

		.proizvodim_delete{
			display: none !important;
		}

		.proizvodim__item-icon{
			align-self: flex-start;
		}

		    .proizvodim__info-item:nth-child(1) {
        left: 15%;
        top: 50%;
    }

		    .proizvodim__info-item:nth-child(2) {
         top: 80%;
        right: 20%;
        font-size: 12px;
    }

		    .proizvodim__info-item:nth-child(3) {
            top: 100%;
        right: 40%;
    }

		    .proizvodim__star span {
        font-size: 24px;
    }

    .proizvodim__obj {
        height: 300px;
    }

		.proizvodim__obj-image{
			min-width: 400px;
		}

		.proizvodim__btn-tab{
			font-size: 16px;
			flex-grow: 1;
			min-height: 42px;
		}

		.proizvodim__buttons{
			margin-bottom: 20px;
		}
		


}
/* ==================================== */


.send-section__row {
	border-radius: 20px;
	display: flex;
	gap: 60px;
	padding: 50px;
	background: var(--belyy);
}

.send-section__row:not(:last-child){
	margin-bottom: 50px;
}

.send-section__row:nth-child(even){
	flex-direction: row-reverse;
}


.send-section__info-block {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}

.send-section__info-block .button{
	margin-top: auto;
}

.send-section__sub-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
	margin-bottom: 10px;
}

.list{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.send-section__row .list{
	margin-top: 30px;
	margin-bottom: 30px;
}

.list li{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
		position: relative;
	padding-left: 30px;
	color: var(--chernyy);
}

.list li::before{
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 5px;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.send-section__image-block {
		width: 500px;
		min-height: 500px;
		flex-shrink: 0;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
}

.send-section__image{
	flex-grow: 1;
}

.send-section__image-block  span{
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
	display: block;
	white-space: nowrap;
	position: absolute;
	text-align: center;
	left: 50%;
	translate: -50% -50%;
	background: var(--akcent---2);
	border-radius: 100px;
	border: 5px solid var(--belyy);
	padding: 20px 30px;
}

.send-section__image {
	border-radius: 20px;
	overflow: hidden;
	display: block;
}

.send-section__image  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.send-section_v2 .send-section__image{
	width: 100%;
}

.send-section__image-tags{
	position: absolute;
	left: 15px;
	display: flex;
	gap: 15px;
	top: 20px;
	width: calc(100% - 30px);
}

.send-section_v2 .send-section__row{
	flex-direction: row-reverse;
}

.send-section_v2  .send-section__image-block{
	width: 500px;
	height: 500px;
}


.send-section__image-tag{
	background: var(--fon);
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 30px 10px 10px;
		border-radius: 500px;
		font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}

.send-section__tag-img{
	width: 58px;
	height: 58px;
	background:  var(--belyy);
	display: flex;
	justify-content: center;
	align-items: center;
		flex-shrink: 0;
		padding: 7px;
		box-shadow: 0 22px 71px 0 rgba(195, 199, 191, 0.33);

	border-radius: 50%;
}


	.send-section__image-tags{
		flex-wrap: wrap;
	}

		.send-section__image img{
		height: 100%;
	}

	.logos{
		background: var(--belyy);
	}
	

	.zamer  + .zamer {
		padding-top: 0px;
	}

	.catalog__top-product .catalog__product-tags{
		padding-bottom: 0px;
		margin-bottom: 0px;
		border: none;
	}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {
		.send-section__row{
			padding: 30px;
		}

		.send-section__row:not(:last-child) {
    margin-bottom: 30px;
}

.send-section__image-block span {
    font-size: 14px;
    border: 4px solid var(--belyy);
    padding: 12px 20px;
}

.send-section__row{
	gap: 40px;
}
}

@media (max-width: 1230px) {
	.send-section__image-block {
		width: 400px !important;
	}

.send-section_v2  .send-section__image-block{
	height: auto;
}

}

@media (max-width: 1024px) {
		.send-section__image-block {
			width: 100% !important;
		height: 400px;
	}

	.send-section_v2  .send-section__image-block{
		width: 100%;
		height: 400px;
	}

	.send-section__image-tag {
			gap: 10px;
			padding: 10px 30px 10px 10px;
			font-size: 16px;
	}

	.send-section__tag-img {
    width: 48px;
    height: 48px;
}

	.send-section__row{
		flex-direction: column-reverse !important;
		gap: 30px;
	}

	.send-section__image-block{
		min-height: 0px;
	}

	.send-section__image-block{
		width: 100%;
	}

	.send-section__image{
		width: 100%;
	}
}

@media (max-width: 768px) {
	.send-section__row .button{
		width: 100%;
		padding: 10px;
	}
		.send-section__image-block {
		height: 300px;
	}

	.send-section__image-tags{
		gap: 10px;
	}

	.send-section__tag-img {
        width: 38px;
        height: 38px;
    }

		.send-section__image-tag{
			font-size: 14px;
			padding: 4px 20px 4px 4px;
		}

	.list li {
    font-size: 16px;
    padding-left: 25px;
}

.list li::before {
    width: 12px;
    height: 12px;
}

	.send-section__row .button svg{
		display: none;
	}

	.send-section__row  .sub-title br{
		display: none;
	}

	.send-section__info-block .tilte-mini br{
		display: none;
	}
}

@media (max-width: 480px) {
	    .send-section__image-block span {
        font-size: 12px;
        border: 2px solid var(--belyy);
        padding: 10px 15px;
    }

				.send-section__image-block {
		height: 200px;
	}

		    .send-section__row {
        gap: 20px;
    }

		    .send-section_v2 .send-section__image-block {
        height: 300px;
				min-height: 0px;
    }

		    .send-section__row {
        padding: 20px;
    }

		.send-section__row .list {
    margin-top: 20px;
    margin-bottom: 20px;
}
}
/* ==================================== */

.logos {
	padding: 0px 0px;
  overflow: hidden;
}

.logos h2{
	text-align: center;
	margin-top: var(--section-margin);
}

.logos__rows {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
  animation: marquee var(--duration, 25s) linear infinite;
  transform: translate3d(0,0,0);
	background: var(--belyy);
}

.logos__row {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
}

.logos__image {
  flex: 0 0 auto;
	width: 345px;
	min-height: 233px;
	padding: 0px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logos__image img {
  display: block;
  width: auto;
}

.checkbox-policy{
	display: block;
	position: relative;
		padding-left: 30px;
			position: relative;
}

.checkbox-policy input{
	display: none;
}


.intro .sub-title{
	max-width: 765px;
}

.intro-slide{
	min-height: 875px;
}

.intro .sub-title span{
	color: var(--akcent---2);
}

.checkbox-policy span{
	font-size: 14px;
	line-height: 140%;
}

.checkbox-policy span::before{
	content: '';
	width: 20px;
	transition: 0.3s ease 0s;
	position: absolute;
	left: 0;
	top: 7px;
	border: 1px solid var(--chernyy);
	height: 20px;
	border-radius: 4px;
}

.zamer .checkbox-policy span::before{
	 border: 1px solid var(--belyy);
}

.checkbox-policy input:checked + span::before{
	border-color: var(--akcent);
	background: var(--akcent) url(../img/icons/checkbox.svg) center / 11px 10px no-repeat;
}

.modal-form .fancybox-button {
	width: 60px;
	height: 60px;
	right: 10px;
	top: 10px;
}

@keyframes marquee {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(var(--move, -1000px),0,0); }
}

/* .logos__rows:hover {
  animation-play-state: paused;
} */

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 1230px) {

.logos__image {
	width: 285px;
	min-height: 180px;
}

}

@media (max-width: 1024px) {
.logos__image {
	width: 245px;
	min-height: 140px;
}

.intro_about .intro-slide__bg{
	height: 100%;
}

    .intro-slide {
        min-height: 0px;
    }
}

@media (max-width: 768px) {
.logos__image {
	width: 185px;
	min-height: 120px;
	padding: 0px 30px;
}

}

/* ==================================== */


.leaders__top {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
	gap: 10px;
	justify-content: space-between;
}

.leaders__top  h2{
	margin-bottom: 0px;
}


.leaders-slide {
	border-radius: 20px;

	background: var(--belyy);
	padding: 20px;
}

.leaders-slide__swiper .swiper-slide{
	overflow: hidden;
}

.leaders-slide__swiper .swiper-slide img{
	transition: 0.3s ease 0s;
}

.leaders-slide:hover .leaders-slide__swiper .swiper-slide img{
	scale: 1.1;
	
}

.leaders-slide__plug {
	font-weight: 500;
	font-size: 18px;
	min-height: 30px;
	top: 40px;
	left: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2px 19px;
	border-radius: 37px;
	position: absolute;
	z-index: 5;
	line-height: 140%;
	color: var(--belyy);
	background: #ee2525;
}
.leaders-slide__swiper {
	display: block;
}

.leaders-slide__swiper .swiper-slide{
	position: relative;
	padding-top: 100%;
	border-radius: 20px;
	overflow: hidden;
}

.leader-image {
	left: 0;
	top: 0;
	width: 100%;
	border-radius: inherit;
	overflow: hidden;
		height: 100%;
	position: absolute;
}

.leader-image  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.leaders-slide__swiper-thumb {
	display: flex;
		margin-top: 10px;
	gap: 10px;
	justify-content: space-between;
}
.leaders-slide-thumb {
	max-width: 220px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}


.leaders-slide-thumb .swiper-slide{
	height: 40px;
	border-radius: 10px;
	background: rgba(128, 126, 125, 0.2);
}



.leaders-slide-thumb-count {
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	line-height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--chernyy);
	border-radius: 10px;
	width: 40px;
	height: 40px;
	color: var(--chernyy);
}


.leaders-slide__body {
	flex-grow: 1;
	min-height: 273px;
	display: flex;
	flex-direction: column;
}

.intro-slide .list{
	margin-top: 10px;
}

.intro-slide .list li{
	color: var(--belyy);
}

.leaders .sub-title{
	margin-bottom: 30px;
}

.leaders-slide{
	display: flex;
	flex-direction: column;
}

.leaders-slide .tilte-mini{
	margin-top: 10px;
	margin-bottom: 10px;
}

.leaders-slide-thumb  .swiper-slide{cursor: pointer;}

.leaders-slide__text {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--seryy);
	display: flex;
	flex-direction: column;
}
.leaders-slide__bottom {
	margin-top: auto;
	padding-top: 15px;
}
.leaders-slide__price {
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}

.leaders-slide__plugs {
	display: flex;
	gap: 5px;
}

.leaders-slide__plugs span{
	font-weight: 500;
	font-size: 14px;
	line-height: 130%;
	color: var(--seryy);
	cursor: pointer;
	padding: 0px 15px;
	border: 1px solid var(--seryy);
	border-radius: 37px;
}

.modalsearch{
	pointer-events: none;
	margin-bottom: auto;
}

.modalsearch .modal__main{
	pointer-events: all;
}

.leaders-slide__plugs span.active{
	border: 1px solid var(--akcent);
	border-radius: 37px;
	color: var(--akcent);
}

[data-price-tag]{
	display: none;
}

[data-price-tag].d-block{
	display: block;
}

.leaders-slide__buttons {
		display: flex;
		margin-top: 25px;
		gap: 10px;
}
.leaders-slide__buttons .leaders-slide__button {
	padding: 10px;
	font-size: 14px;
	min-height: 50px;
	min-width: 0px;
	width: calc((100% - 10px) / 2);
}

.button-border, a.button-border {
	font-weight: 500;
	transition: 0.3s ease 0s;
	font-size: 14px;
	line-height: 140%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 50px;
	color: var(--chernyy);
	border: 1px solid var(--chernyy);
	border-radius: 8px;
}

.button-border:hover{
	background: var(--chernyy);
	color: var(--belyy);
}

.tilte-mini{
	transition: 0.3s ease 0s;
}

.leaders-slide .tilte-mini:hover{
	color: var(--akcent);
}

.leaders-slide__price .d-block{
	display: flex;
	flex-direction: column;
}

.leaders-slide__price .old{
	color: #807E7D;
font-family: Manrope;
font-size: 15px;
font-style: normal;
font-weight: 500;
opacity: 0.5;
line-height: 140%;
}

.zamer__tags + .send-section__bottom{
	margin-top: 0px;
}

.proizvodim__right .button2{
	pointer-events: none;
}

.leaders-slide__price{
	align-items: flex-end;
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {
		.leaders-slide-thumb{
			max-width: 180px;
		}

		.leaders-slide-thumb .swiper-slide {
    height: 32px;
    border-radius: 8px;
}

.leaders-slide-thumb-count {
    font-size: 12px;
    border-radius: 8px;
    width: 32px;
    height: 32px;
}

.leaders-slide {
    border-radius: 12px;
    padding: 15px;
	}

	.leaders-slide__swiper .swiper-slide {
    border-radius: 14px;
}
}

@media (max-width: 1230px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
    .leaders-slide-thumb {
        max-width: 240px;
    }

		.leaders__top{
			flex-direction: column;
			margin-bottom: 15px;
			gap: 20px;
		}

		    .leaders-slide-thumb .swiper-slide {
        height: 44px;
        border-radius: 10px;
    }

		.leaders-slide .tilte-mini{
			font-size: 20px;
		}

		.leaders-slide{
			padding: 20px;
		}

		    .leaders-slide-thumb-count {
        font-size: 14px;
        border-radius: 10px;
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 480px) {
	    .leaders-slide-thumb {
        max-width: 225px;
    }

		    .leaders-slide-thumb .swiper-slide {
        height: 42px;
        border-radius: 8px;
    }

		    .leaders-slide-thumb-count {
        font-size: 12px;
        width: 36px;
				  border-radius: 8px;
        height: 36px;
    }

		.leaders-slide__text{
			display: none;
		}

		.leaders-slide__body {
    flex-grow: 1;
    min-height: 200px;
	}

		.leaders-slide__plug {
    font-size: 20px;
    min-height: 25px;
    top: 30px;
    left: 30px;
    padding: 2px 20px;
}
}
/* ==================================== */

.zamer{
	background: var(--belyy);
}

.zamer + .proizvoditel{
	padding-top: 0px;
}

.zamer__body {
	position: relative;border-radius: 20px;
	overflow: hidden;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-end;
		color: var(--belyy);
		padding: 50px;
}
.zamer__bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: -2;
	height: 100%;
	border-radius: inherit;
}

.zamer__body::before{
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	position: absolute;
background: linear-gradient(
  to right,
  rgba(7,13,17,0.94) 0%,
  rgba(18,30,39,0.89) 20%,
  rgba(22,22,22,0) 100%
);
}

.zamer_v2 .zamer__body::before{
	background: linear-gradient(
  to right,
  rgba(52, 50, 49, 0.94) 0%,
  rgba(52, 50, 49, 0.89) 20%,
  rgba(22,22,22,0) 100%
);
}

.zamer_v2  h2 span{
	color: var(--akcent---2) !important;
}

.zamer__bg  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zamer .list li{
	color: var(--belyy);
}

.zamer__left {
	min-height: 500px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
}
.zamer__left .button{
	margin-top: auto;
}

.zamer__left  .list {
	margin-top: 30px;
	margin-bottom: 30px;
}

.zamer__left  h2{
	max-width: 784px;
}

.zamer__text {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	padding: 20px;
	background: var(--korichnevyy);
	border-radius: 8px;
	color: var(--belyy);
}

.modal-cookie__body button{
	min-width: 0px;
	min-height: 50px;
}

.send-section__image-block .send-section__image-text{
	position: absolute;
	bottom: 30px;
	display: flex;
	padding: 0px 15px;
	justify-content: center;
	align-items: center;
}

.send-section__image-block .send-section__image-text p{
	font-weight: 400;
	background: var(--korichnevyy);
	border-radius: 8px;
	font-size: 18px;
	padding: 20px;
	max-width: 377px;
	line-height: 140%;
	color: var(--belyy);
}

.send-section__image-block_v2{
	width: 600px;
	height: 600px;
}

.zamer_v2 .zamer__left h2 {
	max-width: 835px;
}

.zamer_v2 .zamer__left{
	max-width: 855px;
}

.zamer__tags{
	padding-top: 15px;
	margin-top: auto;
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.zamer__tag, a.zamer__tag{
	background: var(--belyy);
	border-radius: 100px;
	font-size: 18px;
	transition: 0.3s ease 0s;
	padding: 10px 30px;
	color: var(--chernyy);
	line-height: 140%;
}

.zamer__tag:hover{
	background-color: var(--akcent);
	color: var(--belyy);
}

.zamer__body{
	position: relative;
}

.zamer__form {
	padding-top: 20px;
	margin-top: auto;
}
.form {
	max-width: 480px;
	width: 100%;
	gap: 20px;
	display: flex;
	flex-direction: column;
}
.input {
	background: var(--belyy);
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	border: none;
	border-radius: 10px;
	padding: 15px 30px;
	min-height: 85px;
	color: var(--seryy);
}
.form  .button {
	min-height: 85px;
}

.zamer__circle{
	z-index: -1;
	width: 396px;
	background:  linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
	border: 12px solid var(--belyy);
	height: 396px;
	right: 120px;
	top: 50%;
	translate: 0px -50%;
	border-radius: 50%;
	position: absolute;
}

.zamer__circle img{
	position: absolute;
	left: 50%;
	top: 50%;
	min-width: 515px;
	translate: -50% -50%;
}

.modal .input{
	background-color: #FFFFFF;
	min-height: 85px;
}

.fancybox-content.modal-form{
	background: #f2f4f5;
}

.modal-form .button{
	min-height: 85px;
}

@media (max-width: 1470px) {
.send-section__image-block_v2{
	width: 500px;
	height: 500px;
}
}

	@media (max-width: 1370px) {
		.zamer__circle{
	width: 296px;
	height: 296px;
	right: 50px;
}

.zamer__circle img{
	min-width: 415px;
}

		.zamer__body{
			padding: 40px;
		}


		.zamer__text {
    font-size: 16px;
    padding: 15px;
}
}	

@media (max-width: 1230px) {
		.send-section__image-block_v2{
	width: 400px;
	height: 400px;
	min-height: 400px;
}
}

@media (max-width: 1024px) {
		.send-section__image-block_v2{
	width: 100%;
	height: 500px;
	min-height: 500px;
}

.zamer__circle{
	display: none;
}

.input {
	font-size: 16px;
	padding: 12px 20px;
	min-height: 65px;
}

.zamer_v2 h2 br{
	display: none;
}

.form .button {
    min-height: 65px;
}

.zamer__tag, a.zamer__tag{
	font-size: 16px;
	padding: 8px 20px;
}

.zamer__tags{
	gap: 10px;
}


.form {
    gap: 15px;
}

}
@media (max-width: 768px) {
	.modal-form {
    max-width: 468px;
}

.modal-form {
    padding: 30px;
    border-radius: 30px;
}

.modal-form__form {
		gap: 10px !important;
}

.modal-form .fancybox-button {
    width: 50px;
    height: 50px;
    right: 5px;
    top: 5px;
}

.modal-form h2 {
    margin-bottom: 10px;
}

.modal .input {
    min-height: 65px;
}

.modal-form .button {
    min-height: 65px;
}

	.zamer__tag, a.zamer__tag{
	font-size: 14px;
	padding: 5px 15px;
}


.zamer__tags{
	gap: 10px;
}

			.send-section__image-block_v2{
	width: 100%;
	height: 400px;
	min-height: 400px;
}

.send-section__image-block .send-section__image-text p {
    font-size: 16px;
}

	.zamer__body{
		flex-direction: column;
		align-items: flex-start;
		padding: 30px;
	}

	.zamer__right{
		width: 100%;
		max-width: 100%;
	}

	.zamer__left .button{
		width: 100%;
	}

	.zamer__left {
    min-height: 385px;
	}

	.zamer__body::before {
    content: '';
    width: 100%;
	}

	.zamer__text{
		width: 100%;
	}
}

@media (max-width: 480px) {
		.zamer__tag, a.zamer__tag{
	font-size: 12px;
	padding: 5px 12px;
}

    .modal-form {
        padding: 30px;
				border-radius: 20px;
    }

.modal  .button{
	width: 100%;
}

.modal .input {
    min-height: 58px;
}

.input {
	font-size: 14px;
}

.zamer__tags{
	gap: 5px;
}

	.zamer__left  .list {
	margin-top: 20px;
	margin-bottom: 20px;
}

.zamer__body{
	padding: 20px;
}

.zamer__text{
	font-size: 14px;
	padding: 15px;
}

.zamer__body{
	gap: 15px;
}

    .zamer__left .list {
			max-width: 270px;
    }
}
/* ==================================== */


.stroitelstvo__body {
		margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.stroitelstvo__link {
	display: flex;
	flex-direction: column;
	width: calc((100% - 60px) / 4);
}

.stroitelstvo__image {
	position: relative;
	border-radius: 8px 8px 0 0;
	overflow: hidden;
	padding-top: 78%;
	background-color: #9E9E9E;
}

.stroitelstvo__image img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	object-fit: cover;
}

.stroitelstvo__link-body {
	background: var(--belyy);
	padding: 20px;
	flex-grow: 1;
	font-weight: 500;
	transition: 0.3s ease 0s;
	border-radius: 0px 0px 8px 8px;
	font-size: 25px;
	line-height: 130%;
	color: var(--chernyy);
}
.stroitelstvo__bottom {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

a.stroitelstvo__link:hover  .stroitelstvo__link-body{
	color: var(--akcent);
}

.header.fixed .header__logo {
	max-width: 224px;
	width: auto;
	display: flex !important;
	
}

a .stroitelstvo__image img{
	transition: 0.3s ease 0s;
}

a:hover .stroitelstvo__image img{
	scale: 1.1;
}

.header.fixed .logo__description{
	display: none !important;
}



@media (max-width: 1230px) {
.stroitelstvo__link-body{
	font-size: 22px;
}
}

@media (max-width: 1024px) {
.stroitelstvo__link {
    width: calc((100% - 40px) / 3);
}

.stroitelstvo__link-body{
	font-size: 20px;
	padding: 15px;
}
}

@media (max-width: 768px) {
.stroitelstvo__bottom {
    margin-top: 30px;
}

    .stroitelstvo__link {
        width: calc((100% - 20px) / 2);
    }

				/* .stroitelstvo__body.wrapper-padding{
			overflow: auto;
			flex-wrap: nowrap;
			scroll-snap-type: x mandatory;
		}

			.stroitelstvo__body.wrapper-padding::-webkit-scrollbar{
				display: none;
			} */

			/* .stroitelstvo__link {
				flex-shrink: 0;
				width: 245px;
				scroll-snap-align: center;
			} */
}

@media (max-width: 480px) {
				/* .stroitelstvo__link {
				width: 245px;
			} */

			   .stroitelstvo__link {
        width: calc((100% - 10px) / 2);
    }

			.categories{
			overflow: hidden;
		}

		.categories .categories__body{
			margin-left: -10px;
					overflow: auto;
			scroll-snap-type:  x mandatory;
			flex-wrap: nowrap;
			padding: 0px 10px;
			width: calc(100% + 20px);
		}

		.categories .categories__body::-webkit-scrollbar{
			display: none;
		}

		.categories .categories__block{
			flex-shrink: 0;
			width: 250px;
			scroll-snap-align: center;
		}

				.stroitelstvo__body.wrapper-padding{
					gap: 10px;
				}

				.stroitelstvo__link-body{
					padding: 10px;
					font-size: 14px;
				}

				.stroitelstvo__body{
					margin-top: 20px;
				}

				.stroitelstvo__bottom{
					margin-top: 20px;
				}
}
/* ==================================== */

.links {
	padding: 0px 0px;
}
.links__body {
	position: relative;
	padding: var(--section-margin) 0px;
	z-index: 1;
	color: var(--belyy);
}
.bg {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #1B1B1B;
	width: 100%;
	z-index: -1;
	height: 100%;
}

.bg  img{
	width: 100%;
	opacity: 0.3;
	height: 100%;
	object-fit: cover;
}

.links__list {
	flex-wrap: wrap;
	margin-top: 30px;
	display: flex;
	gap: 15px;
}
.links__item a{
	position: relative;
	background: var(--belyy);
	border-radius: 100px;
	font-weight: 400;
	font-size: 18px;
	display: flex;
	align-items: center;
	transition: 0.3s ease 0s;
	justify-content: center;
	z-index: 1;
	line-height: 140%;
	color: var(--chernyy);
	padding: 5px 30px;
	min-height: 45px;
}

.links__item a::before{
	content: '';
	width: 100%;
	border-radius: inherit;
	height: 100%;
	position: absolute;
	z-index: -1;
	opacity: 0;
	transition: 0.3s ease 0s;
	left: 0;
	top: 0;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.links__item a:hover{
	color: var(--belyy);
}

.links__item a:hover::before{
		opacity: 1;
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {

}

@media (max-width: 1024px) {
	.links__list{
		gap: 10px;
	}

	.links__item a {
    border-radius: 100px;
    font-size: 16px;
    padding: 5px 20px;
    min-height: 40px;
}
}

@media (max-width: 768px) {

	.links__item a {
    font-size: 14px;
    min-height: 35px;
}

.links__list{
	margin-top: 20px;
}
}

@media (max-width: 480px) {
	.links__item{
		flex-grow: 1;
	}
}
/* ==================================== */

.videos {
}

.videos__body {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 40px;
}
.videos__video {
	width: calc((100% - 20px) / 2);
}
.video {
	display: flex;
	flex-direction: column;
}

.video__main{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
		background-color: #000000;
	padding-top: 57%;
}

.video__text{
	margin-top: 20px;
}

.video__image {
	position: absolute;
	left: 0;
	top: 0;
		opacity: 0.4;
		transition: 0.3s  ease 0s;
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.video__main:hover .video__image{
	opacity: 1;
}

.video__image  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.play {
	left: 50%;
	border-radius: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	translate: -50% -50%;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);

	position: absolute;
}


.play::before{
	position:absolute;
	left: 50%;
	top: 50%;
	translate: calc(-50% + 2px) -50%;
	content: '';
	width: 24px;
	height: 28px;
	background: url(../img/icons/play.svg) center / contain no-repeat;
}

.videos__bottom {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

.blocks-gal {
	flex-wrap: wrap;
	padding-top: 20px;
	display: flex;
	gap: 20px;
}
.blocks-gal__block {
	padding: 30px;
	background: var(--belyy);
	color: var(--chernyy);
	border-radius: 8px;
	width: calc((100% - 60px) / 4);
	position: relative;
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}

.blocks-gal__block::before{
	content: '';
	border-radius: 50%;
	background:     url("../img/icons/gal.svg") center / 20px 14px no-repeat,
  linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);;
	border: 4px solid var(--belyy);
	width: 42px;
	height: 42px;
	position: absolute;
	left: 25px;
	translate: 0px -50%;
	top: 0;
}


.links__bottom {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.blocks-gal__block p{
	max-width: 230px;
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {
.blocks-gal__block {
    padding: 20px;
    font-size: 16px;
}
}

@media (max-width: 1024px) {
		.blocks-gal{
			row-gap: 30px;
		}

	.blocks-gal__block {
		padding: 30px;
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 768px) {
		.blocks-gal__block {
		padding: 25px;
		width: 100%;
	}

.videos__video {
    width: 100%;
}

.videos__body {
    margin-top: 30px;
    column-gap: 20px;
    row-gap: 20px;
}

.videos__bottom {
    margin-top: 30px;
}
}

@media (max-width: 480px) {
	.play {
    width: 70px;
    height: 70px;
}

.video__main{
	border-radius: 15px;
}

.play::before {
    width: 20px;
    height: 24px;
}

.video__text {
    margin-top: 10px;
}

.videos h2 br, .videos .h2 br{
	display: none;
}

.videos__bottom .button{
	width: 100%;
}

.videos__body{
	margin-top: 20px;
}
}
/* ==================================== */


.professional__body {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.professional__block {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	color: var(--belyy);
	min-height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 30px;
	width: calc((100% - 40px) / 3);
}

.professional__block .tilte-mini {
		color: var(--belyy);
}

.professional__block  .list li{
	color: var(--belyy);
}

.professional__bottom {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}


.zamer__left{
	max-width: 787px;
}

.zamer__left h2 span, .zamer__left .h2 span{
	color: var(--akcent);
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {
.professional__block {
	min-height: 420px;
	padding: 20px;
}
}

@media (max-width: 1024px) {
	.professional__block{
		width: calc((100% - 20px) / 2);
	}

		.zamer__left{
		max-width: 543px;
	}
}

@media (max-width: 768px) {
	.professional__block{
		width: 100%;
	}

			.zamer__left{
		max-width: 403px;
	}
}

@media (max-width: 480px) {
		.professional__block{
		border-radius: 15px;
		min-height: 320px;
	}

	.professional__body{
		margin-top: 20px;
	}

	.stroitelstvo__bottom .button{
		width: 100%;
	}

	.stroitelstvo__bottom .button svg{
		display: none;
	}

	.professional__bottom{
		margin-top: 20px;
	}

	.professional__bottom .button{
		width: 100%;
	}
}
/* ==================================== */

.proizvoditel__main{
			padding: 70px 0px;
		overflow: hidden;
	position: relative;
		color: var(--belyy);
}

.proizvoditel__body {
	flex-wrap: wrap;
	margin-top: 30px;
	display: flex;
	gap: 20px;
}



.proizvoditel__block {
	min-height: 350px;
	width: calc((100% - 20px) / 2);
	color: var(--chernyy);
	position: relative;
	background: var(--belyy);
	padding: 40px 170px 40px 40px;
	border-radius: 20px;
}
h4, .h4{
	font-size: 25px;
	line-height: 130%;
}

.proizvoditel__tags {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.proizvoditel__tag {
	font-weight: 500;
	border: 1px solid var(--akcent);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
	font-size: 18px;
	min-height: 45px;
	padding: 5px 30px;
	line-height: 140%;
	text-align: center;
	color: var(--chernyy);
}
.proizvoditel__icon {
	position: absolute;
	right: 40px;
	top: 40px;
}
.icon {
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
		border: 1px solid var(--akcent);
	border-radius: 50%;

}

.proizvoditel__block:last-child{
	border: 10px solid var(--akcent);
	background: var(--chernyy);
	color: var(--belyy);
}

.proizvoditel p{
	margin-top: 10px;
}


.proizvoditel  ul{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 10px;
}
.proizvoditel__bottom {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
.button {
}

.proizvoditel__block p, .proizvoditel__block ul{
	font-size: 18px;
	line-height: 140%;
}

.burger-menu .wrapper{
	display: flex;
	flex-direction: column;
}

.burger-menu__top{
	order: 1;
}

.burger-menu__menu{
	order: 2;
}


.burger-menu__nav ul{
	gap: 0px;
}

.burger-menu__nav{
	order: 3;
}


.burger-menu__menu ul{
	padding-left: 20px;
	padding-right: 20px;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 20px !important;
	overflow: auto !important;
}

.burger-menu__menu{
	margin-left: -20px;
	width: calc(100% + 40px);
}

.burger-menu__menu ul::-webkit-scrollbar{
	display: none;
}


.burger-menu__menu ul li{
	white-space: nowrap !important;
}

.burger-menu__nav li a{
	display: block;
	padding: 12px 0px;
	width: 100%;
	border-bottom: 1px solid rgba(27, 27, 27, 0.2);
}

.burger-menu__time{
	order: 4;
}
.burger-menu__contacts{
	order: 5;
	align-items: flex-start;
}

.burger-menu__contacts a{
	width: auto;
	text-align: left;
}

.burger-menu__socials {
	order: 6;
}

.burger-menu .button{
	order: 7;
}
.burger-menu .button-theme2{
	order: 8;
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {
	.proizvoditel__block{
		padding: 30px 140px 30px 30px;
	}

	.proizvoditel__icon {
    right: 30px;
    top: 30px;
}

h4, .h4 {
    font-size: 22px;
}
}

@media (max-width: 1024px) {
	.proizvoditel__block{
		width: 100%;
		min-height: 0px;
	}
}

@media (max-width: 768px) {
	.proizvoditel__block{
		padding: 20px 80px 20px 20px;
	}

	.proizvoditel__block p{
	font-size: 16px;
}

		.proizvoditel__icon {
    right: 20px;
    top: 20px;
		width: 45px;
		height: 45px;
		padding: 10px;
}


.proizvoditel__tag {
    font-size: 16px;
    min-height: 40px;
    padding: 3px 20px;
}
.proizvoditel__block ul{
	font-size: 16px;
}

.proizvoditel__main {
    padding: 50px 0px;
}

    h4, .h4 {
        font-size: 18px;
    }

			.burger-menu__menu ul{
	padding-left: 15px;
	padding-right: 15px;
}

.burger-menu__menu{
	margin-left: -15px;
	width: calc(100% + 30px);
}

}

@media (max-width: 480px) {
	.burger-menu__menu ul{
	padding-left: 10px;
	padding-right: 10px;
}

.burger-menu__menu{
	margin-left: -10px;
	width: calc(100% + 20px);
}

	.proizvoditel__bottom .button{
		width: 100%;
	}
	h4, .h4{
		font-size: 16px;
	}

	.proizvoditel__block:last-child {
    border: 5px solid var(--akcent);
}

	.proizvoditel__block p{
	font-size: 14px;
}

.proizvoditel__block ul{
	font-size: 14px;
}

.proizvoditel__tag{
	min-height: 35px;
	padding: 3px 10px;
	font-size: 14px;
}

.proizvoditel__main {
    padding: 35px 0px;
}

.delivery__bottom .button{
	width: 100%;
}

.delivery__bottom .button svg{
	display: none;

}
}
/* ==================================== */


.delivery__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
}
.delivery__block {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: calc((100% - 40px) / 3);
	padding: 30px 30px 226px 30px;
	background: var(--belyy);
	border-radius: 20px;
}


.delivery__block:nth-child(3){
	background: var(--chernyy);
	color: var(--belyy);
	    border: 10px solid var(--akcent);
}

.delivery__block:nth-child(3) .delivery__block-image::before {
	background: var(--akcent---2);
}

.delivery__block-image {
	position: absolute;
	right: 0;
	bottom: 0;
}
.delivery__bottom {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.delivery__block .sub-title{
	margin-bottom: 20px;
}

.delivery__block-image::before{
	content: '';
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	width: 222px;
	height: 222px;
	border-radius: 106px 0 0 0;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}



@media (max-width: 1230px) {
	.delivery__block-image{
		max-width: 190px;
	}

	.delivery__block-image::before {
    width: 182px;
    height: 182px;
    border-radius: 106px 0 0 0;
}

.delivery__block {
    width: calc((100% - 40px) / 3);
    padding: 20px 20px 186px 20px;
}
}

@media (max-width: 1024px) {
	.delivery__block{
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 768px) {
	.delivery__block{
		width: 100%;
	}
}

@media (max-width: 480px) {
	    .delivery__block:nth-child(3) {
        border: 5px solid var(--akcent);
    }

		.delivery__body{
			margin-top: 20px;
		}
}
/* ==================================== */

.complex__body {
	display: flex;
	gap: 20px;
	margin-top: 30px;
	flex-wrap: wrap;
}
.complex__block {
	padding: 30px 20px;
	border-radius: 8px;
	background: var(--belyy);
	display: flex;
	align-items: flex-start;
	gap: 20px;
	width: calc((100% - 40px) / 3);
}

.complex__block h4, .complex__block .h4{
	font-weight: 700;
	margin-bottom: 10px;
}

.complex__icon {
	padding: 0px !important;
	flex-shrink: 0;
}

.complex__block-body p{
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}
.complex__bottom {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.complex_v2 .complex__block{
	width: calc((100% - 60px) / 4);
}

.material {
	background: var(--belyy);
}



.wrapper {
}
.material__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
}
.material__block {
	width: calc((100% - 60px) / 4);
}
.material__image {
	padding-top: 78%;
	position: relative;
	margin-bottom: 25px;
	border-radius: 8px;
	overflow: hidden;
}

.material__image  img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.material .h4 {
	min-height: 96px;
}
.material__block p{
	font-size: 18px;
	line-height: 140%;
	margin-top: 10px;
}

.send-section__bottom{
	margin-top: auto;
	display: flex;
	gap: 20px;
}

.send-section__bottom .button-border{
	font-size: 18px;
	padding: 10px 30px;
}

@media (max-width: 1230px) {
	.complex__block{
		gap: 15px;
	}

	.complex_v2 .complex__block{
	width: calc((100% - 40px) / 3);
}

.material__block p {
    font-size: 16px;
}

.send-section__bottom{
	flex-wrap: wrap;
}

.send-section__bottom .button{
	width: 100%;
}

.send-section__bottom .button-border{
	min-height: 68px;
	width: 100%;
}

}

@media (max-width: 1024px) {
	.material__block .h4{
		font-size: 18px;
		min-height: 0px;
	}

		.complex_v2 .complex__block{
	width: calc((100% - 20px) / 2);
}

	.complex__block{
		width: calc((100% - 20px) / 2);
	}
}

@media (max-width: 768px) {
		.material__block .h4{
		font-size: 20px;
		min-height: 0px;
	}

	.material__block {
    width: calc((100% - 20px) / 2);
}

			.complex_v2 .complex__block{
width: 100%;
}

		.complex__block{
		width: 100%;
	}

	.complex__block-body p {
    font-size: 16px;
}

	.complex h2 br{
		display:  none;
	}
}

@media (max-width: 480px) {

		.material__block {
    width: 100%;
}

.send-section__bottom .button-border{
	min-height: 58px;
	font-size: 16px;
	width: 100%;
}

.send-section__bottom{
	gap: 10px;
}

.material__body{
	margin-top: 20px;
}

	.complex__icon {
		width: 45px;
		height: 45px;
	}

		.complex__block-body p {
    font-size: 14px;
}

.complex__body{
	margin-top: 20px;
}

.complex__bottom .button{
	width: 100%;
}
}
/* ==================================== */


.zastroishiki__body {
	padding: var(--section-margin) 0px;
	background: var(--belyy);
}

.zastroishiki__main {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.zastroishiki__block {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: calc((100% - 60px) / 4);
}

.leaders-slide{
	position: relative;
	overflow: hidden;
}

.banner-slide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #626462;
}

.banner-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zastroishiki__icon {
	height: 120px;
	display: flex;
	align-items: center;
}


.zastroishiki__icon{
	font-size: 30px;
	line-height: 130%;
	margin-bottom: 20px;
}

.zastroishiki__title {
	font-size: 25px;
	line-height: 130%;
	margin-bottom: 20px;
}

.zastroishiki__block p{
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 140%;
}

.zastroishiki__block .link {
	margin-top: auto;
	font-size: 14px;
}

.zastroishiki{
	overflow: hidden;
}


@media (max-width: 1230px) {
.zastroishiki__main {
	margin-top: 30px;
	gap: 20px;
}

.zastroishiki__icon {
	height: 110px;
}


.zastroishiki__icon{
	font-size: 26px;
}

.zastroishiki__title {
	font-size: 22px;
	margin-bottom: 20px;
}

.zastroishiki__block p{
	font-size: 16px;
}
}

@media (max-width: 1024px) {
	.zastroishiki__block {
	width: calc((100% - 20px) / 2);
}
}

@media (max-width: 768px) {
	.zastroishiki__block {
	width: 100%;
}

.zastroishiki .wrapper-padding{
	overflow: auto;
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
}

.zastroishiki .wrapper-padding::-webkit-scrollbar{
	display: none;

}

.zastroishiki .zastroishiki__block{
	width: 320px;
	flex-shrink: 0;
	scroll-snap-align: center;
}

    .zastroishiki__icon {
        font-size: 22px;
    }

		    .zastroishiki__title {
        font-size: 18px;
				margin-bottom: 15px;
    }

		    .zastroishiki__icon {
        height: 100px;
    }
		.zastroishiki__main{
			margin-top: 20px;
		}
}

@media (max-width: 480px) {
	.zastroishiki .zastroishiki__block{
	width: 280px;
}

}
/* ==================================== */


.reviews__body {
	overflow: hidden;
	display: flex;
	gap: 20px;
	margin-top: 30px;
}
.reviews__review-block {
	flex-shrink: 0;
	background: var(--belyy);
	padding: 40px;
	border-radius: 20px;
	min-height: 423px;
	display: flex;
	gap: 30px;
	flex-direction: column;
	align-items: center;

	width: calc((100% - 20px) / 3);
}
.reviews__review-rating {
	display: flex;
	flex-direction: column;
	gap: 6px;
	align-items: center;
}
.reviews__review-stars {
	display: flex;
	gap: 7px;
}
.reviews__review-star {
		width: 33px;
		display: flex;
		align-items: center;
		justify-content: center;
	height: 33px;
}
.reviews__review-yandex {
	max-width: 286px;
}
.reviews__review-bottom {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.reviews__review-bottom  span{
	font-size: 18px;
	line-height: 140%;
	color: var(--seryy);
	font-weight: 500;
	text-align: center;
}


.reviews__swiper {
	margin: 0px;
	flex-grow: 1;
}

.review-slide {
	padding: 40px;
	border-radius: 20px;
	background: var(--belyy);
}
.review-slide__top {
	display: flex;
	gap: 16px;
	align-items: center;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(128, 126, 125, 0.2);
}
.review-slide__top-image {
	width: 76px;
	height: 76px;
	flex-shrink: 0;
	border-radius: 50%;
}

.review-slide__top-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-slide__top-body {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.review-slide__top-body p{

}

.review-slide__top-name {
}
.review-slide__review-stars {
	display: flex;
	gap: 4px;
}
.review-slide__review-star {
	width: 18px;
	height: 18px;
}

.review-slide__top-body span{
font-size: 14px;
line-height: 140%;
color: var(--seryy);
}
.review-slide__top-name{
	font-size: 20px;
	line-height: 130%;
	color: var(--chernyy);
	font-weight: 500;

}

.review-slide__review-star img{
	width: 15px;
	height: 14px;
}

.review-slide__text {
		font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
	opacity: 0.6;
}
.reviews__bottom {
	margin-top: 40px;
	display: flex;
	align-items: center;
	gap: 35px;
}

.swiper-scrollbar {
	position: static !important;
	width:  auto !important;
	flex-grow: 1;
	border-radius: 0px !important;
	background-color: rgba(128, 126, 125, 0.2);
	height: 5px;
}

.swiper-scrollbar-drag{
	border-radius: 0px !important;
	background-color: var(--akcent) !important;
}


	@media (max-width: 1370px) {
		.review-slide{
			padding: 30px;
		}

		.reviews__review-block {
    padding: 30px;
	}

	.reviews__review-yandex {
    max-width: 236px;
}
}

@media (max-width: 1230px) {
	.review-slide__text{
		font-size: 16px;
	}

	.reviews__review-bottom{
		margin-top: auto;
	}
}

@media (max-width: 1024px) {
	.reviews__body{
		flex-direction: column;
	}

	.reviews__review-block{
		min-height: 360px;
		width: 100%;
	}
}

@media (max-width: 768px) {
	.reviews__bottom{
		flex-direction: column-reverse;
		margin-top: 20px;
		gap: 20px;
		align-items: center;
	}

	.swiper-scrollbar{
		display: none !important;
	}
}

@media (max-width: 480px) {
	.reviews__review-bottom{
		width: 100%;
		gap: 10px;
	}

	.reviews__review-bottom .button{
		width: 100%;
		padding: 10px;
	}

	.reviews__review-block{
		gap: 20px;
	}

	.review-slide__top-image{
		width: 64px;
		height: 64px;
	}

	.review-slide__top-name{
		font-size: 18px;
	}

	.review-slide__top-body{
		gap: 3px;
	}

	.review-slide__text{
		font-size: 14px;
	}

	.review-slide__top {
		margin-bottom: 15px;
    padding-bottom: 15px;
	}

	    .reviews__review-block {
        min-height: 260px;
    }

		.review-slide {
			padding: 20px;
		}

		.reviews__review-block{
			padding: 20px;
		}

		.reviews__body{
			margin-top: 20px;
		}
}
/* ==================================== */

.news__top h2, .news__top .h2{
	margin-bottom: 0px;
}

.news__top {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
}
.news__telegram {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 10px 20px 10px 10px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06);
background: var(--belyy);
border-radius: 40px;
	border-radius: 40px;
	font-size: 14px;
	line-height: 140%;
	color: var(--chernyy);
}
.news__telegram-circle {
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(127deg, #28aae0 0%, #23b7ec 100%);
	width: 50px;
	height: 50px;
	flex-shrink: 0;
}
.news__body {
	margin-top: 40px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.news__block {
	display: flex;
	flex-direction: column;
	background: var(--belyy);
	border-radius: 10px;
	padding: 20px;
	width: calc((100% - 40px) / 3);
}
.news__image {
	position: relative;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 27px;
	padding-top: 66%;
}

.news__image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news__block  .h4 {
	margin-bottom: 10px;
}

.news__block p{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 140%
}

.news__block  .button-border{
	margin-top: auto;
}

.news__block  .button-border {
	width: 100%;
	min-height: 68px;
	font-size: 18px;

}

.news__block:hover  .button-border{
	background-color: var(--chernyy);
	color: var(--belyy);
}

.news__bottom {
	display: flex;
	margin-top: 30px;
	justify-content: center;
}

.news{
	overflow: hidden;
}

.nums + .need{
	padding-top: 0px;
}


@media (max-width: 1024px) {
	.news__block{
		scroll-snap-align:  center;
		width: 350px;
		flex-shrink: 0;
	}

	.news__body.wrapper-padding{
		overflow: auto;
		flex-wrap: nowrap;
		scroll-snap-type:  x mandatory;
	}

	.news__body.wrapper-padding::-webkit-scrollbar{
		display: none;
	}

	.news__top{
		flex-direction: column;
		gap: 20px;
	}

	.news__body{
		margin-top: 20px;
	}

	.news h2, .news .h2{
		text-align: center;
	}
}

@media (max-width: 768px) {
	.news__block p {
    font-size: 16px;
}

.news__image{
	margin-bottom: 15px;
}

.news__block .button-border {
    min-height: 50px;
    font-size: 14px;
}
}

@media (max-width: 480px) {
	.news__bottom .button{
		width: 100%;
	}

		.news__block{
		width: 295px;
	}

	.news__block p {
    margin-bottom: 20px;
    font-size: 14px;
}
}
/* ==================================== */

.footer {
	padding: 50px 0px;
	color: var(--belyy);
	background: var(--chernyy);
}

.footer__body {
	display: flex;
	gap: 30px;
	justify-content: space-between;
}
.footer__left {
	display: flex;
	max-width: 270px;
	flex-direction: column;
	gap: 40px;
}

.footer__buttons {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.footer__button.button {
	font-size: 14px;
	line-height: 140%;
	background: #b2b0af;
	color: var(--belyy);
	min-height: 50px;
}

.footer__button.button::before{
	display: none;
}


.footer__buttons .button-border {
	color: var(--belyy);
	border: 1px solid var(--belyy);
}
.footer__buttons .button-border:hover{
	background-color: var(--belyy);
	color: var(--chernyy);
}

.footer__nav {
	max-width: 711px;
	width: 100%;
	display: flex;
	margin-left: auto;
	gap: 20px;
}

.footer__nav a{
	transition: 0.3s ease 0s;
}

.footer__nav a:hover{
	color: var(--akcent);
}

.footer__col {
	display: flex;
	flex-direction: column;
	gap: 50px;
	width: calc((100% - 20px) / 2);
}

.footer__list  ul{
	display: flex;
	flex-direction: column;
	gap: 15px;
	font-size: 18px;
	line-height: 140%;
}

.footer__list-title {
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 140%;
	color: var(--seryy);
}
.footer__right {
	max-width: 346px;
	font-size: 18px;
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 30px;
}

.footer__right a{
	transition: 0.3s ease 0s;
}

.footer__right a:hover{
	color: var(--akcent);
}

.footer__contacts{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.footer__contacts span{
	line-height: 140%;
	color: var(--seryy);
}

.footer__contacts a{
	font-size: 25px;
	line-height: 125%;
}
a.footer__mail {
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--belyy);
}

.footer__addres {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 15px;
}

.footer__addres a{
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--akcent);
}
.footer__right .footer__buttons {
	display: none ;
}

.footer__right .button{
	min-height: 50px;
	font-size: 14px;
	max-width: 270px;
}

.footer-fixe-menu{
	transition: 0.3s ease 0s;
}

.hide-menu .footer-fixe-menu{
	opacity: 0;
	pointer-events: none;
}


	@media (max-width: 1370px) {
.footer__nav {
    max-width: 511px;
}

.footer__body{
	gap: 20px;
}
.footer__list-title{
	font-size: 16px;
	margin-bottom: 20px;
}

.footer__list ul {
    gap: 12px;
    font-size: 16px;
}
}

@media (max-width: 1230px) {
    .footer__nav {
        max-width: 411px;
    }

		.footer__right {
    max-width: 239px;
    font-size: 16px;
    gap: 20px;
}
}

@media (max-width: 1024px) {
	.footer__body{
		gap: 30px;
		flex-direction: column;
		align-items: center;
	}

	.footer__addres{
		flex-direction: column;
		align-items: center;
	}

	.footer__left{
		gap: 30px;
		align-items: center;
	}

	.footer__nav{
		flex-direction: column;
		width: 100%;
		max-width: 100%;
	}

	.footer__col{
		width: 100%;
		text-align: center;
	}
	
	.footer__list ul{
		gap: 15px;
		font-size: 18px;
		align-items: center;
	}

	.footer__right{
		align-items: center;
		text-align: center;
		max-width: 400px;
		width: 100%;
	}
}

@media (max-width: 768px) {
.footer {
    padding: 40px 0px;
}

.footer .logo{
	margin-right: 0px;
	align-items: center;
	flex-direction: column;
}

.footer .logo__description{
	display: block;
}
}

@media (max-width: 480px) {
	.footer__button.button {
		padding: 10px;
		width: 100%;
	}

	.footer__left{
		width: 100%;
		max-width: 270px;
	}

	.footer__buttons{
		width: 100%;
	}

	.footer__right .button{
		width: 100%;
	}
}
/* ==================================== */

.blocks {
	background: var(--belyy);

}
.blocks  .wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.blocks__block {
	z-index: 1;
	position: relative;
	border-radius: 20px;
	color: var(--belyy);
	padding: 30px;
	display: flex;
	min-height: 250px;
	overflow: hidden;
	flex-direction: column;
	justify-content: flex-end;
	width: calc((100% - 20px) / 2);
}

@media (max-width: 768px) {
.blocks__block {
	width: 100%;
}
}

@media (max-width: 480px) {
	.blocks__block {
	padding: 20px;
	min-height: 200px;
}

.blocks .wrapper {
    gap: 10px;
}
}
/* ==================================== */

.nums__body {
	display: flex;
	gap: 24px;
	margin-top: 30px;
	flex-wrap: wrap;
}
.nums__block {
	padding: 20px;
	background: var(--belyy);
	border-radius: 8px;
	display: flex;
	gap: 10px;
	flex-direction: column;
	width: calc((100% - 96px) / 5);
}
.nums__block-num {
	font-size: 30px;
	line-height: 130%;
	color: var(--akcent);
}
.nums__block-text {
	font-size: 14px;
	line-height: 140%;
	color: var(--chernyy);
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {
	.nums__body {
	gap: 10px;
	margin-top: 30px;
}
.nums__block {
	padding: 15px;
	gap: 10px;
	width: calc((100% - 40px) / 5);
}

.nums__block-num{
	font-size: 25px;
}

}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.nums__block {
	width: calc((100% - 20px) / 3);
}
}

@media (max-width: 480px) {
	.nums__block {
	width: calc((100% - 10px) / 2);
}

.nums__body{
	margin-top: 20px;
}
}
/* ==================================== */

.director{
	background: var(--belyy);
}

.director__body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 20px;
}
.director__left {
	width: calc((100% - 20px) / 2);
}
.director__left  .h4 {
	margin-bottom: 30px;
}
.director__right {
	display: flex;
	flex-direction: column;
	gap: 20px;
		width: calc((100% - 20px) / 2);
}

.director__left p{
	padding-right: 20px;
	font-size: 18px;
	line-height: 140%;
	color: var(--chernyy);
}

.director__left p:not(:last-child){
	margin-bottom: 10px;
}

.director__image {
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.director + .proizvoditel{
	padding-top: 0px;
}

.director__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.director__image-text {
	text-align: center;
}


@media (max-width: 1024px) {
.director__left {
width: 100%;
}

.director__right{
	width: 100%;
}
}

@media (max-width: 768px) {
.director__left p {
    font-size: 16px;
}

.director__left .h4 {
    margin-bottom: 20px;
}
}

@media (max-width: 480px) {
	.director__image{
		border-radius: 10px;
	}

	.director__right{
		gap: 10px;
	}
}
/* ==================================== */

.team__body {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
	gap: 20px;
}
.team__block {
	display: flex;
	text-align: center;
	flex-direction: column;
	width: calc((100% - 40px) / 3);
}
.team__block-image {
	margin-bottom: 10px;
	border-radius: 20px;
	overflow: hidden;
}

.team__job-title {
	font-size: 18px;
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {

}

@media (max-width: 1024px) {
.team__body {
	margin-top: 30px;
	gap: 10px;
}

.team__block{
	width: calc((100% - 20px) / 3);
}

.team__job-title{
	font-size: 16px;
}
}

@media (max-width: 768px) {

.team__block{
	width: calc((100% - 20px) / 2);
}

.team__body{
	gap: 20px;
}
}

@media (max-width: 480px) {
	.team__body{
		margin-top: 20px;
		column-gap: 10px;
	}
	.team__block-image{
		border-radius: 10px;
	}

	.team__block{
	width: calc((100% - 10px) / 2);
}

.team__job-title{
	font-size: 14px;
}
}
/* ==================================== */


.rost__body {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}
.rost__block {
	width: calc((100% - 20px) / 2);
}

.rost__block p {
	font-size: 18px;
}

.rost__block ul{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 18px;
}

.rost__block ul b{
	font-weight: 700;
}

.rost__image {
	display: block;
	border-radius: 20px;
	overflow: hidden;
}

.rost__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.complex__block-body p:not(:last-child){
	margin-bottom: 10px;
}

.form p{
	font-size: 18px;
	padding-top: 20px;
}


.send-section__row .h4{
	margin-bottom: 10px;
	font-size: 18px;
}

.send-section__row p{
	font-size: 18px;
	margin-bottom: 10px;
}

.links + .zastroishiki{
	padding-top: 0px;
}

.intro .wrapper .breadcrumbs{
	position: static;
}

.intro{
	position: relative;
}

.intro .breadcrumbs {
	left: 0;
	margin-top: 0px;
		width: 100%;
	top: 25px;
	z-index: 10;
	position: absolute;
}

.intro .breadcrumbs + .intro__swiper  .intro-slide__main{
	margin-top: 20px;
}

@media (max-width: 1024px) {
	.rost__body {
		flex-direction: column-reverse;
	}

.rost__block {
	width: 100%;
}

}

@media (max-width: 768px) {
.rost__block p {
	font-size: 16px;
}

.intro .breadcrumbs {
	top: 20px;
}


.send-section__row p {
	font-size: 16px;
}

.intro .breadcrumbs + .intro__swiper  .intro-slide__main{
	margin-top: 30px;
}

.send-section__row p br{
	display: none;
}

.form p{
	font-size: 16px;
	padding-top: 0px;
}

.rost__block ul{
	margin-top: 20px;
	font-size: 16px;
}
}

@media (max-width: 480px) {
	.rost__block p {
	font-size: 14px;
}

.rost__block ul{
	margin-top: 20px;
	font-size: 14px;
}

.rost__image{
	border-radius: 10px;
}

.complex__body{
	gap: 10px;
}
}
/* ==================================== */

.categories__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.categories__block {
	position: relative;
	width: calc((100% - 60px) / 4);
	border-radius: 8px;
	background: var(--belyy);
	overflow: hidden;

}
.categories__picture {
	padding-top: 50%;
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}

.categories__picture img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.categories__block .h4{
	font-weight: 500;
	width: 100%;
	display: block;
	padding: 20px;
	font-size: 25px;
	line-height: 130%;
	color: var(--chernyy);
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {
}

@media (max-width: 1230px) {
.categories__block .h4{
	font-size: 20px;
}
}

@media (max-width: 1024px) {
.categories__block {
    width: calc((100% - 40px) / 3);
}
}

@media (max-width: 768px) {
.categories__block {
    width: calc((100% - 20px) / 2);
}
}

@media (max-width: 480px) {
	.categories__block {
    width: 100%;
}

    .categories__block .h4 {
        font-size: 18px;
    }
}
/* ==================================== */


.sort-select {
	position: relative;
	flex-shrink: 0;
	cursor: pointer;
	user-select: none;
}

.sort-select__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 12px;
	background: none;
	border-radius: 100px;
	border: 1px solid var(--chernyy);
	font-size: 12px;
	min-height: 35px;
	line-height: 120%;
	gap: 16px;
	color: #141414;
	position: relative;
}

.sort-select__header span{
	font-size: 12px !important;
}

.sort-select__arrow {
	width: 15px;
	height: 7px;
	transition: 0.3s ease 0s;
	display: flex;
}

.sort-select.open .sort-select__arrow {
	transform: rotate(-180deg);
}

.sort-select__list {
	display: none;
	position: absolute;
	top: calc(100% + 4px);
	left: 0;
	padding: 8px 0px;
	min-width: 220px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1);
	background: #fff;
	z-index: 10;
}

.sort-select.open .sort-select__list {
	display: block;
}

.sort-select__item {
	display: flex;
	align-items: center;
	padding: 4px 12px;
	font-size: 12px;
	line-height: 120%;
	gap: 8px;
	color: #000;
}

.sort-select__item:hover {
	background: #f1f1f5;
}

.sort-select__dot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #f8f9fc;
	flex-shrink: 0;
	position: relative;
}

.sort-select__item.selected .sort-select__dot::before {
	width: 50%;
	height: 50%;
	content: "";
	position: absolute;
	left: 50%;
	translate: -50% -50%;
	border-radius: 50%;
	background: var(--theme-color);
	top: 50%;
}


.catalog-filter__inputs {
	display: flex;
	gap: 10px;
}

.catalog-filter__input {
	width: calc((100% - 10px) / 2);
	border-radius: 8px;

	height: 56px;
	background: var(--belyy);
	display: flex;
	align-items: center;
	padding: 10px;
	gap: 3px;
	font-size: 18px;
	padding: 10px 15px;
	line-height: 120%;
	color: rgba(27, 27, 27, 0.5);
}

.catalog-filter__input::placeholder{
color: rgba(27, 27, 27, 0.5);
}

.catalog-filter__row:not(:last-child) {
	margin-bottom: 40px;
}

.catalog-filter__rows {
	width: 100%;
}

.catalog__body-row h4 {
	margin-bottom: 30px;
}

.catalog__row-bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 30px;
	margin-top: 30px;
}

.catalog_main_v2 .catalog__top-product {
	margin-bottom: 0px;
}

.catalog-filter {
	/* position: sticky; */
	top: 10px;
}

.catalog__row-bottom .button {
	min-width: 346px;
}

.catalog__body-row:not(:last-child) {
	margin-bottom: 70px;
}

.catalog-filter__checkboxes {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 12px;
}

.h4 + .catalog-filter__checkboxes{
	padding-top: 20px;
}

.catalog-filter__row_v2{
	border-top: 1px solid var(--chernyy);
	padding-top: 40px;
}

.catalog-filter__checkbox {
	font-weight: 500;
	font-size: 18px;
	display: flex;
	align-items: center;
	gap: 8px;
	line-height: 120%;
	color: #141414;
}

.catalog-filter__checkbox .circle {
	width: 30px;
	height: 30px;
	overflow: hidden;
	flex-shrink: 0;
	border-radius: 50%;
	background-color: var(--seryy);
}

.catalog-filter__checkbox .circle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalog-filter__checkbox input {
	display: none;
}

.catalog-filter__checkbox input:checked + span svg {
	opacity: 1;
}

.catalog-filter__checkbox input:checked + span{
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
	border-color: #00000000;
}

.catalog-filter__checkbox span {
	border: 1px solid var(--chernyy);
	display: flex;
	flex-shrink: 0;
	color: #070808;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
}

.catalog-filter__checkbox span svg {
	translate: 0px 0px !important;
}

.catalog-filter .button {
	margin-top: 24px;
	min-height: 48px;
	width: 100%;
}

.catalog-filter__checkbox span svg {
	translate: 1px 1px;
	opacity: 0;
}

.catalog-filter__input span {
	flex-shrink: 0;
}

.catalog_main .catalog__main {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.categories_v2 {
	padding-top: 0px;
}

.categories_v2 .categories__top {
	align-items: flex-end;
	margin-bottom: 30px;
	display: flex;
	gap: 10px;
}

.categories_v2 .categories__top span {
	font-weight: 500;
	translate: 0px -5px;
	font-size: 14px;
	line-height: 140%;
	color: var(--seryy);
}

.categories_v2 .categories__body {
	row-gap: 20px;
}

.categories_v2 .categories__link {
	width: calc((100% - 100px) / 6);
}

.categories_v2 .categories__link span {
	font-size: 14px;
}

.categories_v2 .categories__link picture {
	height: 127px;
}

.tags-section_v2 .tags-section__link {
	padding: 7px 25px;
}

.catalog_main {
	padding-top: 30px;
}

.catalog__tag-button {
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	border-radius: 56px;
	color: var(--theme-color);
	background: #fff;
}

.catalog__tag-button svg {
	pointer-events: none;
}

.catalog-filter__input input {
	flex-grow: 1;
	max-width: 100%;
	width: 100%;
}

.catalog-filter__input:has(input:focus) {
	color: #000;
}

.catalog__top-product {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	column-gap: 30px;
	row-gap: 20px;
}

.catalog__top-product .sort-select{
	margin-left: auto;
}

.catalog__top-product span{
	font-size: 18px;
}

.catalog__body {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.catalog-filter {
	max-width: 280px;
	width: 100%;
}

.catalog__products {
	flex-grow: 1;
}

.catalog-filter .modal-close {
	display: none;
}

.catalog-open {
	display: none;
}

.title-top .h3 {
	margin-bottom: 0px;
}

.catalog__pagination {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4px;
	width: 100%;
}
.catalog__pagination-dott {
	color: var(--chernyy);
	font-size: 18px;
	line-height: 140%;
	width: 50px;
	background: var(--belyy);
	border-radius: 4px;
	height: 50px;
	flex-shrink: 0;
	transition: 0.3s ease 0s;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-border {
	text-align: center;
}

.catalog__pagination-dott-body {
	display: flex;
	gap: 10px;
}

/* .catalog__pagination-dott:hover {
	color: #FFF !important;
background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
} */

.catalog__pagination-dott.active {
	color: var(--im-akcent---dop) !important;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
		color: #FFF !important;
}

.catalog__pagination-dott_v2{
	background: none !important;
}

.catalog__pagination-buttons{
	display: flex;
	gap: 10px;
}


.catalog__pagination-buttons .button-border, .catalog__pagination-buttons .button{
	min-width: 130px;
	min-height: 50px;
	font-size: 14px;
}

.catalog__pagination .button-border {
	font-weight: 500;
}

.tags-discount__tag {
	font-weight: 400;
	border-radius: 12px;
	background: #f8d3d6;
	padding: 6px 11px;
	font-size: 14px;
	line-height: 120%;
	color: var(--theme-color);
}

.buy-section {
	display: flex;
	align-items: center;
	gap: 8px;
}
.buy-section__add-min {
	width: 40px;
	height: 40px;
	font-weight: 500;
	font-size: 14px;
	border-radius: 8px;
	background: #f1f1f5;
	line-height: 1;
	transition: 0.3s ease 0s;
	text-align: center;
	flex-shrink: 0;
	color: #9f9faa;
}

[data-action="increment"].buy-section__add-min {
	background: #ffe5e7;
	color: var(--theme-color);
}

[data-action="increment"].buy-section__add-min:hover {
	background: var(--theme-color);
	color: #fff;
}

.buy-section__num {
	font-weight: 500;
	font-size: 20px;
	width: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	height: 30px;
	line-height: 140%;
	text-align: center;
	color: #0a0a0a;
}

.buy-section__add-min:hover {
	color: var(--theme-color);
	background: rgba(220, 37, 48, 0.2);
}

.catalog-filter__title.accordion-active::after {
	rotate: 180deg;
}


.catalog-filter__links li  ul{
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	margin-top: 10px;
	gap: 10px;
}

.catalog-filter__links li li a{
	font-size: 18px;
	line-height: 140%;
}

.catalog_main .card-item {
	width: calc((100% - 40px) / 3);
}

.card-item__swiper {
	max-width: 100%;
}

.catalog__products {
	max-width: 1078px;
}

.catalog-filter {
	max-width: 346px;
	width: 100%;
	flex-shrink: 0;
}

.catalog-filter__links {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: flex-start;
	margin-top: 20px;
	font-size: 18px;
	line-height: 140%;
	color: #070808;
}

.catalog-filter__links a {
	transition: 0.3s ease 0s;
}

.catalog-filter__links a:hover {
	color: var(--theme-color);
}

.catalog-filter__checkboxes[data-accordion-body] {
	display: none;
}

.catalog-filter__title[data-accordion] {
	display: flex;
	cursor: pointer;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.catalog-filter__title::after {
	content: "";
	flex-shrink: 0;
	transition: 0.3s ease 0s;
	width: 14px;
	height: 8px;
	margin-right: 4px;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
}

.catalog-filter__button {
	height: 60px;
}

[data-accordion-body] .catalog-filter__checkbox {
	display: flex;
}

[data-accordion-body] .catalog-filter__checkbox:not(:last-child) {
	margin-bottom: 12px;
}

.catalog__body {
	max-width: 100%;
}

.catalog-filter__inputs {
	margin-top: 10px;
}

.categories.categories_v2 {
	padding-top: 0px;
}

.catalog_main .card-swiper {
	width: 100%;
	max-width: 100%;
}

.cards-card.d-block {
	display: flex;
	flex-direction: column;
}

.menu-open-catalog {
	overflow: hidden;
}

.catalog-filter__big-title {
	display: none;
}

.catalog-filter .modal-close {
	top: 30px;
	right: 20px;
	position: absolute;
	width: 40px;
	height: 40px;
}

.catalog-filter .modal-close::after,
.catalog-filter .modal-close::before {
	height: 3px;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
	background-color: var(--akcent);
	width: 30px;
	content: "";
	position: absolute;
}

.catalog-filter .modal-close::before {
	rotate: 45deg;
}

.catalog-filter .modal-close::after {
	rotate: -45deg;
}

.catalog-filter__bg {
	display: none;
}

.catalog__button {
	margin-top: 30px;
	width: 100%;
}

.catalog-filter__submit-el {
	display: none;
}

.text-section {
	position: relative;
	overflow: hidden;
	padding: var(--section-margin) 0px;
}

.text-section .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.text-section .wrapper p {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	text-align: center;
	color: #626462;
}

.text-section .wrapper p:not(:last-child) {
	margin-bottom: 15px;
}

.text-section .wrapper .button {
	margin-top: 35px;
	max-width: 346px;
	width: 100%;
}

.text-section h2 {
	text-align: center;
}
.menu-open-catalog {
	overflow: hidden;
}

.leaders-slide.d-block{
	display: flex;
	flex-direction: column !important;
}

.leaders-slide__swiper {
	margin: 0px !important;
}

.catalog-filter__row button{
	width: 100%;
	font-size: 14px;
	min-height: 60px !important;
}

.button-theme2{
transition: 0.3s ease 0s;
}

.h4 + .catalog-filter__row-buttons-dop{
	margin-top: 20px;
}

.catalog-filter__row-buttons-dop a{
	pointer-events: none !important;
}

.catalog-filter__row-buttons-dop{
	display: flex;
	gap: 10px;
	flex-direction: column;
}

.catalog-filter__row-buttons-dop .button-theme2{
	min-height: 60px;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	display: flex;
}

.catalog-filter__row-buttons-dop .button-theme2 span{
	font-size: 12px;
}

.catalog-filter__row-buttons  .button{
	margin-top: 10px;
}

.catalog-filter__row-blocks{
	display: flex;
	flex-direction: column;
	gap: 20px;
}


.h4 + .catalog-filter__row-blocks{
	margin-top: 20px;
}

.catalog-filter__row-block{
	background: var(--akcent---2);
	border-radius: 10px;
	padding: 20px;
	cursor: pointer;
	transition: 0.3s ease 0s;

}

.catalog-filter__row-block:hover{
	background: #e1af16;
}

.atalog-filter__row-block-prices{
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 10px;
	font-size: 18px;
}

.atalog-filter__row-block-prices span:first-child{
	text-decoration: line-through;
	color: var(--seryy);
}

.icon {
	font-size: 25px;
	font-weight: 600;
}


.text__body {
	max-width: 834px;
	font-size: 18px;
}

.text__body h4, .text__body .h4{
	margin-bottom: 20px;
}

.text p{
	line-height: 160%;
}

.text__body p:not(:last-child){
	margin-bottom: 10px;
}
.text__body ul:not(:last-child){
	margin-bottom: 10px;
}
.text__body li:not(:last-child){
	margin-bottom: 10px;
}

.catalog__top-product{
	flex-wrap: wrap;
}


.leaders__top .swiper-buttons{
	margin-bottom: 0px !important;
}

.leaders__top  .sub-title{
	margin-top: 15px;
	margin-bottom: 0px;
}

@media (max-width: 1470px) {
	.catalog-filter {
		max-width: 265px;
	}

	.catalog__body {
		gap: 10px;
	}


	.catalog_main .card-item {
		width: calc((100% - 20px) / 3);
	}
	.catalog_main .card-item__price {
		font-size: 20px;
	}

	.card-item__price-old {
		font-size: 14px;
	}


	.catalog_v2 .cards-card {
		padding: 10px;
	}

	.benefits__block-title {
		font-size: 18px;
	}

	.benefits__block {
		padding: 15px;
	}
}

@media (max-width: 1370px) {
	.catalog__products {
		max-width: 906px;
	}
}
@media (max-width: 1230px) {
	.catalog__products {
		max-width: 760px;
	}

	
	.catalog-filter__row_v2 {
    padding-top: 20px;
}

	.catalog_main .catalog__main {
		gap: 10px;
	}

	.catalog-filter {
		max-width: 240px;
	}

	.catalog-filter__checkbox {
		font-size: 14px;
	}

	.catalog-filter__checkbox .circle {
		width: 20px;
		height: 20px;
	}

	.catalog_main .cards-card {
		padding: 15px;
	}

	.catalog-filter__row:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media (max-width: 1024px) {
	.text__body {
	font-size: 16px;
}


.catalog__top-product .sort-select{
	margin-left: 0px;
}

	.catalog-filter {
		translate: 100% 0%;
		width: 100%;
		max-width: 100% !important;
		transition: 0.4s ease 0s;
		z-index: 300 !important;
	}

	.catalog__pagination{
		gap: 20px;
		width: 100%;
		max-width: 100% !important;
		flex-direction: column-reverse;
	}

	.catalog__pagination .button-border{
		display: flex !important;
	}

	.catalog-open{
		margin-left: auto;
	}

	.catalog__top-product span {
    font-size: 14px;
}
	
	.catalog-filter__row-buttons .button{
		display: none;
	}


		.menu-open-catalog .catalog-filter {
		display: block;
	}

		body.menu-open-catalog .catalog-filter {
		display: block;
	}

		.menu-open-catalog .catalog-filter__submit-el {
		opacity: 1;
		pointer-events: all;
	}

		.menu-open-catalog .catalog-filter {
		translate: 0% 0%;
	}


	.catalog_main_v2 .catalog__top-product {
		position: absolute;
		right: 0;
		top: 0;
	}

	.catalog__main {
		position: relative;
	}

	.text-section .wrapper p {
		font-size: 16px;
	}

	.menu-open-catalog .catalog-filter__submit-el {
		opacity: 1;
		pointer-events: all;
	}

	.catalog-filter__submit-el {
		opacity: 0;
		position: fixed;
		bottom: 0;
		transition: 0.4s ease 0s;
		z-index: 301;
		left: 0;
		width: 100%;
		padding: 20px;
		background: var(--im-chernyy);
		display: flex;
		pointer-events: none;
	}

	.catalog-filter__submit-el .button {
		width: 100%;
	}

	.catalog__pagination-dott-body {
		margin-left: auto;
		margin-right: auto;
	}

	.catalog__pagination {
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
	}

	.menu-open-catalog .catalog-filter {
		translate: 0% 0%;
	}

	.catalog-filter__input {
		height: 56px;
		font-size: 18px;
	}

	.catalog__top-product .catalog-open {
		display: flex !important;
		font-size: 12px;
		gap: 10px;
		padding: 0px;
		border: none;
	}

	.catalog__top-product {
		justify-content: space-between !important;
	}

	.catalog__top-product {
		display: flex;
		gap: 10px;
		align-items: center !important;
		flex-direction: row-reverse !important;
	}

	.catalog_main .catalog__body {
		gap: 15px;
	}

	.catalog_main .card-item__price {
		font-size: 18px;
	}

	.catalog_main .card-item__price-old {
		font-size: 12px;
	}

	.catalog_main .card-item {
		width: calc((100% - 40px) / 3);
	}

	.catalog_main .cards-card {
		padding: 20px;
	}

	.catalog_main .card-swiper {
		width: 100%;
	}

	.catalog_main .catalog__body {
		gap: 20px;
	}

	.catalog__products {
		max-width: 100%;
	}

	.catalog_main .card-item {
		width: calc((100% - 40px) / 3);
	}

	.benefits__body {
		flex-direction: column;
	}

	.catalog__body .popular-slide {
		width: calc((100% - 20px) / 3);
	}

	.catalog__body {
		row-gap: 20px;
	}

	.catalog__body .line {
		display: none;
	}

	.services_catalog .services__block {
		width: calc((100% - 30px) / 3);
	}

	.benefits__right,
	.benefits__blocks {
		width: 100%;
	}

	.catalog-filter__input{
		background-color: #f1f1f1;
	}

	.menu-open-catalog .catalog-filter {
		display: block;
	}

	.catalog-open {
		align-items: center;
	}

	.catalog-filter {
		position: fixed;
		overflow-y: auto;
		right: 0;
		max-width: 100%;
		width: 100%;
		height: 100dvh;
		z-index: 100;
		top: 0;
		background: var(--belyy);
		padding: 30px 20px;
	}

	
	/* .modal-close {
		background: var(--im-chernyy);
	} */

	.modal-close::before {
		height: 1px;
		background-color: var(--chernyy);
	}
	.modal-close::after {
		height: 1px;
		background-color: var(--chernyy);
	}

	/* .modal-close {
		background: var(--im-chernyy);
	} */

	.modal-close::before {
		height: 1px;
		background-color: var(--chernyy);
	}
	.modal-close::after {
		height: 1px;
		background-color: var(--chernyy);
	}
	.catalog-filter__link {
		font-size: 18px;
	}

	.catalog-filter__links {
		gap: 20px;
	}

	.catalog-filter__big-title {
		display: block;
		margin-bottom: 30px;
		font-weight: 500;
		font-size: 30px;
		line-height: 135%;
		border-bottom: 1px solid var(--chernyy);
		padding-bottom: 30px;
	}

	body.menu-open-catalog .catalog-filter {
		display: block;
	}

	.catalog-filter__checkbox .circle {
		width: 30px;
		height: 30px;
	}

	.catalog-filter .modal-close {
		display: block;
	}

	.catalog-filter__button {
		display: block;
	}

	.catalog-filter {
		padding-bottom: 130px !important;
	}

	.catalog-filter__checkbox {
		font-size: 18px;
	}

	.catalog-open {
		font-size: 18px !important;
	}

	.catalog-open svg {
		width: 26px !important;
	}
}

@media (max-width: 768px) {
		.text__body {
	font-size: 14px;
}

		.catalog__top-product {
			align-items: flex-end !important;
		justify-content: flex-start !important;
	}

.dostoinstva h2 br{
	display: none;
}


.text__body h4, .text__body .h4 {
    margin-bottom: 10px;
}

	.icon {
	font-size: 22px;
}

	.catalog_main_v2 .catalog__top-product {
		right: 0;
		top: -5px;
	}

	.catalog-filter__links li li a {
    font-size: 16px;
}

	.catalog_main_v2 .catalog__body-row h4 {
		max-width: 300px;
	}

	.benefits h2 {
		max-width: 370px;
	}

	.text-section .wrapper {
		align-items: flex-start;
	}

	.text-section .wrapper h2 {
		text-align: left;
		margin-bottom: 20px;
	}

	.text-section .wrapper p {
		font-size: 14px;
		text-align: left;
	}
	.text-section .wrapper p:not(:last-child) {
		margin-bottom: 10px;
	}

	.text-section .wrapper .button {
		margin-top: 10px;
	}

	.catalog-open {
		font-size: 16px !important;
	}

	.catalog-open svg {
		width: 20px !important;
	}

	.catalog__top-product .sort-select {
		display: flex;
	}

	.catalog__top-product .catalog-open {
		display: flex !important;
		font-size: 12px;
		gap: 10px;
		padding: 0px;
		border: none;
	}

	.catalog-open {
		min-height: 45px;
	}

	.catalog_main .card-item {
		width: 100%;
	}

	.catalog__top-product span.tovars{
		display: none;
	}

	.catalog__pagination .button-border {
		display: none;
	}

	.catalog_main .card-item__price {
		font-size: 30px;
	}

	.catalog_main .card-item__price-old {
		font-size: 18px;
	}

	.catalog_main {
		padding-top: 20px;
	}

	.catalog__body .popular-slide {
		width: calc((100% - 10px) / 2);
	}

	.catalog__top-product {
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-end;
	}
	.services_catalog .services__block {
		width: calc((100% - 15px) / 2);
	}
}

@media (max-width: 480px) {
		.icon {
	font-size: 18px;
}

	.benefits__blocks {
		gap: 10px;
	}

	.catalog__pagination-dott {
    font-size: 14px;
    width: 35px;
    height: 35px;
}

	.catalog-filter__row_v2 {
    padding-top: 30px;
}

	.catalog-open {
		font-size: 14px !important;
	}

	.catalog-open svg {
		width: 16px !important;
	}

	.price-old {
		font-size: 12px;
	}

	.services_catalog .services__block {
		width: 100%;
	}

	.services_catalog .services__block-left {
		min-height: 90px;
	}

	.benefits__block {
		width: 100%;
	}

	.catalog__pagination {
		margin-top: 20px;
	}

	.benefits__right {
		gap: 10px;
	}

	.benefits__right {
		flex-direction: column;
	}

	.benefits h2 {
		margin-bottom: 16px;
		max-width: 300px;
	}

	.benefits__right-block {
		width: 100%;
	}
}


/* ==================================== */


.izdelie__body {
	display: flex;
	gap: 20px;
	margin-top: 35px;
	flex-wrap: wrap;
}

.izdelie__block:nth-child(1), .izdelie__block:nth-child(2){
	width: calc((100% - 20px) / 2);
}

.izdelie__block:nth-child(1) .izdelie__block-image, .izdelie__block:nth-child(2) .izdelie__block-image{
	padding-top: 38%;
}

.izdelie__block {
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: calc((100% - 40px) / 3);
}
.izdelie__block-image {
	position: relative;
	padding-top: 58%;
}

.izdelie__block-image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.izdelie__block-body {
	font-size: 18px;
	flex-grow: 1;
	line-height: 140%;
	color: var(--chernyy);
	background: var(--belyy);
	padding: 20px;
}

.material_izdelie .material__image {
    padding-top: 58%;
}

.material_izdelie .h4{
	min-height: 0px;
}


@media (max-width: 1024px) {
.izdelie__body {
	gap: 15px;
	margin-top: 30px;
}

.izdelie__block:nth-child(1), .izdelie__block:nth-child(2){
	width: calc((100% - 15px) / 2);
}

.izdelie__block {
	width: calc((100% - 30px) / 3);
}

.izdelie__block-body {
	font-size: 16px;
	padding: 15px;
}
}

@media (max-width: 768px) {
.izdelie__block {
	width: calc((100% - 30px) / 2) !important;
}

.izdelie__block-image {
	padding-top: 58% !important;
}

.izdelie h2 br{
	display: none;
}

    .izdelie__body {
        margin-top: 20px;
    }

}

@media (max-width: 480px) {
	.izdelie__body{
		flex-wrap: nowrap;
		overflow: auto;
		scroll-snap-type: x mandatory;
	}
			.izdelie__body::-webkit-scrollbar{
				display: none;
			}

	.izdelie__block{
		width: 275px  !important;
		flex-shrink: 0;
		scroll-snap-align: center;
	}

	.izdelie{
		overflow: hidden;
	}
}
/* ==================================== */

.visual{
	overflow: hidden;
}

.visual__body {
	padding: 70px 0px;
	min-height: 68.9vw;
	color: var(--belyy);
	position: relative;
}

.visual__body  h2{
	text-align: center;
}

.visual .bg img{
	opacity: 1;
}
.visual__pluses {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.visual__plus {
		position: absolute;
	left: 50%;
	top: 50%;
	width: 40px;
	height: 40px;
}

.visual__plus:nth-child(1){
      top: 28%;
			left: 52%;
}
.visual__plus:nth-child(2){
       top: 20%;
			 left: 65%;
}
.visual__plus:nth-child(3){
     left: 38%;
		 top: 45%;
}
.visual__plus:nth-child(4){
      left: 29%;
			top: 55%;
}
.visual__plus:nth-child(5){
     left: 62%;
		 top: 60%;
}
.visual__plus:nth-child(6){
      left: 35%;
			top: 70%;
}

.visual__plus .h4{
	font-weight: 600;
	margin-bottom: 10px;
}

.visual__plus-icon {
	position: relative;
	border-radius: 50%;
		cursor: pointer;
		z-index: 2;
	width: 40px;
	height: 40px;
	background:  linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);;
}

.visual__plus-body {
	position: relative;
}


.visual__plus-icon::before{
	content: '';
	background: var(--belyy);
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	width: 4px;
	transition: 0.2s ease 0s;
	height: 20px;
	position: absolute;
}

.visual__plus-icon::after{
	content: '';
	background: var(--belyy);
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
	height: 4px;
	width: 20px;
	position: absolute;
}

.visual__plus-body {
	background: var(--belyy);
	color: var(--chernyy);
	margin-top: -12px;
	padding: 20px;
	opacity: 0;
	transition: 0.3s ease 0s;
	border-radius: 8px;
	margin-left: -20px;
	font-size: 14px;
	min-width: 408px;
	line-height: 140%;
	pointer-events: none;
}


@media (max-width: 1570px) {
	.visual__plus:nth-child(2) .visual__plus-body{
		translate: -150px 0px;
	}

	
}

@media (max-width: 1470px) {

}

	@media (max-width: 1370px) {

}

@media (max-width: 1230px) {
.visual__body {
	min-height: 85vw;
}

}

@media (min-width: 1025px) {
.visual__plus-icon:hover + .visual__plus-body {
	opacity: 1;
	pointer-events: all;

}

.visual__plus:hover{
	z-index: 20;
}

 .visual__plus-body:hover{
		opacity: 1;
	pointer-events: all;
 }

 .visual__plus:hover .visual__plus-icon{
	background: var(--seryy);
 }

  .visual__plus:hover .visual__plus-icon::before{
		opacity: 0;
	}
}
@media (max-width: 1024px) {
		.visual__plus.active .visual__plus-body{
				opacity: 1;
	pointer-events: all;
		}

		.visual__plus.active{
			z-index: 20;
		}

		.visual__plus.active .visual__plus-body{
					opacity: 1;
	pointer-events: all;
		}

		.visual__plus.active .visual__plus-icon{
			background: var(--seryy);
		}


		.visual__plus.active .visual__plus-icon::before{
			opacity: 0;
		}

}
@media (max-width: 1024px) {
	.visual__body{
		padding: 50px 0px;
	}

	
	.visual__plus:nth-child(1) .visual__plus-body{
		translate: -330px 0px;
	}

	    .visual__body {
        padding: 40px 0px;
        min-height: 100vw;
    }
}

@media (max-width: 768px) {
    .visual__body {
        padding: 40px 0px;
        min-height: 105vw;
    }


    .visual__plus:nth-child(5) .visual__plus-body {
        translate: -240px 0px;
    }

.visual__plus{
	width: 30px;
	height: 30px;
}

.visual__plus-icon::before {
	height: 14px;
}
.visual__plus-icon::after {
	width:  14px;
}

.visual__plus-icon{
	width: 30px;
	height: 30px;
}

.visual__plus-body {
    margin-top: -8px;
    padding: 20px;
    font-size: 12px;
    min-width: 308px;
}

    .visual__plus:nth-child(2) .visual__plus-body {
        translate: -240px 0px;
    }

		    .visual__plus:nth-child(1) .visual__plus-body {
        translate: -230px 0px;
    }

}

@media (max-width: 480px) {
	    .visual__body {
        padding: 25px 0px;
        min-height: 125vw;
    }


		    .visual__plus-body {
					min-width: 260px;
        padding: 15px;
    }

		.visual__plus-body{
			position: absolute;
			left: 50%;
			top: 100%;
			translate: calc(-50% + 25px) 0% !important;
		}

		    .visual__plus:nth-child(6) .visual__plus-body{
					translate: calc(-50% + 125px) 0% !important;
				}
		    .visual__plus:nth-child(3) .visual__plus-body{
					translate: calc(-50% + 125px) 0% !important;
				}

		    .visual__plus:nth-child(5) .visual__plus-body{
					translate: calc(-50% - 85px) 0% !important;
				}
		    .visual__plus:nth-child(2) .visual__plus-body{
					translate: calc(-50% - 85px) 0% !important;
				}
}
/* ==================================== */

.fast__body {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	row-gap: 40px;
}
.fast__block {
	display: flex;
	flex-direction: column;
	width: calc((100% - 40px) / 3);
}

.fast__block  .h4{
	margin-bottom: 10px;
}

.fast__block  p{
	font-size: 18px;
}

.fast__block  p:not(:last-child){
	margin-bottom: 10px;
}

.fast__block-image {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	padding-top: 58%;
	margin-bottom: 25px;
}

.fast__block-image img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fast_v2 {
	background: var(--belyy);
}

.fast{
	overflow: hidden;
}

.catalog__product-tags{
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 40px;
	border-bottom: 1px solid rgba(128, 126, 125, 0.5);
	padding-bottom: 30px;
}

.catalog__product-tag{
	font-size: 14px;
	line-height: 140%;
	transition: 0.2s ease 0s;
	padding: 7px 25px;
	text-align: center;
	border: 1px solid var(--chernyy);
	border-radius: 100px;
}

.catalog__product-tag:hover{
	border-color: var(--akcent);
	color: #FFF;
	background-color: var(--akcent);
}

@media (max-width: 1230px) {
.fast__block  p{
	font-size: 16px;
}

.fast__block  .list li{
	font-size: 16px;
}
}

@media (max-width: 1024px) {
.fast__block  p{
	font-size: 14px;
}

.fast__block  .list li{
	font-size: 14px;
	padding-left: 20px;
}


.fast__block  .list li::before {
    width: 12px;
    height: 12px;
}
.fast__block-image {
    margin-bottom: 15px;
}
}

@media (max-width: 768px) {
	.catalog__product-tag{
	font-size: 12px;
	padding: 5px 15px;
}


	.fast__body.wrapper-padding{
		overflow: auto;
		flex-wrap: nowrap;
		scroll-snap-type:  x mandatory;
	}

	.catalog__product-tags {
    margin-bottom: 20px;
    padding-bottom: 20px;
	}

	.fast__block{
		flex-shrink: 0;
		scroll-snap-align:  center;
		width: 295px;
	}

	.fast__body.wrapper-padding::-webkit-scrollbar{
		display: none;
	}

	.intro-slide__bottom{
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
		padding-bottom: 20px;
		overflow: auto;
	}

	.intro-slide__bottom .intro-slide__block{
		width: calc((100% - 15px) / 2);
		scroll-snap-align: center;
		flex-shrink: 0;
	}

	.intro-slide__bottom::-webkit-scrollbar{
		height: 6px;
		background-color: #e4e4e4;
	}
	.intro-slide__bottom::-webkit-scrollbar-thumb{
		background-color: var(--akcent);
	}
}

@media (max-width: 480px) {
		.intro-slide__bottom .intro-slide__block{
			width: 295px;
	}

	.intro-slide__bottom{
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.intro-slide__bottom .intro-slide__block:first-child{
		margin-left: 10px;
	}

	.intro-slide__bottom .intro-slide__block:last-child{
		margin-right: 10px;
	}

	.fast_v2 h2 br{
		display: none;
	}
}
/* ==================================== */

.dostoinstva {
	position: relative;
	color: var(--belyy);
}

.dostoinstva h2{
	text-align: center;
}


.dostoinstva__blocks {
	margin-top: 40px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	color: var(--chernyy);
}
.dostoinstva__block {
	background: var(--belyy);
	border-radius: 8px;
	min-height: 240px;
padding: 20px;
width: calc((100% - 40px) / 3);
}
.dostoinstva__block  .h4 {
	font-weight: 600;
	margin-bottom: 10px;
}
.fz18 {
	font-size: 18px;
	line-height: 140%;
}

.stroitelstvo__blocks{
	display: flex;
	margin-top: 30px;
	padding-bottom: 10px;
	flex-wrap: wrap;
	gap: 20px;
}

.stroitelstvo__block{
	width: calc((100% - 60px) / 4);
		background: var(--belyy);
	border-radius: 8px;
	padding: 20px;
}

.stroitelstvo__block  .h4 {
		font-weight: 600;
	margin-bottom: 10px;
}


@media (max-width: 1230px) {
.fz18 {
	font-size: 16px;
}
}

@media (max-width: 1024px) {
	.dostoinstva__block {
    width: calc((100% - 20px) / 2);
}

.stroitelstvo__block{
	width: calc((100% - 20px) / 2);
}

}

@media (max-width: 768px) {
.fz18 {
	font-size: 14px;
}

.dostoinstva__blocks{
	gap: 10px;
}

	.dostoinstva__block {
		padding: 10px;
		min-height: 0px;
    width: calc((100% - 10px) / 2);
}

.dostoinstva__blocks{
	margin-top: 20px;
}
}

@media (max-width: 480px) {
	.dostoinstva h2 br{
		display: none;
	}

	.stroitelstvo__block{
	padding: 20px;
	width: calc((100% - 10px) / 2);
}

.stroitelstvo__blocks{
	gap: 15px;
}

		.dostoinstva__block .h4{
			font-size: 16px;
		}

		.stroitelstvo__blocks{
			overflow: auto;
			flex-wrap: nowrap;
			scroll-snap-type: x mandatory;
		}

		.stroitelstvo__blocks::-webkit-scrollbar{
			display: none;
		}

		.stroitelstvo__block{
			flex-shrink: 0;
			padding: 15px;
			scroll-snap-align: center;
			width: 225px;
		}

		
    .stroitelstvo__blocks {
			margin-top: 20px;
		}

	.dostoinstva__block .fz18{
		font-size: 12px;
	}
}
/* ==================================== */

.video-big__video {
	margin-top: 40px;
}

.video-big__bl {
	margin-top: 30px;
}
.bloki {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.bloki__block {
	background: var(--belyy);
	width: calc((100% - 40px) / 3);
	border-radius: 8px;
padding: 30px 20px;
}

.bloki__block .h4{
	font-weight: 600;
	margin-bottom: 10px;
	min-height: 65px;
}

.bloki__block p:not(:last-child){
	margin-bottom: 10px;
}

.vidi__buttons{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 30px;
}

.vidi__buttons .button-border{
	min-height: 90px;
	padding: 10px;
	font-size: 18px;
	width: calc((100% - 60px) / 4);
}

.vidi__buttons .button-border.tab-active{
	color: var(--belyy);
	border-color: #00000000;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.send-section__row.d-block{
	display: flex;
	flex-direction: row !important;
}

.use__top {
	display: flex;
	margin-top: 50px;
	gap: 20px;
}
.use__top-image {
	border-radius: 20px;
	overflow: hidden;
	height: 230px;
	width: calc((100% - 40px) / 3);
}

.use__top-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.use__blocks {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.use__block {
	width: calc((100% - 60px) / 4);
}
.use__block-image {
	height: 120px;
	margin-bottom: 20px;
	display: block;
	width: 100%;
}

.use__block .h4{
	margin-bottom: 20px;
}

.use__block p:not(:last-child){
	margin-bottom: 10px;
}

.use__block-image  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.use + .use {
	padding-top: 0px;
}

.use + .use h2{
	padding-top: 30px;
	border-top: 1px solid rgba(128, 126, 125, 0.2);
}


.use .bloki {
		margin-top: 30px;
}
.use  .bloki__block {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.use__top{
	flex-wrap: wrap;
}

@media (max-width: 1230px) {
.vidi__buttons{
	gap: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.vidi__buttons .button-border{
	min-height: 70px;
	font-size: 16px;
	width: calc((100% - 45px) / 4);
}


}
@media (max-width: 1024px) {
.bloki__block {
    width: calc((100% - 20px) / 2);
    padding: 20px 20px;
}


.send-section__row.d-block{
	flex-direction: column-reverse !important;
}

.use__block {
    width: calc((100% - 20px) / 2);
}

.use__top-image {
	height: 120px;
}

}

@media (max-width: 768px) {
.bloki{
	gap: 10px;
}

.bloki__block .h4{
	min-height: 0px;
}


.vidi__buttons .button-border{
	width: calc((100% - 20px) / 2);
}

.use__top-image {
	width: 260px;
	border-radius: 10px;
	scroll-snap-align: center;
	flex-shrink: 0;
}

.bloki__block {
	width: calc((100% - 10px) / 2);
}

.use{
	overflow: hidden;
}

.use__top{
	overflow: auto;
	flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
}

.use .icon {
    width: 50px;
    height: 50px;
}

.use__top::-webkit-scrollbar{
	display: none;
}


    .use__block {
    width: 275px;
		flex-shrink: 0;
		scroll-snap-align: center;
    }

		.use__blocks {
			flex-wrap: nowrap;
			overflow: auto;
			scroll-snap-type: x mandatory;
		}

		.use__blocks::-webkit-scrollbar{
			display: none;
		}

		.use h2 br{
			display:  none;
		}

		.use__top {
    margin-top: 30px;
    gap: 10px;
}
}

@media (max-width: 480px) {
	.bloki{
		overflow: auto;
		scroll-snap-type: x mandatory;
		flex-wrap: nowrap;
	}

	    .vidi__buttons .button-border {
        min-height: 60px;
        font-size: 16px;
        width: 100%;
    }

	.bloki::-webkit-scrollbar{
		display: none;
	}

	.bloki__block {
		width: 275px;
		flex-shrink: 0;
		scroll-snap-align: center;
	}

	.video-big__bl {
    margin-top: 20px;
}

.video-big__video {
    margin-top: 20px;
}
}
/* ==================================== */


.podrobno h2{
	text-align: center;
}

.podrobno__buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
}
.podrobno__buttons  .button-border {
	width: calc((100% - 60px) / 4);
	min-height: 90px;
	font-size: 18px;
	padding: 10px 25px;
}

.podrobno__buttons  .button-border.tab-active{
	color: var(--belyy);
	border-color: #63d7d500;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.podrobno__content {
	margin-top: 20px;
}

.podrobno__banner {
	position: relative;
	margin-bottom: 20px;
	color: var(--belyy);
	border-radius: 8px;
	overflow: hidden;
	padding: 50px;
	min-height: 300px;
}

.podrobno__banner h2{
	text-align: left;
}

.podrobno__banner  .bg img{
	opacity: 0.6;
}


.bloki_first .bloki__block {
	padding-left: 100px;
	position: relative;
}

.bloki_first .icon {
	position: absolute;
	left: 20px;
	top: 30px;
}

.bloki_yellow {
	margin-top: 20px;
}

.bloki_yellow .bloki__block {
	padding: 30px 20px;
	border-radius: 8px;
	color: var(--chernyy);
	background: var(--akcent---2);
}

.bloki_yellow ul{
	padding-left: 20px;
}

.bloki_yellow ul, .bloki_yellow li{
	list-style: disc;
}

.bloki_yellow  .bloki__block_white {
	background: var(--belyy);
	color: var(--chernyy);
}

.bloki__block_white ~ .bloki__block:not(.bloki__block_white ){
	align-self: flex-start;
}


.prices {
}

.prices__body {
	display: flex;
	gap: 20px;
	margin-top: 30px;
	flex-wrap: wrap;
}

.prices h2{
	margin-bottom: 20px;
}

.prices h2 +.fz18{
	max-width: 892px;
}

.prices__block {
	padding: 20px;
	min-height: 250px;
	display: flex;
	flex-direction: column;
	background: var(--belyy);
	width: calc((100% - 60px) / 4);
}
.prices__block .h4 {
	margin-bottom: 10px;
}

.prices__block  p{
	font-size: 14px;
}

.prices__price {
	margin-top: auto;
	font-size: 18px;
	padding-top: 10px;
	line-height: 140%;
	color: var(--akcent);
}

.need__text{
	max-width: 700px;
}

.zamer__text{
	width: 100%;
	max-width: 342px;
}

.zamer__right_v2 .zamer__text{
	text-align: left;
	font-size: 14px;
	min-height: 70px;
	display: flex;
	align-items: center;
	color: var(--chernyy);
	background: var(--belyy);
}

[data-show-el].stroitelstvo__link{
	display: none;
}

.stroitelstvo__link.d-block{
	display: flex;
}

.mat__bottom{
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.mat__body{
	margin-top: 30px;
}

.mat .bloki__block .icon{
	width: 40px;
	height: 40px;
	padding: 0px;
	border: none;
}

.mat .bloki__block{
	display: flex;
	gap: 20px;
}

.zamer + .zastroishiki{
	padding-top: 0px;
}

.bloki-section .bloki__block{
	flex-grow: 1;
}

.cards-card[data-show-el]{
	display: none;
}
.cards-card.d-block{
	display: flex;
}

.send-section__flag{
	margin-top: auto;
	display: flex;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.06);
	background: var(--belyy);
	padding: 10px 30px 10px 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	line-height: 140%;
	border-radius: 40px;
}

.send-section__woods{
	display: flex;
	width: 100%;
}

.send-section__wood{
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	width: 50%;
	height: 500px;
	border-radius: 20px;
}

.send-section__wood span {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: var(--chernyy);
    display: block;
    white-space: nowrap;
		width: 100%;
    position: absolute;
		bottom: 0;
    text-align: center;
    translate: -50% -0%;
    background: var(--akcent---2);
    border-radius: 20px;
    border: none;
    padding: 20px 30px;
}

.send-section__wood img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.send-section__flag-circle{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	flex-shrink: 0;
}

.send-section__flag-circle img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.bloki-section .bloki{
	margin-top: 30px;
}

.bloki-section  .bloki__block {
	width: calc((100% - 60px) / 4);
}

.bloki-section{
	overflow: hidden;
}


@media (max-width: 1230px) {
.bloki_first .icon {
	width: 45px;
	height: 45px;
	font-size: 20px;
}

.bloki-section  .bloki__block {
	width: calc((100% - 20px) / 2);
}

.bloki_first .bloki__block {
    padding-left: 80px;
}

.send-section__wood span {
    font-size: 16px;
	}
}

@media (max-width: 1024px) {
	.send-section__wood {
    height: 400px;
	}

.podrobno__buttons .button-border {
    width: calc((100% - 20px) / 2);
    min-height: 70px;
    font-size: 16px;
    padding: 10px 15px;
}

.bloki_first .icon {
		top: 20px;
}
.prices__body{
	gap: 15px;
}

.prices__block {
	width: calc((100% - 30px) / 3);
}
}

@media (max-width: 768px) {
		.send-section__wood {
    height: 300px;
	}

	.send-section__flag-circle{
	width: 40px;
	height: 40px;
}

	    .send-section__wood span {
				display: flex;
				justify-content: center;
				align-items: center;
        min-height: 70px;
				font-size: 14px;
				padding: 10px 20px;
    }

.bloki_first .icon {
	width: 35px;
	height: 35px;
	left: 15px;
	font-size: 16px;
}

.zamer__text{
	max-width: 100%;
}

.zamer__left{
	width: 100%;
	max-width: 100% !important;
}

.prices__block {
	padding: 15px;
	width: calc((100% - 15px) / 2);
}

.prices__price{
	font-size: 16px;
}

.prices__body{
	margin-top: 20px;
}

.podrobno__banner {
    padding: 30px;
    min-height: 260px;
}

.bloki_first .bloki__block {
    padding-left: 60px;
}

    .podrobno__buttons .button-border {
        min-height: 60px;
    }
}

@media (max-width: 480px) {
			.send-section__wood {
    height: 200px;
	}

	.bloki-section  .bloki__block {
	width: 270px;
}

	    .send-section__wood span {
        min-height: 50px;
				border-radius: 10px;
			}

			.send-section__wood{
				border-radius: 10px;
			}

	.podrobno__banner {
    padding: 20px;
    min-height: 220px;
}

.mat .bloki{
	flex-wrap: wrap;
}
.mat__bottom .button{
	width: 100%;
}

.mat .bloki__block{
	width: 100%;
}

.prices__price{
	font-size: 14px;
}

.prices__block{
	padding: 10px;
	width: calc((100% - 10px) / 2);
}

.prices__block p{
	font-size: 12px;
}

.prices__block .h4{
	font-size: 14px;
}

.prices__body{
	gap: 10px;
}

.prices__block{
	min-height: 180px;
}

    .podrobno__buttons .button-border {
        min-height: 60px;
				font-size: 14px;
    }

		.podrobno__buttons{
			gap: 10px;
		}

		    .podrobno__buttons .button-border {
        width: 100%;
    }
}
/* ==================================== */

.single-intro {
	padding-bottom: 50px;
}

.search button {
	transition: 0.3s ease 0s;
}

.search button:hover {
	background-color: #78a19b;
}


.single-intro h1 {
	margin-bottom: 10px;
}

.single-intro .sub-title {
	margin-bottom: 10px;
}

.single-intro__top-buttons {
	display: flex;
	gap: 15px;
}

.single-intro__button,
a.single-intro__button {
	font-weight: 500;
	transition: 0.3s ease 0s;
	display: flex;
	align-items: center;
	color: var(--seryy);
	gap: 5px;
	font-size: 14px;
	line-height: 140%;
	color: var(--seryy);
}

.single-intro__button span {
	height: 20px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.single-intro__button:hover {
	color: #000000;
}

.single-intro__main {
	justify-content: space-between;
	margin-top: 30px;
	display: flex;
	gap: 20px;
}

.single-intro__swipers {
	display: flex;
	max-width: 712px;
	align-items: flex-start;
	gap: 20px;
}

.single-intro__swipers img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.row{
	padding: 20px 0px;
}

.row{
	border-top: 1px solid rgba(128, 126, 125, 0.2) !important;
}



.single-intro .swiper-thumb {
	height: 590px;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 102px;
	width: 100%;
	overflow: hidden;
	flex-shrink: 0;
}

.single-intro .swiper-thumb {
	position: relative;
}

.single-intro .swiper-thumb-slide {
	cursor: pointer;
}

.single-intro .swiper-thumb .swiper-button-disabled {
	opacity: 0;
}

.single-intro__swiper {
	position: relative;
	max-width: 590px;
	height: 590px;
}

.single-intro__swiper .swiper-slide {
	height: 100%;
}

.single-intro__swiper .swiper-slide{
	border-radius: 20px;
	overflow: hidden;
}

.single-intro .single-intro__thumbs .swiper-slide{
	border-radius: 15px;
	overflow: hidden;
}

.single-intro__swiper .swiper-pagination {
	display: none;
}

.single-intro .swiper-button-next {
	rotate: 90deg;
	bottom: 0;
	border-radius: 50%;
	top: auto;
	z-index: 25;
	left: 50%;
	border: none;
	translate: -50% 0px;
}

.single-intro .swiper-button-next:hover {
	background-color: var(--theme-color);
}
.single-intro .swiper-button-prev:hover {
	background-color: var(--theme-color);
}

.single-intro .swiper-button-prev::after {
	display: none;
}
.single-intro .swiper-button-next::after {
	display: none;
}

.single-intro .swiper-button-next:hover {
	color: var(--im-belyy);
}
.single-intro .swiper-button-prev:hover {
	color: var(--im-belyy);
}

.single-intro .swiper-button-next{
	display: none;
}
.single-intro .swiper-button-prev{
	display: none;
}

/* .single-intro .swiper-button-prev {
	position: absolute;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
	border-radius: 50%;
	z-index: 25;
	border: none;
	top: 0;
	bottom: 0;
	color: var(--seryy);
	left: 50%;
	translate: -50% 0px;
} */

.swiper-main {
	position: relative;
}
.tags {
	max-width: 300px;
	top: 20px;
	left: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	z-index: 20;
	position: absolute;
}
.tag {
	font-weight: 500;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	color: var(--im-belyy);
	border-radius: 100px;
	padding: 4px 15px;
	background: var(--im-akcent---dop);
}

.single-intro__info {
	max-width: 346px;
}

.single-sub-title{
	font-size: 14px;
	display: block;
	line-height: 140%;
	color: var(--seryy);
}

.single-links{
	margin-top: 5px;
}

.single-links li{
	font-size: 14px;
	color: var(--akcent);
	line-height: 140%;
}

.single-intro__item a {
	text-decoration: underline;
	text-decoration-skip-ink: none;
		color: var(--akcent);
}

.single-intro__item:not(:last-child){
	margin-bottom: 20px;
}

.single-sub-title{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.single-sub-title b{
	font-weight: 500;
	color: var(--chernyy);
}

.single-intro__colors-main {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	row-gap: 10px;
}
.single-intro__color {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	background: var(--seryy);
	border-radius: 50px;
}

.single-intro__color.active {
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.single-intro__el {
	display: flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--seryy);
}

.single-intro__el b {
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	color: var(--im-chernyy);
	font-weight: 500;
}

.single-intro__el b::before {
	content: "";
	flex-grow: 1;
	min-width: 20px;
	height: 1px;
	background-color: var(--seryy);
	opacity: 0.2;
}

a.single-intro__show,
.single-intro__show {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #4d87de;
}
.single-intro__price-block {
	max-width: 346px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
}

.single-intro__left{
	max-width: 712px;
}

.single-intro__swipers-info{
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	font-size: 18px;
	gap: 10px;
}

.single-intro__swipers-info .h4{
	padding-bottom: 10px;
}

.single-intro__price-main p, .single-intro__price-main ul{
	font-size: 14px;
}

.single-intro__price-main {
	background: var(--belyy);
	padding: 20px;
	border-radius: 15px;
}
.single-intro__buttons .button{
	font-size: 14px;
	min-height: 60px;
}

.single-intro__buttons .button-border{
	min-height: 60px;
}

.single-intro__price-tag.active{
	color: var(--belyy);
	border-color: #00000000;
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.single-intro__price-tags{
	display: flex;
	margin-bottom: 10px;
	gap: 5px;
}

.single-intro__price-tag{
	font-size: 14px;
	min-height: 30px;
	display: flex;
	align-items: center;
	border: 1px solid var(--chernyy);
border-radius: 5px;
	justify-content: center;
	padding: 2px 20px;
	text-align: center;
	line-height: 140%;
	color: var(--chernyy);
}

.single-intro__price-row:not(:last-child) {
	margin-bottom: 20px;
}

.single-intro__price-top {
	position: relative;
	display: flex;
	padding-left: 34px;
	flex-direction: column;
}

.single-intro__price-top svg {
	position: absolute;
	left: 2px;
	top: 2px;
}

.single-intro__price-top div {
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: var(--im-akcent);
}

.single-intro__price-top span {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--im-chernyy);
}

.single-intro__price {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
}

.single-intro__price b {
	font-weight: 500;
	font-size: 30px;
	line-height: 135%;
	color: var(--im-chernyy);
}

.single-intro__price-dicsount {
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	padding: 10px;
	color: var(--im-belyy);
	background: var(--im-akcent---dop);
}
.single-intro__price-bottom {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	opacity: 0.5;
	color: var(--seryy);
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
}

.single-intro__price-bottom span {
	line-height: 150%;
}

.single-intro__price-bottom span:first-child {
	text-decoration: line-through;
}

.single-intro__price-item:not(:last-child) {
	margin-bottom: 7px;
}

.single-intro__price-item {
	display: flex;
	gap: 5px;
	font-size: 14px;
	line-height: 140%;
	color: var(--im-chernyy);
}

.single-intro__price-item span:last-child {
	color: var(--seryy);
}

.single-intro__buttons {
	display: flex;
	padding-top: 10px;
	flex-direction: column;
	gap: 10px;
}


.single-intro__price-flex {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.single-intro__sub-title {
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 140%;
	color: var(--im-chernyy);
}

.single-intro__price-flex .single-intro__price-item {
	margin-bottom: 0px;
}

.single-intro__oplata-list {
	display: flex;
	flex-wrap: wrap;
	row-gap: 5px;
	column-gap: 15px;
}
.single-intro__oplata-list li {
	display: flex;
	width: calc((100% - 15px) / 2);
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	color: var(--im-chernyy);
}

.single-intro__widths-body{
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.single-intro__widths-block{
	background: var(--belyy);
	border-radius: 5px;
padding: 2px 20px;
min-height: 30px;
text-align: center;
cursor: pointer;
display: flex;
font-size: 14px;
line-height: 140%;
color: var(--chernyy);
align-items: center;
justify-content: center;
}

.single-intro__widths-block.active{
	color: var(--belyy);
	background: linear-gradient(180deg, #63d7d5 0%, #35b3b1 100%);
}

.single-intro__nums{
	margin-top: 0px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 14px;
	line-height: 140%;
}

.toltip {
	width: 19px;
	align-self: flex-end;
	display: inline-block;
	height: 19px;
	vertical-align: middle;
	translate: 5px -1px;
	position: relative;
}

.toltip:hover .toltip__body {
	pointer-events: all;
	opacity: 1;
}

.toltip::after {
	content: "";
	cursor: pointer;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/icons/icon-warning.svg) center / contain no-repeat;
}

.toltip__body {
	bottom: calc(100% + 10px);
	pointer-events: none;
	opacity: 0;
	right: 0;
	padding: 10px;
	transition: 0.3s ease 0s;
	background: var(--im-belyy);
	border: 1px solid rgba(128, 126, 125, 0.2);
	width: 300px;
	position: absolute;
}

.single-intro__mob {
	display: none;
}

.single-intro__swiper {
	margin: 0px;
}

.wrapper .wrapper {
	width: 100%;
	margin-inline: unset;
}

.wrapper .wrapper-padding {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

.single-intro__show {
	display: inline-flex;
}

.single-intro__color {
	overflow: hidden;
}

.single-intro__color img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-intro__swipers-info.mob{
	display: none;
}

.breadcrumbs{
	white-space: nowrap;
}
.single-intro__pc{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.single-intro__pc-tags{
	display: flex;
	align-items: center;
	max-width: 520px;
	justify-content: flex-end;
	width: 100%;
	gap: 10px;
	flex-wrap: wrap;
}

.single-intro__pc-tag{
	font-size: 14px;
	border-radius: 37px;
	padding: 5px 19px;
	background-color: #FFCD34;
}


.intro-spasibo h1{
	font-size: 50px;
}

.intro-spasibo .button{
	margin-top: 30px;
	min-width: 410px;
	min-height: 92px;
	font-size: 25px;
}

.breadcrumbs{
	padding-top: 10px;
}

.intro-spasibo{
	padding-top: 10px;
	padding-bottom: var(--section-margin);
}

.intro-spasibo .wrapper{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.review-slide__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-slide__text.is-collapsed {
  -webkit-line-clamp: 8;
}

.review-slide__text.is-expanded {
  -webkit-line-clamp: unset;
}

.fast__block .sub-title{
	margin-bottom: 10px;
}

.review-slide__more {
  margin-top: 10px;
		font-size: 14px;
	color: var(--akcent);
  display: inline-flex;
  cursor: pointer;
  user-select: none;
}

@media (max-width: 1230px) {
	.single-intro__left{
		max-width: 450px;
	}

	.single-intro__pc-tags{
	max-width: 370px;
}

	.single-intro__swipers {
    max-width: 450px;
}

.single-intro__swiper {
    max-width: 490px;
    height: 390px;
}

.single-intro .swiper-thumb {
    height: 390px;
    max-width: 82px;
}

.single-intro__swipers-info{
	font-size: 16px;
}

.single-intro__price-block{
	max-width: 300px;
	flex-shrink: 0;
	width: 100%;
}
}
@media (max-width: 1024px) {
	.single-intro__left{
		max-width: 100%;
	}
	.single-intro__nums{
		padding-bottom: 0px;
	}

		.intro-spasibo .button {
    min-height: 82px;
    font-size: 22px;
}

	.intro-spasibo h1{
	font-size: 40px;
}


	.swiper-pagination{
		margin-top: 20px !important;
	}

	.single-intro__swipers-info.mob{
	display: flex;
	order: 4;
	margin-top: 0px;
	    border-top: 1px solid rgba(128, 126, 125, 0.2) !important;
			padding-top: 20px;
}

	.single-intro__left .single-intro__swipers-info{
		display: none;
	}

	.swiper-pagination{
		display: flex;
		position: static !important;
		width: 100%;
		gap: 10px !important;
		justify-content: center;
	}

	.single-intro__swiper {
		height: auto !important;
		padding-bottom: 0px !important;
	}

	.single-intro__swiper .swiper-slide{
		height: 600px;
	}

	.breadcrumbs{
		margin-top: 20px;
	}
	

	.swiper-pagination-bullet-active{
		background-color: var(--akcent);
	}

	.single-intro__swipers-info{
		gap: 5px;
		font-size: 14px;
	}

	.swiper-pagination-bullet {
		margin: 0px !important;
		border-radius: 12px;
	}

	.swiper-thumb {
		display: none;
	}


	.single-intro__swiper {
		max-width: 100%;
		padding-bottom: 30px;
	}

	.single-intro__swiper .swiper-pagination {
		display: flex;
		margin-top: 20px;
		gap: 5px;
		width: auto;
		bottom: 0 !important;
	}

	.single-intro__swiper .swiper-pagination-bullet {
		flex-grow: 0;
		width: 10px;
		height: 10px;
	}

	.single-intro__swiper .swiper-pagination-bullet-active {
		width: 30px;
	}

	.single-intro__mob {
		margin-top: 5px;
	}

	.single-intro__info {
		width: 100%;
		max-width: 100%;
		order: 1;
	}

	.single-intro__price-main {
		padding: 20px;
		flex-grow: 1;
	}

	.single-intro__price-block {
		max-width: 100%;
	}
	.single-intro__price-flex {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 10px;
	}

	.single-intro__price-flex .single-intro__price-main {
		max-width: 100%;
		min-width: 215px;
	}

	.single-intro__price-main{
		max-width: 100% !important;
	}

	.single-intro__price-item:not(:last-child) {
		margin-bottom: 10px;
	}

	.single-intro__main {
		flex-direction: column;
		gap: 20px;
		margin-top: 0px;
	}

	.single-intro__buttons .button{
		width: 100% !important;
	}

	.single-intro__swipers {
		max-width: 100%;
	}

	.single-intro__pc {
		display: none;
	}

	.single-intro__mob {
		display: flex;
		flex-direction: column;
	}

	.single-intro__pc-tags{
		max-width: 100%;
		justify-content: flex-start;
	}
}

@media (max-width: 768px) {
	.toltip__body {
		bottom: 50%;
		padding: 10px;
		font-size: 12px;
		right: calc(100% + 5px);
		translate: 0px 25%;
	}

	.breadcrumbs{
		padding-top: 0px;
	}

	.intro-spasibo .button {
    min-height: 72px;
    font-size: 20px;
		width: 100%;
}

		.intro-spasibo h1{
	font-size: 30px;
}



	.single-intro__price-row .single-intro__price-item {
		display: block;
	}

	.single-intro__price-dicsount {
		border-radius: 100px;
		padding: 8px 10px;
	}

	.single-intro .sub-title {
		font-size: 18px;
	}

	    .single-intro__swiper .swiper-slide {
        height: 400px;
    }

	.single-intro__price-flex .single-intro__price-main {
		max-width: 100%;
		min-width: 215px;
		max-width: 426px;
		flex-shrink: 0;
	}

	.single-intro__price-flex {
		overflow: auto;
		scroll-snap-type: x mandatory;
	}

	.single-intro__price-flex::-webkit-scrollbar {
		display: none;
	}

	.single-intro__price-flex .single-intro__price-main {
		scroll-snap-align: center;
	}

	.single-intro {
		overflow: hidden;
	}

	.single-intro__main {
		width: 100%;
	}

	.single-intro__main .wrapper {
		width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
		margin-inline: auto;
	}

	.single-intro__main .wrapper-padding {
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	}
}

@media (max-width: 480px) {
	.single-intro__swiper {
		height: 365px;
		padding-bottom: 15px;
	}

			.intro-spasibo h1{
	font-size: 24px;
}


.intro-spasibo .button {
    margin-top: 20px;
    min-width: 0px;
		width: 100%;
    min-height: 62px;
    font-size: 18px;
}

	    .single-intro__swiper .swiper-slide {
        height: 360px;
				border-radius: 15px;
    }

	.toltip__body {
		width: 240px;
		font-size: 12px;
		line-height: 1.3;
		padding: 5px;
	}

	.single-intro__price-flex .single-intro__price-main {
		max-width: 346px;
	}

	.single-intro__swiper .swiper-pagination {
		margin-top: 10px;
		gap: 2px;
	}

	.single-intro__price-bottom {
		font-size: 14px;
	}

	.single-intro__price-bottom span:first-child {
		font-size: 18px;
	}

	.single-intro__price-main .single-intro__price-row:first-child {
		display: none;
	}

	.single-intro .sub-title {
		font-size: 14px;
	}

	.single-intro__top-buttons {
		padding-top: 7px;
		justify-content: space-between;
	}

	.single-intro__button span {
		height: 14px;
		width: 14px;
	}

}

/* ==================================== */

.single-char {
	padding-bottom: var(--section-margin);
}

.single-char__buttons {
	display: flex;
	gap: 50px;
}

.single-char__content{
	padding-top: 30px;
}
/* 
.single-char__content-obj{
	zoom: 0.6;
} */

.single-char__buttons.wrapper-padding {
	padding-left: 0px;
	margin-bottom: 0px;
	border-bottom: 1px solid var(--seryy);
	padding-right: 0px;
}


.single-char__button {
	min-height: 55px;
	display: flex;
	align-items: flex-start;
	font-weight: 500;
	position: relative;
	font-size: 25px;
	margin-bottom: -1px;
	line-height: 125%;
	color: var(--seryy);
}

.single-char__button::after {
	content: "";
	width: 0%;
	height: 5px;
	position: absolute;
	transition: 0.3s ease 0.1s;
	bottom: 0;
	left: 50%;
	translate: -50% 0%;
	background-color: var(--akcent);
}

.single-char__button.tab-active{
	color: var(--chernyy);
}

.single-char__button.tab-active::after {
	width: 100%;
}

.single-char__body h3 {
	font-size: 25px;
	margin-bottom: 25px;
	font-weight: 500;
}
.single-char__body h4 {
	font-size: 25px;
	margin-bottom: 25px;
	font-weight: 500;
}

.single-char__container-row:not(:last-child) {
	margin-bottom: 50px;
}

.single-char__container-lists {
	display: flex;
	max-width: 956px;
	flex-wrap: wrap;
	gap: 20px;
}

.single-char__container-lists ul {
	width: calc((100% - 20px) / 2);
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.single-char__container-lists ul li {
	display: flex;
	align-items: flex-end;
}

.single-char__container-lists ul li i {
	flex-grow: 1;
	flex-shrink: 0;
	border-bottom: 1px solid rgba(128, 126, 125, 0.2);
}

.single-char__container-lists ul li span {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
}

.single-char__container-lists ul li span:first-child {
	color: var(--seryy);
	max-width: 220px;
}

.single-char__container-lists ul li span:last-child {
	max-width: 224px;
	width: 100%;
}

.single-char__image img {
	width: 100%;
}

.single-char__images {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	align-items: flex-start;
}
.single-char__image {
	width: calc((100% - 40px) / 3);
}

.list-single li {
	padding-left: 20px;
	font-weight: 500;
	font-size: 18px;
	position: relative;
	line-height: 140%;
	color: var(--im-chernyy);
}

.list-single {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.list-single li::before {
	content: "";
	width: 10px;
	position: absolute;
	left: 0;
	top: 8px;
	height: 10px;
	background: var(--im-akcent);
}

.single-char__body .wrapper-padding .wrapper-padding {
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}

.single-char__container-images {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	row-gap: 30px;
}

.single-char__container-row .wrapper-padding {
	margin-bottom: 0px !important;
}

.single-char__container-image {
	width: calc((100% - 60px) / 4);
}
.single-char__container-img {
	position: relative;
	margin-bottom: 20px;
	padding-top: 100%;
}

.single-char__container-img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-char__container-title {
	font-weight: 500;
	font-size: 25px;
	line-height: 125%;
	margin-bottom: 10px;
	color: var(--im-chernyy);
}

.single-char__container p {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--im-chernyy);
}

.single-char__docs {
	display: flex;
	gap: 20px;
	row-gap: 30px;
	flex-wrap: wrap;
}

.single-char__doc {
	width: calc((100% - 40px) / 3);
}

.single-char__doc-title {
	margin-top: 20px;
	font-weight: 500;
	font-size: 25px;
	margin-bottom: 10px;
	line-height: 125%;
	color: var(--im-chernyy);
}

.single-char__doc p {
	font-weight: 500;
	font-size: 18px;
	line-height: 140%;
	color: var(--im-chernyy);
}

.single-char__doc-image {
	position: relative;
	padding-top: 56.5%;
}

.single-char__doc-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.single-char__download-button {
	display: flex;
	align-items: center;
	gap: 24px;
	font-weight: 500;
	font-size: 25px;
	line-height: 125%;
	color: var(--im-chernyy);
}

.single-char__download-button::after {
	content: "";
	transition: 0.3s ease 0s;
	width: 14px;
	background: url(../img/icons/arrow.svg) center / contain no-repeat;
	height: 8px;
}

.single-char__download-button.accordion-active::after {
	rotate: 180deg;
}

.single-char__download-body {
	display: none;
	max-width: 468px;
	width: 100%;
	padding-top: 27px;
}

.single-char__download-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 500;
	width: 100%;
	font-size: 14px;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: #000;
}

.single-char__download-row span:first-child::before {
	content: "";
	width: 24px;
	position: absolute;
	left: 0;
	top: -2px;
	height: 24px;
	background: url(../img/icons/doc.svg) center / contain no-repeat;
}

.single-char__download-row span:first-child {
	padding-left: 34px;
	position: relative;
}

.single-char__download-row span:last-child {
	display: flex;
	gap: 10px;
	align-items: center;
}

.single-char__download-row span:last-child svg {
	flex-shrink: 0;
	margin-top: -2px;
}

.single-char__download-row:not(:last-child) {
	margin-bottom: 20px;
}


.single-char__container-row-body .button {
	display: inline-flex;
	padding: 10px 30px;
	gap: 10px;
}

.list-single span {
	margin-left: 10px;
	color: var(--im-akcent);
}

.tags-section {
	padding: var(--section-margin) 0px;
}
.tags-section h3 {
	font-weight: 500;
	margin-bottom: 30px;
}

.tags-section__body {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tags-section__link {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	transition: 0.3s ease 0s;
	text-align: center;
	border: 1px solid var(--im-chernyy);
	border-radius: 100px;
	padding: 14px 25px;
}

.tags-section__link:hover {
	background-color: var(--theme-color);
	color: var(--im-belyy);
	border-color: var(--theme-color);
}

.zastroishiki__text.is-collapsed{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
}

.zastroishiki__more{
	display: inline-flex;
	text-align: left;
}

.zastroishiki__more[hidden]{
	display:none;
}

.single-char__content {
	position: relative;
}

.single-char__content-list{
	margin-top: 20px;
}

.single-char__content .h4 + .h4{
	margin-top: 10px;
}

.single-char__content {
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.single-char__content-list{
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.single-intro__price-bottom span{
	text-decoration: line-through;
}

.single-intro__price-tag{
	cursor: pointer !important;
}

.single-char__content-right_v2{
	min-height: 735px;
}

.single-char__content-right, .single-char__content-left{
	width: calc((100% - 20px) / 2);
}

.single-char__content-list {
	font-size: 18px;
}
.single-char__content-image{
	border-radius: 20px;
	overflow: hidden;
}

.single-char__content-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.single-char__content-left .list + .h4{
	margin-top: 40px;
}

.h4 + .file-list{
	margin-top: 20px;
}


.file-list li{
	font-size: 14px;
	display: inline-flex;
	line-height: 140%;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	color: var(--akcent);
}

.file-list li a:hover{
	color: var(--akcent---hover);
}

.file-list li a{
	gap: 10px;
	align-items: center;
	display: flex;
}

.file-list li a::before{
	content: '';
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: url(../img/single/1.svg) center / contain no-repeat;
}

.file-list{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.leaders-swiper_v2 .leaders-slide .leaders-slide__body{
	min-height: 220px;
}

#modalfile{
	max-width: 747px;
}

#modalfile .modal-form__form{
	padding: 0px 64px;
}

.input_file{
	display: flex;
	justify-content: space-between;
	padding: 0px;
	border-radius: 10px;
	overflow: hidden;
	gap: 0px;
}

.input_file.is-file .input__placeholder{
	text-align: left;
}

.input__placeholder{
	flex-grow: 1;
	display: flex;

	align-items: center;
	justify-content: center;
}

.input__button{
	width: 85px;
	background: linear-gradient(180deg, #63D7D5 0%, #35B3B1 100%);;
}

.input__button{
	color: #FFF;
}

.input__button svg{
	width: 32px;
	height: 29px;
}

.input_file input{
	display: none;
}

.footer-fixe-menu{
	display: none;
}

@media (max-width: 1470px) {
.single-char__content-right_v2{
	min-height: 535px;
}
}
@media (max-width: 1230px) {
	.single-char__content-right {
    width: 512px;
}

.single-char__content-right_v2{
	min-height: 435px;
}

		.header__bottom .header__search-btn{
			order: 4;
		}
		.header__bottom .menu-burger{
			order: 5;
		}
}
@media (max-width: 1024px) {


	.single-char__content {
		flex-direction: column-reverse;
	}

	#modalfile {
    max-width: 647px;
}

#modalfile .modal-form__form {
    padding: 0px 0px;
}

	.single-char__content-right, .single-char__content-left{
	width: 100%;
}
	
	.single-char__content-right{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.single-char__button {
		min-height: 45px;
		font-size: 18px;
	}

	.wrapper-padding.reviews__body {
		overflow: auto;
		flex-wrap: nowrap;
		scroll-snap-type: x mandatory;
	}

	.wrapper-padding.reviews__body::-webkit-scrollbar {
		display: none;
	}

	.reviews__date {
		font-size: 12px;
	}

	.tags-section h3 {
		margin-bottom: 15px;
	}

	.tags-section__link {
		font-size: 14px;
		padding: 10px 25px;
	}

	.single-char__download-button {
		font-size: 22px;
	}

	.single-char__doc-title {
		font-size: 20px;
	}

	.single-char__container-image {
		width: calc((100% - 40px) / 3);
	}

	.single-char .wrapper-padding {
		margin-bottom: 30px;
	}

	.single-char__container-row:not(:last-child) {
		margin-bottom: 30px;
	}

	.single-char__container-lists ul {
		width: 100%;
	}

	.single-char__body h3 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.single-char__body h4 {
		font-size: 22px;
		margin-bottom: 20px;
	}

	.single-char__buttons {
		gap: 20px;
	}
}

.single-char {
	overflow: hidden;
}

.header__contacts span{
	display: none;
}
.header__socials-new{
	display: none;
}

.intro-slide__bottom .intro-slide__block{ 
	align-items: flex-start !important;
}

@media (max-width: 768px) {


.leaders-swiper_v2 .leaders-slide .leaders-slide__body{
	min-height: 160px;
}

.leaders-slide__swiper .swiper-slide {
	padding-top: 85%;
}

	.single-char .wrapper-padding  .single-char__buttons.wrapper-padding::before{
		display: none;
	}

	.single-char{
		padding-top: 40px;
	}

	.single-char .wrapper-padding{
		position: relative;
		overflow: visible;
	}

	.single-char .wrapper-padding::before {
		content: 'Листайте влево';
		position: absolute;
		right: 15px;
		bottom: calc(100% + 20px);
		color: var(--akcent);
		font-size: 16px;

	}

	.footer-fixe-menu{
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 2.85vw 1.85vw; /* 15px */
	width: 100%;
	border-top: 0.26vw solid rgba(0, 0, 0, 0.20); /* 1px */
	background: #FFF;
	z-index: 100;
	gap: 2.56vw; /* 10px */
	justify-content: space-between;
}

.footer-fixe-menu a,
.footer-fixe-menu button{
	width: 14.1vw; /* 55px */
	display: flex;
	align-items: center;
	font-size: 3.08vw; /* 12px */
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
	gap: 1.28vw; /* 5px */
	flex-direction: column;
}

.footer-fixe-menu svg{
	width: 6.41vw; /* 25px */
}

.header .logo__description{
	display: none;
}

.header__socials-new{
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	padding: 3.85vw 2.85vw;
	gap: 3.85vw; /* 15px */
}

.header__social{
	width: 10.26vw; /* 40px */
	height: 10.26vw; /* 40px */
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0.26vw solid #58B9B9; /* 1px */
	border-radius: 8.55vw; /* 33.333px */
}

.header__social svg{
	width: 50%;
}

.header__contacts{
	display: flex;
	text-align: right;
	flex-grow: 1;
	min-height: 17.95vw; /* 70px */
	padding: 3.33vw 2.85vw; /* 13px 15px */
	border-right: 0.26vw solid rgba(27, 27, 27, 0.2); /* 1px */
}

.header.fixed{
	padding: 0px;
}

.header.fixed .header__top{
	gap: 0px;
}

.header__top{
	gap: 0px;
	justify-content: flex-start;
}

.header__contacts a:nth-child(2){
	display: none;
}

.header__contacts{
	gap: 0;
}

.header__contacts a{
	font-size: 4.62vw; /* 18px */
}

.header__contacts span{
	font-size: 3.08vw; /* 12px */
	color: #1B1B1B;
	opacity: 0.5;
	font-weight: 500;
	display: block;
}

.header__body .wrapper{
	width: 100%;
}

.header__top .logo{
	max-width: 100%;
	padding: 3.85vw 2vw; /* 15px */
	min-height: 17.95vw; /* 70px */
	border-right: 0.26vw solid rgba(27, 27, 27, 0.2); /* 1px */
	width: 18.21vw; /* 71px */
}

.header__top .logo__image{
	width: 100%;
}

.header{
	padding: 0;
	border-bottom: 0.26vw solid rgba(27, 27, 27, 0.2); /* 1px */
}

	.header__search-btn{
		display: none !important;
	}

	.header__socials {
		display: none;
	}

		#modalfile {
    max-width: 447px;
}

.input__button {
    width: 65px;
    background: linear-gradient(180deg, #63D7D5 0%, #35B3B1 100%);
}

.input__button svg {
    width: 24px;
    height: 22px;
}

.single-char__content-list {
	font-size: 16px;
}


	.single-char .wrapper-padding {
		padding-left: 0px !important;
		padding-right: 0px !important;
		border-bottom: 1px solid var(--seryy);
	}

	.tags-section {
		overflow: hidden;
	}


	.tags-section__link {
		padding: 5px 10px;
		flex-shrink: 0;
		scroll-snap-align: center;
	}

	.tags-section__body {
		gap: 7px;
		overflow: auto;
		scroll-snap-type: x mandatory;
		flex-wrap: nowrap;
	}

	.tags-section__body::-webkit-scrollbar {
		display: none;
	}

	.single-char__button {
		white-space: nowrap;
	}

	.single-char__container-row:not(:first-child) .single-char__container-row-body {
		translate: 0px -15px;
	}

	.single-char__download-body {
		padding-bottom: 15px;
		border-bottom: 1px solid var(--seryy);
	}

	.single-char__download-button {
		font-size: 18px;
	}

	.single-char__download-body {
		max-width: 100%;
		padding-top: 15px;
	}

	.single-char__doc {
		width: 100%;
	}

	.single-char__doc-title {
		margin-bottom: 0px;
		font-size: 18px;
	}

	.single-char__container p {
		font-size: 14px;
	}

	.single-char__container-row .wrapper-padding {
		border-bottom: none !important;
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2)) !important;
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2)) !important;
	}

	.single-char .single-char__container-lists.wrapper-padding {
		border: none !important;
	}

	.single-char__container-images.wrapper-padding {
		overflow: auto;
		flex-wrap: nowrap;
		gap: 20px;
		scroll-snap-type: x mandatory;
	}

	.single-char__container-images.wrapper-padding::-webkit-scrollbar {
		display: none;
	}

	.single-char__container-images .single-char__container-image {
		width: calc((100% - 20px) / 1.2);
		flex-shrink: 0;
		scroll-snap-align: center;
	}

	.single-char__image {
		width: 100%;
	}

	.single-char__container-row.wrapper-padding {
		border-bottom: none;
	}

	.single-char .wrapper-padding .wrapper-padding {
		overflow: auto;
		padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2)) !important;
		padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2)) !important;
		border-bottom: none !important;
		scroll-snap-type: x mandatory;
		gap: 50px !important;
		margin-bottom: 0px;
	}

	.single-char .wrapper-padding .wrapper-padding::-webkit-scrollbar {
		display: none;
	}

	.single-intro {
		padding-bottom: 65px;
	}

	.single-char__body h3 {
		font-size: 25px;
		margin-bottom: 15px;
	}

	.single-char__body h4 {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.single-char__button {
		font-size: 25px;
		min-height: 55px;
		scroll-snap-align: center;
	}

	.single-char__images {
		gap: 15px;
	}

	.single-char__image {
		border: 3px solid var(--seryy);
	}

	.single-char__container-lists {
		gap: 15px;
	}
}

@media (max-width: 480px) {
	.single-char__content-right_v2{
	min-height: 335px;
}

.professional h2 br{
	display: none;
}

	.single-char__content-list {
	font-size: 14px;
}


	.single-char__download-row {
		font-size: 12px;
		gap: 10px;
	}

	.single-char__download-row span:first-child::before {
		width: 17px;
		top: 0px;
		height: 17px;
	}
	.single-char {
		padding-bottom: 45px;
	}

	.single-char__download-row span:first-child {
		padding-left: 24px;
	}

	.single-char__download-row span:last-child svg {
		flex-shrink: 0;
		margin-top: -2px;
	}
	.single-char__container-lists ul li span:last-child {
		max-width: 120px;
	}

	.single-char__container-lists {
		gap: 10px;
	}

	.single-char__container-lists ul li span {
		background: var(--im-fon);
	}

	.single-char__container-lists ul li span:first-child {
		max-width: 170px;
	}

	.single-char__container-lists ul li span {
		font-size: 12px;
	}

	.single-char__container-lists ul {
		gap: 10px;
	}
}


@media (max-width: 380px) {
	h2 br, .h2 br{
		display: none !important;
	}
}

/* ==================================== */


@media (max-width: 1230px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	
}

/* ==================================== */

.tabs-content{
	display: none;
}

.d-block{
	display: block;
}

.none{
	display: none;
}

[class*="copyrights-pane"]{
	display: none !important;
}

.animate__animated, .animate__{
	opacity: 0;
	animation-fill-mode: forwards !important;
	animation-delay: 0.2s !important;
}

.animate__delay-1s{
	animation-delay: 0.8s !important;
}

.animate__delay-2s{
	animation-delay: 1.2s !important;
}

.animate__delay-2s.button{
	animation-delay: 1.4s !important;
}

/* Глобальный твик для всех анимируемых элементов */
.animate__animated,
.animated { /* подойдёт и для кастомного animation.css */
  will-change: transform, opacity;
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Если в ваших классах есть анимации margin/height/width/top/left — запрещаем: */
[class*="animate-"][style*="margin"],
[class*="animate-"][style*="top"],
[class*="animate-"][style*="left"] {
}
  /* лучше переписать сами эффекты на transform/opacity */

/* По умолчанию скрыть, чтобы не было блинка первого кадра */
.animate__animated,
.animated {
  visibility: hidden;
}

/* Когда страница готова — показать и дать анимациям отработать */
.page-ready .animate__animated,
.page-ready .animated {
  visibility: visible;
}
