/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 400;
  src: url(/fonts/helveticaneuecyr-roman.eot?c31f99ef2f5dea7fc1f24fe8ad999c57);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-roman.eot?c31f99ef2f5dea7fc1f24fe8ad999c57?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-roman.woff2?332f7b61de7dafafa93026c92f9cf470) format("woff2"), url(/fonts/helveticaneuecyr-roman.woff?3ac5bdd94a21527b98c95aed603af453) format("woff"), url(/fonts/helveticaneuecyr-roman.ttf?46051620152d9830d3f1fafd91b60b82) format("truetype"), url(/fonts/helveticaneuecyr-roman.svg?ab17403916fd69e1b5a1c9b37edfd58c#helveticaneuecyr-roman) format("svg");
  /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 500;
  src: url(/fonts/helveticaneuecyr-medium.eot?22e00c05b586f8eb27efe960c877ab4d);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-medium.eot?22e00c05b586f8eb27efe960c877ab4d?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-medium.woff2?1c9f2532e4aed8e844d9d7fa835ed080) format("woff2"), url(/fonts/helveticaneuecyr-medium.woff?5be0940f352bbdaedbd85ee177da007c) format("woff"), url(/fonts/helveticaneuecyr-medium.ttf?e7b6c004d2e5e75830e4b2e7e103e3f2) format("truetype"), url(/fonts/helveticaneuecyr-medium.svg?bd7c157479b818526562e5c53a8635da#helveticaneuecyr-medium) format("svg");
  /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 500;
  font-style: italic;
  src: url(/fonts/helveticaneuecyr-mediumitalic.eot?48ed01fcce64c4cf2d066cc7d19d49ae);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-mediumitalic.eot?48ed01fcce64c4cf2d066cc7d19d49ae?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-mediumitalic.woff2?1f2249c36f4b874cc7033133a3e47ea0) format("woff2"), url(/fonts/helveticaneuecyr-mediumitalic.woff?193aa01319c1ac8379066100cea345e8) format("woff"), url(/fonts/helveticaneuecyr-mediumitalic.ttf?58420d0c1ca6972627da38d904da6c2b) format("truetype"), url(/fonts/helveticaneuecyr-mediumitalic.svg?d9ae58e57c7643a3ae0f7c037328c3ad#helveticaneuecyr-mediumitalic) format("svg");
  /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 700;
  src: url(/fonts/helveticaneuecyr-bold.eot?351122234d74974d8508627f3557da83);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-bold.eot?351122234d74974d8508627f3557da83?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-bold.woff2?79ef8f317065f617f8b1016874e759cb) format("woff2"), url(/fonts/helveticaneuecyr-bold.woff?28abdb68e411f14423b07c3b2bc53a50) format("woff"), url(/fonts/helveticaneuecyr-bold.ttf?969916e0b93742c484ae95d24f5ef836) format("truetype"), url(/fonts/helveticaneuecyr-bold.svg?9efcba2a8feb5633fdd1c9d7cbc606a2#helveticaneuecyr-bold) format("svg");
  /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 700;
  font-style: italic;
  src: url(/fonts/helveticaneuecyr-bolditalic.eot?12e494bce87a4f59ab549c2727d387a4);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-bolditalic.eot?12e494bce87a4f59ab549c2727d387a4?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-bolditalic.woff2?b1dc4597d455bfa0050e0b43db52ee20) format("woff2"), url(/fonts/helveticaneuecyr-bolditalic.woff?0146cfef9bd0ea61be6a9e8526b93af0) format("woff"), url(/fonts/helveticaneuecyr-bolditalic.ttf?4e0574ae41570590fbe81e5a08a1d324) format("truetype"), url(/fonts/helveticaneuecyr-bolditalic.svg?22dc0004662420e335c8597c6a2e1403#helveticaneuecyr-bolditalic) format("svg");
  /* Chrome < 4, Legacy iOS */
}
@font-face {
  font-family: "HelveticaNeueCyr";
  font-weight: 400;
  font-style: italic;
  src: url(/fonts/helveticaneuecyr-italic.eot?a296fb293ec8ed29c04e4bac79461a10);
  /* IE 9 Compatibility Mode */
  src: url(/fonts/helveticaneuecyr-italic.eot?a296fb293ec8ed29c04e4bac79461a10?#iefix) format("embedded-opentype"), url(/fonts/helveticaneuecyr-italic.woff2?fc5aadffd048320eb8cce62489619c7c) format("woff2"), url(/fonts/helveticaneuecyr-italic.woff?03a9b9a7b82cbf7fda698fbfa001ee48) format("woff"), url(/fonts/helveticaneuecyr-italic.ttf?39bd8b0082dc98d4c07c67ae1e6ca980) format("truetype"), url(/fonts/helveticaneuecyr-italic.svg?a46a2dc0906d0ee504fe1fe5a615dd19#helveticaneuecyr-italic) format("svg");
  /* Chrome < 4, Legacy iOS */
}
* {
  box-sizing: border-box;
}

::before, ::after {
  box-sizing: border-box;
}

.container {
  max-width: 1350px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (max-width: 1280px) {
  .container {
    max-width: 100%;
  }
}
@media (min-width: 1281px) and (max-width: 1366px) {
  .container {
    width: 1240px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .container {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .container {
    width: 100%;
  }
}

.container-small {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 753px;
  max-width: 100%;
}

html, body {
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100vw;
  max-width: 100%;
  background-color: #fff;
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 14px;
  color: #2B2B2F;
}
body .wrap {
  flex: 1 0 auto;
}
body .competition-wrap {
  padding-top: 140px;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  body .competition-wrap {
    padding-top: 115px;
  }
}
@media only screen and (max-width: 1024px) {
  body .competition-wrap {
    padding-top: 78px;
  }
}
body #app {
  display: flex;
  flex-direction: column;
  height: 100%;
}

ul:not([class]), ol:not([class]) {
  list-style-position: outside;
  margin-bottom: 25px;
  font-size: 16px;
}
ul:not([class]) li:not([class]), ol:not([class]) li:not([class]) {
  margin-bottom: 10px;
  margin-left: 15px;
  font-size: 16px;
  line-height: 1.2;
  color: #2B2B2F;
}
@media only screen and (max-width: 640px) {
  ul:not([class]) li:not([class]), ol:not([class]) li:not([class]) {
    font-size: 14px;
  }
}

a {
  text-decoration: underline;
  color: #00A94E;
}
a:hover {
  text-decoration: none;
  color: #2B2B2F;
}
a img {
  border: none;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 100%;
  font-weight: normal;
  color: #2B2B2F;
}

h1, .h1 {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 36px;
}

@media only screen and (max-width: 798px) {
  h1, .h1 {
    margin-bottom: 30px;
    font-size: 36px;
  }
}
h2, .h2 {
  margin-bottom: 38px;
  font-weight: 400;
  font-size: 34px;
}

@media only screen and (max-width: 798px) {
  h2, .h2 {
    margin-bottom: 28px;
    font-size: 30px;
  }
}
h3, .h3 {
  margin-bottom: 36px;
  font-weight: 400;
  font-size: 32px;
}

@media only screen and (max-width: 798px) {
  h3, .h3 {
    margin-bottom: 25px;
    font-size: 24px;
  }
}
h4, .h4 {
  margin-bottom: 34px;
  font-weight: 400;
  font-size: 28px;
}

@media only screen and (max-width: 798px) {
  h4, .h4 {
    margin-bottom: 22px;
    font-size: 20px;
  }
}
h5, .h5 {
  margin-bottom: 32px;
  font-weight: 400;
  font-size: 26px;
}

@media only screen and (max-width: 798px) {
  h5, .h5 {
    font-size: 18px;
  }
}
h6, .h6 {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 24px;
}

@media only screen and (max-width: 798px) {
  h6, .h6 {
    font-size: 16px;
  }
}
p {
  margin-bottom: 25px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
}
@media only screen and (max-width: 640px) {
  p {
    font-size: 14px;
  }
}

table {
  width: 100%;
  margin-bottom: 40px;
  font-family: "HelveticaNeueCyr", sans-serif;
}
table th, table td {
  padding: 15px 10px;
  border: 1px solid #d6d6d6;
  font-size: 14px;
  color: #3c3c3c;
}
@media only screen and (max-width: 412px) {
  table th, table td {
    padding: 5px;
  }
}
table th {
  border-bottom-width: 3px;
  font-weight: 400;
}

input[type=submit] {
  font-family: "HelveticaNeueCyr", sans-serif;
  outline: none;
  cursor: pointer;
  line-height: 1.3;
  -webkit-appearance: none;
  -moz-appearance: none;
}

textarea, input, select {
  font-family: "HelveticaNeueCyr", sans-serif;
}

.content {
  padding-top: 40px;
  padding-bottom: 114px;
  /* padding-top: 220px;
  padding-bottom: 60px;
  @include point(def-down){
      padding-top: 100px;
  }*/
}

.text-page:before, .text-page:after {
  content: "";
  display: table;
}
.text-page:after {
  clear: both;
}
.text-page img {
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .text-page img {
    float: none !important;
    display: block;
    margin: 0 auto 30px !important;
  }
}
.text-page ul, .text-page ol {
  overflow: hidden;
  font-size: 16px;
}
.text-page ul li, .text-page ol li {
  position: relative;
  left: 15px;
  padding-right: 15px;
  font-size: 16px;
}
@media only screen and (max-width: 640px) {
  .text-page ul li, .text-page ol li {
    font-size: 14px;
  }
}
.text-page table img {
  float: none;
  max-width: inherit;
  margin: 0;
}

.def-down-show {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .def-down-show {
    display: block;
  }
}

.def-down-hide {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .def-down-hide {
    display: none;
  }
}

[v-cloak] {
  display: none;
}

.__panel {
  scrollbar-width: none !important;
  /* Firefox 64 */
}

._f {
  display: flex;
}

._f-column {
  display: flex;
  flex-direction: column;
}

._f-wrap {
  flex-wrap: wrap;
}

._f-grow {
  flex-grow: 1;
}

._i-start {
  align-items: flex-start;
}

._i-center {
  align-items: center;
}

._i-end {
  align-items: flex-end;
}

._i-base {
  align-items: baseline;
}

._j-around {
  justify-content: space-around;
}

._j-between {
  justify-content: space-between;
}

._j-start {
  justify-content: flex-start;
}

._j-center {
  justify-content: center;
}

._j-end {
  justify-content: flex-end;
}

._no-shrink {
  flex-shrink: 0;
}

._no-grow {
  flex-grow: 0;
}

._order-plus {
  order: 1;
}

._max-w50 {
  max-width: 50%;
}

._va-m {
  vertical-align: middle;
}

._ellipsis {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._text-upp {
  text-transform: uppercase;
}

._text-c {
  text-align: center;
}

._text-l {
  text-align: left;
}

._text-r {
  text-align: right;
}

._tdn {
  text-decoration: none;
}

._td-line {
  text-decoration: underline;
}

._text-nowrap {
  white-space: nowrap;
}

._fw-n {
  font-weight: 400;
}

._fw-m {
  font-weight: 500;
}

._fw-b {
  font-weight: 700;
}

._fz-0 {
  font-size: 0;
}

._fz-10 {
  font-size: 10px;
}

._fz-11 {
  font-size: 11px;
}

._fz-12 {
  font-size: 12px;
}

._fz-14 {
  font-size: 14px;
}

._fz-16 {
  font-size: 16px;
}

._fz-18 {
  font-size: 18px;
}

._fz-20 {
  font-size: 20px;
}

._fz-22 {
  font-size: 22px;
}

._fz-24 {
  font-size: 24px;
}

._fz-30 {
  font-size: 30px;
}

._line-h-1 {
  line-height: 1;
}

._line-h-120 {
  line-height: 1.2;
}

._line-h-130 {
  line-height: 1.3;
}

._line-h-140 {
  line-height: 1.4;
}

._line-h-150 {
  line-height: 1.5;
}

._fs-i {
  font-style: italic;
}

._col-dark {
  color: #2B2B2F;
}

._col-green {
  color: #00A94E;
}

._col-gray {
  color: #7E8085;
}

._col-orange {
  color: #FF6B00;
}

._pos-fix {
  position: fixed;
}

._pos-abs {
  position: absolute;
}

._pos-rel {
  position: relative;
}

._pos-left {
  left: 0;
}

._pos-bottom {
  bottom: 0;
}

._pos-top {
  top: 0;
}

._pos-right {
  right: 0;
}

._b {
  border: 1px solid;
}

._b-b {
  border-bottom: 1px solid;
}

._b-t {
  border-top: 1px solid;
}

._b-l {
  border-left: 1px solid;
}

._b-r {
  border-right: 1px solid;
}

._br-circle {
  border-radius: 50%;
}

._b-b-none {
  border-bottom: none;
}

._mtb-auto {
  margin-top: auto;
  margin-bottom: auto;
}

._mlr-auto {
  margin-left: auto;
  margin-right: auto;
}

._ml-auto {
  margin-left: auto;
}

._mr-auto {
  margin-right: auto;
}

._m-none {
  margin: 0;
}

._mt--1 {
  margin-top: -1px;
}

._mt-5 {
  margin-top: 5px;
}

._mb-0 {
  margin-bottom: 0;
}

._mb-5 {
  margin-bottom: 5px;
}

._mb-10 {
  margin-bottom: 10px;
}

._mb-15 {
  margin-bottom: 15px;
}

._mb-20 {
  margin-bottom: 20px;
}

._mb-25 {
  margin-bottom: 25px;
}

._mb-30 {
  margin-bottom: 30px;
}

._mb-40 {
  margin-bottom: 40px;
}

._mt-10 {
  margin-top: 10px;
}

._mt-15 {
  margin-top: 15px;
}

._mt-20 {
  margin-top: 20px;
}

._mt-25 {
  margin-top: 25px;
}

._mt-30 {
  margin-top: 30px;
}

._mt-40 {
  margin-top: 40px;
}

._mt-45 {
  margin-top: 40px;
}

._mt-auto {
  margin-top: auto;
}

._ml-2 {
  margin-left: 2px;
}

._ml-5 {
  margin-left: 5px;
}

._ml-10 {
  margin-left: 10px;
}

._ml-15 {
  margin-left: 15px;
}

._ml-20 {
  margin-left: 20px;
}

._ml-25 {
  margin-left: 25px;
}

._ml-30 {
  margin-left: 30px;
}

._mr-5 {
  margin-right: 5px;
}

._mr-7 {
  margin-right: 7px;
}

._mr-10 {
  margin-right: 10px;
}

._mr-15 {
  margin-right: 15px;
}

._mr-20 {
  margin-right: 20px;
}

._mr-25 {
  margin-right: 25px;
}

._mr-30 {
  margin-right: 30px;
}

._mr-40 {
  margin-right: 40px;
}

._mt-0 {
  margin-top: 0;
}

._p-10 {
  padding: 10px;
}

._p-15 {
  padding: 15px;
}

._p-20 {
  padding: 20px;
}

._p-25 {
  padding: 25px;
}

._p-30 {
  padding: 30px;
}

._pb-5 {
  padding-bottom: 5px;
}

._pb-10 {
  padding-bottom: 10px;
}

._pb-15 {
  padding-bottom: 15px;
}

._pb-20 {
  padding-bottom: 20px;
}

._pb-25 {
  padding-bottom: 25px;
}

._pb-30 {
  padding-bottom: 30px;
}

._pt-5 {
  padding-top: 5px;
}

._pt-10 {
  padding-top: 10px;
}

._pt-15 {
  padding-top: 15px;
}

._pt-20 {
  padding-top: 20px;
}

._pt-25 {
  padding-top: 25px;
}

._pt-30 {
  padding-top: 30px;
}

._pt-35 {
  padding-top: 35px;
}

._pl-5 {
  padding-left: 5px;
}

._pl-10 {
  padding-left: 10px;
}

._pl-15 {
  padding-left: 15px;
}

._pl-20 {
  padding-left: 20px;
}

._pl-25 {
  padding-left: 25px;
}

._pl-30 {
  padding-left: 30px;
}

._pl-40 {
  padding-left: 40px;
}

._pr-5 {
  padding-right: 5px;
}

._pr-10 {
  padding-right: 10px;
}

._pr-15 {
  padding-right: 15px;
}

._pr-20 {
  padding-right: 20px;
}

._pr-25 {
  padding-right: 25px;
}

._pr-30 {
  padding-right: 30px;
}

._pl-0 {
  padding-left: 0;
}

._pr-0 {
  padding-right: 0;
}

._pt-0 {
  padding-top: 0;
}

._pb-0 {
  padding-bottom: 0;
}

._img-c {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

.object-fit {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.object-fit > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

._bg-icon {
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
  cursor: pointer;
}

._bg-gray {
  background-color: #f3f3f3;
}

.inl-block {
  display: inline-block;
}

._hidden {
  display: none !important;
}

._hide-empty:empty {
  display: none !important;
}

._p-e-none {
  pointer-events: none;
}

._overflow-wrap {
  overflow-y: hidden;
  overflow-x: auto;
}

._overflow-h {
  overflow: hidden;
}

._trans-c {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

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

._clearfix:after {
  clear: both;
}

._list-numbered {
  list-style-position: inside;
  list-style-type: decimal;
}

._c-pointer {
  cursor: pointer;
}

._c-default {
  cursor: default;
}

._c-not {
  cursor: not-allowed;
}

._preloader {
  width: 100%;
  height: 100px;
}

._wid-100 {
  width: 100%;
}

._wid-85 {
  width: 85%;
}

._wid-75 {
  width: 75%;
}

._wid-65 {
  width: 65%;
}

._wid-50 {
  width: 50%;
}

._wid-35 {
  width: 35%;
}

._wid-33 {
  width: 33.333%;
}

._wid-30 {
  width: 30%;
}

._wid-25 {
  width: 25%;
}

._wid-10 {
  width: 10%;
}

._h-100 {
  height: 100%;
}

._no-focus-out:focus {
  outline: none;
}

.disabled {
  filter: grayscale(100%);
}

.preloader {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 43, 47, 0.2) url("data:image/gif;base64,R0lGODlhgAAPAPEAAP///0dHR8rKykdHRyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAgAAPAAACo5QvoIC33NKKUtF3Z8RbN/55CEiNonMaJGp1bfiaMQvBtXzTpZuradUDZmY+opA3DK6KwaQTCbU9pVHc1LrDUrfarq765Ya9u+VRzLyO12lwG10yy39zY11Jz9t/6jf5/HfXB8hGWKaHt6eYyDgo6BaH6CgJ+QhnmWWoiVnI6ddJmbkZGkgKujhplNpYafr5OooqGst66Uq7OpjbKmvbW/p7UAAAIfkECQoAAAAsAAAAAIAADwAAArCcP6Ag7bLYa3HSZSG2le/Zgd8TkqODHKWzXkrWaq83i7V5s6cr2f2TMsSGO9lPl+PBisSkcekMJphUZ/OopGGfWug2Jr16x92yj3w247bh6teNXseRbyvc0rbr6/x5Ng0op4YSJDb4JxhI58eliEiYYujYmFi5eEh5OZnXhylp+RiaKQpWeDf5qQk6yprawMno2nq6KlsaSauqS5rLu8cI69k7+ytcvGl6XDtsyzxcAAAh+QQJCgAAACwAAAAAgAAPAAACvpw/oIC3IKIUb8pq6cpacWyBk3htGRk1xqMmZviOcemdc4R2kF3DvfyTtFiqnPGm+yCPQdzy2RQMF9Moc+fDArU0rtMK9SYzVUYxrASrxdc0G00+K8ruOu+9tmf1W06ZfsfXJfiFZ0g4ZvEndxjouPfYFzk4mcIICJkpqUnJWYiYs9jQVpm4edqJ+lkqikDqaZoquwr7OtHqAFerqxpL2xt6yQjKO+t7bGuMu1L8a5zsHI2MtOySVwo9fb0bVQAAIfkECQoAAAAsAAAAAIAADwAAAsucP6CAt9zSErSKZyvOd/KdgZaoeaFpRZKiPi1aKlwnfzBF4jcNzDk/e7EiLuLuhzwqayfmaNnjCCGNYhXqw9qcsWjT++TqxIKp2UhOprXf7PoNrpyvQ3p8fAdu82o+O5w3h2A1+Nfl5geHuLgXhEZVWBeZSMnY1oh5qZnyKOhgiGcJKHqYOSrVmWpHGmpauvl6CkvhaUD4qejaOqvH2+doV7tSqdsrexybvMsZrDrJaqwcvSz9i9qM/Vxs7Qs6/S18a+vNjUx9/v1TAAAh+QQJCgAAACwAAAAAgAAPAAAC0Zw/oIC33NKKUomLxct4c718oPV5nJmhGPWwU9TCYTmfdXp3+aXy+wgQuRRDSCN2/PWAoqVTCSVxilQZ0RqkSXFbXdf3ZWqztnA1eUUbEc9wm8yFe+VguniKPbNf6mbU/ubn9ieUZ6hWJAhIOKbo2Pih58C3l1a5OJiJuflYZidpgHSZCOnZGXc6l3oBWrE2aQnLWYpKq2pbV4h4OIq1eldrigt8i7d73Ns3HLjMKGycHC1L+hxsXXydO9wqOu3brPnLXL3C640sK+6cTaxNflEAACH5BAkKAAAALAAAAACAAA8AAALVnD+ggLfc0opS0SeyFnjn7oGbqJHf4mXXFD2r1bKNyaEpjduhPvLaC5nJEK4YTKhI1ZI334m5g/akJacAiDUGiUOHNUd9ApTgcTN81WaRW++Riy6Tv/S4dQ1vG4ps4NwOaBYlOEVYhYbnplexyJf3ZygGOXkWuWSZuNel+aboV0k5GFo4+qN22of6CMoq2kr6apo6m5fJWCoZm+vKu2Hr6KmqiHtJLKebRhuszNlYZ3ncewh9J9z8u3mLHA0rvetrzYjd2Wz8bB6oNO5MLq6FTp2+bVUAACH5BAkKAAAALAAAAACAAA8AAALanD+ggLfc0opS0XeX2Fy8zn2gp40ieHaZFWHt9LKNO5eo3aUhvisj6RutIDUZgnaEFYnJ4M2Z4210UykQ8BtqY0yHstk1UK+/sdk63i7VYLYX2sOa0HR41S5wi7/vcMWP1FdWJ/dUGIWXxqX3xxi4l0g4GEl5yOHIBwmY2cg1aXkHSjZXmbV4uoba5kkqelbaapo6u0rbN/SZG7trKFv7e6savKTby4voaoVpNAysiXscV4w8fSn8fN1pq1kd2j1qDLK8yYy9/ff9mgwrnv2o7QwvGO1ND049UgAAIfkECQoAAAAsAAAAAIAADwAAAticP6CAt9zSilLRd2d8onvBfV0okp/pZdamNRi7ui3yyoo4Ljio42h+w6kgNiJt5kAaasdYE7D78YKlXpX6GWphxqTT210qK1Cf9XT2SKXbYvv5Bg+jaWD5ekdjU9y4+PsXRuZHRrdnZ5inVidAyCTXF+nGlVhpdjil2OE49hjICVh4qZlpibcDKug5KAlHOWqqR8rWCjl564oLFruIucaYGlz7+XoKe2wsIqxLzMxaxIuILIs6/JyLbZsdGF063Uu6vH2tXc79LZ1MLWS96t4JH/rryzhPWgAAIfkECQoAAAAsAAAAAIAADwAAAtWcP6CAt9zSilLRd2fEe4kPCk8IjqTonZnVsQ33arGLwLV8Kyeqnyb5C60gM2LO6MAlaUukwdbcBUspYFXYcla00KfSywRzv1vpldqzprHFoTv7bsOz5jUaUMer5vL+Mf7Hd5RH6HP2AdiUKLa41Tj1Acmjp0bJFuinKKiZyUhnaBd5OLnzSNbluOnZWQZqeVdIYhqWyop6ezoquTs6O0aLC5wrHErqGnvJibms3LzKLIYMe7xnO/yL7TskLVosqa1aCy3u3FrJbSwbHpy9fr1NfR4fUgAAIfkECQoAAAAsAAAAAIAADwAAAsqcP6CAt9zSilLRd2fEW7cnhKIAjmFpZla3fh7CuS38OrUR04p5Ljzp46kgMqLOaJslkbhbhfkc/lAjqmiIZUFzy2zRe5wGTdYQuKs9N5XrrZPbFu94ZYE6ms5/9cd7/T824vdGyIa3h9inJQfA+DNoCHeomIhWGUcXKFIH6RZZ6Bna6Zg5l8JnSamayto2WtoI+4jqSjvZelt7+URKpmlmKykM2vnqa1r1axdMzPz5LLooO326Owxd7Bzam4x8pZ1t3Szu3VMOdF4AACH5BAkKAAAALAAAAACAAA8AAAK/nD+ggLfc0opS0XdnxFs3/i3CSApPSWZWt4YtAsKe/DqzXRsxDqDj6VNBXENakSdMso66WzNX6fmAKCXRasQil9onM+oziYLc8tWcRW/PbGOYWupG5Tsv3TlXe9/jqj7ftpYWaPdXBzbVF2eId+jYCAn1KKlIApfCSKn5NckZ6bnJpxB2t1kKinoqJCrlRwg4GCs4W/jayUqamaqryruES2b72StsqgvsKlurDEvbvOx8mzgazNxJbD18PN1aUgAAIfkECQoAAAAsAAAAAIAADwAAArKcP6CAt9zSilLRd2fEWzf+ecgjlKaQWZ0asqPowAb4urE9yxXUAqeZ4tWEN2IOtwsqV8YkM/grLXvTYbV4PTZpWGYU9QxTxVZyd4wu975ZZ/qsjsPn2jYpatdx62b+2y8HWMTW5xZoSIcouKjYePeTh7TnqFcpabmFSfhHeemZ+RkJOrp5OHmKKapa+Hiyyokaypo6q1CaGDv6akoLu3DLmLuL28v7CdypW6vsK9vsE1UAACH5BAkKAAAALAAAAACAAA8AAAKjnD+ggLfc0opS0XdnxFs3/nkISI2icxokanVt+JoxC8G1fNOlm6tp1QNmZj6ikDcMrorBpBMJtT2lUdzUusNSt9qurvrlhr275VHMvI7XaXAbXTLLf3NjXUnP23/qN/n8d9cHyEZYpoe3p5jIOCjoFofoKAn5CGeZZaiJWcjp10mZuRkaSAq6OGmU2lhp+vk6iioay3rpSrs6mNsqa9tb+ntQAAA7AAAAAAAAAAAA") no-repeat 50%;
}

.button-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 90px;
  padding-left: 40px;
  background: url("/agro_images/icons/btn-crl.svg") no-repeat;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  color: #2B2B2F;
}
.button-circle:hover {
  text-decoration: underline;
}
.button-circle > span {
  position: relative;
  padding-left: 15px;
}
.button-circle > span::before {
  content: "";
  position: absolute;
  top: calc(50% - 2.5px);
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #2B2B2F;
}

.button {
  display: block;
  max-width: 100%;
  padding-top: 20px;
  padding-bottom: 22px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  color: #fff;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.button._w-280 {
  width: 280px;
  max-width: 100%;
}
.button.black {
  background-color: #2B2B2F;
}
.button.black:hover {
  background-color: #00A94E;
}
.button.green {
  background-color: #00A94E;
}
.button.green:hover {
  background-color: #2B2B2F;
}
.button:hover {
  color: #fff;
}

.success-msg {
  color: #00A94E;
}

.language-switch {
  z-index: 101;
  position: absolute;
  top: 100%;
  left: 45px;
}
@media only screen and (max-width: 1024px) {
  .language-switch {
    display: none;
    top: 20px;
    left: auto;
    right: 15px;
  }
}
.language-switch__button {
  width: 30px;
  height: 20px;
  padding-right: 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0.75 1.25L3.25 3.75L5.75 1.25' stroke='%232B2B2F' stroke-width='2' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 7px 6px;
  background-position: 100% 50%;
}
.language-switch__button > .language-switch__link {
  pointer-events: none;
}

.sorting-h-wrap .v-select {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .v-select {
    margin-left: auto;
  }
}
.sorting-h-wrap .vs__dropdown-toggle {
  border: 1px solid rgba(43, 43, 47, 0.1);
  border-radius: 0;
}
.sorting-h-wrap .vs__search, .sorting-h-wrap .vs__search:focus {
  font-size: 14px;
  line-height: 130%;
  color: #2B2B2F;
  height: 40px;
  cursor: pointer;
}
.sorting-h-wrap .vs__selected-options {
  padding-left: 75px;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__selected-options {
    width: 55px;
    height: 44px;
    overflow: hidden;
    padding-left: 55px;
  }
}
.sorting-h-wrap .vs__selected-options input {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__selected-options input {
    width: 0 !important;
    overflow: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.sorting-h-wrap .vs__selected-options:after {
  cursor: pointer;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: calc(100% + 4px);
  background-color: #F3F3F3;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.999 6C16.999 5.44772 16.5513 5 15.999 5H2.99902C2.44674 5 1.99902 5.44772 1.99902 6C1.99902 6.55228 2.44674 7 2.99902 7H15.999C16.5513 7 16.999 6.55228 16.999 6Z' fill='black'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.999 12C13.999 11.4477 13.5513 11 12.999 11H2.99902C2.44674 11 1.99902 11.4477 1.99902 12C1.99902 12.5523 2.44674 13 2.99902 13H12.999C13.5513 13 13.999 12.5523 13.999 12Z' fill='black'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.999 18C10.999 17.4477 10.5513 17 9.99902 17H2.99902C2.44674 17 1.99902 17.4477 1.99902 18C1.99902 18.5523 2.44674 19 2.99902 19H9.99902C10.5513 19 10.999 18.5523 10.999 18Z' fill='black'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.999 6C21.999 5.44772 21.5513 5 20.999 5H20.989C20.4367 5 19.989 5.44772 19.989 6C19.989 6.55228 20.4367 7 20.989 7H20.999C21.5513 7 21.999 6.55228 21.999 6Z' fill='black'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.999 12C18.999 11.4477 18.5513 11 17.999 11H17.989C17.4367 11 16.989 11.4477 16.989 12C16.989 12.5523 17.4367 13 17.989 13H17.999C18.5513 13 18.999 12.5523 18.999 12Z' fill='black'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.999 18C15.999 17.4477 15.5513 17 14.999 17H14.989C14.4367 17 13.989 17.4477 13.989 18C13.989 18.5523 14.4367 19 14.989 19H14.999C15.5513 19 15.999 18.5523 15.999 18Z' fill='black'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__selected-options:after {
    background-color: #fff;
  }
}
.sorting-h-wrap .vs__selected {
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__selected {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
}
.sorting-h-wrap .vs--single.vs--open .vs__selected {
  position: static;
  opacity: 1;
  cursor: pointer;
}
.sorting-h-wrap .vs__open-indicator {
  width: 10px;
  height: 10px;
  margin-right: 20px;
  fill: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M1 1L5.5 5.5L10 1' stroke='black' fill='transparent' stroke-width='2'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.sorting-h-wrap .vs__clear {
  fill: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.sorting-h-wrap .vs__dropdown-option {
  padding: 6px 20px;
  cursor: pointer;
}
.sorting-h-wrap .vs__dropdown-option--highlight {
  background: #00A94E;
  color: #fff;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__dropdown-menu {
    left: unset;
    right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .vs__actions {
    display: none !important;
  }
}

.delivery-select-wrap .v-select, .product-selection-box .v-select {
  margin-right: 18px;
  width: 436px;
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
.delivery-select-wrap .v-select:last-child, .product-selection-box .v-select:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 640px) {
  .delivery-select-wrap .v-select:last-child, .product-selection-box .v-select:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 640px) {
  .delivery-select-wrap .v-select, .product-selection-box .v-select {
    width: 100%;
    margin-bottom: 20px;
  }
}
.delivery-select-wrap .v-select.vs--open:after, .product-selection-box .v-select.vs--open:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3px;
  background-color: #2B2B2F;
}
.delivery-select-wrap .vs__search, .product-selection-box .vs__search {
  color: #7E8085;
}
.delivery-select-wrap .vs__search:focus, .product-selection-box .vs__search:focus {
  color: #2B2B2F;
}
.delivery-select-wrap .vs__selected-options, .product-selection-box .vs__selected-options {
  flex-wrap: nowrap;
}
.delivery-select-wrap .vs__selected-options input, .product-selection-box .vs__selected-options input {
  height: 64px;
  font-size: 16px;
  padding: 0 20px;
}
@media only screen and (max-width: 640px) {
  .delivery-select-wrap .vs__selected-options input, .product-selection-box .vs__selected-options input {
    height: 52px;
  }
}
.delivery-select-wrap .vs__dropdown-option, .product-selection-box .vs__dropdown-option {
  padding: 24px 32px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #2B2B2F;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 640px) {
  .delivery-select-wrap .vs__dropdown-option, .product-selection-box .vs__dropdown-option {
    padding: 14px 32px;
  }
}
.delivery-select-wrap .vs__dropdown-option--highlight, .product-selection-box .vs__dropdown-option--highlight {
  color: #00A94E;
  background: #fff;
}
.delivery-select-wrap .vs__dropdown-menu, .product-selection-box .vs__dropdown-menu {
  padding: 0;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06);
  border: none;
}
.delivery-select-wrap .vs__dropdown-toggle, .product-selection-box .vs__dropdown-toggle {
  border: none;
  background: #fff;
  border-radius: 6px;
}
.delivery-select-wrap .vs__selected, .product-selection-box .vs__selected {
  padding: 0 20px;
  font-size: 16px;
}
.delivery-select-wrap .vs--single.vs--open .vs__selected, .product-selection-box .vs--single.vs--open .vs__selected {
  display: none;
}
.delivery-select-wrap .vs__clear, .product-selection-box .vs__clear {
  display: none;
}
.delivery-select-wrap .vs__actions, .product-selection-box .vs__actions {
  padding: 4px 19px 0 3px;
}
.delivery-select-wrap .vs__open-indicator, .product-selection-box .vs__open-indicator {
  fill: transparent;
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M9.55558 0.231337C9.88558 -0.0771122 10.408 -0.0771122 10.738 0.231337C11.0873 0.557787 11.0873 1.10244 10.738 1.42889L6.09501 5.76866C5.92849 5.92431 5.7183 6 5.50378 6C5.30409 6 5.0833 5.92827 4.91254 5.76866L0.273857 1.43296C-0.0893192 1.10671 -0.0888748 0.558258 0.26089 0.231338C0.590894 -0.0771112 1.11371 -0.0767775 1.44371 0.231672L5.4955 4.02623L9.55558 0.231337Z' fill='%23000'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
}

.all-categories-section {
  position: sticky;
  top: 20px;
  padding: 20px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  overflow-x: hidden;
}
.all-categories-section::-webkit-scrollbar {
  width: 6px;
}
.all-categories-section::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.all-categories-section::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}
.all-categories-section::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.all-categories-section h2 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #2c3e50;
  padding-bottom: 15px;
  border-bottom: 2px solid #e8eef3;
}

.categories-accordion.level-0 > .accordion-item {
  margin-bottom: 8px;
  border-radius: 8px;
  overflow: hidden;
  background: #f8f9fc;
  transition: all 0.3s ease;
}
.categories-accordion.level-0 > .accordion-item:hover {
  background: #f1f3f9;
}
.categories-accordion.level-0 > .accordion-item > .accordion-header {
  padding: 14px 16px;
}
.categories-accordion.level-0 > .accordion-item > .accordion-header .category-link {
  font-size: 16px;
  font-weight: 600;
  color: #2c3e50;
}
.categories-accordion.level-0 > .accordion-item > .accordion-header .accordion-toggle {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 6px;
}
.categories-accordion.level-0 > .accordion-item > .accordion-header .accordion-toggle:hover {
  background: white;
}
.categories-accordion.level-0 > .accordion-item.active-category {
  background: #e8f7ed;
  border: 1px solid #00A94E;
}
.categories-accordion.level-0 > .accordion-item.active-category > .accordion-header .category-link {
  color: #00A94E;
  font-weight: 700;
}
.categories-accordion.level-0 > .accordion-item.expanded {
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.categories-accordion.level-1 .accordion-item, .categories-accordion.level-2 .accordion-item {
  margin-bottom: 4px;
  border-radius: 6px;
  background: transparent;
  transition: all 0.2s ease;
}
.categories-accordion.level-1 .accordion-item:hover, .categories-accordion.level-2 .accordion-item:hover {
  background: rgba(0, 169, 78, 0.05);
}
.categories-accordion.level-1 .accordion-item .accordion-header, .categories-accordion.level-2 .accordion-item .accordion-header {
  padding: 10px 12px;
}
.categories-accordion.level-1 .accordion-item .accordion-header .category-link, .categories-accordion.level-2 .accordion-item .accordion-header .category-link {
  font-size: 14px;
  font-weight: 500;
  color: #34495e;
}
.categories-accordion.level-1 .accordion-item .accordion-header .accordion-toggle, .categories-accordion.level-2 .accordion-item .accordion-header .accordion-toggle {
  width: 24px;
  height: 24px;
  background: transparent;
}
.categories-accordion.level-1 .accordion-item .accordion-header .accordion-toggle:hover, .categories-accordion.level-2 .accordion-item .accordion-header .accordion-toggle:hover {
  background: rgba(0, 169, 78, 0.1);
}
.categories-accordion.level-1 .accordion-item .accordion-header .accordion-toggle .toggle-icon, .categories-accordion.level-2 .accordion-item .accordion-header .accordion-toggle .toggle-icon {
  width: 14px;
  height: 14px;
}
.categories-accordion.level-1 .accordion-item.active-category, .categories-accordion.level-2 .accordion-item.active-category {
  background: rgba(0, 169, 78, 0.1);
}
.categories-accordion.level-1 .accordion-item.active-category > .accordion-header .category-link, .categories-accordion.level-2 .accordion-item.active-category > .accordion-header .category-link {
  color: #00A94E;
  font-weight: 600;
}
.categories-accordion .accordion-item .accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}
.categories-accordion .accordion-item .accordion-header .category-link {
  flex: 1;
  text-decoration: none;
  color: inherit;
  display: block;
  transition: color 0.2s ease;
}
.categories-accordion .accordion-item .accordion-header .category-link:hover {
  color: #00A94E;
}
.categories-accordion .accordion-item .accordion-header .category-link.active {
  color: #00A94E;
}
.categories-accordion .accordion-item .accordion-header .category-link .category-name {
  display: block;
}
.categories-accordion .accordion-item .accordion-header .accordion-toggle {
  flex-shrink: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  border-radius: 4px;
  margin-left: 8px;
}
.categories-accordion .accordion-item .accordion-header .accordion-toggle .toggle-icon {
  transition: transform 0.3s ease;
  color: #7f8c8d;
}
.categories-accordion .accordion-item .accordion-header .accordion-toggle:hover .toggle-icon {
  color: #00A94E;
}
.categories-accordion .accordion-item .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.categories-accordion .accordion-item .accordion-content .accordion-content-inner {
  padding: 8px 0 8px 16px;
  border-left: 2px solid #e8eef3;
  margin-left: 12px;
}
.categories-accordion .accordion-item.expanded > .accordion-header .accordion-toggle .toggle-icon {
  transform: rotate(180deg);
  color: #00A94E;
}
.categories-accordion .accordion-item.expanded > .accordion-content {
  max-height: 2000px;
}

@media (max-width: 768px) {
  .categories-touch-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 101;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .categories-touch-wrap::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    margin-top: 20%;
    border-radius: 24px 24px 0 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
    z-index: 102;
  }
  .categories-touch-wrap .all-categories-section {
    position: fixed;
    top: 20%;
    left: 0;
    width: 100%;
    height: 80%;
    padding: 70px 20px 20px 20px;
    box-shadow: none;
    border-radius: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 103;
    background: transparent;
  }
  .categories-touch-wrap .all-categories-section h2 {
    display: none;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item {
    margin-bottom: 10px;
    border-radius: 12px;
    background: #f8f9fc;
    border: 1px solid #e8eef3;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item > .accordion-header {
    padding: 18px 16px;
    min-height: 56px;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item > .accordion-header .category-link {
    font-size: 17px !important;
    font-weight: 600;
    line-height: 1.4;
    padding-right: 12px;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item > .accordion-header .accordion-toggle {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 8px;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item > .accordion-header .accordion-toggle .toggle-icon {
    width: 20px;
    height: 20px;
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item.active-category {
    background: #e8f7ed;
    border: 2px solid #00A94E;
    box-shadow: 0 2px 8px rgba(0, 169, 78, 0.15);
  }
  .categories-touch-wrap .categories-accordion.level-0 > .accordion-item.expanded {
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item, .categories-touch-wrap .categories-accordion.level-2 .accordion-item {
    margin-bottom: 6px;
    border-radius: 8px;
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item .accordion-header, .categories-touch-wrap .categories-accordion.level-2 .accordion-item .accordion-header {
    padding: 14px 12px !important;
    min-height: 48px;
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item .accordion-header .category-link, .categories-touch-wrap .categories-accordion.level-2 .accordion-item .accordion-header .category-link {
    font-size: 16px !important;
    line-height: 1.4;
    padding-right: 12px;
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item .accordion-header .accordion-toggle, .categories-touch-wrap .categories-accordion.level-2 .accordion-item .accordion-header .accordion-toggle {
    width: 36px;
    height: 36px;
    border-radius: 6px;
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item .accordion-header .accordion-toggle .toggle-icon, .categories-touch-wrap .categories-accordion.level-2 .accordion-item .accordion-header .accordion-toggle .toggle-icon {
    width: 18px;
    height: 18px;
  }
  .categories-touch-wrap .categories-accordion.level-1 .accordion-item.active-category, .categories-touch-wrap .categories-accordion.level-2 .accordion-item.active-category {
    background: rgba(0, 169, 78, 0.12);
  }
  .categories-touch-wrap .categories-accordion .accordion-item .accordion-content .accordion-content-inner {
    padding: 12px 0 12px 20px;
    border-left: 3px solid #00A94E;
    margin-left: 16px;
  }
  .categories-touch-wrap .close {
    position: fixed;
    right: 24px;
    top: calc(20% + 20px);
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 104;
    background: transparent;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
  }
  .categories-touch-wrap .close:active {
    transform: scale(0.9);
    background: rgba(0, 0, 0, 0.05);
  }
  .categories-touch-wrap .close::before, .categories-touch-wrap .close::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2.5px;
    background: #2c3e50;
    border-radius: 2px;
  }
  .categories-touch-wrap .close::before {
    transform: rotate(45deg);
  }
  .categories-touch-wrap .close::after {
    transform: rotate(-45deg);
  }
}

@media (max-width: 768px) {
  .catalog-filter-wrap .filter-wrap .all-categories-section {
    display: none;
  }

  .all-categories-section {
    position: static;
    padding: 15px;
    max-height: none;
    margin-bottom: 15px;
  }
  .all-categories-section h2 {
    font-size: 18px;
    margin-bottom: 15px;
    padding-bottom: 12px;
  }

  .categories-accordion.level-0 > .accordion-item > .accordion-header {
    padding: 12px;
  }
  .categories-accordion.level-0 > .accordion-item > .accordion-header .category-link {
    font-size: 15px;
  }
  .categories-accordion.level-0 > .accordion-item > .accordion-header .accordion-toggle {
    width: 28px;
    height: 28px;
  }
  .categories-accordion.level-1 .accordion-item .accordion-header, .categories-accordion.level-2 .accordion-item .accordion-header {
    padding: 8px 10px;
  }
  .categories-accordion.level-1 .accordion-item .accordion-header .category-link, .categories-accordion.level-2 .accordion-item .accordion-header .category-link {
    font-size: 13px;
  }
  .categories-accordion .accordion-item .accordion-content .accordion-content-inner {
    padding-left: 12px;
    margin-left: 8px;
  }
}
.wrap-404 {
  padding-top: 135px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1024px) {
  .wrap-404 {
    background-position: center 86px;
    background-size: 300px;
    padding-top: 275px;
  }
}
.wrap-404:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 572px;
  height: 572px;
  border-radius: 50%;
  background: #F9F9F9;
  transform: translateX(-50%);
  z-index: -1;
}
@media only screen and (max-width: 1024px) {
  .wrap-404:before {
    width: 343px;
    height: 343px;
    top: 30px;
  }
}
.wrap-404__title {
  font-size: 36px;
  line-height: 42px;
  transform: translateX(calc(50% - 290px));
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 264px;
}
@media only screen and (max-width: 1024px) {
  .wrap-404__title {
    display: none;
  }
}
.wrap-404__info {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2F;
  margin-bottom: 44px;
  transform: translateX(calc(50% + 112px));
}
@media only screen and (max-width: 1024px) {
  .wrap-404__info {
    transform: translateX(0);
    text-align: center;
    margin-top: 50px;
  }
}

.wrap-404-decor {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 572px;
  height: 572px;
}
@media only screen and (max-width: 1024px) {
  .wrap-404-decor {
    transform: translate(-50%, -57%) scale(0.6);
  }
}
.wrap-404-decor .item-4 {
  height: 120px;
  width: 251px;
  position: absolute;
  top: 228px;
}
.wrap-404-decor .item-4:first-child {
  right: 50%;
  -webkit-animation: circleMove1 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: circleMove1 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  transform-origin: right center;
}
.wrap-404-decor .item-4:first-child:before {
  left: 0;
  -webkit-animation: rotate1 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: rotate1 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.wrap-404-decor .item-4:last-child {
  left: 50%;
  -webkit-animation: circleMove2 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: circleMove2 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  transform-origin: left center;
}
.wrap-404-decor .item-4:last-child:before {
  right: 0;
  -webkit-animation: rotate2 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: rotate2 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.wrap-404-decor .item-4:before {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url("/images/404-4.svg");
  background-size: 120px;
}
.wrap-404-decor .item-o {
  width: 114px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/images/404-o.svg");
  position: absolute;
  left: 50%;
  top: 226px;
  transform: translateX(-50%);
  -webkit-animation: center 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: center 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.wrap-404-decor .item-h {
  width: 227px;
  height: 260px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/images/404-house.svg");
  position: absolute;
  left: 50%;
  top: 135px;
  transform: translateX(-50%);
  -webkit-animation: house 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
          animation: house 1s forwards cubic-bezier(0.6, 0.68, 0.64, 0.88);
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.wrap-404-decor .item-message {
  width: 227px;
  height: 75px;
  position: absolute;
  left: 60%;
  top: 236px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("/images/404-message.svg");
  transform: scale(0);
  -webkit-animation: message 0.5s forwards ease;
          animation: message 0.5s forwards ease;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  transform-origin: left bottom;
  z-index: 1;
}

@-webkit-keyframes house {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-50%) scale(0.8) translateY(5%);
  }
}

@keyframes house {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-50%) scale(0.8) translateY(5%);
  }
}
@-webkit-keyframes center {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-35%) scale(0.6) translateY(36px);
  }
}
@keyframes center {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(-35%) scale(0.6) translateY(36px);
  }
}
@-webkit-keyframes message {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.02) translateX(4%);
  }
  84% {
    transform: scale(0.98) translateX(3%);
  }
  100% {
    transform: scale(1) translateX(4%);
  }
}
@keyframes message {
  0% {
    transform: scale(0);
  }
  60% {
    transform: scale(1.02) translateX(4%);
  }
  84% {
    transform: scale(0.98) translateX(3%);
  }
  100% {
    transform: scale(1) translateX(4%);
  }
}
@-webkit-keyframes circleMove1 {
  0% {
    transform: rotate(0);
    width: 251px;
  }
  100% {
    transform: rotate(114deg);
    width: 240px;
  }
}
@keyframes circleMove1 {
  0% {
    transform: rotate(0);
    width: 251px;
  }
  100% {
    transform: rotate(114deg);
    width: 240px;
  }
}
@-webkit-keyframes circleMove2 {
  0% {
    transform: rotate(0);
    width: 251px;
  }
  100% {
    transform: rotate(243deg);
    width: 240px;
  }
}
@keyframes circleMove2 {
  0% {
    transform: rotate(0);
    width: 251px;
  }
  100% {
    transform: rotate(243deg);
    width: 240px;
  }
}
@-webkit-keyframes rotate2 {
  0% {
    transform: none;
  }
  100% {
    transform: rotate(-12deg) scale(0.65) translateX(-24%);
  }
}
@keyframes rotate2 {
  0% {
    transform: none;
  }
  100% {
    transform: rotate(-12deg) scale(0.65) translateX(-24%);
  }
}
@-webkit-keyframes rotate1 {
  0% {
    transform: none;
  }
  100% {
    transform: rotate(16deg) scale(0.65) translateX(19%);
  }
}
@keyframes rotate1 {
  0% {
    transform: none;
  }
  100% {
    transform: rotate(16deg) scale(0.65) translateX(19%);
  }
}
.search-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.search__dropdown {
  z-index: 100;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.search__form {
  top: 110px;
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #fff;
  transition: transform 0.2s, padding 0.1s;
}
.fixed .search__form {
  transform: translateY(-45px);
  padding-bottom: 15px;
}

@media only screen and (max-width: 1024px) {
  .search__form {
    top: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .fixed .search__form {
    transform: translateY(-20px);
  }
}
.search__form-close {
  height: 100%;
  width: 55px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0 0.727268L0.733085 0L8.06393 7.27268L7.33085 7.99995L0 0.727268Z' fill='%23333333'/%3e %3cpath d='M8.06437 0.727316L7.33128 4.78785e-05L0.00043596 7.27273L0.733521 8L8.06437 0.727316Z' fill='%23333333'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 9px 8px;
  background-position: 50%;
}
.search__form .validation__field {
  margin: 0 165px;
}
@media only screen and (max-width: 1024px) {
  .search__form .validation__field {
    margin: 0 15px;
  }
}
.search__form .validation__input {
  background-color: #F8F8F8;
}
@media only screen and (max-width: 640px) {
  .search__heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.search__results {
  margin: 0 -7px 50px;
  padding-bottom: 45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.search__results .catalog-item {
  width: calc(25% - 14px);
  margin: 0 7px 14px;
}
@media (min-width: 799px) and (max-width: 1280px) {
  .search__results .catalog-item {
    width: calc(33.333% - 14px);
  }
}
@media (min-width: 481px) and (max-width: 798px) {
  .search__results .catalog-item {
    width: calc(50% - 14px);
  }
}
@media only screen and (max-width: 480px) {
  .search__results .catalog-item {
    width: calc(100% - 14px);
  }
}
.search__no-results {
  width: 400px;
  max-width: 100%;
  min-height: 250px;
  margin: 0 auto;
}
.search__catalog-download {
  padding: 160px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1024px) {
  .search__catalog-download {
    padding: 50px 0;
  }
}
.search__catalog-download-title {
  font-size: 48px;
  line-height: 1.15;
}
@media only screen and (max-width: 1024px) {
  .search__catalog-download-title {
    font-size: 22px;
  }
}
.search__catalog-download-text {
  width: 1000px;
  max-width: 100%;
}
.search__catalog-download-link {
  margin-top: 60px;
  box-shadow: 0 28.25px 56.5px rgba(0, 169, 78, 0.25);
  transition: box-shadow 0.2s;
}
.search__catalog-download-link:hover {
  box-shadow: none;
}

.footer {
  display: block;
}
@media only screen and (max-width: 1024px) {
  .footer {
    display: none;
  }
}
.footer .to-top-container {
  position: relative;
}
.footer__form-inner {
  display: flex;
  align-items: center;
}
.footer__top-line {
  padding: 100px 0;
  background-color: #2B2B2F;
  position: relative;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .footer__top-line {
    padding: 65px 0;
  }
}
.footer__bottom-line {
  padding: 19px 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.footer__bottom-line a {
  font-size: 12px;
  line-height: 12px;
  color: #A8A9AD;
  margin-right: 20px;
  text-decoration: none;
  border-bottom: 1px solid #A8A9AD;
  transition: 0.3s ease-in-out;
}
.footer__bottom-line a:hover {
  border-bottom: 1px solid transparent;
}
.footer__nav {
  margin: 0;
  padding: 0;
}
.footer__nav li {
  margin-bottom: 15px;
}
.footer__nav li a {
  font-size: 14px;
  line-height: 14px;
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.3s;
}
.footer__nav li a:hover {
  color: #00A94E;
}
.footer__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(25%);
  padding-right: 70px;
}
@media only screen and (max-width: 1024px) {
  .footer__column {
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .footer__column {
    padding-right: 0px;
  }
}
.footer__column:last-child {
  padding-right: 0px;
}
.footer__column .social-panel {
  display: flex;
  margin: 37px auto 0 20px;
}
.footer__column .social-panel__inst {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/agro_images/icons/instagram.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 27px;
}
.footer__column .social-panel__fb {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/agro_images/icons/facebook.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.footer .phone {
  font-size: 16px;
  line-height: 150%;
  color: #FFFFFF;
  margin-top: 3px;
  text-decoration: none;
  transition: color 0.3s;
  white-space: nowrap;
}
.footer .phone:hover {
  color: #00A94E;
}
.footer .phone:first-child {
  margin-top: 0;
}
.footer .mail {
  font-size: 16px;
  line-height: 16px;
  margin-top: 15px;
  color: #00A94F;
  border-bottom: 1px dotted #00A94E;
  text-decoration: none;
}
.footer .mail:hover {
  border-bottom-color: transparent;
}
.footer__title {
  font-size: 14px;
  line-height: 130%;
  color: #7E8085;
  margin-bottom: 30px;
}
.footer__logo {
  display: block;
  width: 97px;
  height: 53px;
  background-image: url("/agro_images/img/logo-white.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 82px;
}

.footer-touch {
  display: none;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .footer-touch {
    display: block;
  }
}
.footer-touch__top-line {
  padding: 60px 0;
  background-color: #2B2B2F;
}
.footer-touch__top-line .container {
  padding: 0 42px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-touch__bottom-line {
  padding: 16px 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.footer-touch__social-panel {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 80px 0;
}
.footer-touch__contact-title {
  font-size: 14px;
  line-height: 130%;
  color: #7E8085;
  margin-bottom: 26px;
}
.footer-touch__nav {
  margin: 32px 0 0 0;
  padding: 0;
}
.footer-touch__nav li {
  margin-bottom: 10px;
}
.footer-touch__nav li a {
  font-size: 16px;
  line-height: 1.2;
  text-decoration: none;
  color: #fff;
}
.footer-touch .footer__logo {
  margin: 0;
}
.footer-touch .social-panel {
  display: flex;
  margin: 0;
}
.footer-touch .social-panel__inst {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/agro_images/icons/instagram.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 20px;
}
.footer-touch .social-panel__fb {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/agro_images/icons/facebook.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.footer-touch .dropdown {
  width: 100%;
  margin-bottom: 38px;
}
.footer-touch .dropdown-button {
  position: relative;
  cursor: pointer;
}
.footer-touch .dropdown-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 8px;
  pointer-events: none;
  transform-origin: center top;
  background-image: url(/agro_images/icons/footer-arrow.svg);
}
.footer-touch .dropdown-button.active:after {
  transform: scale(1, -1);
}
.footer-touch .phone {
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  color: #FFFFFF;
  margin-bottom: 3px;
  transition: color 0.3s;
}
.footer-touch .phone:hover {
  color: #00A94E;
}
.footer-touch .mail {
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #00A94F;
  margin: 15px 0 40px;
  border-bottom: 1px dashed #00A94F;
}
.footer-touch .mail:hover {
  border-bottom-color: transparent;
}
.footer-touch .info-link {
  font-size: 10px;
  line-height: 13px;
  color: #A8A9AD;
  margin-bottom: 20px;
  text-decoration: none;
  border-bottom: 1px solid #A8A9AD;
}
.footer-touch .info-link:last-child {
  margin-bottom: 0;
}

.footer-dropdown-trigger {
  font-size: 18px;
  line-height: 130%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.copyright {
  font-size: 12px;
  line-height: 16px;
  color: #A8A9AD;
  margin-right: 135px;
  margin-left: 18px;
}
@media (min-width: 1025px) and (max-width: 1366px) {
  .copyright {
    margin-left: 0;
    margin-right: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .copyright {
    margin-left: 0;
    margin-right: auto;
  }
}
@media only screen and (max-width: 798px) {
  .copyright {
    font-size: 8px;
  }
}

.footer-checkout {
  display: block;
  position: relative;
}
.footer-checkout__bottom-line {
  padding: 19px 0;
  background-color: rgba(0, 0, 0, 0.85);
}
.footer-checkout__copyright {
  font-size: 12px;
  line-height: 16px;
  color: #A8A9AD;
}

.header {
  background-color: #fff;
}
.header__top-line {
  padding-top: 10px;
}
.header__top-line .container {
  display: flex;
  align-items: center;
}
.header__middle-line {
  padding: 19px 0 0;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .header__middle-line {
    padding: 19px 0 12px;
  }
}
.header__middle-line .container {
  display: flex;
  align-items: center;
}
.header__bottom-line {
  background: #00A94F;
}
.header__link.heart-icon {
  padding-left: 30px;
  position: relative;
}
.header__link.heart-icon:hover:before, .header__link.heart-icon.active:before {
  background-image: url("/agro_images/icons/heart-filled.svg");
}
.header__link.heart-icon:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 18px;
  background-size: 18px;
  background-image: url("/agro_images/icons/heart-empty-gray.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.header__link:hover {
  color: #00A94E;
}
.header__fav-link {
  text-decoration: none;
  color: #7E8085;
  font-size: 12px;
  margin-left: auto;
}
.header__fav-link:hover {
  color: #00A94E;
}

.lang-switch {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.lang-switch a {
  margin: 0 5px;
}
.lang-switch a:hover {
  color: #00A94E;
}
.lang-switch a.active {
  color: #00A94E;
}

.logo {
  min-width: 134px;
  max-width: 134px;
  margin: 0 auto 22px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .logo {
    margin: 0 15px 7px;
    min-width: 100px;
    max-width: 100px;
  }
}
.logo img {
  width: 100%;
}

.contact-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  padding-top: 6px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .contact-info {
    margin: 0 15px;
  }
}
.contact-info .dropdown .inline-absolute-wrap {
  width: auto;
}
.contact-info .dropdown-list {
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-info .dropdown-list__phone {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  color: #2B2B2F;
  margin-bottom: 8px;
}
.contact-info .dropdown-list__phone:hover {
  color: #00A94E;
}
.contact-info .dropdown-list__email {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-decoration: none;
  color: #00A94E;
  padding-bottom: 2px;
  border-bottom: 1px dashed #00A94E;
}
.contact-info .dropdown-list__email:hover {
  border-bottom: 1px solid #00A94E;
}
.contact-info .dropdown-list li {
  border-bottom: none;
}
.contact-info .dropdown-list a {
  padding: 0;
  white-space: nowrap;
}
.contact-info .email {
  font-weight: 500;
  font-size: 16px;
  color: #2B2B2F;
  text-decoration: none;
  margin-bottom: 2px;
}
.contact-info .email:hover {
  color: #00A94E;
}
.contact-info .phone {
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  padding-left: 28px;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
}
.contact-info .phone:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/phone-call.svg");
}

.dropdown.inline-absolute.personal-dropdown-wrap {
  padding: 0;
  margin-left: auto;
}
.dropdown.inline-absolute.personal-dropdown-wrap .dropdown-button {
  padding-right: 0;
}
.dropdown.inline-absolute.personal-dropdown-wrap .dropdown-button:after {
  display: none;
}
.dropdown.inline-absolute.personal-dropdown-wrap .dropdown-button.active .personal-area-button {
  color: #00A94E;
}

.personal-area-button {
  padding: 17px 24px 17px 57px;
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
  text-decoration: none;
  color: #2B2B2F;
  transition: color 0.3s;
}
.personal-area-button:before {
  content: "";
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/user.svg");
}

.personal-area-button.auth {
  border: 1px solid #00A94E;
}

.catalog-menu {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.catalog-menu .level-1-item {
  flex-grow: 1;
}
.catalog-menu .level-1-item:last-child .level-1-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 55%;
  background: #fff;
  transform: translateY(-50%);
  opacity: 0.5;
}
.catalog-menu .level-1-item:hover .level-2 {
  opacity: 1;
  pointer-events: all;
}
.catalog-menu .level-1-link {
  font-weight: 400;
  font-size: 25px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #FFFFFF;
  padding: 20px;
  position: relative;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .catalog-menu .level-1-link {
    font-size: 20px;
  }
}
.catalog-menu .level-1-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 55%;
  background: #fff;
  transform: translateY(-50%);
  opacity: 0.5;
}
.catalog-menu .level-2 {
  list-style: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 100%;
  width: 20%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .catalog-menu .level-2 {
    width: 25%;
  }
}
.catalog-menu .level-2:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 400%;
  height: 100%;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .catalog-menu .level-2:after {
    width: 300%;
  }
}
.catalog-menu .level-2-item:last-child .level-2-link:before {
  display: none;
}
.catalog-menu .level-2-item:hover .level-2-link {
  background-color: #2B2B2F;
  color: #fff;
  z-index: 1;
}
.catalog-menu .level-2-item:hover .level-2-link:after {
  background-image: url("/agro_images/icons/catalog-right-arrow-w.svg");
}
.catalog-menu .level-2-item:hover .level-3 {
  opacity: 1;
  pointer-events: all;
}
.catalog-menu .level-2-link {
  display: block;
  padding: 20px 50px 20px 30px;
  background: #F3F3F3;
  color: #2B2B2F;
  text-decoration: none;
  font-size: 16px;
  position: relative;
  transition: all 0.3s;
}
.catalog-menu .level-2-link:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 7px;
  right: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/catalog-right-arrow.svg");
  transition: background-image 0.3s;
}
.catalog-menu .level-2-link:before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  width: calc(100% - 19px);
  height: 1px;
  background: #fff;
}
.catalog-menu .level-3 {
  list-style: none;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  position: absolute;
  left: 100%;
  width: 400%;
  min-height: 100%;
  top: 0;
  background: #FFFFFF;
  z-index: 2;
  padding: 30px 40px 10px 40px;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .catalog-menu .level-3 {
    width: 300%;
  }
}
.catalog-menu .level-3-item {
  min-width: 33.333%;
  max-width: 33.333%;
  display: flex;
  align-items: flex-start;
  margin: 0 0 40px 0;
}
.catalog-menu .level-3-item .item-img {
  display: block;
  width: 30%;
  flex-shrink: 0;
  margin-right: 10px;
}
.catalog-menu .level-3-item .item-img img {
  width: 100%;
}
.catalog-menu .level-3-link {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #000000;
  position: relative;
  padding-right: 15px;
  text-decoration: none;
  margin-bottom: 15px;
  display: inline-block;
}
.catalog-menu .level-3-link:hover {
  text-decoration: underline;
}
.catalog-menu .level-3-link:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 7px;
  right: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/catalog-right-arrow.svg");
  transition: background-image 0.3s;
}
.catalog-menu .level-4 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.catalog-menu .level-4-item {
  margin-bottom: 10px;
}
.catalog-menu .level-4-item:last-child {
  margin-bottom: 0;
}
.catalog-menu .level-4-link {
  font-size: 14px;
  line-height: 120%;
  color: #7E8085;
  text-decoration: none;
}
.catalog-menu .level-4-link:hover {
  color: #00A94E;
}

.header-checkout {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06);
}
.header-checkout .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-checkout .header__middle-line {
  padding: 13px 0;
}
.header-checkout__dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 30%);
  background: #fff;
  padding: 15px;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06);
}
.header-checkout .logo {
  min-width: 78px;
  max-width: 34px;
  margin: 0;
}
.header-checkout .contact-info {
  margin-right: 20px;
}
.header-checkout .contact-info .phone {
  color: #2B2B2F;
}
.header-checkout a {
  text-decoration: none;
  color: #2B2B2F;
}
.header-checkout a:hover {
  color: #00A94E;
}
.header-checkout .invisible {
  display: none;
}
.header-checkout .contact-info .phone:before {
  background-image: url(/agro_images/icons/phone-call-dark.svg);
}
.header-checkout .dropdown-button:after {
  background-image: url(/agro_images/icons/dropdown-arrow-dark.svg);
}

.header-touch {
  padding: 10px 0;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.06);
}
.header-touch .container {
  display: flex;
  align-items: center;
}
.header-touch__logo {
  width: 50px;
  flex-shrink: 0;
  margin-left: 25px;
  margin-right: auto;
}
.header-touch__logo img {
  width: 100%;
}
.header-touch__personal {
  display: block;
  width: 34px;
  height: 30px;
  margin-left: 10px;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/user.svg");
  border: 1px solid #00A94F;
  flex-shrink: 0;
}
.header-touch__favorite {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/heart-empty-black.svg");
  font-size: 0;
  margin-left: 10px;
  background-size: 18px;
  flex-shrink: 0;
}
.header-touch__call {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/phone-call-black.svg");
  font-size: 0;
  margin-left: 10px;
  background-size: 18px;
  flex-shrink: 0;
}
.header-touch .cart-box {
  margin-left: unset;
}

.search-wrap-touch-wrap {
  position: fixed;
  left: 0;
  top: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
}
.search-wrap-touch .dropdown-button {
  padding-right: 0;
}
.search-wrap-touch .dropdown-button:after {
  display: none;
}
.search-wrap-touch .search-touch-trigger {
  width: 30px;
  height: 30px;
  background-color: #00A94E;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/search-w.svg");
}
.search-wrap-touch .close {
  width: 30px;
  height: 30px;
  position: fixed;
  z-index: 3;
  right: 15px;
  top: 25px;
  background-image: url("/agro_images/icons/close.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.search-wrap-touch .search .__vuescroll {
  height: calc(100% - 29px) !important;
}
.search-wrap-touch .search .__view {
  max-height: unset;
}
.search-wrap-touch .search.big {
  margin-right: 0;
  height: 100%;
}
.search-wrap-touch .search.big input {
  width: calc(100% - 45px);
}
.search-wrap-touch .search__result {
  position: static;
  left: unset;
  top: unset;
  padding: 15px 0;
  background: #fff;
  height: calc(100% - 37px);
}
.search-wrap-touch .search__trigger {
  transform: none;
  right: 60px;
  top: 18px;
}
.search-wrap-touch .search input {
  width: calc(100% - 45px);
  position: relative;
}

.burger {
  width: 26px;
  height: 26px;
  background-image: url("/agro_images/icons/burger.svg");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.menu-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
}
.menu-wrap .close {
  width: 30px;
  height: 30px;
  position: fixed;
  z-index: 3;
  left: 20px;
  top: 16px;
  background-image: url("/agro_images/icons/close-w.svg");
  background-position: center;
  background-repeat: no-repeat;
}
.menu .dropdown-button {
  padding-right: 0;
}
.menu .dropdown-button:after {
  display: none;
}

.touch-menu {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.touch-menu__top-line {
  padding: 24px 20px 24px 40px;
  background: #00A94E;
  display: flex;
}
.touch-menu__middle-line {
  height: calc(100% - 62px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.touch-menu__contacts {
  list-style: none;
  background: #F3F3F3;
  padding: 20px;
  margin: auto 0 0 0;
}
.touch-menu__contacts li {
  padding: 0;
  margin: 0 0 13px 0;
}
.touch-menu__contacts li:last-child {
  margin-bottom: 0;
}
.touch-menu__contacts a.phone {
  font-size: 14px;
  line-height: 14px;
  color: #7E8085;
  position: relative;
  padding-left: 28px;
  text-decoration: none;
  display: inline-block;
}
.touch-menu__contacts a.phone:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/agro_images/icons/phone-call.svg);
}
.touch-menu__contacts a.email {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 5px;
  text-decoration: none;
  color: #2B2B2F;
  display: inline-block;
}
.touch-menu .lang-switch {
  margin-left: auto;
  margin-right: 0;
}
.touch-menu .lang-switch__link {
  color: #fff;
}
.touch-menu .lang-switch__link.active {
  color: #fff;
}

.menu__touch {
  margin: 0;
  position: relative;
  list-style: none;
  padding: 20px 0;
}
.menu__touch:before {
  content: "";
  position: absolute;
  left: 16px;
  top: 0;
  width: calc(100% - 32px);
  height: 1px;
  background: #F3F3F3;
}
.menu__touch li {
  margin: 0;
  padding: 0;
}
.menu__touch a {
  font-size: 14px;
  line-height: 14px;
  color: #7E8085;
  display: block;
  padding: 10px 16px;
  text-decoration: none;
}
.menu__touch a:hover {
  color: #00A94E;
}

.catalog-menu__touch {
  margin: 0;
  list-style: none;
  padding: 0;
  position: relative;
  width: 100%;
}
.catalog-menu__touch li {
  font-size: 0;
}
.catalog-menu__touch a {
  flex-grow: 1;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #2B2B2F;
  text-decoration: none;
  margin: 17px 20px;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 90px);
}
.catalog-menu__touch a:hover, .catalog-menu__touch a.active {
  color: #00A94E;
}
.catalog-menu__touch a.back {
  width: calc(100% - 40px);
}
.catalog-menu__touch a.back span {
  display: inline-block;
  vertical-align: middle;
}
.catalog-menu__touch .next-level-trigger {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/menu-arrow-right.svg");
}
.catalog-menu__touch .next-level-trigger:hover {
  background-image: url("/agro_images/icons/menu-arrow-right-g.svg");
}
.catalog-menu__touch .prev-level-trigger {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin: -4px 0 -4px 0;
  display: inline-block;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/menu-arrow-left.svg");
}
.catalog-menu__touch .prev-level-trigger:hover {
  background-image: url("/agro_images/icons/menu-arrow-left-g.svg");
}
.catalog-menu__touch ul {
  margin: 0;
  list-style: none;
  padding: 0;
  background: #fff;
  height: auto;
}

.about-delivery__items {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1366px) {
  .about-delivery__items {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 640px) {
  .about-delivery__items {
    padding: 60px 0;
  }
}
.about-delivery__item {
  width: calc(25% - 25px);
  padding: 60px 0;
}
@media only screen and (max-width: 1366px) {
  .about-delivery__item + .about-delivery__item {
    margin-left: 0px;
  }
}
@media (min-width: 1025px) and (max-width: 1366px) {
  .about-delivery__item {
    width: calc(25% - 20px);
  }
}
@media only screen and (max-width: 1024px) {
  .about-delivery__item {
    width: calc(50% - 25px);
    justify-content: space-around;
  }
}
@media only screen and (max-width: 640px) {
  .about-delivery__item {
    width: 100%;
    padding: 0 0 30px;
  }
}
.about-delivery__item-title {
  font-size: 16px;
  line-height: 150%;
  text-transform: uppercase;
  color: #00A94E;
  margin-bottom: 10px;
}
.about-delivery__item-text {
  font-size: 16px;
  line-height: 150%;
  color: #7E8085;
  margin: 0px;
}

.contacts {
  padding: 30px 0 114px;
}
.contacts__title {
  margin-top: 40px;
  font-size: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .contacts__title {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .contacts .breadcrumbs {
    margin: 0;
    padding: 0;
  }
}
.contacts__recall {
  font-weight: 550;
  cursor: pointer;
}
@media only screen and (max-width: 1280px) {
  .contacts__recall {
    margin-bottom: 40px;
  }
}
.contacts__recall-icon {
  margin-right: 10px;
  box-shadow: 0px 15px 30px rgba(0, 169, 78, 0.25);
  border-radius: 50%;
}

.contacts__wrapper {
  display: flex;
  flex-wrap: wrap;
}
.contacts__wrapper .contacts__column {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .contacts__wrapper .contacts__column {
    width: 100%;
  }
}
.contacts__wrapper .name-city {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2F;
  border-radius: 8px;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1024px) {
  .contacts__wrapper .contacts__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.contacts__wrapper .contacts__item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .contacts__wrapper .contacts__item {
    width: calc(50% - 50px);
  }
}
@media only screen and (max-width: 798px) {
  .contacts__wrapper .contacts__item {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 640px) {
  .contacts__wrapper .contacts__item {
    width: 100%;
  }
}
.contacts__wrapper .contacts__item-title {
  font-size: 14px;
  line-height: 130%;
  color: #7E8085;
  border-radius: 8px;
  position: relative;
  padding-left: 24px;
}
.contacts__wrapper .contacts__item-info {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #2B2B2F;
  padding-left: 24px;
  margin: 15px 0 0;
}
.contacts__wrapper .contacts__item .open-map {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  border-bottom: 1px solid #00A94E;
  color: #00A94E;
  margin-left: 24px;
}
.contacts__wrapper .contacts__item-address .contacts__item-title::before {
  content: "";
  position: absolute;
  background-image: url(/agro_images/icons/contact/location.svg);
  width: 12px;
  height: 16px;
  top: 0;
  left: 0;
}
.contacts__wrapper .contacts__item-address .contacts__item-info {
  max-width: 390px;
}
.contacts__wrapper .contacts__item-email .contacts__item-title::before {
  position: absolute;
  background-image: url(/agro_images/icons/contact/icon-2.svg);
  content: "";
  width: 16px;
  height: 13px;
  top: 0;
  left: 0;
}
.contacts__wrapper .contacts__item-hours .contacts__item-title::before {
  background-image: url(/agro_images/icons/contact/icon-3.svg);
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
}
.contacts__wrapper .contacts__item-tel .contacts__item-title::before {
  background-image: url(/agro_images/icons/contact/icon-4.svg);
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 0;
  left: 0;
}

.about-us__content {
  padding: 30px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .about-us__content {
    padding: 30px 0 60px;
  }
}
.about-us h1 {
  margin: 30px 0 40px;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 100%;
}
.about-us__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.about-us__wrapper--type-1 {
  margin-bottom: 120px;
}
@media only screen and (max-width: 1024px) {
  .about-us__wrapper--type-1 {
    margin-bottom: 60px;
  }
}
.about-us__wrapper--type-2 {
  margin: 118px 0 93px;
}
@media only screen and (max-width: 1024px) {
  .about-us__wrapper--type-2 {
    margin: 60px 0;
  }
}
.about-us__wrapper--type-3 {
  margin-top: 99px;
}
@media only screen and (max-width: 1024px) {
  .about-us__wrapper--type-3 {
    margin-top: 60px;
  }
}
.about-us__title {
  font-size: 28px;
  line-height: 140%;
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 35px;
}
.about-us__text {
  font-size: 16px;
  line-height: 150%;
  color: #7E8085;
  margin-bottom: 20px;
}
.about-us__description {
  font-size: 16px;
  line-height: 150%;
  color: #2B2B2F;
  margin-bottom: 20px;
}
.about-us__img {
  width: calc(50% - 25px);
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .about-us__img {
    width: 100%;
    height: 58vh;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 640px) {
  .about-us__img {
    width: 100%;
    height: 40vh;
    margin: 10px 0;
  }
}
.about-us .half-box {
  width: calc(50% - 25px);
}
@media only screen and (max-width: 1280px) {
  .about-us .half-box {
    width: 100%;
  }
}

.mission {
  background-color: #F3F3F3;
  padding: 204px 0;
  background-image: url("/agro_images/icons/mission-logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44%;
  text-align: center;
}
@media only screen and (max-width: 1280px) {
  .mission {
    background-size: 70%;
  }
}
@media only screen and (max-width: 1024px) {
  .mission {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.mission__title {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #2B2B2F;
  margin-bottom: 30px;
}
.mission__text {
  font-size: 28px;
  line-height: 36px;
  text-transform: uppercase;
  color: #2B2B2F;
  padding: 0 20%;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .mission__text {
    padding: 0 10%;
  }
}
@media only screen and (max-width: 1024px) {
  .mission__text {
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  .mission__text {
    font-size: 22px;
    line-height: 28px;
  }
}
.mission__text span {
  text-decoration: underline;
}

.laboratory {
  padding: 0;
}
.laboratory p {
  margin: 0;
}
.laboratory__head {
  padding: 30px 0 330px;
  background-image: url(/agro_images/icons/laboratory/top-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-bottom: 100px;
}
@media only screen and (max-width: 640px) {
  .laboratory__head {
    padding: 30px 0 140px;
    margin-bottom: 50px;
  }
}
.laboratory__head-wrapper {
  position: relative;
}
.laboratory__head-vitro {
  position: absolute;
  height: 200px;
  width: 200px;
  background-image: url(/agro_images/icons/laboratory/vitro-logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  top: 270px;
  right: 0;
  cursor: pointer;
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .laboratory__head-vitro {
    width: 115px;
    height: 115px;
    top: 310px;
    right: 0;
  }
}
@media only screen and (max-width: 1280px) {
  .laboratory__head-vitro {
    width: 100px;
    height: 100px;
    right: 0;
    top: 315px;
  }
}
@media only screen and (max-width: 1024px) {
  .laboratory__head-vitro {
    right: 20px;
    top: 355px;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory__head-vitro {
    right: 20px;
    top: 165px;
  }
}
.laboratory__head .breadcrumbs a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
.laboratory__head .breadcrumbs a:hover {
  border-bottom: 1px solid transparent;
}
.laboratory__head .breadcrumbs li:not(:first-child) a {
  color: #fff;
  border: none;
}
.laboratory__head .breadcrumbs li:last-child:after {
  color: #fff;
  border: none;
  background-image: url(/agro_images/icons/laboratory/arrow.svg);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .laboratory__head .breadcrumbs li:nth-last-child(2) a {
    color: #fff;
  }
  .laboratory__head .breadcrumbs li:nth-last-child(2):after {
    background-image: url(/agro_images/icons/laboratory/arrow.svg);
  }
}
.laboratory h1 {
  text-align: center;
  margin-bottom: 117px;
  font-size: 55px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 0 0 117px;
}
@media only screen and (max-width: 798px) {
  .laboratory h1 {
    font-size: 28px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory h1 {
    font-size: 24px;
    margin-bottom: 35px;
  }
}
.laboratory__info {
  padding: 33px 0 120px;
  position: relative;
}
@media only screen and (max-width: 1280px) {
  .laboratory__info {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 798px) {
  .laboratory__info {
    padding: 23px 0 0;
  }
}
.laboratory__info-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  min-height: 389px;
}
@media only screen and (max-width: 1024px) {
  .laboratory__info-wrapper {
    flex-direction: column;
  }
}
.laboratory__info .column {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .laboratory__info .column {
    width: 100%;
    margin-bottom: 30px;
  }
}
.laboratory__info-img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 655px;
}
@media only screen and (max-width: 1366px) {
  .laboratory__info-img {
    top: 290px;
    position: absolute;
    width: 48%;
  }
}
@media only screen and (max-width: 1280px) {
  .laboratory__info-img {
    position: static;
    width: 65%;
  }
}
@media only screen and (max-width: 1024px) {
  .laboratory__info-img {
    position: static;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory__info-img {
    width: 100%;
  }
}
.laboratory__info-title {
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 60px;
}
@media only screen and (max-width: 798px) {
  .laboratory__info-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__info-title {
    margin-bottom: 20px;
    font-size: 20px;
  }
}
.laboratory__info-text {
  font-size: 20px;
  line-height: 150%;
  color: #7E8085;
  padding: 0;
}
@media only screen and (max-width: 480px) {
  .laboratory__info-text {
    font-size: 16px;
  }
}
.laboratory__stages {
  padding: 120px 0;
  background-color: #00A94E;
  color: #FFFFFF;
  margin-bottom: 99px;
}
@media only screen and (max-width: 798px) {
  .laboratory__stages {
    padding: 60px 0;
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__stages {
    padding: 30px 0;
    margin-bottom: 30px;
  }
}
.laboratory__stages-title {
  max-width: 706px;
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
  .laboratory__stages-title {
    width: 100%;
    margin-bottom: 40px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__stages-title {
    margin-bottom: 25px;
    font-size: 20px;
  }
}
.laboratory__stages-items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.laboratory__stages-item {
  width: calc(25% - 20px);
  margin: 0 10px;
  padding-top: 30px;
  position: relative;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
@media only screen and (max-width: 1024px) {
  .laboratory__stages-item {
    width: calc(50% - 20px);
  }
}
@media only screen and (max-width: 798px) {
  .laboratory__stages-item {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__stages-item {
    font-size: 16px;
  }
}
.laboratory__stages-item::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.47);
  position: absolute;
  width: 28px;
  height: 1px;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 1024px) {
  .laboratory__stages-item::before {
    top: 20px;
  }
}
.laboratory__breeding {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.laboratory__breeding .column {
  width: calc(50% - 25px);
}
@media only screen and (max-width: 1024px) {
  .laboratory__breeding .column {
    width: 100%;
  }
}
@media only screen and (max-width: 1280px) {
  .laboratory__breeding .column:nth-child(1) {
    margin-bottom: 20px;
  }
}
.laboratory__breeding-text {
  font-size: 20px;
  line-height: 150%;
  color: #7E8085;
  margin: 0;
}
.laboratory__breeding-text + .laboratory__breeding-text {
  margin-top: 40px;
}
@media only screen and (max-width: 480px) {
  .laboratory__breeding-text + .laboratory__breeding-text {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__breeding-text {
    font-size: 16px;
  }
}
.laboratory__breeding-img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .laboratory__breeding-img {
    width: 70%;
  }
}
@media only screen and (max-width: 1024px) {
  .laboratory__breeding-img {
    width: 60%;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory__breeding-img {
    width: 100%;
  }
}
.laboratory__conditions {
  padding: 120px 0;
}
@media only screen and (max-width: 798px) {
  .laboratory__conditions {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__conditions {
    padding: 30px 0;
  }
}
.laboratory__conditions-head {
  margin-bottom: 14px;
  display: flex;
}
.laboratory__conditions-title {
  max-width: 636px;
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  margin-right: 266px;
}
@media only screen and (max-width: 1024px) {
  .laboratory__conditions-title {
    margin-right: 100px;
  }
}
@media only screen and (max-width: 798px) {
  .laboratory__conditions-title {
    margin-right: 20px;
    font-size: 24px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__conditions-title {
    font-size: 20px;
  }
}
.laboratory__conditions-title span {
  color: #00A94E;
}
.laboratory__conditions-vitro {
  width: 190px;
  height: 190px;
  background-image: url(/agro_images/icons/laboratory/vitro-logo-2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .laboratory__conditions-vitro {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .laboratory__conditions-vitro {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  .laboratory__conditions-vitro {
    width: 90px;
    height: 90px;
    margin-left: 10px;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory__conditions-vitro {
    width: 60px;
    height: 60px;
  }
}
.laboratory__conditions-item {
  padding-top: 30px;
  position: relative;
}
.laboratory__conditions-item::before {
  content: "";
  position: absolute;
  width: 28px;
  height: 1px;
  background-color: #7E8085;
  top: 0;
  left: 0;
}
.laboratory__conditions-item + .laboratory__conditions-item {
  margin-top: 60px;
}
@media only screen and (max-width: 798px) {
  .laboratory__conditions-item + .laboratory__conditions-item {
    margin-top: 40px;
  }
}
.laboratory__conditions-subtitle {
  font-weight: 550;
  font-size: 18px;
  line-height: 150%;
  color: #2B2B2F;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480px) {
  .laboratory__conditions-subtitle {
    font-size: 16px;
  }
}
.laboratory__conditions-text {
  font-size: 20px;
  line-height: 150%;
  color: #7E8085;
}
@media only screen and (max-width: 480px) {
  .laboratory__conditions-text {
    font-size: 16px;
  }
}
.laboratory__culture {
  padding: 120px 0 14px;
}
@media only screen and (max-width: 798px) {
  .laboratory__culture {
    padding: 60px 0 14px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__culture {
    padding: 30px 0 14px;
  }
}
.laboratory__culture-title {
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  color: #2B2B2F;
  max-width: 741px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 798px) {
  .laboratory__culture-title {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory__culture-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.laboratory__culture-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.laboratory__culture-item {
  width: calc(25% - 15px);
  margin: 0 7.5px 80px;
}
@media only screen and (max-width: 1024px) {
  .laboratory__culture-item {
    width: calc(33.333% - 10px);
    margin: 0 5px 80px;
  }
}
@media only screen and (max-width: 798px) {
  .laboratory__culture-item {
    width: calc(50% - 10px);
    margin: 0 5px 80px;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory__culture-item {
    width: 100%;
    margin: 0 0 30px 0;
  }
}
.laboratory__culture-img {
  margin-bottom: 25px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}
.laboratory__culture-subtitle {
  font-weight: 550;
  font-size: 22px;
  line-height: 120%;
  text-align: center;
  color: #2B2B2F;
}
@media only screen and (max-width: 480px) {
  .laboratory__culture-subtitle {
    font-size: 18px;
  }
}
.laboratory__decor {
  background-color: #00A94E;
  padding: 33px 0;
}
@media only screen and (max-width: 640px) {
  .laboratory__decor {
    padding: 25px;
  }
}
.laboratory__decor-wrapper {
  height: 30px;
  background-image: url(/agro_images/icons/laboratory/in-vitro.svg);
  background-repeat: repeat-x;
}
@media only screen and (max-width: 640px) {
  .laboratory__decor-wrapper {
    height: 22px;
    background-size: contain;
  }
}

.inner-categories {
  position: relative;
  border-bottom: 1px #f3f3f3 solid;
  min-width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 15px 0;
}
@media only screen and (max-width: 1024px) {
  .inner-categories {
    min-width: 100%;
    max-width: 100%;
  }
}
.inner-categories .categories-arrows {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.inner-categories .slider-categories__button {
  width: 30px;
  border-radius: 2px;
  height: 30px;
  background-color: #f5f5f5;
  box-shadow: 0 0 2px rgba(34, 34, 34, 0.3);
  background-position: center;
}
.inner-categories .slider-categories__button--prev {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M19 12L5 12' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M12 5L5 12L12 19' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.inner-categories .slider-categories__button--next {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 12L19 12' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M12 5L19 12L12 19' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px 24px;
}
.inner-categories__item {
  padding: 1px 10px 0;
  display: block;
  width: auto !important;
  text-decoration: none;
}
.inner-categories__item.active .title {
  color: #00A94E;
}
.inner-categories__item:hover .title {
  color: #00A94E;
}
.inner-categories__item .item-img {
  height: 100px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  pointer-events: none;
  border-radius: 2px;
  border: 1px solid transparent;
  transition: border-color 0.3s;
}
.inner-categories__item img {
  height: 100%;
  border-radius: 50%;
}
.inner-categories__item .title {
  text-align: center;
  color: #2B2B2F;
  transition: color 0.3s;
}

.sorting-h-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1280px) {
  .sorting-h-wrap {
    flex-wrap: wrap;
  }
}
.sorting-h-wrap h1, .sorting-h-wrap .h1 {
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap h1, .sorting-h-wrap .h1 {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
.sorting-h-wrap .dropdown {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .dropdown {
    display: block;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .sorting-h-wrap .dropdown {
    flex-grow: 1;
  }
}
.sorting-h-wrap .v-select {
  min-width: 386px;
  max-width: 386px;
}
@media only screen and (max-width: 1024px) {
  .sorting-h-wrap .v-select {
    min-width: 57px;
    max-width: 57px;
  }
}

.catalog-filter-wrap {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .catalog-filter-wrap {
    flex-direction: column;
  }
}
.catalog-filter-wrap .column.filter-wrap {
  min-width: 264px;
  max-width: 264px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .catalog-filter-wrap .column.filter-wrap > .filter-wrapper {
    display: none;
  }
}
.catalog-filter-wrap .column.catalog-wrap {
  min-width: calc(100% - 264px);
  max-width: calc(100% - 264px);
  margin-top: -20px;
}
@media only screen and (max-width: 1024px) {
  .catalog-filter-wrap .column.catalog-wrap {
    margin-top: 0;
    min-width: 100%;
    max-width: 100%;
  }
}

.catalog-wrap {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
}
@media only screen and (max-width: 1024px) {
  .catalog-wrap {
    margin-left: 0;
  }
}
.catalog-wrap > .catalog-item {
  min-width: 22.1%;
  max-width: 22.1%;
  padding: 20px 0 40px;
  margin-left: 25px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .catalog-wrap > .catalog-item {
    margin-left: 20px;
  }
}
@media (min-width: 799px) and (max-width: 1024px) {
  .catalog-wrap > .catalog-item {
    min-width: 22%;
    max-width: 22%;
    margin-left: 11px;
  }
}
@media (min-width: 641px) and (max-width: 798px) {
  .catalog-wrap > .catalog-item {
    min-width: 32%;
    max-width: 32%;
    margin-left: 4px;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  .catalog-wrap > .catalog-item {
    min-width: 49%;
    max-width: 49%;
    margin-left: 3px;
  }
}
@media only screen and (max-width: 480px) {
  .catalog-wrap > .catalog-item {
    min-width: 100%;
    max-width: 100%;
    margin-left: 0;
  }
}
.catalog-wrap > nav {
  width: 100%;
}

.delivery-wrapper {
  padding: 30px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .delivery-wrapper {
    padding: 30px 0 60px;
  }
}
.delivery-wrapper h1 {
  margin: 30px 0 80px;
  font-size: 30px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1024px) {
  .delivery-wrapper h1 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .delivery-wrapper .breadcrumbs {
    margin: 0;
    padding: 0;
  }
}

.delivery {
  display: flex;
  width: 100%;
  flex-direction: column;
  margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
  .delivery {
    margin-left: 0px;
  }
}
.delivery__sidebar {
  width: 25%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
  .delivery__sidebar {
    width: 100%;
  }
}
.delivery__head {
  position: relative;
  cursor: pointer;
  padding: 40px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #2B2B2F;
}
@media only screen and (max-width: 1024px) {
  .delivery__head {
    padding: 20px;
  }
}
.delivery__head::after {
  content: "";
  position: absolute;
  right: 40px;
  top: 50%;
  width: 9px;
  height: 5px;
  background-image: url(/agro_images/icons/dropdown-arrow-black.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s;
  transform: rotate(180deg);
}
@media only screen and (max-width: 1024px) {
  .delivery__head::after {
    right: 20px;
  }
}
.delivery__wrapper {
  padding: 40px;
  background: #F9F9F9;
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
  margin-bottom: 20px;
}
.delivery__wrapper-info {
  font-size: 16px;
  line-height: 150%;
  color: #7E8085;
  margin-bottom: 30px;
  margin-top: 0;
  padding-right: 65px;
}
@media only screen and (max-width: 1024px) {
  .delivery__wrapper-info {
    padding-right: 0;
  }
}
.delivery__wrapper-text {
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2F;
  padding-left: 35px;
  position: relative;
}
.delivery__wrapper-text::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  background-color: #00A94E;
  left: 0;
  top: 7px;
}
.delivery__inner {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
@media only screen and (max-width: 640px) {
  .delivery__inner {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 10px;
  }
}
.delivery__inner-logo {
  width: 236px;
  height: 84.46px;
  margin-right: 50px;
}
.delivery__inner-info {
  font-size: 18px;
  line-height: 120%;
  color: #2B2B2F;
  position: relative;
  padding-left: 15px;
}
.delivery__inner-info::before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00A94E;
  top: 7px;
  left: 0;
}
.delivery__item {
  margin-bottom: 30px;
}
.delivery__item:last-child {
  margin-bottom: 0;
}
.delivery__item-title {
  font-weight: 550;
  font-size: 18px;
  line-height: 120%;
  color: #2B2B2F;
  margin-bottom: 15px;
}
.delivery__item-text {
  font-size: 16px;
  line-height: 140%;
  color: #2B2B2F;
  margin-bottom: 18px;
  margin-top: 0;
}

.dropdown-button.active .delivery__head::after {
  transform: rotate(360deg);
}

.payment {
  width: 100%;
  margin-left: 50px;
}
.payment p {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .payment {
    flex-direction: column;
    margin-left: 0px;
  }
}
.payment__items {
  padding: 40px 56px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .payment__items {
    padding: 40px 0;
  }
}
.payment__head {
  display: flex;
}
.payment__item {
  width: calc(50% - (55px / 2));
  margin-bottom: 40px;
}
.payment__item:nth-child(3), .payment__item:nth-child(4) {
  margin-bottom: 0px;
}
@media only screen and (max-width: 798px) {
  .payment__item {
    width: 100%;
  }
}
.payment__item-title {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  color: #2B2B2F;
  position: relative;
  margin-top: 6px;
}
.payment__item-logo {
  margin-right: 13px;
  margin-bottom: 15px;
}

.guarantee {
  width: 100%;
  margin-left: 50px;
}
@media only screen and (max-width: 1024px) {
  .guarantee {
    flex-direction: column;
    margin-left: 0px;
  }
}
.guarantee__item {
  margin-bottom: 30px;
}
.guarantee__item:last-child {
  margin-bottom: 0;
}
.guarantee__item-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  color: #2B2B2F;
  margin-bottom: 15px;
}
.guarantee__item-text {
  margin: 0;
  font-size: 16px;
  line-height: 150%;
  color: #7E8085;
}
.guarantee__item-text + .guarantee__item-text {
  margin-top: 30px;
}

.breadcrumbs {
  margin: 0 0 20px 0;
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .breadcrumbs {
    display: flex;
    overflow-x: scroll;
    padding-bottom: 10px;
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 30px;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .breadcrumbs li {
    display: none;
  }
  .breadcrumbs li:nth-last-child(2) {
    display: block;
    margin-right: 0;
    margin-left: 18px;
  }
  .breadcrumbs li:nth-last-child(2) a {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #2B2B2F;
    text-decoration: none;
  }
  .breadcrumbs li:nth-last-child(2):after {
    display: block !important;
    transform: translateY(-50%) scale(-1, 1);
    background-image: url("/agro_images/icons/breadcrumbs-arrow-black.svg");
  }
}
.breadcrumbs li:after {
  content: "";
  position: absolute;
  right: calc(100% + 12px);
  width: 5px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("/agro_images/icons/breadcrumbs-arrow-black.svg");
}
.breadcrumbs li:first-child:after {
  display: none;
}
.breadcrumbs li:last-child:after {
  width: 5px;
  height: 9px;
  content: "";
  position: absolute;
  background-image: url("/agro_images/icons/breadcrumbs-arrow-black.svg");
}
.breadcrumbs li:last-child a {
  color: #2B2B2F;
  text-decoration: none;
  pointer-events: none;
}
.breadcrumbs a {
  color: #00A94E;
  font-size: 16px;
  line-height: 16px;
}
@media only screen and (max-width: 1024px) {
  .breadcrumbs a {
    white-space: nowrap;
  }
}
.breadcrumbs li:not(:first-child) a {
  text-decoration: none;
}

.pagination {
  margin: 77px 0 120px;
  min-width: 100%;
  max-width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .pagination {
    margin: 50px 0 85px;
  }
}
.pagination li.prev {
  transform: scale(-1, 1);
}
.pagination li.next a, .pagination li.prev a {
  width: 55px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 12L19 12' fill='transparent' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M12 5L19 12L12 19' fill='transparent' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.pagination li.next a:hover, .pagination li.prev a:hover {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 12L19 12' fill='transparent' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3cpath d='M12 5L19 12L12 19' fill='transparent' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
}
.pagination li.active a {
  border-color: #EAEAEA;
  background-color: #EAEAEA;
}
.pagination li:hover a {
  border-color: #00A94E;
  background-color: #00A94E;
  color: #fff;
}
.pagination a {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #EAEAEA;
  text-align: center;
  line-height: 48px;
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  color: #2B2B2F;
  transition: all 0.3s;
}
@media only screen and (max-width: 798px) {
  .pagination a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}
.pagination a span {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
.pagination a .prev-page {
  background-image: url("/agro_images/icons/pagination-prev-arrow.svg");
}
.pagination a .prev-page:hover {
  background-image: url("/agro_images/icons/pagination-prev-arrow-white.svg");
}
.pagination a .next-page {
  background-image: url("/agro_images/icons/pagination-next-arrow.svg");
}
.pagination a .next-page:hover {
  background-image: url("/agro_images/icons/pagination-next-arrow-white.svg");
}

.img-preloader {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.img-preloader span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.img-preloader img {
  max-width: 100%;
  max-height: 100%;
}
.img-preloader .ticket-preloader {
  width: 28%;
  height: 28%;
}

.opacity-enter-active,
.opacity-leave-active {
  transition: opacity 0.2s;
}

.opacity-enter,
.opacity-leave-to {
  opacity: 0;
}

.top-enter-active {
  -webkit-animation: top-in 0.5s;
          animation: top-in 0.5s;
}

.top-leave-active {
  animation: top-in 0.2s reverse;
}

.right-enter-active {
  -webkit-animation: right-in 0.5s;
          animation: right-in 0.5s;
}

.right-leave-active {
  animation: right-in 0.2s reverse;
}

.scale-enter-active,
.scale-leave-active {
  transition: transform 0.2s;
}

.scale-enter,
.scale-leave-to {
  transform: scale3d(1, 0, 1);
}

@-webkit-keyframes top-in {
  0% {
    opacity: 0;
    transform: translateY(-120%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes top-in {
  0% {
    opacity: 0;
    transform: translateY(-120%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes right-in {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes right-in {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateY(0);
  }
}
.dropdown-button {
  padding-right: 10px;
  position: relative;
}
.dropdown-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  transform: translateY(-50%);
  height: 5px;
  background-image: url("/agro_images/icons/dropdown-arrow.svg");
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.3s;
}
.dropdown-button.active:after {
  transform: translateY(-50%) scale(1, -1);
}
.dropdown.inline-absolute {
  display: inline-block;
  padding: 13px 0;
}
.dropdown .inline-absolute-wrap {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  z-index: 3;
}
.dropdown-list {
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
.dropdown-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-list li:last-child {
  border-bottom-color: transparent;
}
.dropdown-list li:hover a {
  color: #00A94E;
}
.dropdown-list a {
  display: block;
  padding: 20px 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2F;
  text-decoration: none;
  transition: color 0.3s;
}

.banner-slider {
  margin-top: 10px;
}
.banner-slider .container {
  max-width: 1317px;
  width: 100%;
  padding: 0px;
}
.banner-slider__slider-nav {
  margin: 15px auto 0;
}
.banner-slider__button {
  width: 24px;
  height: 24px;
  margin: 0 30px;
}
.banner-slider__button:focus {
  outline: none;
}
@media only screen and (max-width: 375px) {
  .banner-slider__button {
    margin: 0 15px;
  }
}
@media only screen and (max-width: 320px) {
  .banner-slider__button {
    margin: 0 10px;
  }
}
.banner-slider .banner__button--prev {
  background: url("/agro_images/icons/slider-left.svg");
}
.banner-slider .banner__button--next {
  background-image: url("/agro_images/icons/slider-right.svg");
}
.banner-slider .swiper-pagination {
  position: static;
  z-index: 0;
}
.banner-slider .swiper-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1024px) {
  .banner-slider .swiper-container {
    overflow: hidden;
  }
}
.banner-slider .swiper-slide {
  opacity: 0;
  display: flex;
  width: calc(100% - 100px);
  transition: opacity 1s;
}
@media only screen and (max-width: 1024px) {
  .banner-slider .swiper-slide {
    width: 100%;
  }
}
.banner-slider .swiper-slide-active {
  opacity: 1;
}
.banner-slider .swiper-slide-prev {
  opacity: 0;
}
.banner-slider .swiper-pagination-bullet {
  opacity: 1;
  width: 24px;
  height: 24px;
  margin: 0 17px;
  position: relative;
  background: none;
}
.banner-slider .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 30%;
  left: 30%;
  width: 8px;
  height: 8px;
  background-color: #00A94E;
  transition: opacity 0.2s, box-shadow 0.2s;
  border-radius: 100%;
}
.banner-slider .swiper-pagination-bullet-active {
  opacity: 1;
  margin: 0 16px;
}
.banner-slider .swiper-pagination-bullet-active::after {
  background: #2B2B2F;
  box-shadow: 0 0 0 8px #2B2B2F;
}
.banner-slider .swiper-pagination-bullet:focus {
  outline: none;
}
@media only screen and (max-width: 798px) {
  .banner-slider .swiper-pagination-bullet {
    margin: 0 15px;
  }
  .banner-slider .swiper-pagination-bullet::after {
    width: 12px;
    height: 12px;
  }
  .banner-slider .swiper-pagination-bullet-active::after {
    box-shadow: 0 0 0 5px #2B2B2F;
  }
}
.banner-slider .object-fit {
  padding-bottom: 34%;
}
.banner-slider .object-fit > img {
  -o-object-fit: contain;
     object-fit: contain;
}

.catalog-slider {
  margin: 64px 0 120px;
}
@media only screen and (max-width: 480px) {
  .catalog-slider {
    margin: 60px 0 80px;
  }
}
.catalog-slider:last-child {
  margin: 64px 0 60px;
}
@media only screen and (max-width: 1024px) {
  .catalog-slider:last-child {
    margin: 60px 0 40px;
  }
}
.catalog-slider__header {
  margin-bottom: 40px;
}
@media only screen and (max-width: 480px) {
  .catalog-slider__header {
    margin-bottom: 20px;
  }
}
.catalog-slider__title {
  font-weight: normal;
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 6px;
}
@media only screen and (max-width: 640px) {
  .catalog-slider__title {
    font-size: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.catalog-slider__checkout-all {
  font-weight: 550;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  color: #00A94E;
  padding-bottom: 1px;
  border-bottom: 1px solid #00A94E;
}
.catalog-slider__checkout-all:hover {
  color: #2B2B2F;
  border-bottom: 1px solid #2B2B2F;
}
@media only screen and (max-width: 798px) {
  .catalog-slider .swiper-container {
    margin: 0 -15px;
    min-width: calc(100% + 30px);
    max-width: calc(100% + 30px);
  }
}
.catalog-slider .swiper-slide {
  width: 263px;
}
@media only screen and (max-width: 798px) {
  .catalog-slider .swiper-slide {
    width: 187px;
  }
}
@media (min-width: 481px) and (max-width: 798px) {
  .catalog-slider .swiper-scrollbar {
    width: 95% !important;
    left: 2% !important;
  }
}
@media only screen and (max-width: 480px) {
  .catalog-slider .swiper-scrollbar {
    width: 91% !important;
    left: 4% !important;
  }
}
.catalog-slider .swiper-container-horizontal > .swiper-scrollbar {
  left: 0;
  width: 100%;
  cursor: pointer;
}
.catalog-slider .swiper-wrapper {
  margin-bottom: 50px !important;
}
@media only screen and (max-width: 480px) {
  .catalog-slider .swiper-wrapper {
    margin-bottom: 30px !important;
  }
}

.vertical-slider {
  font-size: 0;
}
@media only screen and (max-width: 798px) {
  .vertical-slider {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }
}
.vertical-slider .small-slider {
  min-width: 15%;
  max-width: 15%;
  height: 515px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
@media only screen and (max-width: 798px) {
  .vertical-slider .small-slider {
    height: unset;
    min-width: 100%;
    max-width: 100%;
  }
}
.vertical-slider .small-slider .img-wrapper {
  padding: 12px 0;
}
.vertical-slider .small-slider .img-preloader .ticket-preloader {
  width: 35px;
  height: 35px;
}
@media only screen and (max-width: 798px) {
  .vertical-slider .small-slider .img-preloader img {
    max-width: 80px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media only screen and (max-width: 480px) {
  .vertical-slider .small-slider .img-preloader img {
    max-width: 60px;
  }
}
.vertical-slider .small-slider .slick-current {
  position: relative;
}
.vertical-slider .small-slider .slick-current::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #00A94E;
}
.vertical-slider .big-slider {
  width: 85%;
  height: 515px;
  max-width: 515px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
@media only screen and (max-width: 798px) {
  .vertical-slider .big-slider {
    height: unset;
    min-width: 100%;
    max-width: 100%;
  }
}
.vertical-slider .big-slider .slick-slider,
.vertical-slider .big-slider .slick-list,
.vertical-slider .big-slider .slick-track {
  height: 100%;
}
.vertical-slider .big-slider .slick-slide {
  position: relative;
}
.vertical-slider .big-slider .slick-slide .catalog-item__labels {
  left: 0px;
  top: 0px;
}
.vertical-slider .big-slider .img-wrapper {
  width: 100%;
}
.vertical-slider .big-slider .img-preloader .ticket-preloader {
  width: unset;
  height: unset;
  margin: auto;
}
.vertical-slider .big-slider .img-preloader img {
  margin-right: auto;
}
@media only screen and (max-width: 798px) {
  .vertical-slider .big-slider .img-preloader img {
    margin-right: unset;
  }
}
.vertical-slider .big-slider .play-video img {
  margin-right: unset;
}
.vertical-slider .big-slider .img-preloader span {
  height: 500px;
}
@media only screen and (max-width: 798px) {
  .vertical-slider .big-slider .img-preloader span {
    height: 295px;
  }
}

.big-slider__slide .object-fit {
  height: 515px;
}
@media only screen and (max-width: 798px) {
  .big-slider__slide .object-fit {
    height: 295px;
  }
}
.big-slider__slide .object-fit > img {
  -o-object-fit: contain;
     object-fit: contain;
}

.small-slider__slide {
  padding: 12px;
}
@media (min-width: 799px) and (max-width: 1024px) {
  .small-slider__slide {
    padding: 8px;
  }
}
.small-slider__slide .object-fit {
  width: 75px;
  height: 75px;
}
@media (min-width: 799px) and (max-width: 1024px) {
  .small-slider__slide .object-fit {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (max-width: 798px) {
  .small-slider__slide .object-fit {
    width: 80px;
    height: 80px;
  }
}
.small-slider__slide .object-fit > img {
  -o-object-fit: contain;
     object-fit: contain;
}

.catalog-item {
  padding: 20px 15px 40px;
  position: relative;
}
@media only screen and (max-width: 480px) {
  .catalog-item {
    padding: 20px 31px 40px;
  }
}
.catalog-item.banner {
  padding: 0px;
}
.catalog-item.banner img {
  width: 100%;
  height: 100%;
}
.catalog-item.banner .catalog-item__item-img {
  height: auto;
  padding-top: 150%;
}
.catalog-item__image {
  position: relative;
}
.catalog-item__labels {
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 0px;
  pointer-events: none;
}
.catalog-item__labels span {
  padding: 7px 0;
  line-height: 150%;
  color: #fff;
  margin-right: 5px;
  width: 85px;
  border-radius: 0px 0px 4px 0px;
}
.catalog-item__labels .promo {
  background-color: #FF6B00;
}
.catalog-item__labels .new {
  background-color: #00A94E;
}
.catalog-item__delete {
  position: absolute;
  z-index: 1;
  right: -9px;
  top: -11px;
  background-image: url("/agro_images/icons/trash-icon.svg");
  background-repeat: no-repeat;
  background-color: #E5E5E5;
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.catalog-item__delete:hover {
  background-color: #7E8085;
}
.catalog-item__item-img {
  display: block;
  height: auto;
  padding-top: 100%;
  position: relative;
  margin: 0;
}
.catalog-item__item-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.catalog-item__description {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 32px;
  overflow: hidden;
  font-size: 16px;
}
.catalog-item__description a {
  color: #333333;
  text-decoration: none;
}
.catalog-item__description a:hover {
  color: #00A94E;
}
@media only screen and (max-width: 798px) {
  .catalog-item__description {
    height: 42px;
    overflow: hidden;
  }
}
.catalog-item__price-val {
  color: #2B2B2F;
  font-weight: bold;
  font-size: 24px;
}
.catalog-item__old-price {
  color: #7E8085;
  text-decoration: line-through;
}
.catalog-item__promo-price {
  color: #FF6B00;
  font-weight: bold;
  font-size: 24px;
}
.catalog-item__bottom-icons {
  width: 63px;
}
.catalog-item__favorite .favorite {
  background-image: url("/agro_images/icons/heart.svg");
  background-repeat: no-repeat;
  cursor: pointer;
  width: 26px;
  height: 24px;
}
.catalog-item__favorite .favorite__active, .catalog-item__favorite .favorite:hover {
  background-image: url("/agro_images/icons/inFavs.svg");
  background-repeat: no-repeat;
  cursor: pointer;
  width: 26px;
  height: 24px;
}
.catalog-item__add-cart .add-cart {
  background-image: url("/agro_images/icons/shopping-cart.svg");
  background-repeat: no-repeat;
  cursor: pointer;
  width: 26px;
  height: 24px;
}
.catalog-item__add-cart .add-cart__active, .catalog-item__add-cart .add-cart:hover {
  background-image: url("/agro_images/icons/in-shopping-cart.svg");
  background-repeat: no-repeat;
  cursor: pointer;
  width: 26px;
  height: 24px;
}

.content-item {
  position: relative;
  padding: 0 5px;
}
@media only screen and (max-width: 798px) {
  .content-item {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 480px) {
  .content-item {
    padding: 0 60px;
  }
}
.content-item__image {
  position: relative;
}
.content-item__labels {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  pointer-events: none;
}
.content-item__labels span {
  padding: 7px;
  background-color: #FF6B00;
  border-radius: 0px 0px 4px 0px;
  line-height: 150%;
  color: #fff;
}
.content-item__item-img {
  display: block;
  height: auto;
  padding-top: 100%;
  position: relative;
  margin: 0;
}
.content-item__item-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
}
.content-item__item-img:hover .see-more {
  background-image: url("/agro_images/icons/blog-arrow.svg");
  background-size: cover;
  width: 145px;
  height: 145px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.content-item .play-video {
  background-image: url("/agro_images/icons/play-video.svg");
  background-size: cover;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.content-item .play-video:hover {
  background-image: url("/agro_images/icons/play-video-hover.svg");
}
.content-item__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  position: relative;
  padding-left: 20px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.content-item__title a {
  text-decoration: none;
  border-bottom: 1px solid #2B2B2F;
  color: #2B2B2F;
}
.content-item__title a:hover {
  border-bottom: 1px solid transparent;
}
.content-item__description {
  padding-left: 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
  color: #7E8085;
}

.to-top {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: -30px;
  right: 18px;
  z-index: 1;
}
.to-top.ru {
  background-image: url("/agro_images/icons/to-top-ru.svg");
}
.to-top.uk {
  background-image: url("/agro_images/icons/to-top-uk.svg");
}
.to-top.en {
  background-image: url("/agro_images/icons/to-top-en.svg");
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .to-top {
    width: 115px;
    height: 115px;
    right: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .to-top {
    width: 100px;
    height: 100px;
    right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .to-top {
    width: 90px;
    height: 90px;
    top: 140px;
    right: 20px;
  }
}
@media only screen and (max-width: 798px) {
  .to-top {
    width: 60px;
    height: 60px;
    right: 48px;
    top: 260px;
  }
}

.subscribe__discounts {
  background-color: #00A94E;
}
.subscribe__discounts-inner {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 47px 0;
}
@media (min-width: 799px) and (max-width: 1024px) {
  .subscribe__discounts-inner {
    display: flex;
    width: 100%;
    padding: 60px 0;
  }
}
@media only screen and (max-width: 798px) {
  .subscribe__discounts-inner {
    padding: 60px 0 90px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.subscribe__discounts-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  color: #FFFFFF;
  max-width: 550px;
  margin: 0 116px 0 0;
}
@media (min-width: 1281px) and (max-width: 1440px) {
  .subscribe__discounts-title {
    max-width: 500px;
    font-size: 25px;
    line-height: 115%;
    margin-right: 58px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .subscribe__discounts-title {
    max-width: 385px;
    font-size: 25px;
    line-height: 115%;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .subscribe__discounts-title {
    font-size: 22px;
    line-height: 140%;
    margin: 0 20px 0 0;
    max-width: 380px;
  }
}
@media only screen and (max-width: 798px) {
  .subscribe__discounts-title {
    max-width: 100%;
    min-height: 65px;
    margin: 0 0 15px 0;
  }
}
.subscribe__discounts-email {
  border: none;
  margin-right: 40px;
  outline: none;
  flex-grow: 3;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .subscribe__discounts-email {
    margin-right: 15px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .subscribe__discounts-email {
    margin-right: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .subscribe__discounts-email {
    margin-right: 0;
    position: relative;
  }
}
@media only screen and (max-width: 798px) {
  .subscribe__discounts-email {
    margin-right: 0;
    width: 100%;
  }
}
.subscribe__discounts-send {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 280px;
  height: 60px;
  font-weight: 550;
  font-size: 14px;
  line-height: 130%;
  color: #FFFFFF;
  background: #2B2B2F;
  border: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.2s all;
}
.subscribe__discounts-send:active {
  transform: scale(0.9);
}
.subscribe__discounts-send:hover {
  background: #4F4F4F;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .subscribe__discounts-send {
    width: 195px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .subscribe__discounts-send {
    display: none;
  }
}
.subscribe__discounts-send--touch {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .subscribe__discounts-send--touch {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(/agro_images/icons/send-logo.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    font-size: 0px;
    top: 23px;
    right: 20px;
    cursor: pointer;
  }
}
.subscribe__discounts .form-error {
  position: absolute;
  bottom: -31px;
  color: white;
  background: red;
  width: 100%;
  padding: 3px;
}
.subscribe__discounts-success {
  font-size: 25px;
  line-height: 115%;
  padding: 47px 0;
}

.search {
  position: relative;
  transition: margin-right 0.3s;
  z-index: 2;
}
.search .all-results {
  display: inline-block;
  padding-right: 24px;
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .search .all-results {
    margin-bottom: 15px;
  }
}
.search .all-results:hover {
  text-decoration: underline;
}
.search .all-results:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/arrow-right.svg");
}
.search__result {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #F9F9F9;
  z-index: 3;
  padding: 16px 20px 40px 40px;
}
.search__item {
  margin-right: 20px;
  background: #fff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.search__item:last-child {
  margin-bottom: 0;
}
.search__item .item-img {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  margin-right: 15px;
}
@media only screen and (max-width: 1024px) {
  .search__item .item-img {
    width: 80px;
  }
}
.search__item .item-img img {
  width: 100%;
}
.search__item .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  padding: 16px 0;
}
@media only screen and (max-width: 1024px) {
  .search__item .info {
    padding: 10px 0;
  }
}
.search__item .info .title {
  font-size: 16px;
  line-height: 140%;
  text-transform: uppercase;
  color: #7E8085;
  transition: color 0.3s;
  text-decoration: none;
  margin-bottom: 10px;
}
.search__item .info .title:hover {
  color: #00A94E;
}
.search__item .info .vendor-code {
  font-size: 14px;
  color: #7E8085;
}
.search__item .price-wrap {
  padding: 16px 80px 16px 20px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .search__item .price-wrap {
    padding: 16px 20px 16px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .search__item .price-wrap {
    padding: 10px 0 10px 15px;
  }
}
.search__item .price-wrap .old {
  line-height: 140%;
  color: #7E8085;
  font-size: 10px;
  display: flex;
  align-items: baseline;
}
.search__item .price-wrap .old span {
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.search__item .price-wrap .old span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #FF6B00;
}
.search__item .price-wrap .old + .new {
  color: #FF6B00;
}
.search__item .price-wrap .new {
  font-weight: bold;
  font-size: 16px;
  line-height: 140%;
  color: #2B2B2F;
  display: flex;
  align-items: baseline;
}
.search__item .price-wrap .new span {
  font-size: 24px;
}
.search.big {
  margin-right: -518px;
}
.search.big input {
  width: 870px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .search.big input {
    width: 680px;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .search.big {
    margin-right: -460px;
  }
}
.search input {
  background: #F5F5F5;
  padding: 18px 45px 18px 15px;
  font-size: 14px;
  color: #7E8085;
  width: 352px;
  border: none;
  outline: none;
  transition: width 0.3s;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .search input {
    width: 220px;
  }
}
.search__trigger {
  width: 16px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/agro_images/icons/search.svg");
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.search .__view {
  max-height: 50vh;
}

.no-results {
  padding: 40px;
  color: #7E8085;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
}

.cart {
  position: relative;
  padding-left: 70px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  cursor: pointer;
}
@media only screen and (max-width: 1024px) {
  .cart {
    height: 30px;
    margin-left: 10px;
    padding-left: 30px;
  }
}
.cart:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #F5F5F5;
  background-image: url("/agro_images/icons/cart.svg");
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1024px) {
  .cart:before {
    width: 30px;
    height: 30px;
    border-radius: 0;
    background-color: transparent;
  }
}
.cart__count {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 40px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background-color: #00A94E;
  color: #fff;
  text-align: center;
  line-height: 19px;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .cart__count {
    left: 18px;
  }
}
.cart__summ .title {
  font-size: 10px;
  color: #7E8085;
  margin-bottom: 3px;
}
@media only screen and (max-width: 1024px) {
  .cart__summ .title {
    display: none;
  }
}
.cart__summ .value {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #2B2B2F;
}
@media only screen and (max-width: 1024px) {
  .cart__summ .value {
    display: none;
  }
}

.cart-box {
  margin-left: 30px;
}
@media only screen and (max-width: 1280px) {
  .cart-box {
    margin-left: 10px;
  }
}
.cart-box .background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12;
}
.cart-box__wrapper {
  position: fixed;
  transform: translate(-50%, -50%);
  max-height: 90%;
  top: 50%;
  left: 50%;
  z-index: 15;
  background-color: #fff;
}
.cart-box__header {
  padding: 20px 40px;
  border-bottom: 1px solid #E5E5E5;
}
.cart-box__title {
  position: relative;
  margin: 0;
}
.cart-box__close {
  position: absolute;
  top: 10%;
  right: 0%;
  width: 24px;
  height: 24px;
  background-image: url("/agro_images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.cart-box__body {
  padding: 40px 20px 0px 40px;
}
.cart-box .__vuescroll {
  height: calc(100% - 43px) !important;
}
.cart-box .order__headings {
  margin-bottom: 15px;
}
.cart-box .order__item {
  margin-bottom: 10px;
}
.cart-box .order__item-name {
  line-height: 140%;
}
.cart-box .order__decrease-count, .cart-box .order__increase-count {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.cart-box .order__decrease-count {
  background-image: url("/agro_images/icons/minus-icon.svg");
}
.cart-box .order__increase-count {
  background-image: url("/agro_images/icons/plus-icon.svg");
}
.cart-box .order__product-count {
  margin: 0 20px;
}
.cart-box .order__input-count {
  border: none;
  outline: none;
  width: 50px;
  text-align: center;
  margin: 0 10px;
}
@media only screen and (max-width: 1024px) {
  .cart-box .order__input-count {
    margin: 0;
  }
}
.cart-box .order__delete {
  width: 25px;
  height: 25px;
  text-align: center;
  cursor: pointer;
}
.cart-box .order__delete img {
  transform: scale(0.8);
}
.cart-box .order__img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background-color: #E8E8E8;
}
.cart-box .order .with-border {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-box .order .i-cell-1 {
  width: 451px;
}
.cart-box .order .i-cell-2 {
  width: 172px;
}
.cart-box .order .i-cell-3 {
  width: 169px;
}
.cart-box .order .i-cell-4 {
  width: 188px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .cart-box .order .i-cell-1 {
    width: 351px;
  }
  .cart-box .order .i-cell-2 {
    width: 152px;
  }
  .cart-box .order .i-cell-3 {
    width: 129px;
  }
  .cart-box .order .i-cell-4 {
    width: 158px;
  }
}
@media only screen and (max-width: 1024px) {
  .cart-box .order .i-cell-1 {
    width: 315px;
  }
  .cart-box .order .i-cell-3 {
    width: 100px;
  }
}
.cart-box__footer {
  padding: 40px 80px 40px 29px;
}
@media only screen and (max-width: 1280px) {
  .cart-box__footer {
    padding: 40px 29px;
  }
}
.cart-box__btn-shopping, .cart-box__btn-order {
  width: 239px;
  height: 55px;
  padding: 20px 0px;
  text-align: center;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.cart-box__btn-shopping {
  border: 1px solid #00A94E;
}
.cart-box__btn-shopping:hover {
  background-color: #00A94E;
  color: #fff;
}
.cart-box__btn-order {
  background-color: #00A94E;
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
.cart-box__btn-order:hover {
  background-color: #000;
  color: #fff;
}
.cart-box__summ {
  font-size: 55px;
  margin-right: 60px;
}
.cart-box .promo__old-summ {
  text-decoration: line-through;
}
.cart-box .promo__new-summ {
  color: #FF6B00;
}
.cart-box__empty {
  font-size: 24px;
  padding: 40px 40px 0 40px;
  width: 800px;
}
@media only screen and (max-width: 1024px) {
  .cart-box__empty {
    font-size: 20px;
    padding: 20px 36px;
    width: 100%;
  }
}

.cart-mobile {
  background-color: #fff;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cart-mobile__header {
  padding: 10px 16px;
  border-bottom: 1px solid #E5E5E5;
}
.cart-mobile__title {
  margin: 0;
  position: relative;
}
.cart-mobile__close {
  position: absolute;
  top: 10%;
  right: 0%;
  width: 24px;
  height: 24px;
  background-image: url("/agro_images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.cart-mobile__body {
  padding: 37px 15px 20px;
  height: calc(100% - 171px);
  overflow: hidden;
}
.cart-mobile__btn-shopping {
  text-decoration: underline;
  transition: 0.3s ease-in-out;
  cursor: pointer;
}
.cart-mobile__btn-shopping:active {
  color: #2B2B2F;
}
.cart-mobile__product {
  border-bottom: 1px solid #E5E5E5;
  padding-top: 20px;
}
.cart-mobile__product:first-child {
  padding-top: 0;
}
.cart-mobile__product-img {
  flex-shrink: 0;
  width: 67px;
  height: 67px;
  background-color: #E5E5E5;
}
.cart-mobile__product-title {
  line-height: 140%;
}
.cart-mobile__content-wrapper {
  overflow-y: auto;
  height: 100%;
}
.cart-mobile__list {
  height: 30px;
}
.cart-mobile .with-border {
  border-left: 1px solid #E5E5E5;
}
.cart-mobile__delete {
  width: 25px;
  height: 25px;
  text-align: center;
  cursor: pointer;
}
.cart-mobile__delete img {
  transform: scale(0.8);
}
.cart-mobile__footer {
  padding: 20px 36px;
}
.cart-mobile__btn-order {
  text-decoration: none;
  color: #fff;
  background-color: #00A94E;
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 15px 0;
}
.cart-mobile__btn-order:active, .cart-mobile__btn-order:hover {
  color: #fff;
  background-color: #000;
}

.contacts__form-title {
  font-size: 30px;
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
  color: #25282B;
  max-width: 359px;
  margin: 0 auto 40px;
}
.contacts__form .contacts_form-input {
  max-width: 584px;
  margin: 0 auto 30px;
}
.contacts__form .contacts_form-question {
  max-width: 584px;
  margin: 0 auto 50px;
}
.contacts__form .validation__input,
.contacts__form .validation__textarea {
  background-color: #F4F4F4;
}
.contacts__form .validation__textarea {
  resize: none;
  height: 110px;
}
.contacts__form .button {
  width: 280px;
  height: 60px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 550;
  line-height: 130%;
}

.call-back {
  position: relative;
  padding-top: 37px;
  padding-bottom: 37px;
  padding-left: 100px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #2B2B2F;
  z-index: 1;
  cursor: pointer;
  text-decoration: none;
}
.call-back::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  box-shadow: 0 15px 30px rgba(0, 169, 78, 0.25);
  background-image: url("/agro_images/icons/recall.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
@media only screen and (max-width: 1024px) {
  .call-back {
    margin-bottom: 30px;
  }
}

.laboratory-slide {
  padding: 120px 0 117px;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide {
    padding: 20px 0 60px;
  }
}
.laboratory-slide__title {
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  max-width: 823px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide__title {
    font-size: 28px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory-slide__title {
    font-size: 20px;
  }
}
.laboratory-slide__title span {
  color: #00A94E;
}
.laboratory-slide__items {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 72px;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide__items {
    margin-bottom: 35px;
  }
}
.laboratory-slide__item {
  text-align: center;
  text-transform: uppercase;
  color: #7E8085;
}
.laboratory-slide__item-text {
  font-size: 20px;
  line-height: 140%;
  max-width: 380px;
  display: block;
  margin: 0 auto !important;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide__item-text {
    font-size: 18px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 798px) {
  .laboratory-slide__item {
    width: 100% !important;
  }
}
.laboratory-slide .slide-select__items {
  position: relative;
}
.laboratory-slide .slide-select__items::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  top: 83px;
  background-color: #F3F3F3;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide .slide-select__items::before {
    top: 55px;
  }
}
.laboratory-slide .slide-select__item {
  cursor: pointer;
}
.laboratory-slide .slide-select__num {
  font-size: 30px;
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 15px;
}
@media only screen and (max-width: 798px) {
  .laboratory-slide .slide-select__num {
    font-size: 25px;
    line-height: 35px;
  }
}
.laboratory-slide .slide-select__circle {
  width: 10px;
  height: 10px;
  background-color: #C4C4C4;
  border-radius: 50%;
  margin: 0 auto 25px auto;
}
.laboratory-slide .slide-select__text {
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #2B2B2F;
  max-width: 180px;
  margin: 0 auto;
}
.laboratory-slide .slick-dots {
  bottom: -40px;
}

.slick-slide.slick-active.slick-current .slide-select__circle {
  width: 10px;
  height: 10px;
  background-color: #00A94E;
  border-radius: 50%;
  margin: 0 auto 25px auto;
}

.slick-dots li button:before {
  width: 10px;
  height: 10px;
  color: #C4C4C4 !important;
}

.slick-dots li.slick-active button:before {
  width: 10px;
  height: 10px;
  color: #00A94E !important;
}

.laboratory-benefits {
  padding: 120px 0;
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits {
    padding: 20px 0;
  }
}
.laboratory-benefits__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.laboratory-benefits .column {
  width: calc(50% - 55px / 2);
}
@media only screen and (max-width: 1024px) {
  .laboratory-benefits .column {
    width: 100%;
  }
}
.laboratory-benefits__title {
  font-size: 36px;
  line-height: 140%;
  text-transform: uppercase;
  margin-bottom: 100px;
}
@media only screen and (max-width: 1024px) {
  .laboratory-benefits__title {
    margin-right: 0;
  }
}
@media only screen and (max-width: 798px) {
  .laboratory-benefits__title {
    font-size: 24px;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory-benefits__title {
    font-size: 20px;
    margin-bottom: 35px;
  }
}
.laboratory-benefits__title span {
  color: #00A94E;
}
.laboratory-benefits__images {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .laboratory-benefits__images {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
.laboratory-benefits__images img {
  width: 50%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .laboratory-benefits__images img {
    width: 30%;
    margin-bottom: 0;
  }
}
.laboratory-benefits__images img:nth-child(2) {
  align-self: flex-start;
}
.laboratory-benefits__images img:last-child {
  margin-bottom: 0;
}
.laboratory-benefits__item {
  margin-bottom: 50px;
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits__item {
    margin-bottom: 30px;
  }
}
.laboratory-benefits__item-title {
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits__item-title {
    font-size: 16px;
  }
}
.laboratory-benefits__item-num {
  width: 83px;
  height: 83px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  line-height: 64px;
  text-transform: uppercase;
  color: #2B2B2F;
  border: 1px solid #000000;
  border-radius: 50%;
  margin-right: 35px;
  flex-shrink: 0;
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits__item-num {
    width: 60px;
    height: 60px;
    font-size: 20px;
    text-transform: uppercase;
    margin-right: 15px;
  }
}
@media only screen and (max-width: 480px) {
  .laboratory-benefits__item-num {
    width: 50px;
    height: 50px;
    font-size: 16px;
  }
}
.laboratory-benefits__item-description {
  font-size: 14px;
  line-height: 140%;
  color: #7E8085;
  margin-left: 118px !important;
}
@media only screen and (max-width: 1280px) {
  .laboratory-benefits__item-description {
    max-width: 85%;
  }
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits__item-description {
    margin-left: 75px !important;
    margin-bottom: 5px !important;
  }
}
.laboratory-benefits__inner {
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media only screen and (max-width: 640px) {
  .laboratory-benefits__inner {
    margin-bottom: 5px;
  }
}

.about-shop {
  padding: 80px 0;
  background-color: #F9F9F9;
}
@media only screen and (max-width: 640px) {
  .about-shop {
    padding: 60px 0;
  }
}
.about-shop__offer {
  padding-left: 76px;
  padding-right: 50px;
}
@media only screen and (max-width: 640px) {
  .about-shop__offer {
    padding: 0;
  }
}
.about-shop__title {
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  color: #2B2B2F;
  margin-bottom: 40px;
}
.about-shop__subtitle {
  font-weight: 550;
  font-size: 24px;
  line-height: 150%;
  color: #7E8085;
  position: relative;
}
.about-shop__subtitle::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #7E8085;
  top: 15px;
  left: -76px;
}
.about-shop p {
  font-weight: normal;
  font-size: 14px;
  line-height: 130%;
}
@media only screen and (max-width: 640px) {
  .about-shop p {
    margin: 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .tabs__wrapper {
    position: relative;
  }
  .tabs__wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
    width: 130px;
    background: linear-gradient(to left, transparent, white);
    pointer-events: none;
  }
  .tabs__wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 90%;
    width: 130px;
    background: linear-gradient(to right, transparent, white);
    pointer-events: none;
  }
}
.tabs__ul {
  display: flex;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin: 0 0 -7px 0;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .tabs__ul {
    overflow-x: auto;
  }
}
.tabs__li {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  color: #7E8085;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  padding: 0px 20px 34px;
  border-bottom: 3px solid transparent;
}
.tabs__selected {
  color: #2B2B2F;
  position: relative;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.tabs__selected::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #00A94E;
}
@media only screen and (max-width: 1024px) {
  .tabs__selected::after {
    bottom: 1px;
  }
}
@-moz-document url-prefix() {
  .tabs__selected::after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: #00A94E;
    border-radius: 3px;
  }
}

.product-page {
  padding-top: 30px;
}
@media only screen and (max-width: 798px) {
  .product-page {
    padding-bottom: 45px;
  }
}
.product-page .breadcrumbs {
  margin: 0px;
}
.product-page__inner {
  padding: 32px 0 60px;
}
@media only screen and (max-width: 798px) {
  .product-page__inner {
    flex-direction: column;
    padding: 32px 0 0;
  }
}
.product-page__slider, .product-page__about {
  width: 50%;
}
@media only screen and (max-width: 798px) {
  .product-page__slider, .product-page__about {
    width: 100%;
  }
}
.product-page__about .is-availible {
  margin-bottom: 30px;
}
.product-page__about .models {
  margin-bottom: 32px;
}
@media only screen and (max-width: 480px) {
  .product-page__about .models {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 798px) {
  .product-page__about {
    padding-top: 15px;
  }
  .product-page__about .is-availible {
    margin-bottom: 20px;
  }
  .product-page__about .models {
    margin-bottom: 30px;
  }
}
.product-page__about-order {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: auto;
}
@media only screen and (max-width: 1280px) {
  .product-page__about-order {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.product-page__about-order .favorite {
  background-image: url("/agro_images/icons/heart-empty-green.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F5F5F5;
  cursor: pointer;
  width: 56px;
  height: 56px;
  transition: 0.3s all;
}
.product-page__about-order .favorite:hover {
  background-image: url("/agro_images/icons/heart-white.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #2B2B2F;
  cursor: pointer;
  width: 56px;
  height: 56px;
}
.product-page__about-order .favorite__active {
  background-image: url("/agro_images/icons/inFavs.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #F5F5F5;
  cursor: pointer;
  width: 56px;
  height: 56px;
}
.product-page__title {
  margin: 0 0 45px;
  line-height: 140%;
  font-size: 36px;
}
@media only screen and (max-width: 798px) {
  .product-page__title {
    margin-bottom: 25px;
    font-size: 22px;
  }
}
.product-page .in-stock {
  color: #00A94E;
  background-color: #F5F5F5;
  padding: 10px;
  border-radius: 5px;
}
.product-page .in-stock span {
  position: relative;
  padding-left: 21px;
}
.product-page .in-stock span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/agro_images/icons/inStock.svg");
  width: 16px;
  height: 16px;
}
.product-page .out-stock {
  color: #FF6B00;
  background-color: #F5F5F5;
  padding: 10px;
  border-radius: 5px;
}
.product-page__models {
  display: flex;
}
@media only screen and (max-width: 798px) {
  .product-page__models {
    display: flex;
    flex-direction: column;
  }
}
.product-page__models-title {
  color: #4F4F4F;
  margin: 0 5px 0 0;
  line-height: 2;
}
@media only screen and (max-width: 798px) {
  .product-page__models-title {
    margin: 0 0 5px 0;
  }
}
.product-page__models label {
  display: inline-block;
  cursor: pointer;
  color: #595959;
  padding: 6px 8px;
  border: 1px solid #F5F5F5;
}
.product-page__models input {
  display: none;
}
.product-page__models input[type=radio]:checked + label {
  border: 1px solid #00A94E;
}
.product-page__benefits {
  background: #bff5cc73;
  padding: 30px 20px 20px;
  width: 320px;
}
.product-page__benefits ul, .product-page__benefits ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-page__benefits-item, .product-page__benefits ul li, .product-page__benefits ol li {
  position: relative;
  padding: 0 0 0 20px !important;
  margin: 0 0 5px 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.product-page__benefits-item::before, .product-page__benefits ul li::before, .product-page__benefits ol li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url("/agro_images/icons/checked-green.svg");
  background-size: cover;
  width: 10px;
  height: 10px;
}
.product-page__wholesale {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: 15px;
}
@media only screen and (max-width: 1280px) {
  .product-page__wholesale {
    margin-top: 20px;
  }
}
.product-page__wholesale-table {
  margin: 5px 0 0;
  border: 1px solid #FF6B00;
  border-radius: 4px;
  padding: 11px;
}
.product-page__wholesale-cell:first-child {
  padding: 5px;
  text-align: center;
}
.product-page__wholesale-cell:last-child {
  padding: 5px;
  text-align: center;
}
.product-page__icons {
  margin-left: auto;
}
@media only screen and (max-width: 480px) {
  .product-page__icons {
    margin-left: unset;
    margin-bottom: 15px;
  }
}
.product-page__icons .share-button {
  margin-left: 10px;
}
@media only screen and (max-width: 480px) {
  .product-page__icons .share-button {
    margin-left: unset;
  }
}
.product-page__price .promo-price {
  color: #FF6B00;
}
.product-page__price .promo-price, .product-page__price .no-promo-price {
  font-size: 78px;
  font-weight: 600;
}
@media (min-width: 481px) and (max-width: 1280px) {
  .product-page__price .promo-price, .product-page__price .no-promo-price {
    font-size: 60px;
  }
}
.product-page__price .old-price {
  text-decoration: line-through;
  text-align: right;
}
.product-page__cart {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  background-color: #00A94E;
  color: #fff;
  transition: 0.3s ease-in-out;
  margin-top: 20px;
}
.product-page__cart:hover {
  background-color: #2B2B2F;
}
.product-page__cart .add-cart, .product-page__cart .add-cart__active {
  padding: 20px 0px;
  cursor: pointer;
  font-size: 16px;
  width: 240px;
}
.product-page__cart span {
  padding-left: 32px;
  position: relative;
}
.product-page__cart span::before {
  position: absolute;
  content: "";
  top: -3px;
  left: 0;
  background-image: url("/agro_images/icons/cart-white.svg");
  background-repeat: no-repeat;
  width: 26px;
  height: 24px;
}
.product-page__quick-order {
  color: #fff;
  background-color: #2B2B2F;
  text-decoration: none;
  text-align: center;
  transition: 0.3s ease-in-out;
  padding: 20px 0px;
  width: 239px;
  margin: 10px auto 0;
  font-size: 15px;
}
@media only screen and (max-width: 1280px) {
  .product-page__quick-order {
    margin-top: 0;
  }
}
.product-page__quick-order:hover {
  color: #fff;
  background-color: #00A94E;
}
.product-page__description .tab-inner {
  background-color: #F3F3F3;
  padding: 37px 0 60px;
}
@media only screen and (max-width: 1024px) {
  .product-page__description .tab-inner__container {
    flex-direction: column;
  }
}
.product-page__description .tab-inner__block {
  width: 50%;
}
@media only screen and (max-width: 1024px) {
  .product-page__description .tab-inner__block {
    width: 100%;
  }
  .product-page__description .tab-inner__block:not(:last-child) {
    margin-bottom: 35px;
  }
}
.product-page__description .tab-inner__content {
  max-width: 800px;
  width: 100%;
  margin: auto;
}
.product-page__description .tab-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  color: #00A94E;
  margin: 0 0 30px 0;
}
.product-page__description .tab-list {
  margin: 0;
  padding: 0;
}
.product-page__description .tab-item {
  list-style: none;
  border-bottom: 2px dotted #7E8085;
  position: relative;
  margin-bottom: 5px;
  width: 90%;
  padding-right: 245px;
}
@media only screen and (max-width: 1024px) {
  .product-page__description .tab-item {
    width: 100%;
  }
}
.product-page__description .tab-item span {
  background-color: #F3F3F3;
  margin: 0;
  bottom: -5px;
}
.product-page__description .tab-item__title {
  position: relative;
  margin-right: 7em;
  padding-right: 2px;
  font-size: 16px;
  line-height: 130%;
}
.product-page__description .tab-item__descr {
  font-size: 16px;
  line-height: 110%;
  font-weight: 500;
  position: absolute;
  right: 0;
  padding-left: 6px;
  width: 50%;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .product-page__description .tab-item__descr {
    width: 40%;
  }
}
.product-page__description .tab-item:not(:last-child) {
  margin-bottom: 21px;
}
.product-page__description .tab-see-more {
  color: #00A94E;
}

.product-page-wrapper .catalog-slider:first-child {
  margin-top: 60px;
}
@media only screen and (max-width: 798px) {
  .product-page-wrapper .catalog-slider {
    margin: 120px 0 60px;
  }
}
.product-page-wrapper .catalog-slider__header {
  margin-bottom: 40px;
}
.product-page-wrapper .catalog-slider .swiper-wrapper {
  margin-bottom: 50px !important;
}

.view-more__title {
  font-size: 16px;
  font-weight: 500;
  color: #00A94E;
  border-bottom: 1px solid #00A94E;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.description-image {
  max-width: 385px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin-bottom: 25px;
}
@media only screen and (max-width: 798px) {
  .description-image {
    max-width: 100%;
  }
}

.product-page__volume-options {
  margin-top: 25px;
}

.volume-options-grid {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}
@media only screen and (max-width: 480px) {
  .volume-options-grid {
    gap: 10px;
  }
}
.volume-options-grid::-webkit-scrollbar {
  height: 4px;
}
.volume-options-grid::-webkit-scrollbar-track {
  background: transparent;
}
.volume-options-grid::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.volume-options-grid::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

.volume-option-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px 15px;
  border: 2px solid #e0e0e0;
  border-radius: 12px;
  background-color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  min-height: 120px;
  min-width: 150px;
  flex-shrink: 0;
}
@media only screen and (max-width: 480px) {
  .volume-option-card {
    min-width: 120px;
  }
}
.volume-option-card:hover {
  border-color: #00A94E;
  background-color: rgba(0, 169, 78, 0.05);
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 169, 78, 0.2);
}
.volume-option-card.active {
  border-color: #00A94E;
  background-color: rgba(0, 169, 78, 0.1);
  box-shadow: 0 2px 8px rgba(0, 169, 78, 0.15);
}
.volume-option-card.active .volume-option-card__volume {
  color: #00A94E;
  font-weight: 700;
}
.volume-option-card.active .volume-option-card__price {
  color: #00A94E;
  font-weight: 600;
}
.volume-option-card__volume {
  font-size: 16px;
  font-weight: 600;
  color: #00A94E;
  margin-bottom: 8px;
  line-height: 1.3;
  text-align: center;
  word-wrap: break-word;
  max-width: 100%;
}
@media only screen and (max-width: 480px) {
  .volume-option-card__volume {
    font-size: 14px;
  }
}
.volume-option-card__price {
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  line-height: 1.2;
}
@media only screen and (max-width: 480px) {
  .volume-option-card__price {
    font-size: 14px;
  }
}
.volume-option-card__price-old {
  font-size: 13px;
  color: #999999;
  text-decoration: line-through;
  margin-top: 4px;
}
@media only screen and (max-width: 480px) {
  .volume-option-card__price-old {
    font-size: 12px;
  }
}

.blog-news {
  padding-top: 30px;
}
.blog-news__inner {
  display: flex;
  flex-wrap: wrap;
}
.blog-news__title {
  font-size: 30px;
  color: #2B2B2F;
  text-transform: uppercase;
  margin: 30px 0 40px;
}
@media only screen and (max-width: 798px) {
  .blog-news__title {
    font-size: 25px;
    margin: 15px 0 30px;
  }
}
.blog-news .content-item {
  width: 20%;
  padding: 0 5px 40px;
}
@media (min-width: 641px) and (max-width: 1024px) {
  .blog-news .content-item {
    width: 25%;
  }
}
@media (min-width: 376px) and (max-width: 640px) {
  .blog-news .content-item {
    width: 50%;
  }
}
@media only screen and (max-width: 375px) {
  .blog-news .content-item {
    width: 100%;
  }
}
.blog-news__see-more {
  margin: 37px 0 0;
  text-align: center;
}
@media only screen and (max-width: 798px) {
  .blog-news__see-more {
    margin: 30px 0 0;
  }
}
.blog-news__see-more :hover span::after {
  transform: scale(1.1);
}
.blog-news__see-more a {
  text-decoration: none;
  color: #00A94E;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  position: relative;
}
.blog-news__see-more span::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  top: -15px;
  right: -65px;
  background-color: #fff;
  background-image: url("/agro_images/icons/arrow-see-more-green.svg");
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
@media only screen and (max-width: 798px) {
  .blog-news__see-more span::after {
    width: 40px;
    height: 40px;
    top: -12px;
    right: -50px;
  }
}

.blog-news-details {
  padding-top: 30px;
}
.blog-news-details__about {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 180px;
}
@media only screen and (max-width: 1024px) {
  .blog-news-details__about {
    flex-direction: column;
    margin: 30px 0 60px;
  }
}
.blog-news-details__slider, .blog-news-details__description {
  width: 48%;
}
@media only screen and (max-width: 1024px) {
  .blog-news-details__slider, .blog-news-details__description {
    width: 100%;
  }
}
.blog-news-details__slider .swiper-pagination {
  position: static;
  text-align: center;
  transition: 300ms opacity;
  z-index: 0;
  white-space: nowrap;
  overflow-x: scroll;
  padding: 10px 0;
  max-width: 300px;
  width: 100%;
  scrollbar-width: none;
  /* Firefox */
}
@media only screen and (max-width: 640px) {
  .blog-news-details__slider .swiper-pagination {
    max-width: 200px;
  }
}
.blog-news-details__slider .swiper-pagination::-webkit-scrollbar {
  display: none;
}
.blog-news-details__slider .swiper-container {
  margin-bottom: 44px;
}
.blog-news-details__slider .swiper-container img {
  width: 100%;
}
.blog-news-details__slider .slider-detail__button {
  width: 24px;
  height: 24px;
}
.blog-news-details__slider .slider-detail__button--prev {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M19 12L5 12' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M12 5L5 12L12 19' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-right: 25px;
}
.blog-news-details__slider .slider-detail__button--next {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M5 12L19 12' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M12 5L19 12L12 19' stroke='%232B2B2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  margin-left: 25px;
}
.blog-news-details__slider .slider-detail__button:focus {
  outline: none;
}
.blog-news-details__slider .slider-detail .swiper-pagination {
  position: static;
}
.blog-news-details__slider .swiper-pagination-bullet {
  opacity: 0.2;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  background-color: #2B2B2F;
  transition: opacity 0.2s, box-shadow 0.2s;
}
.blog-news-details__slider .swiper-pagination-bullet-active {
  opacity: 1;
  margin: 0 16px;
  box-shadow: 0 0 0 8px #2B2B2F;
}
.blog-news-details__slider .swiper-pagination-bullet:focus {
  outline: none;
}
@media only screen and (max-width: 1024px) {
  .blog-news-details__slider {
    padding-bottom: 30px;
  }
  .blog-news-details__slider .swiper-container {
    margin-bottom: 20px;
  }
  .blog-news-details__slider .swiper-slide {
    padding: 0 15%;
  }
}
@media only screen and (max-width: 480px) {
  .blog-news-details__slider .swiper-slide {
    padding: 0 5%;
  }
}
.blog-news-details__title {
  margin-top: 0;
}
.blog-news-details .catalog-slider__header {
  margin-bottom: 40px;
}
.blog-news-details .sticky-slider {
  position: sticky;
  top: 5%;
}
@media only screen and (max-width: 1024px) {
  .blog-news-details .sticky-slider {
    position: static;
    top: unset;
  }
}

.favorite-page {
  padding: 40px 0 120px;
}
.favorite-page__title {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 100%;
  color: #2B2B2F;
  margin: 0 0 40px;
}
.favorite-page__items {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.favorite-page__items .catalog-item {
  width: 20%;
}
@media (min-width: 641px) and (max-width: 1024px) {
  .favorite-page__items .catalog-item {
    width: 25%;
  }
}
@media (min-width: 413px) and (max-width: 640px) {
  .favorite-page__items .catalog-item {
    width: 50%;
  }
}
@media only screen and (max-width: 412px) {
  .favorite-page__items .catalog-item {
    width: 100%;
  }
}

.account .dropdown-button:after {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .account {
    flex-direction: column;
  }
}
.account__heading {
  padding: 30px 0 0;
}
.account__heading h1 {
  font-size: 30px;
  line-height: 100%;
  text-transform: uppercase;
  margin: 30px 0 0;
}
@media only screen and (max-width: 1024px) {
  .account__heading h1 {
    font-size: 26px;
  }
}
.account__content {
  padding: 80px 0 120px;
}
@media only screen and (max-width: 1024px) {
  .account__content {
    padding-top: 15px;
    padding-bottom: 80px;
  }
}
.account__password-form .button {
  margin-top: 45px;
}
.account__content-small-title {
  padding-top: 40px;
}
@media only screen and (max-width: 1024px) {
  .account__content-small-title {
    padding-left: 20px;
  }
}
.account__content-title-wrap .button {
  width: 230px;
}
.account__content-title {
  font-size: 28px;
}
@media only screen and (max-width: 1024px) {
  .account__content-title {
    display: none;
  }
}
.account__sidebar {
  width: 335px;
}
@media only screen and (max-width: 1024px) {
  .account__sidebar {
    width: 100%;
  }
}
.account__main {
  width: 100%;
  padding-left: 50px;
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .account__main {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .account__main {
    width: 100%;
    padding-left: 0;
  }
}
.account__nav {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  .account__nav {
    padding: 0 15px;
  }
}
.account__nav-link {
  padding: 30px;
  background-color: #F3F3F3;
  border-left: 3px solid transparent;
}
@media only screen and (max-width: 1024px) {
  .account__nav-link {
    margin: 0px;
    width: 100%;
    padding: 20px;
    border: none;
    line-height: 19px;
  }
}
.account__nav-link:hover, .account__nav-link.active {
  border-left: 3px solid #00A94E;
  color: #7E8085;
}
.account__nav-link:not(:last-child) {
  border-bottom: 2px solid #E5E5E5;
}
.account__data-form, .account__password-form, .account__address-form, .account__legal-form {
  width: 100%;
  max-width: 676px;
}
@media only screen and (max-width: 1024px) {
  .account__data-form, .account__password-form, .account__address-form, .account__legal-form {
    width: 100%;
    max-width: unset;
    padding: 0 15px;
  }
}
.account__data-form .validation__field, .account__password-form .validation__field, .account__address-form .validation__field, .account__legal-form .validation__field {
  margin: 0 5px 30px;
}
.account__data-form .validation__input, .account__data-form .validation__textarea, .account__password-form .validation__input, .account__password-form .validation__textarea, .account__address-form .validation__input, .account__address-form .validation__textarea, .account__legal-form .validation__input, .account__legal-form .validation__textarea {
  background-color: #F3F3F3;
}
.account__data-form .validation__input-border::after, .account__password-form .validation__input-border::after, .account__address-form .validation__input-border::after, .account__legal-form .validation__input-border::after {
  background-color: #2B2B2F;
}
.account__data-form .validation__textarea, .account__password-form .validation__textarea, .account__address-form .validation__textarea, .account__legal-form .validation__textarea {
  line-height: 1;
}
.account__data-form .button, .account__password-form .button, .account__address-form .button, .account__legal-form .button {
  width: 280px;
}
@media only screen and (max-width: 640px) {
  .account__data-form ._wid-50, .account__password-form ._wid-50, .account__address-form ._wid-50, .account__legal-form ._wid-50 {
    width: 100%;
  }
}
.account__data-form .confirm, .account__password-form .confirm, .account__address-form .confirm, .account__legal-form .confirm {
  margin-top: 5px;
}
.account__data-form .confirm input, .account__password-form .confirm input, .account__address-form .confirm input, .account__legal-form .confirm input {
  position: absolute;
  opacity: 0;
}
.account__data-form .confirm label, .account__password-form .confirm label, .account__address-form .confirm label, .account__legal-form .confirm label {
  cursor: pointer;
  position: relative;
  padding: 0 0 0 30px;
  display: inline-block;
}
.account__data-form .confirm input + label::before, .account__password-form .confirm input + label::before, .account__address-form .confirm input + label::before, .account__legal-form .confirm input + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  top: -3px;
  left: 0;
  position: absolute;
  border-radius: 3px;
  vertical-align: middle;
  border: 1px solid #F3F3F3;
  cursor: pointer;
}
.account__data-form .confirm input:checked + label::before, .account__password-form .confirm input:checked + label::before, .account__address-form .confirm input:checked + label::before, .account__legal-form .confirm input:checked + label::before {
  border: 1px solid #00A94E;
  background-color: #00A94E;
  background-image: url("/agro_images/icons/checked.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.account__data-form {
  padding-bottom: 110px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.account__form-cancel {
  text-decoration: underline;
}
.account__form-cancel:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .account__orders {
    width: 100%;
    padding-right: 15px;
  }
}
.account__orders .i-cell-1 {
  flex-shrink: 0.5;
}
.account__orders .h-cell-1 {
  padding-left: 30px;
}
.account__orders .h-cell-5 {
  padding-left: 40px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .account__orders.actual .account__order-info .h-cell-2 {
    width: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .account__orders.actual .account__order-info {
    padding-bottom: 30px;
  }
}
.account__orders.actual .h-cell {
  max-width: 180px;
  width: 100%;
}
@media only screen and (max-width: 1280px) {
  .account__orders.actual .h-cell {
    max-width: 120px;
  }
}
.account__orders.draft .account__orders-heading .h-cell-5 {
  padding-right: 60px;
  text-align: right;
}
.account__orders.draft .h-cell-1 {
  width: 485px;
}
.account__orders.draft .h-cell-2 {
  width: 160px;
}
.account__orders.draft .h-cell-3 {
  width: 190px;
}
.account__orders.draft .h-cell-4 {
  width: 135px;
}
.account__orders.draft .h-cell-5 {
  width: 195px;
}
@media (max-width: 1616px) and (min-width: 1441px) {
  .account__orders.draft .h-cell-1 {
    max-width: 360px;
    width: 100%;
  }
  .account__orders.draft .h-cell-4 {
    max-width: 85px;
    width: 100%;
  }
}
@media (max-width: 1440px) and (min-width: 1367px) {
  .account__orders.draft .h-cell-1 {
    max-width: 340px;
    width: 100%;
  }
  .account__orders.draft .h-cell-4 {
    max-width: 85px;
    width: 100%;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__orders.draft .h-cell-1 {
    width: 325px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__orders.draft .h-cell-3 {
    width: 120px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__orders.draft .h-cell-4 {
    width: 80px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__orders.draft .h-cell-5 {
    width: 160px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__orders.draft .h-cell-1 {
    width: 295px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__orders.draft .h-cell-2 {
    width: 120px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__orders.draft .h-cell-4 {
    width: 60px;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__orders.draft .h-cell-5 {
    width: 120px;
  }
}
.account__orders.draft .h-cell-2 {
  padding-left: 20px;
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__orders.draft .h-cell-3 {
    display: none;
  }
}
.account__order {
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.03);
  margin-bottom: 15px;
}
.account__order-status {
  line-height: 60px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .account__order-status {
    z-index: 11;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 30px;
  }
}
.account__order-toggler {
  position: absolute;
  top: -5px;
  right: 0;
  width: 25px;
  height: 25px;
  background-image: url("/agro_images/icons/toggler-arrow.svg");
  background-repeat: no-repeat;
  background-position: 50%;
}
.account__order-title {
  margin-bottom: 7px;
}
.account__order-link {
  margin-top: 3px;
}
.account__order .h-cell {
  min-height: 60px;
  background-color: #fff;
}
.account__order .h-cell-3,
.account__order .h-cell-4 {
  text-align: center;
}
.account__order-items {
  padding: 40px;
}
.account__order-items .with-border {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 1616px) and (min-width: 1441px) {
  .account__order-items {
    width: 975px;
  }
}
@media (max-width: 1440px) and (min-width: 1367px) {
  .account__order-items {
    width: 940px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__order-items {
    width: 845px;
  }
}
.account__order-items .i-cell-1 {
  max-width: 660px;
  width: 100%;
}
.account__order-items .i-cell-2 {
  max-width: 135px;
  width: 100%;
}
.account__order-items .i-cell-3 {
  max-width: 135px;
  width: 100%;
}
.account__order-items .i-cell-4 {
  max-width: 195px;
  width: 100%;
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__order-items .i-cell-1 {
    max-width: 280px;
    width: 100%;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__order-items .i-cell-2 {
    max-width: 70px;
    width: 100%;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__order-items .i-cell-3 {
    max-width: 100px;
    width: 100%;
  }
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__order-items .i-cell-4 {
    max-width: 105px;
    width: 100%;
  }
}
.account__order-items .i-cell-2, .account__order-items .i-cell-3, .account__order-items .i-cell-4 {
  padding-left: 15px;
}
@media (max-width: 1616px) and (min-width: 1441px) {
  .account__order-items .i-cell-1 {
    width: 470px;
  }
}
@media (max-width: 1440px) and (min-width: 1367px) {
  .account__order-items .i-cell-1 {
    width: 435px;
  }
}
@media (max-width: 1366px) and (min-width: 1281px) {
  .account__order-items .i-cell-1 {
    width: 340px;
  }
}
.account__order-item {
  margin-bottom: 10px;
  background-color: #fff;
}
.account__order-item:last-child {
  margin-bottom: 0;
}
.account__order-item-img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background-color: #E8E8E8;
}
@media (max-width: 1280px) and (min-width: 1025px) {
  .account__order-item-img {
    width: 85px;
  }
}
.account__order-status,
.account .order-mobile__status,
.account .order-detail__status {
  white-space: nowrap;
  border: 2px solid;
  text-align: center;
  background-color: #fff;
}
.account__order-status.sent,
.account .order-mobile__status.sent,
.account .order-detail__status.sent {
  border-color: #006FD6;
}
.account__order-status.canceled,
.account .order-mobile__status.canceled,
.account .order-detail__status.canceled {
  border-color: #CC0C00;
}
.account__order-status.in_process,
.account .order-mobile__status.in_process,
.account .order-detail__status.in_process {
  border-color: #CD9400;
}
.account__order-status.new,
.account .order-mobile__status.new,
.account .order-detail__status.new {
  border-color: #00A94E;
}
.account__order-status.in_deleting,
.account .order-mobile__status.in_deleting,
.account .order-detail__status.in_deleting {
  border-color: #BE6700;
}
@media only screen and (max-width: 1024px) {
  .account__order-status.in_deleting,
.account .order-mobile__status.in_deleting,
.account .order-detail__status.in_deleting {
    line-height: 2;
    white-space: normal;
  }
}
.account__order-status.done,
.account .order-mobile__status.done,
.account .order-detail__status.done {
  border-color: #7E8085;
}
.account__order-refresh,
.account .order-mobile__refresh {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M11.7792 4.45903C10.5023 3.18216 8.80459 2.47894 6.99881 2.47894H6.00766L7.5985 0.884188L6.71213 0L3.61381 3.10591L6.67169 6.21491L7.56428 5.337L5.98456 3.73088H6.99881C10.0363 3.73088 12.5074 6.202 12.5074 9.23947C12.5074 12.2769 10.0363 14.7481 6.99881 14.7481C3.96138 14.7481 1.49022 12.2769 1.49022 9.23934V8.61337L0.238281 8.6135V9.23947C0.238281 11.0453 0.9415 12.743 2.21841 14.0199C3.49528 15.2968 5.19303 16 6.99881 16C8.80459 16 10.5023 15.2968 11.7792 14.0199C13.0561 12.743 13.7593 11.0452 13.7593 9.23947C13.7593 7.43369 13.0561 5.73594 11.7792 4.45903Z' fill='black'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 14px 16px;
}
.account__order-delete,
.account .order-mobile__delete {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M2 4H3.33333H14' stroke='black' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M5.3335 4.00016V2.66683C5.3335 2.31321 5.47397 1.97407 5.72402 1.72402C5.97407 1.47397 6.31321 1.3335 6.66683 1.3335H9.3335C9.68712 1.3335 10.0263 1.47397 10.2763 1.72402C10.5264 1.97407 10.6668 2.31321 10.6668 2.66683V4.00016M12.6668 4.00016V13.3335C12.6668 13.6871 12.5264 14.0263 12.2763 14.2763C12.0263 14.5264 11.6871 14.6668 11.3335 14.6668H4.66683C4.31321 14.6668 3.97407 14.5264 3.72402 14.2763C3.47397 14.0263 3.3335 13.6871 3.3335 13.3335V4.00016H12.6668Z' stroke='black' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M6.3999 7.3335V11.3335' stroke='black' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3cpath d='M9.6001 7.3335V11.3335' stroke='black' stroke-linecap='round' stroke-linejoin='round' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 16px 16px;
}
.account__order-amount span {
  color: #25282B;
  font-size: 14px;
  line-height: 14px;
}
.account__order-amount-title {
  font-weight: bold;
  display: inline-block;
  max-width: 150px;
  width: 100%;
}

.active-toggler {
  transform: rotate(180deg);
}

.validation__input, .validation__select, .validation__textarea {
  width: 100%;
  padding-top: 16px;
  padding-left: 20px;
  background-color: #fff;
  border: none;
  border-radius: 0px;
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 16px;
  line-height: 4;
  color: #000;
}
.validation__input::-webkit-input-placeholder, .validation__select::-webkit-input-placeholder, .validation__textarea::-webkit-input-placeholder {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.validation__input:-moz-placeholder, .validation__select:-moz-placeholder, .validation__textarea:-moz-placeholder {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.validation__input::-moz-placeholder, .validation__select::-moz-placeholder, .validation__textarea::-moz-placeholder {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}
.validation__input:-ms-input-placeholder, .validation__select:-ms-input-placeholder, .validation__textarea:-ms-input-placeholder {
  font-family: "HelveticaNeueCyr", sans-serif;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
}

.validation__input:focus + .validation__placeholder, .validation__select:focus + .validation__placeholder, .validation__textarea:focus + .validation__placeholder, .validation__field.filled > .validation__placeholder {
  top: 11px;
  font-size: 12px;
}

.validation {
  position: relative;
}
.validation__field {
  position: relative;
  display: block;
}
.validation__field.filled .validation__input-border::after {
  background-color: #2B2B2F;
}
.validation__field.error .validation__error {
  display: block;
}
.validation__field.error .validation__input-border::after {
  background-color: red;
}
.validation__field.has-password > .validation__input {
  padding-right: 45px;
}
.validation__field.file {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.0625 16C1.51169 16 0.25 14.7383 0.25 13.1875V3.75C0.25 1.68225 1.93225 0 4 0C6.06775 0 7.75 1.68225 7.75 3.75V13.1875H6.8125V3.75C6.8125 2.19919 5.55081 0.9375 4 0.9375C2.44919 0.9375 1.1875 2.19919 1.1875 3.75V13.1875C1.1875 14.2214 2.02863 15.0625 3.0625 15.0625C4.09637 15.0625 4.9375 14.2214 4.9375 13.1875V5.625C4.9375 5.10806 4.51694 4.6875 4 4.6875C3.48306 4.6875 3.0625 5.10806 3.0625 5.625V13.1875H2.125V5.625C2.125 4.59113 2.96613 3.75 4 3.75C5.03387 3.75 5.875 4.59113 5.875 5.625V13.1875C5.875 14.7383 4.61331 16 3.0625 16Z' fill='black'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 8px 16px;
}
.validation__field.file.success {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M3.0625 16C1.51169 16 0.25 14.7383 0.25 13.1875V3.75C0.25 1.68225 1.93225 0 4 0C6.06775 0 7.75 1.68225 7.75 3.75V13.1875H6.8125V3.75C6.8125 2.19919 5.55081 0.9375 4 0.9375C2.44919 0.9375 1.1875 2.19919 1.1875 3.75V13.1875C1.1875 14.2214 2.02863 15.0625 3.0625 15.0625C4.09637 15.0625 4.9375 14.2214 4.9375 13.1875V5.625C4.9375 5.10806 4.51694 4.6875 4 4.6875C3.48306 4.6875 3.0625 5.10806 3.0625 5.625V13.1875H2.125V5.625C2.125 4.59113 2.96613 3.75 4 3.75C5.03387 3.75 5.875 4.59113 5.875 5.625V13.1875C5.875 14.7383 4.61331 16 3.0625 16Z' fill='%2300A94E'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 8px 16px;
}
.validation__field:hover .validation__error {
  opacity: 1;
}
.validation__add {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: calc(100% - 3px);
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
}
.validation__add::before, .validation__add::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #000;
  transform: translate(-50%, -50%);
}
.validation__add::before {
  width: 2px;
  height: 14px;
}
.validation__add::after {
  width: 14px;
  height: 2px;
}
.validation__checkbox {
  position: relative;
  padding-left: 32px;
  line-height: 20px;
}
.validation__checkbox.error {
  color: red;
}
.validation__checkbox.error .validation__error {
  opacity: 1;
  display: block;
  margin-top: 5px;
}
.validation__checkbox-decor {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #7E8085;
  border-radius: 3px;
  background: #fff;
}
.validation__checkbox-decor.circle-decor {
  border-radius: 50%;
}
.validation__checkbox input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.validation__checkbox input:checked ~ .validation__checkbox-decor {
  border-color: #00A94E;
  background-color: #00A94E;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M11.8686 1.07453L11.8686 1.07454L4.78737 8.3064L2.13146 5.59401C1.83832 5.2946 1.36174 5.29466 1.06858 5.59399L1.06857 5.594C0.777139 5.8916 0.777146 6.37282 1.06857 6.67044L1.17575 6.5655L1.06857 6.67045L4.25591 9.92552C4.25592 9.92553 4.25592 9.92554 4.25593 9.92554C4.54902 10.2249 5.02589 10.2247 5.31881 9.92554L12.9314 2.151C13.2229 1.8534 13.2228 1.37216 12.9314 1.07454C12.6383 0.775146 12.1617 0.775161 11.8686 1.07453Z' fill='white' stroke='white' stroke-width='0.3'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 12px;
}
.validation__placeholder {
  pointer-events: none;
  position: absolute;
  top: 23px;
  left: 20px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s;
}
.validation__file-placeholder {
  line-height: 1.2;
}
.validation__file-placeholder.file-title {
  z-index: 10;
  position: relative;
  display: inline-block;
  padding-right: 15px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0 0.727268L0.733085 0L8.06393 7.27268L7.33085 7.99995L0 0.727268Z' fill='red'/%3e %3cpath d='M8.06437 0.727316L7.33128 4.78785e-05L0.00043596 7.27273L0.733521 8L8.06437 0.727316Z' fill='red'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 9px 8px;
  background-position: 100% 50%;
  line-height: 1.5;
}
.validation__error {
  opacity: 0;
  z-index: 5;
  pointer-events: none;
  position: absolute;
  top: calc(100% - 3px);
  left: 0;
  display: none;
  width: 100%;
  padding: 3px 5px;
  font-size: 12px;
  background-color: red;
  line-height: 1.1;
  color: #fff;
  transition: opacity 0.2s;
}
.validation__input-border {
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  border-radius: 6px;
}
.validation__input-border::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(43, 43, 47, 0.2);
  transition: background-color 0.2s ease;
}
.validation__pass-view {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 25px;
  height: 25px;
  background-image: url("/agro_images/icons/eye.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.validation__pass-view.show {
  background-image: url("/agro_images/icons/eye-off.svg");
}
.validation__file {
  opacity: 0;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.validation__input:focus, .validation__select:focus, .validation__textarea:focus {
  outline: none;
}
.validation__input:focus ~ .validation__input-border::after, .validation__select:focus ~ .validation__input-border::after, .validation__textarea:focus ~ .validation__input-border::after {
  background-color: #2B2B2F;
}
.validation__input, .validation__select {
  vertical-align: middle;
  height: 60px;
}
.validation__textarea {
  min-height: 60px;
  padding-top: 28px;
  resize: vertical;
}
.validation .change-password-trigger {
  position: absolute;
  top: 30px;
  right: 15px;
  font-size: 12px;
  text-decoration: underline;
  color: #000;
}
.validation .change-password-trigger:hover {
  text-decoration: none;
}
.validation .vs__search {
  margin: 0;
  color: rgba(0, 0, 0, 0.4);
}
.validation .vs__search:focus {
  color: #2B2B2F;
}
.validation .vs__selected-options {
  flex-wrap: nowrap;
}
.validation .vs__selected-options input {
  height: 60px;
  font-size: 16px;
  padding: 0 20px;
}
.validation .vs__dropdown-option {
  padding: 5px 15px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #2B2B2F;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 640px) {
  .validation .vs__dropdown-option {
    padding: 14px 32px;
  }
}
.validation .vs__dropdown-option--highlight {
  color: #00A94E;
  background: #fff;
}
.validation .vs__dropdown-menu {
  padding: 0;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  border: none;
}
.validation .vs__dropdown-toggle {
  padding: 0;
  border: none;
  background: #fff;
  border-radius: 6px;
}
.validation .vs__selected {
  padding: 0 20px;
  font-size: 16px;
}
.validation .vs--single.vs--open .vs__selected {
  display: none;
}
.validation .vs__clear {
  display: none;
}
.validation .vs__actions {
  padding: 4px 19px 0 3px;
}
.validation .vs__open-indicator {
  fill: transparent;
  width: 12px;
  height: 12px;
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M9.55558 0.231337C9.88558 -0.0771122 10.408 -0.0771122 10.738 0.231337C11.0873 0.557787 11.0873 1.10244 10.738 1.42889L6.09501 5.76866C5.92849 5.92431 5.7183 6 5.50378 6C5.30409 6 5.0833 5.92827 4.91254 5.76866L0.273857 1.43296C-0.0893192 1.10671 -0.0888748 0.558258 0.26089 0.231338C0.590894 -0.0771112 1.11371 -0.0767775 1.44371 0.231672L5.4955 4.02623L9.55558 0.231337Z' fill='%23000'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
}

.form-error {
  margin: -15px 0 15px;
  color: red;
  text-align: center;
}

.orders-mobile {
  margin-bottom: 60px;
}

.order-mobile {
  margin-bottom: 20px;
  padding: 20px 15px;
  background-color: #fff;
}
.order-mobile__date {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M1 6L3.5 3.5L1 1' stroke='%232B2B2F' stroke-width='2' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: 100% 50%;
}
.order-mobile__products {
  overflow: scroll hidden;
  width: 100%;
}
.order-mobile__product-img {
  width: 80px;
  height: 80px;
  background-color: #E8E8E8;
}
.order-mobile__status {
  width: 142px;
  line-height: 20px;
}
.order-mobile__refresh, .order-mobile__delete {
  width: 16px;
  height: 16px;
  background-position: 50%;
  cursor: pointer;
}
.order-mobile__online {
  width: 15px;
  height: 15px;
  background: rgba(126, 128, 133, 0.5);
}
.order-mobile__online::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
  background-color: #FF0000;
  border-radius: 50%;
}
.order-mobile__online.online::after {
  background-color: #00A94E;
}
.order-mobile:last-child {
  margin-bottom: 0;
}
.order-mobile__total-title {
  font-weight: bold;
  line-height: 14px;
  color: #25282B;
}

.order-detail {
  overflow: hidden scroll;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #fff;
}
.order-detail .right-enter-active {
  -webkit-animation: right-in 0.5s;
          animation: right-in 0.5s;
}
.order-detail .right-leave-active {
  animation: right-in 0.2s reverse;
}
.order-detail__back {
  padding: 18px 0;
  background-color: #00A94E;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M6 1L2 5L6 9' stroke='%23ffffff' stroke-width='2' fill='transparent'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 7px 10px;
  background-position: 15px 50%;
  color: #fff;
}
.order-detail__info {
  background-color: #fff;
}
.order-detail__status {
  width: 142px;
  line-height: 20px;
}
.order-detail__total {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.order-detail__product {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 20px;
}
.order-detail__product-img {
  width: 80px;
  height: 80px;
  background-color: #E8E8E8;
}
.order-detail__product-title {
  line-height: 1.3;
}

.isIos .order-detail {
  padding-bottom: 100px;
}

@keyframes right-in {
  0% {
    transform: translateX(120%);
  }
  100% {
    transform: translateY(0);
  }
}
.selected {
  padding: 17px 21px;
  background-color: #EFEFEF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
}
.selected__clear-all {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 152.34%;
  cursor: pointer;
  color: #00A94E;
}
.selected__clear-all:hover {
  border-bottom-color: transparent;
}
.selected__title {
  font-size: 12px;
  line-height: 18px;
  color: #1A4462;
  margin-bottom: 15px;
}
.selected__item {
  padding: 8px 15px;
  background-color: #fff;
  border: 1px solid #DFDFDF;
  border-radius: 5px;
  margin-bottom: 11px;
  display: flex;
  align-items: center;
}
.selected__item__title {
  font-size: 12px;
  line-height: 152.34%;
  color: #828282;
  margin-right: 8px;
  flex-shrink: 0;
}
.selected__item__value {
  font-size: 12px;
  line-height: 152.34%;
  color: #333333;
  margin-right: 13px;
}
.selected__item__remove {
  width: 10px;
  height: 10px;
  cursor: pointer;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0 0.727268L0.733085 0L8.06393 7.27268L7.33085 7.99995L0 0.727268Z' fill='%23333333'/%3e %3cpath d='M8.06437 0.727316L7.33128 4.78785e-05L0.00043596 7.27273L0.733521 8L8.06437 0.727316Z' fill='%23333333'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
}

.filter .checkbox-wrap .dropdown.inner:first-child {
  margin-top: 25px;
}
.filter .inner-wrap {
  padding: 16px 0 0 32px;
}
.filter .inner-wrap .checkbox-item {
  margin-top: 6px;
}
.filter .inner-wrap .checkbox-item .checkbox {
  width: 16px;
  height: 16px;
}
.filter .inner-wrap .checkbox-item .input-title {
  font-size: 12px;
  line-height: 22px;
  color: #333333;
}
.filter .dropdown {
  padding-top: 31px;
  padding-bottom: 31px;
  border-top: 1px solid rgba(151, 151, 151, 0.2);
}
.filter .dropdown.disabled-dropdown .dropdown-button {
  pointer-events: none;
}
.filter .dropdown.disabled-dropdown .dropdown-button:after {
  display: none;
}
.filter .dropdown.disabled-dropdown .dropdown-button .filter-box__trigger {
  pointer-events: all;
}
.filter .dropdown.inner {
  padding-top: 6px;
  padding-bottom: 6px;
  border: none;
}
.filter .dropdown.inner .checkbox-item:first-child {
  margin-top: 0;
}
.filter .filter-box__trigger {
  font-size: 18px;
  line-height: 21px;
  font-weight: 500;
  color: #333333;
  cursor: pointer;
}
.filter .dropdown-button {
  padding-right: 22px;
  background-position: right center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
}
.filter .dropdown-button:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M9.55558 0.231337C9.88558 -0.0771122 10.408 -0.0771122 10.738 0.231337C11.0873 0.557787 11.0873 1.10244 10.738 1.42889L6.09501 5.76866C5.92849 5.92431 5.7183 6 5.50378 6C5.30409 6 5.0833 5.92827 4.91254 5.76866L0.273857 1.43296C-0.0893192 1.10671 -0.0888748 0.558258 0.26089 0.231338C0.590894 -0.0771112 1.11371 -0.0767775 1.44371 0.231672L5.4955 4.02623L9.55558 0.231337Z' fill='%23000000'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
}
.filter .dropdown-button.active:after {
  transform: translateY(-50%) scale(1, -1);
}

.checkbox-item {
  margin-top: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.checkbox-item:first-child {
  margin-top: 25px;
}
.checkbox-item input {
  display: none;
}
.checkbox-item input:checked + .checkbox {
  background-color: #00A94E;
  border-color: #00A94E;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M11.8686 1.07453L11.8686 1.07454L4.78737 8.3064L2.13146 5.59401C1.83832 5.2946 1.36174 5.29466 1.06858 5.59399L1.06857 5.594C0.777139 5.8916 0.777146 6.37282 1.06857 6.67044L1.17575 6.5655L1.06857 6.67045L4.25591 9.92552C4.25592 9.92553 4.25592 9.92554 4.25593 9.92554C4.54902 10.2249 5.02589 10.2247 5.31881 9.92554L12.9314 2.151C13.2229 1.8534 13.2228 1.37216 12.9314 1.07454C12.6383 0.775146 12.1617 0.775161 11.8686 1.07453Z' fill='white' stroke='white' stroke-width='0.3'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
}
.checkbox-item input:checked + .checkbox.circle {
  border: 2px solid #2B2B2F;
  background-image: none;
}
.checkbox-item .checkbox {
  width: 22px;
  height: 22px;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  margin-right: 10px;
  flex-shrink: 0;
}
.checkbox-item .checkbox.circle {
  border-radius: 50%;
  overflow: hidden;
  font-size: 0;
}
.checkbox-item .checkbox.circle.double-color span {
  width: 50%;
}
.checkbox-item .checkbox.circle span {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.checkbox-item .input-title {
  font-size: 18px;
  line-height: 22px;
  color: #333333;
  font-weight: 400;
}

.categories-touch__trigger {
  padding: 16px 20px 16px 52px;
  background-color: #00A94E;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #FFFFFF;
  flex-grow: 1;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5h14M3 10h14M3 15h14' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 169, 78, 0.3);
}
.categories-touch__trigger:active {
  transform: scale(0.98);
  box-shadow: 0 1px 4px rgba(0, 169, 78, 0.3);
}
.categories-touch > .dropdown-button {
  padding-right: 0;
}
.categories-touch > .dropdown-button:after {
  display: none;
}
@media (max-width: 768px) {
  .categories-touch {
    margin-bottom: 12px;
  }
}

.filter-touch__trigger {
  padding: 15px 145px 15px 56px;
  background-color: #2B2B2F;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #F4F4F4;
  flex-grow: 1;
  background-image: url("/agro_images/icons/filter.svg");
  background-position: 20px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.filter-touch > .dropdown-button {
  padding-right: 0;
}
.filter-touch > .dropdown-button:after {
  display: none;
}

.filter-wrapper {
  position: sticky;
  border-right: 1px solid rgba(151, 151, 151, 0.2);
  padding-right: 12px;
}

@media only screen and (max-width: 1024px) {
  .filter-touch-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 101;
    background: #fff;
    padding: 40px 20px;
    overflow-y: scroll;
  }
}
.filter-touch-wrap .close {
  position: fixed;
  right: 10px;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M0 0.727268L0.733085 0L8.06393 7.27268L7.33085 7.99995L0 0.727268Z' fill='%23333333'/%3e %3cpath d='M8.06437 0.727316L7.33128 4.78785e-05L0.00043596 7.27273L0.733521 8L8.06437 0.727316Z' fill='%23333333'/%3e %3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  background-repeat: no-repeat;
}

.range-slider .noUi-target {
  border-radius: 0;
  border: none;
  box-shadow: none;
  background: #E0E0E0;
}
.range-slider .noUi-horizontal {
  height: 5px;
}
.range-slider .noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 22px;
  height: 22px;
  background: #00A94E;
  border-radius: 50%;
  top: -8px;
  right: -10px;
  border: none;
  box-shadow: none;
}
.range-slider .noUi-horizontal .noUi-handle:after {
  content: "";
  position: absolute;
  left: 4.5px;
  top: 4.5px;
  width: 12px;
  height: 12px;
  z-index: 1;
  background: #E0E0E0;
  border-radius: 50%;
}
.range-slider .noUi-horizontal .noUi-handle:before {
  display: none;
}
.range-slider .noUi-horizontal .noUi-handle.noUi-active {
  box-shadow: none;
}
.range-slider .noUi-connect {
  background: #00A94E;
}
.range-slider__inputs {
  margin: 25px 0 33px 0;
  display: flex;
  align-items: center;
}
.range-slider__inputs .w-40 {
  min-width: 40%;
  max-width: 40%;
  display: flex;
  align-items: center;
}
.range-slider__inputs .w-20 {
  min-width: 20%;
  max-width: 20%;
}
.range-slider__inputs input {
  flex-grow: 1;
  height: 45px;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 0 11px;
  outline: none;
  font-size: 16px;
  font-weight: 500;
  color: #333333;
  max-width: calc(100% - 30px);
  margin-right: 5px;
}
.range-slider__span {
  font-size: 12px;
  padding-right: 5px;
  flex-shrink: 0;
  color: #333333;
}
.range-slider__btn {
  background: #00A94F;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  height: 45px;
  display: block;
  line-height: 45px;
  cursor: pointer;
}

.checkout-page {
  padding: 42px 0 35px;
}
@media only screen and (max-width: 1024px) {
  .checkout-page {
    padding: 0 0 120px;
  }
}
@media only screen and (max-width: 1024px) {
  .checkout-page__header {
    flex-direction: column;
    align-items: unset;
  }
}
.checkout-page__header .breadcrumbs {
  margin: 20px 0;
  padding: 0;
}
.checkout-page__header h1 {
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .checkout-page__header h1 {
    margin-bottom: 44px;
  }
}
.checkout-page__header .link-shopping {
  position: relative;
  padding-left: 30px;
}
.checkout-page__header .link-shopping::before {
  position: absolute;
  content: "";
  top: -3px;
  left: 0;
  width: 24px;
  height: 24px;
  background-image: url("/agro_images/icons/arrow-right.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(180deg);
}
.checkout-page__header .link-shopping:hover::before {
  background-image: url("/agro_images/icons/arrow-right-dark.svg");
}
@media only screen and (max-width: 1024px) {
  .checkout-page__header .link-shopping {
    color: #7E8085;
    text-decoration: none;
  }
  .checkout-page__header .link-shopping::before {
    background-image: url("/agro_images/icons/arrow-right-gray.svg");
  }
}
.checkout-page .steps {
  padding-right: 50px;
  width: 75%;
}
@media only screen and (max-width: 1024px) {
  .checkout-page .steps {
    width: 100%;
    padding: 0;
  }
}
.checkout-page__body {
  padding-top: 45px;
}
@media only screen and (max-width: 1024px) {
  .checkout-page__body {
    flex-direction: column;
    padding-top: 30px;
  }
}
.checkout-page .confirmation {
  width: 25%;
  color: #2B2B2F;
}
.checkout-page .confirmation-wrapper {
  background-color: #F3F3F3;
  position: sticky;
  top: 15px;
  padding: 30px;
  max-width: 341px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .checkout-page .confirmation-wrapper {
    position: unset;
    max-width: unset;
  }
}
.checkout-page .confirmation__title {
  margin-bottom: 28px;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
}
.checkout-page .confirmation__summ-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
}
.checkout-page .confirmation__summ {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  white-space: nowrap;
}
.checkout-page .confirmation #confirm {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkout-page .confirmation label {
  cursor: pointer;
  position: relative;
  padding: 0 0 0 30px;
  display: inline-block;
}
.checkout-page .confirmation #confirm + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 3px;
  vertical-align: middle;
  border: 1px solid #00A94E;
  background-color: #F3F3F3;
  cursor: pointer;
}
.checkout-page .confirmation #confirm:checked + label::before {
  border: 1px solid #00A94E;
  background-color: #00A94E;
  background-image: url("/agro_images/icons/checked.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.checkout-page .confirmation__footer {
  line-height: 130%;
}
@media only screen and (max-width: 1024px) {
  .checkout-page .confirmation {
    width: 100%;
  }
}
.checkout-page .step-button {
  color: #fff;
  background-color: #00A94E;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  width: 100%;
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  transition: 0.3s ease-in-out;
}
.checkout-page .step-button:hover, .checkout-page .step-button:active {
  background-color: #000;
}
.checkout-page .step-button.disabled {
  background-color: #4F4F4F;
  pointer-events: none;
}
.checkout-page .top-border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.checkout-success {
  padding: 80px 0 120px;
  font-size: 16px;
}
@media only screen and (max-width: 798px) {
  .checkout-success {
    padding: 40px 0 80px;
  }
}
.checkout-success__box {
  padding: 68px 0 42px;
  max-width: 536px;
  width: 100%;
  background-color: #F9F9F9;
  margin: 0 auto;
}
@media only screen and (max-width: 798px) {
  .checkout-success__box {
    padding: 48px 0 32px;
  }
}
.checkout-success__inner {
  text-align: center;
  max-width: 298px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 375px) {
  .checkout-success__inner {
    max-width: 240px;
  }
}
.checkout-success__icon {
  background-image: url("/agro_images/icons/checkout-success.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 52px;
  height: 52px;
  margin: 0 auto 30px;
}
.checkout-success__title {
  line-height: 18px;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}
.checkout-success__underline {
  height: 1px;
  background: #E5E5E5;
  margin: 60px 20px 50px;
}
@media only screen and (max-width: 798px) {
  .checkout-success__underline {
    margin: 40px 20px 30px;
  }
}

.step {
  padding-bottom: 85px;
}
@media only screen and (max-width: 1024px) {
  .step {
    padding-bottom: 50px;
  }
}
.step__header {
  padding-left: 15px;
}
.step__count {
  position: relative;
  font-weight: bold;
  font-size: 18px;
  line-height: 18px;
  padding: 11px 0;
}
.step__count::before {
  position: absolute;
  content: "";
  background-color: #F3F3F3;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.step__title {
  font-weight: 550;
  font-size: 25px;
  line-height: 120%;
  margin-left: 30px;
}
@media only screen and (max-width: 1024px) {
  .step__title {
    font-size: 20px;
    margin-left: 25px;
  }
}
.step-container {
  width: 100%;
  padding-left: 50px;
}
@media only screen and (max-width: 1024px) {
  .step-container {
    margin-top: 30px;
    padding-left: 0px;
  }
}
.step__person-info {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1024px) {
  .step__person-info {
    flex-direction: column;
  }
}
.step__input {
  width: 48%;
}
@media only screen and (max-width: 1024px) {
  .step__input {
    width: 100%;
  }
}
.step .validation__input {
  background-color: #fff;
}
.step .order-wrapper-mobile {
  overflow-y: scroll;
}
.step .order__headings {
  margin-bottom: 15px;
}
.step .order__item {
  margin-bottom: 10px;
}
.step .order__item-name {
  line-height: 140%;
}
.step .order__decrease-count, .step .order__increase-count {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}
.step .order__decrease-count {
  background-image: url("/agro_images/icons/minus-icon.svg");
}
.step .order__increase-count {
  background-image: url("/agro_images/icons/plus-icon.svg");
}
.step .order__input-count {
  border: none;
  outline: none;
  width: 50px;
  text-align: center;
  margin: 0 10px;
}
@media only screen and (max-width: 1024px) {
  .step .order__input-count {
    margin: 0;
  }
}
.step .order__product-count {
  margin: 0 20px;
}
.step .order__delete {
  width: 25px;
  height: 25px;
  text-align: center;
  cursor: pointer;
}
.step .order__delete img {
  transform: scale(0.8);
}
.step .order__img {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  background-color: #E8E8E8;
}
.step .order .with-border {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.step .order .i-cell-1 {
  width: 381px;
}
.step .order .i-cell-2 {
  width: 142px;
}
.step .order .i-cell-3 {
  width: 139px;
}
.step .order .i-cell-4 {
  width: 209px;
}
@media (min-width: 1025px) and (max-width: 1280px) {
  .step .order .i-cell-1 {
    width: 310px;
  }
  .step .order .i-cell-2 {
    width: 152px;
  }
  .step .order .i-cell-3 {
    width: 90px;
  }
  .step .order .i-cell-4 {
    width: 158px;
  }
}
@media only screen and (max-width: 1024px) {
  .step .order .i-cell-1 {
    width: 315px;
  }
  .step .order .i-cell-3 {
    width: 100px;
  }
}
.step input[type=radio] {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.step label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #2B2B2F;
}
.step input[type=radio] + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  position: absolute;
  vertical-align: middle;
  border: 1px solid #00A94E;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}
.step input[type=radio]:checked + label::before {
  border: 1px solid #00A94E;
  background-color: #00A94E;
  background-image: url("/agro_images/icons/checked.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.step .disabled {
  pointer-events: none;
}
.step input[type=radio] + label.disabled::before {
  border: 1px solid #7E8085;
}
.step input[type=radio]:checked + label.disabled::before {
  border: 1px solid #7E8085;
  background-color: #7E8085;
}
@media only screen and (max-width: 1280px) {
  .step .__view {
    max-width: 670px;
  }
}
.step .order-wrapper-desktop {
  margin-top: 45px;
}
.step .order-wrapper-mobile {
  margin-top: 30px;
}
.step .with-border {
  border-left: 1px solid #E5E5E5;
}
.step .greenBorder {
  border: 1px solid #00A94E;
  padding: 0 0 30px 0;
  margin-top: 30px;
}
.step .greenBorder.step-container {
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 480px) {
  .step .greenBorder {
    padding: 0 0 20px 0;
  }
}
.step .attention {
  width: 100%;
  padding: 30px 40px;
  background: #F9F9F9;
  border: 1px solid #F2994A;
  font-size: 14px;
  line-height: 140%;
  color: #2B2B2F;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1024px) {
  .step .attention {
    padding: 15px;
    margin-bottom: 30px;
  }
}
.step .post {
  margin-top: 30px;
}
@media only screen and (max-width: 480px) {
  .step .post {
    flex-direction: column-reverse;
  }
}
.step .post__schedule {
  font-size: 14px;
  line-height: 183.5%;
  color: #7E8085;
  width: 200px;
}
@media only screen and (max-width: 480px) {
  .step .post__schedule {
    margin: 20px auto 0;
  }
}
.step .post__map {
  width: 50%;
}
@media only screen and (max-width: 480px) {
  .step .post__map {
    width: 100%;
  }
}
.step .recipient__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  color: #2B2B2F;
}

.step-three__button {
  margin-top: 20px;
  border: 1px solid rgba(43, 43, 47, 0.2);
  border-radius: 10px;
  padding: 12px 12px 12px 50px;
  position: relative;
  transition: 0.3s all;
  cursor: pointer;
}
.step-three__button:hover {
  background-color: #F3F3F3;
}
.step-three__button::before {
  content: "";
  position: absolute;
  top: 28px;
  left: 14px;
  background-image: url("/agro_images/icons/location-gray.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 24px;
  height: 24px;
}
.step-three__button::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 14px;
  background-image: url("/agro_images/icons/arrow-r.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
}
.step-three__button span {
  margin-bottom: 4px;
  font-size: 12px;
  color: #2B2B2F;
}
.step-three__button-city {
  font-weight: 500;
  font-size: 14px;
}
.step-three .choose-city__background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 12;
}
.step-three .choose-city__wrapper {
  width: 640px;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 15;
  background-color: #fff;
}
@media only screen and (max-width: 640px) {
  .step-three .choose-city__wrapper {
    width: 100%;
  }
}
.step-three .choose-city__close {
  position: absolute;
  top: 10%;
  right: 0%;
  width: 24px;
  height: 24px;
  background-image: url("/agro_images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.step-three .choose-city__header {
  padding: 20px 40px;
  border-bottom: 1px solid #E5E5E5;
}
.step-three .choose-city__title {
  position: relative;
  font-size: 24px;
}
.step-three .choose-city__body {
  padding: 40px;
}
.step-three .choose-city__cities {
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}
.step-three .choose-city__name {
  padding: 10px;
  color: #00A94E;
  transition: 0.3s all;
  cursor: pointer;
  border: 1px solid transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.step-three .choose-city__name:hover {
  color: #2B2B2F;
}
.step-three .choose-city__name.active {
  border: 1px solid #00A94E;
  color: #2B2B2F;
}
@media only screen and (max-width: 640px) {
  .step-three .choose-city__name {
    padding: 5px;
  }
}
.step-three .choose-city__search {
  margin-top: 20px;
  position: relative;
}
.step-three .choose-city__search-input {
  width: 100%;
  border: 1px solid rgba(43, 43, 47, 0.2);
  outline: none;
  border-radius: 4px;
  padding: 10px;
}
.step-three .choose-city__search-result {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
  position: absolute;
  width: 100%;
  top: 38px;
  left: 0;
  background: #fff;
  z-index: 10;
  height: 170px;
}
.step-three .choose-city__search-item {
  padding: 10px;
  cursor: pointer;
}
.step-three .choose-city__example .choose-city__name {
  padding: 0;
}
.step-three .choose-city__example .choose-city__name.active {
  text-decoration: underline;
}
.step-three .choose-city__btn {
  background-color: #00A94E;
  color: #fff;
  transition: 0.3s all;
  padding: 10px;
  cursor: pointer;
}
.step-three .choose-city__btn:hover {
  background-color: #2B2B2F;
}
.step-three .choose-city__footer {
  color: #7E8085;
  border-top: 1px solid #E5E5E5;
  padding-top: 20px;
  margin-top: 30px;
  line-height: 1.2;
}
.step-three .delivery {
  padding: 0 30px 0 50px;
  margin: 30px 0 0;
  max-width: 890px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .step-three .delivery {
    padding-left: 15px;
  }
}
.step-three .delivery .select-wrapper {
  margin-left: 0px;
  margin-top: 10px;
}
@media only screen and (max-width: 412px) {
  .step-three .delivery .select-wrapper {
    margin-top: 20px;
  }
}
.step-three .delivery__search-input {
  width: 100%;
  border: none;
  outline: none;
  line-height: 4;
}
@media only screen and (max-width: 412px) {
  .step-three .delivery__search-input {
    line-height: 2;
  }
}
.step-three .delivery-price {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .step-three .delivery-price {
    display: none;
  }
}
.step-three .delivery-price-hidden {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .step-three .delivery-price-hidden {
    display: inline-block;
    margin-left: 15px;
  }
}
.step-three .delivery-inputs {
  margin-top: 30px;
}
@media only screen and (max-width: 1024px) {
  .step-three .delivery-inputs {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .step-three .delivery-inputs {
    flex-wrap: wrap;
  }
  .step-three .delivery-inputs ._wid-50, .step-three .delivery-inputs ._wid-25 {
    width: 100%;
  }
}
.step-three .v-select .vs__dropdown-toggle {
  border: none;
}
.step-three .v-select .vs__search, .step-three .v-select .vs__search:focus, .step-three .v-select .vs__selected {
  line-height: 4;
}
@media only screen and (max-width: 798px) {
  .step-three .v-select .vs__search, .step-three .v-select .vs__search:focus, .step-three .v-select .vs__selected {
    line-height: 1;
  }
}
.step-three .v-select .vs__dropdown-toggle {
  padding: 0 20px;
}
@media only screen and (max-width: 798px) {
  .step-three .vs__selected {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
  }
}

@media only screen and (max-width: 1024px) {
  .step-four .step-container {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 1024px) {
  .step-five .step__body {
    flex-direction: column;
  }
}

.modal-root {
  z-index: 10000;
  position: relative;
}
.modal-root__back-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-root .opacityDelay-enter-active,
.modal-root .opacityDelay-leave-active,
.modal-root .opacity-enter-active,
.modal-root .opacity-leave-active {
  transition: opacity 0.2s;
}
.modal-root .opacityDelay-enter,
.modal-root .opacityDelay-leave-to,
.modal-root .opacity-enter,
.modal-root .opacity-leave-to {
  opacity: 0;
}
.modal-root .opacityDelay-enter-active,
.modal-root .opacityDelay-leave-active {
  transition-delay: 0.1s;
}
.modal-root .opacityDelay-enter,
.modal-root .opacityDelay-leave-to {
  transition-delay: 0s;
}

.popup-container {
  z-index: 10001;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 99%;
  max-height: 99%;
}

.popup-common {
  width: 370px;
  max-width: 100%;
  padding: 35px 15px;
  background-color: #F8F8F8;
}
.popup-common__button-wrap {
  margin: 0 -15px -35px;
}

.popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background-image: url("/agro_images/icons/close.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18px;
  cursor: pointer;
}

.aside-info {
  position: relative;
  z-index: 10;
}
.aside-info__burger-menu {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url(/agro_images/icons/burger.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.aside-info .back-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
}
.aside-info a {
  color: #2B2B2F;
  text-decoration: none;
}
.aside-info .cart-box__btn-order {
  color: #fff;
}

.aside-menu {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  width: 350px;
  height: 100%;
  z-index: 10;
}
@media only screen and (max-width: 412px) {
  .aside-menu {
    width: 100%;
  }
}
.aside-menu__close {
  cursor: pointer;
  width: 26px;
  height: 26px;
  background-image: url(/agro_images/icons/close-w.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.aside-menu__logo {
  display: inline-block;
  height: 40px;
  width: 70px;
  cursor: pointer;
  background-image: url(/agro_images/img/logo-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.aside-menu .user {
  background-position: center;
  background-size: 30px;
  background-repeat: no-repeat;
  background-image: url(/agro_images/icons/user-white.svg);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #4F4F4F;
}
.aside-menu__header {
  background-color: #2B2B2F;
  padding: 10px 20px;
}
.aside-menu__registration {
  background-color: #2B2B2F;
  color: #fff;
  padding: 10px 20px;
}
.aside-menu__registration .entry {
  width: 150px;
}
.aside-menu__registration a {
  color: #fff;
}
.aside-menu .cart-box {
  padding: 20px;
  margin: 0;
}
.aside-menu .cart {
  margin: 0;
  height: 60px;
}
.aside-menu .cart::before {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #F5F5F5;
}
.aside-menu .cart__text {
  font-size: 16px;
}
@media only screen and (max-width: 1024px) {
  .aside-menu .cart__text {
    margin-left: 45px;
  }
}
.aside-menu .cart__summ {
  display: none;
}
.aside-menu .cart__count {
  top: 50%;
  left: unset;
  right: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  line-height: 25px;
}
.aside-menu__language {
  padding: 35px 20px;
  border-top: 1px solid #F3F3F3;
  border-bottom: 1px solid #F3F3F3;
}
.aside-menu__language a {
  padding: 10px;
  border: 1px solid #F3F3F3;
  border-radius: 5px;
  margin-right: 10px;
}
.aside-menu__language a.active {
  border: 1px solid #00A94E;
  background-color: rgba(0, 169, 78, 0.2);
}
.aside-menu__phone {
  padding: 0 20px 20px;
  font-size: 16px;
}
.aside-menu .phone {
  height: 60px;
  position: relative;
  padding-left: 70px;
}
.aside-menu .phone:first-child {
  margin-bottom: 20px;
}
.aside-menu .phone::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #F5F5F5;
  background-image: url(/agro_images/icons/phone-call-dark.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.aside-menu__navigation {
  padding: 20px;
  margin: 0;
  list-style: none;
  font-size: 16px;
}
.aside-menu__navigation a {
  padding: 10px 0;
  display: block;
}

.left-enter-active {
  -webkit-animation: left-in 0.5s;
          animation: left-in 0.5s;
}

.left-leave-active {
  animation: left-in 0.2s reverse;
}

@-webkit-keyframes left-in {
  0% {
    transform: translateX(-40%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes left-in {
  0% {
    transform: translateX(-40%);
  }
  100% {
    transform: translateY(0);
  }
}