.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.tippy-box[data-theme~=light] {
  color: #26323d;
  box-shadow: 0 0 20px 4px rgba(154, 161, 177, 0.15), 0 4px 80px -8px rgba(36, 40, 47, 0.25), 0 4px 4px -2px rgba(91, 94, 105, 0.15);
  background-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
  border-top-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
  border-bottom-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
  border-left-color: #fff;
}

.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
  border-right-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-backdrop {
  background-color: #fff;
}

.tippy-box[data-theme~=light] > .tippy-svg-arrow {
  fill: #fff;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: italic;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto";

  font-style: normal;

  font-weight: 900;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: "Roboto Condensed";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCkYb9lecyVC4A.woff2) format("woff2");

  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: "Roboto Condensed";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCAYb9lecyVC4A.woff2) format("woff2");

  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */

@font-face {
  font-family: "Roboto Condensed";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCoYb9lecyVC4A.woff2) format("woff2");

  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Roboto Condensed";

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2) format("woff2");

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
  margin: 0px;
  padding: 0px;
  border: none;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
}

textarea:focus, input:focus, select:focus {
  outline: none;
}

html, body {
  background: #ffffff;
  cursor: default;
  font-weight: 300;
  width: 100%;
}

html {
  height: 100%;
  min-width: 320px;
}

body {
  height: 100%;
}

a {
  text-decoration: underline;
  color: #00A736;
}

p {
  margin-bottom: 1.1rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.not-scroll {
  overflow: hidden;
}

.hidden {
  display: none !important;
}

.page-content, .page-padding {
  margin: auto;
  padding: 105px 0px 0px;
  max-width: 1536px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.page-content.narrow {
  max-width: 1024px !important;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

.clear-both {
  clear: both;
}

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

#jvLabelWrap {
  bottom: -40px !important;
}

jdiv {
  display: none;
}

button {
  background-color: #00A736;
  width: 100%;
  text-align: center;
  display: block;
  padding: 6px 0;
  color: #fff;
  font-size: 16px;
  border-radius: 3px;
}

button,
input[type=button],
input[type=submit] {
  cursor: pointer;
}

button.in-basket {
  background-color: #FF7A00;
}

button:focus, button:focus {
  outline: none;
}

.animate-skeleton {
  overflow: hidden;
  position: relative;
}

.animate-skeleton:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 0px;
  top: 0px;
  background: #d0d0d0;
  z-index: 1;
  transform: skew(-30deg) translateX(-150px);
  box-shadow: 0 0 80px 30px #fff;
  animation: animate 1s linear infinite;
}

.content-text {
  padding-left: 1rem;
  padding-right: 1rem;
}

#popup {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
  z-index: 101;
}

.green {
  color: #009240;
}

.link {
  text-decoration: underline;
}

.tippy {
  margin: 0 3px 0 3px;
  width: 17px;
  height: 17px;
  display: inline-flex;
  position: relative;
}

.tippy::after {
  content: "i";
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 20px;
  color: #999;
  border: 1px solid #BBB;
  width: 17px;
  height: 17px;
  font-size: 12px;
  border-radius: 50%;
  margin: 4px 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
}

.tippy.tippyQ::after {
  content: "?";
}

.tippy:hover::after {
  background-color: #EEE;
}

.tippy-content {
  padding: 18px;
}

.tippy-content * {
  font-size: 14px;
  line-height: 1.5;
}

.tippy-content p {
  margin: 0 0 10px;
}

.tippy-content p:last-child {
  margin: 0;
}

.tippy-box > .tippy-arrow::before {
  transform: scale(1.5);
}

@keyframes animate {
  100% {
    transform: skew(-30deg) translateX(800px);
  }
}

.breadcrumbs {
  padding: 0px 0 12px 0;
  font-size: 13px;
  line-height: 21px;
  color: #000000;
}

.breadcrumbs a {
  font-size: 13px;
  color: #000000;
  text-decoration: none;
}

.breadcrumbs span {
  padding: 0 5px;
  font-size: 13px;
  color: #000000;
}

.breadcrumbs .sep {
  padding: 0;
  margin: 0 5px;
  color: #555;
}

.breadcrumbs .back-link {
  display: inline-block;
  width: 20px;
  margin: 0 12px 0 0;
  background-image: url("../../../core/img/bread_arrow.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.breadcrumbs .current {
  color: #555;
  padding: 0;
}

.six-columns .products-list-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .six-columns .products-list-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .six-columns .products-list-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .six-columns .products-list-content {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

.six-columns .products-list-content {
  gap: 0.75rem;
}

.five-columns .products-list-content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .five-columns .products-list-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .five-columns .products-list-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .five-columns .products-list-content {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.five-columns .products-list-content {
  gap: 0.75rem;
}

.four-columns .products-list-content {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.25rem;
}

@media (min-width: 768px) {
  .four-columns .products-list-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .four-columns .products-list-content {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .four-columns .products-list-content {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.four-columns .products-list-content {
  gap: 0.75rem;
}

.three-columns .products-list-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.25rem;
}

.product-param-icon {
  background-color: rgba(0, 0, 0, 0.4);
  background-size: 84% auto;
  background-position: top 37% left 53%;
  background-repeat: no-repeat;
  border-radius: 3px;
  width: 31px;
  height: 31px;
  text-align: center;
  color: #fff;
  margin-bottom: 3px;
}

.icon-video-exists {
  background-image: url(/images/video2.svg);
}

.icon-bee {
  background-image: url(/images/bee4.svg);
}

.icon-aroma {
  background-image: url(/images/aroma4.svg);
}

.icon-snowflake {
  background-image: url(/images/snowflake4.svg);
}

img.prod-list-img {
  margin-bottom: 5px;
}

#add-comm-photos-0 {
  overflow: hidden;
}

#add-comm-photos-0 .oneImg {
  float: left;
  margin: 0 10px 15px 0;
  position: relative;
}

#add-comm-photos-0 .oneImg .delite {
  width: 18px;
  height: 18px;
  position: absolute;
  background-color: #FFF;
  border-radius: 9px;
  opacity: 0.7;
  top: 5px;
  right: 5px;
  cursor: pointer;
  background-image: url("https://procvetok.com/static/img/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
}

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

.products-list .noComments {
  display: block;
  margin-bottom: 0px;
  height: 21px;
  margin-bottom: 1rem;
}

.products-list .options {
  margin-bottom: 10px;
  overflow: auto;
}

.products-list .options .filter {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 13px;
  color: #000000;
}

.products-list .options .filter img {
  vertical-align: text-top;
  margin-right: 5px;
}

.products-list .options .sort {
  text-align: left;
  font-size: 13px;
  color: #a9a9a9;
}

.products-list .options .sort img {
  vertical-align: text-top;
  margin: 0px 20px 0px 0px;
  display: inline;
  cursor: pointer;
  width: 20px;
  height: 16px;
}

.products-list .options .sort span {
  color: #000;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 4px;
  margin: 0px 10px;
}

.products-list .options .sort span.active {
  color: #009240;
}

.products-list .options .sort select {
  margin-left: 10px;
  border: 1px solid #e5e5e5;
  padding: 5px;
  border-radius: 5px;
}

.products-list .options.fixed {
  position: fixed;
  top: 45px;
  left: 0px;
  z-index: 3;
  background-color: #fff;
  width: 94%;
  padding: 10px 3%;
}

.products-list .one-prod-wrapper.catalogLinkButton .content {
  height: 100%;
}

.products-list .one-prod-wrapper.catalogLinkButton .content a {
  background-color: #D6F5DB;
  display: block;
  width: 100%;
  padding: 41% 0;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  position: relative;
  border-radius: 5px;
  text-decoration: none;
}

.products-list .one-prod-wrapper.catalogLinkButton .content a p {
  font-size: 15px;
  color: #00A736;
  text-align: center;
}

.products-list .one-prod-wrapper {
  margin: 0 0 25px 0;
  padding: 0px 0 5px 0;
  display: inline-block;
  position: relative;
  transition: 0.1s;
  z-index: 1;
  background-color: #fff;
  border-radius: 3px 3px 0 0;
}

.products-list .one-prod-wrapper .product-item-hidden {
  position: absolute;
  margin-top: -1px;
  background-color: #fff;
  z-index: 2;
  border-radius: 0 0 3px 3px;
  padding: 0 0.2% 10px 0.2%;
  left: 0;
  width: 100%;
  display: none;
}

.products-list .one-prod-wrapper .content {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
}

.products-list .one-prod-wrapper .info-prods-block-right {
  position: absolute;
  right: 2%;
  z-index: 2;
}

.products-list .one-prod-wrapper .info-prods-block {
  position: absolute;
  top: 8px;
  left: 2%;
  z-index: 2;
}

.products-list .one-prod-wrapper .info-prods-block .label {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 9px;
  font-size: 13px;
  border-radius: 3px;
}

.products-list .one-prod-wrapper .info-prods-block .new {
  background-color: #5A1EC8;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .original {
  background-color: #A0189E;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .sale {
  background-color: #EB5B0A;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .license {
  background-color: #A0189E;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .exclusive {
  background-color: #fa7600;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .hit {
  background-color: #EC844E;
  color: #FFF;
}

.products-list .one-prod-wrapper .info-prods-block .feat {
  background-color: #EC844E;
  color: #FFF;
}

.products-list .one-prod-wrapper button {
  margin: 0 0 5px 0;
  width: 100%;
  padding: 3px 15px;
  height: 32px;
  font-size: 14px;
  border-radius: 7px;
  font-weight: 300;
}

.products-list .one-prod-wrapper .oneProductInUser {
  line-height: 32px;
  color: #555;
  font-size: 14px;
}

.products-list .one-prod-wrapper button:hover {
  opacity: 0.9;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper {
  margin-bottom: 15px;
  position: relative;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper a.prod-list-img {
  display: block;
  width: 100%;
  padding: 50% 0;
  background-color: #d0d0d0;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  position: relative;
  border-radius: 5px;
  text-decoration: none;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .info-prods-block-bot-left {
  position: absolute;
  bottom: 1px;
  left: 0px;
  z-index: 2;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .info-complect-line {
  position: absolute;
  bottom: 1px;
  left: 0px;
  z-index: 2;
  overflow: hidden;
  width: 100%;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .info-complect-line .oneComplect {
  color: #222;
  font-size: 14px;
  border-radius: 3px;
  background: #EAEAEA;
  float: left;
  text-align: center;
  width: 28%;
  margin-right: 3%;
  margin-left: 3%;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .info-complect-line .saleComplect {
  color: #fff;
  text-align: center;
  width: 28%;
  margin-right: 3%;
  font-size: 14px;
  border-radius: 3px;
  background: #FC1421;
  float: left;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .discount {
  background: #ff0a0d;
  line-height: 29px;
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #ff0a0d;
  height: 29px;
  border-radius: 3px;
  font-size: 14px;
  width: 31px;
  text-align: center;
  box-sizing: border-box;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .remains {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color: #fff;
  height: 29px;
  line-height: 29px;
  border-radius: 3px;
  margin: 0px;
  position: absolute;
  font-size: 14px;
  width: 100%;
  left: 0px;
  bottom: 0px;
  box-sizing: border-box;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .remains-two-lines {
  height: 52px;
}

.products-list .one-prod-wrapper .prod-list-img-wrapper .remains.width-discount {
  padding-left: 31px;
}

.products-list .one-prod-wrapper .price-wrapper {
  font-size: 13px;
  color: #646464;
  overflow: hidden;
  height: 25px;
  margin-bottom: 5px;
  line-height: 20px;
}

.products-list .one-prod-wrapper .price-wrapper .articul {
  float: right;
  padding: 1px 0 0 10px;
}

.products-list .one-prod-wrapper .price-wrapper .big-price.sale {
  color: #FC1435;
  font-size: 18px;
  font-weight: 600;
}

.products-list .one-prod-wrapper .price-wrapper .big-price {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.products-list .one-prod-wrapper .price-wrapper .old-price {
  text-decoration: line-through;
}

.products-list .one-prod-wrapper .price-wrapper.height-auto {
  height: auto;
}

.products-list .one-prod-wrapper .price-wrapper.height-auto .articul {
  float: none;
  padding: 0;
  font-size: 12px;
  color: #000;
}

.products-list .one-prod-wrapper .title-articul-wrapper.no {
  height: 69px;
}

.products-list .one-prod-wrapper .title-articul-wrapper {
  overflow: hidden;
  height: 37px;
  margin-bottom: 15px;
}

.products-list .one-prod-wrapper .title-articul-wrapper .comments {
  font-size: 10px;
  color: #646464;
  margin-bottom: 0px;
}

.products-list .one-prod-wrapper .title-articul-wrapper .comments img {
  width: 12px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
}

.products-list .one-prod-wrapper .title-articul-wrapper .title {
  font-weight: normal;
  font-size: 14px;
  text-decoration: none;
  color: #000000;
  margin-bottom: 5px;
  display: block;
  overflow: hidden;
  max-height: 30px;
  line-height: 15px;
  font-weight: 500;
}

.products-list .one-prod-wrapper .title-articul-wrapper .param-block {
  font-size: 14px;
  color: #000;
  margin: 0 0 5px;
}

.products-list .one-prod-wrapper .title-articul-wrapper .articul {
  font-weight: normal;
  font-size: 10px;
  line-height: 19px;
  color: #646464;
}

.products-list .one-prod-wrapper:hover .prod-list-img {
  opacity: 0.9;
}

.products-list .not-found {
  color: #009240;
  padding: 20vh 0px;
  margin: auto;
  text-align: center;
  font-size: 18px;
  width: 80vw;
  display: block;
}

.products-list .not-on-offer .prod-list-img-wrapper {
  opacity: 0.4;
}

.products-list .not-on-offer .text-wrapper {
  margin-top: 14px;
  height: 57px;
  text-align: center;
}

.products-list .not-on-offer .text-wrapper.no {
  color: #ff0000;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  height: auto;
}

.products-list .not-on-offer .text-wrapper.no svg {
  vertical-align: middle;
  float: right;
}

.products-list .not-on-offer .text-wrapper.no svg.cur path {
  fill: #009240;
}

.companion-list .products-list .one-prod-wrapper {
  width: 100%;
}

.products-list-sort-popup {
  padding: 0px;
  background-color: #fff;
  margin: 5vh auto 5vh auto;
  z-index: 2;
  position: relative;
  border-radius: 3px;
}

.products-list-sort-popup div {
  margin: 0 auto 10px auto;
  max-width: 130px;
}

.products-list-sort-popup div a {
  font-size: 13px;
  color: #000000;
  text-decoration: none;
}

.products-list-sort-popup div a.cur {
  background-image: url(../../../core/img/sortCur.svg);
  background-position: right center;
  padding-right: 20px;
  background-repeat: no-repeat;
}

.checkbox-span {
  padding: 0px 12px;
  font-size: 13px;
}

.checkbox {
  display: inline-flex;
  cursor: pointer;
  position: relative;
  margin: 5px;
}

.checkbox input {
  /*height: 25px;
  width: 25px;*/
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #34495E;
  border-radius: 3px;
  outline: none;
  transition-duration: 0.3s;
  cursor: pointer;
  height: 18px;
  width: 18px;
  min-width: 18px;
}

.checkbox input:checked {
  background-color: #009240;
  border: 0px;
}

.checkbox input:checked + span::before {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: block;
  text-align: center;
  color: #fff;
  position: absolute;
  transform: rotate(45deg);
  left: 0.42rem;
  top: 0.13rem;
  width: 6px;
  height: 11px;
}

.checkbox input:active {
  border: 2px solid #34495E;
}

.products-list-filter-current, .products-list-filter-popup {
  background-color: #fff;
  height: 100%;
}

.products-list-filter-current h2, .products-list-filter-popup h2 {
  font-size: 18px;
  line-height: 19px;
  margin-bottom: 25px;
  color: #646464;
}

.products-list-filter-current .block, .products-list-filter-popup .block {
  margin-bottom: 20px;
  /*.active{
    background-color:#e5e5e5;
    .item {
      color: #646464;
    }
  }*/
}

.products-list-filter-current .block .items, .products-list-filter-popup .block .items {
  max-height: 170px;
  overflow: auto;
}

.products-list-filter-current .block .items::-webkit-scrollbar, .products-list-filter-popup .block .items::-webkit-scrollbar {
  width: 6px;
}

.products-list-filter-current .block .items::-webkit-scrollbar-track, .products-list-filter-popup .block .items::-webkit-scrollbar-track {
  background-color: #fff;
}

.products-list-filter-current .block .items::-webkit-scrollbar-thumb, .products-list-filter-popup .block .items::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.products-list-filter-current .block .items label, .products-list-filter-popup .block .items label {
  cursor: pointer;
  line-height: 18px;
  vertical-align: top;
}

.products-list-filter-current .block .title, .products-list-filter-popup .block .title {
  font-size: 18px;
  color: #646464;
  margin-bottom: 15px;
  overflow: hidden;
}

.products-list-filter-current .block .title svg, .products-list-filter-popup .block .title svg {
  float: right;
  cursor: pointer;
}

.products-list-filter-current .block .title .tooltip, .products-list-filter-popup .block .title .tooltip {
  background-image: url(../../../core/img/menuStrBottom.svg);
  width: 22px;
  height: 12px;
  display: inline-block;
  margin-left: 15px;
  cursor: pointer;
}

.products-list-filter-current .block .title .prompt, .products-list-filter-popup .block .title .prompt {
  background-color: #fff;
  line-height: 15px;
  position: absolute;
  width: 280px;
  z-index: 10;
  padding: 10px;
  font-size: 12px;
  border: solid 1px #646464;
  border-radius: 3px;
}

.products-list-filter-current .block .interval, .products-list-filter-popup .block .interval {
  clear: both;
}

.products-list-filter-current .block .interval input, .products-list-filter-popup .block .interval input {
  border: solid 1px #909090;
  padding: 5px 3%;
  float: left;
  width: 43%;
}

.products-list-filter-current .block .interval input:nth-child(2), .products-list-filter-popup .block .interval input:nth-child(2) {
  margin-left: -1px;
}

.products-list-filter-current .block .chips, .products-list-filter-popup .block .chips {
  background: #e5e5e5;
  border-radius: 15px;
  color: #646464;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 7px 5px 15px;
  text-align: center;
  font-size: 13px;
}

.products-list-filter-current .block .chips .item, .products-list-filter-popup .block .chips .item {
  color: #646464;
  white-space: nowrap;
}

.products-list-filter-current .block .chips .drop-filter-option, .products-list-filter-popup .block .chips .drop-filter-option {
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #d5d5d5;
  vertical-align: middle;
  margin-left: 8px;
  border: 6px solid #d5d5d5;
  border-radius: 50%;
  box-sizing: content-box;
}

.products-list-filter-current .block .chips .drop-filter-option::after, .products-list-filter-popup .block .chips .drop-filter-option::after {
  height: 10px;
  width: 2px;
  left: 3px;
  top: -1px;
  background: #fff;
  content: "";
  position: absolute;
  display: block;
  transform: rotate(-45deg);
}

.products-list-filter-current .block .chips .drop-filter-option::before, .products-list-filter-popup .block .chips .drop-filter-option::before {
  transform: rotate(45deg);
  height: 10px;
  width: 2px;
  left: 3px;
  top: -1px;
  background: #fff;
  content: "";
  position: absolute;
  display: block;
}

.products-list-filter-current .block .disabled, .products-list-filter-popup .block .disabled {
  background-color: rgba(255, 122, 0, 0.4);
}

.products-list-filter-current .block.inactive .items, .products-list-filter-popup .block.inactive .items {
  display: none;
}

.products-list-filter-current .block.inactive .tooltip, .products-list-filter-popup .block.inactive .tooltip {
  transform: rotate(-90deg);
}

.products-list-filter-current .block.inactive .title svg, .products-list-filter-popup .block.inactive .title svg {
  transform-origin: center;
  transform: rotate(-45deg);
}

.products-list-filter-current .controls, .products-list-filter-popup .controls {
  background-color: #fff;
  padding: 20px;
  overflow: hidden;
}

.products-list-filter-current .controls button, .products-list-filter-popup .controls button {
  width: auto;
  text-align: center;
  display: block;
  float: left;
  border-radius: 3px;
  font-size: 13px;
  width: 45%;
  padding: 10px 0;
}

.products-list-filter-current .controls .cancel, .products-list-filter-popup .controls .cancel {
  background-color: #fff;
  border: solid 1px #C4C4C4;
  color: #646464;
}

.products-list-filter-current .controls .submit, .products-list-filter-popup .controls .submit {
  background-color: #009240;
  border: solid 1px #009240;
  color: #FFFFFF;
  font-weight: 600;
  float: right;
}

.footerTopInfo {
  background: linear-gradient(to right, #E8E8E8 50%, #009346 50%);
}

.privacyPolicyBlk.hidden {
  display: none;
}

.payLogoLine {
  padding: 30px 20%;
}

.payLogoLine img {
  filter: grayscale(100%);
  opacity: 0.5;
}

.footer {
  margin: 30px auto 50px auto;
}

.footer .gridColums {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 55px;
  margin-bottom: 25px;
}

.footer .gridColums p.titleName {
  margin-bottom: 20px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.footer .gridColums .textInfo .otstup {
  margin-bottom: 20px;
}

.footer .gridColums .textInfo a {
  display: block;
  color: #000;
  margin-bottom: 5px;
  font-size: 13px;
}

.footer .gridColums .textInfo p {
  color: #000;
  margin-bottom: 0px;
  font-size: 13px;
  line-height: 17px;
}

.footer .gridColums .textInfo span {
  color: #000;
  margin-bottom: 5px;
  font-size: 13px;
}

.privacyPolicyBlk .leftText {
  color: #fff;
  font-size: 16px;
}

.privacyPolicyBlk .leftText p {
  margin-bottom: 0px;
  color: #fff;
  font-size: 16px;
}

.privacyPolicyBlk .leftText a {
  font-size: 12px;
  color: #fff;
}

.privacyPolicyBlk .btn {
  background: #FFFFFF;
  border-radius: 2px;
  color: #000000;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.privacyPolicyBlk {
  background: rgb(83, 83, 83);
  padding: 20px 0 10px 0;
  position: fixed;
  bottom: 0px;
  width: 100%;
  z-index: 250;
}

.privacyPolicyBlk.hidden {
  display: none;
}

.privacyPolicyBlk .page {
  max-width: 1000px;
  color: #fff;
  font-size: 16px;
  text-align: right;
  overflow: hidden;
  margin: 0 auto;
}

.privacyPolicyBlk .page .left {
  float: left;
  width: 70%;
}

.privacyPolicyBlk .page p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
}

.privacyPolicyBlk .page p a {
  font-size: 12px;
  color: #fff;
}

.privacyPolicyBlk .page .right {
  float: right;
  width: 25%;
}

.privacyPolicyBlk .page .btn {
  background: #FFFFFF;
  border-radius: 2px;
  color: #000000;
  font-size: 18px;
  text-align: center;
  padding: 10px;
  cursor: pointer;
}

.privacyPolicyBlk .page .btn:hover {
  background: #FEFEFE;
}

.ulFutter li {
  margin-bottom: 5px;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity));
}

.footerDopImg div img {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.25rem;
}

.footerDopImg div {
  font-size: 0.75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-align: center;
}

.footerfeedback p {
  margin-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity));
}

.mobile-menu-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #FFF;
  display: none;
  justify-content: center;
  border-top: 1px solid #6B6B6B;
  z-index: 20;
  color: #009346;
}

.mobile-menu-bottom > div {
  flex: 1;
  height: 70px;
  position: relative;
  background-repeat: no-repeat;
}

.mobile-menu-bottom > div .menu-inner,
.mobile-menu-bottom > div > a {
  position: absolute;
  bottom: 8px;
  left: 50%;
  top: 5px;
  transform: translateX(-50%);
  font-size: 12px;
  min-width: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  background-repeat: no-repeat;
}

.mobile-menu-bottom .main {
  background-position: top 11px center;
  background-image: url(/images/bottom_menu_mobile/home.svg);
  background-size: 28px auto;
}

.mobile-menu-bottom .catalog {
  background-position: top 12px center;
  background-image: url(/images/bottom_menu_mobile/catalog.svg);
  background-size: 32px auto;
}

.mobile-menu-bottom .basket {
  background-position: top 11px center;
  background-image: url(/images/bottom_menu_mobile/basket.svg);
  background-size: 25px auto;
}

.mobile-menu-bottom .info {
  background-position: top 10px center;
  background-image: url(/images/bottom_menu_mobile/info.svg);
  background-size: 24px auto;
}

.mobile-menu-bottom .info-parent {
  position: relative;
}

.mobile-menu-bottom .personal {
  background-position: top 10px center;
  background-image: url(/images/bottom_menu_mobile/personal.svg);
  background-size: 25px auto;
}

.mobile-menu-bottom .basket .basket-badge-bottom {
  background-color: #FD7900;
  color: #FFF;
  height: 22px;
  width: 22px;
  position: absolute;
  top: 3px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -30px 0 0;
}

.mobile-menu-bottom .info-menu {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 71px;
  padding: 25px 50px;
  background-color: #F3F3F3;
  font-size: 14px;
  color: #555;
}

.mobile-menu-bottom .info-menu .ttl {
  font-size: 18px;
  margin: 0 0 10px;
}

.mobile-menu-bottom .info-menu .links {
  line-height: 2.5;
}

.mobile-menu-bottom .info-menu .links a {
  float: left;
  clear: left;
  text-decoration: none;
  color: #555;
}

@media (max-width: 1200px) {
  .mobile-menu-bottom {
    display: flex;
  }

  .footer {
    padding-bottom: 100px;
  }
}

.header {
  background-color: #fff;
  position: fixed;
  top: 0px;
  padding: 10px 0;
  z-index: 12;
}

.header .header-wrapper {
  max-width: 1536px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.header .links {
  height: 60px;
  overflow: hidden;
}

.abDopMenu {
  height: 110px !important;
}

.abDopMenu .header-wrapper {
  background-color: #fff;
  height: 65px;
}

.abTestMenuPadding {
  padding-bottom: 50px;
}

.dopMainMenu {
  overflow: hidden;
  background: #FFF;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: -55px;
  height: 40px;
  line-height: 20px;
}

.dopMainMenu .page-content {
  height: 40px;
  line-height: 20px;
  padding-top: 5px !important;
}

.dopMainMenu .page-content a {
  float: left;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  margin-right: 50px;
}

.dopMainMenu .page-content a:hover {
  text-decoration: underline;
  color: #009240;
}

@media (max-width: 1200px) {
  .header .links .main-menu-info {
    display: none;
  }

  .header .links .main-menu-login {
    display: none;
  }

  .header .links .main-menu-basket {
    display: none;
  }

  .header .links .main-menu-help {
    padding-left: 10px;
    padding-right: 0;
  }

  .header .logo {
    padding-top: 14px;
    margin: 0 10px 0 0;
  }

  .header .logo img {
    width: 125px;
  }

  .header .logo p {
    display: none;
  }

  .header .menu-opener {
    display: none;
  }

  .header .search-bar {
    padding: 0 10px;
  }
}

@media (max-width: 750px) {
  .header .logo {
    padding-top: 18px;
  }

  .header .logo img {
    width: 85px;
  }
}

@font-face {
  font-family: swiper-icons;

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");

  font-weight: 400;

  font-style: normal;
}

.navigation-disabled {
  opacity: 0.6;
}

.swiper-button-prev-circle.hidden, .swiper-button-next-circle.hidden {
  display: none;
}

.swiper-button-next-circle {
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -24px;
  width: 3rem;
  height: 3rem;
  right: 1.66em;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.swiper-button-prev-circle {
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 50%;
  z-index: 10;
  left: 1.66em;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  margin-top: -24px;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.swiper-button-next-circle.show-on-hover {
  display: none;
}

.swiper-button-prev-circle.show-on-hover {
  display: none;
}

.swiper:hover .swiper-button-next-circle.show-on-hover {
  display: flex;
}

.swiper:hover .swiper-button-prev-circle.show-on-hover {
  display: flex;
}

.swiper {
  --swiper-navigation-color:#646464;
  margin: auto;
  margin-bottom: 0px;
  overflow: hidden;
  /**
  * Swiper 8.3.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
  * Copyright 2014-2022 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
  * Released on: July 26, 2022
  */
}

.swiper a {
  text-decoration: none !important;
  position: relative;
  display: block;
}

.swiper a .maxDiscount {
  background-color: red;
  color: #fff;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  border: solid 3px #fff;
  border-radius: 3px;
  padding: 2px;
}

.swiper p {
  text-align: center;
  font-size: 14px !important;
  line-height: 16px;
}

.swiper img {
  width: 100%;
}

.swiper .swiper-pagination-bullet-active {
  background-color: #009240 !important;
}

.swiper .swiper-pagination {
  background-color: #fff;
  padding-top: 10px;
  width: 100%;
}

.swiper .swiper-pagination span {
  margin-right: 5px;
}

.swiper .animate-skeleton {
  padding: 50%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 100;
  min-height: 110px;
  background: #d0d0d0;
}

.swiper .swiper-slide {
  overflow: hidden;
}

.swiper .swiper-slide img {
  border-radius: 3px;
}

.swiper :root {
  --swiper-theme-color:#007aff;
}

.swiper .swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper .swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper .swiper-android .swiper-slide, .swiper .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper .swiper-pointer-events {
  touch-action: pan-y;
}

.swiper .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper .swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper .swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper .swiper-autoheight, .swiper .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper .swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper .swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper .swiper-3d, .swiper .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper .swiper-3d .swiper-cube-shadow, .swiper .swiper-3d .swiper-slide, .swiper .swiper-3d .swiper-slide-shadow, .swiper .swiper-3d .swiper-slide-shadow-bottom, .swiper .swiper-3d .swiper-slide-shadow-left, .swiper .swiper-3d .swiper-slide-shadow-right, .swiper .swiper-3d .swiper-slide-shadow-top, .swiper .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper .swiper-3d .swiper-slide-shadow, .swiper .swiper-3d .swiper-slide-shadow-bottom, .swiper .swiper-3d .swiper-slide-shadow-left, .swiper .swiper-3d .swiper-slide-shadow-right, .swiper .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper .swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper .swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper .swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper .swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper .swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper .swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper .swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper .swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper .swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper .swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper .swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper .swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

.swiper :root {
  --swiper-navigation-size:44px;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper .swiper-button-next.swiper-button-disabled, .swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper .swiper-button-next.swiper-button-hidden, .swiper .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper .swiper-navigation-disabled .swiper-button-next, .swiper .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper .swiper-button-prev, .swiper .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper .swiper-button-prev:after, .swiper .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper .swiper-button-next, .swiper .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper .swiper-button-next:after, .swiper .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper .swiper-button-lock {
  display: none;
}

.swiper .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper .swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper .swiper-pagination-disabled > .swiper-pagination, .swiper .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper .swiper-horizontal > .swiper-pagination-bullets, .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper .swiper-pagination-custom, .swiper .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper .swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

.swiper button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper .swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper .swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper .swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper .swiper-pagination-vertical.swiper-pagination-bullets, .swiper .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper .swiper-horizontal > .swiper-pagination-progressbar, .swiper .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper .swiper-pagination-lock {
  display: none;
}

.swiper .swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper .swiper-horizontal > .swiper-scrollbar, .swiper .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper .swiper-scrollbar.swiper-scrollbar-vertical, .swiper .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper .swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper .swiper-scrollbar-lock {
  display: none;
}

.swiper .swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper .swiper-zoom-container > canvas, .swiper .swiper-zoom-container > img, .swiper .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper .swiper-slide-zoomed {
  cursor: move;
}

.swiper .swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper .swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

.swiper .swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper .swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper .swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper .swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper .swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper .swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper .swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper .swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper .swiper-fade .swiper-slide-active, .swiper .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper .swiper-cube {
  overflow: visible;
}

.swiper .swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper .swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper .swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper .swiper-cube .swiper-slide-active, .swiper .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper .swiper-cube .swiper-slide-active, .swiper .swiper-cube .swiper-slide-next, .swiper .swiper-cube .swiper-slide-next + .swiper-slide, .swiper .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper .swiper-cube .swiper-slide-shadow-bottom, .swiper .swiper-cube .swiper-slide-shadow-left, .swiper .swiper-cube .swiper-slide-shadow-right, .swiper .swiper-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper .swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper .swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper .swiper-flip {
  overflow: visible;
}

.swiper .swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper .swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper .swiper-flip .swiper-slide-active, .swiper .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper .swiper-flip .swiper-slide-shadow-bottom, .swiper .swiper-flip .swiper-slide-shadow-left, .swiper .swiper-flip .swiper-slide-shadow-right, .swiper .swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper .swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper .swiper-cards {
  overflow: visible;
}

.swiper .swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.swiper .swiper-container {
  padding-bottom: 20px;
}

.main-menu .main-menu-sublist {
  border-left: solid 2px #C4C4C4;
}

.main-menu .main-menu-sublist-second {
  border-left: solid 2px #C4C4C4;
}

.main-menu .main-menu-sublist-second .sale-text {
  display: none;
}

.main-menu li {
  padding-top: 0.5rem;
}

.main-menu span.sale-text {
  background-color: #ff0000;
  color: #fff;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

.main-menu li:hover span.open-menu, .main-menu li:hover span.hide-menu, .main-menu li.active span.open-menu, .main-menu li.active span.hide-menu {
  background-image: url(../../../core/img/main_menu_arrow_right.svg);
  width: 30px;
  background-position: 10px bottom;
  height: 17px;
  background-repeat: no-repeat;
  display: none;
}

.main-menu li.active a {
  font-weight: bold;
}

.main-menu .context-menu {
  position: absolute;
}

.main-menu-v2 .menu-opener .buttonBg {
  border-radius: 5px;
  padding-left: 2rem;
  padding-right: 2rem;
}

.main-menu-v2 .menu-opener .buttonBg svg {
  margin-top: 3px;
}

.main-menu-v2 .menu-opener .buttonBg .close-menu-icon {
  margin: 6px 0 0 5px !important;
}

.main-menu-v2 .main-menu-basket {
  transition: transform 0.3s ease-in-out;
}

.main-menu-v2 .main-menu-basket.animate {
  transform: scale(1.2) translateY(-20px);
}

.main-menu-v2 .main-menu-list .flex, .main-menu-v2 .main-menu-sublist .flex, .main-menu-v2 .main-menu-sublist-second .flex {
  overflow-y: scroll;
}

.main-menu-v2 .main-menu-list .flex::-webkit-scrollbar, .main-menu-v2 .main-menu-sublist .flex::-webkit-scrollbar, .main-menu-v2 .main-menu-sublist-second .flex::-webkit-scrollbar {
  width: 6px;
}

.main-menu-v2 .main-menu-list .flex::-webkit-scrollbar-track, .main-menu-v2 .main-menu-sublist .flex::-webkit-scrollbar-track, .main-menu-v2 .main-menu-sublist-second .flex::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

.main-menu-v2 .main-menu-list .flex::-webkit-scrollbar-thumb, .main-menu-v2 .main-menu-sublist .flex::-webkit-scrollbar-thumb, .main-menu-v2 .main-menu-sublist-second .flex::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.main-menu-v2 ul {
  width: 100%;
}

.main-menu-v2 li {
  padding: 10px 20px;
  position: relative;
  cursor: pointer;
  border-radius: 0.25rem;
  padding-right: 55px;
  border-radius: 0px;
}

.main-menu-v2 li .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.main-menu-v2 li .icon svg {
  max-width: 20px;
  max-height: 20px;
  width: 100%;
}

.main-menu-v2 .main-menu-list li {
  padding-right: 40px;
}

.main-menu-v2 span.sale-text {
  background-color: #ff0000;
  color: #fff;
  top: 50%;
  margin-top: -6px;
  margin-left: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
  padding-right: 0.45rem;
  padding-left: 0.45rem;
  line-height: 0.5rem;
  right: 5px;
}

.main-menu-v2 .main-menu-list span.sale-text {
  right: 5px;
}

.main-menu-v2 li:hover span.open-menu, .main-menu-v2 li:hover span.hide-menu, .main-menu-v2 li.active span.open-menu, .main-menu-v2 li.active span.hide-menu {
  background-image: url(../../../core/img/main_menu_arrow_right.svg);
  width: 30px;
  background-position: 10px bottom;
  height: 17px;
  background-repeat: no-repeat;
  display: none;
}

.main-menu-v2 li.active {
  background-color: #01A736;
  border-radius: 0px;
  font-weight: normal;
}

.main-menu-v2 li.active a {
  color: #fff;
}

.main-menu-v2 li.active path {
  fill: #16A34A !important;
}

.main-menu-v2 .context-menu {
  position: absolute;
}

.main-menu-v2 .main-menu-sublist ul li.active, .main-menu-v2 .main-menu-sublist-second ul li.active {
  background-color: #E9E9E9;
}

.main-menu-v2 .main-menu-sublist ul li.active a, .main-menu-v2 .main-menu-sublist-second ul li.active a {
  color: #01A736;
}

.main-menu-sublist-second .sale-text {
  display: none !important;
}

.top-open-menu li a {
  text-decoration-line: none;
  font-size: 16px;
  color: #787D85;
}

@media (max-width: 1200px) {
  .main-menu-v2 .main-menu-list {
    width: calc(30% + 20px) !important;
  }

  .main-menu-v2 .main-menu-sublist {
    width: 30%;
  }

  .main-menu-v2 .main-menu-sublist-second {
    width: 30%;
  }
}

.search {
  display: inline-block;
  width: 100%;
  padding: 2px;
  border-radius: 5px;
  border: solid 1px #00A736;
}

.search input {
  background-color: #fff;
  color: #000;
  height: 42px;
  width: calc(100% - 80px);
  display: inline-block;
  border-radius: 11px;
}

.search input::-moz-placeholder {
  color: rgb(154, 154, 154);
  font-weight: 400;
}

.search input::placeholder {
  color: rgb(154, 154, 154);
  font-weight: 400;
}

.search input:focus::-moz-placeholder {
  color: #9a9a9a;
}

.search input:focus::placeholder {
  color: #9a9a9a;
}

.search input + svg {
  fill: #9a9a9a;
}

.search input:focus + svg {
  fill: #9a9a9a;
}

.search .search-result {
  border-radius: 16px;
  text-align: left;
  margin-top: 6px;
}

.search .search-result-separator {
  background: #e6e6e6;
  height: 1px;
  margin-left: 16px;
  margin-right: 16px;
}

.search .search-tip-query, .search .search-tip-category, .search .search-tip-product {
  vertical-align: middle;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
}

.search .search-tip-query:hover, .search .search-tip-category:hover, .search .search-tip-product:hover {
  background: rgba(0, 146, 64, 0.1);
}

.search .search-tip-query {
  padding: 5px 24px;
  vertical-align: middle;
  line-height: 40px;
  height: 50px;
}

.search .search-tip-category {
  padding: 5px 24px 5px 21px;
  height: 54px;
}

.search .search-tip-category img {
  height: 46px;
  width: 46px;
  margin: 0px 21px 0px 0px;
}

.search .search-tip-product {
  padding: 5px 16px 5px 24px;
  height: 50px;
}

.search .search-tip-product img {
  height: 40px;
  width: 40px;
  margin: 0px 24px 0px 0px;
}

.search .search-btn-link {
  float: right;
  text-align: center;
  width: 35px;
}

.search .search-btn-link svg {
  margin: 0 auto;
  margin-top: 10px;
  cursor: pointer;
}

.search.open {
  border: none;
}

.search.open .search-btn-link {
  display: none;
}

@media (max-width: 1200px) {
  .search .search-btn-link {
    width: 50px;
  }

  .search input {
    width: calc(100% - 50px);
  }
}

.jv-custom {
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 40px;
  right: 40px;
  z-index: 10000;
  cursor: pointer;
}

.jv-custom.flt {
  bottom: 80px;
}

.jv-custom .jc-1 {
  position: relative;
}

.jv-custom .jc-chan {
  width: 50px;
  position: absolute;
  margin: -225px 0 0 0;
}

.jv-custom .jc-chan.small {
  margin: -65px 0 0 0;
}

.jv-custom .jc-btn {
  display: none;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background-color: #00B854;
  background-size: 26px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../../../core/img/jivosite/chat.svg);
}

.jv-custom .jc-btn.active {
  background-image: url(../../../core/img/jivosite/close.png);
  background-size: auto;
  background-color: #AAA;
}

.jv-custom .jc-chan a {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #007EFF;
  margin: 0 0 5px 0;
  background-position: center;
  background-repeat: no-repeat;
}

/*
.jv-custom .jc-chan a:nth-child(1) {
    background-color: #4C75A3;
    background-size: 29px auto;
    background-position: 10px 18px;
    background-image: url(../../../core/img/jivosite/vk.png);
}*/

.jv-custom .jc-chan a.fb {
  background-color: #3359A4;
  background-size: auto 27px;
  background-position: 17px 12px;
  background-image: url(../../../core/img/jivosite/facebook.png);
}

.jv-custom .jc-chan a.tg {
  background-color: #34B1E1;
  background-size: auto 21px;
  background-position: 10px 15px;
  background-image: url(../../../core/img/jivosite/telegram.png);
}

.jv-custom .jc-chan a.vb {
  background-color: #7B519D;
  background-position: 12px 12px;
  background-size: auto 29px;
  background-image: url(../../../core/img/jivosite/viber.png);
}

.jv-custom .jc-chan a.jvch {
  background-color: #00B854;
  background-size: auto 32px;
  background-image: url(../../../core/img/jivosite/jivosite.png);
}

.prod-delay {
  text-align: right;
}

.prod-delay-item {
  position: absolute;
  top: 0px;
  right: 1px;
  z-index: 2;
}

.delay {
  background-color: rgba(0, 0, 0, 0.4);
  width: 31px;
  height: 31px;
  margin-bottom: 3px;
  border-radius: 3px;
}

.delay .delay-btn {
  width: 31px;
  height: 31px;
  background: url("/images/delay_off.svg") no-repeat center;
  background-size: 20px auto;
}

.delay .active {
  background: url("/images/delay_on.svg") no-repeat center;
  background-size: 20px auto;
}

.popup {
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 101;
}

.popup .content-wrapper {
  height: auto;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0px auto;
}

.popup .content-wrapper .content-wrapper-inner {
  position: relative;
  width: 100%;
  min-width: 100%;
}

.popup .content-wrapper .content {
  background-color: #FFF;
  padding: 20px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}

.popup .content-wrapper .content .product-popup-info {
  margin-bottom: 25px;
  overflow: hidden;
}

.popup .content-wrapper .content .product-popup-info .right-btn {
  float: right;
  width: 70%;
  overflow: hidden;
}

.popup .content-wrapper .content .product-popup-info .right-btn h3 {
  font-size: 25px;
  line-height: 38px;
  margin-bottom: 15px;
  text-align: center;
  clear: both;
  text-align: right;
  color: #646464;
}

.popup .content-wrapper .content .product-popup-info .right-btn div.btn {
  background-color: #009240;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  width: 70%;
  float: right;
  text-transform: uppercase;
  border-radius: 7px;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.popup .content-wrapper .content .product-popup-info .right-btn div.btn:hover {
  background-color: #008038;
}

.popup .content-wrapper .content .product-popup-info .right-btn .add-massage {
  background: rgba(0, 146, 64, 0.2);
  border-radius: 15px;
  display: inline-block;
  padding: 7px 45px 7px 12px;
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.popup .content-wrapper .content .product-popup-info .right-btn .add-massage svg {
  display: inline-block;
  margin-right: 12px;
}

.popup .content-wrapper .content .product-popup-info .left-img {
  float: left;
  width: 25%;
}

.popup .content-wrapper .content .product-popup-info .left-img img {
  border-radius: 10px;
}

.popup .content-wrapper .content .top-line {
  margin-bottom: 25px;
}

.popup .content-wrapper .content .top-line .add-massage {
  background: rgba(0, 146, 64, 0.2);
  border-radius: 15px;
  display: inline-block;
  padding: 7px 45px 7px 12px;
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.popup .content-wrapper .content .top-line .add-massage svg {
  display: inline-block;
  margin-right: 12px;
}

.popup .content-wrapper .content .bottom-dop-products .top-text-information {
  font-weight: 700;
  font-size: 32px;
  color: #646464;
  overflow: hidden;
}

.popup .content-wrapper .content .bottom-dop-products .top-text-information span {
  float: right;
  font-weight: 200;
  border-bottom: dashed 1px #646464;
  cursor: pointer;
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  color: #646464;
}

.popup .content-wrapper .content .bottom-dop-products .add-app-basket-btn {
  float: right;
  display: inline-block;
  border: 2px solid #009240;
  border-radius: 7px;
  width: 70%;
  height: 40px;
  font-weight: 900;
  font-size: 16px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  color: #009240;
}

.popup .content-wrapper .content .bottom-dop-products .add-app-basket-btn:hover {
  color: #fff;
  background-color: #009240;
}

.popup .content-wrapper .content .bottom-dop-products .param-block {
  margin-bottom: 15px;
  height: 40px;
  width: 100%;
  display: table;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .left-block {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  height: 40%;
  padding-right: 5%;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .left-block span {
  background: rgba(0, 146, 64, 0.2);
  border-radius: 15px;
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 8px 5px;
  line-height: 16px;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block {
  display: table;
  vertical-align: middle;
  height: 40%;
  width: 100%;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .top-text {
  overflow: hidden;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: #646464;
  margin-bottom: 20px;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .top-text span {
  font-weight: 200;
  border-bottom: dashed 1px #646464;
  cursor: pointer;
  margin-top: 10px;
  font-size: 14px;
  line-height: 16px;
  float: right;
  color: #646464;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product {
  overflow: hidden;
  display: table;
  width: 100%;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .one-param {
  display: table-cell;
  vertical-align: middle;
  width: 76%;
  padding-right: 5%;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .one-param a {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #000;
  text-decoration: none;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .second-param {
  display: table-cell;
  vertical-align: middle;
  width: 15%;
  text-align: right;
  padding-right: 5%;
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  color: #000;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .tree-param:hover, .popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .tree-param.in-basket {
  background-color: #FF7A00;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .tree-param {
  display: inline-table;
  vertical-align: middle;
  text-align: right;
  cursor: pointer;
  width: 10%;
  height: 45px;
  position: relative;
  background-color: #009240;
  border-radius: 7px;
  padding: 7px 10px;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .tree-param svg {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 auto;
}

.popup .content-wrapper .content .bottom-dop-products .param-block .right-block .one-product .tree-param svg path {
  fill: #fff;
}

.popup .content-wrapper .content .send-phone-popup p {
  margin-bottom: 12px;
  font-size: 14px;
}

.popup .content-wrapper .content .send-phone-popup .phone {
  overflow: hidden;
}

.popup .content-wrapper .content .send-phone-popup .phone div {
  font-size: 14px;
  padding-top: 5px;
  display: inline-block;
  font-weight: bold;
}

.popup .content-wrapper .content .send-phone-popup .phone input {
  border: solid 1px #909090;
  padding: 5px 3%;
  width: 45%;
  float: right;
  border-radius: 3px;
  margin-bottom: 15px;
}

.popup .content-wrapper .content .send-phone-popup button {
  margin-bottom: 15px;
}

.popup .content-wrapper .close {
  z-index: 2;
  top: 10px;
  right: 10px;
  position: absolute;
  border-radius: 50%;
  background-color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.popup .content-wrapper .close .path {
  fill: #000;
}

.popup .content-wrapper .close .svg {
  width: 18px;
  height: 18px;
}

.popup .content-wrapper.grid-auto {
  grid-template-columns: auto;
}

.popup.auto-size {
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup.auto-size .content-wrapper {
  width: auto;
  height: auto;
  top: auto;
  left: auto;
}

.popup.auto-size .content-wrapper .content {
  padding: 0px;
}

.enter-form .top-line {
  overflow: hidden;
  margin-bottom: 20px;
}

.enter-form .top-line div {
  float: left;
  width: 50%;
  text-align: center;
}

.enter-form .top-line div span {
  color: #1b1b1b;
  font-size: 18px;
  font-weight: normal;
  display: inline-block;
  border-bottom: 1px dashed #000;
}

.enter-form .top-line .active span {
  border-bottom: none;
  font-weight: bold;
}

.enter-form .sep {
  border-bottom: 1px solid #CCC;
  text-transform: uppercase;
  margin: 0 0 30px;
  display: flex;
}

.enter-form .sep span {
  display: inline-flex;
  background-color: #FFF;
  margin: 0px auto -11px auto;
  padding: 0 10px;
  font-weight: normal;
  font-size: 14px;
  color: #444;
}

.enter-form .auth-soc {
  margin: 0 0 20px 0;
}

.enter-form .auth-soc > div {
  margin: 0 0 10px;
}

.enter-form .auth-soc .auth-yandex-outer {
  height: 40px;
  border: 1px solid #DADCE0;
  overflow: hidden;
  border-radius: 4px;
  background-color: #FFF;
  background-image: url(/images/load.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
}

.enter-form .auth-soc #auth-yandex {
  margin: -1px 0 0 0;
}

.enter-form .auth-soc #auth-google {
  height: 40px;
  background-color: #FFF;
  background-image: url(/images/load.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px auto;
  overflow: hidden;
}

.enter-form .auth-soc #auth-mailru {
  display: flex;
  align-items: center;
  padding: 0 0 0 30px;
  background-image: url(/images/mailru_icon.svg);
  background-repeat: no-repeat;
  background-position: left 11px center;
  background-size: 24px auto;
  justify-content: center;
  border: 1px solid #DADCE0;
  height: 40px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 15px;
}

.enter-form .center-line {
  margin-bottom: 10px;
}

.enter-form .center-line .noActive {
  display: none;
}

.enter-form .center-line table {
  width: 100%;
}

.enter-form .center-line table td {
  vertical-align: middle;
  padding: 0 0 10px 0;
}

.enter-form .center-line table td input {
  width: 100%;
  border: 1px solid #c2c2c2;
  color: #000;
  padding: 7px 4%;
}

.enter-form .center-line table td .error {
  border: 1px solid red;
  color: red;
}

.enter-form .center-line table td:nth-child(1) {
  width: 55px;
  white-space: nowrap;
  padding-right: 10px;
  text-align: left;
}

.enter-form .regPolicyError {
  color: #F00;
}

.enter-form .accept {
  text-align: left;
  font-size: 13px;
  display: flex;
  margin: 0 0 20px;
}

.enter-form .accept .chk {
  padding: 3px 0 0 0;
}

.enter-form .accept .chk input[type=checkbox] {
  transform: scale(1.35);
  outline: none;
  border-radius: 2px;
}

.enter-form .accept .chk input[type=checkbox].policyError {
  outline: 2px solid #ed1c24;
  margin-top: 20px;
}

.enter-form .accept .text-data {
  padding: 0 0 0 10px;
}

.enter-form .accept .text-data a {
  color: #009346;
}

.enter-form .accept .text-data a:hover {
  color: #222;
}

.enter-form .bottom-line a {
  display: block;
  float: left;
  width: 40%;
  font-size: 12px;
  margin-top: 7px;
}

.enter-form .bottom-line button {
  float: right;
  width: 55%;
  font-size: 14px;
}

.enter-form .error {
  color: red;
  font-size: 12px;
  margin-bottom: 10px;
}

.enter-form .reg .bottom-line button {
  width: 75%;
}

.enter-form .reg .bottom-line p {
  clear: both;
  padding: 10px 0 0 0;
  font-size: 12px;
  color: #767676;
}

.enter-form .reg .bottom-line p a {
  display: inline;
  float: none;
}

.accept-soc-popup .accept-soc {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 15px;
  margin: 7px 0;
  font-size: 13px;
}

.accept-soc-popup .accept-soc .text-data {
  margin: 0 18px 0 0;
}

.accept-soc-popup .btns {
  margin: 15px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.accept-soc-popup .btns button {
  width: 100%;
  font-size: 14px;
  height: 33px;
}

.accept-soc-popup .btns .b1 button.inactive {
  background-color: #DDD;
  color: #000;
}

.accept-soc-popup .btns button.gray {
  background-color: #EEE;
  color: #000;
}

.accept-soc-popup #acceptSocPopupChkErr {
  display: none;
  color: #F00;
}

.accept-soc-popup input[type=checkbox] {
  transform: scale(1.35);
  outline: none;
  border-radius: 2px;
}

.goto-top {
  position: fixed;
  display: none;
  width: 105px;
  height: 30px;
  padding-top: 5px;
  font-weight: bold;
  left: 50%;
  top: 55px;
  cursor: pointer;
  z-index: 100;
  text-align: center;
  color: #000;
  font-size: 14px;
  margin-left: -45px;
  background: #FFFFFF;
  box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.25);
  border-radius: 21px;
}

.goto-top.active {
  display: block;
}

.floating-bar {
  background: #E5E5E5;
  padding: 5px 30px 7px 30px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.floating-bar p {
  text-align: center;
}

.floating-bar .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.floating-bar .wrapper div p:last-child {
  margin: 0;
}

.floating-bar .wrapper .input, .floating-bar .wrapper .button {
  margin-left: 1rem;
  max-width: 320px;
}

.floating-bar input {
  height: 31px;
  border: 1px solid #BDBDBD;
  padding: 0 10px;
  margin: 5px 0px;
  width: 100%;
  box-sizing: border-box;
  text-align: center;
}

.floating-bar .text {
  /*padding-bottom:10px;*/
}

.floating-bar .text p {
  margin: 0px;
}

.floating-bar .button {
  display: table-cell;
}

.floating-bar .button a {
  border-radius: 3px;
  display: inline-block;
  white-space: nowrap;
  background: #FF7A00;
  padding: 0 30px;
  height: 35px;
  width: 100%;
  line-height: 35px;
  text-decoration: none;
  color: #FFF;
  box-sizing: border-box;
  text-align: center;
}

.floating-bar .close {
  position: absolute;
  right: 15px;
  top: calc(50% - 11px);
  cursor: pointer;
}

.floating-bar.custom {
  padding: 10px 55px 13px;
}

.floating-bar.bottom {
  top: auto;
  bottom: 0px;
}

.category-banner {
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 10px;
}

.category-banner a {
  background-color: #d0d0d0;
  margin-bottom: 5px;
  border-radius: 3px;
  text-decoration: none;
  max-height: 210px;
  display: block;
  overflow: hidden;
}

.subscription-popup {
  display: block;
}

.products-list-filter-current .subscription-popup, .products-list-filter-popup .subscription-popup {
  /*.active{
    background-color:#e5e5e5;
    .item {
      color: #646464;
    }
  }*/
  margin-bottom: 20px;
  /*.active{
    background-color:#e5e5e5;
    .item {
      color: #646464;
    }
  }*/
}

.products-list-filter-current .subscription-popup .items, .products-list-filter-popup .subscription-popup .items {
  max-height: 170px;
  overflow: auto;
}

.products-list-filter-current .subscription-popup .items::-webkit-scrollbar, .products-list-filter-popup .subscription-popup .items::-webkit-scrollbar {
  width: 6px;
}

.products-list-filter-current .subscription-popup .items::-webkit-scrollbar-track, .products-list-filter-popup .subscription-popup .items::-webkit-scrollbar-track {
  background-color: #fff;
}

.products-list-filter-current .subscription-popup .items::-webkit-scrollbar-thumb, .products-list-filter-popup .subscription-popup .items::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

.products-list-filter-current .subscription-popup .items label, .products-list-filter-popup .subscription-popup .items label {
  cursor: pointer;
  line-height: 18px;
  vertical-align: top;
}

.products-list-filter-current .subscription-popup .title, .products-list-filter-popup .subscription-popup .title {
  font-size: 18px;
  color: #646464;
  margin-bottom: 15px;
  overflow: hidden;
}

.products-list-filter-current .subscription-popup .title svg, .products-list-filter-popup .subscription-popup .title svg {
  float: right;
  cursor: pointer;
}

.products-list-filter-current .subscription-popup .title .tooltip, .products-list-filter-popup .subscription-popup .title .tooltip {
  background-image: url(../../../core/img/menuStrBottom.svg);
  width: 22px;
  height: 12px;
  display: inline-block;
  margin-left: 15px;
  cursor: pointer;
}

.products-list-filter-current .subscription-popup .title .prompt, .products-list-filter-popup .subscription-popup .title .prompt {
  background-color: #fff;
  line-height: 15px;
  position: absolute;
  width: 280px;
  z-index: 10;
  padding: 10px;
  font-size: 12px;
  border: solid 1px #646464;
  border-radius: 3px;
}

.products-list-filter-current .subscription-popup .interval, .products-list-filter-popup .subscription-popup .interval {
  clear: both;
}

.products-list-filter-current .subscription-popup .interval input, .products-list-filter-popup .subscription-popup .interval input {
  border: solid 1px #909090;
  padding: 5px 3%;
  float: left;
  width: 43%;
}

.products-list-filter-current .subscription-popup .interval input:nth-child(2), .products-list-filter-popup .subscription-popup .interval input:nth-child(2) {
  margin-left: -1px;
}

.products-list-filter-current .subscription-popup .chips, .products-list-filter-popup .subscription-popup .chips {
  background: #e5e5e5;
  border-radius: 15px;
  color: #646464;
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 5px 7px 5px 15px;
  text-align: center;
  font-size: 13px;
}

.products-list-filter-current .subscription-popup .chips .item, .products-list-filter-popup .subscription-popup .chips .item {
  color: #646464;
  white-space: nowrap;
}

.products-list-filter-current .subscription-popup .chips .drop-filter-option, .products-list-filter-popup .subscription-popup .chips .drop-filter-option {
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #d5d5d5;
  vertical-align: middle;
  margin-left: 8px;
  border: 6px solid #d5d5d5;
  border-radius: 50%;
  box-sizing: content-box;
}

.products-list-filter-current .subscription-popup .chips .drop-filter-option::after, .products-list-filter-popup .subscription-popup .chips .drop-filter-option::after {
  height: 10px;
  width: 2px;
  left: 3px;
  top: -1px;
  background: #fff;
  content: "";
  position: absolute;
  display: block;
  transform: rotate(-45deg);
}

.products-list-filter-current .subscription-popup .chips .drop-filter-option::before, .products-list-filter-popup .subscription-popup .chips .drop-filter-option::before {
  transform: rotate(45deg);
  height: 10px;
  width: 2px;
  left: 3px;
  top: -1px;
  background: #fff;
  content: "";
  position: absolute;
  display: block;
}

.products-list-filter-current .subscription-popup .disabled, .products-list-filter-popup .subscription-popup .disabled {
  background-color: rgba(255, 122, 0, 0.4);
}

.products-list-filter-current .subscription-popup.inactive .items, .products-list-filter-popup .subscription-popup.inactive .items {
  display: none;
}

.products-list-filter-current .subscription-popup.inactive .tooltip, .products-list-filter-popup .subscription-popup.inactive .tooltip {
  transform: rotate(-90deg);
}

.products-list-filter-current .subscription-popup.inactive .title svg, .products-list-filter-popup .subscription-popup.inactive .title svg {
  transform-origin: center;
  transform: rotate(-45deg);
}

@media (min-width: 768px) {
  .subscription-popup {
    display: flex;
  }
}

.subscription-popup .procvetok-logo {
  display: flex;
  align-items: center;
}

.main-menu-v2 .main-menu-list .subscription-popup .procvetok-logo, .main-menu-v2 .main-menu-sublist .subscription-popup .procvetok-logo, .main-menu-v2 .main-menu-sublist-second .subscription-popup .procvetok-logo {
  overflow-y: scroll;
}

.main-menu-v2 .main-menu-list .subscription-popup .procvetok-logo::-webkit-scrollbar, .main-menu-v2 .main-menu-sublist .subscription-popup .procvetok-logo::-webkit-scrollbar, .main-menu-v2 .main-menu-sublist-second .subscription-popup .procvetok-logo::-webkit-scrollbar {
  width: 6px;
}

.main-menu-v2 .main-menu-list .subscription-popup .procvetok-logo::-webkit-scrollbar-track, .main-menu-v2 .main-menu-sublist .subscription-popup .procvetok-logo::-webkit-scrollbar-track, .main-menu-v2 .main-menu-sublist-second .subscription-popup .procvetok-logo::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

.main-menu-v2 .main-menu-list .subscription-popup .procvetok-logo::-webkit-scrollbar-thumb, .main-menu-v2 .main-menu-sublist .subscription-popup .procvetok-logo::-webkit-scrollbar-thumb, .main-menu-v2 .main-menu-sublist-second .subscription-popup .procvetok-logo::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}

@media (min-width: 768px) {
  .subscription-popup .procvetok-logo {
    margin-right: 1rem;
    flex: none;
  }
}

.subscription-popup .procvetok-logo img {
  width: 150px;
  border-radius: 9999px;
}

@media (min-width: 768px) {
  .subscription-popup .subscription-text {
    flex-grow: 1;
  }
}

.subscription-popup .subscription-text h1 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}

.subscription-popup .subscription-text ul {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  list-style-type: disc;
  padding-left: 20px;
  padding-right: 20px;
}

.subscription-popup .subscription-text button {
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.subscription-popup .subscription-text .cancel-button {
  margin-left: 1rem;
  margin-right: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 146 64 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.subscribe-to-news button:hover {
  background-color: #1A9D54;
}

.subscribe-to-news .subscribePolicyError {
  color: #F00;
}

.subscribe-to-news .accept {
  padding: 10px 10% 0 10%;
  width: 100%;
  text-align: left;
  font-size: 13px;
  display: flex;
}

.subscribe-to-news .accept .chk {
  padding: 3px 0 0 0;
}

.subscribe-to-news .accept .chk input[type=checkbox] {
  transform: scale(1.35);
  outline: none;
  border-radius: 2px;
}

.subscribe-to-news .accept .chk input[type=checkbox].policyError {
  outline: 2px solid #ed1c24;
  margin-top: 20px;
}

.subscribe-to-news .accept .text-data {
  padding: 0 0 0 10px;
}

.subscribe-to-news .accept .text-data a {
  color: #009346;
}

.subscribe-to-news .accept .text-data a:hover {
  color: #222;
}

.subscribe-to-news .subscribe-to-news-fon .bgFon {
  background-color: #D6F5DB;
  border-radius: 12px;
  padding: 80px 20%;
  text-align: center;
}

.subscribe-to-news .subscribe-to-news-fon .bgFon .inputFormBlock {
  padding: 0 10%;
}

.subscribe-to-news .subscribe-to-news-fon .bgFon .titleText {
  color: #10522F;
  font-size: 40px;
  margin-bottom: 25px;
  font-weight: 600;
}

.subscribe-to-news .subscribe-to-news-fon .bgFon button {
  background-color: #00A736;
  width: 100%;
}

@media (max-width: 1260px) {
  .subscribe-to-news .subscribe-to-news-fon .bgFon {
    padding: 80px 10%;
  }
}

@media (max-width: 970px) {
  .subscribe-to-news .subscribe-to-news-fon .bgFon {
    padding: 80px 0%;
  }

  .subscribe-to-news .subscribe-to-news-fon .bgFon .titleText {
    font-size: 1.5rem;
  }
}

.cookies_window_alert .text {
  margin: 0 0 20px;
  color: #000;
}

.cookies_window_alert .text p {
  margin: 0 0 10px;
}

.cookies_window_alert .text p.gray {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
}

.cookies_window_alert .text span {
  text-decoration: underline;
  color: #777;
  font-size: 14px;
  cursor: pointer;
}

.cookies_window_alert .text a {
  color: inherit;
}

.cookies_window_alert .buttons {
  text-align: center;
}

.cookies_window_alert .buttons button {
  width: auto;
  height: 40px;
  padding: 0 20px;
  display: inline-block;
  min-width: 125px;
  margin: 0 5px;
  border-radius: 5px;
}

.cookies_window_alert .buttons button.settings {
  background-color: transparent;
  color: #555;
  border: 1px solid #CCC;
}

.cookies_window_alert .buttons button.refuse {
  background-color: #fff;
  font-weight: 400;
  color: #777;
  border: solid 1px #777;
}

.cookies_window_alert .buttons button.accept {
  background-color: #22B14C;
  font-weight: 600;
}

.cookies_window_settings {
  margin: 10px;
}

.cookies_window_settings .info {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #EEE;
}

.cookies_window_settings .info .tit {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 20px;
}

.cookies_window_settings .settings {
  margin: 0 0 25px;
}

.cookies_window_settings .settings .setting {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #EEE;
}

.cookies_window_settings .settings .setting .tit {
  margin: 0 0 10px;
  display: flex;
  align-items: center;
}

.cookies_window_settings .settings .setting .tit .name {
  font-size: 16px;
  font-weight: bold;
  flex: 1;
  padding: 0 15px 0 0;
}

.cookies_window_settings .accept-info {
  margin: 0 0 25px;
  font-size: 14px;
  color: #777;
}

.cookies_window_settings .accept-info a {
  color: inherit;
}

.cookies_window_settings .buttons {
  margin: 0 -5px;
}

.cookies_window_settings .buttons button {
  width: auto;
  height: 40px;
  padding: 0 20px;
  display: inline-block;
  min-width: 125px;
  margin: 0 5px;
  border-radius: 5px;
}

.cookies_window_settings .buttons button.cancel {
  background-color: transparent;
  color: #555;
  border: 1px solid #CCC;
}

.cookies_window_settings .buttons button.accept {
  background-color: #22B14C;
  font-weight: 600;
}

/* The switch - the box around the slider */

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
}

/* Hide default HTML checkbox */

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
}

.switch input:checked + .slider {
  background-color: #22B14C;
}

.switch input:disabled + .slider {
  opacity: 0.5;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #22B14C;
}

.switch input:checked + .slider:before {
  transform: translateX(16px);
}

/* Rounded sliders */

.switch .slider.round {
  border-radius: 24px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.banner-stretch-bottom {
  margin: 0px auto 30px auto;
  max-width: 1536px;
  padding: 0 15px;
}

.page-content .swiper-pagination {
  position: relative;
  width: 100%;
  bottom: 3px !important;
}

.swiper .swiper-slide img {
  aspect-ratio: 1;
  width: 149px;
}

.tag-link {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  border-radius: 15px;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 30px;
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
  text-decoration-line: none;
}

.tag-link:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.tag-link.active {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.category-text {
  padding-bottom: 1.5rem;
}

.category-text .cat-video {
  max-width: 600px;
  margin: 0px auto 30px auto;
}

.category-text .cat-video iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
}

.category-text ul {
  margin-bottom: 1.1rem;
  list-style-type: disc;
  padding-left: 40px;
}

.category-text ul li {
  padding-bottom: 0.5rem;
}

/*# sourceMappingURL=category_page.desktop.css.map */