@charset "UTF-8";

@keyframes anim_hor {
	0% {
		opacity: 1;
		transform: translateX(0) translateY(0) rotate(0deg) scale(1, 1);
		animation-timing-function: linear
	}

	50% {
		opacity: 1;
		transform: translateX(12px) translateY(0) rotate(0deg) scale(1, 1);
		animation-timing-function: linear
	}

	to {
		opacity: 1;
		transform: translateX(0) translateY(0) rotate(0deg) scale(1, 1)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-100%, 0, 0)
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0)
	}
}

@keyframes rotation {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-slider {
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: 0
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:after,
.slick-track:before {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir=rtl] .slick-slide {
	float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
	cursor: pointer;
	display: block;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	background-color: transparent;
	border: 0;
	font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	min-height: 32px
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline;
	list-style: none;
	padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
	background-color: transparent;
	border: 0;
	font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: 0;
	font-size: 100%;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	max-width: 100%;
	resize: none;
	height: 18px;
	vertical-align: bottom;
	font-family: sans-serif;
	overflow: hidden;
	word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button,
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: #fff;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option--selectable {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	height: 26px;
	margin-right: 20px;
	padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888;
	border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
	cursor: text;
	padding-bottom: 5px;
	padding-right: 5px;
	position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
	padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	font-weight: 700;
	height: 20px;
	margin-right: 10px;
	margin-top: 5px;
	position: absolute;
	right: 0;
	padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0 0 0 20px;
	position: relative;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
	white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: 0;
	border-right: 1px solid #aaa;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #999;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: 0 4px;
	position: absolute;
	left: 0;
	top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	background-color: #f1f1f1;
	color: #333;
	outline: 0
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-left: 1px solid #aaa;
	border-right: none;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
	float: left;
	margin-left: 10px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #000 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: 0 0;
	border: 0;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--group {
	padding: 0
}

.select2-container--default .select2-results__option--disabled {
	color: #999
}

.select2-container--default .select2-results__option--selected {
	background-color: #ddd
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: 700;
	height: 26px;
	margin-right: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: 0;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
	border: 0;
	border-right: 1px solid #aaa;
	border-radius: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: 0 0;
	border: 0
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #fff 0, #eee 50%);
	background-image: -o-linear-gradient(top, #fff 0, #eee 50%);
	background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0;
	padding-bottom: 5px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	display: inline-block;
	margin-left: 5px;
	margin-top: 5px;
	padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
	cursor: default;
	padding-left: 2px;
	padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	background-color: transparent;
	border: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: #888;
	cursor: pointer;
	font-size: 1em;
	font-weight: 700;
	padding: 0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555;
	outline: 0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
	padding-left: 5px;
	padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option--group,
ol {
	padding: 0
}

.select2-container--classic .select2-results__option--disabled {
	color: gray
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #3875d7;
	color: #fff
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-Bold.woff2)format("woff2"), url(../font/opensans/OpenSans-Bold.woff)format("woff"), url(../font/opensans/OpenSans-Bold.ttf)format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-SemiBoldItalic.woff2)format("woff2"), url(../font/opensans/OpenSans-SemiBoldItalic.woff)format("woff"), url(../font/opensans/OpenSans-SemiBoldItalic.ttf)format("truetype");
	font-weight: 600;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-Regular.woff2)format("woff2"), url(../font/opensans/OpenSans-Regular.woff)format("woff"), url(../font/opensans/OpenSans-Regular.ttf)format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-Light.woff2)format("woff2"), url(../font/opensans/OpenSans-Light.woff)format("woff"), url(../font/opensans/OpenSans-Light.ttf)format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-BoldItalic.woff2)format("woff2"), url(../font/opensans/OpenSans-BoldItalic.woff)format("woff"), url(../font/opensans/OpenSans-BoldItalic.ttf)format("truetype");
	font-weight: 700;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-SemiBold.woff2)format("woff2"), url(../font/opensans/OpenSans-SemiBold.woff)format("woff"), url(../font/opensans/OpenSans-SemiBold.ttf)format("truetype");
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-ExtraBoldItalic.woff2)format("woff2"), url(../font/opensans/OpenSans-ExtraBoldItalic.woff)format("woff"), url(../font/opensans/OpenSans-ExtraBoldItalic.ttf)format("truetype");
	font-weight: 800;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-Medium.woff2)format("woff2"), url(../font/opensans/OpenSans-Medium.woff)format("woff"), url(../font/opensans/OpenSans-Medium.ttf)format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-Italic.woff2)format("woff2"), url(../font/opensans/OpenSans-Italic.woff)format("woff"), url(../font/opensans/OpenSans-Italic.ttf)format("truetype");
	font-weight: 400;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-LightItalic.woff2)format("woff2"), url(../font/opensans/OpenSans-LightItalic.woff)format("woff"), url(../font/opensans/OpenSans-LightItalic.ttf)format("truetype");
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-MediumItalic.woff2)format("woff2"), url(../font/opensans/OpenSans-MediumItalic.woff)format("woff"), url(../font/opensans/OpenSans-MediumItalic.ttf)format("truetype");
	font-weight: 500;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: "Open Sans";
	src: url(../font/opensans/OpenSans-ExtraBold.woff2)format("woff2"), url(../font/opensans/OpenSans-ExtraBold.woff)format("woff"), url(../font/opensans/OpenSans-ExtraBold.ttf)format("truetype");
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
ins,
kbd,
label,
legend,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0
}

fieldset,
img {
	margin: 0;
	padding: 0
}

html {
	height: 100%;
	font-size: 10px
}

a img,
fieldset,
img,
ol {
	border: 0
}

input[type=submit] {
	cursor: pointer;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	background: 0 0;
	border: 0
}

input[type=submit]::-moz-focus-inner {
	padding: 0;
	border: 0
}

button,
input,
textarea {
	font-family: "Open Sans", Arial, Helvetica, sans-serif
}

textarea {
	overflow: auto
}

a {
	text-decoration: none;
	color: inherit
}

button,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px
}

a,
a:focus,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
span,
textarea {
	outline: 0
}

ol,
ul {
	list-style-type: none
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%
}

li {
	margin-bottom: 10px
}

.clearfix::after,
.clearfix::before {
	content: " ";
	display: table
}

.clearfix::after {
	clear: both
}

::selection {
	background: #abb910
}

@media screen and (max-width:1300px) {
	html {
		font-size: 7px
	}
}

body {
	font-size: 16px;
	font-weight: 400;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	color: #020f19;
	line-height: 1
}

@media screen and (max-width:1300px) {
	body {
		font-size: 14px
	}
}

@media screen and (max-width:767px) {
	body {
		font-size: 16px
	}
}

body.hidden {
	overflow: hidden
}

.inner {
	max-width: 1690px;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto
}

@media screen and (max-width:1760px) {
	.inner {
		box-sizing: border-box
	}
}

.inner .inner {
	padding: 0
}

.section {
	margin: 7rem 0
}

@media screen and (max-width:767px) {
	.section {
		margin: 4.25rem 0
	}
}

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	width: 40px;
	height: 40px;
	z-index: 2;
	cursor: pointer;
	background: 0 0
}

.slick-arrow:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
	z-index: 1;
	border-radius: 100%;
	transition: .5s ease
}

img.lazyload:not([src]) {
	visibility: hidden
}

.lazyload {
	opacity: 0
}

.lazyload,
.lazyloaded,
.lazyloading {
	transition: opacity 300ms
}

.lazyloading {
	opacity: 0
}

.lazyloaded {
	opacity: 1
}

.lazyloaded.eqrest__pic,
.lazyloaded.eqshop__pic {
	transition: none
}

.slick-prev:after,
.slick-prev:hover:after {
	background-color: #abb910;
	background-image: url(../icon/icon-arrow-prev.svg)
}

.slick-prev:hover:after {
	background-color: #666f0f;
	box-shadow: 0 0 50px rgba(238, 238, 238, .5)
}

.slick-next:after,
.slick-next:hover:after {
	background-color: #abb910;
	background-image: url(../icon/icon-arrow-next.svg)
}

.slick-next:hover:after {
	background-color: #666f0f;
	box-shadow: 0 0 50px rgba(238, 238, 238, .5)
}

.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 3rem
}

.slick-dots li {
	margin: 0 1rem
}

.slick-dots li.slick-active button {
	background: #abb910
}

.slick-dots li:hover button {
	background: #666f0f
}

.slick-dots li button {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	font-size: 0;
	background: #eaeaea;
	display: block;
	cursor: pointer;
	transition: .3s ease
}

.breadcrumb {
	margin: 3rem 0 10px;
	width: 100%
}

.breadcrumb__inner {
	padding-bottom: 10px
}

@media screen and (max-width:767px) {
	.breadcrumb__inner {
		display: flex;
		align-items: center;
		height: 24px;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none
	}
}

.breadcrumb__inner::-webkit-scrollbar,
.catalog-faq ul::-webkit-scrollbar {
	height: 0
}

.breadcrumb__link {
	position: relative;
	line-height: 1;
	display: inline-block
}

@media screen and (max-width:767px) {
	.breadcrumb__link {
		display: flex;
		align-items: center
	}
}

.breadcrumb__link:after {
	content: "/";
	color: #aeaeae;
	padding: 0 10px
}

@media screen and (max-width:767px) {
	.breadcrumb__link:after {
		font-size: .75em
	}
}

.breadcrumb__link a {
	color: #aeaeae;
	transition: .5s ease
}

.breadcrumb__link a:hover {
	color: #abb910
}

@media screen and (max-width:767px) {
	.breadcrumb__active {
		display: flex;
		align-items: center
	}
}

.breadcrumb__active:after {
	content: "/";
	color: #fff;
	padding: 0 10px;
	visibility: hidden
}

.breadcrumb__text {
	display: inline-block;
	padding-bottom: 5px;
	padding-top: 5px
}

@media screen and (max-width:767px) {
	.breadcrumb__text {
		font-size: .75em;
		white-space: nowrap
	}
}

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

	.breadcrumb,
	.fix_m.banner {
		margin-top: 83px !important
	}
}

@media screen and (max-width:768px) {
	.fix_m.banner {
		margin-top: 67px !important
	}
}

.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1
}

.noUi-connects {
	height: 6px;
	background: #d5dc87;
	border-radius: 5px;
	overflow: hidden
}

.noUi-connects .noUi-connect {
	background: #abb910;
	height: 100%
}

.noUi-connect,
.noUi-origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
	width: 100%;
	transform-origin: 0 0;
	transform-style: flat
}

.noUi-handle {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	background: #abb910;
	position: absolute;
	right: -17px;
	top: -9px;
	cursor: pointer
}

.noUi-handle.noUi-handle-upper {
	right: -5px
}

.sticker-2 {
	top: 44px
}

.content {
	margin-bottom: 5rem
}

.content__inner {
	max-width: 1164px
}

.content__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
	margin-bottom: 7rem
}

.content__head picture {
	display: block;
	position: relative
}

@media screen and (max-width:1200px) {
	.content__head picture {
		overflow: hidden
	}
}

@media screen and (max-width:767px) {
	.content__head picture {
		display: none
	}
}

.content__head picture::before {
	content: "";
	background: #fbfbf3;
	border-radius: 20px;
	position: absolute;
	right: -30px;
	bottom: -30px;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%
}

.content__box {
	max-width: 514px
}

.content__title {
	font-weight: 700;
	margin-bottom: 2rem
}

.content__sign {
	font-weight: 700;
	font-size: 1.25em;
	color: #595959;
	line-height: 1.35
}

.content__info {
	display: flex;
	gap: 30px
}

@media screen and (max-width:1023px) {
	.content__info {
		display: block
	}
}

.content__left {
	width: 65%;
	max-width: 700px;
	flex-shrink: 0
}

@media screen and (max-width:1200px) {
	.content__left {
		max-width: 100%;
		width: 100%
	}

	.content__right {
		display: none
	}
}

.content__text h2 {
	margin-bottom: 2rem;
	margin-top: 4rem
}

.content__text h2:first-of-type {
	margin-top: 0
}

.content__text p {
	margin-bottom: 2rem
}

.content__text>a,
.content__text>p {
	font-size: 1.25em;
	line-height: 1.5
}

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

	.content__text>a,
	.content__text>p {
		font-size: 1em
	}
}

.content__text a:not(.btn) {
	color: #6fa300
}

.content__text a:not(.btn):hover {
	color: #666f0f
}

.content__text img {
	margin: 2rem 0;
	max-width: 100%
}

.content__text .goods__inner {
	grid-template-columns: 1fr
}

@media screen and (max-width:1023px) {
	.content__text .goods__info {
		display: block
	}
}

.content__links {
	margin-top: 3rem;
	font-size: 1.25em;
	line-height: 1.5
}

@media screen and (max-width:1023px) {
	.content__links {
		font-size: 1em
	}
}

.content-text h2,
.content__links a,
.content__links p {
	margin-bottom: 2rem
}

.content__links a {
	display: block;
	text-decoration: underline
}

.content__links a:hover {
	color: #666f0f
}

.content-slider {
	position: relative
}

.content-slider .slick-slide {
	height: auto
}

.content-slider .slick-arrow {
	transform: translateY(-100%);
	z-index: 1
}

@media screen and (max-width:767px) {
	.content-slider .slick-arrow {
		transform: translateY(-50%)
	}
}

.content-slider .slick-arrow:before {
	content: "";
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, .5);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 100%;
	z-index: -1
}

.content-slider .slick-prev {
	left: 40px
}

@media screen and (max-width:767px) {
	.content-slider .slick-prev {
		left: 0
	}
}

.content-slider .slick-next {
	right: 40px
}

@media screen and (max-width:767px) {
	.content-slider .slick-next {
		right: 0
	}
}

.c {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center
}

.hide {
	display: none
}

.loading {
	border: 5px solid #fff;
	border-bottom-color: #abb910;
	border-radius: 50%
}

.loading.active {
	animation: rotation 1s linear infinite
}

.ffp {
	position: relative
}

.sticker {
	font-size: .875em;
	font-weight: 700;
	color: #fff;
	position: absolute;
	padding: 8px 13px;
	border-radius: 5px;
	z-index: 3;
	top: 0;
	left: 0
}

.sticker__sale {
	background: #fb4d3d
}

.sticker__best {
	background: #c2d212
}

.sticker__new {
	background: #fc8819
}

.sticker+.sticker {
	top: 40px
}

.sticker+.sticker+.sticker {
	top: 78px
}

@media screen and (max-width:767px) {
	.sticker {
		font-size: .75em
	}
}

.innerlt {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 30px;
	margin: 10px 0
}

.innerlt div {
	width: 50%
}

@media screen and (max-width:767px) {
	.innerlt div {
		width: 100%
	}

	.innerlt {
		flex-direction: column
	}
}

.innerl {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 30px;
	margin: 10px 0
}

@media screen and (max-width:767px) {
	.innerl {
		width: 100%;
		flex-direction: column
	}
}

.innerc {
	justify-content: space-between;
	gap: 30px;
	margin: 10px 0
}

.content-text__inner p {
	padding-bottom: 10px;
	line-height: 1.4;
	font-size: 16px
}

ol {
	counter-reset: tidbit-counter;
	margin: 15px 0
}

.innerc,
ol li,
ol li:before {
	display: flex;
	align-items: center
}

ol li:before {
	counter-increment: tidbit-counter;
	content: counter(tidbit-counter);
	width: 20px;
	height: 25px;
	min-width: 20px;
	min-height: 25px;
	border-radius: 50px;
	justify-content: center;
	color: #c2d212;
	margin-right: 15px;
	font-weight: 700
}

ol li {
	margin-bottom: 15px;
	color: #020f19
}

.h {
	display: none
}

.content-text h2 {
	font-size: 32px
}

.cii,
.content-text,
.info-blok,
.tii {
	font-size: 16px
}

.content-text__inner .conclusion__quote p,
.info-blok p {
	padding-bottom: 0
}

.content-text .conclusion__inner,
.content-text .task-info__inner {
	margin-bottom: 70px
}

ul.list-style,
ul.s1 {
	margin: 15px 0;
	list-style: none
}

ul.list-style li:before,
ul.s1 li:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 11px;
	margin-right: 16px;
	background: url(../icon/icon-check.svg)center center no-repeat
}

.info-blok {
	text-align: center;
	position: relative;
	width: 100%;
	padding: 17px 15px;
	margin: 1em 0;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
	font-weight: 400;
	line-height: 1.25;
	color: rgba(0, 0, 0, .89)
}

.info-block,
.info-blok a {
	font-weight: 700
}

.info-blok a:hover {
	text-decoration: underline
}

.info-block {
	background: url(../img/icon_i.png)no-repeat 14px 13px #bde5f8;
	border: 1px solid #d3d5c3;
	border-radius: 5px 5px 5px 5px;
	margin-bottom: 20px;
	padding: 14px 20px 14px 48px;
	min-height: 30px;
	max-width: 100%;
	line-height: 1.4
}

.jivo-btn {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: none;
	background-image: none;
	display: inline-block;
	padding: 6px 12px;
	margin: 0 0 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.428571429;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	border-radius: 4px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}

.jivo-btn:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 20px 10px rgba(255, 255, 255, .3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 20px 10px rgba(255, 255, 255, .3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .2), inset 0 0 20px 10px rgba(255, 255, 255, .3)
}

.jivo-btn.jivo-btn-light:hover {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 20px 10px rgba(255, 255, 255, .1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 20px 10px rgba(255, 255, 255, .1);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 2px rgba(0, 0, 0, .3), inset 0 0 20px 10px rgba(255, 255, 255, .1)
}

.jivo-btn.jivo-btn-light {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 1px 1px rgba(0, 0, 0, .3)
}

.jivo-btn.jivo-btn-light:active,
.jivo-btn:active {
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 15px rgba(0, 0, 0, .2);
	cursor: pointer
}

.jivo-btn:active {
	outline: 0;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.jivo-btn.jivo-btn-light:active {
	box-shadow: 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 15px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4), inset 0 0 15px rgba(0, 0, 0, .2)
}

.jivo-btn-gradient {
	background-image: url(//static.jivosite.com/button/white_grad_light.png);
	background-repeat: repeat-x
}

.jivo-btn-light.jivo-btn-gradient {
	background-image: url(//static.jivosite.com/button/white_grad.png)
}

.jivo-btn-icon {
	width: 17px;
	height: 20px;
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: -5px
}

.jivo-btn-light {
	color: #fff
}

.jivo-btn-dark {
	color: #222
}

.display-1,
h1 {
	font-weight: 600;
	line-height: 1.34;
	font-size: 2.625em
}

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

	.display-1,
	h1 {
		font-size: 1.5em;
		font-weight: 400
	}
}

.display-2,
h2 {
	font-weight: 700;
	line-height: 1.32;
	font-size: 2em
}

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

	.display-2,
	h2 {
		font-size: 1.25em;
		font-weight: 400
	}
}

.display-3,
h3 {
	font-weight: 400;
	line-height: 1.32;
	font-size: 1.625em
}

.display-4,
h4 {
	color: #020f19
}

.content-text__txt h2,
.title {
	margin-bottom: 2rem
}

.sign-box {
	margin: 1.5rem 0 3rem;
	max-width: 845px;
	line-height: 1.38
}

@media screen and (max-width:767px) {
	.sign-box {
		font-size: .75em;
		margin: 2rem 0
	}
}

.content-text__inner {
	max-width: 1535px
}

.content-text__txt {
	font-size: .875em;
	line-height: 1.4
}

@media screen and (max-width:767px) {
	.content-text__txt {
		font-size: .625em
	}

	.content-text__txt h2 {
		font-size: 20px;
		margin-bottom: 1.4rem
	}
}

.content-text__txt a {
	color: #abb910
}

.content-text__txt .hidden {
	display: none
}

.text-uppercase {
	text-transform: uppercase
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.checkbox__text a,
.polit__txt a,
.radio__text a,
.text-underline {
	text-decoration: underline
}

.bold {
	font-weight: 700
}

.field {
	display: block;
	width: 100%;
	position: relative
}

.field__input {
	width: 100%;
	box-sizing: border-box;
	transition: .3s ease;
	font-size: 1em;
	padding: 9px 20px;
	border: 2px solid #e5e5e5;
	border-radius: 10px;
	line-height: 1
}

.field__input::placeholder {
	color: #aeaeae
}

.field__input:hover {
	border-color: #666f0f
}

.field__input:focus {
	border-color: #abb910
}

.field__input:disabled {
	background: #f5f5f5
}

.field__input_area {
	resize: vertical;
	height: 100px
}

.error-field {
	color: #f00f0f;
	font-size: .75em;
	position: absolute;
	top: 110%;
	left: 20px
}

.close_success {
	display: flex;
	width: 375px;
	height: 50px;
	padding: 12px 30px 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 30px;
	background: #abb910
}

.error-field.errors.error,
.errors.error {
	position: relative;
	top: 0;
	left: 0;
	color: #595959;
	text-align: center;
	line-height: 1.3
}

.polit {
	cursor: pointer
}

.polit:hover .polit__txt:before {
	box-shadow: inset 0 0 10px rgba(2, 15, 25, .2)
}

.polit__hidden {
	display: none
}

.polit__hidden:checked+.polit__txt:after {
	opacity: 1
}

.polit__txt {
	display: block;
	padding-left: 35px;
	position: relative;
	font-size: .875em;
	line-height: 1.3;
	color: #aeaeae
}

@media screen and (max-width:767px) {
	.polit__txt {
		font-size: .75em
	}
}

.polit__txt:before {
	content: "";
	width: 20px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #eaeaea;
	border-radius: 3px
}

.polit__txt:after,
.polit__txt:before,
.toggl__box {
	height: 20px;
	transition: .3s ease
}

.polit__txt:after {
	content: "";
	width: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	background-image: url(../icon/icon-check.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	z-index: 3
}

.checkbox__text.error:before,
.polit__txt.error:before,
.radio__text.error:before {
	border-color: #f26419
}

.toggl__box {
	width: 36px;
	background: #eaeaea;
	border-radius: 10px;
	position: relative;
	display: block;
	cursor: pointer
}

.toggl__box:before {
	content: "";
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 100%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: transform .5s
}

.toggl__box:hover {
	background: #d5dc87
}

.toggl__hidden {
	display: none
}

.toggl__hidden:checked+.toggl__box {
	background: #abb910
}

.toggl__hidden:checked+.toggl__box:before {
	transform: translateX(100%)
}

.checkbox {
	cursor: pointer;
	display: block
}

.checkbox:hover .checkbox__text:before {
	box-shadow: inset 0 0 10px rgba(2, 15, 25, .2)
}

.checkbox__hidden {
	display: none
}

.checkbox__hidden:checked+.checkbox__text:after {
	opacity: 1
}

.checkbox__text {
	display: block;
	padding-left: 35px;
	position: relative;
	font-size: 1em;
	line-height: 1.3
}

@media screen and (max-width:767px) {
	.checkbox__text {
		font-size: .75em
	}
}

.checkbox__text:after,
.checkbox__text:before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: 0;
	transition: .3s ease
}

.checkbox__text:before {
	box-sizing: border-box;
	display: block;
	background: #eaeaea;
	border-radius: 3px
}

.checkbox__text:after {
	background-image: url(../icon/icon-check.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	z-index: 3
}

.radio {
	cursor: pointer;
	display: block
}

.radio:hover .radio__text:before {
	box-shadow: inset 0 0 10px rgba(2, 15, 25, .2)
}

.radio__hidden {
	display: none
}

.radio__hidden:checked+.radio__text:after {
	opacity: 1
}

.radio__text {
	display: block;
	padding-left: 35px;
	position: relative;
	font-size: 1em;
	line-height: 1.3
}

@media screen and (max-width:767px) {
	.radio__text {
		font-size: .75em
	}
}

.radio__text:after,
.radio__text:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 100%;
	transition: .3s ease
}

.radio__text:before {
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	display: block;
	background: #eaeaea
}

.radio__text:after {
	width: 10px;
	height: 10px;
	background: #abb910;
	opacity: 0;
	z-index: 3;
	transform: translate(50%, 50%)
}

.select2-container {
	width: 100%
}

.select2-container .select2-selection--single {
	height: 40px;
	border: 2px solid #eaeaea;
	border-radius: 10px !important;
	box-sizing: border-box
}

.select2-container.select2-container--open .select2-selection--single {
	border-color: #666f0f
}

.select2-container.select2-container--open .select2-selection__arrow {
	transform: rotate(180deg)
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 100%;
	line-height: 36px;
	padding: 0 50px 0 20px;
	color: #020f19
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 50px;
	height: calc(100% - 4px);
	top: 2px;
	background-image: url(../icon/arrow-bottom.svg);
	background-repeat: no-repeat;
	background-position: center;
	transition: .3s ease;
	position: absolute;
	right: 0
}

.select2-dropdown {
	border: 2px solid #eaeaea;
	border-radius: 10px !important;
	padding: 5px 0
}

.select2-container--open .select2-dropdown--below {
	margin-top: 10px;
	border-top: 2px solid #eaeaea
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #ddd;
	color: #020f19
}

.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover {
	background: 0 0;
	color: #abb910
}

.select2-container--default .select2-results__option--highlighted:hover {
	background: 0 0
}

.select2-results__option {
	padding: 6px 50px 6px 20px;
	margin-bottom: 0
}

.btn {
	display: inline-block;
	padding: 14px 30px 16px;
	border-radius: 100px;
	font-weight: 700;
	transition: .3s ease;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.25em;
	line-height: 1;
	color: #fff;
	cursor: pointer
}

.btn_green {
	background: #abb910
}

.btn_green:hover {
	background: #666f0f
}

.btn_green:disabled {
	color: #666f0f;
	background: rgba(102, 111, 15, .7)
}

.btn_orange {
	background: #ff8c00
}

.btn_orange:hover {
	background: #f26419
}

.btn_orange:disabled {
	color: #f26419;
	background: rgba(255, 140, 0, .7)
}

.disabled .btn_orange:disabled {
	color: #666f0f;
	background: #abb910;
	cursor: default
}

.btn-outline {
	display: inline-block;
	padding: 12px 30px 14px;
	border: 2px solid transparent;
	border-radius: 100px;
	font-weight: 700;
	transition: .3s ease;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.25em;
	line-height: 1;
	cursor: pointer;
	background: 0 0
}

.btn-outline_green {
	border-color: #abb910;
	color: #abb910
}

.btn-outline_black:hover,
.btn-outline_green:hover {
	color: #666f0f;
	border-color: #666f0f
}

.btn-outline_black {
	color: #020f19;
	border-color: #020f19
}

.toogle-more {
	color: #abb910;
	display: inline-block
}

.number {
	background: #fff;
	border: 2px solid #f5f5f5;
	border-radius: 30px;
	width: 130px;
	height: 50px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center
}

.number__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	user-select: none
}

.modal__close path,
.number__btn path {
	transition: .3s ease
}

.number__btn:hover path {
	fill: #ff8c00
}

.number__btn_minus {
	left: 5px;
	padding: 11px 12px 11px 20px
}

.number__btn_plus {
	right: 5px;
	padding: 11px 20px 11px 12px
}

.number__field {
	font-weight: 700;
	text-align: center;
	width: 30px
}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(2, 15, 25, .8);
	z-index: 999;
	display: none
}

.modal__container {
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 20px;
	background: #fff;
	transform: translate(-50%, -50%);
	padding: 4rem;
	box-sizing: border-box;
	max-width: 1186px;
	width: 100%
}

.modal__container.min {
	max-width: 500px
}

@media screen and (max-width:767px) {
	.modal__container.min {
		max-width: 100%;
		padding-right: 2rem
	}
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal__container {
		padding: 2rem
	}
}

@media screen and (max-width:767px) {
	.modal__container {
		padding: 3rem 0 3rem 3rem;
		height: 100%;
		border-radius: 0
	}
}

.modal__close {
	position: absolute;
	top: 4.8rem;
	right: 4rem;
	cursor: pointer
}

.modal__close:hover path {
	stroke: #abb910
}

.modal__title {
	margin-bottom: 4rem
}

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

@media screen and (max-width:767px) {
	.modal__head {
		position: relative;
		width: 100vw;
		left: -3rem;
		padding-bottom: 3rem;
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 1rem
	}

	.modal__head .modal__close {
		top: 0;
		right: 3rem
	}
}

.modal__back {
	font-size: 1.25em;
	font-weight: 700;
	padding-left: 18px;
	background-image: url(../icon/icon-arrow-back.svg);
	background-size: 14px;
	background-position: left center;
	background-repeat: no-repeat;
	margin-left: 3rem
}

@media screen and (min-width:767px) {
	.modal__back {
		display: none
	}
}

@media screen and (max-width:767px) {
	.modal__middle {
		overflow: auto;
		height: 100%;
		padding-right: 3rem;
		box-sizing: border-box
	}
}

.addoption {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	position: relative
}

@media screen and (max-width:1023px) {
	.addoption {
		flex-wrap: wrap;
		gap: 30px
	}
}

.addoption__content {
	display: flex;
	flex-direction: column;
	align-items: center
}

@media screen and (max-width:1023px) {
	.addoption__content {
		align-items: flex-start;
		flex-direction: row
	}
}

.addoption__left {
	max-width: 350px;
	width: 32%;
	flex-shrink: 0
}

@media screen and (max-width:1023px) {
	.addoption__left {
		max-width: 100%;
		width: 100%
	}

	.addoption__left picture {
		width: 50%;
		flex-shrink: 0
	}
}

@media screen and (max-width:767px) {
	.addoption__right {
		width: 100%
	}
}

.addoption__pic {
	vertical-align: middle;
	max-width: 100%;
	width: auto;
	border-radius: 20px;
	margin-bottom: 3rem;
	max-height: 350px
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.addoption__pic {
		margin-bottom: 1rem
	}
}

@media screen and (max-width:767px) {
	.addoption__pic {
		max-height: 250px;
		margin: 0 auto;
		display: block
	}
}

@media screen and (max-width:480px) {
	.addoption__pic {
		max-height: 150px
	}
}

.addoption__title {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 8rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.addoption__title {
		margin-bottom: 1rem
	}
}

@media screen and (max-width:767px) {
	.addoption__title {
		font-size: .75em;
		font-weight: 400;
		margin-bottom: 1.5rem
	}
}

.addoption__prices {
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 0
}

@media screen and (max-width:1023px) {
	.addoption__prices {
		position: relative;
		bottom: 0
	}
}

@media screen and (max-width:767px) {
	.addoption__prices {
		display: block
	}
}

.addoption__new-price {
	font-size: 2.625em;
	font-weight: 600;
	margin-right: .5rem;
	line-height: 1.3
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.addoption__new-price {
		font-size: 1.875em
	}
}

@media screen and (max-width:767px) {
	.addoption__new-price {
		font-size: 1em;
		font-weight: 400
	}
}

.addoption__old-price {
	position: relative;
	font-size: 2em;
	color: #b9bcc1;
	font-weight: 700;
	display: inline-block;
	margin-left: 1rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.addoption__old-price {
		font-size: 1.5625em
	}
}

@media screen and (max-width:767px) {
	.addoption__old-price {
		font-size: .75em;
		margin-left: 0;
		margin-top: 1rem
	}
}

.addoption__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #b9bcc1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.addoption__sign {
	margin-bottom: 1rem;
	padding: 2rem 3rem 2rem 10rem;
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	background-image: url(../icon/icon-info.svg);
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 40px;
	line-height: 1.4
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.addoption__sign {
		margin-top: 1rem
	}
}

@media screen and (max-width:1023px) {
	.addoption__sign {
		background-size: 30px
	}
}

@media screen and (max-width:767px) {
	.addoption__sign {
		font-size: .625em
	}
}

.addoption__control {
	position: absolute;
	bottom: 0;
	right: 0
}

@media screen and (max-width:767px) {
	.addoption__control {
		position: fixed;
		width: 100%;
		background: #fff;
		display: flex;
		flex-flow: column-reverse;
		justify-content: center;
		align-items: center;
		border-top: 1px solid #f5f5f5;
		padding: 3rem 0 2rem;
		bottom: 70px
	}
}

.addoption__buttons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px;
	grid-auto-rows: 56px
}

@media screen and (max-width:767px) {
	.addoption__buttons {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 40px
	}
}

.addoption__btn {
	font-weight: 700;
	padding: 1.8rem;
	box-sizing: border-box;
	background: #fff;
	font-size: .75em;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	transition: .3s ease;
	display: flex;
	align-items: center;
	text-align: left;
	cursor: pointer;
	line-height: 1.4
}

@media screen and (max-width:767px) {
	.addoption__btn {
		font-size: .625em;
		font-weight: 400
	}
}

.addoption__btn svg {
	margin-right: 1rem;
	vertical-align: middle;
	flex-shrink: 0
}

@media screen and (max-width:767px) {
	.addoption__btn svg {
		width: 16px
	}
}

.addoption__btn path {
	fill: #abb910;
	transition: .3s ease
}

.addoption__btn .hidden,
.addoption__btn.active g {
	opacity: 0
}

.addoption__btn.active {
	color: #fff;
	background: #abb910;
	border-color: #abb910
}

.addoption__btn.active .hidden {
	opacity: 1
}

.addoption__btn.active path {
	fill: #fff
}

.addoption__select {
	margin-right: 1rem
}

.addoption__action {
	overflow: hidden;
	height: 100%
}

.addoption__steps {
	display: flex;
	height: 100%;
	transition: .5s linear;
	position: relative;
	left: 0;
	padding-bottom: 6em
}

@media screen and (max-width:1023px) {
	.addoption__steps {
		padding-bottom: 20px
	}
}

.addoption__txt {
	line-height: 1.4
}

.addoption__step {
	position: relative;
	width: 100%;
	flex-shrink: 0;
	transition: .5s linear;
	opacity: 0
}

.addoption__step:first-of-type {
	opacity: 1
}

.addoption__step:first-of-type .addoption__control {
	z-index: 2
}

.addoption__step:last-of-type .addoption__control {
	z-index: 1
}

.addoption__box {
	margin-top: 5rem;
	max-width: 435px;
	width: 100%
}

.addoption__field {
	margin-top: 3rem
}

@media screen and (max-width:767px) {
	.addoption__select {
		background: 0 0;
		padding: 0;
		border: 0;
		text-decoration: underline;
		color: #aeaeae;
		margin-top: 1.5rem;
		font-size: 1em
	}
}

.addoption__checkbox {
	margin-top: 3rem;
	display: block
}

.addoption__call {
	margin-left: 1rem;
	width: 256px
}

.addoption__back {
	width: 172px
}

@media screen and (max-width:767px) {
	.addoption__back {
		display: none
	}
}

.addoption__chb {
	display: none
}

@media screen and (max-width:767px) {
	.modal-action {
		padding-bottom: 100px
	}
}

.modal-action__row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative
}

@media screen and (max-width:1023px) {
	.modal-action__row {
		display: block
	}
}

.modal-action__left {
	max-width: 630px;
	width: 60%
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__left {
		width: 50%
	}
}

@media screen and (max-width:1023px) {
	.modal-action__left {
		width: 100%;
		max-width: 100%;
		display: flex
	}
}

.modal-action__pic {
	width: auto;
	max-height: 387px;
	display: block;
	margin: 0 auto
}

@media screen and (max-width:1023px) {
	.modal-action__pic {
		width: 155px
	}
}

.modal-action__right {
	max-width: 435px
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__right {
		width: 50%
	}
}

@media screen and (max-width:1023px) {
	.modal-action__right {
		width: 100%;
		max-width: 100%;
		margin-top: 3rem
	}
}

.modal-action__title {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-top: 3rem;
	margin-bottom: 8rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__title {
		margin-bottom: 1rem
	}
}

@media screen and (max-width:767px) {
	.modal-action__title {
		font-size: .75em;
		font-weight: 400;
		margin-bottom: 1.5rem
	}
}

.modal-action__sign {
	margin-bottom: 3rem;
	padding: 2rem 3rem 2rem 10rem;
	border-radius: 10px;
	border: 1px solid #f5f5f5;
	background-image: url(../icon/icon-info.svg);
	background-repeat: no-repeat;
	background-position: 30px center;
	background-size: 40px;
	line-height: 1.4
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__sign {
		margin-top: 1rem
	}
}

@media screen and (max-width:1200px) {
	.modal-action__sign {
		background-size: 30px
	}
}

@media screen and (max-width:767px) {
	.modal-action__sign {
		font-size: .625em
	}
}

.banner+.prodcat,
.modal-action__field {
	margin-top: 3rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__field {
		margin-top: 1rem
	}
}

.modal-action__sub {
	width: 100%;
	margin-top: 3rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__sub {
		margin-top: 1rem
	}
}

.modal-action__checkbox {
	margin-top: 3rem;
	display: block
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.modal-action__checkbox {
		margin-top: 1rem
	}
}

.modal-color__over {
	max-height: 470px;
	overflow: auto;
	padding-right: 15px;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.modal-color__over {
		padding-right: 0;
		max-height: 63vh
	}
}

.modal-color__over::-webkit-scrollbar {
	width: 6px
}

.modal-color__over::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #e5e5e5
}

.modal-color__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2vw;
	padding-bottom: 7rem
}

.modal-color__item {
	width: 68px;
	margin-bottom: 20px
}

@media screen and (max-width:767px) {
	.modal-color__item {
		margin-bottom: 25px;
		width: 23%
	}
}

.modal-color__box {
	position: relative;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid #f5f5f5;
	border-radius: 5px;
	cursor: pointer;
	transition: .5s ease;
	width: 100%
}

.modal-color__box:after {
	content: attr(data-sign);
	text-align: center;
	position: absolute;
	width: 100%;
	top: calc(100% + 7px);
	left: 0
}

@media screen and (max-width:767px) {
	.modal-color__box:after {
		font-size: .75em
	}
}

.modal-color__hidden {
	display: none
}

.colrs__btn input:checked+.colrs__box,
.modal-color__hidden:checked+.modal-color__box,
.type-coldsupply__btn input:checked+.type-coldsupply__btn-box {
	border-color: #abb910
}

.modal-color__control {
	position: relative
}

@media screen and (max-width:767px) {
	.modal-color__control {
		text-align: center
	}
}

.modal-color__control::before {
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0)0, #fff 21.88%);
	position: absolute;
	left: 0;
	top: -30px;
	height: 86px;
	width: 100%
}

.modal-color__back {
	position: relative;
	z-index: 2
}

.modal-color__icon,
.popup {
	width: 100%
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background: rgba(2, 15, 25, .8);
	z-index: 999;
	display: none
}

@media screen and (max-width:767px) {
	.popup {
		background: 0 0
	}
}

.banner .slick-arrow:before,
.popup__container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.popup__container {
	border-radius: 20px;
	background: #f5f5f5;
	padding: 7rem;
	box-sizing: border-box;
	max-width: 1040px;
	width: 100%
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.popup__container {
		padding: 2rem
	}
}

@media screen and (max-width:767px) {
	.popup__container {
		padding: 3rem;
		height: calc(100% - 60px);
		border-radius: 0;
		top: 60px;
		transform: none;
		left: 0
	}
}

.popup__close {
	position: absolute;
	top: 4.8rem;
	right: 4rem;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.popup__close {
		top: 3.8rem;
		right: 2rem
	}
}

.popup__close path {
	transition: .3s ease
}

.popup__close:hover path {
	stroke: #abb910
}

.popup__title {
	margin-bottom: 4rem
}

@media screen and (max-width:767px) {
	.popup__title {
		text-align: left
	}
}

.popup__wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px
}

@media screen and (max-width:767px) {
	.popup__wrap {
		display: block
	}
}

.popup__info {
	width: 48%;
	text-align: right
}

@media screen and (max-width:767px) {
	.popup__info {
		width: 100%
	}
}

.popup__sign {
	line-height: 1.4;
	margin-bottom: 4rem;
	text-align: left;
	max-width: 375px
}

@media screen and (max-width:767px) {
	.popup__sign {
		font-size: .75em
	}
}

.popup__pic {
	max-width: 100%;
	vertical-align: middle
}

@media screen and (max-width:767px) {
	.popup__pic {
		display: none
	}
}

.popup__form {
	width: 50%
}

@media screen and (max-width:767px) {
	.popup__form {
		width: 100%
	}
}

.popup__checkbox,
.popup__field {
	margin-bottom: 30px
}

.popup__btn,
.popup__checkbox {
	display: block
}

.popup__btn {
	width: 100%
}

.about-index__wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative
}

@media screen and (max-width:767px) {
	.about-index__wrap {
		flex-wrap: wrap-reverse;
		padding-top: 50px
	}
}

.about-index__info {
	max-width: 780px;
	margin-right: 3rem
}

@media screen and (max-width:1500px) {
	.about-index__info {
		width: 50%
	}
}

@media screen and (max-width:767px) {
	.about-index__info {
		margin-top: 3.25rem;
		width: 100%;
		margin-right: 0;
		text-align: center
	}
}

.about-index__title {
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.about-index__title {
		position: absolute;
		top: 0;
		left: 0
	}
}

.about-index__sign {
	line-height: 1.4;
	margin-bottom: 4rem
}

@media screen and (max-width:767px) {
	.about-index__sign {
		font-size: .75em;
		text-align: left;
		margin-bottom: 2.85rem
	}
}

.about-index__video {
	width: 50%;
	height: 478px;
	border-radius: 15px
}

@media screen and (max-width:767px) {
	.about-index__video {
		height: 60vw;
		width: 100%
	}
}

.about-index__video iframe,
.banner__slide:before {
	width: 100%;
	height: 100%;
	border-radius: 15px
}

.banner__slide:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: #ecf3f9;
	border-radius: 30px;
	transition: .2s ease;
	z-index: 9
}

.banner {
	margin: 3rem 0
}

@media screen and (max-width:767px) {
	.banner {
		margin: 0
	}

	.banner+.prodcat {
		margin-top: 4.2rem
	}
}

.banner__slide {
	min-height: 500px;
	padding: 3rem 3rem 7rem 6rem;
	box-sizing: border-box;
	background: #f7f8e8;
	border-radius: 30px;
	transform: scale(.9);
	transition: all .3s ease;
	text-align: left
}

@media screen and (max-width:1023px) {
	.banner__slide {
		padding: 3rem 6rem 7rem
	}
}

@media screen and (max-width:767px) {
	.banner__slide {
		padding: 30px 20px;
		border-radius: 0
	}
}

.banner__slide picture {
	position: absolute;
	top: 30px;
	right: 30px
}

@media screen and (max-width:1200px) {
	.banner__slide picture {
		width: 37%;
		right: 15px
	}
}

@media screen and (max-width:1023px) {
	.banner__slide picture {
		position: relative;
		top: 0;
		right: 0;
		width: 33%;
		flex-shrink: 0
	}
}

@media screen and (max-width:767px) {
	.banner__slide picture {
        width: 60%;
        
	}
}

.banner__line {
	min-height: 110px
}

@media screen and (max-width:1023px) {
	.banner__line {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 20px
	}
}

@media screen and (max-width:767px) {
	.banner__line {
		min-height: 190px;
		height: 190px;
		justify-content: center;
		align-items: center
	}
}

.banner__title {
	margin: 3rem 0 1rem
}

@media screen and (max-width:767px) {
	.banner__title {
		margin: 0 0 10px
	}
}

.banner__sign {
	font-size: 1.25em;
	font-weight: 600;
	color: #666f0f
}

@media screen and (max-width:767px) {
	.banner__sign {
		font-size: 1em;
        font-weight: 700;
        line-height: 1.45;
	}
}

.banner__list {
	display: grid;
	grid-template-columns: repeat(2, 290px);
	grid-gap: 20px 30px;
	margin-top: 4.5rem
}

@media screen and (max-width:1023px) {
	.banner__list {
		grid-template-columns: repeat(2, 150px)
	}
}

@media screen and (max-width:767px) {
	.banner__list {
		display: none
	}
}

.banner__item {
	line-height: 1.4;
	padding-left: 28px;
	background-image: url(../icon/icon-check.svg);
	background-repeat: no-repeat;
	background-position: left center
}

@media screen and (max-width:767px) {
	.banner__item {
		margin-bottom: 10px
	}

	.banner__item:last-of-type,
	.banner__item:nth-last-of-type(2) {
		display: none
	}
}

.banner__control {
	display: flex;
	align-items: center;
	margin-top: 4.5rem
}

@media screen and (max-width:767px) {
	.banner__control {
		display: block;
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px
	}
}

.banner__btn {
	width: 264px;
	margin-right: 5rem
}

@media screen and (max-width:767px) {
	.banner__btn {
		margin-right: 0;
		margin-bottom: 10px
	}
}

.banner__pic {
	max-width: 440px
}

@media screen and (max-width:1200px) {
	.banner__pic {
		width: 100%
	}
}

.banner .slick-slide {
	height: 500px;
	text-align: center
}

@media screen and (max-width:1570px) {
    .banner .slick-slide {
        height: 600px
    }
}

@media screen and (max-width:1200px) {
	.banner .slick-slide {
		height: 450px
	}
}

@media screen and (max-width:1023px) {
	.banner .slick-slide {
		height: 615px
	}
}

@media screen and (max-width:767px) {
	.banner .slick-slide {
		height: 489px
	}
}

@media screen and (max-width:486px) {
	.banner .slick-slide {
		height: 530px
	}
}

.banner .slick-slide.slick-active .banner__slide {
	transform: scale(1);
	max-width: 1690px
}

.banner .slick-slide.slick-active .banner__slide:before {
	opacity: 0;
	z-index: -1
}

.banner .slick-slide.slick-active+.slick-slide .banner__slide:before {
	background: #f7f7f7
}

.banner .slick-arrow {
	transform: translateY(-100%)
}

.banner .slick-arrow:before {
	content: "";
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, .5);
	border-radius: 100%;
	z-index: -1
}

.banner .slick-prev {
	left: 9vw
}

@media screen and (max-width:1300px) {
	.banner .slick-prev {
		left: 5vw
	}
}

@media screen and (max-width:1200px) {
	.banner .slick-prev {
		left: 2vw
	}
}

.banner .slick-next {
	right: 9vw
}

@media screen and (max-width:1300px) {
	.banner .slick-next {
		right: 5vw
	}
}

@media screen and (max-width:1200px) {
	.banner .slick-next {
		right: 3vw
	}
}

.re__icon {
	cursor: pointer
}

.basket-empty {
	margin-bottom: 7rem;
	position: relative;
	margin-top: 2rem
}

.basket-empty__btns {
	margin-top: 3rem;
	display: flex;
	justify-content: center
}

@media screen and (max-width:767px) {
	.basket-empty__btns {
		display: block
	}
}

.basket-empty__select {
	width: 420px;
	margin-right: 20px
}

@media screen and (max-width:767px) {
	.basket-empty__select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		font-size: 1em;
		padding: 16px 30px 18px
	}
}

.basket-empty__cat {
	width: 264px
}

@media screen and (max-width:767px) {
	.basket-empty__cat {
		width: 100%;
		font-size: 1em;
		padding: 16px 30px 18px
	}
}

.basket-empty__icon-over {
	text-align: center;
	margin-top: 4rem
}

@media screen and (max-width:767px) {
	.basket-empty__icon-over {
		position: absolute;
		top: -60px;
		left: 0;
		z-index: -1;
		opacity: .2;
		margin-top: 0
	}
}

.basket-empty__icon {
	max-width: 465px
}

@media screen and (max-width:767px) {
	.basket-empty__icon {
		width: 100%
	}
}

.action__form .field-d,
.callback-mini,
.field-d {
	position: relative
}

.callback-mini {
	margin: 3rem 0;
	padding: 3rem 6rem;
	box-sizing: border-box;
	border: 2px solid #f5f5f5;
	border-radius: 30px
}

@media screen and (max-width:1023px) {
	.callback-mini {
		text-align: center
	}
}

@media screen and (max-width:767px) {
	.callback-mini {
		padding: 4rem 3rem;
		border-radius: 15px
	}
}

.callback-mini_text-white {
	color: #fff
}

.callback-mini_type-1 {
	border: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .6), rgba(2, 15, 25, .6)), url(../img/bg-call-1.png)center/cover no-repeat
}

@media screen and (max-width:767px) {
	.callback-mini_type-1 {
		background: linear-gradient(0deg, rgba(2, 15, 25, .6), rgba(2, 15, 25, .6)), url(../img/bg-call-1--mobile.png)center/cover no-repeat;
		padding: 6rem 3rem
	}

	.callback-mini__title {
		margin-bottom: 3rem
	}
}

.callback-mini__sign {
	margin-top: 1rem;
	max-width: 73%;
	line-height: 1.4
}

@media screen and (max-width:1023px) {
	.callback-mini__sign {
		max-width: 100%
	}
}

@media screen and (max-width:767px) {
	.callback-mini__sign {
		font-size: .75em
	}
}

.callback-mini__btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 8vw
}

@media screen and (max-width:1200px) {
	.callback-mini__btn {
		right: 4vw
	}
}

@media screen and (max-width:1023px) {
	.callback-mini__btn {
		position: relative;
		top: 0;
		right: 0;
		transform: translateY(0);
		margin-top: 3rem
	}
}

.callback-text {
	margin: 3rem 0;
	position: relative;
	padding: 4rem;
	box-sizing: border-box;
	border: 2px solid #f5f5f5;
	color: #fff;
	background: url(../img/bg-call-2.png)center/cover no-repeat
}

@media screen and (max-width:1023px) {
	.callback-text {
		text-align: center
	}
}

@media screen and (max-width:767px) {
	.callback-text {
		background: linear-gradient(0deg, rgba(2, 15, 25, .6), rgba(2, 15, 25, .6)), url(../img/bg-call-1--mobile.png)center/cover no-repeat;
		padding: 6rem
	}
}

.callback-text__title {
	font-weight: 400;
	margin-bottom: 1rem !important;
	font-size: 32px
}

@media screen and (max-width:767px) {
	.callback-text__title {
		margin-bottom: 3rem
	}
}

.callback-text__sign {
	font-size: 16px;
	margin-bottom: 1rem !important;
	line-height: 1.3
}

.callback-text__btn {
	margin-top: 2rem;
	font-weight: 400
}

.action__box {
	max-width: 1040px;
	background: #f5f5f5;
	border-radius: 20px;
	width: 100%;
	margin: 0 auto;
	padding: 7rem;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.action__box {
		padding: 4.25rem 2.95rem;
		border-radius: 15px
	}
}

.action__title {
	margin-bottom: 4rem
}

@media screen and (max-width:767px) {
	.action__title {
		margin-bottom: 2.9rem
	}
}

.action__wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 40px
}

@media screen and (max-width:767px) {
	.action__wrap {
		display: block
	}
}

.action__info {
	width: 48%;
	text-align: right
}

@media screen and (max-width:767px) {
	.action__info {
		width: 100%
	}
}

.action__sign {
	line-height: 1.4;
	margin-bottom: 4rem;
	text-align: left;
	max-width: 375px
}

@media screen and (max-width:767px) {
	.action__sign {
		font-size: .75em
	}
}

.action__pic {
	max-width: 100%;
	vertical-align: middle
}

@media screen and (max-width:767px) {
	.action__pic {
		display: none
	}
}

.action__form {
	width: 50%
}

@media screen and (max-width:767px) {
	.action__form {
		width: 100%
	}
}

.action__checkbox,
.action__field {
	margin-bottom: 30px
}

.action__btn,
.action__checkbox,
.action__form .error-field {
	display: block
}

.action__btn {
	width: 100%
}

.action__list {
	counter-reset: heading
}

@media screen and (max-width:767px) {
	.action__list {
		margin-bottom: 3rem
	}
}

.action__item {
	text-align: left;
	display: flex;
	align-items: center;
	gap: 12px;
	line-height: 1.3;
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.action__item {
		font-size: .75em;
		margin-bottom: 10px
	}
}

.action__item:before {
	counter-increment: heading;
	content: counter(heading);
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #abb910;
	border-radius: 100%;
	line-height: 1
}

.call-card {
	padding: 7rem 8rem 7rem 0;
	width: 100%;
	box-sizing: border-box;
	position: relative
}

@media screen and (max-width:767px) {
	.call-card {
		padding: 4.2rem 2.8rem
	}
}

.call-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: calc((100vw - 1690px)/-2);
	width: calc(100% + (100vw - 1690px)/2);
	height: 100%;
	background: #fbfbf3;
	display: block;
	z-index: -1;
	border-radius: 0 20px 20px 0
}

@media screen and (max-width:1730px) {
	.call-card:before {
		left: -20px;
		width: 100%
	}
}

@media screen and (max-width:767px) {
	.call-card:before {
		left: 0;
		background: linear-gradient(0deg, rgba(251, 251, 243, .95), rgba(251, 251, 243, .95));
		border-radius: 15px
	}
}

.call-card__inner {
	display: flex;
	align-items: center
}

@media screen and (max-width:767px) {
	.call-card__inner {
		display: block
	}
}

.call-card__content {
	margin-left: 3vw
}

@media screen and (max-width:767px) {
	.call-card__content {
		text-align: center
	}
}

.call-card__text,
.call-card__title {
	margin-bottom: 3rem
}

.call-card__text {
	line-height: 1.4
}

@media screen and (max-width:767px) {
	.call-card__text {
		font-size: .75em
	}
}

.call-card__pic {
	width: 100%
}

@media screen and (max-width:767px) {
	.call-card__pic {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		height: 100%;
		object-fit: cover;
		border-radius: 15px
	}
}

.call-card picture {
	max-width: 50%;
	flex-shrink: 0
}

.form-eq {
	padding: 3rem;
	border-radius: 20px;
	background: #f5f5f5;
	max-width: 435px;
	box-sizing: border-box
}

.form-eq.sticky {
	position: sticky;
	top: 160px
}

.form-eq.mt {
	margin-top: 4rem
}

.form-eq.white-box {
	background: #fff;
	border: 2px solid #f5f5f5
}

.form-eq__field,
.form-eq__title,
.mess__btn.btn {
	margin-bottom: 3rem
}

.form-eq__btn {
	width: 100%;
	margin-top: 3rem
}

.mess {
	text-align: center;
	margin-top: 5rem
}

.mess__head {
	font-size: 2em;
	line-height: 1.3;
	font-weight: 700
}

.mess__desc {
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-size: 1em;
	line-height: 1.2
}

.mess__btn.btn {
	font-size: 1.25em
}

.catalog-main-list__wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.55vw
}

@media screen and (max-width:1024px) {
	.catalog-main-list__wrap {
		display: block
	}
}

.catalog-main-list__back {
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
	display: block
}

.catalog-main-list__back:before {
	content: "";
	width: 14px;
	height: 14px;
	background-image: url(../icon/icon-arrow-back.svg);
	position: absolute;
	top: 1px;
	left: 0;
	background-repeat: no-repeat
}

@media screen and (min-width:1025px) {
	.catalog-main-list__back {
		display: none
	}
}

.catalog-main-list__sidebar {
	max-width: 256px;
	flex-shrink: 0
}

@media screen and (max-width:1024px) {
	.catalog-main-list__sidebar {
		max-width: 100%
	}
}

.catalog-main-list__content {
	width: calc(100% - 278px)
}

@media screen and (max-width:1024px) {
	.catalog-main-list__content {
		width: 100%
	}
}

.catalog-main-list__sign {
	line-height: 1.4;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.catalog-main-list__sign {
		font-size: .75em
	}
}

.catalog-main-list__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1.55vw;
	grid-auto-rows: 256px;
	margin-bottom: 2rem
}

@media screen and (max-width:1200px) {
	.catalog-main-list__list {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 200px
	}
}

@media screen and (max-width:1023px) {
	.catalog-main-list__list {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:767px) {
	.catalog-main-list__list {
		grid-gap: 15px 10px;
		grid-auto-rows: auto
	}
}

.catalog-main-list__item {
	background: #f7f7f7;
	border: 2px solid transparent;
	border-radius: 30px;
	box-sizing: border-box;
	transition: .3s ease;
	text-align: center;
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	position: relative
}

@media screen and (max-width:767px) {
	.catalog-main-list__item {
		background: 0 0;
		border: 0;
		padding: 0;
		justify-content: flex-start
	}
}

.catalog-main-list__item:hover {
	border-color: #abb910
}

.catalog-main-list__item picture {
	width: 100%;
	height: 100%
}

@media screen and (max-width:767px) {
	.catalog-main-list__item picture {
		background: #f7f7f7;
		border: 2px solid transparent;
		border-radius: 15px;
		box-sizing: border-box;
		padding: 8px;
		display: block;
		max-height: 100px
	}
}

.catalog-main-list__open-cat {
	padding: 10px 10px 10px 40px;
	background: #abb910;
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
	margin-bottom: 20px;
	border-radius: 10px;
	text-align: left;
	font-size: 1.25em;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	position: relative
}

.catalog-main-list__open-cat:after,
.catalog-main-list__open-cat:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.catalog-main-list__open-cat:before {
	width: 20px;
	height: 10px;
	background-image: url(../icon/icon-burger.svg);
	left: 10px
}

.catalog-main-list__open-cat:after {
	width: 7px;
	height: 12px;
	background-image: url(../icon/icon-arrow-white.svg);
	right: 10px
}

@media screen and (min-width:1025px) {
	.catalog-main-list__open-cat {
		display: none
	}
}

.catalog-main-list__banner-mini {
	border-radius: 30px
}

@media screen and (max-width:767px) {
	.catalog-main-list__banner-mini {
		display: none
	}

	.catalog-main-list__banner-mini_mobile {
		display: block;
		grid-row-start: 2;
		grid-row-end: 2;
		grid-column-start: 1;
		grid-column-end: 4;
		max-height: 100px
	}
}

.catalog-main-list__banner-mini picture {
	width: 100%;
	height: 100%;
	display: block
}

.catalog-main-list__pic {
	max-width: 120px;
	vertical-align: middle
}

@media screen and (max-width:767px) {
	.catalog-main-list__pic {
		max-width: 80px
	}
}

.catalog-main-list__caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-top: .6rem;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (max-width:1500px) {
	.catalog-main-list__caption {
		font-size: 1.125em
	}
}

@media screen and (max-width:1200px) {
	.catalog-main-list__caption {
		font-size: 1em
	}
}

@media screen and (max-width:767px) {
	.catalog-main-list__caption {
		font-size: .625em;
		height: 40px
	}
}

.catalog-main-list__img {
	width: 100%;
	max-height: 100%;
	object-fit: contain;
	vertical-align: middle
}

.catalog-main-list__banner {
	margin: 3rem 0;
	width: 100%
}

.catalog-main-list__elems {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.55vw;
	grid-auto-rows: 464px;
	margin-top: 2rem;
	position: relative
}

@media screen and (max-width:1200px) {
	.catalog-main-list__elems {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 360px
	}
}

@media screen and (max-width:767px) {
	.catalog-main-list__elems {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 296px
	}
}

.catalog-main-list__el {
	position: relative
}

.catalog-main-list__bnr {
	width: 100%;
	height: 100%
}

.catalog-main-list__mobile-menu-list {
	margin-bottom: 10px
}

@media screen and (min-width:1025px) {
	.catalog-main-list__mobile-menu-list {
		display: none
	}
}

.catalog-main-list__holder {
	margin-bottom: 10px
}

.catalog-nav {
	position: relative
}

@media screen and (max-width:1024px) {
	.catalog-nav {
		display: none;
		margin-bottom: 2rem
	}
}

.catalog-nav__cat {
	padding: 5px 10px 7px;
	font-weight: 700;
	color: #6fa300;
	display: inline-block;
	transition: .3s ease;
	border-radius: 5px;
	width: 200px;
	cursor: pointer
}

.catalog-nav__cat:hover {
	color: #fff;
	background: #abb910
}

.catalog-nav__cat.active {
	color: #020f19
}

.catalog-nav__line {
	margin-top: 3rem
}

.catalog-nav__caption {
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.4;
	max-width: 80%;
	display: block;
	transition: .3s ease
}

.catalog-nav__caption[href]:hover {
	color: #6fa300
}

.catalog-nav__list {
	overflow: hidden
}

.catalog-nav__list.open {
	border-color: #e5e5e5;
	padding: 10px 0
}

.catalog-nav__list.open .catalog-nav__checkbox,
.catalog-nav__list.open .catalog-nav__item,
.catalog-nav__list.open .catalog-nav__radio {
	display: block
}

.catalog-nav__item {
	padding-bottom: 0;
	margin-bottom: 0
}

.catalog-nav__item.hide {
	margin-bottom: 0
}

.catalog-nav__item_back {
	position: relative;
	padding-left: 20px;
	line-height: 22px;
	margin-bottom: 1rem
}

.catalog-nav__item_back:before {
	content: "";
	width: 14px;
	height: 14px;
	background-image: url(../icon/icon-arrow-back.svg);
	position: absolute;
	top: 3px;
	left: 0;
	background-repeat: no-repeat
}

.catalog-nav__link {
	line-height: 1.5;
	transition: .3s ease
}

.catalog-nav__link:hover {
	color: #6fa300
}

.catalog-nav__link.active {
	padding: 3px 10px;
	background: #d5dc87;
	border-radius: 5px
}

.catalog-nav__levels {
	margin-top: 1rem;
	padding-left: 18px
}

.catalog-nav__levels .catalog-nav__item {
	margin-bottom: 10px
}

.catalog-nav__more {
	font-weight: 700;
	color: #6fa300;
	background: 0 0;
	transition: .3s ease;
	cursor: pointer;
	margin-top: 5px;
	border-bottom: 1px solid transparent
}

.catalog-nav__more:hover {
	border-color: #6fa300
}

.catalog-nav__banner {
	margin-top: 3rem
}

.catalog-nav__pic {
	width: 100%;
	vertical-align: middle
}

.catalog-nav__filter {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem
}

.catalog-nav__filter-title {
	font-weight: 700
}

.catalog-nav__checkbox,
.catalog-nav__radio {
	margin-bottom: 1rem
}

.catalog-nav__checkbox:nth-of-type(n+5),
.catalog-nav__radio:nth-of-type(n+5) {
	display: none
}

.catalog-nav__apply {
	margin-top: 3rem;
	width: 100%
}

.catalog-nav__reset {
	width: 100%;
	margin-top: 1rem;
	background: 0 0;
	text-decoration: underline;
	color: #aeaeae;
	font-weight: 700;
	cursor: pointer
}

.catalog-nav__tooltyp {
	position: absolute;
	padding: 30px 30px 30px 50px;
	width: 236px;
	left: 100%;
	z-index: 999;
	background-image: url(../img/catalog-select-tooltyp.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: 50%
}

.catalog-nav__use {
	width: 100%
}

.catalog-nav__slider-wrap {
	display: flex;
	justify-content: space-between;
	margin-top: 1.5rem
}

.catalog-nav__slider-val {
	background: #fff;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	width: 45%;
	padding: 10px 15px 10px 40px;
	box-sizing: border-box;
	position: relative
}

.catalog-nav__slider-val:before {
	color: #aeaeae;
	position: absolute;
	bottom: 10px;
	left: 15px
}

.catalog-nav__slider-val#price-val-lower:before {
	content: "от"
}

.catalog-nav__slider-val#price-val-upper:before {
	content: "до"
}

.catalog-sort {
	display: flex;
	align-items: center
}

.catalog-sort__title {
	font-weight: 700;
	color: #aeaeae;
	margin-right: 2rem
}

@media screen and (max-width:1024px) {
	.catalog-sort__title {
		display: none
	}
}

.catalog-sort__link {
	display: inline-block;
	border-bottom: 1px dashed #000;
	padding: .5rem 0;
	box-sizing: border-box;
	margin-right: 2rem;
	cursor: pointer
}

.catalog-sort__link:hover,
.contacts__mail a:hover,
.contacts__phone a:hover,
.contacts__site a:hover {
	color: #abb910
}

@media screen and (max-width:1024px) {
	.catalog-sort__link {
		display: none
	}
}

.catalog-sort__link.active {
	border-color: #f26419;
	color: #f26419
}

.catalog-sort__mobile-nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	font-weight: 700;
	margin: 2rem 0;
	max-width: 400px
}

@media screen and (min-width:1025px) {
	.catalog-sort__mobile-nav {
		display: none
	}
}

.catalog-sort__sorts {
	width: 50%;
	max-width: 180px;
	padding-right: 10px;
	background-image: url(../icon/arrow-bottom.svg);
	background-repeat: no-repeat;
	background-position: right 2px
}

.catalog-sort__sorts summary::marker {
	content: none
}

.catalog-sort__nav {
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
	font-size: .9375em
}

.catalog-sort__list {
	margin-top: 1rem
}

.catalog-sort__filter {
	padding-left: 25px;
	background-image: url(../icon/icon-filter.svg);
	background-repeat: no-repeat;
	background-position: left center
}

.catalog-faq {
	margin: 0 0 3rem
}

.catalog-faq:before {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	overflow: hidden
}

@media screen and (max-width:767px) {
	.catalog-faq {
		width: calc(100% + 20px);
		position: relative
	}
}

.catalog-faq h3,
.catalog-faq p {
	font-size: 1.625em;
	margin-bottom: 1.5rem
}

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

	.catalog-faq h3,
	.catalog-faq p {
		font-size: 1.125em
	}
}

.catalog-faq ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

@media screen and (max-width:767px) {
	.catalog-faq ul {
		overflow-x: auto;
		scrollbar-width: 0;
		flex-wrap: nowrap;
		padding-bottom: 40px
	}
}

.catalog-faq li {
	padding: 8px 13px;
	background: #f5f5f5;
	border-radius: 5px;
	margin-bottom: 0;
	transition: .3s ease;
	flex-shrink: 0
}

.catalog-faq li:hover {
	background: #abb910;
	color: #fff
}

.more_ {
	padding-bottom: 70px
}

.list__more {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.list__more .portfolio__control {
	margin-top: 0
}

.list__more[loading=true] .btn {
	border-color: #abb910;
	background-image: url(../icon/throbber.svg);
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #abb910
}

.fix-search__reset.loading svg,
.list__more[loading=true] .btn .more__text,
.search-cat__reset.loading svg {
	visibility: hidden
}

.pagination {
	margin: 3rem 0
}

@media screen and (max-width:767px) {
	.pagination {
		height: 50px;
		padding-top: 40px;
		overflow: hidden;
		position: relative
	}
}

.pagination__item {
	margin-bottom: 0
}

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

@media screen and (max-width:1023px) {
	.pagination_between {
		flex-flow: column;
		gap: 20px
	}
}

.pagination__list {
	display: flex;
	gap: 5px;
	align-items: center;
	margin-left: -10px;
	justify-content: center
}

@media screen and (max-width:767px) {
	.pagination__list {
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center
	}
}

.pagination__link {
	line-height: 1;
	margin-bottom: 0;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	cursor: pointer;
	transition: .3s ease
}

@media screen and (max-width:767px) {
	.pagination__link:nth-of-type(n+7) {
		display: none
	}
}

.pagination__link_first {
	color: #abb910;
	font-size: 3rem;
	font-weight: 700;
	line-height: 27px;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: left center;
}

.pagination__link_first:hover {
	color: #666f0f
}

.pagination__link.active {
	background-color: #abb910;
	color: #fff
}

.pagination__link:hover {
	background-color: #d5dc87
}

.pagination__end {
	flex: 0 1 0;
	margin-bottom: 0;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.pagination__end {
		text-align: right;
		font-size: 1.25em;
		top: 0
	}
}

.pagination__next {
	font-weight: 700;
	color: #abb910;
	position: relative;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 14px;
	background-position: right center;
	font-size: 3rem
}

.pagination__next:hover {
	color: #666f0f
}

.clients {
	background: #f5f5f5;
	padding: 7rem 0
}

@media screen and (max-width:767px) {
	.clients {
		padding: 4.25rem 0;
		overflow: hidden
	}
}

.clients_white {
	background: #fff
}

.clients__list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: 128px;
	grid-gap: 1.55vw;
	justify-content: space-between;
	margin-bottom: 3rem
}

@media screen and (max-width:1200px) {
	.clients__list {
		grid-template-columns: repeat(5, 1fr)
	}
}

@media screen and (max-width:1023px) {
	.clients__list {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (max-width:767px) {
	.clients__list {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 20px;
		grid-auto-rows: 100px
	}
}

.clients__item {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: 2px solid #f5f5f5;
	transition: .3s ease
}

.clients__item:hover {
	border-color: #abb910
}

.clients__item picture {
	width: auto;
	height: 100%;
	align-items: center
}

.clients__pic {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.clients__control,
.clients__item picture {
	display: flex;
	justify-content: center
}

.clients__overflow {
	scrollbar-width: 0
}

@media screen and (max-width:767px) {
	.clients__overflow {
		overflow-x: auto;
		display: flex;
		width: calc(100vw - 20px);
		align-items: center
	}
}

.clients__overflow::-webkit-scrollbar {
	height: 0
}

@media screen and (max-width:767px) {
	.clients__overflow .clients__list {
		display: flex
	}

	.clients__overflow .clients__item {
		width: 200px;
		height: 100px;
		flex-shrink: 0;
		margin-right: 3rem
	}

	.clients__btn {
		background: #fff;
		border: 2px solid #abb910;
		border-radius: 5px;
		color: #333;
		font-size: 1em;
		margin: -3rem 3rem 0 0;
		width: 150px;
		padding: 28px 14px
	}
}

.contacts__title {
	margin-bottom: 3rem
}

.contacts__map-box {
	height: 600px;
	margin-bottom: 4rem;
	box-sizing: border-box
}

@media screen and (max-width:600px) {
	.contacts__map-box {
		padding: 0 20px;
		height: calc(100vw - 40px);
		max-height: 50vh
	}
}

.contacts__line {
	margin-bottom: 4rem
}

.contacts__box,
.contacts__caption,
.contacts__holder {
	margin-bottom: 3rem
}

.contacts__box {
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	padding: 40px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 275px repeat(3, 1fr);
	gap: 4rem
}

.contacts__box:has( > picture ) {
    @media screen and (max-width:480px) {
        padding: 0;
        border: 0;
    }
}

@media screen and (max-width:1690px) {
	.contacts__box {
		gap: 2rem
	}
}

@media screen and (max-width:1200px) {
	.contacts__box {
		grid-template-columns: repeat(2, 1fr);
		gap: 4rem
	}
}

@media screen and (max-width:600px) {
	.contacts__box {
		grid-template-columns: 1fr;
		padding: 3rem;
		gap: 3.5rem
	}
}

.contacts__box:last-of-type,
.contacts__mail:last-of-type,
.contacts__phone:last-of-type,
.contacts__site:last-of-type {
	margin-bottom: 0
}

.contacts__box_green {
	background: #fbfbf3;
	border-color: #fbfbf3
}

.contacts__col_pt-holder {
	padding-top: 6.5rem
}

@media screen and (max-width:600px) {
	.contacts__col_pt-holder {
		padding-top: 0
	}
}

.contacts__pic {
	width: 100%;
	vertical-align: middle;
	border-radius: 20px;
	max-width: 300px
}

@media screen and (max-width:600px) {
	.contacts__pic {
		max-width: 180px
	}
}

@media screen and (max-width:480px) {
	.contacts__pic {
		max-width: 100%
	}
}


.contacts__phone {
	padding-left: 40px;
	background-image: url(../icon/icon-phone.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
	margin-bottom: 3rem
}

@media screen and (max-width:600px) {
	.contacts__phone {
		font-size: .8125em
	}
}

.contacts__phone a {
	transition: .3s ease;
	margin-bottom: 12px;
	display: block
}

.contacts__phone b {
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: 1rem;
	display: block
}

.contacts__phone b:last-child,
.contacts__phone big:last-child {
	margin-bottom: 0
}

.contacts__phone big {
	font-size: 1.625em;
	margin-bottom: 1rem
}

.contacts__map {
	padding-left: 40px;
	background-image: url(../icon/icon-map.svg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 3rem;
	background-size: 20px;
	display: block;
	line-height: 1.4
}

@media screen and (max-width:600px) {
	.contacts__map {
		font-size: .8125em
	}
}

.contacts__time {
	background-image: url(../icon/icon-clock.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	padding: .5rem 0 .5rem 40px;
	display: block;
	margin-bottom: 4rem
}

@media screen and (max-width:600px) {
	.contacts__time {
		font-size: .8125em;
		margin-bottom: 2rem
	}
}

.contacts__time span {
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 .6rem 0 .3rem;
	background: #abb910;
	vertical-align: middle
}

.contacts__mail {
	padding-left: 40px;
	background-image: url(../icon/icon-mail.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
	transition: .3s ease;
	display: block;
	margin-bottom: 3rem
}

@media screen and (max-width:600px) {
	.contacts__mail {
		font-size: .8125em
	}
}

.contacts__mail b,
.contacts__site b {
	font-size: 1.25em;
	font-weight: 700;
	display: block;
	margin-bottom: 1rem
}

.contacts__mail a,
.contacts__site,
.contacts__site a {
	transition: .3s ease
}

.contacts__site {
	padding-left: 40px;
	background-image: url(../icon/icon-site.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
	display: block;
	margin-bottom: 3rem
}

@media screen and (max-width:600px) {
	.contacts__site {
		font-size: .8125em
	}
}

.contacts__cnt {
	margin-bottom: 3rem
}

.contacts__cnt-title {
	font-size: 1.25em;
	margin-bottom: 1.5rem;
	display: block
}

@media screen and (max-width:600px) {
	.contacts__cnt-title {
		font-size: 1em
	}
}

.contacts__cnt-info {
	line-height: 1.3
}

@media screen and (max-width:600px) {
	.contacts__cnt-info {
		font-size: .75em
	}
}

.contacts__cnt-info p,
.order__txt p {
	margin-bottom: 1rem
}

.contacts__phone-gray {
	padding: .5rem 0 .5rem 40px;
	background-image: url(../icon/icon-phone-gray.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	margin-bottom: 1rem
}

@media screen and (max-width:600px) {
	.contacts__phone-gray {
		font-size: .8125em;
		margin-bottom: 3rem
	}
}

.contacts__mail-gray:hover,
.contacts__phone-gray:hover {
	color: #ff8c00
}

.contacts__mail-gray {
	padding: .5rem 0 .5rem 40px;
	background-image: url(../icon/icon-mail-gray.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	margin-bottom: 1rem
}

@media screen and (max-width:600px) {
	.contacts__mail-gray {
		font-size: .8125em;
		margin-bottom: 3rem
	}
}

.contacts__soc {
	margin-top: 2rem;
	padding-left: 4rem;
	box-sizing: border-box
}

.contacts__soc-link {
	display: inline-block;
	margin-right: 2rem
}

.contacts__soc-pic {
	vertical-align: middle
}

.contacts__map-more {
	color: #020f19
}

@media screen and (max-width:600px) {
	.contacts__map-more {
		max-width: 260px;
		margin: 0 auto;
		display: block
	}
}

.banner-copeq,
.place_w {
	background-repeat: no-repeat
}

.place_w {
	background-image: url(../icon/icon-place.svg);
	background-position: 0 5px;
	background-size: 24px;
	padding-top: 10px;
	padding-bottom: 10px
}

.banner-copeq {
	box-sizing: border-box;
	margin-top: 7rem;
	position: relative;
	min-height: 550px;
	background-position: top center;
	background-size: cover
}

.banner-copeq:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(transparent, rgba(0, 0, 0, .6))
}

@media screen and (max-width:1200px) {
	.banner-copeq {
		min-height: 400px
	}
}

@media screen and (max-width:767px) {
	.banner-copeq {
		margin-top: 0;
		padding: 8rem 0 5rem;
		overflow: hidden
	}
}

.banner-copeq__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	max-width: 1315px;
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 5rem 0;
	overflow: hidden
}

@media screen and (max-width:1023px) {
	.banner-copeq__inner {
		display: block
	}
}

.banner-copeq__inner_mod {
	margin-top: 10rem;
	color: #020f19
}

.banner-copeq__content {
	max-width: 730px;
	padding: 20px
}

.banner-copeq__title {
	font-weight: 700;
	margin-bottom: 1rem
}

.banner-copeq__title span,
.copeq-list__col.green .copeq-list__link:hover,
.footer__phone a:hover {
	color: #abb910
}

.banner-copeq__txt {
	font-size: 1.25em;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: -.02em;
	max-width: 645px;
	margin-bottom: 6rem
}

@media screen and (max-width:767px) {
	.banner-copeq__txt {
		font-size: .875em;
		margin-top: 3rem
	}
}

.banner-copeq__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1rem;
	justify-content: space-between
}

@media screen and (max-width:767px) {
	.banner-copeq__list {
		display: block
	}
}

.banner-copeq__item {
	display: flex;
	align-items: center;
	gap: 2rem
}

@media screen and (max-width:767px) {
	.banner-copeq__item {
		margin-bottom: 2rem
	}
}

.banner-copeq__caption {
	font-weight: 700;
	line-height: 1.3
}

@media screen and (max-width:767px) {
	.banner-copeq__caption {
		font-weight: 400
	}
}

.banner-copeq__callback {
	background: #fff;
	border-radius: 20px;
	padding: 3rem 3.5rem 4rem;
	box-sizing: border-box;
	max-width: 440px;
	flex-shrink: 0
}

@media screen and (max-width:1023px) {
	.banner-copeq__callback {
		margin-top: 3rem
	}
}

@media screen and (max-width:767px) {
	.banner-copeq__callback {
		display: none
	}
}

.banner-copeq__holder {
	text-align: center;
	color: #020f19;
	font-weight: 700;
	font-size: 1.375em;
	margin-bottom: 4rem
}

.banner-copeq__field {
	padding: 0 10px 10px 35px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-size: 1.125em;
	line-height: 1;
	border: 0;
	resize: none;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 2.7rem
}

.banner-copeq__field::placeholder {
	color: #595959
}

.banner-copeq__field.place {
	background-image: url(../icon/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 95%0;
	background-color: transparent;
	margin-bottom: 1.7rem;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer
}

.banner-copeq__field.mess,
.banner-copeq__field.name,
.banner-copeq__field.phone {
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 24px
}

.banner-copeq__field.name,
.banner-copeq__field.phone {
	background-image: url(../icon/icon-name.svg)
}

.banner-copeq__field.phone {
	background-image: url(../icon/icon-phone.svg)
}

.banner-copeq__field.mess {
	background-image: url(../icon/icon-mess.svg);
	height: 70px
}

.banner-copeq__btn {
	max-width: 255px;
	display: block;
	margin: 1rem auto 0
}

.banner-copeq__checkbox {
	display: flex;
	align-items: center;
	margin-top: 3rem;
	gap: 12px
}

.banner-copeq__checkbox-name {
	font-weight: 600;
	line-height: 1.1;
	color: #020f19;
	font-size: .875em
}

.banner-copeq__checkbox-name a {
	color: #abb910;
	border-bottom: 1px solid #abb910;
	display: inline-block
}

.banner-copeq__call {
	margin: 30px auto 0;
	display: block;
	max-width: 255px
}

@media screen and (min-width:768px) {
	.banner-copeq__call {
		display: none
	}
}

.banner-copeq .breadcrumb {
	position: absolute;
	top: -7.5rem;
	width: 100%
}

@media screen and (max-width:767px) {
	.banner-copeq .breadcrumb {
		top: 0;
		color: #fff
	}
}

.copeq-list {
	margin: 3rem 0 7rem;
	overflow: hidden
}

.copeq-list__title {
	font-size: 2.625em;
	font-weight: 600;
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.copeq-list__title {
		font-size: 1.5em;
		font-weight: 400
	}
}

.copeq-list__row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 3rem
}

@media screen and (max-width:1023px) {
	.copeq-list__row {
		grid-template-columns: repeat(1, 1fr)
	}
}

.copeq-list__col {
	background: radial-gradient(50% 681.96%at 50% 50%, rgba(255, 255, 255, .15) 46.88%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid #e5e5e5;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	border-radius: 20px;
	padding: 2vw;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	z-index: 1
}

@media screen and (max-width:1023px) {
	.copeq-list__col {
		padding: 4vw
	}
}

@media screen and (max-width:767px) {
	.copeq-list__col {
		padding: 30px 20px;
		background: 0 0;
		border-radius: 0;
		box-shadow: none;
		border: 0
	}
}

.copeq-list__col:before {
	content: "";
	width: 384px;
	height: 384px;
	opacity: .05;
	right: -20px;
	bottom: -40px;
	position: absolute;
	z-index: -1
}

@media screen and (max-width:1200px) {
	.copeq-list__col:before {
		width: 250px;
		height: 250px
	}
}

@media screen and (max-width:767px) {
	.copeq-list__col:before {
		top: 350px
	}
}

.copeq-list__col:after {
	width: calc(100% + 40px);
	height: 1px;
	position: absolute;
	bottom: 0;
	left: -20px;
	background: #e5e5e5
}

@media screen and (max-width:767px) {
	.copeq-list__col:after {
		content: ""
	}
}

.copeq-list__col.green:before {
	background-image: url(../icon/copeq-icon-1.svg)
}

.copeq-list__col.orange .copeq-list__link:hover {
	color: #ff8c00
}

.copeq-list__col.blue:before,
.copeq-list__col.green:before,
.copeq-list__col.orange:before {
	background-repeat: no-repeat;
	background-size: cover
}

.copeq-list__col.orange:before {
	background-image: url(../icon/copeq-icon-2.svg)
}

.copeq-list__col.blue .copeq-list__link:hover {
	color: #5bc6ed
}

.copeq-list__col.blue:before {
	background-image: url(../icon/copeq-icon-3.svg)
}

.copeq-list__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2.5rem;
	margin-bottom: 4rem
}

@media screen and (max-width:1200px) {
	.copeq-list__head {
		flex-flow: row-reverse
	}
}

.copeq-list__caption {
	font-weight: 700;
	font-size: 1.625em;
	line-height: 1.4
}

@media screen and (max-width:1690px) {
	.copeq-list__caption {
		font-size: 1.25em
	}
}

@media screen and (max-width:767px) {
	.copeq-list__caption {
		font-size: 1.125em;
		font-weight: 400
	}
}

.copeq-list__item {
	margin-bottom: 24px
}

@media screen and (max-width:767px) {
	.copeq-list__item {
		display: none
	}
}

.copeq-list__item:first-of-type,
.copeq-list__item:nth-of-type(2),
.copeq-list__item:nth-of-type(3) {
	display: block
}

.copeq-list__link {
	color: #595959;
	font-weight: 700;
	font-size: 1.25em;
	transition: .5s ease
}

@media screen and (max-width:767px) {
	.copeq-list__link {
		font-size: 1em;
		font-weight: 400;
		text-decoration: underline
	}

	.copeq-list__icon {
		width: 48px;
		height: 48px
	}
}

.copeq-list__open {
	font-weight: 700;
	color: #abb910;
	padding-right: 20px;
	position: relative;
	cursor: pointer;
	background: 0 0
}

@media screen and (min-width:767px) {
	.copeq-list__open {
		display: none
	}
}

.copeq-list__open::after {
	content: "";
	width: 12px;
	height: 7px;
	background-image: url(../icon/icon-bottom--green.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	transition: .3s ease
}

.copeq-list__open.open::after {
	transform: translateY(-50%) rotate(180deg)
}

.copeq-list__registry {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	height: calc(100% - 130px)
}

@media screen and (max-width:767px) {
	.copeq-list__registry {
		height: auto
	}
}

.copeq-map {
	display: flex;
	justify-content: flex-start;
	position: relative;
	overflow: hidden
}

@media screen and (max-width:1200px) {
	.copeq-map {
		display: block
	}
}

@media screen and (max-width:767px) {
	.copeq-map {
		display: none
	}
}

.copeq-map__info {
	max-width: 800px;
	margin-left: -10vw;
	margin-top: 5rem;
	position: relative;
	z-index: 3
}

@media screen and (max-width:1200px) {
	.copeq-map__info {
		margin: 0 auto;
		position: absolute;
		bottom: 23rem;
		left: 0;
		right: 0
	}
}

@media screen and (max-width:1023px) {
	.copeq-map__info {
		padding: 0 3rem;
		box-sizing: border-box
	}
}

.copeq-map__line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8.5rem
}

@media screen and (max-width:1200px) {
	.copeq-map__line {
		margin-bottom: 3rem
	}
}

.copeq-map__line:first-of-type span {
	color: #abb910
}

.copeq-map__line:nth-of-type(2) span {
	color: #ff8c00
}

.copeq-map__icon,
.goods__nav-item svg {
	flex-shrink: 0
}

.copeq-map__content {
	width: 500px;
	flex-shrink: 0
}

.copeq-map__title {
	margin-bottom: 3rem
}

.copeq-map__sign {
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.5
}

.copeq-map__btn {
	position: absolute;
	bottom: 14rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 392px
}

.copeq-map__pic {
	position: relative
}

@media screen and (max-width:1690px) {
	.copeq-map__pic {
		left: -10vw
	}
}

@media screen and (max-width:1200px) {
	.copeq-map__pic {
		left: 0
	}
}

.copeq-map picture {
	max-width: 55%
}

@media screen and (max-width:1200px) {
	.copeq-map picture {
		max-width: 100%
	}
}

.copeq-step {
	padding: 5rem 0;
	overflow: hidden;
	background: #f4f5f5
}

@media screen and (max-width:1023px) {
	.copeq-step {
		background: #fff;
		padding-bottom: 0
	}
}

.copeq-step__container {
	position: relative
}

@media screen and (max-width:1023px) {
	.copeq-step__container {
		margin-top: 3rem
	}
}

.copeq-step__wrap {
	display: grid;
	grid-template-columns: repeat(4, 316px);
	position: absolute;
	top: 7rem;
	left: 0;
	right: 0;
	width: 90%;
	height: 100%;
	justify-content: space-around;
	margin: 0 auto
}

@media screen and (max-width:1690px) {
	.copeq-step__wrap {
		top: 2vw
	}
}

@media screen and (max-width:1200px) {
	.copeq-step__wrap {
		grid-template-columns: repeat(4, 200px)
	}
}

@media screen and (max-width:1023px) {
	.copeq-step__wrap {
		display: block;
		position: relative;
		top: 0;
		height: auto
	}
}

.copeq-step__sign {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.3
}

@media screen and (max-width:1200px) {
	.copeq-step__sign {
		font-size: 1em
	}
}

@media screen and (max-width:1023px) {
	.copeq-step__sign {
		display: flex;
		align-items: center;
		gap: 30px
	}
}

@media screen and (max-width:767px) {
	.copeq-step__sign {
		font-size: .75em
	}
}

.copeq-step__sign:nth-of-type(2n+1) {
	position: relative;
	top: 28rem
}

@media screen and (max-width:1690px) {
	.copeq-step__sign:nth-of-type(2n+1) {
		top: 16vw
	}
}

@media screen and (max-width:1023px) {
	.copeq-step__sign:nth-of-type(2n+1) {
		top: 0
	}
}

@media screen and (max-width:1690px) {
	.copeq-step__pic {
		width: 100%
	}
}

@media screen and (max-width:1023px) {
	.copeq-step__pic {
		display: none
	}
}

@media screen and (min-width:1024px) {
	.copeq-step__icon {
		display: none
	}
}

.plane {
	margin: 8rem 0
}

.plane__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 3rem
}

@media screen and (max-width:767px) {
	.plane__list {
		display: block
	}
}

.plane__item {
	position: relative;
	display: block
}

@media screen and (max-width:767px) {
	.plane__item {
		margin-bottom: 3rem
	}
}

.plane__item:after,
.plane__item:before {
	content: "";
	position: absolute;
	z-index: 1;
	transition: .5s ease;
	opacity: 0
}

.plane__item:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 20px;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5))
}

.plane__item:after {
	width: 140px;
	height: 140px;
	background-image: url(../icon/icon-zoom.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media screen and (max-width:767px) {
	.plane__item:after {
		width: 70px;
		height: 70px
	}
}

.eqrest__item:hover:before,
.eqshop__elem:hover:before,
.eqshop__item:hover:before,
.gallery__item a:hover:before,
.plane__item:hover:after,
.plane__item:hover:before {
	opacity: 1
}

.plane__pic {
	width: 100%;
	object-fit: cover;
	border-radius: 20px
}

.eqshop__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1.55vw;
	justify-content: space-between
}

@media screen and (max-width:1023px) {
	.eqshop__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.eqshop__list {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
		grid-auto-rows: 100px
	}
}

.eqshop__elem:before,
.eqshop__item:before {
	display: block;
	border-radius: 20px;
	transition: .3s ease;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .7), rgba(2, 15, 25, .7));
	position: absolute;
	opacity: .8
}

.eqshop__item {
	position: relative;
	display: block;
	border-radius: 20px;
	transition: .3s ease
}

.eqshop__elem:hover,
.eqshop__item:hover {
	box-shadow: 0 10px 10px rgba(2, 15, 25, .2)
}

.eqshop__pic {
	width: 100%;
	vertical-align: middle;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.eqshop__pic {
		height: 100%;
		object-fit: cover
	}
}

.eqshop__caption {
	position: absolute;
	font-size: 1.5em;
	font-weight: 600;
	color: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	text-align: center;
	width: 100%
}

@media screen and (max-width:1200px) {
	.eqshop__caption {
		font-size: 1.25em
	}
}

@media screen and (max-width:767px) {
	.eqshop__caption {
		font-weight: 400
	}
}

.eqshop__elems {
	margin-top: 3rem;
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1.55vw
}

@media screen and (max-width:1023px) {
	.eqshop__elems {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:767px) {
	.eqshop__elems {
		grid-template-columns: repeat(2, 1fr);
		display: none
	}
}

.eqshop__elem {
	position: relative;
	display: block;
	border-radius: 20px;
	transition: .3s ease
}

.eqshop__elem_more {
	background: #abb910
}

.eqshop__elem_more:before {
	content: none
}

.eqshop__elem_more:hover {
	background: #666f0f
}

.eqshop__holder {
	position: absolute;
	font-size: 1.25em;
	font-weight: 600;
	color: #fff;
	bottom: 20px;
	left: 0;
	display: flex;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	height: 64px;
	justify-content: center
}

@media screen and (max-width:1200px) {
	.eqshop__holder {
		font-size: 1em;
		bottom: 5px
	}
}

@media screen and (max-width:1023px) {
	.eqshop__holder {
		font-size: 1.25em;
		bottom: 15px
	}
}

@media screen and (max-width:767px) {
	.eqshop__holder {
		font-weight: 400;
		bottom: 10px;
		font-size: 1em
	}
}

.eqshop__icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
	max-width: 112px
}

@media screen and (max-width:1500px) {
	.eqshop__icon {
		transform: translate(-50%, -80%);
		width: 40%
	}
}

@media screen and (max-width:1200px) {
	.eqshop__icon {
		transform: translate(-50%, -90%)
	}
}

.eqshop__more {
	margin-top: 3rem;
	width: 100%
}

@media screen and (min-width:767px) {
	.eqshop__more {
		display: none
	}
}

.eqrest__list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1.55vw;
	justify-content: space-between
}

@media screen and (max-width:1023px) {
	.eqrest__list {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (max-width:767px) {
	.eqrest__list {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
		grid-auto-rows: 100px
	}
}

.eqrest__item,
.eqrest__item:before,
.footer__phone a {
	transition: .3s ease;
	display: block
}

.eqrest__item {
	position: relative;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.eqrest__item:nth-of-type(n+6) {
		display: none
	}
}

.eqrest__item:hover {
	box-shadow: 0 10px 10px rgba(2, 15, 25, .2)
}

.eqrest__item:before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .7), rgba(2, 15, 25, .7));
	border-radius: 20px;
	position: absolute;
	opacity: .8
}

@media screen and (max-width:767px) {
	.eqrest__item:before {
		border-radius: 15px
	}
}

.eqrest__item_more {
	background: #abb910
}

.eqrest__item_more:before,
.gallery-work .slick-arrow:after {
	content: none
}

.eqrest__item_more:hover {
	background: #666f0f
}

@media screen and (max-width:767px) {
	.eqrest__item {
		border-radius: 15px
	}
}

.eqrest__pic {
	width: 100%;
	vertical-align: middle;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.eqrest__pic {
		height: 100%;
		object-fit: cover;
		border-radius: 15px
	}
}

.eqrest__caption {
	position: absolute;
	font-size: 1.5em;
	font-weight: 600;
	color: #fff;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	text-align: center;
	width: 100%;
	padding: 0 3rem;
	box-sizing: border-box;
	line-height: 1.4
}

@media screen and (max-width:1500px) {
	.eqrest__caption {
		font-size: 1.375em
	}
}

@media screen and (max-width:1200px) {
	.eqrest__caption {
		font-size: 1.25em
	}
}

.eqrest__more {
	margin-top: 3rem;
	width: 100%
}

@media screen and (min-width:767px) {
	.eqrest__more {
		display: none
	}
}

.footer {
	padding: 7rem 0 4rem;
	background: #f5f5f5
}

@media screen and (max-width:767px) {
	.footer {
		padding: 4.25rem 0
	}
}

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

@media screen and (max-width:1200px) {
	.footer__inner {
		flex-wrap: wrap
	}
}

.footer__logo {
	margin-right: 5vw;
	display: flex;
	flex-direction: column
}

@media screen and (max-width:1500px) {
	.footer__logo {
		margin-right: 2vw
	}
}

.footer__wrap {
	flex-grow: 1
}

@media screen and (max-width:1200px) {
	.footer__wrap {
		order: 1
	}
}

.footer__nav {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 4rem
}

@media screen and (max-width:1023px) {
	.footer__nav {
		flex-wrap: wrap
	}
}

@media screen and (max-width:767px) {
	.footer__nav {
		margin-bottom: 0
	}
}

.footer__col {
	padding-right: 3rem;
	margin-right: 3rem;
	box-sizing: border-box;
	border-right: 2px solid #e5e5e5;
	flex-grow: .3
}

@media screen and (max-width:1023px) {
	.footer__col {
		flex-grow: 1;
		width: 45%;
		margin-bottom: 5rem
	}
}

@media screen and (max-width:767px) {
	.footer__col {
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		padding-bottom: 3.5rem;
		margin-bottom: 4rem;
		width: 100%;
		border-bottom: 1px solid #e5e5e5
	}
}

@media screen and (max-width:1023px) {
	.footer__col:nth-of-type(2) {
		border-right: 0
	}
}

@media screen and (max-width:1200px) {
	.footer__col:last-of-type {
		border-right: 0
	}
}

.footer__cation {
	font-weight: 700;
	margin-bottom: 3rem
}

.footer__item {
	margin-bottom: 1rem;
	line-height: 1.4
}

.footer__grid {
	display: grid;
	grid-template-columns: repeat(2, 200px)
}

@media screen and (max-width:1400px) {
	.footer__grid {
		grid-template-columns: 1fr
	}
}

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

	.footer__grid,
	.footer__list {
		grid-template-columns: repeat(2, 48%);
		justify-content: space-between
	}

	.footer__list {
		display: grid
	}
}

.footer__sign {
	line-height: 1.4;
	color: #929292
}

@media screen and (max-width:767px) {
	.footer__sign {
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 4.25rem
	}
}

.footer__info {
	max-width: 280px;
	box-sizing: border-box
}

@media screen and (max-width:1200px) {
	.footer__info {
		margin-bottom: 5rem;
		max-width: 55%
	}
}

@media screen and (max-width:767px) {
	.footer__info {
		max-width: 100%;
		margin-top: 7.5rem;
		margin-bottom: 4.25rem;
		padding-left: 20px
	}
}

.footer__phone {
	padding-left: 30px;
	background-image: url(../icon/icon-phone.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 14px;
	font-weight: 700
}

.footer__phone a {
	margin-bottom: 12px
}

.footer__mail,
.footer__map,
.footer__time {
	padding-left: 30px;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 12px
}

.footer__map {
	background-image: url(../icon/icon-map.svg);
	background-position: left top;
	line-height: 1.4
}

.footer__mail,
.footer__time {
	background-position: left center;
	background-size: 14px
}

.footer__time {
	background-image: url(../icon/icon-clock.svg)
}

.footer__time span {
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 .6rem 0 .3rem;
	background: #abb910;
	vertical-align: middle
}

.footer__mail {
	background-image: url(../icon/icon-mail.svg);
	transition: .3s ease
}

.footer__mail:hover {
	color: #abb910
}

.footer__call {
	margin-top: 2.8rem;
	font-size: 1em;
	padding: 11px 20px
}

.copyright {
	padding: 13px 0;
	background: #abb910;
	color: #666f0f
}

@media screen and (max-width:767px) {
	.copyright {
		background: #f5f5f5;
		padding-top: 0;
		position: relative;
		overflow: hidden
	}

	.copyright:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100vw;
		height: 40px;
		background: #abb910;
		display: block;
		z-index: 1
	}
}

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

@media screen and (max-width:767px) {
	.copyright__inner {
		display: block
	}

	.copyright__title {
		margin-bottom: 6rem;
		color: #020f19;
		line-height: 1.3
	}
}

.copyright__link {
	font-weight: 700
}

@media screen and (max-width:767px) {
	.copyright__link {
		text-align: center;
		display: block;
		text-decoration: underline;
		position: relative;
		z-index: 2
	}
}

.logotf {
	color: #595959;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .48px;
	margin-top: 7px;
	display: inline-block
}

.fsoc {
	color: #020f19;
	font-weight: 700;
	line-height: 22px;
	margin-top: 30px
}

.fsoc_icons {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin-top: 20px
}

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

@media screen and (max-width:767px) {
	.flo {
		width: 100%;
		align-items: center
	}
}

.gallery-work__title {
	margin-bottom: 3rem
}

.gallery-work__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 50px
}

@media screen and (max-width:1400px) {
	.gallery-work__grid {
		gap: 20px 10px
	}
}

@media screen and (max-width:1200px) {
	.gallery-work__grid {
		display: block
	}
}

.gallery-work__el {
	display: flex;
	gap: 20px
}

@media screen and (max-width:1200px) {
	.gallery-work__el {
		width: 100%;
		margin-bottom: 2rem
	}
}

@media screen and (max-width:767px) {
	.gallery-work__el {
		flex-flow: column
	}
}

.gallery-work__picture {
	width: calc(55% - 20px);
	max-width: 460px;
	flex-shrink: 0
}

@media screen and (max-width:767px) {
	.gallery-work__picture {
		width: 100%
	}
}

.gallery-work__content {
	position: relative;
	width: 45%;
	padding-bottom: 80px
}

@media screen and (max-width:767px) {
	.gallery-work__content {
		width: 100%;
		padding-bottom: 0
	}
}

.gallery-work__caption {
	font-weight: 400;
	font-size: 1.625em;
	margin-bottom: 1rem
}

@media screen and (max-width:767px) {
	.gallery-work__caption {
		display: none
	}
}

.gallery-work__caption-mobile {
	font-weight: 400;
	font-size: 1.125em
}

@media screen and (min-width:767px) {
	.gallery-work__caption-mobile {
		display: none
	}
}

.gallery-work__pic {
	max-width: 100%;
	border-radius: 10px;
	object-fit: cover;
	height: 100%
}

.gallery-work__control {
	margin-top: 7rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center
}

.gallery-work__pic-two {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: 190px;
	gap: 20px
}

.gallery-work__pic-two .gallery-work__pic {
	width: 100%
}

.gallery-work__price {
	font-weight: 700;
	font-size: 1.25em;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.gallery-work__price {
		display: none
	}
}

.gallery-work__price span,
.gallery-work__price-mobile span {
	font-size: 1.6em;
	padding-right: .5rem
}

.gallery-work__price-mobile {
	font-weight: 700;
	font-size: .875em
}

@media screen and (min-width:767px) {
	.gallery-work__price-mobile {
		display: none
	}
}

.gallery-work__item {
	display: flex;
	gap: 10px;
	font-size: .75em;
	margin-bottom: 10px;
	line-height: 1
}

@media screen and (max-width:350px) {
	.gallery-work__item {
		display: block
	}
}

.gallery-work__item p:first-of-type {
	color: #929292
}

@media screen and (max-width:767px) {
	.gallery-work__item p:first-of-type {
		margin-bottom: 4px
	}
}

.gallery-work__buy {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 14px 10px 16px
}

@media screen and (max-width:767px) {
	.gallery-work__buy {
		position: relative;
		font-size: 1em;
		margin-top: 2rem
	}
}

.gallery-work__slider-main {
	height: 290px
}

.gallery-work__slider-nav {
	margin-top: 2rem;
	max-height: 136px
}

@media screen and (max-width:767px) {
	.gallery-work__slider-nav {
		display: none
	}
}

.gallery-work__slider-nav .slick-slide {
	margin: 0 1rem;
	box-sizing: border-box
}

.gallery-work .slick-slide,
.gallery-work__slider-nav .gallery-work__pic {
	height: auto
}

.gallery-work .slick-prev,
.gallery-work .slick-prev:hover {
	background-image: url(../icon/icon-arrow-prev-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.gallery-work .slick-prev {
	background-color: #fff;
	border-radius: 5px;
	left: -10px
}

.gallery-work .slick-prev:hover {
	background-color: #abb910
}

.gallery-work .slick-next,
.gallery-work .slick-next:hover {
	background-image: url(../icon/icon-arrow-next-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.gallery-work .slick-next {
	background-color: #fff;
	border-radius: 5px;
	right: -10px
}

.gallery-work .slick-next:hover {
	background-color: #abb910
}

.gallery-work .callback-mini {
	grid-column: 1/span 2;
	grid-row: 3/span 4
}

@media screen and (max-width:1023px) {
	.gallery-work .callback-mini {
		display: none
	}
}

.gallery-work-nav {
	margin-bottom: 4rem
}

.gallery-work-nav__line {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2rem
}

@media screen and (min-width:601px) {
	.gallery-work-nav__line .select2-container {
		display: none
	}
}

.gallery-work-nav__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

@media screen and (max-width:600px) {
	.gallery-work-nav__row {
		display: none
	}
}

.gallery-work-nav__link {
	padding: 7px 13px 9px;
	text-align: center;
	background: #f5f5f5;
	transition: .5s ease;
	border-radius: 5px
}

.gallery-work-nav__link.active {
	background: #abb910;
	color: #fff
}

.gallery-work-nav__link:hover {
	background: #e5e5e5
}

.gallery__list {
	display: grid;
	margin-top: 3rem;
	grid-gap: 1.55vw;
	grid-auto-rows: 230px
}

@media screen and (max-width:1000px) {
	.gallery__list {
		grid-auto-rows: 160px
	}
}

@media screen and (max-width:820px) {
	.gallery__list {
		grid-auto-rows: 130px
	}
}

@media screen and (max-width:767px) {
	.gallery__list {
		grid-gap: 5vw;
		grid-auto-rows: 25vw
	}
}

.gallery__list_left {
	grid-template-columns: 1.32fr repeat(3, 1fr)
}

@media screen and (max-width:767px) {
	.gallery__list_left {
		grid-template-columns: repeat(2, 1fr)
	}
}

.gallery__list_right {
	grid-template-columns: repeat(3, 1fr) 1.32fr
}

@media screen and (max-width:767px) {
	.gallery__list_right {
		display: none
	}
}

.gallery__item {
	position: relative
}

.gallery__item a:before,
.hall__item:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	border-radius: 20px;
	z-index: 1;
	opacity: 0;
	transition: .3s ease
}

.gallery__item picture,
.hall__item picture {
	width: 100%;
	height: 100%;
	display: block
}

.gallery__item_first {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2
}

@media screen and (max-width:767px) {
	.gallery__item_first {
		grid-column-end: 3;
		grid-row-end: 4
	}
}

.gallery__item_last {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 4;
	grid-column-end: 5
}

.gallery__control {
	display: flex;
	justify-content: center;
	margin-top: 3rem
}

.gallery__pic {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.gallery__pic {
		border-radius: 15px
	}
}

.good_info {
	font-weight: 700;
	margin-right: 2em
}

.buy_info {
	display: flex;
	margin-top: 1.3em;
	line-height: 1.3
}

.in_stock {
	color: #abb910
}

._unavailable {
	color: #f26419
}

@media screen and (max-width:767px) {
	.goods_info_w {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 1em
	}
}

.info_min {
	font-weight: 700;
	color: #929292
}

.goods {
	margin: 4rem 0;
	position: relative
}

.goods__inner {
	max-width: 1688px;
	display: grid;
	grid-template-columns: 256px 1fr;
	grid-gap: 30px
}

@media screen and (max-width:1690px) {
	.goods__inner {
		width: 100%
	}
}

@media screen and (max-width:1023px) {
	.goods__inner {
		display: block
	}

	.goods__left {
		margin-bottom: 4rem
	}
}

.flow-work__table table,
.goods__left .select2-container,
.tech-table__table table {
	width: 100%
}

@media screen and (min-width:1024px) {
	.goods__left .select2-container {
		display: none
	}
}

.goods__box-nav .select2-container {
	display: block
}

.goods__nav {
	filter: drop-shadow(0 0 10px rgba(0, 0, 0, .25))
}

@media screen and (max-width:1023px) {
	.goods__nav {
		display: none
	}
}

.goods__nav-item {
	border: 1px solid #e5e5e5;
	border-bottom-width: 0;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 13px 10px 20px;
	position: relative;
	font-weight: 700;
	box-sizing: border-box;
	line-height: 1.35;
	cursor: pointer;
	transition: .5s ease;
	user-select: none
}

.goods__nav-item:first-of-type {
	border-radius: 20px 20px 0 0
}

.goods__nav-item:last-of-type {
	border-bottom-width: 1;
	border-radius: 0 0 20px 20px
}

.goods__nav-item:hover {
	background: #abb910
}

.goods__nav-item.active {
	background: #abb910;
	color: #fff
}

.goods__nav-item.active path {
	fill: #fff
}

.goods__nav-item path {
	transition: .5s ease
}

.goods__content {
	display: none
}

.goods__content:first-of-type {
	display: block
}

.goods__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px
}

@media screen and (max-width:1690px) {
	.goods__list {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:1260px) {
	.goods__list {
		grid-gap: 10px
	}
}

@media screen and (max-width:1150px) {
	.goods__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

.goods__list_two {
	grid-template-columns: repeat(2, 1fr)
}

.goods__item {
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	border-radius: 20px;
	padding: 2rem 2rem 4em;
	box-sizing: border-box;
	position: relative
}

@media screen and (max-width:1023px) {
	.goods__item {
		display: none
	}
}

.goods__item:nth-of-type(1),
.goods__item:nth-of-type(2),
.goods__item:nth-of-type(3),
.goods__item:nth-of-type(4) {
	display: block
}

@media screen and (max-width:767px) {
	.goods__item {
		box-shadow: none;
		padding: 1em
	}
}

.goods__pic {
	width: 268px;
	height: 268px;
	object-fit: contain;
	margin: 0 auto;
	display: block;
	transition: 1s
}

@media screen and (max-width:767px) {
	.goods__pic {
		width: 130px;
		height: 130px
	}
}

.goods__link .goods__pic:hover,
.news__link:hover img {
	transform: scale(1.1)
}

.goods__caption {
	margin: 1rem 0;
	line-height: 1.35;
	display: block
}

.goods__caption:hover {
	color: #abb910
}

@media screen and (max-width:767px) {
	.goods__caption {
		font-size: .75em
	}
}

.goods__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: absolute;
	bottom: 2rem;
	width: 90%
}

@media screen and (max-width:767px) {
	.goods__info {
		position: relative;
		bottom: 0;
		width: 100%;
		justify-content: flex-start
	}
}

.goods__price {
	font-size: 1.25em;
	font-weight: 700;
	color: #595959
}

@media screen and (max-width:767px) {
	.goods__price {
		font-size: .75em
	}
}

.goods__price.with_old {
	font-size: 1.125em
}

@media screen and (max-width:767px) {
	.goods__price.with_old {
		font-size: .75em
	}
}

.goods__more {
	border-radius: 10px;
	padding: 1rem 2rem
}

@media screen and (max-width:767px) {
	.goods__more {
		display: none;
		font-size: .75em;
		margin-top: 1.5rem
	}
}

.goods__cat {
	max-width: 276px;
	display: block;
	margin: 5rem auto 0
}

.goods__btn-more {
	margin: 20px auto 0;
	width: 200px;
	display: block
}

@media screen and (min-width:1024px) {
	.goods__btn-more {
		display: none
	}
}

@media screen and (max-width:767px) {
	.goods__btn-more {
		font-size: .875em;
		padding: 10px 20px;
		width: 160px
	}
}

.goods .callback-mini {
	grid-column: 1/span 4;
	grid-row: 3/span 4
}

@media screen and (max-width:1690px) {
	.goods .callback-mini {
		grid-column: 1/span 3
	}
}

@media screen and (max-width:1150px) {
	.goods .callback-mini {
		grid-column: 1/span 2
	}
}

@media screen and (max-width:1023px) {
	.goods .callback-mini {
		display: none
	}
}

.goods__item__top {
	position: relative
}

.hall__list {
	display: grid;
	grid-gap: 1.55vw;
	grid-auto-rows: 175px;
	grid-template-columns: 1.32fr repeat(2, 1fr)
}

@media screen and (max-width:767px) {
	.hall__list {
		grid-gap: 5vw;
		grid-auto-rows: 25vw;
		grid-template-columns: repeat(2, 1fr)
	}
}

.hall__item {
	position: relative
}

.hall__item:hover:before,
.hall__item_last:before {
	opacity: 1
}

.hall__item_first {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2
}

@media screen and (max-width:767px) {
	.hall__item_first {
		display: none
	}
}

.hall__item_last:after {
	content: attr(data-sign);
	font-weight: 600;
	font-size: 2.625em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 3;
	line-height: .95
}

@media screen and (max-width:767px) {
	.hall__item_last:after {
		font-size: 1.875em
	}
}

.hall__pic {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.hall__pic {
		border-radius: 15px
	}
}

.conditions {
	margin-top: 3rem
}

.conditions__sign,
.conditions__title {
	margin-bottom: 2rem
}

.conditions__sign {
	line-height: 1.5
}

@media screen and (max-width:767px) {
	.conditions__sign {
		font-size: .75em
	}
}

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

.conditions__item {
	border: 1px solid #f5f5f5;
	box-sizing: border-box;
	width: 33%
}

@media screen and (max-width:767px) {
	.conditions__item {
		width: 50%
	}

	.conditions__item:last-of-type {
		width: 100%
	}
}

.conditions__caption {
	background: #fbfbf3;
	color: #929292;
	font-weight: 700;
	padding: 2.7rem 2rem
}

@media screen and (max-width:767px) {
	.conditions__caption {
		font-size: .625em;
		padding: 1rem
	}
}

.conditions__text {
	padding: 5.5rem 2rem;
	line-height: 1.4
}

@media screen and (max-width:767px) {
	.conditions__text {
		font-size: .625em;
		padding: 1rem
	}
}

.catalog-links-box__more,
.chbig__more {
	background: 0 0;
	padding-right: 25px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	color: #abb910
}

.catalog-links-box__more:after,
.chbig__more:after {
	content: "";
	width: 12px;
	height: 8px;
	background-image: url(../icon/arrow-bottom.svg);
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: .3s ease
}

.open.catalog-links-box__more:after,
.open.chbig__more:after {
	transform: translateY(-25%) rotate(180deg)
}

.basket-mini,
.header__call,
.header__phone {
	white-space: nowrap
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 9;
	opacity: 0;
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	pointer-events: none
}

.act_overlay .overlay {
	display: block;
	opacity: .4;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.catalog-links-box__caption,
.chbig__caption {
	font-weight: 700;
	margin-bottom: 1rem;
	line-height: 1.4;
	display: block;
	transition: .3s ease
}

.catalog-links-box__caption:hover,
.chbig__caption:hover {
	color: #666f0f
}

.catalog-links-box__banner,
.chbig__banner {
	width: 100%;
	background: #f5f5f5;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 260px;
	padding: 20px;
	box-sizing: border-box
}

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

	.catalog-links-box__banner,
	.chbig__banner {
		height: 220px
	}
}

.header {
	position: relative;
	z-index: 10;
	background: #fff
}

@media screen and (max-width:1200px) {
	.header {
		display: none
	}
}

.header__top {
	padding: 1.25rem 0;
	position: relative;
	font-size: 15px;
	background: #f5f5f5
}

@media screen and (max-width:1200px) {
	.header__top {
		display: none
	}
}

.header__top .inner {
	justify-content: space-between
}

.header__left,
.header__logo,
.header__right,
.header__top .inner {
	display: flex;
	align-items: center
}

.header__logo {
	margin-right: 3rem;
	flex-direction: row
}

@media screen and (max-width:1200px) {
	.header__logo {
		display: none
	}
}

.header__mail,
.header__map,
.header__phone,
.header__time {
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px
}

.header__map {
	color: #666f0f;
	background-image: url(../icon/icon-map.svg);
	margin-right: 5rem
}

.header__time {
	background-image: url(../icon/icon-clock.svg)
}

.header__time span {
	display: inline-block;
	width: 1px;
	height: 16px;
	margin: 0 .6rem 0 .3rem;
	background: #abb910;
	vertical-align: middle
}

.header__mail,
.header__phone {
	background-image: url(../icon/icon-mail.svg);
	transition: .3s ease
}

.header__phone {
	background-image: url(../icon/icon-phone.svg);
	margin-left: 5rem;
	font-weight: 700
}

.header__mail:hover,
.header__phone:hover {
	color: #abb910
}

@media screen and (max-width:1300px) {
	.header__phone {
		margin-left: 3rem
	}
}

.header__call {
	margin: 0 3rem;
	font-size: 1em;
	padding: 11px 20px
}

.header__middle {
	margin: 2rem auto;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header__control {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

@media screen and (max-width:1200px) {
	.header__control {
		display: none
	}
}

.header__nav {
	background: #abb910
}

@media screen and (max-width:1200px) {
	.header__nav {
		display: none
	}
}

.header__list,
.header__nav .inner {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header__item.np,
.header__nav .inner {
	position: relative
}

.header__list {
	flex-grow: 1;
	padding-left: 2rem;
	height: 100%
}

@media screen and (max-width:1730px) {
	.header__list {
		padding-right: 5rem
	}
}

.header__item {
	margin-bottom: 0;
	display: block;
	height: 100%
}

.header__item:hover .chbig,
.header__item:hover .header__child {
	opacity: 1;
	visibility: visible
}

.header__item:hover.parent {
	background: #666f0f;
	color: #fff
}

.header__link {
	color: #fff;
	transition: .3s ease;
	display: block;
	height: 100%;
	padding: 1.7rem 2rem
}

.header__link:hover {
	color: #020f19
}

.header__item.parent .header__link:hover {
	color: #fff
}


.header__link.parent,
.header__link:hover .header__link.parent {
	color: #fff
}

@media screen and (max-width:1300px) {
	.header__link {
		padding: 2rem
	}
}

.header__catalog {
	padding: 1rem 3.8rem;
	color: #fff;
	background: #666f0f;
	font-weight: 700;
	cursor: pointer;
	display: flex;
	align-items: center
}

.header__catalog:hover path {
	stroke: #abb910
}

.header__catalog svg {
	margin-right: 2rem;
	vertical-align: middle
}

.basket-mini__info path,
.header__catalog path {
	transition: .3s ease
}

@media screen and (max-width:1200px) {
	.header__pic {
		width: 24px
	}

	.header__pic_txt {
		width: 150px
	}
}

@media screen and (max-width:550px) {
	.header__pic {
		width: 22px
	}

	.header__pic_txt {
		width: 120px;
		max-width: 100%;
	}
}

.header .chbig,
.header__child {
	position: absolute;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .2s;
	transition-delay: .15s;
	z-index: 10
}

.header__child {
	left: -17px;
	display: inline-flex !important;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 50px 0 rgba(51, 51, 51, .1);
	padding: 20px 35px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	min-width: 106px
}

.header__chlink:hover {
	color: #abb910
}

.logotext {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	color: #595959;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: .4px;
	margin-top: 4px
}

@media screen and (max-width:1200px) {
	.logotext {
		font-size: 9px
	}
}

@media screen and (max-width:550px) {
	.logotext {
	       font-size: 1.35rem;
        line-height: 1.3;
	}
}

@media screen and (max-width:1500px) {
	.menu-fix .header__child {
		top: 0;
		left: 100%
	}
}

.chbig {
	display: flex !important;
	padding: 30px;
	align-items: flex-start;
	gap: 0;
	border-radius: 0 0 5px 5px;
	border-right: 2px solid #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
	border-left: 2px solid #f5f5f5;
	background: #fff;
	max-width: 1136px;
	left: 230px;
	justify-content: space-between;
	color: #020f19
}

@media screen and (max-width:1300px) {
	.chbig {
		left: 196px
	}
}

.chbig__lists,
.chbig__sublist {
	box-sizing: border-box;
	position: relative;
	z-index: 10
}

.chbig__lists {
	padding: .5rem 2.8rem 2rem 0;
	display: flex;
	width: 207px;
	flex-direction: column;
	align-self: stretch
}

.chbig__sublist {
	border-left: 2px solid #f5f5f5;
	padding: 0 2rem 1rem 3rem;
	width: 60%;
	min-width: 610px;
	background: #fff;
	height: 100%;
	overflow: auto
}

.chbig__item,
.chbig__item2 {
	margin-bottom: 0
}

.chbig__item.hidden,
.chbig__item2.hidden {
	opacity: 0;
	height: 0
}

.chbig__link,
.chbig__link2 {
	padding-bottom: 10px;
	display: block
}

.chbig__link {
	font-weight: 700;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease;
	line-height: 1.25;
	margin-bottom: 10px
}

.active .chbig__link {
	color: #666f0f
}

.chbig__link2 {
	line-height: 1.4
}

.chbig__row {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	flex-wrap: wrap
}

.chbig__pic {
	max-width: 100%;
	height: auto
}

.chbig__box.active {
	display: block
}

.chbig__contain {
	margin-bottom: 0;
	width: 47%
}

.chbig__banner {
	margin-bottom: 50px
}

.title_ch {
	padding-bottom: 3rem;
	font-weight: 700;
	line-height: 1.32;
	font-size: 1.5em
}

.soc {
	margin-left: 20px
}

.basket-mini,
.basket-mini .a {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.basket-mini:hover .basket-mini__count {
	background: #ff8c00
}

.basket-mini:hover .basket-mini__total {
	color: #666f0f
}

.basket-mini:hover path {
	fill: #666f0f
}

.basket-mini__info {
	position: relative;
	display: inline-block
}

.basket-mini__count {
	text-align: center;
	font-size: .625em;
	font-weight: 700;
	color: #fff;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background: #abb910;
	line-height: 20px;
	position: absolute;
	top: -8px;
	right: -8px;
	transition: .3s ease
}

.basket-mini__total {
	font-weight: 700;
	margin-left: 1.5rem;
	transition: .3s ease
}

@media screen and (max-width:550px) {
	.basket-mini__total {
		display: none
	}
}

.header-mobile {
	background: #fff;
	padding: 17px 0;
	border-bottom: 1px solid #f5f5f5;
	z-index: 9;
	position: fixed;
	top: 0;
	width: 100%
}

@media screen and (min-width:1201px) {
	.header-mobile {
		display: none
	}
}

.header-mobile__inner {
	justify-content: space-between
}

.header-mobile__inner,
.header-mobile__left,
.header-mobile__right {
	display: flex;
	align-items: center
}

.header-mobile__right {
	justify-content: flex-end
}

.header-mobile__logo {
	width: 244px;
	vertical-align: middle;
	display: flex;
	flex-direction: row;
	align-items: center
}

@media screen and (max-width:480px) {
	.header-mobile__logo {
		width: 160px
	}
}

@media screen and (max-width:420px) {
    .header-mobile__logo {
		width: 36vw
	}
}

.header-mobile__cat {
	width: 20px;
	height: 20px;
	position: relative;
	transition: .3s ease-in-out;
	cursor: pointer;
	background: 0 0;
	margin-right: 2rem
}

.header-mobile__cat span {
	position: absolute;
	width: 100%;
	height: 2px;
	background: #020f19;
	opacity: 1;
	left: 0;
	border-radius: 10px;
	transform: rotate(0deg);
	transition: .25s ease-in-out
}

.header-mobile__cat span:nth-child(1) {
	top: 0
}

.header-mobile__cat span:nth-child(2) {
	top: 8px
}

.header-mobile__cat span:nth-child(3) {
	top: 16px
}

.header-mobile__cat.open span:nth-child(1) {
	top: 6px;
	transform: rotate(135deg)
}

.header-mobile__cat.open span:nth-child(2) {
	opacity: 0;
	left: -60px
}

.header-mobile__cat.open span:nth-child(3) {
	top: 6px;
	transform: rotate(-135deg)
}

.header-mobile__search {
	margin-right: 3vw;
	width: 20px;
	height: 20px;
	background-size: 100% !important;
	background: url(../icon/icon-search.svg)center no-repeat #fff
}

@media screen and (max-width:768px) {
	.header-mobile__search {
		margin-right: 4vw
	}
}

.header-mobile__phone {
	width: 20px;
	height: 20px;
	background-size: 100% !important;
	background: url(../icon/icon-phone.svg)no-repeat center #fff;
	margin-right: 3vw
}

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

    .max,
	.header-mobile__phone,
	.whatsapp {
		margin-right: 4vw
	}
}

.header-mobile__hidden {
	position: fixed;
	width: 100%;
	height: calc(100% - 60px);
	top: 60px;
	left: 0;
	background: rgba(2, 15, 25, .8);
	z-index: 99;
	display: none
}

.header-mobile__hidden.open {
	display: block
}

.header-mobile__hidden.open .header-mobile__nav {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}

.header-mobile__nav {
	max-width: 360px;
	width: 100%;
	height: 100%;
	position: relative;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: .5s ease
}

@media screen and (max-width:450px) {
	.header-mobile__nav {
		max-width: 100%
	}
}

.header-mobile__back-link,
.header-mobile__holder {
	font-weight: 700;
	font-size: 1.25em;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2rem;
	margin-bottom: 2rem
}

.header-mobile__back-link {
	margin-right: 3rem;
	padding-left: 30px;
	background-image: url(../icon/icon-arrow-prev-black.svg);
	background-position: left 0;
	background-repeat: no-repeat
}

.header-mobile__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	width: 100%
}

.header-mobile__item {
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2rem;
	margin-bottom: 2rem
}

.header-mobile__link {
	font-weight: 700;
	width: 100%;
	margin-right: 10px;
	display: block
}

.header-mobile__move,
.header-mobile__slide {
	width: 18px;
	height: 18px;
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
	flex-shrink: 0
}

.header-mobile__slide {
	background-image: url(../icon/icon-arrow-next-green.svg)
}

.header-mobile__move {
	background-image: url(../icon/icon-bottom--green.svg);
	transition: .3s ease
}

.header-mobile__move.open {
	transform: rotate(180deg)
}

.header-mobile__submenu {
	width: calc(100% - 20px);
	position: absolute;
	top: 20px;
	background: #fff;
	max-height: 58vh;
	min-height: 300px;
	overflow: auto;
	transform: translateX(100%);
	visibility: hidden;
	opacity: 0;
	transition: .3s ease
}

@media screen and (max-width:450px) {
	.header-mobile__submenu {
		height: 53vh
	}
}

.header-mobile__submenu.open {
	visibility: visible;
	opacity: 1;
	transform: translate(0)
}

.header-mobile__caption {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 700;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	margin-right: 3rem
}

.header-mobile__items {
	margin-bottom: 3rem;
	display: none;
	margin-right: 3rem
}

.header-mobile__uri {
	display: block;
	padding-bottom: 1rem;
	padding-left: 20px
}

@media screen and (max-width:768px) {
	.header-mobile__uri {
		margin-bottom: 1rem
	}
}

.menu-fix {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 2rem 0;
	background: #fff;
	visibility: hidden;
	transform: translateY(-200%);
	transition: .3s linear;
	border-bottom: 1px solid #e5e5e5
}

.menu-fix .chbig {
	position: absolute;
	top: 50px;
	opacity: 0;
	visibility: hidden;
	transition-property: opacity, visibility;
	transition-duration: .2s;
	transition-delay: .15s;
	z-index: 10;
	left: 0;
	width: 1147px
}

.menu-fix .chbig .catalog-call {
	min-width: 266px
}

@media screen and (max-width:1200px) {
	.menu-fix {
		display: none
	}
}

.menu-fix.view {
	visibility: visible;
	transform: translateY(0)
}

.menu-fix__inner {
	justify-content: space-between
}

.menu-fix__catalog,
.menu-fix__inner,
.menu-fix__left {
	display: flex;
	align-items: center
}

.menu-fix__catalog {
	margin: 0 3rem;
	padding: 8px 9px;
	box-sizing: border-box;
	width: 120px;
	border-radius: 10px;
	background: #abb910;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: .3s ease
}

@media screen and (max-width:1600px) {
	.menu-fix__catalog {
		margin: 0 1rem 0 2rem
	}
}

.menu-fix__catalog:hover,
.menu-fix__icon {
	background: #666f0f
}

.menu-fix__catalog:hover .menu-fix__icon {
	background: #abb910
}

.menu-fix__icon {
	flex-shrink: 0;
	padding: 6px 4.5px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 5px;
	margin-right: 10px;
	max-width: 24px;
	transition: .3s ease
}

.menu-fix__middle {
	margin: 0 1.5vw 0 1vw;
	flex-grow: 1
}

.menu-fix__middle.hidden {
	opacity: 0
}

.menu-fix__list {
	position: relative
}

.menu-fix__hidden,
.menu-fix__list {
	display: flex;
	align-items: center
}

@media screen and (max-width:1500px) {
	.menu-fix__hidden {
		display: block
	}
}

@media screen and (min-width:1501px) {
	.menu-fix__hidden {
		display: flex !important
	}
}

.menu-fix__item {
	margin: 0 .5vw
}

.menu-fix__item:hover .chbig,
.menu-fix__item:hover .header__child {
	opacity: 1;
	visibility: visible
}

.menu-fix__item_last {
	display: none
}

@media screen and (max-width:1500px) {
	.menu-fix__item_last {
		display: block
	}
}

.menu-fix__item_last_hidden {
	margin-bottom: 2.2rem;
	text-align: left
}

.menu-fix__link {
	transition: .3s ease
}

.menu-fix__act:hover,
.menu-fix__link.active,
.menu-fix__link:hover {
	color: #abb910
}

.menu-fix__right {
	display: flex;
	justify-content: flex-end;
	align-items: center
}

.menu-fix__call {
	margin: 0 3rem;
	font-size: 1em;
	padding: 11px 20px;
	flex-shrink: 0
}

@media screen and (max-width:1600px) {
	.menu-fix__call {
		margin: 0 2rem
	}
}

.menu-fix__act {
	display: block;
	margin-bottom: .5rem;
	font-weight: 700;
	font-size: 1em;
	text-align: right;
	transition: .3s ease
}

@media screen and (max-width:1500px) {
	.menu-fix__hidden {
		position: absolute;
		background: #fff;
		box-shadow: 0 0 50px rgba(51, 51, 51, .1);
		border-radius: 5px;
		right: 0;
		top: 150%;
		padding: 20px 30px 0;
		box-sizing: border-box;
		display: none
	}
}

.menu-fix__open-nav {
	height: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: 0 0;
	cursor: pointer
}

.fix-search {
	position: relative;
	width: 40px;
	height: 40px
}

.fix-search.noempty .fix-search__field {
	border-color: transparent
}

.fix-search__open {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-45%);
	width: 20px;
	height: 20px;
	z-index: 4;
	cursor: pointer;
	background: url(../icon/icon-search.svg)center no-repeat #fff;
	background-size: contain
}

.fix-search__box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 810px;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	visibility: hidden;
	opacity: 0;
	transition: .3s linear
}

.fix-search__box.view {
	width: 43vw;
	visibility: visible;
	opacity: 1
}

.fix-search__field {
	border: 2px solid #e5e5e5;
	padding: 8px 44px;
	width: 100%;
	border-radius: 100px;
	display: block;
	transition: .3s ease;
	z-index: 2
}

.fix-search__field::placeholder,
.search-cat__field::placeholder {
	color: #aeaeae
}

.fix-search__field:hover {
	border-color: #666f0f
}

.fix-search__field:focus {
	border-color: #abb910
}

.fix-search__close {
	margin-left: 3rem;
	cursor: pointer;
	transition: .3s ease
}

.fix-search__close:hover {
	color: #abb910
}

.fix-search__result {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 90px);
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	border-radius: 25px;
	padding: 45px 5px 5px;
	box-sizing: border-box;
	transition: .3s ease
}

.fix-search__item {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	transition: .3s ease;
	border-radius: 10px
}

.fix-search__item:hover {
	background: #f5f5f5
}

.fix-search__icon {
	vertical-align: middle;
	width: 48px;
	height: 48px
}

.fix-search__content {
	margin-left: 1rem
}

.fix-search__nav {
	margin-top: 1rem;
	font-size: .75em;
	color: #aeaeae;
	display: block
}

.fix-search__cats {
	margin-top: 2rem;
	border-top: 2px solid #e5e5e5;
	padding-top: 2rem
}

.fix-search__control {
	text-align: center;
	margin: 2rem 0
}

.fix-search__reset {
	position: absolute;
	top: 50%;
	right: 110px;
	background: 0 0;
	transform: translateY(-50%);
	display: none;
	cursor: pointer;
	z-index: 3
}

.fix-search__reset.loading {
	border-width: 3px;
	top: 18%
}

@media screen and (max-width:1500px) {
	.menu-fix__item_hidden {
		margin-bottom: 2.2rem;
		text-align: left
	}
}

@media screen and (min-width:1501px) {

	.np.menu-fix__item,
	.np.menu-fix__item_hidden {
		position: relative
	}
}

#sm,
.catalog-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none
}

#sm {
	z-index: 0;
	right: 0
}

.nov .fix-search__result {
	display: none !important
}

.catalog-menu {
	background: rgba(2, 15, 25, .8);
	z-index: 9999
}

.catalog-menu__pic {
	width: 80%
}

@media screen and (max-width:1200px) {
	.catalog-menu {
		display: none !important
	}
}

.catalog-menu.opens .catalog-menu__container {
	opacity: 1;
	visibility: visible;
	transform: translateX(0)
}

.catalog-menu__container {
	display: inline-flex;
	position: relative;
	width: 100%;
	max-width: 1243px;
	height: 100%;
	transform: translateX(-100%);
	opacity: 0;
	visibility: hidden;
	transition: .3s ease
}

.catalog-menu__close {
	transition: .3s ease;
	z-index: 3;
	cursor: pointer
}

.catalog-menu__close.open {
	position: absolute;
	left: calc(100% + 20px)
}

.catalog-menu__close.open path {
	stroke: #fff
}

.catalog-menu__small {
	max-width: 303px;
	width: 30%;
	flex-shrink: 0;
	background: #fff
}

.catalog-menu__head {
	padding: 3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	border-bottom: 2px solid #f5f5f5
}

.catalog-menu__big {
	border-left: 2px solid #f5f5f5;
	padding: 3rem 5rem;
	box-sizing: border-box;
	width: 75%;
	max-width: 940px;
	background: #fff;
	height: 100%;
	overflow: auto
}

.catalog-menu__nav {
	padding: 3rem 3.8rem 3rem 3rem;
	box-sizing: border-box
}

.catalog-menu__item {
	margin-bottom: 2rem
}

.catalog-menu__link {
	font-weight: 700;
	transition: .3s ease;
	line-height: 1.25
}

.catalog-menu__boxes {
	margin-top: 3rem
}

.catalog-menu__box {
	display: none
}

.catalog-menu__info,
.search-cat {
	position: relative
}

.active .catalog-menu__link {
	color: #666f0f
}

.search-cat {
	z-index: 5;
	flex-grow: 1;
	top: 0 !important
}

.search-cat.noempty .search-cat__field {
	border-color: transparent
}

.search-cat__field {
	border: 2px solid #e5e5e5;
	padding: 8px 44px;
	width: 100%;
	border-radius: 100px;
	box-sizing: border-box;
	display: block;
	transition: .3s ease;
	position: relative;
	background: #fff url(../icon/icon-search.svg)no-repeat 10px center;
	background-size: contain;
	z-index: 2
}

.search-cat__field:hover {
	border-color: #666f0f
}

.search-cat__field:focus {
	border-color: #abb910
}

.search-cat__reset {
	position: absolute;
	top: 50%;
	right: 15px;
	background: 0 0;
	transform: translateY(-50%);
	display: none;
	cursor: pointer;
	z-index: 3
}

.search-cat__reset.loading {
	border-width: 3px;
	top: 18%
}

.search-cat__result {
	box-sizing: border-box;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	border-radius: 25px;
	padding: 45px 5px 5px;
	transition: .3s ease
}

.search-cat__item {
	display: flex;
	align-items: center;
	padding: 8px 12px;
	transition: .3s ease;
	border-radius: 10px
}

.search-cat__item:hover {
	background: #f5f5f5
}

.search-cat__icon {
	vertical-align: middle;
	width: 40px;
	height: 40px
}

.search-cat__content {
	margin-left: 1rem
}

.search-cat__nav {
	margin-top: 1rem;
	font-size: .75em;
	color: #aeaeae;
	display: block
}

.search-cat__cats {
	margin-top: 2rem;
	border-top: 2px solid #e5e5e5;
	padding-top: 2rem
}

.search-cat__control {
	text-align: center;
	margin: 2rem 0
}

.search-cat__cancel {
	position: absolute;
	right: 7%;
	top: 10px;
	background: #fff;
	border: 0;
	z-index: 9;
	cursor: pointer
}

.ss .search-cat__cancel {
	display: block !important
}

@media screen and (max-width:1200px) {
	.search-cat__head {
		position: relative;
		padding-left: 20px
	}

	.search-cat__field {
		width: 70%
	}

	.search-cat__reset {
		display: block;
		right: 33%
	}

	.search-cat__result {
		border-radius: 0;
		box-shadow: none;
		padding-bottom: 70px;
		position: fixed;
		width: 100%;
		height: 100%;
		padding-top: 62px
	}

	.header.ss,
	.search-cat,
	.search-cat__control {
		position: fixed;
		left: 0;
		padding-top: 10px;
		background: #fff
	}

	.search-cat__control {
		bottom: 0;
		right: 0;
		margin: 0;
		padding-bottom: 20px;
		z-index: 9999
	}

	.header.ss,
	.search-cat {
		display: block;
		z-index: 10;
		top: 0;
		width: 100%;
		overflow: hidden
	}
}

.scat_name {
	font-size: 1.25em;
	font-weight: 700;
	margin: 12px 0 12px 1em
}

.s_price {
	margin-left: auto;
	white-space: nowrap
}

.fx_se {
	position: relative;
	height: 100%;
	overflow-y: auto
}

@media screen and (max-width:768px) {
	.s_price {
		font-weight: 700
	}

	.search-cat__icon {
		vertical-align: middle;
		width: 32px;
		height: 32px
	}

	.search-cat__item {
		font-size: .75em
	}

	.scat_name {
		font-size: 1em;
		font-weight: 400;
		padding-left: 7px
	}
}

.catalog-links-box__title {
	margin-bottom: 6rem
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.catalog-links-box__title {
		margin-bottom: 2rem
	}
}

.catalog-links-box__row {
	display: flex;
	align-items: flex-start;
	gap: 30px
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.catalog-links-box__row {
		height: 70%
	}
}

.catalog-links-box__col {
	max-width: 250px;
	width: 33%
}

@media screen and (max-height:700px) and (orientation:landscape) {
	.catalog-links-box__col {
		height: 100%;
		overflow: auto
	}
}

.catalog-links-box__col:last-of-type {
	max-width: 260px;
	margin-left: 20px
}

.catalog-links-box__col::-webkit-scrollbar {
	width: 6px
}

.catalog-links-box__col::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #e5e5e5
}

.catalog-links-box__contain {
	margin-bottom: 5rem
}

.catalog-links-box__item {
	line-height: 1.4;
	margin-bottom: 0
}

.catalog-links-box__item a {
	margin-bottom: 10px;
	display: block
}

.catalog-links-box__item.hidden {
	display: none;
	margin-bottom: 0
}

.catalog-links-box__pic {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover
}

.catalog-links-box__link,
.order__remove path {
	transition: .3s ease
}

.catalog-links-box__link:hover {
	color: #666f0f
}

.catalog-call {
	position: absolute;
	max-width: 260px;
	right: 0;
	top: 380px;
	width: 30%;
	background: #fff
}

.catalog-call__title {
	font-weight: 700;
	color: #aeaeae;
	margin-bottom: 1rem
}

.catalog-call__sign {
	line-height: 1.4
}

.catalog-call__checkbox {
	font-size: .859375em
}

.catalog-call__action {
	margin-top: 2rem
}

.catalog-call__field {
	margin-bottom: 18px;
	max-width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between
}

.catalog-call__field input {
	max-width: 195px
}

@media screen and (max-width:700px) {
	.catalog-call__field input {
		max-width: 238px
	}
}

@media screen and (max-width:360px) {
	.catalog-call__field input {
		max-width: 190px
	}
}

@media screen and (max-width:1200px) {
	.catalog-call__field {
		max-width: 90%
	}
}

.catalog-call__field button {
	background-color: #abb910;
	background-image: url(../icon/icon-arrow-next.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: contain;
	border-radius: 100%;
	transition: .5s ease
}

.catalog-call__field button:hover {
	background-image: url(../icon/icon-arrow-next.svg);
	background-color: #666f0f
}

.chbig .catalog-call {
	position: relative;
	width: 24%;
	top: 0;
	z-index: 10
}

.fadeInLeft {
	animation-name: fadeInLeft;
	animation-duration: .8s;
	animation-fill-mode: both
}

.interest {
	margin: 3rem 0
}

.interest__title {
	margin-bottom: 2rem
}

.interest__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1.55vw
}

@media screen and (max-width:1600px) {
	.interest__list {
		grid-auto-rows: 18.1818181818vw
	}
}

@media screen and (max-width:1023px) {
	.interest__list {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 25vw
	}
}

@media screen and (max-width:767px) {
	.interest__list {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 200px;
		grid-gap: 7vw 5vw
	}
}

.interest__item {
	background: #f7f7f7;
	border: 2px solid transparent;
	border-radius: 30px;
	box-sizing: border-box;
	transition: .3s ease;
	text-align: center;
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	position: relative
}

@media screen and (max-width:767px) {
	.interest__item {
		background: 0 0;
		border: 0;
		padding: 0
	}
}

.interest__item:hover {
	border-color: #abb910
}

@media screen and (max-width:767px) {
	.interest__item picture {
		background: #f7f7f7;
		border: 2px solid transparent;
		border-radius: 15px;
		box-sizing: border-box;
		padding: 25px;
		display: block
	}
}

.interest__pic {
	vertical-align: middle;
	max-width: 208px;
	max-height: 208px
}

@media screen and (max-width:1500px) {
	.interest__pic {
		max-width: 170px
	}
}

@media screen and (max-width:1200px) {
	.interest__pic {
		max-width: 100px
	}
}

.interest__caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-top: .6rem;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (max-width:1500px) {
	.interest__caption {
		font-size: .9375em
	}
}

@media screen and (max-width:1200px) {
	.interest__caption {
		font-size: 1em
	}
}

@media screen and (max-width:767px) {
	.interest__caption {
		margin-top: 1rem;
		font-size: .75em
	}
}

.box-info__row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px
}

@media screen and (max-width:1200px) {
	.box-info__row {
		flex-flow: column-reverse
	}
}

.box-info__title {
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.box-info__title {
		font-size: 1.375em
	}
}

.box-info__text {
	font-size: 1.125em;
	line-height: 1.5
}

.box-info__sign {
	text-transform: uppercase;
	margin-top: 3rem;
	color: #abb910;
	font-size: 1.375em;
	font-weight: 600
}

@media screen and (max-width:767px) {
	.box-info__sign {
		font-size: 1em
	}
}

.box-info__list {
	margin-top: 2rem;
	font-size: 1.25em
}

@media screen and (max-width:767px) {
	.box-info__list {
		font-size: 1em
	}
}

.box-info__el,
.box-info__list li {
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain
}

.box-info__list li {
	position: relative;
	padding-left: 30px;
	margin-bottom: 1rem;
	background-image: url(../icon/icon-check.svg)
}

.box-info__el {
	font-size: 1.375em;
	margin-bottom: 3rem;
	padding: 2rem 0 2rem 90px
}

@media screen and (max-width:767px) {
	.box-info__el {
		font-size: 1.125em;
		padding: 1rem 0 1rem 40px;
		background-size: 30px
	}
}

.box-info__pic {
	max-width: 700px;
	width: 100%
}

.box-info__right {
	flex-shrink: 0
}

.box-info__line {
	max-width: 80%;
	margin-bottom: 5rem
}

@media screen and (max-width:1200px) {
	.gallery-slider {
		margin-top: 5rem
	}
}

.gallery-slider__slide,
.porfolio-big-slider .slick-slide div {
	text-align: center
}

.gallery-slider__slide img {
	display: inline-block;
	max-width: 100%
}

.gallery-slider .slick-slide {
	height: auto
}

.gallery-slider .slick-prev {
	left: 7vw
}

.gallery-slider .slick-next {
	right: 7vw
}

.vnt {
	padding: 10rem 0
}

.vnt__inner {
	display: flex;
	justify-content: space-evenly;
	gap: 50px
}

@media screen and (max-width:767px) {
	.vnt__inner {
		flex-wrap: wrap
	}
}

.vnt__item {
	text-align: center;
	max-width: 290px
}

.vnt__pic {
	width: 120px;
	vertical-align: middle;
	margin-bottom: 3rem
}

.vnt__title {
	font-size: 1.5625em;
	font-weight: 600;
	line-height: 1.5
}

@media screen and (max-width:767px) {
	.vnt__title {
		font-size: 1.125em
	}
}

.sol {
	background: #fbfbf3;
	padding: 10rem 0
}

.sol__inner {
	max-width: 1280px
}

.sol__title {
	margin-bottom: 2rem
}

.sol__row {
	display: grid;
	grid-auto-flow: column;
	gap: 60px
}

@media screen and (max-width:767px) {
	.sol__row {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		gap: 20px
	}
}

.sol__caption {
	margin-bottom: 2rem;
	color: #666f0f
}

@media screen and (max-width:767px) {
	.sol__caption {
		font-size: 1em
	}
}

.sol__item {
	font-size: 1.25em;
	margin-bottom: 1.5rem
}

@media screen and (max-width:767px) {
	.sol__item {
		font-size: .875em
	}
}

.sol__req {
	margin: 5rem auto 0;
	display: block;
	max-width: 255px
}

.individual__inner {
	max-width: 1400px
}

.individual__title {
	margin-bottom: 3rem
}

.individual__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 40px
}

@media screen and (max-width:1260px) {
	.individual__list {
		grid-gap: 10px;
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:1023px) {
	.individual__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

.individual__list_top {
	margin-top: 3rem
}

.individual__pic {
	width: 100%;
	object-fit: contain;
	margin-bottom: 2rem
}

.individual__caption {
	line-height: 1.35;
	display: block;
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 1rem
}

@media screen and (max-width:767px) {
	.individual__caption {
		font-size: 1em
	}
}

.individual__txt {
	font-size: 1em;
	color: #595959;
	line-height: 1.3
}

@media screen and (max-width:767px) {
	.individual__txt {
		font-size: .75em
	}
}

.individual__sign {
	margin-top: -1.2rem;
	max-width: 800px;
	line-height: 1.5
}

.individual__sign,
.tech-table__title {
	margin-bottom: 3rem
}

.tech-table__table {
	overflow: auto;
	width: 100%
}

.tech-table__table td,
.tech-table__table th {
	border: 1px solid #f5f5f5
}

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

	.tech-table__table td,
	.tech-table__table th {
		font-size: 14px
	}
}

.product-info__table.center td:not(.product-info__table.center th:first-of-type, .product-info__table.center td:first-of-type),
.product-info__table.center th:not(.product-info__table.center th:first-of-type, .product-info__table.center td:first-of-type),
.tech-table__table td:not(.tech-table__table td:first-of-type, .tech-table__table th:first-of-type),
.tech-table__table th:not(.tech-table__table td:first-of-type, .tech-table__table th:first-of-type) {
	text-align: center
}

.tech-table__table th {
	padding: 1.5rem 1.2rem;
	text-align: left;
	background: #fbfbf3;
	color: #929292
}

@media screen and (max-width:767px) {
	.tech-table__table th {
		white-space: nowrap
	}
}

.tech-table__table td {
	padding: 1rem 1.2rem
}

.flow-work__table td a,
.product-info__table td a,
.tech-table__table td a {
	text-decoration: underline
}

.about-info__line {
	display: flex;
	align-items: center
}

.about-info__line:nth-of-type(2n) {
	background: #e5e5e5;
	flex-flow: row-reverse
}

@media screen and (max-width:767px) {
	.about-info__line {
		display: block
	}
}

.about-info__pic {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.about-info__title,
.getorder__sign a:hover {
	color: #abb910
}

.about-info__content {
	padding: 0 5vw;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.about-info__content {
		padding: 5vw
	}
}

.about-info__subtitle {
	line-height: 1.5;
	margin-top: 2rem
}

.about-info picture {
	height: 400px;
	width: 50%;
	flex-shrink: 0;
	display: block
}

@media screen and (max-width:767px) {
	.about-info picture {
		height: 200px;
		width: 100%
	}
}

.flow-work__inner {
	display: flex;
	align-items: flex-start;
	gap: 3rem
}

@media screen and (max-width:1023px) {
	.flow-work__inner {
		flex-flow: column
	}
}

.flow-work__picture {
	max-width: 700px
}

@media screen and (max-width:700px) {
	.flow-work__picture {
		max-width: 100%
	}
}

.flow-work__caption {
	margin-bottom: 2rem
}

.flow-work__table {
	max-width: 100%;
	overflow: auto
}

@media screen and (max-width:767px) {
	.flow-work__table {
		width: 100vw
	}
}

.flow-work__table td,
.flow-work__table th {
	border: 1px solid #f5f5f5
}

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

	.flow-work__table td,
	.flow-work__table th {
		font-size: 14px
	}
}

.flow-work__table th {
	padding: 1.5rem 1.2rem;
	text-align: left;
	background: #fbfbf3;
	color: #929292
}

@media screen and (max-width:767px) {
	.flow-work__table th {
		white-space: nowrap
	}
}

.flow-work__table td {
	padding: 1rem 1.2rem
}

.flow-work__pic {
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
	height: 100%
}

.flow-work__slider-main {
	width: 100%;
	height: 300px
}

.flow-work__slider-nav {
	margin-top: 2rem;
	max-height: 136px
}

@media screen and (max-width:767px) {
	.flow-work__slider-nav {
		display: none
	}
}

.flow-work__slider-nav .slick-slide {
	margin: 0 1rem;
	box-sizing: border-box
}

.flow-work__slider-nav .flow-work__pic {
	height: 136px
}

.flow-work .slick-slide {
	height: auto
}

.flow-work .slick-prev,
.flow-work .slick-prev:hover {
	background-image: url(../icon/icon-arrow-prev-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.flow-work .slick-prev {
	background-color: #fff;
	border-radius: 5px;
	left: -10px
}

.flow-work .slick-prev:hover {
	background-color: #abb910
}

.flow-work .slick-next,
.flow-work .slick-next:hover {
	background-image: url(../icon/icon-arrow-next-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.flow-work .slick-next {
	background-color: #fff;
	border-radius: 5px;
	right: -10px
}

.flow-work .slick-next:hover {
	background-color: #abb910
}

.flow-work .slick-arrow:after,
.related .slick-arrow:after {
	content: none
}

.news__inner {
	max-width: 1280px
}

.news__title {
	margin-bottom: 3rem
}

.news__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 50px 30px
}

.news__list .pagination {
	position: absolute;
	right: 0;
	bottom: 0
}

@media screen and (max-width:1023px) {
	.news__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:600px) {
	.news__list {
		grid-template-columns: 1fr;
		gap: 30px
	}
}

.news__link {
	position: relative;
	border-radius: 20px;
	box-sizing: border-box;
	height: 340px;
	transition: all 1s;
	overflow: hidden
}

@media screen and (max-width:600px) {
	.news__link {
		min-height: 204px;
		height: auto
	}
}

.news__link_bg,
.news__link_nopic {
	padding: 3rem;
	display: flex;
	flex-flow: column
}

.news__link_nopic {
	background: #f5f5f5;
	justify-content: center;
	transition: all 1s
}

.news__link_nopic:hover {
	transform: scale(1.1)
}

.news__link_nopic .news__caption {
	font-size: 1.5em
}

@media screen and (max-width:600px) {
	.news__link_nopic .news__caption {
		font-size: 1.125em
	}
}

.news__link_bg {
	justify-content: flex-end
}

.news__link_bg:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .8) 18.75%, rgba(2, 15, 25, 0) 100%);
	z-index: 2;
	border-radius: 20px
}

.news__link_bg .news__caption {
	color: #fff
}

.news__link_bg .news__sign {
	color: #eaeaea
}

.news__pic {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 20px;
	margin-bottom: 3rem;
	transition: 1s
}

@media screen and (max-width:600px) {
	.news__pic {
		height: 114px;
		margin-bottom: 2rem
	}
}

.news__pic:hover {
	transform: scale(1.1)
}

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

.news__caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-bottom: 1rem;
	position: relative;
	z-index: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media screen and (max-width:600px) {
	.news__caption {
		font-size: 1.125em
	}
}

.news__sign {
	font-size: 1.125em;
	line-height: 1.5;
	color: #595959;
	position: relative;
	z-index: 3;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

@media screen and (max-width:600px) {
	.news__sign {
		font-size: .8125em
	}
}

.news .callback-mini {
	grid-column-start: 1;
	grid-column-end: 4;
	margin: 0
}

@media screen and (max-width:1023px) {
	.news .callback-mini {
		grid-column-end: 3
	}
}

@media screen and (max-width:600px) {
	.news .callback-mini {
		grid-column-end: 2
	}
}

.order {
	margin-bottom: 7rem
}

@media screen and (max-width:767px) {
	.order__inner {
		padding: 0
	}
}

.order__row {
	display: flex;
	justify-content: space-between;
	gap: 3.15vw
}

@media screen and (max-width:1023px) {
	.order__row {
		flex-wrap: wrap-reverse;
		justify-content: center
	}
}

.order__left {
	max-width: 1314px;
	width: 75%
}

@media screen and (max-width:1023px) {
	.order__left {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	.order__left {
		position: relative;
		width: 100vw
	}
}

.order__right {
	max-width: 315px;
	flex-shrink: 0;
	width: 23%;
	box-sizing: border-box
}

@media screen and (max-width:1023px) {
	.order__right {
		width: 100%
	}
}

@media screen and (max-width:767px) {
	.order__right {
		max-width: 100%;
		padding: 0 20px
	}

	.order__title {
		padding: 0 20px;
		box-sizing: border-box
	}
}

.order__box {
	margin-bottom: 3rem;
	background: #fbfbfb;
	border: 2px solid #f5f5f5;
	border-radius: 10px
}

@media screen and (max-width:767px) {
	.order__box {
		border: 0;
		border-radius: 0
	}
}

.order__top {
	padding: 4rem;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.order__top {
		padding: 3rem
	}
}

.order__info {
	display: flex;
	position: relative;
	grid-gap: 30px
}

@media screen and (max-width:767px) {
	.order__info {
		display: block
	}
}

.order__info picture {
	text-align: center;
	display: block
}

.order__pic {
	width: 257px;
	border-radius: 20px;
	object-fit: contain
}

@media screen and (max-width:1300px) {
	.order__pic {
		width: 150px
	}
}

@media screen and (max-width:767px) {
	.order__pic {
		width: 200px
	}
}

.order__content {
	max-width: 520px
}

@media screen and (max-width:1500px) {
	.order__content {
		max-width: 100%
	}

	.order__list {
		margin-bottom: 50px
	}
}

@media screen and (max-width:767px) {
	.order__list {
		margin-bottom: 20px
	}
}

.order__caption {
	font-size: 1.25em;
	margin-bottom: 1.5rem;
	line-height: 1.35;
	font-weight: 700;
	width: calc(100% - 27px)
}

@media screen and (max-width:767px) {
	.order__caption {
		width: 100%;
		font-size: 1.125em;
		font-weight: 400;
		margin-bottom: 3rem
	}
}

.order__item {
	margin-bottom: 2rem;
	display: flex;
	align-items: flex-start
}

@media screen and (max-width:767px) {
	.order__item_add {
		display: none
	}
}

.order__name {
	width: 195px;
	flex-shrink: 0;
	margin-right: 2rem;
	line-height: 1.4
}

@media screen and (max-width:767px) {
	.order__name {
		width: 110px;
		font-size: .75em
	}
}

.order__txt {
	max-width: 302px;
	line-height: 1.4
}

@media screen and (max-width:1500px) {
	.order__txt {
		max-width: 100%
	}
}

@media screen and (max-width:767px) {
	.order__txt {
		font-size: .75em
	}
}

.order__color {
	display: flex;
	align-items: center
}

.order__icon {
	margin-right: .5rem;
	flex-shrink: 0
}

.order__remove {
	position: absolute;
	background: 0 0;
	right: 0;
	top: 0;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.order__remove {
		transform: scale(.7);
		top: -10px;
		right: -10px
	}
}

.order__remove:hover path {
	fill: #ff8c00
}

.order__cost {
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center
}

@media screen and (max-width:767px) {
	.order__cost {
		position: relative;
		justify-content: space-between
	}
}

.order__price {
	min-width: 140px;
	margin-left: 4rem;
	text-align: right;
	font-size: 1.625em
}

@media screen and (max-width:767px) {
	.order__price {
		font-size: 1.125em
	}
}

.order__bottom {
	padding: 5rem 6rem 4rem;
	box-sizing: border-box;
	border-top: 2px solid #f5f5f5
}

@media screen and (max-width:767px) {
	.order__bottom {
		padding: 3rem
	}
}

.order__total-cost {
	margin-top: 4rem;
	color: #929292;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.order__total-cost {
		margin-top: 0
	}
}

.order__total {
	font-weight: 600;
	font-size: 2.625em;
	padding-bottom: 2rem;
	width: 100%;
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.order__total {
		font-size: 1.5em;
		font-weight: 400
	}
}

.order__link {
	font-weight: 700;
	color: #abb910;
	margin-bottom: 10px;
	display: block;
	cursor: pointer;
	user-select: none
}

@media screen and (max-width:767px) {
	.order__link {
		font-size: .75em
	}
}

.order__link img {
	vertical-align: middle;
	padding-left: 1rem
}

.order__link summary::marker {
	font-size: 0
}

.order__link .hidden {
	font-size: 1em;
	padding-top: 10px;
	color: #020f19;
	font-weight: 400;
	display: inline-block;
	line-height: 1.3
}

.order__sticky {
	position: sticky;
	top: 110px
}

.related__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 60px
}

@media screen and (max-width:767px) {
	.related__head {
		min-height: 20px
	}
}

.related__title {
	font-weight: 700
}

@media screen and (max-width:767px) {
	.related__title {
		font-size: .75em
	}
}

.related__icons {
	margin: 0 3vw;
	flex-grow: 1;
	display: flex;
	scrollbar-width: 0
}

@media screen and (max-width:1200px) {
	.related__icons {
		width: 50%;
		overflow: auto
	}
}

@media screen and (max-width:767px) {
	.related__icons {
		display: none
	}
}

.related__icons::-webkit-scrollbar {
	height: 0
}

.related__icon {
	width: 85px;
	border-radius: 10px;
	margin-right: 1.2rem;
	height: 60px;
	flex-shrink: 0
}

.related__icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	vertical-align: middle
}

.related__open {
	font-weight: 700;
	color: #abb910;
	padding-right: 20px;
	position: relative;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.related__open {
		font-size: .75em
	}
}

.related__open::after {
	content: "";
	width: 12px;
	height: 7px;
	background-image: url(../icon/icon-bottom--green.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	transition: .3s ease
}

.related__middle {
	display: none
}

.related__item {
	display: block;
	border-radius: 15px;
	border: 2px solid transparent;
	box-sizing: border-box;
	background: #fff;
	padding: 2rem;
	height: 100%;
	max-width: 232px;
	transition: .5s ease
}

.category-list__item:hover picture,
.related__item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

@media screen and (max-width:767px) {
	.related__item {
		padding: 1.45rem;
		border-radius: 15px
	}
}

.related__item_sale {
	border-color: #fb4d3d
}

.related__top {
	position: relative;
	height: 180px;
	text-align: center;
	display: block
}

.related__pic {
	vertical-align: middle;
	object-fit: contain;
	max-height: 100%;
	max-width: 100%
}

.related__best,
.related__sale {
	font-size: .625em;
	font-weight: 700;
	color: #fff;
	position: absolute;
	padding: 5px 8px;
	border-radius: 5px;
	z-index: 3;
	top: 0;
	left: 0
}

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

	.related__best,
	.related__sale {
		font-size: .75em
	}
}

.related__prices {
	margin-top: 1rem;
	height: 52px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start
}

.related__new-price {
	font-size: 1.25em;
	font-weight: 700;
	color: #595959
}

@media screen and (max-width:767px) {
	.related__new-price {
		font-size: .75em
	}
}

.related__old-price {
	position: relative;
	font-size: 1em;
	color: #595959;
	margin-top: .3rem
}

@media screen and (max-width:767px) {
	.related__old-price {
		display: none
	}
}

.popular-mini__old-price:before,
.related__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #fb4d3d;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.related__caption {
	margin-top: .5rem;
	height: 64px;
	line-height: 1.3;
	display: flex;
	align-items: center
}

@media screen and (max-width:767px) {
	.related__caption {
		font-size: .75em
	}
}

.related__btn {
	margin-top: 1rem;
	width: 100%;
	border-radius: 10px
}

.related .slick-slide {
	margin-right: 2rem;
	height: 420px;
	opacity: .2;
	transition: .3s ease .2s;
	padding: 10px 0
}

.related .slick-slide.slick-active {
	opacity: 1
}

@media screen and (max-width:1300px) {
	.related .slick-slide {
		height: 370px
	}
}

.related .slick-arrow {
	width: 32px;
	height: 56px;
	transition: .3s ease
}

.related .slick-prev,
.related .slick-prev:hover {
	background-image: url(../icon/icon-arrow-prev-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.related .slick-prev {
	background-color: #fff;
	border-radius: 5px;
	left: -40px
}

.related .slick-prev:hover {
	background-color: #abb910
}

.related .slick-next,
.related .slick-next:hover {
	background-image: url(../icon/icon-arrow-next-black.svg);
	background-repeat: no-repeat;
	background-position: center
}

.related .slick-next {
	background-color: #fff;
	border-radius: 5px;
	right: -30px
}

.related .slick-next:hover {
	background-color: #abb910
}

.getorder {
	background: #fbfbfb;
	border: 2px solid #f5f5f5;
	border-radius: 10px;
	padding: 3rem 4rem;
	box-sizing: border-box
}

.getorder__action {
	max-width: 540px
}

.getorder__field {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
	padding-left: 2rem
}

@media screen and (max-width:767px) {
	.getorder__field {
		padding-left: 0
	}
}

.getorder__field .field {
	max-width: 414px
}

.getorder__delivery {
	margin-top: 3rem
}

.getorder__caption {
	font-size: 1.625em;
	margin-bottom: 3rem
}

.getorder__toggl-box {
	display: flex;
	align-items: center;
	padding-left: 2rem
}

@media screen and (max-width:767px) {
	.getorder__toggl-box {
		padding-left: 0
	}

	.getorder__name:first-child {
		display: none
	}
}

.getorder__toggl,
.type-coldsupply__btn-box svg {
	margin-right: 1rem
}

.getorder__submit {
	margin-top: 4rem;
	width: 100%;
	max-width: 420px
}

.getorder__sign {
	margin-top: 2rem;
	color: #aeaeae;
	line-height: 1.5
}

@media screen and (max-width:767px) {
	.getorder__sign {
		font-size: .75em
	}
}

.getorder__sign a {
	transition: .3s ease;
	text-decoration: underline
}

.order-finish {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

.order-finish__wrap {
	margin-top: 3rem
}

@media screen and (max-width:767px) {
	.order-finish__wrap {
		margin-top: 0;
		text-align: left;
		margin-left: 30px
	}

	.order-finish__info {
		display: flex;
		align-items: center
	}
}

.order-finish__number {
	font-size: 2em;
	color: #aeaeae;
	font-weight: 700;
	margin-bottom: 1rem
}

@media screen and (max-width:767px) {
	.order-finish__number {
		font-size: 1.25em;
		font-weight: 400
	}

	.order-finish__sign {
		font-size: .75em
	}
}

.order-finish__list {
	margin-top: 2rem
}

.order-finish__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: .8rem 1.4rem;
	line-height: 1.5;
	margin-bottom: 0
}

.order-finish__item p {
	padding-bottom: 0;
	line-height: 1.5
}

@media screen and (max-width:767px) {
	
}

.order-finish__item:nth-of-type(2n+1) {
	background: #fbfbf3
}

.order-finish__item p:first-of-type {
	font-weight: 700;
	color: #929292;
	text-align: left
}

.order-finish__item p:last-of-type {
	text-align: right
}

.order-finish__btn {
	max-width: 264px;
	width: 100%;
	margin-top: 2rem
}

@media screen and (max-width:767px) {
	.order-finish__btn {
		max-width: 100%
	}
}

.order-finish__pic {
	max-width: 200px
}

@media screen and (max-width:767px) {
	.order-finish__pic {
		max-width: 80px
	}
}

.popular-mini {
	padding: 7rem 0;
	background: #f5f5f5
}

@media screen and (max-width:767px) {
	.popular-mini {
		padding: 4.25rem 0
	}
}

.popular-mini_nostyle {
	padding: 0;
	background: 0 0
}

.popular-mini_mb7 {
	margin-bottom: 7rem
}

.popular-mini__inner {
	max-width: 1537px
}

.popular-mini__item {
	display: block;
	border-radius: 15px;
	border: 2px solid transparent;
	box-sizing: border-box;
	background: #fff;
	padding: 2rem 3rem 3rem;
	height: 100%;
	transition: .3s ease
}

@media screen and (max-width:767px) {
	.popular-mini__item {
		padding: 1.45rem;
		border-radius: 15px;
		height: auto
	}
}

.popular-mini__item_sale {
	border-color: #fb4d3d
}

.popular-mini__item:hover {
	border-color: #abb910
}

.popular-mini__top {
	position: relative;
	height: 220px;
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.popular-mini__pic {
	vertical-align: middle;
	object-fit: contain;
	max-height: 160px;
	max-width: 100%
}

.popular-mini__prices {
	display: flex;
	align-items: flex-end;
	margin-top: 2rem
}

.popular-mini__new-price {
	font-size: 1.375em;
	font-weight: 700;
	color: #595959;
	margin-right: .5rem
}

@media screen and (max-width:767px) {
	.popular-mini__new-price {
		font-size: .75em
	}
}

.popular-mini__old-price {
	position: relative;
	font-size: 1em;
	color: #595959
}

@media screen and (max-width:767px) {
	.popular-mini__old-price {
		font-size: .75em;
		margin-left: 4px
	}
}

.popular-mini__caption {
	margin-top: 2rem;
	height: 64px;
	line-height: 1.3;
	display: flex;
	align-items: center
}

@media screen and (max-width:767px) {
	.popular-mini__caption {
		font-size: .75em
	}
}

@media screen and (max-width:360px) {
	.popular-mini__caption {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 50px
	}
}

.popular-mini .slick-slide {
	margin-right: 3rem;
	height: 434px
}

@media screen and (max-width:1300px) {
	.popular-mini .slick-slide {
		height: 390px
	}
}

@media screen and (max-width:1200px) {
	.popular-mini .slick-slide {
		height: 340px
	}
}

@media screen and (max-width:1023px) {
	.popular-mini .slick-slide {
		height: 376px
	}
}

@media screen and (max-width:767px) {
	.popular-mini .slick-slide {
		height: auto;
		margin-right: 1.45rem
	}
}

@media screen and (max-width:360px) {
	.popular-mini .slick-slide {
		height: auto
	}
}

.popular-mini .slick-prev {
	left: -20px
}

@media screen and (max-width:1300px) {
	.popular-mini .slick-prev {
		left: -10px
	}
}

.popular-mini .slick-next {
	right: 0
}

.popular-cat {
	margin: 3rem 0;
	width: 100%;
	position: relative
}

@media screen and (max-width:960px) {
	.popular-cat {
		padding-bottom: 10rem
	}
}

.popular-cat__head {
	display: flex;
	align-items: center;
	margin-bottom: 2rem
}

.popular-cat__more {
	color: #666f0f;
	font-size: 1.25em;
	font-weight: 700;
	margin-left: 4rem;
	vertical-align: middle;
	margin-top: 5px
}

@media screen and (max-width:960px) {
	.popular-cat__more {
		position: absolute;
		left: 0;
		bottom: 3rem;
		margin-left: 0;
		text-align: center;
		width: 100%
	}
}

.popular-cat__more:after {
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	background-image: url(../icon/icon-arrow-right.svg);
	background-size: contain;
	background-position: center;
	margin-left: 1rem;
	transition: .3s ease
}

.popular-cat__more:hover:after {
	transform: translateX(10px)
}

.popular-cat__list {
	width: 85%;
	margin: 0 auto
}

@media screen and (max-width:1600px) {
	.popular-cat__list {
		width: 100%
	}
}

.popular-cat__item {
	display: block;
	border-radius: 15px;
	border: 2px solid transparent;
	box-sizing: border-box;
	background: #fff;
	padding: 2rem 3rem 3rem;
	height: 100%;
	transition: .3s ease
}

@media screen and (max-width:1400px) {
	.popular-cat__item {
		padding: 2rem 1.5rem 3rem
	}
}

@media screen and (max-width:767px) {
	.popular-cat__item {
		padding: 1.45rem;
		border-radius: 15px
	}
}

.popular-cat__item_sale {
	border-color: #fb4d3d
}

.popular-cat__item:hover {
	border-color: #abb910
}

.popular-cat__top {
	position: relative;
	height: 220px;
	width: 100%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center
}

@media screen and (max-width:767px) {
	.popular-cat__top {
		height: 150px
	}
}

.popular-cat__top picture {
	height: 220px;
	display: block
}

@media screen and (max-width:767px) {
	.popular-cat__top picture {
		height: 150px
	}
}

.popular-cat__pic {
	vertical-align: middle;
	object-fit: contain;
	max-height: 100%;
	max-width: 100%
}

.popular-cat__prices {
	display: flex;
	align-items: flex-end;
	margin-top: 2rem
}

.popular-cat__new-price {
	font-size: 1.25em;
	font-weight: 700;
	color: #595959;
	margin-right: .5rem
}

@media screen and (max-width:767px) {
	.popular-cat__new-price {
		font-size: .75em
	}
}

.popular-cat__old-price {
	font-size: 1em;
	color: #595959;
	position: relative
}

@media screen and (max-width:767px) {
	.popular-cat__old-price {
		display: none
	}
}

.popular-cat__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #fb4d3d;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.popular-cat__caption {
	margin-top: 2rem;
	height: 64px;
	line-height: 1.3;
	display: flex;
	align-items: center
}

@media screen and (max-width:767px) {
	.popular-cat__caption {
		font-size: .75em
	}
}

@media screen and (max-width:360px) {
	.popular-cat__caption {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 50px
	}
}

.popular-cat .slick-slide {
	margin-right: 3rem;
	height: 414px;
	opacity: .2;
	transition: .3s ease .2s
}

.popular-cat .slick-slide.slick-active,
.porfolio-big-slider .slick-slide.slick-active {
	opacity: 1
}

@media screen and (max-width:1600px) {
	.popular-cat .slick-slide {
		height: 414px
	}
}

@media screen and (max-width:1200px) {
	.popular-cat .slick-slide {
		height: 350px
	}
}

@media screen and (max-width:1023px) {
	.popular-cat .slick-slide {
		height: 376px
	}
}

@media screen and (max-width:767px) {
	.popular-cat .slick-slide {
		height: 310px;
		margin-right: 1.45rem
	}
}

@media screen and (max-width:360px) {
	.popular-cat .slick-slide {
		height: 250px
	}
}

.popular-cat .slick-prev {
	left: -8%
}

@media screen and (max-width:1600px) {
	.popular-cat .slick-prev {
		left: 0
	}
}

.popular-cat .slick-next {
	right: -8%
}

@media screen and (max-width:1600px) {
	.popular-cat .slick-next {
		right: 0
	}
}

.portfolio__title {
	margin-bottom: 3rem
}

.portfolio__control {
	margin-top: 7rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center
}

.conclusion__txt p,
.portfolio-info__text p,
.portfolio-nav,
.result-info__txt p,
.task-info__txt p {
	margin-bottom: 2rem
}

.portfolio-nav__line {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2rem
}

@media screen and (min-width:601px) {
	.portfolio-nav__line .select2-container {
		display: none
	}
}

.portfolio-nav__row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

@media screen and (max-width:600px) {
	.portfolio-nav__row {
		display: none
	}
}

.portfolio-nav__link {
	padding: 7px 13px 9px;
	text-align: center;
	background: #f5f5f5;
	transition: .5s ease;
	border-radius: 5px
}

.portfolio-nav__link.active {
	background: #abb910;
	color: #fff
}

.portfolio-nav__link:hover {
	background: #e5e5e5
}

.portfolio-gallery {
	margin-top: 4rem
}

.portfolio-gallery__list {
	display: grid;
	margin-bottom: 7rem;
	grid-gap: 1.55vw
}

@media screen and (max-width:767px) {
	.portfolio-gallery__list {
		grid-gap: 5vw
	}
}

.portfolio-gallery__list_row-left {
	grid-template-columns: 1.32fr repeat(3, 1fr)
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__list_row-left {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.portfolio-gallery__list_row-left {
		display: block
	}
}

.portfolio-gallery__list_row-right {
	grid-template-columns: repeat(3, 1fr) 1.32fr
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__list_row-right {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.portfolio-gallery__list_row-right {
		display: block
	}
}

.portfolio-gallery__list_row-middle {
	grid-template-columns: 1.32fr repeat(2, 1fr) 1.32fr
}

@media screen and (max-width:767px) {
	.portfolio-gallery__list_row-middle {
		grid-template-columns: repeat(2, 1fr);
		display: block
	}
}

.portfolio-gallery__list_row-min {
	grid-auto-rows: 230px
}

@media screen and (max-width:767px) {
	.portfolio-gallery__list_row-min {
		grid-auto-rows: 25vw
	}
}

.portfolio-gallery__list_row-big {
	grid-auto-rows: 490px
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__list_row-big {
		grid-auto-rows: 300px
	}
}

.portfolio-gallery__item {
	position: relative;
	max-height: 486px
}

@media screen and (max-width:767px) {
	.portfolio-gallery__item {
		display: none;
		height: 338px
	}
}

.portfolio-gallery__item picture {
	width: 100%;
	height: 100%;
	display: block
}

.portfolio-gallery__item_two-row-left {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2
}

.portfolio-gallery__item_two-row-right {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 4;
	grid-column-end: 5
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__item_two-row-right {
		grid-row-start: 1;
		grid-row-end: 3;
		grid-column-start: 1;
		grid-column-end: 2
	}
}

.portfolio-gallery__item_two-row-start {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__item_two-row-start {
		grid-column-end: 3
	}
}

.portfolio-gallery__item_two-row-form {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 4;
	grid-column-end: 5
}

@media screen and (max-width:1280px) {
	.portfolio-gallery__item_two-row-form {
		grid-row-start: 1;
		grid-row-end: 3;
		grid-column-start: 3
	}
}

@media screen and (max-width:767px) {
	.portfolio-gallery__item_mobile-fisrt {
		display: block
	}
}

.portfolio-gallery .form-eq,
.portfolio-gallery__content {
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center
}

.portfolio-gallery__content {
	width: 100%;
	position: absolute;
	align-items: flex-start;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	border-radius: 20px;
	z-index: 1;
	opacity: 1;
	transition: .3s ease;
	color: #fff;
	padding: 4rem;
	box-sizing: border-box
}

.portfolio-gallery__pic {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.portfolio-gallery__pic {
		border-radius: 15px
	}
}

.portfolio-gallery__title {
	font-weight: 700;
	font-size: 2em;
	line-height: 1.3;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.portfolio-gallery__title {
		font-size: 1.25em;
		font-weight: 400
	}
}

.portfolio-gallery__text {
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.portfolio-gallery__text {
		font-size: .75em;
		font-weight: 400
	}
}

.portfolio-gallery__control {
	text-align: center;
	margin-top: 3rem
}

.portfolio-gallery .form-eq {
	max-width: 100%
}

.portfolio-heading {
	height: 570px;
	background-size: cover !important;
	background-repeat: no-repeat !important
}

@media screen and (max-width:767px) {
	.portfolio-heading {
		height: 400px
	}
}

.portfolio-heading__inner {
	position: relative
}

.portfolio-heading__content {
	margin-top: 10rem;
	padding: 0 8vw;
	color: #fff;
	max-width: 700px
}

@media screen and (max-width:1500px) {
	.portfolio-heading__content {
		margin-top: 18rem;
		padding: 0
	}
}

@media screen and (max-width:767px) {
	.portfolio-heading__content {
		margin-top: 4rem
	}
}

.portfolio-heading__title {
	margin-bottom: 3rem
}

.portfolio-heading__title span {
	color: #abb910;
	display: block
}

.portfolio-heading__txt {
	line-height: 1.5;
	font-size: 1.25em;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.portfolio-heading__txt {
		font-weight: 400;
		font-size: 1em
	}
}

.portfolio-heading .breadcrumb {
	padding-top: 3rem;
	margin-top: 0;
	color: #fff
}

.portfolio-info__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	max-width: 1415px
}

@media screen and (max-width:767px) {
	.portfolio-info__inner {
		display: block;
		text-align: center
	}
}

.portfolio-info__pic {
	vertical-align: middle;
	width: 280px;
	object-fit: contain;
	flex-shrink: 0
}

@media screen and (max-width:767px) {
	.portfolio-info__pic {
		width: 150px
	}
}

.portfolio-info__text {
	font-size: 1.25em;
	line-height: 1.5;
	max-width: 1015px;
	text-align: left
}

@media screen and (max-width:767px) {
	.portfolio-info__text {
		font-size: .75em
	}
}

.porfolio-big-slider {
	position: relative;
	height: 700px;
	margin: 7rem 0
}

@media screen and (max-width:1200px) {
	.porfolio-big-slider {
		height: 500px
	}
}

@media screen and (max-width:1023px) {
	.porfolio-big-slider {
		height: 400px
	}
}

@media screen and (max-width:767px) {
	.porfolio-big-slider {
		height: auto;
		width: 100vw;
		display: grid;
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr);
		padding: 0 20px;
		box-sizing: border-box;
		grid-auto-rows: 92px
	}
}

.porfolio-big-slider .slick-slide img,
.porfolio-big-slider a {
	max-width: 100%;
	height: 100%;
	display: inline-block
}

.porfolio-big-slider .slick-prev {
	left: 7vw
}

.porfolio-big-slider .slick-next {
	right: 7vw
}

.porfolio-big-slider .slick-slide {
	opacity: .5;
	transition: .5s ease
}

.porfolio-big-slider .slick-slide img {
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.porfolio-big-slider .slick-slide img {
		width: 100%
	}

	.porfolio-big-slider__slide:last-of-type {
		position: relative
	}
}

.porfolio-big-slider__slide:last-of-type:after {
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	z-index: 3;
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	font-size: 1.875em;
	text-align: center;
	line-height: 3
}

@media screen and (max-width:767px) {
	.porfolio-big-slider__slide:last-of-type:after {
		content: attr(data-sign)
	}

	.porfolio-big-slider__pic {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}

.vis {
	padding: 4rem 0;
	background: #fbfbf3;
	margin: 5rem 0
}

.vis__title {
	margin-bottom: 3rem
}

.vis .slick-prev {
	left: 0
}

.vis .slick-next {
	right: 0
}

.vis .slick-slide {
	transition: .5s ease;
	height: auto
}

.vis__pic {
	margin: 0 auto;
	max-width: 100%
}

.task-info__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	max-width: 1610px
}

@media screen and (max-width:1023px) {
	.task-info__inner {
		flex-flow: column-reverse;
		position: relative;
		padding-top: 60px;
		align-items: flex-start
	}
}

.task-info__title {
	margin-bottom: 3rem
}

@media screen and (max-width:1023px) {
	.task-info__title {
		position: absolute;
		top: 0;
		left: 20px
	}
}

.task-info__pictures {
	width: 50%;
	max-width: 645px;
	flex-shrink: 0;
	display: grid;
	grid-template-columns: repeat(2, 240px);
	grid-auto-rows: 150px;
	grid-gap: 30px
}

@media screen and (max-width:767px) {
	.task-info__pictures {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		width: 100%;
		grid-auto-rows: 96px
	}
}

.task-info__content {
	max-width: 855px
}

.task-info__txt {
	font-size: 1.25em;
	line-height: 1.5;
	max-width: 1015px
}

@media screen and (max-width:767px) {
	.task-info__txt {
		font-size: .75em
	}
}

.task-info__pic {
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.task-info__pic {
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}

.task-info__pic:first-of-type {
	margin-left: 7vw
}

@media screen and (max-width:1200px) {
	.task-info__pic:first-of-type {
		margin-left: 0
	}
}

.decision-info {
	padding: 8rem 0 10rem;
	background: #fbfbf3
}

@media screen and (max-width:767px) {
	.decision-info {
		padding: 3rem 0 5rem
	}
}

.decision-info__inner {
	max-width: 1520px
}

.decision-info__title {
	margin-bottom: 4rem
}

@media screen and (max-width:767px) {
	.decision-info__title {
		margin-bottom: 3rem
	}
}

.decision-info__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	counter-reset: list
}

@media screen and (max-width:1023px) {
	.decision-info__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.decision-info__list {
		grid-template-columns: 1fr
	}
}

.decision-info__item {
	padding-left: 80px;
	line-height: 1.5;
	box-sizing: border-box;
	position: relative
}

@media screen and (max-width:767px) {
	.decision-info__item {
		font-size: .75em
	}
}

.decision-info__item:before {
	counter-increment: list;
	content: counter(list);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	background: #abb910;
	color: #fff;
	text-align: center;
	line-height: 50px;
	font-weight: 700;
	font-size: 1.625em;
	position: absolute;
	left: 0;
	top: 0
}

.result-info__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	max-width: 1610px
}

@media screen and (max-width:1023px) {
	.result-info__inner {
		position: relative;
		padding-top: 60px;
		flex-wrap: wrap
	}
}

@media screen and (max-width:767px) {
	.result-info__inner {
		padding-top: 45px
	}
}

.result-info picture {
	max-width: 772px;
	width: 50%
}

@media screen and (max-width:1023px) {
	.result-info picture {
		width: 100%
	}

	.result-info__title {
		position: absolute;
		top: 0;
		left: 20px
	}
}

.result-info__pic {
	width: 100%;
	vertical-align: middle;
	border-radius: 20px;
	height: 490px;
	object-fit: cover
}

@media screen and (max-width:1023px) {
	.result-info__pic {
		height: auto
	}
}

@media screen and (max-width:767px) {
	.result-info__pic {
		height: 203px
	}
}

.result-info__content {
	max-width: 730px;
	width: 50%
}

@media screen and (max-width:1023px) {
	.result-info__content {
		width: 100%
	}
}

.result-info__txt {
	font-size: 1.25em;
	line-height: 1.5;
	max-width: 1015px
}

@media screen and (max-width:767px) {
	.result-info__txt {
		font-size: .75em
	}
}

.result-info__title {
	margin-bottom: 3rem
}

.conclusion {
	margin-top: 50px
}

.conclusion__inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8vw;
	max-width: 1610px;
	margin-right: calc((100% - 1800px)/2)
}

@media screen and (max-width:1800px) {
	.conclusion__inner {
		margin-right: 0
	}
}

@media screen and (max-width:1400px) {
	.conclusion__inner {
		gap: 20px
	}
}

@media screen and (max-width:1100px) {
	.conclusion__inner {
		flex-flow: column
	}
}

.conclusion__inner.cim {
	margin-right: 0
}

.conclusion__content {
	max-width: 730px;
	width: 50%
}

@media screen and (max-width:1100px) {
	.conclusion__content {
		width: 100%
	}
}

.conclusion__txt {
	font-size: 1.25em;
	line-height: 1.5;
	max-width: 1015px
}

@media screen and (max-width:767px) {
	.conclusion__txt {
		font-size: .75em
	}
}

.conclusion__title {
	margin-bottom: 3rem
}

.conclusion__quote {
	max-width: 772px;
	border: 2px solid #e5e5e5;
	padding: 7rem 6rem;
	box-sizing: border-box;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.conclusion__quote {
		padding: 4rem 4.5rem
	}
}

.conclusion__text {
	font-size: 1.25em;
	color: #595959;
	line-height: 1.35;
	padding-left: 11rem;
	background-image: url(../icon/icon-quote.svg);
	background-repeat: no-repeat;
	background-position: left top
}

@media screen and (max-width:767px) {
	.conclusion__text {
		background-size: 30px;
		padding-left: 7rem;
		font-size: .75em
	}
}

.conclusion__pers {
	padding-left: 11rem;
	display: flex;
	align-items: center;
	gap: 30px;
	margin-top: 4rem
}

@media screen and (max-width:767px) {
	.conclusion__pers {
		padding-left: 0
	}
}

.conclusion__name {
	margin-bottom: .5rem;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.conclusion__name {
		font-size: .75em
	}
}

.conclusion__sign {
	color: #595959
}

@media screen and (max-width:767px) {
	.conclusion__sign {
		font-size: .75em
	}
}

.conclusion__pic {
	border-radius: 100%
}

@media screen and (max-width:767px) {
	.conclusion__pic {
		width: 40px
	}
}

.similar__title {
	margin-bottom: 3rem
}

.similar__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px
}

@media screen and (max-width:1023px) {
	.similar__list {
		grid-template-columns: 1fr
	}
}

@media screen and (max-width:767px) {
	.similar__list {
		grid-auto-rows: 388px
	}
}

.similar__item {
	position: relative;
	max-height: 486px
}

.portfolio-box__item:before,
.similar__content {
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	border-radius: 20px;
	z-index: 1;
	transition: .3s ease
}

.similar__content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 1;
	color: #fff;
	padding: 4rem;
	box-sizing: border-box
}

.similar__content .work__text {
	margin-top: 0
}

@media screen and (max-width:767px) {
	.similar__content .work__text {
		min-height: auto
	}
}

.similar__pic {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.similar__pic {
		border-radius: 15px
	}
}

.similar__caption {
	font-weight: 700;
	font-size: 2em;
	line-height: 1.3;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.similar__caption {
		font-size: 1.25em;
		font-weight: 400
	}
}

.similar__txt {
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.similar__txt {
		font-size: .75em;
		font-weight: 400
	}
}

.similar__more {
	margin-top: 1em
}

@media screen and (max-width:767px) {
	.similar__more {
		margin-top: 0
	}
}

.portfolio-box__list {
	display: grid;
	margin-top: 3rem;
	grid-gap: 1.55vw;
	grid-auto-rows: 230px;
	grid-template-columns: 1.32fr repeat(3, 1fr)
}

@media screen and (max-width:767px) {
	.portfolio-box__list {
		grid-gap: 5vw;
		grid-auto-rows: 25vw;
		grid-template-columns: repeat(2, 1fr)
	}
}

.portfolio-box__item {
	position: relative
}

.portfolio-box__item:before {
	content: "";
	opacity: 0
}

.portfolio-box__item:hover:before {
	opacity: 1
}

.portfolio-box__item picture,
.portfolio-box__item:before {
	width: 100%;
	height: 100%;
	display: block
}

.portfolio-box__item_first {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 2
}

@media screen and (max-width:767px) {
	.portfolio-box__item_first {
		grid-column-end: 3;
		grid-row-end: 4
	}
}

.portfolio-box__control {
	display: flex;
	justify-content: center;
	margin-top: 3rem
}

.portfolio-box__pic {
	vertical-align: middle;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.portfolio-box__pic {
		border-radius: 15px
	}
}

.portfolio-box__title {
	font-weight: 700;
	font-size: 1.25em;
	line-height: 1.3;
	margin-bottom: 2rem;
	text-align: center;
	width: 100%
}

@media screen and (max-width:767px) {
	.portfolio-box__title {
		font-size: 1em;
		font-weight: 400
	}
}

.portfolio-box__text {
	line-height: 1.5;
	text-align: center;
	width: 100%
}

@media screen and (max-width:767px) {
	.portfolio-box__text {
		font-size: .75em;
		font-weight: 400
	}
}

.portfolio-box__content {
	width: 100%;
	height: 100%;
	position: absolute;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: flex-start;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	border-radius: 20px;
	z-index: 1;
	opacity: 1;
	transition: .3s ease;
	color: #fff;
	padding: 4rem;
	box-sizing: border-box
}

.goods__right {
	position: relative
}

.loading__wrap {
	width: 100%;
	text-align: center;
	padding-top: 90px;
	height: 200px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.portfolio-l {
	width: 48px;
	height: 48px;
	display: none
}

.loading__wrap.active {
	display: block
}

.loading__wrap.active .loading {
	animation: rotation 1s linear infinite;
	display: inline-block
}

.torg.menu-fix {
	padding-bottom: 0
}

.fixt {
	border-top: 1px solid #e5e5e5;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 1rem
}

.fixt__inner {
	justify-content: space-between
}

.fixt__catalog,
.fixt__inner,
.fixt__left {
	display: flex;
	align-items: center
}

.fixt__catalog {
	margin: 0 3rem;
	padding: 8px 9px;
	box-sizing: border-box;
	width: 120px;
	border-radius: 10px;
	background: #abb910;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: .3s ease
}

@media screen and (max-width:1600px) {
	.fixt__catalog {
		margin: 0 1rem 0 2rem
	}
}

.fixt__name {
	margin-bottom: .5rem
}

.fixt__price {
	font-size: 1.625em
}

@media screen and (max-width:1470px) {
	.fixt__price {
		font-size: 1.25em
	}
}

.fixt .btn-outline_green {
	color: #020f19
}

.fixt .btn-outline_green:hover {
	color: #666f0f
}

@media screen and (max-width:1470px) {
	.fixt .btn-outline_green {
		padding: 14px;
		font-size: 1em
	}
}

@media screen and (max-width:1270px) {
	.fixt .btn-outline_green {
		padding: 14px 10px;
		font-size: .875em
	}
}

@media screen and (max-width:1470px) {
	.fixt .btn_orange {
		padding: 14px 11px 16px;
		font-size: 1em
	}

	.fixt .number {
		width: 110px;
		height: 46px
	}
}

@media screen and (max-width:1270px) {
	.fixt .number {
		height: 44px
	}

	.fixt .btn_orange {
		padding: 14px 9px 16px;
		font-size: .875em
	}
}

@media screen and (max-width:1240px) {
	.fixt .product-main__count {
		width: auto !important;
		justify-content: flex-end
	}
}

.fixw {
	font-size: 1em;
	padding: 5px 20px 7px 0;
	font-weight: 700;
	display: inline-block;
	color: #6fa300
}

.fixw .active,
.fixw:hover {
	color: #020f19
}

.js_shop_form .error {
	margin-top: 1rem;
	color: #abb910;
	font-size: .75em
}

.parameters-picker,
.productV5Form__second {
	position: relative;
	max-width: 100%
}

.colors_mob {
	position: relative;
	overflow: hidden;
	margin-left: -20px;
	margin-right: -20px;
	width: 100vw
}

.colmb {
	border-bottom: 1px solid #fff;
	display: inline-block
}

.prodcat__list {
	display: grid;
	margin-top: 3rem
}

.prodcat__list_five {
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 1.55vw
}

@media screen and (max-width:1023px) {
	.prodcat__list_five {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:767px) {
	.prodcat__list_five {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 7.2vw
	}
}

.prodcat__list_six {
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 1.55vw
}

@media screen and (max-width:1200px) {
	.prodcat__list_six {
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 220px
	}
}

@media screen and (max-width:1023px) {
	.prodcat__list_six {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:767px) {
	.prodcat__list_six {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 7.2vw;
		justify-content: center
	}
}

.prodcat__item {
	background: #f7f7f7;
	border: 2px solid transparent;
	border-radius: 30px;
	box-sizing: border-box;
	transition: .3s ease;
	text-align: center;
	padding: 2rem;
	display: flex;
	justify-content: space-between;
	flex-flow: column;
	position: relative
}

@media screen and (max-width:767px) {
	.prodcat__item {
		background: 0 0;
		border: 0;
		padding: 0
	}
}

.prodcat__item:hover {
	border-color: #abb910
}

.prodcat__item_big {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 5;
	grid-column-end: 7
}

@media screen and (max-width:1200px) {
	.prodcat__item_big {
		grid-row-start: auto;
		grid-row-end: auto;
		grid-column-start: auto;
		grid-column-end: auto
	}
}

@media screen and (max-width:767px) {
	.prodcat__item picture {
		background: #f7f7f7;
		border: 2px solid transparent;
		border-radius: 15px;
		box-sizing: border-box;
		padding: 25px;
		display: block
	}
}

.prodcat__pic {
	vertical-align: middle;
	height: auto
}

.prodcat__pic_big {
	max-width: 414px
}

@media screen and (max-width:1500px) {
	.prodcat__pic_big {
		max-width: 350px
	}
}

.prodcat__pic_middle {
	max-width: 208px
}

@media screen and (max-width:1500px) {
	.prodcat__pic_middle {
		max-width: 170px
	}
}

.prodcat__pic_small {
	max-width: 120px
}

@media screen and (max-width:1200px) {
	.prodcat__pic {
		width: 120px
	}
}

@media screen and (max-width:767px) {
	.prodcat__pic {
		width: 100px
	}
}

.prodcat__caption {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.35;
	margin-top: .6rem;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center
}

@media screen and (max-width:1500px) {
	.prodcat__caption {
		font-size: .9375em
	}
}

@media screen and (max-width:1200px) {
	.prodcat__caption {
		font-size: 1em
	}
}

@media screen and (max-width:767px) {
	.prodcat__caption {
		margin-top: 1rem
	}
}

.prodcat__caption_big {
	font-size: 1.875em;
	margin-top: 3rem
}

@media screen and (max-width:1500px) {
	.prodcat__caption_big {
		font-size: 1.5625em
	}
}

@media screen and (max-width:1200px) {
	.prodcat__caption_big {
		font-size: 1em
	}
}

.category-list {
	margin-bottom: 4rem
}

.category-list__list {
	display: grid;
	grid-gap: 1.55vw
}

.category-list__list_eight {
	display: flex;
	grid-gap: .3vw;
	flex-wrap: wrap
}

@media screen and (max-width:767px) {
	.category-list__list_eight {
		grid-gap: 1vw !important
	}
}

.category-list__list_eight .category-list__item {
	width: 12%
}

@media screen and (max-width:1200px) {
	.category-list__list_eight .category-list__item {
		width: 19%
	}
}

@media screen and (max-width:1023px) {
	.category-list__list_eight .category-list__item {
		width: 24%
	}
}

@media screen and (max-width:767px) {
	.category-list__list_eight .category-list__item {
		width: 32%
	}
}

.category-list__list_three {
	grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:1023px) {
	.category-list__list_three {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.category-list__list_three {
		grid-template-columns: 1fr
	}

	.category-list__list {
		grid-gap: 10px
	}
}

.category-list__list[data-attr],
.colrs__btn input {
	display: none
}

.category-list__item {
	display: block
}

.category-list__item picture {
	background: #f7f7f7;
	border: 2px solid transparent;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 25px;
	display: block;
	text-align: center;
	transition: .3s ease
}

@media screen and (max-width:767px) {
	.category-list__item picture {
		padding: 15px;
		border-radius: 10px
	}
}

.category-list__item_big picture {
	padding: 50px 25px
}

@media screen and (max-width:1023px) {
	.category-list__item_big picture {
		padding: 25px
	}
}

@media screen and (max-width:767px) {
	.category-list__item_big picture {
		padding: 15px
	}
}

.category-list__pic {
	width: 100%;
	height: auto;
	object-fit: cover
}

.category-list__pic_auto {
	width: auto;
	max-height: 100%;
	object-fit: contain
}

@media screen and (max-width:1023px) {
	.category-list__pic_auto {
		width: 100%
	}
}

.category-list__banner-mini,
.category-list__img,
.product-info__table table {
	width: 100%
}

.category-list__caption {
	font-size: .75em;
	font-weight: 700;
	line-height: 1.35;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

@media screen and (max-width:767px) {
	.category-list__caption {
		font-size: .625em
	}
}

.category-list__caption_big {
	font-size: 1.25em
}

.category-list__box {
	background: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 15px;
	max-height: 300px;
	padding: 30px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center
}

.category-list__icon {
	width: 100%;
	height: 100%;
	max-width: 170px;
	margin-right: 3rem
}

.category-list__info {
	max-width: 207px
}

.category-list__holder {
	font-weight: 700;
	line-height: 1.2;
	font-size: 1.25em;
	margin-bottom: 10px
}

.category-list__link {
	display: block;
	margin-bottom: .8rem;
	line-height: 1.4
}

.category-list__more {
	font-weight: 700;
	color: #abb910
}

.product {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 20px;
	padding: 20px;
	background: #fff;
	transition: .3s ease
}

@media screen and (max-width:1023px) {
	.product {
		padding: 10px
	}
}

@media screen and (max-width:767px) {
	.product {
		border-radius: 15px
	}
}

.product:hover {
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.product:hover .product__hidden {
	visibility: visible;
	height: auto;
	padding-top: .75em;
}

.product__top {
	position: relative;
	height: 267px;
	width: 100%;
	text-align: center
}

@media screen and (max-width:1200px) {
	.product__top {
		height: 200px
	}
}

@media screen and (max-width:767px) {
	.product__top {
		height: 145px
	}
}

.product__pic {
	vertical-align: middle;
	object-fit: contain;
	max-height: 100%;
	max-width: 100%;
	transition: 1s
}

.product__pic:hover {
	transform: scale(1.1)
}

.product__prices {
	display: flex;
	align-items: flex-end;
	margin-top: 2rem;
	margin-bottom: 1rem
}

.product__new-price {
	font-size: 1.625em;
	color: #595959;
	margin-right: .5rem
}

@media screen and (max-width:767px) {
	.product__new-price {
		font-size: .75em
	}
}

.product__new-price.with_old {
	font-size: 1.375em;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.product__new-price.with_old {
		font-size: .75em
	}
}

.product__old-price {
	position: relative;
	font-size: 1.125em;
	color: #595959
}

@media screen and (max-width:767px) {
	.product__old-price {
		font-size: .75em
	}
}

.product__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #fb4d3d;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.product__caption {
	margin-top: 2rem;
	line-height: 1.3;
	display: block;
	min-height: 42px
}

@media screen and (max-width:767px) {
	.product__caption {
		font-size: .75em
	}
}

.product__more {
	text-decoration: underline;
	color: #666f0f;
	display: inline-block;
	margin-top: 1rem;
	margin-bottom: 2rem;
	transition: .3s ease
}

.product__more:hover {
	color: #abb910
}

@media screen and (max-width:767px) {
	.product__more {
		font-size: .75em
	}
}

.product__hidden {
	visibility: hidden;
	height: 1px;
	overflow: hidden
}

.product__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	font-size: .875em;
	margin-bottom: 6px;
	line-height: 1
}

.product__item noindex {
    display: contents;
}

.product__item:last-of-type {
    margin-bottom: 0;
}

@media screen and (max-width:1500px) {
	.product__item {
		font-size: .75em
	}
}

@media screen and (max-width:767px) {
	.product__item {
		display: block
	}
}

.product__item p:first-of-type {
	color: #929292;
	line-height: 1.3;
	
}

@media screen and (max-width:767px) {
	.product__item p:first-of-type {
		margin-bottom: 4px
	}
}

.product__item a {
	color: #6fa300;
	text-decoration: underline;
	transition: .3s ease
}

.product__item a:hover {
	color: #fbfbf3
}

.product__buy {
	margin-top: 2rem;
	width: 100%;
	border-radius: 10px
}

.ss-two {
	max-height: 364px;
	margin: 0-15px;
	width: 100%;
	overflow: hidden
}

.ss-two .slick-next {
	right: 0
}

.ss-two .slick-slide {
	padding: 0 15px;
	height: auto
}

.pml_img {
	width: 50%;
	display: inline-block;
	overflow: hidden;
	position: relative
}

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

.price_m__curr {
	display: inline-block;
	margin-left: 10px
}

.price_m__curr,
.price_mid {
	font-size: 2.625em;
	font-weight: 600;
	line-height: 1.3
}

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

	.price_m__curr,
	.price_mid {
		font-size: 1.5em
	}
}

.product-main__inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 15px
}

@media screen and (max-width:1024px) {
	.product-main__inner {
		display: block
	}
}

.product-main__pictures {
	max-width: 875px;
	flex-shrink: 0;
	width: 55%
}

@media screen and (max-width:1024px) {
	.product-main__pictures {
		width: 100%;
		height: 500px;
		overflow: hidden
	}
}

@media screen and (max-width:767px) {
	.product-main__pictures {
		height: auto
	}
}

.product-main__pictures .slick-slide {
	height: auto
}

.product-main__pictures .slick-list {
	max-width: 815px;
	margin: 0 auto
}

.product-main__pictures .slick-arrow:after {
	content: none
}

.product-main__pictures .slick-next,
.product-main__pictures .slick-prev {
	background-repeat: no-repeat;
	background-position: center
}

.product-main__pictures .slick-prev {
	background-image: url(../icon/icon-arrow-prev-black.svg)
}

.product-main__pictures .slick-next {
	background-image: url(../icon/icon-arrow-next-black.svg);
	right: 0
}

.product-main__pictures_full {
	max-width: 100%;
	width: 100%
}

@media screen and (max-width:1024px) {
	.product-main__pictures_full .h {
		height: auto;
		display: block
	}
}

@media screen and (max-width:767px) {
	.product-main__slider-thumb {
		display: none
	}
}

.product-main__slide-main {
	max-width: 100%;
	height: 100%;
	max-height: 579px;
	margin: 0 auto;
	object-fit: contain
}

.product-main__slide-thumb {
	width: 100%;
	border-radius: 10px;
	height: auto;
	max-height: 100%;
	margin: 0 auto
}

.product-main__slider-thumb {
	margin-top: 4rem
}

.product-main__slider-thumb .slick-slide {
	margin: 0 6px
}

.product-main__slider-thumb_img {
	border-radius: 10px;
	height: 60px;
	overflow: hidden
}

.product-main__content {
	width: 45%;
	max-width: 609px
}

@media screen and (max-width:1024px) {
	.product-main__content {
		width: 100%;
		max-width: 100%
	}
}

@media screen and (max-width:767px) {
	.product-main__content {
		margin-top: 1.3rem
	}
}

.product-main__title {
	font-size: 1.625em;
	font-weight: 400
}

@media screen and (max-width:767px) {
	.product-main__title {
		font-size: 1.125em
	}
}

.product-main__art {
	color: #929292;
	margin-bottom: 1rem
}

@media screen and (max-width:767px) {
	.product-main__art {
		font-size: .75em
	}
}

.product-main__prices {
	display: flex;
	align-items: flex-end;
	margin-top: 1.3rem;
	margin-bottom: .8rem
}

.product-main__new-price {
	margin-right: 2rem
}

.product-main__old-price {
	position: relative;
	line-height: 1.5;
	font-size: 1.625em;
	color: #b9bcc1;
	margin-left: 20px
}

@media screen and (max-width:767px) {
	.product-main__old-price {
		font-size: 1.125em
	}
}

.product-main__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #b9bcc1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.product-main__mgcall {
	margin-top: 10px;
	text-decoration-line: underline;
	color: #929292;
	display: inline-block
}

@media screen and (max-width:767px) {
	.product-main__mgcall {
		font-size: .75em
	}
}

.product-main__control {
	display: flex;
	align-items: center;
	margin-top: 2rem;
	flex-wrap: wrap
}

@media screen and (max-width:1240px) {
	.product-main__control {
		flex-wrap: wrap;
		flex-direction: row-reverse;
		justify-content: space-between
	}
}

.product-main__add {
	margin: 0 1vw;
	padding: 15px 15px 17px;
	width: 26%
}

@media screen and (max-width:1400px) {
	.product-main__add {
		margin-left: 0
	}
}

@media screen and (max-width:1240px) {
	.product-main__add {
		width: 66%
	}
}

.product-main__call {
	padding: .8rem 1.3rem;
	background: #abb910;
	border-radius: 5px;
	margin-top: 3rem;
	display: inline-block;
	transition: .3s ease;
	color: #fff
}

.product-main__call:hover {
	background: #f5f5f5;
	color: #020f19
}

@media screen and (max-width:767px) {
	.product-main__call {
		display: none
	}
}

.product-main__clrs-popup {
	width: 100%;
	left: 0;
	padding: 15px 0;
	background-image: url(../img/colrs-mobile.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	text-align: center;
	font-weight: 700;
	display: block;
	color: #fff;
	margin-top: 4rem
}

@media screen and (min-width:767px) {
	.product-main__clrs-popup {
		display: none
	}
}

.product-main__calc {
	color: #020f19;
	padding: 14px 14px 16px;
	width: 43%
}

@media screen and (max-width:1240px) {
	.product-main__calc {
		width: 100%;
		margin-bottom: 1rem;
		margin-top: 2rem
	}
}

.product-main__allgallery {
	display: block;
	max-width: 305px;
	margin: 0 auto;
	position: relative;
	z-index: 9
}

@media screen and (max-width:768px) {
	.product-main__allgallery {
		display: none
	}
}

.product-main__img {
	width: 100%;
	max-width: 1000px;
	margin-bottom: 3rem;
	border-radius: 20px
}

.product-main__line {
	display: grid;
	grid-gap: 30px;
	justify-content: space-between;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1000px;
	max-height: 364px;
	overflow: hidden
}

.product-main__count {
	display: flex
}

@media screen and (max-width:1240px) {
	.product-main__count {
		max-width: 100%;
		width: 31%;
		justify-content: flex-end
	}
}

.product-main__slider-main {
	max-height: 579px
}

.product-main__hidden-mobile {
	margin-top: 20px
}

@media screen and (min-width:1200px) {
	.product-main__hidden-mobile {
		display: none
	}
}

.select-size {
	margin-top: 2rem;
	max-width: 370px;
	position: relative
}

.select-size__title {
	margin-bottom: 1rem;
	line-height: 1.2
}

.select-size__title span {
	color: #929292;
	text-transform: lowercase
}

.select-size .select2 {
	margin-bottom: 2rem
}

.select-size .select2.select2-container--open,
.select-size .select2:last-of-type {
	margin-bottom: 0
}

@media screen and (max-width:767px) {
	.colrs {
		display: none
	}
}

.colrs__title {
	margin: 2rem 0 1.3rem
}

.colrs__box,
.colrs__list {
	display: flex
}

.colrs__box {
	width: 44px;
	height: 44px;
	border: 2px solid #f5f5f5;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	margin-right: .5rem;
	background: #fff;
	cursor: pointer;
	transition: .3s ease;
	user-select: none
}

.colrs__pic {
	vertical-align: middle;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	border: 1px solid #e2e2e2
}

.colrs__more {
	width: 44px;
	height: 44px;
	border: 2px solid #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 100%;
	box-sizing: border-box
}

.colrs__more-pic {
	vertical-align: middle;
	width: 16px;
	height: 16px
}

.product-info {
	margin-top: 4rem
}

.product-info__inner {
	display: flex;
	gap: 30px;
	align-items: flex-start
}

@media screen and (max-width:1024px) {
	.product-info__inner {
		display: block
	}
}

.product-info__left {
	width: 62%;
	max-width: 1050px;
	flex-shrink: 0
}

@media screen and (max-width:1600px) {
	.product-info__left {
		width: 58%
	}
}

@media screen and (max-width:1500px) {
	.product-info__left {
		width: 56%
	}
}

@media screen and (max-width:1400px) {
	.product-info__left {
		width: 54%
	}
}

@media screen and (max-width:1300px) {
	.product-info__left {
		width: 50%
	}
}

@media screen and (max-width:1024px) {
	.product-info__left {
		max-width: 100%;
		width: 100%
	}
}

@media screen and (max-width:1200px) {
	.product-info__left_half-mobile {
		width: 65%
	}
}

@media screen and (max-width:1024px) {
	.product-info__left_half-mobile {
		width: 100%
	}
}

.product-info__right {
	width: 38%;
	position: sticky;
	top: 165px
}

@media screen and (max-width:1600px) {
	.product-info__right {
		width: 44%
	}
}

@media screen and (max-width:1400px) {
	.product-info__right {
		width: 46%
	}
}

@media screen and (max-width:1300px) {
	.product-info__right {
		width: 50%
	}
}

@media screen and (max-width:1024px) {
	.product-info__right {
		display: none
	}

	.product-info__right_tomobile {
		display: block
	}
}

.product-info__line {
	margin-bottom: 3rem
}

.product-info__text p,
.product-info__title {
	margin-bottom: 2rem
}

.product-info__text {
	line-height: 1.4;
	max-width: 690px
}

@media screen and (max-width:767px) {
	.product-info__text {
		font-size: .75em
	}
}

.product-info__text .hidden {
	display: none
}

.product-info__sign {
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.product-info__sign {
		font-size: .75em
	}
}

.product-info__list {
	max-width: 690px
}

.product-info__item {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: .8rem 1.4rem;
	line-height: 1.5;
	margin-bottom: 0
}

@media screen and (max-width:767px) {
	.product-info__item {
		font-size: .625em
	}
}

.product-info__item:nth-of-type(2n+1) {
	background: #fbfbf3
}

.product-info__item p:first-of-type {
	font-weight: 700;
	color: #929292
}

.product-info__more {
	font-weight: 700;
	color: #abb910;
	margin-top: 2rem;
	background: 0 0
}

@media screen and (max-width:767px) {
	.product-info__more {
		font-size: .75em
	}
}

.product-info__table {
	margin-bottom: 3rem;
	max-width: 100%;
	overflow: auto
}

.product-info__table td,
.product-info__table th {
	border: 1px solid #f5f5f5
}

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

	.product-info__table td,
	.product-info__table th {
		font-size: 14px
	}
}

.product-info__table th {
	padding: 1.5rem 1.2rem;
	text-align: left;
	background: #fbfbf3;
	color: #929292
}

@media screen and (max-width:767px) {
	.product-info__table th {
		white-space: nowrap
	}
}

.product-info__table td {
	padding: 1rem 1.2rem
}

.product-info__scheme {
	max-width: 100%;
	margin: 0 auto;
	display: block
}

.product-info__rollup,
.product-info__viewtable {
	display: block;
	max-width: 305px;
	margin: 0 auto
}

.product-info__caption {
	margin-bottom: 2rem
}

.product-info__sticky .select2-container--open:not(.select2) {
	top: 39px !important;
	left: 0 !important
}

.product-info__hidden,
.type-coldsupply__btn input {
	display: none
}

.product-info__over {
	height: calc(100% - 550px)
}

.type-coldsupply {
	margin-top: 3rem
}

.type-coldsupply__title {
	margin-bottom: 2rem
}

.type-coldsupply__control {
	display: flex
}

.type-coldsupply__btn input:checked+.type-coldsupply__btn-box .fill {
	fill: #abb910
}

.type-coldsupply__btn input:checked+.type-coldsupply__btn-box .stroke {
	stroke: #abb910
}

.type-coldsupply__btn-box {
	padding: 10px 20px;
	background: #fff;
	border: 2px solid #eaeaea;
	border-radius: 10px;
	box-sizing: border-box;
	margin-right: 2rem;
	display: flex;
	align-items: center;
	transition: border .3s ease;
	cursor: pointer
}

.type-coldsupply__btn-box .fill {
	fill: #020f19;
	transition: .3s ease
}

.type-coldsupply__btn-box .stroke {
	stroke: #020f19;
	transition: .3s ease
}

.type-coldsupply__btn-box:hover {
	border-color: #abb910
}

.additionally {
	margin-top: 3rem;
	position: relative
}

.additionally__title {
	margin-bottom: 3rem
}

.additionally__buttons {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 1.55vw;
	grid-auto-rows: 80px
}

@media screen and (max-width:767px) {
	.additionally__buttons {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 40px
	}
}

.additionally__btn {
	font-weight: 700;
	padding: 1.8rem 3.1vw;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	transition: .3s ease;
	display: flex;
	align-items: center;
	text-align: left;
	cursor: pointer
}

@media screen and (max-width:767px) {
	.additionally__btn {
		font-size: .625em;
		font-weight: 400
	}
}

.additionally__btn svg {
	margin-right: 1rem;
	vertical-align: middle;
	flex-shrink: 0
}

@media screen and (max-width:767px) {
	.additionally__btn svg {
		transform: scale(.7)
	}
}

.additionally__btn path {
	fill: #abb910;
	transition: .3s ease
}

.additionally__btn .hidden,
.additionally__btn.active g {
	opacity: 0
}

.additionally__btn.active {
	color: #fff;
	background: #abb910;
	border-color: #abb910
}

.additionally__btn.active .hidden {
	opacity: 1
}

.additionally__btn.active path {
	fill: #fff
}

.additionally__btn:hover:not(.active) {
	background: #fbfbf3
}

.additionally__call {
	position: absolute;
	bottom: 10px;
	right: 0
}

@media screen and (max-width:767px) {
	.additionally__call {
		width: 48%;
		font-size: .625em;
		padding: 12px 18px 14px;
		bottom: 3px
	}
}

.option-repair__title {
	margin-bottom: 3rem
}

.option-repair__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 1.55vw;
	grid-auto-rows: 364px
}

@media screen and (max-width:1500px) {
	.option-repair__list {
		grid-auto-rows: 440px
	}
}

@media screen and (max-width:767px) {
	.option-repair__list {
		display: block
	}
}

.option-repair__list_auto {
	grid-auto-rows: auto
}

.option-repair__item {
	background: #fff;
	border: 1px solid #f5f5f5;
	border-radius: 10px;
	padding: 3rem;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	gap: 1.55vw
}

@media screen and (max-width:767px) {
	.option-repair__item {
		border: 0;
		padding: 0 20px;
		margin-bottom: 1rem;
		align-items: center
	}
}

.option-repair__pic {
	width: 150px;
	flex-shrink: 0
}

@media screen and (max-width:1400px) {
	.option-repair__pic {
		width: 80px
	}
}

@media screen and (max-width:767px) {
	.option-repair__pic {
		width: 32px;
		height: 32px;
		border-radius: 100%;
		object-fit: cover;
		border: 1px solid #fff;
		margin-right: 10px
	}
}

.option-repair__caption {
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: 2rem;
	line-height: 1.4;
	margin-top: 1rem
}

@media screen and (max-width:767px) {
	.option-repair__caption {
		font-size: .75em;
		font-weight: 400;
		margin: 0
	}
}

.option-repair__text {
	line-height: 1.4;
	color: #929292
}

@media screen and (max-width:767px) {
	.option-repair__text {
		display: none
	}
}

.products__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px
}

@media screen and (max-width:1690px) {
	.products__list {
		grid-template-columns: repeat(4, 1fr)
	}
}

@media screen and (max-width:1150px) {
	.products__list {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:1023px) {
	.products__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

.products__item {
	border-radius: 20px;
	padding: 2rem;
	box-sizing: border-box
}

@media screen and (max-width:1023px) {
	.products__item {
		display: none
	}
}

.products__item:nth-of-type(1),
.products__item:nth-of-type(2),
.products__item:nth-of-type(3),
.products__item:nth-of-type(4) {
	display: block
}

@media screen and (max-width:767px) {
	.products__item {
		box-shadow: none;
		padding: 0
	}
}

.products__top {
	position: relative
}

.products__best,
.products__sale {
	font-size: .875em;
	font-weight: 700;
	color: #fff;
	position: absolute;
	padding: 8px 13px;
	border-radius: 5px;
	z-index: 3;
	top: 0;
	left: 0
}

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

	.products__best,
	.products__sale {
		font-size: .75em
	}
}

.products__sale {
	background: #fb4d3d
}

.products__best {
	background: #c2d212
}

.products__pic {
	width: 268px;
	height: 268px;
	object-fit: contain;
	margin: 0 auto;
	display: block
}

@media screen and (max-width:767px) {
	.products__pic {
		width: 130px;
		height: 130px
	}
}

.products__caption {
	margin: 2rem 0;
	line-height: 1.35;
	display: block
}

@media screen and (max-width:767px) {
	.products__caption {
		font-size: .75em
	}
}

.products__price {
	font-size: 1.625em;
	font-weight: 700;
	color: #595959
}

@media screen and (max-width:767px) {
	.products__price {
		font-size: .75em
	}
}

.products__link {
	color: #666f0f;
	text-decoration: underline
}

@media screen and (max-width:767px) {
	.products__link {
		font-size: .75em
	}
}

.products__link:hover {
	color: #ff8c00
}

.products__control {
	text-align: center;
	margin-top: 3rem
}

.products .callback-mini {
	grid-column: 1/span 5;
	grid-row: 3/span 4
}

@media screen and (max-width:1690px) {
	.products .callback-mini {
		grid-column: 1/span 4
	}
}

@media screen and (max-width:1150px) {
	.products .callback-mini {
		grid-column: 1/span 3;
		grid-row: 4/span 5
	}
}

@media screen and (max-width:1023px) {
	.products .callback-mini {
		display: none
	}
}

.to_order {
	margin-top: 2rem;
	width: 100%;
	border-radius: 10px
}

.review {
	padding: 7rem 0;
	background: #f7f8e8
}

.review__inner {
	max-width: 1372px
}

.review__list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1.55vw
}

@media screen and (max-width:1023px) {
	.review__list {
		display: block
	}
}

.review__item {
	max-width: 590px;
	gap: 20px
}

@media screen and (max-width:1023px) {
	.review__item {
		margin-bottom: 3rem
	}
}

.review__caption {
	font-size: 1.25em;
	font-weight: 700;
	margin-bottom: 3rem
}

@media screen and (max-width:767px) {
	.review__caption {
		font-size: 1em;
		margin-bottom: 2rem
	}
}

.review__wrap {
	display: flex;
	align-items: center;
	gap: 1.55vw
}

@media screen and (max-width:767px) {
	.review__wrap {
		flex-wrap: wrap;
		position: relative
	}
}

.review__qr {
	width: 280px;
	height: 280px;
	background: #fff;
	border-radius: 20px;
	padding: 35px;
	box-sizing: border-box;
	flex-shrink: 0
}

@media screen and (max-width:1200px) {
	.review__qr {
		width: 220px;
		height: 220px
	}
}

@media screen and (max-width:767px) {
	.review__qr {
		display: none
	}
}

.review__qr-pic {
	width: 100%;
	height: 100%;
	object-fit: contain
}

.review__rating {
	display: flex;
	align-items: center
}

.review__count {
	margin-right: 1rem;
	font-size: 1.25em;
	font-weight: 700
}

.review__stars {
	vertical-align: middle
}

.review__stars path {
	fill: #e5e5e5
}

.review__stars path.active {
	fill: #abb910
}

.review__sign {
	margin-top: 2rem
}

.review__text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 20px;
	box-sizing: border-box;
	border-radius: 15px;
	background: #fff;
	margin-top: 3rem
}

.review__txt {
	margin-right: 2rem;
	font-size: .875em;
	font-style: italic
}

.review__more {
	margin-top: 3rem
}

@media screen and (max-width:767px) {
	.review__more {
		display: none
	}
}

.search-page {
	position: relative
}

.search-page__title {
	margin-bottom: 30px
}

.search-page__list {
	display: grid;
	grid-gap: 1vw;
	grid-template-columns: repeat(10, 1fr)
}

@media screen and (max-width:1200px) {
	.search-page__list {
		grid-template-columns: repeat(5, 1fr)
	}
}

@media screen and (max-width:767px) {
	.search-page__list {
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px 10px
	}
}

.search-page__item {
	display: block
}

.search-page__item picture {
	background: #f7f7f7;
	border: 2px solid transparent;
	border-radius: 15px;
	box-sizing: border-box;
	padding: 25px;
	display: block;
	text-align: center;
	margin-bottom: .25em;
}

@media screen and (max-width:767px) {
	.search-page__item picture {
		padding: 10px
	}
}

.search-page__pic {
	width: 100%;
	aspect-ratio: 1;
    object-fit: contain;
}

.search-page__caption {
	font-size: .75em;
	font-weight: 700;
	line-height: 1.35;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

@media screen and (max-width:767px) {
	.search-page__caption {
		font-size: .625em
	}
}

.search-page__elems {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: .7vw;
	grid-auto-rows: 464px;
	margin-top: 2rem
}

@media screen and (max-width:1200px) {
	.search-page__elems {
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 390px
	}
}

@media screen and (max-width:1023px) {
	.search-page__elems {
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 360px
	}
}

@media screen and (max-width:767px) {
	.search-page__elems {
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 296px
	}
}

.search-page__el {
	position: relative
}

.search-page__control {
	margin-top: 3rem;
	text-align: center
}

.search-page__holder {
	font-size: 1.625em;
	margin-bottom: 2rem
}

@media screen and (max-width:767px) {
	.search-page__holder {
		font-size: 1.125em
	}
}

.search-page__line {
	margin-bottom: 3rem
}

.search-page__btns {
	margin-top: 4rem;
	display: flex;
	justify-content: center
}

@media screen and (max-width:767px) {
	.search-page__btns {
		display: block
	}
}

.search-page__select {
	width: 420px;
	margin-right: 20px
}

@media screen and (max-width:767px) {
	.search-page__select {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		font-size: 1em;
		padding: 16px 30px 18px
	}
}

.search-page__cat {
	width: 264px
}

@media screen and (max-width:767px) {
	.search-page__cat {
		width: 100%;
		font-size: 1em;
		padding: 16px 30px 18px
	}
}

.search-page__icon-over {
	text-align: center;
	margin-top: 4rem
}

@media screen and (max-width:767px) {
	.search-page__icon-over {
		position: absolute;
		top: -60px;
		left: 0;
		z-index: -1;
		opacity: .2;
		margin-top: 0
	}
}

.search-page__icon {
	max-width: 465px
}

@media screen and (max-width:767px) {
	.search-page__icon {
		width: 100%
	}
}

.solution_first {
	margin-top: 4rem
}

.solution__title {
	margin-bottom: 3rem
}

.solution__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 12px;
	justify-content: center
}

@media screen and (max-width:1690px) {
	.solution__list {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:1023px) {
	.solution__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.solution__list {
		grid-template-columns: repeat(1, 1fr)
	}
}

.solution__box {
	display: flex;
	align-items: center
}

.solution__item {
	background: #fff;
	position: relative;
	box-sizing: border-box;
	z-index: 2
}

@media (hover:hover) {
	.solution__item:hover {
		z-index: 3
	}

	.solution__item:hover .solution__top {
		border-radius: 20px 20px 0 0;
		border-bottom-color: transparent
	}

	.solution__item:hover .solution__bottom {
		display: block
	}
}

.solution__top {
	text-align: center;
	box-sizing: border-box;
	padding: 2rem;
	border: 2px solid #abb910;
	border-radius: 20px
}

@media screen and (max-width:767px) {
	.solution__top {
		display: flex;
		gap: 0;
		text-align: left;
		flex-direction: column;
		align-items: center
	}
}

.solution__wrap {
	text-align: center;
	box-sizing: border-box;
	padding: 2rem;
	border: 2px solid #abb910;
	border-radius: 20px;
	display: block
}

@media screen and (max-width:767px) {
	.solution__wrap {
		width: 70vw
	}

	.solution__pic {
		width: 100px
	}
}

.solution__caption {
	text-align: left;
	margin-top: 2rem;
	font-size: 1.25em;
	font-weight: 700
}

.solution__caption.text-center {
	text-align: center
}

@media screen and (max-width:767px) {
	.solution__caption {
		font-size: 1em;
		margin-top: 0
	}
}

.solution__price {
	margin-top: 1rem;
	font-size: 1.625em;
	color: #595959;
	text-align: left
}

@media screen and (max-width:767px) {
	.solution__price {
		font-size: 1.125em
	}
}

.solution__bottom {
	border: 2px solid #abb910;
	border-top: 0;
	position: absolute;
	background: #fff;
	border-radius: 0 0 20px 20px;
	top: calc(100% - 2px);
	box-sizing: border-box;
	padding: 2rem;
	width: 100%;
	display: none
}

.solution__bottom:before {
	content: "";
	width: 100%;
	top: -2rem;
	left: 0;
	height: 1px;
	background: #eaeaea;
	position: relative;
	display: block
}

.solution__sign {
	color: #929292
}

.solution__rate {
	margin-top: 2rem
}

.solution__el {
	margin-right: 1rem
}

.solution__line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
	font-size: .75em;
	line-height: 1.3
}

.solution__line span:first-of-type {
	color: #929292;
	max-width: 50%
}

.solution__more {
	margin: 1rem 0 .5rem;
	font-weight: 700;
	color: #f26419;
	display: inline-block;
	text-decoration: underline
}

.solution__more_mobile {
	margin: 2rem 0 0
}

@media screen and (min-width:769px) {
	.solution__more_mobile {
		display: none
	}
}

.solution .slick-slide {
	height: auto;
	margin-right: 1rem
}

.solution .slick-prev {
	left: -20px
}

@media screen and (max-width:1300px) {
	.solution .slick-prev {
		left: -10px
	}
}

.solution .slick-next {
	right: 0
}

.solution .slick-slide img {
	max-width: 100%
}

.solution-type__title {
	margin-bottom: 3rem
}

.solution-type__list {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 48px;
	overflow: auto;
	scrollbar-width: 0
}

.solution-type__list::-webkit-scrollbar {
	display: none
}

@media screen and (max-width:1690px) {
	.solution-type__list {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media screen and (max-width:1023px) {
	.solution-type__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.solution-type__list {
		grid-template-columns: repeat(5, 200px);
		grid-gap: 20px
	}
}

.solution-type__item {
	background: #fff;
	position: relative;
	box-sizing: border-box;
	z-index: 2
}

.solution-type__caption {
	margin-top: 2rem;
	font-size: 1.25em;
	font-weight: 700
}

@media screen and (max-width:767px) {
	.solution-type__caption {
		font-size: .75em
	}
}

.solution-type__price {
	margin-top: 1rem;
	font-size: 1.625em;
	color: #595959;
	margin-bottom: 1rem
}

@media screen and (max-width:767px) {
	.solution-type__price {
		font-size: .75em
	}
}

.solution-type__pic {
	width: 100%
}

.staff__inner {
	max-width: 1536px
}

.staff__title {
	margin-bottom: 2rem
}

.staff__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 3.1vw
}

@media screen and (max-width:1500px) {
	.staff__list {
		grid-gap: 1vw
	}
}

@media screen and (max-width:1023px) {
	.staff__list {
		grid-template-columns: repeat(2, 35%);
		grid-gap: 3vw;
		justify-content: center
	}
}

@media screen and (max-width:767px) {
	.staff__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

.staff__item {
	text-align: center;
	border: 2px solid #f5f5f5;
	border-radius: 20px;
	padding: 5rem 4.5rem;
	box-sizing: border-box
}

@media screen and (max-width:1500px) {
	.staff__item {
		padding: 5rem 3rem
	}
}

@media screen and (max-width:767px) {
	.staff__item {
		padding: 3rem 2.5rem
	}
}

.staff__pic {
	max-width: 239px;
	max-height: 239px;
	border-radius: 100%;
	border: 2px solid #f5f5f5;
	box-sizing: border-box
}

@media screen and (max-width:1200px) {
	.staff__pic {
		max-width: 150px;
		max-height: 150px
	}
}

@media screen and (max-width:767px) {
	.staff__pic {
		max-width: 100px;
		height: 100px
	}
}

.staff__caption {
	font-size: 1.25em;
	font-weight: 700;
	margin-top: 2.7rem;
	line-height: 1.5
}

@media screen and (max-width:767px) {
	.staff__caption {
		font-size: .75em;
		margin-top: 1.3rem
	}
}

.staff__phone {
	font-size: 1.625em;
	color: #abb910;
	margin-top: 2.7rem;
	transition: .3s ease;
	display: inline-block
}

@media screen and (max-width:767px) {
	.staff__phone {
		font-size: 1em;
		margin-top: 1.3rem
	}
}

.staff__phone:hover {
	color: #666f0f
}

.viewed {
	margin-bottom: 7rem
}

.viewed__list {
	overflow: hidden;
	margin-top: 2rem
}

.viewed__item {
	display: block;
	border-radius: 15px;
	border: 2px solid transparent;
	box-sizing: border-box;
	background: #fff;
	padding: 2rem 3rem 3rem;
	height: 100%;
	transition: .3s ease
}

@media screen and (max-width:767px) {
	.viewed__item {
		padding: 1.45rem;
		border-radius: 15px
	}
}

.viewed__item_sale {
	border-color: #fb4d3d
}

.viewed__item:hover {
	border-color: #abb910
}

.viewed__top {
	position: relative;
	height: 220px;
	text-align: center;
	width: 100%;
	display: table-cell;
	vertical-align: middle
}

.viewed__pic {
	vertical-align: middle;
	object-fit: contain;
	max-height: 100%;
	max-width: 100%
}

.viewed__prices {
	display: flex;
	align-items: flex-end;
	margin-top: 2rem
}

.viewed__new-price {
	font-size: 1.375em;
	font-weight: 700;
	color: #595959;
	margin-right: .5rem
}

@media screen and (max-width:767px) {
	.viewed__new-price {
		font-size: .75em
	}
}

.viewed__old-price {
	font-size: 1.125em;
	color: #595959;
	position: relative
}

@media screen and (max-width:767px) {
	.viewed__old-price {
		display: none
	}
}

.viewed__old-price:before {
	content: "";
	width: 100%;
	height: 2px;
	background: #fb4d3d;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(176.03deg) translateY(-30%)
}

.viewed__caption {
	margin-top: 2rem;
	height: 64px;
	line-height: 1.3;
	display: flex;
	align-items: center
}

@media screen and (max-width:767px) {
	.viewed__caption {
		font-size: .75em
	}
}

@media screen and (max-width:360px) {
	.viewed__caption {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 50px
	}
}

.viewed .slick-slide {
	margin-right: 3rem;
	height: 404px;
	opacity: .2;
	transition: .3s ease .2s
}

.viewed .slick-slide.slick-active {
	opacity: 1
}

@media screen and (max-width:1300px) {
	.viewed .slick-slide {
		height: 370px
	}
}

@media screen and (max-width:1200px) {
	.viewed .slick-slide {
		height: 320px
	}
}

@media screen and (max-width:1023px) {
	.viewed .slick-slide {
		height: 356px
	}
}

@media screen and (max-width:767px) {
	.viewed .slick-slide {
		height: 280px;
		margin-right: 1.45rem
	}
}

@media screen and (max-width:360px) {
	.viewed .slick-slide {
		height: 240px
	}
}

.viewed .slick-prev {
	left: 0
}

.viewed .slick-next {
	right: 0
}

.why__title {
	margin-bottom: 3rem
}

.why__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 1.55vw;
	justify-content: space-between
}

@media screen and (max-width:1200px) {
	.why__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media screen and (max-width:767px) {
	.why__list {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px;
		grid-auto-rows: 144px
	}
}

.why__item {
	border-radius: 15px;
	padding: 30px;
	position: relative;
	box-sizing: border-box;
	color: #fff;
	overflow: hidden
}

@media screen and (max-width:767px) {
	.why__item {
		padding: 20px
	}
}

.why__item_green {
	background: linear-gradient(104.04deg, #abb910 0, #666f0f 100%)
}

.why__item_sky {
	background: linear-gradient(104.04deg, #3d85c5 0, #2e699e 100%)
}

.why__item_blue {
	background: linear-gradient(104.04deg, #0d5394 0, #08345c 100%)
}

.why__item_black {
	background: linear-gradient(104.04deg, #020f19 0, #020f19 100%)
}

.why__item:before {
	content: "";
	width: 280px;
	height: 280px;
	position: absolute;
	right: -140px;
	bottom: -140px;
	display: block;
	background: rgba(255, 255, 255, .3);
	border-radius: 100%
}

@media screen and (max-width:767px) {
	.why__item:before {
		width: 224px;
		height: 224px;
		right: -112px;
		bottom: -112px
	}
}

.why__caption {
	font-weight: 700;
	margin-bottom: 2rem
}

.why__sign {
	line-height: 1.3;
	max-width: 65%
}

@media screen and (max-width:1500px) {
	.why__sign {
		max-width: 70%
	}
}

@media screen and (max-width:767px) {
	.why__sign {
		font-size: .75em
	}
}

.why__pic {
	position: absolute;
	vertical-align: middle;
	right: 20px;
	bottom: 20px;
	z-index: 3
}

@media screen and (max-width:767px) {
	.why__pic {
		width: 60px
	}
}

.work {
	margin: 8rem 0
}

.work__title {
	margin-bottom: 3rem;
	margin-top: 3rem
}

.work__title span {
	color: #abb910
}

.work__row {
	display: flex;
	gap: 10px;
	margin-bottom: 3rem;
	overflow: auto;
	scrollbar-width: 0
}

.work__row::-webkit-scrollbar {
	display: none
}

.work__btn {
	padding: 7px 13px 9px;
	text-align: center;
	background: #f5f5f5;
	transition: .5s ease;
	border-radius: 5px;
	cursor: pointer;
	flex-shrink: 0
}

.work__btn.active {
	background: #abb910;
	color: #fff
}

.work__btn:hover {
	background: #e5e5e5
}

.work__box {
	display: none
}

.work__box:first-of-type {
	display: block
}

.work__wrap {
	display: flex;
	justify-content: flex-end;
	gap: 3rem;
	align-items: center;
	padding-right: 7rem;
	box-sizing: border-box
}

@media screen and (max-width:767px) {
	.work__wrap {
		display: block;
		padding-right: 0
	}
}

.work__info {
	max-width: 560px
}

.work__image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px
}

.work__gallery {
	width: 60%;
	max-width: 960px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 230px;
	gap: 3rem;
	flex-shrink: 0
}

@media screen and (max-width:1200px) {
	.work__gallery {
		grid-template-columns: repeat(2, 1fr);
		width: 50%;
		grid-auto-rows: 180px
	}
}

@media screen and (max-width:767px) {
	.work__gallery {
		grid-auto-rows: 92px;
		width: 100%;
		gap: 20px
	}
}

.work__img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover
}

.work__item {
	position: relative
}

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

	.work__item:last-of-type,
	.work__item:nth-last-of-type(2) {
		display: none
	}
}

.work__item .last_more {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	background: linear-gradient(0deg, rgba(2, 15, 25, .5), rgba(2, 15, 25, .5));
	border-radius: 20px;
	z-index: 1;
	transition: .3s ease
}

.work__item .last_more .last_info {
	font-weight: 600;
	font-size: 2.625em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	z-index: 3;
	line-height: .95
}

@media screen and (max-width:767px) {
	.work__item .last_more .last_info {
		font-size: 1.875em
	}
}

.work__pic {
	margin: 0 auto;
	max-width: 300px
}

@media screen and (max-width:767px) {
	.work__pic {
		max-width: 200px
	}
}

.work__text {
	line-height: 1.4;
	margin-top: 30px
}

@media screen and (max-width:767px) {
	.work__text {
		font-size: .75em;
		margin-bottom: 3rem;
		min-height: 97px
	}
}

.work__more {
	width: 290px;
	margin: 4rem auto 0;
	display: block
}

.work .slick-slide {
	height: auto
}

.work .slick-prev {
	left: -20px
}

@media screen and (max-width:1300px) {
	.work .slick-prev {
		left: -10px
	}
}

@media screen and (max-width:767px) {
	.work .slick-prev {
		top: 20%
	}
}

.work .slick-next {
	right: 0
}

@media screen and (max-width:767px) {
	.work .slick-next {
		top: 20%
	}
}

@supports (-webkit-appearance:none) {

	.slick-prev:after,
	.slick-prev:hover:after {
		background-image: url(../icon/icon-arrow-prev.svg)
	}

	.catalog-call__field button,
	.catalog-call__field button:hover,
	.slick-next:after,
	.slick-next:hover:after {
		background-image: url(../icon/icon-arrow-next.svg)
	}

	ul.list-style li:before,
	ul.s1 li:before {
		background: url(../icon/icon-check.svg)center center no-repeat
	}

	.info-block {
		background: url(../img/icon_i.webp)no-repeat 14px 13px #bde5f8
	}

	.jivo-btn-gradient {
		background-image: url(//static.jivosite.com/button/white_grad_light.webp)
	}

	.jivo-btn-light.jivo-btn-gradient {
		background-image: url(//static.jivosite.com/button/white_grad.webp)
	}

	.checkbox__text:after,
	.polit__txt:after {
		background-image: url(../icon/icon-check.svg)
	}

	.select2-container--default .select2-selection--single .select2-selection__arrow {
		background-image: url(../icon/arrow-bottom.svg)
	}

	.catalog-main-list__back:before,
	.modal__back {
		background-image: url(../icon/icon-arrow-back.svg)
	}

	.addoption__sign,
	.modal-action__sign {
		background-image: url(../icon/icon-info.svg)
	}

	.banner__item,
	.box-info__list li {
		background-image: url(../icon/icon-check.svg)
	}

	.callback-mini_type-1 {
		background: linear-gradient(0deg, rgba(2, 15, 25, .6), rgba(2, 15, 25, .6)), url(../img/bg-call-1.webp)center/cover no-repeat
	}

	.callback-text {
		background: url(../img/bg-call-2.webp)center/cover no-repeat
	}

	.catalog-main-list__open-cat:before {
		background-image: url(../icon/icon-burger.svg)
	}

	.catalog-main-list__open-cat:after {
		background-image: url(../icon/icon-arrow-white.svg)
	}

	.catalog-nav__item_back:before {
		background-image: url(../icon/icon-arrow-back.svg)
	}

	.catalog-nav__tooltyp {
		background-image: url(../img/catalog-select-tooltyp.webp)
	}

	.catalog-sort__sorts {
		background-image: url(../icon/arrow-bottom.svg)
	}

	.catalog-sort__filter {
		background-image: url(../icon/icon-filter.svg)
	}

	.list__more[loading=true] .btn {
		background-image: url(../icon/throbber.svg)
	}

	.contacts__phone {
		background-image: url(../icon/icon-phone.svg)
	}

	.contacts__map {
		background-image: url(../icon/icon-map.svg)
	}

	.contacts__time {
		background-image: url(../icon/icon-clock.svg)
	}

	.contacts__mail {
		background-image: url(../icon/icon-mail.svg)
	}

	.contacts__site {
		background-image: url(../icon/icon-site.svg)
	}

	.contacts__phone-gray {
		background-image: url(../icon/icon-phone-gray.svg)
	}

	.contacts__mail-gray {
		background-image: url(../icon/icon-mail-gray.svg)
	}

	.place_w {
		background-image: url(../icon/icon-place.svg)
	}

	.banner-copeq__field.place {
		background-image: url(../icon/arrow-down.svg)
	}

	.banner-copeq__field.name {
		background-image: url(../icon/icon-name.svg)
	}

	.banner-copeq__field.phone,
	.footer__phone {
		background-image: url(../icon/icon-phone.svg)
	}

	.banner-copeq__field.mess {
		background-image: url(../icon/icon-mess.svg)
	}

	.copeq-list__col.green:before {
		background-image: url(../icon/copeq-icon-1.svg)
	}

	.copeq-list__col.orange:before {
		background-image: url(../icon/copeq-icon-2.svg)
	}

	.copeq-list__col.blue:before {
		background-image: url(../icon/copeq-icon-3.svg)
	}

	.copeq-list__open::after {
		background-image: url(../icon/icon-bottom--green.svg)
	}

	.plane__item:after {
		background-image: url(../icon/icon-zoom.svg)
	}

	.footer__map {
		background-image: url(../icon/icon-map.svg)
	}

	.footer__time {
		background-image: url(../icon/icon-clock.svg)
	}

	.footer__mail {
		background-image: url(../icon/icon-mail.svg)
	}

	.gallery-work .slick-prev,
	.gallery-work .slick-prev:hover {
		background-image: url(../icon/icon-arrow-prev-black.svg)
	}

	.gallery-work .slick-next,
	.gallery-work .slick-next:hover {
		background-image: url(../icon/icon-arrow-next-black.svg)
	}

	.catalog-links-box__more:after,
	.chbig__more:after {
		background-image: url(../icon/arrow-bottom.svg)
	}

	.header__map {
		background-image: url(../icon/icon-map.svg)
	}

	.header__time {
		background-image: url(../icon/icon-clock.svg)
	}

	.header__mail {
		background-image: url(../icon/icon-mail.svg)
	}

	.header__phone {
		background-image: url(../icon/icon-phone.svg)
	}

	.header-mobile__search {
		background: url(../icon/icon-search.svg)center no-repeat #fff
	}

	.header-mobile__phone {
		background: url(../icon/icon-phone.svg)no-repeat center #fff
	}

	.flow-work .slick-prev,
	.flow-work .slick-prev:hover,
	.header-mobile__back-link {
		background-image: url(../icon/icon-arrow-prev-black.svg)
	}

	.header-mobile__slide {
		background-image: url(../icon/icon-arrow-next-green.svg)
	}

	.header-mobile__move,
	.related__open::after {
		background-image: url(../icon/icon-bottom--green.svg)
	}

	.fix-search__open {
		background: url(../icon/icon-search.svg)center no-repeat #fff
	}

	.search-cat__field {
		background: #fff url(../icon/icon-search.svg)no-repeat 10px center
	}

	.flow-work .slick-next,
	.flow-work .slick-next:hover {
		background-image: url(../icon/icon-arrow-next-black.svg)
	}

	.related .slick-prev,
	.related .slick-prev:hover {
		background-image: url(../icon/icon-arrow-prev-black.svg)
	}

	.related .slick-next,
	.related .slick-next:hover {
		background-image: url(../icon/icon-arrow-next-black.svg)
	}

	.popular-cat__more:after {
		background-image: url(../icon/icon-arrow-right.svg)
	}

	.conclusion__text {
		background-image: url(../icon/icon-quote.svg)
	}

	.product-main__pictures .slick-prev {
		background-image: url(../icon/icon-arrow-prev-black.svg)
	}

	.product-main__pictures .slick-next {
		background-image: url(../icon/icon-arrow-next-black.svg)
	}

	.product-main__clrs-popup {
		background-image: url(../img/colrs-mobile.webp)
	}
}

@media screen and (max-width:767px) {
	@supports (-webkit-appearance:none) {

		.callback-mini_type-1,
		.callback-text {
			background: linear-gradient(0deg, rgba(2, 15, 25, .6), rgba(2, 15, 25, .6)), url(../img/bg-call-1--mobile.webp)center/cover no-repeat
		}
	}
}

.section.content-text {
	overflow: hidden
}

.max,
.heaw,
.whatsapp {
	width: 24px;
	height: 24px
}

.max,
.whatsapp {
	margin-right: 3vw
}

.heaw {
	margin-left: 3rem
}

.pagination__link_first,
.pagination__next {
	position: relative;
	bottom: 1px;
}

.form-success {
    position: absolute;
    inset: 0;
    display: flex;
  
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 1 !important;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.3;
    z-index: 100;
    backdrop-filter: blur( 5px );
    
    flex-direction: column;
    justify-content: center;
    
}

.form-success-title {
    font-weight: bold;
    margin-bottom: .25em;
}

.form-success-title:before {
    content: '';
    display: block;
    width: 100px;
    aspect-ratio: 1;
    margin: 0 auto .5rem auto;
    background: url(/icon/success-sent.png) no-repeat center top / cover;
}



form.ajax:has( > .form-success ) {
    position: relative;
    overflow: hidden;
}

form.ajax:has( > .form-success ) > * {
    opacity: .25;
    pointer-events: none;
}

body:has( .thankyou-page ) .title,
.content-text.section:has( .thankyou-page ) {
    text-align: center;
}

body:has( .thankyou-page ) .site {
    padding-top: 2em;
}

.content-text.section:has( .thankyou-page ) .banner__btn {
    margin: 1rem auto;
    font-size: 1em;
    width: auto;
    margin-top: 1em;
    line-height: 1.3;
}

@media screen and (min-width: 768px) and (max-width: 1570px) {
    .banner__title,
    .banner__list,
    .banner__sign {
        max-width: calc( 100% - 52rem );
        line-height: 1.35;
    }
    
    .banner__control {
        margin-top: 3rem;
    }
    
    .banner__list {
        grid-template-columns: 1fr 1fr;
    }

}