@import url(https://fonts.googleapis.com/css?family=Onest:100,200,300,regular,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);

:root{
	--theme-color: #0859CC;
	--text-color: #242424;
	--background-color: #F3F3F3;
	accent-color: var(--theme-color);
	--wrapper-size: 1132px;
	--wrapper-padding: 15px;
	--section-margin: 40px;
	--section-margin2:  -40px;
	  --font-family: "Onest", sans-serif;
  --second-family: "Inter", sans-serif;
}

html{
	height: 100%;
	scrollbar-gutter: stable;
	scroll-behavior: smooth;
}

body{
	font-family: var(--font-family);
	display: flex;
	flex-direction: column;
	min-height: 100%;
	font-size: 16px;
	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.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 {
	display: none;
}


.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%;
	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;
	padding: 0px 15px;
	translate: 0px calc(100% + 35px);
	z-index: 200;
	animation: cookieVisible 1s ease 2s forwards;
}

.modal-cookie .wrapper{
	display: flex;
	justify-content: flex-end;
}

.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;
}

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

@media (max-width: 1230px) {
	:root{
		--wrapper-size: 992px;
	}
}

@media (max-width: 1024px) {
	:root{
		--wrapper-size: 828px;
	}

	.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;
	}

	.menu-burger{
		padding: 0px 10px;
		display: flex;
		position: relative;
		align-self: center;
		background-color: #ffffff00;
		width: 50px;
		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: 768px) {
	.mob-tel{
		display: block;
	}

	.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: 15px;
		margin-bottom: -45px;
	}

	.scroll-up.active {
		margin-bottom: 0;
	}

	:root{
		--wrapper-size: 520px;
		--section-margin: 30px;
		--section-margin2:  -30px;
	}

	.burger-menu{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background-color: var(--background-color);
		z-index: 200;
		overflow: auto;
		transition: 0.8s ease 0s;
		translate: 100% 0%;
	}

	body.menu-open .burger-menu{
		translate: 0px 0px;
	}

	.burger-menu::-webkit-scrollbar{
		display: none;
	}
}

@media (max-width: 480px) {
	.mob-mini-tel{
		display: block;
	}

	.modal-cookie{
		padding: 0px 10px;
	}

	.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: 350px;
		--wrapper-padding: 10px;
		--section-margin: 25px;
		--section-margin2:  -25px;
	}
}

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

.header {
	padding: 25px 0px;
	border-bottom: 1px solid rgba(86, 86, 86, 0.20);
}



.header  .wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}
.logo {
	display: flex;
	gap: 15px;
	align-items: center;
}
.logo__image {
	flex-shrink: 0;
	width: 100%;
	max-width: 100px;
}
.logo__description {
	max-width: 150px;
	color: #737373;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 137%;
}
.search {
	flex-grow: 1;
	display: flex;
	border-radius: 6px;
	border: 1px solid #0859CC;

}

.search input{
		height: 43px;
		flex-grow: 1;
		font-size: 14px;
		font-style: normal;
		font-weight: 300;
		line-height: 123%;
		padding: 0px 20px;
}

.search  button{
	flex-shrink: 0;
	width: 36px;
	height: 43px;
	padding-right: 20px;
		background: url(../img/icons/search.svg) left / 16px 16px no-repeat;
}


.search input::placeholder{
	color: #0859CC;
}
.search__submit {
}
.header__time {
}
.time-header {
	display: flex;
	gap: 12px;
	align-items: center;
}
.time-header__time {
	font-size: 14px;
	color: #383838;
	font-style: normal;
	font-weight: 400;
	line-height: 123%;
}
.socials {
	display: flex;
	gap: 12px;
}
.socials__link {
	width: 34px;
	height: 34px;
	display: flex;
	flex-shrink: 0;
	border-radius: 6px;
	align-items: center;
	justify-content: center;
		transition: 0.3s ease 0s;
}

.socials__link:hover{
	opacity: 0.9;
}

.socials__link img{
	width: 13px;
}

.socials__link_telegram img{
	translate: -1px 0px;
}

.socials__link:hover{
	opacity: 0.8;
}

.socials__link_telegram{
	background: #03A0E9;
}
.socials__link_whatsapp{
	background: #16D75B;
}


.contacts-header {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 4px;
}
.contacts-header__tel {
	transition: 0.3s ease 0s;
	display: flex;
	color: #242424;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	line-height: 123%; 
	gap: 10px;
	align-items: center;
}

.contacts-header__tel:hover{
	color: var(--theme-color);
}

.contacts-header__tel::before{
	content: '';
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background: url(../img/icons/tel.svg) center / contain no-repeat;
}

a.contacts-header__mail {
	margin-left: 30px;
	display: flex;
	gap: 8px;
	align-items: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 123%; /* 17.22px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-underline-offset: 15%; /* 3.5px */
	text-underline-position: from-font;
	color: var(--theme-color);
}

a.contacts-header__mail::before{
	content: '';
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	background: url(../img/icons/mail.svg) center / contain no-repeat;
}

.menu-burger {
}
.header__bottom {
	padding-top: 25px;
}

.header__bottom  ul{
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 14px;
	text-align: center;
	font-style: normal;
	font-weight: 300;
		width: 100%;
	color: #565656;
	justify-content: space-between;
	line-height: 123%;
}

.header__bottom  a{
	transition: 0.3s  ease 0s;
}

.header__bottom  a:hover{
	color: var(--theme-color);
}

.header__menu {
	width: 100%;
}

.socials__link_max{
	background: url(../img/icons/bg.webp) center / cover no-repeat;
}

@media (max-width: 1230px) {
.header .wrapper {
    gap: 12px;
}

}
@media (max-width: 1024px) {
.search{
	display: none;
}

.header__bottom{
	display: none;
}

.burger-menu .search{
	display: flex;
}

.burger-menu {
	padding: 20px 0px;
}

.burger-menu__top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
}

.burger-menu__menu li{
	color:#565656;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 123%;
}

.burger-menu__menu ul{
	display: flex;
	flex-direction: column;
	gap: 22px;
}

  .burger-menu  .logo__image {
        max-width: 100px !important;
    }

		 .burger-menu .contacts-header__tel{
			font-size: 32px;
		 }

		 .burger-menu .contacts-header__tel::before{
			display: none;
		 }

		 .burger-menu .contacts-header__mail{
			display: flex !important;
			margin-left: 0px;
			font-size: 22px;
		 }

		.burger-menu  a.contacts-header__mail::before {
    content: '';
    width: 22px;
    height: 22px;
}

.burger-menu .time-header{
	display: flex;
}

.burger-menu .contacts-header{
	order: 0;
}

.burger-menu .time-header{
	flex-direction: column;
	align-items: flex-start;
}

.burger-menu .time-header br{
	display: none;
}

.burger-menu  .wrapper{
	flex-direction: column;
	justify-content: flex-start !important;
	align-items: flex-start;
}

.burger-menu .socials img{
	width: 18px;
}

.burger-menu  .socials__link {
    width: 46px;
    height: 46px;
    border-radius: 11px;
}

.burger-menu .search{
	width: 100%;
}

.burger-menu .wrapper{
	gap: 30px;
}
}

@media (max-width: 768px) {
.header {
    padding: 20px 0px;
}

.header__time{
	display: none;
}

    .header .wrapper {
			justify-content: center;
        flex-wrap: wrap;
    }

		.header  .menu-burger{
			order: 2;
			margin-left: auto;
		}

		.logo__image {
    max-width: 80px;
}

		.header__contacts {
			order: 3;
		}

		.contacts-header .contacts-header__mail{
			display: none;
		}
}

@media (max-width: 480px) {
	    .header .wrapper {
			justify-content: flex-start;
    }
}
/* ==================================== */

.intro .breadcrumbs ~ .wrapper{
	justify-content: flex-start;
}

.header + .intro{
	margin-top: -142.28px;
}

.header{
	position: relative;
	z-index: 50;
}

.intro-slide {
	min-height: 742px;
	padding-top: 182px;
	padding-bottom: 100px;
	display: flex;
	flex-direction: column;
	z-index: 1;
	position: relative;
}

.intro-slide  .wrapper{
	flex-grow: 1;
	padding: 30px 0px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.intro-slide__background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.intro_big .intro-slide{
	min-height: 930px;
}

.intro_big .intro-slide{
	padding-bottom: 200px;
}

.intro__obj{
	position: absolute;
	left: 50%;
	max-width: 661px;
	min-width: 661px;
	bottom: 0;
	translate: 5% 0%;
	z-index: -1;
}

.intro__obj img{
	width: 100%;
}

.intro-slide__background  img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: bottom;
}

.intro__left{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	width: 100%;
	max-width: 690px;
}

.intro__left h1, .intro__left .h1{
	margin-bottom: 10px;
}

h1, .h1{
	font-size: 42px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
}

h1.h1-big, .h1-big{
	font-size: 92px;
	line-height: 110%;
}

h1 span, .h1 span{
	color: var(--theme-color);

}


.intro__sub-title {
	color: #565656;
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 40px;
	line-height: 151%;
}
.button, a.button {
	min-height: 74px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 3px;
	padding: 20px 20px;
	background: #0859CC;
	transition: 0.3s ease 0s;
	color: #F3F3F3;
	text-align: center;
	font-family: Onest;
	font-size: 16px;
	font-weight: 600;
	line-height: 151%;
	letter-spacing: 1.12px;
	text-transform: uppercase;
}

.button:hover{
	background: #2677EA;
box-shadow: 0 15px 36.6px 0 rgba(8, 89, 204, 0.40);
}

.intro__left .button{
	max-width: 340px;
	width: 100%;
}

.swiper-pagination{
	bottom: 20px !important;
	display: flex;
	justify-content: center;
	gap: 12px;
}

.swiper-pagination-bullet{
	margin: 0px !important;
	width: 12px;
	transition: 0.3s ease 0s;
	opacity: 1;
	background: #F3F3F3;
	border-radius: 2px;
	height: 12px;
}

.swiper-pagination-bullet-active{
	background-color: var(--theme-color);
}

.swiper-button-prev, .swiper-button-next {
	width: 46px;
	transition: 0.3s ease 0s;
	height: 46px;
	border-radius: 6px !important;
	color: var(--theme-color);
	background: #FFF;
}

.swiper-button-prev:hover, .swiper-button-next:hover{
	background: var(--theme-color);
	color: #F3F3F3;
}


.swiper-button-prev{
	left: 40px !important;
}

.swiper-button-next {
	right: 40px !important;
}

.intro{
	margin-bottom: var(--section-margin);
}

.h2 + .sub-title, h2 + .sub-title{
	margin-top: -25px;
}

@media (max-width: 1230px) {
.swiper-button-prev, .swiper-button-next {
    width: 36px;
    height: 36px;
}

.swiper-button-prev{
	left: 20px !important;
}
.swiper-button-next{
	right: 20px !important;
}
}
@media (max-width: 1024px) {
	.intro .swiper-button-prev, .intro .swiper-button-next{
		display: none;
	}

	h1, .h1 {
    font-size: 36px;
}

h1.h1-big, .h1-big {
    font-size: 72px;
}



.intro__sub-title {
    font-size: 19px;
    margin-bottom: 30px;
}

.intro__left {
    max-width: 535px;
}

.header + .intro {
    margin-top: -100.06px;
}


}

@media (max-width: 768px) {
h1.h1-big, .h1-big {
    font-size: 56px;
}

.header + .intro {
    margin-top: -117.66px;
}

.intro-slide {
    padding-top: 150px;
    padding-bottom: 50px;
}

    .intro-slide .wrapper{
			align-items: flex-start;
       justify-content: flex-start;
    }

		.intro__left .button {
			max-width: 100%;
}
}

@media (max-width: 480px) {
			    h1, .h1 {
        font-size: 30px;
    }

    h1.h1-big, .h1-big {
        font-size: 42px;
    }
			.intro-slide .wrapper{
				padding: 20px 0px;
			}

		    .intro__sub-title {
        font-size: 16px;
        margin-bottom: 25px;
    }

		.button, a.button {
    min-height: 65px;
    font-size: 14px;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination {
    gap: 8px;
}
}
/* ==================================== */

section{
	padding: var(--section-margin) 0px;
}

h2, .h2{
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 45px;
	line-height: 130%;
}

.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.language__body {
	display: flex;
	gap: 20px;
	justify-content: center;
	flex-wrap: wrap;
}
.language__block {
	display: flex;
	align-items: center;
	z-index: 1;
	position: relative;
	overflow: hidden;
	padding: 25px 10px 25px 95px;
	border-radius: 5px;
	background: #FFF;
	width: calc((100% - 40px) / 3);
}


.language__block:nth-child(1) .language__picture{
	width: 106px;
}
.language__block:nth-child(2) .language__picture{
	width: 193px;

		translate: 62% -45%;
}
.language__block:nth-child(3) .language__picture{
	width: 286px;
	translate: 53% -42%;
}

.language__picture {
	position: absolute;
	z-index: -1;
	right: 100%;
	translate: 75% -45%;
	top: 50%;
}
.language__block-text {
}
.language__block-title {
	color: #242424;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 130%;
}

.language__block-text p{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	color: #383838;
	line-height: 150%;
}

@media (max-width: 1024px) {
	.language__body{
		justify-content: center;
	}

	.language__block {
	width: calc((100% - 20px) / 2);
}

h2, .h2 {
    font-size: 35px;
    margin-bottom: 35px;
}
}

@media (max-width: 768px) {
h2, .h2 {
    font-size: 28px;
}

.language h2, .language .h2{
	display: none;
}


	.language__block {
	width: 100%;
}

.language__block {
	align-items: center;
	justify-content: center;
    padding: 125px 25px 10px 25px;
}

.language__block-text{
	text-align: center;
}

.language__picture {
    right: 50%;
		top: 0;
    translate: 50% -35%;
}
.language__block:nth-child(1) .language__picture {
    width: 80px;
}

.language__block:nth-child(2) .language__picture {
    width: 136px;
    translate: 50% -0%;
}

.language__block:nth-child(3) .language__picture {
    width: 283px;
    translate: 50% -22%;
}
}

@media (max-width: 480px) {
	h2, .h2 {
    font-size: 22px;
}
}
/* ==================================== */


h2 span, .h2 span{
	color: var(--theme-color);
}

.work-with__body {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.work-with + .videos{
	background: #FFF;
	margin: var(--section-margin) 0px;
	padding: calc(var(--section-margin) + var(--section-margin)) 0px;
}

.work-with + .videos + .create{
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
	margin-top:  var(--section-margin2);
		background: #FFF;
}


.intro__left{
	opacity: 0;
}

.intro__left{
	animation: fadeInUp 0.8s ease 0.2s forwards;
}

.work-with__body_v2 .work-with__block{
	flex-grow: 0;
}

.work-with__block {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	max-width: calc((100% - 20px) / 2);
	width: calc((100% - 40px) / 3);
}
.work-with__picture {
	display: block;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
	padding-top: 250px;
}

.work-with__picture span{
	position: absolute;
	left: 25px;
	border-radius: 8px;
	font-size: 14px;
	background: #FFF;
	padding: 8px 18px;
	box-shadow: 0 5px 18.7px 0 rgba(45, 45, 45, 0.11);
	bottom: 25px;
}

.work-with__picture picture{
	width: 100%;
	height: 100%;
}

.work-with__picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}

.work-with__block-title {
	font-size: 20px;
	font-style: normal;
	margin-bottom: 8px;
	font-weight: 600;
	line-height: 130%;
}

.work-with__block p{
	color: #383838;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media (max-width: 1024px) {
.work-with__picture {
	padding-top: 200px;
}

.work-with__block-title {
    font-size: 18px;
}

.work-with__block {
    width: calc((100% - 20px) / 2);
		max-width:100%;
}
}

@media (max-width: 768px) {
	.work-with h2, .work-with  .h2{
		text-align: left;
	}
}

@media (max-width: 480px) {
	.work-with__block{
		width: 100%;
	}

	    .work-with__picture {
        padding-top: 160px;
    }
}
/* ==================================== */

.production__grid{
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}

.production__block:nth-child(1) { grid-area: 1 / 1 / 5 / 4; }
.production__block:nth-child(2) { grid-area: 1 / 4 / 3 / 7; }
.production__block:nth-child(3) { grid-area: 1 / 7 / 3 / 10; }
.production__block:nth-child(4) { grid-area: 3 / 4 / 5 / 7; }
.production__block:nth-child(5) { grid-area: 3 / 7 / 5 / 10; }
.production__block:nth-child(6) { grid-area: 5 / 1 / 7 / 4; }
.production__block:nth-child(7) { grid-area: 5 / 4 / 7 / 7; }
.production__block:nth-child(8) { grid-area: 7 / 1 / 9 / 4; }
.production__block:nth-child(9) { grid-area: 7 / 4 / 9 / 7; }
.production__block:nth-child(10) { grid-area: 5 / 7 / 9 / 10; }
.production__block:nth-child(11) { grid-area: 9 / 1 / 13 / 4; }
.production__block:nth-child(12) { grid-area: 9 / 4 / 11 / 7; }
.production__block:nth-child(13) { grid-area: 9 / 7 / 11 / 10; }
.production__block:nth-child(14) { grid-area: 11 / 4 / 13 / 7; }
.production__block:nth-child(15) { grid-area: 11 / 7 / 13 / 10; }



.production__grid {
}
.production__block {
	z-index: 1;
	min-height: 300px;
	position: relative;
	padding: 25px;
	display: flex;
	align-items: flex-end;
}

.production__block::before{
	content: '';
	z-index: -1;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
}


.production__picture {
	position: absolute;
	border-radius: 6px;
	transition: 0.3s ease 0s;
	overflow: hidden;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
}

a:hover .production__picture{
	opacity: 0.8;
}

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

.production__block-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 130%
}
.bottom {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}


.button {
	min-width: 340px;
}

@media (max-width: 1024px) {
.production__block-title {
    font-size: 20px;
}

.production__block {
    padding: 15px;
}

.production__block {
    min-height: 220px;
	}
}

@media (max-width: 768px) {
	.production__grid{
		display: flex;
		gap: 20px;
		flex-wrap: wrap;
	}

	.production__block {
		padding: 15px;
		min-height: 300px;
    width: calc((100% - 20px) / 2);
	}

	.production__block::before{
background: linear-gradient(0deg, #E9E0D9 36.92%, rgba(233, 224, 217, 0.70) 52.69%, rgba(233, 224, 217, 0.00) 95%);

}

.production h2, .production .h2{
	text-align: left;
}

.bottom{
	margin-top: 40px;
}
}

@media (max-width: 480px) {
		.production__block {
		padding: 25px;
		min-height: 250px;
    width: 100%;
	}

	.bottom{
	margin-top: 30px;
}

	.button{
		min-width: 0px;
		width: 100%;
	}
}
/* ==================================== */

.individual {
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

.individual + section{
	background: #FFF !important;
}

.individual::before{
	content: '';
	background: #FFF;
	position: absolute;
	width: 100%;
	height: 50%;
	left: 0;
	bottom: 0;
}

.individual__body {
	max-width: 1475px;
	min-height: 588px;
	width: 100%;
	box-shadow: 0 47px 170.8px 0 rgba(0, 0, 0, 0.04);
	border-radius: 15px;
	padding: 110px 0px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: center / cover no-repeat;
	margin: 0px auto;
}

.individual__left {
	max-width: 543px;
}
.individual__list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.individual__item {
	display: flex;
	gap: 4px;
	align-items: center;
	gap: 14px;
}
.individual__item-icon {
	width: 70px;
	flex-shrink: 0;
	border-radius: 4px;
	background: linear-gradient(0deg, #78B0FF 0%, #78B0FF 100%), #FFF;
	height: 70px;
}

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

.individual__item-text {
	color:#565656;
	font-size: 15px;
	font-weight: 400;
	line-height: 130%;
}
.individual__item-title {
	color: #383838;
	font-size: 18px;
	font-weight: 500;
	line-height: 130%;
}
.individual .button {
	margin-top: 45px;
}
.individual__obj-circle {
	position: absolute;
	left: 50%;
	z-index: -1;
	top: 51%;
	background: url(../img/individual/bg.svg) center / contain no-repeat;
	padding-top: 85px;
	width: 157px;
	height: 174px;
}
.individual__circle-image {
	position: absolute;
	left: 50%;
	top: 15px;
	display: flex;
	justify-content: center;
	width: 128px;
	translate: -50% 0%;
}

.individual .list{
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 35px;
}
.individual_v3 .individual__left{
	margin-left: auto;
	max-width: 628px;
}

.individual_v3 .individual__obj{
	position: absolute;
	right: auto;
	justify-content: flex-start;
	left: 0;
}

.individual .list li{
	width: calc((100% - 1.5rem) / 2);
}

.individual__obj{
	display: flex;
	justify-content: flex-end;
}

.individual__circle-image img{
	max-width: 100%;
}

.individual__circle-text {
	color: #383838;
	text-align: center;
	font-weight: 400;
	line-height: 130%;
}
.individual__obj {
	position: absolute;
	right: 0;
	max-height: 100%;
	height: 100%;
	min-width: 920px;
	bottom: 0;
	z-index: -2;
}

.individual__obj img{
	max-width: 100%;
	max-height: 100%;
	height: 100%;
}

.individual__item-title + p{
	margin-top: 4px;
}

.intro_big + main .individual_v3:first-child{
	background:#FFF;
	padding-top: 0rem;
	margin-top: calc(var(--section-margin2));
}

.intro_big + main .individual_v3:first-child .individual__body{
	translate: -0px -150px;
	margin-bottom: -150px;
}

		.individual__item{
			align-items: flex-start;
		}

@media (max-width: 1230px) {
	.individual_v3 .individual__obj{
		min-width: 642px;
		max-width: 642px;
}

.individual_v3 .individual__obj img{
	object-position: right;
object-fit: cover;
}


.individual__body {
    padding: 80px 0px;
}

.individual__obj {
    min-width: 870px;
}
}
@media (max-width: 1024px) {
	.intro_big + main .individual_v3:first-child .individual__body{
	translate: -0px -110px;
	margin-bottom: -110px;
}

.individual__body {
    padding: 50px 0px;
}

.individual__left {
    max-width: 500px;
}

.individual__body {
    min-height: 488px;
	}

	    .individual_v3 .individual__obj {
        min-width: 422px;
        max-width: 422px;
    }


.individual__obj-circle {
    left: 60%;
}

.individual .button {
    margin-top: 25px;
}

.individual__obj {
	right: auto;
	left: 20%;
        min-width: 720px;
    }
}

@media (max-width: 768px) {
		.intro_big + main .individual_v3:first-child .individual__body{
	translate: -0px -80px;
	margin-bottom: -80px;
}

	    .individual .button {
        margin-top: 55px;
    }

		

		    .individual_v3 .individual__obj{
        min-width: 0px;
        max-width: 100%;
    }

		.individual_v3 .individual__obj img{
			object-position: center !important;
		}

		   .individual_v3 .individual__obj {
        height: 584px;
				}

		    .individual__body {
        padding: 50px 0px 625px 0px;
    }

		.individual__obj{
			height: 625px;
			min-width: 0px;
			left: 0;
		}

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

		    .individual__obj-circle {
        left: 50%;
				translate: -110% 0%;
				top: auto;
				bottom: 200px;
    }
}

@media (max-width: 480px) {
	
	.individual__left .button{
		width: 100%;
	}

		   .individual_v3 .individual__obj {
        height: 384px;
				}

		    .individual__body {
        padding: 50px 0px 425px 0px;
    }

		.individual .list li {
    width: 100%;
}

.individual .list {
    margin-top: 20px;
}

		.individual__item-title{
			font-size: 16px;
		}

		.individual__item-text p {
			font-size: 14px;
		}

				.individual__obj{
			height: 425px;
		}

		.individual__list {
    gap: 18px;
}

		    .individual .button {
        margin-top: 35px;
    }

		    .individual__obj-circle {
        translate: -85% 0%;
				bottom: 120px;
    }
}
/* ==================================== */


.nums h2 + .sub-title, .nums .h2 + .sub-title{
	margin-top: -30px;
	margin-bottom: 50px;
}

.sub-title {
	color: #565656;
	font-size: 22px;
	font-weight: 500;
	line-height: 151%;
}
.nums__body {
	justify-content: center;
	flex-wrap: wrap;
	display: flex;
	gap: 20px;
}
.nums__block {
	min-height: 210px;
	display: flex;
	flex-direction: column;
	padding: 30px 27px;
	width: calc((100% - 40px) / 3);
	border-radius: 6px;
	background: #F3F3F3;
	box-shadow: 0 29px 83px 0 rgba(181, 181, 181, 0.16);
}
.nums__block-name {
	margin-bottom: 33px;
	color: #242424;
	font-size: 22px;
	display: flex;
	align-items: center;
	gap: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
}

.nums__block-name::before{
	content: '';
	width: 7px;
	flex-shrink: 0;
	height: 7px;
	border-radius: 1px;
	background: var(--theme-color);
}

.nums__block-title {
	color: #0859CC;
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%
}
.nums__block-text {
	color: #5D5D5D;
	font-style: normal;
	font-weight: 400;
	line-height: 130%;
}

.nums__block:nth-child(2){
	color: #FFF;
	background: #0A5ACC;
}
.nums__block:nth-child(2) .nums__block-title, .nums__block:nth-child(2) .nums__block-text{
	color: #FFF;
}

.nums__block:nth-child(2) .nums__block-name{
	color: #FFF;
}

.nums__block:nth-child(2) .nums__block-name::before{
	background: #FFF;
}

@media (max-width: 1230px) {
.nums__block-title {
	font-size: 40px;
}
.nums h2 + .sub-title, .nums .h2 + .sub-title {
    margin-bottom: 40px;
}
}
@media (max-width: 1024px) {
.nums__block {
    width: calc((100% - 20px) / 2);
}

.sub-title{
	font-size: 20px;
}
}

@media (max-width: 768px) {
.nums__block {
    width:100%;
}

    .nums h2 + .sub-title, .nums .h2 + .sub-title {
        margin-bottom: 35px;
				margin-top: -20px;
    }

		.sub-title{
	font-size: 18px;
}

.nums__block-name{
	font-size: 20px;
}

    .nums__block-title {
        font-size: 36px;
    }

		.nums__block{
	min-height: 180px;
}

.nums h2 br, .nums .h2 br{
	display: none;
}

.nums h2 span, .nums .h2 span{
	color: inherit;
}
}

@media (max-width: 480px) {
			.sub-title{
	font-size: 16px;
}

.nums__block-name{
	margin-bottom: 25px;
}

.nums__block{
	min-height: 140px;
}

.nums__block {
    padding: 16px;
	}

	.nums__body{
		gap: 10px;
	}

    .nums__block-title {
        font-size: 32px;
    }

		.nums__block-text {
			font-size: 14px;
}

.nums__block-name{
	font-size: 18px;
}
}
/* ==================================== */

section{
	position: relative;
z-index: 1;
}

.individual{
	z-index: 2;
}

.goal {
	padding-bottom: calc(var(--section-margin) + var(--section-margin)) !important;
	margin-top: calc(-87px + (var(--section-margin2) + var(--section-margin2)));
	z-index: 0;
	position: relative;
}

.goal::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 410px;
	background: linear-gradient(180deg, #FFF 32.67%, rgba(255, 255, 255, 0.00) 100%);
}

.goal__picture {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}


.goal__main {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
	z-index: 2;
}

.goal h2, .goal .h2{
	margin-bottom: 20px;
}

.goal__text {
		min-height: 575px;
	max-width: 537px;
}

.icn {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	color: #313131;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%;
}
.icn__icon {
	width: 67px;
	height: 67px;
	flex-shrink: 0;
	border-radius: 4px;
	background: #78B0FF;
}

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

.goal__info {
	display: flex;
	flex-direction: column;
	gap: 15px;
	color: #555;
	font-size: 16px;
	font-weight: 400;
	line-height: 155%;
	padding: 15px 0px;
}
.goal__text .button {
		margin-top: 25px;
}
.goal__bottom {
	margin-top: 40px;
	padding: 35px 50px;
	margin-bottom: -34px;
	align-items: center;
	border-radius: 6px;
	display: inline-flex;
	gap: 35px;
	background: #FFF;
	box-shadow: 0 29px 83px 0 rgba(181, 181, 181, 0.16);
}
.goal__bottom  .sub-title {
	margin-bottom: 0px;
	color: #1D3441;
	max-width: 417px;
}
.goal__socials {
}
.goal__bottom .socials {
	gap: 21px;
}
.socials__link-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #A2ADB4;
	text-align: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 155%;
}
.goal__bottom .socials__link {
	width: 50px;
	border-radius: 12px;
	height: 50px;
}

.goal__bottom .socials__link img{
	width: 20px;
}


.goal__obj {
	z-index: -1;
	left: 50%;
	bottom: 0;
	min-width: 540px;
	max-width: 540px;
	translate: -5% 0%;
	position: absolute;
}

.goal{
	overflow: hidden;
}

.goal__wrapper{
	position: relative;
		padding-top: 312px;
	margin-bottom: 37px;
}

.modal-cookie button{
	min-width: 0px;
	min-height: 54px;
}


@media (max-width: 1230px) {
.goal__obj {
    max-width: 480px;
		min-width: 480px;
    translate: 0% 0%;
}

.goal {
    margin-top: calc(-57px + (var(--section-margin2) + var(--section-margin2)));
}

.goal__wrapper{
	padding-top: 222px;
}
}
@media (max-width: 1024px) {
.goal__text {
    min-height: 575px;
    max-width: 437px;
}
.goal__wrapper{
	padding-top: 142px;
}
}

@media (max-width: 768px) {
	.goal__bottom {
    box-shadow: 0 29px 30px 0 rgba(181, 181, 181, 0.16);
}

	.goal__wrapper{
		margin-bottom: 108px;
	}

	.goal__bottom {
    margin-top: 553px;
    padding: 33px 20px;
    margin-bottom: -108px;
		display: flex;
		width: 100%;
    flex-direction: column;
}

	.goal__bottom  .sub-title{
		text-align: center;
	}

	    .goal__obj {
        max-width: 374px;
        min-width: 374px;
				bottom: 40px;
				translate: -50% 0%;
    }

		.icn{
			font-size: 16px;
		}

		.goal__text{
			max-width: 100%;
			width: 100%;
		}

		.icn br{
			display: none;
		}
}

@media (max-width: 480px) {
	.goal__info{
		font-size: 14px;
	}

	.goal__text .icn__icon{
		width: 40px;
		height: 40px;
	}
}
/* ==================================== */

.gharantii {
}

.gharantii h2, .gharantii .h2{
	max-width: 864px;
}

.gharantii__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.gharantii__icn {
	align-items: center;
	width: calc((100% - 20px) / 2);
}


.gharantii__icn  .icn__text p{
	color: #383838;
	font-size: 16px;
	font-weight: 400;
	line-height: 155%;
}
.gharantii__icn .icn__title {
	font-size: 20px; 
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 155%;
}

.gharantii__icn .icn__icon{
	width: 154px;
	height: 154px;
}

@media (max-width: 1024px) {
.gharantii__icn .icn__title {
    font-size: 18px;
}

.gharantii__icn .icn__icon {
    width: 124px;
    height: 124px;
}

.gharantii__icn .icn__text p {
    font-size: 14px;
}
}

@media (max-width: 768px) {
.gharantii__icn {
	width: 100%;
	max-width: 466px;
	align-items: flex-start;
	flex-direction: column;
}

    .gharantii__icn .icn__icon {
        width: 154px;
        height: 154px;
    }

		.gharantii__icn .icn__text p {
    font-size: 16px;
}

.gharantii__body{
	gap: 25px;
}

}

@media (max-width: 480px) {
	.gharantii__icn .icn__text p {
    font-size: 14px;
}

.gharantii__icn br{
	display: block;
}
}
/* ==================================== */

.for-bussines {
	padding-left: 10px;
	padding-right: 10px;
}
.for-bussines__body {
	max-width: 1400px;
	border-radius: 15px;
	overflow: hidden;
	padding: 60px 0px;
	position: relative;
	z-index: 1;
	margin: 0px auto;
	background: center / cover no-repeat;
}

.for-bussines__obj {
	position: absolute;
	left: 0;
	height: 100%;
	bottom: 0;
}

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

.for-bussines__right {
	max-width: 493px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin-left: auto;
	width: 100%;
	z-index: 1;
	position: relative;
}

.for-bussines_v2 .for-bussines__body{
	min-height: 620px;
	display: flex;
	flex-direction: column;
	 
}


.for-bussines_v2  .for-bussines__right{
	flex-grow: 1;
	justify-content: center;
}

.for-bussines_v2 .wrapper{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.for-bussines__decor{
	position: absolute;
	top: 0;
	left: 50%;
	translate: -15% 0%;
	height: 100%;
}

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

.for-bussines__right .button{
	margin-top: 35px;
}

.for-bussines__right  .button{
	width: 100%;
	max-width: 440px;
}
.for-bussines__list {
	display: flex;
	gap: 18px;
	flex-direction: column;
}

.for-bussines__item .icn__icon{
	width: 70px;
	height: 70px;
}

.for-bussines__list  + .button{
	margin-top: 45px;
}

.for-bussines__item  .icn__title {
	color: #383838;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	margin-bottom: 4px;
	line-height: 130%;
}

.for-bussines__item  p{
	color: #565656;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; 
}


@media (max-width: 1230px) {
.for-bussines_v2 .for-bussines__body {
    min-height: 470px;
}
}
@media (max-width: 1024px) {
.for-bussines_v2  .for-bussines__obj{
	left: -20%;
}

.for-bussines_v2 .for-bussines__right {
    max-width: 383px;
	}
}
@media (max-width: 768px) {
.for-bussines__body {
    padding: 50px 0px 80% 0px;
}

.for-bussines_v2 .for-bussines__right {
    max-width: 100%;
	}

	.for-bussines_v2  .for-bussines__obj{
	left: 0%;
}

.for-bussines__decor {
    top: auto;
    left: 0%;
    translate: 0% 0%;
    height: auto;
		bottom: 45%;
}

.for-bussines__obj {
		width: 100%;
    height: auto;
}
}

@media (max-width: 480px) {
	.for-bussines__item .icn__title {
    font-size: 16px;
}

	.for-bussines_v2 .for-bussines__body{
		padding-bottom: 86vw;
	}

	    .for-bussines__decor {
        bottom: 50vw;
    }

.for-bussines__item p {
    font-size: 14px;
}
}
/* ==================================== */

.trust__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.trust__block {
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 23px 23px 24px 23px;
	background: #FFF;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
	width: calc((100% - 60px) / 4);
}

.trust__block img{
	max-width: 100%;
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.trust__block {
	width: calc((100% - 20px) / 2);
}

}

@media (max-width: 480px) {
	.trust__block {
	width: 100%;
}
}
/* ==================================== */

.proizvodstvo {
	margin: var(--section-margin) 0px;
	background: center / cover no-repeat;
	padding: 80px 0px 243px 0px;
	overflow: hidden;
	z-index: 1;
	position: relative;
	min-height: 867px;
}

.proizvodstvo::before{
	content: '';
	position: absolute;
	background: linear-gradient(180deg, #F3F3F3 32.67%, rgba(255, 255, 255, 0.00) 100%);
	left: 0;
	top: 0;
	width: 100%;
	z-index: -1;
	height: 30%;
	translate: -0px 0px;
}


.proizvodstvo__obj {
	position: absolute;
	max-width: 885px;
		right: 50%;
		min-width: 885px;
		z-index: 1;
		translate: 5% 0%;
	bottom: 0;
}
.proizvodstvo__right {
	max-width: 556px;
	margin-left: auto;
}
.proizvodstvo__blocks {
		display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.proizvodstvo__block {
	padding: 25px;
	margin-top: 13px;
	border-radius: 6px;
	position: relative;
	text-align: center;
	background: #FFF;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
	width: calc((100% - 20px) / 2);
}

.proizvodstvo__block::before{
	content: '';
	position: absolute;
	left: 50%;
	top: -13px;
	translate: -50% 0%;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	background: #0859CC;	
}

.proizvodstvo__obj img{
	position: relative;
	z-index: 1;
}

.proizvodstvo__block::after{
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	top: -4px;
	left: 50%;
	translate: -50% 0%;
	border-radius: 1px;
	background: #FFF;
}

.proizvodstvo__block-title {
	color: #242424;
	font-size: 45px;
	font-style: normal;
	font-weight: 600;
	line-height: 130%;
}

.proizvodstvo__block p{
	color: #5D5D5D;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; 
}

.proizvodstvo__obj-text{
	border-radius: 3px;
	max-width: 320px;
	translate: 0px 55px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	line-height: 140%;
	padding: 24px 24px 79px 24px;
	background: #FFF;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
}

.proizvodstvo__play {
	position: absolute;
	width: 150px;
	height: 150px;
	left: 50%;
	top: 44%;
	z-index: 3;
	translate: -50% -50%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.13);
	backdrop-filter: blur(9px);
}

.proizvodstvo__play::before{
	content: '';
	width: 80%;
	transition: 0.3s ease 0s;
	height: 80%;
	position: absolute;
	left: 50%;
	border-radius: 50%;
	top: 50%;
	translate: -50% -50%;
	background: var(--theme-color);
}


.proizvodstvo__play:hover::before{
	background: #2677EA;
box-shadow: 0 15px 36.6px 0 rgba(8, 89, 204, 0.40);
}

.proizvodstvo__play svg{
	position: absolute;
	left: 50%;
	top: 50%;
	translate: -50% -50%;
}

@media (max-width: 1230px) {
.proizvodstvo__right {
    max-width: 521px;
}

.proizvodstvo__obj {
    max-width: 685px;
    min-width: 685px;
}

.proizvodstvo {
    padding: 50px 0px 163px 0px;
    min-height: 767px;
}

.proizvodstvo__play {
    top: 48%;
}
}

@media (max-width: 1024px) {
	.proizvodstvo__right{
		max-width: 100%;
	}

	.proizvodstvo::before {
		display: none;
	}

	    .proizvodstvo {
        padding: 50px 0px 686px 0px;
    }

		    .proizvodstvo__obj {
					translate: 50% 0%;
    }
}

@media (max-width: 768px) {
	    .proizvodstvo {
        padding: 50px 0px 446px 0px;
    }

		    .proizvodstvo__obj {
        max-width: 445px;
        min-width: 445px;
    }

		.proizvodstvo__play {
    width: 100px;
    height: 100px;
}

.proizvodstvo__block{
	margin-top: 0px;
	padding: 16px 16px 16px 52px;
		text-align: left;
}


.proizvodstvo__block p {
    text-align: left;
}


.proizvodstvo__block::before {
    left: 16px;
    top: 32px;
		translate: 0px 0px;
    width: 25px;
    height: 25px;
}

.proizvodstvo__blocks{
	gap: 10px;
}

.proizvodstvo__block{
	width: calc((100% - 10px) / 2);
}

.proizvodstvo__block::after {
	left: 25px;
	top: 41px;
	translate:  0px 0px;
	}

	.proizvodstvo__obj-text {
    max-width: 217px;
    translate: 0px 65px;
    padding: 25px 25px 79px 25px;
}

    .proizvodstvo__play {
        top: 51%;
    }
}

@media (max-width: 480px) {
	.proizvodstvo__block{
		width: 100%;
	}
}
/* ==================================== */

.individual_v2 .individual__bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -2;

}

.individual_v2 .individual__body{
	position: relative;
}

.individual_v2 .individual__item{
	align-items: center;
}


.individual_v2::before{
	display: none;
}

.proizvodstvo + .individual{
	margin-top: calc((var(--section-margin2) + var(--section-margin2)) + -150px);
}


.individual_v2 .individual__left{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}


.individual_v2 .individual__left .button{
		max-width: 482px;
		width: 100%;
}

.individual_v2  .individual_v2 .individual__obj-circle {
	font-size: 14px;
}

.individual_v2 .individual__circle-text{
	padding: 0px 16px;
	font-size: 14px;
}

.individual_v2 .individual__circle-image{
	width: 125px;
}

.individual_v2  .individual__obj-circle{
	width: 196px;
	    left: 52%;
    top: 56%;
	height: 219px;
	padding-top: 89px;
}

.individual_v2 .individual__body{
	padding: 90px 0px;
}

.individual_v2 .individual__obj{
	height: auto;
	max-width: 473px;
	left: 50%;
	translate: -5% 0%;
	min-width: 473px;
}

.individual_v2 + section{
	background: none !important;
}

@media (max-width: 1230px) {
.proizvodstvo + .individual{
	margin-top: calc((var(--section-margin2) + var(--section-margin2)) + -100px);
}
.individual_v2 .individual__item{
	max-width: 420px;
}
}
@media (max-width: 1024px) {
	.individual_v2 .individual__bg  img{
		object-position: left;
	}

	.individual_v2 .individual__obj {
    max-width: 423px;
    min-width: 423px;
		    translate: 10% 0%;
}

.individual_v2 .individual__obj-circle {
    left: 58%;
}

}

@media (max-width: 768px) {
    .proizvodstvo + .individual {
        margin-top: 0px;
    }

		.individual_v2 .individual__body {
    padding: 50px 0px 542px 0px;
}

    .individual_v2 .individual__obj {
        max-width: 364px;
        min-width: 364px;
				translate: -45% 0%;
    }

		.individual_v2 .individual__obj-circle {
		bottom: 85px;
    top: auto;
		}

		.individual_v2 .individual__bg img{
			object-position: center !important;
		}

		.individual_v2  .individual__item-text br{
			display: none;
		}
}


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


.news__body {
	display: flex;
	flex-wrap: wrap;
}

.news__body .swiper-wrapper{
	display: flex;
	gap: 20px;
}

.news__block {
	display: flex;
	flex-direction: column;
	border-radius: 6px;
	background: #FFF;
	overflow: hidden;
	width: calc((100% - 60px) / 4);
}

[data-show-el].news__block{
	display: none;
}

.news h1{
	margin-bottom: 40px;
}

.news .bottom .button-border{
	min-width: 268px;
}

.news .bottom{
	align-items: center;
	flex-direction: column;
	gap: 25px;
}

.news__grid{
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.intro .breadcrumbs{
	padding: 0px;
	padding-bottom: 8px;
}

[data-show-el].news__block.d-block{
	display: flex;
	flex-direction: column;
	animation: fadeInUp 0.4s ease 0s forwards;
}

.news__picture {
	position: relative;
	padding-top: 60%;
}

.news__picture img{
	position: absolute;
	left: 0;
	top: 0;
}

.news__block-body {
	padding: 20px 25px;
	display: flex;
	gap: 10px;
	flex-direction: column;
}
.news__block-title {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	line-height: 135%;
}

.news__block p{
	color: #5D5D5D;
	font-size: 14px;
	font-weight: 400;
	line-height: 145%;
}

.news__block .link{
	margin-top: auto;
}

a.link, .link {
	color: #0859CC;
	font-family: Onest;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 135%; /* 17.55px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

.news{
	overflow: hidden;
}

.button-border, a.button-border {
	color: #242424;
	text-align: center;
	font-size: 14px;
	min-height: 61px;
	font-style: normal;
	padding: 10px 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.3s ease 0s;
	border-radius: 3px;
	border: 2px solid #383838;
	font-weight: 600;
	line-height: 151%; /* 21.14px */
	letter-spacing: 0.98px;
	text-transform: uppercase;
}

.button-border:hover{
	color: #F3F3F3;
	background: #383838;
}
.similar__title{
	margin-bottom: 0px;
}

.swiper-scrollbar{
	position: static !important;
	margin-top: 20px !important;
	height: 8px !important;
	width: 100% !important;
	overflow: hidden;
	border-radius: 1px !important;
background: #E7EFFA !important;
}

.seo-text .button{
	display: inline-flex;
}

section:not(.obrazec):last-of-type, section:not(.individual):last-of-type {
	padding-bottom: calc(var(--section-margin) + var(--section-margin));
}

.swiper-scrollbar-drag{
	border-radius: 1px !important;
	background: #0859CC !important;
}
.certificates .swiper-scrollbar{
	display: none;
}

@media (max-width: 1024px) {
.news__body .swiper-wrapper{
	gap: 0px;
}

.news__grid  .news__block{
	width: calc((100% - 20px) / 2);
}

.news__block {
	width: auto;
}
}

@media (max-width: 768px) {
.intro-slide {
    min-height: 810px;
		padding-bottom: 75vw;
	}
}

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

.obrazec {
	position: relative;
	overflow: hidden;
	z-index: 1;
}


.obrazec::before{
	content: '';
	position: absolute;
	top: var(--section-margin);
	left: 50%;
	border-radius: 15px 15px 0px 0px;
	z-index: -2;
	height: 100%;
	background: url(../img/obrazec/bg.webp) center / cover no-repeat;
	translate: -50% 0%;
	width: min(1400px, calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
}

.obrazec__left {
	width: 100%;
	padding-top: 75px;
	padding-bottom: 75px;
	max-width: 666px;
}


.obrazec__obj{
	position: absolute;
	min-width: 3804px;
	left: 50%;
	translate: -26.5% 40%;
	z-index: -1;
	bottom: 0;
}

.obrazec__form {
	display: flex;
	max-width: 458px;
	flex-direction: column;
	gap: 10px;
}
.obrazec__inputs {
	display: flex;
		flex-direction: column;
	gap: 10px;
}

.input {
	gap: 10px;
	display: flex;
	min-height: 74px;
	padding-right: 10px;
	align-items: center;
	padding: 10px 35px;
	border-radius: 3px;
border: 1px solid #BDBDBD;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #F4F4F4 0%, #F4F4F4 100%), radial-gradient(53.48% 110.2% at 50% 100%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.00) 100%), #3493FE;
box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
}
.input__icon {
	position: relative;
	width: 27px;
	color: #AEAEAE;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.input:has(input:focus) .input__icon{
	color: var(--text-color);
}

.input:has(input:focus) .input__icon::after{
	background: var(--text-color);
}

.input__icon svg{
	flex-shrink: 0;
	transition: 0.3s ease 0s;
}

.input{
	cursor: text;
}

.input__icon::after{
	content: '';
	width: 1px;
	height: 19px;
	border-radius: 5px;
	background: #AEAEAE;
}


.input-textarea {
	border-radius: 3px;
	border: 1px solid #BDBDBD;
	display: flex;
	cursor: text;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	background: linear-gradient(0deg, #FFF 0%, #FFF 100%), linear-gradient(0deg, #F4F4F4 0%, #F4F4F4 100%), radial-gradient(53.48% 110.2% at 50% 100%, rgba(255, 255, 255, 0.21) 0%, rgba(255, 255, 255, 0.00) 100%), #3493FE;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
	padding: 30px 35px;
}

.input-textarea span{
	color: #AEAEAE;
	font-size: 16px;
	font-weight: 500;
	line-height: 145%;
	letter-spacing: 0.64px;
}

.input-textarea__textarea {
	width: 100%;
	max-width: 262px;
	resize: none;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: 0.56px;
	transition: max-width 0.25s ease;
}

.input-textarea__textarea.has-value {
	max-width: none;
}

.input-textarea__textarea::placeholder{
		color: #AEAEAE;
}

.file-input__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
	overflow: hidden;
}

.file-input {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 10px;
	border-radius: 3px;
	border: 1px solid #BDBDBD;
	background: #FFF;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
	padding: 16px 120px 16px 30px;
}
.file-input__title {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 110%; 
	letter-spacing: 0.64px;
}
.file-input__files {
	color: #AEAEAE;
	font-size: 14px;
	font-weight: 400;
	line-height: 140%; 
	letter-spacing: 0.56px;
}
.file-input__button {
	display: flex;
	transition: 0.3s ease 0s;
	align-items: center;
	justify-content: center;
	width: 93px;
	border-radius: inherit;
background: #E7EFFA;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.file-input__button{
	color: var(--theme-color);
}

.file-input:hover .file-input__button{
	background: var(--theme-color);
	color: #FFF;
}


.checkbox {
		color: rgba(71, 71, 71, 0.6);
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		position: relative;
	line-height: 155%; 
}

.checkbox input{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	visibility: hidden;
}

.checkbox  span{
	position: relative;
	display: block;
	padding-left: 30px;
}

.checkbox  a{
	text-decoration: underline;
}

.checkbox  span::before{
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	border: 1px solid var(--theme-color);
}

.checkbox  input:checked + span::before{
	background: url(../img/icons/galka.svg) center / 14px 8px no-repeat;
}

@media (max-width: 1024px) {
.obrazec__obj {
    min-width: 2804px;
    translate: -26.5% 32%;
}
}

@media (max-width: 768px) {
.obrazec__left {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 366px;
    max-width: 100%;
}

    .obrazec__obj {
        min-width: 1804px;
        translate: -40% 44%;
    }

		.obrazec__left{
	padding-left: 15px;
	padding-right: 15px;
}
}

@media (max-width: 480px) {
	.input {
    min-height: 58px;
    padding: 10px 16px;
		font-size: 14px;
}

.input-textarea {
	min-height: 132px;
	padding: 16px;
}

.input-textarea span {
    font-size: 14px;
}

.file-input {
    padding: 16px 61px 16px 18px;
}


.file-input__button {
    width: 51px;
}
}
/* ==================================== */

.footer {
	padding: 55px 0px 80px 0px;
	background: #141515;
	color: #858585;
}

.footer__main {
	display: flex;
	gap: 20px;
	justify-content: space-between;

}
.footer__col {
	display: flex;
	flex-direction: column;
}
.footer__text {
	margin-top: 12px;
	font-size: 12px;
}
.footer__list-adress {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 28px;
}

.footer__list-adress li{
	font-size: 14px !important;
	display: flex;
	gap: 8px;
}

.footer__list-adress li a{
		font-size: 14px !important;
}

.footer__list-icon {
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer__col_nav {
	flex-direction: row;
	display: flex;
	gap: 65px;
}

.footer__col_nav ul{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	color: #F3F3F3;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 123%;
}

.footer__col_nav ul a{
	color: #858585;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 123%;
}

.footer a{
	transition: 0.3s ease 0s;
}

.footer a:hover{
	color: #FFF;
}

.footer__col_socials {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
a.tel {
color: #F3F3F3;
font-size: 22px;
font-weight: 600;
line-height: 123%; 
}
a.footer__modal {
	margin-top: 12px;
	transition: 0.3s ease 0s;
	color: #F3F3F3;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 123%; /* 17.22px */
	text-decoration-line: underline;
	text-decoration-style: solid;
	margin-bottom: 18px;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 7.5%; /* 1.05px */
	text-underline-offset: 15%; /* 3.5px */
	text-underline-position: from-font;
}

a.footer__modal:hover{
	opacity: 0.8;
}

.button-download, a.button-download {
	min-height: 46px;
	display: flex;
	border-radius: 6px;
	background: #E7EFFA;
	color: #0859CC;
	width: 100%;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 123%;
	padding: 10px 25px;
	align-items: center;
	gap: 10px;
}

.button-download:hover{
	background-color: var(--theme-color);
	color: #FFF;
}

.button-download  svg{
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.footer .socials {
	margin-top: 18px;
}

.footer .socials{
	gap: 16px;
}

.footer .socials__link  img{
	width: 18px;
	height: 18px;
}

.footer .socials__link {
	width: 46px;
	border-radius: 12px;
	height: 46px;
}

.footer__bottom {
	display: flex;
	margin-top: calc(var(--section-margin) + var(--section-margin));
	justify-content: space-between;
	gap: 25px;
	flex-wrap: wrap;
}

.footer__bottom a, .footer__list-adress li a{
	color: #858585;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 123%; 
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: 7.5%; 
	text-underline-offset: 25%; 
	text-underline-position: from-font;
}

@media (max-width: 1024px) {
.footer__col_nav {
    gap: 35px;
}

.footer__main{
	flex-wrap: wrap;
}
}

@media (max-width: 768px) {
.footer__main{
	flex-direction: column;
	gap: 55px;
}

.certificates .swiper-scrollbar{
	display: flex;
}


.footer__col_nav{
	flex-direction: column;
	gap: 35px;
}

.footer .logo__image{
	width: 100px !important;
	max-width: 100px !important;
}

.footer .button-download{
	width: auto;
}

.footer__bottom{
	flex-direction: column;
	align-items: flex-start;
	margin-top: 55px;
}
}

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

.nums:first-child{
	padding-top: calc(var(--section-margin) + var(--section-margin));
	margin-top: var(--section-margin2);
	background: #fff;
}


.certificates-slide {
	display: flex;
	flex-direction: column;
}
.certificates__image {
	width: 1005;
}

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

.certificates-slide__name {
	margin-top: 14px;
	font-size: 16px;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: 155%;
}
.certificates-slide__text {
	color: #5D5D5D;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%
}



@media (max-width: 480px) {
	.certificates h2{
		text-align: left;
	}
}
/* ==================================== */


.people__body {
	display: flex;
	gap: 20px;
	margin-top: var(--section-margin);
}
.people__buttons {
	flex-grow: 1;
	display: flex;
	gap: 20px;
	flex-direction: column;
}
.people__button {
	min-height: 90px;
	color: #565656;
	font-size: 20px;
	font-style: normal;
	padding: 30px 28px;
	display: flex;
	gap: 5px;
	align-items: flex-start;
	transition: 0.3s ease 0s;
	cursor: pointer;
	line-height: 151%;
	font-weight: 500;
	border-radius: 6px;
background: #FFF;
}

.people__button.tab-active {
	color: #FFF;
background: var(--theme-color);
}
.people__main {
	max-width: 652px;
	width: 100%;
}
.people__tab {
	background: #FFF;
		border-radius: 6px;
	overflow: hidden;
}

.people__tab.d-block {
	display: flex;
	flex-direction: column;
	animation: fadeInUp 0.5s ease 0s forwards;
}
.people__picture {
	border-radius: 6px;
	overflow: hidden;
		width: 100%;
		height: 377px;
}

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

.people__tab-body {
	flex-grow: 1;
	padding: 36px 45px;
	background: #FFF;
}
.people__tab-title {
	color: #242424;
	margin-bottom: 12px;
	font-size: 20px;
	font-weight: 500;
	line-height: 151%;
}
.list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.list li{
	position: relative;
	padding-left: 15px;
	color: #383838;
	font-size: 16px;
	font-weight: 400;
	line-height: 155%;
}

.list li::before{
	content: '';
	position: absolute;
	left: 0;
	width: 6px;
	height: 6px;
	background: var(--theme-color);
	top: 8px;
}

.certificates .wrapper-padding{
	padding-left: 0px;
	padding-right: 0px;
	    width: min(var(--wrapper-size), calc(100% - (var(--wrapper-padding) + var(--wrapper-padding))));
}

@media (max-width: 1230px) {
.people__main {
    max-width: 545px;
}
}
@media (max-width: 1024px) {
	.people__body{
		flex-direction: column;
	}

	.people__main{
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.certificates .wrapper-padding{
		width: 100%;
	padding-left: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
	padding-right: max(var(--wrapper-padding), calc((100% - var(--wrapper-size)) / 2));
}

.people__button {
    min-height: 84px;
		font-size: 16px;
	}

	.people__buttons{
		gap: 10px;
	}

	.people__tab-body{
		padding: 20px 30px;
	}
}

@media (max-width: 480px) {
	.list li{
		font-size: 14px;
	}

	.people__tab-title{
		font-size: 16px;
	}

	.people__picture{
		height: 200px;
	}
}
/* ==================================== */


.way__swiper {
	margin-top: 50px;
}
.swiper {
}
.swiper-wrapper {
}
.swiper-slide {
}
.way-slide {
}
.way-slide__year {
	color: var(--theme-color);
	margin-bottom: 15px;
}
.way-slide__texts {
	display: flex;
	gap: 20px;
	grid-area: 20px;
}
.way-slide__column {
	width: calc((100% - 20px) / 2);
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.way-slide__text {
	flex-grow: 1;
	min-height: 175px;
	line-height: 155%;
}
.way-slide__picture {
	height: 300px;
	border-radius: 6px;
	overflow: hidden;
	width: 100%;
	display: flex;
}

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

.way__buttons {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin-top: 16px;
}

.way__buttons .swiper-button-next, .way__buttons .swiper-button-prev {
	position: static;
	background: none;
	margin-top: 0px;
	width: auto;
	color: var(--theme-color ) !important;
	height: auto;
	gap: 13px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
		translate: 0px 0px;
}

.way__buttons .swiper-button-disabled{
	opacity: 0;
}

.way__buttons .swiper-button-next svg, .way__buttons .swiper-button-prev svg{
	position: static;
	translate: 0px 0px;
	width: 14px;
	height: 14px;
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
	.way-slide__text{
		font-size: 14px;
	}

	.way__swiper {
    margin-top: 35px;
}

.way-slide__picture {
    height: 200px;
}
}

@media (max-width: 480px) {
	.way-slide__column{
		width: 100%;
	}

	.way-slide__texts{
		flex-direction: column;
	}
}
/* ==================================== */


.reliability__video {
		height: 495px;
}

.video{
	position: relative;
	display: flex;
	border-radius: 6px;
	overflow: hidden;
}

.video__poster {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.play {
	position: absolute;
	left: 50%;
	transition: 0.3s ease 0s;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	translate: -50% -50%;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	background: var(--theme-color);
}

a:hover .play{
	opacity: 0.8;
}


@media (max-width: 768px) {
.reliability__video {
		height: 457px;
}
}

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

.mission {
	padding-left: 15px;
	padding-right: 15px;
}
.mission__body {
	background: var(--theme-color);
	max-width: 1392px;
	margin-left: auto;
	color: #FFF;
	margin-right: auto;
	padding: 70px 0px;
	box-shadow: 0 47px 170.8px 0 rgba(0, 0, 0, 0.04);
	border-radius: 15px;
	width: 100%;
}

.mission__body  .wrapper{
	display: flex;
	align-items: flex-start;
	gap: 40px;
}

.mission__body  .sub-title{
	margin-top: 0px;
}

.mission__body h2{
	margin-bottom: 0px;
}

.mission__body  .wrapper h2{
	flex-shrink: 0;
}

.mission__body .sub-title{
	color: inherit;
}

.intro__icons{
	display: flex;
	gap: 41px;
}

.intro__icons .icn{
	flex-direction: column;
}

.intro_big .intro__left{
	max-width: 700px;
}

.intro__icons .icn .h2{
	margin-bottom: 0px;
}

.intro__icons .icn  p{
	color: #5D5D5D;
}

@media (max-width: 1024px) {
.intro_big .intro__left{
	max-width: 630px;
}

.intro__obj {
    max-width: 571px;
    min-width: 571px;
}

.intro_big .intro-slide {
    min-height: 790px;
}

.intro_big .intro-slide {
    padding-bottom: 135px;
}

}

@media (max-width: 768px) {
.mission__body .wrapper {
	flex-direction: column;
	gap: 20px;
}

.intro_big .intro-slide {
    padding-bottom: 485px;
}

    .intro__obj {
        max-width: 411px;
        min-width: 411px;
				translate: -50% 0%;
    }

.intro__icons{
	flex-wrap: wrap;
	gap: 21px;
}

	.intro__icn {
		position: relative;
				padding-left: 82px;
				gap: 10px;
	width: 100%;
}

	.intro__icn .icn__icon{
		position: absolute;
		left: 0;
		top: 2px;
	}
}

@media (max-width: 480px) {
	.mission__body{
		max-width: 400px;
	}

	.intro__sub-title br{
		display: none;
	}

}
/* ==================================== */

.individual_v3{
	background: none !important;
}

.individual_v3::before{
	display: none;
}

.upakovka{
	background: none !important;
}

.individual + .upakovka{
	margin-top: var(--section-margin);
	background: none !important;
}

.upakovka .sub-title {
	color: #242424;
}
.upakovka__body {
	display: flex;
	gap: 20px;
	margin-top: 50px;
}
.upakovka__block {
	height: 512px;
	width: calc((100% - 40px) / 3);
}

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

.upakovka__bottom {
	margin-top: 20px;
	gap: 15px;
	border-radius: 6px;
	padding: 30px 60px;
	display: flex;
	align-items: center;
	background: #FFF;
}
.upakovka__bottom-logos {
	display: flex;
	gap: 26px;
}
.upakovka__bottom-logo {
	height: 120px;
	width: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #F9F9F9;
}

@media (max-width: 1024px) {
.upakovka__block {
	height: 412px;
}

.upakovka__bottom {
	padding: 30px;
	flex-direction: column;
}

.upakovka__bottom .sub-title{
	text-align: center;
}
}

@media (max-width: 768px) {
.upakovka__body {
    margin-top: 35px;
}

.upakovka__bottom {
	gap: 35px;
}

.upakovka__bottom-logos{
	flex-direction: column;
}

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


    .upakovka__block {
        height: 262px;
    }
}

@media (max-width: 480px) {
	.upakovka__body{
		flex-direction: column;
	}

	.upakovka__block{
		width: 100%;
		height: 200px;
	}
}
/* ==================================== */

.control{
	padding: calc(var(--section-margin) + var(--section-margin)) 0px;
	background: #FFF;
	margin: var(--section-margin) 0px;
}

.control__row {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	align-items: center;
}

.control__row:not(:last-child){
	padding-bottom: 40px;
	border-bottom: 1px solid #CACACA;
	margin-bottom: 40px;
}

.control__image, .control__row-body{
	width: calc((100% - 40px) / 2);
}

.control__row:nth-child(even){
	flex-direction: row-reverse;
}

.control__image {
	border-radius: 6px;
	background: #9D9D9D;
	overflow: hidden;
}

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


.h4, h4 {
	font-size: 26px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 12px;
	line-height: 130%; 
}

.individual_v4 .sub-title{
	font-weight: 400;
}

.individual_v4 .individual__left{
	max-width: 675px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.individual_v4 .individual__left .sub-title{
	max-width: 615px;
}

.individual_v4::before {
	bottom: auto;
	top: 0;

}

.individual_v4 + section{
	background: none !important;
}

.control + .individual_v4{
	margin-top: var(--section-margin2);
}

.individual_v4 .individual__body{
	    padding: 70px 0px;
			min-height: 560px;
}

@media (max-width: 1440px) {
.individual__obj {
    right: -10%;
}
}
@media (max-width: 1230px) {
.individual__obj {
    right: -22%;
}
}
@media (max-width: 1024px) {
	.individual__obj {
    right: -0%;
		height: 50%;
}

.h4, h4 {
    font-size: 22px;
}
}

@media (max-width: 768px) {
		.individual__obj {
		height: auto;
}

.individual_v4 .individual__body{
	    padding: 60px 0px 75% 0px;
			min-height: 560px;
}

.h4, h4 {
    font-size: 18px;
}

.control__image, .control__row-body{
	width: 100%;
}


.control__row{
	gap: 15px;
}
}

@media (max-width: 480px) {
	.h4, h4 {
    font-size: 16px;
}

.h2 + .sub-title, h2 + .sub-title {
    margin-top: -18px;
}
}
/* ==================================== */


.videos__body {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}
.videos__video-wrapper {
	display: flex;
	flex-direction: column;
	width: calc((100% - 20px) / 2);
}

.video{
	position: relative;
}

.videos__video-wrapper  .videos__video {
	height: 337px;
}

.videos__video {
	margin-bottom: 15px;
}

.videos__video-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 130%;
}

.videos__video-wrapper p{
	color: #383838;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

.videos .swiper-scrollbar{
	display: none;
}

.certificates .sub-title{
	margin-bottom: 40px;
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.videos .swiper-wrapper{
	gap: 0px;
	flex-wrap: nowrap;
}

.videos .swiper-scrollbar{
	display: flex;
	margin-top: 40px !important;
}

.certificates .sub-title{
	margin-bottom: 35px;
}


}

@media (max-width: 480px) {
	.videos__video-title {
    font-size: 18px;
}

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

.certificates h2 br{
	display: none;
}

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


}
/* ==================================== */

.breadcrumbs {
	padding: 35px 0px;
	overflow: hidden;
}

.breadcrumbs ul{
	display: flex;
	gap: 12px;
	color: #565656;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 123%
}

.breadcrumbs ul li a{
	transition: 0.3s ease 0s;
}

.breadcrumbs ul li a:hover{
	color: var(--theme-color);
}

.breadcrumbs ul li{
	display: flex;
	flex-shrink: 0;
	gap: 12px;
}
.breadcrumbs ul li:last-child{
	color: var(--theme-color);
}

.breadcrumbs ul li:not(:first-child)::before{
	content: '/';
	color: #565656;
	
}

.categories{
	padding-top: 20px;
}


.categories-slide {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.categories-slide__image {
		background: #294374;
		position: relative;
		padding-top: 100%;
		width: 100%;
		overflow: hidden;
		display: flex;
			border-radius: 5px;
}

.individual + .obrazec{
	background: none !important;
}

.categories-slide__image img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
}
.categories-slide span{
	color: #0859CC;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%
}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.breadcrumbs {
    padding: 25px 0px;
    overflow: hidden;
}

.categories {
    padding-top: 15px;
}
}

@media (max-width: 480px) {
	
}
/* ==================================== */

@media (max-width: 1024px) {

}

@media (max-width: 768px) {

}

@media (max-width: 480px) {
	
}

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

/* ===== Catalog ===== */
.catalog{
	padding-top: 20px;
	margin-bottom: var(--section-margin);
}

body.filter-open .catalog{
	position: relative;
	z-index: 60;
}

.catalog__filter-toggle{
	display: none;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 56px;
	padding: 12px 20px;
	border-radius: 4px;
	background: var(--theme-color);
	color: #F3F3F3;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.98px;
	text-transform: uppercase;
	margin-bottom: 20px;
	justify-content: center;
}

.catalog__filter-toggle svg{
	flex-shrink: 0;
}

.catalog__body{
	display: grid;
	grid-template-columns: 268px 1fr;
	gap: 20px;
	align-items: start;
}

.catalog__main{
	min-width: 0;
}

.catalog__overlay{
	display: none;
}

/* Filter */
.catalog-filter{
	background: #FFF;
	border-radius: 5px;
	padding:  15px;
}

.catalog-filter__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.catalog-filter__title{
	font-size: 22px;
	padding-top: 15px;
	font-weight: 600;
	color: var(--text-color);
}

.catalog-filter__close{
	display: none;
	width: 28px;
	height: 28px;
	position: relative;
	background: transparent;
	border: 0;
	cursor: pointer;
}

.catalog-filter__close::before,
.catalog-filter__close::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 18px;
	height: 2px;
	background: var(--text-color);
	border-radius: 1px;
}

.catalog-filter__close::before{ transform: translate(-50%, -50%) rotate(45deg); }
.catalog-filter__close::after{ transform: translate(-50%, -50%) rotate(-45deg); }

.catalog-filter__form{
	display: flex;
	flex-direction: column;
}

.filter-group{
	padding: 15px 0;
}

.filter-group + .filter-group{
	margin-top: -5px;
}

.filter-group:first-of-type{
	border-top: 0;
	padding-top: 0;
}

.filter-group__head{
	background: transparent;
	border: 0;
	width: 100%;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 0;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #383838;
	cursor: pointer;
	text-align: left;
}

.filter-group__head svg{
	color: #8F8F90;
}

.filter-group__head > span{
	flex: 1 1 auto;
}

.filter-group__chevron{
	flex-shrink: 0;
	color: var(--theme-color);
	transform: rotate(180deg);
	transition: transform 0.25s ease;
}

.filter-group.is-open .filter-group__chevron{
	transform: rotate(0deg);
}

.filter-group__body{
	display: none;
	flex-direction: column;
	gap: 8px;
	padding-top: 12px;
}

.filter-group.is-open .filter-group__body{
	display: flex;
}

.filter-check{
	position: relative;
	cursor: pointer;
	font-size: 16px;
	color: rgba(71, 71, 71, 0.85);
	line-height: 140%;
}

.filter-check input{
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.filter-check span{
	display: block;
	position: relative;
	padding-left: 26px;
}

.filter-check span::before{
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 16px;
	height: 16px;
	border: 1px solid #929292;
	border-radius: 4px;
	background: #FFF;
}

.catalog-filter__form{
	padding-top: 15px;
}

.filter-check input:checked + span::before{
	background: #FFF url(../img/icons/galka.svg) center / 11px 7px no-repeat;
}

.catalog-filter__reset{
	display: inline-block;
	margin-top: 10px;
	color: var(--theme-color);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 123%;
	text-decoration-line: underline;
	text-decoration-style: dotted;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	text-decoration: underline;
	align-self: flex-start;
}

.catalog-filter__apply{
	min-height: 58px;
	margin-top: 16px;
	font-size: 12px;
	letter-spacing: 0.98px;
	width: 100%;
	min-width: 0;
}

/* Grid */
.catalog__grid{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.catalog__grid .product-card{
	overflow: hidden;
	width: calc((100% - 30px) / 3);
}

/* Product card */
.product-card{
	display: flex;
	background: #FFF;
	border-radius: 5px;
	flex-direction: column;
}

.product-card__top{
	position: relative;
	display: block;
	border-radius: 5px;
	background: #294374;
	overflow: hidden;
	padding-top: 78%;
}

.product-card__image{
	position: absolute;
	inset: 0;
	display: flex;
}

.product-card__image img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 14px;
}

.product-card__article{
	position: absolute;
	top: 18px;
	left: 14px;
	z-index: 2;
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.product-card__badge{
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	min-width: 45px;
	padding: 3px 6px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -0.28px;

	text-transform: uppercase;
	text-align: center;
	color: #FFF;
}

.product-card__badge_hit{ background: #E63946; }
.product-card__badge_new{ background: #1FBF6B; }

.product-card__body{
	padding: 14px;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	gap: 0px;
}

.product-card__title{
	color: var(--text-color);
	font-size: 17px;
	font-weight: 500;
	line-height: 130%;
	margin-bottom: 12px;
	transition: 0.2s ease;
}

.product-card__title:hover{
	color: var(--theme-color);
}

.product-card__params{
	display: flex;
	margin-bottom: 22px;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	color: rgba(71, 71, 71, 0.7);
	line-height: 140%;
}

.product-card__params-row{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
}

.product-card__params-row  dt{
	max-width: 140px;
}

.product-card__params-row dd{
	color: #565656;
	white-space: nowrap;
}

.product-card__button{
	margin-top: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 58px;
	padding: 8px 12px;
	border-radius: 3px;
	background: #E7EFFA;
	color: var(--theme-color);
	font-size: 12px;
	font-weight: 600;
	margin-top: auto;
	letter-spacing: 0.9px;
	text-transform: uppercase;
	transition: 0.2s ease;
}

.product-card__button:hover{
	background: var(--theme-color);
	color: #FFF;
}

/* More */
.catalog__more{
	display: flex;
	min-width: 238px;
	justify-content: center;
	margin-top: 35px;
}

.catalog__more-button{
	min-width: 240px;
}

/* Pagination */
.pagination{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-top: 25px;
}

.pagination__item,
.pagination__nav{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border-radius: 3px;
	font-size: 24px;
	font-weight: 500;
	color: #565656 !important;
	transition: 0.2s ease;
}

.pagination__item:hover,
.pagination__nav:hover{
	color: var(--theme-color);
}

.pagination__item.is-active{
	background: var(--theme-color);
	color: #FFF !important;
}

.pagination__dots{
	padding: 0 4px;
		color: #565656 !important;
	font-size: 24px;
	font-weight: 500;
}

.bottom .pagination{
	margin-top: 0px;
}

.pagination__nav{
	color: #929292;
}

.pagination__nav svg{
	width: 7px ;
	height: 12px;
}

.catalog .seo-text{
	margin-top: calc(var(--section-margin) + var(--section-margin));
}

.seo-text h2, .seo-text .h2{
	margin-bottom: 30px;
}

.seo-text{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.seo-text .button{
	margin-top: 30px;
}

.seo-text__body{
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
}

@media (max-width: 1024px) {
	.catalog__body{
		grid-template-columns: 230px 1fr;
		gap: 15px;
	}


	.catalog__grid .product-card{
	width: calc((100% - 15px) / 2);
}

	.catalog-filter__title{
		font-size: 20px;
		padding-top: 5px;
	}

	.filter-check{
		font-size: 15px;
	}

	.product-card__title{
		font-size: 16px;
	}

	.product-card__params{
		font-size: 13px;
	}

	.product-card__article{
		font-size: 13px;
	}

	.product-card__badge{
		font-size: 12px;
	}

	.pagination__item,
	.pagination__nav,
	.pagination__dots{
		font-size: 20px;
		min-width: 32px;
		height: 32px;
	}
}

@media (max-width: 768px) {
	.catalog{
		padding-top: 10px;
	}

	
	.catalog__grid .product-card{
	width: calc((100% - 12px) / 2);
}

	.news h1 {
    margin-bottom: 35px;
}

	.catalog__filter-toggle{
		display: flex;
	}

	.catalog__body{
		display: block;
	}

	.catalog__aside{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		max-width: none;
		z-index: 1010;
		background: #FFF;
		border-radius: 0;
		padding: 20px;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform 0.4s ease;
		box-shadow: none;
	}

	.catalog__aside.is-open{
		transform: translateX(0);
	}

	.catalog__overlay{
		display: none;
	}

	.catalog-filter__head{
		margin-bottom: 0;
	}

	.catalog-filter__title{
		font-size: 22px;
		padding-top: 0;
	}

	.catalog-filter__close{
		display: inline-flex;
	}

	body.filter-open{
		overflow: hidden;
	}

	.catalog__grid{
		gap: 12px;
	}

	.product-card__body{
		padding: 12px;
	}

	.product-card__title{
		font-size: 15px;
		margin-bottom: 10px;
	}

	.product-card__params{
		font-size: 13px;
		margin-bottom: 16px;
	}

	.product-card__button{
		min-height: 50px;
		font-size: 11px;
	}

	.catalog__more{
		margin-top: 20px;
	}

	.catalog__more-button{
		min-width: 200px;
	}

	.pagination{
		gap: 4px;
		margin-top: 20px;
	}

	.pagination__item,
	.pagination__nav,
	.pagination__dots{
		font-size: 18px;
		min-width: 30px;
		height: 30px;
	}
}

@media (max-width: 480px) {
	.catalog__filter-toggle{
		min-height: 50px;
		padding: 10px 16px;
		font-size: 13px;
	}

	.catalog__grid{
		gap: 15px;
	}

		.catalog__grid .product-card{
	width: 100%;
}

	.news__grid  .news__block{
	width: 100%;
}

	.catalog__aside{
		max-width: 100%;
		padding: 16px;
	}

	.catalog__more-button{
		width: 100% !important;
}

	.product-card__top{
		padding-top: 65%;
	}

	.product-card__article{
		top: 14px;
		left: 12px;
	}

	.product-card__badge{
		top: 12px;
		right: 12px;
	}

	.product-card__title{
		font-size: 16px;
	}

	.product-card__params{
		font-size: 14px;
	}

	.product-card__button{
		min-height: 52px;
		font-size: 12px;
	}

	.pagination__item,
	.pagination__nav,
	.pagination__dots{
		font-size: 16px;
		min-width: 28px;
		height: 28px;
	}

	.pagination__nav svg{
		width: 6px;
		height: 10px;
	}
}

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

/* ===== Product single ===== */
.product{
	padding-top: 10px;
}

.product__body{
	display: grid;
	grid-template-columns: 460px minmax(0, 1fr);
	gap: 30px;
	align-items: start;
}

.product__gallery,
.product__info{
	min-width: 0;
}

/* Gallery */
.product-gallery__main-swiper{
	border-radius: 5px;
	overflow: hidden;
	max-width: 100%;
	background: #294374;
}

.product-gallery__thumbs-swiper{
	max-width: 100%;
}

.product-gallery__slide{
	position: relative;
	padding-top: 100%;
	display: block;
}

.product-gallery__slide > a,
.product-gallery__slide img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.product-gallery__slide img{
	object-fit: contain;
	padding: 30px;
}

.product-gallery__thumbs-swiper{
	margin-top: 15px;
}

.product-gallery__thumb{
	position: relative;
	padding-top: 100px;
	border-radius: 6px;
	overflow: hidden;
	background: #294374;
	cursor: pointer;
	opacity: 0.8;
	transition: opacity 0.2s ease;
}

.product-gallery__thumb img{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 10px;
}

.product-gallery__thumb.swiper-slide-thumb-active{
	opacity: 1;
}

/* Info */
.product__info{
	display: flex;
	flex-direction: column;
}

.product__title{
	margin-bottom: 23px;
}

.product__specs-title{
	font-size: 20px;
	font-weight: 500;
	color: var(--text-color);
	margin-bottom: 8px;
}

.product-specs{
	display: flex;
	gap: 10px;
	flex-direction: column;
	margin-bottom: 28px;
}

.product-specs__row{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-size: 16px;
}

.product-specs__row dt, .product-specs__row dd{
	width: calc((100% - 20px) / 2);
}

.product-specs__row dd{
	text-align: left;
}


.product-specs__row dt{
	color: #565656;
}

.product-specs__row dd{
	color: #565656;
	font-weight: 600;
}

/* Buy block */
.product__buy{
	display: flex;
	gap: 16px;
	align-items: stretch;
	margin-bottom: 36px;
}

.counter{
	display: flex;
	align-items: center;
	border: 2px solid #565656;
	padding: 0px 18px;
	border-radius: 3px;
	flex-shrink: 0;
	gap: 12px;
	min-width: 110px;
}

.counter__btn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 100%;
	min-height: 74px;
	background: transparent;
	border: 0;
	color:#565656;
	cursor: pointer;
	transition: 0.2s ease;
}

.counter__btn svg{
	width: 18px;
}

.counter__btn:hover{
	color: var(--theme-color);
}

.counter__input{
	flex: 1 1 auto;
	width: 40px;
	background: transparent;
	border: 0;
	text-align: center;
	font-family: inherit;
	font-size: 26px;
	font-weight: 600;
	color: #565656;
	outline: none;
	-moz-appearance: textfield;
	appearance: textfield;
}

.counter__input::-webkit-outer-spin-button,
.counter__input::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}

.product__buy-button{
	flex: 1 1 auto;
	min-width: 0;
	font-size: 16px;
}

/* Tabs */
.product__tabs-head{
	display: flex;
	flex-wrap: wrap;
	gap: 24px 36px;
	border-bottom: 1px solid #A3A3A3;
	padding-bottom: 14px;
	margin-bottom: 20px;
}

.product__tabs-button{
	position: relative;
	font-size: 18px;
	font-weight: 500;
	cursor: pointer;
	padding-bottom: 15px;
	margin-bottom: -15px;
	transition: 0.2s ease;
}

.product__tabs-button:hover{
	color: var(--theme-color);
}

.product__tabs-button.tab-active{
	color: var(--text-color);
}

.product__tabs-button.tab-active::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #242424;
}

.product__tabs-content{
	color: #565656;
	font-size: 16px;
	line-height: 155%;
}

.product__tabs-content p + p{
	margin-top: 12px;
}


@media (min-width: 769px) {
.similar .wrapper-padding{
	padding-left: var(--wrapper-padding);
	padding-right: var(--wrapper-padding);
	width: var(--wrapper-size);
}
}

@media (max-width: 1024px) {
	.product__body{
		grid-template-columns: 380px minmax(0, 1fr);
		gap: 24px;
	}

	.product__title{
		margin-bottom: 18px;
	}

	.product__specs-title{
		font-size: 18px;
	}

	.product-specs{
		gap: 8px;
		margin-bottom: 22px;
	}

	.product-specs__row{
		font-size: 15px;
	}

	.product-gallery__thumb{
		padding-top: 80px;
	}

	.product-gallery__slide img{
		padding: 24px;
	}

	.counter{
		min-width: 100px;
		padding: 0 14px;
		gap: 10px;
	}

	.counter__input{
		font-size: 22px;
	}

	.product__buy{
		margin-bottom: 28px;
	}

	.product__tabs-head{
		gap: 18px 28px;
	}

	.product__tabs-button{
		font-size: 16px;
	}

	.product__tabs-content{
		font-size: 15px;
	}
}

@media (max-width: 768px) {
	.product__body{
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
	}

	.product__gallery{
		width: 100%;
		max-width: 100%;
		justify-self: center;
	}

	.product__title{
		margin-bottom: 16px;
	}

	.product__specs-title{
		font-size: 18px;
		margin-bottom: 8px;
	}

	.product-specs{
		gap: 8px;
		margin-bottom: 20px;
	}

	.product-specs__row{
		font-size: 15px;
		gap: 14px;
	}

	.product-gallery__thumb{
		padding-top: 110px;
	}

	.product__buy{
		margin-bottom: 24px;
	}

	.counter{
		padding: 0 14px;
		gap: 10px;
		min-width: 100px;
	}

	.counter__btn{
		min-height: 64px;
	}

	.counter__input{
		font-size: 22px;
	}

	.product__buy-button{
		min-height: 64px;
		font-size: 14px;
	}

	.product__tabs-head{
		gap: 14px 22px;
		margin-bottom: 16px;
	}

	.product__tabs-button{
		font-size: 15px;
	}

	.product__tabs-content{
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.product__title{
		margin-bottom: 14px;
	}

	.product__specs-title{
		font-size: 17px;
	}

	.product-specs__row{
		font-size: 13px;
		gap: 12px;
	}

	.product-gallery__slide img{
		padding: 18px;
	}

	.product-gallery__thumb{
		padding-top: 28%;
	}

	.product__buy{
		flex-direction: column;
		gap: 12px;
	}

	.counter{
		width: 100%;
		min-width: 0;
		justify-content: space-between;
		padding: 0 18px;
	}

	.counter__btn{
		min-height: 56px;
		width: 22px;
	}

	.counter__input{
		font-size: 20px;
	}

	.product__buy-button{
		min-height: 56px;
		width: 100%;
	}

	.product__tabs-head{
		gap: 10px 18px;
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 12px;
		margin-bottom: 14px;
		scrollbar-width: none;
	}

	.product__tabs-head::-webkit-scrollbar{
		display: none;
	}

	.product__tabs-button{
		flex-shrink: 0;
		font-size: 14px;
	}

	.product__tabs-content{
		font-size: 14px;
	}
}

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

.individual_footer::before{
	display: none;
}

.individual_footer{
	padding-bottom: 0px !important;
}

.similar__head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 50px;
}

.similar__nav{
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}

.similar__nav .swiper-button-prev,
.similar__nav .swiper-button-next{
	position: static;
	top: auto;
	left: auto !important;
	right: auto !important;
	margin: 0;
	translate: 0 0;
	background: var(--theme-color);
	color: #FFF;
}

.similar__nav .swiper-button-prev:hover,
.similar__nav .swiper-button-next:hover{
	background: #2677EA;
	color: #FFF;
}

.similar__nav .swiper-button-disabled{
	opacity: 0.4;
	pointer-events: none;
}

.similar__swiper .product-card{
	height: auto;
}

.individual_footer .individual__left{
	max-width: 620px;
}

.similar__swiper{
	max-width: 100%;
}

@media (max-width: 768px) {
	.similar__head{
		margin-bottom: 35px;
	}

	.similar__nav{
		display: none;
	}
	
	.individual_footer .button{
		padding-left: 5px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 5px;
	}

	   .individual_footer .individual__body {
        padding: 50px 0px 95vw 0px;
    }
}

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

/* ===== Contacts page ===== */
.contacts{
	padding-top: 10px;
}

.contacts__title{
	margin-bottom: 30px;
}

.contacts__grid{
	display: grid;
	max-width: 768px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px 40px;
}

.contacts__item{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 10px;
}

.contacts__head{
	display: flex;
	align-items: center;
	gap: 10px;
}

.contacts__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	color: var(--theme-color);
}

.contacts__icon svg,
.contacts__icon img{
	max-width: 100%;
	max-height: 100%;
}

.contacts__label{
	color: #565656;
	font-size: 16px;
	font-weight: 400;
}

.contacts__body{
	display: flex;
	flex-direction: column;
	gap: 4px;
	color: var(--text-color);
	font-size: 22px;
	font-weight: 500;
	line-height: 140%;
}

.contacts__body a{
	transition: 0.2s ease;
}

.contacts__body a:hover{
	color: var(--theme-color);
}

/* ===== Contact form section ===== */



.contact-form__form{
	max-width: none;
	margin-top: 28px;
}

.contact-form__form .obrazec__inputs{
	gap: 14px;
}

.contact-form__row{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.contact-form__form .input-textarea{
	min-height: 130px;
}

.contact-form__form .button{
	width: 100%;
}

.contact-form__privacy{
	color: #8C8C8C;
	font-size: 12px;
	font-weight: 400;
	line-height: 140%;
	text-align: center;
	margin-top: 4px;
}

@media (max-width: 1024px) {
	.contacts__grid{
		gap: 24px 30px;
	}

	.contacts__body{
		font-size: 20px;
	}

	.contacts__icon{
		width: 26px;
		height: 26px;
	}
}

@media (max-width: 768px) {

	.contacts__grid{
		grid-template-columns: minmax(0, 1fr);
		max-width: 100%;
		gap: 22px;
	}

	.contacts__icon{
		width: 24px;
		height: 24px;
	}


	.contacts__label{
		font-size: 15px;
	}

	.contact-form__form{
		margin-top: 22px;
	}

	.contact-form__form .obrazec__inputs{
		gap: 10px;
	}

	.contact-form__row{
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.contact-form__form .input-textarea{
		min-height: 110px;
	}
}

@media (max-width: 480px) {

	.contacts__grid{
		gap: 21px;
	}

	.contact-form__privacy{
		font-size: 11px;
	}
}

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

/* ===== Create ===== */
.create{
	margin-bottom: var(--section-margin);
}

.create h2{
	margin-bottom: 30px;
}

.create__grid{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.create__block:nth-child(1){ grid-area: 1 / 1 / 2 / 4; }
.create__block:nth-child(2){ grid-area: 1 / 4 / 2 / 6; }
.create__block:nth-child(3){ grid-area: 2 / 1 / 3 / 3; }
.create__block:nth-child(4){ grid-area: 2 / 3 / 3 / 6; }
.create__block:nth-child(5){ grid-area: 3 / 1 / 4 / 4; }
.create__block:nth-child(6){ grid-area: 3 / 4 / 4 / 6; }
.create__block:nth-child(7){ grid-area: 4 / 1 / 5 / 3; }
.create__block:nth-child(8){ grid-area: 4 / 3 / 5 / 6; }
.create__block:nth-child(9){ grid-area: 5 / 1 / 6 / 4; }
.create__block:nth-child(10){ grid-area: 5 / 4 / 6 / 6; }

.create__block{
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	background: #FFF;
	padding: 28px;
	box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);

	display: flex;
	flex-direction: column;
	min-height: 240px;
}

.create__block-image{
	position: absolute;
	inset: 0;
	z-index: 0;
}

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

.create__block > *:not(.create__block-image){
	position: relative;
	z-index: 1;
}

.create__num{
	color: var(--theme-color);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	margin-bottom: 26px;
}

.create__block-title{
	color: var(--text-color);
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 12px;
	max-width: 280px;
}

.create__block p{
	color: #565656;
	font-size: 16px;
	line-height: 150%;
	max-width: 280px;
}

@media (max-width: 1024px) {
	.create__grid{
		grid-column-gap: 16px;
		grid-row-gap: 16px;
	}

	.create__block{
		padding: 22px;
		min-height: 220px;
	}

	.create__block-title{
		font-size: 20px;
		max-width: 200px;
	}

	.create__block p{
			max-width: 200px;
		font-size: 14px;
	}
}

@media (max-width: 768px) {
	.create h2{
		margin-bottom: 22px;
	}

	.create__grid{
		grid-template-columns: 1fr;
		grid-row-gap: 20px;
	}

	.create__block:nth-child(n){
		grid-area: auto;
	}

	.create__block{
		min-height: 200px;
		padding: 30px 30px 70vw 30px;
	}

	.create__block-title,
	.create__block p{
		max-width: 320px;
	}

	/* .create__block-image img{
		object-position: bottom;
	} */
}

@media (max-width: 480px) {
	.create__block{
		min-height: 180px;
	}

	.create__num{
		margin-bottom: 15px;
	}

	.create__block-title{
		font-size: 16px;
	}
}

/* ===== Privacy / legal article ===== */
.privacy{
	padding-top: 10px;

}

.privacy h1{
	margin-bottom: 24px;
}

.privacy__article{
	max-width: 900px;
	color: var(--text-color);
	font-size: 16px;
	line-height: 160%;
}

.privacy__meta{
	color: #8C8C8C;
	font-size: 13px;
	margin-bottom: 24px;
}

.privacy__article h2{
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	color: var(--text-color);
	margin-top: 32px;
	margin-bottom: 12px;
}

.privacy__article h2:first-of-type{
	margin-top: 28px;
}

.privacy__article p + p,
.privacy__article p + ul,
.privacy__article ul + p,
.privacy__article ul + ul{
	margin-top: 12px;
}

.privacy__article ul{
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-left: 22px;
}

.privacy__article li{
	list-style: disc;
	color: #565656;
}

.privacy__article a{
	color: var(--theme-color);
	text-decoration: underline;
	transition: 0.2s ease;
}

.privacy__article a:hover{
	text-decoration: none;
}

.privacy__article b{
	font-weight: 600;
	color: var(--text-color);
}

@media (max-width: 1024px) {
	.privacy__article{
		font-size: 15px;
	}

	.privacy__article h2{
		font-size: 20px;
		margin-top: 28px;
	}
}

@media (max-width: 768px) {
	.privacy h1{
		margin-bottom: 18px;
	}

	.privacy__article h2{
		font-size: 18px;
		margin-top: 24px;
	}
}

@media (max-width: 480px) {
	.privacy__article{
		font-size: 14px;
		line-height: 155%;
	}

	.privacy__article h2{
		font-size: 17px;
	}

	.privacy__article ul{
		padding-left: 18px;
	}
}

.requisites__body{
	display: grid;
	grid-template-columns: 344px minmax(0, 1fr);
	gap: 40px;
	align-items: start;
}

.requisites__card{
	background: #FFF;
		position: relative;
	border-radius: 6px;
	z-index: 1;
	padding: 442px 25px 25px 25px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.requisites__image{
	display: block;
	border-radius: 5px;
	width: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	overflow: hidden;
}

.requisites__image img{
	width: 100%;
	height: auto;
	display: block;
}

a.requisites__download{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 28px 19px;
	border-radius: 6px;
	background: #E7EFFA;
	color: var(--theme-color);
	font-size: 15px;
	font-weight: 500;
	line-height: 130%;
	text-align: center;
	transition: 0.2s ease;
}

.requisites__download:hover{
	background: var(--theme-color);
	color: #FFF;
}

.requisites__download-icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	color: currentColor;
}

.requisites__download-icon svg,
.requisites__download-icon img{
	max-width: 100%;
	max-height: 100%;
}

.requisites__title{
	margin-bottom: 28px;
}

.requisites__list{
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.requisites__row{
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	font-size: 16px;
	line-height: 145%;
}

.requisites__row dt{
	color: var(--text-color);
	font-weight: 600;
}

.requisites__row dd{
	font-weight: 400;
}

.requisites__row dd a{
	color: var(--theme-color);
	text-decoration: underline;
	transition: 0.2s ease;
}

.requisites__row dd a:hover{
	text-decoration: none;
}

@media (max-width: 1024px) {

@media (max-width: 1230px) {

.requisites__body{
	display: grid;
	grid-template-columns: 330px minmax(0, 1fr);
}

.requisites__card {
    padding: 402px 15px 15px 15px;
}
}

	.requisites__row{
		grid-template-columns: 190px minmax(0, 1fr);
		gap: 18px;
		font-size: 15px;
	}

	.requisites__title{
		margin-bottom: 22px;
	}
}

@media (max-width: 768px) {
	.requisites__body{
		display: flex;
		flex-direction: column-reverse;
		grid-template-columns: minmax(0, 1fr);
	}

	.requisites__card{
	padding: 110vw 13px 13px 13px;
}

	.requisites__card{
		max-width: 100%;
		width: 100%;
		justify-self: center;
	}

	.requisites__row{
		grid-template-columns: minmax(0, 1fr);
		gap: 4px;
	}


	.requisites__row dd{
		color: var(--text-color);
		font-weight: 500;
	}
}

@media (max-width: 480px) {
a.requisites__download {
    padding: 28px 9px;
}
}

/* ===== Map section ===== */

.map-section__wrap{
	position: relative;
}

.map-section__map{
	height: 768px;
	width: 100%;
	background: #E7EFFA;
}

.map-section__card{
	color: var(--theme-color);
	position: absolute;
	bottom: 50px;
	left: max(15px, calc((100% - var(--wrapper-size)) / 2));
	width: min(454px, calc(100% - 30px));
	background: #FFF;
	padding: 30px 35px;
	border-radius: 6px;
box-shadow: 0 5px 83px 0 rgba(181, 181, 181, 0.16);
	z-index: 1;
}

.map-section__head{
	display: flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 13px;
}

.map-section__icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	color: var(--theme-color);
}

.map-section__icon svg,
.map-section__icon img{
	max-width: 100%;
	max-height: 100%;
}

.map-section__label{
	color: #565656;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 155%
}

.map-section__title{
	color: var(--text-color);
	font-size: 22px;
	font-weight: 600;
	line-height: 130%;
	margin-bottom: 10px;
}

.map-section__address{
	color: #383838;
	font-size: 16px;
	line-height: 155%;
}


@media (max-width: 768px) {
	.map-section__map{
		height: 1100px;
	}
	
}

@media (max-width: 480px) {
	.map-section__wrap{
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	.map-section__card{
		max-width: 100%;
		    width: min(350px, calc(100% - 30px));
	}

	.modal-cookie__text br{
		display: none;
	}
}

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

.delivery {
}
.wrapper {
}
.delivery__body {
	display: flex;
	gap: 40px;
}
.delivery__picture {

border-radius: 6px;
overflow: hidden;
	width: calc((100% - 40px) / 2);
}

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

.delivery__right{
	padding-top: 24px;
	width: calc((100% - 40px) / 2);
}

.delivery__right h2{
	margin-bottom: 30px;
}

.delivery__texts + .delivery__texts{
	margin-top: 35px;
}

.delivery__texts{
	display: flex;
	flex-direction: column;
	gap: 15px;
	color:#383838;
	font-size: 14px;
	font-weight: 400;
	line-height: 150%;
}

.delivery__bottom {
	display: flex;
	margin-top: 35px;
	gap: 21px;
	border-radius: 6px;
background: #FFF;
padding: 20px 30px;
}
.delivery__icons {
	display: flex;
	gap: 8px;

}
.delivery__icon {
	width: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	overflow: hidden;
	background: #FFF;
	box-shadow: 0 5px 83px 0 rgba(28, 28, 28, 0.16);
	height: 40px;
}

@media (max-width: 1024px) {
	.delivery__body{
		gap: 20px;
	}

	.delivery__picture {
	width: calc((100% - 20px) / 2);
}

.delivery__bottom{
	flex-direction: column-reverse;
}


.delivery__right{
	width: calc((100% - 20px) / 2);
}
}
@media (max-width: 768px) {
	.delivery__body{
		flex-direction: column;
		gap: 35px;
	}

		.delivery__picture {
	width: 100%;
}

.delivery__right{
	width: 100%;
	padding-top: 0px;
}

.delivery__texts + .delivery__texts {
    margin-top: 25px;
}

.delivery__bottom{
	margin-top: 25px;
}
}
@media (max-width: 480px) {
	.delivery__picture{
		height: 250px;
	}
}

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


@keyframes fadeInUp {
	0%{
		opacity: 0;
		translate: 0px 20px;
	}
	

	100%{
		opacity: 1;
		translate: 0px 0px;
	}
}

.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;
}