[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
}

.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto!important;
	height: auto!important;
	z-index: 0;
}

.simplebar-offset {
	direction: inherit!important;
	box-sizing: inherit!important;
	resize: none!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box!important;
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar {
	width: 0;
	height: 0;
}

.simplebar-content:after,.simplebar-content:before {
	content: ' ';
	display: table;
}

.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit!important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0;
}

.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1;
}

.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	user-select: none;
	-webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all;
}

.simplebar-scrollbar {
	position: absolute;
	left: 0;
	right: 0;
	min-height: 10px;
}

.simplebar-scrollbar:before {
	position: absolute;
	content: '';
	background: #000;
	border-radius: 7px;
	left: 2px;
	right: 2px;
	opacity: 0;
	transition: opacity .2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
	opacity: .5;
	transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
	top: 0;
	width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 2px;
	bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 2px;
	right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	top: 2px;
	height: 7px;
	min-height: 0;
	min-width: 10px;
	width: auto;
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0;
}

.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll;
}

.simplebar-hide-scrollbar {
	position: fixed;
	left: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

@font-face {
	font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal;
}

:root {
	--swiper-theme-color: #007aff;
}

:host {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	overflow: clip;
	list-style: none;
	padding: 0;
	z-index: 1;
	display: block;
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
	box-sizing: content-box;
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
	transform: translate3d(0,0,0);
}

.swiper-horizontal {
	touch-action: pan-y;
}

.swiper-vertical {
	touch-action: pan-x;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	display: block;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
	height: auto;
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform,height;
}

.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d;
}

.swiper-3d {
	perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
	transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
	scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
	scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
	scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
	content: '';
	flex-shrink: 0;
	order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0,0,0,.15);
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

.swiper-virtual .swiper-slide {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
	height: 1px;
	width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
	width: 1px;
	height: var(--swiper-virtual-size);
}

:root {
	--swiper-navigation-size: 44px;
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: var(--swiper-navigation-top-offset,50%);
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
	opacity: 0;
	cursor: auto;
	pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
	display: none!important;
}

.swiper-button-next svg,.swiper-button-prev svg {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
	transform: rotate(180deg);
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,10px);
	right: auto;
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,10px);
	left: auto;
}

.swiper-button-lock {
	display: none;
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	font-variant: initial;
	line-height: 1;
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
	content: 'prev';
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,10px);
	left: auto;
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
	content: 'next';
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	transform: translate3d(0,0,0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
	display: none!important;
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: var(--swiper-pagination-bottom,8px);
	top: var(--swiper-pagination-top,auto);
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: var(--swiper-pagination-bullet-border-radius,50%);
	background: var(--swiper-pagination-bullet-inactive-color,#000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet:only-child {
	display: none!important;
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity,1);
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
	right: var(--swiper-pagination-right,8px);
	left: var(--swiper-pagination-left,auto);
	top: 50%;
	transform: translate3d(0,-50%,0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
	display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s transform,.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s transform,.2s right;
}

.swiper-pagination-fraction {
	color: var(--swiper-pagination-fraction-color,inherit);
}

.swiper-pagination-progressbar {
	background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color,var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: var(--swiper-pagination-progressbar-size,4px);
	left: 0;
	top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
	width: var(--swiper-pagination-progressbar-size,4px);
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: var(--swiper-scrollbar-border-radius,10px);
	position: relative;
	-ms-touch-action: none;
	background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
	display: none!important;
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
	position: absolute;
	left: var(--swiper-scrollbar-sides-offset,1%);
	bottom: var(--swiper-scrollbar-bottom,4px);
	top: var(--swiper-scrollbar-top,auto);
	z-index: 50;
	height: var(--swiper-scrollbar-size,4px);
	width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	left: var(--swiper-scrollbar-left,auto);
	right: var(--swiper-scrollbar-right,4px);
	top: var(--swiper-scrollbar-sides-offset,1%);
	z-index: 50;
	width: var(--swiper-scrollbar-size,4px);
	height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
	border-radius: var(--swiper-scrollbar-border-radius,10px);
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
	touch-action: none;
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube {
	overflow: visible;
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
	content: '';
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px);
}

.swiper-cube .swiper-slide-next+.swiper-slide {
	pointer-events: auto;
	visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-flip {
	overflow: visible;
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	transition-property: transform,opacity,height;
}

.swiper-cards {
	overflow: visible;
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
}

@-moz-keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.air-datepicker-cell.-day-.-other-month-,.air-datepicker-cell.-year-.-other-decade- {
	color: var(--adp-color-other-month);
}

.air-datepicker-cell.-day-.-other-month-:hover,.air-datepicker-cell.-year-.-other-decade-:hover {
	color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
	color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-day-.-other-month-,.-selected-.air-datepicker-cell.-year-.-other-decade- {
	color: #fff;
	background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
	background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,.-in-range-.air-datepicker-cell.-year-.-other-decade- {
	background-color: var(--adp-background-color-in-range);
	color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
	background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-day-.-other-month-:empty,.air-datepicker-cell.-year-.-other-decade-:empty {
	background: 0 0;
	border: none;
}

.air-datepicker-cell {
	border-radius: var(--adp-cell-border-radius);
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.air-datepicker-cell.-focus- {
	background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
	color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
	color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
	color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
	cursor: default;
	color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
	color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
	color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
	color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
	background: var(--adp-cell-background-color-in-range);
	border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover {
	background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
	border: 1px solid var(--adp-cell-border-color-in-range);
	background-color: var(--adp-cell-background-color-in-range);
	border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
	border: 1px solid var(--adp-cell-border-color-in-range);
	background-color: var(--adp-cell-background-color-in-range);
	border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
	border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
	color: #fff;
	border: none;
	background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
	color: #fff;
	background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
	background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
	transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
	display: none;
}

.air-datepicker-body--day-names {
	display: grid;
	grid-template-columns: repeat(7,var(--adp-day-cell-width));
	margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
	color: var(--adp-day-name-color);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	text-align: center;
	text-transform: uppercase;
	font-size: .8em;
}

.air-datepicker-body--day-name.-clickable- {
	cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
	color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
	display: grid;
}

.air-datepicker-body--cells.-days- {
	grid-template-columns: repeat(7,var(--adp-day-cell-width));
	grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
	grid-template-columns: repeat(3,1fr);
	grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
	grid-template-columns: repeat(4,1fr);
	grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--adp-border-color-inner);
	min-height: var(--adp-nav-height);
	padding: var(--adp-padding);
	box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
	display: none;
}

.air-datepicker-nav--action,.air-datepicker-nav--title {
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: center;
}

.air-datepicker-nav--action {
	width: var(--adp-nav-action-size);
	border-radius: var(--adp-border-radius);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.air-datepicker-nav--action:hover {
	background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
	background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
	visibility: hidden;
}

.air-datepicker-nav--action svg {
	width: 32px;
	height: 32px;
}

.air-datepicker-nav--action path {
	fill: none;
	stroke: var(--adp-nav-arrow-color);
	stroke-width: 2px;
}

.air-datepicker-nav--title {
	border-radius: var(--adp-border-radius);
	padding: 0 8px;
}

.air-datepicker-nav--title i {
	font-style: normal;
	color: var(--adp-nav-color-secondary);
	margin-left: .3em;
}

.air-datepicker-nav--title:hover {
	background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
	background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
	cursor: default;
	background: 0 0;
}

.air-datepicker-buttons {
	display: grid;
	grid-auto-columns: 1fr;
	grid-auto-flow: column;
}

.air-datepicker-button {
	display: inline-flex;
	color: var(--adp-btn-color);
	border-radius: var(--adp-btn-border-radius);
	cursor: pointer;
	height: var(--adp-btn-height);
	border: none;
	background: rgba(255,255,255,0);
}

.air-datepicker-button:hover {
	color: var(--adp-btn-color-hover);
	background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
	color: var(--adp-btn-color-hover);
	background: var(--adp-btn-background-color-hover);
	outline: 0;
}

.air-datepicker-button:active {
	background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
	outline: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.air-datepicker-time {
	display: grid;
	grid-template-columns: max-content 1fr;
	grid-column-gap: 12px;
	align-items: center;
	position: relative;
	padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
	border-top: none;
}

.air-datepicker-time--current {
	display: flex;
	align-items: center;
	flex: 1;
	font-size: 14px;
	text-align: center;
}

.air-datepicker-time--current-colon {
	margin: 0 2px 3px;
	line-height: 1;
}

.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes {
	line-height: 1;
	font-size: 19px;
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	position: relative;
	z-index: 1;
}

.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after {
	content: "";
	background: var(--adp-background-color-hover);
	border-radius: var(--adp-border-radius);
	position: absolute;
	left: -2px;
	top: -3px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
	opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after {
	opacity: 1;
}

.air-datepicker-time--current-ampm {
	text-transform: uppercase;
	align-self: flex-end;
	color: var(--adp-time-day-period-color);
	margin-left: 6px;
	font-size: 11px;
	margin-bottom: 1px;
}

.air-datepicker-time--row {
	display: flex;
	align-items: center;
	font-size: 11px;
	height: 17px;
	background: linear-gradient(to right,var(--adp-time-track-color),var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
	margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
	background: 0 0;
	cursor: pointer;
	flex: 1;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
	display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
	border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
	border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
	border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
	outline: 0;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
	background: var(--adp-cell-background-color-selected);
	border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
	background: var(--adp-cell-background-color-selected);
	border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
	background: var(--adp-cell-background-color-selected);
	border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
	box-sizing: border-box;
	height: 12px;
	width: 12px;
	border-radius: 3px;
	border: 1px solid var(--adp-time-track-color);
	background: #fff;
	cursor: pointer;
	-webkit-transition: background var(--adp-transition-duration);
	transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
	box-sizing: border-box;
	height: 12px;
	width: 12px;
	border-radius: 3px;
	border: 1px solid var(--adp-time-track-color);
	background: #fff;
	cursor: pointer;
	-moz-transition: background var(--adp-transition-duration);
	transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
	box-sizing: border-box;
	height: 12px;
	width: 12px;
	border-radius: 3px;
	border: 1px solid var(--adp-time-track-color);
	background: #fff;
	cursor: pointer;
	-ms-transition: background var(--adp-transition-duration);
	transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
	margin-top: calc(var(--adp-time-thumb-size)/2*-1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
	border: none;
	height: var(--adp-time-track-height);
	cursor: pointer;
	color: rgba(0,0,0,0);
	background: rgba(0,0,0,0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
	border: none;
	height: var(--adp-time-track-height);
	cursor: pointer;
	color: rgba(0,0,0,0);
	background: rgba(0,0,0,0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
	border: none;
	height: var(--adp-time-track-height);
	cursor: pointer;
	color: rgba(0,0,0,0);
	background: rgba(0,0,0,0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
	background: rgba(0,0,0,0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
	background: rgba(0,0,0,0);
}

.air-datepicker {
	--adp-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	--adp-font-size: 14px;
	--adp-width: 246px;
	--adp-z-index: 100;
	--adp-padding: 4px;
	--adp-grid-areas: "nav" "body" "timepicker" "buttons";
	--adp-transition-duration: .3s;
	--adp-transition-ease: ease-out;
	--adp-transition-offset: 8px;
	--adp-background-color: #fff;
	--adp-background-color-hover: #f0f0f0;
	--adp-background-color-active: #eaeaea;
	--adp-background-color-in-range: rgba(92, 196, 239, .1);
	--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
	--adp-background-color-selected-other-month-focused: #8ad5f4;
	--adp-background-color-selected-other-month: #a2ddf6;
	--adp-color: #4a4a4a;
	--adp-color-secondary: #9c9c9c;
	--adp-accent-color: #4eb5e6;
	--adp-color-current-date: var(--adp-accent-color);
	--adp-color-other-month: #dedede;
	--adp-color-disabled: #aeaeae;
	--adp-color-disabled-in-range: #939393;
	--adp-color-other-month-hover: #c5c5c5;
	--adp-border-color: #dbdbdb;
	--adp-border-color-inner: #efefef;
	--adp-border-radius: 4px;
	--adp-border-color-inline: #d7d7d7;
	--adp-nav-height: 32px;
	--adp-nav-arrow-color: var(--adp-color-secondary);
	--adp-nav-action-size: 32px;
	--adp-nav-color-secondary: var(--adp-color-secondary);
	--adp-day-name-color: #ff9a19;
	--adp-day-name-color-hover: #8ad5f4;
	--adp-day-cell-width: 1fr;
	--adp-day-cell-height: 32px;
	--adp-month-cell-height: 42px;
	--adp-year-cell-height: 56px;
	--adp-pointer-size: 10px;
	--adp-poiner-border-radius: 2px;
	--adp-pointer-offset: 14px;
	--adp-cell-border-radius: 4px;
	--adp-cell-background-color-hover: var(--adp-background-color-hover);
	--adp-cell-background-color-selected: #5cc4ef;
	--adp-cell-background-color-selected-hover: #45bced;
	--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
	--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
	--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
	--adp-btn-height: 32px;
	--adp-btn-color: var(--adp-accent-color);
	--adp-btn-color-hover: var(--adp-color);
	--adp-btn-border-radius: var(--adp-border-radius);
	--adp-btn-background-color-hover: var(--adp-background-color-hover);
	--adp-btn-background-color-active: var(--adp-background-color-active);
	--adp-time-track-height: 1px;
	--adp-time-track-color: #dedede;
	--adp-time-track-color-hover: #b1b1b1;
	--adp-time-thumb-size: 12px;
	--adp-time-padding-inner: 10px;
	--adp-time-day-period-color: var(--adp-color-secondary);
	--adp-mobile-font-size: 16px;
	--adp-mobile-nav-height: 40px;
	--adp-mobile-width: 320px;
	--adp-mobile-day-cell-height: 38px;
	--adp-mobile-month-cell-height: 48px;
	--adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
	--adp-overlay-background-color: rgba(0, 0, 0, .3);
	--adp-overlay-transition-duration: .3s;
	--adp-overlay-transition-ease: ease-out;
	--adp-overlay-z-index: 99;
}

.air-datepicker {
	background: var(--adp-background-color);
	border: 1px solid var(--adp-border-color);
	box-shadow: 0 4px 12px rgba(0,0,0,.15);
	border-radius: var(--adp-border-radius);
	box-sizing: content-box;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(4,max-content);
	grid-template-areas: var(--adp-grid-areas);
	font-family: var(--adp-font-family),sans-serif;
	font-size: var(--adp-font-size);
	color: var(--adp-color);
	width: var(--adp-width);
	position: absolute;
	transition: opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);
	z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
	opacity: 0;
}

.air-datepicker.-from-top- {
	transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
	transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
	transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
	transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
	transform: translate(0,0);
	opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
	transition: none;
}

.air-datepicker.-inline- {
	border-color: var(--adp-border-color-inline);
	box-shadow: none;
	position: static;
	left: auto;
	right: auto;
	opacity: 1;
	transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
	display: none;
}

.air-datepicker.-is-mobile- {
	--adp-font-size: var(--adp-mobile-font-size);
	--adp-day-cell-height: var(--adp-mobile-day-cell-height);
	--adp-month-cell-height: var(--adp-mobile-month-cell-height);
	--adp-year-cell-height: var(--adp-mobile-year-cell-height);
	--adp-nav-height: var(--adp-mobile-nav-height);
	--adp-nav-action-size: var(--adp-mobile-nav-height);
	position: fixed;
	width: var(--adp-mobile-width);
	border: none;
}

.air-datepicker.-is-mobile- * {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
	display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
	transform: translate(-50%,calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
	transform: translate(-50%,-50%);
}

.air-datepicker.-custom-position- {
	transition: none;
}

.air-datepicker-global-container {
	position: absolute;
	left: 0;
	top: 0;
}

.air-datepicker--pointer {
	--pointer-half-size: calc(var(--adp-pointer-size) / 2);
	position: absolute;
	width: var(--adp-pointer-size);
	height: var(--adp-pointer-size);
	z-index: -1;
}

.air-datepicker--pointer:after {
	content: "";
	position: absolute;
	background: #fff;
	border-top: 1px solid var(--adp-border-color-inline);
	border-right: 1px solid var(--adp-border-color-inline);
	border-top-right-radius: var(--adp-poiner-border-radius);
	width: var(--adp-pointer-size);
	height: var(--adp-pointer-size);
	box-sizing: border-box;
}

.-top-center- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer {
	top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-center- .air-datepicker--pointer:after,.-top-left- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after {
	transform: rotate(135deg);
}

.-right-bottom- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer {
	right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-bottom- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-top- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after {
	transform: rotate(225deg);
}

.-bottom-center- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer {
	bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-center- .air-datepicker--pointer:after,.-bottom-left- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after {
	transform: rotate(315deg);
}

.-left-bottom- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-top- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer {
	left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-bottom- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-top- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after {
	transform: rotate(45deg);
}

.-bottom-left- .air-datepicker--pointer,.-top-left- .air-datepicker--pointer {
	left: var(--adp-pointer-offset);
}

.-bottom-right- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer {
	right: var(--adp-pointer-offset);
}

.-bottom-center- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer {
	left: calc(50% - var(--adp-pointer-size)/ 2);
}

.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer {
	top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer {
	bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer {
	top: calc(50% - var(--adp-pointer-size)/ 2);
}

.air-datepicker--navigation {
	grid-area: nav;
}

.air-datepicker--content {
	box-sizing: content-box;
	padding: var(--adp-padding);
	grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
	display: none;
}

.air-datepicker--time {
	grid-area: timepicker;
}

.air-datepicker--buttons {
	grid-area: buttons;
}

.air-datepicker--buttons,.air-datepicker--time {
	padding: var(--adp-padding);
	border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
	position: fixed;
	background: var(--adp-overlay-background-color);
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	opacity: 0;
	transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;
	transition-delay: 0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);
	z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
	opacity: 1;
	width: 100%;
	height: 100%;
	transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s;
}

*,::after,::before {
	box-sizing: inherit;
	padding: 0;
	margin: 0;
}

html {
	line-height: 1.15;
	box-sizing: border-box;
	font-family: sans-serif;
}

main {
	display: block;
}

a {
	background-color: transparent;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

button,input,optgroup,select,textarea {
	line-height: inherit;
	border: 1px solid currentColor;
}

button {
	overflow: visible;
	text-transform: none;
}

[type=button],[type=reset],[type=submit],button {
	-webkit-appearance: button;
	padding: 1px 6px;
}

input {
	overflow: visible;
}

input,textarea {
	padding: 1px;
}

fieldset {
	border: 1px solid currentColor;
	margin: 0 2px;
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

select {
	text-transform: none;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=color] {
	background: inherit;
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
	height: auto;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: .5;
}

::-webkit-file-upload-button,::-webkit-search-decoration {
	-webkit-appearance: button;
	font: inherit;
}

::-moz-focus-inner {
	border: 0;
}

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
	box-shadow: none;
}

hr {
	box-sizing: content-box;
	height: 0;
	color: inherit;
	overflow: visible;
}

dl,ol,ul {
	margin: 0 0;
}

dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul {
	margin: 0;
}

b,strong {
	font-weight: bolder;
}

audio,video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border: 0;
	width: 100%;
	height: auto;
	object-fit: cover;
}

svg:not(:root) {
	overflow: hidden;
}

table {
	text-indent: 0;
	border-color: inherit;
}

details {
	display: block;
}

dialog {
	background-color: inherit;
	border: solid;
	color: inherit;
	display: block;
	height: fit-content;
	left: 0;
	margin: auto;
	padding: 1em;
	position: absolute;
	right: 0;
	width: fit-content;
}

dialog:not([open]) {
	display: none;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

:root {
	--animMainSlide: -54px;
}

svg {
	transform: translate3d(0,0,0);
}

#map [class$='-copyrights-pane'] {
	opacity: 0;
	pointer-events: none;
}

#ctrlcopy {
	color: transparent;
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

html {
	overflow-x: hidden;
	scroll-behavior: smooth;
	text-rendering: optimizespeed;
}

main {
	border-top: 60px solid transparent;
}

body {
	transition: .7s ease;
	overflow: visible;
	scroll-behavior: smooth;
	text-rendering: optimizespeed;
	font-family: "SF UI Text";
	width: auto;
	margin: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	color: #000;
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

body.open-popup::before {
	position: absolute;
	z-index: 10;
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.25);
}

button {
	box-sizing: border-box;
}

.item-container.error input {
	border-color: #fa6161!important;
}

input {
	font-size: 16px;
	max-height: 40px;
}

input:-webkit-autofill {
	transition: all 5000s ease-in-out 0s;
}

input::-webkit-calendar-picker-indicator {
	filter: invert(1);
}

a,a:active,a:hover {
	text-decoration: none;
	transition: .7s ease;
}

p {
	margin: 0;
}

section {
	padding-top: 60px;
}

.h1,h1 {
	text-transform: uppercase;
	font-family: RoadRadio;
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
}

.h2,h2 {
	text-transform: uppercase;
	font-family: RoadRadio;
	font-weight: 700;
	font-size: 24px;
	line-height: 32px;
}

.h3,h3 {
	text-transform: uppercase;
	font-family: RoadRadio;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}

.h4,h4 {
	text-transform: uppercase;
	font-family: RoadRadio;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
}

.content.dark {
	margin-top: -58px;
}

.searchresults,.sitemap {
	background-color: #edf1f2;
	padding-bottom: 60px;
}

.h1-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 12px;
	padding-bottom: 28px;
	position: relative;
}

.h1-wrap .border {
	height: 6px;
}

.h1-wrap .top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.h1-wrap .top .button {
	color: #7fac7f;
	align-items: center;
	position: relative;
	transition: .7s ease;
	min-width: 28px;
}

.h1-wrap .top .button span {
	color: #7fac7f;
	display: none;
	font-size: 16px;
	line-height: 32px;
	letter-spacing: .8px;
}

.h1-wrap .top .button span:hover {
	color: #19a08d;
}

.h1-wrap .top .button .arrow-link {
	transition: .7s ease;
	position: absolute;
	left: 0;
	top: -14px;
	width: 28px;
}

.h1-wrap .top .button:hover {
	color: #19a08d;
}

.h1-wrap .top .button .circle {
	transition: .7s ease;
	display: none;
	position: absolute;
	left: -16px;
	top: 13px;
}

.main-text {
	font-family: "SF UI Text";
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.big-text {
	font-family: "SF UI Text";
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}

.container {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
}

.paddings {
	padding-top: 60px;
}

.display-none {
	display: none!important;
}

.display-flex {
	display: flex!important;
}

.display-block {
	display: block!important;
}

.no-opacity {
	opacity: 0!important;
}

.opacity {
	opacity: 100%!important;
}

.half-opacity {
	opacity: 50%!important;
}

.no-margintop {
	margin-top: 0!important;
}

.margin-top {
	margin-top: 30px!important;
}

.rotateArrow {
	transform: rotate(90deg)!important;
}

.rotateArrow1 {
	transform: rotate(180deg)!important;
}

.margin-top-none {
	margin-top: 0!important;
}

.no-top {
	top: 0!important;
}

.animated-cards-js,.animated-js,.animated-js-delay {
	opacity: 0;
	transition: .5s ease;
	transition-delay: .3s;
	transform: translateY(100px);
}

.animated-cards-js.start-anim,.animated-js-delay.start-anim,.animated-js.start-anim {
	transform: translateY(0);
	opacity: 1;
}

.anim-delay-00 {
	transition-delay: 0s!important;
}

.anim-delay-02 {
	transition-delay: .2s!important;
}

.anim-delay-04 {
	transition-delay: .4s!important;
}

.anim-delay-06 {
	transition-delay: .6s!important;
}

.anim-delay-08 {
	transition-delay: .8s!important;
}

.anim-delay-10 {
	transition-delay: 1s!important;
}

.about-page__container1 .wrap1::-webkit-scrollbar,.about-page__container1 .wrap3::-webkit-scrollbar,.about__items::-webkit-scrollbar,.catalog-item .variants::-webkit-scrollbar,.metall-page__container1 .wrap::-webkit-scrollbar,.navigation-wrap::-webkit-scrollbar,.news__filter-list::-webkit-scrollbar,.news__filter-select::-webkit-scrollbar {
	display: none;
	width: 0;
}

.about-page__container1 .wrap1::-webkit-scrollbar-track,.about-page__container1 .wrap3::-webkit-scrollbar-track,.about__items::-webkit-scrollbar-track,.catalog-item .variants:-webkit-scrollbar-track,.metall-page__container1 .wrap:-webkit-scrollbar-track,.navigation-wrap:-webkit-scrollbar-track,.news__filter-list:-webkit-scrollbar-track,.news__filter-select:-webkit-scrollbar-track {
	background: 0 0;
	width: 0;
}

.about-page__container1 .wrap1::-webkit-scrollbar-thumb,.about-page__container1 .wrap3::-webkit-scrollbar-thumb,.about__items::-webkit-scrollbar-thumb,.catalog-item .variants::-webkit-scrollbar-thumb,.metall-page__container1 .wrap::-webkit-scrollbar-thumb,.navigation-wrap::-webkit-scrollbar-thumb,.news__filter-list::-webkit-scrollbar-thumb,.news__filter-select::-webkit-scrollbar-thumb {
	border-radius: 20px;
	border: 3px solid transparent;
	width: 0;
}

.about-page__container1 .wrap1,.about-page__container1 .wrap3,.about__items,.catalog-item .variants,.metall-page__container1 .wrap,.navigation-wrap,.news__filter-list,.news__filter-select {
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}

.metal-select__opts-scroller::-webkit-scrollbar {
	width: 5px;
}

.metal-select__opts-scroller::-webkit-scrollbar-track {
	background: #d1d1d1;
	border-radius: 20px;
}

.metal-select__opts-scroller::-webkit-scrollbar-thumb {
	border-radius: 20px;
	border: 3px solid #7fac7f;
}

.metal-select__opts-scroller {
	scrollbar-width: thin;
	scrollbar-color: #7fac7f #d1d1d1;
}

.follow-cursor {
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100px;
	height: 100px;
	border: 1px solid rgba(127,172,127,.3);
	border-radius: 50%;
	opacity: 0;
	transform: translateY(-50%) translateX(-50%);
	position: absolute;
	z-index: 999;
	pointer-events: none;
	transition: width .64s,height .64s,border-radius .64s,background .64s,opacity .64s,top .3s,left .3s;
}

.follow-cursor .circle {
	width: 40px;
	height: 40px;
	border: 1px solid #7fac7f;
	border-radius: 50%;
	transition: width .64s,height .64s;
}

.follow-cursor_active {
	display: flex;
	width: 140px;
	height: 140px;
	opacity: 1;
}

.follow-cursor_active .circle {
	width: 80px;
	height: 80px;
}

:root {
	--animMainSlide: -54px;
}

@-moz-keyframes fade {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes fade {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-o-keyframes fade {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fade {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@font-face {
	font-family:RoadRadio;src:url(/local/templates/default/fonts/RoadRadio.ttf) format("truetype");font-weight:400;font-display: swap;
}

@font-face {
	font-family:RoadRadio;src:url(/local/templates/default/fonts/RoadRadio-Bold.ttf) format("truetype");font-weight:700;font-display: swap;
}

@font-face {
	font-family:"SF UI Text";src:url(/local/templates/default/fonts/SFUIText-Regular.ttf) format("truetype");font-weight:400;font-display: swap;
}

@font-face {
	font-family:"SF UI Text";src:url(/local/templates/default/fonts/SFUIText-Bold.ttf) format("truetype");font-weight:700;font-display: swap;
}

@font-face {
	font-family:"SF UI Text";src:url(/local/templates/default/fonts/SFUIText-Light.ttf) format("truetype");font-weight:300;font-display: swap;
}

.footer {
	position: relative;
	width: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	background: linear-gradient(0,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),linear-gradient(75deg,#1c9f8d -95.48%,#000 98.89%);
	color: #fff;
}

.footer::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/local/templates/default/images/main/bg_footer.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.footer .h4 a,.footer h4 a {
	transition: .7s ease;
	color: #fff;
}

.footer .h4 a:hover,.footer h4 a:hover {
	color: #19a08d;
}

.footer__top {
	position: relative;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	display: grid;
	grid-template-rows: repeat(5,1fr);
	grid-template-columns: repeat(2,max-content);
	justify-content: space-between;
	row-gap: 20px;
}

.footer__top ul {
	color: #c8c8c8;
	display: none;
	font-size: 14px;
	line-height: 20px;
}

.footer__top ul li {
	list-style-type: none;
}

.footer__top ul li a {
	color: #c8c8c8;
}

.footer__top ul li a:hover {
	color: #fff;
}

.footer__top .h4-about {
	grid-column: 1/2;
	grid-row: 2/3;
}

.footer__top .h4-about span {
	display: block;
}

.footer__top .h4-useful {
	grid-column: 1/2;
	grid-row: 3/4;
}

.footer__top .h4-career {
	grid-column: 1/2;
	grid-row: 4/5;
}

.footer__top .h4-metall {
	grid-column: 2/3;
	grid-row: 1/2;
}

.footer__top .h4-news {
	grid-column: 2/3;
	grid-row: 2/3;
}

.footer__top .h4-gallery {
	grid-column: 2/3;
	grid-row: 3/4;
}

.footer__top .h4-contacts {
	grid-column: 2/3;
	grid-row: 4/5;
}

.footer__top .h4-sitemap {
	grid-column: 2/3;
	grid-row: 5/6;
}

.footer__bottom {
	position: relative;
	width: 100%;
	background-color: rgba(255,255,255,.1);
	padding-top: 12px;
	padding-bottom: 12px;
	color: #c8c8c8;
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 13px;
	line-height: 20px;
	align-items: center;
}

.footer__bottom a {
	color: #c8c8c8;
}

.footer__bottom a:hover {
	color: #fff;
}

.about {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url("/local/templates/default/images/main/bg_about company.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 78px;
}

.about .h1 a,.about h1 a {
	color: #000;
}

.about p {
	font-size: 14px;
	line-height: 20px;
}

.about__items {
	display: flex;
	display: flex;
	gap: 48px;
	margin-top: 30px;
}

.about__items .item {
	border-left: 1px solid #d1d1d1;
	padding-left: 30px;
	min-width: 260px;
}

.about__items .item span {
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 120px;
	line-height: 120px;
}

.metall {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #edf1f2;
	padding-bottom: 60px;
}

.metall .h1 a,.metall h1 a {
	color: #000;
}

.metall:hover,.metall__items {
	cursor: grab;
}

.metall .swiper-wrapper {
	height: auto;
	display: flex;
	padding-right: 0;
}

.metall .swiper-wrapper .item {
	display: flex;
	flex-direction: column;
	width: 260px;
}

.metall .swiper-wrapper .item .top {
	display: flex;
	transition: .7s ease;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 18px 20px;
	flex-shrink: 0;
	background-size: cover;
	background-repeat: no-repeat;
	height: 175px;
}

.metall .swiper-wrapper .item .top:before {
	transition: .7s ease;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	top: 0;
	left: 0;
}

.metall .swiper-wrapper .item .top.hover {
	padding: 40px 20px;
}

.metall .swiper-wrapper .item .top.hover:before {
	opacity: .55;
}

.metall .swiper-wrapper .item .top .h3,.metall .swiper-wrapper .item .top h3 {
	color: #fff;
	position: relative;
}

.metall .swiper-wrapper .item .top img {
	position: relative;
	width: 40px;
	height: 40px;
}

.metall .swiper-wrapper .item .bottom {
	background-color: #fff;
	padding: 20px;
	min-height: 190px;
	box-sizing: border-box;
}

.delivery {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: url("/local/templates/default/images/main/bg_ logistic.png");
	background-size: cover;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}

.delivery .h1-wrap {
	z-index: 2;
}

.delivery .h1 a,.delivery h1 a {
	color: #000;
}

.delivery p {
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 20px;
	line-height: 24px;
}

.delivery__items {
	position: relative;
	z-index: 2;
}

.delivery__items .swiper-wrapper {
	height: auto;
	display: flex;
	margin-top: 30px;
}

.delivery__items .swiper-wrapper .item {
	border-left: 1px solid #d1d1d1;
	padding-left: 30px;
	width: 230px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.delivery__items .swiper-wrapper .item:hover {
	cursor: grab;
}

.delivery__items .swiper-wrapper .item img {
	width: 60px;
	height: 60px;
}

.catalog {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #000;
	padding-bottom: 60px;
}

.catalog::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/local/templates/default/images/main/bg_catalog.png);
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
}

.catalog .h1 a,.catalog h1 a {
	color: #fff;
}

.catalog__sections {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.catalog__sections .big-item {
	display: flex;
	flex-direction: column;
}

.catalog__sections .big-item .section-name.active .h4,.catalog__sections .big-item .section-name.active h4 {
	color: #fff;
}

.catalog__sections .big-item .section-name.active svg path {
	transition: .7s ease;
	fill: #fff;
}

.catalog__sections .big-item .section-name.active .arrow {
	transition: .7s ease;
	transform: rotate(90deg);
}

.catalog__sections .big-item .section-name.active .arrow path {
	fill: #fff;
}

.catalog__sections .big-item ul {
	margin-top: 0;
	font-family: RoadRadio;
	background: #18181b;
	gap: 14px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 28px;
	clip-path: polygon(0 0,100% 0,100% 0,0 0);
	overflow: hidden;
	transition: clip-path 1s ease-in-out;
	height: 0;
	padding: 0;
}

.catalog__sections .big-item ul.active {
	clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
	margin-top: 20px;
	height: 100%;
	padding: 20px;
}

.catalog__sections .big-item ul li {
	transition: .7s ease;
	list-style-type: none;
}

.catalog__sections .big-item ul li:not(:first-child) {
	margin-top: 14px;
}

.catalog__sections .big-item ul li a {
	color: #7fac7f;
}

.catalog__sections .big-item ul li a:hover {
	color: #fff;
}

.catalog__sections .big-item ul li a.active {
	color: #fff;
}

.catalog__sections .big-item ul .button {
	font-family: RoadRadio;
	width: max-content;
	transition: .7s ease;
	margin-top: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #7fac7f;
	padding: 15px 30px;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin-top: 18px;
}

.catalog__sections .big-item ul .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.catalog__sections .big-item ul .button a {
	color: #fff;
}

.catalog__sections .big-item .section-name {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.catalog__sections .item {
	display: flex;
	gap: 20px;
	align-items: center;
}

.catalog__sections .item .h4,.catalog__sections .item h4 {
	color: #7fac7f;
	transition: .7s ease;
}

.catalog__sections .item.active .h4,.catalog__sections .item.active h4 {
	color: #fff;
}

.catalog__sections .item.active svg path {
	transition: .7s ease;
	fill: #fff;
}

.catalog .catalogSlider .swiper-wrapper {
	height: auto;
}

.catalog .catalogSlider .swiper-slide {
	height: auto;
}

.catalog__wrap {
	display: none;
	position: relative;
}

.catalog__wrap .left {
	flex-shrink: 0;
	box-sizing: border-box;
	width: 321px;
	background: #18181b;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 48px;
	gap: 52px;
}

.catalog__wrap ul {
	font-family: RoadRadio;
	display: flex;
	flex-direction: column;
	gap: 14px;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.catalog__wrap ul li {
	transition: .7s ease;
	list-style-type: none;
}

.catalog__wrap ul li a {
	color: #7fac7f;
}

.catalog__wrap ul li a:hover {
	color: #fff;
}

.catalog__wrap ul li a.active {
	color: #fff;
}

.catalog__wrap ul li.section-link-item-wrap {
    display: flex;
    gap: 10px;
}

.section-link-item-wrap.active svg path{
    fill: white;
    transition: 0.7s ease;
}

.section-link-item-wrap.hover svg path{
    fill: white;
    transition: 0.7s ease;
}

.section-link-item-wrap svg path{
    fill: #7fac7f;;
    transition: 0.7s ease;
}

.catalog__wrap .button {
	font-family: RoadRadio;
	width: max-content;
	transition: .7s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #7fac7f;
	padding: 15px 30px;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
}

.catalog__wrap .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.catalog__wrap .button a {
	color: #fff;
}

.catalog__wrap .img {
	width: 100%;
	background: #26272b;
	display: flex;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

.catalog__wrap .img img {
	width: 100%;
}

.partners {
	position: relative;
	width: 100%;
	background-color: #000;
	padding-bottom: 60px;
}

.partners::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/local/templates/default/images/main/bg_partners.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	top: 0;
}

.partners .h1 a,.partners h1 a {
	color: #fff;
}

.partners__items {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.partners__items .big-item {
	border-bottom: 1px solid #646464;
}

.partners__items .big-item svg {
	transition: .7s ease;
}

.partners__items .big-item.active .item {
	color: #fff;
}

.partners__items .big-item.active svg {
	transform: rotate(90deg);
}

.partners__items .big-item.active svg path {
	transition: .7s ease;
	fill: #fff;
}

.partners__items .big-item ul {
	transition: .7s ease;
	flex-direction: column;
	width: max-content;
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	gap: 8px;
	display: none;
}

.partners__items .big-item ul.visible {
	height: max-content;
	opacity: 1;
	padding-bottom: 20px;
}

.partners__items .big-item ul li:not(:first-child) {
	margin-top: 8px;
}

.partners__items .big-item ul span {
	color: #7fac7f;
}

.partners__items .big-item ul li {
	list-style-type: none;
}

.partners__items .big-item .item {
	display: flex;
	justify-content: space-between;
	color: #7fac7f;
	transition: .7s ease;
	padding: 20px 0;
}

.partners__items .big-item .item svg {
	width: 18px;
	height: 17px;
}

.partners__items .big-item .item:hover {
	cursor: pointer;
}

.header {
	width: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: #000;
	padding-top: 16px;
	padding-bottom: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header__logo {
	width: 21px;
}

.header__call, .header-catalog-wrap {
	display: flex;
	align-items: center;
	font-family: RoadRadio;
	gap: 20px;
}

.header-catalog-out-wrap{
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
}


.header__call>span {
	color: #fff;
	font-size: 30px;
	line-height: 44px;
}

.header__call svg {
	width: 16px;
	height: 16px;
}

.header__call .time {
	position: relative;
}

.header__call .time svg {
	width: 24px;
	height: 24px;
}

.header__call .time svg:hover {
	cursor: pointer;
}

.header__call .time svg:hover path {
	transition: .7s ease;
	fill: #19a08d;
}

.header__call .time .time-popup {
	padding: 50px 60px 60px 60px;
	text-align: center;
	position: absolute;
	width: 360px;
	background-color: #000;
	font-family: RoadRadio;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	transition: opacity .7s ease;
	top: -10000px;
	left: -138px;
	opacity: 0;
	z-index: -100;
	color: #fff;
}

.header__call .time .time-popup.visible {
	z-index: 12;
	opacity: 1;
	top: 59px;
}

.header__call .time .time-popup span {
	font-family: RoadRadio;
	font-size: 28px;
	font-weight: 700;
	line-height: 32px;
}

.header__call .time .time-popup .workdays {
	margin-top: 12px;
}

.header__call .time .time-popup div {
	font-size: 14px;
	line-height: 20px;
	font-family: SF UI Text;
	font-weight: 400;
	color: #b3bac6;
}

.header__call .cities, .header-catalog-wrap {
	position: relative;
}

.header__call .cities .cities-popup, .header-catalog-wrap .header-catalog-popup {
	position: absolute;
	width: 360px;
	background-color: #000;
	font-family: RoadRadio;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	transition: opacity .7s ease;
	top: -100000px;
	left: -138px;
	opacity: 0;
	z-index: -100;
}

.header__call .cities .cities-popup.visible, .header-catalog-wrap .header-catalog-popup.visible {
	z-index: 12;
	opacity: 1;
	top: -46px;
}

.header__call .cities .cities-popup div, .header-catalog-wrap .header-catalog-popup div{
	padding-top: 44px;
	padding-bottom: 42px;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	color: #19a08d;
	gap: 2px;
	align-items: center;
}

.header__call .cities .cities-popup div:hover, .header-catalog-wrap .header-catalog-popup div:hover{
	cursor: pointer;
}

.header__call .cities .cities-popup ul , .header-catalog-wrap .header-catalog-popup ul{
	text-align: center;
	padding-top: 32px;
	padding-bottom: 32px;
	color: #7fac7f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
}

.header__call .cities .cities-popup ul li, .header-catalog-wrap .header-catalog-popup ul li {
	list-style-type: none;
}

.header__call .cities .cities-popup ul li.active a , .header-catalog-wrap .header-catalog-popup ul li.active a{
	color: #fff;
}

.header__call .cities .cities-popup ul li a , .header-catalog-wrap .header-catalog-popup ul li a{
	color: #7fac7f;
}

.header__call .cities .cities-popup ul li a:hover, .header-catalog-wrap .header-catalog-popup ul li a:hover {
	color: #fff;
	transition: .7s ease;
}

.header__call .cities .city, .header-catalog-wrap .header-catalog  {
	display: flex;
	align-items: center;
	transition: .7s ease;
	color: #7fac7f;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	gap: 2px;
}

.header__call .cities .city:hover, .header-catalog-wrap .header-catalog:hover {
	color: #19a08d;
	cursor: pointer;
}

.header__call .cities .city:hover svg path , .header-catalog-wrap .header-catalog:hover svg path {
	transition: .7s ease;
	fill: #19a08d;
}

.header__connection-button , .header__contacts-link a{
	transition: .7s ease;
	font-family: RoadRadio;
	color: #7fac7f;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.header__connection-button:hover {
	color: #19a08d;
	cursor: pointer;
}

.header__icons {
	display: flex;
	gap: 28px;
}

.header__icons svg {
	width: 24px;
	height: 24px;
}

.header__icons svg:hover {
	cursor: pointer;
}

.header__icons svg:hover path {
	transition: .7s ease;
	fill: #19a08d;
}

.header__icons .lk {
	position: relative;
}

.header__icons .lk svg:hover {
	cursor: pointer;
}

.header__icons .lk .entrance-ok-popup {
	text-align: center;
	position: absolute;
	width: max-content;
	background-color: #000;
	font-family: RoadRadio;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	transition: opacity .7s ease;
	padding-bottom: 38px;
	top: -10000px;
	left: -94px;
	opacity: 0;
	z-index: -100;
	color: #fff;
}

.header__icons .lk .entrance-ok-popup.visible {
	z-index: 12;
	opacity: 1;
	top: 44px;
}

.header__icons .lk .entrance-ok-popup .name {
	padding: 28px 40px;
	margin-bottom: 32px;
	border-bottom: 1px solid #fff;
}

.header__icons .lk .entrance-ok-popup .exit {
	margin-top: 24px;
	display: flex;
	gap: 10px;
	justify-content: center;
}

.header__icons .lk .entrance-ok-popup a {
	color: #7fac7f;
}

.header__icons .lk .entrance-ok-popup a:hover {
	transition: .7s ease;
	color: #19a08d;
}

.header__icons .lk .entrance-ok-popup a:hover svg path {
	fill: #19a08d;
	transition: .7s ease;
}

.header__icons .lk .entrance-ok {
	display: none;
	width: 30px!important;
	height: 28px!important;
}

.header__icons .bag {
	position: relative;
}

.header__icons .bag span {
	position: absolute;
	background-color: #7fac7f;
	border-radius: 100%;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	right: -6px;
	top: -6px;
	padding: 1px 6px;
	z-index: 1;
}

.menu {
	transition: .7s ease;
	top: -10000px;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	overflow-x: hidden;
	background-color: #000;
	font-family: RoadRadio;
	position: fixed;
	z-index: 11;
	padding-bottom: 60px;
}

.menu.visible {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.menu .top {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}

.menu .top .mobile {
	width: 21px;
}

.menu .top .close {
	width: 24px;
	height: 24px;
}

.menu .top .close:hover {
	cursor: pointer;
}

.menu__items {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.menu__items .title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.menu__items .title a {
	color: #7fac7f;
}

.menu__items .big-item {
	border-bottom: 1px solid #545f71;
}

.menu__items .big-item svg {
	transition: .7s ease;
}

.menu__items .big-item.active .item,.menu__items .big-item:hover .item {
	color: #fff;
}

.menu__items .big-item.active .title a,.menu__items .big-item:hover .title a {
	color: #fff;
}

.menu__items .big-item.active svg,.menu__items .big-item:hover svg {
	transform: rotate(90deg);
}

.menu__items .big-item.active svg path,.menu__items .big-item:hover svg path {
	transition: .7s ease;
	fill: #fff;
}

.menu__items .big-item:hover {
	cursor: pointer;
}

.menu__items .big-item ul {
	flex-direction: column;
	width: max-content;
	color: #7fac7f;
	font-size: 14px;
	line-height: 24px;
	gap: 24px;
	display: none;
}

.menu__items .big-item ul a {
	color: #7fac7f;
}

.menu__items .big-item ul span {
	color: #7fac7f;
}

.menu__items .big-item ul li {
	transition: .7s ease;
	list-style-type: none;
}

.menu__items .big-item ul li:hover a {
	color: #fff;
}

.menu__items .item {
	display: flex;
	justify-content: space-between;
	color: #7fac7f;
	transition: .7s ease;
	padding: 20px 0;
	align-items: center;
}

.menu__items .item svg {
	width: 18px;
	height: 17px;
}

.menu .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	margin-left: 20px;
	margin-top: 32px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.menu .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.search {
	transition: .7s ease;
	top: -10000px;
	opacity: 0;
	visibility: hidden;
	width: 100%;
	color: #fff;
	max-width: 1920px;
	overflow-x: hidden;
	background-image: url(/local/templates/default/images/main/bg_feedback.jpg);
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	background-size: cover;
	background-repeat: no-repeat;
	font-family: RoadRadio;
	position: fixed;
	z-index: 11;
	padding-bottom: 160px;
}

.search.visible {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.search .top {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}

.search .top .mobile {
	width: 21px;
}

.search .top .close {
	width: 24px;
	height: 24px;
}

.search .top .close:hover {
	cursor: pointer;
}

.search form {
	width: 100%;
	margin-top: 60px;
}

.item-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.item-container .buttons {
	display: flex;
	gap: 20px;
	align-items: center;
	position: absolute;
	right: 0;
}

.item-container .buttons .search-button {
	flex-shrink: 0;
	width: 24px;
}

.item-container .buttons .delete-button {
	width: 24px;
	flex-shrink: 0;
	box-sizing: content-box;
	padding-right: 20px;
	border-right: 1px solid rgba(255,255,255,.6);
}

.item-container .buttons svg:hover {
	cursor: pointer;
}

.form-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.form-item .input {
	font-family: RoadRadio;
	padding-bottom: 15px;
	-webkit-appearance: none;
	outline: 0;
	border-width: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	border-bottom: 1px solid rgba(255,255,255,.6);
	color: #fff;
}

.time-mobile-popup {
	text-align: center;
	position: fixed;
	width: 100%;
	background-color: #000;
	font-family: RoadRadio;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	transition: .7s ease;
	top: -10000px;
	opacity: 0;
	z-index: -100;
	color: #fff;
}

.time-mobile-popup.visible {
	z-index: 12;
	opacity: 1;
	top: 0;
}

.time-mobile-popup .number {
	font-family: RoadRadio;
	font-size: 27px;
	font-weight: 700;
	line-height: 32px;
	color: #fff;
}

.time-mobile-popup .workdays {
	margin-top: 12px;
}

.time-mobile-popup div {
	font-size: 14px;
	line-height: 20px;
	font-family: SF UI Text;
	font-weight: 400;
	color: #b3bac6;
}

.time-mobile-popup .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 40px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.time-mobile-popup .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.time-mobile-popup .bottom {
	padding: 50px 70px 60px 70px;
}

.time-mobile-popup .top {
	display: flex;
	justify-content: space-between;
	padding-top: 16px;
	padding-bottom: 16px;
}

.time-mobile-popup .top .mobile {
	width: 21px;
}

.time-mobile-popup .top .close {
	width: 24px;
	height: 24px;
}

.time-mobile-popup .top .close:hover {
	cursor: pointer;
}

.time-mobile-popup .cities {
	position: relative;
}

.time-mobile-popup .cities-popup {
	position: absolute;
	width: 100%;
	left: 0;
	background-color: #000;
	font-family: RoadRadio;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	transition: opacity .7s ease;
	top: -100000px;
	opacity: 0;
	z-index: -100;
}

.time-mobile-popup .cities-popup.visible {
	z-index: 12;
	opacity: 1;
	top: 0;
}

.time-mobile-popup .cities-popup div {
	font-family: RoadRadio;
	padding-top: 18px;
	padding-bottom: 18px;
	font-size: 16px;
	line-height: 24px;
	width: 100%;
	border-bottom: 1px solid #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	color: #19a08d;
	gap: 2px;
	align-items: center;
}

.time-mobile-popup .cities-popup div:hover {
	cursor: pointer;
}

.time-mobile-popup .cities-popup ul {
	text-align: center;
	padding-top: 32px;
	padding-bottom: 32px;
	color: #7fac7f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
}

.time-mobile-popup .cities-popup ul li {
	list-style-type: none;
}

.time-mobile-popup .cities-popup ul li.active a {
	color: #fff;
}

.time-mobile-popup .cities-popup ul li a {
	color: #7fac7f;
}

.time-mobile-popup .cities-popup ul li a:hover {
	color: #fff;
	transition: .7s ease;
}

.time-mobile-popup .city {
	font-family: RoadRadio;
	display: flex;
	align-items: center;
	transition: .7s ease;
	color: #7fac7f;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	gap: 2px;
}

.time-mobile-popup .city:hover {
	color: #19a08d;
	cursor: pointer;
}

.breadcrumbs {
	padding-top: 70px;
	padding-bottom: 28px;
	color: #646464;
	background-color: #edf1f2;
	position: relative;
	z-index: 1;
	display: flex;
	font-size: 12px;
	line-height: 20px;
	gap: 20px;
	align-items: center;
}

.breadcrumbs a {
	color: #646464;
}

.breadcrumbs.transparent {
	background-color: transparent;
}

.breadcrumbs .back {
	color: #646464;
}

.breadcrumbs .last-item {
	color: #646464;
}

.breadcrumbs.in-catalog a {
	color: white;
}

.breadcrumbs.in-catalog .back {
	color: white;
}

.breadcrumbs.in-catalog .last-item {
	color: white;
}

.connection-popup {
	background-image: url(/local/templates/default/images/main/bg_feedback.jpg);
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	background-size: cover;
	background-repeat: no-repeat;
	align-items: center;
	width: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding-top: 18px;
	padding-bottom: 56px;
	position: fixed;
	z-index: 100;
	bottom: -1000px;
	opacity: 0;
	visibility: hidden;
	overflow-y: visible;
	overflow-x: hidden;
	transition: .7s ease;
}

.connection-popup.visible {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

.connection-popup .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.connection-popup .close:hover {
	cursor: pointer;
}

.connection-popup .h1,.connection-popup h1 {
	margin-top: 18px;
}

.connection-popup .text {
	margin-top: 12px;
	color: #c8c8c8;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.connection-popup .top {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	gap: 35px;
}

.connection-popup form {
	width: 100%;
	margin-top: 20px;
}

.connection-popup .item-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.connection-popup .item-container.error .input {
	border-bottom: 1px solid #fa6161;
}

.connection-popup .form-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.connection-popup .form-item .input {
	font-family: RoadRadio;
	padding-bottom: 15px;
	-webkit-appearance: none;
	outline: 0;
	border-width: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	border-bottom: 1px solid rgba(255,255,255,.6);
	color: #fff;
}

.connection-popup .middle {
	margin-top: 35px;
}

.connection-popup .middle textarea {
	max-height: 128px;
	font-family: RoadRadio;
	padding: 20px 0;
	resize: none;
}

.connection-popup .bottom {
	margin-top: 28px;
	display: flex;
	gap: 28px;
	flex-direction: column;
}

.connection-popup .bottom .right {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.connection-popup .bottom .right .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.connection-popup .bottom .right .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox+label {
	display: flex;
	gap: 12px;
	align-items: center;
	user-select: none;
}

.checkbox-label span {
	color: #c8c8c8;
	font-size: 14px;
	line-height: 20px;
}

.checkbox+label::before {
	content: '';
	display: inline-block;
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid rgba(255,255,255,.6);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80%;
}

.checkbox:checked+label::before {
	background-image: url(/local/templates/default/images/main/chevron-down.svg);
}

.checkbox.error+label::before {
	border: 1px solid #f8002c;
}

.label {
	font-family: RoadRadio;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	pointer-events: none;
	left: 0;
	right: 15px;
	top: 0;
	transition: .7s ease;
}

.label span {
	padding-left: 5px;
	color: #19a08d;
}

.focus {
	top: -25px;
	opacity: .5;
	font-size: 10px!important;
}

input:-webkit-autofill {
	transition: all 5000s ease-in-out 0s;
}

.file-item {
	height: 32px;
	border: none;
	width: 100%;
	position: relative;
	gap: 8px;
	color: #c8c8c8;
	display: flex;
	align-items: center;
}

.file-item img {
	width: 32px;
	height: 32px;
}

.file-item input {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
}

.file-item input:hover {
	cursor: pointer;
}

.file-name {
	display: none;
	color: #fff;
	gap: 10px;
	margin-top: -15px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	align-items: center;
	position: absolute;
	right: -23px;
	bottom: -15px;
	width: max-content;
}

.file-name img {
	width: 14px;
	height: 14px;
	margin-top: 3px;
}

.file-name img:hover {
	cursor: pointer;
}

.input-error {
	font-family: RoadRadio;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	position: absolute;
	bottom: -18px;
	color: #fa6161;
}

.contacts {
	position: relative;
	width: 100%;
	height: 868px;
}

.contacts:not(.contacts-page) .container {
	padding-top: 60px;
}

.contacts:before {
	pointer-events: none;
	content: '';
	position: absolute;
	width: 100%;
	height: 1348px;
	background: linear-gradient(180deg,rgba(217,217,217,0) 0,#e9ecec 26.52%,#edf1f2 51.83%,rgba(217,217,217,0) 100%);
	z-index: 1;
	top: -534px;
}

.contacts .map {
	width: 100%;
	height: 100%;
}

.contacts .container {
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 0;
	z-index: 1;
}

.contacts .container .cities {
	position: relative;
	font-family: RoadRadio;
}

.contacts .container .cities .cities-popup {
	position: absolute;
	padding-left: 38px;
	padding-right: 38px;
	background-color: #fff;
	font-family: RoadRadio;
	transition: opacity .7s ease;
	top: 42px;
	left: -1000px;
	opacity: 0;
	z-index: -100;
}

.contacts .container .cities .cities-popup.visible {
	z-index: 12;
	opacity: 1;
	left: 0;
}

.contacts .container .cities .cities-popup ul {
	text-align: center;
	padding-top: 32px;
	padding-bottom: 32px;
	color: #7fac7f;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	font-size: 16px;
	line-height: 24px;
}

.contacts .container .cities .cities-popup ul li {
	list-style-type: none;
}

.contacts .container .cities .cities-popup ul li.active {
	color: #000;
}

.contacts .container .cities .cities-popup ul li:hover {
	cursor: pointer;
	color: #000;
	transition: .7s ease;
}

.contacts .container .cities .city {
	display: flex;
	align-items: center;
	transition: .7s ease;
	color: #7fac7f;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	gap: 2px;
}

.contacts .container .cities .city:hover {
	color: #19a08d;
	cursor: pointer;
}

.contacts .container .cities .city:hover svg path {
	transition: .7s ease;
	fill: #19a08d;
}

.contacts .container .cities .city.active {
	color: #19a08d;
}

.contacts .container .cities .city.active svg {
	transform: rotate(180deg);
}

.contacts .container .cities .city.active svg path {
	fill: #19a08d;
}

.contacts .container .h1 a,.contacts .container h1 a {
	color: #000;
}

.contacts .container .wrap {
	display: flex;
	flex-direction: column;
}

.contacts .container .wrap .containers {
	display: flex;
	flex-direction: column;
	margin-top: 28px;
	gap: 28px;
	font-size: 14px;
	line-height: 20px;
}

.contacts .container .wrap .containers .container1 {
	justify-content: space-between;
	max-width: 380px;
}

.contacts .container .wrap .containers .container1 .item:first-child {
	margin-bottom: 15px;
}

.contacts .container .wrap .containers .container1 .item:not(:first-child) {
	align-items: center;
}

.contacts .container .wrap .containers .container2 {
	gap: 8px;
}

.contacts .container .wrap .containers .container2 .item a {
	color: #000;
	transition: .7s ease;
}

.contacts .container .wrap .containers .container2 .item:hover a {
	color: #19a08d;
}

.contacts .container .wrap .containers .container1,.contacts .container .wrap .containers .container2 {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #b3bac6;
	padding-left: 30px;
}

.contacts .container .wrap .containers .container1 .item,.contacts .container .wrap .containers .container2 .item {
	display: flex;
	gap: 16px;
}

.contacts .container .wrap .containers .container1 .item img,.contacts .container .wrap .containers .container2 .item img {
	width: 24px;
	height: 24px;
}

.contacts .container .wrap .containers .container1 .item div,.contacts .container .wrap .containers .container2 .item div {
	color: #000;
}

.contacts .container .wrap .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 28px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.contacts .container .wrap .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.ymaps-2-1-79-map {
	filter: grayscale(1);
	-ms-filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
}

.contacts .ymaps-2-1-79-controls__control,.delivery-calc .ymaps-2-1-79-controls__control {
	position: absolute;
	top: 503px!important;
	right: 23px!important;
	left: auto!important;
}

.contacts-page .ymaps-2-1-79-controls__control {
	position: absolute;
	top: 503px!important;
	right: 23px!important;
	left: auto!important;
}

.menu::-webkit-scrollbar {
	display: none;
}

.menu::-webkit-scrollbar-track {
	background: 0 0;
}

.menu::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 20px;
	border: 3px solid transparent;
}

.menu {
	scrollbar-width: thin;
	scrollbar-color: transparent transparent;
}

.mainpage {
	width: 100%;
	padding-top: 0;
}

.mainpage .slide {
	width: auto;
	max-height: 980px;
	box-sizing: border-box;
	background: linear-gradient(75deg,#1c9f8d -95.48%,#000 98.89%);
	position: relative;
	padding-top: 100px;
	padding-bottom: 60px;
	left: var(--animMainSlide);
}

.mainpage .slide .top {
	display: flex;
	flex-direction: column;
	position: relative;
	gap: 40px;
}

.mainpage .slide .top .h1,.mainpage .slide .top h1 {
	color: #fff;
}

.mainpage .slide .top .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.mainpage .slide .top .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.mainpage .slide .bottom {
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	gap: 20px;
}

.mainpage .slide .bottom span {
	font-family: RoadRadio;
	position: relative;
	font-size: 40px;
	line-height: 40px;
	font-weight: 700;
	opacity: .3;
}

.mainpage .slide .bottom .text {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.mainpage .slide .bottom .text p {
	width: 170px;
	opacity: .4;
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
	padding-bottom: 10px;
}

.mainpage .slide .bottom .text .border {
	position: relative;
	overflow: hidden;
	height: 6px;
}

.mainpage .slide .bottom .text .border .border1,.mainpage .slide .bottom .text .border .border2 {
	height: 100%;
	display: flex;
}

.mainpage .slide .bottom .text .border .border2 {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	animation: width 4.2s infinite;
}

.mainpage .slide .bottom .text .border .border2 img {
	height: 100%;
	width: max-content;
}

.slide2 .img1,.slide2 .img2,.slide2 .img3 {
	position: absolute;
	width: max-content;
	transition: 1.5s ease;
}

.slide2 .img1 {
	width: 136.917px;
	bottom: -10000px;
	right: 17px;
}

.slide2 .img1.visible {
	bottom: -135px;
}

.slide2 .img2 {
	width: 77.073px;
	bottom: -10000px;
	right: 180px;
}

.slide2 .img2.visible {
	opacity: 1;
	bottom: -38px;
}

.slide2 .img3 {
	width: 276.554px;
	right: -120px;
	bottom: -10000px;
}

.slide2 .img3.visible {
	opacity: 1;
	bottom: -313px;
}

.slide3 .img1,.slide3 .img2,.slide3 .img3,.slide4 .img1,.slide4 .img2,.slide4 .img3 {
	position: absolute;
	width: max-content;
	transition: 1.5s ease;
}

.slide3 .img1,.slide4 .img1 {
	width: 324px;
	right: 0;
	bottom: 0;
}

.slide3 .img2,.slide4 .img2 {
	width: 324px;
	right: 0;
	bottom: 0;
}

.mainSlider {
	display: flex;
	overflow: hidden;
	background-color: #000;
}

.mainSlider .slide {
	transition: 1.5s ease;
	overflow: hidden;
	flex-shrink: 0;
	padding-right: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 580px;
}

.mainSlider .slide .h1,.mainSlider .slide h1 {
	width: 276px;
}

.mainSlider .slide:not(.slide-active) {
	width: calc((100% - 85%)/ 1)!important;
	filter: brightness(.4);
	padding-left: 0;
	padding-right: 0;
}

.mainSlider .slide:not(.slide-active) .top {
	position: relative;
	transition: opacity 1.5s ease;
	opacity: 0;
}

.mainSlider .slide:not(.slide-active) .bottom p {
	opacity: 0;
	transition: opacity 1.5s ease;
}

.mainSlider .slide:not(.slide-active) .bottom span {
	margin-left: -15px;
	transition: opacity 1.5s ease;
}

.mainSlider .slide:not(.slide-active) .bottom svg {
	opacity: 0;
	transition: opacity 1.5s ease;
}

.mainSlider .slide:not(.slide-active) img {
	opacity: 0!important;
	transition: opacity 1.5s ease;
}

.mainSlider .slide-active {
	width: 85%;
	width: 100%;
	padding-left: 75px;
}

.mainSlider .animation-left {
	animation-name: animation-left;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease;
}

@-moz-keyframes width {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-webkit-keyframes width {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-o-keyframes width {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@keyframes width {
	from {
		width: 0;
	}

	to {
		width: 100%;
	}
}

@-moz-keyframes animation-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(var(--animMainSlide));
	}
}

@-webkit-keyframes animation-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(var(--animMainSlide));
	}
}

@-o-keyframes animation-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(var(--animMainSlide));
	}
}

@keyframes animation-left {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(var(--animMainSlide));
	}
}

.entrance,.restore {
	display: none;
	max-width: none!important;
	border-radius: 0!important;
	z-index: 10!important;
	background-color: #000!important;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8)!important;
	padding: 28px 60px 60px 60px!important;
	color: #fff!important;
	justify-content: center!important;
	flex-direction: column!important;
}

.entrance .close-modal,.restore .close-modal {
	display: none!important;
}

.entrance .close,.restore .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.entrance h2,.restore h2 {
	margin-top: 8px;
	text-align: center;
}

.entrance form,.restore form {
	margin-top: 40px;
	align-items: center;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.entrance form .top,.restore form .top {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 52px;
}

.entrance form .middle,.restore form .middle {
	display: flex;
	text-align: center;
	align-items: center;
	margin-top: 40px;
}

.entrance form .middle a,.restore form .middle a {
	background-color: transparent;
	border: 0;
	color: #7fac7f;
	transition: .7s ease;
	font-family: SF UI Text;
}

.entrance form .middle a:hover,.restore form .middle a:hover {
	color: #19a08d;
	cursor: pointer;
}

.entrance form .button,.restore form .button {
	width: 215px;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 40px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.entrance form .button:hover,.restore form .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.entrance .bottom,.restore .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	align-items: center;
}

.entrance .bottom a,.restore .bottom a {
	background-color: transparent;
	font-family: SF UI Text;
	border: 0;
	color: #7fac7f;
	transition: .7s ease;
}

.entrance .bottom a:hover,.restore .bottom a:hover {
	color: #19a08d;
	cursor: pointer;
}

.restore p.main-text {
	margin-top: 28px;
	text-align: center;
}

.registration {
	max-width: none!important;
	border-radius: 0!important;
	z-index: 10!important;
	display: none;
	background-color: #000!important;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8)!important;
	padding: 28px 60px 60px 60px!important;
	width: max-content!important;
	color: #fff!important;
	justify-content: center!important;
	flex-direction: column!important;
}

.registration.modal {
	display: inline-flex;
}

.registration .close-modal {
	display: none!important;
}

.registration .checkbox+label::before {
	width: 28px;
	height: 28px;
	background-size: 80%;
}

.registration .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.registration h2 {
	margin-top: 8px;
	text-align: center;
}

.registration form {
	width: 100%;
}

.registration form .fiz-block {
	flex-direction: column;
}

.registration form .fiz-block .wrap {
	margin-top: 42px;
	display: grid;
	gap: 50px;
}

.registration form .fiz-block .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
}

.registration form .fiz-block .bottom .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.registration form .fiz-block .bottom .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.registration form .fiz-block p {
	margin-top: 28px;
}

.registration form .fiz-block p span {
	color: #7fac7f;
}

.registration form .yur-block {
	flex-direction: column;
	display: none;
}

.registration form .yur-block .wrap {
	width: 100%;
	margin-top: 42px;
	display: flex;
	gap: 48px;
}

.registration form .yur-block .wrap .container1,.registration form .yur-block .wrap .container2,.registration form .yur-block .wrap .container3 {
	display: flex;
	flex-direction: column;
	gap: 52px;
	flex: 0 0 29.7%;
}

.registration form .yur-block .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
}

.registration form .yur-block .bottom .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.registration form .yur-block .bottom .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.registration form .yur-block .bottom .main-text span {
	color: #7fac7f;
}

.order-popup {
	text-align: center!important;
	max-width: none!important;
	border-radius: 0!important;
	z-index: 10!important;
	background-color: #000!important;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8)!important;
	padding: 28px 60px 60px 60px!important;
	color: #fff!important;
	justify-content: center!important;
	display: none;
	flex-direction: column!important;
}

.order-popup .close-modal {
	display: none!important;
}

.order-popup .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.order-popup h2 {
	margin-top: 8px;
	text-align: center;
}

.order-popup img {
	width: 80px;
	height: 80px;
	align-self: center;
	margin-top: 28px;
}

.order-popup p {
	margin-top: 20px;
}

.order-popup p a {
	color: #7fac7f;
}

.order-popup p a:hover {
	transition: .7s ease;
	color: #19a08d;
}

.order-popup .button {
	align-self: center;
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 40px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.order-popup .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.fancybox-bg {
	background-color: #000!important;
}

.fancybox-is-open .fancybox-bg {
	opacity: .25!important;
}

.fancybox-button {
	padding: 0!important;
	position: absolute;
	top: 18px!important;
	right: 9px!important;
}

.fancybox-button svg {
	padding: 6px!important;
}

.fancybox-content {
	cursor: default!important;
}

.compensate-for-scrollbar {
	margin-right: 0!important;
}

.checkbox-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 35px;
	margin-top: 28px;
	color: #c8c8c8;
}

.registration .checkbox-wrapper {
	height: 50px;
}

.registration .checkbox-wrapper input {
	position: absolute;
	opacity: 0;
}

.registration .checkbox-wrapper label {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 17px;
	user-select: none;
}

.registration .checkbox-wrapper label.active {
	color: #fff;
}

.registration .checkbox-wrapper span {
	position: absolute;
	top: -5px;
	left: 0;
	height: 26px;
	width: 26px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.6);
}

.registration .checkbox-wrapper span:after {
	content: "";
	position: absolute;
	display: none;
}

.registration .checkbox-wrapper label input:checked~span:after {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #7fac7f;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

.blocker {
	background-color: rgba(0,0,0,.25)!important;
}

.agree {
	margin-right: 20px;
}

.searchresults {
	width: 100%;
	overflow: hidden;
}

.searchresults .number {
	font-size: 16px;
	line-height: 24px;
}

.searchresults form {
	background-color: #26272b;
	padding: 28px 20px;
	margin-top: 20px;
	display: flex;
	align-items: flex-end;
	height: 116px;
}

.searchresults form label {
	color: #fff;
}

.searchresults__items {
	display: flex;
	flex-direction: column;
	margin-top: 28px;
	gap: 28px;
}

.searchresults__items .item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	line-height: 20px;
}

.searchresults__items .item .h4 a,.searchresults__items .item h4 a {
	color: #000;
}

.searchresults__items .item .h4:hover a,.searchresults__items .item .h4:hover span,.searchresults__items .item h4:hover a,.searchresults__items .item h4:hover span {
	color: #7fac7f;
	transition: .7s ease;
}

.searchresults__items .item .h4 b,.searchresults__items .item .h4 span,.searchresults__items .item h4 b,.searchresults__items .item h4 span {
	color: #7fac7f;
}

.searchresults__items .item p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	align-self: stretch;
	overflow: hidden;
}

.searchresults__items .item .date {
	color: #646464;
}

.searchresults__items .item .way {
	display: flex;
	align-items: center;
	gap: 8px;
}

.searchresults__items .item .way a {
	color: #7fac7f;
}

.searchresults__items .item .way a:hover {
	transition: .7s ease;
	color: #19a08d;
}

.sitemap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sitemap__mainlist {
	display: flex;
	flex-direction: column;
}

.sitemap__mainitem {
	display: flex;
	align-items: flex-start;
	gap: 100px;
}

.sitemap__mainitem:not(:last-child) {
	margin-bottom: 28px;
}

.sitemap__mainitem-link {
	color: inherit;
	transition: color .7s ease;
}

.sitemap__mainitem-link:hover {
	color: #7fac7f;
}

.sitemap__mainitem-link svg {
	flex-shrink: 0;
	height: 48px;
}

.sitemap__mainitem-link-title {
	flex-grow: 2;
	font-size: 40px;
	line-height: 120%;
	margin-right: 10px;
}

.sitemap__sitemap--has-list:not(:last-child) {
	border-bottom: 1px solid #d1d1d1;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.sitemap__sitemap--has-list:not(:last-child) .sitemap__mainitem-link {
	flex-shrink: 0;
	flex-grow: 2;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 430px;
	width: 50%;
}

.sitemap__secondlist {
	flex-shrink: 0;
	width: 50%;
}

.sitemap__seconditem:not(:last-child) {
	margin-bottom: 16px;
}

.sitemap__seconditem-link {
	color: inherit;
	transition: color .7s ease;
}

.sitemap__seconditem-link:hover {
	color: #7fac7f;
}

.sitemap__seconditem-link-title {
	font-size: 20px;
	line-height: 120%;
}

.notfound {
	width: 100%;
	overflow: hidden;
	background: linear-gradient(75deg,#1c9f8d -95.48%,#000 98.89%);
	padding-top: 40px;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
	color: #fff;
	margin-top: 60px;
}

.notfound>img {
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.notfound .h1,.notfound h1,.notfound p {
	text-align: center;
}

.notfound p {
	font-size: 16px;
	line-height: 24px;
}

.notfound form {
	margin-top: 48px;
}

.notfound p {
	margin-top: 28px;
}

.notfound p a {
	color: #7fac7f;
}

.notfound p a:hover {
	transition: .7s ease;
	color: #19a08d;
}

.contacts-page {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
}

.contacts-page .container4 {
	font-family: RoadRadio;
	padding-right: 46px;
	flex-shrink: 0;
}

.contacts-page .container4 ul {
	gap: 10px;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
}

.contacts-page .container4 ul li {
	list-style-type: none;
}

.contacts-page .container4 ul li.active {
	color: #7fac7f;
}

.contacts-page .container4 ul li:hover {
	cursor: pointer;
	color: #7fac7f;
	transition: .7s ease;
}

.news ul {
	list-style-type: none;
}

.news {
	background-color: #edf1f2;
	padding-bottom: 120px;
}

.news .top {
	margin-bottom: 18px;
}

.news__filter {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 20px 0;
	padding-bottom: 14px;
	align-items: center;
	gap: 20px;
}

.news__filter-select {
	transition: height .7s ease,max-height .7s ease;
}

.news__filter-list {
	overflow-x: auto;
	overflow-y: hidden;
	gap: 32px;
	display: flex;
}

.news__filter-list li {
	flex-shrink: 0;
}

.news__filter-list li .news-arrow {
	transform: rotate(90deg) scaleX(1)!important;
}

.news__filter-item-link {
	font-family: RoadRadio;
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
	color: inherit;
	text-transform: uppercase;
	transition: color .7s ease;
}

.news__filter-item-link:hover {
	color: #7fac7f;
}

.news__filter-item-link .news-arrow {
	display: none;
	position: relative;
	top: 3px;
	right: -2px;
	transform: rotate(90deg) scaleX(-1);
	transition: transform .7s ease;
}

.news__filter-item-link--active {
	color: #7fac7f;
}

.news__filter-date {
	display: flex;
	align-items: center;
	gap: 6px;
	fill: #7fac7f;
	color: #7fac7f;
	cursor: pointer;
	flex-shrink: 0;
}

.news__filter-date:hover {
	color: #19a08d;
	fill: #19a08d;
}

.news__filter-date-text {
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	color: inherit;
}

.news__grid {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 48px;
	padding: 50px 0 32px;
}

.news__grid-item {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 40px;
	background-color: #fff;
}

.news__grid-item-link {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.news__grid-item-link:hover~.news__grid-item-content .news__grid-item-content-title {
	color: #7fac7f;
}

.news__grid-item-image {
	width: 100%;
	height: 220px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

.news__grid-item-image-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news__grid-item-content {
	padding: 0 36px 36px;
}

.news__grid-item-content-info {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	margin-bottom: 24px;
}

.news__grid-item-content-info-date {
	flex-shrink: 0;
	min-width: 160px;
}

.news__grid-item-content-info-date span {
	display: inline-block;
	color: #b3bac6;
	padding-right: 5px;
	margin-right: 5px;
}

.news__grid-item-content-info-date span:not(:last-child) {
	border-right: 1px solid #b3bac6;
}

.news__grid-item-content-info-tag {
	text-align: right;
	color: #7fac7f;
}

.news__grid-item-content-title {
	font-size: 20px!important;
	font-weight: 700;
	line-height: 120%!important;
	margin-bottom: 24px;
	transition: color .7s ease;
}

.news__grid-item-content-desc {
	max-height: 100px;
	overflow: hidden;
	font-size: 16px;
	line-height: 150%;
}

.news__showmore {
	display: flex;
	justify-content: center;
}

.news__showmore-button {
	padding: 20px 40px;
	background-color: #7fac7f;
	border: none;
	font-family: RoadRadio;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .7s ease;
}

.news__showmore-button:hover {
	background-color: #19a08d;
}

.news__showmore-button:disabled {
	background: #646464;
}

.news__modul {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: visibility .3s,opacity .3s;
	z-index: 500;
}

.news__modul--active {
	opacity: 1;
	visibility: visible;
}

.news__modul-window {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 100%;
	max-height: 100%;
	overflow-y: auto;
	padding: 60px;
	background: #000 url(/local/templates/default/images/news/calendar_bg.jpg);
	background-size: cover;
	transform: translate(-50%,-50%);
}

.news__modul-window-button {
	top: 15px;
	right: 15px;
	position: absolute;
	cursor: pointer;
}

.news__modul-window-title {
	display: block;
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 26px;
}

.air-datepicker {
	width: auto;
	border-radius: 0;
	border: none;
	font-family: "SF UI Text";
	color: #fff;
}

.air-datepicker.-inline- {
	background: 0 0;
}

.air-datepicker-nav {
	position: relative;
	padding: 36px 0;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

.air-datepicker-nav .air-datepicker-nav--action:first-child {
	position: absolute;
	top: 36px;
	left: 0;
}

.air-datepicker-nav .air-datepicker-nav--action:last-child {
	position: absolute;
	top: 36px;
	right: 0;
}

.air-datepicker-nav .air-datepicker-nav--title {
	position: absolute;
	top: 36px;
	left: 32px;
	right: 32px;
	height: 32px;
}

.air-datepicker-nav--title {
	color: #fff;
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	text-transform: uppercase;
}

.air-datepicker-nav--title:hover {
	background: rgba(255,255,255,.2);
}

.air-datepicker-nav--title i {
	color: #fff;
}

.air-datepicker-nav--action:hover {
	background: rgba(255,255,255,.2);
}

.air-datepicker-nav--action:active {
	background: rgba(255,255,255,.2);
}

.air-datepicker-nav--action.disabled {
	opacity: .5;
	user-select: none;
	pointer-events: none;
}

.air-datepicker--content {
	padding: 0;
}

.air-datepicker-body--day-names {
	border-bottom: 1px solid #d1d1d1;
	margin: 0;
}

.air-datepicker-body--day-name {
	width: 40px;
	height: 40px;
	color: #d1d1d1;
	font-family: RoadRadio;
	font-size: 20px;
	font-weight: 700;
}

.air-datepicker-body--cells.-days- {
	grid-auto-rows: 40px;
}

.air-datepicker-cell {
	color: #fff;
	font-size: 14px;
	width: 40px;
	height: 40px;
	border-radius: 0;
}

.air-datepicker-cell.-day- {
	pointer-events: none;
}

.air-datepicker-cell.-current- {
	color: #fff;
	background: 0 0;
}

.air-datepicker-cell.-day-.-other-month- {
	color: #646464;
}

.air-datepicker-cell.-year-.-other-decade- {
	color: #646464;
}

.air-datepicker-cell.-has-news- {
	pointer-events: auto;
	background: rgba(255,255,255,.2);
}

.air-datepicker-cell.-focus- {
	color: #fff;
	background: rgba(127,172,127,.2);
}

.air-datepicker-cell.-current-.-focus- {
	color: #fff;
}

.air-datepicker-cell.-selected-.-focus- {
	color: #fff;
	background: #7fac7f;
}

.air-datepicker-cell.-selected-.-current- {
	color: #fff;
	background: #7fac7f;
}

.air-datepicker-cell.-selected- {
	color: #fff;
	background: #7fac7f;
}

.news__article {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin-top: 48px;
	padding-left: 258px;
}

.news__article-date {
	position: absolute;
	left: 0;
	top: 0;
}

.news__article-date span {
	display: inline-block;
	padding-right: 5px;
	margin-right: 5px;
}

.news__article-date span:not(:last-child) {
	border-right: 1px solid #000;
}

.news__article-content {
	max-width: 1000px;
	font-size: 16px;
	line-height: 150%;
}

.news__article-content img:not(:first-child) {
	margin-top: 40px;
}

.news__article-content img:not(:last-child) {
	margin-bottom: 40px;
}

.news__article-content .h2:not(:last-child),.news__article-content h2:not(:last-child) {
	margin-bottom: 24px;
}

.news__article-content b {
	display: block;
}

.news__article-content b:not(:last-child) {
	margin-bottom: 24px;
}

.news__article-content p b {
	display: inline;
	margin-bottom: 0;
}

.news__article-content a {
	font-family: "SF UI Text"!important;
	color: #7fac7f;
	transition: color .7s ease;
}

.news__article-content a:hover {
	color: #19a08d;
}

.news__article-content p {
	font-size: 16px;
	line-height: 150%;
	margin-bottom: 24px;
}

.news__article-content p:last-child {
	margin-bottom: 0;
}

.news__article-content .news-image-big {
	display: flex;
	justify-content: center;
	margin: 40px;
}

.news__article-content .news-image-big a {
	display: inline-block;
}

.news__article-content .news-image-big a img {
	display: inline-block;
	max-height: 600px;
	object-fit: contain;
}

.news__article-content .news-gallery-row {
	display: flex;
	justify-content: space-between;
	gap: 42px;
	margin-top: 40px;
}

.news__article-content .news-list:not(:last-child) {
	margin-bottom: 40px;
}

.news__article-content .news-list li:not(:last-child) {
	margin-bottom: 24px;
}

.news__article-content .hyphen li::before {
	content: '—';
}

.news__article-back {
	position: absolute;
	left: 0;
	bottom: 0;
}

.news__article-back-link {
	display: flex;
	align-items: center;
	gap: 12px;
	text-transform: uppercase;
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	fill: #7fac7f;
	transition: .7s ease;
}

.news__article-back-link:hover {
	color: #19a08d;
	fill: #19a08d;
}

.career {
	width: 100%;
	overflow: hidden;
}

.career .h1-wrap {
	padding-bottom: 14px;
}

.career__container1 {
	background: url(/local/templates/default/images/career/fon.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.career__container1 .navigation {
	display: flex;
	flex-direction: column;
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	gap: 14px;
}

.career__container1 .navigation img {
	height: 6px;
}

.career__container1 .navigation .text .navigation-wrap {
	overflow-x: scroll;
	overflow-y: hidden;
	gap: 32px;
	display: flex;
}

.career__container1 .navigation .text .navigation-wrap a {
	flex-shrink: 0;
	color: #000;
	transition: .7s ease;
}

.career__container1 .navigation .text .navigation-wrap a:hover {
	color: #7fac7f;
}

.career__container1 .h2,.career__container1 h2 {
	margin-top: 28px;
}

.career__container1 .items {
	position: relative;
}

.career__container1 .items .swiper-wrapper {
	height: auto;
	display: flex;
	margin-top: 28px;
}

.career__container1 .items .swiper-wrapper .item {
	border-left: 1px solid #d1d1d1;
	padding-left: 30px;
	width: 230px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.career__container1 .items .swiper-wrapper .item:hover {
	cursor: grab;
}

.career__container1 .items .swiper-wrapper .item img {
	width: 60px;
	height: 60px;
}

.career__container4 {
	background-color: #ecf0f1;
	padding-top: 60px;
	padding-top: 60px;
	padding-bottom: 60px;
}

.career__container4 .improvement-top {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 28px;
}

.career__container4 .improvement-items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.career__container4 .improvement-items .item {
	color: #000;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	align-items: center;
	border-bottom: 1px solid #646464;
}

.career__container4 .improvement-items .item:hover {
	transition: .7s ease;
	color: #7fac7f;
}

.career__container2 {
	background-color: #ecf0f1;
	padding-top: 60px;
}

.career__container2 .vacancy-items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.career__container2 .vacancy-items .item {
	color: #000;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	align-items: center;
	border-bottom: 1px solid #646464;
}

.career__container2 .vacancy-items .item .text {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.career__container2 .vacancy-items .item .text .city {
	display: flex;
	align-items: center;
	gap: 4px;
	color: #646464;
}

.career__container2 .vacancy-items .item .text .city img {
	width: 24px;
	height: 24px;
}/*.career__container2 .vacancy-items .item:hover .h4,.career__container2 .vacancy-items .item:hover h4{transition:.7s ease;color:#7fac7f}.career__container2 .vacancy-items .item:hover svg{transition:.7s ease;transform:rotate(90deg)}.career__container2 .vacancy-items .item:hover svg path{transition:.7s ease;fill:#7fac7f}*/.career__container2 .otzivy-h2 {
	margin-top: 60px;
}

.career__container2 .otzivy-items {
	margin-top: 28px;
	padding-bottom: 60px;
}

.career__container2 .otzivy-items:hover {
	cursor: grab;
}

.career__container2 .otzivy-items .swiper-wrapper {
	height: auto;
	display: flex;
}

.career__container2 .otzivy-items .swiper-wrapper .item {
	height: auto;
	background-color: #fff;
	padding: 32px 20px;
	width: 220px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #000;
}

.career__container2 .otzivy-items .swiper-wrapper .item:hover .h4,.career__container2 .otzivy-items .swiper-wrapper .item:hover h4 {
	transition: .7s ease;
	color: #7fac7f;
}

.career__container2 .otzivy-items .swiper-wrapper .item:hover svg {
	transition: .7s ease;
	transform: rotate(90deg);
}

.career__container2 .otzivy-items .swiper-wrapper .item:hover svg path {
	fill: #7fac7f;
	transition: .7s ease;
}

.career__container2 .otzivy-items .swiper-wrapper .item>div {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.career__container2 .otzivy-items .swiper-wrapper .item p {
	font-size: 14px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	align-self: stretch;
	overflow: hidden;
}

.career__container2 .otzivy-items .swiper-wrapper .item .stroke {
	display: flex;
	justify-content: space-between;
}

.career__container2 .otzivy-items .swiper-wrapper .item .stroke span {
	color: #646464;
	font-size: 14px;
	line-height: 20px;
}

.career__container2 .otzivy-items .swiper-wrapper .item .stroke .stars {
	display: flex;
	gap: 6px;
}

.career__container2 .otzivy-items .swiper-wrapper .item .stroke .stars img {
	width: 14px;
	height: 14px;
}

.career__container2 .otzivy-items .swiper-wrapper .item svg {
	margin-top: 10px;
	margin-left: 93%;
}

.career__container3 {
	background-color: #000;
	padding-top: 60px;
	padding-bottom: 60px;
}

.career__container3 .h2,.career__container3 h2 {
	color: #fff;
}

.career__container3 .company-items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
}

.career__container3 .company-items .item {
	height: auto;
	width: 260px;
}

.career__container3 .company-items .item img {
	height: 100%;
}

.otzivy-popup {
	max-width: none!important;
	border-radius: 0!important;
	z-index: 10!important;
	background-color: #fff!important;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8)!important;
	padding: 32px 20px!important;
	color: #000!important;
	display: none;
	flex-direction: column!important;
}

.otzivy-popup p {
	margin-top: 10px;
}

.otzivy-popup .close-modal {
	display: none!important;
}

.otzivy-popup .close {
	width: 20px;
	height: 20px;
	margin-left: 95%;
}

.about-page {
	width: 100%;
	overflow: hidden;
}

.about-page .h1-wrap {
	padding-bottom: 14px;
}

.about-page__container1 {
	background: url(/local/templates/default/images/about/bg_1.jpg);
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.about-page__container1 .navigation {
	display: flex;
	flex-direction: column;
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	gap: 14px;
}

.about-page__container1 .navigation img {
	height: 6px;
}

.about-page__container1 .navigation .text .navigation-wrap {
	overflow-x: scroll;
	overflow-y: hidden;
	gap: 32px;
	display: flex;
}

.about-page__container1 .navigation .text .navigation-wrap a {
	flex-shrink: 0;
	color: #000;
	transition: .7s ease;
}

.about-page__container1 .navigation .text .navigation-wrap a:hover {
	color: #7fac7f;
}

.about-page__container1 .h2,.about-page__container1 h2 {
	margin-top: 28px;
}

.about-page__container1 .big-wrap {
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.about-page__container1 .big-wrap .wrap1 {
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
	margin-top: 28px;
	gap: 32px;
}

.about-page__container1 .big-wrap .wrap1 .item {
	display: flex;
	border-left: 1px solid #d1d1d1;
	gap: 12px;
	align-items: center;
	font-size: 14px;
	line-height: 20px;
	padding-left: 16px;
	min-width: 246px;
}

.about-page__container1 .big-wrap .wrap1 .item span {
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 62px;
	line-height: 52px;
	width: 39px;
}

.about-page__container1 .big-wrap .wrap2 {
	font-size: 14px;
	line-height: 20px;
}

.about-page__container1 .big-wrap .wrap3 {
	display: flex;
	gap: 32px;
}

.about-page__container1 .big-wrap .wrap3 .item {
	display: flex;
	border-left: 1px solid #d1d1d1;
	flex-direction: column;
	flex: 0 0 100%;
	padding-left: 16px;
}

.about-page__container1 .big-wrap .wrap3 .item img {
	width: 60px;
	height: 60px;
	margin-bottom: 24px;
}

.about-page__container1 .big-wrap .wrap3 .item p {
	margin-top: 20px;
	max-width: 606px;
}

.about-page__container1 .big-wrap .wrap3 .item .ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-top: 20px;
}

.about-page__container1 .big-wrap .wrap3 .item .ul ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.about-page__container1 .big-wrap .wrap3 .item .ul ul li {
	padding-left: 14px;
	list-style-type: none;
	position: relative;
}

.about-page__container1 .big-wrap .wrap3 .item .ul ul li:before {
	content: ' ';
	position: absolute;
	left: -1px;
	top: 7px;
	background-color: #7fac7f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.about-page__container2 {
	background: url("/local/templates/default/images/about/section_ logistic.png");
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
}

.about-page__container2 .mission-items:hover {
	cursor: grab;
}

.about-page__container2 .mission-items .swiper-wrapper {
	height: auto;
	display: flex;
	padding-right: 0;
}

.about-page__container2 .mission-items .swiper-wrapper .item {
	display: flex;
	flex-direction: column;
	width: 260px;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top {
	display: flex;
	transition: .7s ease;
	position: relative;
	overflow: hidden;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 18px 20px;
	flex-shrink: 0;
	background-size: cover;
	background-repeat: no-repeat;
	height: 175px;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top:before {
	transition: .7s ease;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	top: 0;
	left: 0;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top.hover {
	padding: 40px 20px;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top.hover:before {
	opacity: .55;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top .h3,.about-page__container2 .mission-items .swiper-wrapper .item .top h3 {
	color: #fff;
	position: relative;
}

.about-page__container2 .mission-items .swiper-wrapper .item .top img {
	position: relative;
	width: 40px;
	height: 40px;
}

.about-page__container2 .mission-items .swiper-wrapper .item .bottom {
	background-color: #fff;
	padding: 20px;
	min-height: 165px;
	box-sizing: border-box;
}

.about-page__container3 {
	background: url(/local/templates/default/images/about/bg_2.jpg);
	background-position-x: right;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
	color: #fff;
	position: relative;
}

.about-page__container3 .border {
	position: absolute;
	top: 120px;
	height: 6px;
	left: 20px;
	top: 197px;
}

.about-page__container3 .history-items {
	display: flex;
	margin-top: 32px;
}

.about-page__container3 .history-items:hover {
	cursor: grab;
}

.about-page__container3 .history-items .swiper-wrapper {
	height: auto;
	display: flex;
}

.about-page__container3 .history-items .swiper-wrapper .item {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 48px;
	width: 282px;
}

.about-page__container3 .history-items .swiper-wrapper .item span {
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 72px;
	line-height: 58px;
}

.about-page__container3 .history-items .swiper-wrapper .item p {
	font-size: 14px;
	line-height: 20px;
}

.about-page__container4 {
	background: linear-gradient(180deg,#fff 0,#fff 20.94%,#fcfcfc 43.63%,#f7fbfc 59.59%,#edf1f2 79.8%,#edf1f2 93.6%);
	padding-bottom: 30px;
	padding-top: 60px;
}

.about-page__container4 .awards-items {
	color: #000;
	margin-top: 28px;
}

.about-page__container4 .awards-items:hover {
	cursor: grab;
}

.about-page__container4 .awards-items .swiper-wrapper {
	height: auto;
	display: flex;
	padding-right: 0;
}

.about-page__container4 .awards-items .swiper-wrapper .item {
	display: flex;
	flex-direction: column;
	width: 260px;
	height: 340px;
}

.about-page__container4 .awards-items .swiper-wrapper .item:hover {
	cursor: pointer;
}

.about-page__container4 .awards-items .swiper-wrapper .item:hover .bottom {
	color: #7fac7f;
	transition: .7s ease;
}

.about-page__container4 .awards-items .swiper-wrapper .item .top {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	padding: 14px 16px;
	flex-shrink: 0;
	height: 276px;
	box-sizing: border-box;
	background-color: #edf1f2;
}

.about-page__container4 .awards-items .swiper-wrapper .item .top img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.about-page__container4 .awards-items .swiper-wrapper .item .bottom {
	height: 64px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 12px;
}

.about-page__container4 .awards-items .swiper-wrapper .item .bottom .h4,.about-page__container4 .awards-items .swiper-wrapper .item .bottom h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	align-self: center;
}

.about-page__container5 {
	background: #edf1f2;
	padding-bottom: 60px;
	padding-top: 60px;
	display: flex;
	flex-direction: column;
}

.about-page__container5 .social-items {
	color: #000;
	margin-top: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	flex-direction: column;
}

.about-page__container5 .social-items .item {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #000;
}

.about-page__container5 .social-items .item:hover .h4,.about-page__container5 .social-items .item:hover h4 {
	transition: .7s ease;
	color: #7fac7f;
}

.about-page__container5 .social-items .item .top {
	height: 170px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

.about-page__container5 .social-items .item .bottom {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	padding: 28px;
	gap: 20px;
	height: 100%;
}

.about-page__container5 .social-items .item p {
	margin: 0;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	line-height: 20px;
}

.about-page__container5 .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	align-self: center;
	margin-top: 28px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.about-page__container5 .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.fancybox__caption {
	position: absolute;
	bottom: 0;
}

.gallery {
	width: 100%;
	overflow: hidden;
}

.gallery .h1-wrap {
	color: #fff;
}

.gallery__container1 {
	background: url(/local/templates/default/images/gallery/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
	color: #fff;
}

.gallery__container1 .base-items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
}

.gallery__container1 .base-items .item {
	width: 260px;
}

.gallery__container2 {
	background: url(/local/templates/default/images/gallery/section_video.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
}

.gallery__container2 h2 {
	padding-top: 60px;
}

.gallery__container2 video {
	width: 100%;
	max-width: 958px;
	margin-top: 28px;
}

.metall-page {
	width: 100%;
	overflow: hidden;
}

.metall-page .h1-wrap {
	color: #fff;
}

.metall-page__container1 {
	background: url(/local/templates/default/images/gallery/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 60px;
	padding-top: 60px;
	color: #fff;
}

.metall-page__container1 .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 28px;
	margin-left: 20px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.metall-page__container1 .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.metall-page__container1 .wrap {
	display: flex;
	gap: 32px;
	margin-top: 28px;
}

.metall-page__container1 .wrap .item {
	display: flex;
	border-left: 1px solid #d1d1d1;
	flex-direction: column;
	width: 260px;
	padding-left: 32px;
	flex-shrink: 0;
}

.metall-page__container1 .wrap .item img {
	width: 60px;
	height: 60px;
	margin-bottom: 24px;
}

.metall-page__container1 .wrap .item p {
	margin-top: 20px;
	max-width: 606px;
}

.metall-page__container2 {
	background-color: #fff;
	padding-bottom: 60px;
	padding-top: 60px;
	display: flex;
	flex-direction: column;
}

.metall-page__container2 .items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.metall-page__container2 .items .item {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.metall-page__container2 .items .item:not(:last-child) {
	padding-bottom: 28px;
	border-bottom: 1px solid #d1d1d1;
}

.metall-page__container2 .items .item .left {
	display: flex;
	flex-direction: column;
}

.metall-page__container2 .items .item .left .h3:first-child,.metall-page__container2 .items .item .left h3:first-child {
	color: #7fac7f;
	margin-bottom: 12px;
}

.metall-page__container2 .items .item .left p {
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
}

.metall-page__container2 .items .item .left ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	line-height: 20px;
	margin-top: 20px;
}

.metall-page__container2 .items .item .left ul li {
	padding-left: 18px;
	list-style-type: none;
	position: relative;
}

.metall-page__container2 .items .item .left ul li:before {
	content: ' ';
	position: absolute;
	left: -1px;
	top: 7px;
	background-color: #7fac7f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.metall-page__container2 .items .item .right {
	height: 216px;
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 18px 20px;
	flex-shrink: 0;
}

.metall-page__container2 .items .item .right img {
	position: relative;
	width: 40px;
	height: 40px;
}

.metall-page__container3 {
	background-color: #edf1f2;
	padding-bottom: 60px;
	padding-top: 60px;
}

.metall-page__container3 .metall-page-items {
	margin-top: 28px;
	display: flex;
	flex-direction: column;
}

.metall-page__container3 .metall-page-items .item {
	width: 260px;
}

.metall-page__container3 .metall-page-items:hover {
	cursor: grab;
}

.metall-page__container4 {
	background-color: #fff;
	padding-bottom: 60px;
	padding-top: 60px;
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.metall-page__container4 .items {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.metall-page__container4 .items ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 14px;
	line-height: 20px;
}

.metall-page__container4 .items ul li {
	padding-left: 14px;
	list-style-type: none;
	position: relative;
}

.metall-page__container4 .items ul li:before {
	content: ' ';
	position: absolute;
	left: -1px;
	top: 7px;
	background-color: #7fac7f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.metall-page__container4 .items .item {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #d1d1d1;
	padding-left: 32px;
	height: max-content;
}

.metall-page__container4 .items .item span {
	font-family: RoadRadio;
	color: #7fac7f;
	font-size: 120px;
	line-height: 120px;
}

.metall-page__container4 .button {
	width: max-content;
	font-family: RoadRadio;
	color: #7fac7f;
	transition: .7s ease;
	display: flex;
	gap: 12px;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
}

.metall-page__container4 .button:hover {
	color: #19a08d;
}

.metall-page__container4 .button:hover svg path {
	transition: .7s ease;
	stroke: #19a08d;
}

.metall-page__container5 {
	background-color: #edf1f2;
	padding-bottom: 60px;
	padding-top: 60px;
}

.metall-page__container5 span {
	color: #7fac7f;
}

.metall-page__container5 .items {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 28px;
	margin-top: 28px;
}

.metall-page__container5 .items .item {
	display: flex;
	flex-direction: column;
	border-left: 1px solid #d1d1d1;
	padding-left: 32px;
	width: 100%;
}

.metall-page__container5 .items .item>span {
	font-family: RoadRadio;
	font-size: 28px;
	line-height: 32px;
}

.metall-page__container5 .main-text {
	margin-top: 28px;
}

.metall-page__container5 .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	margin-top: 28px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.metall-page__container5 .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.gosts {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
}

.gosts .number {
	font-size: 16px;
	line-height: 24px;
}

.gosts__items {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-bottom: 60px;
}

.gosts__items .item {
	display: flex;
	flex-direction: column;
	gap: 12px;
	font-size: 14px;
	line-height: 20px;
}

.gosts__items .item a {
	display: flex;
	align-items: center;
	font-weight: 700;
	color: #000;
}

.gosts__items .item a svg {
	margin-right: 20px;
}

.gosts__items .item a span {
	font-weight: 400;
}

.gosts__items .item a:hover {
	color: #7fac7f;
	transition: .7s ease;
}

.gosts__items .item a:hover svg path {
	transition: .7s ease;
	stroke: #7fac7f;
}

.donut-big {
	display: inline-block;
	border: 2px solid rgba(0,0,0,.1);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	position: relative;
	align-self: center;
}

.donut {
	display: inline-block;
	border: 4px solid transparent;
	border-left-color: #7fac7f;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	position: absolute;
	top: -2px;
	left: -2px;
	animation: donut-spin 1.2s linear infinite;
}

@-moz-keyframes donut-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes donut-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes donut-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes donut-spin {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.suppliers {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
}

.suppliers__items {
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding-bottom: 60px;
	margin-top: 28px;
}

.suppliers__items .item {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.suppliers__items .item .top {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	height: 180px;
	box-sizing: border-box;
	background-color: #fff;
}

.suppliers__items .item .top img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.suppliers__items .item .bottom {
	height: 76px;
	background: linear-gradient(75deg,#1c9f8d -95.48%,#000 98.89%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 12px;
}

.service {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
}

.service__items {
	color: #000;
	margin-top: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	flex-direction: column;
	padding-bottom: 60px;
}

.service__items .item {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #000;
}

.service__items .item:hover .h4,.service__items .item:hover h4 {
	transition: .7s ease;
	color: #7fac7f;
}

.service__items .item .top {
	height: 170px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 18px 20px;
	height: 175px;
	flex-shrink: 0;
}

.service__items .item .top span {
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 32px;
	line-height: 40px;
}

.service__items .item .top .h3,.service__items .item .top h3 {
	color: #fff;
}

.service__items .item .bottom {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	padding: 20px;
	gap: 20px;
	height: 100%;
}

.service__items .item p {
	font-size: 14px;
	line-height: 20px;
}

.metall-calc {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
}

.metall-calc .wrap1 {
	display: flex;
	gap: 24px;
	align-items: center;
}

.metall-calc .wrap1 svg {
	flex-shrink: 0;
}

.metall-calc h2 {
	margin-top: 60px;
	margin-bottom: 28px;
}

.metall-calc .form {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	width: 100%;
	gap: 28px;
	padding: 50px 20px 24px 20px;
	margin-top: 28px;
}

.metall-calc .form .items {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.metall-calc .form .items .left,.metall-calc .form .items .right {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 40px;
}

.metall-calc .form .items .left .variants-container:hover,.metall-calc .form .items .right .variants-container:hover {
	cursor: pointer!important;
}

.metall-calc .form .items .left .item-container .form-item svg,.metall-calc .form .items .right .item-container .form-item svg {
	position: absolute;
	right: 0;
	transition: .7s ease;
}

.metall-calc .form .items .left .item-container .form-item svg.active,.metall-calc .form .items .right .item-container .form-item svg.active {
	transform: rotate(180deg);
}

.metall-calc .form .items .left .item-container .form-item input,.metall-calc .form .items .right .item-container .form-item input {
	border-color: #646464;
	color: #000;
}

.metall-calc .form .items .left .item-container .variants,.metall-calc .form .items .right .item-container .variants {
	position: absolute;
	z-index: 1;
	background-color: #edf1f2;
	color: #646464;
	width: 100%;
	display: none;
	padding: 12px;
	font-family: RoadRadio;
	top: 40px;
	font-size: 13px;
	line-height: 18px;
	max-height: 270px;
	overflow-y: scroll;
}

.metall-calc .form .items .left .item-container .variants li,.metall-calc .form .items .right .item-container .variants li {
	list-style-type: none;
	transition: .7s ease;
}

.metall-calc .form .items .left .item-container .variants li:not(:first-child),.metall-calc .form .items .right .item-container .variants li:not(:first-child) {
	margin-top: 10px;
}

.metall-calc .form .items .left .item-container .variants li:hover,.metall-calc .form .items .right .item-container .variants li:hover {
	cursor: pointer;
	color: #7fac7f;
}

.metall-calc .form .items .right .big-item {
	display: flex;
}

.metall-calc .form .result {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.metall-calc .form .result p {
	color: #646464;
	font-size: 14px;
	line-height: 20px;
}

.metall-calc .modern-radio {
	position: absolute;
	opacity: 0;
}

.metall-calc .radio-label {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 17px;
	user-select: none;
}

.metall-calc .radio-label.active {
	color: #646464;
}

.metall-calc .radio-span {
	position: absolute;
	top: 6px;
	left: 0;
	height: 26px;
	width: 26px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #b3bac6;
}

.metall-calc .radio-span:after {
	content: "";
	position: absolute;
	display: none;
}

.metall-calc .radio-label .modern-radio:checked~span:after {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #7fac7f;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

.metal-select-wrap {
	height: 40px;
	position: relative;
	font-family: RoadRadio;
	border-bottom: 1px solid #000;
	font-size: 14px;
	line-height: 20px;
}

.metal-select-wrap:hover {
	cursor: pointer;
}

.metal-select-wrap svg {
	position: absolute;
	pointer-events: none;
	right: 0;
}

.metal-select-wrap._open svg {
	transform: rotate(180deg);
	transition: .7s ease;
}

.delivery__select-label {
	display: block;
	cursor: pointer;
	outline: 0;
}

.delivery__select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	outline: 0;
	z-index: 1;
}

.delivery__select option:hover {
	cursor: pointer;
}

.metal-select {
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;
	z-index: 5;
	cursor: pointer;
}

.metal-select._open .metal-select__opts-wrap {
	position: absolute;
	width: 100%;
	height: 250px;
	border-radius: 2px;
	background-color: #102f37;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.metal-select .metal-select__opts-wrap {
	top: 0;
	max-height: 250px;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0s,width 0s 0s,height 0s 0s;
	-o-transition: opacity 0s,width 0s 0s,height 0s 0s;
	transition: opacity 0s,width 0s 0s,height 0s 0s;
}

.metal-select .metal-select__opts-wrap .metal-select__opts-scroller {
	max-height: 100%;
	width: auto!important;
	min-width: inherit!important;
	max-width: inherit!important;
	background-color: #edf1f2;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 20px;
	overflow: hidden;
	overflow-y: scroll;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.metal-select .metal-select__opts-wrap .metal-select__opts-scroller .metal-select__opt {
	padding-left: 19px;
	color: #646464;
	font-size: 14px;
	padding-right: 19px;
	line-height: 20px;
	letter-spacing: .35px;
	cursor: pointer;
	-webkit-transition: all;
	-o-transition: all;
	transition: all;
	padding-top: 10px;
}

.metal-select .metal-select__opts-wrap .basic-select__bar-wrap {
	position: absolute;
	top: 11px;
	bottom: 11px;
	right: 10px;
	width: 4px;
	display: none;
	border-radius: 2px;
	background-color: #edf1f6;
	z-index: 105;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

.metal__form {
	font-family: RoadRadio;
	color: #646464;
}

.metal__form:hover {
	cursor: pointer;
}

.metal__form .item-container {
	border-bottom: 1px solid #000;
	height: 40px;
	font-size: 14px;
	line-height: 20px;
}

.metal__form .item-container input {
	border: none;
	padding-bottom: 0;
}

.metal__form .item-container+.item-container {
	margin-top: 40px;
}

.js-metal-form-select-wrap {
	position: relative;
}

.js-metal-form-select-wrap svg {
	position: absolute;
	right: 0;
	pointer-events: none;
}

.js-metal-form-select-wrap._open svg {
	transform: rotate(180deg);
	transition: .7s ease;
}

.delivery__select-text {
	color: #000;
	height: 100%;
	width: 90%;
}

.delivery-calc {
	width: 100%;
	overflow: hidden;
	background-color: #edf1f2;
	display: flex;
	flex-direction: column;
}

.delivery-calc .h1-wrap {
	z-index: 2;
}

.delivery-calc .wrap1 {
	overflow: hidden;
	height: 650px;
}

.delivery-calc .wrap1:before {
	pointer-events: none;
	content: '';
	position: absolute;
	width: 100%;
	height: 469px;
	background: linear-gradient(180deg,rgba(217,217,217,0) 0,#e9ecec 26.52%,#edf1f2 51.83%,rgba(217,217,217,0) 100%);
	z-index: 1;
	top: 125px;
}

.delivery-calc .wrap1 .wrap-form {
	position: absolute;
	z-index: 1;
	width: 100%;
}

.delivery-calc .wrap1 .wrap-form form {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	gap: 28px;
	padding: 50px 20px 24px 20px;
	margin: 0 20px;
}

.delivery-calc .wrap1 .wrap-form form .right {
	display: flex;
	gap: 28px;
	font-size: 10px;
	line-height: 12px;
	font-family: RoadRadio;
	color: #646464;
	width: 199px;
	flex-shrink: 0;
}

.delivery-calc .wrap1 .wrap-form form .right .item {
	display: flex;
	flex-direction: column;
}

.delivery-calc .wrap1 .wrap-form form .right .item span {
	font-size: 16px;
	line-height: 24px;
}

.delivery-calc .wrap1 .wrap-form form .left {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 40px;
}

.delivery-calc .wrap1 .wrap-form form .left .variants-container:hover {
	cursor: pointer!important;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .form-item svg {
	position: absolute;
	right: 0;
	transition: .7s ease;
	bottom: 20px;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .form-item svg.active {
	transform: rotate(180deg);
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .form-item input {
	border-color: #646464;
	color: #000;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .variants {
	position: absolute;
	z-index: 1;
	background-color: #edf1f2;
	color: #646464;
	width: 100%;
	display: none;
	padding: 12px;
	color: #000;
	font-family: RoadRadio;
	top: 40px;
	font-size: 13px;
	line-height: 18px;
	max-height: 270px;
	overflow-y: hidden;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .variants li {
	list-style-type: none;
	transition: .7s ease;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .variants li:not(:first-child) {
	margin-top: 10px;
}

.delivery-calc .wrap1 .wrap-form form .left .item-container .variants li:hover {
	cursor: pointer;
	color: #7fac7f;
}

.delivery-calc .wrap2 {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding-bottom: 60px;
}

.delivery-calc .wrap2 h2 {
	margin-top: 60px;
	margin-bottom: 28px;
}

.lk-page {
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
	background-color: #edf1f2;
}

.lk-page .item-container.date img {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0;
	pointer-events: none;
}

.lk-page .item-container input:focus {
	border-color: #646464!important;
}

.lk-page .h1-wrap {
	padding-bottom: 14px;
}

.lk-page .navigation {
	display: flex;
	flex-direction: column;
	font-family: RoadRadio;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	gap: 14px;
}

.lk-page .navigation img {
	height: 6px;
}

.lk-page .navigation .text {
	display: flex;
	justify-content: space-between;
}

.lk-page .navigation .text .lk-exit {
	display: flex;
	align-items: center;
	color: #7fac7f;
	gap: 10px;
}

.lk-page .navigation .text .lk-exit:hover {
	transition: .7s ease;
	color: #19a08d;
	cursor: pointer;
}

.lk-page .navigation .text .lk-exit:hover svg path {
	fill: #19a08d;
	transition: .7s ease;
}

.lk-page .navigation .text .navigation-wrap {
	overflow-x: scroll;
	overflow-y: hidden;
	display: flex;
}

.lk-page .navigation .text .navigation-wrap div {
	gap: 32px;
	display: flex;
}

.lk-page .navigation .text .navigation-wrap div a {
	color: #000;
	flex-shrink: 0;
	transition: .7s ease;
}

.lk-page .navigation .text .navigation-wrap div a:hover {
	color: #7fac7f;
}

.lk-page .navigation .text .navigation-wrap div a.active {
	color: #7fac7f;
}

.lk-page__container1 {
	background-color: #fff;
	margin-top: 28px;
	padding-top: 28px;
	width: 100%;
	justify-content: center;
	display: none;
	flex-direction: column;
}

.lk-page__container1 .checkbox-wrapper {
	margin-top: 0;
}

.lk-page__container1 .checkbox-label span {
	color: #646464;
}

.lk-page__container1 .checkbox+label::before {
	width: 28px;
	height: 28px;
	background-size: 80%;
}

.lk-page__container1 .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.lk-page__container1 h2 {
	margin-top: 8px;
	text-align: center;
}

.lk-page__container1 form {
	width: 100%;
}

.lk-page__container1 form .form-item .input {
	color: #000;
	border-color: #000;
}

.lk-page__container1 form .fiz-block {
	flex-direction: column;
}

.lk-page__container1 form .fiz-block .wrap {
	margin-top: 42px;
	display: grid;
	gap: 50px;
}

.lk-page__container1 form .fiz-block .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
}

.lk-page__container1 form .fiz-block .bottom .checkbox+label::before {
	border-color: #b3bac6;
}

.lk-page__container1 form .fiz-block .bottom .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.lk-page__container1 form .fiz-block .bottom .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.lk-page__container1 form .fiz-block p {
	margin-top: 28px;
}

.lk-page__container1 form .fiz-block p span {
	color: #7fac7f;
}

.lk-page__container1 form .yur-block {
	flex-direction: column;
	display: none;
	padding: 28px 60px 60px 60px;
}

.lk-page__container1 form .yur-block .wrap {
	width: 100%;
	margin-top: 42px;
	display: flex;
	gap: 48px;
}

.lk-page__container1 form .yur-block .wrap .container1,.lk-page__container1 form .yur-block .wrap .container2,.lk-page__container1 form .yur-block .wrap .container3 {
	display: flex;
	flex-direction: column;
	gap: 52px;
	flex: 0 0 29.7%;
}

.lk-page__container1 form .yur-block .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 28px;
}

.lk-page__container1 form .yur-block .bottom .checkbox+label::before {
	border-color: #b3bac6;
}

.lk-page__container1 form .yur-block .bottom .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.lk-page__container1 form .yur-block .bottom .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.lk-page__container1 form .yur-block .bottom .main-text span {
	color: #7fac7f;
}

.lk-page__container3 {
	background-color: #fff;
	margin-top: 28px;
	padding: 60px 60px 60px 60px;
	display: none;
}

.lk-page__container3 form {
	width: 100%;
	justify-content: center;
	display: flex;
	flex-direction: column;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	gap: 40px;
}

.lk-page__container3 form .form-item .input {
	color: #000;
	border-color: #000;
}

.lk-page__container3 form .items {
	display: flex;
	flex-direction: column;
	gap: 52px;
}

.lk-page__container3 form .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.lk-page__container3 form .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.lk-page__container2 {
	display: none;
	flex-direction: column;
	margin-top: 28px;
	gap: 28px;
}

.lk-page__container2 .order {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.lk-page__container2 .order .order-top {
	padding: 14px 20px;
}

.lk-page__container2 .order .order-top h3 {
	color: #222;
}

.lk-page__container2 .order .order-top .middle {
	display: flex;
	gap: 42px;
	align-items: center;
}

.lk-page__container2 .order .order-top .button {
	display: flex;
	gap: 10px;
	color: #7fac7f;
	font-family: RoadRadio;
	align-items: center;
}

.lk-page__container2 .order .order-top .button:hover {
	transition: .7s ease;
	color: #19a08d;
	cursor: pointer;
}

.lk-page__container2 .order .order-top .button:hover svg path {
	stroke: #19a08d;
	transition: .7s ease;
}

.lk-page__container2 .order .order-header {
	color: #646464;
	font-size: 14px;
	line-height: 24px;
	padding: 14px 55px 14px 20px;
}

.lk-page__container2 .order .order-header .wrap1 {
	display: flex;
	gap: 30px;
}

.lk-page__container2 .order .order-header .wrap2 {
	display: flex;
	gap: 38px;
}

.lk-page__container2 .order .order-footer {
	padding: 14px 55px 14px 20px;
	flex-direction: column;
	gap: 8px;
}

.lk-page__container2 .order .order-footer div {
	align-self: flex-end;
}

.lk-page__container2 .order .order-footer .total {
	font-weight: 700;
	font-size: 16px;
	line-height: 32px;
}

.lk-page__container2 .order .order-item {
	position: relative;
	font-size: 14px;
	line-height: 20px;
	position: relative;
	padding: 28px 20px;
}

.lk-page__container2 .order .order-item span {
	color: #646464;
}

.lk-page__container2 .order .order-item .name-number {
	display: flex;
	gap: 10px;
}

.lk-page__container2 .order .order-item .name-number .name {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lk-page__container2 .order .order-item .inputs {
	display: flex;
	gap: 38px;
	padding: 0 20px;
}

.lk-page__container2 .order .order-item .inputs .wrap {
	border-bottom: 1px solid #c8c8c8;
}

.lk-page__container2 .order .order-item .inputs .wrap .minus:hover,.lk-page__container2 .order .order-item .inputs .wrap .plus:hover {
	cursor: pointer;
}

.lk-page__container2 .order .order-item .inputs .wrap .count {
	padding: 12px 0;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 20px;
	align-self: stretch;
	height: 44px;
}

.lk-page__container2 .order .order-item .inputs .wrap input {
	border: 0;
	outline: 0;
	width: 50px;
	font-family: SF UI Text;
}

.lk-page__container2 .order .stroke {
	display: flex;
	justify-content: space-between;
}

.lk-page__container2 .order .stroke:not(:last-child) {
	border-bottom: 2px solid #edf1f2;
}

.lk-page .checkbox-wrapper input {
	position: absolute;
	opacity: 0;
}

.lk-page .checkbox-wrapper label {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 17px;
	user-select: none;
	color: #646464;
}

.lk-page .checkbox-wrapper label.active {
	color: #000;
}

.lk-page .checkbox-wrapper span {
	position: absolute;
	top: -5px;
	left: 0;
	height: 26px;
	width: 26px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #b3bac6;
}

.lk-page .checkbox-wrapper span:after {
	content: "";
	position: absolute;
	display: none;
}

.lk-page .checkbox-wrapper label input:checked~span:after {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #7fac7f;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

.lk-page input[type=date]::-webkit-calendar-picker-indicator {
	background-color: #000;
	opacity: 1;
}

.cart {
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
	background-color: #edf1f2;
}

.cart__empty {
	flex-shrink: 0;
	height: 256px;
}

.cart__wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 64px;
}

.cart__big-wrap {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 28px;
}

.cart__radios {
	display: flex;
	flex-direction: column;
	left: 0;
	position: absolute;
	top: 0;
	gap: 28px;
}

.cart__radios .first,.cart__radios .second {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.cart__radios .first .checkbox-wrapper,.cart__radios .second .checkbox-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 0;
}

.cart__container1,.cart__container2 {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.cart__container1 .no-aviable-text,.cart__container2 .no-aviable-text {
	display: flex;
	flex-direction: column;
	text-align: center;
	gap: 24px;
}

.cart__container1 .no-aviable-text h4,.cart__container2 .no-aviable-text h4 {
	font-size: 20px;
	line-height: 24px;
}

.cart__container1 .no-aviable-text p,.cart__container2 .no-aviable-text p {
	font-size: 16px;
	line-height: 24px;
}

.cart__container1 .order,.cart__container2 .order {
	background-color: #fff;
	display: flex;
	flex-direction: column;
}

.cart__container1 .order .order-header,.cart__container2 .order .order-header {
	color: #646464;
	font-size: 14px;
	line-height: 24px;
	padding: 14px 55px 14px 20px;
}

.cart__container1 .order .order-header .wrap1,.cart__container2 .order .order-header .wrap1 {
	display: flex;
	gap: 30px;
}

.cart__container1 .order .order-header .wrap2,.cart__container2 .order .order-header .wrap2 {
	display: flex;
	gap: 38px;
}

.cart__container1 .order .order-footer,.cart__container2 .order .order-footer {
	padding: 24px 42px;
	flex-direction: column;
	gap: 8px;
}

.cart__container1 .order .order-footer .itogo,.cart__container2 .order .order-footer .itogo {
	font-weight: 700;
	font-size: 16px;
	line-height: 32px;
}

.cart__container1 .order .order-footer div,.cart__container2 .order .order-footer div {
	align-self: flex-end;
}

.cart__container1 .order .order-item,.cart__container2 .order .order-item {
	font-size: 14px;
	line-height: 20px;
	position: relative;
	padding: 28px 20px;
}

.cart__container1 .order .order-item span,.cart__container2 .order .order-item span {
	color: #646464;
}

.cart__container1 .order .order-item .name-number,.cart__container2 .order .order-item .name-number {
	display: flex;
	gap: 10px;
}

.cart__container1 .order .order-item .name-number .name,.cart__container2 .order .order-item .name-number .name {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.cart__container1 .order .order-item .delete-order-item:hover,.cart__container2 .order .order-item .delete-order-item:hover {
	cursor: pointer;
}

.cart__container1 .order .order-item .inputs,.cart__container2 .order .order-item .inputs {
	display: flex;
	gap: 38px;
	padding: 0 20px;
}

.cart__container1 .order .order-item .inputs .wrap,.cart__container2 .order .order-item .inputs .wrap {
	border-bottom: 1px solid #c8c8c8;
}

.cart__container1 .order .order-item .inputs .wrap .minus:hover,.cart__container1 .order .order-item .inputs .wrap .plus:hover,.cart__container2 .order .order-item .inputs .wrap .minus:hover,.cart__container2 .order .order-item .inputs .wrap .plus:hover {
	cursor: pointer;
}

.cart__container1 .order .order-item .inputs .wrap .count,.cart__container2 .order .order-item .inputs .wrap .count {
	padding: 12px 0;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 20px;
	align-self: stretch;
	height: 44px;
}

.cart__container1 .order .order-item .inputs .wrap input,.cart__container2 .order .order-item .inputs .wrap input {
	border: 0;
	outline: 0;
	width: 43px;
	font-family: SF UI Text;
}

.cart__container1 .order .stroke,.cart__container2 .order .stroke {
	display: flex;
	justify-content: space-between;
}

.cart__container1 .order .stroke:not(:last-child),.cart__container2 .order .stroke:not(:last-child) {
	border-bottom: 2px solid #edf1f2;
}

.cart__container1 .order-form,.cart__container2 .order-form {
	width: 100%;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	gap: 28px;
	padding: 28px 20px;
}

.cart__container1 .order-form h4,.cart__container2 .order-form h4 {
	text-align: center;
}

.cart__container1 .order-form .form .top,.cart__container2 .order-form .form .top {
	display: grid;
	gap: 30px;
	grid-template-rows: repeat(6,40px);
}

.cart__container1 .order-form .form .top input,.cart__container2 .order-form .form .top input {
	border-color: #000;
	color: #000;
}

.cart__container1 .order-form .form .bottom,.cart__container2 .order-form .form .bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.cart__container1 .order-form .form .bottom a,.cart__container2 .order-form .form .bottom a {
	color: #7fac7f;
}

.cart__container1 .order-form .form .bottom a:hover,.cart__container2 .order-form .form .bottom a:hover {
	transition: .7s ease;
	color: #19a08d;
}

.cart__container1 .order-form .form .bottom .agree,.cart__container2 .order-form .form .bottom .agree {
	margin-top: 0;
}

.cart__container1 .order-form .form .bottom .checkbox+label::before,.cart__container2 .order-form .form .bottom .checkbox+label::before {
	border-color: #b3bac6;
}

.cart__container1 .order-form .form .bottom .checkbox-label span,.cart__container2 .order-form .form .bottom .checkbox-label span {
	color: #646464;
}

.cart__container1 .order-form .form .bottom .button,.cart__container2 .order-form .form .bottom .button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	min-width: 177px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	justify-content: center;
	text-align: center;
	border: 0;
}

.cart__container1 .order-form .form .bottom .button:hover,.cart__container2 .order-form .form .bottom .button:hover {
	background-color: #19a08d;
	cursor: pointer;
	color: #fff;
}

.cart .checkbox-wrapper input {
	position: absolute;
	opacity: 0;
}

.cart .checkbox-wrapper label {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	user-select: none;
	color: #646464;
}

.cart .checkbox-wrapper label.active {
	color: #000;
}

.cart .checkbox-wrapper span {
	position: absolute;
	top: -3px;
	left: 0;
	height: 26px;
	width: 26px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #b3bac6;
}

.cart .checkbox-wrapper span:after {
	content: "";
	position: absolute;
	display: none;
}

.cart .checkbox-wrapper label input:checked~span:after {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #7fac7f;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.catalog-page {
	background: #000;
	padding-bottom: 60px;
	padding-top: 60px;
}

.catalog-page h1 {
	color: #fff;
}

.catalog-item {
	position: relative;
}

.catalog-item::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 1024px;
	background-image: url(/local/templates/default/images/main/bg_catalog.png);
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
}

.catalog-item__container1 {
	color: #fff;
	background: #000;
	padding-bottom: 60px;
	padding-top: 60px;
}

.catalog-item__container1 h1 {
	color: #fff;
}

.catalog-item__container1 .top {
	display: flex;
	justify-content: space-between;
	position: relative;
}

.catalog-item__container1 .top .item {
	width: 216px;
	display: flex;
	gap: 8px;
}

.catalog-item__container1 .top .item:not(:last-child) {
	margin-right: 12px;
}

.catalog-item__container1 .top .item img {
	width: 24px;
	height: 24px;
}

.catalog-item__container1 .top .button {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #7fac7f;
	font-family: RoadRadio;
	font-size: 14px;
	line-height: 24px;
}

.catalog-item__container1 .wrap {
	position: relative;
	display: flex;
	margin-top: 28px;
}

.catalog-item__container1 .wrap .left {
	display: flex;
	flex-direction: column;
	background-color: #18181b;
	flex-shrink: 0;
	width: 198px;
	height: max-content;
}

.catalog-item__container1 .wrap .left .big-item {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #646464;
	color: #7fac7f;
}

.catalog-item__container1 .wrap .left .big-item .item {
	padding: 20px 16px;
	justify-content: space-between;
	align-items: center;
	display: flex;
}

.catalog-item__container1 .wrap .left .big-item .item:hover {
	cursor: pointer;
	transition: .7s ease;
	color: #fff;
}

.catalog-item__container1 .wrap .left .big-item .item:hover .name svg path {
	fill: #fff;
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item:hover .arrow {
	transform: rotate(90deg);
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item:hover .arrow path {
	fill: #fff;
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item.active {
	transition: .7s ease;
	color: #fff;
}

.catalog-item__container1 .wrap .left .big-item .item.active .name svg path {
	fill: #fff;
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item.active .arrow {
	transform: rotate(90deg);
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item.active .arrow path {
	fill: #fff;
	transition: .7s ease;
}

.catalog-item__container1 .wrap .left .big-item .item .name {
	display: flex;
	align-items: center;
}

.catalog-item__container1 .wrap .left .big-item ul {
	display: none;
	padding-left: 16px;
	padding-right: 16px;
	font-size: 14px;
	line-height: 20px;
	font-family: RoadRadio;
	margin-bottom: 28px;
}

.catalog-item__container1 .wrap .left .big-item ul li {
	list-style-type: none;
}

.catalog-item__container1 .wrap .left .big-item ul li.section-link-item-wrap{
	display: flex;
    gap: 10px;
}

.catalog-item__container1 .wrap .left .big-item ul li:not(:first-child) {
	margin-top: 14px;
}

.catalog-item__container1 .wrap .left .big-item ul li a {
	color: #7fac7f;
}

.catalog-item__container1 .wrap .left .big-item ul li.active a {
	color: #fff;
}

.catalog-item__container1 .wrap .right {
	display: flex;
	flex-direction: column;
	max-width: 100%;
}

.catalog-item__container1 .wrap .right .right-wrap {
	display: flex;
	flex-direction: column;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 {
	background: #26272b;
	display: flex;
	height: 196px;
	width: 100%;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .photo {
	display: flex;
	justify-content: center;
	overflow: hidden;
	width: 100%;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text {
	width: 300px;
	padding: 32px 28px;
	flex-shrink: 0;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text p {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text .button {
	font-family: RoadRadio;
	width: max-content;
	transition: .7s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7fac7f;
	background-color: transparent;
	border: 1px solid #7fac7f;
	align-self: center;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin-top: 28px;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text .button:hover {
	border-color: #19a08d;
	color: #19a08d;
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text form {
	margin-top: 54px;
}

.catalog-item__container1 .wrap .right .right-wrap .container1 .text form .search-button {
	position: absolute;
	right: 0;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 {
	padding: 16px 12px;
	color: #fff;
	background: #18181b;
	display: flex;
	flex-direction: column;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap {
	display: flex;
	flex-direction: column;
	position: relative;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .simplebar-content {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 0;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .simplebar-content:before {
	display: none;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants {
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #646464;
	padding: 16px;
	width: 168px;
	max-height: 308px;
	top: 43px;
	position: absolute;
	z-index: 1;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom {
	flex-direction: column;
	margin-top: 10px;
	display: none;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom.active {
	display: flex;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom span {
	font-size: 14px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom .button {
	font-family: RoadRadio;
	width: 100%;
	transition: .7s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7fac7f;
	background-color: transparent;
	border: 1px solid #7fac7f;
	align-self: center;
	padding: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin-top: 10px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom .button:hover {
	border-color: #19a08d;
	color: #19a08d;
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
	display: flex;
	align-items: center;
	background: #26272b;
	padding: 8px;
	font-size: 14px;
	line-height: 24px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button:hover {
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button.active {
	border-bottom: 1px solid #7fac7f;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button.active svg {
	transition: .7s ease;
	transform: rotate(180deg);
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results {
	border-top: 1px solid #646464;
	padding-top: 12px;
	margin-top: 12px;
	display: flex;
	justify-content: space-between;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .items {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .items .item {
	border: 1px solid #7fac7f;
	display: flex;
	gap: 8px;
	padding: 8px;
	align-items: center;
	font-size: 13px;
	line-height: 16px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .button {
	font-family: RoadRadio;
	width: max-content;
	flex-shrink: 0;
	transition: .7s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #7fac7f;
	background-color: transparent;
	border: 1px solid #7fac7f;
	align-self: center;
	padding: 8px 12px;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
}

.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .button:hover {
	border-color: #19a08d;
	color: #19a08d;
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 {
	display: flex;
	flex-direction: column;
	overflow-x: auto;
	overflow-y: hidden;
}

.catalog-item__container1 .wrap .right .right-wrap .container3>div>.button {
	width: max-content;
	height: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	flex-shrink: 0;
	font-size: 16px;
	padding: 15px 30px;
	align-items: center;
	align-self: center;
	display: flex;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

.catalog-item__container1 .wrap .right .right-wrap .container3>div>.button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 thead {
	display: none;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table {
	background: #26272b;
	width: 100%;
	border-collapse: collapse;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	color: #fff;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .first-row {
	color: #c8c8c8;
	font-size: 12px;
	line-height: 16px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td {
	padding: 9px 9px;
	min-height: 62px;
	min-width: 69px;
	font-size: 12px;
	line-height: 16px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td a {
	color: #7fac7f;
	align-self: center;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td a:hover {
	color: #fff;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td span {
	font-size: 12px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td div {
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table td img:hover {
	cursor: pointer;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .category {
	position: relative;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .category:before {
	display: none;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .category .spec__label {
	position: absolute;
	left: -25px;
	top: -5px;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button {
	padding: 0!important;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button a {
	background-color: #7fac7f;
	color: #fff;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: RoadRadio;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button a:hover {
	background-color: #19a08d;
	transition: .7s ease;
}

.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button:before {
	display: none;
}

.catalog-item__container1 .wrap .right .text-blocks {
	display: flex;
	flex-direction: column;
	margin-top: 60px;
	font-size: 14px;
	line-height: 20px;
}

.catalog-item__container1 .wrap .right .text-blocks h2 {
	font-size: 20px;
	line-height: 24px;
}

.catalog-item__container1 .wrap .right .text-blocks h2,.catalog-item__container1 .wrap .right .text-blocks h3,.catalog-item__container1 .wrap .right .text-blocks h4 {
	text-align: center;
	margin-top: 28px;
}

.catalog-item__container1 .wrap .right .text-blocks p,.catalog-item__container1 .wrap .right .text-blocks ul {
	margin-top: 20px;
}

.catalog-item__container1 .wrap .right .text-blocks ul {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.catalog-item__container1 .wrap .right .text-blocks ul li {
	padding-left: 14px;
	list-style-type: none;
	position: relative;
}

.catalog-item__container1 .wrap .right .text-blocks ul li:before {
	content: ' ';
	position: absolute;
	left: -1px;
	top: 7px;
	background-color: #7fac7f;
	width: 8px;
	height: 8px;
	border-radius: 100%;
}

.catalog-item__container1 .wrap .right .text-blocks ul li p {
	margin-top: 0;
}

.catalog-item__container1 .wrap .right .text-blocks .button {
	font-family: RoadRadio;
	width: max-content;
	transition: .7s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #7fac7f;
	align-self: center;
	padding: 15px 30px;
	border: 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	margin-top: 28px;
}

.catalog-item__container1 .wrap .right .text-blocks .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.catalog-item__container2 {
	background: #edf1f2;
	padding-bottom: 30px;
	padding-top: 60px;
	position: relative;
}

.catalog-item__container2 .suppliers-catalog-items {
	color: #000;
	margin-top: 28px;
}

.catalog-item__container2 .suppliers-catalog-items:hover {
	cursor: grab;
}

.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper {
	height: auto;
	display: flex;
	padding-right: 0;
}

.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item {
	display: flex;
	flex-direction: column;
	width: 260px;
}

.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item .top {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	height: 180px;
	box-sizing: border-box;
	background-color: #fff;
}

.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item .top img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item .bottom {
	height: 76px;
	background: linear-gradient(75deg,#1c9f8d -95.48%,#000 98.89%);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 12px;
}

.catalog-item__popup {
	overflow: visible!important;
	max-width: 1344px!important;
	border-radius: 0!important;
	z-index: 10!important;
	position: relative;
	display: none;
	background-color: #000!important;
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8)!important;
	padding: 60px 80px 40px 80px!important;
	color: #fff!important;
}

.catalog-item__popup .form {
	padding: 0!important;
	background-color: #000!important;
}

.catalog-item__popup .form .delivery__select-text {
	color: #fff;
}

.catalog-item__popup .form .item-container,.catalog-item__popup .form .metal-select-wrap {
	border-color: #646464!important;
}

.catalog-item__popup .form input {
	color: #fff!important;
}

.catalog-item__popup h2 {
	text-align: center;
	margin: 0!important;
}

.catalog-item__popup.modal {
	display: inline-flex;
}

.catalog-item__popup .close-modal {
	display: none!important;
}

.catalog-item__popup .close {
	position: absolute;
	top: 28px;
	right: 30px;
}

.catalog-item__popup .close img {
	width: 24px;
	height: 24px;
}

.catalog-item__popup .top {
	display: flex;
	gap: 24px;
	align-items: center;
	margin-top: 28px;
	font-size: 16px;
	line-height: 24px;
}

.catalog-item__popup .top svg {
	flex-shrink: 0;
}

.catalog-item__popup .top .items {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.catalog-item__popup .top .items .left,.catalog-item__popup .top .items .right {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 40px;
}

.catalog-item__popup .top .items .left .variants-container:hover,.catalog-item__popup .top .items .right .variants-container:hover {
	cursor: pointer!important;
}

.catalog-item__popup .top .items .left .item-container .form-item svg,.catalog-item__popup .top .items .right .item-container .form-item svg {
	position: absolute;
	right: 0;
	transition: .7s ease;
}

.catalog-item__popup .top .items .left .item-container .form-item svg.active,.catalog-item__popup .top .items .right .item-container .form-item svg.active {
	transform: rotate(180deg);
}

.catalog-item__popup .top .items .left .item-container .form-item input,.catalog-item__popup .top .items .right .item-container .form-item input {
	border-color: rgba(255,255,255,.6);
	color: #fff;
}

.catalog-item__popup .top .items .left .item-container .variants,.catalog-item__popup .top .items .right .item-container .variants {
	position: absolute;
	z-index: 1;
	background-color: #edf1f2;
	color: #646464;
	width: 100%;
	display: none;
	padding: 12px;
	font-family: RoadRadio;
	top: 40px;
	font-size: 13px;
	line-height: 18px;
	max-height: 270px;
	overflow-y: scroll;
}

.catalog-item__popup .top .items .left .item-container .variants li,.catalog-item__popup .top .items .right .item-container .variants li {
	list-style-type: none;
	transition: .7s ease;
}

.catalog-item__popup .top .items .left .item-container .variants li:not(:first-child),.catalog-item__popup .top .items .right .item-container .variants li:not(:first-child) {
	margin-top: 10px;
}

.catalog-item__popup .top .items .left .item-container .variants li:hover,.catalog-item__popup .top .items .right .item-container .variants li:hover {
	cursor: pointer;
	color: #7fac7f;
}

.catalog-item__popup .top .items .right .big-item {
	display: flex;
}

.catalog-item__popup .top .result {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.catalog-item__popup .top .result p {
	font-size: 14px;
	line-height: 20px;
}

.filter .button-wrap .variants input {
	position: absolute;
	opacity: 0;
}

.filter .button-wrap .variants label {
	display: block;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
	user-select: none;
}

.filter .button-wrap .variants label .count {
	color: #c8c8c8;
	font-size: 12px;
	line-height: 16px;
}

.filter .button-wrap .variants label.active {
	color: #fff;
}

.filter .button-wrap .variants .check {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,.6);
}

.filter .button-wrap .variants .check:after {
	content: "";
	position: absolute;
	display: none;
}

.filter .button-wrap .variants label input:checked~.check:after {
	display: block;
	width: 10px;
	height: 10px;
	background-color: #7fac7f;
	top: 4px;
	left: 4px;
}

.variants .simplebar-track.simplebar-horizontal {
	display: none;
}

.variants .simplebar-track.simplebar-vertical {
	top: 20px;
	right: 9px;
	width: 1px;
	height: calc(100% - 40px);
	background: #fff;
	overflow: visible;
}

.variants .simplebar-track.simplebar-vertical .simplebar-scrollbar {
	background-color: #7fac7f;
	width: 5px;
	margin-left: -2px;
}

.variants .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	background-color: #7fac7f;
}

.variants .simplebar-track.simplebar-vertical .simplebar-scrollbar:before:hover {
	cursor: pointer;
}

.variants .simplebar-track.simplebar-vertical .simplebar-scrollbar:hover {
	cursor: pointer;
}

.catalog-item__popup .modern-radio {
	position: absolute;
	opacity: 0;
}

.catalog-item__popup .radio-label {
	display: block;
	position: relative;
	padding-left: 40px;
	cursor: pointer;
	font-size: 17px;
	user-select: none;
}

.catalog-item__popup .radio-label.active {
	color: #646464;
}

.catalog-item__popup .radio-span {
	position: absolute;
	top: 6px;
	left: 0;
	height: 26px;
	width: 26px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #b3bac6;
}

.catalog-item__popup .radio-span:after {
	content: "";
	position: absolute;
	display: none;
}

.catalog-item__popup .radio-label .modern-radio:checked~span:after {
	display: block;
	width: 12px;
	height: 12px;
	background-color: #7fac7f;
	top: 6px;
	left: 6px;
	border-radius: 50%;
}

.ded-moroz {
	opacity: 0;
	transition: .7s ease;
	z-index: 2;
}

.ded-moroz.visible {
	opacity: 1;
}

.ded-moroz * {
	transform: translateY(0);
}

.ded-moroz:hover {
	cursor: pointer;
}

.metall {
	position: relative;
}

.metall .ded-moroz {
	position: absolute;
	bottom: 144px;
	left: -4px;
	transform: translateX(-200px);
}

.metall .ded-moroz.visible {
	transform: translateX(0);
}

.metall .ded-moroz .ded {
	width: auto;
	position: absolute;
	transition: .7s ease ease;
	z-index: 2;
}

.metall .ded-moroz .text {
	position: absolute;
	z-index: 1;
	left: 100px;
	top: 3px;
}

.mainpage {
	position: relative;
}

.mainpage .ded-moroz {
	position: absolute;
	transform: translateX(-200px);
	bottom: 67px;
	right: 117px;
}

.mainpage .ded-moroz.visible {
	transform: translateX(0);
}

.mainpage .ded-moroz .ded {
	width: auto;
	position: absolute;
	transition: .7s ease ease;
	z-index: 2;
}

.mainpage .ded-moroz .ded.visible {
	opacity: 1;
}

.mainpage .ded-moroz .text {
	position: absolute;
	z-index: 1;
	left: -168px;
	transition: .7s ease ease;
	transition-delay: .6s;
	top: -17px;
}

.mainpage .ded-moroz .text.visible {
	opacity: 1;
}

.partners {
	position: relative;
}

.partners .ded-moroz {
	position: absolute;
	transform: translateX(200px);
	bottom: 67px;
	right: 117px;
}

.partners .ded-moroz.visible {
	transform: translateX(0);
}

.partners .ded-moroz .ded {
	width: auto;
	position: absolute;
	transition: .7s ease ease;
	z-index: 2;
}

.partners .ded-moroz .ded.visible {
	opacity: 1;
}

.partners .ded-moroz .text {
	position: absolute;
	z-index: 1;
	left: -168px;
	transition: .7s ease ease;
	transition-delay: .6s;
	top: -17px;
}

.partners .ded-moroz .text.visible {
	opacity: 1;
}

.catalog {
	position: relative;
}

.catalog .ded-moroz {
	transform: translateY(200px);
	position: absolute;
	right: 107px;
	top: -6px;
}

.catalog .ded-moroz.visible {
	transform: translateY(0);
}

.catalog .ded-moroz .ded {
	width: auto;
	position: absolute;
	z-index: 3;
}

.catalog .ded-moroz .text {
	position: absolute;
	z-index: 2;
	left: -167px;
}

.about .ded-moroz,.contacts .ded-moroz {
	position: absolute;
	transform: translateX(-200px);
	top: -22px;
	left: 57%;
}

.about .ded-moroz.visible,.contacts .ded-moroz.visible {
	transform: translateX(0);
}

.about .ded-moroz .ded,.contacts .ded-moroz .ded {
	width: auto;
	position: absolute;
	z-index: 2;
}

.about .ded-moroz .text,.contacts .ded-moroz .text {
	position: absolute;
	z-index: 1;
	left: 82px;
	top: -12px;
}

.about .ded-moroz .text-small,.contacts .ded-moroz .text-small {
	left: -164px;
	top: -35px;
}

.new-year-popup {
	background-image: url(/local/templates/default/images/main/bg_feedback.jpg);
	box-shadow: 0 8px 50px 0 rgba(28,159,141,.8);
	background-size: cover;
	background-repeat: no-repeat;
	align-items: center;
	width: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	padding-top: 18px;
	padding-bottom: 56px;
	position: fixed;
	z-index: 100;
	bottom: -1000px;
	opacity: 0;
	visibility: hidden;
	overflow-y: visible;
	overflow-x: hidden;
	transition: .7s ease;
}

.new-year-popup.visible {
	opacity: 1;
	visibility: visible;
	bottom: 0;
}

.new-year-popup .h1,.new-year-popup h1 {
	text-align: center;
}

.new-year-popup .snow {
	position: absolute;
	width: auto;
}

.new-year-popup .snow1 {
	right: 42px;
	bottom: 10px;
}

.new-year-popup .snow2 {
	right: 226px;
	top: 366px;
	width: 24px;
}

.new-year-popup .snow3 {
	top: 122px;
	left: 63px;
}

.new-year-popup .snow4 {
	top: -79px;
	left: -61px;
}

.new-year-popup .snow5 {
	left: 243px;
	top: 462px;
	width: 24px;
}

.new-year-popup .snow6 {
	bottom: 70px;
	right: 390px;
}

.new-year-popup .close {
	width: 24px;
	height: 24px;
	margin-left: 100%;
}

.new-year-popup .close:hover {
	cursor: pointer;
}

.new-year-popup .text {
	margin-top: 12px;
	color: #c8c8c8;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

.new-year-popup .top {
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	gap: 35px;
}

.new-year-popup form {
	width: 100%;
	margin-top: 20px;
}

.new-year-popup .item-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}

.new-year-popup .item-container.error .input {
	border-bottom: 1px solid #fa6161;
}

.new-year-popup .form-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.new-year-popup .form-item .input {
	font-family: RoadRadio;
	padding-bottom: 15px;
	-webkit-appearance: none;
	outline: 0;
	border-width: 0;
	border-radius: 0;
	width: 100%;
	height: 100%;
	background: 0 0;
	border-bottom: 1px solid rgba(255,255,255,.6);
	color: #fff;
}

.new-year-popup .bottom {
	margin-top: 28px;
	display: flex;
	gap: 28px;
	flex-direction: column;
}

.new-year-popup .bottom .right {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.new-year-popup .bottom .right a {
	color: #7fac7f;
	transition: .7s ease;
}

.new-year-popup .bottom .right a:hover {
	color: #19a08d;
}

.new-year-popup .bottom .right .button {
	width: max-content;
	transition: .7s ease;
	background-color: #7fac7f;
	font-family: RoadRadio;
	font-size: 16px;
	padding: 15px 30px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .16px;
	color: #fff;
	border: 0;
}

.new-year-popup .bottom .right .button:hover {
	background-color: #19a08d;
	cursor: pointer;
}

.banner-wrap {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	overflow: hidden;
	z-index: 5000;
	pointer-events: none;
}

.banner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(calc(-50% + 100px),-50%);
	padding: 115px 120px;
	max-width: 100%;
	max-height: 100%;
	background-color: #000;
	background-image: url(/local/templates/default/images/main/banner_background.jpg);
	background-size: cover;
	text-rendering: optimizespeed;
	font-family: "SF UI Text";
	box-shadow: 0 0 50px rgba(28,159,141,.8);
	opacity: 0;
	overflow-y: auto;
	transition: opacity .7s ease,transform .7s ease;
	pointer-events: all;
}

.banner-close-button {
	position: absolute;
	padding: 10px;
	top: 40px;
	right: 40px;
	cursor: pointer;
}

.banner-title {
	color: #fff;
	font-size: 68px;
	line-height: 68px;
	text-align: center;
	margin-bottom: 32px;
	text-transform: uppercase;
}

.banner-text {
	color: #c8c8c8;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	margin-bottom: 60px;
}

.banner-list {
	max-width: 100%;
	width: 1160px;
	list-style-type: none;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 60px;
}

.banner-item {
	position: relative;
	padding-left: 40px;
	border-left: 1px solid #b3bac6;
}

.banner-item-title {
	color: #7fac7f;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 12px;
}

.banner-item-link {
	text-rendering: optimizespeed;
	font-family: RoadRadio;
	color: #fff;
	font-size: 30px;
	line-height: 44px;
}

.banner-show-button {
	position: fixed;
	top: calc(50% - 160px);
	right: 0;
	width: 300px;
	padding: 12px 20px 20px;
	background: #7fac7f;
	color: #fff;
	font-family: RoadRadio;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	text-align: center;
	transform-origin: top right;
	transform: rotate(-90deg) translateY(-45px);
	z-index: 5000;
	transition: transform .7s ease,opacity .7s ease;
	cursor: pointer;
	pointer-events: all;
}

.banner-wrap.show .banner {
	opacity: 1;
	transform: translate(-50%,-50%);
}

.banner-show-button.hidden {
	transform: rotate(-90deg) translateY(-75px);
	opacity: 0;
}

@media all and (min-width:768px) {
	:root {
		--animMainSlide: -76.8px;
	}

	main {
		border-top: 80px solid transparent;
	}

	section {
		padding-top: 80px;
	}

	.h1,h1 {
		font-size: 44px;
		line-height: 48px;
	}

	.h2,h2 {
		font-size: 32px;
		line-height: 38px;
	}

	.h3,h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.h4,h4 {
		font-size: 16px;
		line-height: 24px;
	}

	.content.dark {
		margin-top: -84px;
	}

	.searchresults,.sitemap {
		padding-bottom: 80px;
	}

	.h1-wrap {
		padding-bottom: 32px;
	}

	.h1-wrap .top .button span {
		display: block;
	}

	.h1-wrap .top .button .arrow-link {
		left: -20px;
		top: -1px;
		opacity: 0;
	}

	.h1-wrap .top .button .circle {
		display: block;
		animation: fade infinite cubic-bezier(1,0,0,1) 1.3s;
	}

	.h1-wrap .top .button:hover .arrow-link {
		left: -41px;
		opacity: 1;
	}

	.h1-wrap .top .button:hover .circle {
		opacity: 0;
		left: -30px;
		animation: none;
	}

	.main-text {
		font-size: 16px;
		line-height: 24px;
	}

	.big-text {
		font-size: 16px;
		line-height: 24px;
	}

	.container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.paddings {
		padding-bottom: 60px;
	}

	:root {
		--animMainSlide: -76.8px;
	}

	.footer__top {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.footer__top {
		grid-template-rows: repeat(3,1fr);
		grid-template-columns: repeat(4,max-content);
	}

	.footer__top .h4-useful {
		grid-column: 2/3;
		grid-row: 1/2;
	}

	.footer__top .h4-career {
		grid-column: 2/3;
		grid-row: 2/3;
	}

	.footer__top .h4-metall {
		grid-column: 3/4;
		grid-row: 1/2;
	}

	.footer__top .h4-news {
		grid-column: 3/4;
		grid-row: 2/3;
	}

	.footer__top .h4-gallery {
		grid-column: 4/5;
		grid-row: 1/2;
	}

	.footer__top .h4-contacts {
		grid-column: 4/5;
		grid-row: 2/3;
	}

	.footer__top .h4-sitemap {
		grid-column: 4/5;
		grid-row: 3/4;
	}

	.footer__bottom {
		flex-direction: row;
		gap: 0;
		justify-content: space-between;
		font-size: 14px;
	}

	.footer__bottom {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.about {
		padding-bottom: 80px;
	}

	.about p {
		font-size: 16px;
		line-height: 24px;
	}

	.about__items {
		margin-top: 60px;
		gap: 32px;
	}

	.about__items .item {
		min-width: 240px;
	}

	.about__items .item span {
		font-size: 80px;
		line-height: 80px;
	}

	.metall {
		padding-bottom: 80px;
	}

	.metall .swiper-wrapper .item {
		width: 288px;
	}

	.metall .swiper-wrapper .item .top {
		padding: 24px 20px;
		height: 213px;
	}

	.metall .swiper-wrapper .item .top.hover {
		padding: 50px 20px;
	}

	.metall .swiper-wrapper .item .top img {
		width: 36px;
	}

	.metall .swiper-wrapper .item .bottom {
		min-height: 232px;
		padding: 32px 20px;
	}

	.delivery {
		padding-bottom: 60px;
	}

	.delivery p {
		font-size: 16px;
	}

	.delivery__items .swiper-wrapper {
		margin-top: 60px;
	}

	.delivery__items .swiper-wrapper .item {
		width: 288px;
	}

	.catalog {
		padding-bottom: 80px;
	}

	.catalog__sections {
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
	}

	.catalog__sections .big-item .section-name:hover {
		cursor: pointer;
	}

	.catalog__sections .big-item .section-name:hover svg path {
		transition: .7s ease;
		fill: #fff;
	}

	.catalog__sections .big-item .section-name:hover .h4,.catalog__sections .big-item .section-name:hover h4 {
		color: #fff;
	}

	.catalog__sections .big-item .section-name:hover .arrow {
		transition: .7s ease;
		transform: rotate(90deg);
	}

	.catalog__sections .big-item .section-name:hover .arrow path {
		fill: #fff;
	}

	.catalog__sections .big-item ul {
		display: none!important;
	}

	.catalog__sections .big-item .section-name>svg {
		display: none;
	}

	.catalog__sections .item {
		flex-direction: column;
		gap: 16px;
	}

	.catalog .catalogSlider {
		margin-top: 28px;
	}

	.catalog .catalogSlider .swiper-wrapper {
		height: 448px;
	}

	.catalog__wrap {
		display: flex;
	}

	.partners {
		padding-bottom: 80px;
	}

	.partners__items {
		box-sizing: content-box;
		width: 350px;
	}

	.partners__items .big-item ul {
		gap: 12px;
		font-size: 16px;
		line-height: 24px;
		position: absolute;
		top: 20px;
		left: 440px;
	}

	.header {
		padding-top: 23px;
		padding-bottom: 23px;
		min-height: 80px;
	}

	.header__logo {
		width: 216px;
	}

	.header__logo .mobile {
		display: none;
	}

	.header__icons .lk .entrance-ok-popup.visible {
		top: 54px;
	}

	.menu {
		padding-bottom: 365px;
	}

	.menu .top {
		justify-content: flex-end;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.menu .top .mobile {
		display: none;
	}

	.menu__items {
		box-sizing: content-box;
		width: 400px;
	}

	.menu__items .title {
		font-size: 28px;
		line-height: 32px;
	}

	.menu__items .big-item ul {
		font-size: 20px;
		line-height: 24px;
		position: absolute;
		top: 20px;
		left: 476px;
		max-width: 250px;
	}

	.menu__items .item svg {
		width: 24px;
		height: 22px;
	}

	.menu .button {
		display: none;
	}

	.search {
		padding-bottom: 60px;
	}

	.search .top {
		justify-content: flex-end;
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.search .top .mobile {
		display: none;
	}

	.form-item .input {
		padding-bottom: 20px;
	}

	.time-mobile-popup .top {
		justify-content: flex-end;
		padding-top: 28px;
		padding-bottom: 28px;
		gap: 40%;
	}

	.time-mobile-popup .top .mobile {
		display: none;
	}

	.time-mobile-popup .cities-popup div {
		padding-top: 28px;
		padding-bottom: 28px;
	}

	.breadcrumbs {
		padding-bottom: 48px;
		padding-top: 96px;
	}

	.connection-popup {
		padding-top: 28px;
		padding-bottom: 164px;
	}

	.connection-popup .h1,.connection-popup h1 {
		margin-top: 72px;
	}

	.connection-popup .text {
		font-size: 16px;
		line-height: 24px;
	}

	.connection-popup .top {
		gap: 50px;
	}

	.connection-popup form {
		margin-top: 48px;
	}

	.connection-popup .form-item .input {
		padding-bottom: 20px;
	}

	.connection-popup .middle {
		margin-top: 50px;
	}

	.connection-popup .bottom {
		margin-top: 40px;
		gap: 40px;
	}

	.connection-popup .bottom .right {
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}

	.connection-popup .bottom .right .button {
		padding: 20px 40px;
	}

	.contacts {
		height: 761px;
	}

	.contacts:not(.contacts-page) .container {
		padding-top: 80px;
	}

	.contacts:before {
		top: -602px;
		height: 1319px;
	}

	.contacts .container .cities .cities-popup {
		padding-left: 88px;
		padding-right: 88px;
	}

	.contacts .container .wrap .containers {
		flex-direction: row;
		gap: 0;
		margin-top: 16px;
		font-size: 16px;
		line-height: 24px;
	}

	.contacts .container .wrap .button {
		margin-top: 32px;
	}

	.contacts .ymaps-2-1-79-controls__control,.delivery-calc .ymaps-2-1-79-controls__control {
		top: 420px!important;
		right: 23px!important;
	}

	.mainpage .slide {
		padding-top: 96px;
	}

	.mainpage .slide .top {
		gap: 52px;
	}

	.mainpage .slide .top .button {
		padding: 20px 40px;
	}

	.mainpage .slide .bottom span {
		font-size: 44px;
		line-height: 48px;
	}

	.mainpage .slide .bottom .text p {
		font-size: 18px;
		line-height: 28px;
	}

	.slide2 .img1 {
		width: 184.455px;
		right: 48px;
	}

	.slide2 .img1.visible {
		bottom: -102px;
	}

	.slide2 .img2 {
		width: 103.832px;
		right: 291px;
	}

	.slide2 .img2.visible {
		bottom: -19px;
	}

	.slide2 .img3 {
		width: 372.575px;
	}

	.slide2 .img3.visible {
		bottom: -390px;
	}

	.slide3 .img1,.slide4 .img1 {
		width: 495px;
	}

	.slide3 .img2,.slide4 .img2 {
		width: 495px;
	}

	.mainSlider .slide {
		height: 696px;
	}

	.mainSlider .slide .h1,.mainSlider .slide h1 {
		width: 608px;
	}

	.mainSlider .slide:not(.slide-active) {
		width: calc((100% - 80%)/ 2)!important;
		border-left: 4px solid #5d7d76;
	}

	.mainSlider .slide-active {
		width: 80%;
		padding-left: 120px;
	}

	.entrance,.restore {
		width: 540px!important;
	}

	.entrance form .middle,.restore form .middle {
		gap: 20px;
	}

	.order-popup {
		width: 540px!important;
	}

	.fancybox-button {
		right: 25px!important;
	}

	.searchresults form {
		height: 124px;
		padding: 32px 48px;
		margin-top: 28px;
	}

	.searchresults__items {
		margin-top: 32px;
		gap: 32px;
	}

	.notfound {
		padding-top: 54px;
		padding-bottom: 80px;
		margin-top: 80px;
	}

	.notfound>img {
		width: 358px;
	}

	.notfound form {
		margin-top: 52px;
	}

	.notfound p {
		margin-top: 32px;
	}

	.contacts-page:before {
		top: -490px;
		height: 1232px;
	}

	.news__filter-list {
		gap: 70px;
		max-width: 510px;
	}

	.career .h1-wrap {
		padding-bottom: 16px;
	}

	.career__container1 {
		padding-bottom: 80px;
	}

	.career__container1 .navigation {
		gap: 16px;
	}

	.career__container1 .navigation .text .navigation-wrap {
		gap: 70px;
	}

	.career__container1 .h2,.career__container1 h2 {
		margin-top: 32px;
	}

	.career__container1 .items .swiper-wrapper {
		margin-top: 32px;
	}

	.career__container1 .items .swiper-wrapper .item {
		width: 258px;
	}

	.career__container4 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.career__container4 .improvement-top {
		margin-top: 32px;
	}

	.career__container4 .improvement-items {
		margin-top: 32px;
	}

	.career__container2 {
		padding-top: 80px;
	}

	.career__container2 .vacancy-items {
		margin-top: 32px;
	}

	.career__container2 .otzivy-h2 {
		margin-top: 80px;
	}

	.career__container2 .otzivy-items {
		margin-top: 32px;
		padding-bottom: 80px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item {
		padding: 20px 32px;
		width: 224px;
	}

	.career__container3 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.career__container3 .company-items {
		margin-top: 32px;
	}

	.career__container3 .company-items .item {
		width: 288px;
	}

	.otzivy-popup {
		width: 540px!important;
		padding: 20px 32px!important;
	}

	.about-page .h1-wrap {
		padding-bottom: 16px;
	}

	.about-page__container1 {
		padding-bottom: 80px;
	}

	.about-page__container1 .navigation {
		gap: 16px;
	}

	.about-page__container1 .navigation .text .navigation-wrap {
		gap: 70px;
	}

	.about-page__container1 .h2,.about-page__container1 h2 {
		margin-top: 32px;
	}

	.about-page__container1 .big-wrap .wrap1 {
		margin-top: 32px;
	}

	.about-page__container1 .big-wrap .wrap1 .item {
		gap: 16px;
		min-width: 290px;
		font-size: 16px;
		line-height: 24px;
		padding-left: 20px;
	}

	.about-page__container1 .big-wrap .wrap1 .item span {
		font-size: 80px;
		line-height: 64px;
		width: 50px;
	}

	.about-page__container1 .big-wrap .wrap2 {
		font-size: 16px;
		line-height: 24px;
	}

	.about-page__container1 .big-wrap .wrap3 .item {
		padding-left: 32px;
		flex: 0 0 50%;
	}

	.about-page__container1 .big-wrap .wrap3 .item img {
		margin-bottom: 32px;
	}

	.about-page__container1 .big-wrap .wrap3 .item p {
		margin-top: 24px;
	}

	.about-page__container1 .big-wrap .wrap3 .item .ul {
		margin-top: 24px;
	}

	.about-page__container2 {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item {
		width: 288px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top {
		padding: 24px 20px;
		height: 213px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top.hover {
		padding: 50px 20px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top img {
		width: 36px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .bottom {
		padding: 32px 20px;
		min-height: 185px;
	}

	.about-page__container3 {
		background-position-x: center;
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.about-page__container3 .border {
		top: 225px;
		left: 40px;
	}

	.about-page__container4 {
		padding-bottom: 40px;
		padding-top: 80px;
	}

	.about-page__container4 .awards-items {
		margin-top: 32px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item {
		width: 288px;
		height: 377px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item .top {
		height: 276px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item .bottom {
		height: 72px;
	}

	.about-page__container5 {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.about-page__container5 .social-items {
		margin-top: 32px;
		flex-direction: row;
	}

	.about-page__container5 .social-items .item {
		width: 47.6%;
	}

	.about-page__container5 .social-items .item .top {
		height: 188px;
	}

	.about-page__container5 .social-items .item .bottom {
		padding: 32px;
		gap: 24px;
	}

	.about-page__container5 .button {
		padding: 20px 40px;
		margin-top: 40px;
	}

	.gallery__container1 {
		padding-bottom: 80px;
		padding-top: 85px;
	}

	.gallery__container1 .base-items {
		margin-top: 32px;
	}

	.gallery__container1 .base-items .item {
		width: 288px;
	}

	.gallery__container2 {
		padding-bottom: 80px;
	}

	.gallery__container2 h2 {
		padding-top: 80px;
	}

	.gallery__container2 video {
		margin-top: 32px;
	}

	.metall-page__container1 {
		padding-bottom: 80px;
		padding-top: 85px;
	}

	.metall-page__container1 .button {
		padding: 20px 40px;
		margin-left: 40px;
		margin-top: 32px;
	}

	.metall-page__container1 .wrap {
		margin-top: 32px;
	}

	.metall-page__container1 .wrap .item {
		width: 288px;
		padding-left: 40px;
	}

	.metall-page__container1 .wrap .item img {
		margin-bottom: 32px;
	}

	.metall-page__container1 .wrap .item p {
		margin-top: 24px;
	}

	.metall-page__container2 .items {
		gap: 32px;
	}

	.metall-page__container2 .items .item {
		flex-direction: row;
		gap: 32px;
	}

	.metall-page__container2 .items .item:nth-child(2n+1) {
		gap: 0;
		justify-content: space-between;
	}

	.metall-page__container2 .items .item:nth-child(2n+1) .right {
		margin-left: 32px;
	}

	.metall-page__container2 .items .item:nth-child(2n) .right {
		order: -1;
	}

	.metall-page__container2 .items .item .right {
		padding: 24px 20px;
		height: 194px;
		width: 288px;
	}

	.metall-page__container2 .items .item .right img {
		width: 36px;
	}

	.metall-page__container3 {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.metall-page__container3 .metall-page-items {
		margin-top: 32px;
	}

	.metall-page__container3 .metall-page-items .item {
		width: 288px;
	}

	.metall-page__container4 {
		gap: 32px;
	}

	.metall-page__container4 {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.metall-page__container4 .items {
		flex-direction: row;
		gap: 60px;
	}

	.metall-page__container4 .items .item span {
		font-size: 80px;
		line-height: 80px;
	}

	.metall-page__container5 {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.metall-page__container5 .items {
		gap: 32px;
		margin-top: 32px;
		flex-direction: row;
	}

	.metall-page__container5 .items .item {
		width: 47.6%;
	}

	.metall-page__container5 .items .item>span {
		font-size: 44px;
		line-height: 48px;
	}

	.metall-page__container5 .main-text {
		margin-top: 32px;
	}

	.metall-page__container5 .button {
		padding: 20px 40px;
		margin-top: 32px;
	}

	.gosts__items {
		gap: 32px;
		padding-bottom: 80px;
	}

	.donut-big {
		width: 48px;
		height: 48px;
	}

	.donut {
		width: 48px;
		height: 48px;
	}

	.suppliers__items {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 32px;
		padding-bottom: 80px;
		margin-top: 32px;
	}

	.suppliers__items .item {
		width: 47.6%;
	}

	.suppliers__items .item .bottom {
		height: 88px;
		padding: 0 20px;
	}

	.service__items {
		margin-top: 32px;
		flex-direction: row;
		padding-bottom: 80px;
	}

	.service__items .item {
		width: 47.6%;
	}

	.service__items .item .top {
		height: 188px;
	}

	.service__items .item .top span {
		font-size: 54px;
		line-height: 62px;
	}

	.service__items .item .bottom {
		gap: 24px;
	}

	.metall-calc {
		padding-bottom: 80px;
	}

	.metall-calc h2 {
		margin-top: 80px;
		margin-bottom: 32px;
	}

	.metall-calc .form {
		gap: 40px;
		padding: 50px 48px 40px 48px;
		margin-top: 32px;
	}

	.metall-calc .form .items {
		flex-direction: row;
		gap: 32px;
	}

	.metall-calc .form .items .left,.metall-calc .form .items .right {
		gap: 52px;
	}

	.metall-calc .form .result {
		gap: 14px;
	}

	.metal-select-wrap {
		font-size: 16px;
		line-height: 24px;
	}

	.metal__form .item-container {
		font-size: 16px;
		line-height: 24px;
	}

	.metal__form .item-container+.item-container {
		margin-top: 52px;
	}

	.delivery-calc .wrap1 {
		height: 762px;
	}

	.delivery-calc .wrap1:before {
		height: 553px;
	}

	.delivery-calc .wrap1 .wrap-form form {
		gap: 40px;
		padding: 40px 48px;
		margin: 0 40px;
	}

	.delivery-calc .wrap1 .wrap-form form .left {
		flex-direction: row;
		gap: 32px;
	}

	.delivery-calc .wrap2 {
		padding-bottom: 80px;
	}

	.delivery-calc .wrap2 h2 {
		margin-top: 80px;
		margin-bottom: 32px;
	}

	.lk-page {
		padding-bottom: 80px;
	}

	.lk-page .h1-wrap {
		padding-bottom: 16px;
	}

	.lk-page .navigation {
		gap: 16px;
	}

	.lk-page .navigation .text .navigation-wrap {
		justify-content: space-between;
	}

	.lk-page .navigation .text .navigation-wrap div {
		gap: 40px;
	}

	.lk-page__container1 {
		margin-top: 32px;
		padding-top: 32px;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 48px 60px 48px;
	}

	.lk-page__container3 {
		margin-top: 32px;
	}

	.lk-page__container2 {
		margin-top: 32px;
		gap: 32px;
	}

	.lk-page__container2 .order .order-top {
		align-items: center;
	}

	.lk-page__container2 .order .order-header {
		padding: 14px 20px 14px 20px;
	}

	.lk-page__container2 .order .order-header .price {
		margin-left: 30px;
	}

	.lk-page__container2 .order .order-footer {
		padding: 14px 20px 14px 20px;
	}

	.lk-page__container2 .order .order-item {
		align-items: center;
	}

	.lk-page__container2 .order .order-item .name-number {
		align-items: center;
		gap: 38px;
	}

	.lk-page__container2 .order .order-item .name-number .name {
		max-width: 140px;
	}

	.lk-page__container2 .order .order-item .name-number h4 {
		width: 140px;
	}

	.lk-page__container2 .order .order-item .inputs {
		gap: 80px;
	}

	.lk-page__container2 .order .order-item .inputs .wrap .count {
		height: 48px;
	}

	.lk-page__container2 .order .order-item .inputs .wrap span {
		display: none;
	}

	.lk-page__container2 .order .order-item .price span,.lk-page__container2 .order .order-item .sum span {
		display: none;
	}

	.cart {
		padding-bottom: 80px;
	}

	.cart__empty {
		height: 168px;
	}

	.cart__wrap {
		gap: 36px;
	}

	.cart__big-wrap {
		gap: 32px;
	}

	.cart__radios {
		gap: 32px;
	}

	.cart__radios .first,.cart__radios .second {
		gap: 24px;
	}

	.cart__container1,.cart__container2 {
		gap: 32px;
	}

	.cart__container1 .order .order-footer,.cart__container2 .order .order-footer {
		padding: 24px 63px;
	}

	.cart__container1 .order .order-item,.cart__container2 .order .order-item {
		align-items: center;
	}

	.cart__container1 .order .order-item .name-number,.cart__container2 .order .order-item .name-number {
		align-items: center;
		gap: 38px;
	}

	.cart__container1 .order .order-item .name-number,.cart__container2 .order .order-item .name-number {
		width: 140px;
	}

	.cart__container1 .order .order-item .name-number .name,.cart__container2 .order .order-item .name-number .name {
		width: 140px;
	}

	.cart__container1 .order .order-item .inputs .wrap .count,.cart__container2 .order .order-item .inputs .wrap .count {
		height: 48px;
	}

	.cart__container1 .order .order-item .inputs .wrap span,.cart__container2 .order .order-item .inputs .wrap span {
		display: none;
	}

	.cart__container1 .order .order-item .price span,.cart__container1 .order .order-item .sum span,.cart__container2 .order .order-item .price span,.cart__container2 .order .order-item .sum span {
		display: none;
	}

	.cart__container1 .order-form,.cart__container2 .order-form {
		gap: 32px;
		padding: 40px 48px;
	}

	.cart__container1 .order-form .form .top,.cart__container2 .order-form .form .top {
		row-gap: 42px;
		column-gap: 48px;
		grid-template-rows: repeat(4,40px);
		grid-template-columns: repeat(2,1fr);
	}

	.cart__container1 .order-form .form .top .address,.cart__container1 .order-form .form .top .comment,.cart__container2 .order-form .form .top .address,.cart__container2 .order-form .form .top .comment {
		grid-column: 1/3;
	}

	.cart__container1 .order-form .form .bottom,.cart__container2 .order-form .form .bottom {
		align-items: center;
		margin-top: 32px;
	}

	.catalog-page {
		padding-bottom: 80px;
		padding-top: 85px;
	}

	.catalog-item__container1 {
		padding-bottom: 80px;
		padding-top: 85px;
	}

	.catalog-item__container1 .wrap {
		margin-top: 32px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 {
		height: 327px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
		gap: 8px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3>div>.button {
		margin-top: 32px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 thead {
		display: table-header-group;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr {
		border-top: 1px solid rgba(255,255,255,.1);
		border-bottom: 1px solid rgba(255,255,255,.1);
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .dlina {
		text-align: center;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .diametr {
		text-align: left;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button {
		padding: 12px!important;
	}

	.catalog-item__container1 .wrap .right .text-blocks {
		margin-top: 80px;
	}

	.catalog-item__container1 .wrap .right .text-blocks h2 {
		font-size: 24px;
		line-height: 28px;
	}

	.catalog-item__container1 .wrap .right .text-blocks h2,.catalog-item__container1 .wrap .right .text-blocks h3,.catalog-item__container1 .wrap .right .text-blocks h4 {
		margin-bottom: 4px;
		margin-top: 32px;
	}

	.catalog-item__container1 .wrap .right .text-blocks .button {
		margin-top: 32px;
	}

	.catalog-item__container2 {
		padding-bottom: 40px;
		padding-top: 80px;
	}

	.catalog-item__container2 .suppliers-catalog-items {
		margin-top: 32px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item {
		width: 288px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item .bottom {
		height: 88px;
		padding: 0 20px;
	}

	.catalog-item__popup .top .items {
		flex-direction: row;
		gap: 32px;
	}

	.catalog-item__popup .top .items .left,.catalog-item__popup .top .items .right {
		gap: 52px;
	}

	.catalog-item__popup .top .result {
		gap: 14px;
	}

	.mainpage .ded-moroz {
		left: 80px;
		bottom: 250px;
	}

	.mainpage .ded-moroz .ded-small,.mainpage .ded-moroz .text-small {
		display: none;
	}

	.mainpage .ded-moroz .text {
		left: 86px;
	}

	.partners .ded-moroz {
		left: 607px;
		bottom: 210px;
	}

	.partners .ded-moroz .ded {
		transform: scale(-1,1);
	}

	.partners .ded-moroz .ded-small,.partners .ded-moroz .text-small {
		display: none;
	}

	.partners .ded-moroz .text {
		left: -165px;
	}

	.catalog .ded-moroz .ded-mob {
		display: none;
	}

	.about .ded-moroz,.contacts .ded-moroz {
		top: -6px;
		left: 50%;
	}

	.about .ded-moroz .text-small,.contacts .ded-moroz .text-small {
		display: none;
	}

	.new-year-popup {
		padding-top: 28px;
		padding-bottom: 164px;
	}

	.new-year-popup .text {
		font-size: 16px;
		line-height: 24px;
	}

	.new-year-popup .top {
		gap: 50px;
	}

	.new-year-popup form {
		margin-top: 48px;
	}

	.new-year-popup .form-item .input {
		padding-bottom: 20px;
	}

	.new-year-popup .bottom {
		margin-top: 40px;
		gap: 40px;
	}

	.new-year-popup .bottom .right {
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}

	.new-year-popup .bottom .right .button {
		padding: 20px 40px;
	}
}

@media all and (min-width:800px) {
	.fancybox__thumbs {
		top: auto;
		width: auto;
		bottom: 0;
		left: 0;
		right: 0;
		height: 95px;
		padding: 10px 10px 5px 10px;
		box-sizing: border-box;
		background: rgba(0,0,0,.3);
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 0;
		bottom: 95px;
	}
}

@media all and (min-width:1004px) {
	.news__filter-select {
		max-height: fit-content!important;
	}
}

@media all and (min-width:1024px) {
	:root {
		--animMainSlide: -78.5px;
	}

	.container {
		padding-left: 48px;
		padding-right: 48px;
	}

	.paddings {
		padding-top: 120px;
		padding-bottom: 92px;
	}

	:root {
		--animMainSlide: -78.5px;
	}

	.footer__top ul {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 20px;
	}

	.footer__top {
		grid-template-rows: repeat(5,1fr);
		grid-template-columns: repeat(5,max-content);
	}

	.footer__top .h4-catalog {
		grid-row: 1/6;
	}

	.footer__top .h4-about {
		grid-column: 2/3;
		grid-row: 1/6;
	}

	.footer__top .h4-useful {
		grid-column: 3/4;
		grid-row: 1/6;
	}

	.footer__top .h4-career {
		grid-column: 4/5;
		grid-row: 1/6;
	}

	.footer__top .h4-metall {
		grid-column: 5/6;
		grid-row: 1/2;
	}

	.footer__top .h4-news {
		grid-column: 5/6;
		grid-row: 2/3;
	}

	.footer__top .h4-gallery {
		grid-column: 5/6;
		grid-row: 3/4;
	}

	.footer__top .h4-contacts {
		grid-column: 5/6;
		grid-row: 4/5;
	}

	.footer__top .h4-sitemap {
		grid-column: 5/6;
		grid-row: 5/6;
	}

	.about__items .item {
		padding-left: 40px;
		min-width: 288px;
	}

	.about__items .item span {
		font-size: 100px;
		line-height: 100px;
	}

	.metall .swiper-wrapper .item {
		width: 360px;
	}

	.metall .swiper-wrapper .item .top {
		padding: 28px 32px;
		height: 280px;
	}

	.metall .swiper-wrapper .item .top.hover {
		padding: 60px 32px;
	}

	.metall .swiper-wrapper .item .top img {
		width: 54px;
		height: 60px;
	}

	.metall .swiper-wrapper .item .bottom {
		padding: 40px 32px;
		min-height: 200px;
	}

	.delivery__items .swiper-wrapper .item {
		padding-left: 40px;
	}

	.catalog .catalogSlider .swiper-wrapper {
		height: 488px;
	}

	.catalog__wrap .left {
		padding: 60px 48px 76px 48px;
		width: 400px;
	}

	.partners__items {
		width: 427px;
	}

	.partners__items .big-item ul {
		left: 535px;
	}

	.header__icons {
		gap: 32px;
	}

	.header__icons .lk .entrance-ok-popup {
		width: 360px;
		left: -179px;
	}

	.header__icons .lk .entrance-ok-popup.visible {
		top: 59px;
	}

	.menu {
		padding-bottom: 108px;
	}

	.menu__items .big-item ul {
		left: 608px;
	}

	.time-mobile-popup {
		width: max-content;
		right: 20%;
	}

	.breadcrumbs {
		padding-top: 96px;
	}

	.connection-popup {
		padding-bottom: 176px;
	}

	.connection-popup .top {
		margin-top: 60px;
		flex-direction: row;
		gap: 32px;
	}

	.connection-popup .middle {
		margin-top: 40px;
	}

	.connection-popup .bottom {
		gap: 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.connection-popup .bottom .right {
		gap: 178px;
	}

	.contacts .container .wrap {
		flex-direction: row;
		justify-content: space-between;
	}

	.contacts .container .wrap .button {
		margin-left: 104px;
		margin-top: 16px;
	}

	.slide2 .img1 {
		width: 204.015px;
		right: 80px;
	}

	.slide2 .img1.visible {
		bottom: -174px;
	}

	.slide2 .img2 {
		width: 114.843px;
		right: 347px;
	}

	.slide2 .img2.visible {
		bottom: 6px;
	}

	.slide2 .img3 {
		width: 412.082px;
	}

	.slide2 .img3.visible {
		bottom: -390px;
	}

	.slide3 .img1,.slide4 .img1 {
		width: 595px;
	}

	.slide3 .img2,.slide4 .img2 {
		width: 595px;
	}

	.mainSlider .slide:not(.slide-active) {
		width: calc((100% - 77%)/ 3)!important;
	}

	.mainSlider .slide-active {
		width: 85%;
		flex-shrink: 0;
	}

	.registration {
		min-width: 900px;
		margin-top: 50px;
	}

	.registration form .fiz-block {
		width: 864px;
	}

	.registration form .fiz-block .wrap {
		grid-template-rows: repeat(3,60px);
		grid-template-columns: repeat(2,1fr);
		column-gap: 48px;
		row-gap: 32px;
	}

	.registration form .fiz-block .bottom {
		align-items: center;
		margin-top: 20px;
	}

	.registration form .fiz-block p {
		text-align: center;
		margin-top: 50px;
	}

	.registration form .yur-block {
		width: 864px;
	}

	.registration form .yur-block .bottom {
		align-items: center;
	}

	.registration form .yur-block .bottom .main-text {
		margin-left: 20px;
		margin-right: 20px;
	}

	.searchresults form {
		padding: 32px 50px;
	}

	.notfound>img {
		width: 442px;
	}

	.contacts-page:before {
		top: -546px;
	}

	.news__filter-list {
		gap: 60px;
		max-width: 100%;
	}

	.career__container1 .navigation .text .navigation-wrap {
		gap: 80px;
	}

	.career__container1 .items .swiper-wrapper .item {
		padding-left: 40px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item {
		width: 304px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item p {
		font-size: 16px;
		line-height: 24px;
	}

	.career__container3 .company-items .item {
		width: 368px;
	}

	.otzivy-popup {
		margin-top: 50px;
	}

	.otzivy-popup {
		justify-content: center!important;
	}

	.about-page__container1 .navigation .text .navigation-wrap {
		gap: 72px;
	}

	.about-page__container1 .big-wrap .wrap3 .item {
		padding-left: 40px;
	}

	.about-page__container1 .big-wrap .wrap3 .item .ul {
		flex-direction: row;
		gap: 58px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item {
		width: 360px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top {
		padding: 28px 32px;
		height: 280px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top.hover {
		padding: 60px 32px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top img {
		width: 54px;
		height: 60px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .bottom {
		padding: 40px 32px;
		min-height: 175px;
	}

	.about-page__container3 .border {
		top: 230px;
		left: 48px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item {
		width: 400px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item span {
		font-size: 80px;
		line-height: 64px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item p {
		font-size: 16px;
		line-height: 24px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item {
		width: 360px;
		height: 462px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item .top {
		padding: 20px 24px;
		height: 390px;
	}

	.about-page__container5 .social-items .item {
		width: 48.2%;
	}

	.about-page__container5 .social-items .item .bottom {
		font-size: 16px;
		line-height: 24px;
	}

	.about-page__container5 .social-items .item p {
		font-size: 16px;
		line-height: 24px;
	}

	.gallery__container1 .base-items .item {
		width: 368px;
	}

	.metall-page__container1 .button {
		margin-left: 48px;
	}

	.metall-page__container2 .items {
		gap: 48px;
	}

	.metall-page__container2 .items .item:not(:last-child) {
		padding-bottom: 48px;
	}

	.metall-page__container2 .items .item .left p {
		font-size: 16px;
		line-height: 24px;
	}

	.metall-page__container2 .items .item .left ul {
		font-size: 16px;
		line-height: 24px;
	}

	.metall-page__container2 .items .item .right {
		padding: 28px 32px;
		width: 368px;
		height: 248px;
	}

	.metall-page__container2 .items .item .right img {
		width: 54px;
		height: 60px;
	}

	.metall-page__container3 .metall-page-items .item {
		width: 368px;
	}

	.metall-page__container4 .items {
		gap: 46px;
	}

	.metall-page__container4 .items ul {
		font-size: 16px;
		line-height: 24px;
		flex-shrink: 0;
		width: 604px;
	}

	.metall-page__container4 .items .item {
		padding-left: 40px;
	}

	.metall-page__container4 .items .item span {
		font-size: 120px;
		line-height: 120px;
	}

	.metall-page__container5 .items .item {
		width: 31%;
	}

	.suppliers__items .item {
		width: 31%;
	}

	.service__items .item {
		width: 31%;
	}

	.service__items .item .top {
		padding: 28px 24px;
		height: 280px;
	}

	.service__items .item .bottom {
		padding: 40px 24px;
		font-size: 16px;
		line-height: 24px;
	}

	.service__items .item p {
		font-size: 16px;
		line-height: 24px;
	}

	.metall-calc .form {
		padding: 50px 80px 40px 80px;
	}

	.metall-calc .form .items {
		gap: 40px;
	}

	.metall-calc .form .items .left,.metall-calc .form .items .right {
		gap: 60px;
	}

	.metall-calc .form .result p {
		font-size: 16px;
		line-height: 24px;
	}

	.metal__form .item-container+.item-container {
		margin-top: 60px;
	}

	.delivery-calc .wrap1 .wrap-form form {
		flex-direction: row;
		margin: 0 48px;
		gap: 58px;
	}

	.lk-page .navigation .text .navigation-wrap div {
		gap: 80px;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 80px 60px 80px;
	}

	.lk-page__container1 form .fiz-block .wrap {
		grid-template-rows: repeat(3,60px);
		grid-template-columns: repeat(2,1fr);
		column-gap: 48px;
		row-gap: 32px;
	}

	.lk-page__container1 form .fiz-block .bottom {
		align-items: center;
		margin-top: 20px;
	}

	.lk-page__container1 form .fiz-block p {
		text-align: center;
		margin-top: 50px;
	}

	.lk-page__container1 form .yur-block {
		min-width: 800px;
	}

	.lk-page__container1 form .yur-block .bottom {
		align-items: center;
	}

	.lk-page__container1 form .yur-block .bottom .main-text {
		margin-left: 20px;
		margin-right: 20px;
	}

	.lk-page__container2 .order .order-top {
		padding: 14px 60px;
	}

	.lk-page__container2 .order .order-header {
		padding: 14px 60px 14px 60px;
	}

	.lk-page__container2 .order .order-footer {
		padding: 14px 60px 14px 60px;
	}

	.lk-page__container2 .order .order-item {
		padding: 28px 60px;
	}

	.cart__empty {
		width: 207px;
		height: auto;
	}

	.cart__wrap {
		flex-direction: row;
		gap: 34px;
	}

	.cart__radios {
		width: 207px;
	}

	.cart__container1 .order-form .form .bottom,.cart__container2 .order-form .form .bottom {
		align-items: center;
	}

	.catalog-item__container1 .top .button {
		display: none;
	}

	.catalog-item__container1 .wrap {
		gap: 10px;
	}

	.catalog-item__container1 .wrap .right {
		width: 80%;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
		padding: 8px 12px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3>div>.button {
		padding: 20px 40px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table td span span {
		display: block;
	}

	.catalog-item__container1 .wrap .right .text-blocks {
		font-size: 16px;
		line-height: 24px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item {
		width: 360px;
	}

	.catalog-item__popup .top .items {
		gap: 40px;
	}

	.catalog-item__popup .top .items .left,.catalog-item__popup .top .items .right {
		gap: 60px;
	}

	.catalog-item__popup .top .result p {
		font-size: 16px;
		line-height: 24px;
	}

	.partners .ded-moroz {
		left: 705px;
	}

	.about .ded-moroz,.contacts .ded-moroz {
		left: 60%;
	}

	.new-year-popup {
		padding-bottom: 176px;
	}

	.new-year-popup .bottom {
		gap: 0;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	.new-year-popup .bottom .right {
		gap: 178px;
	}
}

@media all and (min-width:1024px) and (min-width:1024px) {
	.registration form .yur-block .bottom {
		margin-top: 40px;
	}

	.lk-page__container1 form .yur-block .bottom {
		margin-top: 40px;
	}
}

@media all and (min-width:1280px) {
	:root {
		--animMainSlide: -98px;
	}

	main {
		border-top: 100px solid transparent;
	}

	section {
		padding-top: 100px;
	}

	.h1,h1 {
		font-size: 56px;
		line-height: 64px;
	}

	.h2,h2 {
		font-size: 40px;
		line-height: 48px;
	}

	.h4,h4 {
		font-size: 20px;
	}

	.content.dark {
		margin-top: -96px;
	}

	.searchresults,.sitemap {
		padding-bottom: 100px;
	}

	.h1-wrap {
		padding-bottom: 48px;
	}

	.big-text {
		font-size: 20px;
		line-height: 32px;
	}

	.container {
		padding-left: 60px;
		padding-right: 60px;
	}

	.paddings {
		padding-top: 144px;
		padding-bottom: 144px;
	}

	:root {
		--animMainSlide: -98px;
	}

	.footer__top {
		padding-top: 80px;
		padding-bottom: 84px;
	}

	.footer__top ul {
		margin-top: 28px;
		font-size: 16px;
		line-height: 24px;
	}

	.footer__top {
		row-gap: 28px;
	}

	.footer__bottom {
		font-size: 16px;
	}

	.footer__bottom {
		padding-top: 33px;
		padding-bottom: 33px;
	}

	.about {
		padding-bottom: 100px;
	}

	.about p {
		font-size: 20px;
		line-height: 32px;
	}

	.about__items {
		margin-top: 80px;
		gap: 40px;
	}

	.about__items .item {
		min-width: 360px;
	}

	.about__items .item span {
		font-size: 140px;
		line-height: 140px;
	}

	.metall {
		padding-bottom: 100px;
	}

	.delivery p {
		font-size: 20px;
		line-height: 32px;
	}

	.delivery__items .swiper-wrapper {
		margin-top: 80px;
	}

	.delivery__items .swiper-wrapper .item {
		gap: 40px;
		width: 360px;
	}

	.catalog {
		padding-bottom: 100px;
	}

	.catalog .catalogSlider {
		margin-top: 36px;
	}

	.catalog .catalogSlider .swiper-wrapper {
		height: 540px;
	}

	.catalog__wrap .left {
		padding: 60px 68px 88px 68px;
	}

	.catalog__wrap ul {
		font-size: 20px;
		line-height: 28px;
	}

	.catalog__wrap .button {
		padding: 20px 40px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: .16px;
	}

	.partners {
		padding-bottom: 100px;
	}

	.partners__items {
		width: 530px;
	}

	.partners__items .big-item ul {
		top: 28px;
		font-size: 20px;
		line-height: 32px;
		left: 662px;
	}

	.partners__items .big-item .item {
		padding: 28px 0;
	}

	.header {
		padding-top: 30px;
		padding-bottom: 26px;
	}

	.header__icons .lk .entrance-ok-popup.visible {
		top: 62px;
	}

	.header__icons .mobile-call {
		display: none;
	}

	.menu {
		padding-bottom: 70px;
	}

	.menu .top {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.menu__items {
		width: 668px;
	}

	.menu__items .title {
		font-size: 40px;
		line-height: 48px;
	}

	.menu__items .big-item ul {
		top: 32px;
		font-size: 24px;
		line-height: 28px;
		left: 862px;
		max-width: none;
	}

	.menu__items .item svg {
		width: 36px;
		height: 34px;
	}

	.search .top {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.time-mobile-popup {
		display: none;
	}

	.breadcrumbs {
		padding-top: 116px;
		padding-bottom: 60px;
		font-size: 14px;
		line-height: 20px;
	}

	.breadcrumbs .back-mob {
		display: none;
	}

	.contacts {
		height: 900px;
	}

	.contacts:not(.contacts-page) .container {
		padding-top: 100px;
	}

	.contacts .container .wrap .containers {
		font-size: 20px;
		line-height: 32px;
	}

	.contacts .container .wrap .containers .container1 .item img,.contacts .container .wrap .containers .container2 .item img {
		position: relative;
		top: 4px;
	}

	.contacts .container .wrap .button {
		padding: 20px 40px;
	}

	.contacts .ymaps-2-1-79-controls__control,.delivery-calc .ymaps-2-1-79-controls__control {
		top: 525px!important;
	}

	.contacts-page .ymaps-2-1-79-controls__control {
		top: 607px!important;
	}

	.mainpage .slide {
		padding-bottom: 80px;
	}

	.mainpage .slide .top {
		gap: 92px;
	}

	.mainpage .slide .bottom span {
		font-size: 64px;
		line-height: 80px;
	}

	.slide2 .img1 {
		width: 237.453px;
	}

	.slide2 .img1.visible {
		bottom: -216px;
	}

	.slide2 .img2 {
		width: 133.666px;
		right: 385px;
	}

	.slide2 .img2.visible {
		bottom: 6px;
	}

	.slide2 .img3 {
		width: 479.624px;
		right: -168px;
	}

	.slide2 .img3.visible {
		bottom: -470px;
	}

	.slide3 .img1,.slide4 .img1 {
		width: 695px;
	}

	.slide3 .img2,.slide4 .img2 {
		width: 695px;
	}

	.mainSlider .slide {
		height: 700px;
	}

	.mainSlider .slide:not(.slide-active) .bottom span {
		margin-left: -25px;
	}

	.mainSlider .slide-active {
		padding-left: 160px;
	}

	.registration form .yur-block {
		min-width: 1000px;
	}

	.searchresults .number {
		font-size: 20px;
		line-height: 32px;
	}

	.searchresults form {
		height: 156px;
		padding: 48px 69px;
		margin-top: 32px;
	}

	.searchresults__items {
		margin-top: 48px;
		gap: 48px;
	}

	.searchresults__items .item {
		font-size: 16px;
		line-height: 24px;
	}

	.notfound {
		padding-top: 60px;
		padding-bottom: 100px;
		margin-top: 100px;
	}

	.notfound p {
		font-size: 20px;
		line-height: 32px;
	}

	.notfound form {
		margin-top: 68px;
	}

	.notfound p {
		margin-top: 48px;
	}

	.contacts-page:before {
		top: -613px;
		height: 1452px;
	}

	.contacts-page .container1 {
		max-width: 464px!important;
		padding-right: 20px;
	}

	.career .h1-wrap {
		padding-bottom: 20px;
	}

	.career__container1 {
		padding-bottom: 100px;
	}

	.career__container1 .navigation {
		font-size: 20px;
		gap: 20px;
	}

	.career__container1 .h2,.career__container1 h2 {
		margin-top: 48px;
	}

	.career__container1 .items .swiper-wrapper {
		margin-top: 40px;
	}

	.career__container1 .items .swiper-wrapper .item {
		gap: 40px;
		width: 320px;
	}

	.career__container4 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.career__container4 .improvement-top {
		margin-top: 40px;
	}

	.career__container4 .improvement-items {
		margin-top: 40px;
		gap: 28px;
	}

	.career__container4 .improvement-items .item {
		padding-bottom: 28px;
	}

	.career__container2 {
		padding-top: 100px;
	}

	.career__container2 .vacancy-items {
		margin-top: 40px;
		gap: 28px;
	}

	.career__container2 .vacancy-items .item {
		padding-bottom: 28px;
	}

	.career__container2 .vacancy-items .item .text {
		gap: 10px;
	}

	.career__container2 .otzivy-h2 {
		margin-top: 100px;
	}

	.career__container2 .otzivy-items {
		margin-top: 40px;
		padding-bottom: 100px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item {
		padding: 45px 32px;
		width: 494px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item>div {
		gap: 24px;
	}

	.career__container3 {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.career__container3 .company-items {
		margin-top: 40px;
	}

	.otzivy-popup {
		padding: 45px 32px!important;
	}

	.about-page .h1-wrap {
		padding-bottom: 20px;
	}

	.about-page__container1 {
		padding-bottom: 100px;
	}

	.about-page__container1 .navigation {
		font-size: 20px;
		gap: 20px;
	}

	.about-page__container1 .navigation .text .navigation-wrap {
		gap: 80px;
	}

	.about-page__container1 .h2,.about-page__container1 h2 {
		margin-top: 48px;
	}

	.about-page__container1 .big-wrap {
		gap: 48px;
	}

	.about-page__container1 .big-wrap .wrap1 {
		gap: 40px;
		margin-top: 48px;
	}

	.about-page__container1 .big-wrap .wrap1 .item {
		gap: 20px;
		font-size: 20px;
		line-height: 32px;
		padding-left: 24px;
		min-width: 362px;
	}

	.about-page__container1 .big-wrap .wrap1 .item span {
		font-size: 100px;
		line-height: 80px;
		width: 63px;
	}

	.about-page__container1 .big-wrap .wrap2 {
		font-size: 20px;
		line-height: 32px;
	}

	.about-page__container1 .big-wrap .wrap3 .item img {
		margin-bottom: 40px;
	}

	.about-page__container2 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.about-page__container3 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.about-page__container3 .border {
		top: 300px;
		left: 60px;
	}

	.about-page__container3 .history-items {
		margin-top: 60px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item {
		gap: 58px;
		width: 408px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item span {
		font-size: 100px;
		line-height: 80px;
	}

	.about-page__container4 {
		padding-bottom: 50px;
		padding-top: 100px;
	}

	.about-page__container4 .awards-items {
		margin-top: 40px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item .bottom {
		height: 90px;
	}

	.about-page__container5 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.about-page__container5 .social-items {
		margin-top: 40px;
		gap: 40px;
	}

	.about-page__container5 .social-items .item {
		width: 31%;
	}

	.about-page__container5 .social-items .item .bottom {
		padding: 40px 20px;
	}

	.about-page__container5 .button {
		margin-top: 48px;
	}

	.gallery__container1 {
		padding-bottom: 100px;
		padding-top: 95px;
	}

	.gallery__container1 .base-items {
		margin-top: 40px;
	}

	.gallery__container2 {
		padding-bottom: 100px;
	}

	.gallery__container2 h2 {
		padding-top: 100px;
	}

	.gallery__container2 video {
		margin-top: 40px;
	}

	.metall-page__container1 {
		padding-bottom: 100px;
		padding-top: 95px;
	}

	.metall-page__container1 .button {
		margin-top: 48px;
		margin-left: 60px;
	}

	.metall-page__container1 .wrap {
		gap: 40px;
		margin-top: 48px;
	}

	.metall-page__container1 .wrap .item {
		width: 360px;
	}

	.metall-page__container1 .wrap .item img {
		margin-bottom: 40px;
	}

	.metall-page__container2 .items .item {
		gap: 60px;
	}

	.metall-page__container2 .items .item:nth-child(2n+1) .right {
		margin-left: 40px;
	}

	.metall-page__container2 .items .item .right {
		width: 400px;
		height: 270px;
	}

	.metall-page__container3 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.metall-page__container3 .metall-page-items {
		margin-top: 40px;
	}

	.metall-page__container4 {
		gap: 40px;
	}

	.metall-page__container4 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.metall-page__container4 .items ul {
		width: 753px;
	}

	.metall-page__container4 .items .item span {
		font-size: 140px;
		line-height: 140px;
	}

	.metall-page__container4 .button {
		margin-top: 8px;
	}

	.metall-page__container5 {
		padding-bottom: 100px;
		padding-top: 100px;
	}

	.metall-page__container5 .items {
		gap: 40px;
		margin-top: 40px;
	}

	.metall-page__container5 .items .item {
		padding-left: 40px;
	}

	.metall-page__container5 .items .item>span {
		font-size: 60px;
		line-height: 68px;
	}

	.metall-page__container5 .main-text {
		margin-top: 72px;
	}

	.metall-page__container5 .button {
		margin-top: 48px;
	}

	.gosts .number {
		font-size: 20px;
		line-height: 32px;
	}

	.gosts__items {
		gap: 48px;
		padding-bottom: 100px;
	}

	.gosts__items .item {
		font-size: 16px;
		line-height: 24px;
	}

	.donut-big {
		width: 60px;
		height: 60px;
	}

	.donut {
		width: 60px;
		height: 60px;
	}

	.suppliers__items {
		gap: 48px;
		padding-bottom: 100px;
		margin-top: 40px;
	}

	.suppliers__items .item {
		width: 30.5%;
	}

	.suppliers__items .item .bottom {
		height: 128px;
		padding: 0 32px;
	}

	.service__items {
		margin-top: 48px;
		padding-bottom: 100px;
		gap: 40px;
	}

	.service__items .item .top span {
		font-size: 60px;
		line-height: 68px;
	}

	.metall-calc {
		padding-bottom: 100px;
	}

	.metall-calc h2 {
		margin-top: 100px;
		margin-bottom: 40px;
	}

	.metall-calc .form {
		padding: 50px 160px;
		margin-top: 48px;
		gap: 50px;
	}

	.metall-calc .form .items .left .item-container .variants,.metall-calc .form .items .right .item-container .variants {
		padding: 12px 16px;
		font-size: 14px;
		line-height: 20px;
	}

	.metall-calc .form .result {
		gap: 12px;
	}

	.delivery-calc .wrap1 {
		height: 770px;
	}

	.delivery-calc .wrap1:before {
		height: 682px;
	}

	.delivery-calc .wrap1 .wrap-form form {
		padding: 50px 60px;
		margin: 0 60px;
		gap: 96px;
	}

	.delivery-calc .wrap1 .wrap-form form .right {
		gap: 52px;
	}

	.delivery-calc .wrap1 .wrap-form form .left {
		gap: 40px;
	}

	.delivery-calc .wrap1 .wrap-form form .left .item-container .variants {
		padding: 12px 16px;
		font-size: 14px;
		line-height: 20px;
	}

	.delivery-calc .wrap2 {
		padding-bottom: 100px;
	}

	.delivery-calc .wrap2 h2 {
		margin-top: 100px;
		margin-bottom: 40px;
	}

	.lk-page {
		padding-bottom: 100px;
	}

	.lk-page .h1-wrap {
		padding-bottom: 20px;
	}

	.lk-page .navigation {
		font-size: 20px;
		gap: 20px;
	}

	.lk-page__container1 {
		margin-top: 40px;
		padding-top: 40px;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 160px 60px 160px;
	}

	.lk-page__container1 form .yur-block {
		min-width: 1000px;
	}

	.lk-page__container3 {
		margin-top: 40px;
	}

	.lk-page__container2 {
		margin-top: 40px;
		gap: 40px;
	}

	.lk-page__container2 .order .order-header .price {
		margin-left: 180px;
	}

	.lk-page__container2 .order .order-header .wrap2 {
		gap: 65px;
	}

	.lk-page__container2 .order .order-item .name-number .name {
		max-width: 264px;
	}

	.lk-page__container2 .order .order-item .name-number h4 {
		width: 264px;
	}

	.cart {
		padding-bottom: 100px;
	}

	.cart__empty {
		width: 236px;
	}

	.cart__radios {
		width: 236px;
	}

	.cart__container1,.cart__container2 {
		gap: 40px;
	}

	.cart__container1 .order .order-header,.cart__container2 .order .order-header {
		padding: 14px 110px 14px 20px;
	}

	.cart__container1 .order .order-header .wrap2,.cart__container2 .order .order-header .wrap2 {
		gap: 65px;
	}

	.cart__container1 .order .order-footer .itogo,.cart__container2 .order .order-footer .itogo {
		font-size: 20px;
		line-height: 32px;
	}

	.cart .checkbox-wrapper label {
		font-size: 16px;
		line-height: 24px;
	}

	.catalog-page {
		padding-bottom: 100px;
		padding-top: 95px;
	}

	.catalog-item__container1 {
		padding-bottom: 100px;
		padding-top: 95px;
	}

	.catalog-item__container1 .top .item {
		width: 224px;
	}

	.catalog-item__container1 .wrap {
		gap: 12px;
	}

	.catalog-item__container1 .wrap .left {
		width: 348px;
	}

	.catalog-item__container1 .wrap .left .big-item .item {
		padding: 28px 20px;
	}

	.catalog-item__container1 .wrap .left .big-item .item .name {
		gap: 16px;
	}

	.catalog-item__container1 .wrap .left .big-item ul {
		padding-left: 35px;
		padding-right: 20px;
		font-size: 16px;
	}

	.catalog-item__container1 .wrap .left .big-item ul li:not(:first-child) {
		margin-top: 20px;
	}

	.catalog-item__container1 .wrap .right {
		width: 69%;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 {
		height: 386px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 .text {
		width: 344px;
		padding: 44px 30px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 .text .button {
		padding: 20px 40px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: .16px;
		margin-top: 32px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 .text form {
		margin-top: 68px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants .bottom .button {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: .16px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
		gap: 16px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .button {
		letter-spacing: .16px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3>div>.button {
		margin-top: 40px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .category {
		padding-left: 16px;
		max-width: 150px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button {
		margin-left: 20px;
		margin-right: 20px;
		padding: 8px 12px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button a {
		padding: 8px 12px;
		width: max-content;
		line-height: 16px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button svg {
		display: none;
	}

	.catalog-item__container1 .wrap .right .text-blocks {
		margin-top: 78px;
	}

	.catalog-item__container1 .wrap .right .text-blocks h2,.catalog-item__container1 .wrap .right .text-blocks h3,.catalog-item__container1 .wrap .right .text-blocks h4 {
		margin-top: 48px;
	}

	.catalog-item__container1 .wrap .right .text-blocks p,.catalog-item__container1 .wrap .right .text-blocks ul {
		margin-top: 24px;
	}

	.catalog-item__container1 .wrap .right .text-blocks .button {
		margin-top: 48px;
		padding: 20px 40px;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: .16px;
	}

	.catalog-item__container2 {
		padding-bottom: 50px;
		padding-top: 100px;
	}

	.catalog-item__container2 .suppliers-catalog-items {
		margin-top: 40px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item .bottom {
		height: 128px;
		padding: 0 32px;
	}

	.catalog-item__popup {
		padding: 60px 160px 50px 160px!important;
	}

	.catalog-item__popup .top .items .left .item-container .variants,.catalog-item__popup .top .items .right .item-container .variants {
		padding: 12px 16px;
		font-size: 14px;
		line-height: 20px;
	}

	.catalog-item__popup .top .result {
		gap: 12px;
	}

	.partners .ded-moroz {
		left: 835px;
		bottom: 230px;
	}

	.about .ded-moroz,.contacts .ded-moroz {
		top: 10px;
	}

	.new-year-popup .top {
		margin-top: 60px;
		flex-direction: row;
		gap: 32px;
	}
}

@media all and (min-width:1440px) {
	:root {
		--animMainSlide: -110px;
	}

	section {
		padding-top: 120px;
	}

	.container {
		padding-left: 68px;
		padding-right: 68px;
	}

	:root {
		--animMainSlide: -110px;
	}

	.about {
		padding-bottom: 120px;
	}

	.about__items .item {
		min-width: 408px;
	}

	.metall {
		padding-bottom: 120px;
	}

	.metall .swiper-wrapper .item {
		width: 408px;
	}

	.metall .swiper-wrapper .item .top {
		padding: 28px 36px;
	}

	.metall .swiper-wrapper .item .top.hover {
		padding: 60px 36px;
	}

	.metall .swiper-wrapper .item .bottom {
		padding: 40px 36px;
	}

	.delivery {
		padding-bottom: 72px;
	}

	.delivery__items .swiper-wrapper .item {
		width: 416px;
	}

	.catalog {
		padding-bottom: 120px;
	}

	.catalog .catalogSlider {
		margin-top: 40px;
	}

	.catalog__wrap .left {
		width: 464px;
	}

	.partners {
		padding-bottom: 120px;
	}

	.partners__items {
		width: 616px;
	}

	.partners__items .big-item ul {
		left: 738px;
	}

	.header__icons {
		gap: 48px;
	}

	.menu {
		padding-bottom: 170px;
	}

	.menu__items {
		margin-top: 60px;
	}

	.menu__items .title {
		font-size: 50px;
		line-height: 56px;
	}

	.menu__items .big-item ul {
		font-size: 28px;
		line-height: 32px;
		left: 924px;
	}

	.contacts {
		height: 960px;
	}

	.mainSlider .slide {
		height: 720px;
	}

	.registration form .yur-block {
		min-width: 1206px;
	}

	.notfound {
		padding-top: 60px;
		padding-bottom: 120px;
	}

	.contacts-page .cities {
		display: none;
	}

	.contacts-page .container1 {
		justify-content: flex-start!important;
		gap: 12px;
	}

	.contacts-page .container1,.contacts-page .container2 {
		height: max-content;
	}

	.career__container1 .items .swiper-wrapper .item {
		width: 386px;
	}

	.career__container4 {
		padding-bottom: 120px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item {
		padding: 45px 36px;
		width: 558px;
	}

	.career__container2 .otzivy-items .swiper-wrapper .item {
		width: 576px;
	}

	.career__container3 {
		padding-bottom: 120px;
	}

	.career__container3 .company-items .item {
		width: 408px;
	}

	.otzivy-popup {
		padding: 45px 36px!important;
	}

	.about-page__container1 .big-wrap .wrap1 .item {
		gap: 24px;
		padding-left: 40px;
		min-width: 418px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item {
		width: 408px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top {
		padding: 28px 36px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top.hover {
		padding: 60px 36px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .bottom {
		padding: 40px 36px;
	}

	.about-page__container3 .border {
		left: 68px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item {
		width: 408px;
		height: 480px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item .top {
		padding: 20px 32px;
	}

	.about-page__container5 .social-items .item {
		width: 31.2%;
	}

	.about-page__container5 .social-items .item .top {
		height: 217px;
	}

	.about-page__container5 .social-items .item .bottom {
		padding: 40px 24px;
	}

	.gallery__container1 .base-items .item {
		width: 408px;
	}

	.metall-page__container1 .button {
		margin-left: 68px;
	}

	.metall-page__container1 .wrap .item {
		width: 408px;
	}

	.metall-page__container2 .items .item {
		gap: 40px;
	}

	.metall-page__container2 .items .item .right {
		padding: 28px 36px;
		width: 408px;
		height: 275px;
	}

	.metall-page__container3 .metall-page-items .item {
		width: 408px;
	}

	.metall-page__container4 .items {
		gap: 112px;
	}

	.metall-page__container4 .items ul {
		width: 786px;
	}

	.metall-page__container5 {
		padding-bottom: 120px;
	}

	.metall-page__container5 .items {
		gap: 48px;
	}

	.metall-page__container5 .items .item {
		width: 30.8%;
	}

	.metall-page__container5 .main-text {
		margin-top: 48px;
	}

	.gosts__items {
		padding-bottom: 120px;
	}

	.suppliers__items .item {
		width: 30.8%;
	}

	.service__items {
		padding-bottom: 120px;
		gap: 48px;
	}

	.service__items .item {
		width: 30.8%;
	}

	.service__items .item .top {
		padding: 28px 36px;
	}

	.service__items .item .bottom {
		padding: 40px 36px;
	}

	.metall-calc {
		padding-bottom: 120px;
	}

	.metall-calc .form {
		padding: 60px 224px;
		gap: 60px;
	}

	.delivery-calc .wrap1 {
		height: 790px;
	}

	.delivery-calc .wrap1 .wrap-form form {
		padding: 60px;
		margin: 0 68px;
		gap: 68px;
	}

	.delivery-calc .wrap1 .wrap-form form .right {
		gap: 68px;
		width: 240px;
	}

	.delivery-calc .wrap1 .wrap-form form .left {
		gap: 50px;
	}

	.delivery-calc .wrap2 {
		padding-bottom: 120px;
	}

	.lk-page {
		padding-bottom: 120px;
	}

	.lk-page__container1 {
		margin-top: 48px;
		padding-top: 60px;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 224px 60px 224px;
	}

	.lk-page__container1 form .yur-block {
		min-width: 1206px;
	}

	.lk-page__container3 {
		margin-top: 48px;
	}

	.lk-page__container2 {
		margin-top: 48px;
	}

	.cart {
		padding-bottom: 120px;
	}

	.cart__big-wrap {
		gap: 48px;
	}

	.cart__container1 .order .order-header,.cart__container2 .order .order-header {
		padding: 14px 140px 14px 20px;
	}

	.catalog-item__container1 .top .item {
		width: 276px;
	}

	.catalog-item__container1 .wrap .left {
		width: 285px;
	}

	.catalog-item__container1 .wrap .right {
		width: 100%;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
		padding: 8px 16px;
		gap: 20px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item {
		width: 408px;
	}

	.catalog-item__popup {
		padding: 60px 224px 60px 224px!important;
	}

	.partners .ded-moroz {
		left: 910px;
		bottom: 260px;
	}

	.about .ded-moroz,.contacts .ded-moroz {
		left: 65%;
	}
}

@media all and (min-width:1700px) {
	:root {
		--animMainSlide: -130px;
	}

	.h1,h1 {
		font-size: 60px;
		line-height: 68px;
	}

	.h3,h3 {
		font-size: 28px;
		line-height: 32px;
	}

	.container {
		padding-left: 289px;
		padding-right: 289px;
	}

	.paddings {
		padding-top: 220px;
		padding-bottom: 220px;
	}

	:root {
		--animMainSlide: -130px;
	}

	.about__items .item {
		min-width: 416px;
	}

	.metall .swiper-wrapper .item {
		width: 408px;
	}

	.partners__items .big-item ul {
		left: 959px;
	}

	.menu__items .big-item ul {
		left: 1164px;
	}

	.search form {
		margin-top: 76px;
	}

	.item-container .buttons {
		gap: 32px;
	}

	.item-container .buttons .delete-button {
		padding-right: 32px;
	}

	.connection-popup {
		padding-top: 96px;
		padding-bottom: 120px;
	}

	.connection-popup .text {
		margin-top: 32px;
		font-size: 20px;
		line-height: 32px;
	}

	.connection-popup form {
		margin-top: 60px;
	}

	.connection-popup .middle textarea {
		height: 128px!important;
	}

	.connection-popup .bottom {
		margin-top: 56px;
	}

	.checkbox-label span {
		font-size: 16px;
		line-height: 24px;
	}

	.contacts:not(.contacts-page) .container {
		padding-top: 120px;
	}

	.mainpage .slide {
		padding-top: 120px;
		padding-bottom: 80px;
	}

	.slide2 .img1 {
		width: 230px;
	}

	.slide2 .img1.visible {
		bottom: -250px;
	}

	.slide2 .img2 {
		width: 130px;
		right: 330px;
	}

	.slide2 .img2.visible {
		bottom: -90px;
	}

	.slide2 .img3 {
		width: 463px;
		right: -160px;
	}

	.slide2 .img3.visible {
		bottom: -558px;
	}

	.slide3 .img1,.slide4 .img1 {
		width: 841px;
	}

	.slide3 .img2,.slide4 .img2 {
		width: 841px;
	}

	.mainSlider .slide {
		height: 720px;
	}

	.mainSlider .slide .h1,.mainSlider .slide h1 {
		width: 958px;
	}

	.mainSlider .slide-active {
		padding-left: 430px;
	}

	.career__container3 .company-items .item {
		width: 416px;
	}

	.about-page__container1 .big-wrap .wrap1 {
		gap: 48px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item {
		width: 408px;
	}

	.about-page__container3 .border {
		top: 317px;
		left: 289px;
	}

	.about-page__container3 .history-items .swiper-wrapper .item {
		gap: 58px;
		width: 416px;
	}

	.about-page__container4 .awards-items .swiper-wrapper .item {
		width: 408px;
	}

	.about-page__container5 .social-items {
		gap: 48px;
	}

	.about-page__container5 .social-items .item {
		width: 30.4%;
	}

	.gallery__container1 .base-items .item {
		width: 416px;
	}

	.metall-page__container1 .button {
		margin-left: 289px;
	}

	.metall-page__container1 .wrap .item {
		width: 416px;
	}

	.metall-page__container2 .items .item {
		gap: 50px;
	}

	.metall-page__container2 .items .item:nth-child(2n+1) .right {
		margin-left: 50px;
	}

	.metall-page__container2 .items .item .right {
		width: 416px;
		height: 280px;
	}

	.metall-page__container3 .metall-page-items .item {
		width: 416px;
	}

	.metall-page__container4 .items ul {
		width: 809px;
	}

	.metall-page__container5 .items .item {
		width: 30.5%;
	}

	.suppliers__items .item {
		width: 30.4%;
	}

	.service__items {
		gap: 48px;
	}

	.service__items .item {
		width: 30.4%;
	}

	.metall-calc .form {
		padding: 60px 234px;
		gap: 60px;
	}

	.delivery-calc .wrap1 .wrap-form form {
		padding: 60px 80px;
		margin: 0 289px;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 234px 60px 234px;
	}

	.lk-page__container2 {
		gap: 48px;
	}

	.lk-page__container2 .order .order-header .wrap1 {
		gap: 54px;
	}

	.lk-page__container2 .order .order-header .price {
		margin-left: 153px;
	}

	.lk-page__container2 .order .order-footer .total {
		font-size: 20px;
	}

	.lk-page__container2 .order .order-item {
		font-size: 16px;
		line-height: 24px;
	}

	.lk-page__container2 .order .order-item .name-number {
		gap: 58px;
	}

	.cart__empty {
		width: 230px;
	}

	.cart__wrap {
		gap: 62px;
	}

	.cart__radios {
		gap: 48px;
		width: 236px;
	}

	.cart__container1,.cart__container2 {
		gap: 48px;
	}

	.cart__container1 .order .order-header,.cart__container2 .order .order-header {
		padding: 14px 123px 14px 20px;
	}

	.cart__container1 .order .order-header .wrap1,.cart__container2 .order .order-header .wrap1 {
		gap: 54px;
	}

	.cart__container1 .order .order-header .price,.cart__container2 .order .order-header .price {
		margin-left: 83px;
	}

	.cart__container1 .order .order-footer,.cart__container2 .order .order-footer {
		padding: 24px 83px;
	}

	.cart__container1 .order .order-item,.cart__container2 .order .order-item {
		font-size: 16px;
		line-height: 24px;
	}

	.cart__container1 .order .order-item .name-number,.cart__container2 .order .order-item .name-number {
		width: 264px;
	}

	.cart__container1 .order .order-item .name-number,.cart__container2 .order .order-item .name-number {
		gap: 58px;
	}

	.cart__container1 .order .order-item .name-number .name,.cart__container2 .order .order-item .name-number .name {
		width: 264px;
	}

	.cart__container1 .order-form,.cart__container2 .order-form {
		padding: 60px 78px;
	}

	.cart__container1 .order-form .form .top,.cart__container2 .order-form .form .top {
		row-gap: 52px;
	}

	.cart__container1 .order-form .form .bottom,.cart__container2 .order-form .form .bottom {
		margin-top: 40px;
	}

	.cart__container1 .order-form .form .bottom .button,.cart__container2 .order-form .form .bottom .button {
		min-width: 215px;
	}

	.catalog-item__container1 .top .item {
		width: 276px;
	}

	.catalog-item__container1 .wrap .left {
		width: 285px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .category {
		padding-left: 16px;
	}

	.catalog-item__container1 .wrap .right .text-blocks h2 {
		font-size: 28px;
		line-height: 32px;
	}

	.catalog-item__container2 .suppliers-catalog-items .swiper-wrapper .item {
		width: 416px;
	}

	.catalog-item__popup {
		padding: 60px 234px 60px 234px!important;
	}

	.mainpage .ded-moroz {
		bottom: 361px;
	}

	.partners .ded-moroz {
		bottom: 255px;
		left: 1124px;
	}

	.catalog .ded-moroz {
		right: 294px;
	}

	.catalog .ded-moroz .ded-small,.catalog .ded-moroz .text-small {
		display: none;
	}

	.catalog .ded-moroz .text {
		left: 100px;
	}

	.about .ded-moroz,.contacts .ded-moroz {
		top: 14px;
	}

	.new-year-popup {
		padding-top: 120px;
		padding-bottom: 220px;
	}

	.new-year-popup .snow1 {
		right: 166px;
		bottom: 103px;
	}

	.new-year-popup .snow2 {
		right: 226px;
		top: 366px;
	}

	.new-year-popup .snow3 {
		top: 295px;
		left: 116px;
	}

	.new-year-popup .snow4 {
		top: 108px;
		left: 180px;
	}

	.new-year-popup .snow5 {
		left: 182px;
		top: 462px;
	}

	.new-year-popup .snow6 {
		bottom: 70px;
		right: 390px;
	}

	.new-year-popup .text {
		margin-top: 32px;
		font-size: 20px;
		line-height: 32px;
	}

	.new-year-popup form {
		margin-top: 60px;
	}

	.new-year-popup .bottom {
		margin-top: 56px;
	}
}

@media all and (min-width:1800px) {
	:root {
		--animMainSlide: -135px;
	}

	:root {
		--animMainSlide: -135px;
	}
}

@media all and (min-width:1900px) {
	:root {
		--animMainSlide: -145px;
	}

	:root {
		--animMainSlide: -145px;
	}
}

@media all and (max-width:1699px) {
	.catalog .ded-moroz .ded-big,.catalog .ded-moroz .text-big {
		display: none;
	}
}

@media all and (max-width:1600px) {
	.news__grid {
		gap: 40px;
	}

	.news__grid-item-content {
		padding: 0 32px 32px;
	}
}

@media all and (max-width:1439px) {
	.contacts-page .container4 {
		display: none;
	}
}

@media all and (max-width:1300px) {
	.sitemap__mainitem-link svg {
		height: 36px;
	}

	.sitemap__mainitem-link-title {
		font-size: 32px;
	}

	.news {
		padding-bottom: 80px;
	}

	.news__filter-item-link {
		font-size: 16px;
	}

	.news__filter-date-text {
		font-size: 14px;
	}

	.news__grid {
		padding: 32px 0 32px;
	}

	.news__grid-item {
		gap: 32px;
	}

	.news__grid-item-content {
		padding: 0 24px 32px;
	}

	.news__grid-item-content-info {
		margin-bottom: 20px;
	}

	.news__grid-item-content-title {
		font-size: 16px!important;
		margin-bottom: 20px!important;
	}

	.news__article-content .news-image-big a img {
		max-height: 540px;
	}

	.banner {
		padding: 60px;
	}

	.banner-close-button {
		top: 20px;
		right: 20px;
	}

	.banner-title {
		font-size: 52px;
		line-height: 52px;
		margin-bottom: 24px;
	}

	.banner-text {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 36px;
	}

	.banner-list {
		width: 100vw;
		grid-template-columns: repeat(2,1fr);
		gap: 30px;
	}

	.banner-item-link {
		font-size: 24px;
		line-height: 28px;
	}
}

@media all and (max-width:1280px) {
	.sitemap__sitemap--has-list:not(:last-child) {
		padding-bottom: 32px;
		margin-bottom: 32px;
	}

	.sitemap__seconditem-link-title {
		font-size: 16px;
	}

	.news__grid {
		gap: 32px;
	}

	.news__grid-item-image {
		height: 170px;
	}

	.news__showmore-button {
		padding: 15px 30px;
		font-size: 14px;
	}

	.news__article {
		margin-top: 32px;
	}
}

@media all and (max-width:1279px) {
	.footer__top .h4-useful span {
		display: block;
	}

	.header__call {
		display: none;
	}

	.header__call>span {
		font-size: 20px;
		line-height: 24px;
	}

	.header__call .cities, .header-catalog-wrap {
		display: none;
	}

	.breadcrumbs>:not(.back-mob) {
		display: none;
	}

	.breadcrumbs .back-mob {
		color: #7fac7f;
		transition: .7s ease;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.breadcrumbs .back-mob:hover {
		color: #19a08d;
	}

	.breadcrumbs .back-mob:hover svg path {
		transition: .7s ease;
		fill: #19a08d;
	}

	.connection-popup {
		height: 100%;
	}

	.checkbox-label span {
		max-width: 170px;
	}

	.checkbox+label::before {
		margin-top: -15px;
	}

	.metall-calc .form .items .left .item-container .form-item .label,.metall-calc .form .items .right .item-container .form-item .label {
		font-size: 13px;
	}

	.delivery-calc .wrap1 .wrap-form form .left .item-container .form-item .label {
		font-size: 13px;
	}

	.cart__container1 .order-form .form .bottom .br,.cart__container2 .order-form .form .bottom .br {
		display: block;
	}

	.catalog-item__container1 .wrap .left .big-item svg {
		display: none;
	}

	.catalog-item__popup .top .items .left .item-container .form-item .label,.catalog-item__popup .top .items .right .item-container .form-item .label {
		font-size: 13px;
	}

	.new-year-popup {
		height: 100%;
	}
}

@media all and (max-width:1180px) {
	.news__article {
		justify-content: flex-start;
		flex-direction: column;
		gap: 32px;
		padding-left: 0;
	}

	.news__article-date {
		position: static;
	}

	.news__article-content {
		max-width: max-content;
	}

	.news__article-content .news-image-big {
		margin: 32px;
	}

	.news__article-content .news-list:not(:last-child) {
		margin: 32px;
	}

	.news__article-back {
		position: static;
	}
}

@media all and (max-width:1160px) {
	.news__grid-item-content-info-tag {
		width: 62px;
		text-align: right;
	}
}

@media all and (max-width:1024px) {
	.sitemap__mainitem {
		gap: 80px;
	}

	.news__article-content {
		font-size: 14px;
	}

	.news__article-content p {
		font-size: 14px;
	}

	.news__article-content .news-image-big a img {
		max-height: 420px;
	}

	.news__article-content .news-gallery-row {
		justify-content: center;
		gap: 30px;
		margin-top: 32px;
	}

	.banner {
		padding: 60px 20px 60px;
		top: 0;
		transform: translate(calc(-50% + 100px),0);
	}

	.banner-close-button {
		top: 8px;
		right: 8px;
	}

	.banner-title {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 12px;
	}

	.banner-text {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 28px;
	}

	.banner-list {
		gap: 28px;
	}

	.banner-item-title {
		font-size: 15px;
		line-height: 20px;
		margin-bottom: 8px;
	}

	.banner-item-link {
		font-size: 20px;
		line-height: 24px;
	}

	.banner-show-button {
		width: 240px;
		font-size: 16px;
		line-height: 16px;
	}

	.banner-wrap.show .banner {
		transform: translate(-50%,0);
	}
}

@media all and (max-width:1023px) {
	.follow-cursor {
		display: none;
	}

	.about__items {
		padding-right: 0;
	}

	.metall .swiper-wrapper .item .top .h3,.metall .swiper-wrapper .item .top h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.delivery__items .swiper-wrapper {
		padding-right: 0;
	}

	.header.pos-relative {
		position: relative;
		z-index: 1;
	}

	.entrance,.restore {
		width: 100%!important;
		height: 100%!important;
	}

	.registration {
		width: 100%!important;
	}

	.registration form .fiz-block .bottom {
		flex-direction: column;
		gap: 28px;
	}

	.registration form .yur-block .wrap {
		flex-direction: column;
		gap: 52px;
	}

	.registration form .yur-block .bottom {
		flex-direction: column;
		gap: 28px;
	}

	.registration .checkbox-wrapper {
		gap: 29px;
	}

	.registration .checkbox-wrapper label {
		font-size: 12px;
	}

	.blocker {
		padding: 0!important;
	}

	.notfound .h1 span,.notfound h1 span {
		display: block;
	}

	.career__container1 .items .swiper-wrapper {
		padding-right: 0;
	}

	.otzivy-popup {
		width: 100%!important;
		min-height: 100%!important;
	}

	.otzivy-popup p {
		margin-top: auto;
		margin-bottom: auto;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top .h3,.about-page__container2 .mission-items .swiper-wrapper .item .top h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.metall-page__container1 .wrap {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.metall-page__container2 .items .item .left .h3,.metall-page__container2 .items .item .left h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.metall-calc .radio-label {
		font-size: 12px;
	}

	.lk-page__container1 form .fiz-block .bottom {
		flex-direction: column;
		gap: 28px;
	}

	.lk-page__container1 form .yur-block .wrap {
		flex-direction: column;
		gap: 52px;
	}

	.lk-page__container1 form .yur-block .bottom {
		flex-direction: column;
		gap: 28px;
	}

	.lk-page .checkbox-wrapper {
		gap: 29px;
	}

	.lk-page .checkbox-wrapper label {
		font-size: 12px;
	}

	.cart .checkbox-wrapper {
		gap: 29px;
	}

	.catalog-item__container1 .top .item {
		display: none;
	}

	.catalog-item__container1 .wrap .left {
		display: none;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container1 .text {
		display: none;
	}

	.catalog-item__popup .radio-label {
		font-size: 12px;
	}
}

@media all and (max-width:1014px) {
	.news__grid {
		grid-template-columns: repeat(2,1fr);
	}

	.news__grid-item-content-desc {
		font-size: 14px;
	}
}

@media all and (max-width:1004px) {
	.news__filter-select {
		max-height: 22px;
	}

	.news__filter-select--active {
		max-height: fit-content;
	}

	.news__filter-item-link .news-arrow {
		display: inline-block;
	}

	.news__grid-item-content-info-tag {
		width: auto;
		text-align: right;
	}
}

@media all and (max-width:1000px) {
	.about__items {
		overflow-x: scroll;
		overflow-y: hidden;
	}
}

@media all and (max-width:768px) {
	.registration .close {
		margin-left: 92%;
	}

	.order-popup {
		padding: 28px 20px 40px 20px!important;
		width: 320px;
	}

	.order-popup .close {
		margin-left: 92%;
	}

	.news__modul-window {
		padding: 30px;
		width: 100%;
		max-width: 340px;
	}

	.otzivy-popup .close {
		margin-left: 92%;
	}

	.lk-page__container1 .close {
		margin-left: 92%;
	}

	.banner-list {
		grid-template-columns: 1fr;
	}
}

@media all and (max-width:767px) {
	.metall .h1-wrap .arrow-link {
		display: none;
	}

	.metall .swiper-wrapper .item .top .h3,.metall .swiper-wrapper .item .top h3 {
		font-size: 15px;
		line-height: 20px;
	}

	.delivery .h1-wrap .button {
		top: -19px;
	}

	.delivery .h1 a span,.delivery h1 a span {
		display: block;
	}

	.delivery__items .swiper-wrapper .item:last-child {
		display: none;
	}

	.catalog::before {
		height: 500px;
	}

	.partners__items .big-item ul {
		display: block;
		opacity: 0;
		height: 0;
	}

	.header__logo .desktop {
		display: none;
	}

	.header__connection-button {
		display: none;
	}

    .header__contacts-link{
        display: none;
    }

	.menu .top {
		border-bottom: 1px solid #fff;
	}

	.menu__items .big-item ul {
		padding-bottom: 20px;
	}

	.menu__items .big-item ul li:not(:first-child) {
		margin-top: 16px;
	}

	.search .top {
		border-bottom: 1px solid #fff;
	}

	.time-mobile-popup .top {
		border-bottom: 1px solid #fff;
	}

	.contacts .container .wrap .containers .container1 {
		gap: 10px;
	}

	.entrance,.restore {
		padding: 28px 20px 40px 20px!important;
	}

	.entrance .close,.restore .close {
		margin-left: 92%;
	}

	.entrance form .middle,.restore form .middle {
		flex-direction: column;
	}

	.entrance .bottom,.restore .bottom {
		flex-direction: column;
	}

	.registration {
		padding: 28px 20px 40px 20px!important;
	}

	.notfound p span {
		display: block;
	}

	.news__filter {
		flex-direction: column;
		gap: 14px;
		align-items: flex-start;
	}

	.about-page__container1 .big-wrap .wrap3 {
		overflow-x: scroll;
		overflow-y: hidden;
	}

	.about-page__container1 .big-wrap .wrap3 .item:first-child {
		max-width: 330px;
	}

	.about-page__container2 .mission-items .swiper-wrapper .item .top .h3,.about-page__container2 .mission-items .swiper-wrapper .item .top h3 {
		font-size: 15px;
		line-height: 20px;
	}

	.service .big-text {
		font-size: 14px;
		line-height: 20px;
	}

	.lk-page .navigation .text .lk-exit {
		margin-left: 35px;
	}

	.lk-page .navigation .text .lk-exit span {
		display: none;
	}

	.lk-page__container1 form .fiz-block {
		padding: 0 20px 40px 20px;
	}

	.lk-page__container1 form .yur-block {
		padding: 28px 20px 40px 20px;
	}

	.lk-page__container3 {
		padding: 40px 20px 40px 20px;
	}

	.lk-page__container2 .order .order-top {
		flex-direction: column;
		gap: 10px;
	}

	.lk-page__container2 .order .order-header {
		display: none;
	}

	.lk-page__container2 .order .order-item {
		gap: 20px;
		flex-direction: column;
	}

	.lk-page__container2 .order .order-item .delete-order-item {
		position: absolute;
		right: 20px;
		top: 28px;
	}

	.lk-page__container2 .order .order-item .inputs {
		width: 100%;
	}

	.lk-page__container2 .order .order-item .inputs .wrap {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.lk-page__container2 .order .order-item .price,.lk-page__container2 .order .order-item .sum {
		padding: 0 20px;
	}

	.cart__radios .first h4,.cart__radios .second h4 {
		font-size: 16px;
	}

	.cart__container1 .order .order-header,.cart__container2 .order .order-header {
		display: none;
	}

	.cart__container1 .order .order-item,.cart__container2 .order .order-item {
		gap: 20px;
		flex-direction: column;
	}

	.cart__container1 .order .order-item .delete-order-item,.cart__container2 .order .order-item .delete-order-item {
		position: absolute;
		right: 20px;
		top: 28px;
	}

	.cart__container1 .order .order-item .price,.cart__container1 .order .order-item .sum,.cart__container2 .order .order-item .price,.cart__container2 .order .order-item .sum {
		padding: 0 20px;
	}

	.cart__container1 .order .order-item .inputs,.cart__container2 .order .order-item .inputs {
		width: 100%;
	}

	.cart__container1 .order .order-item .inputs .wrap,.cart__container2 .order .order-item .inputs .wrap {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.cart__container1 .order-form .form .bottom,.cart__container2 .order-form .form .bottom {
		flex-direction: column;
		gap: 28px;
	}

	.cart__container1 .order-form .form .bottom .button,.cart__container2 .order-form .form .bottom .button {
		align-self: center;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons {
		grid-template-columns: repeat(2,1fr);
		display: grid;
		gap: 4px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .variants {
		width: 100%;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-buttons .button-wrap .button {
		justify-content: space-between;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results {
		flex-direction: column;
		justify-content: flex-start;
		gap: 12px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container2 .filter-results .button {
		width: 100%;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button {
		margin-left: 20px;
		margin-right: 20px;
		height: 32px;
		margin-top: 28px!important;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button a {
		padding: 8px 12px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button svg {
		display: none;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr {
		display: block;
		border-bottom: 1px solid rgba(255,255,255,.1);
		padding-bottom: 28px;
		padding-top: 32px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td {
		padding: 0;
		display: flex;
		align-items: center;
		min-height: 24px;
		height: 24px;
		text-align: left;
		justify-content: space-between;
		padding-left: 20px;
		padding-right: 20px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td:not(:first-child) {
		margin-top: 12px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td:before {
		text-align: left;
		color: #c8c8c8;
		display: flex;
		align-items: center;
		padding-top: 9px;
		padding-bottom: 9px;
		content: attr(data-label);
		float: left;
		flex-shrink: 0;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td s {
		display: none;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td img {
		width: 40px;
		height: 40px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td>span {
		padding-top: 9px;
		padding-bottom: 9px;
		align-self: center;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table tr td:not(:first-child) {
		border-top: 0!important;
	}

	.mainpage .ded-moroz .ded-big,.mainpage .ded-moroz .text-big {
		display: none;
	}

	.partners .ded-moroz .ded-big,.partners .ded-moroz .text-big {
		display: none;
	}

	.catalog .ded-moroz .ded-small {
		display: none;
	}

	.about .ded-moroz .text-big,.contacts .ded-moroz .text-big {
		display: none;
	}
}

@media all and (max-width:765px) {
	.news__filter-select {
		width: 100%;
	}
}

@media all and (max-width:688px) {
	.news__grid {
		grid-template-columns: repeat(1,1fr);
	}
}

@media all and (max-width:600px) {
	.partners::before {
		background-position: -630px center;
	}
}

@media all and (max-width:550px) {
	.sitemap__mainitem:not(:last-child) {
		margin-bottom: 20px;
	}

	.sitemap__mainitem-link-title {
		font-size: 24px;
		line-height: 36px;
	}

	.sitemap__sitemap--has-list:not(:last-child) {
		flex-direction: column;
		gap: 20px;
		padding-bottom: 28px;
		margin-bottom: 28px;
	}

	.sitemap__sitemap--has-list:not(:last-child) .sitemap__mainitem-link {
		max-width: 100%;
		width: 100%;
	}

	.sitemap__secondlist {
		width: 100%;
	}

	.sitemap__seconditem-link-title {
		font-size: 15px;
	}

	.news {
		padding-bottom: 60px;
	}

	.news__grid-item-content-info-date {
		min-width: 140px;
	}

	.news__article {
		margin-top: 28px;
		gap: 28px;
	}

	.news__article-content .news-image-big {
		margin: 28px;
	}

	.news__article-content .news-image-big a img {
		max-height: 200px;
	}

	.news__article-content .news-gallery-row {
		gap: 10px;
		margin-top: 28px;
	}

	.news__article-content .news-list:not(:last-child) {
		margin: 28px;
	}
}

@media (min-width:768px) and (max-width:1023px) {
	.about__items .item .h3,.about__items .item h3 {
		font-size: 20px;
	}

	.catalog__sections .item {
		max-width: 100px;
	}

	.catalog__sections .item svg {
		margin-left: -15px;
	}

	.connection-popup {
		padding-left: 122px;
		padding-right: 122px;
	}

	.cart__radios .first .checkbox-wrapper,.cart__radios .second .checkbox-wrapper {
		flex-direction: row;
		gap: 52px;
	}

	.new-year-popup {
		padding-left: 122px;
		padding-right: 122px;
	}
}

@media (min-width:768px) and (max-width:900px) {
	.partners__items .big-item ul {
		max-width: 290px;
	}
}

@media (min-width:1024px) and (max-width:1279px) {
	.label.small {
		font-size: 15px;
	}
}

@media (min-width:1280px) and (max-width:1439px) {
	.mainpage {
		max-height: 700px;
	}

	.mainSlider {
		height: 100%;
	}
}

@media (min-width:768px) and (max-width:1279px) {
	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button a {
		width: 40px;
		height: 40px;
	}

	.catalog-item__container1 .wrap .right .right-wrap .container3 .table .button span {
		display: none;
	}
}

@media (min-width:768px) and (max-width:1699px) {
	.catalog .ded-moroz {
		top: 30px;
	}
}

@media (max-width: 600px) {
	.animated-cards-js,
	.animated-js,
	.animated-js-delay {
		opacity: 1;
		transition: none;
		transform: none;
	}

	.catalog-item::before {
		display: none;
	}

	.--catalog-redesign .catalog-item__container1 .wrap .right .right-wrap {
		position: static;
	}
}

/* fancybox */
:root{--f-spinner-width: 36px;--f-spinner-height: 36px;--f-spinner-color-1: rgba(0, 0, 0, 0.1);--f-spinner-color-2: rgba(17, 24, 28, 0.8);--f-spinner-stroke: 2.75}.f-spinner{margin:auto;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height)}.f-spinner svg{width:100%;height:100%;vertical-align:top;animation:f-spinner-rotate 2s linear infinite}.f-spinner svg *{stroke-width:var(--f-spinner-stroke);fill:none}.f-spinner svg *:first-child{stroke:var(--f-spinner-color-1)}.f-spinner svg *:last-child{stroke:var(--f-spinner-color-2);animation:f-spinner-dash 2s ease-in-out infinite}@keyframes f-spinner-rotate{100%{transform:rotate(360deg)}}@keyframes f-spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.f-throwOutUp{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0, var(--f-throw-out-distance, 150px), 0);opacity:0}}.f-zoomInUp{animation:var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, 0.2s) ease both f-zoomOutDown}@keyframes f-zoomInUp{from{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(0.975) translate3d(0, 16px, 0);opacity:0}}.f-fadeIn{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeOut{100%{opacity:0}}.f-fadeFastIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;z-index:2}.f-fadeFastOut{animation:var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;z-index:2}@keyframes f-fadeFastIn{0%{opacity:.75}100%{opacity:1}}@keyframes f-fadeFastOut{100%{opacity:0}}.f-fadeSlowIn{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;z-index:2}.f-fadeSlowOut{animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;z-index:1}@keyframes f-fadeSlowIn{0%{opacity:0}100%{opacity:1}}@keyframes f-fadeSlowOut{100%{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}100%{opacity:1}}@keyframes f-crossfadeOut{100%{opacity:0}}.f-slideIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext}.f-slideIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev}.f-slideOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext}.f-slideOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev}@keyframes f-slideInPrev{0%{transform:translateX(100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideInNext{0%{transform:translateX(-100%)}100%{transform:translate3d(0, 0, 0)}}@keyframes f-slideOutNext{100%{transform:translateX(-100%)}}@keyframes f-slideOutPrev{100%{transform:translateX(100%)}}.f-classicIn.from-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;z-index:2}.f-classicIn.from-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;z-index:2}.f-classicOut.to-next{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;z-index:1}.f-classicOut.to-prev{animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;z-index:1}@keyframes f-classicInNext{0%{transform:translateX(-75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicInPrev{0%{transform:translateX(75px);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes f-classicOutNext{100%{transform:translateX(-75px);opacity:0}}@keyframes f-classicOutPrev{100%{transform:translateX(75px);opacity:0}}:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-hover-bg: #e0e0e0;--f-button-active-bg: #d0d0d0;--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-disabled-opacity: 0.65}.f-button{display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);pointer-events:all;cursor:pointer;transition:var(--f-button-transition)}@media(hover: hover){.f-button:hover:not([disabled]){color:var(--f-button-hover-color);background-color:var(--f-button-hover-bg)}}.f-button:active:not([disabled]){background-color:var(--f-button-active-bg)}.f-button:focus:not(:focus-visible){outline:none}.f-button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);fill:var(--f-button-svg-fill);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;transition:opacity .15s ease;transform:var(--f-button-transform);filter:var(--f-button-svg-filter);pointer-events:none}.f-button[disabled]{cursor:default}.f-button[disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{position:absolute;z-index:1}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{top:50%;transform:translateY(-50%)}.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{left:var(--f-button-prev-pos)}.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{left:auto;right:var(--f-button-next-pos)}.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{right:auto;left:var(--f-button-prev-pos)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{top:auto;left:50%;transform:translateX(-50%)}.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{top:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{bottom:var(--f-button-next-pos)}.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{transform:rotate(90deg)}.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled{pointer-events:none}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));overflow:hidden !important;overscroll-behavior-y:none}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-hover-color: #fff;--fancybox-bg: rgba(24, 24, 27, 0.98);--fancybox-slide-gap: 10px;--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-color-1: rgba(255, 255, 255, 0.1);--f-spinner-color-2: #bbb;--f-spinner-stroke: 3.65;position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;color:#f8f8f8;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:visible;z-index:var(--fancybox-zIndex, 1050);outline:none;transform-origin:top left;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:contain}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container::backdrop{background-color:rgba(0,0,0,0)}.fancybox__backdrop{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;background:var(--fancybox-bg);opacity:var(--fancybox-opacity, 1);will-change:opacity}.fancybox__carousel{position:relative;box-sizing:border-box;flex:1;min-height:0;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__viewport{width:100%;height:100%}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__track{display:flex;margin:0 auto;height:100%}.fancybox__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 var(--fancybox-slide-gap) 0 0;padding:4px;overflow:auto;overscroll-behavior:contain;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{padding-top:40px}.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{overflow:hidden}.fancybox__slide.has-image{overflow:hidden}.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{overflow:visible}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}.fancybox__backdrop:empty,.fancybox__viewport:empty,.fancybox__track:empty,.fancybox__slide:empty{display:block}.fancybox__content{align-self:center;display:flex;flex-direction:column;position:relative;margin:0;padding:2rem;max-width:100%;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);cursor:default;border-radius:0;z-index:20}.is-loading .fancybox__content{opacity:0}.is-draggable .fancybox__content{cursor:move;cursor:grab}.can-zoom_in .fancybox__content{cursor:zoom-in}.can-zoom_out .fancybox__content{cursor:zoom-out}.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__content [data-selectable],.fancybox__content [contenteditable]{cursor:auto}.fancybox__slide.has-image>.fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:none;transform:translate3d(0, 0, 0);backface-visibility:hidden}.fancybox__slide.has-image>.fancybox__content>picture>img{width:100%;height:auto;max-height:100%}.is-animating .fancybox__content,.is-dragging .fancybox__content{will-change:transform,width,height}.fancybox-image{margin:auto;display:block;width:100%;height:100%;min-height:0;object-fit:contain;user-select:none;filter:blur(0px)}.fancybox__caption{align-self:center;max-width:100%;flex-shrink:0;margin:0;padding:14px 0 4px 0;overflow-wrap:anywhere;line-height:1.375;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);cursor:auto;visibility:visible}.is-loading .fancybox__caption,.is-closing .fancybox__caption{opacity:0;visibility:hidden}.is-compact .fancybox__caption{padding-bottom:0}.f-button.is-close-btn{--f-button-svg-stroke-width: 2;position:absolute;top:0;right:8px;z-index:40}.fancybox__content>.f-button.is-close-btn{--f-button-width: 34px;--f-button-height: 34px;--f-button-border-radius: 4px;--f-button-color: var(--fancybox-color, #fff);--f-button-hover-color: var(--fancybox-color, #fff);--f-button-bg: transparent;--f-button-hover-bg: transparent;--f-button-active-bg: transparent;--f-button-svg-width: 22px;--f-button-svg-height: 22px;position:absolute;top:-38px;right:0;opacity:.75}.is-loading .fancybox__content>.f-button.is-close-btn{visibility:hidden}.is-zooming-out .fancybox__content>.f-button.is-close-btn{visibility:hidden}.fancybox__content>.f-button.is-close-btn:hover{opacity:1}.fancybox__footer{padding:0;margin:0;position:relative}.fancybox__footer .fancybox__caption{width:100%;padding:24px;opacity:var(--fancybox-opacity, 1);transition:all .25s ease}.is-compact .fancybox__footer{position:absolute;bottom:0;left:0;right:0;z-index:20;background:rgba(24,24,27,.5)}.is-compact .fancybox__footer .fancybox__caption{padding:12px}.is-compact .fancybox__content>.f-button.is-close-btn{--f-button-border-radius: 50%;--f-button-color: #fff;--f-button-hover-color: #fff;--f-button-outline-color: #000;--f-button-bg: rgba(0, 0, 0, 0.6);--f-button-active-bg: rgba(0, 0, 0, 0.6);--f-button-hover-bg: rgba(0, 0, 0, 0.6);--f-button-svg-width: 18px;--f-button-svg-height: 18px;--f-button-svg-filter: none;top:5px;right:5px}.fancybox__nav{--f-button-width: 50px;--f-button-height: 50px;--f-button-border: 0;--f-button-border-radius: 50%;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: transparent;--f-button-hover-bg: rgba(24, 24, 27, 0.3);--f-button-active-bg: rgba(24, 24, 27, 0.5);--f-button-shadow: none;--f-button-transition: all 0.15s ease;--f-button-transform: none;--f-button-svg-width: 26px;--f-button-svg-height: 26px;--f-button-svg-stroke-width: 2.5;--f-button-svg-fill: none;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));--f-button-svg-disabled-opacity: 0.65;--f-button-next-pos: 1rem;--f-button-prev-pos: 1rem;opacity:var(--fancybox-opacity, 1)}.fancybox__nav .f-button:before{position:absolute;content:"";top:-30px;right:-20px;left:-20px;bottom:-30px;z-index:1}.is-idle .fancybox__nav{animation:.15s ease-out both f-fadeOut}.is-idle.is-compact .fancybox__footer{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__slide>.f-spinner{position:absolute;top:50%;left:50%;margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));z-index:30;cursor:pointer}.fancybox-protected{position:absolute;top:0;left:0;right:0;bottom:0;z-index:40;user-select:none}.fancybox-ghost{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0;object-fit:contain;z-index:40;user-select:none;pointer-events:none}.fancybox-focus-guard{outline:none;opacity:0;position:fixed;pointer-events:none}.fancybox__container:not([aria-hidden]){opacity:0}.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{animation:var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn}.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){animation:var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut}.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{animation:var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{width:calc(100% - 120px);height:90%}.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content{width:100%;height:100%}.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.f-carousel__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-outline: 0;--f-thumb-outline-color: #5eb0ef;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1;--f-thumb-border-radius: 2px;--f-thumb-offset: 0px;--f-button-next-pos: 0;--f-button-prev-pos: 0}.f-carousel__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1;--f-thumb-selected-opacity: 1}.f-carousel__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px}.f-thumbs{position:relative;flex:0 0 auto;margin:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;perspective:1000px;transform:translateZ(0)}.f-thumbs .f-spinner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;background-image:linear-gradient(#ebeff2, #e2e8f0);z-index:-1}.f-thumbs .f-spinner svg{display:none}.f-thumbs.is-vertical{height:100%}.f-thumbs__viewport{width:100%;height:auto;overflow:hidden;transform:translate3d(0, 0, 0)}.f-thumbs__track{display:flex}.f-thumbs__slide{position:relative;flex:0 0 auto;box-sizing:content-box;display:flex;align-items:center;justify-content:center;padding:0;margin:0;width:var(--f-thumb-width);height:var(--f-thumb-height);overflow:visible;cursor:pointer}.f-thumbs__slide.is-loading img{opacity:0}.is-classic .f-thumbs__viewport{height:100%}.is-modern .f-thumbs__track{width:max-content}.is-modern .f-thumbs__track::before{content:"";position:absolute;top:0;bottom:0;left:calc((var(--f-thumb-clip-width, 0))*-0.5);width:calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0));cursor:pointer}.is-modern .f-thumbs__slide{width:var(--f-thumb-clip-width);transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);transition:none;pointer-events:none}.is-modern.is-resting .f-thumbs__slide{transition:transform .33s ease}.is-modern.is-resting .f-thumbs__slide__button{transition:clip-path .33s ease}.is-using-tab .is-modern .f-thumbs__slide:focus-within{filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))}.f-thumbs__slide__button{appearance:none;width:var(--f-thumb-width);height:100%;margin:0 -100% 0 -100%;padding:0;border:0;position:relative;border-radius:var(--f-thumb-border-radius);overflow:hidden;background:rgba(0,0,0,0);outline:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;opacity:var(--f-thumb-opacity);transition:opacity .2s ease}.f-thumbs__slide__button:hover{opacity:var(--f-thumb-hover-opacity)}.f-thumbs__slide__button:focus:not(:focus-visible){outline:none}.f-thumbs__slide__button:focus-visible{outline:none;opacity:var(--f-thumb-selected-opacity)}.is-modern .f-thumbs__slide__button{--clip-path: inset( 0 calc( ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5 ) round var(--f-thumb-border-radius, 0) );clip-path:var(--clip-path)}.is-classic .is-nav-selected .f-thumbs__slide__button{opacity:var(--f-thumb-selected-opacity)}.is-classic .is-nav-selected .f-thumbs__slide__button::after{content:"";position:absolute;top:0;left:0;right:0;height:auto;bottom:0;border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);border-radius:var(--f-thumb-border-radius);animation:f-fadeIn .2s ease-out;z-index:10}.f-thumbs__slide__img{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:var(--f-thumb-offset);box-sizing:border-box;pointer-events:none;object-fit:cover;border-radius:var(--f-thumb-border-radius)}.f-thumbs.is-horizontal .f-thumbs__track{padding:8px 0 12px 0}.f-thumbs.is-horizontal .f-thumbs__slide{margin:0 var(--f-thumb-gap) 0 0}.f-thumbs.is-vertical .f-thumbs__track{flex-wrap:wrap;padding:0 8px}.f-thumbs.is-vertical .f-thumbs__slide{margin:0 0 var(--f-thumb-gap) 0}.fancybox__thumbs{--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-border-radius: 2px;--f-thumb-outline: 2px;--f-thumb-outline-color: #ededed;position:relative;opacity:var(--fancybox-opacity, 1);transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)}.fancybox__thumbs.is-classic{--f-thumb-gap: 8px;--f-thumb-opacity: 0.5;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-classic .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-modern{--f-thumb-gap: 4px;--f-thumb-extra-gap: 16px;--f-thumb-clip-width: 46px;--f-thumb-opacity: 1;--f-thumb-hover-opacity: 1}.fancybox__thumbs.is-modern .f-spinner{background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))}.fancybox__thumbs.is-horizontal{padding:0 var(--f-thumb-gap)}.fancybox__thumbs.is-vertical{padding:var(--f-thumb-gap) 0}.is-compact .fancybox__thumbs{--f-thumb-width: 64px;--f-thumb-clip-width: 32px;--f-thumb-height: 48px;--f-thumb-extra-gap: 10px}.fancybox__thumbs.is-masked{max-height:0px !important}.is-closing .fancybox__thumbs{transition:none !important}.fancybox__toolbar{--f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));--f-button-width: 46px;--f-button-height: 46px;--f-button-color: var(--fancybox-color);--f-button-hover-color: var(--fancybox-hover-color);--f-button-bg: rgba(24, 24, 27, 0.65);--f-button-hover-bg: rgba(70, 70, 73, 0.65);--f-button-active-bg: rgba(90, 90, 93, 0.65);--f-button-border-radius: 0;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.5;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: 0.65;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;color:var(--fancybox-color, currentColor);opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));pointer-events:none;z-index:20}.fancybox__toolbar :focus-visible{z-index:1}.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{position:absolute;top:0;left:0;right:0}.is-idle .fancybox__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start}.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{flex-grow:1;flex-basis:0}.fancybox__toolbar__column.is-right{display:flex;justify-content:flex-end;flex-wrap:nowrap}.fancybox__infobar{padding:0 5px;line-height:var(--f-button-height);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;cursor:default;user-select:none}.fancybox__infobar span{padding:0 5px}.fancybox__infobar:not(:first-child):not(:last-child){background:var(--f-button-bg)}[data-fancybox-toggle-slideshow]{position:relative}[data-fancybox-toggle-slideshow] .f-progress{height:100%;opacity:.3}[data-fancybox-toggle-slideshow] svg g:first-child{display:flex}[data-fancybox-toggle-slideshow] svg g:last-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{display:none}.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:first-child{display:flex}[data-fancybox-toggle-fullscreen] svg g:last-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{display:none}:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{display:flex}.f-progress{position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));z-index:30;user-select:none;pointer-events:none}
