/* Start:/local/templates/stroekos/css/style.min.css?1781517718446487*/
@charset "UTF-8";

.article-page__main .table {
  display: grid;
  grid-template-columns: 100%;
}

.article-page__main .feedback__flex {
  flex-wrap: wrap;
}

:root {
  --active: #1a62d6;
  --gray: #737d7f
}

@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%;
  -webkit-tap-highlight-color: transparent;
}

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 rgba(255, 255, 255, .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 rgba(255, 255, 255, .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, 0.2);



  padding: 8px;
  scale: .5;
}

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
}

.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: 114px 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;
  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 var(--active);
  color: var(--active)
}

.btn--white {
  background: #fff
}

.btn--transparent:hover,
.btn--white:hover {
  background: var(--active);
  color: #fff
}

.btn--transparent {
  background: 0 0
}

.btn--blue,
.btn--rect {
  border: 2px solid var(--active);
  background: var(--active)
}

.btn--blue:hover,
.btn--rect:hover {
  color: var(--active)
}

.btn--rect {
  border: 2px solid var(--active);
  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 rgba(217, 217, 217, .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: var(--gray);
  line-height: 1.2
}

.section-title,
h1,
h2 {
  font-size: 48px;
  margin: 0 0 30px
}

.section-title,
h2 {
  font-size: 32px;
  margin: 0 0 min(calc(24px + 16px), calc(24px + 16 * ((100vw - 375px) / 1545)))
}

.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: var(--gray)
}

.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: var(--gray);
  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: var(--active);
  border-radius: 3px;
  margin: 0 0 -40px;
  padding: 10px 20px
}

table:not(.ui-datepicker-calendar, .pika-table) {
  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, .pika-table) tr {
  border-top: 15px solid #fff
}

table:not(.ui-datepicker-calendar, .pika-table) tr:last-child td:first-child {
  border-bottom-left-radius: 15px
}

table:not(.ui-datepicker-calendar, .pika-table) tr:last-child td:last-child {
  border-bottom-right-radius: 15px
}

table:not(.ui-datepicker-calendar, .pika-table) td,
table:not(.ui-datepicker-calendar, .pika-table) 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, .pika-table) 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, .pika-table) td:first-child {
  font-size: 18px;
  color: #0042ad;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px
}

table:not(.ui-datepicker-calendar, .pika-table) 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: 12px;
  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: var(--active)
}

.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 var(--active);
  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 var(--active);
  border-radius: 3px;
  margin: 0;
  min-width: 270px
}

.input.error {
  border-color: #f03;
  color: #f03;
}

.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 var(--active);
  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: var(--active)
}

.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: var(--active);
  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: var(--active)
}

.slider-range .ui-icon-background,
.slider-range .ui-state-active .ui-icon-background {
  border-color: var(--active);
  background-color: var(--active)
}

.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: #fff;
  border: 3px solid var(--active)
}

.rating-area__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--active);
  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 var(--active);
  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: var(--active);
  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: var(--active);
  border: 2px solid var(--active);
  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: var(--active);
  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, var(--active), var(--active) 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: var(--gray);
  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-block: min(calc(40px + 20px), calc(40px + 20 * ((100vw - 375px) / 1545)))
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200
}

a[href*="tel"] {
  display: inline-flex;
  padding-block: 13px !important;
  margin-block: -7px !important;
}

a[href*="tel"]::before {
  top: 50% !important;
  translate: 0 -50%
}

.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: 12px;
  line-height: 1.2;
  color: var(--gray);
  margin: 0;
  padding: 0
}

.header__contact a {
  transition: all .3s ease
}

.header__contact a:hover {
  color: var(--active)
}

.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: var(--gray);
  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: var(--active);
  box-shadow: 0 0 4px rgba(214, 214, 214, .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==)
}

.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: 12px;
  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 rgba(163, 163, 163, .25);
  border-radius: 10px;
  padding: 0 15px
}

.dropdown-menu li {
  padding: 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
}

.link {
  font-family: RobotoMedium, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.15;
  text-transform: capitalize;
}

.btn--link {
  padding: 0;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  color: var(--active);
  background: none;
  border: none;
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  font-family: RobotoBold;
}

.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=);
  background-size: 16px;
}

.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: 12px;
  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: var(--active);
  box-shadow: 0 0 8px rgba(176, 176, 176, .5);
  z-index: 10005
}

.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: var(--gray)
}

.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: var(--active)
}

.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: 12px;
  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: var(--gray)
}

.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: var(--active)
}

.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: var(--gray)
}

.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: var(--active);
  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: var(--active)
}

.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: var(--active);
  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: var(--gray);
  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-block: min(calc(40px + 20px), calc(40px + 20 * ((100vw - 375px) / 1545)));
  overflow-x: clip;
}

.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: var(--active)
}

.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: var(--active);
  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: var(--gray);
  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: var(--active);
  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-page__item a {
  line-height: 1.4;
}

.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: var(--active)
}

.blog__item:hover .blog__item-link {
  color: var(--active);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE3IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNi4zNTM2IDQuMzUzNTVDMTYuNTQ4OCA0LjE1ODI5IDE2LjU0ODggMy44NDE3MSAxNi4zNTM2IDMuNjQ2NDVMMTMuMTcxNiAwLjQ2NDQ2NkMxMi45NzYzIDAuMjY5MjA0IDEyLjY1OTcgMC4yNjkyMDQgMTIuNDY0NSAwLjQ2NDQ2NkMxMi4yNjkyIDAuNjU5NzI4IDEyLjI2OTIgMC45NzYzMTEgMTIuNDY0NSAxLjE3MTU3TDE1LjI5MjkgNEwxMi40NjQ1IDYuODI4NDNDMTIuMjY5MiA3LjAyMzY5IDEyLjI2OTIgNy4zNDAyNyAxMi40NjQ1IDcuNTM1NTNDMTIuNjU5NyA3LjczMDggMTIuOTc2MyA3LjczMDggMTMuMTcxNiA3LjUzNTUzTDE2LjM1MzYgNC4zNTM1NVpNMCA0LjVIMTZWMy41SDBWNC41WiIgZmlsbD0iIzFBNjJENiIvPgo8L3N2Zz4K)
}

.blog__item-content time,
.blog__item p {
  line-height: 1.4;
  color: var(--gray);
  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: var(--active);
  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 var(--gray);
  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: 60px
}

.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: var(--active);
  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: var(--active)
}

.services__item:nth-child(6n+2) .services__item-link,
.services__item:nth-child(6n+5) .services__item-link {
  color: var(--active);
  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: var(--active)
}

.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: var(--active);
  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: var(--gray);
  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: var(--active)
}

.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: var(--gray)
}

.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: var(--active);
  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: var(--active);
  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 var(--active);
  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 var(--active)
}

.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;
  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: var(--gray)
}

.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: var(--active);
  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: 28px 20px
}

.blog-page__sidebar .tab {
  padding-block: 0;
}

.blog-page__sidebar .tab-label {
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.blog-page__sidebar .tab-content {
  display: grid;
  gap: 12px;
}

.blog-page__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px
}

.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 {
  display: none;
  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: calc(100% - 110px);
  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: var(--gray)
}

.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 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0042ad;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDhMNy4zNjM5NiAxLjYzNjA0QzcuNzU0NDkgMS4yNDU1MSA4LjM4NzY1IDEuMjQ1NTEgOC43NzgxNyAxLjYzNjA0TDE1LjE0MjEgOCIgc3Ryb2tlPSIjMDA0MkFEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K);
  font-family: RobotoMedium, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #0042ad;
  cursor: pointer;
}

.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 {
  margin-bottom: 0;
  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: var(--active)
}

.tab-content__item .checkbox2 {
  display: grid;
  grid-template-columns: auto 1fr;
}

.tab-content__item .checkbox2__text {
  display: grid !important;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}

.tab-content__item .checkbox2__text:not(:has(.label)) {
  display: flex !important;
  justify-content: flex-start;
}

.tab-content__item .checkbox2__text span {
  min-width: 28px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: end;
  text-align: center;
  padding: 0px 6px;
  margin-left: auto;
  order: 3;
  background: #dae7fd;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
}

.tab-content__item .checkbox2__round:before {
  width: 16px;
  height: 16px;
  border-width: 1px;
  border-radius: 0;
}

.tab-content__item .label {
  justify-self: start;
  padding: 4px 2px;
}

.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: var(--gray);
  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.4;
  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%;
  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: var(--gray)
}

.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 {
  margin-bottom: 10px;
  font-weight: 700;
  font-family: RobotoBold;
  font-size: 22px;
  line-height: 1.2;
  color: #0042ad
}

.product__item-percent {
  position: absolute;
  height: 22px;
  top: 40px;
  left: 20px;
  padding: 4px 10px 4px 20px;
  background: var(--active);
  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 var(--active);
  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: 0
}

.product__item-favourites {
  position: absolute;
  top: 20px;
  right: 10px;
  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-page .product__item-btn-compare {
  position: static;
  width: auto;
  height: auto;
  font-size: 14px;
  padding-right: 20px;
}

.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;
  height: 20px;
  object-fit: contain;
  margin-bottom: -.2lh
}

.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 {
  font-size: 0;
  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;
  position: absolute;
  right: 13px;
  top: 50px;
  width: 14px;
  height: 14px;
  padding: 0;
}

.product__item-btn-compare:hover {
  color: var(--active)
}

.product__item-button {
  display: flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: min(calc(36px + 8px), calc(36px + 8 * ((100vw - 375px) / 1545)));
  padding: 4px 12px;
  font-size: min(calc(12px + 2px), calc(12px + 2 * ((100vw - 375px) / 1545)));
}

.product__item-button :is(svg, img) {
  width: 14px;
  height: 14px;
}

.product__item-row {
  display: flex;
  align-items: center;
  gap: min(calc(4px + 6px), calc(4px + 6 * ((100vw - 375px) / 1545)));
}

.product__item-addcart {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: min(calc(36px + 8px), calc(36px + 8 * ((100vw - 375px) / 1545)));
  height: min(calc(36px + 8px), calc(36px + 8 * ((100vw - 375px) / 1545)));
  border: none;
  background: #dae7fd;
  border-radius: 50%;
  transition: all .3s;
  cursor: pointer;
}

.product__item-addcart::before {
  content: '';
  width: 17px;
  height: 17px;
  margin-left: -4px;
  background: var(--active);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.55 4.2675C11.5237 4.02375 11.5087 3.7725 11.5087 3.52125C11.5087 3.26625 11.5237 3.015 11.55 2.7675H4.66875L4.0875 0.55875C4.04533 0.398857 3.95151 0.257382 3.82062 0.156332C3.68973 0.0552816 3.52911 0.000321053 3.36375 0H0.75C0.3375 0 0 0.3375 0 0.75C0 1.1625 0.3375 1.5 0.75 1.5H2.78625L3.3675 3.7125C3.3675 3.71625 3.37125 3.71625 3.37125 3.71625L5.19375 10.7438C5.28 11.0738 5.58 11.3025 5.92125 11.3025H6.01125C5.9025 11.5725 5.8425 11.865 5.8425 12.1725C5.8425 13.4775 6.90375 14.5387 8.20875 14.5387C9.51375 14.5387 10.575 13.4775 10.575 12.1725C10.575 11.865 10.515 11.5725 10.4062 11.3025H12.1912C12.0825 11.5725 12.0225 11.865 12.0225 12.1725C12.0225 13.4775 13.0837 14.5387 14.3888 14.5387C15.6937 14.5387 16.755 13.4775 16.755 12.1725C16.755 11.865 16.695 11.5725 16.5863 11.3025H16.6763C17.0175 11.3025 17.3175 11.0738 17.4037 10.7438L17.4825 10.44C16.7685 10.3356 16.0752 10.1205 15.4275 9.8025C13.32 8.7675 11.8088 6.70125 11.55 4.2675ZM9.075 12.1725C9.075 12.6487 8.68875 13.0387 8.20875 13.0387C7.7325 13.0387 7.3425 12.6487 7.3425 12.1725C7.3425 11.9424 7.43364 11.7217 7.59599 11.5586C7.75834 11.3956 7.97866 11.3035 8.20875 11.3025C8.68875 11.3025 9.075 11.6925 9.075 12.1725ZM15.255 12.1725C15.255 12.6487 14.865 13.0387 14.3888 13.0387C13.9087 13.0387 13.5225 12.6487 13.5225 12.1725C13.5225 11.6925 13.9087 11.3025 14.3888 11.3025C14.6188 11.3035 14.8392 11.3956 15.0015 11.5586C15.1639 11.7217 15.255 11.9424 15.255 12.1725Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.55 4.2675C11.5237 4.02375 11.5087 3.7725 11.5087 3.52125C11.5087 3.26625 11.5237 3.015 11.55 2.7675H4.66875L4.0875 0.55875C4.04533 0.398857 3.95151 0.257382 3.82062 0.156332C3.68973 0.0552816 3.52911 0.000321053 3.36375 0H0.75C0.3375 0 0 0.3375 0 0.75C0 1.1625 0.3375 1.5 0.75 1.5H2.78625L3.3675 3.7125C3.3675 3.71625 3.37125 3.71625 3.37125 3.71625L5.19375 10.7438C5.28 11.0738 5.58 11.3025 5.92125 11.3025H6.01125C5.9025 11.5725 5.8425 11.865 5.8425 12.1725C5.8425 13.4775 6.90375 14.5387 8.20875 14.5387C9.51375 14.5387 10.575 13.4775 10.575 12.1725C10.575 11.865 10.515 11.5725 10.4062 11.3025H12.1912C12.0825 11.5725 12.0225 11.865 12.0225 12.1725C12.0225 13.4775 13.0837 14.5387 14.3888 14.5387C15.6937 14.5387 16.755 13.4775 16.755 12.1725C16.755 11.865 16.695 11.5725 16.5863 11.3025H16.6763C17.0175 11.3025 17.3175 11.0738 17.4037 10.7438L17.4825 10.44C16.7685 10.3356 16.0752 10.1205 15.4275 9.8025C13.32 8.7675 11.8088 6.70125 11.55 4.2675ZM9.075 12.1725C9.075 12.6487 8.68875 13.0387 8.20875 13.0387C7.7325 13.0387 7.3425 12.6487 7.3425 12.1725C7.3425 11.9424 7.43364 11.7217 7.59599 11.5586C7.75834 11.3956 7.97866 11.3035 8.20875 11.3025C8.68875 11.3025 9.075 11.6925 9.075 12.1725ZM15.255 12.1725C15.255 12.6487 14.865 13.0387 14.3888 13.0387C13.9087 13.0387 13.5225 12.6487 13.5225 12.1725C13.5225 11.6925 13.9087 11.3025 14.3888 11.3025C14.6188 11.3035 14.8392 11.3956 15.0015 11.5586C15.1639 11.7217 15.255 11.9424 15.255 12.1725Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  transition: all .3s;
}

.product__item-addcart::after {
  content: '';
  position: absolute;
  right: min(calc(5px + 4px), calc(5px + 4 * ((100vw - 375px) / 1545)));
  top: min(calc(8px + 4px), calc(8px + 4 * ((100vw - 375px) / 1545)));
  width: 11px;
  height: 11px;
  background: var(--active);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49375 0C2.46375 0 0 2.4675 0 5.4975C0 8.5275 2.46375 10.9913 5.49375 10.9913C8.5275 10.9913 10.9913 8.5275 10.9913 5.4975C10.9913 2.4675 8.5275 0 5.49375 0ZM7.125 6.2475H6.24375V7.12875C6.24375 7.32766 6.16473 7.51843 6.02408 7.65908C5.88343 7.79973 5.69266 7.87875 5.49375 7.87875C5.29484 7.87875 5.10407 7.79973 4.96342 7.65908C4.82277 7.51843 4.74375 7.32766 4.74375 7.12875V6.2475H3.86625C3.66734 6.2475 3.47657 6.16848 3.33592 6.02783C3.19527 5.88718 3.11625 5.69641 3.11625 5.4975C3.11625 5.08125 3.45 4.7475 3.86625 4.7475H4.74375V3.86625C4.74375 3.66734 4.82277 3.47657 4.96342 3.33592C5.10407 3.19527 5.29484 3.11625 5.49375 3.11625C5.91 3.11625 6.24375 3.45 6.24375 3.86625V4.7475H7.125C7.54125 4.7475 7.875 5.08125 7.875 5.4975C7.875 5.69641 7.79598 5.88718 7.65533 6.02783C7.51468 6.16848 7.32391 6.2475 7.125 6.2475Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49375 0C2.46375 0 0 2.4675 0 5.4975C0 8.5275 2.46375 10.9913 5.49375 10.9913C8.5275 10.9913 10.9913 8.5275 10.9913 5.4975C10.9913 2.4675 8.5275 0 5.49375 0ZM7.125 6.2475H6.24375V7.12875C6.24375 7.32766 6.16473 7.51843 6.02408 7.65908C5.88343 7.79973 5.69266 7.87875 5.49375 7.87875C5.29484 7.87875 5.10407 7.79973 4.96342 7.65908C4.82277 7.51843 4.74375 7.32766 4.74375 7.12875V6.2475H3.86625C3.66734 6.2475 3.47657 6.16848 3.33592 6.02783C3.19527 5.88718 3.11625 5.69641 3.11625 5.4975C3.11625 5.08125 3.45 4.7475 3.86625 4.7475H4.74375V3.86625C4.74375 3.66734 4.82277 3.47657 4.96342 3.33592C5.10407 3.19527 5.29484 3.11625 5.49375 3.11625C5.91 3.11625 6.24375 3.45 6.24375 3.86625V4.7475H7.125C7.54125 4.7475 7.875 5.08125 7.875 5.4975C7.875 5.69641 7.79598 5.88718 7.65533 6.02783C7.51468 6.16848 7.32391 6.2475 7.125 6.2475Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  transition: all .3s;
}

.product__item-addcart:hover {
  background: var(--active)
}

.product__item-addcart:hover::after,
.product__item-addcart:hover::before {
  background: #fff;
}

.product__item-addcart.active {
  border: 1px solid #18d6b2;
  background: #fff;
}

.product__item-addcart.active::before {
  background: var(--active);
}

.product__item-addcart.active:after {
  mask: none;
  background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath fill='%2318d6b2' d='m20,10c0,5.5228 -4.4772,10 -10,10c-5.52285,0 -10,-4.4772 -10,-10c0,-5.52285 4.47715,-10 10,-10c5.5228,0 10,4.47715 10,10z'/%3E%3Cpath fill='%23fff' d='m14.0303,6.96967c0.2929,0.29289 0.2929,0.76777 0,1.06063l-5,5c-0.2929,0.2929 -0.7677,0.2929 -1.06063,0l-2,-2c-0.29289,-0.2929 -0.29289,-0.7677 0,-1.0606c0.29289,-0.2929 0.76777,-0.2929 1.06066,0l1.46967,1.4696l2.2348,-2.2348l2.2349,-2.23483c0.2929,-0.29289 0.7677,-0.29289 1.0606,0z'/%3E%3C/svg%3E%0A");
}

.product__item-small-text {
  font-size: min(calc(8px + 4px), calc(8px + 4 * ((100vw - 375px) / 1545)));
  color: #8D8D8D;
  text-align: center;
  margin-top: 8px;
  font-family: RobotoMedium;
  line-height: 1.2
}

.product__button {
  width: auto;
  min-width: 158px;
  display: flex;
  gap: 8px;
  /* border: 1px solid #18d6b2; */
  border-radius: 50px;
  border: 1px solid transparent;
  /* background: none; */
  /* color: var(--active); */
}

.product__button .icon {
  position: relative;
  width: 24px;
  height: 16px;
}

.product__button .icon::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 17px;
  height: 14px;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.55 4.2675C11.5237 4.02375 11.5087 3.7725 11.5087 3.52125C11.5087 3.26625 11.5237 3.015 11.55 2.7675H4.66875L4.0875 0.55875C4.04533 0.398857 3.95151 0.257382 3.82062 0.156332C3.68973 0.0552816 3.52911 0.000321053 3.36375 0H0.75C0.3375 0 0 0.3375 0 0.75C0 1.1625 0.3375 1.5 0.75 1.5H2.78625L3.3675 3.7125C3.3675 3.71625 3.37125 3.71625 3.37125 3.71625L5.19375 10.7438C5.28 11.0738 5.58 11.3025 5.92125 11.3025H6.01125C5.9025 11.5725 5.8425 11.865 5.8425 12.1725C5.8425 13.4775 6.90375 14.5387 8.20875 14.5387C9.51375 14.5387 10.575 13.4775 10.575 12.1725C10.575 11.865 10.515 11.5725 10.4062 11.3025H12.1912C12.0825 11.5725 12.0225 11.865 12.0225 12.1725C12.0225 13.4775 13.0837 14.5387 14.3888 14.5387C15.6937 14.5387 16.755 13.4775 16.755 12.1725C16.755 11.865 16.695 11.5725 16.5863 11.3025H16.6763C17.0175 11.3025 17.3175 11.0738 17.4037 10.7438L17.4825 10.44C16.7685 10.3356 16.0752 10.1205 15.4275 9.8025C13.32 8.7675 11.8088 6.70125 11.55 4.2675ZM9.075 12.1725C9.075 12.6487 8.68875 13.0387 8.20875 13.0387C7.7325 13.0387 7.3425 12.6487 7.3425 12.1725C7.3425 11.9424 7.43364 11.7217 7.59599 11.5586C7.75834 11.3956 7.97866 11.3035 8.20875 11.3025C8.68875 11.3025 9.075 11.6925 9.075 12.1725ZM15.255 12.1725C15.255 12.6487 14.865 13.0387 14.3888 13.0387C13.9087 13.0387 13.5225 12.6487 13.5225 12.1725C13.5225 11.6925 13.9087 11.3025 14.3888 11.3025C14.6188 11.3035 14.8392 11.3956 15.0015 11.5586C15.1639 11.7217 15.255 11.9424 15.255 12.1725Z' fill='white' /%3E%3C/svg%3E") left bottom / 17px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.55 4.2675C11.5237 4.02375 11.5087 3.7725 11.5087 3.52125C11.5087 3.26625 11.5237 3.015 11.55 2.7675H4.66875L4.0875 0.55875C4.04533 0.398857 3.95151 0.257382 3.82062 0.156332C3.68973 0.0552816 3.52911 0.000321053 3.36375 0H0.75C0.3375 0 0 0.3375 0 0.75C0 1.1625 0.3375 1.5 0.75 1.5H2.78625L3.3675 3.7125C3.3675 3.71625 3.37125 3.71625 3.37125 3.71625L5.19375 10.7438C5.28 11.0738 5.58 11.3025 5.92125 11.3025H6.01125C5.9025 11.5725 5.8425 11.865 5.8425 12.1725C5.8425 13.4775 6.90375 14.5387 8.20875 14.5387C9.51375 14.5387 10.575 13.4775 10.575 12.1725C10.575 11.865 10.515 11.5725 10.4062 11.3025H12.1912C12.0825 11.5725 12.0225 11.865 12.0225 12.1725C12.0225 13.4775 13.0837 14.5387 14.3888 14.5387C15.6937 14.5387 16.755 13.4775 16.755 12.1725C16.755 11.865 16.695 11.5725 16.5863 11.3025H16.6763C17.0175 11.3025 17.3175 11.0738 17.4037 10.7438L17.4825 10.44C16.7685 10.3356 16.0752 10.1205 15.4275 9.8025C13.32 8.7675 11.8088 6.70125 11.55 4.2675ZM9.075 12.1725C9.075 12.6487 8.68875 13.0387 8.20875 13.0387C7.7325 13.0387 7.3425 12.6487 7.3425 12.1725C7.3425 11.9424 7.43364 11.7217 7.59599 11.5586C7.75834 11.3956 7.97866 11.3035 8.20875 11.3025C8.68875 11.3025 9.075 11.6925 9.075 12.1725ZM15.255 12.1725C15.255 12.6487 14.865 13.0387 14.3888 13.0387C13.9087 13.0387 13.5225 12.6487 13.5225 12.1725C13.5225 11.6925 13.9087 11.3025 14.3888 11.3025C14.6188 11.3035 14.8392 11.3956 15.0015 11.5586C15.1639 11.7217 15.255 11.9424 15.255 12.1725Z' fill='white' /%3E%3C/svg%3E") left bottom / 17px no-repeat;
}

.product__button .icon:after {
  content: '';
  position: absolute;
  right: 1px;
  top: -0.6px;
  width: 11px;
  height: 11px;
  background: #fff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49375 0C2.46375 0 0 2.4675 0 5.4975C0 8.5275 2.46375 10.9913 5.49375 10.9913C8.5275 10.9913 10.9913 8.5275 10.9913 5.4975C10.9913 2.4675 8.5275 0 5.49375 0ZM7.125 6.2475H6.24375V7.12875C6.24375 7.32766 6.16473 7.51843 6.02408 7.65908C5.88343 7.79973 5.69266 7.87875 5.49375 7.87875C5.29484 7.87875 5.10407 7.79973 4.96342 7.65908C4.82277 7.51843 4.74375 7.32766 4.74375 7.12875V6.2475H3.86625C3.66734 6.2475 3.47657 6.16848 3.33592 6.02783C3.19527 5.88718 3.11625 5.69641 3.11625 5.4975C3.11625 5.08125 3.45 4.7475 3.86625 4.7475H4.74375V3.86625C4.74375 3.66734 4.82277 3.47657 4.96342 3.33592C5.10407 3.19527 5.29484 3.11625 5.49375 3.11625C5.91 3.11625 6.24375 3.45 6.24375 3.86625V4.7475H7.125C7.54125 4.7475 7.875 5.08125 7.875 5.4975C7.875 5.69641 7.79598 5.88718 7.65533 6.02783C7.51468 6.16848 7.32391 6.2475 7.125 6.2475Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.49375 0C2.46375 0 0 2.4675 0 5.4975C0 8.5275 2.46375 10.9913 5.49375 10.9913C8.5275 10.9913 10.9913 8.5275 10.9913 5.4975C10.9913 2.4675 8.5275 0 5.49375 0ZM7.125 6.2475H6.24375V7.12875C6.24375 7.32766 6.16473 7.51843 6.02408 7.65908C5.88343 7.79973 5.69266 7.87875 5.49375 7.87875C5.29484 7.87875 5.10407 7.79973 4.96342 7.65908C4.82277 7.51843 4.74375 7.32766 4.74375 7.12875V6.2475H3.86625C3.66734 6.2475 3.47657 6.16848 3.33592 6.02783C3.19527 5.88718 3.11625 5.69641 3.11625 5.4975C3.11625 5.08125 3.45 4.7475 3.86625 4.7475H4.74375V3.86625C4.74375 3.66734 4.82277 3.47657 4.96342 3.33592C5.10407 3.19527 5.29484 3.11625 5.49375 3.11625C5.91 3.11625 6.24375 3.45 6.24375 3.86625V4.7475H7.125C7.54125 4.7475 7.875 5.08125 7.875 5.4975C7.875 5.69641 7.79598 5.88718 7.65533 6.02783C7.51468 6.16848 7.32391 6.2475 7.125 6.2475Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  transition: all .3s;
}

.product__button:hover {
  background: #fff;
  border-color: var(--active);
}

.product__button:hover .icon::after {
  background: var(--active);
}

.product__button.active {
  border-color: #18d6b2;
  background: #fff;
  color: var(--active)
}

.product__button.active .icon::after {
  background: #18d6b2;
}

.product__button.active:hover {
  background: #fff;
  color: var(--active);
  border-color: #18d6b2;
}

.product__button.active:hover .icon::after {
  background: #18d6b2;
}

.product__chat {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 177px;
  height: 36px;
  border: 1px solid currentColor;
  border-radius: 100px;
  padding: 8px 12px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
  font-family: RobotoBold;
  color: #ff5b5b;
  cursor: pointer;
  transition: all .3s;
}

.product__chat svg {
  fill: currentColor;
}

.product__chat:hover {
  background: #ff5b5b;
  color: #fff;
}

.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 var(--active);
  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: var(--active);
  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: var(--active)
}

.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: var(--active)
}

.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: 40px 0 0;
  width: 100%
}

.catalog__filters .bx-filter .bx-ui-slider-handle.left {
  margin-left: 0 !important;
}

.catalog__filters .bx-filter .bx-ui-slider-handle.right {
  margin-right: 0 !important;
}

.btn__reset {
  display: block;
  margin-top: 15px;
  font-size: calc(15px + 2*(100vw - 320px)/1600);
  text-align: center;
  color: var(--active)
}

.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: var(--active)
}

.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: var(--active);
  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: var(--active)
}

.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
}

.brand__item {
  padding: 16px;
  height: 100%
}

.brand__item-logo {
  margin-inline: auto
}

.brand__pagination {
  bottom: min(-15px, -5px - 10*(100vw - 375px)/1545) !important
}

.js-brand-slider .swiper-slide {
  width: auto !important;
  max-width: min(300px, 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: 0 0;
  border: 0;
  cursor: pointer
}

.product__tooltip svg {
  width: 20px;
  height: 20px;
  fill: var(--active)
}

.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, .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: var(--active);
  margin: 0 0 30px
}

.product__top-info {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px 0 20px
}

.product__top-info-left span {
  position: relative;
  padding: 4px 10px 4px 20px;
  background: var(--active);
  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 var(--active);
  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: var(--gray);
  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: var(--gray);
  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: min(50px, 25px + 25*(100vw - 375px)/1545)
}

.tabs-links {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: min(20px, 8px + 12*(100vw - 375px)/1545);
  padding: 0
}

.tabs__label {
  margin-bottom: 0;
  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: var(--active);
  color: #fff
}

.tabs__label--active {
  cursor: default
}

.tabs__content {
  display: none;
  padding-top: 30px
}

.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: var(--active)
}

.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: var(--gray);
  padding: 0
}

.step-checkbox__label {
  font-family: RobotoLight, Arial, sans-serif;
  font-weight: 300;
  font-size: 12px;
  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: var(--gray)
}

.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%
}

.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 {
  gap: 18px;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-color: var(--active) #6fddff;
  scrollbar-width: thin;
  padding-right: 13px;
  margin-right: -13px;
  scrollbar-gutter: stable;
}

.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: var(--active)
}

.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: var(--active)
}

.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
}

.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: 0;
  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: .2px solid #0042ad;
  background: #fff
}

.account__menu {
  margin: 0;
  padding: 0
}

.account__menu li {
  padding: 10px 0;
  margin: 0;
  border-bottom: .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: 0 0;
  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: 0
}

.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: 0 8px 24px 0 rgba(26, 98, 214, .06);
  font-size: 14px;
  color: #0042ad
}

.account__input input::placeholder {
  color: inherit !important;
  font: inherit !important
}

.account__input .input:focus {
  border: 1px solid var(--active)
}

.account__input-pass {
  position: absolute;
  right: 15px;
  top: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: 0 0;
  font-size: 12px;
  border: 0;
  color: var(--active);
  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: 17.5px solid var(--active);
  border-right: 10px solid transparent
}

.waitwindowlocal {
  display: none !important
}

div[id^=wait_] {
  display: none !important;
  background: 0 0 !important;
  border: 0 !important;
  color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: normal !important;
  font-variant: normal !important;
  font-weight: 400;
  letter-spacing: normal !important;
  line-height: normal;
  padding: 0 !important;
  position: absolute;
  text-align: center !important;
  text-indent: 0 !important;
  width: 0 !important;
  height: 0 !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
}

.dostavka {
  margin-bottom: 47px
}

.dostavka__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: -2px
}

.dostavka__button {
  min-width: min(121px, 90px + 26*(100vw - 320px)/1600);
  min-height: min(40px, 34px + 6*(100vw - 320px)/1600);
  padding: .64em 1.42em;
  font-family: "RobotoMedium";
  font-size: min(14px, 12px + 2*(100vw - 320px)/1600);
  color: #0042ad;
  background: #fff;
  border: 1.5px solid #0042ad;
  border-radius: 5px 5px 0 0;
  cursor: pointer
}

.dostavka__button.active {
  border-color: var(--active);
  background: var(--active);
  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(621px, 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(40px, 20px + 20*(100vw - 320px)/1600);
  padding-inline: min(50px, 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(20px, 16px + 4*(100vw - 320px)/1600);
  font-size: min(24px, 20px + 4*(100vw - 320px)/1600);
  line-height: 1.2;
  color: #0042ad;
  font-family: "RobotoSemiBold"
}

.dostavka__tab-subtitle {
  padding-right: min(105px, 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(15px, 12px + 3*(100vw - 320px)/1600);
  padding: 0 40px 0 0;
  margin: 0;
  list-style: none
}

.dostavka__tab-list:not(:last-child) {
  margin-bottom: min(20px, 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 -.1lh;
  border-radius: 50%;
  background: #0042ad
}

.dostavka__tab-list li strong {
  display: contents;
  font-family: "RobotoSemiBold"
}

.dostavka__tab-list-2 {
  padding-right: min(70px, 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(34px, 20px + 14*(100vw - 320px)/1600);
  padding-right: min(70px, 20px + 50*(100vw - 320px)/1600)
}

.dostavka__img {
  position: relative;
  z-index: 3;
  max-width: min(461px, 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
}

.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(90px, 40px + 50*(100vw - 320px)/1600)
}

.gallery__pagination-wrapper {
  display: flex;
  justify-content: center;
  margin-top: min(30px, 15px + 15*(100vw - 320px)/1600)
}

.gallery__pagination {
  position: static;
  transform: translate(0, 0) !important;
  margin-inline: auto
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) td {
  max-width: none
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) td:first-child {
  font-size: 14px;
  color: inherit
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) thead {
  background: var(--active)
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) thead th {
  color: #fff
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) thead th:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) thead th:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) td[colspan] {
  background: #18d6b2;
  color: #fff
}

.service-text table:not(.ui-datepicker-calendar, .pika-table) tr {
  border-top-width: 5px
}

.cookie {
  position: fixed;
  left: 50%;
  bottom: 40px;
  translate: -50% 100%;
  z-index: 10015;
  width: 100vw;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition: all .3s;
  pointer-events: none
}

.cookie.active {
  translate: -50% 0;
  opacity: 1;
  pointer-events: auto
}

.cookie-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  width: min(650px, 100vw - 24px);
  padding: 24px;
  box-shadow: 0 4px 120px 0 rgba(0, 0, 0, .2);
  background: #fff;
  box-sizing: border-box;
  border-radius: 20px
}

.cookie__text {
  font-size: 14px;
  line-height: 1.45;
  color: #555
}

.cookie__text a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: var(--active)
}

.h2-title {
  font-style: normal;
  line-height: 1.2;
  color: #0042ad;
  font-size: 32px;
  font-weight: 700;
  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(18px, 10px + 8*(100vw - 320px)/1600)
}

.sub-services__item {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 21px;
  min-height: min(185px, 150px + 35*(100vw - 320px)/1600)
}

.sub-services__item a {
  transition: all .3s;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-color: transparent;
  text-underline-offset: 3px
}

.sub-services__item a:hover {
  text-decoration-color: currentColor
}

.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(24px, 20px + 4*(100vw - 320px)/1600)
}

.sub-services__item-text {
  max-width: 71%;
  font-size: 14px;
  line-height: 1.45
}

.sub-services__item-img {
  position: absolute;
  right: 10px;
  bottom: 10px;
  max-height: 90%;
  max-width: min(108px, 70px + 38*(100vw - 320px)/1600)
}

.tabs__more {
  position: relative;
  z-index: 10
}

.tabs__more span:nth-child(2) {
  display: none
}

.tabs__more.active span:nth-child(1) {
  display: none
}

.tabs__more.active span:nth-child(2) {
  display: block
}

.tabs__text {
  position: relative
}

.tabs__text.open:after {
  opacity: 0
}

.tabs__text:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 250px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
  transition: all .3s;
  pointer-events: none
}

.product-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  margin-top: 20px
}

.product-info__item {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 6px 12px;
  box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .06);
  background: #fff;
  border: 0;
  cursor: pointer;
  transition: all .3s
}

.product-info__item:hover {
  background: #e8fcff
}

.product-info__item-icon {
  width: 24px;
  height: 24px
}

.product-info__item-title {
  font-size: 14px;
  line-height: 1.6;
  color: #303030
}

.product-info__item-title strong {
  font-weight: 700;
  font-family: RobotoBold, Arial, sans-serif
}

.product-info__item:after {
  content: "+";
  margin-left: auto;
  font-weight: 300;
  font-size: 20px;
  line-height: 1.6;
  color: var(--active)
}

.modal__info {
  display: none;
  width: 580px;
  max-width: 98vw;
  padding: min(32px, 20px + 12*(100vw - 375px)/1545)
}

.modal__info .fancybox-close-small {
  position: absolute;
  right: min(32px, 16px + 16*(100vw - 375px)/1545);
  top: min(32px, 16px + 16*(100vw - 375px)/1545);
  width: 16px;
  height: 16px
}

.modal__info .fancybox-close-small:after {
  display: none
}

.modal__info .fancybox-close-small:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--gray);
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.24491 3.67533e-05C2.15029 0.00143183 2.06 0.0396076 1.99316 0.106568L0.338987 1.76073H0.33886C0.196943 1.90277 0.196943 2.13297 0.33886 2.27501L6.06511 7.99895L0.33886 13.7252C0.196943 13.8671 0.196943 14.0973 0.33886 14.2393L1.99303 15.8935H1.99316C2.13508 16.0355 2.3654 16.0355 2.50744 15.8935L8.23141 10.1673L13.9577 15.8935H13.9575C14.0996 16.0354 14.3298 16.0354 14.4717 15.8935L16.1259 14.2393H16.126C16.2679 14.0973 16.2679 13.8671 16.126 13.7252L10.3997 7.99895L16.126 2.27501C16.2679 2.13297 16.2679 1.90277 16.126 1.76073L14.4718 0.106568H14.4717C14.3298 -0.0353491 14.0996 -0.0353491 13.9575 0.106568L8.23129 5.83278L2.50731 0.106568H2.50744C2.43794 0.0370687 2.3432 -0.00135933 2.24491 3.67533e-05H2.24491Z' fill='%23737D7F' /%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.24491 3.67533e-05C2.15029 0.00143183 2.06 0.0396076 1.99316 0.106568L0.338987 1.76073H0.33886C0.196943 1.90277 0.196943 2.13297 0.33886 2.27501L6.06511 7.99895L0.33886 13.7252C0.196943 13.8671 0.196943 14.0973 0.33886 14.2393L1.99303 15.8935H1.99316C2.13508 16.0355 2.3654 16.0355 2.50744 15.8935L8.23141 10.1673L13.9577 15.8935H13.9575C14.0996 16.0354 14.3298 16.0354 14.4717 15.8935L16.1259 14.2393H16.126C16.2679 14.0973 16.2679 13.8671 16.126 13.7252L10.3997 7.99895L16.126 2.27501C16.2679 2.13297 16.2679 1.90277 16.126 1.76073L14.4718 0.106568H14.4717C14.3298 -0.0353491 14.0996 -0.0353491 13.9575 0.106568L8.23129 5.83278L2.50731 0.106568H2.50744C2.43794 0.0370687 2.3432 -0.00135933 2.24491 3.67533e-05H2.24491Z' fill='%23737D7F' /%3E%3C/svg%3E") center/contain no-repeat
}

.modal__info-wrapper {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 18px
}

.modal__info-icon {
  width: min(47px, 28px + 19*(100vw - 375px)/1545);
  height: min(47px, 28px + 19*(100vw - 375px)/1545)
}

.modal__info-icon svg {
  width: 100%;
  height: 100%
}

.modal__info-title {
  max-width: 90%;
  margin-bottom: 12px;
  font-family: RobotoBold;
  font-size: 21px;
  line-height: 1.6;
  color: #303030
}

.modal__info-text {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.6;
  color: #303030
}

.product__label {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 4px 20px;
  min-height: 32px;
  background: #f1fcff;
  font-size: 14px;
  color: #0042ad;
  font-family: RobotoBold;
  text-align: center
}

.product__label::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 45px;
  transform: skewX(-45deg);
  animation: flareAnimation;
  left: -150%;
  background: linear-gradient(90deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));
  animation: flareAnimation 3s infinite linear
}

@keyframes flareAnimation {
  0% {
    left: -150%
  }

  to {
    left: 150%
  }
}

.product__row {
  display: flex;
  align-items: center;
  gap: 10px 18px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.product__row-link {
  font-size: 14px;
  text-decoration-color: currentColor;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-align: center;
  color: var(--gray);
  transition: all .3s
}

.product__row-link-active {
  color: #0042ad
}

.product__item-btn-compare {
  cursor: pointer
}

.product__row-link:hover {
  text-decoration-color: transparent
}

.product__price-sect .product__row {
  display: none;
}

.recom {
  padding-block: 50px
}

.recom__slider {
  position: relative;
  max-width: 1166px;
  margin: -20px;
  overflow: hidden
}

.recom .swiper {
  overflow: visible;
  padding: 20px
}

.recom .swiper-slide {
  width: 360px;
  height: auto;
  transition: opacity .3s, scale .3s
}

.recom__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(20px, 10px + 10*(100vw - 375px)/1545);
  margin-bottom: min(50px, 20px + 30*(100vw - 375px)/1545);
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 4px;
}

.recom__buttons::-webkit-scrollbar {
  height: 3px;
  border-radius: 3px;
}

.recom__buttons::-webkit-scrollbar-track-piece {
  height: 3px;
  border-radius: 43px;
}

.recom__buttons::-webkit-scrollbar-thumb {
  background: var(--active);
  border-radius: 3px;
}

@supports (-moz-appearance: none) {
  .recom__buttons {
    scrollbar-color: var(--active) #ccc;
    scrollbar-width: thin;
  }
}

.recom__button {
  min-height: 34px;
  padding-inline: 20px;
  border-radius: 5px;
  font-family: RobotoMedium;
  font-size: 14px;
  color: #0042ad;
  border: 0;
  background: #f1fcff;
  cursor: pointer;
  transition: all .3s
}

.recom__button:not(.active):hover {
  background: #cae5ed
}

.recom__button.active {
  background: var(--active);
  color: #fff
}

.recom__item {
  position: relative;
  z-index: 1;
  display: grid;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 8px 20px 0 rgba(26, 98, 214, .12);
  transition: all .6s ease
}

.recom__item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all .6s ease
}

.recom__item-content {
  padding: min(38px, 16px + 22*(100vw - 375px)/1545);
  background: #fff;
  transition: all .6s ease
}

.recom__item-title {
  font-family: RobotoBold;
  font-size: 24px;
  color: #0042ad
}

.recom__item-date {
  margin-bottom: 7px;
  color: var(--gray);
  font-family: RobotoLight
}

.recom__item-text {
  font-family: RobotoLight;
  font-size: 14px;
  line-height: 1.6;
  color: #303030
}

.recom__prev,
.recom__next {
  position: absolute;
  z-index: 5;
  top: 50%;
  translate: 0 -50%;
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .06);
  border: 0
}

:is(.recom__prev, .recom__next):after {
  font-size: 20px
}

.recom__prev {
  left: 10px
}

.recom__next {
  right: 10px
}

.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: 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;
  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;
  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;
  font-family: "RobotoBold", Arial, sans-serif
}

.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
}

.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: 0 8px 24px 0 rgba(26, 98, 214, .06);
  overflow-y: auto;
  transition: all .4s;
  text-align: center
}

.popup__title {
  font-size: 32px;
  font-family: "RobotoBold";
  line-height: 1.3035714286
}

.popup__subtitle {
  font-size: 14px;
  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
}

.popup-thank .popup__subtitle,
.popup-thank .popup__title {
  margin: 0
}

.popup-thank img {
  object-fit: contain
}

.fancybox-close-small {
  top: min(30px, 12px + 18*(100vw - 320px)/1600);
  right: min(40px, 12px + 28*(100vw - 320px)/1600)
}

#consultation-modal,
#engineer-modal {
  padding-block: min(46px, 40px + 6*(100vw - 320px)/1600);
  padding-inline: min(40px, 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 h2,
#engineer-modal h2 {
  margin-bottom: 5px
}

#consultation-modal .modal__form-btn,
#engineer-modal .modal__form-btn {
  margin: 0 !important
}

.call {
  position: fixed;
  right: 0;
  bottom: 0;
  width: min(76px, 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(14px, 10px + 4*(100vw - 320px)/1600);
  box-shadow: 0 7px 21px 0 rgba(26, 98, 214, .06);
  background: #fff
}

.call__item {
  width: min(48px, 32px + 16*(100vw - 320px)/1600);
  height: min(48px, 32px + 16*(100vw - 320px)/1600);
  border-radius: 50%;
  transition: all .3s
}

.dropdown-catalog .submenu {
  position: static;
  z-index: 999;
  background: 0 0
}

.dropdown-catalog .submenu>a {
  position: relative
}

.dropdown-catalog .submenu>a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  width: 10px;
  height: 10px;
  background: #0042ad;
  -webkit-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;
  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: 0 !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: 0 !important
}

.dropdown-catalog ul li ul .dropdown a:after {
  display: none !important
}

.dropdown-catalog ul li ul .dropdown a {
  transition: color .4s
}

.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
}

.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: 0 !important;
  box-shadow: 0 4px 24px 0 rgba(26, 98, 214, .12) !important;
  background: #fff !important;
  columns: unset;
  transform: none;
  gap: 15px;
  min-width: 130px
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
  border: 0 !important;
  padding: 0 !important
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
  display: block !important
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
  border: 0 !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
}

.container:has(.brand__slider) {
  position: relative;
}

.brand__slider {
  position: relative;
  z-index: 1;
  background: #fff;
}

.brand-container {
  display: contents
}

.brand-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 18px;
  transform: none !important
}

.brand-wrapper-catalog {
  display: flex;
  flex-wrap: wrap
}

.brand-wrapper-catalog>.swiper-slide {
  width: calc((100% - 126px)/8)
}

.brand-wrapper-catalog .brand__item {
  gap: 6px;
  padding: 12px 12px 8px;
  min-height: 90px;
  border: 1px solid #dae7fd;
  border-radius: 1px;
  box-shadow: none
}

.brand-wrapper-catalog>.swiper-slide:nth-child(n+8) {
  display: none
}

.brand-wrapper-catalog>.swiper-slide.active {
  display: block !important
}

.brand-wrapper-catalog .brand__button {
  display: inline-block;
  padding: 12px 20px;
  min-height: 90px;
  gap: 4px;
  margin-left: auto;
  width: calc((100% - 126px)/8);
  background: #f1fcff;
  border-radius: 2px;
  border: 0;
  color: var(--active)
}

.brand__item {
  display: grid;
  align-items: center;
  align-content: center;
  gap: 20px;
  justify-content: center;
  min-height: min(131px, 90px + 41*(100vw - 320px)/1600);
  box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .06);
  background: #fff
}

.brand__item:hover .brand__item-logo {
  scale: 1.05
}

.brand__item-logo {
  max-width: 90%;
  max-height: 60px;
  transition: all .4s
}

.brand {
  background: url(/local/templates/stroekos/css/../img/brands/bg.webp) center top/cover no-repeat
}

.brand__item span {
  text-align: center;
  font-size: 14px;
  color: #0042ad;
  line-height: 1
}

.brand__button {
  display: none
}

.brand__button svg {
  width: 6px;
  height: 6px;
  margin-top: -1px;
  fill: none;
  stroke: currentColor;
  transition: rotate .3s
}

.brand__button span:nth-of-type(2) {
  display: none
}

.brand__button.active span:nth-of-type(1) {
  display: none
}

.brand__button.active span:nth-of-type(2) {
  display: inline-block
}

.brand__button.active svg {
  rotate: -180deg
}

.promo__slider {
  position: relative;
  z-index: 1
}

.promo__slider .swiper-slide {
  min-height: min(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(100px, 40px + 60*(100vw - 320px)/1600)
}

.promo__img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  max-width: 606px;
  max-height: 100%
}

.promo__item-title {
  max-width: 800px;
  margin-bottom: min(25px, 15px + 10*(100vw - 320px)/1600);
  color: #fff;
  font-size: min(64px, 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(20px, 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(40px, -20px + 60*(100vw - 320px)/1600);
  bottom: 0;
  z-index: 1;
  object-fit: contain;
  max-width: min(900px, 200px + 700*(100vw - 320px)/1600)
}

.promo__arrow {
  margin-top: 20px;
  background: 0 0;
  border: 0
}

.header__logo img {
  width: min(160px, 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: var(--active);
  border-color: var(--active);
  grid-column: 1/-1;
  justify-self: start
}

.septik__btn:hover {
  background: #fff;
  color: var(--active)
}

.septik__col {
  display: grid;
  align-items: start;
  align-content: start;
  gap: min(30px, 20px + 10*(100vw - 320px)/1600);
  padding-right: 20px;
  padding-bottom: 20px;
  height: 100%;
  border-right: 1px solid #0042ad
}

.septik__item-title {
  margin-bottom: 14px;
  font-family: RobotoBold;
  font-size: min(18px, 16px + 2*(100vw - 320px)/1600);
  color: #0042ad
}

.septik__item-checkboxes .checkbox {
  gap: 12px;
  font-size: 14px;
  color: #0042ad;
  margin-bottom: min(16px, 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: 0;
  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: 0;
  background: 0 0;
  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 var(--active);
  min-width: min(88px, 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 var(--active);
  border-radius: 3px;
  background: #fff
}

.septik__item .filters__box-grid-item {
  margin-bottom: 0
}

.septik__item .filters__box-grid-item:first-child {
  border-right: 1px solid var(--active)
}

.septik__item .filters__box-grid input {
  padding-inline: 12px;
  min-height: 42px;
  font-size: 14px;
  color: #4f4f4f
}

.tab {
  padding-block: min(60px, 40px + 20*(100vw - 320px)/1600)
}

.serv-slider .tab {
  padding-bottom: 0;
}

.tab__header {
  display: flex;
  gap: min(20px, 8px + 12*(100vw - 320px)/1600);
  margin-bottom: min(40px, 20px + 20*(100vw - 320px)/1600);
  white-space: nowrap;
  scrollbar-width: thin;
  scrollbar-color: var(--active) #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: var(--active)
}

.card__slider {
  position: relative
}

.card__slider .product__item-small-text {
  margin-top: 4px;
}

.card__arrow {
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .06);
  border: 0
}

.card__arrow:after {
  font-size: 20px
}

.card__pagination {
  position: static;
  margin-top: 10px
}

.tab__more {
  display: table;
  margin-top: 20px;
  margin-inline: auto
}

.tab__button {
  padding: 9px 20px;
  min-height: 34px;
  background: #f1fcff;
  border-radius: 3px;
  font-family: RobotoMedium;
  font-size: 14px;
  color: #0042ad;
  border: 0;
  transition: all .3s;
  cursor: pointer
}

.tab__button.active {
  color: #fff;
  background: var(--active)
}

.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 var(--active);
  border-radius: 50%;
  background: 0 0;
  opacity: 1
}

.action__slider .swiper-pagination-bullet-active {
  background: var(--active)
}

.action__slider .swiper-slide {
  display: grid;
  align-content: center;
  justify-items: start;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover
}

.action__slider .container {
  width: 100%
}

.action__slider .action-center .container {
  width: min(100%, 800px)
}

.action__item {
  max-width: 800px;
  min-height: min(236px, 180px + 56*(100vw - 320px)/1600);
  padding-block: 32px
}

.action__item-title {
  margin-bottom: 14px;
  font-family: "RobotoBold";
  font-size: min(32px, 24px + 8*(100vw - 320px)/1600);
  color: #0042ad
}

.action__item-text {
  font-size: min(20px, 18px + 2*(100vw - 320px)/1600);
  line-height: 1.3;
  color: #0042ad
}

.action__item-text * {
  color: #0042ad
}

.action__item-text p {
  font-size: min(20px, 17px + 3*(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: var(--active);
  border-color: var(--active)
}

.table__content:not(:last-child) {
  margin-bottom: 40px
}

.table-wrapper {
  padding: min(20px, 12px + 8*(100vw - 320px)/1600);
  box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .0588235294);
  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: 0;
  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 {
    display: none;
  }
}

.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(20px, 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(134px, 115px + 19*(100vw - 320px)/1600) !important;
  border-radius: 0 !important;
  border: 0 !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: 0 !important
}

.table-btn {
  display: none;
  width: 100%;
  min-height: 34px;
  padding-block: 4px;
  margin-top: 8px;
  border: 0;
  background: var(--active);
  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%, var(--active))
}

.section {
  margin-bottom: 60px;
  /* margin-bottom: min(90px, 40px + 50*(100vw - 320px)/1600) */
}

.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;
  grid-template-rows: subgrid;
  grid-row: span 6
}

.product__item-link {
  margin-bottom: 20px;
}

.product__item-img {
  margin-bottom: min(calc(28px + 16px), calc(28px + 16 * ((100vw - 375px) / 1545)));
}

.product__technical-list {
  margin-bottom: 20px;
}

.product__technical-list div:last-child {
  margin-bottom: 0
}

.card__slider .product__item {
  grid-template-rows: subgrid;
  gap: 0;
  grid-row: span 6
}

.card__slider .product__item>a {
  display: contents !important
}

.card__slider .product__item-price {
  position: relative
}

.card__slider .product__item-old-price {
  position: absolute;
  left: 0;
  bottom: 100%
}

.card__slider .product__item-bottom {
  /*display: contents;*/
  align-items: center;
  margin-top: 18px
}

.ws-video-widget {
  z-index: 10100 !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
}

section.category {
  margin-bottom: 20px
}

a.callbackkiller.cbk-phone.cbk-phone-sm.cbk-phone-waves {
  overflow: hidden !important
}

.product-info__item-title {
  white-space: nowrap;
  font-size: 12px
}

.product-info__item-icon {
  flex-shrink: 0
}

.promo__content {
  z-index: 2;
  position: relative
}

* {
  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, .pika-table) 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: var(--active);
  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
}

.product__item>a {
  display: flex;
  flex-direction: column
}

.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: #000;
  padding: 15px 0;
  border-radius: 12px;
  cursor: pointer;
  transition: .2s
}

button#toggleButton:hover {
  background: var(--active);
  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:not(.ui-datepicker-calendar, .pika-table) 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)
}

@supports (-moz-appearance:none) {
  .service-text table:not(.ui-datepicker-calendar, .pika-table) thead th {
    color: #0042ad
  }
}

.catalog__content-top span {
  font-size: 16px;
  font-weight: 700
}

section.gallery.service_gallery {
  margin-bottom: 40px
}

.bx-filter-block .tab {
  padding-bottom: 0;
  padding-top: 0
}

.tab-label {
  position: relative;
  border-bottom: 1px solid #DAE7FD;
  background: none !important;
}

.tab-label::after {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDhMNy4zNjM5NiAxLjYzNjA0QzcuNzU0NDkgMS4yNDU1MSA4LjM4NzY1IDEuMjQ1NTEgOC43NzgxNyAxLjYzNjA0TDE1LjE0MjEgOCIgc3Ryb2tlPSIjMDA0MkFEIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K) center / contain no-repeat;
  transition: all .3s;
  rotate: 0deg;
}

.tab-label.js-tab--close::after {
  rotate: -180deg;
}

.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:not(:last-child) {
  margin-bottom: 30px;
}

.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
}

.promo__img {
  max-width: unset
}

.answer:not(:empty) {
  position: absolute;
  top: -17px;
  left: 0;
  font-size: 12px;
  font-weight: 400;
  background: #18d6b2;
  padding: 5px 10px;
  border: 1px solid #18d6b2;
  color: #000;
  border-radius: 12px
}

.product-page h1 {
  margin: 0 0 10px;
  line-height: 1;
  font-size: 36px
}

.product-item-amount-field {
  max-width: 25px
}

.product__technical-list dt {
  flex-shrink: 0
}

.recom__item-date {
  margin-top: 5px;
  font-size: 14px
}

.card__slider .product__item-price {
  margin-bottom: 10px
}

.tabs__label {
  padding: 14px 30px;
  font-size: 18px
}

.recom__item video {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all .6s ease
}

.recom__item {
  grid-template-rows: auto 1fr
}

.product__technical-list dt {
  flex-shrink: 0
}

.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
}

.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(26px, 18px + 8*(100vw - 320px)/1600);
  padding-inline: min(36px, 20px + 16*(100vw - 320px)/1600);
  background: #d4f5ff;
  color: #0042ad;
  font-family: "RobotoBold";
  font-size: min(24px, 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, .06)
}

.popup-quit .popup__close {
  display: flex;
  padding: 0;
  background: 0 0;
  border: 0
}

.popup-quit .popup__wrapper {
  position: relative;
  padding-block: min(22px, 16px + 6*(100vw - 320px)/1600);
  padding-inline: min(36px, 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(18px, 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 var(--active)
}

.popup-quit .popup__form .checkbox {
  align-items: flex-start;
  font-family: "RobotoLight";
  font-size: 12px !important;
  color: #303030
}

.popup-quit .popup__form .checkbox a {
  text-decoration: underline
}

.fancybox-close-small {
  top: min(30px, 12px + 18*(100vw - 320px)/1600);
  right: min(40px, 12px + 28*(100vw - 320px)/1600)
}

#consultation-modal,
#engineer-modal {
  padding-block: min(46px, 40px + 6*(100vw - 320px)/1600);
  padding-inline: min(40px, 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
}

.call {
  position: fixed;
  right: 0;
  bottom: 0;
  width: min(76px, 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(14px, 10px + 4*(100vw - 320px)/1600);
  box-shadow: 0 7px 21px 0 rgba(26, 98, 214, .06);
  background: #fff
}

.call__item {
  width: min(48px, 32px + 16*(100vw - 320px)/1600);
  height: min(48px, 32px + 16*(100vw - 320px)/1600);
  border-radius: 50%;
  transition: all .3s
}

.dropdown-catalog .submenu {
  position: static;
  z-index: 999;
  background: 0 0
}

.dropdown-catalog .submenu>a::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  width: 10px;
  height: 10px;
  background: #0042ad;
  rotate: 0deg;
  transition: rotate .4s;
  -webkit-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;
  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
}

.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 {
  margin: 0 20px 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  /* gap: 25px; */
  flex-wrap: wrap
}

.header__bottom .nav {
  gap: min(calc(10px + 15px), calc(10px + 15 * ((100vw - 375px) / 1545)));
}

.nav a {
  display: block;
  font-family: RobotoBold, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #fff;
  padding: 16px 0;
  transition: color .3s ease
}

.nav a:hover {
  color: #6eddff
}

.dropdown-menu a,
.nav>li>ul li a {
  font-family: RobotoRegular, Arial, sans-serif;
  font-weight: 400;
  color: #0042ad;
  padding: 0
}

.footer__menu ul ul ul,
.nav__mobile-item {
  display: none
}

.nav>li ul {
  width: 210px;
  max-width: 210px;
  padding: 6px 0
}

.nav li {
  list-style: none;
  position: relative
}

.nav>li ul li {
  padding: 9px 10px
}

.nav>li ul li ul {
  display: none;
  position: absolute;
  top: 0;
  left: calc(100% - 2px);
  z-index: 1;
  margin-top: 12px;
  background: #fff;
  border-left: 5px solid #0042ad;
  box-shadow: 0 0 8px rgba(163, 163, 163, .25);
  border-radius: 3px;
  padding: 10px 15px 0;
  min-height: 216px;
  max-height: 80vh;
  overflow-y: auto
}

.nav>li .over ul {
  max-height: unset;
  overflow: unset
}

.nav ul {
  scrollbar-width: thin;
  scrollbar-color: #0042ad #ccc
}

.nav ul::-webkit-scrollbar {
  width: 3px;
  background: #ccc
}

.nav ul::-webkit-scrollbar-thumb {
  background: #0042ad
}

.nav>li ul li ul li ul {
  position: relative;
  inset: auto;
  padding: 10px 0 0;
  border: 0;
  box-shadow: none;
  overflow: hidden
}

.nav>li ul li ul li ul li {
  padding: 5px 0
}

.nav>li ul li ul li ul a {
  font-size: 13px;
  padding-left: 5px
}

.dropdown-catalog ul li {
  break-inside: avoid;
  padding-block: 14px !important
}

.dropdown-catalog ul li ul {
  max-height: 432px;
  width: max-content !important;
  overflow: hidden !important;
  border: 0 !important;
  padding-block: 22px;
  border-radius: 0 !important
}

.dropdown-catalog ul a img {
  max-width: 90px;
  height: 24px;
  object-fit: contain;
  justify-self: center
}

.dropdown-catalog a {
  transition: color .4s
}

.dropdown-catalog a:hover {
  color: #6eddff
}

.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 .dropdown a::after {
  display: none !important
}

.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
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu,
.dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu {
  position: absolute !important;
  top: calc(100% - 16px) !important;
  right: 0 !important;
  left: auto !important;
  display: none;
  min-width: 130px;
  padding: 0;
  border: 0 !important;
  box-shadow: 0 4px 24px rgba(26, 98, 214, .12) !important;
  background: #fff !important;
  transform: none;
  columns: unset;
  gap: 15px
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li {
  padding: 0 !important;
  border: 0 !important
}

.dropdown-catalog ul li ul .dropdown .dropdown-menu li a {
  display: block !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: 0 0;
  border: 0;
  cursor: pointer
}

.product__tooltip svg {
  width: 20px;
  height: 20px;
  fill: var(--active)
}

.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, .12)
}

.product__tooltip.active .product__tooltip-content {
  opacity: 1;
  pointer-events: auto
}

.search-form__content {
  z-index: 1;
  position: relative
}

.work__item-title {
  font-size: 14px;
  margin: 15px 10px 0
}

.work__item-img {
  /* max-height: 170px */
}

.work__item-img img {
  /* height: 170px; */
  width: 100%
}

.work__item p {
  margin: 10px 10px;
  font-size: 13px
}

.work__item .news-date-time {
  display: block;
  margin: 15px 10px 0
}

.table {
  margin-bottom: 20px
}

.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)
}

/* pikeday */
.pika-single {
  position: relative;
  z-index: 4;
  display: block;
  font-size: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
}

.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single.is-hidden {
  display: none
}

.pika-single.is-bound {
  position: absolute;
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto auto 1fr;
  gap: 4px;
  text-align: center;
  font-size: 14px;
  margin-bottom: 4px;
}

.pika-label {
  position: relative;
  z-index: 9999;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-weight: 700;
  background-color: #fff;
}

.pika-title select {
  position: absolute;
  left: 0;
  top: 4px;
  z-index: 9998;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.pika-next,
.pika-prev {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  border: 0;
  outline: 0;
  background: #000;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTY5Ljg0MzcsNDMuMzg3NiwzMy44NDIyLDEzLjM4NjNhNi4wMDM1LDYuMDAzNSwwLDAsMC03LjY4NzgsOS4yMjNsMzAuNDcsMjUuMzktMzAuNDcsMjUuMzlhNi4wMDM1LDYuMDAzNSwwLDAsMCw3LjY4NzgsOS4yMjMxTDY5Ljg0MzcsNTIuNjEwNmE2LjAwOTEsNi4wMDkxLDAsMCwwLDAtOS4yMjNaIi8+PC9zdmc+) center / contain no-repeat;
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTY5Ljg0MzcsNDMuMzg3NiwzMy44NDIyLDEzLjM4NjNhNi4wMDM1LDYuMDAzNSwwLDAsMC03LjY4NzgsOS4yMjNsMzAuNDcsMjUuMzktMzAuNDcsMjUuMzlhNi4wMDM1LDYuMDAzNSwwLDAsMCw3LjY4NzgsOS4yMjMxTDY5Ljg0MzcsNTIuNjEwNmE2LjAwOTEsNi4wMDkxLDAsMCwwLDAtOS4yMjNaIi8+PC9zdmc+) center / contain no-repeat;
  cursor: pointer;
}

.pika-next:hover,
.pika-prev:hover {
  background: var(--active);
}

.pika-prev {
  rotate: 180deg;
  order: -1;
}

.pika-next {
  order: 1;
  justify-self: end;
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
  cursor: default;
  opacity: .2;
}

.pika-select {
  display: inline-block;
}

.pika-table {
  width: 100%;
  border-spacing: 2px;
  border: 0;
}

.pika-table thead {
  margin-bottom: 4px;
}

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

.pika-table th {
  font-weight: 700;
  text-align: center;
}

.pika-button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  margin: 0;
  text-align: center;
  background: #f5f5f5;
  border: none;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
}

.is-today .pika-button {
  font-weight: 700;
  color: var(--active);
}

.is-selected .pika-button,
.has-event .pika-button {
  font-weight: 700;
  color: #fff;
  background: var(--active);
}

.has-event .pika-button {
  background: #005da9;
}

.is-inrange .pika-button,
.is-disabled .pika-button {
  background: #d5e9f7;
}

.is-startrange .pika-button,
.is-endrange .pika-button {
  color: #fff;
  border-radius: 4px;
}

.is-startrange .pika-button {
  background: #6cb31d;
}

.is-endrange .pika-button {
  background: var(--active);
}

.is-disabled .pika-button {
  cursor: default;
  pointer-events: none;
  opacity: .3;
}

.is-outside-current-month .pika-button {
  opacity: .3;
}

.is-selection-disabled {
  cursor: default;
  pointer-events: none;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: var(--active);
  ;
  border-radius: 4px;
}

.pika-table abbr {
  text-decoration: none;
}

.date-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'%3E%3Cpath d='M0.668274 24H20.1534C21.7227 24 23 22.7177 23 21.1412V6.70057C23 6.69786 22.9995 6.69548 22.9995 6.69278V2.31762C22.9995 1.9473 22.7006 1.64724 22.3314 1.64724H18.6407V0.670383C18.6407 0.300058 18.3418 0 17.9733 0C17.6042 0 17.3052 0.300053 17.3052 0.670383V1.64724H12.1681V0.670383C12.1681 0.300058 11.8693 0 11.5007 0C11.1317 0 10.8326 0.300053 10.8326 0.670383V1.64724H5.69513V0.670383C5.69513 0.300058 5.39625 0 5.02771 0C4.65866 0 4.3596 0.300053 4.3596 0.670383V1.64724H0.668113C0.299064 1.64724 0 1.94729 0 2.31762V6.69928V6.69979V6.70029V23.3292C0.00033736 23.6998 0.299388 23.9999 0.668113 23.9999L0.668274 24ZM21.6651 21.1412C21.6651 21.9785 20.9872 22.6594 20.1536 22.6594L1.33608 22.6592V7.37113H21.6649L21.6651 21.1412ZM1.33626 2.98821H4.36032V3.93459C4.36032 4.30492 4.6592 4.60497 5.02843 4.60497C5.39698 4.60497 5.69585 4.30492 5.69585 3.93459V2.98821H10.8333V3.93459C10.8333 4.30492 11.1322 4.60497 11.5014 4.60497C11.87 4.60497 12.1689 4.30492 12.1689 3.93459V2.98821H17.3063V3.93459C17.3063 4.30492 17.6052 4.60497 17.9744 4.60497C18.343 4.60497 18.6419 4.30492 18.6419 3.93459V2.98821H21.6654V6.02953H1.3366L1.33626 2.98821Z' fill='%2318D6B2'/%3E%3Cpath d='M4.74164 11.9178H7.30455C7.6736 11.9178 7.97266 11.6179 7.97266 11.2478C7.97266 10.8774 7.67378 10.5774 7.30455 10.5774H4.74164C4.3731 10.5774 4.07422 10.8774 4.07422 11.2478C4.07405 11.6181 4.3731 11.9178 4.74164 11.9178Z' fill='%2318D6B2'/%3E%3Cpath d='M10.1017 11.9178H12.8979C13.267 11.9178 13.566 11.6179 13.566 11.2478C13.566 10.8774 13.2671 10.5774 12.8979 10.5774H10.1017C9.73266 10.5774 9.43359 10.8774 9.43359 11.2478C9.43359 11.6181 9.73281 11.9178 10.1017 11.9178Z' fill='%2318D6B2'/%3E%3Cpath d='M15.6955 11.9178H18.2577C18.6263 11.9178 18.9251 11.6179 18.9251 11.2478C18.9251 10.8774 18.6263 10.5774 18.2577 10.5774H15.6955C15.3264 10.5774 15.0273 10.8774 15.0273 11.2478C15.0273 11.6181 15.3266 11.9178 15.6955 11.9178Z' fill='%2318D6B2'/%3E%3Cpath d='M4.74164 15.6848H7.30455C7.6736 15.6848 7.97266 15.3847 7.97266 15.014C7.97266 14.644 7.67378 14.344 7.30455 14.344H4.74164C4.3731 14.344 4.07422 14.644 4.07422 15.014C4.07405 15.3847 4.3731 15.6848 4.74164 15.6848Z' fill='%2318D6B2'/%3E%3Cpath d='M10.1017 15.6848H12.8979C13.267 15.6848 13.566 15.3847 13.566 15.014C13.566 14.644 13.2671 14.344 12.8979 14.344L10.1017 14.3442C9.73266 14.3442 9.43359 14.6442 9.43359 15.0142C9.43393 15.3847 9.73281 15.6848 10.1017 15.6848V15.6848Z' fill='%2318D6B2'/%3E%3Cpath d='M15.6955 15.6848H18.2577C18.6263 15.6848 18.9251 15.3847 18.9251 15.014C18.9251 14.644 18.6263 14.344 18.2577 14.344H15.6955C15.3264 14.344 15.0273 14.644 15.0273 15.014C15.0277 15.3847 15.3266 15.6848 15.6955 15.6848Z' fill='%2318D6B2'/%3E%3Cpath d='M4.74164 19.4518H7.30455C7.6736 19.4518 7.97266 19.1518 7.97266 18.7818C7.97266 18.4113 7.67378 18.1111 7.30455 18.1111H4.74164C4.3731 18.1111 4.07422 18.4111 4.07422 18.7818C4.07405 19.1518 4.3731 19.4518 4.74164 19.4518Z' fill='%2318D6B2'/%3E%3Cpath d='M10.1017 19.4518H12.8979C13.267 19.4518 13.566 19.1518 13.566 18.7818C13.566 18.4113 13.2671 18.1111 12.8979 18.1111L10.1017 18.1113C9.73266 18.1113 9.43359 18.4113 9.43359 18.782C9.43393 19.1518 9.73281 19.4518 10.1017 19.4518V19.4518Z' fill='%2318D6B2'/%3E%3Cpath d='M15.6955 19.4518H18.2577C18.6263 19.4518 18.9251 19.1518 18.9251 18.7818C18.9251 18.4113 18.6263 18.1111 18.2577 18.1111H15.6955C15.3264 18.1111 15.0273 18.4111 15.0273 18.7818C15.0277 19.1518 15.3266 19.4518 15.6955 19.4518Z' fill='%2318D6B2'/%3E%3C/svg%3E");
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 20px;
}

/* pikeday */
.btn.pay {
  order: 3;
}

body {
  position: relative;
}

body:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}

body:has(.dropdown-menu[style*="block"]):before {
  opacity: 1;
}

.fancybox-container {
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.seo_up {
  margin-bottom: 20px;
}

/* 16.12.2025 */
@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(/local/templates/stroekos/css/../fonts/Inter-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(/local/templates/stroekos/css/../fonts/Inter-SemiBold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url(/local/templates/stroekos/css/../fonts/Inter-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal
}

.promo-ny {
  position: relative;
  z-index: 1;
  min-height: min(calc(400px + 60px), calc(400px + 60 * ((100vw - 375px) / 1545)));
  overflow: hidden
}

.promo-ny__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;
}

.promo-ny .container {
  position: relative;
  padding-top: max(calc(118px - 28px), calc(118px - 28 * ((100vw - 375px) / 1545)));
  padding-bottom: min(calc(60px + 10px), calc(60px + 10 * ((100vw - 375px) / 1545)));
  font-family: 'Inter';
}

.promo-ny__img {
  position: absolute;
  right: 58px;
  bottom: 0;
  z-index: -1;
  max-width: 455px;
  max-height: calc(100% + 45%);
  translate: 0 33%;
  object-fit: contain;
}

.promo-ny__img-2 {
  translate: 0 0;
}

.promo-ny__left {
  max-width: 60%;
}

.promo-ny__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: min(calc(11px - 3px), calc(11px - 3 * ((100vw - 375px) / 1545)));
}

.promo-ny__top+.promo-ny__text {
  margin-top: 48px;
}

.promo-ny__title {
  margin-bottom: 0;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: min(calc(36px + 28px), calc(36px + 28 * ((100vw - 375px) / 1545)));
  color: #fff;
  letter-spacing: 1.5px;
}

.promo-ny__desc {
  position: absolute;
  bottom: 21%;
  left: 63%;
  z-index: 2;
  rotate: -4deg;
  padding: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 375px) / 1545)));
  box-shadow: 0px 4px 44px 0px #192C6D70;
  background: #fff;
  border-radius: 100px;
  font-family: RobotoBold;
  color: #0042AD;
  font-size: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
  white-space: nowrap;
}

.promo-ny__desc span {
  background: linear-gradient(90deg, #F53B3B 0%, #FF6E6E 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (max-width: 1050px) {
  .promo-ny__desc {
    left: 58%;
  }
}

@media (max-width: 900px) {
  .promo-ny__desc {
    left: 55%;
  }
}

@media (max-width: 800px) {
  .promo-ny__desc {
    left: 51%;
  }
}

@media (max-width: 740px) {
  .promo-ny__desc {
    position: static;
    padding: 8px;
    margin-bottom: 16px;
    rotate: 0deg;
  }
}

.promo-ny__gift {
  position: relative;
  margin-left: min(calc(2px + 5px), calc(2px + 5 * ((100vw - 375px) / 1545)));
}

.promo-ny__label {
  position: relative;
  display: flex;
  align-items: center;
  min-height: min(calc(34px + 10px), calc(34px + 10 * ((100vw - 375px) / 1545)));
  padding-left: min(calc(12px + 7px), calc(12px + 7 * ((100vw - 375px) / 1545)));
  padding-right: min(calc(24px + 34px), calc(24px + 34 * ((100vw - 375px) / 1545)));
  border-radius: 74px;
  background: #fff;
  transform: rotate(-2deg);
}

.promo-ny__label:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  translate: 50% -50%;
  width: min(calc(44px + 40px), calc(44px + 40 * ((100vw - 375px) / 1545)));
  height: min(calc(44px + 40px), calc(44px + 40 * ((100vw - 375px) / 1545)));
  background: url(/local/templates/stroekos/css/../img/ny/3.webp) right center / contain no-repeat;
}

.promo-ny__label span {
  font-weight: 800;
  font-size: min(calc(28px + 18px), calc(28px + 18 * ((100vw - 375px) / 1545)));
  letter-spacing: -0.07em;
  text-align: center;
  background: linear-gradient(90deg, #f53b3b 0%, #ff6e6e 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.promo-ny__label_big span {
  font-weight: 700;
  font-size: min(calc(36px + 16px), calc(36px + 16 * ((100vw - 375px) / 1545)));
  letter-spacing: -0.07em;
  text-align: center;
  color: #f53b3b;
}

.promo-ny__col {
  display: grid;
  justify-items: start;
}

.promo-ny__col .promo-ny__label {
  position: static;
}

.promo-ny__gift>span {
  position: absolute;
  left: 12px;
  top: 100%;
  margin-left: 6px;
  font-weight: 500;
  font-size: min(calc(12px + 5px), calc(12px + 5 * ((100vw - 375px) / 1545)));
  font-weight: 500;
  color: #fff;
}

.promo-ny__subtitle {
  margin-bottom: min(calc(24px + 4px), calc(24px + 4 * ((100vw - 375px) / 1545)));
  font-weight: 600;
  font-size: min(calc(24px + 22px), calc(24px + 22 * ((100vw - 375px) / 1545)));
  color: #fff;
  font-family: "Inter", sans-serif;
}

.promo-ny__subtitle span,
.promo-ny__text span {
  color: #18d6b2;
}

.promo-ny__text span {
  display: inline-block;
}

.promo-ny__text {
  margin-bottom: min(calc(24px + 20px), calc(24px + 20 * ((100vw - 375px) / 1545)));
  font-weight: 600;
  font-size: min(calc(16px + 10px), calc(16px + 10 * ((100vw - 375px) / 1545)));
  color: #fff;
  font-family: "Inter", sans-serif;
}

.promo-ny__text .promo-ny__month-2 {
  color: #ffdb78
}

@property --color-gradient-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #f53b3b
}

@property --color-gradient-end-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: #ff6e6e
}

.promo-ny__button {
  display: inline-flex;
  align-items: center;
  padding: 14px 24px;
  color: #fff;
  font-family: "Inter";
  font-weight: 500;
  font-size: 16px;
  border-radius: 100px;
  background-image: linear-gradient(90deg, var(--color-gradient-1) 19.38%, var(--color-gradient-end-1) 100%);
  transition: --color-gradient-1 .5s, --color-gradient-end-1 .5s;
  border: none;
  cursor: pointer;
}

.promo-ny__button:hover {
  --color-gradient-1: #ff6e6e;
  --color-gradient-end-1: #f53b3b
}

.promo-ny-small {
  min-height: auto;
}

.promo-ny-small .container {
  padding-block: 0px;
}

:is(.promo-container, .promo-container-banner) .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
}

:is(.promo-container, .promo-container-banner) .swiper-slide {
  display: grid;
}

.promo-ny-small .promo-ny__left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  gap: 12px;
  min-height: 85px;
}

.promo-ny-small .promo-ny__left>* {
  margin-bottom: 0;
}

.promo-ny-small .promo-ny__img {
  position: static;
  max-width: min(calc(92px + 20px), calc(92px + 20 * ((100vw - 375px) / 1545)));
  height: 90px;
  translate: 0 7px;
  align-self: flex-end;
}

.promo-ny-small .promo-ny__title {
  font-size: min(calc(22px + 10px), calc(22px + 10 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__label {
  min-height: min(calc(22px + 14px), calc(22px + 14 * ((100vw - 375px) / 1545)));
  padding-right: min(calc(20px + 8px), calc(20px + 8 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__label span {
  letter-spacing: -0.03em;
  font-size: min(calc(24px + 7px), calc(24px + 7 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__label:after {
  width: min(calc(30px + 7px), calc(30px + 7 * ((100vw - 375px) / 1545)));
  height: min(calc(30px + 7px), calc(30px + 7 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__subtitle {
  translate: -30px 0;
  font-size: min(calc(14px + 4px), calc(14px + 4 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__subtitle_big {
  font-size: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__text {
  translate: 30px 0;
  max-width: 160px;
  translate: 30px 0;
  font-size: min(calc(10px + 4px), calc(10px + 4 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__text br {
  display: none;
}

.promo-ny-small .promo-ny__gift>span {
  display: inline-block;
  font-size: min(calc(8px + 5px), calc(8px + 5 * ((100vw - 375px) / 1545)));
  margin-top: 4px;
}

.promo-ny-small .promo-ny__button {
  padding-block: 6px;
  padding-inline: min(calc(9px + 6px), calc(9px + 6 * ((100vw - 375px) / 1545)));
  min-height: min(calc(20px + 13px), calc(20px + 13 * ((100vw - 375px) / 1545)));
  font-size: min(calc(8px + 3px), calc(8px + 3 * ((100vw - 375px) / 1545)));
}

.promo-ny-small .promo-ny__col {
  display: contents;
}

.promo-ny-small .promo-ny__top+.promo-ny__text {
  max-width: min(calc(200px + 100px), calc(200px + 100 * ((100vw - 375px) / 1545)));
  margin-top: 0;
  translate: 0 0;
}

.promo-ny-small .promo-ny__left:has(.promo-ny__col) {
  justify-content: space-evenly;
}

.promo-ny-small .promo-ny__desc {
  right: -3%;
  left: auto !important;
  zoom: .5;
}

@media (max-width: 1320px) {
  .promo-ny-small .promo-ny__desc {
    right: 0%;
  }
}

@media (max-width: 991px) {
  .promo-ny-small .promo-ny__desc {
    position: static;
    rotate: 0deg;
    margin-top: -20px;
    translate: 0 -4px;
  }

  .promo-ny-small .promo-ny__top {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .promo-ny-small .promo-ny__desc {
    translate: 0 0;
    grid-column: 1 / -1;
    order: 1;
    margin-top: -10px;
    justify-self: start;
  }

  .promo-ny-small .promo-ny__top {
    flex-wrap: wrap;
  }

  .promo-ny-small .promo-ny__title {
    margin-block: 0;
  }
}

.promo-ny__close {
  position: absolute;
  z-index: 13;
  right: min(calc(6px + 6px), calc(6px + 6 * ((100vw - 375px) / 1545)));
  top: min(calc(6px + 6px), calc(6px + 6 * ((100vw - 375px) / 1545)));
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));
  height: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));
  background: #fff;
  padding: 0px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.promo-ny__close svg {
  width: 70%;
  height: 70%;
  fill: #fff;
}

.promo-container .swiper-pagination,
.promo-container-banner .swiper-pagination {
  bottom: 4px;
}

.promo-container .swiper-pagination-bullet,
.promo-container-banner .swiper-pagination-bullet {
  background: #fff;
}

.promo-container-banner .swiper-pagination-bullet-active {}







.calc {
  padding-block: min(calc(40px + 40px), calc(40px + 40 * ((100vw - 375px) / 1545)));
}

:is(.calc.success, .calc.failure) :is(.calc__content, .calc__bottom, .calc__result, .calc__wrapper) {
  opacity: 0 !important;
  pointer-events: none;
}

:is(.calc.success, .calc.failure) .calc__item {
  position: relative;
  max-height: 60vh;
  overflow: hidden;
}

:is(.calc.success, .calc.failure) .calc__header {
  display: none;
}

:is(.calc.success, .calc.failure) :before {
  position: absolute;
  left: 50%;
  bottom: 50%;
  z-index: 3;
  display: flex;
  justify-content: center;
  white-space: nowrap;
  translate: -50% 50%;
  font-size: 32px;
  font-size: min(calc(26px + 6px), calc(26px + 6 * ((100vw - 375px) / 1545)));
  font-family: RobotoBold;
}

.calc.failure .calc__item:before {
  content: 'Не удалось отправить сообщение';
}

.calc.success .calc__item:before {
  content: 'Заявка отправлена!';
}

.calc.success .calc__item:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 60%;
  z-index: 3;
  translate: -50% 50%;
  font-size: min(calc(26px + 6px), calc(26px + 6 * ((100vw - 375px) / 1545)));
  width: 1.2em;
  height: 1.2em;
  -webkit-mask: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M448,64H64C28.656,64,0,92.656,0,128v256c0,35.344,28.656,64,64,64h384c35.344,0,64-28.656,64-64V128 C512,92.656,483.344,64,448,64z M342.656,234.781l135.469-116.094c0.938,3,1.875,6,1.875,9.313v256 c0,2.219-0.844,4.188-1.281,6.281L342.656,234.781z M448,96c2.125,0,4,0.813,6,1.219L256,266.938L58,97.219 C60,96.813,61.875,96,64,96H448z M33.266,390.25C32.828,388.156,32,386.219,32,384V128c0-3.313,0.953-6.313,1.891-9.313 L169.313,234.75L33.266,390.25z M64,416c-3.234,0-6.172-0.938-9.125-1.844l138.75-158.563l51.969,44.531 C248.578,302.719,252.297,304,256,304s7.422-1.281,10.406-3.875l51.969-44.531l138.75,158.563C454.188,415.062,451.25,416,448,416 H64z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") top center / contain no-repeat;
  mask: url("data:image/svg+xml,%0A%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M448,64H64C28.656,64,0,92.656,0,128v256c0,35.344,28.656,64,64,64h384c35.344,0,64-28.656,64-64V128 C512,92.656,483.344,64,448,64z M342.656,234.781l135.469-116.094c0.938,3,1.875,6,1.875,9.313v256 c0,2.219-0.844,4.188-1.281,6.281L342.656,234.781z M448,96c2.125,0,4,0.813,6,1.219L256,266.938L58,97.219 C60,96.813,61.875,96,64,96H448z M33.266,390.25C32.828,388.156,32,386.219,32,384V128c0-3.313,0.953-6.313,1.891-9.313 L169.313,234.75L33.266,390.25z M64,416c-3.234,0-6.172-0.938-9.125-1.844l138.75-158.563l51.969,44.531 C248.578,302.719,252.297,304,256,304s7.422-1.281,10.406-3.875l51.969-44.531l138.75,158.563C454.188,415.062,451.25,416,448,416 H64z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A") top center / contain no-repeat;
  background: var(--active);
}

.calc__body {
  box-shadow: 0 8px 44px 0 rgba(26, 98, 214, 0.12);
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.calc__body:has(.calc__item:nth-child(1).is-active) .calc__bottom {
  justify-content: center;
  pointer-events: none;
}

.calc__body:has(.calc__item:not(:nth-child(1)).is-active) .calc__price {
  background: #e4edfd;
}

.calc__body:has(.calc__item:not(:nth-child(1)).is-active) .calc__bottom {
  grid-template-columns: auto 1fr;
}

.calc__items:has([data-step="1"].is-active)+.calc__bottom .calc__price {
  display: none !important;
}

.calc__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-block: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(16px + 24px), calc(16px + 24 * ((100vw - 375px) / 1545)));
  border-bottom: 1px solid #b7c7e1;
}

.calc__top-left {
  display: flex;
  align-items: center;
  gap: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 375px) / 1545)));

  font-family: RobotoBold;
  font-size: min(calc(20px + 12px), calc(20px + 12 * ((100vw - 375px) / 1545)));
  color: #0042ad;
}

.calc__top-left svg {
  flex-shrink: 0;
  width: 0.93em;
  height: 0.93em;
}

.calc__top-right {
  display: grid;
  gap: 5px;
  justify-items: center;
}

.calc__top-social-title {
  text-align: center;
  font-family: RobotoBold;
  font-size: 14px;
  color: #303030;
}

.calc__top-social {
  display: flex;
  align-items: center;
  gap: 12px;
}

.calc__top-social :is(svg, img) {
  width: 24px;
  height: 24px;
  transition: all .3s;
}




.calc__header {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: min(calc(20px + 10px), calc(20px + 10 * ((100vw - 375px) / 1545)));
  padding-block: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(16px + 24px), calc(16px + 24 * ((100vw - 375px) / 1545)));
  margin-bottom: 6px;
}

.calc__header-step {
  font-family: RobotoBold;
  font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 375px) / 1545)));
  color: #0042ad;
  white-space: nowrap;
}

.calc__header-step small {
  font-size: min(calc(14px + 2px), calc(14px + 2 * ((100vw - 375px) / 1545)));
  color: #a9bcde;
}

.calc__header-title {
  font-family: RobotoBold;
  font-size: min(calc(20px + 6px), calc(20px + 6 * ((100vw - 375px) / 1545)));
  color: #0042ad;
}

.calc__header-desc {
  text-wrap: balance;
  font-size: min(calc(13px + 3px), calc(13px + 3 * ((100vw - 375px) / 1545)));
}


.calc__header-progress {
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 6px;
  background: #d8e0ef;

}

.calc__header-progress span {
  display: block;
  height: 6px;
  background: linear-gradient(270deg, #18d6b2, #0042ad, #18d6b2);
  background-size: 300% 100%;
  animation: gradientFlow 6s linear infinite alternate;
  transition: all .4s ease-out;
}

@keyframes gradientFlow {
  from {
    background-position: 0% 50%;
  }

  to {
    background-position: 200% 50%;
  }
}





.calc-help.calc__item::before,
.calc-help .calc__left::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  pointer-events: none;
  border-radius: 5px;
  transition: all .3s;
}

.help {
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 6;
}

[data-step="1"] .help {
  right: 50%;
  translate: 70% 0;
}

@media (max-width: 991px) {
  [data-step="1"] .help {
    right: auto;
    left: 50%;
    translate: -50% 0;
    width: calc(100% - 24px);
  }
}


.help__item {
  position: relative;
  display: none;
  gap: 12px;
  padding: 12px;
  max-width: 500px;
  box-shadow: 0px 4px 12px 0px rgba(0, 67, 139, 0.08);
  border-radius: 12px;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
}

.help__item.active {
  display: grid;
  opacity: 1;
  pointer-events: auto;
}


.calc__state,
.calc__form-item {
  position: relative;
}


[data-step="1"] [data-help-step="1"]~.calc__content [data-help-content="1"],
[data-step="1"] [data-help-step="2"]~.calc__content [data-help-content="2"],
[data-step="1"] [data-help-step="3"]~.calc__content [data-help-content="3"],
[data-step="1"] [data-help-step="4"]~.calc__content [data-help-content="4"] {
  z-index: 4;
  margin: -28px -40px;
  padding: 20px 40px;
}


[data-step="1"] [data-help-step="5"]~.calc__content [data-help-content="5"] {
  z-index: 4;
}

[data-step="1"] [data-help-step="1"]~.calc__content [data-help-content="1"]::after,
[data-step="1"] [data-help-step="2"]~.calc__content [data-help-content="2"]::after,
[data-step="1"] [data-help-step="3"]~.calc__content [data-help-content="3"]::after,
[data-step="1"] [data-help-step="4"]~.calc__content [data-help-content="4"]::after,
[data-step="1"] [data-help-step="5"]~.calc__content [data-help-content="5"] .calc__state::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #fff;
}



[data-step="4"] .help {
  inset: auto auto 12px 12px;
}

[data-step="4"] [data-help-step="1"]~.calc__result .calc__card_col,
[data-step="4"] [data-help-step="2"]~.calc__result .calc__table,
[data-step="4"] [data-help-step="3"]~.calc__result .calc__callback {
  z-index: 4;
}

[data-step="4"] [data-help-step="3"]~.calc__result .calc__callback {
  padding: 20px;
  margin: -20px;
}

[data-step="4"] [data-help-step="3"]~.calc__result .calc__callback::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #fff;
  pointer-events: none;
  border-radius: 5px;
  transition: all .3s;
}

.calc__items.has-help~.calc__bottom {
  z-index: 3;
}


.help__item-close {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 0;
  background: none;
  border: none;
  color: var(--gray);
  font-family: RobotoMedium;
  font-size: 12px;
  cursor: pointer;
  transition: all .3s;
}

.help__item-close:hover {
  color: var(--active);
}

.help__item-subtitle {
  color: var(--gray);
  font-family: RobotoMedium;
  font-size: 14px;
}

.help__item-title {
  color: var(--active);
  font-size: 20px;
  font-family: RobotoBold;
}

.help__item-text {
  font-size: 14px;
  color: var(--gray);
}

:is(.help__item-title, .help__item-text):empty {
  display: none;
}

.help__item-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.help__item-button {
  padding: 6px 12px;
  font-size: 12px;
}

.help__item-next {
  margin-left: auto;
}


.calc__body {
  position: relative;
}

.calc__content {
  display: grid;
  grid-template-columns: 31.218% 1fr;
}

.calc__left {
  padding-block: min(calc(16px + 14px), calc(16px + 14 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  background: #f0f5fe;
}

.calc__tooltip {
  margin-left: 3px;
}

.calc__tooltip-button {
  width: 14px;
  height: 14px;
  background: url(/local/templates/stroekos/css/../img/tooltip.svg) center / contain no-repeat;
  border: none;
}

.calc__tooltip-content {
  position: fixed;
  z-index: 10;
  margin-bottom: 12px;
  translate: 0 12px;
  padding: 10px;
  min-width: min(calc(200px + 100px), calc(200px + 100 * ((100vw - 375px) / 1545)));
  max-width: 322px;
  transition: all .3s;
  pointer-events: none;
  box-shadow: 0 8px 18px 0 rgba(26, 98, 214, 0.06), 0 8px 18px 0 rgba(26, 98, 214, 0.06);
  background: #fff;
  border-radius: 5px;
  opacity: 0;
  font-family: RobotoMedium;
  font-size: 12px;
  line-height: 1.2;
  color: #7e8ca4;
}

.calc__tooltip-content.active {
  opacity: 1;
  translate: 0 0;
  pointer-events: auto;
}

.calc__tooltip-content:has(img) {
  display: flex;
  align-items: center;
  gap: 10px;
}

.calc__tooltip-content img {
  border-radius: 5px;
  max-width: min(calc(48px + 12px), calc(48px + 12 * ((100vw - 375px) / 1545)));
  max-height: min(calc(48px + 12px), calc(48px + 12 * ((100vw - 375px) / 1545)));
}

.calc__tooltip-content p {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #7e8ca4;
  margin: 0;
}


.calc__form {
  display: grid;
  gap: 14px;
}

.calc__form-item {
  position: relative;
  display: grid;
  gap: 8px;
}

.calc__form-item-title {
  position: relative;
  font-family: RobotoMedium;
  font-size: min(calc(16px + 2px), calc(16px + 2 * ((100vw - 375px) / 1545)));
  line-height: 1.2;
  color: #0042ad;
}

.calc__form-item-count {
  display: grid;
  gap: 4px;
}

.calc__form-item-count.error input {
  background: #ffd7df;
}

.calc__form-item-count label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  cursor: pointer;
}

.calc__form-item-count span {
  flex-grow: 1;
}

.calc__form-item-count input {
  min-width: 34px;
  max-width: 50px;
  field-sizing: content;
  height: 22px;
  padding: 4px;
  border-radius: 3px;
  background: #fff;
  border: none;
  font-size: 14px;
  text-align: center;
}

.calc__form-item-count input::placeholder {
  color: #757575;
}

.calc__input {
  width: 100%;
  height: 38px;
  padding-inline: 8px;
  border-radius: 4px;
  border: none;
}

.calc__input.error {
  background: #ffd7df;
}

.calc__input::placeholder {
  color: #757575
}

.calc__form-radios {
  display: grid;
  gap: 12px;
}

.calc__form-radios label {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
}

.calc__form-radios input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  appearance: none;
  margin: 0;
  box-sizing: border-box;
}

.calc__form-radios input+span {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

.calc__form-radios input+span:before {
  content: '';
  display: flex;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border: 1px solid #b7c7e1;
  background: transparent;
  border-radius: 50%;
  box-sizing: border-box;
}

.calc__form-radios input:checked+span:before {
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='4' r='4' fill='%231A62D6' /%3E%3C/svg%3E") center / 55% no-repeat;
}

.calc__form-checkboxes {
  display: grid;
  gap: 8px;
}


.calc__form-checkbox {
  cursor: pointer;
}

.calc__form-checkbox input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden
}

.calc__form-checkbox input[disabled]+span {
  opacity: .5;
  cursor: not-allowed
}

.calc__form-checkbox span {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  line-height: 1.4;
  color: #303030;
}

.calc__form-checkbox span:before {
  content: '';
  width: 16px;
  height: 16px;
  border: 1px solid #b7c7e2;
}

.calc__form-checkbox input:checked+span:before {
  background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.76764 0.232287C9.45824 -0.0775267 8.95582 -0.0773314 8.646 0.232287L3.59787 5.28062L1.35419 3.03696C1.04438 2.72715 0.542174 2.72715 0.23236 3.03696C-0.0774534 3.34677 -0.0774534 3.84898 0.23236 4.15879L3.03684 6.96327C3.19165 7.11807 3.39464 7.19568 3.59765 7.19568C3.80067 7.19568 4.00386 7.11827 4.15867 6.96327L9.76764 1.3541C10.0775 1.0445 10.0775 0.542081 9.76764 0.232287Z' fill='%231A62D6' /%3E%3C/svg%3E") center / 70% no-repeat;
  border-color: var(--active)
}

.range {
  display: grid;
  gap: 4px;
  grid-template-columns: 100%
}

.range.active .range__input input {
  color: #082030
}

.range__inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px
}

.range__input {
  position: relative;
  display: flex;
  gap: 12px;
  min-width: 0;
  transition: all .4s;
  cursor: pointer
}

.range__input input {
  field-sizing: content;
  min-width: 34px;
  max-width: 50%;
  height: 28px;
  border-radius: 2px;
  padding: 4px;
  cursor: pointer;
  color: #b9c8d8;
  text-align: center;
  font-size: 14px;
}

.range__input input:focus {
  box-shadow: none
}

.range__input input::placeholder {
  color: #b9c8d8
}

.range__input-label {
  align-self: flex-end;
  font-size: 14px;
  line-height: 1.71429;
  color: #030f17
}

.range__track {
  position: relative;
  width: 100%;
  height: 16px;
  cursor: pointer
}

.range__track:before {
  content: "";
  left: 0;
  width: 100%;
  background: #b7c7e1
}

.range__between,
.range__track:before {
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  height: 4px;
  border-radius: 2px
}

.range__between {
  display: none;
  z-index: 2;
  background: #0042ad
}

.range input[type=range]:focus-visible::-webkit-slider-thumb {
  background: #0042ad
}

.range input[type=range]:focus-visible::-moz-range-thumb {
  background: #0042ad
}

.range input[type=range] {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 3;
  translate: 0 -50%;
  width: 100%;
  margin: 0;
  pointer-events: none;
  background-color: transparent;
  cursor: pointer;
  appearance: none
}

.range input[type=range]:focus-visible {
  box-shadow: none
}

.range input[type=range]::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid var(--active);
  border-radius: 50%;
  pointer-events: auto;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-appearance: none
}

.range input[type=range]::-webkit-slider-thumb:focus-visible {
  background: #0042ad
}

.range input[type=range]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid var(--active);
  border-radius: 50%;
  pointer-events: auto;
  -moz-transition: all .2s;
  transition: all .2s;
  border: 0
}

.range input[type=range]::-moz-range-thumb:focus-visible {
  background: #0042ad
}

.calc__submit-wrapper {
  display: grid;
  justify-self: end;
  z-index: 2;
}

.calc__submit-wrapper p {
  margin: 0 0 4px;
  font-size: 12px;
}

.calc__submit-wrapper .calc__tooltip {
  position: absolute;
}

.calc__submit {
  position: relative;
  z-index: 8;
  padding: 8px 16px;
  justify-self: end;
}

.calc__state {
  /* display: contents; */
  min-width: 0;
}

.calc__state[hidden] {
  display: none !important;
}







.calc__right {
  display: grid;
  align-items: center;
  align-content: center;
  gap: 20px;
  padding-top: min(calc(20px + 10px), calc(20px + 10 * ((100vw - 375px) / 1545)));
  padding-bottom: 110px;
  padding-inline: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  background: url("data:image/svg+xml,%3Csvg width='947' height='663' viewBox='0 0 947 663' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.04' clip-path='url(%23clip0_7_72)'%3E%3Cmask id='mask0_7_72' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='947' height='669'%3E%3Cpath d='M947 0H0.251953V668.293H947V0Z' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_7_72)'%3E%3Cpath d='M957.052 807.518H589.853L484.583 608.124L668.144 260.356L957.052 807.518Z' fill='%2318D6B2' /%3E%3Cpath d='M589.892 -286.809L484.619 -87.3448L300.984 260.353L484.619 608.121L668.183 260.353L957.088 -286.809H589.892Z' fill='%231A62D6' /%3E%3Cpath d='M945.396 44.6616L1058.13 261.202L945.755 476.114L832.733 260.565L945.396 44.6616Z' fill='%2318D6B2' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7_72'%3E%3Crect width='947' height='663' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat
}

.calc__right:has(.calc__state--products:not([hidden])) {
  align-items: start;
  align-content: start;
}

.calc__default {
  display: grid;
  justify-items: center;
  gap: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));
  font-family: RobotoMedium;
  font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 375px) / 1545)));
  text-align: center;
  color: #7e8ca4;
}

.calc__item-title {
  font-family: RobotoBold;
  font-size: min(calc(16px + 2px), calc(16px + 2 * ((100vw - 375px) / 1545)));
  color: var(--active);
}



.calc-slider {
  position: relative;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-inline: 20px;
  margin-inline: -20px;
  overflow: hidden;
}

.calc-container {
  height: 340px !important;
  min-width: 0;
  overflow: visible;
}

.calc-container .swiper-slide {
  height: 161px !important;
}

.calc__arrow {
  border: none;
}

.calc__arrow:after {
  font-size: 18px;
}

.calc__arrow:hover::after {
  color: #fff
}

.calc__cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
}

.calc__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  min-height: 100%;
  min-width: 0;
  border: 1px solid transparent;
  border-radius: 3px;
  padding: 20px;
  background: #fff;
  box-shadow: 0 8px 18px 0 rgba(26, 98, 214, 0.06);
  cursor: pointer;
}

.calc__card:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  translate: 50% -50%;
  width: min(calc(20px + 10px), calc(20px + 10 * ((100vw - 375px) / 1545)));
  height: min(calc(20px + 10px), calc(20px + 10 * ((100vw - 375px) / 1545)));
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='%2318D6B2' /%3E%3Cpath d='M19.7676 11.6345C19.4582 11.3247 18.9558 11.3249 18.646 11.6345L13.5979 16.6828L11.3542 14.4392C11.0444 14.1294 10.5422 14.1294 10.2324 14.4392C9.92255 14.749 9.92255 15.2512 10.2324 15.561L13.0368 18.3655C13.1916 18.5203 13.3946 18.5979 13.5977 18.5979C13.8007 18.5979 14.0039 18.5205 14.1587 18.3655L19.7676 12.7563C20.0775 12.4467 20.0775 11.9443 19.7676 11.6345Z' fill='white' /%3E%3C/svg%3E") center / contain no-repeat;
  opacity: 0;
  transition: all .2s;
}

.calc__card.is-selected:before {
  opacity: 1;
}

.calc__card-img {
  display: flex;
  justify-content: center;
}

.calc__card-img img {
  max-width: 90px;
  max-height: 90px;
  object-fit: contain;
}

.calc__card-right {
  display: grid;
  justify-items: start;
  gap: 14px;
}

.calc__card-title {
  font-family: RobotoMedium;
  font-size: 16px;
  line-height: 1.2;
  color: #303030;
}

.calc__card-text {
  font-family: RobotoMedium;
  font-size: 12px;
  line-height: 1.2;
  color: #7e8ca4;
}

.calc__card-price .product__item-new-price {
  font-size: 18px;
  font-family: RobotoBold;
}

.calc__card-price .product__item-old-price {
  font-size: 14px;
}

.calc__card-link {
  font-family: RobotoMedium;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: #0042ad;
}





.calc__bottom {
  position: absolute;
  left: 40px;
  z-index: 5;
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  max-width: calc(100% - 80px);
  bottom: 30px;
  width: 100%;
}


.calc__price {
  display: flex;
  align-items: center;
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  padding: 12px;
  background: #f0f5fe;
  border-radius: 3px;
}


.calc__price-left {
  display: grid;
  gap: 4px;
}

.calc__price-title {
  font-family: RobotoSemiBold;
  font-size: min(calc(12px + 2px), calc(12px + 2 * ((100vw - 375px) / 1545)));
  color: #303030;
  white-space: normal !important;
}

.calc__price-title span {
  font-family: RobotoRegular;
}

.calc__price-text {
  font-size: 12px;
  color: #303030;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}

.calc__price .product__item-new-price {
  font-size: min(calc(18px + 10px), calc(18px + 10 * ((100vw - 375px) / 1545)));
  white-space: nowrap;
  font-family: RobotoBold;
}



.calc__bottom-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: min(calc(20px + 16px), calc(20px + 16 * ((100vw - 375px) / 1545)));
  justify-content: space-between;
  margin-left: auto;
  pointer-events: auto;
}

.calc__button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-block: 8px;
  padding-inline: min(calc(20px + 14px), calc(20px + 14 * ((100vw - 375px) / 1545)));
  min-height: min(calc(48px + 12px), calc(48px + 12 * ((100vw - 375px) / 1545)));
  min-width: min(calc(270px + 60px), calc(270px + 60 * ((100vw - 375px) / 1545)));
  border-radius: 40px;
  border: none;
  background: var(--active);
  font-family: RobotoSemiBold;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s;
}

.calc__button svg {
  flex-shrink: 0;
  width: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
  height: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
}

.calc__button[disabled] {
  pointer-events: none;
  opacity: .5;
}

.calc__prev {
  min-width: auto;
  background: #a9bcde;
}




.calc__wrapper {
  display: grid;
  grid-template-columns: 56% 1fr;
  column-gap: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 375px) / 1545)));
  row-gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  padding-top: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  padding-bottom: 182px;
  background: #f0f5fe;
}

.calc__wrapper-col {
  grid-template-columns: 100%;
  gap: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
}

.calc__wrapper-label,
.calc__item-note {
  max-width: 600px;
  grid-column: 1/-1;
  font-family: RobotoSemiBold;
  font-size: 14px;
  line-height: 1.2;
  color: #7e8ca4;
}

.calc__wrapper-label-small {
  font-family: RobotoMedium;
  font-size: 12px;
}

.calc__wrapper .calc__form {
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
}

.calc__wrapper .calc__form-item {
  gap: 14px;
}

.calc__wrapper .calc__input {
  max-width: 322px;
}




.calc__row {
  display: grid;
  align-items: start;
  align-content: start;
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  grid-template-columns: repeat(2, 1fr);
  padding-bottom: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  border-bottom: 1px solid #a8bcde;
}

.calc__row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.calc__small {
  margin-top: -8px;
  font-family: RobotoMedium;
  font-size: 12px;
  line-height: 1.2;
  color: #7e8ca4;
}





.calc__result {
  display: grid;
  grid-template-columns: 32.3273% 1fr;
  gap: 10px 20px;
  padding-bottom: 140px;
  padding-top: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  background: url("data:image/svg+xml,%3Csvg width='947' height='663' viewBox='0 0 947 663' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.04' clip-path='url(%23clip0_7_72)'%3E%3Cmask id='mask0_7_72' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='947' height='669'%3E%3Cpath d='M947 0H0.251953V668.293H947V0Z' fill='%23D9D9D9' /%3E%3C/mask%3E%3Cg mask='url(%23mask0_7_72)'%3E%3Cpath d='M957.052 807.518H589.853L484.583 608.124L668.144 260.356L957.052 807.518Z' fill='%2318D6B2' /%3E%3Cpath d='M589.892 -286.809L484.619 -87.3448L300.984 260.353L484.619 608.121L668.183 260.353L957.088 -286.809H589.892Z' fill='%231A62D6' /%3E%3Cpath d='M945.396 44.6616L1058.13 261.202L945.755 476.114L832.733 260.565L945.396 44.6616Z' fill='%2318D6B2' /%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7_72'%3E%3Crect width='947' height='663' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") center / contain no-repeat
}

.calc__other {
  min-width: 0;
  padding: 12px;
  margin: -12px;
  overflow: hidden;
}

.calc__other-title {
  margin-bottom: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
  font-family: RobotoSemiBold;
  font-size: 15px;
  color: #303030;
}


.calc__other-container {
  overflow: visible;
}

.calc__other-slider .calc__card:before {
  translate: 20% -20%;
}

.calc__card_col {
  align-content: start;
  grid-template-columns: 100%;
  gap: 7px;
  box-shadow: 0 8px 10px 0 rgba(26, 98, 214, 0.06);
}

.calc__card_col .calc__card-img {
  height: 100px;
}

.calc__card_col .product__item-new-price {
  font-size: 15px;
}

.calc__card_big {
  padding-inline: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 375px) / 1545)));
}

.calc__card_big .calc__card-img {
  height: min(calc(100px + 75px), calc(100px + 75 * ((100vw - 375px) / 1545)));
}

.calc__card_big .calc__card-img img {
  max-width: 100%;
  max-height: 100%;
}

.calc .swiper-pagination {
  position: static;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 80vw;
  flex-wrap: wrap;
}

.calc .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  margin: 0 !important;
  background: #a8bcde;
}

.calc .swiper-pagination-bullet-active {
  background: var(--active);
}





.calc__info {
  display: grid;
  grid-template-columns: minmax(200px, 33.24%) 1fr;
  box-shadow: 0 8px 18px 0 rgba(26, 98, 214, 0.06), 0 8px 18px 0 rgba(26, 98, 214, 0.06);
  background: #fff;
  border: 1px solid var(--active);
  border-radius: 3px;
}

.calc__table {
  padding: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
  background: #f0f5fe;
}

.calc__table table {
  overflow-x: visible !important;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.calc__table tr {
  border-top: none !important;
  border-bottom: 1px solid #a8bcde !important;
}

.calc__table tr:last-child {
  border-bottom: none !important;
}

.calc__table :is(td, th) {
  padding: 3px 0 !important;
  color: #303030 !important;
  font-size: 12px !important;
  background: none !important;
  font-family: RobotoRegular !important;
  text-align: left !important;
  border: none !important;
  min-width: auto !important;
  width: auto !important;
}

.calc__table td {
  text-align: right !important;
  padding-left: 10px !important;
  font-family: RobotoSemiBold !important;
}

.calc__table-title {
  margin-bottom: 15px;
  font-family: RobotoMedium;
  font-size: 14px;
  color: #303030;
}

.calc__table-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 6px 14px;
  margin-top: 14px;
  border-radius: 5px;
  background: #fff;
}

.calc__table-price small {
  font-family: RobotoMedium;
  font-size: 12px;
  line-height: 1.2;
  color: #7e8ca4;
}

.calc__table-price span {
  font-family: RobotoBold;
  font-size: 18px;
  line-height: 1.2;
  text-transform: capitalize;
  color: #0042ad;
  white-space: nowrap;
}





.calc__warning {
  position: relative;
  padding: min(calc(16px + 4px), calc(16px + 4 * ((100vw - 375px) / 1545)));
  border: 1px solid #f0f5fe;
  border-radius: 3px;
}

.calc__warning p {
  padding-bottom: 6px;
  margin-bottom: 6px;
  margin-top: 0;
  border-bottom: 1px solid #f0f5fe;
  font-size: 12px;
  line-height: 1.2;
  color: #303030;
}

.calc__warning p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.calc__warning:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  translate: -6px -6px;
  width: min(calc(18px + 8px), calc(18px + 8 * ((100vw - 375px) / 1545)));
  height: min(calc(18px + 8px), calc(18px + 8 * ((100vw - 375px) / 1545)));
  background: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 13C0 5.8253 5.824 0 13 0C20.189 0 26 5.8253 26 13C26 20.1773 20.189 26 13 26C5.824 26 0 20.1773 0 13ZM11.8556 8.07303C11.8556 7.45033 12.3756 6.92903 12.9996 6.92903C13.6236 6.92903 14.1306 7.45033 14.1306 8.07303V13.819C14.1306 14.4443 13.6236 14.95 12.9996 14.95C12.3756 14.95 11.8556 14.4443 11.8556 13.819V8.07303ZM13.0134 19.0851C12.3764 19.0851 11.8694 18.5651 11.8694 17.9411C11.8694 17.3171 12.3764 16.8101 13.0004 16.8101C13.6374 16.8101 14.1444 17.3171 14.1444 17.9411C14.1444 18.5651 13.6374 19.0851 13.0134 19.0851Z' fill='%231A62D6' /%3E%3C/svg%3E") center / contain no-repeat;
}





.calc__callback {
  position: relative;
  display: grid;
  gap: 10px;
}

.calc__callback-title {
  font-family: RobotoMedium;
  font-size: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 375px) / 1545)));
  color: #0042ad;
}

.calc__callback-text {
  font-family: RobotoBold;
  font-size: 15px;
  color: #303030;
}

.calc__callback-text span {
  color: #0042ad;
}

.calc__callback .input-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.calc__callback form {
  display: grid;
  gap: 10px;
}

.calc__callback input {
  padding-inline: min(calc(16px + 16px), calc(16px + 16 * ((100vw - 375px) / 1545)));
  height: min(calc(48px + 8px), calc(48px + 8 * ((100vw - 375px) / 1545)));
  border: 1px solid #1a62d6;
  border-radius: 3px;
  background: #fff;
  color: #303030;
}

.calc__callback input::placeholder {
  color: #303030;
}

.calc__callback small {
  font-family: RobotoMedium;
  font-size: 12px;
  color: #7e8ca4;
}

.calc__callback .calc__form-checkbox {
  font-size: 12px;
  color: #7e8ca4;
}

.calc__callback .calc__form-checkbox a {
  text-decoration: underline;
  text-decoration-skip-ink: none;
  display: contents;
}




.calc__items {
  position: relative;
  z-index: 4;
}

.calc__item {
  position: relative;
  display: none;
}

.calc__left {
  position: relative;
  z-index: 4;
}

.calc__item.is-active {
  display: block;
  animation: calcItem .4s forwards;
}


@keyframes calcItem {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.calc__back {
  display: none;
}

.calc__back.is-visible {
  display: inline-flex;
}


.tabs__content .tags {
  display: flex;
  flex-wrap: wrap;
  gap: min(calc(2px + 6px), calc(2px + 6 * ((100vw - 375px) / 1545)));
}

.tabs__content .tag {
  min-height: min(calc(20px + 14px), calc(20px + 14 * ((100vw - 375px) / 1545)));
  padding-block: 4px;
  padding-inline: min(calc(6px + 4px), calc(6px + 4 * ((100vw - 375px) / 1545)));

  border-radius: min(calc(2px + 2px), calc(2px + 2 * ((100vw - 375px) / 1545)));
  background: #f1fcff;
  text-align: left;
}

.tabs__content .product__technical-list div:has(.tags) {
  align-items: flex-end;
}

.tabs__content .product__technical-list {
  columns: auto;
  padding: min(calc(12px + 28px), calc(12px + 28 * ((100vw - 375px) / 1545)));
  border: 1px solid #a2a2a2;
  font-size: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 375px) / 1545)));
}


.tabs__content .product__technical-list dt {
  min-width: min(calc(210px + 126px), calc(210px + 126 * ((100vw - 375px) / 1545)));
}

@media (max-width: 575px) {
  .tabs__content .product__technical-list dt {
    min-width: 160px;
  }
}

.tabs__content .product__technical-list dd {
  text-align: left;
}

.tabs__content .product__technical-list>div {
  padding: 0;
  margin-bottom: 14px;
  display: grid;
  grid-template-columns: auto 1fr;
}

.tabs__content .product__technical-list dt:after {
  translate: 4px 0px;
}

.tabs__content .product__technical-list div.tags {
  justify-content: flex-start;
}


@media (max-width: 1050px) {
  .calc__result {
    grid-template-columns: 100%;
    gap: 24px;
  }
}

@media (max-width: 991px) {
  .calc__top {
    display: grid;
    justify-items: start;
    justify-content: start;
  }

  .calc__top-left {
    display: grid;
  }

  .calc__content {
    grid-template-columns: 100%;
  }

  .calc__right,
  .calc__result {
    padding-bottom: 210px;
  }

  .calc__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    left: 20px;
    max-width: calc(100% - 40px);
    bottom: 20px;
  }


  .calc__bottom-left,
  .calc__bottom-right {
    display: contents;
  }

  .calc__next {
    flex-grow: 1;
  }

  .calc__price {
    order: -1;
    width: 100%;
    justify-content: center;
  }

  .calc__form {
    display: block;
    columns: 2 300px;
    gap: 16px;
  }

  .calc__form>* {
    margin-bottom: 16px;
    break-inside: avoid
  }

  .calc__price .product__item-price {
    flex-basis: auto;
  }

  .calc__card_col {
    justify-items: center;
  }

  .help {
    top: auto;
    bottom: 12px;
  }

  [data-step="1"] [data-help-step="1"]~.calc__content [data-help-content="1"],
  [data-step="1"] [data-help-step="2"]~.calc__content [data-help-content="2"],
  [data-step="1"] [data-help-step="3"]~.calc__content [data-help-content="3"],
  [data-step="1"] [data-help-step="4"]~.calc__content [data-help-content="4"],
  [data-step="1"] [data-help-step="5"]~.calc__content [data-help-content="5"] .calc__state {
    margin: -20px -20px 16px;
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .calc__wrapper {
    grid-template-columns: 100%;
  }


  .calc__price {
    white-space: nowrap;
  }

  .calc__right {
    padding-bottom: 180px;
  }

  .calc__wrapper .calc__input {
    max-width: 100%;
  }

  .calc__row {
    grid-template-columns: 100%;
  }

  .calc__button {
    min-width: auto;
  }
}


@media (max-width: 690px) {
  .help {
    position: fixed;
    left: 12px;
    z-index: 10004;
  }

  .calc__items {
    z-index: 10002;
  }

  .calc__items:has(.calc__item.is-active .help) {
    z-index: 10005;
  }

  .calc__bottom {
    z-index: 10003;
  }


}

@media (max-width: 575px) {
  .calc__bottom {
    display: grid;
    grid-template-columns: 100% !important;
    justify-content: center;
    left: 12px;
    max-width: calc(100% - 24px);
    bottom: 12px;
  }

  .calc__wrapper,
  .calc__result {
    padding-bottom: 240px;
  }

  .calc__info {
    grid-template-columns: 100%;
  }

  .calc__card_big {
    justify-items: center;
  }

  .calc__callback .input-wrapper {
    grid-template-columns: 100%;
  }

  .calc__tooltip-content {
    position: absolute !important;
    inset: auto !important;
    left: 0 !important;
    bottom: 100% !important;

    max-width: none;
    width: 100%;
  }
}








@media (min-width: 576px) {

  .header__bottom .header__yandex,
  .header__bottom .header__btn {
    display: none
  }

  .brand__slider.active {
    position: absolute;
    left: 50%;
    translate: -50% 0;
    width: calc(100% - 60px);
    box-shadow: 0px 4px 12px 0px rgba(0, 67, 139, 0.08);
  }
}

@media (min-width: 768px) {
  .recom .swiper-slide {
    scale: .8;
    opacity: .7
  }

  .recom .swiper-slide-active {
    opacity: 1;
    scale: 1
  }

  .septik__col:nth-child(5n) {
    border: 0;
    padding-right: 0
  }

  .card__pagination {
    display: none
  }

  .marquiz__button {
    display: none
  }
}

@media (min-width: 769px) {
  .filter__range {
    display: none !important
  }

  .product-mobile {
    display: none;
  }

  .product__top-info .product__label {
    display: none;
  }

  main:has(.catalog__container)>*:last-child {
    padding-bottom: 80px;
  }
}

@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) {
  .brand__pagination {
    display: none
  }

  .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 (min-width: 1151px) {
  .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 {
    padding: 10px !important
  }

  .dropdown-catalog ul li ul .dropdown:hover .dropdown-menu {
    display: grid !important
  }

  .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 {
    padding: 10px !important
  }

  .dropdown-catalog ul li ul .dropdown:hover .dropdown-menu {
    display: grid !important
  }
}

@media (min-width: 1200px) {
  .sub-services__item:nth-child(odd) {
    background: var(--active);
    color: #fff
  }

  .sub-services__item:nth-child(even) {
    background: #6eddff;
    color: var(--active)
  }
}

@media (max-width: 1660px) {
  .dostavka__tab-wrapper {
    grid-template-columns: 2.2fr 1fr
  }
}

@media (max-width: 1460px) {
  .dostavka__tab-wrapper {
    grid-template-columns: 2.4fr 1fr
  }
}

@media (max-width: 1400px) {
  .feedback--big {
    background-position: center right -40%
  }

  .quiz {
    background-position: center right -350px
  }
}

@media (max-width: 1340px) {
  .dostavka__tab-wrapper {
    grid-template-columns: 2.6fr 1fr
  }
}

@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: 1199px) {
  .product-list {
    grid-template-columns: 100%
  }

  .sub-services-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .sub-services__item {
    background: var(--active);
    color: #fff
  }

  .brand-wrapper-catalog>.swiper-slide:nth-child(n+7) {
    display: none
  }

  .brand-wrapper-catalog>.swiper-slide {
    width: calc((100% - 108px)/7)
  }

  .brand-wrapper-catalog .brand__button {
    width: calc((100% - 108px)/7)
  }

  .promo-ny-small .promo-ny__subtitle {
    translate: -20px 0;
  }

  .promo-ny-small .promo-ny__text {
    translate: 20px 0;
  }
}

@media (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 (max-width: 1150px) {
  .dropdown:hover>.dropdown-menu {
    display: block
  }

  main {
    margin: 68px 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 ul ul .dropdown-footer__btn {
    width: 32px !important;
    height: 32px !important;
    margin: -8px;
  }

  .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
  }

  .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: 0 0 !important;
    box-shadow: none !important
  }

  .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-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: 0 0 !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: 1150px) {
  .header__left {
    column-gap: 0
  }

  .nav>li ul {
    width: 100%;
    max-width: unset
  }

  .dropdown-catalog .submenu>a:before {
    width: 45px;
    margin: 15px 0
  }

  .top_menu_mobile {
    display: flex;
    gap: 10px;
    align-items: baseline
  }

  .top_menu_mobile a {
    font-size: 14px;
    background-size: 20px;
    padding: 2px 0 2px 28px;
    vertical-align: middle
  }

  .header__bottom .container {
    max-width: unset !important
  }
}

@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: 1010px) {
  .tabs__label {
    font-size: 15px
  }
}

@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)
  }

  .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: 16px
  }

  .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) {
  main {
    margin-top: 55px;
  }

  .header__right iframe {
    zoom: .7
  }

  .header__left,
  .header__right {
    gap: 10px
  }

  .btn-black {
    padding: 8px 20px;
    font-size: 12px
  }

  .search__item {
    align-items: start
  }

  .job {
    padding-bottom: 90px
  }

  .brand-container {
    padding: 12px
  }

  .brand__item {
    box-shadow: 0 8px 12px 0 rgba(26, 98, 214, .06)
  }

  .promo__slider .swiper-slide {
    min-height: min(100vh - 100px, 500px)
  }

  .septik__form {
    grid-template-columns: repeat(3, 1fr)
  }

  .brand-wrapper-catalog>.swiper-slide {
    width: calc((100% - 90px)/6)
  }

  .brand-wrapper-catalog .brand__button {
    width: calc((100% - 90px)/6)
  }

  .brand-wrapper-catalog>.swiper-slide {
    display: block !important
  }

  .brand-wrapper-catalog>.swiper-slide:not(.active):nth-child(n+6) {
    display: none !important
  }

  .septik__form {
    grid-template-columns: repeat(2, 1fr) !important
  }

  .promo-ny__img {
    max-width: 40%;
  }

  .promo-ny__top {
    width: 80vw;
  }

  .promo-ny-small .promo-ny__top {
    width: auto;
    min-height: 75px;
    /* display: contents; */
  }

  .promo-ny-small .promo-ny__left {
    max-width: 88%;
  }

  .promo-ny-small .promo-ny__gift {
    margin-right: 20px;
  }

  .promo-ny-small .promo-ny__img {
    position: absolute;
    right: 16px;
    top: 50%;
    bottom: auto;
    translate: 0 -50%;
    align-self: center
  }

  .promo-ny-small .promo-ny__button {
    position: absolute;
    right: 16px;
    bottom: 8px;
    z-index: 2;
  }

  .promo-ny-small .promo-ny__subtitle {
    translate: -40px 0;
  }

  .promo-ny-small .promo-ny__text {
    translate: 40px 0;
  }
}

@media (max-width: 933px) {
  .stocks__item:nth-child(1) img {
    max-width: 70%
  }
}

@media (max-width: 907px) {
  .tabs__label {
    padding: 12px 20px
  }
}

@media (max-width: 900px) {
  .search_section_items_list a.search_section_item {
    width: 26%
  }

  .catalog__container {
    grid-template-columns: minmax(0, 1fr)
  }
}

@media (max-width: 803px) {
  .tabs__label {
    padding: 10px 15px;
    font-size: 14px
  }
}

@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) {
  .white-saas-generator {
    display: none !important;
  }

  .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, .pika-table) th {
    font-size: 14px
  }

  table:not(.ui-datepicker-calendar, .pika-table) 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, var(--active), var(--active) 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;
    aspect-ratio: 1
  }

  .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: 40px 0
  }

  .text-block {
    padding: 0;
    background-image: none
  }

  main>:last-child {
    padding-bottom: 40px
  }

  .text-block--section {
    margin: 40px 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;
    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: 16px
  }

  .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: 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
  }

  .header__contact.header__contact-3 {
    display: block
  }

  .tag__label:hover {
    background: #f1fcff;
    color: #0042ad
  }

  .product-page h1 {
    font-size: 32px
  }

  .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
  }

  .product-mobile {
    display: grid;
    gap: 20px;
    margin-top: 20px;
  }

  .product-mobile__top {
    display: grid;
    grid-template-columns: 1fr 140px;
    gap: 40px;
  }

  .product-mobile__top-left,
  .product-mobile__top-right {
    display: grid;
    justify-content: start;
    gap: 12px;
  }

  .product-mobile__top-right {
    grid-template-rows: 1fr auto;
  }

  .product-mobile__top-right .btn,
  .product-mobile .product__form-order .btn {
    width: auto;
    min-width: 140px;
  }

  .product-mobile .product__item-price {
    order: unset;
  }

  .product-mobile .product__row-link {
    font-size: 16px;
  }

  /*.product-card__slider-content .product__label, .product-card__slider-content .product__form-order, .product-card__slider-content .product__price-sect, .product-card__slider-content .product__row { display: none; }*/
  .product__top-info {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-items: start;
  }

  .product__top-info .product__label {
    display: flex;
    margin-bottom: 0;
  }

  .product__item-btn-compare {
    order: 1;
  }

  .brand__slider.active {
    width: calc(100% - 40px);
  }

  .product__price-sect {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 14px;
  }

  .product__price-sect .count {
    flex-basis: 45%;
    order: 3;
  }

  .product__button {
    order: 2;
    flex-basis: 38%;
    margin-left: auto;
    justify-self: flex-end;
    justify-content: center;
    min-width: 170px;
    padding-inline: 20px;
  }

  .product__item-price {
    flex-basis: 60%;
  }

  .product-card__slider-content>.product__label {
    display: none;
  }

  .product__row {
    display: none;
  }

  .product__price-sect .product__row {
    display: flex;
    margin-bottom: 0;
    margin-top: -12px;
  }
}

@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
  }

  .blog-page {
    padding-bottom: 20px
  }

  .blog-page__section+br {
    display: none
  }

  .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: 0 0
  }

  .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
  }

  .popup__dialog {
    width: 400px;
    max-width: 100%;
    padding: 0 10px;
    margin: 0 auto
  }

  .promo__img {
    display: none
  }

  .promo__slider .swiper-slide {
    min-height: min(100vh - 100px, 400px)
  }

  .promo__item-title {
    line-height: 1.2
  }

  .septik__form {
    grid-template-columns: repeat(2, 1fr)
  }

  .septik__col {
    border: 0;
    padding-right: 0
  }

  .septik__col:last-child:nth-child(odd) {
    grid-column: 1/-1
  }

  .card__arrow {
    display: none
  }

  .action__slider .swiper-slide {
    align-content: start
  }

  .brand-wrapper>.swiper-slide:nth-child(n+7) {
    display: none
  }

  .brand-wrapper>.swiper-slide.active {
    display: block !important
  }

  .brand__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: min(100%, 300px);
    margin-top: 24px;
    margin-inline: auto
  }

  .brand-wrapper-catalog>.swiper-slide {
    width: calc((100% - 72px)/5)
  }

  .brand-wrapper-catalog .brand__button {
    width: calc((100% - 72px)/5);
    margin-right: 0;
  }

  .brand-wrapper-catalog>.swiper-slide {
    display: block !important
  }

  .brand-wrapper-catalog>.swiper-slide:not(.active):nth-child(n+5) {
    display: none !important
  }

  .brand-wrapper-catalog .brand__button {
    margin-top: 0
  }

  .marquiz__container_has_button .marquiz__inline-frame {
    display: none
  }

  .marquiz__container {
    position: relative;
    z-index: 1;
    padding: 24px;
    display: grid;
    justify-items: center;
    margin-top: -26px;
    max-width: 100% !important;
    background: url(/local/templates/stroekos/css/../img/quiz-bg.webp) center/cover no-repeat !important;
    text-align: center
  }

  .marquiz__button {
    margin-bottom: 40px;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 12px 48px;
    background: var(--active);
    border-radius: 50px;
    font-family: RobotoBold;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    color: #fff
  }

  .marquiz__button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90.15deg, transparent 19.28%, rgba(0, 0, 0, .7) 78.97%);
    pointer-events: none
  }

  .marquiz__container::before {
    content: "Рассчитайте свой септик";
    display: block;
    margin-bottom: 20px;
    max-width: 215px;
    color: #fff;
    font-family: RobotoBold;
    font-weight: 700;
    font-size: 26px;
    line-height: 100%
  }

  .marquiz__container::after {
    content: "Нажмите “Старт” и ответьте на несколько вопросов";
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 140%
  }

  .popup-quit .popup__img {
    display: none
  }

  .header__contact-1 {
    font-size: 0
  }

  .dostavka__tab-wrapper {
    grid-template-columns: 100%;
    min-height: auto
  }

  .promo {
    padding: 46px 0
  }

  .promo__content p {
    margin-top: 40px
  }

  .promo .container {
    padding-bottom: 0
  }

  .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
  }

  .promo-ny__img {
    right: 0;
    max-width: 40%;
  }

  .promo-ny-small .promo-ny__left {
    display: grid;
    grid-template-columns: repeat(2, auto);
    max-width: max-content;
    gap: 4px 20px;
    padding-block: 8px;
  }

  .promo-ny-small .promo-ny__top {
    display: contents;
  }

  .promo-ny-small .promo-ny__gift {
    order: 2;
  }

  .promo-ny-small .promo-ny__gift>span {
    position: static;
    margin-left: 12px;
  }

  .promo-ny-small .promo-ny__text {
    order: 3;
    translate: 0 0;
  }

  .promo-ny-small .promo-ny__top+.promo-ny__text {
    grid-row: span 2;
    align-self: start;
    padding-top: 12px;
  }

  .promo-ny-small .promo-ny__col {
    display: grid;
    row-gap: 0;
  }

  .promo-ny-small .promo-ny__img {
    right: 13%;
    max-height: 90%;
  }

  .promo-ny-small .promo-ny__button {
    right: 13%;
  }

  .promo-ny-small .promo-ny__subtitle,
  .promo-ny-small .promo-ny__text {
    translate: 0 0;
  }

  .promo-ny-small .promo-ny__img,
  .promo-ny-small .promo-ny__button {
    right: 10px;
  }

  .promo-ny-small .promo-ny__text {
    max-width: 197px;
  }

  /* .compare table tr>:is(td, th):first-child { position: sticky; left: 0; top: 0; font-size: 14px; background: #F0FCFF; width: auto; min-width: auto; padding-inline: 8px; } .compare table th img { max-height: 150px; } .compare table { padding: 0; box-shadow: none; margin-inline: -20px } */
  .compare table {
    box-shadow: none;
    padding-inline: 8px;
    margin: -8px;
  }

  .compare tbody {
    display: grid;
    gap: 16px;
  }

  .compare tbody>tr {
    display: grid;
    grid-template-columns: max(185px, 30vw) minmax(300px, 1fr);
    box-shadow: 0 8px 16px rgba(26, 98, 214, .1);
  }

  .compare tbody>tr :is(td, th) {
    text-align: left;
  }

  .compare tbody>tr th {
    font-size: min(calc(12px + 2px), calc(12px + 2 * ((100vw - 375px) / 392)));
    padding-inline: 8px;
  }

  .compare tbody>tr td {
    width: 100%;
    min-width: auto;
    max-width: none;
  }

  .compare table img {
    max-height: 150px;
  }
}

@media (max-width: 697px) {
  .tabs__label {
    max-width: 32%;
    width: 100%
  }
}

@media (max-width: 695px) {
  .search_section_items_list a.search_section_item {
    width: 30%
  }
}

@media (max-width: 625px) {
  .search_section_items_list a.search_section_item {
    width: 40%
  }

  .search_section_items_list {
    justify-content: flex-start;
    gap: 10px
  }
}

@media (max-width: 616px) {
  .header__btn {
    padding: 8px 10px
  }
}

@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%
  }

  .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
  }

  .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
  }

  .modal__form-wrapper,
  .modal__success {
    min-width: auto;
    max-width: 96vw
  }

  .call {
    bottom: 170px
  }

  .brand-wrapper-catalog {
    margin-bottom: 20px
  }

  .modal__form-wrapper,
  .modal__success {
    min-width: auto;
    max-width: 96vw
  }

  .product__item-bottom {
    align-items: center
  }

  .product-item-button-container {
    text-align: center
  }

  .call {
    bottom: 170px
  }
}

@media (max-width: 575px) {
  main {
    margin-top: 53px;
  }

  .header__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 53px;
  }

  .header__main>.container {
    width: 100%;
  }

  .dostavka__tab-list {
    grid-template-columns: 100%
  }

  .cookie-wrapper {
    grid-template-columns: 100%;
    text-align: center
  }

  .sub-services-wrapper {
    grid-template-columns: 100%
  }

  .sub-services__item:nth-child(2n) {
    background: #6eddff;
    color: var(--active)
  }

  .card__slider .product__technical-list img {
    display: none
  }

  .card__slider .product__technical-list {
    font-size: calc(11px + 3*(100vw - 320px)/255)
  }

  .modal__info-wrapper {
    grid-template-columns: 100%
  }

  .recom__prev,
  .recom__next {
    display: none
  }

  .card__slider .product__item-bottom {
    margin-top: 0
  }

  .card__slider .product__item-price:has(.product__item-old-price) {
    margin-top: 18px
  }

  .card__slider .product__item {
    padding-inline: 4px
  }

  .card__slider .product__item-price {
    order: 0;
    justify-content: flex-end
  }

  .card__slider .product__item-btn-compare {
    margin-block: 4px 12px
  }

  .card__slider .btn {
    padding: 8px 12px
  }

  .brand {
    padding-block: 36px;
    background: 0 0
  }

  .septik__col {
    padding-bottom: 0
  }

  .septik__form {
    grid-template-columns: 100%
  }

  .container {
    padding-inline: 12px
  }

  .header__yandex,
  .header__btn {
    display: none
  }

  .header__bottom .header__yandex {
    display: block;
    margin-top: 20px
  }

  .header__bottom .header__btn {
    display: block
  }

  .brand-wrapper {
    grid-template-columns: repeat(2, 1fr)
  }

  .brand-wrapper>.swiper-slide:nth-child(n+5) {
    display: none
  }

  .work__item-img img {
    width: 100%;
    object-fit: cover
  }

  .work__list {
    grid-template-columns: 100%
  }

  .products__item {
    padding-top: 0
  }

  .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
  }

  .brand-wrapper-catalog {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
  }

  .brand__slider.active {
    width: 100%;
  }

  .brand-wrapper-catalog .brand__button {
    width: 100%;
    grid-column: 1/-1;
    min-height: auto;
    border-radius: 4px
  }

  .brand-wrapper-catalog .brand__button br {
    display: none
  }

  .brand-wrapper-catalog>.swiper-slide {
    display: block !important;
    width: 100%
  }

  .brand-wrapper-catalog>.swiper-slide:not(.active):nth-child(n+5) {
    display: none !important
  }

  .brand-wrapper-catalog>.swiper-slide.acitve {
    display: block !important
  }

  .septik__form {
    grid-template-columns: 100% !important
  }

  .top_menu_mobile>a {
    padding: 8px 10px
  }

  .tabs__label {
    max-width: 49%
  }

  .product-item-button-container .btn {
    width: 100%;
    padding: 10px 30px
  }

  .catalog__item a {
    text-align: center;
    padding: 25px 0 20px;
    background: var(--active);
    border-radius: 3px;
    height: 100%
  }

  .catalog__item a .h3-class {
    font-size: 22px
  }

  .marquiz__container_has_button:before {
    font-size: 28px
  }

  .certificates__swiper.swiper {
    max-width: 100%
  }

  .promo-ny__bg {
    object-position: right bottom;
  }

  .promo-ny__left {
    max-width: 100%;
  }

  .promo-ny__top {
    width: 100%;
  }

  .promo-ny__title {
    letter-spacing: normal;
  }

  .promo-ny__text {
    max-width: max(175px, 56%);
  }

  .promo-ny__img {
    right: 4px;
    min-height: 340px;
    max-width: min(48%, 250px);
  }

  .promo-ny__img-2 {
    right: -24px;
    max-width: min(59%, 250px);
    object-position: bottom;
  }

  .promo-ny__button {
    right: 4px;
    padding-inline: 20px;
    font-size: 14px;
  }

  .promo-ny-small .promo-ny__img {
    min-height: auto;
  }

  .promo-ny-small .promo-ny__left {
    column-gap: 8px
  }

  .promo-ny-small .promo-ny__text {
    max-width: 180px;
  }

  .promo-ny-small .promo-ny__top+.promo-ny__text {
    max-width: 62%;
  }

  .promo-ny-small .promo-ny__img {
    top: auto;
    bottom: -2px;
    translate: 0 0;
  }

  .promo-ny-small .promo-ny__top+.promo-ny__text {
    align-self: center;
  }

  .compare table tr>:is(td, th):first-child {
    font-size: 12px;
  }

  .compare table img {
    max-height: 100px;
  }

  .product__item {
    justify-items: start;
  }

  .product__item-row {
    position: relative;
    width: 100%;
  }

  .product__item-row {
    position: relative;
    width: 100%;
  }

  .product__item-button {
    width: 100%;
  }

  .product__item-addcart {
    position: absolute;
    right: 0;
    top: 0;
    translate: 0 calc(-100% - 5px);
  }

  .product__item-favourites {
    top: 7px;
    right: 9px;
  }

  .product__item-btn-compare {
    top: 33px;
    right: 12px;
  }
}

@media (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 (max-width: 460px) {
  .header__right iframe {
    display: none
  }
}

@media (max-width: 452px) {
  .tabs__label {
    max-width: 48%;
    font-size: 13px
  }
}

@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 var(--active)
  }

  .promo-ny-small .promo-ny__left {
    zoom: .9
  }
}

@media (max-width: 425px) {
  .top_menu_mobile a.link {
    height: 21px;
    font-size: 0;
    width: 21px;
    display: block
  }

  .nav__mobile-item {
    margin: 0
  }

  .top_menu_mobile {
    align-items: center
  }

  .header__bottom .btn {
    margin-top: 10px
  }

  .product__item {
    padding: 10px 10px 20px
  }

  .product__technical-list dt {
    flex-shrink: 1
  }

  .product-page h1 {
    font-size: 26px
  }
}

@media (max-width: 408px) {
  .paginator__list {
    gap: 0
  }
}

@media (max-width: 400px) {
  .product__item {
    padding: 0;
    box-shadow: none
  }

  /*.product__item-favourites {
		top: 20px;
		right: 12px;
	}

	.product__item-btn-compare {
		top: 43px;
		right: 15px;
	}*/

  .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
  }

  .product-mobile .product__form-order {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .product-mobile .product__form-order input {
    min-height: 48px;
  }

  .product-mobile .product__form-order .btn {
    margin-top: 0;
    min-height: 48px;
  }

  .product__top-info .product__label {
    font-size: 12px;
  }
}

@media (max-width: 395px) {
  .header__contact.header__contact-3 {
    padding-top: 0
  }

  .marquiz__container_has_button:before {
    font-size: 24px
  }

  .search_section_items_list a.search_section_item {
    width: 100%
  }
}

@media (max-width: 383px) {
  .product__price-sect .count {
    flex-basis: 35%;
  }

  .product__button {
    min-width: 150px;
  }
}

@media (max-width: 375px) {
  .paginator__list {
    font-size: 12px
  }

  .stocks__list {
    grid-template-columns: 1fr
  }

  .promo-ny-small .promo-ny__left {
    zoom: .8
  }
}

@media (max-width: 360px) {
  .product-item-button-container .btn {
    padding: 10px
  }
}

@media (max-width: 350px) {
  .product__item {
    zoom: .9
  }

  .product__item-new-price {
    font-size: 18px
  }

  .promo-ny__left {
    zoom: .9;
  }
}

@media (max-width: 340px) {
  .promo-ny-small .promo-ny__left {
    zoom: .7
  }
}

@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: var(--active)
  }
}

@media (any-hover: hover) {
  .bx-filter-block .tab-content {
    margin-right: -15px;
    padding-right: 3px;
  }

  .call__item:hover {
    scale: 1.07
  }

  .call__item:hover {
    scale: 1.07
  }


  .calc__top-social :is(svg, img):hover {
    scale: 1.1;
  }

  .calc__prev:hover {
    background: color-mix(in srgb, black 10%, #a9bcde)
  }

  .calc__next:hover {
    background: color-mix(in srgb, black 10%, var(--active))
  }

}


.header,
body::before {
  z-index: 10005
}

.page-nav~* {
  padding-top: min(calc(40px + 20px), calc(40px + 20 * ((100vw - 375px) / 1545))) !important;
  padding-bottom: 0 !important;
  margin-block: 0 !important;
}

.page-nav~*:last-child {
  padding-bottom: min(calc(40px + 20px), calc(40px + 20 * ((100vw - 375px) / 1545))) !important;
}

.page-nav {
  position: sticky;
  left: 0;
  top: 117px;
  z-index: 10004;
  background: #fff;
  padding-block: 12px;
  margin-top: 40px;
}

@media (max-width: 1150px) {
  .page-nav {
    top: 72px;
  }
}

@media (max-width: 768px) {
  .page-nav {
    top: 72px;
  }
}

@media (max-width: 575px) {
  .page-nav {
    top: 53px;
  }
}

.page-nav__wrapper {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 8px;
}

.page-nav__wrapper::-webkit-scrollbar {
  height: 3px;
  border-radius: 3px;
}

.page-nav__wrapper::-webkit-scrollbar-track-piece {
  height: 3px;
  border-radius: 3px;
}

.page-nav__wrapper::-webkit-scrollbar-thumb {
  background: var(--active);
  border-radius: 3px;
}

.page-nav a {
  padding-block: min(calc(8px + 4px), calc(8px + 4 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));
  white-space: nowrap;
}



.page-nav a {
  background: none !important;
  border: 2px solid var(--active);
  color: var(--active) !important
}

@media (hover: none) {
  .page-nav a:hover {
    border: 2px solid var(--active);
    background: #fff;
    color: var(--active) !important
  }

  .page-nav a.active,
  .page-nav a.active:hover {
    border: 2px solid var(--active) !important;
    background: var(--active) !important;
    color: #fff !important
  }
}

.page-nav a.active {
  background: var(--active) !important;
  border: 2px solid var(--active) !important;
  color: #fff !important
}

[data-scrolling] {
  cursor: grab;
  user-select: none
}

[data-scrolling].is-dragging {
  cursor: grabbing
}


@supports (-moz-appearance: none) {
  .page-nav__wrapper {
    scrollbar-color: var(--active) #ccc;
    scrollbar-width: thin;
  }
}


.slider {
  position: relative;
}

.stage__slider .swiper-wrapper {
  display: grid;
  grid-auto-flow: column;
}

.stage__slider .swiper-slide {
  display: grid;
}

.stage__item {
  display: grid;
  grid-template-rows: auto 1fr;
  border: 1px solid #d8e0ef;
  border-radius: 5px;
  overflow: hidden;
}

.stage__item-img {
  width: 100%;
  border-radius: 5px;
  object-fit: cover;
  aspect-ratio: 277/256;
}

.stage__item-content {
  padding-block: min(calc(20px + 16px), calc(20px + 16 * ((100vw - 375px) / 1545)));
  padding-inline: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
}

.stage__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: min(calc(12px + 4px), calc(12px + 4 * ((100vw - 375px) / 1545)));
}

.stage__item-number {
  padding: 8px 12px;
  border-radius: 100px;
  background: #f0f5fe;
  font-family: RobotoBold;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  color: #8191aa;
}

.stage__item-time {
  display: flex;
  align-items: center;
  gap: 8px;

  font-family: RobotoBold;
  font-size: 14px;
  line-height: 1;
  color: #8191aa;
}

.stage__item-title {
  margin-bottom: 10px;
}

.stage__item-text {
  font-size: 14px;
  line-height: 1.6;
  color: #303030;
}

.stage__arrow {
  border: none;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.06)
}

.stage__prev {
  translate: -50% -50%;
}

.stage__next {
  translate: 50% -50%;
}

.stage__pagination {
  position: static;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .stage__pagination {
    display: none;
  }
}

@media (max-width: 767px) {
  .stage__navigation {
    display: none;
  }
}





.steps__wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  counter-reset: number;
}

.steps__item {
  display: grid;
  align-content: start;
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  grid-column: span 3;
  padding: min(calc(16px + 8px), calc(16px + 8 * ((100vw - 375px) / 1545)));

  border-radius: 5px;
  background: #f6f9fd;

  counter-increment: number;
}

.steps__item:hover .steps__item-icon :is(img, svg) {
  scale: 1.2
}

.steps__item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.steps__item-top::after {
  content: '0'counter(number);
  font-family: RobotoExtraBold;
  font-size: min(calc(28px + 12px), calc(28px + 12 * ((100vw - 375px) / 1545)));
  line-height: 1;
  color: #cad8ee;
}

.steps__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(48px + 12px), calc(48px + 12 * ((100vw - 375px) / 1545)));
  height: min(calc(48px + 12px), calc(48px + 12 * ((100vw - 375px) / 1545)));
  padding: 4px 0px;
  border-radius: 50%;
  background: rgba(0, 66, 173, 0.18);
}

.steps__item-icon :is(img, svg) {
  max-width: 50%;
  max-height: 50%;
  transition: all .3s
}

.title-3 {
  font-family: RobotoMedium;
  font-size: min(calc(18px + 2px), calc(18px + 2 * ((100vw - 375px) / 1545)));
  line-height: 1.2;
  color: #0042ad;
}

.steps__item-text {
  font-size: 14px;
  line-height: 1.6;
}

@media (min-width: 992px) {
  .steps__item:nth-child(6) {
    grid-column: span 6;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .steps__item {
    grid-column: span 4;
  }

  .steps__item:nth-child(2),
  .steps__item:nth-child(6) {
    grid-column: span 8;
  }

  .steps__item:nth-child(2),
  .steps__item:nth-child(6) {
    grid-column: span 8;
  }
}

@media (max-width: 767px) {
  .text-block img {
    order: 1;
  }

  .steps__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }

  .steps__item {
    grid-column: auto;
  }

  .steps__item:nth-child(3),
  .steps__item:nth-child(6),
  .steps__item:nth-child(7) {
    grid-column: 1/-1;
  }
}

/* @media (max-width: 575px) {
	.steps__wrapper {
		display: flex;
		overflow-x: auto;
		max-width: 100%;
		align-items: flex-start
	}

	.steps__wrapper::-webkit-scrollbar {
		height: 4px;
		border-radius: 4px;
	}

	.steps__wrapper::-webkit-scrollbar-track-piece {
		height: 4px;
		border-radius: 4px;
	}

	.steps__wrapper::-webkit-scrollbar-thumb {
		background: var(--active);
		border-radius: 4px;
	}

	.steps__item {
		flex: 0 0 min(85vw, 450px);
	}
}

@supports (-moz-appearance: none) {
	.steps__wrapper {
		scrollbar-color: var(--active) #ccc;
		scrollbar-width: thin;
	}
} */






table:not(.ui-datepicker-calendar, .pika-table) {
  margin: 0;
  padding: 0;
}

table:not(.ui-datepicker-calendar, .pika-table) thead th {
  padding: 16px 18px;
  background: #1a62d6;
  border: 1px solid #c6d4eb;
  color: #fff;
}

table:not(.ui-datepicker-calendar, .pika-table) tr {
  border-top: none;
}

table:not(.ui-datepicker-calendar, .pika-table) td {
  min-width: 130px;
  background: none;
  border: 1px solid #c6d4eb;

  font-size: min(calc(14px + 4px), calc(14px + 4 * ((100vw - 375px) / 1545)))
}

table:not(.ui-datepicker-calendar, .pika-table) td:first-child {
  min-width: 170px;
  color: #303030;
}







.design__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(calc(20px + 8px), calc(20px + 8 * ((100vw - 375px) / 1545)));
}


.design__text strong {
  color: #303030
}

.design__text ul {
  padding-top: 0;
}

.design__text ul li {
  margin-bottom: 4px;
}

.design__block {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: center;
  gap: min(calc(16px + 12px), calc(16px + 12 * ((100vw - 375px) / 1545)));
  padding: min(calc(16px + 14px), calc(16px + 14 * ((100vw - 375px) / 1545)));
  border: 1px solid #d8e0ef;
  border-radius: 5px;
}

.design__list {
  margin: 0;
  padding: 0 0 0 12px;
}

.design__list li {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.6;
  list-style-type: decimal;
}

.design__list li::marker {
  font: inherit;
  color: inherit
}

@media (max-width: 991px) {
  .design__wrapper {
    grid-template-columns: 100%;
  }

  .design__block {
    grid-template-columns: auto 1fr;
    justify-self: start;
  }
}

@media (max-width: 575px) {
  .design__block {
    grid-template-columns: 100%;
  }
}






.example__blocks {
  display: grid;
  grid-template-columns: 100%;
  gap: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 375px) / 1545)));
}

.example__block {
  display: grid;
  grid-template-columns: 100%;
  gap: min(calc(16px + 14px), calc(16px + 14 * ((100vw - 375px) / 1545)));
}

.example__block-title {
  font-family: RobotoBold;
  font-size: min(calc(16px + 2px), calc(16px + 2 * ((100vw - 375px) / 1545)));
  color: #0042ad;
}

.example__arrow,
.example-video__arrow {
  margin-top: 0;
  border: none;
}

.example__next,
.example-video__next {
  translate: 50% -50%;
}

.example__prev,
.example-video__prev {
  translate: -50% -50%;
}

.example video {
  width: 100%;
  height: auto;
}

.example .swiper-pagination {
  position: static;
}

.work__item-img {
  position: relative;
  height: 265px;
}

.work__item-img iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .example .swiper-pagination {
    display: none;
  }
}

@media (max-width: 767px) {
  .example__navigation {
    display: none;
  }
}






.uslugi__wrapper {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
}

.uslugi__item {
  position: relative;
  display: grid;
  align-items: end;
  padding: min(calc(12px + 8px), calc(12px + 8 * ((100vw - 375px) / 1545)));
  min-height: min(calc(200px + 80px), calc(200px + 80 * ((100vw - 375px) / 1545)));
  border-radius: 5px;
  overflow: hidden;
}

.uslugi__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(180deg, rgba(26, 98, 214, 0.06) 0%, rgba(26, 98, 214, 0.24) 65.49%, rgba(26, 98, 214, 0.7) 100%),
    linear-gradient(180deg, rgba(26, 98, 214, 0.06) 0%, rgba(26, 98, 214, 0.24) 65.49%, rgba(26, 98, 214, 0.7) 100%);
  pointer-events: none;
}

.uslugi__item-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.uslugi__item::after {
  content: '';
  position: absolute;
  right: 12px;
  top: 12px;
  width: min(calc(32px + 18px), calc(32px + 18 * ((100vw - 375px) / 1545)));
  height: min(calc(32px + 18px), calc(32px + 18 * ((100vw - 375px) / 1545)));
  z-index: 2;
  border-radius: 50%;
  background: #fff url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' fill='white' /%3E%3Cpath d='M33.7128 15H18.5988C17.8878 15 17.3097 15.5782 17.3097 16.2891C17.3097 17.0001 17.8878 17.5783 18.5988 17.5783H30.5955L15.3799 32.7977C14.876 33.3017 14.876 34.1181 15.3799 34.6221C15.8838 35.126 16.7003 35.126 17.2042 34.6221L32.4198 19.4026V31.3992C32.4198 32.1102 32.998 32.6884 33.7089 32.6884C34.4199 32.6884 34.998 32.1102 34.998 31.3992V16.2891C35.002 15.5782 34.4238 15 33.7128 15Z' fill='%231A62D6' /%3E%3C/svg%3E") center / contain no-repeat;
}

.uslugi__item-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .4s;
}

.uslugi__item-content {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  gap: 10px;
}

.uslugi__item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(28px + 6px), calc(28px + 6 * ((100vw - 375px) / 1545)));
  height: min(calc(28px + 6px), calc(28px + 6 * ((100vw - 375px) / 1545)));

  border-radius: 50%;
  background: #fff;
}

.uslugi__item-icon :is(svg, img) {
  max-width: 50%;
  max-height: 50%;
}

.uslugi__item-title {
  font-weight: RobotoMedium;
  font-size: min(calc(18px + 8px), calc(18px + 8 * ((100vw - 375px) / 1545)));
  line-height: 1.2;
  color: #fff;
}

.uslugi__item:hover .uslugi__item-img {
  scale: 1.02
}


@media (min-width: 992px) {
  .uslugi__item {
    grid-column: span 2;
  }

  .uslugi__item:nth-child(3),
  .uslugi__item:nth-child(4),
  .uslugi__item:nth-child(5),
  .uslugi__item:nth-child(6) {
    grid-column: span 4;
  }

}

@media (max-width: 991px) {
  .uslugi__wrapper {
    grid-template-columns: repeat(auto-fit, minmax(max(31%, 230px), 1fr));
  }

  .uslugi__item-title {
    hyphens: auto;
  }
}







.geography__wrapper {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: min(calc(20px + 20px), calc(20px + 20 * ((100vw - 375px) / 1545)));
}

.geography__map {
  height: min(calc(360px + 60px), calc(360px + 60 * ((100vw - 375px) / 1545)));
  border: 1px solid #c6d4eb;
  border-radius: 5px;
}

.geography__map svg {
  width: 100%;
  height: 100%;
}

.geography__region path {
  transition: all .3s;
}

.geography__region:hover path {
  fill: #88ace6;
}

.geography__region.active path {
  fill: #88ace6;
}

.geography__pin {
  pointer-events: none;
}

.geography__pin image {
  scale: .6;
}

.map-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  padding: 8px 16px;

  border-radius: 20px;
  box-shadow: 0 10px 10px 0 rgba(26, 98, 214, 0.1);
  background: #fff;

  font-family: RobotoMedium;
  font-size: 14px;
  line-height: 1.6;
  color: #0042ad;

  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s, visibility .2s;
}

.map-tooltip.right-side::after {
  left: auto;
  right: 20px;
}

.map-tooltip.right-side {
  text-align: right;
}

@media (max-width: 575px) {
  .map-tooltip {
    translate: 0 10px;
  }
}

.map-tooltip::after {
  content: '';
  position: absolute;
  left: 20px;
  bottom: 0;

  width: 13px;
  height: 13px;
  translate: 0 49%;

  background: #fff;
  rotate: -45deg;
}

.map-tooltip.show {
  opacity: 1;
  visibility: visible;
}


.geography__content {
  display: grid;
  grid-template-columns: 100%;
  align-items: start;
  gap: min(calc(20px + 32px), calc(20px + 32 * ((100vw - 375px) / 1545)));
}

.geography__list {
  columns: 3 140px;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.geography__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-family: RobotoMedium;
  font-size: min(calc(14px + 2px), calc(14px + 2 * ((100vw - 375px) / 1545)));
  line-height: 1.1;
  color: #0042ad;
  break-inside: avoid;
}

.geography__list li::before {
  content: '';

  flex-shrink: 0;
  width: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 375px) / 1545)));
  height: min(calc(20px + 4px), calc(20px + 4 * ((100vw - 375px) / 1545)));

  background: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.75 8.40222C0.764407 4.16163 4.21376 0.735638 8.45435 0.750045C12.6949 0.764453 16.1209 4.21381 16.1065 8.45439V8.54135C16.0543 11.2979 14.5152 13.8457 12.6283 15.837C11.5491 16.9576 10.344 17.9497 9.03696 18.7935C8.68746 19.0958 8.16906 19.0958 7.81957 18.7935C5.87107 17.5253 4.16093 15.924 2.76739 14.0631C1.52535 12.4403 0.820165 10.4707 0.75 8.42831L0.75 8.40222Z' stroke='%231A62D6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle opacity='0.4' cx='8.42864' cy='8.54974' r='2.46087' stroke='%231A62D6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") center / max(18px, 80%) no-repeat
}

.geography__button {
  place-self: end;
}

@media (max-width: 767px) {
  .geography__wrapper {
    grid-template-columns: 100%;
  }

  .geography__button {
    justify-self: start;
  }
}

@media (max-width: 575px) {
  .geography__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 8px;
  }

  .geography__list li {
    gap: 6px;
  }
}
/* End */


/* Start:/local/templates/stroekos/css/custom_new.css?178137287011575*/
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 16px;
    z-index: 9999;
}
.skip-link:focus {
    top: 0;
}
.hidden {
    display: none;
}
.tab__content.slider {
    position: relative;
}
.article-page__main .tab {
    padding: 0;
}
.article-page__main .tab h2 {
    margin: 0;
}
.article-page__main .product__technical-list {
    font-size: 12px;
}
.montazh-page .tab {
    padding: 20px 0;
}
.serv-slider .tab {
    /*padding: 20px 0;*/
}
.calc__top-right {
    flex-shrink: 0;
}
.service-text .swiper-pagination {
    margin-top: 15px;
}
.calc__top:has(.small_title) {
    flex-wrap: nowrap;
}

.calc__top-left:has(.small_title) {
    font-size: min(calc(17px + 12px), calc(17px + 12 * ((100vw - 375px) / 1545)));
}
.tab:has(h1) h1 {
    font-size: 40px;
}
.marquiz__container_inline {
    margin: 60px auto 0  !important;
}
a.calc_link {
    display: flex;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #1a62d6;
    border-radius: 15px;
    padding: 10px 20px;
    justify-content: center;
    align-items: center;
    line-height: 1;
    color: #1a62d6;
    margin-bottom: 20px;
    transition: .2s;
}

a.calc_link:hover {
    background: #1a62d6;
    color: #fff;
}

.calc__submit-wrapper {
    position: relative;
}

.calc__body {
    overflow: visible;
}

.calc__error-message {
    position: absolute;
    top: 50%;
    right: 100%;
    translate: 0 -50%;
    z-index: 10;
    padding: 10px;
    min-width: fit-content;
    white-space: nowrap;
    max-width: 240px;
    transition: all .3s;
    cursor: default;
    box-shadow: 0 8px 18px 0 rgba(26, 98, 214, 0.06), 0 8px 18px 0 rgba(26, 98, 214, 0.06);
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    line-height: 1.2;
    color: #7e8ca4;
}

@media (min-width: 992px) and (max-width: 1150px) {
    .calc__error-message {
        min-width: auto;
        white-space: normal;
        max-width: 150px;
    }
}

@media (max-width: 370px) {
    .calc__error-message {
        max-width: 100%;
        top: 100%;
        right: 0px;
        translate: 0 10px;
    }
}

.calc__form-item-count.error input,
.calc__input.error {
    background: #ffd7df;
    animation-name: blink;
    animation-duration: 2s;
}

@keyframes blink {
    0% {
        background: #ffd7df;
    }

    25% {
        background: #fff;
    }

    50% {
        background: #ffd7df;
    }

    75% {
        background: #fff;
    }

    100% {
        background: #ffd7df;
    }
}

.calc__bottom-right {
    flex-wrap: nowrap;
}

.calc__price-title {
    white-space: nowrap;
}

.btn-search {
    border-radius: 50%;
    padding: 0;
    width: 24px;
    height: 24px;
    padding: 5px;
    cursor: pointer;
    top: -2px;
    position: relative;
    transition: .2s;
}

.btn-search svg {
    width: 15px;
    height: 15px;
}

.btn-dzen svg {
    width: 24px;
    height: 24px;
}

.btn-search:hover {
    background-color: #ffffff57;
}

.product-item-button-container {
    text-align: center;
}

a.callbackkiller.cbk-phone.cbk-phone-mobile-xs.envy-not-scalling.callbackkiller-mobile {
    bottom: 30px !important;
    right: 26px !important;
    left: unset !important;
}


.slider-range.ui-slider-horizontal {
    z-index: 100;
    background: transparent;
}

.title-search-result {
    z-index: 3;
}

.blog__swiper.swiper,
.work__swiper.swiper {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

.brand-wrapper-catalog .brand__item {
    align-content: space-between;
    max-height: 90px;
}

.brand__item span {
    font-size: 13px;
}

.brand__item-logo {
    max-height: 40px;
}

.basket__recomm .product__item-link {
    margin: 0;
}

.basket__recomm .product__item>a {
    gap: 10px;
}

.basket__recomm .product__item-bottom--flex {
    flex-direction: row;
    align-items: baseline;
}

.basket__recomm .product__item--flex .product__item-link {
    font-size: 18px;
    text-align: left;
}

.basket__recomm {
    padding: 0 0 60px;
}

.bx-system-auth-form .payment-input {
    margin: 10px 0;
}

.product-mobile .product-mobile__form {
    position: relative;
}

.answer:not(:empty) {
    z-index: 5;
}

.product-info__item {
    all: revert;
}

.product-info__item:not(.product__row-link) {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding: 6px 12px;
    box-shadow: 0 8px 24px 0 rgba(26, 98, 214, .06);
    background: #fff;
    border: 0;
    cursor: pointer;
    transition: all .3s;
}

.product-info__item:hover {
    background: revert;
}

.product-info__item:not(.product__row-link):hover {
    background: #e8fcff;
}

.product__row-link {
    font-size: 14px;
    text-decoration-color: currentColor;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-align: center;
    color: #737d7f;
    transition: all .3s;
}

.product__row-link:after {
    all: unset;
}

.product__row-link:hover {
    text-decoration-color: transparent;
}

.product__row-link .product-info__item-title {
    all: revert;
}

.product__row-link-active {
    color: #0042ad;
}

.bx-filter .bx-ui-slider-track {
    z-index: 9;
}

.card__slider .product__item {
    grid-template-rows: auto 50px 0fr 0fr 50px;
}

.dropdown-catalog ul li ul .dropdown:hover .dropdown-menu {
    box-shadow: 0 4px 24px 0 rgba(26, 98, 214, .32) !important;
}

.paginator__arrow--disabled {
    color: #b6b6b6;
}

.paginator__arrow--disabled svg path {
    stroke: #b6b6b6;
}

.work .z_h2 {
    margin-bottom: 0;
}

.feedback__form.feedback__form--grid .checkbox input {
    margin-right: 5px;
}

.reviews-text__item-img {
    max-width: 150px;
}

.dropdown-catalog ul li ul .dropdown.dropdown-custom .dropdown-menu {
    top: calc(100% - 10px) !important;
    left: 35% !important;
}

.slider.action__slider,
.action .brand {
    margin-bottom: 40px;
}

/*.slider-range.ui-widget.ui-widget-content {
    margin: 0 13px;
}

.bx-filter.bx-green .bx-ui-slider-handle.right {
    background: transparent;
}

.bx-filter.bx-green .bx-ui-slider-handle.left {
    background: transparent;
}*/
.js-gallery-slider a.gallery__item img {
    height: 297px;
    width: auto;
    aspect-ratio: auto;
}

.js-gallery-slider .swiper-slide {
    padding: 0;
    height: 297px;
    box-sizing: border-box;
    width: fit-content;
}

.bx-filter .bx-filter-popup-result a {
    background: #0042ad;
    font-size: 12px;
    padding: 5px 3px;
    border-radius: 3px;
}

.bx-filter .bx-filter-popup-result a:hover {
    background: #dae7fd;
    color: #0042ad;
}

.bx-filter-block .tab-content {
    scrollbar-color: #0042ad #dae7fd;
}

.bx-filter .bx-filter-popup-result {
    font-size: 12px;
}

span#modef_num {
    font-weight: 600;
    font-size: 14px;
    color: #0042ad;
}

/* Убрал отступ в карточках товара */
/*.product__item-img,
.product__item-link,
.product__technical-list {
    margin-bottom: 0;
}*/

.card__slider .product__item {
    grid-template-rows: auto 50px 0fr 0fr 50px 20px;
}

.card__slider .swiper-wrapper {
    padding-bottom: 20px;
}

.grecaptcha-badge {
    display: none;
    visibility: hidden;
    width: 0 !important;
}

.article-page__main {
    min-width: 0;
}

/*section.article-page__main {
    max-width: 848px;
}

@media (max-width: 1200px) {
    section.article-page__main {
    max-width: 800px;
}
}
@media (max-width: 991px) {
    section.article-page__main {
    max-width: 680px;
}
}
@media (max-width: 900px) {
    section.article-page__main {
    max-width: 610px;
}
}

@media (max-width: 800px) {
    section.article-page__main {
    max-width: 535px;
}
}
@media (max-width: 768px) {
    section.article-page__main {
    max-width: 710px;
}
}*/

@media (max-width: 1300px) {
    .btn-to-top {
        bottom: 96px;
    }

    .btn-dzen .nav__mobile-item {
        margin: 0;
        font-size: 14px;
        color: #1a62d6;
    }

    .btn-dzen {
        display: flex;
        align-items: center;
        gap: 10px;
        position: relative;
        top: -2px;
    }
}

@media (max-width: 1150px) {

    .header__bottom .container {
        padding-bottom: 40px;
    }

    .messengers {
        order: 3;
        margin-top: 20px;
    }

    .btn-dzen {
        order: 4;
        margin-top: 10px;
    }

    .nav__mobile-item:nth-child(10) {
        order: 1;
    }

    .nav__mobile-item:nth-child(11) {
        order: 2;
    }
}

@media (max-width: 768px) {
    .catalog__filters-bottom {
        margin-left: 0;
        margin-right: 0;
    }

    .catalog__filters-bottom {
        padding-bottom: 0px !important;
    }

    .septik__btn {
        margin-top: 0px;
    }

    .marquiz__container_inline {
        align-items: center;
    }

    .marquiz__container_has_button:before {
        color: #ffffff;
    }

    .subfeedback {
        margin: 0 0 20px;
    }

    .product__price-sect+.product__label {
        display: none;
    }

    /*.product__price-sect {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 0;
}*/
    .product__price-sect .product__item-price {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .product__price-sect .count.quantity_inner {
        grid-row: 2 / 3;
    }

    .btn.pay {
        grid-row: 2 / 3;
        justify-self: flex-end;
        width: 100%;
    }

    .product__price-sect .product__item-new-price {
        text-align: left;
    }

    .product__price-sect .product__item-price .product-info__item {
        text-align: left;
    }

    .product__price-sect .product-info__item.product__row-link.product__row-link-active._dynamic_adapt_ {
        text-align: right;
    }
}

@media (max-width: 767px) {
    .product__item-price {
        order: 0;
    }
}

@media (max-width: 576px) {
    .article-page__main .product__item.swiper-slide > a {
        width: 100%;
    }
    .bx-touch .bx-filter .bx-filter-popup-result {
        background: rgba(255, 255, 255, 1);
        position: absolute !important;
        right: 0vw !important;
        left: unset !important;
        bottom: unset !important;
        top: unset !important;
    }

    .bx-filter .bx-filter-popup-result a {
        min-height: auto;
        padding: 10px 15px;
    }

    .card__slider .product__item {
        box-shadow: unset;
    }

    .product__item-link {
        margin-bottom: 0;
    }

    .breadcrumbs {
        row-gap: 10px;
    }
}

@media (max-width: 575px) {
    .card__slider .product__technical-list {
        font-size: calc(10px + 3 * (100vw - 320px) / 255);
        padding: 0 5px;
    }

    .product__item-new-price {
        text-align: center;
    }

    .product__label {
        padding: 15px 20px;
        font-size: 16px;
        margin-bottom: 0;
    }

    .product__top-info {
        row-gap: 10px;
    }

    .btn.pay {
        padding: 10px;
    }

    .tabs__content .product__technical-list div {
        flex-direction: column;
    }

    .product__technical-list dt {
        font-weight: bold;
    }

    .product__technical-list dd {
        text-align: left;
    }
}

@media (max-width: 500px) {
    .product__item-favourites {
        right: 8vw;
    }
}

@media (max-width: 460px) {
    .breadcrumbs {
        padding: 10px 0 10px;
    }
}

@media (max-width: 433px) {
    .product-info__item-title {
        font-size: 14px;
    }
}

.favourites .table__container {
    padding: 0;
}

.step-list .btn-prev,
.step-list .btn-prev-prev {
    cursor: pointer;
}


@media (max-width: 400px) {
    .product__item-favourites {
        top: 8vw;
    }
}

/* End */


/* Start:/local/templates/stroekos/components/bitrix/menu/top_menu/style.css?1776677820491*/
.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?17580300481265*/
.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.min.css?17580300474011*/
.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}@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-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:0}.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.min.css?17580300474011*/
.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}@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-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:0}.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.min.css?1776677820424*/
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.min.css?1776677820442*/
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?1758030047621*/
.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;
  }
}
section.category {
    margin-bottom: 40px;
}
/* End */
/* /local/templates/stroekos/css/style.min.css?1781517718446487 */
/* /local/templates/stroekos/css/custom_new.css?178137287011575 */
/* /local/templates/stroekos/components/bitrix/menu/top_menu/style.css?1776677820491 */
/* /local/templates/stroekos/components/bitrix/catalog.compare.list/compare_count/style.css?17580300481265 */
/* /local/templates/stroekos/components/bitrix/sale.basket.basket.line/.default/style.min.css?17580300474011 */
/* /local/templates/stroekos/components/bitrix/sale.basket.basket.line/mobile/style.min.css?17580300474011 */
/* /local/templates/stroekos/components/bitrix/system.auth.form/.default/style.min.css?1776677820424 */
/* /local/templates/stroekos/components/bitrix/main.register/.default/style.min.css?1776677820442 */
/* /local/templates/stroekos/template_styles.css?1758030047621 */