.starrequired {
	color: red;
}

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

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

.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;
        width: auto;
        height: auto;
        padding: 0;
        margin: 20px 0;
    }
}


@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:600px) {
    .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: 20px;
    }
    #p-params-popup .params-list ul {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1,1fr);
    }
}