.starrequired {
	color: red;
}

.smart-filter-close svg.icon {
	display: none;
}

.catalog-details-info {
	display: none;
}

.icon_lager_info_left {
	direction: rtl;
}

.icon_lager_info_left img {
	height: 130px;
	position: absolute;
}

.icon_lager_info_right {
	height: 30px;
	position: absolute;
	margin-left: 30px;
	margin-top: 100px;
}

.section_O_lager {
	position: relative !important;
}

.section_O_lager main {
	max-width: 1920px !important;
	display: block !important;
}

.section_O_lager main h2 {
	font-size: 60px;
}

.section_O_lager .L {
	height: 100%;
	z-index: 99;
	width: 4%;
	position: absolute;
	margin-top: 10%;
	backdrop-filter: blur(5px);
	background: rgb(255 255 255 / 0%);
}

.section_O_lager main ul {
	display: flex;
	justify-content: center;
}

.section_O_lager main ul .li_lager {
	display: flex !important;
	margin: 0px 5px !important;
	flex-direction: column !important;
	align-items: center !important;
}

.block_sli_picture {
	width: 90%;
	height: 361px;
	background-size: cover;
	border-radius: 30px;
	margin-top: 30px;
}

.block_sli_back span {
	height: 60px;
	width: 90%;
	margin-top: 30px;
	font-family: Open Sans;
	font-weight: 600;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0%;
	text-align: center;
	text-transform: uppercase;
}

.block_sli_back ul {
	width: 95%;
	margin-top: 40px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	font-size: 20px;
	list-style: none;
}

.block_sli_back ul li {
	width: 90%;
	display: flex;
}

.smeni_lager main {
	max-width: 1660px !important;
	display: block !important;
}

.smeni_lager main h2 {
	font-size: 60px;
}

.lager_phone {
	justify-content: center;
}

.lager_phone a {
	background: #00599D;
	border-radius: 99px;
	padding: 20px 40px;
	color: white !important;
	display: flex;
	align-items: center;
	font-family: Open Sans;
	font-weight: 600;
	font-size: 35px;
	line-height: 35.6px;
	letter-spacing: 0px;

}

.lager_mail span {
	font-family: Open Sans;
	font-weight: 600;
	font-size: 35px;
	line-height: 35.6px;
	letter-spacing: 0%;
}

.item_1_group {
	display: flex;
}

.item_1_group .cirk a {
	padding: 0px 50px;
	height: 113px;
	border-radius: 99px;
	background: #DEDEDE;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	cursor: pointer;
	color: black;
}

@media (max-width: 750px) {


	.item_1_group .cirk a {
		padding: 0px 20px;
		height: 60px;
		border-radius: 99px;
		background: #DEDEDE;
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		cursor: pointer;
		color: black;
	}
}

@media (min-width: 1300px) and (max-width: 1700px) {
	.stoimost_lager ul li .price .text_price {
		width: 400px !important;

		height: 200px !important;

	}

	.enot {
		margin-left: 3em !important;
	}
}

@media (min-width: 800px) and (max-width: 1300px) {
	.lager_catalogs li div {
		width: 100px !important;
		height: 100px !important;
	}
	.enot {
		margin-left: 3em !important;
		display: none;
	}
	.section_O_lager .L,
	.R {
		display: none;
	}

	.icon_stoimost_lager {
		width: 140px !important;
		height: 150px !important;
	}

	.lager_catalogs li>span {
		font-size: 14px !important;
		max-width: 90px !important;
	}

	.item_1_group .cirk a {
		height: 80px !important;
		font-size: 17px !important;
	}

	.polInfo_icon_lager {

		width: 10% !important;
		height: 13% !important;
	}

	.icon_lager_info_right {
		height: 19px !important;
		margin-left: 10px !important;
		margin-top: 80px !important;
	}

	.circle {
		width: 80px !important;
		height: 80px !important;
		font-size: 83.25px !important;
		line-height: 76.14px !important;
	}

	.icon_lager_info_left img {
		height: 80px;
		position: absolute;
	}

	.s-item {
		width: 160px !important;

		height: 80px !important;

	}

	.s-item>span {
		width: 130px !important;
		font-size: 12px !important;
		line-height: normal !important;

	}

	.stoimost_lager ul li .price .text_price {
		width: 300px !important;

		height: 168px !important;

	}
}

.s-item>span {
	width: 200px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0%;
	text-align: center;

}

.s-item {
	width: 255px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	color: white;
	background-image: linear-gradient(-90deg, #ff0000, #ff9400) !important;
	height: 131px;
	border-radius: 25px;
}

.item_1_group .cirk a:hover {

	background: #c2c2c2;

	color: black;
}

.item_1_group .cirk {
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.circle {
	width: 113px;
	height: 113px;
	border-radius: 50%;
	background-color: #00599D;
	display: flex;
	justify-content: center;
	margin: 20px;
	overflow: hidden;
	box-sizing: border-box;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 119.25px;
	line-height: 106.14px;
	letter-spacing: -4px;
	color: #FFFFFF33;
}

.column-1>div {
	height: 100% !important;
	width: 397px;
}

.column-1 {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;
	/* width: 3% !important; */

}

.column-1 {}

.column-2>div {
	height: 47.5% !important;
	width: 683px;
}

.column-2 {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;

}

.column-3>div {
	height: 30% !important;
	width: 540px;
}

.column-3 {
	display: flex !important;
	flex-direction: column;
	justify-content: space-between;

}



.gallery-item {
	background-image: url('<?php echo $s; ?>');

	height: auto;
	display: block;
	/* Убирает лишний отступ под изображением */

	border-radius: 45px;

	/* Отступ между изображениями в колонке */
	height: 203px;
	/* Пример высоты */
	background-size: cover;
	/* Масштабирование изображения */
	background-position: center;
	/* Позиционирование изображения */
}

.polInfo main {
	max-width: 1660px !important;
	display: block !important;
}

.polInfo main h2 {
	font-size: 60px;
}

.icon_photo_lager {
	width: 295px;
	height: 75px;
	margin-right: 10em;
	background-image: url("/lager/icon/gallery.png");
}

.foto_lager_name {
	margin-left: 2em;
	font-size: 60px;
}

.polInfo .block_polInfo {
	margin-left: 100px;
}

.polInfo_icon_lager {
	/* display: none; */
	position: absolute;
	left: 0;
	width: 215px;
	height: 254px;
	background-image: url(/lager/icon/Info.png);
	background-size: cover;
}

.stoimost_lager main h2 {
	font-size: 60px;
}

.stoimost_lager ul {
	display: flex;
	justify-content: center;
}

.stoimost_lager ul li .price {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.btn_price_lager {
	display: flex;
	justify-content: center;
	margin-top: 70px;
}

.btn_price_lager a {
	height: 78px;
	display: block;
	padding: 0px 0px;
	border-radius: 111px;
	font-size: 45px;
	background-image: linear-gradient(90deg, #BD6F14, #A13209) !important;
	color: white;
	cursor: pointer;
	outline-offset: 4px;
}

.btn_price_lager a span {
	display: block;
	padding: 12px 42px;
	border-radius: 111px;
	font-size: 45px;
	background-image: linear-gradient(90deg, #F2930E, #E4440F) !important;
	color: white;
	transform: translateX(-1px) translateY(-4px);
}

.stoimost_lager ul li .price .text_price {
	width: 500px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	flex-direction: column;
	color: white;
	background: #DEDEDE !important;
	height: 200px;
	border-radius: 45px;
}

.stoimost_lager ul li .price .text_price span {
	width: 200px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 35px;
	line-height: 30px;
	letter-spacing: 0%;
	text-align: center;
	color: #00192C;
}

.stoimost_lager ul li .price .text_price .price_lager {
	background: #00599D !important;
	border-radius: 50px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 50px;
	line-height: 30px;
	padding: 20px 30px;
	margin-top: 20px;
}

.icon_stoimost_lager {
	width: 232px;
	height: 232px;
	position: absolute;
	right: 0;
	background-image: url("/lager/icon/price.png");
	background-size: cover;
}

.smeni_lager main ul {
	display: flex;
	justify-content: center;
}

.block_sli_back {
	width: 100%;
	text-align: center;
	display: flex;
	font-weight: 500;
	color: white;
	height: 886px;
	border-radius: 45px;
	flex-direction: column;
	align-items: center;
}

.block_sli {
	height: 785px;
	width: 100%;
	display: flex;
	margin: auto 35px;
	flex-direction: column;
	align-items: center;
}

.section_O_lager .R {
	right: 0;
	z-index: 99;
	height: 100%;
	width: 4%;
	position: absolute;
	margin-top: 10%;
	backdrop-filter: blur(5px);
	background: rgb(255 255 255 / 0%);
}

.Lager_baner_deti {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 60%;
}

.section_baner_lager {
	max-width: 1700px !important;
	padding: 0 20px;
	height: 480px;
}

.section_baner_lager section {
	height: 10em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.section_baner_lager section h2 {
	font-size: 18px;
	letter-spacing: 3px;
	font-weight: 400;
	text-align: center;
}

.section_baner_lager section .btn_podrobno {
	font-size: 20px;
	height: 45px;
	border-radius: 30px;
	background-image: linear-gradient(-90deg, #ff0000, #ff9400) !important;
	background: hsl(340deg 100% 32%);
	border: none;
	padding: 0;
	cursor: pointer;
	outline-offset: 4px;
}

.section_baner_lager section .btn_podrobno span {
	display: block;
	padding: 12px 42px;
	border-radius: 30px;
	font-size: 1.25rem;
	background-image: linear-gradient(-189deg, #ff0000, #ff9400) !important;
	color: white;
	transform: translateX(-1px) translateY(-4px);
}

.lager_catalogs {
	display: flex !important;
	justify-content: space-around !important;
}

.lager_catalogs li {
	display: flex;
	margin: 0px auto;
	flex-direction: column;
	align-items: center;
}

.lager_catalogs li img {
	width: 148px;
	border-radius: 50%;
}

.lager_catalogs li div {
	width: 148px;
	background-image: linear-gradient(-90deg, #E4440F, #F2930E) !important;
	height: 148px;
	border-radius: 50%;
}

.lager_catalogs li>span {
	max-width: 200px;
	margin-top: 20px;
	font-family: Open Sans;
	font-weight: 600;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: 0%;
	text-align: center;
}

.input-wrapper {
	margin: 20px 0;
}

.input-file-custom {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
}

.input-file-custom label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width: auto;
	height: 50px;
	padding: 0 40px;
	border: 0;
	border-radius: 5px;
	font: 400 14px / 1.2 "Open Sans", sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: all .3s;
	position: relative;
	background: var(--l-grey);
	color: var(--text);
	font-weight: 600;
}

.input-file-custom label:hover {
	background: var(--link);
	color: #fff;
}

.input-file-custom input[type="file"] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
}

.clearfix::before,
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.inner main ul:not([class]) {
	padding-left: 24px;
	list-style: disc;
}

.inner main p:not([class])+ul:not([class]),
.inner main ul:not([class])+ul:not([class]) {
	margin-top: 1rem;
}

.inner main ul:not([class]) li+li {
	margin-top: 1rem;
}


body.hidden {
	overflow: hidden;
}

.container {
	max-width: 1920px;
	min-height: 100%;
	-webkit-box-shadow: 0 0 20px #00000008;
	box-shadow: 0 0 20px #00000008;
	margin: 0 auto;
	overflow: hidden;
}

.wrap {
	max-width: 1270px;
	padding: 0 20px;
	margin: 0 auto 100px;
}


header {
	border-bottom: 1px solid var(--l-grey-2);
}

header .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	max-width: 1760px;
	height: 66px;
	margin: 0 auto;
}

header .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--text);
}

header .logo-desc {
	text-transform: uppercase;
	font-weight: 600;
}

header section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 40px;
}

header section>div,
header section>a,
header section>i,
header section #lang>*,
header #menu-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	color: var(--text);
	font-weight: 600;
	text-transform: uppercase;
}

header section .phone,
header #menu-button {
	font-size: 18px;
}

header section i {
	width: 1px;
	height: 25px;
	background: var(--l-grey);
}

header section #search-popup form {
	width: 1230px;
	max-width: 90%;
	height: 90%;
}

header section .search-input {
	position: relative;
}

header section .search-input input[type="text"] {
	height: 85px;
	padding: 0 40px;
	background: var(--l-grey-3);
	border: 0;
	border-bottom: 2px solid var(--l-grey);
	border-radius: 0;
	margin: 0;
}

header section .search-input input[type="submit"] {
	width: 105px;
	height: 85px;
	padding: 0;
	background: url("/local/templates/integral_2024/i/icon-srch.svg") no-repeat 50% 50% !important;
	border-radius: 0;
	font-size: 0;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

header section #search-popup ul {
	padding: 10px 40px;
	background: var(--l-grey-3);
	border-top: 1px solid #fff;
	border-bottom: 2px solid var(--l-grey);
}

header section #search-popup ul li {
	border-bottom: 1px solid var(--l-grey);
}

header section #search-popup ul li:last-child {
	border: 0;
}

header section #search-popup ul li a {
	display: block;
	padding: 25px 0;
	text-transform: none;
	font-weight: 400;
	color: var(--text);
}

header section #search-popup ul li a:hover {
	color: var(--link);
}

header section #lang {
	display: block;
	position: relative;
}

header section #lang span {
	cursor: pointer;
}

header section #lang>div {
	display: block;
	position: absolute;
	top: 61px;
	left: -40px;
	right: -40px;
	padding: 12px 0;
	background: #fff;
	-webkit-box-shadow: 0 10px 10px #0001;
	box-shadow: 0 10px 10px #0001;
	z-index: 200;
}

header section #lang>div {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	pointer-events: none;
}

header section #lang>div.o,
#menu-popup.o {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	pointer-events: all;
}

header section #lang>div a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 8px;
	gap: 15px;
	font-weight: 600;
	text-transform: uppercase;
}


.mb {
	padding: 100px 0;
	position: relative;
}

.mbbg {
	background: var(--l-grey-3);
}

.mbbg:before,
.mbbg:after {
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--l-grey-3);
}

.mb:before {
	left: 100%;
}

.mb:after {
	left: -100%;
}


.h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.h1 a {
	font-size: 14px;
	color: var(--text);
}

.h1 a:hover {
	color: var(--link);
}


.main-about .mv {
	padding: 56.3% 0 0;
	position: relative;
}

.main-about .mv img,
.main-about .mv iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

/* .main-about .mv:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	background: url("/local/templates/integral_2024/i/icon-video.svg");
	margin: -50px 0 0 -50px;
} */


.catalog-list li {
	padding: 40px;
	background: var(--l-grey-3);
	margin: 0 0 30px;
}

/* .catalog-list li strong */
.catalog-list li .cl-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 30px;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	/*margin: 0 0 30px;*/
}

.catalog-list li .cl-title i {
	line-height: 0;
}

.catalog-list li .cl-title i img {
	display: block;
}

.catalog-list li .cl-title i svg {
	width: 50px;
	min-height: 50px;
}

.catalog-list li section {
	background: #fff;
	padding: 30px 80px;
	margin-top: 30px;
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
}

.catalog-list li section p {
	margin: 0;
	overflow: hidden;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-moz-page-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}

.catalog-list li section p+p {
	margin-top: 1em;
}

.catalog-list li section p a {
	color: var(--text);
}

.catalog-list li section p a:hover {
	color: var(--link);
}

.catalog-list-2 {
	padding: 40px 40px 10px;
	background: var(--l-grey-3);
}

.catalog-list-2 li {
	padding: 40px 40px 25px;
	background: #fff;
	margin: 0 0 30px;
}

.catalog-list-2 li .cl2-title {
	display: block;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 15px;
}

.catalog-list-2 li .cl2-title+p {
	margin: 30px 0 1.5em;
}

.catalog-list-2 li p {
	margin: 0 0 1.5em;
}

.catalog-list-2 li .cl2-title a,
.catalog-list-2 li p a {
	color: var(--text);
}

.catalog-list-2 li .cl2-title a:hover,
.catalog-list-2 li p a:hover {
	color: var(--link);
}


.buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	margin: 0 0 20px;
}

.buttons .button {
	background: var(--l-grey) !important;
	color: var(--text) !important;
	font-weight: 600;
	margin: 0;
}

.buttons button {
	margin-top: 0;
}

.buttons .button svg {
	fill: var(--text);
}

.buttons .button:hover {
	background: var(--link) !important;
	color: #fff !important;
}

.buttons .button:hover svg {
	fill: #fff;
}

.buttons .button-blue {
	background: var(--link) !important;
	color: #fff !important;
}

.buttons .button-blue svg {
	width: 25px;
	height: 25px;
	fill: #fff;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.buttons .button-blue:hover {
	-webkit-filter: grayscale(.4) !important;
	filter: grayscale(.4) !important;
}

.buttons .button-blue:focus {
	-webkit-filter: grayscale(.4) !important;
	filter: grayscale(.4) !important;
}

.buttons .button-blue:disabled {
	background: #ccc;
	opacity: .6;
}


#p-menu-popup section,
#p-params-popup section,
#p-order-popup section {
	width: 1230px;
	max-width: 100%;
}


#p-menu-popup ul {
	max-height: 47.5vh;
	padding: 20px 40px;
	background: var(--l-grey-3);
	overflow: auto;
}

#p-menu-popup ul li {
	border-bottom: 1px solid var(--l-grey-2);
}

#p-menu-popup ul li:last-child {
	border: 0;
}

#p-menu-popup ul li a {
	display: block;
	padding: 15px 0;
	color: var(--text);
}

#p-menu-popup ul li a:hover {
	color: var(--link);
}


#p-params-popup .tabs {
	gap: 10px;
	background: none;
}

#p-params-popup .tabs li {
	background: var(--l-grey-3);
}

#p-params-popup .tabs li.a {
	background: var(--link);
	color: #fff;
}

#p-params-popup .params-list {
	height: 49vh;
	padding: 20px 40px;
	background: var(--l-grey-3);
	margin: 0 0 20px;
	overflow: auto;
}

#p-params-popup .params-list .pl-a-t {
	padding: 20px 0;
	border-bottom: 1px solid var(--l-grey);
	font-weight: 700;
	margin: 0 0 20px;
}

#p-params-popup .params-list ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
	margin: 0 0 10px;
}

#p-params-popup .buttons {
	margin: 0;
}


#p-order-popup hr {
	background: var(--l-grey-2);
	margin: 30px 0 20px;
}

#p-order-popup section {
	max-width: 800px;
}


.selected-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	height: 26px;
	margin: 0 0 15px;
	display: none;
}

.selected-items span {
	text-transform: uppercase;
	margin: 0 5px 0 0;
}

.selected-items a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	height: 26px;
	padding: 0 15px;
	background: var(--l-grey-3);
	border-radius: 13px;
	font-size: 12px;
	line-height: 26px;
	color: var(--text);
}

.selected-items a i {
	width: 10px;
	height: 10px;
	background: url("/local/templates/integral_2024/i/icon-si-del.svg");
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-filter: grayscale();
	filter: grayscale();
	opacity: .5;
}

.selected-items a:hover i {
	-webkit-filter: none;
	filter: none;
	opacity: 1;
}


.products-table {
	padding: 30px 0;
	overflow: auto;
	position: relative;
	scrollbar-width: thin;
	margin: 0 0 30px;
}

.products-table::-webkit-scrollbar {
	height: 3px;
}

.products-table table {
	font-size: 12px;
	margin: 0 !important;
}

.products-table table th {
	font-weight: 600 !important;
	white-space: nowrap;
}

.products-table table th:first-child {
	width: 0;
}

.products-table table th:first-child img {
	margin: 0 auto;
}

.products-table table th:not(:first-child) {
	cursor: pointer;
}

.products-table table th img {
	display: block;
	-webkit-filter: grayscale() brightness(20);
	filter: grayscale() brightness(20);
}

.products-table table th a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 10px;
	white-space: normal;
	color: #fff;
}

.products-table table th a:after {
	content: '';
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10px;
	flex: 0 0 10px;
	width: 10px;
	height: 10px;
	background: url("/local/templates/integral_2024/i/sel.svg");
	-webkit-filter: grayscale() brightness(20);
	filter: grayscale() brightness(20);
}

.products-table table td,
.cart table td {
	width: 100%;
	padding: 5px;
	background: var(--l-grey-3);
}

.products-table table td {
	width: auto;
}

.products-table+button {
	margin: 0 0 10px;
}


.scroll {
	scrollbar-width: thin;
	margin: 30px 0 0;
}

.scroll::-webkit-scrollbar {
	height: 3px;
}


.prod-reg {
	margin: 30px 0;
}

.prod-imgs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin: 30px 0;
}

.prod-imgs section {
	-webkit-box-flex: 27;
	-ms-flex: 27;
	flex: 27;
}

.prod-imgs section img {
	display: block;
	width: 100%;
	height: auto;
}

.prod-imgs aside {
	-webkit-box-flex: 13;
	-ms-flex: 13;
	flex: 13;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 30px;
}

.prod-imgs aside div {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.prod-imgs aside div img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.prod-description {
	margin: 30px 0;
}

.prod-chars {
	padding: 40px;
	background: var(--l-grey-3);
	margin: 30px 0;
}

.prod-chars strong {
	display: block;
	font-size: 18px;
	margin: 0 0 1em;
}

.prod-description .prod-chars ul {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
	margin: 0;
}

.prod-description .button {
	height: 55px;
	padding: 0 30px;
}

.prod-contacts {
	padding: 40px;
	background: var(--l-grey-3);
}

.prod-contacts p:first-child {
	margin: 0 0 2em;
}

.prod-contacts strong {
	display: block;
	text-transform: uppercase;
	margin: 2em 0 1em;
}

.pc-sections {
	margin: 40px 0 0;
}

.pc-sections b {
	font-weight: 700;
}


.cart-msg {
	line-height: 1.73;
	margin: -10px 0 20px;
}

.cart table,
.products-table table {
	min-width: 100%;
	border-collapse: separate;
	margin: 0 0 20px;
}

.cart table th,
.cart table td,
.products-table table th,
.products-table table td {
	vertical-align: middle;
}

.cart table th,
.products-table table th {
	padding: 5px;
	background: var(--link);
	color: #fff;
	text-align: left;
	font-weight: 400;
	text-transform: uppercase;
}

.cart th svg,
.cart td svg {
	display: block;
	width: 25px;
	height: 25px;
	fill: #fff;
}

.cart td svg {
	fill: var(--grey);
}

.cart td a:hover svg {
	fill: var(--red);
}

.cart .qty {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 8px;
}

.cart .qty input {
	width: 120px;
	height: 42px;
	text-align: center;
	margin: 0;
}

.cart .qty button {
	width: 42px;
	height: 42px;
	padding: 0;
	margin: 0;
	border-radius: 5px;
	background: var(--l-grey) !important;
	cursor: pointer;
	position: relative;
}

.cart .qty button:hover {
	background: var(--link) !important;
}

.cart .qty button i:before,
.cart .qty button em:before {
	content: '';
	width: 16px;
	height: 2px;
	background: var(--text-grey);
	position: absolute;
	top: 20px;
	left: 13px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cart .qty button em:after {
	content: '';
	width: 2px;
	height: 16px;
	background: var(--text-grey);
	position: absolute;
	top: 13px;
	left: 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.cart .qty button:hover i:before,
.cart .qty button:hover em:before,
.cart .qty button:hover em:after {
	background: #fff;
}

#checkout-button:after,
.vacancies li article .button:after {
	content: '';
	width: 11px;
	height: 11px;
	background: url("/local/templates/integral_2024/i/icon-button-arrow.svg");
}


.catalogs {
	margin: 30px 0;
}

.catalogs li {
	margin: 0 0 2px;
}

.catalogs li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	padding: 25px 30px;
	background: var(--l-grey-3);
	color: var(--text);
	font-size: 12px;
}

.catalogs li a section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.catalogs li a svg {
	min-width: 20px;
	max-width: 20px;
	height: 20px;
	fill: var(--link);
}

.catalogs li a>span i {
	font-style: normal;
	color: var(--text-grey);
}

.catalogs li a:hover {
	color: #fff;
	background: var(--link);
}

.catalogs li a:hover svg {
	fill: #fff;
}

.catalogs li a section+span,
.catalogs li a span+span {
	white-space: nowrap;
}


.tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--l-grey-3);
	margin: 0 0 30px;
	overflow: auto;
}

.tabs li+li {
	margin-top: 0;
}

.tabs li,
.tabs a {
	padding: 25px 40px;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
}

.tabs li a {
	padding: 0;
	color: var(--text);
}

.tabs li.a a {
	color: #fff;
}

.tabs li:hover,
.tabs>a:hover {
	background: #fffd;
	opacity: .6;
}

.tabs li.a,
.tabs a.a {
	background: var(--link);
	color: #fff;
	opacity: 1;
}

.tabs-item {
	display: none !important;
	max-width: none;
}

.tabs-item.a {
	display: block !important;
}


.tabs-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 5px;
	overflow: auto;
}

.tabs-links a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 46px;
	padding: 0 25px;
	background: var(--l-grey-3);
	color: var(--text);
	white-space: nowrap;
}

.tabs-links a:hover {
	background: var(--link);
	color: #fff;
}

.tabs-links a.a {
	border-bottom: 2px solid var(--link);
}

.tabs-links+article {
	max-width: none;
}


.contacts ul li {
	padding: 30px 30px 22px;
	background: var(--l-grey-3);
	margin: 0 0 20px;
}

.contacts ul li strong {
	display: block;
	text-transform: uppercase;
	margin: 0 0 1.5em;
}

.contacts ul li p {
	margin: 1.2em 0;
}

.contacts ul li p b {
	white-space: normal;
}

.contacts ul li p:first-child {
	margin: 0 0 1.2em;
}

.o-contacts p[class] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
}

.o-contacts p[class]:before,
.prod-contacts p[class]:before {
	content: '';
	float: left;
	margin: 0 15px 0 0;
	min-width: 20px;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}

/*p b {
	white-space: nowrap;
}*/
p.point:before {
	background: url("/local/templates/integral_2024/i/icon-m-point.svg");
}

p.phone:before {
	background: url("/local/templates/integral_2024/i/icon-m-phone.svg");
}

p.fax:before {
	background: url("/local/templates/integral_2024/i/icon-m-fax.svg");
}

p.mail:before {
	background: url("/local/templates/integral_2024/i/icon-m-mail.svg");
}

p.time:before {
	background: url("/local/templates/integral_2024/i/icon-m-time.svg");
}

.contacts ul.fcp {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}

.contacts ul.fcp.a {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.contacts ul.fcp li:first-child {
	min-width: 495px;
	padding: 0;
}

.contacts ul.fcp li:first-child img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}


.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

.pagination .els-count {
	margin-right: 30px;
}

.pages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 5px;
}

.p-pages {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.pages aside {
	margin: 0 20px 0 0;
}

.pages a,
.pages span {
	min-width: 42px;
	height: 42px;
	border-radius: 5px;
	background: var(--l-grey-3);
	padding: 0 15px;
	line-height: 42px;
	font-weight: 600;
	text-align: center;
	color: var(--text);
	text-transform: uppercase;
}

.pages span:not([class]),
.pages a.a,
.pages a:hover {
	background: var(--link);
	color: #fff;
}

.pages span.begin,
.pages span.prev,
.pages span.next,
.pages span.end {
	opacity: 0.75;
}

.pages:not(.p-pages) span:first-child,
.pages:not(.p-pages) span:last-child .pages:not(.p-pages) a:first-child,
.pages:not(.p-pages) a:last-child {
	width: auto;
	padding: 0 30px;
	margin: 0 15px;
}

.catalog .pages .prev,
.catalog .pages .next {
	display: none;
}


article {
	max-width: 810px;
	line-height: 1.8;
	text-align: justify;
	margin: 30px auto;
}

article img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 30px auto;
}


article,
.prod-description {
	line-height: 1.8;
}

article ul,
.prod-description ul {
	margin: 1em 0;
}

article ul li,
.prod-description ul li {
	margin: .2em 0;
}

/* article ul li:before, .prod-description ul li:before {
	content: '- ';
} */
article p:first-child {
	margin: 0 0 1em;
}

article b,
article strong,
.prod-description b,
.prod-description strong {
	font-weight: 600;
}

article table,
.prod-description table {
	width: 100%;
	margin: 30px 0;
}

article table th,
.prod-description table th,
article table td,
.prod-description table td {
	padding: 15px 40px;
}

article table th,
.prod-description table th {
	background: var(--l-grey-3);
	text-align: left;
	text-transform: uppercase;
}

article table td,
.prod-description table td {
	border-bottom: 1px solid var(--l-grey);
}

.prod-description table th:last-child,
.prod-description table td:last-child {
	width: 40%;
}


.press-secretary {
	padding: 50px 105px;
	background: var(--l-grey-3);
	position: relative;
}

.press-secretary:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 100%;
	background: var(--link);
}

.press-secretary section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
	padding: 50px 105px;
	background: #fff;
	position: relative;
	z-index: 20;
}

.press-secretary section i {
	min-width: 300px;
	width: 300px;
}

.press-secretary section i img {
	display: block;
	width: 100%;
}

.press-secretary section aside strong {
	display: block;
	font-size: 25px;
	font-weight: 400;
	margin: 0 0 .5em;
}


.integral-now {
	padding: 40px 40px 10px;
	background: var(--l-grey-3);
}

.integral-now>li {
	margin: 0 0 30px;
}

.integral-now li>strong {
	display: block;
	padding: 30px;
	background: var(--link);
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
}

.integral-now li article {
	max-width: none;
	padding: 30px;
	background: #fff;
	margin: 0;
}

.integral-now li article h2 {
	font-size: 16px;
	font-weight: 600;
	margin: 1.2em 0;
}


.vacancies>li,
.support>li,
.pc-sections>li {
	background: #fff;
	margin: -1px 0 0;
	border: 1px solid var(--l-grey);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.vacancies>li:hover,
.support>li:hover,
.pc-sections>li:hover {
	-webkit-box-shadow: 0px 5px 30px 0px #0001;
	box-shadow: 0px 5px 30px 0px #0001;
	position: relative;
}

.vacancies li>strong,
.support li>strong,
.pc-sections li>strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 50px;
	height: 100px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 30px;
	cursor: pointer;
}

.vacancies li>strong:hover,
.support li>strong:hover,
.pc-sections li>strong:hover {
	color: var(--link);
}

.vacancies li>strong span:first-child,
.support li>strong span:first-child,
.pc-sections li>strong span:first-child {
	-webkit-box-flex: 1;
	-ms-flex: auto;
	flex: auto;
	padding: 0 30% 0 0;
	text-transform: uppercase;
}

.vacancies li>strong span+span,
.support li>strong span+span,
.pc-sections li>strong span+span {
	white-space: nowrap;
}

.vacancies li>strong svg,
.support li>strong svg,
.pc-sections li>strong svg {
	width: 10px;
	height: 10px;
	fill: var(--text);
	-webkit-transition: all.3s;
	-o-transition: all.3s;
	transition: all.3s;
}

.vacancies li>strong:hover svg,
.support li>strong:hover svg,
.pc-sections li>strong:hover svg {
	fill: var(--link);
}

.vacancies li.o>strong svg,
.support li.o>strong svg,
.pc-sections li.o>strong svg {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.vacancies li article,
.pc-sections li article {
	max-width: none;
	padding: 30px;
	background: var(--l-grey-3);
	margin: 0 30px 30px;
	display: none;
}

.vacancies li article p b {
	text-transform: uppercase;
}

.support li .catalogs {
	margin: 0 30px 30px;
	display: none;
}

.vacancies li article .button {
	margin-top: 20px;
}


.service-contacts {
	padding: 30px 30px 15px;
	background: var(--l-grey-3);
	margin: 30px 0;
}

.service-contacts strong {
	display: block;
	font-size: 18px;
}

.service-contacts p {
	margin: 1em 0;
}

.service-contacts p[class] {
	margin: .5em 0;
}


.o-descr {
	text-transform: uppercase;
	font-weight: 700;
}

.o-contacts {
	padding: 15px 30px 5px;
	background: var(--l-grey-3);
	margin: 30px 0;
}

.o-contacts section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
	margin: 1.5em 0;
}

.o-contacts section p {
	margin: 0;
}

.o-contacts section p a {
	color: var(--text);
}

.o-contacts section p a:hover {
	color: var(--link);
}


.bottom-map {
	position: relative;
	height: 650px;
}

.bottom-map #bmap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bottom-map .wrap {
	height: 0;
	position: relative;
}

.bottom-map section {
	float: left;
	width: 495px;
	height: 450px;
	padding: 0 60px;
	background: #fff;
	margin: 100px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.bottom-map section .h1 {
	font-size: 32px;
}

.bottom-map section p,
footer ul.b-contacts li+li p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	font-weight: 800;
	margin: 0 0 1em;
}

.bottom-map section p[class]:before {
	min-width: 25px;
	height: 25px;
	margin: 0;
}

.bottom-map section p.point:before {
	background: url("/local/templates/integral_2024/i/icon-point.svg");
}

.bottom-map section p.phone:before {
	background: url("/local/templates/integral_2024/i/icon-phone.svg");
}

.bottom-map section p.mail:before {
	background: url("/local/templates/integral_2024/i/icon-mail.svg");
}

.bottom-map section p a {
	color: var(--text);
}

.bottom-map section p a:hover {
	color: var(--link);
}

.bottom-map section p.phone {
	font-size: 20px;
}

.bottom-map section p.phone a {
	color: var(--link);
}

.bottom-map section p.phone a:hover {
	color: #000;
}

.bottom-map section a.button {
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: start;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	margin: 30px 0 0;
}


footer {
	background: var(--link);
	color: #fff;
}

footer a {
	color: #fff;
}

footer .wrap {
	padding: 50px 20px 0;
	margin: 0 auto;
}

footer .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	padding: 50px 0;
	border-bottom: 1px solid #1c76bb;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}

footer .grid>* {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	min-width: 15%;
}

footer .grid>*:last-child {
	font-size: 12px;
}

footer .title {
	display: block;
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 1.5em;
}

footer ul li,
footer ul li p {
	margin: .7em 0 0;
}

footer ul li .b-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
	margin: 1em 0 1.5em;
}

footer ul li .b-links:before {
	display: none;
}

footer ul li .b-links a img {
	display: block;
}

footer ul.b-contacts li+li {
	font-size: 16px;
}

footer ul.b-contacts li+li p {
	margin: 1.5em 0;
}

/*footer ul li+li p img {
	filter: grayscale() brightness(5);
}*/
footer ul li+li .button {
	height: 46px;
	padding: 0 20px;
	border-radius: 0;
	background: #fff !important;
	color: var(--text) !important;
}

footer ul li p a:hover,
footer ul li .button:hover {
	color: #fff;
	opacity: .8;
}

footer .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 50px;
	height: 130px;
}

footer .bottom section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 50px;
}

footer .bottom section a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
}

footer .bottom section a:hover {
	color: #fff;
}

footer .bottom section a span {
	border-bottom: 1px solid #fff4;
}

footer .bottom section a.button {
	height: 46px;
	padding: 0 20px;
	border-radius: 0;
	background: #fff !important;
	color: var(--text) !important;
	font-size: 12px;
	margin: 0;
}

footer .bottom .dev {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 15px;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
}


.popup {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: #000b;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	z-index: 500;
}

.popup {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	pointer-events: none;
}

.popup.o {
	opacity: 1;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	pointer-events: all;
}

.popup>section,
.popup>div,
.popup>form {
	width: 600px;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	padding: 50px 100px;
	background: #fff;
	position: relative;
	overflow: auto;
}

.popup>section,
.popup>div {
	max-width: calc(100% - 60px);
	max-height: calc(100% - 60px);
}

.popup strong {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 .7em;
}

.popup strong+p {
	font-size: 20px;
	text-transform: uppercase;
	margin: -.2em 0 1.2em;
}

.popup i.close {
	position: absolute;
	top: 57px;
	right: 100px;
	width: 25px;
	height: 25px;
	background: url("/local/templates/integral_2024/i/icon-close.svg");
	cursor: pointer;
}

.popup .error {
	font-size: 12px;
}

.popup .success {
	font-size: 16px;
	color: green;
}


.float-button {
	position: fixed;
	top: 40%;
	right: 0;
	width: 55px;
	height: 55px;
	background: url("/local/templates/integral_2024/i/icon-mail-w.svg") no-repeat 50% 50%, var(--link);
	z-index: 200;
	font-size: 0;
}


.desktop {
	display: block;
}

.mobile {
	display: none;
}


.fstyle {
	max-width: 1024px;
	font-size: 16px;
	line-height: 1.5;
}

.fstyle-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	gap: 60px
}

.fstyle-item:nth-child(1) div:first-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 320px;
	flex: 0 0 320px;
}

.fstyle-item:nth-child(2) div:first-child {
	padding-top: 5px;
}

.fstyle-item:nth-child(2) div:last-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 180px;
	flex: 0 0 180px;
}

.fstyle-item:nth-child(3) div:first-child {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 180px;
	flex: 0 0 180px;
}

.fstyle-item:nth-child(3) div:last-child {
	padding-top: 10px;
}

.fstyle-item+.fstyle-item {
	margin-top: 60px;
}


.product .btn-center {
	margin-top: 20px;
}

.fancybox__toolbar__items--right {
	gap: 10px;
}

.fancybox__progress {
	background-color: var(--link) !important;
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	border-color: var(--link) !important;
}

#p-params-popup form {
	width: 100%;
	padding: 0;
}


*::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--link);
}

*::-webkit-scrollbar-track {}

* {
	scrollbar-width: thin;
	scrollbar-width: 10px;
	scrollbar-color: var(--link) var(--l-grey-3);
}

.bx-core-window *::-webkit-scrollbar-thumb {
	background-color: #86ad00;
}

.bx-core-window * {
	scrollbar-width: thin;
	scrollbar-width: 10px;
	scrollbar-color: #86ad00 var(--l-grey-3);
}


.gallery {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.gallery>div {
	padding: 0 5px;
	margin-bottom: 10px;
}

.gallery.i3>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
}

.gallery>div>a {
	display: block;
	padding-top: 100%;
	position: relative;
}

.gallery>div>a>img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center center;
	object-position: center center;
}


.ymaps-layers-pane canvas,
.ymaps-layers-pane ymaps {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}


@media only screen and (max-width:1430px) {
	header .logo span {
		display: none;
	}

	header section {
		gap: 20px;
	}
}


@media only screen and (max-width:1250px) {

	.popup>section,
	.popup form,
	#menu-popup section {
		padding: 50px;
	}

	.wrap {
		margin: 0 auto 60px;
	}

	h1,
	.h1,
	.main-products section .h1 {
		font-size: 40px;
	}

	.mb {
		padding: 60px 0;
	}

	footer .wrap {
		padding: 10px 20px 0;
	}

	footer .grid {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		gap: 20px;
	}

	footer .grid>* {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		width: 45%;
		margin: 0 0 20px;
	}

	.catalog-list li {
		padding: 30px;
	}

	header .logo-desc {
		max-width: 200px;
	}
}


@media only screen and (max-width:1150px) {

	.popup>section,
	.popup form,
	#menu-popup section,
	header section #search-popup form {
		max-width: 100%;
		width: 100%;
		height: 100%;
		padding: 20px;
	}

	.popup>section {
		max-width: calc(100% - 60px);
		max-height: calc(100% - 60px);
	}

	.popup i.close {
		top: 29px;
		right: 20px;
	}

	header section .search-input {
		margin: 0 -20px;
	}

	header section .search-input input[type="text"] {
		padding: 0 20px;
	}

	header section #search-popup ul {
		padding: 0 20px;
		background: #fff;
		margin: 0 -20px;
	}

	.contacts ul.fcp li {
		min-width: 0 !important;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.press-secretary,
	.press-secretary section {
		padding: 30px;
	}

	.vacancies li>strong span:first-child,
	.support li>strong span:first-child,
	.pc-sections li>strong span:first-child {
		padding: 0;
	}

	#p-params-popup .params-list {
		height: 60vh;
	}

	header .logo-desc {
		display: none;
	}
}


@media only screen and (max-width:1000px) {
	#menu-popup section {
		background: #fff;
	}

	.popup strong {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		padding: 0 20px;
		border-bottom: 1px solid var(--l-grey-2);
		font-size: 14px;
		font-weight: 700;
		margin: -20px -20px 20px;
	}

	.popup i.close {
		display: block;
		width: 20px;
		height: 20px;
		background-size: 100%;
		top: 20px;
	}

	#menu-popup section figure ul {
		left: 0 !important;
		width: 100%;
		padding: 0 !important;
		background: #fff !important;
		overflow: auto;
		z-index: 510;
	}

	#menu-popup section figure ul ul {
		z-index: 520;
	}

	#menu-popup section figure ul ul ul {
		z-index: 530;
	}

	header section .search-input input[type="text"] {
		height: 75px;
	}

	header section .search-input input[type="submit"] {
		width: 75px;
		height: 75px;
	}

	.bottom-map {
		height: auto;
	}

	.bottom-map #bmap {
		position: static;
		width: auto;
		height: 400px;
	}

	.bottom-map .wrap {
		height: auto;
	}

	.bottom-map section {
		float: none !important;
		width: auto !important;
		height: auto !important;
		padding: 0 !important;
		margin: 5px 0 !important;
	}
}

@media print {
	#menu-button span {
		display: none;
	}

	#lang {
		display: none !important;
	}

	.bx-basket-link {
		display: none;
	}

	#search-button {
		display: none;
	}

	.eye {
		display: none;
	}

	#menu-button img {
		display: none;
	}

	.wrap section i {
		display: none;
	}

	.logo-desc {
		font-size: 11px !important;
	}

	.wrap section .phone a {
		font-size: 11px !important;
	}

	title {
		display: none;
	}
}

@media only screen and (max-width:900px) {
	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	/* header .wrap {
        height: 60px;
    } */
	header .logo img {
		width: 30px;
		height: 30px;
		-o-object-fit: cover;
		object-fit: cover;
		-o-object-position: 0;
		object-position: 0;
	}

	header section {
		gap: 40px;
	}

	header section i {
		display: none;
	}

	header section .eye {
		display: none;
	}

	header section .phone a {
		display: block;
		width: 25px;
		height: 25px;
		background: url("/local/templates/integral_2024/i/icon-phone.svg");
		font-size: 0;
	}

	header section .phone img {
		display: none;
	}

	#menu-button span {
		display: none;
	}

	header section #lang span {
		gap: 0;
		font-size: 0;
	}

	header section #lang>div {
		position: fixed;
		top: 0;
		left: 0;
		right: auto;
		width: 100%;
		height: 100%;
		padding: 20px;
	}

	header section #lang>div .title {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		padding: 0 20px;
		border-bottom: 1px solid var(--l-grey-2);
		margin: -20px -20px 0;
	}

	header section #lang>div i.close {
		display: block;
		width: 20px;
		height: 20px;
		background: url("/local/templates/integral_2024/i/icon-close.svg");
		background-size: 100%;
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}

	header section #lang>div a {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: start;
		height: 75px;
		padding: 0;
		border-bottom: 1px solid var(--l-grey);
	}

	.h1,
	.main-products section .h1 {
		font-size: 32px;
	}

	.main-news ul li,
	.main-news .mn-list .list-item,
	.catalog-list li,
	.catalog-list li section,
	.catalog-list-2,
	.catalog-list-2 li,
	.prod-chars,
	.prod-contacts,
	.vacancies li article,
	.pc-sections li article,
	article table th,
	.prod-description table th,
	article table td,
	.prod-description table td,
	.catalogs li a,
	.contacts ul li,
	.news-list li,
	.press-secretary,
	.press-secretary section,
	.integral-now,
	.integral-now li>strong,
	.integral-now li article,
	.integral-history,
	.integral-management li,
	.services .s-link {
		padding: 20px;
	}

	.scopes section,
	.scopes .s-list,
	.prod-slider,
	.main-news ul,
	.main-news .mn-list,
	.catalog-list,
	.catalog-list-2,
	.products-table,
	.cart,
	.catalogs,
	.integral-now,
	.integral-history,
	.vacancies,
	.support,
	.services,
	.tabs-links,
	.contacts ul {
		margin: 0 -20px;
	}

	.tabs {
		margin: 0 -20px 20px;
	}

	.service-contacts,
	.o-contacts {
		padding: 20px 20px 10px;
		margin: 20px -20px;
	}

	.catalog-list li,
	.catalog-list-2 li,
	.integral-now>li {
		margin: 0 0 20px;
	}

	.catalog-list li .cl-title i img {
		width: 40px;
	}

	.catalog-list li .cl-title {
		gap: 20px;
		font-size: 18px;
		margin: 0 0 20px;
	}

	.catalog-list li section,
	.prod-description .prod-chars ul {
		-webkit-columns: unset;
		-moz-columns: unset;
		columns: unset;
	}

	.buttons .button {
		padding: 0 20px;
	}

	.prod-imgs,
	.prod-imgs aside,
	.contacts ul.fcp,
	.news-list li,
	.press-secretary section,
	.services {
		gap: 20px;
	}

	article table,
	.prod-description table,
	.prod-chars {
		font-size: 12px;
		margin: 20px -20px;
	}

	article table,
	.prod-description table {
		width: calc(100% + 40px);
	}

	.prod-chars strong {
		font-size: 14px;
		margin: 0 0 .5em;
	}

	.vacancies li>strong,
	.support li>strong,
	.pc-sections li>strong {
		height: 80px;
		margin: 0 20px;
	}

	.vacancies li article,
	.pc-sections li article {
		margin: 0 20px 20px;
	}

	.contacts ul.fcp {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}

	.contacts ul.fcp li {
		margin: 0;
	}

	.contacts ul li p b {
		display: block;
	}

	p[class] {
		display: block;
		overflow: hidden;
	}

	.o-contacts section {
		display: block;
	}

	.o-contacts section p {
		margin: 1em 0;
	}

	.news-description,
	article,
	.news-img,
	article img {
		margin: 20px auto;
	}

	#p-params-popup .params-list ul {
		-ms-grid-columns: (1fr)[4];
		grid-template-columns: repeat(4, 1fr);
	}
}


@media only screen and (max-width:800px) {
	.mb {
		padding: 30px 0;
	}

	h1,
	.h1,
	.main-products section .h1,
	.bottom-map section .h1 {
		font-size: 20px;
	}

	.h1 a {
		display: none;
	}

	.bottom-map section {
		margin: 20px 0 -20px;
	}

	.bottom-map section a.button {
		height: 50px;
		font-size: 14px;
		font-weight: 400;
		margin: 10px auto 0;
	}

	.bottom-map section a.button:after {
		content: '';
		width: 11px;
		height: 11px;
		background: url("/local/templates/integral_2024/i/icon-button-arrow.svg");
	}

	footer .grid {
		padding: 20px 0;
		border: 0;
	}

	footer .grid nav {
		display: none;
	}

	footer .grid>div:last-child {
		display: block;
		text-align: center;
		font-size: 14px;
	}

	footer .grid>div:last-child strong {
		display: none;
	}

	footer .grid>div .b-links {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	footer .bottom {
		display: block;
		height: auto;
		padding: 0 0 30px;
		text-align: center;
		margin: -20px 0 0;
	}

	footer .bottom section {
		display: block;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
		margin: 0 0 20px;
	}

	footer .bottom section p {
		margin: 20px 0;
	}

	footer .bottom section a {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}

	footer .bottom section a.button {
		display: none;
	}

	footer .bottom .dev {
		display: block;
	}

	footer .bottom .dev span {
		display: block;
		font-size: 12px;
		margin: 0 0 10px;
	}

	.pages a:first-child,
	.pages a:last-child {
		display: none;
	}

	.press-secretary section i {
		min-width: 200px;
		width: 200px;
	}

	.press-secretary section aside strong {
		font-size: 18px;
	}

	.vacancies li>strong,
	.support li>strong,
	.pc-sections li>strong {
		gap: 20px;
	}

	.scroll {
		margin: 20px 0 0;
	}

	.products-table {
		padding: 20px 0;
		margin: 0 -20px 20px;
	}

	#p-params-popup .params-list ul {
		-ms-grid-columns: (1fr)[3];
		grid-template-columns: repeat(3, 1fr);
	}


	.fstyle-item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 30px;
	}

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

	.fstyle-item:nth-child(1) div:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.fstyle-item:nth-child(2) div:first-child {
		padding-top: 0;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.fstyle-item:nth-child(2) div:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.fstyle-item:nth-child(3) div:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.fstyle-item:nth-child(3) div:last-child {
		padding-top: 0;
	}

	.fstyle-item+.fstyle-item {
		margin-top: 60px;
	}
}


@media only screen and (max-width:800px) {
	.enot {
		margin-left: 3em !important;
		display: none;
	}
	.lager_catalogs {
		margin: 20px 10px;
		display: block !important;
	}

	.section_O_lager .R {
		display: none !important;
	}

	.section_O_lager main h2 {
		font-size: 30px;
	}

	.section_O_lager .L {
		display: none !important;
	}

	.block_sli_back {
		height: 650px !important;
	}

	.item_1_group {
		display: flex;
		flex-direction: column;
	}

	.lager_mail {
		margin: 0 0 0 !important;
	}

	.lager_phone {
		margin: 0 0 0 !important;
	}

	.lager_mail span {
		font-family: Open Sans;
		font-weight: 600;
		font-size: 14px;
		line-height: 35.6px;
		letter-spacing: 0%;
	}

	.lager_mail svg {
		width: 20px;
	}

	.lager_mail_text {
		font-size: 14px !important;
	}

	.lager_phone a {
		background: #00599D;
		border-radius: 99px;
		padding: 5px 15px;
		color: white !important;
		display: flex;
		align-items: center;
		font-family: Open Sans;
		font-weight: 600;
		font-size: 22px;
		line-height: 35.6px;
		letter-spacing: 0px;
	}

	.item_1_group .cirk {
		display: flex;
		align-items: center;
		margin-right: 20px;
	}

	.item_1_group .cirk span {
		padding: 0px 15px;
		height: 80px;
		border-radius: 99px;
		background: #DEDEDE;
		font-size: 22px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.circle {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		background-color: #00599D;
		display: flex;
		justify-content: center;
		margin: 20px;
		overflow: hidden;
		box-sizing: border-box;
		font-family: 'Open Sans';
		font-weight: bold;
		font-size: 86px;
		line-height: 77.14px;
		letter-spacing: -4px;
		color: #FFFFFF33;
	}


	.smeni_lager main h2 {
		font-size: 30px;
	}

	.hiden {
		display: none !important;
	}

	.polInfo main h2 {
		font-size: 30px;
	}

	.icon_photo_lager {
		display: none;
	}

	.foto_lager_name {
		margin-left: 20px;
		font-size: 30px;
	}

	.column-1>div {
		height: 100% !important;
		width: 300px;
	}

	.column-2>div {
		height: 47.5% !important;
		width: 300px;
	}

	.column-3>div {
		height: 30% !important;
		width: 300px;
	}

	.stoimost_lager main h2 {
		font-size: 30px;
	}

	.block_polInfo {
		margin-left: 0px !important;
	}

	.stoimost_lager ul li .price .text_price .price_lager {

		font-size: 50px;

	}

	.polInfo_icon_lager {
		display: none;
	}

	.stoimost_lager ul li .price .text_price span {

		font-size: 30px;

	}

	.stoimost_lager ul li .price {
		width: 80%;
	}

	.stoimost_lager ul li .price .text_price {
		width: 100%;
		height: 170px;
	}

	.btn_price_lager {
		display: flex;
		justify-content: center;
		margin-top: 20px;
	}

	.btn_price_lager a {
		height: 50px;
		display: block;
		padding: 0px 0px;
		border-radius: 111px;
		font-size: 22px;
		background-image: linear-gradient(90deg, #BD6F14, #A13209) !important;
		color: white;
		cursor: pointer;
		outline-offset: 4px;
	}

	.btn_price_lager a span {
		display: block;
		padding: 12px 42px;
		border-radius: 111px;
		font-size: 22px;
		background-image: linear-gradient(90deg, #F2930E, #E4440F) !important;
		color: white;
		transform: translateX(-1px) translateY(-4px);
	}

	.stoimost_lager ul {
		display: block;
	}

	.stoimost_lager ul li {
		margin: 30px auto !important;
	}

	.smeni_lager main ul {
		display: block;
		flex-direction: column;
	}

	.smeni_lager main ul li {
		margin: 30px auto !important;
	}

	.block_sli_back ul {
		font-size: 16px;
		margin-top: 0px;
		margin-bottom: 10px;
	}

	.icon_stoimost_lager {
		display: none;
	}

	.block_sli {
		height: auto;
	}

	.section_O_lager main {
		margin: 0 auto 0px;
	}

	.block_sli_back span {
		margin-top: 10px;
		font-size: 22px;
	}



	.lager_catalogs li {
		display: flex;
		margin-top: 2em;
		justify-content: space-between;
		flex-direction: column;
		align-items: center;
	}

	.Lager_baner_deti {
		display: none !important;
		position: absolute;
		bottom: 0;
		/* right: 0; */
		width: auto;
		height: 50%;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.section_baner_lager section h2 {
		font-size: 16px;
		letter-spacing: 3px;
		font-weight: 400;
		text-align: center;
	}

	.section_baner_lager section {
		justify-content: flex-start;
		margin-top: 20px;
		align-items: center;
	}

	.section_baner_lager {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex;
		/* -webkit-box-align: baseline !important; */
		/* -ms-flex-align: normal !important; */
		/* align-items: normal !important; */
		width: auto !important;
		/* height: 100% !important; */
		position: relative;
		margin: 0 auto;
	}

	.section_baner_lager section h2 b {
		font-size: 40px !important;
		letter-spacing: 1px;
		font-weight: 800;
		text-align: center;
		margin-top: 10px;
	}

	.lager_catalogs li>span {
		max-width: fit-content;
	}

	.lager_catalogs li img {
		width: 125px;
		border-radius: 50%;
	}

	.lager_catalogs li div {
		width: 125px;
		height: 125px;
		border-radius: 50%;
	}

	.lager_catalogs li>span {

		font-size: 16px;

	}

	.icon_lager_info_left {
		display: none;
	}

	.icon_lager_info_right {
		display: none;
	}

	.mb {
		padding: 30px 0;
	}

	.buttons {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.cart table tr:first-child {
		display: none;
	}

	.cart table,
	.cart table tbody,
	.cart table tr,
	.cart table td {
		display: block;
		padding: 0;
	}

	.cart table tr {
		padding: 20px;
		background: var(--l-grey-3);
		position: relative;
		border-bottom: 1px solid var(--l-grey-2);
	}

	.cart table tr:last-child {
		border: 0;
	}

	.cart .qty {
		margin: 20px 0 0;
	}

	.cart table tr td:last-child a {
		position: absolute;
		top: 20px;
		right: 20px;
	}

	.press-secretary,
	.press-secretary section {
		display: block;
		padding: 0;
	}

	.press-secretary section i img {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 0 0 20px;
	}

	.vacancies li>strong,
	.support li>strong,
	.pc-sections li>strong {
		height: auto;
		padding: 20px 0;
	}

	#p-params-popup .params-list ul {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}


@media only screen and (max-width:400px) {


	header section {
		gap: 12px;
	}

	#p-params-popup .params-list ul {
		-ms-grid-columns: (1fr)[1];
		grid-template-columns: repeat(1, 1fr);
	}
}

/** **/

.wrap-btn {
	position: fixed;
	right: 40px;
	display: block;
	bottom: 80px;
	z-index: 200;
}

.wrap-btn .button-int {
	min-width: 180px;
	min-height: 55px;
	display: inline-flex;
	font-size: 15px;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 1.3px;
	font-weight: 700;
	color: #fff;
	background: #00599d;
	background: linear-gradient(90deg,
			rgb(12, 63, 234) 0%,
			rgb(11, 52, 186) 0%,
		);
	border: none;
	border-radius: 1000px;
	box-shadow: 12px 12px 24px #00599d;
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	outline: none;
	position: relative;
	padding: 8px;
	border: 2px solid #ffffff;
}

.wrap-btn .button-int::before {
	content: "";
	border-radius: 1000px;
	min-width: calc(180px + 12px);
	min-height: calc(55px + 12px);
	border: 3px solid #00599d;
	box-shadow: 0 0 60px #00599d;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;
}

.wrap-btn .button-int:hover,
.wrap-btn .button-int:focus {
	color: #ffffff;
	transform: translateY(-6px);
}

.wrap-btn .button-int:hover::before,
.wrap-btn .button-int:focus::before {
	opacity: 1;
}

.wrap-btn .button-int::after {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 3px solid #00599d;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: ring 1.5s infinite;
}

.wrap-btn .button-int:hover::after,
.wrap-btn .button-int:focus::after {
	animation: none;
	display: none;
}

/* Этот код скроет только блок с контактами, но оставит карту */
.bottom-map .wrap {
    display: none !important;
}



@keyframes ring {
	0% {
		width: 30px;
		height: 30px;
		opacity: 1;
	}

	100% {
		width: 180px;
		height: 180px;
		opacity: 0;
	}
}

/* 1. Делаем синий блок точкой отсчета для позиционирования */
.section_baner_lager {
    position: relative;
}

/* 2. Позиционируем талисман внутри синего блока */
img.badger-logo-overlay {
    position: absolute !important;
    width: 18em !important;
    height: auto !important;
    top: 9em !important;
    left: 13em !important;
    z-index: 2;
}

/* 3. Корректируем талисман на мобильных */
@media (max-width: 768px) {
    img.badger-logo-overlay {
        width: 100px !important;
        top: -50px !important;
        left: 15px !important;
    }
}

/* Перемещаем и уменьшаем талисман в левый верхний угол на мобильных */
@media (max-width: 768px) {
    img.badger-logo-overlay {
        width: 100px !important;   /* Уменьшаем размер */
        height: auto !important;
        top: 250px !important;       /* 20px отступ сверху */
        left: 20px !important;      /* 20px отступ слева */
    }
}


/* --- Стили для обычной (компьютерной) версии --- */
@media (min-width: 769px) {

/* Двигаем барсука влево */
img.badger-logo-overlay {
left: 5em !important; /* Было 13em, мы уменьшили отступ слева */
}

/* Двигаем детей вправо */
img.Lager_baner_deti {
right: 0 !important; /* Задаем отступ от правого края */
left: auto !important; /* Отменяем позиционирование от левого края */
}

/* --- Исправление наложения кнопок меню в мобильной версии --- */
@media (max-width: 768px) {

    /* Убеждаемся, что открытое меню - это вертикальный блок */
    #main-menu.open {
        display: flex;
        flex-direction: column; /* Располагаем элементы друг под другом */
        align-items: center;    /* Центрируем их */
        padding: 10px 0;
    }

    /* Задаем элементам меню блочное поведение */
    #main-menu.open li {
        width: 100%;             /* Растягиваем на всю ширину меню */
        text-align: center;      /* Центрируем текст внутри кнопки */
        margin-bottom: 10px;     /* Добавляем отступ между кнопками */
    }

    /* Убираем лишние отступы у последней кнопки */
    #main-menu.open li:last-child {
        margin-bottom: 0;
    }

    /* Стили для ссылок, чтобы они занимали всю область кнопки */
    #main-menu.open li a {
        display: block;
        padding: 10px 0;
    }
}
/* Стиль для кнопки отзыва/настройки cookie в футере */
.cookie-revoke-btn {
    display: inline-block;
    padding: 10px 24px;
    border: 1px solid #0055a6; /* Можете подобрать точный синий цвет с вашего сайта */
    color: #0055a6;
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
}

/* Эффект при наведении курсора */
.cookie-revoke-btn:hover {
    background-color: #f0f6fc;
    color: #003e7a;
    border-color: #003e7a;
}

/* Полностью скрываем старое (стандартное) уведомление о cookie */
.legacy-cookie-wrap {
    display: none !important;
}
/* Стиль для растягивания карты на странице контактов на всю ширину */
.contact-map-fullwidth {
    width: 100vw; /* Ширина равна 100% ширины ОКНА браузера */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw; /* Сдвигаем блок влево на половину ширины ОКНА */
    margin-right: -50vw; /* Сдвигаем блок вправо на половину ширины ОКНА */
	margin-bottom: -100px;
}