body {
	margin: 0;
	padding: 0;
	line-height: 110%;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 18px;
	position: relative;
	background-color: #fff;
	color: #000;
}

/* picture{
	width: 100%;
} */
.body-container {
	position: relative;
	overflow: hidden;
}

body.no-scroll {
	overflow: hidden;
}

html.no-scroll {
	overflow: hidden;
}

body.no-scroll-alfa {
	overflow: hidden;
}

html.no-scroll-alfa {
	overflow: hidden;
}

button {
	padding: 0;
}

img {
	border: 0;
}

ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

a:focus {
	outline: none;
	outline-offset: none;
	text-decoration: none;
}

a {
	color: #307794;
	transition: .4s;
}

a:hover {
	text-decoration: none;
	transition: .4s;
	color: #307794 !important;
}

* {
	outline: none;
}

strong {
	font-weight: 600;
}

span {

	padding: 0;
	margin: 0;
}

p {

	margin: 0;
	padding: 0;

}


img {
	max-width: 100%;
	height: auto;
}

.mb20 {
	margin-bottom: 20px !important;
}

.container {
	width: 1248px;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.main-single {
	margin-bottom: 50px;
	background-image: url(/wp-content/uploads/2024/03/image-7.png);
	background-position: center top;
	background-repeat: no-repeat;
	/* background-size: 100%; */
	overflow-x: clip;
}


.button-next {
	position: relative;
	width: 60px;
	height: 60px;
}

.button-prev {
	position: relative;
	width: 60px;
	height: 60px;
}

.button-prev::before {
	left: 0;
	top: 0;
	position: absolute;
	width: 60px;
	height: 60px;
	content: '';
	transition: .4s;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_331_29598)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_331_29598" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_331_29598"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_331_29598" result="shape"/></filter></defs></svg>');}


.button-next::before {
	left: 0;
	top: 0;
	transition: .4s;
	position: absolute;
	width: 60px;
	height: 60px;
	content: '';
	background-repeat: no-repeat;
	/* transform: rotate(-180deg); */
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_331_29597)"><rect width="40" height="40" rx="20" transform="matrix(-1 0 0 1 50.2178 8)" fill="white"/></g><path d="M28.6145 34.0469L34.4026 28.2588L28.6145 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_331_29597" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_331_29597"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_331_29597" result="shape"/></filter></defs></svg>')
}

.button-next:hover::before {
	transition: .4s;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_331_29597)"><rect width="40" height="40" rx="20" transform="matrix(-1 0 0 1 50.2178 8)" fill="%23307994"/></g><path d="M28.6145 34.0469L34.4026 28.2588L28.6145 22.4706" stroke="white" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_331_29597" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_331_29597"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_331_29597" result="shape"/></filter></defs></svg>');
}
.button-prev:hover::before {
	transition: .4s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='61' height='60' viewBox='0 0 61 60' fill='none'%3E%3Cg opacity='1' filter='url(%23filter0_d_331_29220)'%3E%3Crect x='10.2178' y='8' width='40' height='40' rx='20' fill='%23307994'/%3E%3C/g%3E%3Cpath d='M31.8211 34.0469L26.033 28.2588L31.8211 22.4706' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_331_29220' x='0.217773' y='0' width='60' height='60' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_331_29220'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_331_29220' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}


.main-single.main-page {
	background-image: none !important;
}

header {
	background: #00151D;
	position: relative;
}

.header-flex {
	padding: 15px 0;
	display: flex;
	align-items: center;
}

.logo a {
	width: 143px;
	display: block;
}

.footer-column .logo>a>svg{
	width: 173px;
	height: 33px;
}


.logo .contacts {
	display: none;
}

.header-top {
	padding: 0;
	list-style: none;
	display: flex;
	color: #fff;
	gap: 90px;
	margin-left: 151px;
	margin-bottom: 0;
}

.header-top li {
	color: #307794;
	font-size: 18px;
}

.header-top li span {

	color: #fff;
}

.header-top li span a {

	color: #fff;
}

.main-slider {
	max-height: 512px;
	overflow: hidden;

}

#menu-main-menu {
	list-style: none;
	padding: 0 0 0px 0;
	display: flex;
	gap: 40px;
	margin: 0;
}

.sub-menu {
	visibility: hidden;
	width: 350px;
	padding: 10px 20px;
	height: auto;
	background: #fff;
	position: absolute;
	opacity: 0;
	z-index: -1;
}

#menu-main-menu li.menu-item-has-children:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	width: 350px;
	padding: 0 0px;
	height: max-content;
	background: #fff;
	position: absolute;
	top: 43px;
	z-index: 99;
	border-top: 3px solid #307994;
	box-shadow: 0px 0px 5px 0px rgba(48, 119, 148, 0.10), 0px 0px 15px 0px rgba(48, 119, 148, 0.20);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;

}






/* #menu-main-menu li.menu-item-has-children .sub-menu li a::after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content:attr(data-text);
	color: #000;
	transition: .2s;
	transition:all .3s linear;
}
#menu-main-menu li.menu-item-has-children .sub-menu li:hover a::after{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content:attr(data-text);
	color: #307794;
	transition: .2s;
	font-weight: 600;
	transition-delay:.2s;
	transition:all .3s linear;
} */
#menu-main-menu>li.menu-item-has-children>.sub-menu>li a:hover {

	/* font-weight: 600; */
	color: #307994;
	transition: .4s;
	text-shadow: 0 .2px #307994;
}

#menu-main-menu li.menu-item-has-children:hover::after {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M11 1.5L6.70711 5.79289C6.31658 6.18342 5.68342 6.18342 5.29289 5.79289L0.999999 1.5" stroke="%23307994" stroke-width="1.5" stroke-linecap="round"/></svg>');
	transition: .4s;
	transform: rotate(-180deg);
	top: 3px;
}



#menu-main-menu li .sub-menu li a {
	color: #000;
}


#menu-main-menu li a {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
}

#menu-main-menu li:first-child a span {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-right: 5px;
}


#menu-main-menu li:first-child a div:first-child {
	width: 20px;
	height: 3px;
	background: #fff;
	border-radius: 10px;
}

#menu-main-menu li:first-child a div:nth-child(2) {
	width: 10px;
	height: 3px;
	background: #fff;
	border-radius: 10px;
}

#menu-main-menu li:first-child a div:last-child {
	width: 15px;
	height: 3px;
	background: #fff;
	border-radius: 10px;
}

#menu-main-menu li.menu-item-has-children .sub-menu li {
	padding: 10px 0;
	position: static;
}

#menu-main-menu>li.menu-item-has-children>.sub-menu>li>a::after {
	content: '';
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M1 11L5.29289 6.70711C5.68342 6.31658 5.68342 5.68342 5.29289 5.29289L1 0.999998' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	width: 7px;
	height: 12px;
	right: 20px;
	top: calc(50% - 5px);
	transition: .4s;
}

#menu-main-menu li.menu-item-has-children .sub-menu li a:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'%3E%3Cpath d='M1 11L5.29289 6.70711C5.68342 6.31658 5.68342 5.68342 5.29289 5.29289L1 0.999998' stroke='%23307794' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
	transition: .4s;
}

#menu-main-menu li.menu-item-has-children .sub-menu li a {
	font-size: 20px;
	transition: .4s;
	position: relative;
	display: block;
	padding: 0 20px;
}

#menu-main-menu>li>.sub-menu>li:hover::after {
	content: none;
}



.header-bottom {
	padding-bottom: 0;
	display: flex;
	align-items: center;
	gap: 40px;
}




.call-back {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 2px #307794 dashed;
	margin-bottom: 23px;
	color: #307794;
}

#menu-main-menu li.menu-item-has-children {
	position: relative;
	padding-right: 15px;
	padding-bottom: 23px;
}

#menu-main-menu>li.menu-item-has-children::after {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="7" viewBox="0 0 12 7" fill="none"><path d="M11 1.5L6.70711 5.79289C6.31658 6.18342 5.68342 6.18342 5.29289 5.79289L0.999999 1.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/></svg>');
	right: 0;
	background-repeat: no-repeat;
	top: 8px;
	transition: .4s;
}

#menu-main-menu>li>.sub-menu>li>.sub-menu {
	visibility: hidden !important;
	opacity: 0 !important;
	top: -2px !important;
	left: 100%;
	border-top: 0 !important;
}

#menu-main-menu>li>.sub-menu>li:hover>.sub-menu {
	filter: drop-shadow(0px 0px 15px rgba(48, 119, 148, 0.20)) drop-shadow(0px 0px 5px rgba(48, 119, 148, 0.10));
	visibility: visible !important;
	opacity: 1 !important;
	padding: 0 !important;
	min-height: 220px;
	max-height: 340px;

}


#menu-main-menu>li>.sub-menu>li>.sub-menu {
	/* column-count: 2; */
	width: max-content !important;
	padding: 0 20px !important;
}

#menu-main-menu>li>.sub-menu>li>.sub-menu>li {
	width: 370px !important;
	padding: 10px 20px !important;
	background: #fff;
}

#menu-main-menu>li>.sub-menu>li>.sub-menu>li a::after {
	content: none !important;
}

#menu-main-menu>li>.sub-menu>li>.sub-menu>li a {
	padding: 0;
}

#menu-main-menu>li:hover>a {
	color: #307794;
}

#menu-main-menu>li:hover>a>span>div {
	background: #307794 !important;
	transition: .4s;
}

#menu-main-menu>li>.sub-menu {
	display: block !important;
	height: fit-content !important;
}

/* Подвал сайта */
.messenger.open {
	padding: 10px 15px;
	display: flex;
	/* gap: 10px; */
	height: 53px;
	width: 135px;
}

.messenger {
	transition: .4s;
	gap: 0;
	width: 53px;
	height: 53px;
	position: fixed;
	bottom: 65px;
	right: 125px;
	padding: 10px;
	border-radius: 45px;
	background: rgba(21, 60, 75, 0.50);
	backdrop-filter: blur(0.6037735939025879px);
	z-index: 99;
	cursor: pointer;
}

.contacts-messenger {
	display: flex;
	align-items: center;
	gap: 10px;
	transition: .4s;
}

/* .messenger.open .contacts-messenger{
	width: auto;
	overflow: visible;
	transition: .4s;
	visibility: visible;
	}




.messenger .contacts-messenger{
width: 0;
overflow: hidden;
transition: .4s;
visibility: hidden;
} */



.messenger .widget-button {
	display: block;
	width: 100%;
}

.messenger svg {

	width: 100%;
}

.widget-button svg {
	width: 35px;
	height: 35px;
}

.messenger.open .widget-button {
	display: none;


}


.messenger .widget-button {
	display: block;
}

#hidden {
	position: relative;
	border-radius: 20px;
	background: radial-gradient(157.37% 172.09% at 10.8% 24.21%, #307794 0%, #1C6583 36.97%, #114F68 61.8%, #001B26 100%);
}

.contacts-messenger .close {
	cursor: pointer;
}


#hidden::before {
	position: absolute;
	width: 180px;
	height: 388px;
	background: url(/wp-content/uploads/2024/03/group-33867.png);
	content: '';
	right: 40px;
	top: 0;
	mix-blend-mode: screen;
}

#hidden.submit-on::before {
	content: none;
}

#hidden.submit-on {
	/* background-image: url(/wp-content/uploads/2024/02/image-8.png); */
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
	padding-top: 30px !important;
	width: 530px !important;
}

#hidden.submit-on::after {
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	background: url(/wp-content/uploads/2024/02/image-8.png);
	top: 0;
	background-size: cover;
	left: 0;
}

#hidden .close {
	position: absolute;
	display: block;
	right: 20px;
	top: 20px;
}




#hidden .fancybox-close-small {
	opacity: 0 !important;
	right: 20px;
	top: 20px;
}


.fast-block p.thanks {
	color: #fff;
	margin-top: 20px;
	font-size: 20px;
}


.contact-form-head {
	font-size: 30px;
	font-weight: 700;

	color: #fff;
	line-height: 110%;
	margin-bottom: 30px;
}

.contact-form-body {
	z-index: 9;
	position: relative;
}


.form-pop-up-block input {
	padding: 17px 20px;
	background: #fff;
	border-radius: 30px;
	border: none;
	color: #606060;
	width: 254px;
}


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

.form-bottom .proof {
	color: #85B1C3;
	font-family: "Source Sans Pro";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
}

.form-bottom {
	display: flex;
	gap: 20px;
	margin-top: 20px;
	align-items: center;
}

.form-bottom .proof a {
	color: #fff;
}

footer {
	background: #00151D;
	padding: 30px 0 20px 0;
}

.footer-container {
	display: flex;
	/* gap: 30px; */
	margin-bottom: 25px;
	justify-content: space-between;

}

.footer-column:first-child {
	width: calc(33% - 17px);

}

.footer-column .logo a {
	width: 178px;
}

.footer-column .logo {
	margin-bottom: 15px;
}

.company-name {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}

.about-company {
	color: #AFBDC2;
	font-size: 18px;
	margin-top: 10px;

}

.copyr {
	color: #fff;
	margin-top: 10px;
	font-size: 16px;
}

.contacts {
	display: flex;
	list-style: none;
	padding: 0;
	margin-top: 15px;
	gap: 15px;

}

.contacts li {
	transition: .4s ease-in-out;
}

.contacts li:hover {
	transform: translateY(-2px);
	transition: .4s ease-in;
}

.footer-header {
	color: #AFBDC2;
	font-size: 18px;
	line-height: 110%;
	text-transform: uppercase;
}

#menu-catalog-menu {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;

}

#menu-catalog-menu li a {
	color: #fff;
	font-size: 18px;
}

.footer-column:nth-child(2) {
	width: calc(25% - 17px);
	padding-bottom: 15px;


}

#menu-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;
}

#menu-info li a {
	color: #fff;
	font-size: 18px;
}

.footer-column:nth-child(3) {
	width: calc(16.67% - 17px);
	padding-bottom: 15px;
}

.contacts-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 15px;
}

.contacts-list li {
	color: #AFBDC2;
	font-size: 18px;
}

.contacts-list li span {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.contacts-list li span a {
	color: #fff;
}

.footer-column:last-child {

	width: calc(25% - 17px);
	padding-bottom: 15px;
}

.footer-menu li {
	line-height: 110%;
}

.footer-column {
	position: relative;
}

.footer-column:first-child::before {
	content: none !important;
}

.footer-column::before {
	position: absolute;
	content: '';
	width: .5px;
	height: 100%;
	background: rgba(255, 255, 255, 0.30);
	left: -20px;
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-right: 54px;
}

.footer-bottom a>p:hover {
	color: #307794 !important;
	transition: .4s;
}

.footer-bottom .copyr {
	margin-top: 0;
	transition: .4s;
}

.footer-bottom .copyr:nth-child(2) {
	display: flex;
	align-items: center;
	gap: 5px;
}

.footer-bottom .copyr:nth-child(2) a {
	font-weight: 600;
}

@keyframes heartbeat {
	0% {
		transform: scale(1);
	}

	10% {
		transform: scale(1.2);
	}

	20% {
		transform: scale(1);
	}

	30% {
		transform: scale(1.2);
	}

	40% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

.footer-bottom .copyr:nth-child(2) svg {
	animation: heartbeat 2s infinite;
}

.footer-bottom .copyr.desc-hidden svg {
	animation: heartbeat 2s infinite;
}

/* Главаня страница */


.contact-form-page-body {
	display: flex;
	padding: 12px 0px;
	gap: 73px;
	align-items: start;
}

.contact-form-page-text {
	margin-top: 38px;
	width: 50%;
}

.contact-form-page-head {
	color: #000;
	font-size: 30px;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0.3px;
}

.contact-form-page-text p {
	font-size: 18px;
	margin-top: 15px;
	line-height: 110%;
	margin-bottom: 30px;
}

.name-number input {
	color: #606060;
	font-size: 18px;
	padding: 17px 20px;
	border-radius: 30px;
	border: none;
	background: #fff;
	font-weight: 400;
	/* margin-right: 10px; */
	width: 282px;
}

.contact-form-page {
	background: linear-gradient(90deg, #D2D2D2 16.86%, #F6F6F6 100%);

}

.name-number label {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.form-background {
	background-image: url(/wp-content/uploads/2024/04/image-8.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
}

.submit {
	line-height: 110%;
	font-size: 20px !important;
	background-color: #307794 !important;
	color: #fff !important;
}

.pretty-btn {
	transition: .4s;
	background-color: #307794 !important;
	color: #fff;
	border-radius: 30px;
	padding: 15px 35px;
	font-size: 20px
}

.pretty-btn:hover {
	background-color: #00151D !important;
	transition: .4s;
	color: #fff !important;
}

.conf {
	color: #7A7A7A;
	font-size: 16px !important;
	line-height: 110%;
	margin-top: 10px !important;
	margin-bottom: 40px !important;
}

.conf a {
	border-bottom: 1px dashed #307994;
}


.slide-body {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 10px 0 30px 0;
}

.slider-text {
	width: 64%;
	display: flex;
	flex-direction: column;
}

.slide-img {
	width: 100%;
	position: relative;
}


.main-slide {
	background-image: url(/wp-content/uploads/2024/04/image-8.webp);
	background-repeat: no-repeat;
	background-position: 15%;
	background-position-y: 15%;
	display: flex;
	align-items: center;
	gap: 30px;
	/* max-height: 512px;
    overflow: hidden; */
}

.main-slider-container {
	width: 37.5%;
	position: relative;
}

.slider-head {
	font-size: 42px;
	font-weight: 700;
	line-height: 110%;
}

.slider-text div {
	font-size: 18px;
	margin: 30px 0;
}

.slider-text .pretty-btn {
	font-size: 20px;
	font-weight: 600;
	padding: 13px 20px;
	border-radius: 30px;
	width: fit-content;
	line-height: 110%;
}

/* .slide-img button{
	border: none;
	background: none;
	position: absolute;
}

.box-arrow-prev {
    display: block;
    top: calc(50% - 20px);
    left: -30px;
}
.box-arrow-next {
    display: block;
    top: calc(50% - 20px);
    right: -30px;
} */
.box-arrow-prev:hover svg g {
	opacity: 1;

	transition: .4s;
}

.box-arrow-prev:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-prev:hover svg path {
	stroke: #fff;
	transition: .4s;
}

.box-arrow-next:hover svg g {
	opacity: 1;

	transition: .4s;
}

.box-arrow-next:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-next:hover svg path {
	stroke: #fff;
	transition: .4s;
}


.main-slider-nav {
	position: absolute;
	display: flex;
	width: calc(100% + 60px);
	justify-content: space-between;
	align-items: center;
	top: calc(50% - 20px);
	z-index: 1;
	left: -30px;

}

.main-slider-nav button {
	border: none;
	background: none;
}

.heading {
	line-height: 110%;
	padding-left: 25px;
	position: relative;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
}

.heading::before {
	position: absolute;
	content: '';
	border-radius: 10px;
	width: 5px;
	height: 40px;
	transform: rotate(17deg);
	background: #307794;
	left: 6px;
}

.heading-no-line {
	line-height: 110%;
	padding-left: 0;
	position: relative;
	font-size: 34px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
	display: block;
	margin-top: 20px;
}

.catalog-item svg {
	transition: .4s;
}

.catalog-item:hover svg path {
	stroke: #307794;
	transition: .4s;
}

.catalog-item:hover span {
	color: #307794;
	transition: .4s;
}

.catalog-item span {
	font-size: 22px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 13px;
	color: #000;
	transition: .4s;
}
.catalog-img {
    width: calc(50% - 15px);
    max-height: 230px;
}
.catalog-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.catalog-item-img {
    margin-bottom: 10px;
    width: 100%;
    height: 210px;
}

.catalog-item-img img {
    border-radius: 10px;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.catalog-items {
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 20px;
	margin-bottom: 50px;
}

.catalog-items.podcat {
	row-gap: 0px;
	margin-bottom: 20px;
	margin-top: 30px;
}

.slider-for-container {
	display: flex !important;
	align-items: end;
	gap: 30px;

}

/* .slider-for{
	max-height: 386px;
	overflow: hidden;
} */
/* .slider-nav{
	max-height: 101px;
	overflow: hidden;
} */

.slider-nav img {
	width: 70px;
	border-radius: 20px;
	height: 70px;
	object-fit: contain;
}

.slider-nav .slick-track {
	/* padding-bottom: 30px; */
}

.gray-container {
	background: linear-gradient(90.01deg, #D2D2D2 -50.93%, #F6F6F6 31.22%);
	padding: 20px 0 30px 0;

}

.prod-text-block span {
	font-size: 28px;
	font-weight: 600;
}

.slider-nav {
	margin-top: 30px;
	display: flex;
	align-items: center;
	position: relative;

}

.slider-nav::after {
	width: 100%;
	content: '';
	position: absolute;
	height: 1px;
	background: #00151D1A;
	bottom: -30px;
	z-index: 0;
}

.item {
	border-radius: 20px;
	background: #fff;
	display: flex !important;
	margin-right: 30px;
	transition: .4s;
	align-items: center;
	gap: 3px;
	padding: 15px 10px 15px 10px;
	border: 1px solid transparent;
	position: relative;
	width: 219px;
}

.item span {
	font-size: 16px;
}

.item.slick-current {
	border: 1px solid #307794;
	transition: .4s;
}

/* .item.slick-current::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: -30px;
    background: #307794;
    z-index: 1;
    left: 0;
    border-radius: 10px;
} */

.prod-text-block p {
	margin-top: 30px;
	margin-bottom: 87px;
}

.prod-text-block {
	margin-bottom: 18px;
	width: calc(66% - 15px);
}

.img-container {
	width: 386px;
	height: 386px;
	background: #fff;
	border-radius: 20px;
}

.prod-text-block .pretty-btn {
	padding: 16px 67.5px;
	margin-right: 30px;
	font-size: 20px;
	font-weight: 600;

}

.slider-nav .box-arrow-prev {
	display: block;
	position: absolute;
	left: -30px;
	width: 40px;
	border: none;
	background: none;
}

.slider-nav .box-arrow-next {
	display: block;
	position: absolute;
	right: -30px;
	width: 40px;
	border: none;
	background: none;
}

.slider-nav .slick-dots {
	bottom: -30px;
	display: flex;
	/* gap: 30px; */
	flex-wrap: wrap;
}

.slider-nav .slick-prev:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	/* background-image: url(/wp-content/uploads/2024/02/Group-3.svg); */
	display: block;
	left: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.slider-nav .slick-next:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	background-image: url(/wp-content/uploads/2024/02/Group-4.svg);
	display: block;
	right: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
	rotate: 180deg;
}

.slider-nav .slick-next:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.slider-nav .slick-prev:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.slider-nav .slick-dots .slick-active {
	/* width: 219px; */
	background: #307794;
	height: 2px;
}

.slider-nav .slick-dots li {
	/* width: 219px; */
	height: 2px;
	padding: 0;
	margin: 0;
}

.slider-nav .slick-dots li button {
	width: 100%;
}

.slick-dots li button:before {
	opacity: 0 !important;
}

#breadcrumbs {
	padding-top: 30px;
}

.breadcrumb_last {
	color: #307794;
	font-weight: 600;
}

.pretty {
	padding: 30px 0 40px 26px;
	/* background-image: url(/wp-content/uploads/2024/02/image-7.png); */
	background-repeat: no-repeat;
	background-position: -357px;
}

.ymaps-2-1-79-inner-panes {
	border-radius: 20px !important;
}

.ymaps-2-1-79-map {
	border-radius: 20px;
}

#about-1 {
	border-radius: 20px;
	background: rgba(48, 119, 148, 0.50);
}

.spec-items {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 23px;
	margin-bottom: 50px;
}

.spec-items a div span {

	transition: .4s;
}

.spec-items a div span:hover {
	color: #307994;
	transition: .4s;
}


.spec-item {
	width: calc(33% - 17px);
}

.spec-item span {
	font-size: 22px;
	font-weight: 600;
	color: #000;
}

.spec-item:nth-child(4) {
	width: calc(50% - 15px);
}

.spec-item:nth-child(5) {
	width: calc(50% - 15px);
}

.spec-item-img {
	margin-bottom: 10px;
	width: fit-content;
	display: flex;
	align-items: center;
	gap: 10px;
}

.spec-item-img img {
	width: 50px;
	height: 50px;
}

.advantages-items {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 50px;


}

.advantages-item::after {
	position: absolute;
	content: '';
	width: 100%;
	height: 3px;
	bottom: 0;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="286" height="4" viewBox="0 0 286 4" fill="none"><path d="M2 2H284" stroke="url(%23paint0_linear_261_14805)" stroke-width="3" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_261_14805" x1="2" y1="2" x2="284" y2="2" gradientUnits="userSpaceOnUse"><stop stop-color="%23307794" stop-opacity="0"/><stop offset="0.506612" stop-color="%23307794"/><stop offset="1" stop-color="%23307794" stop-opacity="0"/></linearGradient></defs></svg>');
}

.advantages-item {
	width: calc(25% - 23px);
	position: relative;
	padding-bottom: 20px;
}

.advantages-item-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px;
}

.advantages-item-img span {
	text-align: center;
	font-weight: 600;
}

.advantages-text {
	text-align: center;
	margin-top: 15px;
}

.pretty-list {

	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pretty-list li {
	position: relative;
	padding-left: 22px;
}

.pretty-list li::before {
	position: absolute;
	width: 15px;
	height: 3px;
	background: #307794;
	border-radius: 10px;
	content: '';
	left: 0;
	top: 50%;
}

.service-items {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin-top: 30px;
	position: relative;
	margin-bottom: 50px;
}

.service-background {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2024/03/image-3.png);
	opacity: .1;
	background-position: 50% 45%;
	background-repeat: no-repeat;
	z-index: -1;
}

.service-item {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 15px 0px rgba(48, 119, 148, 0.20), 0px 0px 5px 0px rgba(48, 119, 148, 0.10);
	padding: 20px;
	width: calc(25% - 23px);
}

.service-item-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
}

.service-item:nth-child(5) {
	width: calc(33% - 16px);
}

.service-item:nth-child(6) {
	width: calc(33% - 17px);
}

.service-item:nth-child(7) {
	width: calc(33% - 16px);
}

.heading.service {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.heading.service .pretty-btn {
	font-size: 20px;
	padding: 13px 40px;
	font-weight: 400;
	display: block;
	line-height: 110%;
}


.brands-slider-container {
	padding-bottom: 80px;
	background-image: url(/wp-content/uploads/2024/04/pngwing-2.webp);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	margin-bottom: 40px;
	position: relative;
}

.brands-slider {
	border-bottom: 1px solid #00151D1A;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.brands-slider .slick-track {
	padding: 10px;
}

.brands-slider .single-slide {

	border-radius: 20px;
	background: rgb(255, 255, 255);
	box-shadow: rgba(48, 119, 148, 0.2) 0px 5px 10px 0px;
	padding: 20px 30px;
	margin-right: 30px;
	width: 219px;
}

.brands-slider .single-slide img {
	height: 52px;
	object-fit: contain;
	width: 100%;
}



.brands-slider .slick-dots {
	bottom: 0px;
	display: flex;

	flex-wrap: wrap;
}

.brands-slider .slick-prev:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	display: block;
	left: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.brands-slider .slick-next:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	background-image: url(/wp-content/uploads/2024/02/Group-4.svg);
	display: block;
	right: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
	rotate: 180deg;
}

.brands-slider .slick-next:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.brands-slider .slick-prev:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.brands-slider .slick-dots .slick-active {
	width: 219px;
	background: #307794;
	height: 2px;
}

.brands-slider .slick-dots li {
	/* width: 219px; */
	height: 2px;
	padding: 0;
	margin: 0;
}

.brands-slider .slick-dots li button {
	width: 100%;
}

.slick-dots li button:before {
	opacity: 0 !important;
}

.otzyvy-head {
	display: flex;
	justify-content: space-between;
	align-items: start;
}

.feedbacks-slider {
	position: relative;
}

.block-stars i {
	-webkit-text-stroke: 2px #307994;
	color: #fff;
}

.block-stars i.active {
	color: #307794;
}

.block-stars {
	display: flex;
	gap: 5px;
}

.name-logo-feed {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: center;
	gap: 15px;
	margin-bottom: 30px;
	margin-left: -10px;
}

.otz-w-slider {
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 21, 29, 0.10);
	margin-bottom: 30px !important;
}

.otz-w-slider .slick-track {
	padding: 10px 0;
	display: flex;
	align-items: stretch;
}

.otz-w {
	padding: 20px 20px 30px 20px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px rgba(48, 119, 148, 0.10), 0px 0px 15px 0px rgba(48, 119, 148, 0.20);
	margin: 0 15px;
	position: relative;
	overflow: hidden;
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
}

.otz-w::before {
	content: '';
	width: 103px;
	height: 117px;
	position: absolute;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="103" height="117" viewBox="0 0 103 117" fill="none"><circle cx="117" cy="117" r="117" transform="matrix(-1 0 0 1 234 -117)" fill="%23307794"/></svg>');
	right: 0;
	top: 0;
}

.otz-w::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 26px;
	width: 41px;
	height: 36px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="36" viewBox="0 0 41 36" fill="none"><path d="M0 36V29.5166C3.34694 28.9479 5.6898 27.7536 7.02858 25.9336C8.36735 24.1137 9.03674 20.872 9.03674 16.2085H0.502041V0H16.902V13.6493C16.902 20.7014 15.619 26.1611 13.0531 30.0284C10.4871 34.0095 6.13605 36 0 36ZM24.098 36V29.5166C27.4449 28.9479 29.7878 27.7536 31.1265 25.9336C32.4653 24.1137 33.1347 20.872 33.1347 16.2085H24.6V0H41V13.6493C41 20.7014 39.717 26.1611 37.151 30.0284C34.585 34.0095 30.234 36 24.098 36Z" fill="white"/></svg>');
}

.name-feed {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	width: 70%;
}

.desc-feed {
	margin-bottom: 10px;
}

.img-feed a {
	text-decoration: dashed !important;
	color: #000;
	/* background-color: #000; */
	font-weight: 600;
	border-bottom: 2px dashed #000;
}




.otz-w-slider .slick-dots {
	bottom: 0;
	display: flex;

	flex-wrap: wrap;
	justify-content: space-between;
}

.otz-w-slider .slick-prev:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	display: block;
	left: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.otz-w-slider .slick-next:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	background-image: url(/wp-content/uploads/2024/02/Group-4.svg);
	display: block;
	right: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
	rotate: 180deg;
}

.otz-w-slider .slick-next:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.otz-w-slider .slick-prev:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.otz-w-slider .slick-dots .slick-active {
	/* width: 219px; */
	background: #307794;
	height: 2px;
}

.otz-w-slider .slick-list {
	width: calc(100% + 30px);
	margin-left: -15px;
	display: flex;
}

.otz-w-slider .slick-dots li {
	/* width: 219px; */
	height: 2px;
	padding: 0;
	margin: 0;
}

.otz-w-slider .slick-dots li button {
	width: 100%;
}



.form-contacts-block {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 105px 48px 105px;
	border-radius: 20px;
	/* background-image: url(/wp-content/uploads/2024/03/Group-20520.png); */
	background-repeat: no-repeat;
	background-size: 50%;

	background-position: center top;
	z-index: 1;
	background: radial-gradient(102.04% 102.04% at 46.13% 42.18%, #307794 0%, #1C6583 29.54%, #114F68 57%, #001B26 100%);
}

.form-contacts-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2024/03/Group-20520.png);
	z-index: -1;
	border-radius: 20px;
	background-repeat: no-repeat;

}

.form-contacts-block input {
	width: 100%;
	border-radius: 30px;
	background: #fff;
	border: none;
	/* margin-bottom: 20px; */
	padding: 17.6px;
}

.proof div {
	font-size: 16px;
	color: #85B1C3;
	margin-bottom: 20px;
	text-decoration: dotted;
	line-height: 110%;
}

.proof div a {
	color: #fff;
	border-bottom: 1px dashed;
}

.form-text-block {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 40px;
	line-height: 110%;
}

#message {
    height: 175px;
    position: relative;
    margin-bottom: -10px !important;
    line-height: 1;
}

/* ::-webkit-input-placeholder {
	text-align:end;
 } */
.form-contacts-block>div {
	position: relative;
	width: 100%;
}

.form-contacts-block>div>label {
	position: absolute;
	left: 15px;
	top: 15px;
	color: #606060;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 110%;
	width: calc(100% - 30px);
	opacity: .7;
}

#message:focus~label {
	opacity: 0;
}

.form-contacts-block input {
	color: #606060;
}

.nothing {
	width: 100%;
}

/* #message::placeholder {
	white-space: pre-line;
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 0;
	right: 15px;
	width: calc(100% - 30px);
	color: #606060;
} */

.form-contacts-block .pretty-btn {
	margin-bottom: 0;
	color: #fff;
}


.catalog-item {
	display: flex;
	border-radius: 10px;
	background: #FFF;
	box-shadow: 0px 0px 5px 0px rgba(48, 119, 148, 0.10), 0px 0px 15px 0px rgba(48, 119, 148, 0.20);
	justify-content: space-between;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

.catalog-item.main {
    border-radius: 10px;
    justify-content: space-between;
    margin-bottom: 30px;
    display: block;
    background: none;
    box-shadow: none;
    width: calc(33% - 16px);
}
.catalog-item.main{
	width: calc(33% - 17px);
}
.catalog-item.main:nth-child(4) {
	width: calc(50% - 15px);
}
.catalog-item.main:nth-child(5) {
	width: calc(50% - 15px);
}

.catalog-item.main.blog {
	border-radius: 10px;
	justify-content: space-between;
	margin-bottom: 0px !important;
	display: block;
	background: none;
	box-shadow: none;
}




.catalog-item-text {
	width: calc(50% - 15px);
	padding: 20px 30px 20px 0;
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: start;
}

.cat-title {
	font-size: 22px;
	font-weight: 600;
	line-height: 110%;
}

.catalog-page-list {
	margin-bottom: 50px;
}

.catalog-brands {
	margin-bottom: 0 !important;
}


.project-tabs {
	display: flex;
	gap: 30px;
	margin-bottom: 50px;
}

.single-tab {
	padding: 10px 45px;
	border: 1px solid #000;
	border-radius: 20px;
	color: #fff;
	color: #000;
	cursor: pointer;
	transition: .4s ease-in-out;
}

.single-tab:hover {
	background: #307994;
	color: #fff;
	border: 1px solid #307794;
	transition: .4s;
}

.single-tab.active {
	background: #307794;
	border: 1px solid #307794;
	color: #fff;
}

.project-item {
    position: relative;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(48, 119, 148, 0.10), 0px 0px 15px 0px rgba(48, 119, 148, 0.20);
    width: 100%;
}
.project-item::before {
	position: absolute;
	content: '';
	width: 120px;
	height: 120px;
	background: url(/wp-content/uploads/2024/03/group-38.svg);
	left: calc(50% - 60px);
	top: calc(140px - 60px);
}

.project-item img {
    width: 100%;
    height: 278px;
    border-radius: 20px 20px 0 0;
    object-fit: cover;
}

.project-item-news {
	border-radius: 20px !important;
}

.project-item-text {
	padding: 20px 30px;
	display: flex;
	flex-direction: column;
	color: #000;
}

.project-item-text span {
	font-size: 22px;
	line-height: 110%;
	font-weight: 600;
	margin-bottom: 10px;
}

.projects-container {
	width: calc(50% - 15px);
	display: none;
}

.projects-container.active {
	display: flex;
}

.projects-container a {
	display: flex;
	width: 100%;
}

.projects-body {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	align-items: stretch;
	margin-bottom: 55px;
}


.category-titles {
	display: flex;
	gap: 30px;
	margin-bottom: 40px;
}

.category-titles div {
	width: 150px;
	padding: 10px;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #307994;
	cursor: pointer;
	position: relative;
	transition: .4s;
}

.category-titles div:hover {
	background: #307794;
	color: #fff;
	border: 1px solid #307794;
	transition: .4s;
}

.category-titles div.active {
	background: #307794;
	color: #fff;
	border: 1px solid #307794;
}

.category-titles div input {
	width: 100%;
	opacity: 0;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 20px;
}

.news-item:hover .news-head {
	color: #307994;
	transition: .4s;
}

.news-item a:last-child {
	position: relative;
	padding-bottom: 5px;
}

.news-item a:last-child:after {
	content: '';
	width: 80px;
	height: 2px;
	border-radius: 10px;
	position: absolute;
	background: transparent;
	transition: .4s;
	bottom: 0;
	left: 0;
}

.news-item:hover a:last-child::after {
	background: #307994;
	transition: .4s;
}

.new-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

.new-head .heading {
	margin-bottom: 0;
}

.news-container {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding-bottom: 50px;
	border-bottom: 1px solid rgba(0, 21, 29, 0.10);
}

.news-item {
	width: calc(33% - 17px);
}

.news-img {
	border-radius: 20px;
}

.news-img img {
	border-radius: 20px;
	height: 177px;
	object-fit: cover;
	border: 1px solid #00151D;
}

.news-date {
	margin-top: 15px;
	display: block;
	font-size: 18px;
	color: #00151D80;
	margin-bottom: 5px;
}

.news-head {
	color: #000;
	/* font-family: "Source Sans Pro"; */
	font-size: 22px;
	/* font-style: normal; */
	font-weight: 600;
	line-height: 110%;
	margin-bottom: 20px;
}

.news-item a {
	font-size: 20px;
	font-weight: 600;
}

.new-feed-buttons {
	border-radius: 20px;
	background: radial-gradient(139.82% 154.78% at 9.61% 33.52%, #307794 0%, #1C6583 29.54%, #114F68 57%, #001B26 100%);
	padding: 30px;
	display: flex;
	justify-content: end;
	gap: 30px;
	align-items: center;
	margin-bottom: 20px;
	position: relative;
}

.new-feed-buttons::before {
	content: '';
	width: 240px;
	height: 240px;
	position: absolute;
	background: url(/wp-content/uploads/2024/03/union.svg);
	left: -30px;
	top: 52px;
}

.new-feed-buttons::after {
	content: '';
	width: 156px;
	height: 305px;
	position: absolute;
	background: url(/wp-content/uploads/2024/03/vector.svg);
	left: -30px;
	top: 52px;
	opacity: 0.1;
	left: calc(50% + 65px);
	top: -45px;
}

.new-feed-button {
	padding: 20px;
	border-radius: 20px;
	background: #fff;
	display: flex;
	gap: 20px;
	z-index: 1;
}

.feed-name {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 20px;
	font-weight: 600;
}

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

.new-feed-button img {
	width: 160px;
	height: 160px;
}

.new-feed-buttons span {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 110%;
	width: calc(39% - 15px);
}

.new-feed-body p {
	font-size: 16px;
}

.firm-slider {
	margin-bottom: 50px !important;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 21, 29, 0.10);
}

.firm-slider .slick-list {
    width: calc(100% + 30px);
    margin: 0 -15px;
    display: flex;
}
.firm-slider .slick-track {
	display: flex;
	align-items: stretch;
}

.firm-slider .slick-prev:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	display: block;
	left: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.firm-slider .slick-next:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	background-image: url(/wp-content/uploads/2024/02/Group-4.svg);
	display: block;
	right: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
	rotate: 180deg;
}

.firm-slider .slick-dots {
	bottom: 0px;
	display: flex;
	/* gap: 30px; */
	flex-wrap: wrap;
}

.firm-slider .slick-dots .slick-active {
	/* width: 219px; */
	background: #307794;
	height: 2px;
}

.firm-slider .slick-dots li {
	/* width: 219px; */
	height: 2px;
	padding: 0;
	margin: 0;
}

.firm-slider .slick-next:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.firm-slider .slick-prev:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.firm-slide {
	border-radius: 20px;
	border-left: 3px solid var(--Blue, #307794);
	background: linear-gradient(90deg, #D2D2D2 -50.93%, #F6F6F6 31.22%);
	display: flex !important;
	padding: 30px;
	margin: 0 15px;
	gap: 30px;
	position: relative;
}

.firm-text p {
	/* width: 85%; */
	margin-bottom: 25px;
}

.firm-text {
	width: calc(50% - 15px);
	/* position: relative; */
	padding-bottom: 100px;
}

.firm-slide a {
	width: calc(50% - 15px);
	position: relative;
}

.firm-slide a:hover::before {
	position: absolute;
	content: '';
	width: 55px;
	height: 55px;
	background: url(/wp-content/uploads/2024/04/group-1.svg);
	left: calc(50% - 22.5px);
	top: calc(50% - 22.5px);
}

.firm-text img {
	display: flex;
	margin-left: auto;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.firm-slider-container {
	position: relative;
}

.audio-item {
	width: calc(33% - 20px);
}

.audio-item-top {
	display: flex;
	flex-direction: row-reverse;
	justify-content: start;
	align-items: center;
	gap: 10px;
	margin-bottom: 40px;
}
.audio-item-top img{
	height: 35px;
}

.audio-text {
	font-size: 18px;
	line-height: 110%;
	font-weight: 600;
	padding-right: 30px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
}

.audio-text::after {
	content: '';
	position: absolute;
	height: 100%;
	right: 0;
	width: 3px;
	background: #307794;
	border-radius: 10px;
	top: 0;
}

.audio-block {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

/* audio::-webkit-media-controls-panel {
	background-color: #fff;
} */


.pagination {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
	padding-top: 15px;
	margin-bottom: 50px;
	width: 100%;
	margin-top: 0;
}

.pagination.catalog {
	border-top: 1px solid rgba(0, 21, 29, 0.10);
}

.pagination .page-numbers {
	font-size: 16px;
	border-radius: 10px;
	border: 1px solid var(--Blue, #307794);
	background: #FFF;
	padding: 6.4px 11.1px;
	line-height: 110%;
	/* width: 32px; */
	/* height: 32px; */
}

.pagination .page-numbers.current {
	background: #307994;
	color: #fff;
}

.next.page-numbers svg {
	margin: 4px 1px 0px 1px;
}

.prev.page-numbers svg {
	margin: 4px 1px 0px 1px;
}


.main-cat-items {
	width: calc(25% - 15px);
	display: flex;
	flex-direction: column;


}

.main-cat-items form {
	margin-bottom: 30px;
}

.main-cat-title {
	color: #000;
	margin-bottom: 10px;
	position: relative;
	display: block;
}

.main-cat-title:hover {
	color: #307994
}

.main-cat-title.active {
	color: #307794;
	font-weight: 600;
}

.main-cat-title input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	height: 100%;
	padding: 0;
}

.main-cat-items h4 {
	font-size: 22px;
	font-weight: 600;
	line-height: 110%;
	margin-top: 0;
	border-bottom: 1px solid rgba(0, 21, 29, 0.10);
	padding-bottom: 15px;
	position: relative;
}

.main-cat-items h4::after {
	position: absolute;
	content: '';
	width: 74px;
	height: 3px;
	border-radius: 10px;
	background: #307994;
	left: 0;
	bottom: -2px;
}

.product-list {
	width: calc(75% - 15px);

}

.blog-block.in-catalog-podcat {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

.product-list form {
	border-bottom: 1px solid rgba(0, 21, 29, 0.10);
	padding-bottom: 5px;
	display: flex;
	justify-content: end;
	margin-bottom: 15px;
}

.tovar-item {
	display: flex;
	flex-direction: column;
	width: calc(33% - 18px);
}

.tovar-item img {
	height: 282px;
	object-fit: contain;
	border-radius: 20px;
	margin-bottom: 10px;
	transition: .4s;
	width: 100%;
}

.tovar-item a {
	color: #000;
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
}

.tovar-item span.proizvod {
	color: #307794;
	margin-bottom: 5px;
}

.tovar-item:hover img {
	border-radius: 20px;
	background: lightgray 54.034px 28px / 61.678% 80.142% no-repeat, #FFF;
	box-shadow: 0px 0px 5px 0px rgba(48, 119, 148, 0.10), 0px 0px 15px 0px rgba(48, 119, 148, 0.20);
	transition: .4s;
}


.product-list form {
	position: relative;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	gap: 10px;
}


.product-list form div {
	position: relative;
}

.product-list form div input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.product-list form ul {
	position: absolute;
	opacity: 0;
	width: 60px;
	top: 40px;
	display: flex;
	flex-direction: column;
	gap: 5px;
	text-align: center;
	background: #fff;
	padding: 5px;
	border: 1px solid #307994;
	border-radius: 20px;
	transition: cubic-bezier(0.075, 0.82, 0.165, 1);
	visibility: visible;
	visibility: hidden;
}

.product-list form ul.active {
	opacity: 1;
	transition: cubic-bezier(0.075, 0.82, 0.165, 1);
	visibility: visible;
}

.product-list form ul div:hover {
	color: #307794;
}

.product-list form span {
	position: relative;
	padding: 7px 29px 7px 13px;
	border: 1px solid #307994;
	border-radius: 20px;
	font-size: 16px;
	cursor: pointer;
}

.product-list form span::after {
	position: absolute;
	content: '';
	width: 11px;
	height: 7px;
	background: url(/wp-content/uploads/2024/03/vector-11.svg);
	top: 14px;
	right: 13px;
	background-repeat: no-repeat;
	transition: .4s;
}

.product-list form span.active::after {
	rotate: -180deg;
	transition: .4s;
}

.tovar-items {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}



.tovar-top {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
}

.tovar-desc {
	width: calc(50% - 17px);
	margin-top: 55px;
}
.tovar-desc ul li {
	padding-left: 15px;
	position: relative;
}
.tovar-desc ul li::before {
    width: 15px;
    height: 3px;
    border-radius: 10px;
    background: #307794;
    left: -3px;
    top: 10px;
    content: '';
    position: absolute;
    top: 10px;
    border: 2px solid #307994;
}

.tovar-slider {
	width: 386px;
	border: 1px solid #787878;
	border-radius: 20px;
	overflow: hidden;
}

.tovar-slider .slick-track {
	display: flex;
}

.tovar-slide {
	/* border: 1px solid #787878 !important; */
	border-radius: 20px;
	/* width: 383px !important; */
	height: 383px !important;
	/* padding: 5px; */
	cursor: pointer;
	background: #fff;
}

.tovar-slide img {
	border-radius: 20px;
	width: 383px;
	height: 383px;
	object-fit: contain;
}

.tovar-desc>div {
	margin-bottom: 60px;
}

.tovar-img {
	width: calc(50% - 15px);
	display: flex;
	gap: 30px;
	height: 386px;
	margin-bottom: 30px;
	overflow: hidden;
}

.tovar-slider-nav {
	width: calc(33% - 15px);
	width: 178px;
}

.tovar-slide-nav {
	width: 178px;
	cursor: pointer;
	overflow: hidden;
}

.tovar-slider-nav .slick-track {
	display: flex;
	flex-direction: column;

}

.tovar-slide-nav {
	height: 178px !important;
	border: 1px solid #787878 !important;
	border-radius: 20px;
	margin-bottom: 30px;
	width: 177px !important;
	background: #fff;
}

.tovar-slide-nav img {
	object-fit: contain;
	height: 100%;
	width: 100%;
	border-radius: 20px;
}

.tab.active {
	/* font-weight: 600; */
	border-top: 3px solid #307994;
	text-shadow: 0 .3px #000;

}

.tab {

	padding: 15px 30px 0 30px;
	border-top: 3px solid #0000;
	cursor: pointer;
	transition: .4s;
	font-size: 22px;
}

.characteristics {
	display: flex;
	gap: 60px;
	list-style: none;
	margin-bottom: 40px;


}

.desc-text {
	display: none;
}

.desc-text.active {
	display: block;
}

.tovar-bottom {
	margin-bottom: 50px;
	border-top: 1px solid rgba(0, 21, 29, 0.10);
	margin-top: 43px;
}

.same-products-slider .tovar-item {
	margin: 0 15px;
}


.same-products-slider .slick-prev:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	/* background-image: url(/wp-content/uploads/2024/02/Group-3.svg); */
	display: block;
	left: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.same-products-slider .slick-next:before {
	content: '' !important;
	width: 60px;
	height: 60px;
	background-image: url(/wp-content/uploads/2024/02/Group-4.svg);
	display: block;
	right: -45px;
	position: absolute;
	top: calc(50% - 30px);
	background-size: cover;
	/* background-repeat: no-repeat; */
	border-radius: 50%;
	padding: 0;
	opacity: 1;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="0.6" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="white"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%2300151D" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
	rotate: 180deg;
}

.same-products-slider .slick-next:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.same-products-slider .slick-prev:hover::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="61" height="60" viewBox="0 0 61 60" fill="none"><g opacity="1" filter="url(%23filter0_d_98_1550)"><rect x="10.2178" y="8" width="40" height="40" rx="20" fill="%23307994"/></g><path d="M31.8211 34.0469L26.033 28.2588L31.8211 22.4706" stroke="%23ffffff" stroke-width="1.8" stroke-linecap="round"/><defs><filter id="filter0_d_98_1550" x="0.217773" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="5"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_98_1550"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_98_1550" result="shape"/></filter></defs></svg>');
}

.same-products-slider .slick-list {
	width: calc(100% + 30px);
	margin-left: -15px;
	padding: 20px 0;
}

.table {
	display: flex;
	gap: 30px;
	width: 100%;
	padding: 10px 20px;
	margin: 0;
}


.table:nth-child(odd) {
	background: #F6F6F6;
	border-radius: 10px;
}

.table div:first-child {
	width: calc(33% - 15px);
}

.table div.full {
	width: 100% !important;
}

.table div:last-child {
	width: calc(66% - 15px);
}

.table.razmer {
	gap: 0;
	/* width: 17%; */
}

.table.razmer div:first-child {
	width: 50%;
}

.table.razmer div:last-child {
	width: 50%;
}

.news-body ul {
	padding-left: 20px;
}

.news-body ul li {
	position: relative;
}

.news-body ul li::before {
	position: absolute;
	width: 15px;
	height: 3px;
	border-radius: 10px;
	background: #307794;
	left: -20px;
	content: '';
	top: 10px;
}

.date {
	color: #00151D80;
	margin-bottom: 20px;
}

.p-link {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.p-link {
	margin-right: 0;
	margin-left: auto;
}

.p-link a span {
	color: rgba(0, 21, 29, 0.50);
	margin-bottom: 5px;
	display: block;
}

.next-news {
	text-align: end;
	display: block;
}

.p-link-text span {
	color: #000 !important;
}

.desc-hidden {
	display: none;
}

.mob-header {
	display: none;
}



.main-about-body {

	display: flex;
	flex-wrap: wrap;
	/* background-image: url(/wp-content/uploads/2024/04/frame-847-1.webp); */
	padding: 50px 0 40px 0;
	/* background-size: contain; */
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}
.main-about-body .desc-background{
    position: absolute;
    object-position: center;
    height: 100%;
    width: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}
.main-about-body .mob-background{
	display: none;
}

.main-about-container {}

.main-about-text {
	width: 700px;
	margin-right: 0;
	margin-left: auto;
	z-index: 1;
	position: relative;
}

.main-about-text>span {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
	display: block;
	line-height: 110%;
}

.main-about-text>p {
	margin-bottom: 30px;
}

.main-about-text>a {
	margin-bottom: 60px;
	display: block;
	width: fit-content;
}

/* .main-about-background {
    width: 69%;
} */
.main-about-items {
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	z-index: 1;
	position: relative;
}

.main-about-item {
	width: calc(25% - 23px);
	border-radius: 20px;
	border: 2px solid var(--Blue, #307794);
	background: rgba(255, 255, 255, 0.70);
	backdrop-filter: blur(2px);
	padding: 20px 20px 30px 20px;
}

.main-about-item span {
	color: var(--Blue, #307794);

	font-size: 44px;
	font-weight: 600;
	line-height: 110%;
	/* 48.4px */
}

.main-about-item div {
	text-align: center;
}

.catalog-item.podcat {
	box-shadow: none;
	width: calc(50% - 15px);
}

.catalog-item.podcat .catalog-item-img {
	margin-bottom: 10px;
	width: fit-content;
	height: 210px;
	width: 100%;
}

.catalog-item.podcat .catalog-item-img img {
	width: 100%;
	object-fit: cover;
}

.catalog-item.podcat a {
	width: 100%;
}

.catalog-items.podcat {
	row-gap: 0px;
	margin-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 0;
}

.img-container img {
	border-radius: 20px;
	height: 100%;
	display: block;
	margin: 0 auto;
	object-fit: contain;
}

#for-mob-menu {
	/* display: none; */
	height: 0;
	overflow-y: hidden;
}

#mobile-tab-bar {
	display: flex;
	list-style: none;
	justify-content: space-between;
	height: min-content;
	padding: 10px 20px;
	margin: 0;
	align-items: start;
	position: fixed;
	bottom: -1px;
	left: 0px;
	right: 0px;
	width: 100%;
	background: #fff;
	height: 80px;
	border-radius: 20px 20px 0 0;
	z-index: 3;
	display: none;
	z-index: 11;
	/* box-shadow: 0px -7px 15px #9a9999; */
	/* top: calc(100% - 70px); */
}



@media(max-width:1024px) {
	.catalog-item.main {
		width: calc(50% - 17px);
	}

	#mobile-tab-bar {
		display: flex;
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 20px rgba(48, 119, 148, 0.25));
	}

	footer {
		background: #00151D;
		padding: 30px 0 100px 0;
	}

	.widget-button svg {
		width: 30px;
		height: 30px;
	}
}

/* #mobile-tab-bar{
    display: none;
} */
.for-bar-img {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #161616;
}

.for-bar-img span {
	margin-top: 7px;
	font-size: 14px;
}

#mob-menu-button>.for-bar-img {
	transform: translateY(-25px);
	background: #fff;
	padding: 20px 0 0 0;
	border-radius: 50%;
	width: 84px;
	display: flex;
	flex-direction: column;
	gap: 15px;
	position: relative;
	margin: 0 -10px;
	height: 84px;
}

#mob-menu-button span {
	margin-top: 0;
	font-size: 14px;
}

#mob-menu-button>.for-bar-img img {
	padding: 3px 2px;
	z-index: 3;
}

#mob-menu-button>.for-bar-img:before {
	position: absolute;
	content: '';
	width: 56px;
	height: 56px;
	border: 2px solid #307994;
	bottom: 18.5px;
	border-radius: 50%;
	z-index: 3;
	left: 14px;
}

.new-button-mob::after {
	position: absolute;
	content: '';
	width: 60px;
	height: 60px;
	background: #cfdade;
	bottom: -13.5px;
	border-radius: 50%;
	z-index: 0;
	left: -14.9px;
}

.mob-sub-menu {
	bottom: -100%;
	background: #ffff;
	position: fixed;
	transition: .4s;
	width: 100%;
	height: 415px;
	background: #f6f8ff;
	border-radius: 20px 20px 0 0;
	z-index: 10;
}

.mob-sub-menu.open {
	bottom: 35px;
}

.new-button-mob>div:first-child {
	width: 23px;
	height: 4px;
	background: #307994;
	z-index: 1;
	position: relative;
	top: 0px;
	border-radius: 10px;
	transition: .4s;
	right: -7px;
}

.new-button-mob>div:nth-child(2) {
	display: flex;
	justify-content: space-between;
	gap: 5px;
	position: relative;
	top: 0px;
	transition: .4s;
}

.new-button-mob>div:nth-child(2)>div:first-child {
	width: 5px;
	height: 3px;
	background: #000;
	z-index: 1;
	border-radius: 10px;
	transition: .4s;
}

.new-button-mob>div:nth-child(2)>div:last-child {
	width: 30px;
	height: 4px;
	background: #307994;
	z-index: 1;
	border-radius: 15px;
	transition: .4s;
}

.new-button-mob>div:last-child {
	width: 23px;
	height: 4px;
	background: #307994;
	z-index: 1;
	border-radius: 20px;
	top: 0px;
	position: relative;
	margin-bottom: 5px;
	transition: .4s;
}

.new-button-mob {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 5px;
	position: relative;

}

.new-button-mob.open>div:nth-child(2) div {
	transition-duration: 0.1s;
	transition-delay: .25s;
	background: transparent;
}


.new-button-mob.open>div:first-child {
	transition: top .25s, transform .25s .25s;
	top: 11px;
	transform: rotateZ(-45deg);
	position: relative;
	right: 0px;
	width: 30px;
}

.new-button-mob.open>div:last-child {
	transition: top 0.4s, transform .25s .25s;
	top: -9px;
	transform: rotateZ(45deg);
	position: relative;
	left: 0px;
	width: 30px;
}

.sub-menu-body {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: start;
	flex-direction: column;
	visibility: visible;
	background: linear-gradient(180deg, #307794 0.55%, #00151D 158.27%);
}

.mob-close {
	position: absolute;
	top: 20px;
	width: 25px;
	height: 25px;
	background: #aeaeae;
	left: calc(100% - 40px);
	padding: 3px 4px;
	border-radius: 50%;
}

.swipe-close {
	position: absolute;
	width: 100%;
	height: 50px;
	background: 0 0;
	right: 0;
	left: 0;
	width: 100%;
	top: -10px;
	border-radius: 15px;
}

.swipe-close>div {
	width: 60px;
	height: 4px;
	background: #aeaeae;
	border-radius: 15px;
	margin: 0 auto;
}

.menu-name {
	font-weight: 500;
	font-size: 20px;
	position: relative;
	padding: 20px 20px 15px;
	width: 100%;
	text-align: center;
}


#mobile-sub-body {
	list-style: none;
	padding: 25px 20px 60px 20px;
	overflow-y: scroll;
}

#mobile-sub-body a:hover {
	text-decoration: none;
}

.sub-arrow img {
	width: 15px;
	filter: brightness(0);
}

.sub-bar-img {
	padding: 10px 15px;
	background: #fff;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	border-radius: 40px;
	color: #000;
}

.sub-bar-img>div {
	display: flex;
	gap: 10px;
	align-items: center;
	position: relative;
	width: 100%;

}

.sub-bar-img>div::after {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14' fill='none'%3E%3Cpath d='M0.999999 13L6.29289 7.70711C6.68342 7.31658 6.68342 6.68342 6.29289 6.29289L1 1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 8px;
	height: 14px;
	position: absolute;
	right: 0;
}

.sub-bar-img>div>span {
	/* font-weight: bold; */
	/* width: 80%; */
}

.sub-menu-contacts>div {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.sub-menu-contacts .mob-soc {
	margin-top: 10px;
}

/* .sub-menu-contacts>.mobil-phone>div>.phone-select {
    color: #161616;
} */
.sub-menu-link>li {
	box-shadow: 0px 0px 9px 1px #e3e3e3;
	border-radius: 10px;
}

#mobile-tab-bar>li:first-child>a>.for-bar-img {
	width: 50px;
	text-align: center;
}

#mobile-tab-bar>li{
	position: relative;
}

#mobile-tab-bar>li a::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}

.banner-content {
	background: #307994;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	color: #ffff;
	padding: 7px 15px;
	/* height: 73px; */
}

.banner-link {
	color: #fff;
	text-transform: uppercase;
	margin-top: 0;
	font-size: 16px;
	font-weight: 600;
}

.banner-link:hover {
	color: #fff !important;
}


.banner-button {
	padding: 2px 20px;
	background: #fff;
	border-radius: 30px;
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	/* border: 1px solid #000; */
	font-size: 16px;
	/* line-height: 110%; */
}

.banner-button span {
	/* text-transform: uppercase; */
	color: #307994;
	margin-bottom: -5px;
	font-weight: 700;
	display: block;
	margin-bottom: 0px;
	line-height: 110%;
}

.arrow {
	/* position: absolute;
    top: 50%;
    left: 50%; */
	transform: translate(10px, 10px);
	transform: rotate(-90deg);
	cursor: pointer;
	margin-top: 3px;
}

.arrow span {
	display: block;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #307994;
	border-right: 2px solid #307994;
	transform: rotate(45deg);
	/* margin: -10px; */
	animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
	animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes animate {
	0% {
		opacity: 0;
		transform: rotate(45deg) translate(-7px, -7px);
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: rotate(45deg) translate(7px, 7px);
	}
}




.slider-nav-container {
	position: relative;
}

.for-slider-nav {
	display: flex;
	width: calc(100% + 120px);
	justify-content: space-between;
	left: -60px;
	position: absolute;
	align-items: center;
	top: calc(50% - 30px);
}

.for-slider-nav button {
	border: none;
	background: transparent;
}

.box-arrow-prev-for:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-next-for:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-prev-for:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-next-for:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-prev-for:hover svg path {
	stroke: #fff;
	transition: .4s;
}

.box-arrow-next-for:hover svg path {
	stroke: #fff;
	transition: .4s;
}










.box-arrow-prev-firm:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-next-firm:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-prev-firm:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-next-firm:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-prev-firm:hover svg path {
	stroke: #fff;
	transition: .4s;
}

.box-arrow-next-firm:hover svg path {
	stroke: #fff;
	transition: .4s;
}




.box-arrow-prev-otz:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-next-otz:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-prev-otz:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-next-otz:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-prev-otz:hover svg path {
	stroke: #fff;
	transition: .4s;
}

.box-arrow-next-otz:hover svg path {
	stroke: #fff;
	transition: .4s;
}










.box-arrow-prev-for-brand:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-next-for-brand:hover svg rect {
	fill: #307794;
	transition: .4s;
}

.box-arrow-prev-for-brand:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-next-for-brand:hover svg g {
	opacity: 1;
	transition: .4s;
}

.box-arrow-prev-for-brand:hover svg path {
	stroke: #fff;
	transition: .4s;
}

.box-arrow-next-for-brand:hover svg path {
	stroke: #fff;
	transition: .4s;
}



.thanks-contain {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	/* margin-bottom: 45px; */
	text-align: center;
}

.h2form {
	text-align: center;
	font-size: 18px;
	margin-bottom: 55px;
}

#hidden .pretty-btn {
	z-index: 9;
	position: relative;
}

.heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.same-slider-nav {
	display: flex;
	position: absolute;
	width: calc(100% + 120px);
	justify-content: space-between;
	top: calc(50% - 30px);
	z-index: 0;
	left: -60px;
}

.firm-slider-nav {
	display: flex;
	position: absolute;
	width: calc(100% + 120px);
	justify-content: space-between;
	top: 50%;
	z-index: 0;
	left: -60px;
}

.brands-slider-nav {
	display: flex;
	position: absolute;
	width: calc(100% + 120px);
	justify-content: space-between;
	top: calc(40% - 40px);
	z-index: 0;
	left: -60px;
}

.firm-slider-nav button {
	background: none;
	border: none;
}

.brands-slider-nav button {
	background: none;
	border: none;
}

.heading-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.heading-container .heading {
	margin: 0;
}

.same-slider-nav button {
	background: none;
	border: none;
}

.same-products {
	position: relative;
}


.otz-w-slider-container {
	margin-bottom: 50px;
}

.otz-w-slider-container .pretty-btn {
	display: none;
}

@media(max-width: 1340px) {
	.same-slider-nav {
		display: flex;
		position: static;
		width: fit-content;
	}

	.brands-slider-nav {
		display: flex;
		position: static;
		width: fit-content;
	}

	.heading-container .pretty-btn {
		display: none;
	}

	.otz-w-slider-container .pretty-btn {
		display: inline;
	}
}

@media(max-width: 1200px) {
	.name-number div {
		width: 100%;
	}

	.name-stars-feed {
		width: calc(100% - 100px);
	}

	.firm-text {
		width: calc(50% - 15px);
		/* position: relative; */
		padding-bottom: 80px;
	}

	.firm-slider-nav {
		display: flex;
		position: static;
		width: fit-content;
	}

	.firm-text img {
		width: 80px;
	}

	.tovar-desc {
		width: 40%;
	}

	.catalog-items a {
		width: calc(50% - 15px);
	}

	.catalog-item-img {
		margin-bottom: 10px;
		width: fit-content;
		height: 210px;
		width: 100%;
	}

	.catalog-item-img {
		margin-bottom: 10px;
		width: fit-content;
		height: 210px;
		width: 100%;
	}

	.catalog-item-img img {
		border-radius: 10px;
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

	.header-top {
		gap: 30px;
	}

	.service-item:nth-child(5) {
		width: calc(33% - 19px);
	}

	.main-about-item span {
		font-size: 36px;
	}

	.brands-slider-container {
		margin-bottom: 0;
		padding-bottom: 40px;
	}

	.contact-form-page-body {
		align-items: center;
	}

	.form-contacts-block {
		padding: 40px 60px;
	}

	.project-item img {
		width: 100%;
		height: 250px;
		border-radius: 20px 20px 0 0;
		object-fit: cover;
	}

	.new-feed-button {
		flex-direction: column;
		align-items: center;
	}

	.new-feed-body {
		align-items: center;
	}

	.catalog-img {
		width: 50%;
	}

	.catalog-img img {
		height: 100%;
		object-fit: cover;

	}

	.name-number input {
		width: 100%;
	}





}


@media(max-width: 1100px) {


	.firm-text {
		width: calc(50% - 15px);
		/* position: relative; */
		padding-bottom: 50px;
	}

	.firm-text img {
		width: 50px;
		right: 30px;
		bottom: 30px;
	}

	.header-top {
		gap: 30px;
		margin-left: 40px;
	}

	.tovar-item {
		display: flex;
		flex-direction: column;
		width: calc(50% - 15px);
	}

	#menu-main-menu {
		gap: 20px;
	}

	.tovar-img {
		width: 100%;
		justify-content: center;
	}

	.tovar-desc {
		width: 100%;
	}


}

@media(max-width: 1024px) {


	.main-about-body .desc-background{
		position: absolute;
		object-position: center;
		height: 100%;
		width: 100%;
		object-fit: cover;
		top: 0;
		left: 0;
		display: none;
	}
	.main-about-body .mob-background{
		display: inline-block;
		object-position: center;
		height: 100%;
		width: 100%;
		object-fit: cover;
		top: 0;
		left: 0;
		position: absolute;
	}

	.main-slider-container {
		width: calc(50% - 15px);
	}

	.slider-text {
		width: calc(50% - 15px);
	}

	.form-contacts-block {
		padding: 30px;
	}

	.firm-slide {


		/* flex-direction: column; */
		/* align-items: center; */
	}

	.messenger {
		bottom: 100px;
		right: 5px;
	}

	.messenger.open {
		padding: 15px 10px;
		display: flex;
		/* gap: 10px; */
		height: 135px;
		width: 50px;
		align-items: center;
	}

	.messenger {
		width: 50px;
		height: 50px;
	}

	.contacts-messenger {
		display: flex;
		align-items: center;
		gap: 10px;
		transition: .4s;
		flex-direction: column;
		align-items: center;
	}

	.main-slider-nav {
		position: absolute;
		display: flex;
		width: calc(100% + 40px);
		justify-content: space-between;
		align-items: center;
		top: calc(50% - 20px);
		z-index: 1;
		left: -20px;
	}

	.catalog-item.main {
		margin-bottom: 0;
	}

	.header-flex {
		justify-content: space-between;
		padding: 10px 0;
	}

	label.mob-menu>div:first-child {
		width: 30px;
		border-radius: 10px;
		background: #fff;
		height: 3px;
		transition: .4s;
	}

	label.mob-menu>div:nth-child(2) {
		width: 20px;
		border-radius: 10px;
		background: #fff;
		height: 3px;
		/* transition: .4s; */
	}

	label.mob-menu>div:last-child {
		width: 25px;
		border-radius: 10px;
		background: #fff;
		height: 3px;
		transition: .4s;
	}

	label.mob-menu {
		display: flex;
		flex-direction: column;
		gap: 5px;
		margin: 0;
	}

	.burger {
		position: relative;
	}

	.burger input {
		position: absolute;
		width: 30px;
		height: 30px;
		margin: 0;
		opacity: 0;
	}

	#menu21:checked~label>div:first-child {
		transition: .4s;
		top: 8px;
		transform: rotateZ(-45deg);
		position: relative;
		width: 30px;
		left: -1px;
		border-radius: 10px;
	}

	#menu21:checked~label>div:last-child {
		transition: .4s;
		top: -8px;
		transform: rotateZ(45deg);
		position: relative;
		width: 30px;
		border-radius: 10px;
	}

	#menu21:checked~label>div:nth-child(2) {
		opacity: 0;
	}

	.header-mob.desc-hidden {
		display: flex !important;
		align-items: center;
		gap: 40px;
	}

	.logo a {
		width: 165px;
		display: block;
	}

	.logo a img {
		width: 100%;
	}

	#for-mob-menu {
		position: absolute;
		/* opacity: 0; */
		visibility: hidden;
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, #00151D 0%, #307794 100%);
		height: 0;
		transition: .4s;
		padding: 0 15px;
		z-index: 20;
		overflow-y: hidden;
		/* top: 90px; */
		left: 0;
	}

	#for-mob-menu.open {
		/* opacity: 1; */
		visibility: visible;
		/* top: 90px; */
		height: calc(100vh - 120px);
		transition: .4s;
		overflow-y: scroll;
		background: linear-gradient(180deg, #00151D 0%, #307794 100%);
		padding-bottom: 80px;
	}

	#mobile_menu>li>a {
		font-size: 18px;
		font-weight: 600;
		color: #fff;

	}

	#mobile_menu>li>a::after {
		content: none !important;
	}

	#mobile_menu>li>.sub-menu>li a {
		font-weight: 400;
		color: #fff;

	}

	#mobile_menu>li>.sub-menu>li {
		margin-bottom: 5px;
	}


	#mobile_menu>li {
		border-bottom: 1px solid #FFFFFF66;
		padding: 10px 0;
		position: relative;
		padding-right: 15px;
	}

	#mobile_menu>li.menu-item-has-children::after {
		position: absolute;
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M11 1.5L6.70711 5.79289C6.31658 6.18342 5.68342 6.18342 5.29289 5.79289L0.999999 1.5' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		width: 14px;
		height: 12px;
		transition: .4s;
		top: 15px;
		/* margin-left: 10px; */
		right: 5px;
		transform: rotateY(0deg);
	}

	#mobile_menu>li.menu-item-has-children.active::after {
		transform: rotatex(-180deg);
		transition: .4s;
		top: 15px;
	}

	.menu-tabs {
		display: flex;
		position: relative;
		margin-bottom: 10px;
	}

	.menu-tabs::after {
		content: '';
		width: 100%;
		height: 3px;
		bottom: -3px;
		left: 0;
		background: #fff;
		border-radius: 10px;
		position: absolute;
	}

	.menu-tabs div {
		padding: 20px 0 10px 0;
		background: transparent;
		border: none;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		width: 50%;
		text-align: center;
		transition: .4s;
		text-transform: uppercase;
	}

	.menu-tabs div:first-child {
		padding-right: 45px;
		text-align: center;
	}

	.menu-tabs div:last-child {
		padding-left: 45px;
		text-align: center;
	}

	.menu-tabs div.active {
		color: #307994;
		position: relative;
		transition: .4s;
		z-index: 1;
	}

	.menu-tabs div.active::after {
		position: absolute;
		bottom: -3px;
		width: 100%;
		height: 3px;
		background: #307994;
		content: '';
		left: 0;
		border-radius: 10px;
	}

	.header-top {
		display: none;
	}

	.header-bottom {
		display: none;
	}

	.mob-header {
		display: flex;
		gap: 40px;
		align-items: center;
	}

	.mob-menu-container {
		visibility: hidden;
		opacity: 0;
		z-index: -999;
		position: relative;
		transition: .4s;
		height: 0;
		overflow-y: hidden;

	}

	.mob-menu-container.active {
		visibility: visible;
		opacity: 1;
		z-index: 1;
		transition: .4s;
		height: auto;
		overflow-y: visible;
	}

	#mobile_menu>li>.sub-menu {
		display: none;
		opacity: 1;
		visibility: visible;
		position: static;
		background: transparent;
		padding: 10px 0 0px 15px;
	}


	#for-mob-menu .call-back {
		color: #fff;
		border-bottom: 2px dashed #fff;

	}

	.top-for-mob {
		margin-bottom: 20px;
	}

	.mob-contact-list {
		margin-top: 15px;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.mob-contact-list li {
		color: rgba(255, 255, 255, 0.40);
	}

	.mob-contact-list li a {
		color: #fff;
		font-weight: 600;
	}

	.mob-contact-list li span {
		color: #fff;
		font-weight: 600;
	}

	.header-flex {
		justify-content: space-between;
		padding: 10px 0;
	}

	.slider-head {
		font-size: 36px;
	}

	.service-item:nth-child(6) {
		width: calc(33% - 18px);
	}

	.slider-for-container {
		align-items: start;
	}

	/* .slider-for{
		max-height: auto;
	}
	.slider-nav{
		max-height: auto;
	} */
	.img-container {
		height: 300px;
	}

	.news-container {
		margin-bottom: 30px;
	}

	.main-about-item {
		width: calc(50% - 15px);
		padding: 15px 10px;
	}

	.main-about-text {
		width: 100%;
	}

	.main-about-body {
		/* background-image: url(/wp-content/uploads/2024/04/vector.webp); */
		position: relative;
		background-size: cover;
	}


	.main-about-text>a {
		margin-bottom: 40px;
	}

	.main-about-item span {
		font-size: 28px;
	}

	.main-about-item>p {
		font-size: 16px;
	}

	.prod-text-block .pretty-btn {
		margin-right: 0;
	}

	.news-item {
		width: calc(50% - 15px);
	}

	/* .main-about-body::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 50%;
		background: linear-gradient(0deg, #F6F6F6 65.64%, #D2D2D2 100%);
		top: 0;
	}
	.main-about-body::after {
		position: absolute;
		background: rgba(48, 119, 148, 0.50);
		width: 100%;
		height: 50%;
		bottom: 0;
		content: '';
	} */
	.prod-text-block p {
		margin-bottom: 30px;
	}

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

	#hidden {
		position: relative;
		border-radius: 20px;
		background: radial-gradient(157.37% 172.09% at 10.8% 24.21%, #307794 0%, #1C6583 36.97%, #114F68 61.8%, #001B26 100%);
		width: 80% !important;
		padding: 40px !important;
	}

	#hidden::before {
		content: none;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		background: url(/wp-content/uploads/2024/02/image-8.webp);
		top: 0;
		background-size: cover;
		left: 0;

	}

	.form-pop-up-block input {
		width: 100%;
	}

	.form-bottom {
		flex-direction: column;
	}

	.footer-bottom {
		flex-wrap: wrap;
	}


}


@media(max-width: 768px) {
	.catalog-item.main:last-child {
		width: 100%;
	}
	.fast-block .proof {
		margin-top: 10px;
	}

	.p-link {
		gap: 30px;
	}

	.p-link a {
		width: calc(50% - 15px);
	}

	.p-link a:first-child span {
		text-align: start;
	}

	.p-link a:last-child span {
		text-align: end;
	}

	.footer-column .contacts {
		display: none;

	}

	.logo .contacts {
		display: flex;
		margin: 0;
	}

	.footer-column .logo {
		margin-bottom: 15px;
		display: flex;
		align-items: center;

		gap: 30px;
	}

	.footer-column .logo .contacts a {
		width: auto;
	}

	.link-block {
		align-items: center;
	}

	/* #for-mob-menu {
		top: 120px;
	}

	#for-mob-menu.open {
		top: 120px;
	} */

}



@media(max-width: 768px) {

	.main-slide {
		flex-direction: column;
	}

	.desc-hidden {
		display: block !important;
	}

	.mob-hidden {
		display: none !important;
	}



	.slider-text {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.slide-body {
		flex-direction: column;
	}

	.slider-head {
		font-size: 32px;
	}

	.slider-text div {
		font-size: 16px;
		margin: 20px 0 30px 0;
		line-height: 110%;
	}

	.slider-text .pretty-btn {
		width: 100%;
		text-align: center;
	}

	.slide-img {
		width: calc(100% - 45px);

	}

	.heading {
		font-size: 26px;
		padding: 5px 0 5px 26px;
		line-height: 110%;
	}

	.heading::before {
		top: -2px;
	}

	.catalog-item-img {
		margin-bottom: 10px;
		height: 145px;
	}

	.catalog-item-img img {
		border-radius: 10px;
		height: 100%;
		object-fit: cover;
	}

	.catalog-items a {
		width: calc(50% - 20px);
	}

	.catalog-items a:last-child {
		width: 100%;
	}

	.catalog-item span {
		font-size: 20px;
	}

	.catalog-item.main {
		margin-bottom: 0;
	}

	.catalog-item svg {
		transition: .4s;
		width: 10%;
	}

	.item span {
		font-size: 14px;
	}

	.popular {
		display: flex;
		flex-direction: column-reverse;
	}

	.service-items {
		gap: 20px;
	}

	.service-item {
		padding: 15px 5px;
		width: calc(50% - 10px);
	}

	.service-item-img img {
		width: 48px;
	}

	.service-item:nth-child(5) {
		width: 100%;
	}

	.service-item:nth-child(6) {
		width: 100%;
	}

	.service-item:nth-child(7) {
		width: 100%;
	}

	.brands-slider .single-slide {
		margin-right: 20px;
	}

	.pretty-btn {
		width: 100%;
		text-align: center;
		display: block;
	}

	.brands-slider-container {
		padding-bottom: 0;
	}

	.brands-slider {
		max-height: 142px;
		overflow: hidden;
	}

	.tovar-desc ul {
		padding-left: 25px;
		margin: auto;
		/* list-style: disc; */
	}


	/* #mobile_menu>li>.sub-menu.active{
		display: block;
	} */

	.slider-for-container {
		flex-direction: column;
		align-items: start;
		margin-top: 30px;
		gap: 20px;
	}

	.slider-nav {
		margin: 0;
		margin-bottom: 0;
	}

	.item {
		padding: 10px 5px;
	}

	.slider-nav .slick-dots {
		bottom: -20px;
	}

	.slider-nav::after {
		bottom: -20px;
	}
	.logo>a>svg{
		width: 165px;
		height: 31px;
	}
	.img-container {
		width: 100%;
		display: flex;
		align-items: center;
		gap: 20px;
		height: auto;
		background: none;
	}

	.img-container img {
		width: 165px;
		border-radius: 20px;
		height: 165px !important;
		object-fit: contain;
		background: #fff;
		margin: 0;
	}

	.img-container span {
		font-size: 20px;
		font-weight: 600;
	}

	.prod-text-block {
		margin-bottom: 18px;
		width: 100%;
	}

	.prod-text-block p {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.prod-text-block a {
		font-size: 22px;
		margin-top: 25px;
		display: block;
		text-align: center;
	}

	.contact-form-page-text {
		/* margin-top: 38px; */
		width: 100%;
	}

	.contact-form-page-body {
		flex-wrap: wrap;
	}

	.contact-form-page {
		/* background: linear-gradient(90deg, #D2D2D2 16.86%, #F6F6F6 100%); */
		background: linear-gradient(0deg, #D2D2D2 -22.67%, #F6F6F6 55.88%);
	}

	.contact-form-page img {
		display: none;
	}

	.name-number input {
		width: 100%;
	}

	.name-number label {
		display: flex;
		/* flex-wrap: wrap; */
		gap: 10px;
		width: 100%;
		margin-bottom: 15px;
		margin-top: 20px;
		flex-direction: column;
	}

	.contact-form-page-text p {
		font-size: 18px;
		margin-top: 15px;
		line-height: 110%;
		margin-bottom: 10px !important;
	}

	.name-number input {
		margin-right: 0;
	}

	.form-background {
		background-image: url(/wp-content/uploads/2024/04/image-8.webp);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top;
	}


	.news-img img {
		height: 165px;
		width: 100%;
	}

	.news-img {
		height: 165px;
	}

	.news-item {
		width: 100%;
	}

	.otz-w-slider {
		margin-bottom: 50px !important;
	}

	.otz-w-slider-container .pretty-btn {
		display: block;
	}

	.otz-w-slider-container {
		margin-bottom: 0;
	}

	.new-head {
		margin-top: 40px;
	}

	.news-head {
		color: #000;
		/* font-family: "Source Sans Pro"; */
		font-size: 22px;
		/* font-style: normal; */
		font-weight: 600;
		line-height: 110%;
		margin-bottom: 10px;
	}

	.news-container {
		gap: 20px;
	}

	.footer-column {
		position: relative;
		width: 100% !important;
	}

	.footer-column:nth-child(2) {
		padding-left: 20px;
	}

	.footer-column:nth-child(3) {
		padding-left: 20px;
	}

	.footer-column:last-child {
		padding-left: 20px;
	}

	.footer-container {
		flex-wrap: wrap;
		gap: 30px;
	}

	.footer-column::before {
		left: 0;
	}

	.footer-bottom {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: start;
		text-align: start;
		align-items: start;
	}

	footer {

		padding: 30px 0 110px 0;
	}

	.footer-bottom .copyr {
		font-size: 16px;
		line-height: 110%;
		margin-bottom: 10px;
	}

	#breadcrumbs {
		padding: 20px 0;
	}

	.catalog-item-text {
		padding: 15px;
		width: 100%;
	}

	.main-cat-items {
		width: 100%;
		flex-direction: row;
		gap: 30px;
		flex-wrap: wrap;
	}

	/* .banner-content {
		height: 73px;
	} */

	.product-list {
		width: 100%;
	}

	.tovar-items {
		gap: 20px;
		flex-wrap: wrap;
	}

	.tovar-slide img {
		height: 100%;
	}


	.tovar-item {

		width: calc(50% - 10px);
	}

	.blog-block.in-catalog-podcat {
		gap: 0px;
	}

	.catalog-items.podcat li {
		width: calc(50% - 10px);
	}

	.catalog-items.podcat {
		row-gap: 20px;
		column-gap: 20px;
	}

	.tovar-item img {
		height: 180px;
	}

	.tovar-img {
		width: 100%;
	}

	.tovar-desc {
		width: 100%;
		margin-top: 0;
	}

	.tovar-img {
		width: 100%;
		flex-direction: column-reverse;
		height: auto;
		margin-bottom: 0;
	}

	.tovar-slider {
		width: 386px !important;
		border: 1px solid #787878;
		border-radius: 20px;
		margin: 0 auto;
	}

	.tovar-slider-nav {
		width: 386px !important;
		margin: 0 auto;
	}

	.tovar-slide-nav {
		margin: 0 5px;
	}

	.tovar-slide {

		width: 100% !important;
		height: 320px !important;
		background: #fff;
	}

	.tovar-slider-nav .slick-track {
		display: flex;
		flex-direction: row;
		/* gap: 10px; */
	}

	.tovar-slide-nav {
		height: 149px !important;
		border: 1px solid #787878 !important;
		border-radius: 20px;
		margin-bottom: 30px;
		width: 150px !important;
		background: #fff;
	}

	.tovar-top {
		display: flex;
		gap: 0;
		flex-wrap: wrap;
	}

	.tab {
		padding: 5px 10px 0 10px;
		border-top: 3px solid #0000;
		cursor: pointer;
		transition: .4s;
		font-size: 18px;
		text-align: center;
	}

	.characteristics {
		gap: 10px;
		/* justify-content: center; */
	}

	.table div:first-child {
		width: 50%;
	}

	.table {
		width: 100%;
	}

	.tovar-desc>div {
		margin-bottom: 30px;
	}

	.form-contacts-block {
		padding: 20px;
	}

	.form-text-block {
		font-size: 24px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 20px;
		line-height: 110%;
	}

	.fast-block {
		margin-bottom: 30px;
	}

	.service-item {
		padding: 15px 5px !important;
	}

	.form-contacts-block input {
		margin-bottom: 10px;
	}

	#message {
		height: 175px;
		position: relative;
		margin-bottom: 10px;
		margin-bottom: 0px !important;
	}

	.projects-container {
		width: 100%;
	}

	.project-item img {
		width: 100%;
		height: 180px;
		object-fit: cover;
	}

	.project-item::before {

		top: calc(90px - 60px);
	}

	.single-tab {
		padding: 5px 25px;
		font-size: 16px;
		white-space: nowrap;
	}

	.project-tabs {
		gap: 15px;
		overflow-y: scroll;
		margin-bottom: 0;
		padding-bottom: 20px;
	}

	.project-item-text {
		padding: 10px 20px;

	}

	.projects-body {
		gap: 15px;
	}

	.new-feed-buttons span {
		font-size: 24px;
		width: 100%;
	}

	.new-feed-buttons {
		justify-content: start;
		gap: 20px;
		align-items: center;
		margin-bottom: 20px;
		position: relative;
		flex-wrap: wrap;
		padding: 20px;
	}

	.new-feed-button img {
		width: 160px;
		height: 160px;
		display: block;
		margin: 0 auto;
	}

	.new-feed-button {
		padding: 20px;
		border-radius: 20px;
		background: #fff;
		display: flex;
		gap: 20px;
		z-index: 1;
		flex-wrap: wrap;
		width: 100%;
	}

	.new-feed-body {

		align-items: center;
	}

	.new-feed-buttons::before {
		content: none;
	}

	.new-feed-buttons::after {
		content: none;
	}

	.firm-slider {
		margin-bottom: 30px !important;
	}

	.firm-slide {
		padding: 20px;
		flex-wrap: wrap;
		gap: 15px;

	}

	.heading-no-line {
		margin-top: 30px;
		font-size: 26px;
	}

	.firm-text {
		width: 100%;
		position: relative;
		padding-bottom: 0;

	}

	.firm-slide a {
		width: 50%;
		position: relative;
		display: block;
		margin: 0 auto;
	}

	.firm-text img {
		width: 60px;
		right: 0;
		bottom: 0;
	}

	.firm-text p {
		/* width: 85%; */
		margin-bottom: 60px;
	}

	.audio-item {
		width: 100%;
	}

	.spec-item {
		width: 100%;
	}

	.spec-item:nth-child(4) {
		width: 100%;
	}

	.spec-item:nth-child(5) {
		width: 100%;
	}

	.spec-items {
		margin-bottom: 30px;
	}

	.advantages-item {
		width: 100%;
		position: relative;
		padding-bottom: 20px;
	}

	.advantages-item::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 3px;
		bottom: 0;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="286" height="4" viewBox="0 0 286 4" fill="none"><path d="M2 2H284" stroke="url(%23paint0_linear_261_14805)" stroke-width="3" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_261_14805" x1="2" y1="2" x2="284" y2="2" gradientUnits="userSpaceOnUse"><stop stop-color="%23307794" stop-opacity="0"/><stop offset="0.506612" stop-color="%23307794"/><stop offset="1" stop-color="%23307794" stop-opacity="0"/></linearGradient></defs></svg>');
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.spec-items {
		row-gap: 30px;
	}

	.category-titles {
		gap: 15px;
	}

	.main-about-text>a {

		width: 100%;
	}

	.menu-tabs div:first-child {
		padding-right: 45px;
		text-align: end;
	}

	.menu-tabs div:last-child {
		padding-left: 45px;
		text-align: start;
	}

	.catalog-img {
		width: 100%;
		max-height: 150px;
	}

	.catalog-img img {
		width: 100%;
		border-radius: 10px;
	}

	.projects-container {
		width: calc(50% - 15px);
	}

	.main-slider-container {
		width: 70%;
		position: relative;
	}
	.main-about-body {
		/* background-image: url(/wp-content/uploads/2024/04/vector_11zon.webp); */

	}




}

@media(max-width:500px) {

	.footer-column .logo {
		justify-content: space-between;
	}

	.projects-container {
		width: 100%;
	}

	.main-cat-items {
		width: 100%;
		gap: 0;
	}

	.banner-link {
		font-size: 12px;
		width: 50%;
	}

	.banner-container {
		height: 75px;
	}

	.banner-button {
		padding: 7px 20px;
		background: #fff;
		border-radius: 30px;
		position: relative;
		display: flex;
		align-items: center;
		gap: 15px;
		/* border: 1px solid #000; */
		font-size: 16px;
		/* line-height: 110%; */
		font-size: 12px;
	}
	.img-container span {
		width: 50%;
	}

	.arrow {
		margin-top: 0;
	}

	/* .banner-content {
		height: 73px;
	} */

	.catalog-item.podcat .catalog-item-img {
		height: 145px;
	}

	.catalog-items.podcat li {
		margin-bottom: 0;
	}

	.img-container img {
		width: 165px !important;
	}

	.contact-form-head {
		font-size: 24px;
	}

	#hidden {
		width: 95% !important;
	}

	.characteristics {
		gap: 10px;
		justify-content: space-evenly;
	}

	.tovar-slider-nav {
		width: 100% !important;
		margin: 0 auto;
	}

	.tovar-slider {
		width: 100% !important;

	}

	.heading-container .heading {
		margin: 0;
		width: 60%;
	}

	.main-slider-container {
		width: 100%;
		position: relative;
	}

	.p-link a span {
		font-size: 16px;
	}
	.main-slider {
		max-height: 407px;
		overflow: hidden;
	}



}

.form-block div {

    border-radius: 30px;
    position: relative;
    /* width: 100%; */
    border: 1px solid transparent;
    transition: .4s;
}
.name-number div {

    border-radius: 30px;
    position: relative;
    /* width: 100%; */
    border: 1px solid transparent;
    transition: .4s;
}

.form-block, .name-number div p{
	margin: 0;
}

.name-number div.no-submit {
    border: 1px solid red;
    border-radius: 30px;
    transition: .4s;
    box-shadow: 0 0 5px 0px #ff050580;
}
.form-block div.no-submit {
    border: 1px solid red;
    border-radius: 30px;
    transition: .4s;
	box-shadow: 0 0 5px 0px #ff050580;
}
.correct-form{
	position: absolute;
}
.name-number div .correct-form{
	opacity: 0;
	visibility: hidden;
}
.form-block div .correct-form{
	opacity: 0;
	visibility: hidden;
}
.form-block div.no-submit .correct-form {
    opacity: 1;
    color: #85B1C3;
    font-size: 14px;
    top: -20px;
    visibility: visible;
}
.name-number div.no-submit .correct-form {
    opacity: 1;
    color: #575757;
    font-size: 14px;
    top: -20px;
    visibility: visible;
    font-weight: normal;
}

.form-contacts-block .form-block div{
	width: 100%;
}

.placeholder label {
    position: absolute;
    left: 15px;
    width: calc(100% - 30px);
    font-weight: normal;
    top: 15px;
    color: #606060;
}
.form-contacts-block .form-block{
	gap: 0;
}

.form-contacts-block .form-block div{
	margin-bottom: 20px;
}
.form-contacts-block .form-block .proof{
	margin-bottom: 0 !important;
}
@media(max-width:1024px){
	.form-contacts-block .form-block {
		/* gap: 20px; */
	}
	.form-block div{
		width: 100%;
	}
	.name-number div{
		width: 100%;
	}
	.name-number label{
		gap: 20px;
	}


}

@media(max-width:768px){
	.form-contacts-block .form-block div {
		margin-bottom: 20px;
	}
	.form-contacts-block .form-block .proof {
		margin-bottom: 10px !important;
	}
	.form-contacts-block input {
		margin-bottom: 0px;
	}
	.placeholder{
		margin-bottom: 0 !important;
	}
}


.p404_1 {
    text-align: center;
    font-size: 40px;
    margin-top: 40px;
    color: #307994;
    margin-bottom: 20px;
    font-weight: 600;
}

.p404_2 {
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.p404_3 {
    margin-bottom: 20px;
    font-size: 22px;
	text-align: center;
}

.a_404 {
    margin-bottom: 30px;
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 40px;
}