

/* Start:/local/templates/stroekos/css/style.min.css?1749453549288262*/
@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@keyframes a {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(359deg)
	}
}

@keyframes b {
	to {
		transform: rotate(1turn)
	}
}



html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
}

html,
body {
	display: grid;
	min-height: 100%;
	grid-template-columns: 100%;
	margin: 0;
}

body {
	grid-template-rows: auto 1fr auto;
	justify-items: content;
}


h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio],
legend {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

[hidden],
template {
	display: none
}

.fancybox-enabled body {
	overflow: visible;
	height: 100%
}

.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}

.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99993;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
	z-index: 99992
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
	opacity: .87;
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s, visibility 0s linear .25s;
	box-sizing: border-box
}

.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
	top: 0;
	left: 50%;
	margin-left: -79px
}

.fancybox-infobar__body {
	display: inline-block;
	width: 70px;
	line-height: 44px;
	font-size: 13px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #ddd;
	background-color: rgba(30, 30, 30, .7);
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
	top: 0;
	right: 0
}

.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}

.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: 0;
	white-space: normal;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transform-style: preserve-3d
}

.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
	display: block
}

.fancybox-slide--image {
	overflow: visible
}

.fancybox-slide--image:before {
	display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
	background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
	background: #e5e3df
}

.fancybox-slide--next {
	z-index: 99995
}

.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: 0 0;
	cursor: default;
	overflow: visible;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
	cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
	cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none
}

.fancybox-spaceball {
	z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}

.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}

.fancybox-error,
.fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}

.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}

.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font: 16px/20px Helvetica Neue, Helvetica, Arial, sans-serif
}

.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	outline: 0;
	background: 0 0;
	z-index: 10;
	cursor: pointer
}

.fancybox-close-small:after {
	content: "×";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background: #fff;
	transition: background .25s;
	box-sizing: border-box;
	z-index: 2
}

.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
	top: 0;
	right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
	background: 0 0;
	font-size: 35px;
	color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
	color: #fff
}

.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 30px 0;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
	pointer-events: none
}

.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0, 0%, 100%, .4);
	font-size: 14px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
	pointer-events: all
}

.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}

.fancybox-button {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	width: 44px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: 0 0;
	color: #ddd;
	border-radius: 0;
	cursor: pointer;
	vertical-align: top;
	outline: 0
}

.fancybox-button[disabled] {
	cursor: default;
	pointer-events: none
}

.fancybox-button,
.fancybox-infobar__body {
	background: rgba(30, 30, 30, .6)
}

.fancybox-button:hover:not([disabled]) {
	color: #fff;
	background: rgba(0, 0, 0, .8)
}

.fancybox-button:after,
.fancybox-button:before {
	content: "";
	pointer-events: none;
	position: absolute;
	background-color: currentColor;
	color: currentColor;
	opacity: .9;
	box-sizing: border-box;
	display: inline-block
}

.fancybox-button[disabled]:after,
.fancybox-button[disabled]:before,
.fancybox-show-nav .fancybox-arrow[disabled] {
	opacity: .3
}

.fancybox-button--left:after,
.fancybox-button--right:after {
	top: 18px;
	width: 6px;
	height: 6px;
	background: 0 0;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor
}

.fancybox-button--left:after {
	left: 20px;
	transform: rotate(-135deg)
}

.fancybox-button--right:after {
	right: 20px;
	transform: rotate(45deg)
}

.fancybox-button--left {
	border-bottom-left-radius: 5px
}

.fancybox-button--right {
	border-bottom-right-radius: 5px
}

.fancybox-button--close:after,
.fancybox-button--close:before {
	content: "";
	display: inline-block;
	position: absolute;
	height: 2px;
	width: 16px;
	top: calc(50% - 1px);
	left: calc(50% - 8px)
}

.fancybox-button--close:before {
	transform: rotate(45deg)
}

.fancybox-button--close:after {
	transform: rotate(-45deg)
}

.fancybox-arrow {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	height: 100px;
	width: 54px;
	padding: 0;
	border: 0;
	outline: 0;
	background: 0 0;
	cursor: pointer;
	z-index: 99995;
	opacity: 0;
	-webkit-user-select: none;
	user-select: none;
	transition: opacity .25s
}

.fancybox-arrow:after {
	content: "";
	position: absolute;
	top: 28px;
	width: 44px;
	height: 44px;
	background-color: rgba(30, 30, 30, .8);
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 24px 24px
}

.fancybox-arrow--right {
	right: 0
}

.fancybox-arrow--left {
	left: 0;
	transform: scaleX(-1)
}

.fancybox-arrow--left:after,
.fancybox-arrow--right:after {
	left: 0
}

.fancybox-show-nav .fancybox-arrow {
	opacity: .6
}

.fancybox-loading {
	border: 6px solid rgba(99, 99, 99, .4);
	border-top: 6px solid hsla(0, 0%, 100%, .6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	animation: a .8s infinite linear;
	background: 0 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	z-index: 99999
}

.fancybox-animated {
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
	transform: translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
	transform: translateZ(0);
	opacity: 1
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
	opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	transform: scale3d(1.5, 1.5, 1.5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
	transform: scale3d(.5, .5, .5);
	opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
	transform: scaleX(1);
	opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
	transform: rotate(-1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
	transform: rotate(1turn);
	opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
	transform: rotate(0deg);
	opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
	transform: scaleX(1) translateZ(0);
	opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
	transform: translateZ(0) scale(1)
}

.fancybox-button--fullscreen:before {
	width: 15px;
	height: 11px;
	left: calc(50% - 7px);
	top: calc(50% - 6px);
	border: 2px solid;
	background: 0 0
}

.fancybox-button--pause:before,
.fancybox-button--play:before {
	top: calc(50% - 6px);
	left: calc(50% - 4px);
	background: 0 0
}

.fancybox-button--play:before {
	width: 0;
	height: 0;
	border-top: 6px inset transparent;
	border-bottom: 6px inset transparent;
	border-left: 10px solid;
	border-radius: 1px
}

.fancybox-button--pause:before {
	width: 7px;
	height: 11px;
	border-style: solid;
	border-width: 0 2px
}

.fancybox-button--thumbs,
.fancybox-thumbs {
	display: none
}

@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper,
.swiper-wrapper {
	position: relative;
	z-index: 1
}

.swiper {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	list-style: none;
	padding: 0
}

.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
	transform: translateZ(0)
}

.swiper-pointer-events {
	touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
	height: auto
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
	content: "";
	flex-shrink: 0;
	order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
	height: 1px;
	width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
	width: 1px;
	height: var(--swiper-virtual-size)
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	width: calc(var(--swiper-navigation-size)/44*27);
	height: var(--swiper-navigation-size);
	margin-top: calc(0px - var(--swiper-navigation-size)/2);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none !important;
	letter-spacing: 0;
	font-variant: normal;
	line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
	left: 10px;
	right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
	content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
	right: 10px;
	left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
	content: "next"
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: opacity .3s;
	transform: translateZ(0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color, #000);
	opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
	border: 0;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet:only-child {
	display: none !important
}

.swiper-pagination-bullet-active {
	opacity: var(--swiper-pagination-bullet-opacity, 1);
	background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
	display: block
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	transform: translateY(-50%);
	width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, .25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, .1)
}

.swiper-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, .5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	animation: b 1s infinite linear;
	box-sizing: border-box;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius: 50%;
	border-top-color: transparent
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000
}

.swiper .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
	flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cards,
.swiper-cube,
.swiper-flip {
	overflow: visible
}

.swiper-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
	transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: .6;
	z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
	content: "";
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	filter: blur(50px)
}

.swiper-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-cards .swiper-slide,
.swiper-creative .swiper-slide {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}

.swiper-creative .swiper-slide {
	transition-property: transform, opacity, height
}

.swiper-cards .swiper-slide {
	transform-origin: center bottom
}

/*! jQuery UI - v1.13.2 - 2023-04-14
* http://jqueryui.com
* Includes: core.css, datepicker.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
	content: "";
	display: table;
	border-collapse: collapse
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"
}

.ui-front {
	z-index: 100
}

.ui-state-disabled {
	cursor: default !important;
	pointer-events: none
}

.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block
}

.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em;
	width: auto;
	overflow: visible
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group,
.ui-datepicker-rtl .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-widget,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5
}

.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333
}

.ui-widget-content a,
.ui-widget-header a {
	color: #333
}

.ui-widget-header {
	border: 1px solid #ddd;
	background: #e9e9e9;
	color: #333;
	font-weight: 700
}

.ui-button {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: 400;
	color: #454545
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
	color: #454545;
	text-decoration: none
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
	border: 1px solid #ccc;
	background: #ededed;
	font-weight: 400;
	color: #2b2b2b
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
	color: #2b2b2b;
	text-decoration: none
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: 400;
	color: #fff
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #fff
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #fff;
	text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f
}

.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)";
	background-image: none
}

.ui-state-disabled .ui-icon {
	-ms-filter: "alpha(opacity=35)"
}

.ui-icon {
	width: 16px;
	height: 16px
}

.ui-widget-header .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_444444_256x240.png)
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_555555_256x240.png)
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_ffffff_256x240.png)
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_777620_256x240.png)
}

.ui-state-error-text .ui-icon,
.ui-state-error .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_cc0000_256x240.png)
}

.ui-button .ui-icon {
	background-image: url(/local/templates/stroekos/css/images/ui-icons_777777_256x240.png)
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none
}

.ui-icon-caret-1-n {
	background-position: 0 0
}

.ui-icon-caret-1-ne {
	background-position: -16px 0
}

.ui-icon-caret-1-e {
	background-position: -32px 0
}

.ui-icon-caret-1-se {
	background-position: -48px 0
}

.ui-icon-caret-1-s {
	background-position: -65px 0
}

.ui-icon-caret-1-sw {
	background-position: -80px 0
}

.ui-icon-caret-1-w {
	background-position: -96px 0
}

.ui-icon-caret-1-nw {
	background-position: -112px 0
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-on {
	background-position: -96px -144px
}

.ui-icon-radio-off {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-first,
.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
	border-top-left-radius: 3px
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
	border-top-right-radius: 3px
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
	border-bottom-left-radius: 3px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
	border-bottom-right-radius: 3px
}

.ui-widget-overlay {
	background: #aaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	box-shadow: 0 0 5px #666
}

@font-face {
	font-family: RobotoRegular;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Regular.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Regular.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: RobotoLight;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Light.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Light.woff) format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: RobotoSemiBold;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff) format("woff");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: RobotoBold;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff) format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: RobotoExtraBold;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Bold.woff) format("woff");
	font-weight: 800;
	font-style: normal
}

@font-face {
	font-family: RobotoMedium;
	font-display: swap;
	src: url(/local/templates/stroekos/css/../fonts/Roboto-Medium.woff2) format("woff2"), url(/local/templates/stroekos/css/../fonts/Roboto-Medium.woff) format("woff");
	font-weight: 500;
	font-style: normal
}

.nativejs-select {
	width: max-content;
	margin: 0;
	position: relative;
	background: #fff;
	border-radius: 3px;
	cursor: pointer
}

.nativejs-select__option,
.nativejs-select__placeholder {
	cursor: pointer;
	border: 0;
	outline: 0;
	text-align: left
}

.nativejs-select__placeholder {
	width: 100%;
	padding: 7px 45px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-around;
	background: #f1fcff;
	border-radius: 5px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	color: #0042ad
}

.nativejs-select__placeholder:before {
	width: 12px;
	height: 14px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDUxMDIgMC43NzA3MjNWOS4zNDYwN0w3Ljg3MDI2IDcuODE5MjlDNy41NTk5NyA3LjUxOTYgNy4wNDMgNy41MTk2IDYuNzMyNzEgNy44MTkyOUM2LjQyMjQzIDguMTE4OTggNi40MjI0MyA4LjYxODMgNi43MzI3MSA4LjkxNzk5TDkuNjg3MzEgMTEuNzcxN0M5LjgzNTA4IDExLjkxNDQgMTAuMDQxOSAxMiAxMC4yNDg3IDEyQzEwLjQ1NTUgMTIgMTAuNjYyNCAxMS45MTQ0IDEwLjgxMDEgMTEuNzcxN0wxMy43NjQ3IDguOTE3OTlDMTMuOTI3MiA4Ljc2MTAzIDE0LjAwMTEgOC41NjEyOCAxNC4wMDExIDguMzc1NzZDMTQuMDAxMSA4LjE3NjAxIDEzLjkyNzIgNy45NzYyNSAxMy43NjQ3IDcuODMzNTRDMTMuNDU0NCA3LjUzMzg1IDEyLjkzNzQgNy41MzM4NSAxMi42MjcyIDcuODMzNTRMMTEuMDYxMiA5LjM0NjA3VjAuNzcwNzIzQzExLjA2MTIgMC4zNDI2NDQgMTAuNzA2NyAwLjAwMDI3ODQ3MyAxMC4yNjM2IDAuMDAwMjc4NDczQzkuODIwMzQgMC4wMDAxNzgzMzcgOS40NTEwMiAwLjM0MjU2OCA5LjQ1MTAyIDAuNzcwNjIyVjAuNzcwNzIzWiIgZmlsbD0iIzFBNjJENiIvPgo8cGF0aCBkPSJNNC41NDY0IDExLjIxNUw0LjU0NjQgMi42Mzk2OUw2LjEyNzE2IDQuMTY2MzZDNi40Mzc0NCA0LjQ2NjA1IDYuOTU0NDIgNC40NjYwNSA3LjI2NDcgNC4xNjYzNkM3LjQyNzIxIDQuMDA5NCA3LjUwMTEgMy44MDk2NSA3LjUwMTEgMy42MjQxNEM3LjUwMTEgMy40MjQzOCA3LjQyNzIxIDMuMjI0NjIgNy4yNjQ3IDMuMDgxOTFMNC4zMTAxMSAwLjIyODIxNkM0LjE2MjM0IDAuMDg1NDkxMiAzLjk1NTUzIC0wLjAwMDEwMTA4OSAzLjc0ODcxIC0wLjAwMDEwMTA4OUMzLjU0MTg5IC0wLjAwMDEwMTA4OSAzLjMzNTA3IDAuMDg1NDk0IDMuMTg3MzEgMC4yMjgyMTZMMC4yMzI3MTQgMy4wODE5MUMtMC4wNzc1NzEzIDMuMzgxNiAtMC4wNzc1NzEzIDMuODgwOTIgMC4yMzI3MTQgNC4xODA2MUMwLjU0Mjk5OSA0LjQ4MDMgMS4wNTk5NyA0LjQ4MDMgMS4zNzAyNiA0LjE4MDYxTDIuOTUxMDIgMi42NTM4M0wyLjk1MDkyIDExLjIxNDlDMi45NTA5MiAxMS42NDMgMy4zMDU1IDExLjk4NTQgMy43NDg2MSAxMS45ODU0QzQuMTc3MDcgMTEuOTg1NCA0LjU0NjQgMTEuNjQzIDQuNTQ2NCAxMS4yMTQ5TDQuNTQ2NCAxMS4yMTVaIiBmaWxsPSIjMUE2MkQ2Ii8+Cjwvc3ZnPgo=);
	left: 20px;
	top: 12px
}

.nativejs-select__placeholder:after,
.nativejs-select__placeholder:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute
}

.nativejs-select__placeholder:after {
	width: 10px;
	height: 10px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDVMNS4yMjgzNyAwLjc0MzEzNEw5LjQ1NjczIDUiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	right: 20px;
	top: 15px
}

.nativejs-select__placeholder img {
	margin-right: 5px
}

.nativejs-select__placeholder_fixed {
	padding-right: 5px;
	color: #7ca95c
}

.nativejs-select__dropdown {
	margin: 0;
	padding: 0;
	width: 100%;
	position: absolute;
	transform: translateY(100%);
	left: -1px;
	right: 0;
	bottom: -1px;
	z-index: 5;
	display: none;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06)
}

.nativejs-select__option,
body {
	font-family: RobotoRegular, Arial, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	color: #303030
}

.nativejs-select__option {
	width: 100%;
	padding: 10px 15px 10px 45px;
	line-height: 1.3;
	background: #fff;
	display: flex;
	align-items: center;
	border-radius: 3px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjYuNSIgc3Ryb2tlPSIjNzM3RDdGIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=)
}

.nativejs-select__option:hover,
.nativejs-select__option[data-selected=true] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjYuNSIgc3Ryb2tlPSIjMUE2MkQ2IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjciIGN5PSI3IiByPSIzLjUiIGZpbGw9IiMxQTYyRDYiLz4KPC9zdmc+Cg==)
}

.nativejs-select__option,
.nativejs-select__option:hover {
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-position: center left 20px
}

.nativejs-select_active {
	border-radius: 3px
}

.nativejs-select_active .nativejs-select__dropdown {
	display: block;
	border-radius: 3px
}

.nativejs-select__placeholder-value {
	display: flex;
	align-items: center
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	overflow-x: hidden
}

.fancybox-enabled {
	overflow: hidden
}

main {
	margin: 96px 0 0
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

.img,
.img-block {
	border-radius: 3px
}

.img {
	width: 100%;
	margin: 0 0 40px
}

img {
	max-width: 100%;
	height: auto
}

.img-block {
	float: left;
	margin: 20px 20px 20px 0
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	border: 0;
	padding: 0;
	white-space: nowrap;
	clip-path: inset(100%);
	clip: rect(0 0 0 0);
	overflow: hidden
}

.clearfix:after {
	content: "";
	display: block;
	clear: both
}

.btn-container {
	margin: 40px 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 20px
}

.btn {
	display: inline-block;
	padding: 13px 50px;
	/* padding-left: calc(30px + 20*(100vw - 320px)/1600);
	padding-right: calc(30px + 20*(100vw - 320px)/1600); */
	margin: 0;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.15;
	align-items: center;
	color: #fff;
	text-align: center;
	border: 3px solid #18d6b2;
	outline: 0;
	background: #18d6b2;
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s ease
}

.btn:hover {
	color: #18d6b2;
	background: #fff
}

.btn:disabled {
	opacity: .5;
	pointer-events: none
}

.btn--transparent,
.btn--white {
	border: 3px solid #1a62d6;
	color: #1a62d6
}

.btn--white {
	background: #fff
}

.btn--transparent:hover,
.btn--white:hover {
	background: #1a62d6;
	color: #fff
}

.btn--transparent {
	background: 0 0
}

.btn--blue,
.btn--rect {
	border: 3px solid #1a62d6;
	background: #1a62d6
}

.btn--blue:hover,
.btn--rect:hover {
	color: #1a62d6
}

.btn--rect {
	border: 2px solid #1a62d6;
	border-radius: 3px;
	padding: 6px 20px
}

.btn--message,
.btn--message:hover {
	background-repeat: no-repeat;
	background-position: left 10px center
}

.btn--message {
	position: relative;
	padding: 6px 30px 6px 40px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjk0MTUgMTAuMzYyM0wxMi44NzY2IDEwLjE2NDhDMTIuNzI0MyA5LjcxMDY2IDEyLjIyMjIgOS4yMzY3NSAxMS43NTk2IDkuMTA5NzhMMTAuMDUxNSA4LjY0MjkxQzkuNTg4OTEgOC41MTczOSA4LjkyODgyIDguNjg2NjUgOC41ODg5NSA5LjAyNjU2TDcuOTcxMTUgOS42NDQzNkM1LjcyNTcxIDkuMDM2NDQgMy45NjQwNiA3LjI3NDc5IDMuMzU3NTQgNS4wMjkzNUwzLjk3NTM0IDQuNDExNTVDNC4zMTM4NSA0LjA3MzA0IDQuNDgzMTEgMy40MTI5NCA0LjM1NzU5IDIuOTQ4OTJMMy44OTIwNyAxLjI0MDg0QzMuNzY2NTUgMC43NzgyMTQgMy4yODk3OSAwLjI3NjA5MiAyLjgzNTY1IDAuMTIzNzYzTDIuNjQwOTggMC4wNTg4NTg5QzIuMTg1NCAtMC4wOTM0NzAzIDEuNTM1MTkgMC4wNjAyNTgzIDEuMTk2NjggMC40MDAyMTJMMC4yNzE0MiAxLjMyNTQ3QzAuMTA2NDA4IDEuNDg5MDggMC4wMDA2MTI0MSAxLjk2MDIgMC4wMDA2MTI0MSAxLjk2MDJDLTAuMDMwNDQwMiA0Ljg5Njc5IDEuMTIwNTQgNy43MjQ3NCAzLjE5NjczIDkuODAyMzNDNS4yNjcyNyAxMS44NzI5IDguMDg1MzkgMTMuMDIyNSAxMS4wMTIgMTIuOTk3QzExLjAyNzYgMTIuOTk3IDExLjUxMTQgMTIuODk0IDExLjY3NjQgMTIuNzI5TDEyLjYwMTYgMTEuODAzN0MxMi45NDAxIDExLjQ2NjYgMTMuMDkyNCAxMC44MTY0IDEyLjk0MTUgMTAuMzYyM1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
	z-index: 10
}

.btn--message:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjk0MTUgMTAuMzYyM0wxMi44NzY2IDEwLjE2NDhDMTIuNzI0MyA5LjcxMDY2IDEyLjIyMjIgOS4yMzY3NSAxMS43NTk2IDkuMTA5NzhMMTAuMDUxNSA4LjY0MjkxQzkuNTg4OTEgOC41MTczOSA4LjkyODgyIDguNjg2NjUgOC41ODg5NSA5LjAyNjU2TDcuOTcxMTUgOS42NDQzNkM1LjcyNTcxIDkuMDM2NDQgMy45NjQwNiA3LjI3NDc5IDMuMzU3NTQgNS4wMjkzNUwzLjk3NTM0IDQuNDExNTVDNC4zMTM4NSA0LjA3MzA0IDQuNDgzMTEgMy40MTI5NCA0LjM1NzU5IDIuOTQ4OTJMMy44OTIwNyAxLjI0MDg0QzMuNzY2NTUgMC43NzgyMTQgMy4yODk3OSAwLjI3NjA5MiAyLjgzNTY1IDAuMTIzNzYzTDIuNjQwOTggMC4wNTg4NTg5QzIuMTg1NCAtMC4wOTM0NzAzIDEuNTM1MTkgMC4wNjAyNTgzIDEuMTk2NjggMC40MDAyMTJMMC4yNzE0MiAxLjMyNTQ3QzAuMTA2NDA4IDEuNDg5MDggMC4wMDA2MTI0MSAxLjk2MDIgMC4wMDA2MTI0MSAxLjk2MDJDLTAuMDMwNDQwMiA0Ljg5Njc5IDEuMTIwNTQgNy43MjQ3NCAzLjE5NjczIDkuODAyMzNDNS4yNjcyNyAxMS44NzI5IDguMDg1MzkgMTMuMDIyNSAxMS4wMTIgMTIuOTk3QzExLjAyNzYgMTIuOTk3IDExLjUxMTQgMTIuODk0IDExLjY3NjQgMTIuNzI5TDEyLjYwMTYgMTEuODAzN0MxMi45NDAxIDExLjQ2NjYgMTMuMDkyNCAxMC44MTY0IDEyLjk0MTUgMTAuMzYyM1oiIGZpbGw9IiMxOEQ2QjIiLz4KPC9zdmc+Cg==)
}

.btn--message:after {
	content: "";
	position: absolute;
	left: -4px;
	bottom: 2px;
	border: 5px solid transparent;
	border-bottom: 5px solid #18d6b2;
	z-index: 1
}

.btn--bottom {
	display: none
}

.btn-to-top {
	position: sticky;
	bottom: 30px;
	left: calc(100% - (100% - 1226px)/2);
	display: block;
	width: 36px;
	height: 36px;
	background: #0042ad;
	box-shadow: 0 0 8px hsla(0, 0%, 85%, .25);
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMTNMMTEuODk5NSAzLjEwMDUxTDIxLjc5OSAxMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIzIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: center 10px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 999;
	margin: -18px 0
}

.btn-black {
	background: #000;
	color: #fff;
	border-color: #000
}

.container {
	margin: 0 auto;
	max-width: 1226px;
	padding: 0 30px
}

.main-title,
.section-title,
h1,
h2 {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700
}

.main-title {
	font-size: 64px;
	line-height: 1;
	color: #fff;
	margin: 0 0 25px
}

.main-title,
time {
	font-style: normal
}

time {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: #737d7f;
	line-height: 1.2
}

.section-title,
h1,
h2 {
	font-size: 48px;
	margin: 0 0 30px
}

.section-title,
h2 {
	font-size: 32px;
	margin: 0 0 40px
}

.section-subtitle,
.section-title,
h1,
h2,
h3,
.home-h3-class {
	font-style: normal;
	line-height: 1.2;
	color: #0042ad
}

.section-subtitle,
.section-title,
h2,
h3,
.home-h3-class {
	padding: 0
}

.section-subtitle,
h3,
.home-h3-class {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 20px
}

.subtitle,
h4,
h5 {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	margin: 15px 0;
	font-style: normal;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	padding: 0
}

.subtitle,
h5 {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	margin: 10px 0
}

.subtitle {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 15px
}

.title__container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 0 40px
}

.title__container .section-title,
.title__container h2 {
	margin: 0
}

.title__flex {
	display: flex;
	flex-direction: column
}

.main-subtitle {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #0042ad;
	font-stretch: 100;
	margin: 0 0 10px
}

.section-text,
p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #303030;
	margin: 15px 0;
}

p:last-child {
	margin-bottom: 0;
}

.paginator__arrow:hover,
.section-text strong,
p strong {
	color: #0042ad
}

.section-text span,
.section-text strong,
p span,
p strong {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700
}

.breadcrumbs {
	list-style: none;
	margin: 0;
	padding: 40px 0 10px;
	display: flex;
	flex-wrap: wrap
}

.breadcrumbs__link {
	position: relative;
	padding-right: 25px;
	margin: 0;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: .01em;
	color: #737d7f
}

.breadcrumbs__link a {
	transition: all .2s ease
}

.breadcrumbs__link a:after {
	position: absolute;
	content: "/";
	width: 6px;
	height: 6px;
	top: 0;
	right: 9px
}

.breadcrumbs__link a:focus,
.breadcrumbs__link a:hover {
	opacity: .5
}

.breadcrumbs__link span {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: .01em;
	color: #737d7f;
	text-decoration: underline
}

.table__container {
	padding: 120px 0 0
}

.table__title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.15;
	color: #fff;
	background: #1a62d6;
	border-radius: 3px;
	margin: 0 0 -40px;
	padding: 10px 20px
}

table:not(.ui-datepicker-calendar) {
	display: block;
	overflow-x: auto;
	border-collapse: collapse;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 0 20px 20px;
	margin: 40px 0;
	table-layout: fixed;
	white-space: normal
}

table:not(.ui-datepicker-calendar) tr {
	border-top: 15px solid #fff
}

table:not(.ui-datepicker-calendar) tr:last-child td:first-child {
	border-bottom-left-radius: 15px
}

table:not(.ui-datepicker-calendar) tr:last-child td:last-child {
	border-bottom-right-radius: 15px
}

table:not(.ui-datepicker-calendar) td,
table:not(.ui-datepicker-calendar) th {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	color: #0042ad;
	margin: 0;
	padding: 5px 20px
}

table:not(.ui-datepicker-calendar) td {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #303030;
	padding: 7px 20px;
	background: rgba(110, 221, 255, .1);
	width: 100vw;
	min-width: 200px;
	max-width: 250px
}

table:not(.ui-datepicker-calendar) td:first-child {
	font-size: 18px;
	color: #0042ad;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px
}

table:not(.ui-datepicker-calendar) td:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px
}

.bx-core-window table {
	padding: 0;
}

.bx-core-window table tr {
	border-top: 0;
}

.bx-core-window table td {
	min-width: unset;
	max-width: unset;
	padding: 5px;
	text-align: justify;
	background: #fff;
}

.bx-core-window table td:first-child {
	font-size: 14px;
	color: #000;
}

.bx-core-adm-dialog .adm-detail-content-cell-r {
	padding: 0;
}

.bx-core-window table td:last-child {
	padding-left: 15px;
}

.bx-core-window table table td:last-child {
	padding-left: 0;
}



.video,
.video__container iframe {
	aspect-ratio: 16/9;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 3px;
	object-fit: cover
}

.video__container {
	position: relative;
	margin: 0;
	cursor: pointer
}

.video__container:hover .video__play-btn {
	transform: scale(1.3)
}

.video__container iframe {
	object-fit: contain
}

.video__play-btn {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEiIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCA1MSA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjUgMEMxOC43MzY5IDAgMTIuMjUxIDIuNjg2NTkgNy40Njg5IDcuNDY4OUMyLjY4NjU5IDEyLjI1MDggMCAxOC43MzcxIDAgMjUuNUMwIDMyLjI2MjkgMi42ODY1OSAzOC43NDkgNy40Njg5IDQzLjUzMTFDMTIuMjUwOCA0OC4zMTM0IDE4LjczNzEgNTEgMjUuNSA1MUMzMi4yNjI5IDUxIDM4Ljc0OSA0OC4zMTM0IDQzLjUzMTEgNDMuNTMxMUM0OC4zMTM0IDM4Ljc0OTIgNTEgMzIuMjYyOSA1MSAyNS41QzUxIDE4LjczNzEgNDguMzEzNCAxMi4yNTEgNDMuNTMxMSA3LjQ2ODlDMzguNzQ5MiAyLjY4NjU5IDMyLjI2MjkgMCAyNS41IDBaTTE5LjEyNSAzNi4xMjQxVjE0Ljg3NDZMMzguMjQ5OSAyNS44MDk1TDE5LjEyNSAzNi4xMjQxWiIgZmlsbD0iIzFBNjJENiIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all .2s ease
}

.checkbox {
	display: flex;
	align-items: center
}

.checkbox__label {
	font-family: RobotoLight, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 1.2;
	color: #303030;
	margin: 0
}

.checkbox__label a {
	text-decoration: underline;
	transition: all .2s ease
}

.checkbox__label a:hover {
	text-decoration-color: transparent
}

.checkbox__input {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 14px;
	height: 14px;
	flex-basis: 14px;
	flex-shrink: 0;
	margin-right: 9px;
	padding: 0;
	outline: 0;
	cursor: pointer;
	transition: all .3s ease
}

.checkbox__input:checked:before {
	border-color: #0042ad
}

.checkbox__input:checked:after {
	display: block
}

.checkbox__input:after,
.checkbox__input:before {
	position: absolute;
	content: "";
	width: 14px;
	border-radius: 2px
}

.checkbox__input:before {
	top: 0;
	left: 0;
	height: 14px;
	border: 2px solid #0042ad;
	transition: all .3s ease;
	background-color: transparent
}

.checkbox__input:after {
	bottom: 7px;
	left: 3px;
	display: none;
	margin: 0;
	height: 8px;
	border: 3px solid #0042ad;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg)
}

.checkbox-filter__input {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 20px;
	height: 20px;
	flex-basis: 20px;
	flex-shrink: 0;
	padding: 0;
	outline: 0;
	cursor: pointer;
	transition: all .3s ease
}

.checkbox-filter__input:checked:before {
	border-color: #1a62d6
}

.checkbox-filter__input:checked:after {
	display: block
}

.checkbox-filter__input:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #dfdfdf;
	transition: all .3s ease;
	background-color: transparent
}

.checkbox-filter__input:after {
	position: absolute;
	bottom: 8px;
	left: 5px;
	content: "";
	display: none;
	margin: 0;
	width: 10px;
	height: 6px;
	border: 3px solid #1a62d6;
	border-top: none;
	border-right: none;
	border-radius: 2px;
	transform: rotate(-45deg)
}

.checkbox-accent {
	display: flex;
	align-items: center;
	gap: 10px
}

.checkbox-accent__input {
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width: 20px;
	height: 20px;
	flex-basis: 20px;
	flex-shrink: 0;
	padding: 0;
	outline: 0;
	cursor: pointer;
	transition: all .3s ease
}

.checkbox-accent__input:checked:before {
	border-color: #18d6b2;
	background: #18d6b2
}

.checkbox-accent__input:checked:after {
	display: block
}

.checkbox-accent__input:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #18d6b2;
	transition: all .3s ease;
	background-color: transparent
}

.checkbox-accent__input:after {
	position: absolute;
	bottom: 8px;
	left: 5px;
	content: "";
	display: none;
	margin: 0;
	width: 10px;
	height: 6px;
	border: 3px solid #fff;
	border-top: none;
	border-right: none;
	border-radius: 2px;
	transform: rotate(-45deg)
}

.checkbox-accent__label,
.input {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad
}

.input {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	padding: 13px 12px;
	background: 0 0;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	margin: 0;
	min-width: 270px
}

.input--50 {
	width: 50%
}

.unordered-list {
	list-style: none;
	margin: 15px 0 30px;
	padding: 0
}

.unordered-list li,
.unordered-list li:before,
ol li,
ul li {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6
}

.unordered-list li {
	position: relative;
	color: #000;
	margin: 0 0 15px;
	padding: 0 0 0 20px
}

.unordered-list li:before {
	position: absolute;
	content: "—";
	font-family: RobotoExtraBold, Arial, sans-serif;
	font-weight: 900;
	font-size: 16px;
	text-transform: capitalize;
	color: #0042ad;
	top: -2px;
	left: 0
}

ol,
ul {
	padding-left: 20px;
	padding-top: 10px;
	list-style-type: disc
}

ol li,
ul li {
	color: #303030;
	margin-bottom: 10px
}

ol li::marker,
ul li::marker {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	color: #0042ad
}

.paginator__list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 33px;
	color: #303030
}

.nav li,
.paginator__item,
.paginator__list li {
	margin: 0
}

.paginator__arrow,
.paginator__item a {
	text-align: center;
	background: 0 0;
	cursor: pointer;
	transition: all .3s ease
}

.paginator__item a {
	display: block;
	height: 33px;
	width: 33px;
	border-radius: 50%;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 33px;
	color: #303030
}

.paginator__item a:hover {
	background: #e8e8e8
}

.paginator__item--active a {
	background: #0042ad;
	pointer-events: none;
	color: #fff
}

.paginator__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0
}

.paginator__arrow--prev {
	padding-right: 25px
}

.paginator__arrow--prev span {
	margin-left: 10px
}

.paginator__arrow--next {
	padding-left: 25px
}

.paginator__arrow--next span {
	margin-right: 10px
}

.paginator__arrow:hover svg path {
	stroke: #0042ad
}

.paginator__arrow--disabled {
	pointer-events: none;
	color: #6eddff
}

.paginator__arrow--disabled svg path {
	stroke: #6eddff
}

.rating {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px
}

.rating__star,
.rating__star--empty {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNDE2IDAuMDUzMTUwNUMxMS4xNjM1IDAuMTUwNTA0IDEwLjU1OTIgMS45ODE4MSA5LjUyODcyIDUuMjQzOTNDOS4yNjYzNyA2LjA3NDQ5IDkuMDQ1MzEgNi43NjA0IDkuMDM3NDggNi43NjgxOEM5LjAyNTM0IDYuNzgwMjIgMC4zMjUxNjggNy4xMjAxNiAwLjA3MzUyMzggNy4xMTg0MkMtMC4wMTQ3NDI5IDcuMTE3OCAtMC4wMTUyODI2IDcuMTE4MzEgMC4wMjg1NDcxIDcuMTU5NTRDMC4wNTI5NDcgNy4xODI0OSAwLjg4NzUzNCA3Ljc3Nzg3IDEuODgzMiA4LjQ4MjZDMi44Nzg4NyA5LjE4NzM0IDMuOTU2MTggOS45NTk3MyA0LjI3NzIgMTAuMTk5QzUuNzY2NTMgMTEuMzA5MiA2LjgwODA2IDEyLjE1NDQgNy4wMzc5MyAxMi40Mzk1QzcuMTIxNTIgMTIuNTQzMiA3LjEyNzEgMTIuNTU4NyA3LjExNTQzIDEyLjY1NTVDNy4wNzM2IDEzLjAwMTYgNi41ODkzNiAxNC42NDM3IDYuMDQzOTcgMTYuMjg4OEM1LjQ2MTA3IDE4LjA0NyA1LjAwOTA4IDE5LjU4NjcgNS4wMDkwOCAxOS44MTRDNS4wMDkwOCAxOS44NzQgNS4wMTY2NCAxOS44ODIyIDUuMDcyMTIgMTkuODgyMkM1LjIyMTczIDE5Ljg4MjIgNS43ODUxNSAxOS41NDg1IDYuMzg4NCAxOS4xMDI1QzYuNTQ3MTcgMTguOTg1MSA3LjA3MzQgMTguNTczNiA3LjU1NzggMTguMTg4MUM5LjEwMzUxIDE2Ljk1NzggOS44MTkgMTYuNDAxMyAxMC41NTI0IDE1Ljg1ODlDMTAuOTQ1OCAxNS41Njc5IDExLjI3MjMgMTUuMzMwOCAxMS4yNzc5IDE1LjMzMjFDMTEuMjg3MyAxNS4zMzQyIDEzLjE5MjUgMTYuNjgzMiAxNS4wOTUxIDE4LjAzNDhDMTYuNDk5OCAxOS4wMzI3IDE3LjczOTIgMTkuODgxNSAxNy45MzQyIDE5Ljk3OTFDMTcuOTc4OCAyMC4wMDE0IDE4LjAwNzMgMjAuMDA2MyAxOC4wMDczIDE5Ljk5MTdDMTguMDA3MyAxOS44NDY3IDE3LjUxNDggMTguMTgxMSAxNi44ODMxIDE2LjE4OTZDMTYuMTY2IDEzLjkyOSAxNS43ODc3IDEyLjcxMTEgMTUuNjc4MSAxMi4zMDk4TDE1LjYyNCAxMi4xMTE3TDE1Ljg0MyAxMS45MDA0QzE2LjMyNSAxMS40MzU3IDE3LjU0NzQgMTAuNDgwNiAyMC40MjQ4IDguMzIwM0MyMi4yMTUxIDYuOTc2MjMgMjEuOTk3NiA3LjE0MTgzIDIxLjk4NTkgNy4xMzE4N0MyMS45ODA3IDcuMTI3NDYgMjEuMTIxNCA3LjEwMjM3IDIwLjA3NjMgNy4wNzYwN0MxNS4wMjE2IDYuOTQ4OTEgMTMuOTUwNiA2LjkxODQyIDEzLjkzMzggNi45MDExNkMxMy45MjU5IDYuODkzIDEzLjYzMDIgNi4wMTgyOCAxMy4yNzY4IDQuOTU3MzNDMTIuMDc1OSAxLjM1MjUyIDExLjgwMzggMC42MDYzMTkgMTEuNTQ2MSAwLjIxMTM3MkMxMS40MDMxIC0wLjAwNzc4MzU5IDExLjMyMzYgLTAuMDQ5MDc1IDExLjI0MTYgMC4wNTMxNTA1WiIgZmlsbD0iI0Y4QTkzNyIvPgo8L3N2Zz4K);
	width: 22px;
	height: 20px;
	background-repeat: no-repeat;
	background-size: contain
}

.rating__star--empty {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4yNDE2IDAuMDUzMTUwNUMxMS4xNjM1IDAuMTUwNTA0IDEwLjU1OTIgMS45ODE4MSA5LjUyODcyIDUuMjQzOTNDOS4yNjYzNyA2LjA3NDQ5IDkuMDQ1MzEgNi43NjA0IDkuMDM3NDggNi43NjgxOEM5LjAyNTM0IDYuNzgwMjIgMC4zMjUxNjggNy4xMjAxNiAwLjA3MzUyMzggNy4xMTg0MkMtMC4wMTQ3NDI5IDcuMTE3OCAtMC4wMTUyODI2IDcuMTE4MzEgMC4wMjg1NDcxIDcuMTU5NTRDMC4wNTI5NDcgNy4xODI0OSAwLjg4NzUzNCA3Ljc3Nzg3IDEuODgzMiA4LjQ4MjZDMi44Nzg4NyA5LjE4NzM0IDMuOTU2MTggOS45NTk3MyA0LjI3NzIgMTAuMTk5QzUuNzY2NTMgMTEuMzA5MiA2LjgwODA2IDEyLjE1NDQgNy4wMzc5MyAxMi40Mzk1QzcuMTIxNTIgMTIuNTQzMiA3LjEyNzEgMTIuNTU4NyA3LjExNTQzIDEyLjY1NTVDNy4wNzM2IDEzLjAwMTYgNi41ODkzNiAxNC42NDM3IDYuMDQzOTcgMTYuMjg4OEM1LjQ2MTA3IDE4LjA0NyA1LjAwOTA4IDE5LjU4NjcgNS4wMDkwOCAxOS44MTRDNS4wMDkwOCAxOS44NzQgNS4wMTY2NCAxOS44ODIyIDUuMDcyMTIgMTkuODgyMkM1LjIyMTczIDE5Ljg4MjIgNS43ODUxNSAxOS41NDg1IDYuMzg4NCAxOS4xMDI1QzYuNTQ3MTcgMTguOTg1MSA3LjA3MzQgMTguNTczNiA3LjU1NzggMTguMTg4MUM5LjEwMzUxIDE2Ljk1NzggOS44MTkgMTYuNDAxMyAxMC41NTI0IDE1Ljg1ODlDMTAuOTQ1OCAxNS41Njc5IDExLjI3MjMgMTUuMzMwOCAxMS4yNzc5IDE1LjMzMjFDMTEuMjg3MyAxNS4zMzQyIDEzLjE5MjUgMTYuNjgzMiAxNS4wOTUxIDE4LjAzNDhDMTYuNDk5OCAxOS4wMzI3IDE3LjczOTIgMTkuODgxNSAxNy45MzQyIDE5Ljk3OTFDMTcuOTc4OCAyMC4wMDE0IDE4LjAwNzMgMjAuMDA2MyAxOC4wMDczIDE5Ljk5MTdDMTguMDA3MyAxOS44NDY3IDE3LjUxNDggMTguMTgxMSAxNi44ODMxIDE2LjE4OTZDMTYuMTY2IDEzLjkyOSAxNS43ODc3IDEyLjcxMTEgMTUuNjc4MSAxMi4zMDk4TDE1LjYyNCAxMi4xMTE3TDE1Ljg0MyAxMS45MDA0QzE2LjMyNSAxMS40MzU3IDE3LjU0NzQgMTAuNDgwNiAyMC40MjQ4IDguMzIwM0MyMi4yMTUxIDYuOTc2MjMgMjEuOTk3NiA3LjE0MTgzIDIxLjk4NTkgNy4xMzE4N0MyMS45ODA3IDcuMTI3NDYgMjEuMTIxNCA3LjEwMjM3IDIwLjA3NjMgNy4wNzYwN0MxNS4wMjE2IDYuOTQ4OTEgMTMuOTUwNiA2LjkxODQyIDEzLjkzMzggNi45MDExNkMxMy45MjU5IDYuODkzIDEzLjYzMDIgNi4wMTgyOCAxMy4yNzY4IDQuOTU3MzNDMTIuMDc1OSAxLjM1MjUyIDExLjgwMzggMC42MDYzMTkgMTEuNTQ2MSAwLjIxMTM3MkMxMS40MDMxIC0wLjAwNzc4MzU5IDExLjMyMzYgLTAuMDQ5MDc1IDExLjI0MTYgMC4wNTMxNTA1WiIgZmlsbD0iI0M2QzlDQSIvPgo8L3N2Zz4K)
}

.select,
select {
	font-style: normal;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNS4yMjgzNyA1LjI1Njg3TDkuNDU2NzMgMSIgc3Ryb2tlPSIjMDA0MkFEIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: 12px 8px;
	background-position: right 15px center
}

select {
	border: 0;
	outline: 0;
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.3;
	color: #0042ad;
	background: #f1fcff;
	border-radius: 5px;
	padding: 7px 35px 7px 24px;
	-webkit-appearance: none;
	appearance: none
}

.select {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	padding: 13px 12px;
	background: 0 0;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	margin: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none
}

input[type=number],
input[type=number]:focus,
input[type=number]:hover {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: textfield
}

.slider-range {
	background: #c5c5c5
}

.slider-range .ui-widget-header {
	background: #1a62d6
}

.slider-range .ui-button,
.slider-range .ui-state-default,
.slider-range .ui-widget-content .ui-state-default,
.slider-range .ui-widget-header .ui-state-default,
html .slider-range .ui-button.ui-state-disabled:active,
html .slider-range .ui-button.ui-state-disabled:hover {
	background: #1a62d6;
	border-radius: 50%
}

.slider-range .ui-button.ui-state-active:hover,
.slider-range .ui-button:active,
.slider-range .ui-state-active,
.slider-range .ui-widget-content .ui-state-active,
.slider-range .ui-widget-header .ui-state-active,
.slider-range a.ui-button:active {
	background: #1a62d6
}

.slider-range .ui-icon-background,
.slider-range .ui-state-active .ui-icon-background {
	border-color: #1a62d6;
	background-color: #1a62d6
}

.slider-range.ui-slider-horizontal {
	height: 4px
}

.slider-range .ui-state-default,
.slider-range .ui-widget-content .ui-state-default,
.slider-range.ui-widget.ui-widget-content {
	border: 0
}

.slider-range.ui-slider .ui-slider-handle {
	width: .9em;
	height: .9em;
	background-color: #6eddff;
	border: 3px solid #1a62d6
}

.rating-area__container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	padding: 5px 12px
}

.rating-area__container span {
	font-family: RobotoLight, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.15;
	color: #303030
}

.rating-area {
	overflow: hidden;
	width: 134px
}

.rating-area:not(:checked)>input {
	display: none
}

.rating-area:not(:checked)>label {
	float: right;
	width: 26px;
	padding: 0;
	cursor: pointer;
	font-size: 28px;
	line-height: 28px;
	color: #dfdfdf
}

.rating-area:not(:checked)>label:before {
	content: "★"
}

.rating-area:not(:checked)>label:hover,
.rating-area:not(:checked)>label:hover~label,
.rating-area>input:checked+label:hover,
.rating-area>input:checked+label:hover~label,
.rating-area>input:checked~label,
.rating-area>input:checked~label:hover,
.rating-area>input:checked~label:hover~label,
.rating-area>label:hover~input:checked~label {
	color: #f8a937
}

.rate-area>label:active {
	position: relative
}

.input-file,
.tab-content__item label {
	cursor: pointer
}

.input-file {
	display: block
}

.input-file-text {
	display: block;
	pointer-events: auto;
	font-family: RobotoLight, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	line-height: 1.15;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	margin: 0;
	transition: background-color .2s;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjkxMDggMTQuNjk5OUM3LjI2Mzc4IDE0LjEyNzQgNy44MzQxNCAxMy41NTcyIDguNDA2ODMgMTIuOTg0N0M5LjI5MjU0IDEyLjA5OTMgMTAuMTc4MiAxMS4yMTM5IDExLjA2MzkgMTAuMzI4NUMxMS4zMDc0IDEwLjA4NTEgMTEuNTQ2MiA5LjgxNjIxIDExLjgxNzQgOS42MDA2NUMxMS43NTQ4IDkuNjQ5MzMgMTEuNjkyMiA5LjY5OCAxMS42Mjk2IDkuNzQ2NjhDMTEuNzk0MiA5LjYyMTUxIDExLjk3MjggOS41MTQ4OSAxMi4xNjI5IDkuNDMzNzdDMTIuMDg4NyA5LjQ2MzkgMTIuMDE0NSA5LjQ5NjM1IDExLjk0MDMgOS41MjY0OEMxMi4xNDY3IDkuNDQwNzMgMTIuMzYyMyA5LjM4MDQ2IDEyLjU4NDkgOS4zNTAzM0MxMi41MDM3IDkuMzYxOTIgMTIuNDIwMyA5LjM3MzUxIDEyLjMzOTEgOS4zODI3OEMxMi41NTAxIDkuMzU3MjkgMTIuNzYxMSA5LjM1NzI5IDEyLjk3MjEgOS4zODI3OEMxMi44OTA5IDkuMzcxMTkgMTIuODA3NSA5LjM1OTYgMTIuNzI2MyA5LjM1MDMzQzEyLjk0ODkgOS4zODA0NiAxMy4xNjQ1IDkuNDM4NDEgMTMuMzcwOSA5LjUyNjQ4QzEzLjI5NjcgOS40OTYzNSAxMy4yMjI1IDkuNDYzOSAxMy4xNDgzIDkuNDMzNzdDMTMuMzM4NCA5LjUxNzIxIDEzLjUxNjkgOS42MjE1MSAxMy42ODE2IDkuNzQ2NjhDMTMuNjE4OSA5LjY5OCAxMy41NTY0IDkuNjQ5MzMgMTMuNDkzNyA5LjYwMDY1QzEzLjY1MzcgOS43MjU4MSAxMy43OTUyIDkuODY3MiAxMy45MjAzIDEwLjAyNzFDMTMuODcxNyA5Ljk2NDUzIDEzLjgyMyA5LjkwMTk1IDEzLjc3NDMgOS44MzkzN0MxMy44OTk1IDEwLjAwMzkgMTQuMDA2MSAxMC4xODI0IDE0LjA4NzMgMTAuMzcyNUMxNC4wNTcxIDEwLjI5ODMgMTQuMDI0NyAxMC4yMjQxIDEzLjk5NDUgMTAuMTQ5OUMxNC4wODAzIDEwLjM1NjIgMTQuMTQwNiAxMC41NzE4IDE0LjE3MDcgMTAuNzk0M0MxNC4xNTkyIDEwLjcxMzIgMTQuMTQ3NiAxMC42Mjk3IDE0LjEzODMgMTAuNTQ4NkMxNC4xNjM4IDEwLjc1OTUgMTQuMTYzOCAxMC45NzA0IDE0LjEzODMgMTEuMTgxNEMxNC4xNDk5IDExLjEwMDMgMTQuMTYxNSAxMS4wMTY4IDE0LjE3MDcgMTAuOTM1N0MxNC4xNDA2IDExLjE1ODIgMTQuMDgyNiAxMS4zNzM4IDEzLjk5NDUgMTEuNThDMTQuMDI0NyAxMS41MDU5IDE0LjA1NzEgMTEuNDMxNyAxNC4wODczIDExLjM1NzVDMTQuMDAzOCAxMS41NDc2IDEzLjg5OTUgMTEuNzI2MSAxMy43NzQzIDExLjg5MDZDMTMuODIzIDExLjgyOCAxMy44NzE3IDExLjc2NTUgMTMuOTIwMyAxMS43MDI5QzEzLjcyMzMgMTEuOTUzMiAxMy40Nzc1IDEyLjE3MTEgMTMuMjUyNiAxMi4zOTgyQzEyLjgyNiAxMi44MjQ3IDEyLjQwMTcgMTMuMjQ4OCAxMS45NzUxIDEzLjY3NTNDMTEuMDMzNyAxNC42MTY0IDEwLjA5NDcgMTUuNTU1MSA5LjE1MzM1IDE2LjQ5NjFDOC44NDAzNCAxNi44MDkgOC41MzQyNyAxNy4xMzM1IDguMTg0MiAxNy40MDdDOC4yNDY4IDE3LjM1ODQgOC4zMDk0IDE3LjMwOTcgOC4zNzIgMTcuMjYxQzguMDM4MTMgMTcuNTA5IDcuNjc4NzMgMTcuNzE3NiA3LjI5ODUyIDE3Ljg3OTlDNy4zNzI3MSAxNy44NDk3IDcuNDQ2OTEgMTcuODE3MyA3LjUyMTEgMTcuNzg3MkM3LjExNzY3IDE3Ljk1NjQgNi42OTMzOSAxOC4wNzIzIDYuMjU5OCAxOC4xMzI1QzYuMzQwOTUgMTguMTIwOSA2LjQyNDQyIDE4LjEwOTMgNi41MDU1NyAxOC4xMDAxQzYuMDYyNzQgMTguMTU4IDUuNjE1MjQgMTguMTU4IDUuMTc0NyAxOC4xMDAxQzUuMjU1ODUgMTguMTExNyA1LjMzOTMxIDE4LjEyMzIgNS40MjA0NyAxOC4xMzI1QzQuOTg2ODggMTguMDcyMyA0LjU2MjYxIDE3Ljk1NjQgNC4xNTkxNiAxNy43ODcyQzQuMjMzMzYgMTcuODE3MyA0LjMwNzU1IDE3Ljg0OTcgNC4zODE3NSAxNy44Nzk5QzMuOTk5MTkgMTcuNzE3NiAzLjY0MjE0IDE3LjUwOSAzLjMxMDU1IDE3LjI1NjRDMy4zNzMxNiAxNy4zMDUxIDMuNDM1NzUgMTcuMzUzNyAzLjQ5ODM2IDE3LjQwMjRDMy4xNTk4NSAxNy4xNDA1IDIuODU4NDIgMTYuODM5MiAyLjU5NjQ1IDE2LjUwMDhDMi42NDUxNCAxNi41NjM0IDIuNjkzODMgMTYuNjI2IDIuNzQyNTIgMTYuNjg4NUMyLjQ4NzQ4IDE2LjM1OTQgMi4yNzg3OSAxNi4wMDAyIDIuMTE2NDkgMTUuNjE3N0MyLjE0NjYzIDE1LjY5MTkgMi4xNzkxIDE1Ljc2NiAyLjIwOTI0IDE1Ljg0MDJDMi4wMzk5OCAxNS40MzY5IDEuOTI0MDUgMTUuMDEyOCAxLjg2Mzc3IDE0LjU3OTNDMS44NzUzNiAxNC42NjA0IDEuODg2OTYgMTQuNzQzOSAxLjg5NjIzIDE0LjgyNUMxLjgzODI3IDE0LjM4MjMgMS44MzgyNyAxMy45MzUgMS44OTYyMyAxMy40OTQ2QzEuODg0NjQgMTMuNTc1NyAxLjg3MzA0IDEzLjY1OTEgMS44NjM3NyAxMy43NDAyQzEuOTI0MDUgMTMuMzA2OCAyLjAzOTk4IDEyLjg4MjcgMi4yMDkyNCAxMi40Nzk0QzIuMTc5MDkgMTIuNTUzNSAyLjE0NjYzIDEyLjYyNzcgMi4xMTY0OSAxMi43MDE5QzIuMjc4NzkgMTIuMzE5NCAyLjQ4NzQ2IDExLjk2MjUgMi43NDAxOSAxMS42MzFDMi42OTE1IDExLjY5MzYgMi42NDI4MSAxMS43NTYyIDIuNTk0MTIgMTEuODE4OEMyLjkyOCAxMS4zODc2IDMuMzQwNjggMTEuMDEyMiAzLjcyNTYgMTAuNjI5N0M0LjQwNzI2IDkuOTQ4MjggNS4wODY2MiA5LjI2OTE0IDUuNzY4MjggOC41ODc3QzYuNjA3NiA3Ljc0ODY1IDcuNDQ2OTMgNi45MDk1OSA4LjI4NjI2IDYuMDcwNTRDOS4wMDI2OCA1LjM1NDM1IDkuNzE5MTQgNC42MzgxMyAxMC40MzMzIDMuOTI0MjNDMTAuNzM0NyAzLjYyMjkxIDExLjAzMzggMy4zMjE1OSAxMS4zMzc1IDMuMDIwMjlDMTEuNDg4MiAyLjg2OTYzIDExLjY0ODIgMi43MzA1NiAxMS44MTc0IDIuNTk4NDRDMTEuNzU0OCAyLjY0NzEyIDExLjY5MjIgMi42OTU3OSAxMS42Mjk2IDIuNzQ0NDdDMTEuOTU4OSAyLjQ5MTgzIDEyLjMxODIgMi4yODMyMSAxMi43MDA4IDIuMTIwOTdDMTIuNjI2NiAyLjE1MTEgMTIuNTUyNCAyLjE4MzU1IDEyLjQ3ODIgMi4yMTM2OEMxMi44ODE3IDIuMDQ0NDggMTMuMzA2IDEuOTI4NTkgMTMuNzM5NSAxLjg2ODMzQzEzLjY1ODQgMS44Nzk5MiAxMy41NzQ5IDEuODkxNTEgMTMuNDkzOCAxLjkwMDc4QzEzLjkzNjYgMS44NDI4MyAxNC4zODQxIDEuODQyODMgMTQuODI0NiAxLjkwMDc4QzE0Ljc0MzUgMS44ODkxOSAxNC42NiAxLjg3NzYgMTQuNTc4OSAxLjg2ODMzQzE1LjAxMjUgMS45Mjg2IDE1LjQzNjcgMi4wNDQ0OCAxNS44NDAyIDIuMjEzNjhDMTUuNzY2IDIuMTgzNTUgMTUuNjkxOCAyLjE1MTEgMTUuNjE3NiAyLjEyMDk3QzE2LjAwMDIgMi4yODMyMiAxNi4zNTcyIDIuNDkxODIgMTYuNjg4OCAyLjc0NDQ3QzE2LjYyNjIgMi42OTU3OSAxNi41NjM2IDIuNjQ3MTIgMTYuNTAxIDIuNTk4NDRDMTYuODM5NSAyLjg2MDM2IDE3LjE0MDkgMy4xNjE2NyAxNy40MDI5IDMuNTAwMDZDMTcuMzU0MiAzLjQzNzQ3IDE3LjMwNTUgMy4zNzQ5IDE3LjI1NjggMy4zMTIzMUMxNy41MDk1IDMuNjQxNDQgMTcuNzE4MiA0LjAwMDcgMTcuODgwNSA0LjM4MzE2QzE3Ljg1MDQgNC4zMDg5OSAxNy44MTc5IDQuMjM0ODIgMTcuNzg3OCA0LjE2MDY1QzE3Ljk1NyA0LjU2Mzk1IDE4LjA3MyA0Ljk4ODA5IDE4LjEzMzIgNS40MjE1NEMxOC4xMjE2IDUuMzQwNDEgMTguMTEwMSA1LjI1Njk4IDE4LjEwMDggNS4xNzU4NUMxOC4xNTg3IDUuNjE4NTQgMTguMTU4NyA2LjA2NTg5IDE4LjEwMDggNi41MDYyOUMxOC4xMTI0IDYuNDI1MTcgMTguMTI0IDYuMzQxNzMgMTguMTMzMiA2LjI2MDZDMTguMDczIDYuNjk0MDUgMTcuOTU3IDcuMTE4MTggMTcuNzg3OCA3LjUyMTQ5QzE3LjgxNzkgNy40NDczMiAxNy44NTA0IDcuMzczMTUgMTcuODgwNSA3LjI5ODk4QzE3LjcxODIgNy42ODE0MiAxNy41MDk1IDguMDM4MzUgMTcuMjU2OCA4LjM2OTgzQzE3LjMwNTUgOC4zMDcyNSAxNy4zNTQyIDguMjQ0NjcgMTcuNDAyOSA4LjE4MjA5QzE3LjI3MzEgOC4zNTEyOSAxNy4xMzE2IDguNTExMjEgMTYuOTgwOSA4LjY2MTg2QzE2LjYzNzggOS4wMDcyMSAxNi42MDk5IDkuNjMzMDIgMTYuOTgwOSA5Ljk3Mzc0QzE3LjM0OTYgMTAuMzEyMSAxNy45MjY5IDEwLjM0MjMgMTguMjkzMiA5Ljk3Mzc0QzE5LjUxOTggOC43MzgzNiAyMC4xNzgyIDYuOTQ0MzQgMTkuOTU4IDUuMjA2MDlDMTkuODQ0NCA0LjMxMTQzIDE5LjU3NTQgMy40NDY4NiAxOS4wNzkyIDIuNjg0M0MxOC41ODA3IDEuOTE3MDkgMTcuOTEwNyAxLjI2MzUgMTcuMTIgMC43OTk5MThDMTUuNjQwOCAtMC4wNjY5Mzk1IDEzLjc0MTggLTAuMjU0Njk2IDEyLjEzNSAwLjM2MTg0OEMxMS4zNDIxIDAuNjY1NDg0IDEwLjYyNzkgMS4xMDU4OCAxMC4wMjI4IDEuNzA4NDhDOS45NDE2NiAxLjc4OTYgOS44NjI4MyAxLjg2ODQxIDkuNzgxNjggMS45NDk1M0M5LjMwNjM3IDIuNDI0NjkgOC44MzMzOSAyLjg5NzUxIDguMzU4MDkgMy4zNzI2N0w2LjE5MDIyIDUuNTM5ODNDNS40Mzg5OSA2LjI5MDgxIDQuNjkwMDkgNy4wMzk0NiAzLjkzODg3IDcuNzkwNDVDMy4zNzA4NCA4LjM1ODI5IDIuODA1MSA4LjkyMzg1IDIuMjM3MDIgOS40OTE3NEMxLjgxNzM2IDkuOTExMjYgMS40MDY5OCAxMC4zMTY5IDEuMDU0NTQgMTAuODAzNkMwLjA0MzYzMDggMTIuMTk4OSAtMC4yNDg0ODIgMTQuMDg4IDAuMjEyODc4IDE1Ljc0MjlDMC40NTg2NDcgMTYuNjE5MSAwLjkxMDc2OSAxNy40MjEgMS41MTU5IDE4LjA5NTVDMi4xMjgwMiAxOC43NzkzIDIuOTA0NzMgMTkuMjcyOSAzLjc1MTAxIDE5LjYxMzdDNS4zNTMxNCAyMC4yNTM0IDcuMjQ5NzEgMjAuMDc5NSA4Ljc0MDY3IDE5LjIzMzVDOS40NTQ4IDE4LjgyNzkgMTAuMDEzNSAxOC4yNTA4IDEwLjU4NjIgMTcuNjc4M0MxMS4yODY1IDE2Ljk3ODMgMTEuOTg2NiAxNi4yNzg0IDEyLjY4NDUgMTUuNTgwN0MxMy4zMzYgMTQuOTI5NCAxMy45ODUzIDE0LjI4MDQgMTQuNjM2OCAxMy42MjkxQzE0Ljc2NDMgMTMuNTAxNiAxNC44OTE4IDEzLjM3NDEgMTUuMDE5MyAxMy4yNDY2QzE1LjY1IDEyLjYxMTYgMTYuMDE2MyAxMS43MzMxIDE2LjAwNDcgMTAuODM2MUMxNS45OTMxIDkuODc0MjQgMTUuNTU5NiA4Ljg5NjEyIDE0Ljc5OSA4LjI5MzQ4QzE0LjM5MzMgNy45NzM2MiAxMy45NDM1IDcuNzE4NjggMTMuNDMxMSA3LjYwNTFDMTIuOTA5NCA3LjQ4OTIxIDEyLjM4NzcgNy40ODkyMSAxMS44Njg0IDcuNjA1MUMxMS4yNDIzIDcuNzQ0MTYgMTAuNjc2NiA4LjA5MTgyIDEwLjIyNjggOC41NDM3OUMxMC4wNDgzIDguNzIyMjYgOS44Njc0NCA4LjkwMzA2IDkuNjg4ODkgOS4wODE1NUw1LjY4MjQgMTMuMDg2N0M1LjU4MDM5IDEzLjE4ODcgNS40NzgzNyAxMy4yOTA3IDUuMzc0MDQgMTMuMzk1QzUuMDMwODkgMTMuNzM4IDUuMDA1MzkgMTQuMzY4NSA1LjM3NDA0IDE0LjcwNjlDNS43NDk2NSAxNS4wMzgzIDYuMzIyMzIgMTUuMDY2MSA2LjY5MDk2IDE0LjY5OTlMNi42OTEwOCAxNC42OTk5WiIgZmlsbD0iIzFBNjJENiIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center right 12px
}

.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0
}

.stocks__list {
	list-style: none;
	margin: 30px 0 120px;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr .3fr 1fr;
	gap: 20px
}

.stocks__item {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	background: #1a62d6;
	border-radius: 3px;
	padding: 30px
}

.stocks__item:hover .stocks__item-img {
	transform: scale(1.1)
}

.stocks__item h2 {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	margin: 0 0 10px;
	padding: 0
}

.stocks__item .stocks__item-over,
.stocks__item a,
.stocks__item p,
.stocks__item span {
	line-height: 1.2;
	padding: 0;
	margin: 0 0 20px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #fff
}

.stocks__item a,
.stocks__item span {
	line-height: 1.1;
	margin: 0;
	padding: 0 26px 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMTQyMTNDMTYuNTQ4OCAzLjk0Njg3IDE2LjU0ODggMy42MzAyOCAxNi4zNTM2IDMuNDM1MDJMMTMuMTcxNiAwLjI1MzA0QzEyLjk3NjMgMC4wNTc3NzgxIDEyLjY1OTcgMC4wNTc3NzgxIDEyLjQ2NDUgMC4yNTMwNEMxMi4yNjkyIDAuNDQ4MzAzIDEyLjI2OTIgMC43NjQ4ODUgMTIuNDY0NSAwLjk2MDE0N0wxNS4yOTI5IDMuNzg4NTdMMTIuNDY0NSA2LjYxN0MxMi4yNjkyIDYuODEyMjYgMTIuMjY5MiA3LjEyODg1IDEyLjQ2NDUgNy4zMjQxMUMxMi42NTk3IDcuNTE5MzcgMTIuOTc2MyA3LjUxOTM3IDEzLjE3MTYgNy4zMjQxMUwxNi4zNTM2IDQuMTQyMTNaTTAgNC4yODg1N0gxNlYzLjI4ODU3SDBWNC4yODg1N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: top 6px right;
	transition: all .2s ease
}

.stocks__item a:hover {
	color: #6eddff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMTQyMTNDMTYuNTQ4OCAzLjk0Njg3IDE2LjU0ODggMy42MzAyOCAxNi4zNTM2IDMuNDM1MDJMMTMuMTcxNiAwLjI1MzA0QzEyLjk3NjMgMC4wNTc3NzgyIDEyLjY1OTcgMC4wNTc3NzgyIDEyLjQ2NDUgMC4yNTMwNEMxMi4yNjkyIDAuNDQ4MzAyIDEyLjI2OTIgMC43NjQ4ODUgMTIuNDY0NSAwLjk2MDE0N0wxNS4yOTI5IDMuNzg4NTdMMTIuNDY0NSA2LjYxN0MxMi4yNjkyIDYuODEyMjYgMTIuMjY5MiA3LjEyODg1IDEyLjQ2NDUgNy4zMjQxMUMxMi42NTk3IDcuNTE5MzcgMTIuOTc2MyA3LjUxOTM3IDEzLjE3MTYgNy4zMjQxMUwxNi4zNTM2IDQuMTQyMTNaTTAgNC4yODg1N0gxNlYzLjI4ODU3SDBWNC4yODg1N1oiIGZpbGw9IiM2RURERkYiLz4KPC9zdmc+Cg==)
}

.stocks__item .stocks__item-over {
	position: absolute;
	bottom: 30px;
	left: 0;
	padding: 12px 60px 12px 40px;
	margin: 0;
	background: linear-gradient(120deg, #d4f5ff, #d4f5ff 90%, transparent 90.1%, transparent);
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 32px;
	color: #0042ad
}

.stocks__item:nth-child(6n+1),
.stocks__item:nth-child(6n+5) {
	grid-row: span 2;
	grid-column: span 2;
	background: #d4f5ff;
	padding: 40px
}

.stocks__item:nth-child(6n+1) h2,
.stocks__item:nth-child(6n+5) h2 {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0 0 10px;
	padding: 0
}

.catalog__item:nth-child(2n):hover h3,
.services__item--service:hover:nth-child(6n+2) .services__item-title,
.services__item--service:hover:nth-child(6n+5) .services__item-title,
.services__item:nth-child(6n+2) .services__item-list a:hover,
.services__item:nth-child(6n+2) .services__list-title:hover,
.services__item:nth-child(6n+5) .services__item-list a:hover,
.services__item:nth-child(6n+5) .services__list-title:hover,
.stocks__item:nth-child(6n+1) p,
.stocks__item:nth-child(6n+5) p {
	color: #0042ad
}

.stocks__item:nth-child(6n+1) a,
.stocks__item:nth-child(6n+1) span,
.stocks__item:nth-child(6n+5) a,
.stocks__item:nth-child(6n+5) span {
	display: inline-block;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.15;
	color: #fff;
	background-image: none;
	padding: 13px 50px;
	background: #1a62d6;
	border: 2px solid #1a62d6;
	border-radius: 50px;
	margin: 10px 0 0;
	transition: all .2s ease
}

.stocks__item:nth-child(6n+1) a:hover,
.stocks__item:nth-child(6n+5) a:hover {
	color: #1a62d6;
	background-image: none;
	background: 0 0
}

.stocks__item:nth-child(1) img {
	position: absolute;
	right: 60px;
	width: auto;
	max-width: 82%;
	z-index: 0;
}

.stocks__item:nth-child(2) img {
	position: relative;
	right: -20px;
	bottom: -20px;
}

.stocks__item:nth-child(3) img {
	position: relative;
	right: -30px;
	bottom: -30px;
}

.stocks__item:nth-child(1) .stocks__item-content {
	position: relative;
	z-index: 1;
	width: 100%;
}

.stocks__item:nth-child(1) .stocks__item-content p {
	width: 49%;
}

.stocks__item:nth-child(6n+1) .stocks__item-img,
.stocks__item:nth-child(6n+5) .stocks__item-img {
	align-self: flex-end
}

.stocks__item:nth-child(6n+1) .stocks__item-over,
.stocks__item:nth-child(6n+5) .stocks__item-over {
	background: linear-gradient(120deg, #1a62d6, #1a62d6 90%, transparent 90.1%, transparent);
	color: #fff
}

.stocks__item-content,
.stocks__item-img {
	width: calc(50% - 5px)
}

.stocks__item-img {
	height: auto;
	object-fit: contain;
	transition: all .3s ease
}

.stocks__content {
	position: relative;
	margin: 40px 0 60px;
	padding: 150px 40px;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100%
}

.stocks__content h2,
.stocks__content p {
	font-size: 32px;
	margin: 0 0 20px;
	max-width: 340px;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.2;
	color: #fff
}

.stocks__content p {
	font-size: 18px;
	margin: 0;
	padding: 0;
	max-width: 260px
}

.stocks__feedback,
.stocks__products {
	margin: 120px 0
}

.stocks__products .favourites__list {
	margin: 40px 0 0
}

.search-form {
	width: 100%
}

.search-form__container {
	display: none;
	position: absolute;
	top: 110px;
	right: calc((100% - 1226px)/2 + 290px);
	background: #fff;
	border: 1px solid #18d6b2;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 5px;
	z-index: 20
}

.search-form>button,
.search-form input {
	background: 0 0
}

.search-form input {
	width: 100%;
	padding: 10px 40px 10px 10px;
	transition: all .6s ease-in-out;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #737d7f;
	border: 0;
	outline: 0
}

.search-form>button {
	position: absolute;
	border: 0;
	outline: 0;
	height: 20px;
	width: 20px;
	top: 10px;
	right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	cursor: pointer
}

.search-form input~button[type=submit] {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjY4MSA4LjgwOTc1TDExLjIwMjIgMTUuNjY0OEMxMC45OTkzIDE1Ljg3OTQgMTAuNzI0MiAxNiAxMC40MzczIDE2QzEwLjE1MDQgMTYgOS44NzUyOSAxNS44Nzk0IDkuNjcyNDMgMTUuNjY0OEM5LjQ2OTU4IDE1LjQ1MDIgOS4zNTU2MSAxNS4xNTkgOS4zNTU2MSAxNC44NTU1QzkuMzU1NjEgMTQuNTUyIDkuNDY5NTggMTQuMjYwOSA5LjY3MjQzIDE0LjA0NjJMMTQuMzA3NSA5LjE0MzkzSDEuMDc5ODFDMC43OTM0MjkgOS4xNDM5MyAwLjUxODc3NSA5LjAyMzU2IDAuMzE2MjcgOC44MDkzQzAuMTEzNzY2IDguNTk1MDQgMCA4LjMwNDQ0IDAgOC4wMDE0M0MwIDcuNjk4NDIgMC4xMTM3NjYgNy40MDc4MSAwLjMxNjI3IDcuMTkzNTVDMC41MTg3NzUgNi45NzkyOSAwLjc5MzQyOSA2Ljg1ODkyIDEuMDc5ODEgNi44NTg5MkgxNC4zMDc1TDkuNjc0MjMgMS45NTM3NkM5LjQ3MTM3IDEuNzM5MTMgOS4zNTc0MSAxLjQ0ODAyIDkuMzU3NDEgMS4xNDQ0OUM5LjM1NzQxIDAuODQwOTUxIDkuNDcxMzcgMC41NDk4NDYgOS42NzQyMyAwLjMzNTIxMkM5Ljg3NzA5IDAuMTIwNTc5IDEwLjE1MjIgNC41MjMwNWUtMDkgMTAuNDM5MSAwQzEwLjcyNiAtNC41MjMwNWUtMDkgMTEuMDAxMSAwLjEyMDU3OSAxMS4yMDQgMC4zMzUyMTJMMTcuNjgyOCA3LjE5MDI1QzE3Ljc4MzUgNy4yOTY1MyAxNy44NjM0IDcuNDIyODIgMTcuOTE3OCA3LjU2MTg1QzE3Ljk3MjIgNy43MDA4OCAxOC4wMDAyIDcuODQ5OTEgMTggOC4wMDAzOUMxNy45OTk4IDguMTUwODggMTcuOTcxNiA4LjI5OTg0IDE3LjkxNjggOC40Mzg3NEMxNy44NjIxIDguNTc3NjMgMTcuNzgyIDguNzAzNzIgMTcuNjgxIDguODA5NzVaIiBmaWxsPSIjREZERkRGIi8+Cjwvc3ZnPgo=)
}

.search-form input~button[type=reset] {
	display: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYzMzYgMC4zNjY4OUMxMy4xNDUgLTAuMTIxNzAxIDEyLjM1MzIgLTAuMTIxNzAxIDExLjg2NDYgMC4zNjY4OUw3IDUuMjMxMDJMMi4xMzU0MiAwLjM2NjQ0M0MxLjY0NjgzIC0wLjEyMjE0OCAwLjg1NTAzNCAtMC4xMjIxNDggMC4zNjY0NDMgMC4zNjY0NDNDLTAuMTIyMTQ4IDAuODU1MDM0IC0wLjEyMjE0OCAxLjY0NjgzIDAuMzY2NDQzIDIuMTM1NDJMNS4yMzEwMiA3TDAuMzY2NDQzIDExLjg2NDZDLTAuMTIyMTQ4IDEyLjM1MzIgLTAuMTIyMTQ4IDEzLjE0NSAwLjM2NjQ0MyAxMy42MzM2QzAuODU1MDM0IDE0LjEyMjEgMS42NDY4MyAxNC4xMjIxIDIuMTM1NDIgMTMuNjMzNkw3IDguNzY4OThMMTEuODY0NiAxMy42MzM2QzEyLjM1MzIgMTQuMTIyMSAxMy4xNDUgMTQuMTIyMSAxMy42MzM2IDEzLjYzMzZDMTQuMTIyMSAxMy4xNDUgMTQuMTIyMSAxMi4zNTMyIDEzLjYzMzYgMTEuODY0Nkw4Ljc2ODk4IDdMMTMuNjMzNiAyLjEzNTQyQzE0LjEyMjEgMS42NDY4MyAxNC4xMjIxIDAuODU1MDM0IDEzLjYzMzYgMC4zNjY0NDNWMC4zNjY4OVoiIGZpbGw9IiNERkRGREYiLz4KPC9zdmc+Cg==);
	background-size: 14px 14px
}

.search-form input::placeholder {
	color: #dfdfdf;
	transition: all .3s ease
}

.product__form-order input:focus::placeholder,
.promo-form input:focus::placeholder,
.search-form input:focus::placeholder {
	opacity: 0;
	transition: all .3s ease
}

.product__form-order input:focus {
	border: 1px solid #6eddff
}

.search-form ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0 9px 12px
}

.search-form ul li {
	margin-bottom: 8px
}

.search-form ul li:hover {
	background: #b1b1b1
}

.section-margin {
	margin: 120px 0
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 200
}

.header__main {
	background: #f1fcff;
	padding: 9px 0
}

.header__main .container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.header__left,
.header__right {
	column-gap: 35px;
	display: flex;
	align-items: center
}

.header__right {
	column-gap: 35px
}

.header__contact a,
.header__location-city {
	position: relative;
	margin: 0;
	padding: 0 0 0 16px;
	color: #303030
}

.header__location-city {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2
}

.header__location-city:before {
	position: absolute;
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDkgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4xMzkzMSAwLjAwODczOTdDMy4yMTAxOCAwLjEwNDIyIDIuMzkzNDcgMC40NjMwMjkgMS42Nzk2OCAxLjA4OTM3QzEuNDk2MjcgMS4yNTAzIDEuMTM5NTggMS42NDMxIDAuOTkzNDQgMS44NDUwOEMwLjEyMTgzNCAzLjA0OTY1IC0wLjE5NDIxOSA0LjU3NjU0IDAuMTE2ODI0IDYuMDgwMTJDMC4yMTE2NzkgNi41Mzg2NiAwLjM5OTI3MyA3LjA1NzA4IDAuNjE3Nzg0IDcuNDY0NTZDMC42NTIxNDEgNy41Mjg2MyAxLjU1OSA5LjAyNTMxIDIuNjMzMDEgMTAuNzkwNUw0LjU4NTc2IDE0TDQuNjEzNjkgMTMuOTU0NEM0LjY5MzY5IDEzLjgyMzggOC4zMTM3MiA3LjU5NzExIDguMzgzOCA3LjQ2OTU3QzguNjg1NjUgNi45MjAxNCA4Ljg5NjQxIDYuMjMxMDYgOC45NzYxNyA1LjUzMjhDOS4wMDQ2MSA1LjI4Mzg5IDkuMDA4NDUgNC42NjcyMSA4Ljk4MzA1IDQuNDMyMkM4Ljg1ODQ3IDMuMjgwMDUgOC40NDMxMSAyLjMwODM3IDcuNzI4MTcgMS40OTY2M0M3LjAwODM3IDAuNjc5Mzc1IDYuMDcxNTkgMC4xNjg2MTIgNS4wMzQ5MSAwLjAyODE2NDVDNC44NDMxNyAwLjAwMjE5MzI0IDQuMzE0NTkgLTAuMDA5MjcwMDkgNC4xMzkzMSAwLjAwODczOTdaTTQuOTE0NTIgMi44MjIyNUM1LjI0NDMxIDIuOTAzNCA1LjU0MzggMy4wNjkxNiA1LjgwMDkxIDMuMzEyODlDNi4xMTk2MSAzLjYxNDk5IDYuMzQ0MTggNC4wNDMgNi40Mzg3OSA0LjUyODdDNi40ODAyNiA0Ljc0MTU4IDYuNDggNS4xNTI5NCA2LjQzODI2IDUuMzY4NDJDNi4yODU3NSA2LjE1NTcyIDUuNzkxNzIgNi43Njc2NCA1LjExMjc4IDcuMDEwMjRDNC44ODczOSA3LjA5MDc3IDQuNzk1MzggNy4xMDUwOCA0LjUwMjc0IDcuMTA1MDhDNC4yNzE1OSA3LjEwNTA4IDQuMjE4OTcgNy4xMDA3MiA0LjEwMTkyIDcuMDcxODZDMy43MDQxMiA2Ljk3Mzc4IDMuMzc3ODIgNi43NzQ0NiAzLjA5OTYyIDYuNDU5NkMyLjgyNzU1IDYuMTUxNjUgMi42NTU0OSA1Ljc5NTI2IDIuNTcyODMgNS4zNjg0MkMyLjUzOTIgNS4xOTQ3MyAyLjUzOTIgNC42OTg4IDIuNTcyODMgNC41MjUxMUMyLjY1NTQ5IDQuMDk4MjggMi44Mjc1NSAzLjc0MTg4IDMuMDk5NjIgMy40MzM5M0MzLjQxMzE1IDMuMDc5MDkgMy43OTczOCAyLjg2NjQ1IDQuMjYyNjIgMi43OTAzNEM0LjI4NDA0IDIuNzg2ODIgNC40MTI1NCAyLjc4NTk1IDQuNTQ4MTcgMi43ODgzOEM0LjczODQ0IDIuNzkxNzggNC44MjIxMyAyLjc5OTUzIDQuOTE0NTIgMi44MjIyNVoiIGZpbGw9IiMxOEQ2QjIiLz4KPC9zdmc+Cg==);
	top: 0;
	left: 0
}

.header__contact,
.header__contact--bottom {
	display: flex;
	flex-direction: column;
	row-gap: 2px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.2;
	color: #737d7f;
	margin: 0;
	padding: 0
}

.header__contact a {
	transition: all .3s ease
}

.header__contact a:hover {
	color: #1a62d6
}

.header__contact--bottom a:before,
.header__contact a:before {
	position: absolute;
	content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjk1MDcgOC43Njc3MUwxMC44OTU4IDguNjAwNjJDMTAuNzY2OSA4LjIxNjM0IDEwLjM0MiA3LjgxNTMzIDkuOTUwNTQgNy43MDc5TDguNTA1MjcgNy4zMTI4NUM4LjExMzgxIDcuMjA2NjQgNy41NTUyNiA3LjM0OTg2IDcuMjY3NjggNy42Mzc0OEw2Ljc0NDkyIDguMTYwMjRDNC44NDQ5IDcuNjQ1ODQgMy4zNTQyNSA2LjE1NTE5IDIuODQxMDQgNC4yNTUxOEwzLjM2MzggMy43MzI0MUMzLjY1MDIzIDMuNDQ1OTggMy43OTM0NSAyLjg4NzQzIDMuNjg3MjQgMi40OTQ3OEwzLjI5MzM0IDEuMDQ5NDdDMy4xODcxMyAwLjY1ODAxIDIuNzgzNzEgMC4yMzMxMzEgMi4zOTk0MyAwLjEwNDIzNUwyLjIzNDcxIDAuMDQ5MzE2MUMxLjg0OTIxIC0wLjA3OTU3OTYgMS4yOTkwMiAwLjA1MDUwMDMgMS4wMTI1OSAwLjMzODE1N0wwLjIyOTY2NiAxLjEyMTA4QzAuMDkwMDM4NyAxLjI1OTUyIDAuMDAwNTE4MiAxLjY1ODE2IDAuMDAwNTE4MiAxLjY1ODE2Qy0wLjAyNTc1NzQgNC4xNDMwMSAwLjk0ODE2IDYuNTM1OTIgMi43MDQ5NiA4LjI5MzkxQzQuNDU2OTkgMTAuMDQ1OSA2Ljg0MTU4IDExLjAxODcgOS4zMTgwMiAxMC45OTcxQzkuMzMxMTYgMTAuOTk3MSA5Ljc0MDUzIDEwLjkxIDkuODgwMTYgMTAuNzcwM0wxMC42NjMxIDkuOTg3NDNDMTAuOTQ5NSA5LjcwMjE4IDExLjA3ODQgOS4xNTE5OSAxMC45NTA3IDguNzY3NzFaIiBmaWxsPSIjMDA0MkFEIi8+Cjwvc3ZnPgo=);
	top: 0;
	left: 0
}

.header__contact--bottom a,
.header__contact a,
.header__login a {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15
}

.header__contact--bottom a {
	position: relative;
	margin: 0;
	padding: 0 0 0 16px;
	color: #303030
}

.header__login {
	margin: 0 0 0 15px;
	padding: 0
}

.header__login a {
	color: #737d7f;
	transition: all .3s ease
}

.header__login a:hover {
	color: #0042ad;
	text-decoration: underline
}

.header__login a:first-child:hover {
	text-decoration: none
}

.header__bottom {
	background: #1a62d6;
	box-shadow: 0 0 4px hsla(0, 0%, 84%, .15)
}

.header__bottom .container {
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.header__bottom .dropdown-footer__btn {
	display: none;
	background: 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDVMNS4yNDI2NCAwLjc1NzM1OUw5LjQ4NTI4IDUiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 50%;
	outline: 0;
	border: 0;
	width: 10px;
	height: 10px;
	rotate: 180deg;
	margin-left: 5px;
	transition: all .4s ease
}

.header__bottom .dropdown-footer__btn.open {
	transform: rotate(-180deg)
}

.header__burger {
	display: none
}

.header__bottom .btn--message {
	background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjZmZmZmZmIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMDggMzA4IiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHJva2U9IiNmZmZmZmYiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8ZyBpZD0iWE1MSURfNDY4XyI+IDxwYXRoIGlkPSJYTUxJRF80NjlfIiBkPSJNMjI3LjkwNCwxNzYuOTgxYy0wLjYtMC4yODgtMjMuMDU0LTExLjM0NS0yNy4wNDQtMTIuNzgxYy0xLjYyOS0wLjU4NS0zLjM3NC0xLjE1Ni01LjIzLTEuMTU2IGMtMy4wMzIsMC01LjU3OSwxLjUxMS03LjU2Myw0LjQ3OWMtMi4yNDMsMy4zMzQtOS4wMzMsMTEuMjcxLTExLjEzMSwxMy42NDJjLTAuMjc0LDAuMzEzLTAuNjQ4LDAuNjg3LTAuODcyLDAuNjg3IGMtMC4yMDEsMC0zLjY3Ni0xLjQzMS00LjcyOC0xLjg4OGMtMjQuMDg3LTEwLjQ2My00Mi4zNy0zNS42MjQtNDQuODc3LTM5Ljg2N2MtMC4zNTgtMC42MS0wLjM3My0wLjg4Ny0wLjM3Ni0wLjg4NyBjMC4wODgtMC4zMjMsMC44OTgtMS4xMzUsMS4zMTYtMS41NTRjMS4yMjMtMS4yMSwyLjU0OC0yLjgwNSwzLjgzLTQuMzQ4YzAuNjA3LTAuNzMxLDEuMjE1LTEuNDYzLDEuODEyLTIuMTUzIGMxLjg2LTIuMTY0LDIuNjg4LTMuODQ0LDMuNjQ4LTUuNzlsMC41MDMtMS4wMTFjMi4zNDQtNC42NTcsMC4zNDItOC41ODctMC4zMDUtOS44NTZjLTAuNTMxLTEuMDYyLTEwLjAxMi0yMy45NDQtMTEuMDItMjYuMzQ4IGMtMi40MjQtNS44MDEtNS42MjctOC41MDItMTAuMDc4LTguNTAyYy0wLjQxMywwLDAsMC0xLjczMiwwLjA3M2MtMi4xMDksMC4wODktMTMuNTk0LDEuNjAxLTE4LjY3Miw0LjgwMiBjLTUuMzg1LDMuMzk1LTE0LjQ5NSwxNC4yMTctMTQuNDk1LDMzLjI0OWMwLDE3LjEyOSwxMC44NywzMy4zMDIsMTUuNTM3LDM5LjQ1M2MwLjExNiwwLjE1NSwwLjMyOSwwLjQ3LDAuNjM4LDAuOTIyIGMxNy44NzMsMjYuMTAyLDQwLjE1NCw0NS40NDYsNjIuNzQxLDU0LjQ2OWMyMS43NDUsOC42ODYsMzIuMDQyLDkuNjksMzcuODk2LDkuNjljMC4wMDEsMCwwLjAwMSwwLDAuMDAxLDAgYzIuNDYsMCw0LjQyOS0wLjE5Myw2LjE2Ni0wLjM2NGwxLjEwMi0wLjEwNWM3LjUxMi0wLjY2NiwyNC4wMi05LjIyLDI3Ljc3NS0xOS42NTVjMi45NTgtOC4yMTksMy43MzgtMTcuMTk5LDEuNzctMjAuNDU4IEMyMzMuMTY4LDE3OS41MDgsMjMwLjg0NSwxNzguMzkzLDIyNy45MDQsMTc2Ljk4MXoiLz4gPHBhdGggaWQ9IlhNTElEXzQ3MF8iIGQ9Ik0xNTYuNzM0LDBDNzMuMzE4LDAsNS40NTQsNjcuMzU0LDUuNDU0LDE1MC4xNDNjMCwyNi43NzcsNy4xNjYsNTIuOTg4LDIwLjc0MSw3NS45MjhMMC4yMTIsMzAyLjcxNiBjLTAuNDg0LDEuNDI5LTAuMTI0LDMuMDA5LDAuOTMzLDQuMDg1QzEuOTA4LDMwNy41OCwyLjk0MywzMDgsNCwzMDhjMC40MDUsMCwwLjgxMy0wLjA2MSwxLjIxMS0wLjE4OGw3OS45Mi0yNS4zOTYgYzIxLjg3LDExLjY4NSw0Ni41ODgsMTcuODUzLDcxLjYwNCwxNy44NTNDMjQwLjE0MywzMDAuMjcsMzA4LDIzMi45MjMsMzA4LDE1MC4xNDNDMzA4LDY3LjM1NCwyNDAuMTQzLDAsMTU2LjczNCwweiBNMTU2LjczNCwyNjguOTk0Yy0yMy41MzksMC00Ni4zMzgtNi43OTctNjUuOTM2LTE5LjY1N2MtMC42NTktMC40MzMtMS40MjQtMC42NTUtMi4xOTQtMC42NTVjLTAuNDA3LDAtMC44MTUsMC4wNjItMS4yMTIsMC4xODggbC00MC4wMzUsMTIuNzI2bDEyLjkyNC0zOC4xMjljMC40MTgtMS4yMzQsMC4yMDktMi41OTUtMC41NjEtMy42NDdjLTE0LjkyNC0yMC4zOTItMjIuODEzLTQ0LjQ4NS0yMi44MTMtNjkuNjc3IGMwLTY1LjU0Myw1My43NTQtMTE4Ljg2NywxMTkuODI2LTExOC44NjdjNjYuMDY0LDAsMTE5LjgxMiw1My4zMjQsMTE5LjgxMiwxMTguODY3IEMyNzYuNTQ2LDIxNS42NzgsMjIyLjc5OSwyNjguOTk0LDE1Ni43MzQsMjY4Ljk5NHoiLz4gPC9nPiA8L2c+Cg08L3N2Zz4=);
	background-position: left 10px center;
	background-size: 15px;
	background-repeat: no-repeat;
}

.header__bottom .btn--message:hover {
	background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMxOUQ2QjIiIGhlaWdodD0iODAwcHgiIHdpZHRoPSI4MDBweCIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMwOCAzMDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0cm9rZT0iIzE5RDZCMiI+Cgk8ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIgLz4KCTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgLz4KCTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4KCQk8ZyBpZD0iWE1MSURfNDY4XyI+CgkJCTxwYXRoIGlkPSJYTUxJRF80NjlfIiBkPSJNMjI3LjkwNCwxNzYuOTgxYy0wLjYtMC4yODgtMjMuMDU0LTExLjM0NS0yNy4wNDQtMTIuNzgxYy0xLjYyOS0wLjU4NS0zLjM3NC0xLjE1Ni01LjIzLTEuMTU2IGMtMy4wMzIsMC01LjU3OSwxLjUxMS03LjU2Myw0LjQ3OWMtMi4yNDMsMy4zMzQtOS4wMzMsMTEuMjcxLTExLjEzMSwxMy42NDJjLTAuMjc0LDAuMzEzLTAuNjQ4LDAuNjg3LTAuODcyLDAuNjg3IGMtMC4yMDEsMC0zLjY3Ni0xLjQzMS00LjcyOC0xLjg4OGMtMjQuMDg3LTEwLjQ2My00Mi4zNy0zNS42MjQtNDQuODc3LTM5Ljg2N2MtMC4zNTgtMC42MS0wLjM3My0wLjg4Ny0wLjM3Ni0wLjg4NyBjMC4wODgtMC4zMjMsMC44OTgtMS4xMzUsMS4zMTYtMS41NTRjMS4yMjMtMS4yMSwyLjU0OC0yLjgwNSwzLjgzLTQuMzQ4YzAuNjA3LTAuNzMxLDEuMjE1LTEuNDYzLDEuODEyLTIuMTUzIGMxLjg2LTIuMTY0LDIuNjg4LTMuODQ0LDMuNjQ4LTUuNzlsMC41MDMtMS4wMTFjMi4zNDQtNC42NTcsMC4zNDItOC41ODctMC4zMDUtOS44NTZjLTAuNTMxLTEuMDYyLTEwLjAxMi0yMy45NDQtMTEuMDItMjYuMzQ4IGMtMi40MjQtNS44MDEtNS42MjctOC41MDItMTAuMDc4LTguNTAyYy0wLjQxMywwLDAsMC0xLjczMiwwLjA3M2MtMi4xMDksMC4wODktMTMuNTk0LDEuNjAxLTE4LjY3Miw0LjgwMiBjLTUuMzg1LDMuMzk1LTE0LjQ5NSwxNC4yMTctMTQuNDk1LDMzLjI0OWMwLDE3LjEyOSwxMC44NywzMy4zMDIsMTUuNTM3LDM5LjQ1M2MwLjExNiwwLjE1NSwwLjMyOSwwLjQ3LDAuNjM4LDAuOTIyIGMxNy44NzMsMjYuMTAyLDQwLjE1NCw0NS40NDYsNjIuNzQxLDU0LjQ2OWMyMS43NDUsOC42ODYsMzIuMDQyLDkuNjksMzcuODk2LDkuNjljMC4wMDEsMCwwLjAwMSwwLDAuMDAxLDAgYzIuNDYsMCw0LjQyOS0wLjE5Myw2LjE2Ni0wLjM2NGwxLjEwMi0wLjEwNWM3LjUxMi0wLjY2NiwyNC4wMi05LjIyLDI3Ljc3NS0xOS42NTVjMi45NTgtOC4yMTksMy43MzgtMTcuMTk5LDEuNzctMjAuNDU4IEMyMzMuMTY4LDE3OS41MDgsMjMwLjg0NSwxNzguMzkzLDIyNy45MDQsMTc2Ljk4MXoiIC8+CgkJCTxwYXRoIGlkPSJYTUxJRF80NzBfIiBkPSJNMTU2LjczNCwwQzczLjMxOCwwLDUuNDU0LDY3LjM1NCw1LjQ1NCwxNTAuMTQzYzAsMjYuNzc3LDcuMTY2LDUyLjk4OCwyMC43NDEsNzUuOTI4TDAuMjEyLDMwMi43MTYgYy0wLjQ4NCwxLjQyOS0wLjEyNCwzLjAwOSwwLjkzMyw0LjA4NUMxLjkwOCwzMDcuNTgsMi45NDMsMzA4LDQsMzA4YzAuNDA1LDAsMC44MTMtMC4wNjEsMS4yMTEtMC4xODhsNzkuOTItMjUuMzk2IGMyMS44NywxMS42ODUsNDYuNTg4LDE3Ljg1Myw3MS42MDQsMTcuODUzQzI0MC4xNDMsMzAwLjI3LDMwOCwyMzIuOTIzLDMwOCwxNTAuMTQzQzMwOCw2Ny4zNTQsMjQwLjE0MywwLDE1Ni43MzQsMHogTTE1Ni43MzQsMjY4Ljk5NGMtMjMuNTM5LDAtNDYuMzM4LTYuNzk3LTY1LjkzNi0xOS42NTdjLTAuNjU5LTAuNDMzLTEuNDI0LTAuNjU1LTIuMTk0LTAuNjU1Yy0wLjQwNywwLTAuODE1LDAuMDYyLTEuMjEyLDAuMTg4IGwtNDAuMDM1LDEyLjcyNmwxMi45MjQtMzguMTI5YzAuNDE4LTEuMjM0LDAuMjA5LTIuNTk1LTAuNTYxLTMuNjQ3Yy0xNC45MjQtMjAuMzkyLTIyLjgxMy00NC40ODUtMjIuODEzLTY5LjY3NyBjMC02NS41NDMsNTMuNzU0LTExOC44NjcsMTE5LjgyNi0xMTguODY3YzY2LjA2NCwwLDExOS44MTIsNTMuMzI0LDExOS44MTIsMTE4Ljg2NyBDMjc2LjU0NiwyMTUuNjc4LDIyMi43OTksMjY4Ljk5NCwxNTYuNzM0LDI2OC45OTR6IiAvPgoJCTwvZz4KCTwvZz4KPC9zdmc+Cg==);
}

.nav {
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	display: flex;
	align-items: center;
	column-gap: 25px;
	row-gap: 0;
	flex-wrap: wrap
}

.nav>li a {
	display: block;
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	margin: 0;
	padding: 16px 0;
	cursor: pointer;
	transition: all .3s ease
}

.nav>li a:hover {
	color: #6eddff
}

.dropdown-menu a,
.nav>li>ul li a {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	color: #0042ad;
	padding: 0
}

.footer__menu ul ul ul,
.nav__mobile-item {
	display: none
}

.nav>li~ul {
	background: red
}

.nav>li ul {
	width: 210px;
	max-width: 210px;
	padding: 6px 0;
}

.nav>li ul li {
	padding: 12px 10px;
	list-style-type: none;
	position: relative
}

.nav>li ul li ul {
	display: none;
	position: absolute;
	top: 0;
	left: calc(100% - 2px);
	z-index: 1;
	background: #fff;
	border-left: 5px solid #0042ad;
	box-shadow: 0 0 8px hsla(0, 0%, 64%, .25);
	border-radius: 3px;
	padding: 0 15px;
	max-height: 80vh;
	overflow-y: auto;
}

.nav ul {
	scrollbar-color: #0042ad #ccc;
	scrollbar-width: thin
}

.nav ul::-webkit-scrollbar {
	background: #ccc;
	width: 3px;
}

.nav ul::-webkit-scrollbar-track {
	background: #ccc;
}

.nav ul::-webkit-scrollbar-thumb {
	background: #0042ad;
}

.submenu {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI0MjE5IDkuMjQyNjhMNS40ODQ4MyA1LjAwMDAzTDEuMjQyMTkgMC43NTczOTQiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-size: 10px 10px;
	background-position: 100%
}

.btn-search {
	background: 0 0;
	border: 0;
	outline: 0;
	margin: 0 35px 0 auto
}

.btn-cart:hover svg path,
.btn-compare:hover svg circle,
.btn-search:hover svg path,
.footer a:hover svg.social-svg path,
.footer a:hover svg circle {
	fill: #6eddff
}

.btn-cart {
	position: relative;
	margin: 0 10px 0 0
}

.btn-cart__count {
	position: absolute;
	background: #18d6b2;
	padding: 1px 4px;
	border-radius: 50px;
	top: -4px;
	right: -6px;
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2;
	color: #fff
}

.btn-compare.btn-compare-left {
	margin: 0 10px 0 35px
}

.btn-compare {
	position: relative;
	margin: 0 10px 0 0
}

.dropdown {
	position: relative;
	padding-right: 18px
}

.dropdown>a:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
	background-size: 10px 10px;
	top: 19px;
	right: 0;
	transition: all .3s ease
}

.dropdown:hover>a:after {
	transform: rotate(-180deg)
}

.dropdown-menu {
	display: none;
	position: absolute;
	top: 88%;
	left: 50%;
	max-width: 250px;
	width: max-content;
	list-style: none;
	font-size: 16px;
	transform: translateX(-50%);
	z-index: 2;
	color: #303030;
	background: #fff;
	border-left: 5px solid #0042ad;
	box-shadow: 0 0 8px hsla(0, 0%, 64%, .25);
	border-radius: 10px;
	padding: 0 15px
}

.dropdown-menu li {
	padding: 0;
	/* margin: 12px 0 */
}

.dropdown-menu a {
	display: inline-block;
	line-height: 16px;
	margin: 0;
	width: 100%;
	color: #303030;
	transition: all .3s ease-in-out
}

.dropdown-menu a:hover,
.link,
.products__swiper .swiper-button-next:hover:after,
.products__swiper .swiper-button-prev:hover:after {
	color: #0042ad
}


@media(max-width: 1151px) {
	.dropdown:hover>.dropdown-menu {
		display: block
	}
}

.link {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	text-transform: capitalize
}

.link--login {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMEM0LjAzNDAxIDAgMCA0LjA0MDAxIDAgOS4wMDM2NUMwIDEzLjk1OTkgNC4wMzQzMSAxOCA5IDE4QzEzLjk2NiAxOCAxOCAxMy45NiAxOCA5LjAwMzY1QzE4LjAwMDIgNC4wMzk2NyAxMy45NjYgMCA5LjAwMDQzIDBIOVpNOSAxNi40OTgxQzcuMTU5NDMgMTYuNDk4MSA1LjQ2OTEyIDE1LjgyOTggNC4xNjk2NiAxNC43MjU4QzQuODY4MjQgMTIuNjUzMiA2Ljc5OTA1IDExLjI2MzkgOSAxMS4yNjM5QzExLjIwMTEgMTEuMjYzOSAxMy4xMzE5IDEyLjY1MzIgMTMuODMwMyAxNC43MzM0QzEyLjUyMzIgMTUuODM3NCAxMC44MzI5IDE2LjQ5ODEgOSAxNi40OTgxWk02Ljk3OTE3IDcuMDIxMTVDNi45NzkxNyA1Ljg5NDcyIDcuODk1NzkgNC45Nzg0OCA5LjAyMjY3IDQuOTc4NDhDMTAuMTQ5NSA0Ljk3ODQ4IDExLjA2NjIgNS44OTQ3MiAxMS4wNjYyIDcuMDIxMTVDMTEuMDY2MiA4LjE0NzU3IDEwLjE0OTUgOS4wNjM4MSA5LjAyMjY3IDkuMDYzODFDNy44OTU2MiA5LjA2MzY0IDYuOTc5MTcgOC4xNDc1NyA2Ljk3OTE3IDcuMDIxMTVaTTE0Ljk2NDggMTMuNTQ2N0MxNC4xNjg0IDExLjgyNyAxMi42NzM0IDEwLjU1OCAxMC44NzggMTAuMDM5N0MxMS44OTIyIDkuNDE2NDUgMTIuNTY4MyA4LjI5NzM3IDEyLjU2ODMgNy4wMjA3NkMxMi41NjgzIDUuMDY4MyAxMC45NzU2IDMuNDc2MiA5LjAyMjMyIDMuNDc2MkM3LjA2MTUxIDMuNDc2MiA1LjQ3NjMzIDUuMDY4MyA1LjQ3NjMzIDcuMDIwNzZDNS40NzYzMyA4LjI4OTgyIDYuMTQ0OSA5LjQwODY5IDcuMTUxNTMgMTAuMDMyMUM1LjM0ODUzIDEwLjU0MjcgMy44NDYwMiAxMS44MTE5IDMuMDM0NzYgMTMuNTMxNkMyLjA3MzI0IDEyLjI3NzQgMS41MDIyNSAxMC43MDA0IDEuNTAyMjUgOS4wMDM1NkMxLjUwMjI1IDQuODY1OCA0Ljg2Nzc3IDEuNTAxMzggOC45OTk3NCAxLjUwMTM4QzEzLjEzOTIgMS41MDEzOCAxNi40OTcyIDQuODY1NTQgMTYuNDk3MiA5LjAwMzU2QzE2LjQ5NzQgMTAuNzA4MSAxNS45MjY0IDEyLjI4NTEgMTQuOTY0OSAxMy41NDdMMTQuOTY0OCAxMy41NDY3WiIgZmlsbD0iIzE4RDZCMiIvPgo8L3N2Zz4K)
}

.link--compare,
.link--login {
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0;
	background-size: contain
}

.link--compare {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2Ljg0NDMgMTIuNTQwN0gzLjk4MDk5TDYuMjcxMjEgMTAuNjQ0MUM2LjcyMDc1IDEwLjI3MTggNi43MjA3NSA5LjY1MTUgNi4yNzEyMSA5LjI3OTIyQzUuODIxNjYgOC45MDY5MyA1LjA3MjY3IDguOTA2OTMgNC42MjMxMiA5LjI3OTIyTDAuMzQyNDg1IDEyLjgyNDJDMC4xMjgzOTIgMTMuMDAxNSAwIDEzLjI0OTYgMCAxMy40OTc4QzAgMTMuNzQ1OSAwLjEyODM5NiAxMy45OTQxIDAuMzQyNDg1IDE0LjE3MTRMNC42MjMxMiAxNy43MTY0QzQuODU4NTcgMTcuOTExNCA1LjE1ODIgMTggNS40MzY0OCAxOEM1LjczNjEyIDE4IDYuMDM1NzcgMTcuOTExNCA2LjI0OTg0IDE3LjcxNjRDNi42OTkzOSAxNy4zNDQxIDYuNjk5MzkgMTYuNzIzOCA2LjI0OTg0IDE2LjM1MTVMMy45ODA5OSAxNC40NzI3SDE2Ljg0NDNDMTcuNDg2NCAxNC40NzI3IDE4IDE0LjA0NzMgMTggMTMuNTE1NkMxOC4wMDAxIDEyLjk4MzggMTcuNDg2NiAxMi41NDA3IDE2Ljg0NDUgMTIuNTQwN0gxNi44NDQzWiIgZmlsbD0iIzE4RDZCMiIvPgo8cGF0aCBkPSJNMS4xNTY4OCA1LjQ1NDg4SDE0LjAzNTVMMTEuNzQyNyA3LjM1MTUyQzExLjI5MjYgNy43MjM4IDExLjI5MjYgOC4zNDQwOCAxMS43NDI3IDguNzE2MzdDMTEuOTc4NCA4LjkxMTM1IDEyLjI3ODQgOSAxMi41NTcgOUMxMi44NTcgOSAxMy4xNTcgOC45MTEzNSAxMy4zNzE0IDguNzE2MzdMMTcuNjU3MSA1LjE3MTM3QzE3Ljg3MTUgNC45OTQwNyAxOCA0Ljc0NTk0IDE4IDQuNDk3NzlDMTggNC4yNDk2NSAxNy44NzE1IDQuMDAxNDkgMTcuNjU3MSAzLjgyNDIxTDEzLjM3MTQgMC4yNzkyMTZDMTIuOTIxMyAtMC4wOTMwNzIgMTIuMTcxNCAtMC4wOTMwNzIgMTEuNzIxMyAwLjI3OTIxNkMxMS4yNzEyIDAuNjUxNTA0IDExLjI3MTIgMS4yNzE3OCAxMS43MjEzIDEuNjQ0MDdMMTQuMDE0MyAzLjU0MDcxTDEuMTU3MDcgMy41NDA1OEMwLjUxNDE3MyAzLjU0MDU4IDAgMy45NjYwMiAwIDQuNDk3NjdDMCA1LjAxMTc2IDAuNTE0MjExIDUuNDU0ODggMS4xNTcwNyA1LjQ1NDg4TDEuMTU2ODggNS40NTQ4OFoiIGZpbGw9IiMxOEQ2QjIiLz4KPC9zdmc+Cg==)
}

.menu-wrapper {
	width: 30px;
	height: 25px;
	cursor: pointer
}

.hamburger-menu,
.hamburger-menu:after,
.hamburger-menu:before {
	width: 30px;
	height: 5px
}

.hamburger-menu {
	position: relative;
	transform: translateY(10px);
	background: #303030;
	transition: all 0ms .2s;
	border-radius: 0
}

.hamburger-menu.animate {
	background: 0 0
}

.hamburger-menu:before {
	bottom: 10px;
	transition: bottom .2s cubic-bezier(.23, 1, .32, 1) .2s, transform .2s cubic-bezier(.23, 1, .32, 1)
}

.hamburger-menu:after,
.hamburger-menu:before {
	content: "";
	position: absolute;
	right: 0;
	background: #303030;
	border-radius: 0
}

.hamburger-menu:after {
	top: 10px;
	transition: top .2s cubic-bezier(.23, 1, .32, 1) .2s, transform .2s cubic-bezier(.23, 1, .32, 1)
}

.hamburger-menu.animate:after {
	width: 30px;
	top: 0;
	transform: rotate(45deg);
	transition: top .2s cubic-bezier(.23, 1, .32, 1), transform .2s cubic-bezier(.23, 1, .32, 1) .2s
}

.hamburger-menu.animate:before {
	bottom: 0;
	transform: rotate(-45deg);
	transition: bottom .2s cubic-bezier(.23, 1, .32, 1), transform .2s cubic-bezier(.23, 1, .32, 1) .2s
}

.footer {
	background: #0042ad;
	background-image: url(/local/templates/stroekos/css/../img/bg-footer.svg);
	background-repeat: no-repeat;
	background-position: bottom 22px right;
	padding: 30px 0 40px
}

.footer .container {
	position: relative
}

.footer a {
	transition: all .3s ease
}

.footer a:hover {
	color: #6eddff
}

.footer__main {
	display: grid;
	grid-template-columns: 260px 1fr;
	column-gap: 60px
}

.footer__logo {
	display: inline-block;
	margin: 0 0 10px
}

.footer__logo img {
	width: calc(150px + 100 * ((100vw - 320px) / 1600))
}

.footer__text {
	padding: 0
}

.footer__link,
.footer__menu>ul>li a,
.footer__text {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	margin: 20px 0
}

.footer__link {
	display: block;
	background-repeat: no-repeat;
	background-position: 0;
	background-size: contain
}

.footer__link--phone {
	padding: 0 0 0 26px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjkyODMgMTIuNzU2MUwxNS44NDg0IDEyLjUxM0MxNS42NjA5IDExLjk1NCAxNS4wNDI5IDExLjM3MDYgMTQuNDczNSAxMS4yMTQzTDEyLjM3MTMgMTAuNjM5NUMxMS44MDE5IDEwLjQ4NSAxMC45ODk1IDEwLjY5MzQgMTAuNTcxMiAxMS4xMTE4TDkuODEwNzkgMTEuODcyM0M3LjA0NzEyIDExLjEyNCA0Ljg3ODkxIDguOTU1MzcgNC4xMzI0MiA2LjE5MTJMNC44OTI4IDUuNDMwNjhDNS4zMDk0MyA1LjAxMzk3IDUuNTE3NzUgNC4yMDEzOCA1LjM2MzI2IDMuNjMwMTZMNC43OTAzMSAxLjUyNzVDNC42MzU4MiAwLjk1Nzk5MiA0LjA0OTAzIDAuMzM5ODczIDMuNDkwMDggMC4xNTIzNTRMMy4yNTA0OSAwLjA3MjQ1NjFDMi42ODk3NiAtMC4xMTUwNjMgMS44ODk0OSAwLjA3NDE3ODkgMS40NzI4NiAwLjQ5MjY2N0wwLjMzNDA2IDEuNjMxNjdDMC4xMzA5NjUgMS44MzMwOCAwLjAwMDc1Mzc0NiAyLjQxMzAzIDAuMDAwNzUzNzQ2IDIuNDEzMDNDLTAuMDM3NDY1NCA2LjAyODAyIDEuMzc5MTQgOS41MDkyNiAzLjkzNDQ5IDEyLjA2NjhDNi40ODI4OSAxNC42MTU3IDkuOTUxMzkgMTYuMDMwOCAxMy41NTM1IDE1Ljk5OTVDMTMuNTcyNiAxNS45OTk1IDE0LjE2OCAxNS44NzI4IDE0LjM3MTEgMTUuNjY5NkwxNS41MDk5IDE0LjUzMDZDMTUuOTI2NiAxNC4xMTU2IDE2LjExNCAxMy4zMTUyIDE1LjkyODMgMTIuNzU2MVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=)
}

.footer__link--mail {
	padding: 0 0 0 30px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMjIyODM3IDEuMjIxNjhMNi40MDMzMiA3LjI4NTg2TDAuMjIyODM3IDEzLjM1QzAuMDgwMjIxNSAxMy4wNTkzIDAgMTIuNzMxOSAwIDEyLjM4NThWMi4xODU4OUMwIDEuODM5ODIgMC4wODAyMjE1IDEuNTEyNDQgMC4yMjI4MzcgMS4yMjE2OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjI2MTcyIDAuMjAyNDcxQzEuNTQwNDcgMC4wNzI1MzIyIDEuODUwOTggMCAyLjE3ODUyIDBIMTguMTUxNUMxOC40NzkgMCAxOC43ODk1IDAuMDcyNTMyMiAxOS4wNjgzIDAuMjAyNDcxTDEwLjc5MzkgOC4zMjEyMUMxMC40MzQyIDguNjc0MTEgOS44OTU4NiA4LjY3NDExIDkuNTM2MjggOC4zMjEyMUwxLjI2MTcyIDAuMjAyNDcxWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTIwLjEwNjMgMS4yMjE2OEwxMy45MjU4IDcuMjg1ODZMMjAuMTA2MyAxMy4zNUMyMC4yNDg5IDEzLjA1OTMgMjAuMzI5MSAxMi43MzE5IDIwLjMyOTEgMTIuMzg1OFYyLjE4NTg5QzIwLjMyOTEgMS44Mzk4MiAyMC4yNDg5IDEuNTEyNDQgMjAuMTA2MyAxLjIyMTY4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTE5LjA2OCAxNC4zNjg5TDEyLjg4NzUgOC4zMDQ2OUwxMS44MDkgOS4zNjI5QzEwLjg4NDkgMTAuMjY5NSA5LjQ0NDg0IDEwLjI2OTUgOC41MjA3MyA5LjM2MjlMNy40NDIyMSA4LjMwNDY5TDEuMjYxNzIgMTQuMzY4OUMxLjU0MDQ3IDE0LjQ5ODggMS44NTA5NyAxNC41NzEzIDIuMTc4NTIgMTQuNTcxM0gxOC4xNTE1QzE4LjQ3OSAxNC41NzEzIDE4Ljc4OTUgMTQuNDk4OCAxOS4wNjgzIDE0LjM2ODlIMTkuMDY4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
}

.footer__subtext {
	margin: 5px 0 0
}

.footer__sublink,
.footer__subtext {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	line-height: 1.4;
	color: #fff;
	padding: 0
}

.footer__sublink {
	display: block;
	text-decoration-line: underline;
	margin: 0 0 5px
}

.footer__socials {
	display: flex;
	gap: 15px;
	margin: 0 0 20px
}

.footer__menu {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px
}

.footer__menu>ul>li>ul,
.footer__menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.footer__menu ul li {
	color: #fff
}

.footer__menu>ul>li {
	margin: 0 0 20px;
	break-inside: avoid
}

.footer__menu>ul>li a {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 15px
}

.footer__menu>ul>li ul>li {
	margin: 10px 0 0
}

.footer-mobile__item a,
.footer__menu>ul>li ul>li a {
	font-family: RobotoLight, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.15;
	color: #fff
}

.footer__menu>ul>li ul>li ul {
	list-style: disc;
	padding: 0 0 0 15px;
	margin: 0;
	color: #fff
}

.footer-mobile {
	display: none;
	position: sticky;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0 2px;
	margin: 0;
	background: #1a62d6;
	box-shadow: 0 0 8px hsla(0, 0%, 69%, .5);
	z-index: 101
}

.footer-mobile__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around
}

.footer-mobile__item {
	margin: 0;
	padding: 0
}

.footer-mobile__item a {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.6
}

.footer-mobile__item-img {
	position: relative;
	height: 25px
}

.modal__form-wrapper {
	display: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	padding: 40px;
	max-width: 100%;
	min-width: 520px
}

.modal__form {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 0
}

.modal__label {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.15
}

.modal__input,
.modal__label {
	font-style: normal;
	font-size: 14px;
	color: #303030
}

.modal__input {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: .01em;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	padding: 11px
}

.modal__input::placeholder {
	color: #737d7f
}

.modal__form-text,
.modal__form-text a {
	font-style: normal;
	font-size: 14px;
	line-height: 1.15;
	color: #303030
}

.modal__form-text {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	padding: 0;
	margin: 0
}

.modal__form-text a {
	display: inline-block;
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	margin-left: 10px;
	transition: all .3s ease
}

.modal__form-text a:hover {
	color: #1a62d6
}

.modal__form-btn {
	align-self: flex-start;
	margin: 15px 0 25px
}

.modal__success {
	display: none;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	padding: 40px 0 20px;
	min-width: 520px;
	max-width: 100%;
	text-align: center
}

.modal__success svg {
	margin-bottom: 15px
}

.modal__flex {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.modal__link,
.password input {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 10px;
	line-height: 1.2;
	color: #0042ad
}

.modal__recovery {
	display: none;
	width: 100%;
	max-width: 520px
}

.modal__btn-recovery {
	margin: 30px 0 0
}

.password {
	display: flex;
	justify-content: space-between;
	width: 100%
}

.password input {
	flex-grow: 1;
	background-color: transparent;
	border: 0;
	padding-right: 4px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #737d7f
}

.password input:focus {
	outline: 0
}

.password button {
	position: relative;
	width: 20px;
	height: 20px;
	background-color: transparent;
	cursor: pointer;
	border: 0
}

.password button:hover svg path {
	transition: all .3s ease;
	fill: #1a62d6
}

.password button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%, -50%);
	transition: all .2s ease-in-out
}

.password button svg.active {
	opacity: 1
}

.fancybox-close-small {
	top: 30px;
	right: 40px;
	width: 25px;
	height: 25px
}

.fancybox-close-small:hover:after {
	background: 0 0
}

.fancybox-close-small:after {
	top: 0;
	right: 0;
	width: 25px;
	height: 25px;
	font: 40px/25px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #737d7f
}

/* .promo {
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
	background-position: center right 0, 50%
}

.promo h1 {
	max-width: 615px
}

.promo p {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.5;
	color: #edf1f2;
	padding: 0;
	margin: 15px 0;
	max-width: 475px
}

.promo .btn {
	margin: 40px 0 0
}

.promo .btn+.down {
	display: block;
	margin-top: 20px;

	width: 32px;
	height: 32px;
	background: url(/local/templates/stroekos/css/../img/arrow.svg) left / contain no-repeat;
} */

.advantages {
	padding: 50px 0;
	background-image: url(/local/templates/stroekos/css/../img/bg-advantages.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top 40px center
}

.advantages .section-title,
.advantages h2 {
	margin: 0 0 40px
}

.advantages__list,
.advantages__list-1 {
	grid-template-columns: repeat(3, 1fr);
	display: grid;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none
}

.advantages__list-1 {
	grid-template-columns: repeat(4, 1fr)
}

.advantages__item,
.advantages__item-1 {
	display: flex;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	margin: 0;
	transition: all .3s ease
}

.advantages__item {
	column-gap: 25px;
	align-items: flex-start;
	padding: 20px 25px
}

.blog__item:hover .blog__item-img img,
.work__item:hover .work__item-img img {
	transform: scale(1.1)
}

.advantages__item-1 {
	gap: 15px;
	align-items: center;
	padding: 15px
}

.advantages__item-img {
	max-width: 32px;
	height: auto;
	object-fit: contain;
	transition: all .3s ease
}

.advantages__item-img-1 {
	max-width: 48px;
	max-height: 48px;
	object-fit: contain;
	transition: all .3s ease
}

.advantages__item-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0 0 5px;
	padding: 0
}

.advantages__item-text-1 {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.15;
	color: #303030
}



.products {
	padding-block: 50px
}

.products .container {
	overflow: hidden;
}

.products__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 20px;
	row-gap: 30px;
	list-style: none;
	margin: 0;
	padding: 0
}

.products__swiper {
	display: none
}

.products__swiper .swiper-button-next,
.products__swiper .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.products__swiper .swiper-button-next:hover,
.products__swiper .swiper-button-prev:hover {
	background: #fff
}

.products__swiper .swiper-button-next {
	right: 0
}

.products__swiper .swiper-button-prev {
	left: 0
}

.products__swiper .swiper-button-next:after,
.products__swiper .swiper-button-prev:after {
	position: absolute;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.products__swiper .swiper-button-next:after {
	left: 15px
}

.products__swiper .swiper-button-prev:after {
	right: 15px
}

.products__item {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 20px 20px 40px;
	transition: all .2s ease
}

.products__item:hover {
	box-shadow: 0 20px 24px rgba(26, 98, 214, .08)
}

.products__item:hover .products__item-title {
	color: #1a62d6
}

.products__item-img {
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 277/197
}

.products__item-title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin: 20px 0 17px;
	padding: 0;
	transition: all .2s ease
}

.products__item-links {
	list-style: none;
	margin: 0;
	padding: 0
}

.products__item-links li {
	display: none;
	padding: 0;
	margin: 0
}

.products__item-links li:nth-child(2),
.products__item-links li:nth-child(3),
.products__item-links li:nth-child(4) {
	display: block
}

.products__item-btn,
.products__item-links a {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.15;
	padding: 0
}

.products__item-links a {
	display: block;
	color: #303030;
	margin: 10px 0;
	transition: all .3s ease
}

.products__item-links a:hover,
.reviews .swiper-button-next:hover:after,
.reviews .swiper-button-prev:hover:after,
.work__swiper .swiper-button-next:hover:after,
.work__swiper .swiper-button-prev:hover:after {
	color: #0042ad
}

.row+.feedback {
	margin-top: 30px;
}

.products__item-btn {
	text-decoration-line: underline;
	color: #1a62d6;
	background: 0 0;
	border: 0;
	outline: 0;
	cursor: pointer
}

.recommendations {
	padding: 40px 0 120px;
	background-image: url(/local/templates/stroekos/css/../img/bg-recommendations.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.recommendations__list {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	list-style: none;
	margin: 0;
	padding: 0
}

.recommendations__item {
	display: flex;
	column-gap: 20px;
	align-items: center;
	margin: 0;
	padding: 0
}

.recommendations__item:nth-child(2n) {
	flex-direction: row-reverse
}

.recommendations__item:nth-child(2n) .recommendations__item-content {
	padding-right: 40px
}

.recommendations__item:nth-child(odd) .recommendations__item-content {
	padding-left: 40px
}

.recommendations__item-content,
.recommendations__item-video {
	width: calc(50% - 10px)
}

.recommendations__item-content {
	margin: 0
}

.recommendations__item-content cite {
	display: block;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0;
	padding: 0
}

.recommendations__item-content time {
	font-size: 16px;
	line-height: 2;
	color: #737d7f;
	margin: 0;
	font-family: RobotoLight, Arial, sans-serif;
	font-style: normal;
	font-weight: 300;
	padding: 0
}

.recommendations__item-content p,
.work__item p {
	font-style: normal;
	font-size: 14px;
	color: #303030;
	padding: 0
}

.recommendations__item-content p {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.6;
	margin: 10px 0;
	text-align: justify
}

.work {
	margin: 60px 0 55px
}

.work__item {
	height: auto;
	background: #fff;
	box-shadow: 0 8px 6px 0 rgba(26, 98, 214, .06);
	padding: 0 0 15px
}

.work__item:hover .work__item-title {
	color: #1a62d6
}

.work__item p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.15;
	margin: 10px 20px
}

.work__item-img {
	max-height: 265px;
	border-radius: 3px 3px 0 0;
	overflow: hidden
}

.blog__item-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	transition: all .3s ease
}

.work__item-img img {
	height: 264px;
	object-fit: cover;
	transition: all .3s ease
}

.work__item-title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin: 20px 20px 10px;
	padding: 0;
	transition: all .3s ease
}

.work__swiper.swiper {
	padding-right: 20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-left: -20px
}

.work__swiper .swiper-wrapper {
	padding-bottom: 20px
}

.work__swiper .swiper-button-next,
.work__swiper .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.work__swiper .swiper-button-next:hover,
.work__swiper .swiper-button-prev:hover {
	background: #fff
}

.work__swiper .swiper-button-next {
	right: 0
}

.work__swiper .swiper-button-prev {
	left: 0
}

.work__swiper .swiper-button-next:after,
.work__swiper .swiper-button-prev:after {
	position: absolute;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.work__swiper .swiper-button-next:after {
	left: 15px
}

.work__swiper .swiper-button-prev:after {
	right: 15px
}

.reviews {
	padding-block: 45px
}

.reviews-wrapper {
	display: grid;
	grid-template-columns: 1.4fr 1fr;
	gap: calc(10px + 10*(100vw - 320px)/1600)
}

.reviews-wrapper>* {
	max-width: 100%;
	width: 100% !important;
}

.reviews__form .payment-form__box {
	margin-bottom: 10px
}

.reviews__form .input {
	height: 42px
}

.reviews__form .textarea {
	height: 106px
}

.input-file,
.reviews__form {
	position: relative;
	width: 100%
}

.reviews__form {
	padding: calc(15px + 25*(100vw - 320px)/1600);
	border-radius: 3px;
	background: #d4f5ff
}

.reviews__form h3 {
	margin-top: 0;
	font-size: 17px
}

.reviews__form .submit {
	margin-top: calc(20px + 20*(100vw - 320px)/1600)
}

.input-file {
	pointer-events: none;
	height: 42px
}

.input-file-text,
.input-file input {
	width: 100%;
	height: 100%;
	cursor: pointer
}

.input-file input {
	opacity: 0;
	pointer-events: auto
}

.input-file-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	padding: 13px 12px 13px 13px;
	background: url(/local/templates/stroekos/css/../img/file.svg) right 10px center/20px no-repeat;
	color: #959597;
	font-size: 14px
}

.reviews__subtitle {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	color: #0042ad;
	margin: 0 0 10px;
	font-style: normal;
	font-size: 16px;
	line-height: 1.2
}

.reviews__item-right time,
.reviews__item p,
.reviews__text {
	line-height: 1.2;
	color: #737d7f;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400
}

.reviews__text {
	font-size: 16px;
	margin: 0;
	padding: 0
}

.reviews .swiper-slide {
	background: #fff;
	box-shadow: 0 8px 6px 0 rgba(26, 98, 214, .06);
	padding: 20px;
	transition: all .3s ease
}

.reviews .swiper-slide:hover {
	transform: scale(1.03)
}

.reviews__item {
	margin: 0
}

.reviews__item--hidden {
	display: none;
	max-width: 500px;
	padding-top: 40px
}

.reviews__item--hidden .fancybox-close-small {
	top: 10px;
	right: 15px
}

.reviews__item p {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.4;
	color: #303030;
	margin: 12px 0 0;
	padding: 0
}

.reviews__item-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.reviews__item-left {
	display: flex;
	gap: 10px;
	align-items: center
}

.reviews__item-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end
}

.reviews__item-right time {
	font-size: 12px;
	margin: 8px 0 0
}

.blog__item-content time,
.blog__item p,
.reviews__item-user {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px
}

.reviews__item-user {
	display: block;
	line-height: 1.15;
	color: #303030;
	margin: 5px 0 0
}

.reviews__item-user-img {
	width: 45px;
	height: 45px;
	border-radius: 50%
}

.reviews .swiper {
	padding-right: 20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-left: -20px
}

.reviews .swiper-wrapper {
	padding-bottom: 20px
}

.reviews .swiper-button-next,
.reviews .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.reviews .swiper-button-next:hover,
.reviews .swiper-button-prev:hover {
	background: #fff
}

.reviews .swiper-button-next {
	right: 0
}

.reviews .swiper-button-prev {
	left: 0
}

.reviews .swiper-button-next:after,
.reviews .swiper-button-prev:after,
.swiper-button-next:after,
.swiper-button-prev:after {
	position: absolute;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.reviews .swiper-button-next:after,
.swiper-button-next:after {
	left: 15px
}

.reviews .swiper-button-prev:after,
.swiper-button-prev:after {
	right: 15px
}

.blog {
	padding-block: 50px
}

.blog .swiper-wrapper {
	display: grid;
	grid-auto-flow: column
}

.blog .blog__item-img {
	max-height: none
}

.blog .blog-page__item-img {
	height: auto;
	aspect-ratio: 335/197;
	width: 100%;
	max-width: 100%;
	max-height: none
}



.blog .swiper-slide,
.blog a {
	display: grid
}

.blog a {
	grid-template-rows: auto 1fr;
	height: 100%;
	align-content: start;
	align-items: start
}

.blog .blog__item-content {
	display: grid;
	grid-template-rows: auto 1fr auto auto;
	height: 100%;
	gap: 10px;
	padding-top: 15px
}

.blog .blog__item-content>* {
	margin: 0 !important
}

.blog .blog__item-link {
	margin-top: 5px !important
}

.blog__item {
	background: #fff;
	box-shadow: 0 8px 6px 0 rgba(26, 98, 214, .06)
}

.article__item:hover h4,
.blog__item:hover .blog__item-title {
	color: #1a62d6
}

.blog__item:hover .blog__item-link {
	color: #1a62d6;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMzUzNTVDMTYuNTQ4OCA0LjE1ODI5IDE2LjU0ODggMy44NDE3MSAxNi4zNTM2IDMuNjQ2NDVMMTMuMTcxNiAwLjQ2NDQ2NkMxMi45NzYzIDAuMjY5MjA0IDEyLjY1OTcgMC4yNjkyMDQgMTIuNDY0NSAwLjQ2NDQ2NkMxMi4yNjkyIDAuNjU5NzI4IDEyLjI2OTIgMC45NzYzMTEgMTIuNDY0NSAxLjE3MTU3TDE1LjI5MjkgNEwxMi40NjQ1IDYuODI4NDNDMTIuMjY5MiA3LjAyMzY5IDEyLjI2OTIgNy4zNDAyNyAxMi40NjQ1IDcuNTM1NTNDMTIuNjU5NyA3LjczMDggMTIuOTc2MyA3LjczMDggMTMuMTcxNiA3LjUzNTUzTDE2LjM1MzYgNC4zNTM1NVpNMCA0LjVIMTZWMy41SDBWNC41WiIgZmlsbD0iIzFBNjJENiIvPgo8L3N2Zz4K)
}

.blog__item-content time,
.blog__item p {
	line-height: 1.4;
	color: #737d7f;
	margin: 10px 0
}

.blog__item-content {
	padding: 15px 20px 20px
}

.blog__item-content time {
	display: block;
	font-size: 12px;
	line-height: 1.3;
	margin: 0 0 10px;
	padding: 0
}

.blog__item-img {
	max-height: 197px;
	border-radius: 3px 3px 0 0;
	overflow: hidden
}

.blog__item-title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.2;
	color: #0042ad;
	margin: 0 0 10px;
	padding: 0
}

.blog__item-link,
.blog__item-title {
	font-style: normal;
	font-size: 14px;
	transition: all .3s ease
}

.blog__item-link,
.blog__item-link-doc,
.text-block p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400
}

.text-block p:last-of-type {
	margin-bottom: 0;
}

.text-block br:last-child {
	display: none;
}

.blog__item-link {
	line-height: 1.1;
	color: #303030;
	margin: 15px 0 0;
	padding: 0 25px 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMzUzNTVDMTYuNTQ4OCA0LjE1ODI5IDE2LjU0ODggMy44NDE3MSAxNi4zNTM2IDMuNjQ2NDVMMTMuMTcxNiAwLjQ2NDQ2NkMxMi45NzYzIDAuMjY5MjA0IDEyLjY1OTcgMC4yNjkyMDQgMTIuNDY0NSAwLjQ2NDQ2NkMxMi4yNjkyIDAuNjU5NzI4IDEyLjI2OTIgMC45NzYzMTEgMTIuNDY0NSAxLjE3MTU3TDE1LjI5MjkgNEwxMi40NjQ1IDYuODI4NDNDMTIuMjY5MiA3LjAyMzY5IDEyLjI2OTIgNy4zNDAyNyAxMi40NjQ1IDcuNTM1NTNDMTIuNjU5NyA3LjczMDggMTIuOTc2MyA3LjczMDggMTMuMTcxNiA3LjUzNTUzTDE2LjM1MzYgNC4zNTM1NVpNMCA0LjVIMTZWMy41SDBWNC41WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: top 6px right
}

.blog__swiper.swiper {
	padding-right: 20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-left: -20px
}

.blog__swiper .swiper-wrapper {
	padding-bottom: 20px
}

.blog__item-link-doc,
.text-block p {
	font-style: normal;
	font-size: 14px
}

.blog__item-link-doc {
	display: flex;
	align-items: center;
	gap: 5px;
	line-height: 1.1;
	color: #1a62d6;
	transition: all .3s ease
}

.blog__item-link-doc:hover {
	text-decoration: underline
}

.text-block {
	padding-block: 60px;
	background-image: url(/local/templates/stroekos/css/../img/bg-text.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%
}

.text-block--reverse .container {
	flex-direction: row-reverse
}

.text-block--without-back {
	background: 0 0
}

.text-block--section {
	margin: 30px 0 60px;
	padding: 0
}

.text-block--60 {
	padding: 50px 0
}

.text-block .section-title,
.text-block h2 {
	margin: 0 0 20px
}

.text-block p {
	line-height: 1.6;
	color: #303030;
	margin: 20px 0;
	padding: 0
}

.text-block .container {
	display: flex;
	align-items: flex-start;
	gap: 20px
}

.text-block__img {
	border: 1px solid #737d7f;
	border-radius: 3px;
	width: calc(50% - 10px);
	height: auto;
	object-fit: cover
}

.text-block__img--without-border {
	border: 0;
	object-fit: contain
}

.text-block__content {
	width: calc(50% - 10px)
}

.text-block__content_full {
	width: 100%
}

.feedback {
	padding: 40px 0;
	background: #d4f5ff;
	background-image: url(/local/templates/stroekos/css/../img/bg-feedback.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center right -30px
}

.feedback--contacts .feedback__form--grid .checkbox {
	position: static;
	top: 0;
	left: 0;
	order: 1
}

.feedback--contacts .feedback__form--grid .btn {
	margin: 0
}

.feedback__flex {
	display: flex;
	gap: 20px;
	align-items: center;
	margin: 0 0 15px
}

.feedback__grid {
	max-width: 900px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
	row-gap: 10px;
	margin: 0 0 15px
}

.feedback__grid textarea {
	grid-column: 2/4;
	grid-row: 1/4
}

.feedback__title {
	margin: 0 0 15px
}

.feedback__subtitle {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: #303030;
	margin: 15px 0 20px;
	padding: 0
}

.subfeedback {
	padding: 40px 0 40px calc((100vw - 1126px)/2);
	margin: 40px 0 40px calc((100vw - 1126px)/-2);
	background: #d4f5ff;
	background-image: url(/local/templates/stroekos/css/../img/bg-subfeedback.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 100%
}

.services {
	margin-block: 50px;
}

.services--section {
	margin: 120px 0
}

.services .section-title,
.services h2 {
	margin: 0 0 40px
}

.services__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0
}

.services__item {
	position: relative;
	background: #1a62d6;
	width: 100%;
	border-radius: 3px;
	transition: all .3s ease;
	cursor: pointer;
	padding: 20px;
	overflow: hidden
}

.services__item:hover .services__item-content {
	opacity: 0
}

.services__item:hover .services__item-list {
	transform: translateY(0);
	opacity: 1
}

.services__item:nth-child(6n+3),
.services__item:nth-child(6n+4) {
	grid-column: span 2
}

.services__item:nth-child(6n+2),
.services__item:nth-child(6n+5) {
	background: #6eddff
}

.services__item:nth-child(6n+2) .services__item-list a,
.services__item:nth-child(6n+2) .services__item-title,
.services__item:nth-child(6n+5) .services__item-list a,
.services__item:nth-child(6n+5) .services__item-title {
	color: #1a62d6
}

.services__item:nth-child(6n+2) .services__item-link,
.services__item:nth-child(6n+5) .services__item-link {
	color: #1a62d6;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC4zNTM1NSA0LjM1MzU1QzguNTQ4ODIgNC4xNTgyOSA4LjU0ODgyIDMuODQxNzEgOC4zNTM1NSAzLjY0NjQ1TDUuMTcxNTcgMC40NjQ0NjZDNC45NzYzMSAwLjI2OTIwNCA0LjY1OTczIDAuMjY5MjA0IDQuNDY0NDcgMC40NjQ0NjZDNC4yNjkyIDAuNjU5NzI4IDQuMjY5MiAwLjk3NjMxMSA0LjQ2NDQ3IDEuMTcxNTdMNy4yOTI4OSA0TDQuNDY0NDcgNi44Mjg0M0M0LjI2OTIgNy4wMjM2OSA0LjI2OTIgNy4zNDAyNyA0LjQ2NDQ3IDcuNTM1NTNDNC42NTk3MyA3LjczMDggNC45NzYzMSA3LjczMDggNS4xNzE1NyA3LjUzNTUzTDguMzUzNTUgNC4zNTM1NVpNMCA0LjVIOFYzLjVIMFY0LjVaIiBmaWxsPSIjMUE2MkQ2Ii8+Cjwvc3ZnPgo=)
}

.services__item:nth-child(6n+2) .services__list-title,
.services__item:nth-child(6n+5) .services__list-title {
	color: #1a62d6
}

.services__item-content,
.services__item-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.services__item-content {
	transition: all .1s ease;
	height: 100%
}

.services__item-list {
	position: absolute;
	top: 20px;
	left: 20px;
	transform: translateY(-100%);
	opacity: 0;
	gap: 10px;
	margin: 0;
	padding: 0;
	transition: all .4s ease;
	z-index: 2
}

.services__item-list a {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: #fff;
	margin: 0;
	padding: 0;
	transition: all .2s ease
}

.catalog__item a:hover h3,
.services__item-list a:hover,
.services__list-title:hover {
	color: #6eddff
}

.services__item-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #fff;
	margin: 0 0 90px
}

.services__item-img {
	margin: auto 0 0
}

.services__item-link {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: #fff;
	margin: 10px 0 0;
	padding: 0 17px 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC4zNTM1NSA0LjM1MzU1QzguNTQ4ODIgNC4xNTgyOSA4LjU0ODgyIDMuODQxNzEgOC4zNTM1NSAzLjY0NjQ1TDUuMTcxNTcgMC40NjQ0NjZDNC45NzYzMSAwLjI2OTIwNCA0LjY1OTczIDAuMjY5MjA0IDQuNDY0NDcgMC40NjQ0NjZDNC4yNjkyIDAuNjU5NzI4IDQuMjY5MiAwLjk3NjMxMSA0LjQ2NDQ3IDEuMTcxNTdMNy4yOTI4OSA0TDQuNDY0NDcgNi44Mjg0M0M0LjI2OTIgNy4wMjM2OSA0LjI2OTIgNy4zNDAyNyA0LjQ2NDQ3IDcuNTM1NTNDNC42NTk3MyA3LjczMDggNC45NzYzMSA3LjczMDggNS4xNzE1NyA3LjUzNTUzTDguMzUzNTUgNC4zNTM1NVpNMCA0LjVIOFYzLjVIMFY0LjVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: top 7px right
}

.services__list-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 5px;
	padding: 0
}

.services__item--service:hover .services__item-content {
	opacity: 1
}

.services__item--service:hover .services__item-title {
	transition: all .1s ease;
	color: #6eddff
}

.services__item--service:hover svg path {
	transition: all .1s ease;
	fill: #6eddff
}

.services__item--service:hover .services__item-link {
	transition: all .1s ease;
	color: #6eddff;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC4zNTM1NSA0LjM1MzU1QzguNTQ4ODIgNC4xNTgyOSA4LjU0ODgyIDMuODQxNzEgOC4zNTM1NSAzLjY0NjQ1TDUuMTcxNTcgMC40NjQ0NjZDNC45NzYzMSAwLjI2OTIwNCA0LjY1OTczIDAuMjY5MjA0IDQuNDY0NDcgMC40NjQ0NjZDNC4yNjkyIDAuNjU5NzI4IDQuMjY5MiAwLjk3NjMxMSA0LjQ2NDQ3IDEuMTcxNTdMNy4yOTI4OSA0TDQuNDY0NDcgNi44Mjg0M0M0LjI2OTIgNy4wMjM2OSA0LjI2OTIgNy4zNDAyNyA0LjQ2NDQ3IDcuNTM1NTNDNC42NTk3MyA3LjczMDggNC45NzYzMSA3LjczMDggNS4xNzE1NyA3LjUzNTUzTDguMzUzNTUgNC4zNTM1NVpNMCA0LjVIOFYzLjVIMFY0LjVaIiBmaWxsPSIjNkVEREZGIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: top 7px right
}

.services__item--service:hover:nth-child(6n+2) svg path,
.services__item--service:hover:nth-child(6n+5) svg path {
	fill: #0042ad
}

.services__item--service:hover:nth-child(6n+2) .services__item-link,
.services__item--service:hover:nth-child(6n+5) .services__item-link {
	color: #0042ad;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOSA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNOC4zNTM1NSA0LjM1MzU1QzguNTQ4ODIgNC4xNTgyOSA4LjU0ODgyIDMuODQxNzEgOC4zNTM1NSAzLjY0NjQ1TDUuMTcxNTcgMC40NjQ0NjZDNC45NzYzMSAwLjI2OTIwNCA0LjY1OTczIDAuMjY5MjA0IDQuNDY0NDcgMC40NjQ0NjZDNC4yNjkyIDAuNjU5NzI4IDQuMjY5MiAwLjk3NjMxMSA0LjQ2NDQ3IDEuMTcxNTdMNy4yOTI4OSA0TDQuNDY0NDcgNi44Mjg0M0M0LjI2OTIgNy4wMjM2OSA0LjI2OTIgNy4zNDAyNyA0LjQ2NDQ3IDcuNTM1NTNDNC42NTk3MyA3LjczMDggNC45NzYzMSA3LjczMDggNS4xNzE1NyA3LjUzNTUzTDguMzUzNTUgNC4zNTM1NVpNMCA0LjVIOFYzLjVIMFY0LjVaIiBmaWxsPSIjMDA0MkFEIi8+Cjwvc3ZnPgo=)
}

.swiper-button-next,
.swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.swiper-button-next:hover,
.swiper-button-prev:hover,
.workers__list-container .swiper-button-next:hover,
.workers__list-container .swiper-button-prev:hover {
	background: #fff
}

.product-card__slider .swiper-button-next:hover:after,
.product-card__slider .swiper-button-prev:hover:after,
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after,
.workers__list-container .swiper-button-next:hover:after,
.workers__list-container .swiper-button-prev:hover:after {
	color: #0042ad
}

.swiper-button-next {
	right: 0
}

.swiper-button-prev {
	left: 0
}

.btn__center-container,
.btn__nav-container {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.btn__nav-container {
	margin: 40px 0;
	gap: 20px
}

.btn--left,
.btn--right {
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	transition: all .3s ease
}

.about-intro,
.btn--left,
.btn--right {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDJMMy42ODYyOSAxMy4zMTM3TDE1IDI0LjYyNzQiIHN0cm9rZT0iIzFBNjJENiIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: center left 7px;
	background-size: 28px 28px
}

.btn--left:hover,
.btn--right:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDJMMy42ODYyOSAxMy4zMTM3TDE1IDI0LjYyNzQiIHN0cm9rZT0iIzAwNDJBRCIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo=);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08)
}

.about-intro,
.btn--right {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMy4zMTM3IDEzLjMxMzdMMiAyNC42Mjc0IiBzdHJva2U9IiMxQTYyRDYiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4K);
	background-position: center right 7px
}

.btn--right:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAxNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxMy4zMTM3IDEzLjMxMzdMMiAyNC42Mjc0IiBzdHJva2U9IiMwMDQyQUQiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4K)
}

.about-intro {
	padding: 0 0 50px;
	background-image: url(/local/templates/stroekos/css/../img/bg-about.svg);
	background-size: 100%;
	background-position: bottom
}


.workers {
	padding-block: 50px
}

.workers__list-container.swiper {
	padding-right: 20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-left: -20px
}

.workers__list-container .swiper-wrapper {
	padding-bottom: 20px
}

.workers__list-container .swiper-button-next,
.workers__list-container .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.workers__list-container .swiper-button-next {
	right: 0
}

.workers__list-container .swiper-button-prev {
	left: 0
}

.workers__list-container .swiper-button-next:after,
.workers__list-container .swiper-button-prev:after {
	position: absolute;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.workers__list-container .swiper-button-next:after {
	left: 15px
}

.workers__list-container .swiper-button-prev:after {
	right: 15px
}

.workers-desktop__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px
}

.workers__list {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0
}

.workers__item {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 8px;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: all .3s ease
}

.workers__item:hover {
	transform: scale(1.05)
}

.workers__item-img {
	border-radius: 50%
}

.workers__item-title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
	color: #0042ad;
	margin: 15px 0 5px
}

.workers__item-post,
.workers__item-text {
	font-size: 12px;
	color: #303030;
	margin: 0 0 10px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3
}

.workers__item-text {
	font-size: 14px;
	text-align: center;
	color: #737d7f;
	margin: 0;
	padding: 0
}

.about-video {
	padding-block: 50px
}

.about-video__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}

.about-news {
	padding: 45px 0 0;
	margin: 0 0 120px;
	background-image: url(/local/templates/stroekos/css/../img/bg-recommendations.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top
}

.about-news--without-back {
	background-image: none;
	padding-block: 50px
}

.about-news__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 40px
}

.about-news__item {
	padding: 20px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 3fr;
	gap: 20px;
	margin: 0
}

.about-news__item-slider .swiper {
	padding-bottom: 20px
}

.about-news__item-slider img {
	width: 100%;
	object-fit: contain
}

.about-news .swiper-pagination-bullet {
	background: #6eddff;
	opacity: 1
}

.about-news .swiper-pagination-bullet:hover {
	background: #1a62d6
}

.about-news .swiper-pagination-bullet-active,
.about-news .swiper-pagination-bullet-active:hover {
	background: #0042ad
}

.about-news .swiper-horizontal>.swiper-pagination-bullets,
.about-news .swiper-pagination-bullets.swiper-pagination-horizontal,
.about-news .swiper-pagination-custom,
.about-news .swiper-pagination-fraction {
	bottom: 0
}

.about-news__item-content p,
.about-news__item-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #0042ad;
	margin: 0 0 10px;
	padding: 0
}

.about-news__item-content p {
	display: none;
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #303030;
	margin: 10px 0
}

.about-news__item-content p:first-of-type {
	display: block
}

.about-news__item-btn {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1;
	color: #0042ad;
	margin: 15px 0 0;
	padding: 0;
	cursor: pointer
}

.about-news__item-btn--open {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDggMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY0NjQ1IDEwLjM1MzZDMy44NDE3MSAxMC41NDg4IDQuMTU4MjkgMTAuNTQ4OCA0LjM1MzU1IDEwLjM1MzZMNy41MzU1MyA3LjE3MTU3QzcuNzMwOCA2Ljk3NjMxIDcuNzMwOCA2LjY1OTczIDcuNTM1NTMgNi40NjQ0N0M3LjM0MDI3IDYuMjY5MiA3LjAyMzY5IDYuMjY5MiA2LjgyODQzIDYuNDY0NDdMNCA5LjI5Mjg5TDEuMTcxNTcgNi40NjQ0N0MwLjk3NjMxMSA2LjI2OTIgMC42NTk3MjkgNi4yNjkyIDAuNDY0NDY3IDYuNDY0NDdDMC4yNjkyMDUgNi42NTk3MyAwLjI2OTIwNSA2Ljk3NjMxIDAuNDY0NDY3IDcuMTcxNTdMMy42NDY0NSAxMC4zNTM2Wk0zLjUgMi4xODU1N2UtMDhMMy41IDEwTDQuNSAxMEw0LjUgLTIuMTg1NTdlLTA4TDMuNSAyLjE4NTU3ZS0wOFoiIGZpbGw9IiMwMDQyQUQiLz4KPC9zdmc+Cg==)
}

.about-news__item-btn--close,
.about-news__item-btn--open {
	padding: 0 15px 0 0;
	background-repeat: no-repeat;
	background-position: 100%
}

.about-news__item-btn--close {
	display: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDggMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zLjY0NjQ1IDAuNjQ2NDQ3QzMuODQxNzEgMC40NTExODYgNC4xNTgyOSAwLjQ1MTE4NiA0LjM1MzU1IDAuNjQ2NDQ3TDcuNTM1NTMgMy44Mjg0M0M3LjczMDggNC4wMjM2OSA3LjczMDggNC4zNDAyNyA3LjUzNTUzIDQuNTM1NTNDNy4zNDAyNyA0LjczMDggNy4wMjM2OSA0LjczMDggNi44Mjg0MyA0LjUzNTUzTDQgMS43MDcxMUwxLjE3MTU3IDQuNTM1NTNDMC45NzYzMTEgNC43MzA4IDAuNjU5NzI5IDQuNzMwOCAwLjQ2NDQ2NyA0LjUzNTUzQzAuMjY5MjA1IDQuMzQwMjcgMC4yNjkyMDUgNC4wMjM2OSAwLjQ2NDQ2NyAzLjgyODQzTDMuNjQ2NDUgMC42NDY0NDdaTTMuNSAxMUwzLjUgMUw0LjUgMUw0LjUgMTFMMy41IDExWiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K)
}

.about-news__paginator {
	padding-top: 30px;
	margin: 0 -50vw;
	background: #fff
}

.sort-list {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin: 30px 0 40px
}

.sort-list__container {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.sort-list__container select {
	margin: 30px 0 40px
}

.sort-list__item,
.sort-list li {
	margin: 0
}

.sort-list__item a,
.work-dl dt,
.work-dl li a {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	color: #0042ad
}

.sort-list__item a,
.work-dl li a {
	display: block;
	font-size: 14px;
	line-height: 1.15;
	padding: 9px 20px;
	background: #f1fcff;
	border-radius: 5px;
	transition: all .3s ease
}

.works {
	padding: 0 0 120px
}

.work__pagination {
	position: static;
	transform: none;
	margin-top: -20px;
	margin-bottom: 20px;
}

.work-dl ul {
	gap: 20px;
}

.work-dl ul,
.work__list {
	list-style: none;
	padding: 0;

}

.work__list {
	margin: 40px 0;
}

.work__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px
}

.work__item--grid {
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06)
}

.work-page {
	padding: 0 0 120px
}

.work-dl,
.work-dl li {
	margin: 0
}

.work-dl dt {
	font-size: 16px;
	line-height: 1.2;
	margin: 0 0 10px
}

.work-dl .work-dl__period,
.work-dl dd {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px
}

.work-dl dd {
	line-height: 1.6;
	text-transform: capitalize;
	color: #303030;
	margin: 0 0 20px
}

.work-dl .work-dl__period {
	line-height: 1.2;
	color: #737d7f
}

.work-dl ul {
	margin: 10px 0 0;
	display: flex;
	flex-wrap: wrap;
	row-gap: 10px
}

.sort-list__item--active a,
.sort-list__item a:hover,
.work-dl li a:hover {
	background: #1a62d6;
	color: #fff
}

.product-card__slider-container {
	display: flex;
	gap: 30px;
	margin: 30px 0 40px
}

.product-card__slider {
	width: calc(60% - 15px)
}

.product-card__slider-content {
	width: calc(40% - 15px)
}

.product-card__slider {
	display: flex;
	flex-direction: column
}

.product-card__slider .swiper-button-next,
.product-card__slider .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	background: #fff;
	z-index: 10;
	transition: all .3s ease
}

.product-card__slider .swiper-button-next:hover,
.product-card__slider .swiper-button-prev:hover {
	background: #fff
}

.product-card__slider .swiper-button-next:after,
.product-card__slider .swiper-button-prev:after {
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.product-card__slider .swiper-slide-visible {
	opacity: 1
}

.product-slider-big {
	position: relative;
	border-radius: 3px;
	overflow: hidden
}

.product-slide-big img {
	height: calc(265px + 111 * ((100vw - 320px) / 1600)) !important;
	position: relative;
	width: 100%;
	object-fit: cover
}

.product-slider-small {
	position: relative;
	width: 100%;
	margin: 25px 0 5px;
	margin-top: calc(40px - 15 * ((100vw - 320px) / 1600));
	padding: 0 50px
}

.product-slider-small .swiper-wrapper {
	height: 79px
}

.product-slider-small .swiper-button-next {
	right: 2px
}

.product-slider-small .swiper-button-prev {
	left: 2px
}

.product-slide-small {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 79px;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	background: #fff;
	border: 1px solid #1a62d6;
	border-radius: 5px;
	padding: 7px
}

.product-slide-small.swiper-slide-active,
.product-slide-small.swiper-slide-next,
.product-slide-small.swiper-slide-next+.swiper-slide {
	opacity: 1
}

.product-card__slider--main .product-slide-small.swiper-slide-thumb-active,
.product-slide-small.swiper-slide-thumb-active {
	border: 2px solid #1a62d6
}

.product-slide-small img,
.reviews-video__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px
}

.product-card__slider .swiper-slide {
	width: 100%
}

.product-slider-big {
	margin: -20px
}

.product-card__slider--main .product-slide-big {
	padding: 20px;
	background: #fff
}

.product-card__slider--main .product-slide-big img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: contain;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06)
}

.product-slider-small {
	padding-bottom: 13px
}

.product-card__slider--main .product-slide-small {
	border-radius: 0;
	border: 1px solid #6eddff
}

.product-card__slider--main .product-slide-small img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 5px
}

.reviews-page {
	padding: 0 0 75px
}

.reviews-page .sort-list__container {
	margin-bottom: 30px
}

.reviews-page .sort-list {
	margin: 0
}

.reviews-video__list {
	list-style: none;
	padding: 0;
	/* margin: 0 0 40px; */
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px
}

.reviews-video__item {
	margin: 0;
	transition: all .3s ease
}

.reviews-thanks__item a:hover .reviews-thanks__item-img,
.reviews-video__item:hover {
	transform: scale(1.02)
}

.reviews-video__item img {
	height: auto;
	border-radius: 3px
}

.reviews-text__item-content h3,
.reviews-video__item-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #0042ad
}

.reviews-video__item-title {
	font-size: 14px;
	line-height: 1;
	margin: 20px 0;
	padding: 0
}

.reviews-text__list {
	list-style: none;
	padding: 0;
	margin: 0 0 40px;
	display: flex;
	flex-direction: column;
	gap: 40px
}

.reviews-text__item {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 20px;
	display: flex;
	align-items: flex-start;
	gap: 20px
}

.blog-page__item a:hover,
.reviews-text__item:hover {
	box-shadow: 0 20px 24px rgba(26, 98, 214, .08)
}

.reviews-text__item-img {
	max-width: 257px;
	width: calc(25% - 10px);
	height: auto;
	object-fit: contain;
	border-radius: 5px
}

.reviews-text__item-content {
	position: relative;
	width: calc(75% - 10px);
}

.reviews-text__item-text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6
}

.reviews-text__item-text-full {
	-webkit-line-clamp: 99
}

.reviews-text__item-content h3 {
	max-width: calc(100% - 130px);
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 10px
}

.reviews-text__item-content h4,
.reviews-text__item-content p {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: #0042ad;
	margin: 2px 0 10px
}

.reviews-text__item-content p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #303030;
	margin: 0 0 10px
}


.reviews-text__item-btn span:nth-child(2) {
	display: none;
}

.reviews-text__item-btn.active span:nth-child(1) {
	display: none;
}

.reviews-text__item-btn.active span:nth-child(2) {
	display: block;
}

.reviews-text__item-content-hide p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6
}

.reviews-text__item-full>p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 99
}

.reviews-text__top {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: flex-end;
	gap: 15px
}

.reviews-text__top time {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2;
	color: #737d7f
}

.reviews-text__item-content--hidden {
	display: none
}

.reviews-text__item-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	outline: 0;
	border: 0;
	background: 0 0;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1;
	color: #0042ad;
	margin: 7px 0 0;
	padding: 0 15px 0 0;
	cursor: pointer;
	max-width: max-content
}

.reviews-text__item-btn:after {
	content: '';

	width: 10px;
	height: 10px;

	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy42NDY0NSA4LjM1NDA0QzMuODQxNzEgOC41NDkzIDQuMTU4MjkgOC41NDkzIDQuMzUzNTUgOC4zNTQwNEw3LjUzNTUzIDUuMTcyMDZDNy43MzA4IDQuOTc2OCA3LjczMDggNC42NjAyMiA3LjUzNTUzIDQuNDY0OTVDNy4zNDAyNyA0LjI2OTY5IDcuMDIzNjkgNC4yNjk2OSA2LjgyODQzIDQuNDY0OTVMNCA3LjI5MzM4TDEuMTcxNTcgNC40NjQ5NUMwLjk3NjMxMSA0LjI2OTY5IDAuNjU5NzI4IDQuMjY5NjkgMC40NjQ0NjYgNC40NjQ5NUMwLjI2OTIwNCA0LjY2MDIyIDAuMjY5MjA0IDQuOTc2OCAwLjQ2NDQ2NiA1LjE3MjA2TDMuNjQ2NDUgOC4zNTQwNFpNMy41IDAuMDAwNDg4MjgxTDMuNSA4LjAwMDQ5SDQuNUw0LjUgMC4wMDA0ODgyODFMMy41IDAuMDAwNDg4MjgxWiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 100%;
	background-size: contain;
	transition: all .4s;
}

.reviews-text__item-btn.active:after {
	rotate: -180deg;
}

.reviews-text__item-btn--close {
	display: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4zNTM1NSAwLjY0NjQ0NkM0LjE1ODI5IDAuNDUxMTg0IDMuODQxNzEgMC40NTExODQgMy42NDY0NSAwLjY0NjQ0NkwwLjQ2NDQ2NiAzLjgyODQzQzAuMjY5MjA0IDQuMDIzNjkgMC4yNjkyMDQgNC4zNDAyNyAwLjQ2NDQ2NiA0LjUzNTUzQzAuNjU5NzI4IDQuNzMwOCAwLjk3NjMxMSA0LjczMDggMS4xNzE1NyA0LjUzNTUzTDQgMS43MDcxMUw2LjgyODQzIDQuNTM1NTNDNy4wMjM2OSA0LjczMDggNy4zNDAyNyA0LjczMDggNy41MzU1MyA0LjUzNTUzQzcuNzMwOCA0LjM0MDI3IDcuNzMwOCA0LjAyMzY5IDcuNTM1NTMgMy44Mjg0M0w0LjM1MzU1IDAuNjQ2NDQ2Wk00LjUgOUw0LjUgMUgzLjVMMy41IDlINC41WiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K)
}

.reviews-thanks__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 20px
}

.reviews-thanks__item,
.tab-tags li {
	margin: 0
}

.reviews-thanks__item a {
	display: block;
	padding-bottom: 20px
}

.reviews-thanks__item h3 {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #0042ad;
	margin: 20px 0 0;
	padding: 0
}

.reviews-thanks__item-img {
	width: 100%;
	height: 100%;
	min-height: 322px;
	object-fit: cover;
	border-radius: 3px;
	transition: all .3s ease
}

.certificates,
.certificates__container {
	padding: 0 0 60px
}

.certificates__container:last-child {
	padding-bottom: 0;
}

.certificates__title,
.job__item h2,
.job__item h3 {
	font-size: 24px;
	margin: 0 0 20px;
	font-style: normal;
	color: #0042ad
}

.certificates__title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .01em;
	padding: 0
}

.certificates__item {
	transition: transform .3s ease
}

.certificates__item:hover {
	transform: scale(1.02)
}

.certificates__item img {
	border-radius: 3px;
	width: 100%;
	height: auto;
	object-fit: contain
}

.certificates__swiper.swiper {
	padding-right: 20px;
	padding-left: 20px;
	margin-right: -20px;
	margin-left: -20px
}

.certificates__swiper .swiper-wrapper {
	padding-top: 10px;
	padding-bottom: 20px
}

.certificates__swiper .swiper-button-next,
.certificates__swiper .swiper-button-prev {
	top: 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .06);
	z-index: 10;
	transition: all .3s ease
}

.certificates__swiper .swiper-button-next:hover,
.certificates__swiper .swiper-button-prev:hover {
	background: #fff
}

.certificates__swiper .swiper-button-next:hover:after,
.certificates__swiper .swiper-button-prev:hover:after,
.tab-content__item span:hover {
	color: #0042ad
}

.certificates__swiper .swiper-button-next {
	right: 0
}

.certificates__swiper .swiper-button-prev {
	left: 0
}

.certificates__swiper .swiper-button-next:after,
.certificates__swiper .swiper-button-prev:after {
	position: absolute;
	font-size: 24px;
	font-weight: 900;
	line-height: 40px;
	color: #1a62d6;
	transition: all .3s ease
}

.certificates__swiper .swiper-button-next:after {
	left: 15px
}

.certificates__swiper .swiper-button-prev:after {
	right: 15px
}

.job {
	padding: 0 0 120px
}

.job__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 680px
}

.job__item h2,
.job__item h3 {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	line-height: 1.2
}

.job__item h3 {
	font-size: 18px;
	margin: 30px 0 15px;
	padding: 0
}

.job__item h3:first-of-type {
	margin-top: 0
}

.job__item p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #303030;
	margin: 10px 0
}

.job__item-top {
	margin: 0 0 30px
}

.job__item-content,
.tab-content__item input {
	display: none
}

.job .job__salary,
.job__btn {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	margin: 20px 0;
	padding: 0;
	font-style: normal;
	color: #0042ad
}

.job__btn {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: .01em;
	background: 0 0;
	border: 0;
	outline: 0;
	padding: 0 15px 0 0;
	margin: 0;
	cursor: pointer
}

.job__btn-close,
.job__btn-open {
	background-repeat: no-repeat;
	background-position: top 7px right
}

.job__btn-close {
	display: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjQ4NDM4IDUuMjQyNjhMNS4yNDE3MyAxLjAwMDA0TDAuOTk5MDk0IDUuMjQyNjgiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K)
}

.job__btn-open {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjQ4NDM4IDEuMjQyNjhMNS4yNDE3MyA1LjQ4NTMyTDAuOTk5MDk0IDEuMjQyNjgiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K)
}

.blog-page {
	padding: 0 0 120px
}

.blog-page__container {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 20px;
	margin: 0 0 40px
}


.blog-page__sidebar {
	height: max-content;
	background: #fff;
	border: .2px solid #0042ad;
	border-radius: 5px;
	padding: 10px 20px 30px
}

.blog-page__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 40px
}

.blog-page__item {
	padding: 20px 25px 20px 20px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	display: flex;
	align-items: flex-start;
	gap: 20px;
	transition: all .3s ease
}

.blog-page__item-more {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 15px;
	padding: 0;
	color: #0042ad;
	background: 0 0;
	border: 0;
	font-size: 14px;
	cursor: pointer
}

.blog-page__item-more.active img {
	rotate: 180deg
}

.blog-page__item-text:not(.active) {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5
}

.blog-page__item-img {
	display: flex;
	width: 100%;
	max-width: 255px;
	max-height: 163px;
	height: auto
}

.blog-page__item-img img {
	width: 100%;
	object-fit: cover;
	border-radius: 3px
}

.blog-page__item-content {
	position: relative;
	width: calc(70% - 10px)
}

.blog-page__item-content h3 {
	max-width: 80%;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	color: #0042ad;
	margin: 0 0 10px;
	padding: 0
}

.blog-page__item-content p {
	font-size: 14px;
	line-height: 1.6;
	color: #303030;
	margin: 10px 0;
	padding: 0
}

.blog-page__item-btn,
.blog-page__item-content p,
.blog-page__item-content time {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400
}

.blog-page__item-content time {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	line-height: 1.2;
	color: #737d7f
}

.blog-page__item-btn {
	background: 0 0;
	border: 0;
	outline: 0;
	margin: 5px 0 0;
	padding: 0 15px 0 0;
	font-size: 14px;
	line-height: 1.1;
	color: #0042ad;
	cursor: pointer
}

.blog-page__item-btn--open {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy42NDY0NSA4LjM1NDA0QzMuODQxNzEgOC41NDkzIDQuMTU4MjkgOC41NDkzIDQuMzUzNTUgOC4zNTQwNEw3LjUzNTUzIDUuMTcyMDZDNy43MzA4IDQuOTc2OCA3LjczMDggNC42NjAyMiA3LjUzNTUzIDQuNDY0OTVDNy4zNDAyNyA0LjI2OTY5IDcuMDIzNjkgNC4yNjk2OSA2LjgyODQzIDQuNDY0OTVMNCA3LjI5MzM4TDEuMTcxNTcgNC40NjQ5NUMwLjk3NjMxMSA0LjI2OTY5IDAuNjU5NzI4IDQuMjY5NjkgMC40NjQ0NjYgNC40NjQ5NUMwLjI2OTIwNCA0LjY2MDIyIDAuMjY5MjA0IDQuOTc2OCAwLjQ2NDQ2NiA1LjE3MjA2TDMuNjQ2NDUgOC4zNTQwNFpNMy41IDAuMDAwNDg4MjgxTDMuNSA4LjAwMDQ5SDQuNUw0LjUgMC4wMDA0ODgyODFMMy41IDAuMDAwNDg4MjgxWiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 100%
}

.blog-page__item-btn--close {
	display: none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC4zNTM1NSAwLjY0NjQ0NkM0LjE1ODI5IDAuNDUxMTg0IDMuODQxNzEgMC40NTExODQgMy42NDY0NSAwLjY0NjQ0NkwwLjQ2NDQ2NiAzLjgyODQzQzAuMjY5MjA0IDQuMDIzNjkgMC4yNjkyMDQgNC4zNDAyNyAwLjQ2NDQ2NiA0LjUzNTUzQzAuNjU5NzI4IDQuNzMwOCAwLjk3NjMxMSA0LjczMDggMS4xNzE1NyA0LjUzNTUzTDQgMS43MDcxMUw2LjgyODQzIDQuNTM1NTNDNy4wMjM2OSA0LjczMDggNy4zNDAyNyA0LjczMDggNy41MzU1MyA0LjUzNTUzQzcuNzMwOCA0LjM0MDI3IDcuNzMwOCA0LjAyMzY5IDcuNTM1NTMgMy44Mjg0M0w0LjM1MzU1IDAuNjQ2NDQ2Wk00LjUgOUw0LjUgMUgzLjVMMy41IDlINC41WiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K)
}

.blog-page__item-btn--close,
.tab-label,
.tab-label.js-tab--close {
	background-repeat: no-repeat;
	background-position: 100%
}

.tab-label {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	border-bottom: 2px solid #0042ad;
	padding: 15px 0 10px;
	margin: 0 0 10px;
	cursor: pointer;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDhMNy4zNjM5NiAxLjYzNjA0QzcuNzU0NDkgMS4yNDU1MSA4LjM4NzY1IDEuMjQ1NTEgOC43NzgxNyAxLjYzNjA0TDE1LjE0MjEgOCIgc3Ryb2tlPSIjMDA0MkFEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.tab-label.js-tab--close {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE4IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4xNDA2IDFMOS43NzY2NiA3LjM2Mzk2QzkuMzg2MTQgNy43NTQ0OSA4Ljc1Mjk3IDcuNzU0NDkgOC4zNjI0NSA3LjM2Mzk2TDEuOTk4NDkgMSIgc3Ryb2tlPSIjMDA0MkFEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K)
}

.tab-content {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column
}

.tab-content__item {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	padding: 10px 0;
	border-bottom: .2px solid #0042ad
}

.tab-content__item span {
	display: block;
	transition: all .3s ease;
	cursor: pointer
}

.checkbox-step--light .checkbox-step__input:checked~.checkbox-step__label p,
.checkbox-step__input:checked~.checkbox-step__label h3,
.tab-content__item input:checked~span {
	color: #0042ad
}

.tab-content__item--flex label {
	display: flex;
	justify-content: space-between;
	align-items: bottom
}

.tab-content__item--active a {
	color: #1a62d6;
}

.tab-tags {
	list-style: none;
	margin: 20px 0 0;
	padding: 0;
	display: flex;
	column-gap: 6px;
	row-gap: 15px;
	flex-wrap: wrap
}

.tag,
.tag__label {
	cursor: pointer
}

.tag__label {
	display: block;
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: #0042ad;
	padding: 9px 20px;
	background: #f1fcff;
	border-radius: 5px;
	transition: all .3s ease
}

.tag__label:hover {
	background: #0042ad;
	color: #fff
}

.tag__input {
	display: none
}

.tag__input:checked~.tag__label {
	background: #0042ad;
	color: #fff
}

.article-page {
	padding: 0 0 120px
}

.article-page__container {
	display: grid;
	grid-template-columns: 3fr 1fr;
	gap: 35px
}

.article-page__time {
	margin: 15px 0 20px;
	display: flex;
	gap: 25px
}

.article-page__time p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 1.2;
	color: #737d7f;
	padding: 0 0 0 18px;
	margin: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMEMyLjY5MTM4IDAgMCAyLjY5MTY0IDAgNkMwIDkuMzA4NjIgMi42OTE2NCAxMiA2IDEyQzkuMzA4MzYgMTIgMTIgOS4zMDgzNiAxMiA2QzEyIDIuNjkxMzggOS4zMDgzNiAwIDYgMFpNNiAwLjg3ODEwMUM4LjgzNDA2IDAuODc4MTAxIDExLjEyMiAzLjE2NjEyIDExLjEyMiA2LjAwMDA1QzExLjEyMiA4LjgzNDExIDguODMzOTMgMTEuMTIyIDYgMTEuMTIyQzMuMTY2MDcgMTEuMTIyIDAuODc4MDQ5IDguODMzOTggMC44NzgwNDkgNi4wMDAwNUMwLjg3ODA0OSAzLjE2NTk5IDMuMTY2MDcgMC44NzgxMDEgNiAwLjg3ODEwMVpNNiAxLjYwOTgxQzUuNzU3NTYgMS42MDk4MSA1LjU2MDk1IDEuODA2NDEgNS41NjA5NSAyLjA0ODg2VjYuMDAwMDhDNS41NjA5NSA2LjE2MjM4IDUuNjQ5NDUgNi4zMDM2NiA1Ljc4MDQyIDYuMzc5Nkw4Ljk0OTUgOC4yMDg4N0M5LjE1OTQ4IDguMzMwMTQgOS40MjczMyA4LjI1ODc5IDkuNTQ4NjEgOC4wNDg4MUM5LjY2OTg5IDcuODM4ODMgOS41OTg1MyA3LjU3MDk4IDkuMzg4NTUgNy40NDk2OUw2LjQzODk4IDUuNzQ4NDJWMi4wNDg4NkM2LjQzODk4IDEuODA2NDIgNi4yNDI0OCAxLjYwOTgxIDUuOTk5OTMgMS42MDk4MUg2WiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: 0
}

.article-page .sort-list {
	margin-bottom: 15px
}

.article-page__sidebar h3 {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin-bottom: 25px
}

.article__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 30px
}

.article__item {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	transition: all .2s ease
}

.article__item:hover {
	box-shadow: 0 8px 24px rgba(26, 98, 214, .08)
}

.article__item img {
	width: 100%;
	height: auto;
	max-height: 200px;
	object-fit: cover;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.article__item time {
	display: block;
	margin: 15px 0 10px;
	padding: 0 20px
}

.article__item h4,
.scheme__item h3,
.scheme__item .h3 {
	font-style: normal;
	line-height: 1;
	color: #0042ad;
	margin: 0
}

.article__item h4 {
	padding: 0 20px 20px;
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	transition: all .2s ease
}

.services-page {
	padding: 0 0 120px
}

.scheme {
	position: relative;
	padding-block: 50px;
	background-image: url(/local/templates/stroekos/css/../img/bg-advantages.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top
}

.scheme h2 {
	margin: 0 0 40px
}

.scheme__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 30px;
	list-style: none;
	padding: 0;
	margin: 20px 0 0
}

.scheme__item {
	position: relative;
	margin: 0
}

.scheme__item:before,
.scheme__item h3:after {
	position: absolute;
	content: "";
	background: #6eddff
}

.scheme__item:before {
	top: 75px;
	left: 90px;
	height: 17px;
	width: calc(100% - 88px);
	z-index: 1
}

.scheme__item:hover h3,
.scheme__item:hover img,
.scheme__item:hover p {
	transform: scale(1.03)
}

.scheme__item img,
.scheme__item p {
	margin: 0 0 30px;
	transition: all .3s ease
}

.scheme__item h3,
.scheme__item .h3 {
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	padding: 0 0 23px;
	padding-right: calc(10px + 10*(100vw - 320px)/1600)
}

.scheme__item h3:after,
.scheme__item .h3:after {
	left: 0;
	bottom: 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%
}

.scheme__item p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	text-transform: capitalize;
	color: #303030;
	margin: 0 20px 0 0;
	padding: 0;
	max-width: 232px
}

.product__list {
	padding: 0 20px 20px;
	margin: 0 -20px
}

.swiper-block {
	position: relative;
	z-index: 1;
}

.product__item.swiper-slide {
	transition: none;
}

.product__item,
.scheme__item h3,
.scheme__item .h3 {
	position: relative;
	transition: all .3s ease
}

.product__item {
	padding: 10px 20px 20px;
	display: grid;
	grid-template-rows: 1fr auto;
	gap: calc(16px + 8*(100vw - 320px)/1600);
	background: #fff;
	box-shadow: 0 8px 18px rgba(26, 98, 214, .06);
	border-radius: 3px;
	height: 100%
}

.product__item>a {
	display: grid !important;
	grid-template-rows: auto 1fr auto;
	gap: calc(12px + 8*(100vw - 320px)/1600)
}

.product__item:hover {
	box-shadow: 0 8px 18px rgba(26, 98, 214, .1)
}

.product__item--flex {
	display: flex;
	flex-direction: column;
	align-items: center
}

.product__item--flex .product__item-link {
	font-size: 14px;
	text-align: center
}

.product__item-img {
	display: block;
	width: 100%;
	/* height: 100%; */
	border-radius: 0;
	object-fit: contain;
	margin: auto;
	aspect-ratio: 277/197
}

.product__item--flex .product__item-link,
.product__item-link {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: 1.2;
	color: #0042ad
}

.product__item-link {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 18px
}

.product__item-bottom {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 10px;
	margin: 0
}

.product__item-bottom--flex {
	flex-direction: column;
	align-items: center;
	gap: 15px
}

.product__item-price {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0
}

.product__item-price--flex {
	align-items: center
}

.product__item-old-price {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.15;
	text-decoration-line: line-through;
	color: #737d7f
}

.product__item-new-price,
.product__item-old-price {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	text-transform: capitalize
}

.product__item-new-price,
.product__item-percent {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	color: #0042ad
}

.product__item-percent {
	position: absolute;
	height: 22px;
	top: 40px;
	left: 20px;
	padding: 4px 10px 4px 20px;
	background: #1a62d6;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-size: 12px;
	color: #fff
}

.product__item-percent:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 22px;
	right: -10px;
	top: 0;
	border-top: 22px solid #1a62d6;
	border-right: 10px solid transparent
}

.product__item-compare {
	position: absolute;
	right: -5px;
	top: 5px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTM5MyAxMkw2Ljk2OTYgMTUuOTY5N0w4LjAzMDI2IDE3LjAzMDRMMTIgMTMuMDYwN0wxNS45Njk3IDE3LjAzMDRMMTcuMDMwNCAxNS45Njk3TDEzLjA2MDcgMTJMMTcuMDMwMyA4LjAzMDM5TDE1Ljk2OTYgNi45Njk3M0wxMiAxMC45MzkzTDguMDMwMzggNi45Njk3M0w2Ljk2OTcyIDguMDMwMzlMMTAuOTM5MyAxMloiIGZpbGw9IiMwODAzNDEiLz4NCjwvc3ZnPg==) center/contain no-repeat;
	width: 30px;
	height: 30px;
	opacity: .5;
	border: none;
}

.product__item-favourites {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 4;
	width: 18px;
	height: 16.5px;
	background: 0 0;
	border: 0;
	outline: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjQxOTcgMS45NDEyNEwxMC40MTk4IDEuOTQxMTJDMTAuNzk2MyAxLjU0NTIzIDExLjI0MTQgMS4yMzMxNCAxMS43Mjg4IDEuMDIwOUMxMi4yMTYxIDAuODA4NzA4IDEyLjczNzEgMC43IDEzLjI2MjMgMC43QzEzLjc4NzUgMC43IDE0LjMwODUgMC44MDg3MDcgMTQuNzk1OCAxLjAyMDlDMTUuMjgzMSAxLjIzMzE0IDE1LjcyODMgMS41NDUyMyAxNi4xMDQ4IDEuOTQxMTJMMTYuMTA1IDEuOTQxMzZDMTYuNDgxOCAyLjMzNzE0IDE2Ljc4MjQgMi44MDg5MiAxNi45ODgxIDMuMzMwNTlDMTcuMTkzNyAzLjg1MjMgMTcuMyA0LjQxMjYxIDE3LjMgNC45NzkyMUMxNy4zIDUuNTQ1ODIgMTcuMTkzNyA2LjEwNjEyIDE2Ljk4ODEgNi42Mjc4NEMxNi43ODI0IDcuMTQ5NTEgMTYuNDgxOCA3LjYyMTI5IDE2LjEwNSA4LjAxNzA2TDE2LjEwNDkgOC4wMTcxOEwxNS4xOTIxIDguOTc2NDlMOC45OTk3NyAxNS40ODQ1TDIuODA3NDEgOC45NzY0OUwxLjg5NDYzIDguMDE3MThDMS4xMzMzOCA3LjIxNzEzIDAuNyA2LjEyNDkyIDAuNyA0Ljk3OTIxQzAuNyAzLjgzMzUgMS4xMzMzOCAyLjc0MTI5IDEuODk0NjMgMS45NDEyNEMyLjY1NDc1IDEuMTQyMzggMy42NzgwNSAwLjcwMDQ4NCA0LjczNzI1IDAuNzAwNDg0QzUuNzk2NDQgMC43MDA0ODQgNi44MTk3NSAxLjE0MjM4IDcuNTc5ODcgMS45NDEyNEw4LjQ5MjY1IDIuOTAwNTVDOC42MjQ3OCAzLjAzOTQyIDguODA4MDggMy4xMTgwMyA4Ljk5OTc3IDMuMTE4MDNDOS4xOTE0NiAzLjExODAzIDkuMzc0NzYgMy4wMzk0MiA5LjUwNjg5IDIuOTAwNTVMMTAuNDE5NyAxLjk0MTI0WiIgc3Ryb2tlPSIjMThENkIyIiBzdHJva2Utd2lkdGg9IjEuNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	cursor: pointer;
	transition: all .3s ease
}

.product__item-favourites--active,
.product__item-favourites:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxOCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjYxMiAxLjQ1ODcyQzE2LjE3MjIgMC45OTYyNjMgMTUuNjUgMC42Mjk0MSAxNS4wNzUyIDAuMzc5MTE4QzE0LjUwMDUgMC4xMjg4MjYgMTMuODg0NCAwIDEzLjI2MjMgMEMxMi42NDAxIDAgMTIuMDI0MSAwLjEyODgyNiAxMS40NDkzIDAuMzc5MTE4QzEwLjg3NDYgMC42Mjk0MSAxMC4zNTI0IDAuOTk2MjYzIDkuOTEyNTUgMS40NTg3Mkw4Ljk5OTc3IDIuNDE4MDNMOC4wODY5OSAxLjQ1ODcyQzcuMTk4NTggMC41MjUwMjcgNS45OTM2NCAwLjAwMDQ4Mzk2NSA0LjczNzI1IDAuMDAwNDgzOTc1QzMuNDgwODUgMC4wMDA0ODM5ODUgMi4yNzU5MSAwLjUyNTAyNyAxLjM4NzUxIDEuNDU4NzJDMC40OTkxMDIgMi4zOTI0MSA5LjM2MDg4ZS0wOSAzLjY1ODc3IDAgNC45NzkyMUMtOS4zNjA4OGUtMDkgNi4yOTk2NSAwLjQ5OTEwMiA3LjU2NjAxIDEuMzg3NTEgOC40OTk3TDIuMzAwMjkgOS40NTkwMUw4Ljk5OTc3IDE2LjVMMTUuNjk5MiA5LjQ1OTAxTDE2LjYxMiA4LjQ5OTdDMTcuMDUyMSA4LjAzNzQ3IDE3LjQwMTEgNy40ODg2NCAxNy42MzkzIDYuODg0NThDMTcuODc3NCA2LjI4MDUyIDE4IDUuNjMzMDcgMTggNC45NzkyMUMxOCA0LjMyNTM1IDE3Ljg3NzQgMy42Nzc5IDE3LjYzOTMgMy4wNzM4NEMxNy40MDExIDIuNDY5NzggMTcuMDUyMSAxLjkyMDk2IDE2LjYxMiAxLjQ1ODcyWiIgZmlsbD0iIzE4RDZCMiIvPgo8L3N2Zz4K)
}

.product__item-btn-compare,
.product__technical-list {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #303030
}

.product__technical-list {
	margin: 0;
	padding: 0;
	line-height: 1.4
}

.product__technical-list div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-top: 0;
	margin-bottom: 10px
}

.product__technical-list img {
	border-radius: 0;
	margin-right: 5px;
	object-fit: contain
}

.product__technical-list dt {
	position: relative;
	flex-grow: 1;
	overflow: hidden
}

.product__technical-list dt:after {
	content: "";
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
	border-bottom: 1px dashed #a2a2a2
}

.product__technical-list dd {
	text-align: right;
	margin: 0
}

.product__item-btn-compare {
	line-height: 1.1;
	border: 0;
	outline: 0;
	background: 0 0;
	padding: 0 20px 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjI5MzUgOC4xMDAyOUgyLjQzMjc4TDMuODMyMzMgNi43NDU0NkM0LjEwNzA1IDYuNDc5NTIgNC4xMDcwNSA2LjAzNjQ0IDMuODMyMzMgNS43NzA1QzMuNTU3NjEgNS41MDQ1NiAzLjA5OTkgNS41MDQ1NiAyLjgyNTE5IDUuNzcwNUwwLjIwOTI5MyA4LjMwMjhDMC4wNzg0NjA1IDguNDI5NDYgMCA4LjYwNjcgMCA4Ljc4Mzk3QzAgOC45NjEyMiAwLjA3ODQ2MjggOS4xMzg0OSAwLjIwOTI5MyA5LjI2NTEzTDIuODI1MTkgMTEuNzk3NEMyLjk2OTA3IDExLjkzNjcgMy4xNTIxNyAxMiAzLjMyMjIzIDEyQzMuNTA1MzQgMTIgMy42ODg0NiAxMS45MzY3IDMuODE5MjcgMTEuNzk3NEM0LjA5Mzk5IDExLjUzMTUgNC4wOTM5OSAxMS4wODg0IDMuODE5MjcgMTAuODIyNUwyLjQzMjc4IDkuNDgwMzdIMTAuMjkzNUMxMC42ODU5IDkuNDgwMzcgMTAuOTk5OCA5LjE3NjQ3IDEwLjk5OTggOC43OTY2OUMxMC45OTk5IDguNDE2ODMgMTAuNjg2IDguMTAwMjkgMTAuMjkzNiA4LjEwMDI5SDEwLjI5MzVaIiBmaWxsPSIjMUE2MkQ2Ii8+CjxwYXRoIGQ9Ik0wLjcxOTggMy44OTY2SDguNTgwNTZMNy4xODExMSA1LjI1MTQzQzYuOTA2MzkgNS41MTczNyA2LjkwNjM5IDUuOTYwNDUgNy4xODExMSA2LjIyNjM5QzcuMzI0OTggNi4zNjU2NyA3LjUwODA5IDYuNDI4OTkgNy42NzgxNSA2LjQyODk5QzcuODYxMjYgNi40Mjg5OSA4LjA0NDM3IDYuMzY1NjcgOC4xNzUxOSA2LjIyNjM5TDEwLjc5MTEgMy42OTQwOEMxMC45MjE5IDMuNTY3NDMgMTEuMDAwNCAzLjM5MDE4IDExLjAwMDQgMy4yMTI5MkMxMS4wMDA0IDMuMDM1NjYgMTAuOTIxOSAyLjg1ODQgMTAuNzkxMSAyLjczMTc2TDguMTc1MTkgMC4xOTk0NTNDNy45MDA0OCAtMC4wNjY0ODQ0IDcuNDQyNzYgLTAuMDY2NDg0NCA3LjE2ODA1IDAuMTk5NDUzQzYuODkzMzMgMC40NjUzOTEgNi44OTMzMyAwLjkwODQ3NiA3LjE2ODA1IDEuMTc0NDFMOC41Njc2IDIuNTI5MjRMMC43MTk5MTcgMi41MjkxNkMwLjMyNzUwOSAyLjUyOTE2IDAuMDEzNjcxOSAyLjgzMzA1IDAuMDEzNjcxOSAzLjIxMjgzQzAuMDEzNjcxOSAzLjU4MDA2IDAuMzI3NTMyIDMuODk2NiAwLjcxOTkxNyAzLjg5NjZMMC43MTk4IDMuODk2NloiIGZpbGw9IiMxQTYyRDYiLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-position: 100%;
	transition: all .2s ease
}

.product__item-btn-compare:hover {
	color: #1a62d6
}

.prices {
	margin: 120px 0 0;
	padding: 0 0 50px
}

.service__feedback {
	position: relative;
	z-index: 1;
	background: rgba(110, 221, 255, .8);
	background-image: url(/local/templates/stroekos/css/../img/bg-service-feedback.webp);
	border-radius: 3px;
	padding: 90px 100px 40px;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 50px 0
}

.service__feedback-2:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(/local/templates/stroekos/css/../img/bg-service-feedback-after.webp) center / cover no-repeat;
}



.service__feedback h2,
.service__feedback .z_h2 {
	margin: 0 0 20px
}

.quiz h4,
.service__title {
	margin-bottom: 20px
}

.service__subtitle {
	margin-bottom: calc(20px + 32*(100vw - 320px)/1600);
	font-size: 18px;
	font-family: RobotoMedium;
	color: #0042ad;
	line-height: 1.2
}

.service__advantages {
	background-position: top 20px center;
	margin-block: 50px;
	padding-block: 50px
}

.quiz {
	margin: 120px 0;
	background: #d4f5ff;
	background-image: url(/local/templates/stroekos/css/../img/bg-feedback.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center right -300px
}

.quiz .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px
}

.quiz__left {
	max-width: 330px
}

.quiz__right {
	width: 580px;
	margin-right: 60px
}

.quiz__subtitle {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.15;
	color: #000;
	margin-top: -23px
}

.quiz-step__container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
	row-gap: 10px;
	margin: 20px 0 30px
}

.quiz-step {
	cursor: pointer
}

.quiz-step__label {
	display: block;
	padding: 13px 30px 13px 13px;
	width: 100%;
	height: 100%;
	background: 0 0;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	background-position: right 10px top 16px;
	background-repeat: no-repeat;
	transition: color .3s ease
}

.quiz-step__input {
	display: none
}

.quiz-step__input:checked~.quiz-step__label {
	color: #0042ad;
	background-position: right 10px top 16px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEzIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNzcxNSAwLjIzMjU5MkMxMy4wNzYyIDAuNTQyNzE0IDEzLjA3NjIgMS4wNDU1MiAxMi43NzE1IDEuMzU1NjRMNS40OTE1NCA4Ljc2NzQxQzUuMTg2OTMgOS4wNzc1MyA0LjY5MzA3IDkuMDc3NTMgNC4zODg0NiA4Ljc2NzQxTDAuMjI4NDU3IDQuNTMyMTFDLTAuMDc2MTUyMiA0LjIyMTk5IC0wLjA3NjE1MjIgMy43MTkxOSAwLjIyODQ1NyAzLjQwOTA2QzAuNTMzMDY2IDMuMDk4OTQgMS4wMjY5MyAzLjA5ODk0IDEuMzMxNTQgMy40MDkwNkw0Ljk0IDcuMDgyODNMMTEuNjY4NSAwLjIzMjU5MkMxMS45NzMxIC0wLjA3NzUzMDYgMTIuNDY2OSAtMC4wNzc1MzA2IDEyLjc3MTUgMC4yMzI1OTJaIiBmaWxsPSIjMUE2MkQ2Ii8+Cjwvc3ZnPgo=)
}

.quiz .btn.btn--blue:hover {
	background: 0 0
}

.catalog__list {
	list-style: none;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 0
}

.catalog__item a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px 20px 20px;
	background: #1a62d6;
	border-radius: 3px;
	height: 100%
}

.catalog__item h3,
.h3-class {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #fff;
	margin: 0 0 9px;
	padding: 0;
	transition: all .2s ease
}

.catalog__item img {
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 355/250
}

.catalog__item:nth-child(2n) a {
	background: #6eddff
}

.catalog__item:nth-child(2n) h3 {
	color: #1a62d6
}

.catalog__video {
	padding: 50px 0 20px
}

.montage {
	padding-bottom: 50px
}

.montage__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0
}

.montage__item {
	background: #6eddff;
	border-radius: 3px;
	padding: 30px 20px 10px;
	transition: all .3s ease
}

.montage__item:hover {
	transform: scale(1.03)
}

.montage__item h3,
.montage__item .h3 {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	color: #0042ad;
	margin: 0 0 20px;
	padding: 0
}

.montage__item ol {
	margin: 20px 0
}

.montage__item ol li {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
	color: #0042ad
}

.montage__item:nth-child(2n) {
	background: #1a62d6
}

.montage__item:nth-child(2n) h3,
.montage__item:nth-child(2n) ol li,
.montage__item:nth-child(2n) .h3 {
	color: #fff
}

.montage__item:nth-child(2n) ol li::marker {
	color: #fff
}

.catalog__container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
	gap: 20px;
	margin: 40px 0
}

.catalog__filters .btn {
	margin: 20px 0 0;
	width: 100%
}

.btn__reset {
	display: block;
	margin-top: 15px;
	font-size: calc(15px + 2*(100vw - 320px)/1600);
	text-align: center;
	color: #1a62d6
}

.catalog__filters-top-container {
	display: none;
	background: #f1fcff;
	padding: 10px 20px;
	margin: -10px -20px 0
}

.catalog__filters-top {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.catalog__filters-top-title,
.product-card__slider-content h1 {
	margin: 0
}

.catalog__filters-top-close {
	width: 24px;
	height: 24px;
	outline: 0;
	border: 0;
	background: 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjAxODczIDUuNTEzZS0wNUMyLjg3NjgxIDAuMDAyMTQ3NzQgMi43NDEzNiAwLjA1OTQxMTQgMi42NDExMSAwLjE1OTg1MUwwLjE1OTg0NyAyLjY0MTFIMC4xNTk2NTdDLTAuMDUzMjE5MSAyLjg1NDE2IC0wLjA1MzIxOTEgMy4xOTk0NSAwLjE1OTY1NyAzLjQxMjUxTDguNzQ5MDMgMTEuOTk4NEwwLjE1OTY1NyAyMC41ODc3Qy0wLjA1MzIxOTEgMjAuODAwNiAtMC4wNTMyMTkxIDIxLjE0NTkgMC4xNTk2NTcgMjEuMzU5TDIuNjQwOTIgMjMuODQwMkgyLjY0MTExQzIuODUzOTggMjQuMDUzMyAzLjE5OTQ2IDI0LjA1MzMgMy40MTI1MyAyMy44NDAyTDExLjk5ODUgMTUuMjUwOUwyMC41ODc5IDIzLjg0MDJIMjAuNTg3N0MyMC44MDA3IDI0LjA1MzEgMjEuMTQ2IDI0LjA1MzEgMjEuMzU4OSAyMy44NDAyTDIzLjg0MDIgMjEuMzU5SDIzLjg0MDNDMjQuMDUzMiAyMS4xNDU5IDI0LjA1MzIgMjAuODAwNiAyMy44NDAzIDIwLjU4NzdMMTUuMjUxIDExLjk5ODRMMjMuODQwMyAzLjQxMjUxQzI0LjA1MzIgMy4xOTk0NSAyNC4wNTMyIDIuODU0MTYgMjMuODQwMyAyLjY0MTFMMjEuMzU5MSAwLjE1OTg1MUgyMS4zNTg5QzIxLjE0NiAtMC4wNTMwMjM2IDIwLjgwMDcgLTAuMDUzMDIzNiAyMC41ODc3IDAuMTU5ODUxTDExLjk5ODMgOC43NDkxN0wzLjQxMjM0IDAuMTU5ODUxSDMuNDEyNTNDMy4zMDgyOCAwLjA1NTYwMyAzLjE2NjE3IC0wLjAwMjAzODk5IDMuMDE4NzQgNS41MTNlLTA1SDMuMDE4NzNaIiBmaWxsPSIjMzAzMDMwIi8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-size: contain
}

.catalog__content-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px
}

.catalog__content-top span,
.filters__box-grid label,
.filters__box .h3 {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3
}

.catalog__content-top span {
	font-size: 12px;
	letter-spacing: .01em;
	color: #1a62d6
}

.catalog__content-top .btn-filter {
	display: none
}

.catalog__content-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px
}

.filters__box {
	padding: 0
}

.filters__box .h3 {
	display: flex;
	justify-content: space-between;
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0 0 10px;
	padding: 0
}

.filters__box .h3 span {
	font-size: 16px;
	color: #1a62d6;
	display: none;
}

.filters__box-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-content: space-between;
	margin-top: 7px;
	gap: 5px
}

.bx-filter .bx-filter-input-container input {
	text-align: left;
	font-size: 14px;
	border: 0;
	padding: 9px !important
}

.filters__box-grid input {
	width: 100%;
	padding-left: 10px !important;
	padding-right: 10px !important;
	font-size: 13px;
	border: 0;
	outline: 0;
	background: 0 0
}

.filters__box-grid label {
	font-size: 14px;
	color: #4f4f4f
}

.filters__box-grid-item {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin: 0 0 15px
}

.catalog-gallery {
	padding: 0 0 80px
}

.catalog-sertificates,
.favourites {
	padding: 0 0 50px
}

.favourites__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 20px;
	row-gap: 30px
}

.contacts__container {
	display: flex;
	gap: 24px;
	margin: 0 0 120px
}

.contacts__content,
.contacts__map {
	width: calc(50% - 12px)
}

.contacts__content h3 {
	margin: 15px 0 10px
}

.contacts__content h3:first-child {
	margin: 0 0 10px
}

.contacts__content p {
	margin: 5px 0
}

.contacts__content a:hover,
.product__top-info-left a:hover {
	color: #0042ad
}

.contacts__map iframe {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 3px;
	border: 0
}

.contacts__content-link {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.1;
	text-decoration-line: underline;
	color: #1a62d6
}

.basket__container {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 375px;
	gap: 20px;
	padding: 0 0 120px
}

.basket__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px
}

.basket__item {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 48px
}

.basket__item-center {
	flex-grow: 1;
	display: grid;
	grid-template-columns: 38% auto auto;
	align-items: center;
	gap: calc(10px + 30*(100vw - 320px)/1600)
}

.basket__item-img {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	transition: all .3s ease
}

.basket__item-img:hover {
	box-shadow: 0 8px 24px rgba(26, 98, 214, .1)
}

.basket__item-img img {
	width: 100%;
	height: auto;
	object-fit: contain
}

.basket__item-price,
.basket__item-title {
	font-style: normal;
	line-height: 1.2;
	color: #0042ad;
	padding: 0
}

.basket__item-title {
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	margin: 0 0 0 -28px;
	flex-shrink: 1;
	transition: all .3s ease
}

.basket__item-title:hover {
	color: #6eddff
}

.basket__item-price {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
	flex-shrink: 0
}

.basket__item-close {
	width: 14px;
	height: 14px;
	border: 0;
	outline: 0;
	background: 0 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYzMzYgMC4zNjY4OUMxMy4xNDUgLTAuMTIxNzAxIDEyLjM1MzIgLTAuMTIxNzAxIDExLjg2NDYgMC4zNjY4OUw3IDUuMjMxMDJMMi4xMzU0MiAwLjM2NjQ0M0MxLjY0NjgzIC0wLjEyMjE0OCAwLjg1NTAzNCAtMC4xMjIxNDggMC4zNjY0NDMgMC4zNjY0NDNDLTAuMTIyMTQ4IDAuODU1MDM0IC0wLjEyMjE0OCAxLjY0NjgzIDAuMzY2NDQzIDIuMTM1NDJMNS4yMzEwMiA3TDAuMzY2NDQzIDExLjg2NDZDLTAuMTIyMTQ4IDEyLjM1MzIgLTAuMTIyMTQ4IDEzLjE0NSAwLjM2NjQ0MyAxMy42MzM2QzAuODU1MDM0IDE0LjEyMjEgMS42NDY4MyAxNC4xMjIxIDIuMTM1NDIgMTMuNjMzNkw3IDguNzY4OThMMTEuODY0NiAxMy42MzM2QzEyLjM1MzIgMTQuMTIyMSAxMy4xNDUgMTQuMTIyMSAxMy42MzM2IDEzLjYzMzZDMTQuMTIyMSAxMy4xNDUgMTQuMTIyMSAxMi4zNTMyIDEzLjYzMzYgMTEuODY0Nkw4Ljc2ODk4IDdMMTMuNjMzNiAyLjEzNTQyQzE0LjEyMjEgMS42NDY4MyAxNC4xMjIxIDAuODU1MDM0IDEzLjYzMzYgMC4zNjY0NDNWMC4zNjY4OVoiIGZpbGw9IiM2RURERkYiLz4KPC9zdmc+Cg==);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	cursor: pointer
}

.basket__sidebar-top {
	background: #f1fcff;
	border-radius: 3px;
	padding: 30px 20px 40px;
	display: flex;
	flex-direction: column;
	gap: 15px
}

.basket__sidebar-top .btn--transparent {
	align-self: flex-start
}

.basket__total {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
	row-gap: 20px;
	column-gap: 10px;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	margin: 25px 0;
	padding: 0
}

.basket__total-main {
	flex-grow: 1
}

.basket__old {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	text-decoration-line: line-through;
	color: #303030
}

.basket__new,
.basket__text,
.count span {
	font-size: 24px;
	line-height: 1;
	color: #0042ad;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700
}

.basket__text {
	font-size: 14px;
	line-height: 16px;
	color: #303030;
	margin: 0
}

.basket__sidebar-bottom {
	padding: 25px 20px 40px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px
}

.basket__recomm {
	padding: 0 0 120px
}

.basket__recomm h2,
.product-sect h2 {
	margin: 0 0 40px
}


.js-brand-slider .swiper-slide {
	width: auto !important;
	max-width: min(calc(240px + 60px), calc(240px + 60 * ((100vw - 320px) / 1600)));
}

.js-brand-slider a {
	display: flex;
	width: 100%;
	height: 100%;
	min-height: 180px;
}

.js-brand-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product__tooltip {
	position: relative;
	vertical-align: middle;
	background: none;
	border: none;
	cursor: pointer;
}

.product__tooltip svg {
	width: 20px;
	height: 20px;
	fill: #1a62d6;
}

.product__tooltip-content {
	position: absolute;
	right: 0;
	bottom: 30px;
	z-index: 3;
	min-width: 280px;
	padding: 12px;
	border-radius: 3px;
	font-size: 14px;

	opacity: 0;
	pointer-events: none;
	background: #fff;
	text-align: left;
	box-shadow: 0 8px 24px 0 rgba(26, 98, 214, 0.12)
}

.product__tooltip.active .product__tooltip-content {
	opacity: 1;
	pointer-events: auto;
}

.count {
	display: flex;
	align-items: center;
	gap: 10px
}

.count__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #6eddff;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	cursor: pointer;
	transition: all .3s ease
}

.count__btn:hover {
	background: #0042ad;
	border-color: #0042ad;
	color: #fff
}

.count__btn-minus {
	line-height: 28px;
	color: #6eddff
}

.count span {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.2
}

.promo-form {
	position: relative
}

.promo-form button {
	background: 0 0
}

.promo-form button,
.promo-form input {
	font-style: normal;
	font-size: 14px;
	line-height: 1.15;
	outline: 0;
	border-radius: 3px
}

.promo-form input {
	background: 0 0;
	width: calc(100% - 136px);
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	color: #303030;
	padding: 13px;
	border: 1px solid #18d6b2;
	transition: all .4s ease-in-out
}

.promo-form button {
	position: absolute;
	border: 0;
	height: 44px;
	width: 140px;
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	color: #fff;
	background: #18d6b2;
	top: 0;
	right: 0;
	cursor: pointer
}

.promo-form input::placeholder {
	color: #bbb;
	transition: all .3s ease
}

.product-sect {
	margin: 50px 0 100px
}

.product-sect .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	justify-content: start
}

.product-sect .swiper-slide {
	display: grid
}

.product__brand-name,
.product__top-info-left a,
.product__top-info-left span {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.2
}

.product__brand-name {
	font-size: 12px;
	color: #1a62d6;
	margin: 0 0 30px
}

.product__top-info {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	align-items: flex-start;
	margin: 30px 0
}

.product__top-info-left span {
	position: relative;
	padding: 4px 10px 4px 20px;
	background: #1a62d6;
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 12px;
	color: #fff
}

.product__top-info-left span:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 22px;
	right: -10px;
	top: 0;
	border-top: 22px solid #1a62d6;
	border-right: 10px solid transparent
}

.product__technical-title,
.product__top-info-left p {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: #000;
	margin: 10px 0 0;
	padding: 0
}

.product__top-info-left a {
	font-size: 14px;
	text-decoration-line: underline;
	color: #737d7f;
	transition: all .2s ease
}

.product__technical-title {
	margin: 0 0 10px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	color: #0042ad
}

.product__btn-parameter {
	outline: 0;
	border: 0;
	background: 0 0;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2;
	text-decoration-line: underline;
	color: #737d7f;
	transition: all .2s ease;
	cursor: pointer
}

.product__btn-parameter:hover {
	color: #0042ad
}

.product__price-sect {
	margin: 40px 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	flex-wrap: wrap
}

.product__form-order {
	position: relative
}

.product__form-order button,
.product__form-order input {
	outline: 0;
	background: 0 0
}

.product__form-order input {
	width: calc(100% - 160px);
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	padding: 13px;
	border: 1px solid #6eddff;
	border-radius: 20px;
	transition: all .4s ease-in-out
}

.product__form-order button {
	position: absolute;
	height: 44px;
	width: 200px;
	padding: 13px 0;
	background: #fff;
	top: 0;
	right: 0;
	cursor: pointer
}

.product__form-order input::placeholder {
	color: #303030;
	transition: all .3s ease
}

.product__form-send {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	font-size: 14px;
	color: #303030
}

.product-links__list {
	list-style: none;
	margin-block: 50px;
	padding: 0;
	display: grid;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 10px
}

.product-links__item a,
.product-links__item a:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcwNzEgOC43MDcxMUMxNS4wOTc2IDguMzE2NTggMTUuMDk3NiA3LjY4MzQyIDE0LjcwNzEgNy4yOTI4OUw4LjM0MzE1IDAuOTI4OTMyQzcuOTUyNjIgMC41Mzg0MDggNy4zMTk0NiAwLjUzODQwOCA2LjkyODkzIDAuOTI4OTMyQzYuNTM4NDEgMS4zMTk0NiA2LjUzODQxIDEuOTUyNjIgNi45Mjg5MyAyLjM0MzE1TDEyLjU4NTggOEw2LjkyODkzIDEzLjY1NjlDNi41Mzg0MSAxNC4wNDc0IDYuNTM4NDEgMTQuNjgwNSA2LjkyODkzIDE1LjA3MTFDNy4zMTk0NiAxNS40NjE2IDcuOTUyNjIgMTUuNDYxNiA4LjM0MzE1IDE1LjA3MTFMMTQuNzA3MSA4LjcwNzExWk0wIDlIMTRWN0gwVjlaIiBmaWxsPSIjMUE2MkQ2Ii8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: center right 20px
}

.product-links__item a {
	display: flex;
	gap: 10px;
	align-items: center;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 20px;
	background: #fff;
	min-width: 270px;
	transition: all .3s ease
}

.product-links__item a:hover {
	background: #6eddff
}

.product-links__item a span {
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;
	color: #303030;
	max-width: calc(100% - 45px)
}

.image__swiper {
	padding-right: 18px;
	padding-left: 18px;
	margin-right: -18px;
	margin-left: -18px
}

.image .swiper-wrapper {
	padding-bottom: 20px
}

.image__item img {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	object-fit: cover
}

.image__item .video {
	object-fit: cover
}

.tabs {
	margin-block: 50px
}

.tabs-links {
	list-style: none;
	margin: 0;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 20px;
	padding: 0
}

.tabs__label {
	background: #f1fcff;
	border-radius: 3px;
	padding: 9px 20px;
	font-family: RobotoMedium, Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.15;
	color: #0042ad;
	transition: all .2s ease;
	cursor: pointer
}

.tabs__label--active,
.tabs__label:focus,
.tabs__label:hover {
	background: #1a62d6;
	color: #fff
}

.tabs__label--active {
	cursor: default
}

.tabs__content {
	display: none;
	padding: 30px 0
}

.tabs__content h2 {
	margin: 25px 0
}

.tabs__content ol,
.tabs__content p,
.tabs__content ul {
	font-size: 16px
}

.tabs__content .product__technical-list {
	columns: 2;
	gap: 60px;
	margin: 0
}

.tabs__content .product__technical-list div {
	break-inside: avoid;
	margin-top: 0;
	padding-top: 13px
}

.tabs__content--active {
	display: block
}

.doc__list {
	width: 100%;
	columns: 2;
	gap: 40px
}

.doc__list a {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #303030;
	padding: 0 0 15px;
	transition: all .2s ease;
	break-inside: avoid
}

.doc__list a:hover {
	color: #1a62d6
}

.js-prod-inf-slider .swiper-button-next.swiper-button-disabled,
.js-prod-inf-slider .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
	cursor: pointer;
	pointer-events: all
}

.delivery__container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	padding: 0 0 120px
}

.delivery__content,
.delivery__img {
	width: calc(50% - 20px)
}

.delivery__img {
	height: auto;
	object-fit: contain
}

.delivery__text {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: #0042ad;
	font-style: normal;
	margin: 30px 0 0;
	padding: 0
}

.feedback__delivery-text,
.payment-options__item h4,
.payment-options__requisites p {
	font-style: normal;
	margin: 30px 0 0;
	padding: 0;
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.6;
	color: #303030
}

.feedback__delivery-text a {
	color: #0042ad;
	transition: all .2s ease
}

.feedback__delivery-text a:hover {
	text-decoration: underline
}

.payment-options__container {
	padding: 0 0 50px
}

.payment-options__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 40px 0 0
}

.payment-instalment__banks-item li,
.payment-options__item {
	margin: 0;
	padding: 0
}

.payment-options__item a {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	transition: all .2s ease
}

.payment-options__item a:hover {
	background: #6eddff
}

.payment-options__item h4,
.payment-options__requisites p {
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	margin: 0
}

.payment-options__item--arrow h4 {
	max-width: calc(100% - 100px)
}

.payment-options__item--arrow a,
.payment-options__item--arrow a:hover {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjcwNzEgOC43MDcxMUMxNS4wOTc2IDguMzE2NTggMTUuMDk3NiA3LjY4MzQyIDE0LjcwNzEgNy4yOTI4OUw4LjM0MzE1IDAuOTI4OTMyQzcuOTUyNjIgMC41Mzg0MDggNy4zMTk0NiAwLjUzODQwOCA2LjkyODkzIDAuOTI4OTMyQzYuNTM4NDEgMS4zMTk0NiA2LjUzODQxIDEuOTUyNjIgNi45Mjg5MyAyLjM0MzE1TDEyLjU4NTggOEw2LjkyODkzIDEzLjY1NjlDNi41Mzg0MSAxNC4wNDc0IDYuNTM4NDEgMTQuNjgwNSA2LjkyODkzIDE1LjA3MTFDNy4zMTk0NiAxNS40NjE2IDcuOTUyNjIgMTUuNDYxNiA4LjM0MzE1IDE1LjA3MTFMMTQuNzA3MSA4LjcwNzExWk0wIDlIMTRWN0gwVjlaIiBmaWxsPSIjMUE2MkQ2Ii8+Cjwvc3ZnPgo=);
	background-repeat: no-repeat;
	background-position: center right 20px
}

.payment-options__item--arrow a {
	transition: all .2s ease
}

.payment-options__item--arrow a:hover {
	background: #6eddff
}

.payment-options__requisites {
	padding: 0 0 120px
}

.payment-options__requisites p {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	margin: 0 0 5px
}

.payment-instalment h1 {
	margin: 0 0 50px
}

.payment-instalment__banks {
	padding: 0 0 50px
}

.payment-instalment__banks-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	margin: 0;
	padding: 0
}

.payment-instalment__banks-item a {
	display: block
}

.payment-instalment__banks-item img {
	width: 100%;
	height: auto;
	object-fit: contain;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px
}

.feedback__payment-text,
p.payment-instalment__promo-text {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	color: #0042ad;
	padding: 0;
	margin: 30px 0 0
}

.feedback__payment-text {
	font-family: RobotoMedium, Arial, sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.6;
	color: #303030;
	margin: 0
}

.feedback__payment-text a {
	color: #0042ad;
	transition: all .2s ease
}

.feedback__payment-text a:hover,
.step-checkbox__label a {
	text-decoration: underline
}

.guarantees__section {
	margin: 40px 0
}

.guarantees__text,
.payment-form__box label {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	margin: 0;
	padding: 0
}

.feedback--guarantees p {
	max-width: 970px
}

.payment {
	padding: 0 0 120px
}

.payment .container {
	display: flex;
	align-items: center;
	gap: 40px
}

.payment__content {
	width: calc(60% - 20px);
	background: #f1fcff;
	border-radius: 3px;
	padding: 40px 50px
}

.payment__img {
	width: calc(40% - 20px);
	height: auto;
	object-fit: contain
}

.payment-form__box {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 0 0 20px
}

.payment-form__box label {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300
}

.payment .checkbox {
	margin: -5px 0 30px
}

.step {
	padding: 0 0 120px
}

.step-list {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0 0 30px
}

.step-list__item,
.step-list__item:before {
	clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%, 0 0)
}

.step-list__item {
	position: relative;
	padding: 7px 0;
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.15;
	text-align: center;
	color: #dfdfdf;
	background: #18d6b2;
	width: 240px;
	z-index: 1;
	margin: 0
}

.step-list__item:before {
	position: absolute;
	content: "";
	top: 1px;
	left: 1px;
	background: #fff;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	z-index: -1
}

.step-list__item:first-child {
	clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 50%, 0 0)
}

.step-list__item--active {
	color: #fff
}

.step-list__item--active:before {
	width: 0;
	height: 0
}

.step-title {
	display: flex;
	gap: 15px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0 0 30px;
	font-size: 24px
}

.step-checkbox__box h3,
.step-title,
.step-title:before,
.step__subtitle {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700
}

.step-title:before {
	font-size: 24px;
	display: block;
	content: attr(data-count);
	line-height: 30px;
	color: #fff;
	text-align: center;
	width: 30px;
	height: 30px;
	background: #18d6b2;
	border-radius: 50%
}

.step-checkbox__box h3,
.step__subtitle {
	font-size: 14px;
	line-height: 1.15;
	color: #303030;
	padding: 0
}

.step__subtitle {
	display: none;
	margin: 0 0 10px
}

.step-checkbox__container,
.step-checkbox__container--3 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 0 0 40px
}

.step-checkbox__container--3 {
	grid-template-columns: repeat(3, 1fr)
}

.step-btns__container {
	display: flex;
	justify-content: center;
	gap: 20px
}

.step-checkbox__box {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.step-checkbox__box h3 {
	margin: 0 0 5px
}

.step-checkbox__box-flex {
	display: flex;
	align-items: center;
	gap: 20px
}

.step__price {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.2;
	color: #0042ad;
	margin: 0;
	padding: 0
}

.step__subtext {
	font-family: RobotoRegular, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	margin: -10px 0 0
}

.step-checkbox__label,
.step__subtext {
	font-style: normal;
	color: #737d7f;
	padding: 0
}

.step-checkbox__label {
	font-family: RobotoLight, Arial, sans-serif;
	font-weight: 300;
	font-size: 10px;
	line-height: 1.2;
	margin: 0
}

.checkbox-step {
	cursor: pointer
}

.checkbox-step:hover .checkbox-step__label {
	background: #d4f5ff
}

.checkbox-step:hover .checkbox-step__label .checkbox-step__circle {
	border-color: #0042ad
}

.checkbox-step--light .checkbox-step__label {
	padding: 13px 15px
}

.checkbox-step__label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 25px 15px;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	background-position: right 10px top 15px;
	transition: all .3s ease
}

.checkbox-step__input {
	display: none
}

.checkbox-step__input:checked~.checkbox-step__label {
	background: #d4f5ff
}

.checkbox-step__input:checked~.checkbox-step__label p {
	color: #303030
}

.checkbox-step__input:checked~.checkbox-step__label .checkbox-step__circle {
	border-color: #0042ad
}

.checkbox-step__input:checked~.checkbox-step__label .checkbox-step__circle:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: #0042ad
}

.checkbox-step__circle {
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #d7d7d7;
	transition: all .3s ease
}

.checkbox-step__text {
	display: flex;
	flex-direction: column
}

.checkbox-step__text-title {
	font-family: RobotoBold, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2;
	color: #303030;
	margin: 0 0 5px;
	padding: 0;
	transition: all .3s ease
}

.checkbox-step__text-text,
.payment-input {
	font-family: RobotoRegular, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: #737d7f
}

.checkbox-step__text-text {
	margin: 0;
	padding: 0;
	max-width: 270px;
	transition: all .3s ease
}

.payment-input {
	background: #fff;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	border-radius: 3px;
	padding: 13px 15px;
	border: 0;
	outline: 0;
	width: 100%
}

.payment-input--invalid {
	border: 1px solid #ff2828
}

.date-container {
	position: relative
}

.ui-datepicker-trigger {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	cursor: pointer
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/local/templates/stroekos/css/../img/ui-icons_444444_256x240.png)
}

.step-block {
	display: none
}

.step-block--active {
	display: block
}

.thank {
	display: grid;
	justify-items: center;
	gap: 15px;
	width: 100%;
	padding: calc(20px + 25*(100vw - 320px)/1046) calc(15px + 30*(100vw - 320px)/1046);
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .06);
	text-align: center
}

.thank-wrapper {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding-top: calc(50px + 90*(100vw - 320px)/1046);
	padding-bottom: calc(50px + 90*(100vw - 320px)/1046)
}

.thank__title {
	font-family: RobotoBold, Arial, sans-serif;
	color: #0042ad;
	font-size: calc(25px + 7*(100vw - 320px)/1046)
}

.thank__text {
	font-size: 14px
}

.thank__buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: calc(10px + 10*(100vw - 320px)/1600);
	margin-top: calc(10px + 15*(100vw - 320px)/1046)
}

.thank__button {
	flex: 1 1 auto
}

.search-form__container {
	width: 503px
}

.search-form__content {
	display: grid;
	gap: 12px;
	padding: 12px;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .06);
	overflow: hidden
}

.search-form__button {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px
}

.search-form__item {
	position: relative;
	z-index: 1;
	font-size: 14px;
	line-height: 1.6
}

.search-form__item:hover:after {
	opacity: 1
}

.search-form__item:after {
	content: "";
	position: absolute;
	left: -50px;
	top: 0;
	z-index: -1;
	width: 100vw;
	height: 100%;
	background: #edf1f2;
	opacity: 0;
	transition: all .3s
}

.search-form__actions {
	display: grid;
	gap: 4px
}

.search-form__action {
	display: grid;
	grid-template-columns: 68px 1fr;
	gap: 10px;
	align-items: center;
	cursor: pointer
}

.search-form__action-img {
	aspect-ratio: 68/50;
	max-width: 68px;
	object-fit: contain;
	border-radius: 4px
}

.search-form__categories {
	display: grid;
	gap: 6px
}

.search-form__category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0
}

.search-form__category-count {
	font-family: RobotoMedium, Arial, sans-serif
}

.search-form__product {
	display: grid;
	grid-template-columns: 68px 1fr auto;
	gap: 5px;
	align-items: center
}

.search-form__product-img {
	aspect-ratio: 68/50;
	max-width: 68px;
	object-fit: contain
}

.search-form__product-title {
	padding-right: 20px
}

.search-form__product-price {
	font-size: 18px;
	color: #0042ad;
	font-family: RobotoBold, Arial, sans-serif
}

.search {
	padding-bottom: calc(40px + 80*(100vw - 320px)/1600)
}

.search__title {
	margin-bottom: 0
}

.search__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: calc(20px + 10*(100vw - 320px)/1600)
}

.search-page .nativejs-select__placeholder:before {
	background: 0 0
}

.search-page .nativejs-select__placeholder {
	padding: 7px 45px 7px 20px
}

.search__items {
	display: grid;
	gap: 18px;
	counter-reset: a;
	margin-bottom: calc(25px + 15*(100vw - 320px)/1600)
}

.search__item {
	position: relative;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: calc(20px + 20*(100vw - 320px)/1600);
	padding-left: calc(20px + 20*(100vw - 320px)/1600);
	counter-increment: a
}

.search__item:before {
	content: counter(a) ".";
	position: absolute;
	left: 0;
	top: calc(10px - 5*(100vw - 320px)/1600);
	font-size: calc(16px + 2*(100vw - 320px)/1600);
	color: #0042ad;
	font-family: RobotoBold
}

.search__item-img img {
	max-height: calc(100px + 20*(100vw - 320px)/1600);
	object-fit: contain
}

.search__item-right {
	display: grid;
	gap: 8px
}

.search__item-top {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-between
}

.search__item-price,
.search__item-title {
	color: #0042ad;
	font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.search__item-title {
	line-height: 1.2;
	font-family: RobotoMedium;
	text-decoration: underline
}

.search__item-title:hover {
	text-decoration: none
}

.search__item-price {
	font-family: RobotoBold
}

.search__item-text {
	font-size: 14px;
	line-height: 1.6
}

.product-slider-big {
	width: 100%;
	height: 100%
}

.swiper-wrapper {
	height: auto !important
}

.swiper-slide.certificates__item {
	margin-right: 21px !important
}

.answer {
	padding-top: 20px;
	font-weight: 700;
	color: green
}

.filters__box {
	margin: 30px 0 0
}

.basket__sidebar-top .btn--transparent {
	margin-top: 40px
}

.basket__text {
	padding: 0 0 10px
}

#bx_basketFKauiI .btn-cart__count,
#compare_list_count .btn-cart__count {
	top: -13px
}

.product-item-button-container .btn {
	padding: 13px 40px
}

.slider-range.ui-slider-horizontal .ui-slider-handle {
	top: -.3em
}

.bx-filter .bx-ui-slider-handle.left {
	margin-left: -13px
}

.bx-filter .bx-ui-slider-handle.right {
	margin-right: -13px
}

.bx-filter .bx-ui-slider-track {
	height: 4px
}

.bx-filter {
	width: auto
}

iframe .badge {
	max-width: 1226px !important
}

.article-page__main h2 {
	margin: 20px 0
}

.search-form__content {
	border: 1px solid #18d6b2
}

.product-card__slider .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
	justify-content: start
}

.product-slide-big {
	display: flex
}

.bx-ui-slider-part.p2,
.bx-ui-slider-part.p3,
.bx-ui-slider-part.p4 {
	display: none
}

.bx-filter .bx-ui-slider-part.p5 span {
	top: calc(100% + 5px);
	right: 0;
	left: auto;
	text-align: right
}

.bx-filter .bx-ui-slider-part.p1 span {
	top: calc(100% + 5px);
	left: 0;
	right: auto;
	text-align: left;
	margin-left: 0
}

.bx-filter .bx-ui-slider-track-container {
	padding-top: 5px
}

.bx-ui-slider-part.p1,
.bx-ui-slider-part.p5,
.filters__box.bx-filter-parameters-box h3 span {
	display: none
}

.bx-filter-block .tab-content {
	max-height: 300px;
	overflow-y: auto;
	scrollbar-color: #1a62d6 #6fddff;
	scrollbar-width: thin;
	padding-right: 5px
}

.bx-filter-block .tab-content::-webkit-scrollbar {
	width: 3px
}

.bx-filter-block .tab-content::-webkit-scrollbar-track {
	background: #6fddff
}

.bx-filter-block .tab-content::-webkit-scrollbar-thumb {
	background: #1a62d6
}

.checkbox2 {
	align-items: center;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer;
	justify-content: space-between;
	flex-direction: row-reverse
}

.checkbox2,
.checkbox2__round {
	display: flex;
	gap: 10px
}

.checkbox2__round:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 2px solid transparent;
	border-radius: 50%;
	transition: background-color .3s, border-color .3s;
	box-sizing: border-box
}

.checkbox2__input {
	position: absolute;
	width: 1px;
	height: 1px;
	clip: rect(0 0 0 0);
	overflow: hidden;
	margin: -1px -1px -1px 10px
}

.checkbox2__input:not(:checked)+span:before {
	border-color: #dfdfdf
}

.checkbox2__input:checked+span:before {
	content: "";
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik05LjkyMTU4IDAuNDQwMTk5TDQuNTAxNSA1Ljg1NzYxTDIuMDc2NSAzLjQzMjYxQzEuNzY0IDMuMTIwMTEgMS4yNTM5MSAzLjEyMDExIDAuOTQxNDA2IDMuNDMyNjFDMC42Mjg5MDYgMy43NDUxMSAwLjYyODkwNiA0LjI1NTIgMC45NDE0MDYgNC41Njc3TDMuOTMzODYgNy41NjAxNUM0LjA5MTMzIDcuNzE3NjIgNC4yOTY0MSA3Ljc5NTIzIDQuNTAxMzIgNy43OTUyM0M0LjcwNjQgNy43OTUyMyA0LjkxMTMgNy43MTc4IDUuMDY4NzcgNy41NjAxNUwxMS4wNTYzIDEuNTc0ODlDMTEuMzY4OCAxLjI2MjM5IDExLjM2ODggMC43NTIyOTggMTEuMDU2MyAwLjQzOTc5OEMxMC43NDEyIDAuMTI0ODU2IDEwLjIzMzcgMC4xMjQ4NTYgOS45MjExOCAwLjQzOTk3Mkw5LjkyMTU4IDAuNDQwMTk5WiIgZmlsbD0iIzFBNjJENiIvPgo8L3N2Zz4K) 50% no-repeat;
	background-size: 70%;
	border-color: #1a62d6
}

.checkbox2__input:disabled~span {
	opacity: .4;
	cursor: not-allowed
}

.checkbox2__input:focus-visible {
	outline: 0
}

.checkbox2__input:focus-visible+span:before {
	border-color: #0f387b
}

.checkbox2__input[type=radio] {
	position: absolute;
	inset: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	clip: auto;
	cursor: pointer
}

.checkbox2-text {
	position: relative
}

.checkbox2-text .checkbox2__round,
.notetext,
form p {
	display: none
}

form p {
	margin: 0;
	padding: 0
}

.marquiz__container {
	max-width: 100% !important
}

.bx-filter .bx-filter-parameters-box-container-block {
	display: flex;
	align-items: flex-end;
	gap: 3px;
	font-size: 13px
}

.bx-filter .bx-filter-input-container {
	width: 100%
}

.bx-filter .bx-filter-parameters-box.bx-active .bx-f {
	font-size: 13px
}

.catalog-gallery .reviews-video__item a {
	display: flex;
	width: 100%;
	height: 100%
}

.catalog-gallery .video__container {
	display: inline-block !important
}


input:focus {
	outline: none;
	border-color: #fff;
}

.account-wrapper {
	display: grid;
	grid-template-columns: 277px 1fr;
	gap: calc(40px + 38 * ((100vw - 320px) / 1600));
}

.account__left {
	padding: 25px 20px;
	border-radius: 5px;
	border: 0.2px solid #0042AD;
	background: #FFF;
}

.account__menu {
	margin: 0;
	padding: 0;
}

.account__menu li {
	padding: 10px 0;
	margin: 0;
	border-bottom: 0.2px solid #0042AD;
	list-style: none;
	font-size: 14px;
	line-height: normal;
}


.account-input-file {
	position: relative;
	display: block;
	width: calc(100px + 100 * ((100vw - 320px) / 1600));
	height: calc(100px + 100 * ((100vw - 320px) / 1600));
	pointer-events: none;
	background: none;
	border-radius: 50%;
	overflow: hidden;
}

.account-input-file input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
	pointer-events: auto;
	border: none;
}

.account-input-file-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: grid;
	gap: 7px;
	align-items: center;
	justify-items: center;
	align-content: center;
	color: #f2f2f2;
	font-size: 16px;
	cursor: pointer;
}

.account-input-file-text:before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url("/local/templates/stroekos/css/../img/icons/add.svg") center/contain no-repeat;
}

.account-input-file.selected .account-input-file-text:before {
	display: none;
}

.account-input-file-img {
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.account-input-file-img img {
	object-position: top;
	object-fit: cover;
	width: 100%;
	height: 100%
}

.account-input-file-img .close {
	position: absolute;
	right: 16px;
	top: 16px;
	pointer-events: auto;
	z-index: 3;
	width: 16px;
	height: 16px;
}

.account-input-file:not(.selected) .input-file-img {
	display: none;
}


.account__right {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: calc(20px + 57 * ((100vw - 320px) / 1600));
}

.account__inputs {
	display: grid;
	gap: 15px;
	align-items: start;
	align-content: start;
}

.account__input {
	position: relative;
	display: grid;
	gap: 15px;
	align-items: start;
	align-content: start;
}

.account__input .input {
	width: 100%;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 8px 24px 0px rgba(26, 98, 214, 0.06);
	font-size: 14px;
	color: #0042AD;
}

.account__input input::placeholder {
	color: inherit !important;
	font: inherit !important
}

.account__input .input:focus {
	border: 1px solid #1a62d6
}

.account__input-pass {
	position: absolute;
	right: 15px;
	top: 13px;
	display: flex;
	align-items: center;
	gap: 8px;
	background: none;
	font-size: 12px;
	border: none;
	color: #1A62D6;
	cursor: pointer;
}


.account__right form {
	display: contents;
}

.z_h2 {
	padding: 0;
	font-style: normal;
	line-height: 1.2;
	color: #0042ad;
	font-size: 32px;
	margin: 0 0 40px;
	font-family: RobotoBold, Arial, sans-serif;
	font-weight: 700;
}

.z_h3 {
	font-family: RobotoSemiBold, Arial, sans-serif;
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 20px;
	padding: 0;
	font-style: normal;
	line-height: 1.2;
	color: #0042ad;
}

.label:after {
	position: absolute;
	content: "";
	width: 10px;
	height: 16px;
	right: -10px;
	top: 0;
	border-top: 16px solid #1a62d6;
	border-right: 10px solid transparent;
}



.waitwindowlocal {
	display: none !important;
}

div[id^="wait_"] {
	display: none !important;
	background: none !important;
	border: 0 !important;
	color: #000000;
	font-family: Verdana, Arial,
		sans-serif;
	font-size: 11px;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal;
	letter-spacing: normal !important;
	line-height: normal;
	padding: 0 !important;
	position: absolute;
	text-align: center !important;
	text-indent: 0 !important;
	width: 0px !important;
	height: 0px !important;
	word-spacing: normal !important;
	z-index: 0;
	content: "";
}

form.smartfilter .row .bx-filter-parameters-box:first-child .bx-filter-param-text {
	display: flex;
	gap: 5px;
}

.nav>li ul li ul {
	padding-top: 10px;
}

.nav>li>ul li a small.label {
	height: 13px;
	position: relative;
	margin-top: -12px;
}

.nav>li>ul li a small.label:after {
	height: 13px;
	border-top: 13px solid #1a62d6;
}



.dostavka {
	margin-bottom: 47px;
}

.dostavka__header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: -2px;
}

.dostavka__button {
	min-width: min(calc(90px + 31px), calc(90px + 26 * ((100vw - 320px) / 1600)));
	min-height: min(calc(34px + 6px), calc(34px + 6 * ((100vw - 320px) / 1600)));
	padding: 0.64em 1.42em;

	font-family: 'RobotoMedium';
	font-size: min(calc(12px + 2px), calc(12px + 2 * ((100vw - 320px) / 1600)));
	color: #0042ad;

	background: #fff;
	border: 1.50px solid #0042ad;
	border-radius: 5px 5px 0 0;

	cursor: pointer;
}

.dostavka__button.active {
	border-color: #1a62d6;
	background: #1a62d6;
	color: #fff
}


.dostavka__tab-wrapper {
	position: relative;
	display: grid;
	grid-template-columns: 1.9fr 1fr;
	min-height: 435px;
	border-radius: 4px;
	overflow: hidden;
}


.dostavka__right {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: min(calc(400px + 221px), calc(400px + 221 * ((100vw - 320px) / 1600)));
}

.dostavka__right-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dostavka .map {
	width: 100%;
	height: 100%
}

.dostavka .ymaps-2-1-79-controls__control_toolbar,
.dostavka .ymaps-2-1-79-copyright__content-cell,
.dostavka .ymaps-2-1-79-copyright__link,
.dostavka .ymaps-2-1-79-float-button,
.dostavka .ymaps-2-1-79-gototaxi,
.dostavka .ymaps-2-1-79-gototech,
.dostavka .ymaps-2-1-79-gotoymaps,
.dostavka .ymaps-2-1-79-gotoymaps__container,
.dostavka .ymaps-2-1-79-listbox__button,
.dostavka .ymaps-2-1-79-listbox__button-icon {
	display: none !important
}

.dostavka__tab:not(:first-child) {
	display: none;
}

.dostavka__tab-left {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 100%;
	align-content: start;
	padding-top: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 320px) / 1600)));
	padding-inline: min(calc(15px + 35px), calc(20px + 20 * ((100vw - 320px) / 1600)));
	border-radius: 3px;
}

.dostavka__tab-left::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #6EDDFF;
	border-radius: 3px;
	clip-path: polygon(0 0, 100% 0, 76% 100%, 0% 100%);
	pointer-events: none;
}

.dostavka__tab-title {
	margin-bottom: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 320px) / 1600)));
	font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 320px) / 1600)));
	line-height: 1.2;
	color: #0042ad;
	font-family: 'RobotoSemiBold';
}

.dostavka__tab-subtitle {
	padding-right: min(calc(35px + 70px), calc(35px + 70 * ((100vw - 320px) / 1600)));
	margin-bottom: 13px;
	font-size: 18px;
	line-height: 1.2;
	color: #0042ad;
	font-family: 'RobotoSemiBold';
}

.dostavka__tab-list {
	display: grid;
	gap: min(calc(12px + 3px), calc(12px + 3 * ((100vw - 320px) / 1600)));
	padding: 0 40px 0 0;
	margin: 0;
	list-style: none;
}

.dostavka__tab-list:not(:last-child) {
	margin-bottom: min(calc(16px + 4px), calc(16px + 4* ((100vw - 320px) / 1600)));
}

.dostavka__tab-list li {
	margin: 0;
	position: relative;
	display: flex;
	align-items: baseline;
	gap: 8px;

	font-size: 14px;
	line-height: 1.2;
	color: #303030;
}

.dostavka__tab-list li::before {
	content: "";

	flex: 0 0 5.5px;
	width: 5.5px;
	height: 5.5px;
	translate: 0 -0.1lh;
	border-radius: 50%;
	background: #0042ad;
}

.dostavka__tab-list li strong {
	display: contents;
	font-family: 'RobotoSemiBold';
}

.dostavka__tab-list-2 {
	padding-right: min(calc(20px + 50px), calc(20px + 50 * ((100vw - 320px) / 1600)));
	grid-template-columns: max-content max-content;
	gap: 14px 20px
}

.dostavka__logos {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px 20px;
	margin-bottom: min(calc(20px + 14px), calc(20px + 14 * ((100vw - 320px) / 1600)));
	padding-right: min(calc(20px + 50px), calc(20px + 50 * ((100vw - 320px) / 1600)));
}

.dostavka__img {
	position: relative;
	z-index: 3;
	max-width: min(calc(300px + 161px), calc(300px + 161 * ((100vw - 320px) / 1600)));
	margin-top: 20px;
	justify-self: end;
}



.product-list {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 8px;
	margin-top: 20px;
	align-content: start;
	font-size: 13px;
}

@media(max-width: 1199px) {
	.product-list {
		grid-template-columns: 100%;
	}
}

.product-list a {
	color: #003eff;
	transition: .3s;
}

.product-list a:hover {
	text-decoration: underline;
}

.product-list a svg {
	position: relative;
	bottom: -2px;
}

.product-list ul {
	list-style-type: none;
	padding: 0;
	margin-bottom: 0;
}

.product-list li:last-child {
	margin-bottom: 0;
}

.product-list__item {
	padding: 12px;
	box-shadow: 0 8px 24px rgba(26, 98, 214, .06);
	line-height: 1.2;
}

.product-list__item-title {
	font-size: 15px;
	font-family: RobotoSemiBold;
}



.gallery {
	margin-bottom: min(calc(40px + 50px), calc(40px + 50 * ((100vw - 320px) / 1600)));
}

.gallery__pagination-wrapper {
	display: flex;
	justify-content: center;
	margin-top: min(calc(15px + 15px), calc(15px + 15 * ((100vw - 320px) / 1600)));
}

.gallery__pagination {
	position: static;
	transform: translate(0, 0) !important;
	margin-inline: auto;
}

.service-text table:not(.ui-datepicker-calendar) td {
	max-width: none;
}

.service-text table:not(.ui-datepicker-calendar) td:first-child {
	font-size: 14px;
	color: inherit;
}

.service-text table:not(.ui-datepicker-calendar) thead {
	background: #1a62d6;
}

.service-text table:not(.ui-datepicker-calendar) thead th {
	color: #fff;
}

.service-text table:not(.ui-datepicker-calendar) thead th:first-child {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.service-text table:not(.ui-datepicker-calendar) thead th:last-child {
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}

.service-text table:not(.ui-datepicker-calendar) td[colspan] {
	background: #18d6b2;
	color: #fff;
}

.service-text table:not(.ui-datepicker-calendar) tr {
	border-top-width: 5px
}


@media(max-width: 767px) {
	.product__item-percent {
		top: 12px;
	}

	.dostavka__tab-wrapper {
		grid-template-columns: 100%;
		min-height: auto;
	}

	.dostavka__tab-left {
		padding: 20px 15px;
		background: #6EDDFF;
	}

	.dostavka__tab-left::before {
		display: none;
	}

	.dostavka__logos,
	.dostavka__tab-list,
	.dostavka__tab-subtitle {
		padding-right: 0;
	}

	.dostavka__right {
		position: static;
		height: 300px;
		width: 100%;
	}

	.dostavka__img {
		display: none;
	}
}

@media(max-width: 575px) {
	.dostavka__tab-list {
		grid-template-columns: 100%;
	}
}




@media (min-width:769px) {
	.filter__range {
		display: none !important
	}

	/* .promo .btn+.down {
		display: none;
	} */
}

@media (min-width:800px) {
	.fancybox-button--thumbs {
		display: inline-block
	}

	.fancybox-button--thumbs span {
		font-size: 23px
	}

	.fancybox-button--thumbs:before {
		width: 3px;
		height: 3px;
		top: calc(50% - 2px);
		left: calc(50% - 2px);
		box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, inset 0 0 0 32px, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
	}

	.fancybox-thumbs,
	.fancybox-thumbs>ul>li {
		margin: 0;
		-webkit-tap-highlight-color: transparent;
		box-sizing: border-box
	}

	.fancybox-thumbs {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: auto;
		width: 220px;
		padding: 5px 5px 0 0;
		background: #fff;
		word-break: normal;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		z-index: 99995
	}

	.fancybox-show-thumbs .fancybox-thumbs {
		display: block
	}

	.fancybox-show-thumbs .fancybox-inner {
		right: 220px
	}

	.fancybox-thumbs>ul {
		list-style: none;
		position: relative;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		overflow-x: hidden;
		overflow-y: auto;
		font-size: 0
	}

	.fancybox-thumbs>ul>li {
		float: left;
		overflow: hidden;
		max-width: 50%;
		padding: 0;
		width: 105px;
		height: 75px;
		position: relative;
		cursor: pointer;
		outline: 0;
		border: 5px solid transparent;
		border-top-width: 0;
		border-right-width: 0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	li.fancybox-thumbs-loading {
		background: rgba(0, 0, 0, .1)
	}

	.fancybox-thumbs>ul>li>img {
		position: absolute;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		max-width: none;
		max-height: none;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none
	}

	.fancybox-thumbs>ul>li:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 2px;
		border: 4px solid #4ea7f9;
		z-index: 99991;
		opacity: 0;
		transition: all .2s cubic-bezier(.25, .46, .45, .94)
	}

	.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
		opacity: 1
	}
}

@media (min-width:992px) {
	.reviews__form:after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		width: calc(75px + 75*(100vw - 320px)/1600);
		height: calc(118px + 118*(100vw - 320px)/1600);
		background: url(/local/templates/stroekos/css/../img/form-icon.svg) 50%/contain no-repeat
	}
}

@media (max-width:1400px) {
	.feedback--big {
		background-position: center right -40%
	}

	.quiz {
		background-position: center right -350px
	}
}

@media (max-width:1300px) {
	.btn-to-top {
		left: calc(100% - 60px)
	}
}

@media (max-width:1200px) {
	.nav {
		column-gap: 20px
	}

	.feedback--big {
		background-position: center right -75%
	}

	.subfeedback {
		padding: 40px 0 40px 30px;
		margin: 40px 0 40px -30px
	}



	.reviews-thanks__list {
		grid-template-columns: repeat(4, 1fr)
	}

	.catalog__container {
		grid-template-columns: 280px minmax(0, 1fr)
	}

	.catalog__content-list {
		grid-template-columns: repeat(2, 1fr)
	}

	.favourites__list {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.basket__container {
		grid-template-columns: 100%;
		justify-items: start
	}

	.basket-items-list-wrapper {
		width: 100%
	}
}

@media (max-width:1150px) {
	main {
		margin: 54px 0 0
	}

	.header__location-city,
	.header__login,
	.search-form__container {
		display: none
	}

	.header__bottom {
		display: none;
		background: #fff;
		padding-bottom: 20px
	}

	.header__bottom .container {
		flex-direction: column;
		align-items: flex-start
	}

	.header__bottom .dropdown-footer__btn,
	.nav>li button {
		width: 46px !important;
		height: 46px !important;
		top: 0 !important;
		margin-left: 0 !important;
		display: inline-block
	}

	.header__bottom .btn {
		margin-top: 20px;
		margin-bottom: 5px
	}

	.header__burger {
		display: block
	}

	.nav {
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: nowrap;
		margin: 10px 20px 0 0
	}

	.link {
		font-size: 18px;
	}

	.nav>li a {
		color: #0042ad;
		padding: 14px 0;
		font-size: 18px;
	}

	.dropdown-menu a,
	.nav>li>ul li a {
		font-size: 16px;
	}

	.header__contact,
	.header__contact--bottom {
		font-size: 14px;
	}

	.header__contact--bottom a,
	.header__contact a,
	.header__login a {
		font-size: 16px;
	}

	.nav__mobile-item {
		display: block;
		margin: 15px 0 0
	}

	.submenu {
		background-image: none
	}

	.btn-cart,
	.btn-compare,
	.btn-search,
	.dropdown>a:after {
		display: none
	}

	.dropdown {
		padding-right: 0
	}

	.dropdown-menu {
		position: relative;
		max-width: 100%;
		width: 100%;
		padding: 0;
		border: 0;
		box-shadow: none
	}
}

@media (max-width:1037px) {

	.stocks__item:nth-child(6n+1) h2,
	.stocks__item:nth-child(6n+5) h2 {
		font-size: 28px;
	}

	.stocks__item:nth-child(2) h2,
	.stocks__item:nth-child(3) h2 {
		font-size: 24px;
	}

	.stocks__item:nth-child(1) .stocks__item-content p {
		width: 59%;
	}
}

@media (max-width:998px) {
	.main-title {
		font-size: 54px
	}

	.table__container {
		padding: 90px 0 0
	}

	.input {
		min-width: 220px
	}

	.stocks__list {
		margin: 30px 0 90px
	}

	.catalog__item h3,
	.stocks__item .stocks__item-over {
		font-size: 28px
	}

	.section-margin,
	.stocks__feedback,
	.stocks__products {
		margin: 90px 0
	}



	.footer__menu {
		grid-template-columns: repeat(2, 1fr)
	}

	/* .promo {
		background-position: 100% 100%, 50%
	} */

	.advantages {
		padding: 50px 0
	}

	.advantages__list,
	.advantages__list-1 {
		grid-template-columns: repeat(2, 1fr)
	}

	.products__list {
		display: none
	}

	.products__swiper {
		display: block
	}

	.recommendations {
		padding: 40px 0 90px
	}

	.recommendations__item:nth-child(2n) .recommendations__item-content {
		padding-right: 20px
	}

	.recommendations__item:nth-child(odd) .recommendations__item-content {
		padding-left: 20px
	}

	.work {
		margin-block: 45px
	}

	.blog {
		padding-block: 50px
	}

	.text-block--section {
		margin: 0 0 90px
	}

	.feedback {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjYiIGhlaWdodD0iMTEyIiB2aWV3Qm94PSIwIDAgNjYgMTEyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjYuOTk2MSAxMTJIMjkuNDk4N0wxOC43NDg1IDkxLjU5MjdMMzcuNDkzNiA1Nkw2Ni45OTYxIDExMloiIGZpbGw9IiMxOEQ2QjIiLz4KPHBhdGggZD0iTTI5LjUwMjYgMEwxOC43NTI0IDIwLjQxNDNMMCA1NS45OTk4TDE4Ljc1MjQgOTEuNTkyNUwzNy40OTc0IDU1Ljk5OThMNjcgMEgyOS41MDI2WiIgZmlsbD0iIzFBNjJENiIvPgo8cGF0aCBkPSJNNjUuODM2IDMzLjkyNDhWNTQuODQwNUw2NS44NzI3IDc4LjA4MjFMNTQuMzMxMSA1Ni4wMjE2TDY1LjgzNiAzMy45MjQ4WiIgZmlsbD0iIzE4RDZCMiIvPgo8L3N2Zz4K);
		background-position: 100% 100%
	}

	.feedback--big {
		background-image: none
	}

	.subfeedback {
		padding: 40px 20px 40px 30px;
		margin: 40px 0 40px -30px
	}

	.subfeedback .feedback__flex {
		flex-direction: column;
		align-items: stretch;
		margin: 0
	}

	.services {
		margin-block: 45px
	}

	.services--section {
		margin: 90px 0
	}

	.services__list {
		grid-template-columns: repeat(3, 1fr)
	}

	.services__item:nth-child(6n+3),
	.services__item:nth-child(6n+4) {
		grid-column: span 1
	}

	.services__item-title {
		font-size: 26px
	}

	.workers-desktop__list {
		display: none
	}

	.workers__list {
		display: flex
	}

	.about-news--without-back {
		padding: 50px 0
	}

	.works {
		padding: 0 0 90px
	}

	.work__list {
		grid-template-columns: repeat(3, 1fr)
	}

	.work-page {
		padding: 0 0 50px
	}

	.product-card__slider,
	.product-card__slider-content {
		width: calc(50% - 15px)
	}

	.product-card__slider {
		max-height: max-content
	}

	.reviews-text__item-img {
		width: calc(45% - 10px)
	}

	.reviews-text__item-content {
		width: calc(55% - 10px)
	}

	.reviews-text__top {
		flex-direction: column-reverse
	}

	.reviews-thanks__list {
		grid-template-columns: repeat(3, 1fr)
	}

	.blog-page__container {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 30px
	}

	.blog-page__sidebar {
		padding: 10px 20px 25px
	}

	.tab-label {
		margin: 0
	}

	.article-page {
		padding-block: 90px;
	}

	.article-page__container {
		gap: 25px
	}

	.services-page {
		padding: 0 0 90px
	}

	.scheme {
		padding: 50px 0 90px
	}

	.prices {
		margin: 90px 0 0;
		padding: 0 0 50px
	}

	.service__feedback {
		margin: 40px 0;
		padding: 60px 40px
	}

	.service__advantages {
		margin: 40px 0
	}

	.quiz {
		margin: 90px 0;
		background-position: center right -500px
	}

	.quiz .container {
		flex-direction: column;
		align-items: flex-start
	}

	.catalog__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.catalog__video {
		padding: 40px 0 0
	}

	.montage {
		padding: 0 0 50px
	}

	.catalog-gallery {
		padding: 0 0 50px
	}

	.catalog-sertificates,
	.favourites {
		padding: 0 0 50px
	}

	.favourites__list {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.contacts__container {
		margin: 0 0 90px
	}

	.basket__container {
		padding: 0 0 90px
	}

	.basket__item,
	.basket__item-center {
		align-items: flex-start;
		gap: 20px
	}

	.basket__item-center {
		flex-direction: column;
		gap: 10px
	}

	.basket__item-title {
		margin: 0
	}

	.basket__item-price {
		order: -1
	}

	.basket__recomm {
		padding: 0 0 90px
	}

	.product-sect {
		margin: 20px 0 70px
	}

	.tabs__content .product__technical-list {
		gap: 40px
	}

	.delivery__container {
		padding: 0 0 90px
	}

	.basket__item-center {
		display: flex
	}

	.payment,
	.payment-options__requisites,
	.step {
		padding: 0 0 90px
	}
}

@media (max-width:991px) {

	.header__left,
	.header__right {
		gap: 10px;
	}

	.btn-black {
		padding: 8px 20px;
		font-size: 12px;
	}

	.search__item {
		align-items: start
	}

	.job {
		padding-bottom: 90px;
	}
}

@media (max-width:933px) {
	.stocks__item:nth-child(1) img {
		max-width: 70%;
	}
}

@media (max-width:800px) {
	.fancybox-infobar {
		left: 0;
		margin-left: 0
	}

	.fancybox-button--left,
	.fancybox-button--right {
		display: none !important
	}

	.fancybox-caption {
		padding: 20px 0;
		margin: 0
	}
}

@media (max-width:768px) {
	.img {
		margin: 0 0 20px
	}

	.btn--bottom {
		margin-top: 20px;
		display: inline-block
	}

	.container {
		padding: 0 20px
	}

	h1 {
		font-size: 32px
	}

	.title__container .btn {
		display: none
	}

	.main-subtitle {
		font-size: 24px
	}

	.table__container {
		padding: 50px 0 0
	}

	table:not(.ui-datepicker-calendar) th {
		font-size: 14px
	}

	table:not(.ui-datepicker-calendar) td {
		font-size: 14px;
		padding: 7px 10px
	}

	.input--50 {
		width: 100%
	}

	.paginator__list {
		gap: 4px
	}

	.paginator__arrow--prev {
		padding-right: 5px
	}

	.paginator__arrow--next {
		padding-left: 5px
	}

	.stocks__list {
		grid-template-columns: repeat(2, 1fr);
		margin: 30px 0 60px
	}

	.stocks__item {
		padding: 20px
	}

	.stocks__item .stocks__item-over {
		font-size: 20px;
		padding: 12px 30px 12px 15px;
		background: linear-gradient(115deg, #d4f5ff, #d4f5ff 90%, transparent 90.1%, transparent)
	}

	.stocks__item:nth-child(6n+1),
	.stocks__item:nth-child(6n+5) {
		grid-column: span 1;
		grid-row: span 1;
		padding: 20px
	}

	.stocks__item:nth-child(1) img {
		position: relative;
		right: 40px;
	}

	.stocks__item:nth-child(6n+1) h2,
	.stocks__item:nth-child(6n+5) h2 {
		font-size: 24px
	}

	.stocks__item:nth-child(6n+1) a,
	.stocks__item:nth-child(6n+1) span,
	.stocks__item:nth-child(6n+5) a,
	.stocks__item:nth-child(6n+5) span {
		padding: 13px 20px
	}

	.stocks__item:nth-child(6n+1) .stocks__item-over,
	.stocks__item:nth-child(6n+5) .stocks__item-over {
		background: linear-gradient(115deg, #1a62d6, #1a62d6 90%, transparent 90.1%, transparent)
	}

	.stocks__item-content {
		width: calc(70% - 5px)
	}

	.stocks__item-img {
		width: calc(30% - 5px);
		align-self: flex-end
	}

	.stocks__content {
		padding: 100px 30px
	}

	.stocks__feedback,
	.stocks__products {
		margin: 50px 0
	}

	.header__right {
		column-gap: 15px
	}

	.header__contact a {
		font-size: 0
	}

	.header__contact a:before {
		content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjg5NjggMTkuMTM0MUwyMy43NzcgMTguNzY5NUMyMy40OTU3IDE3LjkzMDkgMjIuNTY4NSAxNy4wNTU5IDIxLjcxNDMgMTYuODIxNEwxOC41NjA0IDE1Ljk1OTNDMTcuNzA2MSAxNS43Mjc1IDE2LjQ4NzIgMTYuMDQwMSAxNS44NTk3IDE2LjY2NzdMMTQuNzE4OSAxNy44MDg1QzEwLjU3MjYgMTYuNjg2IDcuMzE5NzIgMTMuNDMzMSA2LjE5OTc3IDkuMjg2OEw3LjM0MDU1IDguMTQ2MDJDNy45NjU2MiA3LjUyMDk1IDguMjc4MTUgNi4zMDIwNyA4LjA0NjM4IDUuNDQ1MjRMNy4xODY3OSAyLjI5MTI0QzYuOTU1MDEgMS40MzY5OSA2LjA3NDY3IDAuNTA5ODA5IDUuMjM2MDkgMC4yMjg1M0w0Ljg3NjYzIDAuMTA4Njg0QzQuMDM1MzggLTAuMTcyNTk1IDIuODM0NzYgMC4xMTEyNjggMi4yMDk2OSAwLjczOUwwLjUwMTE4MiAyLjQ0NzUxQzAuMTk2NDg0IDIuNzQ5NjIgMC4wMDExMzA4MyAzLjYxOTU1IDAuMDAxMTMwODMgMy42MTk1NUMtMC4wNTYyMDg0IDkuMDQyMDIgMi4wNjkwOSAxNC4yNjM5IDUuOTAyODIgMTguMTAwMkM5LjcyNjEzIDIxLjkyMzUgMTQuOTI5OCAyNC4wNDYyIDIwLjMzNCAyMy45OTkyQzIwLjM2MjYgMjMuOTk5MiAyMS4yNTYgMjMuODA5MSAyMS41NjA3IDIzLjUwNDRMMjMuMjY5MiAyMS43OTU4QzIzLjg5NDMgMjEuMTczNCAyNC4xNzU1IDE5Ljk3MjcgMjMuODk2OCAxOS4xMzQxWiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K)
	}

	.header__contact-1 {
		font-size: 0;
		width: 24px;
		height: 24px
	}

	.header__contact-2 {
		display: none
	}

	.footer {
		padding: 25px 0 40px;
		background-position: 100% 0
	}

	.footer__main {
		grid-template-columns: 1fr
	}

	.footer__text {
		display: none
	}

	.footer__bottom {
		display: flex;
		justify-content: space-between
	}

	.footer__bottom-right {
		text-align: right
	}

	.footer__bottom-right .footer__subtext:first-child {
		margin: 0
	}

	.catalog__content-top span,
	.footer__menu {
		display: none
	}

	.products {
		padding: 30px 0
	}

	.recommendations {
		padding: 30px 0 50px
	}

	.recommendations__item {
		flex-direction: column;
		align-items: stretch;
		row-gap: 10px
	}

	.recommendations__item:nth-child(2n) {
		flex-direction: column
	}

	.recommendations__item:nth-child(2n) .recommendations__item-content {
		padding-right: 0
	}

	.recommendations__item:nth-child(odd) .recommendations__item-content {
		padding-left: 0
	}

	.recommendations__item-content,
	.recommendations__item-video {
		width: 100%
	}

	.recommendations__item-content cite {
		padding-top: 25px;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxOSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuMTQzNTU1IDE1LjIwN1YxMC45ODczQzAuMTQzNTU1IDkuNzYwMDkgMC4zNzk1NTcgOC40OTUxMiAwLjg1MTU2MiA3LjE5MjM4QzEuMzIzNTcgNS44ODk2NSAxLjk0NjYxIDQuNjYyNDMgMi43MjA3IDMuNTEwNzRDMy40OTQ3OSAyLjM0MDE3IDQuMzQ0NCAxLjM0ODk2IDUuMjY5NTMgMC41MzcxMDlMOS4wNjQ0NSAyLjc0NjA5QzguMzg0NzcgMy44Nzg5MSA3Ljc5OTQ4IDUuMDk2NjggNy4zMDg1OSA2LjM5OTQxQzYuODE3NzEgNy43MDIxNSA2LjU3MjI3IDkuMjMxNDUgNi41NzIyNyAxMC45ODczVjE1LjIwN0gwLjE0MzU1NVpNOS43NzI0NiAxNS4yMDdWMTAuOTg3M0M5Ljc3MjQ2IDkuNzYwMDkgMTAuMDA4NSA4LjQ5NTEyIDEwLjQ4MDUgNy4xOTIzOEMxMC45NTI1IDUuODg5NjUgMTEuNTc1NSA0LjY2MjQzIDEyLjM0OTYgMy41MTA3NEMxMy4xMjM3IDIuMzQwMTcgMTMuOTczMyAxLjM0ODk2IDE0Ljg5ODQgMC41MzcxMDlMMTguNjkzNCAyLjc0NjA5QzE4LjAxMzcgMy44Nzg5MSAxNy40Mjg0IDUuMDk2NjggMTYuOTM3NSA2LjM5OTQxQzE2LjQ0NjYgNy43MDIxNSAxNi4yMDEyIDkuMjMxNDUgMTYuMjAxMiAxMC45ODczVjE1LjIwN0g5Ljc3MjQ2WiIgZmlsbD0iIzAwNDJBRCIvPgo8L3N2Zz4K);
		background-repeat: no-repeat;
		background-position: 0 0
	}

	.work {
		margin-block: 50px
	}

	.reviews {
		padding: 45px 0 50px
	}

	.reviews-wrapper {
		grid-template-columns: 100%
	}

	.payment-instalment h1,
	.reviews .title__container .section-title,
	.reviews .title__container h2 {
		margin: 0 0 20px
	}

	.blog {
		padding: 50px 0 30px
	}

	.text-block {
		/* padding: 30px 0 60px; */
		padding: 0;
		background-image: none
	}

	main>*:last-child {
		padding-bottom: 50px;

	}

	.text-block--section {
		margin: 50px 0;
		background-image: none
	}

	.text-block--60 {
		padding: 30px 0
	}

	.text-block .container {
		flex-direction: column
	}

	.text-block__content,
	.text-block__img {
		width: 100%
	}

	.feedback {
		background-size: auto 40%
	}

	.feedback--flex .feedback__form {
		position: static;
		display: flex;
		flex-direction: column;
		gap: 20px
	}

	.feedback--flex .feedback__form .checkbox {
		position: static;
		max-width: 90%;
		top: 0;
		left: 0
	}

	.feedback--flex .feedback__flex .btn {
		margin: 0
	}

	.feedback__form {
		position: relative
	}

	.feedback__form .checkbox {
		position: absolute;
		max-width: 90%;
		top: 120px;
		left: 0
	}

	.feedback__form--grid .checkbox {
		top: 390px
	}

	.feedback__flex {
		flex-direction: column;
		align-items: stretch;
		margin: 0
	}

	.feedback__flex .btn,
	.feedback__grid .btn {
		align-self: flex-start;
		margin-top: 55px
	}

	.feedback__grid {
		grid-template-columns: 1fr
	}

	.feedback__grid textarea {
		grid-column: span 1;
		grid-row: span 1
	}

	.subfeedback {
		padding: 40px 20px;
		margin: 40px -20px
	}

	.services {
		margin: 50px 0 30px
	}

	.services--section {
		margin: 50px 0
	}

	.services__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.services__item {
		height: 92px
	}

	.services__item-img {
		position: absolute;
		right: 20px;
		top: 50%;
		translate: 0 -50%;
		max-width: 42px;
		object-fit: contain;
	}

	.services__item-title {
		font-size: 24px !important;
		margin-bottom: 0 !important;
	}

	.services__item-title {
		font-size: 28px
	}

	.about-intro {
		padding: 0 0 20px;
		background-image: none
	}

	.workers {
		padding: 20px 0 0
	}

	.about-video {
		padding: 20px 0
	}

	.about-video__container {
		grid-template-columns: 1fr
	}

	.about-news {
		padding: 30px 0 0;
		/* margin: 0 0 30px; */
		background-image: none
	}

	.about-news--without-back {
		padding: 4px 0
	}

	.about-news__item {
		grid-template-columns: minmax(0, 1fr) 1.5fr
	}

	.sort-list {
		column-gap: 16px;
		row-gap: 10px
	}

	.works {
		padding: 0 0 60px
	}

	.work__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.work-page {
		padding: 0 0 30px
	}

	.product-card__slider-container {
		flex-direction: column;
		margin: 30px 0 10px
	}

	.product-card__slider,
	.product-card__slider-content {
		width: 100%
	}

	.product-slider-big .swiper-slide {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center
	}

	.reviews-text__item {
		flex-direction: column;
		gap: 10px
	}

	.reviews-text__item-img {
		max-width: calc(100% + 40px);
		width: calc(100% + 40px);
		margin: -20px -20px 0;
		border-radius: 5px 5px 0 0;
		aspect-ratio: 335/197
	}

	.reviews-text__item-content {
		display: flex;
		flex-direction: column;
		width: 100%
	}

	.reviews-text__item-content h3 {
		max-width: 100%;
		margin: 15px 0 10px;
		order: -2
	}

	.reviews-text__top {
		position: static;
		align-items: flex-start;
		order: -1;
		margin-bottom: 10px
	}

	.reviews-thanks__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.job__item h2 {
		margin: 0 0 15px
	}

	.job .job__salary,
	.job__item h2 {
		font-size: 18px
	}

	.blog-page__list {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 30px
	}

	.blog-page__item {
		display: grid;
		grid-template-rows: auto 1fr;
		padding: 0;
		gap: 0
	}

	.blog-page__item-img {
		max-width: 100%
	}

	.blog-page__item-content {
		display: grid;
		grid-template-rows: 1fr auto auto;
		width: 100%;
		padding: 15px 20px;
		align-content: start;
		align-items: start;
		height: 100%
	}

	.blog-page__item-text {
		margin-bottom: 25px
	}

	.blog-page__item-text:not(.active) {
		-webkit-line-clamp: 2
	}

	.blog-page__item-content time {
		right: 20px;
		top: 15px
	}

	.blog-page__item-more {
		position: absolute;
		left: 20px;
		bottom: 15px
	}

	.article-page__container {
		grid-template-columns: 1fr
	}

	.scheme__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.service__feedback {
		padding: 40px 20px
	}

	.service__feedback h2 {
		margin: 0 0 40px
	}

	.service__advantages {
		padding: 40px 0
	}

	.quiz {
		background-image: none
	}

	.quiz__right {
		max-width: 100%
	}

	.catalog__item h3 {
		font-size: 24px
	}

	.catalog__video {
		padding: 60px 0 0
	}

	.montage {
		padding: 0 0 40px
	}

	.montage__list {
		grid-template-columns: 1fr
	}

	.catalog__container {
		grid-template-columns: minmax(0, 1fr)
	}

	.catalog__filters {
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		border: 0;
		border-radius: 0;
		overflow-x: hidden
	}

	.catalog__filters .btn {
		margin: 30px 0
	}

	.catalog__filters-bottom {
		height: calc(100vh - 54px);
		overflow-y: scroll;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px
	}

	.catalog__content-top .btn-filter {
		display: block;
		font-weight: 400;
		font-family: RobotoRegular,
			Arial,
			sans-serif;
	}

	.catalog-gallery {
		padding: 0 0 20px
	}

	.catalog-sertificates,
	.favourites {
		padding: 0 0 40px
	}

	.contacts__container {
		flex-direction: column;
		margin: 0 0 60px
	}

	.contacts__content,
	.contacts__map {
		width: 100%
	}

	.contacts__map iframe {
		min-height: 300px
	}

	.basket__container {
		grid-template-columns: minmax(0, 1fr);
		padding: 0 0 60px
	}

	.basket__item {
		padding: 0 40px
	}

	.basket__recomm {
		padding: 0 0 60px
	}

	.product-sect {
		margin: 0 0 40px
	}

	.tabs__content .product__technical-list {
		columns: 1
	}

	.delivery__container {
		padding: 0 0 60px;
		flex-direction: column
	}

	.delivery__content {
		width: 100%
	}

	.delivery__img {
		width: 90%
	}

	.payment-options__container {
		padding: 0 0 20px
	}

	.payment-options__list {
		grid-template-columns: repeat(2, 1fr)
	}

	.payment-options__requisites {
		padding: 0 0 60px
	}

	.payment-instalment__banks-list {
		grid-template-columns: repeat(2, 1fr)
	}

	.payment {
		padding: 0
	}

	.payment .container {
		flex-direction: column
	}

	.payment__content {
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-right: -20px;
		padding: 40px 20px
	}

	.payment__img {
		display: none
	}

	.step {
		padding: 0 0 60px
	}

	.step-checkbox__container--3 {
		grid-template-columns: repeat(2, 1fr);
		margin: 0 0 30px
	}
}

@media (max-width:767px) {
	.blog-page {
		padding-bottom: 20px;
	}

	.blog-page__section+br {
		display: none;
	}

	.product__item-price {
		order: 2
	}

	.about-intro img,
	.text-block img,
	.job img {
		height: 265px;
		object-fit: cover;
	}


	.text-block__content h2,
	.text-block h2 {
		order: -2;
	}

	.text-block__content img,
	.text-block img {
		order: -1;
	}

	.quiz {
		background: none
	}

	.search__item {
		grid-template-columns: 100%;
		gap: 10px
	}

	.basket__item-close {
		margin-left: -18px
	}

	.account-wrapper {
		display: flex;
		flex-direction: column-reverse;
	}

	.account__right {
		grid-template-columns: 100%;
	}

	.article-page {
		padding-block: 60px;
	}
}

@media (max-width:576px) {
	.job {
		padding-bottom: 40px;
	}

	.favourites {
		padding: 0 0 40px
	}

	.btn-to-top {
		left: calc(100% - 50px);
		bottom: 70px
	}

	.main-title {
		font-size: 39px
	}

	.section-title,
	.stocks__content h2,
	h2 {
		font-size: 28px
	}

	.stocks__list {
		gap: 10px
	}

	.stocks__item {
		flex-direction: column
	}

	.stocks__item-content {
		width: 100%
	}

	.stocks__item-img {
		width: 50%
	}

	.stocks__content {
		padding: 60px 20px
	}

	.section-margin {
		margin: 60px 0
	}

	.footer-mobile {
		display: block
	}

	.modal__form-wrapper,
	.modal__success {
		min-width: 100%
	}

	/* .promo {
		padding: 50px 0 225px;
		background-size: 154%, cover;
	}

	.promo .btn {
		margin: 10px 0 0;
		padding: 9px 47px;
	} */

	.advantages {
		padding: 40px 0
	}

	.advantages .section-title,
	.advantages h2,
	.services .section-title,
	.services h2 {
		margin: 0 0 30px
	}

	.advantages__list,
	.advantages__list-1,
	.services__list {
		grid-template-columns: 1fr
	}

	.recommendations__item-content cite {
		font-size: 18px
	}

	.services__item-title {
		margin: 0 0 20px
	}

	.about-news__item {
		grid-template-columns: minmax(0, 1fr)
	}

	.sort-list {
		column-gap: 6px;
		margin: 0
	}

	.sort-list__container {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
		margin: 0 0 20px
	}

	.sort-list__container select {
		margin: 0
	}

	.reviews-thanks__list,
	.reviews-video__list {
		grid-template-columns: 1fr
	}

	.job__item h3 {
		font-size: 14px;
		margin: 20px 0 15px
	}

	.job__item p {
		line-height: 1.2
	}

	.services-page {
		padding: 0 0 60px
	}

	.scheme {
		padding: 30px 0
	}

	.product__item-link {
		font-size: 14px;
		text-align: center;
	}

	.product__item-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px
	}

	.prices {
		margin: 30px 0 0;
		padding: 0 0 30px
	}

	.quiz {
		margin: 60px 0
	}

	.quiz-step__container {
		grid-template-columns: 1fr
	}

	.catalog__content-list .product__technical-list,
	.favourites__list .product__technical-list,
	.step-list__item:before {
		display: none
	}

	.basket__item {
		padding: 0 20px
	}

	.basket__sidebar-bottom,
	.basket__sidebar-top {
		margin: 0 -20px
	}

	.product__top-info {
		flex-direction: column
	}

	.product__technical-title {
		flex-direction: column;
		align-items: flex-start
	}

	.doc__list {
		columns: 1
	}

	.payment-options__list {
		grid-template-columns: 1fr
	}

	.feedback--guarantees {
		background-image: none
	}

	.step-list {
		gap: 2px
	}

	.step-list__item {
		width: 110px;
		height: 10px;
		font-size: 0;
		clip-path: none;
		background: #edf1f2
	}

	.step-list__item:first-child {
		clip-path: none;
		border-radius: 10px 0 0 10px
	}

	.step-list__item:last-child {
		border-radius: 0 10px 10px 0
	}

	.step-list__item--active {
		background: #18d6b2
	}

	.step__subtitle {
		display: block
	}

	.step-checkbox__container {
		grid-template-columns: 1fr;
		margin: 0 0 30px
	}

	.step-checkbox__container--3 {
		grid-template-columns: 1fr
	}
}

@media (max-width:575px) {

	.work__item-img img {
		width: 100%;
		object-fit: cover;
	}

	.work__list {
		grid-template-columns: 100%;
	}

	.products__item {
		padding-top: 0;
	}

	.product__item-favourites {
		top: 5vh;
		right: 5vw;
	}

	.products__item-img {
		max-width: none;
		width: calc(100% + 30px);
		margin-left: -15px;
	}

	.products__swiper {
		margin: 0 -10px;
		padding: 0 10px;
		overflow: visible;
	}

	.products__swiper .swiper-button-next {
		right: -10px;
	}

	.products__swiper .swiper-button-prev {
		left: -10px;
	}

	.product-card__slider .swiper-button-next,
	.product-card__slider .swiper-button-prev {
		box-shadow: none
	}

	.blog .swiper-wrapper {
		display: flex
	}

	.blog .swiper-slide {
		display: block
	}

	.product-slider-small {
		padding-left: 30px;
		padding-right: 30px
	}

	.blog-page__list {
		grid-template-columns: 100%
	}

	.blog-page__item-img {
		aspect-ratio: 16/9;
		max-height: none
	}

	.blog-page__item-content h3 {
		line-height: 1.2
	}

	.blog-page__item-content p {
		margin-top: 0
	}

	.product-slider-big {
		margin-left: 0;
		margin-right: 0
	}

	.search__item-top,
	.search__top {
		display: grid
	}

	.nativejs-select__placeholder:before {
		display: none
	}

	.nativejs-select__placeholder {
		padding: 7px 25px 7px 15px
	}

	.nativejs-select__placeholder:after {
		right: 10px
	}

	.catalog__content-top {
		gap: 5px
	}
}

@media (max-width:408px) {
	.paginator__list {
		gap: 0
	}

}

@media (max-width:400px) {
	.product__item {
		padding: 0;
		box-shadow: none
	}

	.product__item-favourites {
		top: 3vh;
		right: 3vw;
	}

	/*	.catalog__list {
		grid-template-columns: 1fr
	}*/

	.basket__item {
		padding: 0
	}

	.promo-form input {
		width: calc(100% - 96px)
	}

	.promo-form button {
		width: 100px
	}

	.product__form-order input {
		width: 100%
	}

	.product__form-order button {
		position: relative;
		margin-top: 10px
	}

	.basket-item-image {
		max-width: 120px
	}

	.basket__item {
		gap: 10px
	}
}

@media (max-width:375px) {
	.paginator__list {
		font-size: 12px
	}

	.stocks__list {
		grid-template-columns: 1fr
	}

	.product__item .btn {
		padding: 13px 30px
	}

	.product__item-favourites {
		top: 1vh;
		right: 1vw;
	}
}

@media (max-width:350px) {
	.product__item-new-price {
		font-size: 18px
	}
}

.h2-title {
	font-style: normal;
	line-height: 1.2;
	color: #0042ad;
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-family: RobotoBold, Arial, sans-serif;
}



.sub-services {
	margin-bottom: 60px;
}

.sub-services-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: min(calc(10px + 8px), calc(10px + 8 * ((100vw - 320px) / 1600)))
}

.sub-services__item {
	position: relative;
	display: grid;
	gap: 10px;
	align-content: start;
	padding: 21px;
	min-height: min(calc(150px + 35px), calc(150px + 35 * ((100vw - 320px) / 1600)));
}

.sub-services__item a {
	transition: all .3s;
	text-decoration: underline;
	text-decoration-skip-ink: none;
	text-decoration-color: transparent;
	text-underline-offset: 3px;
}

.sub-services__item a:hover {
	text-decoration-color: currentColor;
}

@media(min-width: 1200px) {
	.sub-services__item:nth-child(odd) {
		background: #1a62d6;
		color: #fff;
	}

	.sub-services__item:nth-child(even) {
		background: #6eddff;
		color: #1a62d6
	}
}

.sub-services__item-cat {
	font-family: RobotoMedium, Arial, sans-serif;
	font-size: 14px;
}

.sub-services__item-title {
	max-width: 75%;
	font-family: RobotoBold, Arial, sans-serif;
	font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 320px) / 1600)));
}

.sub-services__item-text {
	max-width: 75%;
	font-size: 14px;
	line-height: 1.45;
}

.sub-services__item-img {
	position: absolute;
	right: 10px;
	bottom: 10px;
	max-height: 90%;
	max-width: min(calc(70px + 38px), calc(70px + 38 * ((100vw - 320px) / 1600)));
}


@media(max-width: 1199px) {
	.sub-services-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.sub-services__item {
		background: #1a62d6;
		color: #fff;
	}

}

@media(max-width: 1199px) and (min-width: 576px) {

	.sub-services__item:nth-child(4n+2),
	.sub-services__item:nth-child(4n+3) {
		background: #6eddff;
		color: #1a62d6
	}
}

@media(max-width: 575px) {
	.sub-services-wrapper {
		grid-template-columns: 100%;
	}

	.sub-services__item:nth-child(2n) {
		background: #6eddff;
		color: #1a62d6
	}
}

/* End */


/* Start:/local/templates/stroekos/css/style-2.css?174945354932390*/
.thank {
	display: grid;
	justify-items: center;
	gap: 15px;

	width: 100%;
	padding-top: calc(20px + 25 * ((100vw - 320px) / 1046));
	padding-bottom: calc(20px + 25 * ((100vw - 320px) / 1046));
	padding-left: calc(15px + 30 * ((100vw - 320px) / 1046));
	padding-right: calc(15px + 30 * ((100vw - 320px) / 1046));

	border-radius: 3px;
	background: #FFF;
	box-shadow: 0px 8px 24px 0px rgba(26, 98, 214, 0.06);
	text-align: center;
}

.thank-wrapper {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	padding-top: calc(50px + 90 * ((100vw - 320px) / 1046));
	padding-bottom: calc(50px + 90 * ((100vw - 320px) / 1046));
}

.thank__title {
	font-family: "RobotoBold", Arial, sans-serif;

	/* color: #0042AD; */
	font-size: calc(25px + 7 * ((100vw - 320px) / 1046));
}

.thank__text {
	font-size: 14px;
}

.thank__buttons {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: calc(10px + 10 * ((100vw - 320px) / 1600));
	margin-top: calc(10px + 15 * ((100vw - 320px) / 1046));
}

.thank__button {
	flex: 1 1 auto;
}




.search-form__container {
	width: 503px;
}

.search-form__content {
	display: grid;
	gap: 12px;
	padding: 12px;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 0px 8px 24px 0px rgba(26, 98, 214, 0.06);
	overflow: hidden;
}

.search-form__button {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.search-form__item {
	position: relative;
	z-index: 1;
	font-size: 14px;
	line-height: 1.6;
}

.search-form__item:hover:after {
	opacity: 1;
}

.search-form__item:after {
	content: '';
	position: absolute;
	left: -50px;
	top: 0;
	z-index: -1;
	width: 100vw;
	height: 100%;
	background: #edf1f2;
	opacity: 0;
	transition: all .3s;
}


/* РђРєС†РёРё РІ РїРѕРёСЃРєРµ */
.search-form__actions {
	display: grid;
	gap: 4px;
}

.search-form__action {
	display: grid;
	grid-template-columns: 68px 1fr;
	gap: 10px;
	align-items: center;
	cursor: pointer;
}

.search-form__action-img {
	aspect-ratio: 68/50;
	object-fit: cover;
	border-radius: 4px;
}

/* РљР°С‚РµРіРѕСЂРёРё РІ РїРѕРёСЃРєРµ */
.search-form__categories {
	display: grid;
	gap: 6px;
}

.search-form__category {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 0;
}

.search-form__category-count {
	font-family: "RobotoMedium", Arial, sans-serif;
}

/* РўРѕРІР°СЂС‹ РІ РїРѕРёСЃРєРµ */
.search-form__product {
	display: grid;
	grid-template-columns: 68px 1fr auto;
	align-items: center;
}

.search-form__product-img {
	margin-right: 5px;
	aspect-ratio: 68/50;
	object-fit: cover;
}

.search-form__product-price {
	font-size: 18px;
	/* color: #0042AD; */
	font-family: "RobotoBold", Arial, sans-serif;
}


/*.tabs__content table {
	margin: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.tabs__content tbody {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: calc(10px + 50 * ((100vw - 320px) / 1600));
}


@media(max-width: 767px) {
	.tabs__content tbody {
		grid-template-columns: 100%;
	}
}

.tabs__content tr {
	display: grid;
	grid-template-columns: minmax(178px, 1fr) auto;
	gap: 5px;
	align-items: start;
	justify-content: end;
}

.tabs__content td:first-child {
	display: grid;
	grid-template-columns: auto minmax(30px, 1fr);
	gap: 5px;
	order: -1;
	vertical-align: middle;
	line-height: 1.4;
}

.tabs__content td:first-child:after {
	content: "";
	display: block;
	align-self: flex-end;
	border-bottom: 1px dashed #A2A2A2;
}

.tabs__content tr {
	border: none !important
}

.tabs__content td {
	position: relative;
	max-width: none !important;
	width: auto !important;
	min-width: auto !important;
	font-size: calc(11px + 3 * ((100vw - 320px) / 1600)) !important;
	background: #fff !important;
	padding: 5px 0 !important;
	border-radius: 0 !important;
}

.tabs__content td:first-child {
	text-align: left !important;
}

.tabs__content td:last-child {
	text-align: right !important;
	display: grid;
	align-items: end;
	align-content: end;
	height: 100%;
}*/

/* 
.tabs__content td:first-child:after {
	content: "";
	position: absolute;
	left: 0;
	top: 19px !important;
	bottom: auto !important;
	width: 100vw;
	height: 2px;
	border-bottom: 1px dashed #A2A2A2;
}

.tabs__content td:first-child:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 10px;
	background: #fff;
} */


.section-404 {
	padding-top: calc(40px + 20 * ((100vw - 320px) / 1600));
	padding-bottom: calc(40px + 20 * ((100vw - 320px) / 1600));
}

.section-404-wrapper {
	display: grid;
	justify-items: center;
	text-align: center;
}

.section-404__title {
	margin-bottom: calc(20px + 10 * ((100vw - 320px) / 1600));
	font-weight: 700;
	font-size: calc(110px + 110 * ((100vw - 320px) / 1600));
	line-height: 1;
}

.section-404__subtitle {
	font-size: calc(20px + 20 * ((100vw - 320px) / 1600));
	margin-bottom: 20px;
}

.section-404__button {}




.footer-mobile__search {
	position: relative;
}


.footer-mobile__search .search-form__container {
	width: 82vw;
	bottom: 3px;
	top: auto;
	right: 115%;
}



body.no-scroll {
	overflow-y: hidden;
}

.popup,
.popup__dialog {
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center
}

.popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
	display: none;
	overflow: hidden;
	background: rgba(0, 0, 0, .5)
}

.popup__dialog {
	display: flex;
	flex-direction: column
}

.popup__content {
	position: relative;
	width: 514px;
	max-width: 96%;
	max-height: 90vh;
	padding: calc(20px + 20 * ((100vw - 320px) / 1600));
	background: #fff;
	box-shadow: 0px 8px 24px 0px rgba(26, 98, 214, 0.06);
	overflow-y: auto;
	transition: all .4s;
	text-align: center;
}

.popup__title {
	font-size: 32px;
	/* color: #0042AD; */
	font-family: "RobotoBold";
	line-height: 1.3035714286;
}

.popup__subtitle {
	font-size: 14px;
	/* color: #303030; */
	font-family: "RobotoBold";
}

.popup__form form {
	display: grid;
	justify-content: center;
	grid-template-columns: 100%
}

.popup__form .input-wrapper {
	gap: 10px
}

.popup-quit__close,
.popup__close {
	position: absolute;
	right: calc(15px + 15 * ((100vw - 320px) / 1600));
	top: calc(15px + 15 * ((100vw - 320px) / 1600));
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.popup-thank .popup__content {
	display: grid;
	gap: 15px;
	min-width: 280px;
	justify-items: center;
	background: #fff;
	/* color: #161a1f */
}

.popup-thank .popup__subtitle,
.popup-thank .popup__title {
	margin: 0
}

.popup-thank img {
	object-fit: contain
}

@media (max-width:767px) {
	.popup__dialog {
		width: 400px;
		max-width: 100%;
		padding: 0 10px;
		margin: 0 auto
	}
}



.fancybox-close-small {
	top: min(calc(12px + 18px), calc(12px + 18 * ((100vw - 320px) / 1600)));
	right: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 320px) / 1600)));
}

#consultation-modal,
#engineer-modal {
	padding-block: min(calc(40px + 6px), calc(40px + 6 * ((100vw - 320px) / 1600)));
	padding-inline: min(calc(24px + 16px), calc(24px + 16 * ((100vw - 320px) / 1600)));
	width: min(96vw, 506px) !important;
	border-radius: 3px;
}

#consultation-modal .input,
#engineer-modal .input {
	padding: 10px 17px;
	min-height: 42px;
	font-size: 14px;
	border-radius: 5px;
}

#consultation-modal .input:focus,
#engineer-modal .input:focus {
	/* border-color: #0042ad !important */
}

#consultation-modal h2,
#engineer-modal h2 {
	margin-bottom: 5px;
}

#consultation-modal .modal__form-btn,
#engineer-modal .modal__form-btn {
	margin: 0 !important;
}

@media(max-width: 576px) {

	.modal__form-wrapper,
	.modal__success {
		min-width: auto;
		max-width: 96vw;
	}
}


.call {
	position: fixed;
	right: 0;
	bottom: 0;
	width: min(calc(52px + 24px), calc(52px + 24 * ((100vw - 320px) / 1600)));
	margin-left: auto;
	display: grid;
	justify-items: end;
	justify-content: center;
	gap: 14px;
	z-index: 10;
	border-radius: 2px 0 0 0;
	padding: min(calc(10px + 4px), calc(10px + 4 * ((100vw - 320px) / 1600)));
	box-shadow: 0 7px 21px 0 rgba(26, 98, 214, 0.06);
	background: #fff;
}

.call__item {
	width: min(calc(32px + 16px), calc(32px + 16 * ((100vw - 320px) / 1600)));
	height: min(calc(32px + 16px), calc(32px + 16 * ((100vw - 320px) / 1600)));
	border-radius: 50%;
	transition: all .3s;
}

@media (any-hover: hover) {
	.call__item:hover {
		scale: 1.07
	}
}

@media(max-width: 576px) {
	.call {
		bottom: 170px;
	}
}

.dropdown-catalog .submenu {
	position: static;
	z-index: 999;
	background: none;
}

.dropdown-catalog .submenu>a {
	position: relative;

}

.dropdown-catalog .submenu>a::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	translate: 0 -50%;

	width: 10px;
	height: 10px;

	background: #0042ad;
	mask: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20947 9.48529L5.45211 5.24265L1.20947 1.00001' stroke='%236EDDFF' /%3E%3C/svg%3E") center / contain no-repeat;
	transition: all .4s;
}

.dropdown-catalog .submenu>a:hover:before {
	rotate: 90deg
}

.dropdown-catalog ul a {
	display: grid;
	grid-template-columns: 90px 1fr;
	align-items: center;
	gap: 16px;
}

.dropdown-catalog ul {
	columns: 3 200px;
}

.dropdown-catalog ul li {
	break-inside: avoid;
	padding-block: 14px !important;
}

.dropdown-catalog ul li ul {
	max-height: 432px;
	max-width: none !important;
	width: max-content !important;
	overflow: hidden !important;
	border: none !important
}

.dropdown-catalog ul a img {
	max-width: 90px;
	height: 24px;
	justify-self: center;
	object-fit: contain;
}

.nav a {
	transition: all .4s !important;
}

.dropdown-catalog a {
	transition: color .4s;
}

.dropdown-catalog a:hover {
	color: #6eddff;
}

.dropdown-catalog>ul>.submenu:first-child {
	margin-top: 10px !important
}

.dropdown-catalog .dropdown-menu {

	padding-block: 0 !important;
	background: #fff;
	border-radius: 3px;
	border: none !important
}

.dropdown-catalog .dropdown-menu .submenu {
	/* background-position: 90%; */
	/* position: static; */
}

.dropdown-catalog ul li ul .dropdown a:after {
	display: none !important;
}

.dropdown-catalog ul li ul .dropdown a {
	transition: color .4s;
	/* color: #0042ad */
}

.dropdown-catalog ul li ul .dropdown a span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.dropdown-catalog ul li ul .dropdown:hover a span:after {
	rotate: -180deg;
}

@media(min-width: 1151px) {
	.dropdown-catalog .dropdown-menu {
		/* min-height: 425px; */
	}

	.dropdown-catalog ul li ul .dropdown a span:after {
		content: '';

		width: 12px;
		height: 12px;

		background: currentColor;
		transition: all .4s;
		masK: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.411682 1.24268L4.65432 5.48532L8.89696 1.24268' stroke='%236EDDFF' /%3E%3C/svg%3E") center / contain no-repeat
	}
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu {
	top: calc(100% - 16px) !important;
	right: 0 !important;
	left: auto !important;
	min-height: auto !important;
	max-height: none !important;
	overflow: hidden !important;
	display: none;
	border: none !important;
	box-shadow: 0 4px 24px 0 rgba(26, 98, 214, 0.12) !important;
	background: #fff !important;
	columns: unset;
	transform: none;
	gap: 15px;
	min-width: 130px;
}

@media(min-width: 1151px) {
	.dropdown-catalog ul li ul .dropdown .dropdown-menu {
		padding: 10px !important;
	}
}


.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
	border: none !important;
	padding: 0 !important;
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
	display: block !important;
}


@media(min-width: 1151px) {
	.dropdown-catalog ul li ul .dropdown:hover .dropdown-menu {
		display: grid !important;
	}
}


.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
	border: none !important;
	padding: 0 !important;
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
	display: block !important;
}

.dropdown-catalog>ul {
	width: 167px !important;
	max-width: 167px !important;
}

.dropdown-catalog>ul>li {
	padding: 9px 20px !important;
}

.dropdown-catalog>ul>li>a {
	padding-right: 20px;
}

.dropdown-catalog ul li ul {
	padding-block: 22px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important
}

@media(max-width: 1150px) {
	.dropdown-menu {
		display: block;
	}

	.header__bottom {
		height: 100vh;
	}

	.header__bottom .container {
		overflow-y: auto;
		overflow-x: hidden;
		margin: 0;
		max-height: 81vh;
	}

	.nav>li ul li ul {
		position: static !important;
		max-height: none !important;
		width: 100% !important;
	}

	.dropdown {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		width: 100%;
		flex-wrap: wrap;
	}

	.dropdown-menu {
		position: static;
		transform: none;
		grid-column: 1/-1;
	}

	.dropdown>a {
		width: 100%;
	}

	.dropdown-catalog>ul {
		width: 100% !important;
	}

	.dropdown-catalog .submenu>a:before {
		content: '';
		position: absolute;
		right: 0;
		top: 5px;

		width: 10px;
		height: 10px;

		background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI0MjE5IDkuMjQyNjhMNS40ODQ4MyA1LjAwMDAzTDEuMjQyMTkgMC43NTczOTQiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K) center / contain no-repeat;
		rotate: 90deg;
		transition: all .4s;
	}

	.dropdown-catalog .open+.dropdown-menu .submenu>a:has(+[style*="display: block;"]):before {
		rotate: 270deg;
	}

	.dropdown-catalog .dropdown-menu {
		padding: 12px;
	}

	.nav {
		width: calc(100% - 7px);
	}

	.dropdown-catalog {
		width: 100%;
	}

	.dropdown-catalog .dropdown-menu .submenu {
		position: relative;
		background-position: top 5px right 5px;
	}

	.nav>.dropdown-catalog ul li ul {
		padding: 0;
		margin-bottom: -12px;
		margin-top: 12px;
		box-shadow: none;
	}

	.nav>.dropdown-catalog ul li {
		padding: 0 !important;
		margin-bottom: 12px;
	}

	.dropdown-catalog .dropdown-menu {
		width: 100% !important;
		max-width: 300px !important;
		position: relative !important;
		z-index: 3;
		inset: 0 !important;
		transform: none !important;
		columns: unset !important;
	}

	.dropdown-catalog .dropdown-footer__btn {
		position: absolute;
		z-index: 2;
		top: 7px;
		right: 0;
		background-position: center
	}


	.dropdown-catalog>.dropdown-footer__btn {
		top: 17px;
	}

	.dropdown-catalog ul li ul .dropdown .dropdown-menu {
		position: static !important;
		translate: 0 10px !important;
		margin: 0;
		padding: 0;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important
	}
}




.brand__slider {
	margin: -24px;
}

.brand-container {
	padding: 24px;
}

@media(min-width: 992px) {
	.brand-wrapper {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
		gap: 20px;
		transform: none !important;
	}

}

.brand__item {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: min(calc(90px + 41px), calc(90px + 41 * ((100vw - 320px) / 1600)));
	box-shadow: 0 8px 24px 0 rgba(26, 98, 214, 0.06);
	background: #fff;
}

.brand__item:hover .brand__item-logo {
	scale: 1.05;
}


.brand__item-logo {
	max-width: 90%;
	max-height: 60px;
	transition: all .4s;
}


@media(max-width: 991px) {
	.brand__slider {
		margin: -12px;
	}

	.brand-container {
		padding: 12px;
	}

	.brand__item {
		box-shadow: 0 8px 12px 0 rgba(26, 98, 214, 0.06);
	}
}



.promo__slider {
	position: relative;
	z-index: 1;
}

.promo__slider .swiper-slide {
	min-height: min(calc(100vh - 100px), 700px);
}

.promo__slider .container:after {
	content: '';
	position: absolute;
	left: 0;
	z-index: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/local/templates/stroekos/css/../img/header/after.webp) center / cover no-repeat;
	pointer-events: none;
}

.promo .container {
	padding-bottom: 20px;
}

.promo :is(.swiper, .swiper-wrapper) {
	position: static !important;
}

.promo {
	position: relative;
}

.promo__item {
	position: relative;
	z-index: 2;
	padding-block: min(calc(40px + 60px), calc(40px + 60 * ((100vw - 320px) / 1600)));

}

.promo__img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	max-width: 606px;

	max-height: 100%;
}

@media(max-width: 767px) {
	.promo__img {
		display: none;
	}
}

.promo__item-title {
	max-width: 800px;
	margin-bottom: min(calc(15px + 10px), calc(15px + 10 * ((100vw - 320px) / 1600)));
	color: #fff;
	font-size: min(calc(28px + 36px), calc(28px + 36 * ((100vw - 320px) / 1600)));
	font-family: RobotoRegular;
	line-height: 1;
	text-wrap: pretty;
	color: #fff;
}


.promo__item-title strong {
	font-family: RobotoBold;
}

.promo__item-subtitle {
	margin-bottom: 22px;
	font-size: min(calc(18px + 2px), calc(18px + 2 * ((100vw - 320px) / 1600)));
	color: #fff;
}

.promo__item-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	object-fit: cover;
}

.promo__item-img {
	position: absolute;
	right: min(calc(-20px + 60px), calc(-20px + 60 * ((100vw - 320px) / 1600)));
	bottom: 0;
	z-index: 1;
	object-fit: contain;
	max-width: min(calc(200px + 700px), calc(200px + 700 * ((100vw - 320px) / 1600)));
}

.promo__arrow {
	margin-top: 20px;
	background: none;
	border: none
}


@media(max-width: 991px) {
	.promo__slider .swiper-slide {
		min-height: min(calc(100vh - 100px), 500px);
	}
}

@media(max-width: 767px) {
	.promo__slider .swiper-slide {
		min-height: min(calc(100vh - 100px), 400px);
	}

	.promo__item-title {
		line-height: 1.2;
	}
}


.header__logo img {
	width: min(calc(110px + 50px), calc(110px + 50 * ((100vw - 320px) / 1600)));
}

.header__yandex img {
	max-height: 30px;
}


.septik {
	padding-block: 40px;
	background: url("data:image/svg+xml,%3Csvg width='1366' height='949' viewBox='0 0 1366 949' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M537.053 949L856.964 207.986H1666.88L1346.97 949H537.053Z' fill='%236EDDFF' fill-opacity='0.1' /%3E%3Cpath d='M-300.885 741.893L19.0047 0.878906H828.947L508.981 741.893H-300.885Z' fill='%236EDDFF' fill-opacity='0.1' /%3E%3C/svg%3E") center / cover no-repeat;
}

.septik__form {
	display: grid;
	grid-template-columns: 17.35% 17.35% 22.16% 14.43% 21.48%;
	gap: 20px;
	align-items: start;
}

.septik__btn {
	margin-top: 40px;
	min-width: 222px;
	border-radius: 50px;
	background: #1a62d6;
	border-color: #1a62d6;
	grid-column: 1/-1;
	justify-self: start;
}

.septik__btn:hover {
	background: #fff;
	color: #1a62d6;
}

.septik__col {
	display: grid;
	align-items: start;
	align-content: start;
	gap: min(calc(20px + 10px), calc(20px + 10 * ((100vw - 320px) / 1600)));
	padding-right: 20px;
	padding-bottom: 20px;
	height: 100%;

	border-right: 1px solid #0042ad;
}

@media(min-width: 992px) {
	.septik__col:nth-child(5n) {
		border: none;
		padding-right: 0;
	}

}

.septik__item-title {
	margin-bottom: 14px;
	font-family: RobotoBold;
	font-size: min(calc(16px + 2px), calc(16px + 2 * ((100vw - 320px) / 1600)));
	color: #0042ad;
}

.septik__item-checkboxes .checkbox {
	gap: 12px;
	font-size: 14px;
	color: #0042ad;
	margin-bottom: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 320px) / 1600)));
	cursor: pointer;
}

.septik__item-checkboxes .checkbox__input {
	margin: 0;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

.septik__item-checkboxes .checkbox__input:before {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

.septik__item-checkboxes .checkbox__input:after {
	content: '';

	position: absolute;
	left: 50%;
	top: 50%;
	width: 10px;
	height: 10px;
	transform: none;
	translate: -50% -50%;

	background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.92158 0.440199L4.5015 5.85761L2.0765 3.43261C1.764 3.12011 1.25391 3.12011 0.941406 3.43261C0.628906 3.74511 0.628906 4.2552 0.941406 4.5677L3.93386 7.56016C4.09133 7.71762 4.29641 7.79523 4.50132 7.79523C4.7064 7.79523 4.9113 7.7178 5.06877 7.56016L11.0563 1.57489C11.3688 1.26239 11.3688 0.752298 11.0563 0.439798C10.7412 0.124856 10.2337 0.124856 9.92118 0.439972L9.92158 0.440199Z' fill='%231A62D6' /%3E%3C/svg%3E") center / contain no-repeat;

	border: none;
	opacity: 0;
	transition: all .4s;
}

.septik__item-checkboxes .checkbox__input:checked:after {
	opacity: 1;
}

.septik__item-more {
	display: none;
	padding: 0;

	font-family: RobotoMedium;
	font-size: 14px;
	color: #6eddff;
	border: none;
	background: none;
	cursor: pointer;
}

.septik__item-more:after {
	content: '';

	display: inline-block;
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
	margin-left: 8px;

	background: currentColor;

	mask: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1421 1.07129L8.77813 7.43525C8.38761 7.82577 7.75444 7.82577 7.36392 7.43525L0.999954 1.07129' stroke='%236EDDFF' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") center / contain no-repeat;
	-webkit-mask: url("data:image/svg+xml,%3Csvg width='17' height='9' viewBox='0 0 17 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1421 1.07129L8.77813 7.43525C8.38761 7.82577 7.75444 7.82577 7.36392 7.43525L0.999954 1.07129' stroke='%236EDDFF' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") center / contain no-repeat;

	transition: all .4s;
	vertical-align: middle;

}

.septik__item-more.active:after {
	rotate: -180deg;
}

.septik__item-selects {
	display: grid;
	gap: 12px;
	max-width: 220px;
}

.septik__item-select {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 16px;
}

.septik__item-select-title {
	font-size: 14px;
	color: #0042ad;
}

.septik__item-select .nice-select {
	border: 1px solid #1a62d6;
	min-width: min(calc(60px + 28px), calc(60px + 28 * ((100vw - 320px) / 1600)));
	border-radius: 3px;
	padding-right: 30px;
	padding-left: 14px;
	min-height: 42px;
	font-size: 14px;
	color: #4f4f4f;
	font-family: RobotoMedium;
}

.septik__item-select .nice-select:after {
	border-bottom: 2px solid #303030;
	border-right: 2px solid #303030;
	height: 10px;
	width: 10px;
	margin-top: -7px;

}

.septik__item-select .nice-select .list {
	width: 100%;
}

.septik__item-select .nice-select .list li {
	margin-bottom: 0;
}

.septik__item .filter__range {
	display: flex !important;
	gap: 0;
	margin-top: 0;
	margin-bottom: 20px;
	border: 1px solid #1a62d6;
	border-radius: 3px;
	background: #fff;
}

.septik__item .filters__box-grid-item {
	margin-bottom: 0px;
}

.septik__item .filters__box-grid-item:first-child {
	border-right: 1px solid #1a62d6;
}

.septik__item .filters__box-grid input {
	padding-inline: 12px;
	min-height: 42px;
	font-size: 14px;
	color: #4f4f4f;
}





@media(max-width: 991px) {
	.septik__form {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media(max-width: 767px) {
	.septik__form {
		grid-template-columns: repeat(2, 1fr);
	}

	.septik__col {
		border: none;
		padding-right: 0;
	}

	.septik__col:last-child:nth-child(odd) {
		grid-column: 1/-1;
	}
}

@media(max-width: 575px) {
	.septik__col {
		padding-bottom: 0;
	}

	.septik__form {
		grid-template-columns: 100%
	}
}

.tab {
	padding-block: min(calc(40px + 20px), calc(40px + 20 * ((100vw - 320px) / 1600)));
}

.tab__header {
	display: flex;
	gap: min(calc(8px + 12px), calc(8px + 12 * ((100vw - 320px) / 1600)));
	margin-bottom: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 320px) / 1600)));
	white-space: nowrap;
	scrollbar-width: thin;
	scrollbar-color: #1a62d6 #ccc;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 12px;
}

.tab__header::-webkit-scrollbar {
	height: 4px;
}

.tab__header::-webkit-scrollbar-track-piece {
	height: 4px;
	background: #ccc;
}

.tab__header::-webkit-scrollbar-thumb {
	background: #1a62d6;
}


.card__slider {
	position: relative;
}

.card__arrow {
	background: rgba(255, 255, 255, 0.7);
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.06);
	border: none;
}

.card__arrow:after {
	font-size: 20px;
}

.card__pagination {
	position: static;
	margin-top: 10px;
}

@media (min-width: 768px) {
	.card__pagination {
		display: none;
	}
}

@media (max-width: 767px) {
	.card__arrow {
		display: none;
	}
}

.tab__button {
	padding: 9px 20px;
	min-height: 34px;

	background: #f1fcff;
	border-radius: 3px;

	font-family: RobotoMedium;
	font-size: 14px;
	color: #0042ad;
	border: none;
	transition: all .3s;
	cursor: pointer;
}

.tab__button.active {
	color: #fff;
	background: #1a62d6;
}

.tab__button:not(.active):hover {
	background: #e1ecef
}

.tab__content .slider {
	display: none;
}

.work-sort-list {
	flex-wrap: nowrap;
	overflow-x: auto;
	max-width: 100%;
	white-space: nowrap;
	scrollbar-color: #0042ad #ccc;
	scrollbar-width: thin;
	padding-bottom: 8px;
}

.work-sort-list::-webkit-scrollbar {
	width: 4px;
	height: 4px;
}

.work-sort-list::-webkit-scrollbar-track-piece {
	width: 4px;
	height: 4px;
	background: #ccc;
}

.work-sort-list::-webkit-scrollbar-thumb {
	background: #0042ad;
}


.action {
	max-width: 1366px;
	margin-inline: auto;
}

.action__slider .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
}

.action__slider .swiper-pagination {
	position: static;
	transform: none;
	position: absolute;
	left: 50%;
	bottom: 10px;
	translate: -50% 0;
	z-index: 3;
}

.action__slider .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	border: 1px solid #1A62D6;
	border-radius: 50%;
	background: transparent;
	opacity: 1;
}

.action__slider .swiper-pagination-bullet-active {
	background: #1A62D6;
}

.action__slider .swiper-slide {
	display: grid;
	align-content: center;
	justify-items: start;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

@media(max-width: 767px) {
	.action__slider .swiper-slide {
		align-content: start;
	}

}

.action__slider .container {
	width: 100%;
}

.action__slider .action-center .container {
	width: min(100%, 800px);
}

.action__item {
	max-width: 800px;
	min-height: min(calc(180px + 56px), calc(180px + 56 * ((100vw - 320px) / 1600)));
	padding-block: 32px;
}

.action__item-title {
	margin-bottom: 14px;
	font-family: 'RobotoBold';
	font-size: min(calc(24px + 8px), calc(24px + 8 * ((100vw - 320px) / 1600)));
	color: #0042ad;
}

.action__item-text {
	font-size: min(calc(18px + 2px), calc(18px + 2 * ((100vw - 320px) / 1600)));
	line-height: 1.3;
	color: #0042ad;
}

.action__item-text * {
	color: #0042ad;
}

.action__item-text p {
	font-size: min(calc(18px + 2px), calc(18px + 2 * ((100vw - 320px) / 1600)));
	line-height: 1.6;
}

.action__item-text strong {
	font-family: 'RobotoExtraBold';
}

.action__item-text ul {
	padding-left: 0;
	list-style: none;
}

.action__item-text li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 0;
}

.action__item-text li::marker {
	display: none;
	font-size: 0;
}

.action__item-text li::before {
	content: 'вЂ”';
	font-size: 14px;
	font-family: 'RobotoExtraBold';
	margin-right: 6px;
	color: #0042ad;
}

.header__btn {
	padding: 8px 30px;
	border-width: 2px;
}

.header__btn:hover {
	color: #1a62d6;
	border-color: #1a62d6
}


@media(min-width: 576px) {

	.header__bottom .header__yandex,
	.header__bottom .header__btn {
		display: none;
	}
}

@media(max-width: 575px) {
	.container {
		padding-inline: 16px;
	}

	.header__yandex,
	.header__btn {
		display: none;
	}

	.header__bottom .header__yandex {
		display: block;
		margin-top: 20px;
	}

	.header__bottom .header__btn {
		display: block;
	}
}



.table__content:not(:last-child) {
	margin-bottom: 40px;
}


.table-wrapper {
	padding: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 320px) / 1600)));
	box-shadow: 0px 8px 24px 0px #1A62D60F;
	background: #fff;

}

.table-wrapper h2 {
	margin-bottom: 20px;
}

.table {
	max-width: 100%;
	max-height: 400px;
	overflow: auto;
	overscroll-behavior: contain;
}

.table table {
	min-width: 100% !important;
	display: table !important;
	margin: 0 !important;
	border: none;
	padding: 0;
	border-radius: 5px !important;
	background: #e0f8ff !important;

	border-collapse: separate !important;
	border-spacing: 2px;

	overflow: initial !important;
	color: #303030 !important;
}

.table thead {
	position: sticky;
	z-index: 1;
	top: 0;
	left: 0;
	z-index: 1;
	background: #e0f8ff !important;
}

@supports (-webkit-hyphens:none) {
	.table thead {
		position: static;
	}
}

.table thead::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #e0f8ff !important;
}

.table thead th {
	padding-block: 10px;
	padding-inline: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 320px) / 1600))) !important;
	background: #6eddff !important;
	font-weight: 600;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
}


@supports (-moz-appearance: none) {
	.table thead th {
		color: #000
	}
}


.table td,
.table th {
	width: auto !important;
	min-width: min(calc(115px + 19px), calc(115px + 19 * ((100vw - 320px) / 1600))) !important;
	border-radius: 0 !important;
	border: none !important;
	background: #fff !important;
}

.table td,
.table td:first-child {
	padding-block: 6px !important;


	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #303030 !important;
}

.table thead tr:first-child>* {
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important
}

.table tr {
	border: none !important
}

.table-btn {
	display: none;
	width: 100%;
	min-height: 34px;
	padding-block: 4px;
	margin-top: 8px;
	border: none;
	background: #1A62D6;
	font-family: 'RobotoRegular';
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
}

.table-btn:hover {
	color: #fff;
	background: color-mix(in srgb, black 10%, #1A62D6)
}



.product__item .product__technical-list>*:nth-child(n+4) {
	display: none;
}

.card__slider .swiper-wrapper {
	display: grid;
	grid-auto-flow: column;
}

.card__slider .swiper-slide {
	display: grid;
}

.card__slider .product__item {
	/* grid-template-rows: auto 1fr repeat(3, auto); */
	grid-template-rows: none;
}

.card__slider .product__item>a {
	display: contents;
}

.card__slider .product__item-price {
	position: relative;
}


.card__slider .product__item-old-price {
	position: absolute;
	left: 0;
	bottom: 100%;
}

.card__slider .product__item-bottom {
	align-items: center;
	margin-top: 18px;
}

@media(max-width: 575px) {
	.card__slider .product__item-bottom {
		margin-top: 0;
	}

	.card__slider .product__item-price:has(.product__item-old-price) {
		margin-top: 18px;
	}
}


.ws-video-widget {
	z-index: 10 !important;
}

.bx-filter .bx-filter-popup-result {
	border: 2px solid #0042ad;
	border-radius: 4px;
	min-height: auto;
	padding: 4px 12px !important;
	right: 0 !important;
	left: auto !important;
}

/* End */


/* Start:/local/templates/stroekos/css/custom.css?175075291027111*/
* {


    box-sizing: border-box;
}
.stocks__item {
    overflow: hidden;
}
.montazh-page table br {
    display: none;
}

.montazh-page table td {
    text-align: left;
}

.service-text table:not(.ui-datepicker-calendar) td[colspan] {
    text-align: center;
}

.montazh-page h2 {
    margin: 30px 0 20px;
}

.table-responsive table {
    margin-top: 0;
}

.bx-filter .bx-filter-popup-result a {
    background: #1a62d6;
    color: #fff;
    display: flex;
    line-height: 1;
    padding: 3px;
    justify-content: center;
    margin-top: 3px;
    transition: .3s;
}

.bx-filter .bx-filter-popup-result a:hover {
    background: #18d6b2;
}

.bx-filter .bx-filter-popup-result {
    padding: 3px 15px;
    top: 60px;
    background-color: #fff;
    z-index: 99;
}

span#modef_num {
    font-weight: 600;
}

.tab-content__item span {
    display: flex;
}

.over {
    overflow-y: auto;
    max-height: 80vh;
}

.nav > li .over ul {
    max-height: unset;
    overflow: unset;
}

.product__item > a {
    display: flex;
    flex-direction: column;
}

/*MENU*/

.nav > li ul li ul li ul {
    position: relative;
    top: unset;
    left: unset;
    padding: 10px 0 0;
    border: 0;
    width: unset;
    height: auto;
    box-shadow: none;
    overflow: hidden;
}

.nav > li ul li ul li ul li {
    padding: 5px 0;
    overflow: unset;
}

.nav > li ul li ul li ul a {
    font-size: 13px;
    padding-left: 5px;
}

.product__item-percent {
    left: 0;
}

.btn-dzen {
    margin-right: 35px;
}

.blog__item-link-doc {
    word-break: break-all;
}

.blog__item-link-doc svg {
    width: 12px;
    height: 12px;
}
.popup-quit .popup__form {
    position: relative;
}

.popup-quit .popup__form .input::placeholder {
    font-weight: 500;
    font-style: italic;
    font-size: 13px;
    letter-spacing: 0;
}

#collapseTable tr:nth-child(n+6) {
    display: none;
}
#collapseTable {
    margin-bottom: 0;
}
button#toggleButton {
    display: flex;
    width: 100%;
    justify-content: center;
    border: 0;
    background: #f0fcff;
    color: #000000;
    padding: 15px 0;
    border-radius: 12px;
    cursor: pointer;
    transition: .2s;
}


button#toggleButton:hover {
    background: #1a62d6;
    color: #fff;
}

.product-links__item a {
    padding: 20px 10px;
    min-width: unset;
}

.product-links__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 15px;
}

/*#collapseTable thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 100;
  box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
}*/
#collapseTable:not(.ui-datepicker-calendar) td {
    min-width: unset;
}
.marquiz__container iframe {
    max-height: 500px;
}
.promo {
    padding: 100px 0;
}
.blog-page__item-text.blog-page__item-text-full {
    display: block;
    -webkit-box-orient: unset;
    -webkit-line-clamp: unset;
    overflow: visible;
}

section.city_list {
    margin-bottom: 40px;
}
.city_wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
}
.city_list a {
    background: #f1fcff;
    padding: 3px 10px;
    display: flex;
    border-radius: 5px;
}
.city_list a:hover {
    background: #d4f5ff;
}

.search_section_items_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.search_section_items_list a.search_section_item {
    width: 18%;
    margin-right: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    transition: .2s;
}
.search_section_items_list a.search_section_item span {
    font-size: 14px;
    line-height: 1;
    color: #0042ad;
    transition: .2s;
}
.search_section_items_list a.search_section_item:hover span {
    color: #6eddff;
}
.search_section_items_list a.search_section_item > *:first-child {
    max-width: 66px;
    width: 66px;
    flex-shrink: 0;
    margin: 0;
    aspect-ratio: 16 / 9;
    object-fit: contain;
}
.search_section_items_list a.search_section_item > span {
    max-width: unset;
}
.septik__form {
  grid-template-columns: repeat(4, 1fr); !important;
}
@media (max-width: 991px) {
  .septik__form {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 575px) {
  .septik__form {
    grid-template-columns: 100% !important;
  }
}
@supports (-moz-appearance: none) {
  .service-text table:not(.ui-datepicker-calendar) thead th {
    color: #0042ad
  }
}
.catalog__content-top span {
    font-size: 16px;
    font-weight: bold;
}

section.gallery.service_gallery {
    margin-bottom: 40px;
}
.bx-filter-block .tab {
    padding-bottom: 0;
    padding-top: 0;
}

.tab-label {
    border-bottom: 1px solid #0042ad;
}
.header__contact,
.header__contact--bottom,
.modal__link,
.password input,
.footer__sublink,
.footer__subtext {
    font-size: 12px; 
}

.ws-chat-btn-el-container.envy-not-scalling {
    bottom: 70px !important;
}
.bx-filter-parameters-box-container {
    padding-bottom: 0;
}
.bx-filter-block .tab-label,
.filters__box .h3 {
    font-size: 16px;
}
a.callbackkiller.cbk-phone.cbk-phone-mobile-xs.envy-not-scalling.callbackkiller-mobile {
    bottom: 250px !important;
    left: 15px !important;
}
.promo__content p {
    color: #fff;
}

@media screen and (max-width: 1150px) {
.header__left {
    column-gap: 0;
}
}
@media screen and (max-width: 767px) {
.header__contact-1 {
    font-size: 0;
}
}
@media screen and (max-width: 460px) {
.header__right iframe  {
    display: none;
}
}

.promo__img {
    max-width: unset;
}











@media screen and (max-width: 1660px) {
    .dostavka__tab-wrapper {
        grid-template-columns: 2.2fr 1fr;
    }
}
@media screen and (max-width: 1150px) {
.header__bottom .container {
    max-width: unset !important;
}
}
@media screen and (max-width: 1460px) {
    .dostavka__tab-wrapper {
        grid-template-columns: 2.4fr 1fr;
    }
}

@media screen and (max-width: 1340px) {
    .dostavka__tab-wrapper {
        grid-template-columns: 2.6fr 1fr;
    }
}

@media screen and (max-width: 1190px) {
    .product-links__list {
        grid-template-columns: repeat(3, 1fr);
    }
    .product-links__item {
        margin-bottom: 0;
    }
    .dropdown-catalog ul a img {
        justify-self: auto;
    }
    .search_section_items_list a.search_section_item {
        width: 24%;
    }
}
@media screen and (max-width: 900px) {
.search_section_items_list a.search_section_item {
    width: 26%;
}
}
@media screen and (max-width: 767px) {
    .dostavka__tab-wrapper {
        grid-template-columns: 100%;
        min-height: auto;
    }

    .bx-filter .bx-filter-popup-result a {
        min-height: 40px;
        display: flex;
        align-items: center;
    }
    .product-links__list {
        grid-template-columns: repeat(2, 1fr);
    }
    .product-links__item a span {
        font-size: 14px;
    }
    .marquiz__container_has_button:before {
        content: 'Рассчитайте свой септик';
        color: #0042ad;
        font-size: 32px;
        font-family: RobotoBold, Arial, sans-serif;
        font-weight: 700;
    }
    .marquiz__container_has_button:after {
        content: 'Нажмите «Старт» и ответьте на несколько вопросов';
        font-size: 14px;
    }
    .marquiz__container_inline {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .marquiz__container_has_button .marquiz__button {
        max-width: fit-content;
        margin: 0 auto;
    }
}

@media screen and (max-width: 695px) {
.search_section_items_list a.search_section_item {
    width: 30%;
}
}
@media screen and (max-width: 625px) {
.search_section_items_list a.search_section_item {
    width: 40%;
}
.search_section_items_list {
    justify-content: flex-start;
    gap:10px;
}
}


@media screen and (max-width: 616px) {
.header__btn {
    padding: 8px 10px;
}
}


@media screen and (max-width: 575px) {
    .product-item-button-container .btn {
        width: 100%;
        padding: 10px 30px;
    }

    .catalog__item a {
        text-align: center;
        padding: 25px 0px 20px;
        background: #1a62d6;
        border-radius: 3px;
        height: 100%;
    }

    .catalog__item a .h3-class {
        font-size: 22px
    }

    .marquiz__container_has_button:before {
        font-size: 28px;
    }
}

@media screen and (max-width: 470px) {
    .product-links__list {
        grid-template-columns: 1fr;
        margin: 20px 0;
    }
    .product-links__item a {
        padding: 10px;
        min-width: unset;
    }
.search_section_items_list a.search_section_item {
    width: 48%;
}

}

@media screen and (max-width: 425px) {
    .product__item {
        padding: 10px 10px 20px;
    }
}

.js-tag-slider .swiper-slide {
    width: auto;
    margin-right: 5px;
}

.header__contact.header__contact-3 {
    display: none;
    padding-top: 4px;
}

.header__contact.header__contact-3 a:before {
    content: '';
}

.header__contact.header__contact-3 svg {
    color: #0042ad;
}

@media (max-width: 768px) {
    .header__contact.header__contact-3 {
        display: block;
    }

    .tag__label:hover {
        background: #f1fcff;
        color: #0042ad
    }
}

@media (max-width: 395px) {
    .header__contact.header__contact-3 {
        padding-top: 0px;
    }
    .marquiz__container_has_button:before {
        font-size: 24px;
    }
    .search_section_items_list a.search_section_item {
    width: 100%;
}
}

@media (max-width: 360px) {
    .product-item-button-container .btn {
        padding: 10px;
    }
}
.js-blog-slider-detail .swiper-slide {
    padding: 0;
    height: 197px;
    box-sizing: border-box;
    width: fit-content;
}

.js-blog-slider-detail .image__item img{
    height: 197px;
    width: auto;
    aspect-ratio: auto;
}
.brands .container{
    position: relative;
}

.popup__top {
    padding-block: min(calc(18px + 8px), calc(18px + 8 * ((100vw - 320px) / 1600)));
    padding-inline: min(calc(20px + 16px), calc(20px + 16 * ((100vw - 320px) / 1600)));
    background: #d4f5ff;

    color: #0042AD;
    font-family: 'RobotoBold';
    font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 320px) / 1600)));
    text-align: left;
}

.popup-quit .popup__content {
    padding: 0;
    width: min(726px, 96vw);
    border-radius: 3px;
    box-shadow: 0 8px 24px 0 rgba(26, 98, 214, 0.06);
}

.popup-quit .popup__close {
    display: flex;
    padding: 0;
    background: none;
    border: none;
}

.popup-quit .popup__wrapper {
    position: relative;
    padding-block: min(calc(16px + 6px), calc(16px + 6 * ((100vw - 320px) / 1600)));
    padding-inline: min(calc(20px + 16px), calc(20px + 16 * ((100vw - 320px) / 1600)));
    text-align: left;

    background: url("data:image/svg+xml,%3Csvg width='505' height='321' viewBox='0 0 505 321' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_722_13)'%3E%3Cellipse cx='365.189' cy='241.45' rx='166.888' ry='78.0811' transform='rotate(-9.98874 365.189 241.45)' fill='%230075C1' fill-opacity='0.2' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_722_13' x='0.263672' y='-40.7379' width='729.85' height='564.376' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='100' result='effect1_foregroundBlur_722_13' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") right bottom / contain no-repeat;
}

.popup-quit .popup__left {
    display: grid;
    gap: 15px;
    align-content: start;
    max-width: 400px;
}

.popup-quit .popup__subtitle {
    font-family: 'RobotoBold';
    font-size: min(calc(16px + 2px), calc(16px + 2 * ((100vw - 320px) / 1600)));
    color: #0042ad;
}

.popup-quit .popup__img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 277px;
    z-index: 1;
    object-fit: contain;
}

.popup-quit .popup__form {
    display: grid;
    gap: 15px;
    align-content: start;
    justify-items: start;
}

.popup-quit .popup__form .input {
    width: 100%;
}
.popup-quit .popup__form .input:focus {
    border: 1px solid #1a62d6;
}

.popup-quit .popup__form .checkbox {
    align-items: flex-start;
    font-family: 'RobotoLight';
    font-size: 10px!important;
    color: #303030;
}

.popup-quit .popup__form .checkbox a {
    text-decoration: underline;
}


@media(max-width: 767px) {
    .popup-quit .popup__img {
        display: none;
    }
}

.fancybox-close-small {
    top: min(calc(12px + 18px), calc(12px + 18 * ((100vw - 320px) / 1600)));
    right: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 320px) / 1600)));
}

#consultation-modal,
#engineer-modal {
    padding-block: min(calc(40px + 6px), calc(40px + 6 * ((100vw - 320px) / 1600)));
    padding-inline: min(calc(24px + 16px), calc(24px + 16 * ((100vw - 320px) / 1600)));
    width: min(96vw, 506px) !important;
    border-radius: 3px;
}

#consultation-modal .input,
#engineer-modal .input {
    padding: 10px 17px;
    min-height: 42px;
    font-size: 14px;
    border-radius: 5px;
}

#consultation-modal .input:focus,
#engineer-modal .input:focus {
    border-color: #0042ad !important
}
#engineer-modal .input:focus {
    border-color: #0042ad !important;
}

#consultation-modal h2,
#engineer-modal h2 {
    margin-bottom: 5px;
}

#consultation-modal .modal__form-btn,
#engineer-modal .modal__form-btn {
    margin: 0 !important;
}

@media(max-width: 576px) {

    .modal__form-wrapper,
    .modal__success {
        min-width: auto;
        max-width: 96vw;
    }
}


.call {
    position: fixed;
    right: 0;
    bottom: 0;
    width: min(calc(52px + 24px), calc(52px + 24 * ((100vw - 320px) / 1600)));
    margin-left: auto;
    display: grid;
    justify-items: end;
    justify-content: center;
    gap: 14px;
    z-index: 10;
    border-radius: 2px 0 0 0;
    padding: min(calc(10px + 4px), calc(10px + 4 * ((100vw - 320px) / 1600)));
    box-shadow: 0 7px 21px 0 rgba(26, 98, 214, 0.06);
    background: #fff;
}

.call__item {
    width: min(calc(32px + 16px), calc(32px + 16 * ((100vw - 320px) / 1600)));
    height: min(calc(32px + 16px), calc(32px + 16 * ((100vw - 320px) / 1600)));
    border-radius: 50%;
    transition: all .3s;
}

@media (any-hover: hover) {
    .call__item:hover {
        scale: 1.07
    }
}

@media(max-width: 576px) {
    .call {
        bottom: 170px;
    }
}


.dropdown-catalog .submenu {
    position: static;
    z-index: 999;
    background: none;
}

.dropdown-catalog .submenu>a::before {
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    translate: 0 -50%;
    rotate: 0deg;
    width: 10px;
    height: 10px;

    background: #0042ad;
    mask: url("data:image/svg+xml,%3Csvg width='7' height='10' viewBox='0 0 7 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20947 9.48529L5.45211 5.24265L1.20947 1.00001' stroke='%236EDDFF' /%3E%3C/svg%3E") center / contain no-repeat;
    transition: all .4s;
}

.dropdown-catalog .submenu>a:hover:before {
    rotate: 90deg
}

.dropdown-catalog > ul > a {
    display: grid;
    grid-template-columns: 170px 1fr;
    align-items: center;
    gap: 16px;
}

.dropdown-catalog ul {
    columns: 1 200px;
}

.dropdown-catalog ul:has(li:nth-child(4)) {
    columns: 2 200px;
}

.dropdown-catalog ul:has(li:nth-child(6)) {
    columns: 3 200px;
}
.nav>li ul li {
    list-style-type: none;
    position: relative;
    padding-block: 9px !important;
}

.nav>li ul li ul {
    min-height: 216px;
}
.nav>li ul li ul li {
    padding: 8px 0 !important;
}

.dropdown-catalog ul li {
    break-inside: avoid;
    padding-block: 14px !important;
}

.dropdown-catalog ul li ul {
    max-height: 432px;
    max-width: none !important;
    width: max-content !important;
    overflow: hidden !important;
    border: none !important
}

.dropdown-catalog ul a img {
    max-width: 90px;
    height: 24px;
    justify-self: center;
    object-fit: contain;
}

.nav a {
    transition: all .4s !important;
}

.dropdown-catalog a {
    transition: color .4s;
}

.dropdown-catalog a:hover {
    color: #6eddff;
}

.dropdown-catalog>ul>.submenu:first-child {
    margin-top: 10px !important
}

/*.dropdown-catalog .dropdown-menu {

    padding-block: 0 !important;
    background: #fff;
    border-radius: 3px;
    border: none !important
}*/

/*.dropdown-catalog .dropdown-menu .submenu {
    background-position: 90%;
    position: static;
}*/

.dropdown-catalog ul li ul .dropdown a:after {
    display: none !important;
}

.dropdown-catalog ul li ul .dropdown a {
    transition: color .4s;
    /* color: #0042ad */
}

.dropdown-catalog ul li ul .dropdown a span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dropdown-catalog ul li ul .dropdown:hover a span:after {
    rotate: -180deg;
}

@media(min-width: 1151px) {
    /*.dropdown-catalog .dropdown-menu {
        min-height: 425px;
    }*/

    .dropdown-catalog ul li ul .dropdown a span:after {
        content: '';

        width: 12px;
        height: 12px;

        background: currentColor;
        transition: all .4s;
        masK: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.411682 1.24268L4.65432 5.48532L8.89696 1.24268' stroke='%236EDDFF' /%3E%3C/svg%3E") center / contain no-repeat
    } 
	.dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu a span:after {
        content: '';
display:none!important;
        width: 12px;
        height: 12px;

        background: currentColor;
        transition: all .4s;
        masK: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.411682 1.24268L4.65432 5.48532L8.89696 1.24268' stroke='%236EDDFF' /%3E%3C/svg%3E") center / contain no-repeat
    }
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu {
    top: calc(100% - 16px) !important;
    right: 0 !important;
    left: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    display: none;
    border: none !important;
    box-shadow: 0 4px 24px 0 rgba(26, 98, 214, 0.12) !important;
    background: #fff !important;
    columns: unset;
    transform: none;
    gap: 15px;
    min-width: 130px;
}
.dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu {
    top: calc(100% - 16px) !important;
	position:absolute!important;
    right: 0 !important;
    left: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    display: none;
    border: none !important;
    box-shadow: 0 4px 24px 0 rgba(26, 98, 214, 0.12) !important;
    background: #fff !important;
    columns: unset;
    transform: none;
    gap: 15px;
    min-width: 130px;
}

@media(min-width: 1151px) {
    .dropdown-catalog ul li ul .dropdown .dropdown-menu {
        padding: 10px !important;
    }
}


.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
    border: none !important;
    padding: 0 !important;
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
    display: block !important;
}


@media(min-width: 1151px) {
    .dropdown-catalog ul li ul .dropdown:hover .dropdown-menu {
        display: grid !important;
    }
}


.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
    border: none !important;
    padding: 0 !important;
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
    display: block !important;
}

.dropdown-catalog>ul {
    width: 225px !important;
    max-width: 225px !important;
}

.dropdown-catalog>ul>li {
    padding: 9px 20px !important;
}

.dropdown-catalog>ul>li>a {
    padding-right: 20px;
}

.dropdown-catalog ul li ul {
    padding-block: 22px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.btn.pay {
    max-width: 162px;
    white-space: nowrap;
}



.reviews-text__item-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6
}

.reviews-text__item-text-full {
    -webkit-line-clamp: 99
}
.reviews-text__item-btn span:nth-child(2) {
    display: none;
}
.reviews-text__item-btn.active span:nth-child(1) {
    display: none;
}
.reviews-text__item-btn.active span:nth-child(2) {
    display: block;
}

.product__tooltip {
    position: relative;
    vertical-align: middle;
    background: none;
    border: none;
    cursor: pointer;
}

.product__tooltip svg {
    width: 20px;
    height: 20px;
    fill: #1a62d6;
}

.product__tooltip-content {
    position: absolute;
    right: 0;
    bottom: 30px;
    z-index: 3;
    min-width: 280px;
    padding: 12px;
    border-radius: 3px;
    font-size: 14px;

    opacity: 0;
    pointer-events: none;
    background: #fff;
    text-align: left;
    box-shadow: 0 8px 24px 0 rgba(26, 98, 214, 0.12)
}

.product__tooltip.active .product__tooltip-content {
    opacity: 1;
    pointer-events: auto;
}

.search-form__content {
    z-index: 1;
    position: relative;
}


















@media(max-width: 1150px) {
.dropdown-catalog>ul>li>a {
    display: block;
    height: 40px;
}
.dropdown-catalog>ul>li {
    margin: 0 !important;
}
    .desctop-item {
        display: none;
    }
    .dropdown-menu {
        display: block;
    }

    .header__bottom {
        height: 100vh;
    }

    .header__bottom .container {
        overflow-y: auto;
        overflow-x: hidden;
        max-width: 425px;
        margin: 0;
        max-height: 90vh;
    }
    .dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu {
        position: relative !important;
        top: 0 !important;
        padding: 10px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        margin-bottom: 10px;
    }
    .dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu li:last-child {
        margin-bottom: 0;
    }
    .dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu li a {
        line-height: 1.5 !important;
    }
    .nav>li.dropdown > .dropdown-footer__btn {
        width: 46px !important;
        height: 46px !important;
        top: 0 !important;
        margin-left: 0 !important;
    }

    .nav>li ul li ul {
        position: static !important;
        max-height: none !important;
        width: 100% !important;
    }

    .dropdown {
       /* display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;*/
    }

    .dropdown-menu {
        position: static;
        transform: none;
        grid-column: 1/-1;
    }

    .dropdown>a {
        width: 100%;
    }

    .dropdown-catalog>ul {
        width: 100% !important;
    }

    .dropdown-catalog .submenu>a:before {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;

        width: 10px;
        height: 10px;

        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDcgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI0MjE5IDkuMjQyNjhMNS40ODQ4MyA1LjAwMDAzTDEuMjQyMTkgMC43NTczOTQiIHN0cm9rZT0iIzAwNDJBRCIvPgo8L3N2Zz4K) center / contain no-repeat;
        rotate: 90deg;
        transition: all .4s;
    }

    .dropdown-catalog .open+.dropdown-menu .submenu>a:has(+[style*="display: block;"]):before {
        rotate: 270deg;
    }

    .dropdown-catalog .dropdown-menu {
        padding: 12px;
    }

  
    .dropdown-catalog {
        width: 100%;
    }

    .dropdown-catalog .dropdown-menu .submenu {
        position: relative;
        background-position: top 5px right 5px;
    }

    .nav>.dropdown-catalog ul li ul {
        padding: 0;
        margin-bottom: 20px;
        margin-top: 12px;
        box-shadow: none;
    }

    .nav>.dropdown-catalog ul li {
        padding: 0 !important;
        margin-bottom: 12px;
    }

    .dropdown-catalog .dropdown-menu {
        width: 100% !important;
        padding: 0;
        max-width: unset !important;
        position: relative !important;
        z-index: 3;
        inset: 0 !important;
        transform: none !important;
        columns: unset !important;
    }

    .dropdown-catalog .dropdown-footer__btn {
        position: absolute;
        z-index: 2;
        top: 7px;
        right: 0;
        background-position: center
    }


    .dropdown-catalog>.dropdown-footer__btn {
        top: 17px;
    }

    .dropdown-catalog ul li ul .dropdown .dropdown-menu {
        position: static !important;
        translate: 0 10px !important;
        margin: 0;
        padding: 0;
        border-radius: 0 !important;
        background: none !important;
        box-shadow: none !important
    }

    .header__bottom .dropdown-footer__btn, .nav>li a {
        width: auto;
    }
    .header__bottom .dropdown-footer__btn{
        margin-left:10px;
    }
}


@media(max-width: 768px) {
	.btn-dzen{
	    display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 10px;
		}
	.btn-dzen .nav__mobile-item{
	   margin:0;
	}
    .product__item-percent {
        top: 0;
    }
    .about-video {
    padding: 30px 0 0;
}
    main>*:last-child {
        padding-bottom: 40px;
    }
}



@media(max-width: 440px) {
.product__item-percent {
    font-size: 12px;
    line-height: 1;
    height: 18px;
    padding: 4px 5px 4px 5px;
}
.product__item-percent:after {
    border-top: 18px solid #1a62d6;
}
}
.card__slider .swiper ,
.action-container{
	display:none;
}
.card__slider .swiper.swiper-initialized,
.action-container.swiper-initialized{
	display:block;
}
.services {
    margin: 60px 0 60px;
}
.action__slider .action-center .container {
    width: min(100%, 800px);
}
/* End */


/* Start:/local/templates/stroekos/components/bitrix/menu/top_menu/style.css?1731427290491*/
.nav>li>ul li a:has(.label) {
    display: grid;
    justify-items: start;
    gap: 2px;
}
.nav>li>ul li a .label {
    order: -1;
    padding: 2px 4px;
    height: 10px;
    min-height: auto;
}
.label {
    position: relative;
    inset: 0;
    display: inline-flex;
    align-items: center;
    font-size: 8px;
    background: #1a62d6;
    font-family: RobotoBold, Arial, sans-serif;
    font-style: normal;
    color: #fff;
	font-weight: 700;
	line-height: 1.2;
}

/* End */


/* Start:/local/templates/stroekos/components/bitrix/catalog.compare.list/compare_count/style.css?17314272901265*/
.bx_catalog-compare-list{
    font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:12px;
    z-index:998;
    overflow:hidden;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width:270px;
    max-height:100%;
    padding:10px 8px 0;
    white-space:normal;
    color:#404040;
    border:1px solid #b7b7b7;
    border-radius:3px;
    background:#fff;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.18);
	margin-bottom: 10px;
}
.bx_catalog-compare-list.fix{
	position:fixed;
}
.bx_catalog-compare-list.top{
    top:5px;
}
.bx_catalog-compare-list.right{
    right:5px;
}
.bx_catalog-compare-list.bottom{
    bottom:5px;
}
.bx_catalog-compare-list.left{
    left:5px;
}
.bx_catalog-compare-list .bx_catalog_compare_form {  }
.bx_catalog-compare-list:hover .bx_catalog_compare_form {  }
.bx_catalog-compare-list a{
    font-size:11px;
    color:#327ab7;
}
.bx_catalog-compare-list a:hover{
    text-decoration:none;
}
.bx_catalog_compare_count p{
    margin:0 0 10px 0;
}
.bx_catalog_compare_count p.compare-redirect{
	text-align: center;
	font-weight: bold;
}
.bx_catalog-compare-list .compare-items td{
    font-size:12px;
    font-weight:bold;
    padding-bottom:10px;
	vertical-align: top;
}
/* End */


/* Start:/local/templates/stroekos/components/bitrix/sale.basket.basket.line/.default/style.css?17314272904749*/
.bx-basket { }

.bx-basket-block {
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		margin-right: 20px;
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/stroekos/components/bitrix/sale.basket.basket.line/mobile/style.css?17314272904749*/
.bx-basket { }

.bx-basket-block {
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }

	.block-store-catalog-list .bx-basket-fixed.bottom { bottom: 70px }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	.block-wrapper .bx-basket-fixed {
		padding-top: 0;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile {
		display: flex;
		justify-content: space-between;
	}

	.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block {
		margin-right: 20px;
		padding-bottom: 0;
	}

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; }

/* End */


/* Start:/local/templates/stroekos/components/bitrix/system.auth.form/.default/style.css?1731427290443*/
div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/stroekos/components/bitrix/system.auth.form/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/stroekos/components/bitrix/system.auth.form/.default/images/sec-unlocked.png);}


/* End */


/* Start:/local/templates/stroekos/components/bitrix/main.register/.default/style.css?1731427290463*/
div.bx-auth-reg input.bx-auth-input {vertical-align:middle;}
div.bx-auth-reg span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:middle;}
div.bx-auth-reg div.bx-auth-secure-icon {background-image:url(/local/templates/stroekos/components/bitrix/main.register/.default/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-auth-reg div.bx-auth-secure-unlock {background-image:url(/local/templates/stroekos/components/bitrix/main.register/.default/images/sec-unlocked.png);}


/* End */


/* Start:/local/templates/stroekos/template_styles.css?1747904178575*/
.h2 { font-style: normal; line-height: 1.2; color: #0042ad; font-size: 32px; margin: 0 0 40px; font-family: RobotoBold, Arial, sans-serif; }
	.js-tab-content.tab-content .tab-content__item--flex.disabled {opacity: 0.4;pointer-events: none;}
	.js-tab-content.tab-content {display: flex; flex-direction: column;}
	.js-tab-content.tab-content .tab-content__item--flex {order: 1;}
	.js-tab-content.tab-content .tab-content__item--flex.disabled {order: 2;}
.sbross {display:none}
@media (max-width: 768px) {
  .catalog__filters-bottom {
    padding-bottom: 150px !important;
  }
}
/* End */
/* /local/templates/stroekos/css/style.min.css?1749453549288262 */
/* /local/templates/stroekos/css/style-2.css?174945354932390 */
/* /local/templates/stroekos/css/custom.css?175075291027111 */
/* /local/templates/stroekos/components/bitrix/menu/top_menu/style.css?1731427290491 */
/* /local/templates/stroekos/components/bitrix/catalog.compare.list/compare_count/style.css?17314272901265 */
/* /local/templates/stroekos/components/bitrix/sale.basket.basket.line/.default/style.css?17314272904749 */
/* /local/templates/stroekos/components/bitrix/sale.basket.basket.line/mobile/style.css?17314272904749 */
/* /local/templates/stroekos/components/bitrix/system.auth.form/.default/style.css?1731427290443 */
/* /local/templates/stroekos/components/bitrix/main.register/.default/style.css?1731427290463 */
/* /local/templates/stroekos/template_styles.css?1747904178575 */
