@charset "UTF-8";
:root {
  --screen-md: 768px;
  --screen-lg: 1024px;
  --screen-xl: 1200px;
  --screen-xxl: 1600px;
  --padding-grid: 1rem;
  --padding-container: 1rem;
  --padding-section: 2rem;
  --padding-section-md: 2rem;
  --padding-section-lg: 3rem;
  --padding-section-xl: 3rem;
  --color-text: #222;
  --color-border: #ececec;
  --color-border-light: #fafafa;
  --color-border-dark: #939393;
  --color-lightblue: #f0f1f5;
  --color-lightgray: #F8F8F8;
  --color-social-yandex: #ffc706;
  --color-social-vk: #507299;
  --color-dark-bg: #2c2c2c;
  --color-base: #eb4200;
  --color-base-light-10: rgb(237, 84.9, 25.5);
  --color-base-light-20: rgb(239, 103.8, 51);
  --color-base-light-30: rgb(241, 122.7, 76.5);
  --color-base-light-40: rgb(243, 141.6, 102);
  --color-base-light-50: rgb(245, 160.5, 127.5);
  --color-base-light-60: rgb(247, 179.4, 153);
  --color-base-light-70: rgb(249, 198.3, 178.5);
  --color-base-light-80: rgb(251, 217.2, 204);
  --color-base-light-90: rgb(253, 236.1, 229.5);
  --color-base-dark-10: rgb(211.5, 59.4, 0);
  --color-base-dark-20: rgb(188, 52.8, 0);
  --color-base-dark-30: rgb(164.5, 46.2, 0);
  --color-base-dark-40: rgb(141, 39.6, 0);
  --color-base-dark-50: rgb(117.5, 33, 0);
  --color-base-dark-60: rgb(94, 26.4, 0);
  --color-base-dark-70: rgb(70.5, 19.8, 0);
  --color-base-dark-80: rgb(47, 13.2, 0);
  --color-base-dark-90: rgb(23.5, 6.6, 0);
  --color-second: #1e0b53;
  --color-second-light-10: rgb(52.5, 35.4, 100.2);
  --color-second-light-20: rgb(75, 59.8, 117.4);
  --color-second-light-30: rgb(97.5, 84.2, 134.6);
  --color-second-light-40: rgb(120, 108.6, 151.8);
  --color-second-light-50: rgb(142.5, 133, 169);
  --color-second-light-60: rgb(165, 157.4, 186.2);
  --color-second-light-70: rgb(187.5, 181.8, 203.4);
  --color-second-light-80: rgb(210, 206.2, 220.6);
  --color-second-light-90: rgb(232.5, 230.6, 237.8);
  --color-second-dark-10: rgb(27, 9.9, 74.7);
  --color-second-dark-20: rgb(24, 8.8, 66.4);
  --color-second-dark-30: rgb(21, 7.7, 58.1);
  --color-second-dark-40: rgb(18, 6.6, 49.8);
  --color-second-dark-50: rgb(15, 5.5, 41.5);
  --color-second-dark-60: rgb(12, 4.4, 33.2);
  --color-second-dark-70: rgb(9, 3.3, 24.9);
  --color-second-dark-80: rgb(6, 2.2, 16.6);
  --color-second-dark-90: rgb(3, 1.1, 8.3);
  --color-red: #db0444;
  --color-red-light-10: rgb(222.6, 29.1, 86.7);
  --color-red-light-20: rgb(226.2, 54.2, 105.4);
  --color-red-light-30: rgb(229.8, 79.3, 124.1);
  --color-red-light-40: rgb(233.4, 104.4, 142.8);
  --color-red-light-50: rgb(237, 129.5, 161.5);
  --color-red-light-60: rgb(240.6, 154.6, 180.2);
  --color-red-light-70: rgb(244.2, 179.7, 198.9);
  --color-red-light-80: rgb(247.8, 204.8, 217.6);
  --color-red-light-90: rgb(251.4, 229.9, 236.3);
  --color-red-dark-10: rgb(197.1, 3.6, 61.2);
  --color-red-dark-20: rgb(175.2, 3.2, 54.4);
  --color-red-dark-30: rgb(153.3, 2.8, 47.6);
  --color-red-dark-40: rgb(131.4, 2.4, 40.8);
  --color-red-dark-50: rgb(109.5, 2, 34);
  --color-red-dark-60: rgb(87.6, 1.6, 27.2);
  --color-red-dark-70: rgb(65.7, 1.2, 20.4);
  --color-red-dark-80: rgb(43.8, 0.8, 13.6);
  --color-red-dark-90: rgb(21.9, 0.4, 6.8);
  --color-green: #00a249;
  --color-green-light-10: rgb(25.5, 171.3, 91.2);
  --color-green-light-20: rgb(51, 180.6, 109.4);
  --color-green-light-30: rgb(76.5, 189.9, 127.6);
  --color-green-light-40: rgb(102, 199.2, 145.8);
  --color-green-light-50: rgb(127.5, 208.5, 164);
  --color-green-light-60: rgb(153, 217.8, 182.2);
  --color-green-light-70: rgb(178.5, 227.1, 200.4);
  --color-green-light-80: rgb(204, 236.4, 218.6);
  --color-green-light-90: rgb(229.5, 245.7, 236.8);
  --color-green-dark-10: rgb(0, 145.8, 65.7);
  --color-green-dark-20: rgb(0, 129.6, 58.4);
  --color-green-dark-30: rgb(0, 113.4, 51.1);
  --color-green-dark-40: rgb(0, 97.2, 43.8);
  --color-green-dark-50: rgb(0, 81, 36.5);
  --color-green-dark-60: rgb(0, 64.8, 29.2);
  --color-green-dark-70: rgb(0, 48.6, 21.9);
  --color-green-dark-80: rgb(0, 32.4, 14.6);
  --color-green-dark-90: rgb(0, 16.2, 7.3);
  --color-gray: #f5f5f5;
  --color-gray-light-10: #f6f6f6;
  --color-gray-light-20: #f7f7f7;
  --color-gray-light-30: #f8f8f8;
  --color-gray-light-40: #f9f9f9;
  --color-gray-light-50: #fafafa;
  --color-gray-light-60: #fbfbfb;
  --color-gray-light-70: #fcfcfc;
  --color-gray-light-80: #fdfdfd;
  --color-gray-light-90: #fefefe;
  --color-gray-dark-10: rgb(220.5, 220.5, 220.5);
  --color-gray-dark-20: #c4c4c4;
  --color-gray-dark-30: rgb(171.5, 171.5, 171.5);
  --color-gray-dark-40: #939393;
  --color-gray-dark-50: rgb(122.5, 122.5, 122.5);
  --color-gray-dark-60: #626262;
  --color-gray-dark-70: rgb(73.5, 73.5, 73.5);
  --color-gray-dark-80: #313131;
  --color-gray-dark-90: rgb(24.5, 24.5, 24.5);
  --font-size: 16px;
  --font-family-main: "Commissioner", sans-serif;
  --font-family-second: "Commissioner", sans-serif;
  --font-family-second-light: "Commissioner", sans-serif;
  --font-line-height-base: 1.25;
  --font-letter-spacing-base: 0.025em;
  --transition-time: 0.15s;
  --transition-ease: all var(--transition-time) ease-in-out;
  --transition: all var(--transition-time) linear;
  --br: 0.125rem;
  --box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 6%);
  --box-shadow-inset: inset 0 0 1.25rem rgb(0 0 0 / 6%);
  --container-width: 1200px;
  --shadow-box: 0 0.5rem 2rem rgb(0 0 0 / 15%);
  --shadow-box-hover: 0 0.5rem 2rem rgb(0 0 0 / 15%), 0 1rem 3rem rgb(0 0 0 / 10%);
}

@layer reset {
  blockquote,
  q {
    quotes: none;
  }
  blockquote:before,
  blockquote:after,
  q:before,
  q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    color: #222;
  }
  input,
  select,
  textarea,
  button,
  optgroup {
    border: none;
    background-color: transparent;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
  }
  input:focus,
  select:focus,
  textarea:focus,
  button:focus,
  optgroup:focus {
    outline: none !important;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
}
@layer default {
  html {
    background-color: #e8e6ed;
    font-family: var(--font-family-main);
    font-size: 10px;
    font-feature-settings: "lnum";
    line-height: var(--font-line-height-base);
    color: var(--color-text);
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
  }
  body {
    margin: 0 auto;
    font-size: 1.6rem;
  }
  body.scroll-disable {
    overflow-y: hidden;
  }
  *,
  *::after,
  *::before {
    max-width: 100%;
  }
  img {
    max-width: 100%;
    object-fit: contain;
    height: auto;
    display: inline-block;
  }
  address {
    font-style: normal;
  }
  button {
    background: initial;
    font-family: inherit;
    border: none;
    padding: 0;
    font-size: inherit;
    cursor: pointer;
  }
  input[type=submit] {
    cursor: pointer;
  }
  hr {
    border-bottom: solid 1px var(--color-border);
    padding-top: 1rem;
    margin-bottom: 1rem;
  }
  .table-wrapper {
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    display: inline-block;
  }
  .table-wrapper table {
    border: none;
    margin: 0;
    width: 100%;
    line-height: 1.2;
  }
  .table-wrapper table .rtecenter {
    text-align: center;
  }
  .table-wrapper.-limit-height {
    max-height: 50dvh;
    overflow-y: auto;
    border: solid 1px var(--color-border-dark);
  }
  .table-wrapper.-limit-height table {
    margin: 0;
    border: none;
  }
  .table-wrapper.-limit-height thead {
    position: sticky;
    top: 0;
  }
  .table-wrapper.-limit-height tbody tr:last-child td {
    border-bottom: none;
  }
  table:not(.-clear-style) {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    border: solid 0.0625rem var(--color-border-dark);
  }
  table:not(.-clear-style) th {
    background-color: #ebebeb;
    font-weight: bold;
  }
  table:not(.-clear-style) tfoot td {
    background-color: var(--color-border);
    font-weight: bold;
  }
  table:not(.-clear-style) tr:hover td {
    background-color: #f9f9f9;
    background-color: var(--color-base-light-90);
  }
  table:not(.-clear-style) tr > * {
    padding: 1rem;
    border-bottom: solid 1px var(--color-border-dark);
    border-right: solid 1px var(--color-border-dark);
  }
  table:not(.-clear-style) tr:nth-child(even) {
    background-color: var(--color-border-light);
  }
  table:not(.-clear-style) td {
    transition: var(--transition-ease);
  }
  table:not(.-clear-style) tbody:last-child tr:last-child,
  table:not(.-clear-style) tfoot tr:last-child {
    border-bottom: none;
  }
  table:not(.-clear-style) caption {
    font-size: 1.125rem;
    padding: 1rem;
    font-weight: bold;
  }
  table:not(.-clear-style).simple {
    border-width: 0;
  }
  table:not(.-clear-style).simple th {
    background-color: transparent;
    font-weight: bold;
    text-align: left;
  }
  table:not(.-clear-style).simple tr > * {
    padding: 1rem 1rem 1rem 0;
  }
  table:not(.-clear-style).simple tr > *:not(:last-child) {
    border-right-width: 0;
  }
  table:not(.-clear-style).simple tr:hover td {
    background-color: transparent;
    border-color: var(--color-border);
  }
  table:not(.-clear-style).simple tr:last-child td {
    border-width: 0;
  }
  table:not(.-clear-style).table-first-elements-beautify tr > td:first-child,
  table:not(.-clear-style).table-first-elements-beautify tr > th {
    white-space: nowrap;
    vertical-align: baseline;
  }
  table:not(.-clear-style).without-border td,
  table:not(.-clear-style).without-border th {
    border: none !important;
  }
  blockquote {
    margin: 1.5rem 0;
    padding: 1.5rem 1.5rem 1.5rem 2.5rem;
    border-left: solid 0.375rem var(--color-base);
    font-size: 1.125rem;
    line-height: 1.35;
    color: var(--color-text);
    background: var(--color-border);
  }
  blockquote cite {
    display: block;
    font-weight: bold;
    color: var(--color-base);
    margin-top: 2rem;
  }
  blockquote p:last-child {
    margin-bottom: 0;
  }
  section {
    padding-bottom: var(--padding-section);
  }
  @media (min-width: 768px) {
    section {
      padding-bottom: var(--padding-section-md);
    }
  }
  @media (min-width: 1024px) {
    section {
      padding-bottom: var(--padding-section-lg);
    }
  }
  @media (min-width: 1200px) {
    section {
      padding-bottom: var(--padding-section-xl);
    }
  }
  section:last-child {
    padding-bottom: 0;
  }
}
@layer modifiers {
  .w-100 {
    width: 100% !important;
  }
  .is-bg-base {
    background-color: var(--color-base);
  }
  .is-bg-second {
    background-color: var(--color-second);
  }
  .is-bg-white {
    background-color: #fff;
  }
  .is-bg-lightblue {
    background-color: var(--color-lightblue);
  }
  .is-color-text {
    color: var(--color-text);
  }
  .is-color-black {
    color: #222 !important;
  }
  .is-color-white {
    color: #fff;
  }
  .is-color-second {
    color: var(--color-second);
  }
  .is-color-base {
    color: var(--color-base);
  }
  .is-color-green {
    color: var(--color-green);
  }
  .is-horizontal-scroll {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: auto;
    padding-bottom: 1rem;
  }
  @media (min-width: 1024px) {
    .is-horizontal-scroll.-no-desktop {
      flex-wrap: wrap;
      row-gap: 1rem;
    }
  }
  .is-horizontal-scroll > * {
    -webkit-user-drag: none;
    user-drag: none;
    user-select: none;
  }
  .is-horizontal-scroll.-hided-scroll {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .is-horizontal-scroll.-hided-scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }
  .is-horizontal-scroll.row > *:first-child {
    margin-left: -1rem;
  }
  .is-horizontal-scroll.row > *:last-child {
    margin-right: -1rem;
  }
  .is-shadow-box {
    box-shadow: var(--shadow-box);
  }
  .is-bordered-box {
    border: solid 1px #d3d5e1;
  }
  .is-first-section {
    padding-top: 3rem;
  }
  .is-subheading {
    font-size: 1.8rem;
    line-height: 1.2;
    color: #590202;
  }
  @media (min-width: 1024px) {
    .is-subheading {
      font-size: 2.2rem;
      max-width: calc(100% - 16rem);
    }
  }
  .is-display-contents {
    display: contents;
  }
  .is-display-block {
    display: block;
  }
  .is-no-underline {
    text-decoration: none !important;
  }
  .is-cat-intro-text {
    width: 100rem;
  }
  .is-buttons-wrapper {
    display: flex;
    gap: 1.6rem;
  }
  .is-buttons-wrapper > * {
    margin: 0;
  }
  .is-bg-base-with-pattern {
    background: radial-gradient(60% 60% at 50% 50%, var(--color-base) 0, var(--color-base) 52.85%, var(--color-base-s-20) 100%);
    color: #fff;
    position: relative;
  }
  .is-bg-base-with-pattern::after {
    content: "";
    background: #000;
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background-size: 1rem;
    opacity: 0.08;
    pointer-events: none;
  }
  @media (min-width: 768px) {
    .is-display-before-md {
      display: none;
    }
  }
  @media (min-width: 1024px) {
    .is-display-before-lg {
      display: none;
    }
  }
}
/*!
 * MF-accordion v1.0.2
 * Author: Malfik (Artem Sukhovienko)
 * Site: https://mf-art.ru/
 * Copyright 2023
 * Licensed under MIT (https://opensource.org/licenses/MIT)
 * @preserve
 */
@layer theme {
  .mf-button {
    vertical-align: top;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    user-select: none;
    padding: 0 2rem;
    transition: var(--transition-ease);
    height: 4rem;
    cursor: pointer;
    background-color: var(--color-base);
    color: #fff;
    border-radius: 0.6rem;
    border-width: 0.2rem;
    border-style: solid;
    border-color: var(--color-base);
    font-family: var(--font-family-main);
  }
  .mf-button:hover {
    background-color: var(--color-base-dark-20);
    border-color: var(--color-base-dark-20);
  }
  .mf-button[class*=-size-] {
    padding: 0 2em;
  }
  .mf-button.-size-s {
    height: 3.2rem;
  }
  .mf-button.-size-sm {
    height: 3.8rem;
  }
  .mf-button.-size-m {
    height: 4.4rem;
  }
  .mf-button.-size-l {
    height: 5rem;
  }
  .mf-button.-size-xl {
    height: 5.6rem;
  }
  .mf-button.-bg-base {
    border-color: var(--color-base);
    background-color: var(--color-base);
  }
  .mf-button.-bg-base:hover {
    background-color: var(--color-base-dark-20);
    border-color: var(--color-base-dark-20);
  }
  .mf-button.-bg-second {
    border-color: var(--color-second);
    background-color: var(--color-second);
  }
  .mf-button.-bg-second:hover {
    background-color: var(--color-second-dark-20);
    border-color: var(--color-second-dark-20);
  }
  .mf-button.-bg-green {
    border-color: var(--color-green);
    background-color: var(--color-green);
  }
  .mf-button.-bg-green:hover {
    background-color: var(--color-green-dark-20);
    border-color: var(--color-green-dark-20);
  }
  .mf-button.-bg-red {
    border-color: var(--color-red);
    background-color: var(--color-red);
  }
  .mf-button.-bg-red:hover {
    background-color: var(--color-red-dark-20);
    border-color: var(--color-red-dark-20);
  }
  .mf-button.-bg-gray {
    border-color: var(--color-gray);
    background-color: var(--color-gray);
    color: var(--color-text);
  }
  .mf-button.-bg-gray:hover {
    background-color: var(--color-gray-dark-10);
    border-color: var(--color-gray-dark-10);
  }
  .mf-button.-bg-text-color {
    border-color: var(--color-text);
    background-color: var(--color-text);
  }
  .mf-button.-bg-text-color:hover {
    background-color: var(--color-gray-dark-70);
    border-color: var(--color-gray-dark-70);
  }
  .mf-button.-bg-white {
    border-color: #fff;
    background-color: #fff;
    color: var(--color-text) !important;
  }
  .mf-button.-bg-white:hover {
    background-color: var(--color-base);
    border-color: var(--color-base);
    color: #fff !important;
  }
  .mf-button.-color-base:hover {
    color: var(--color-base-dark-40);
  }
  .mf-button.-color-second:hover {
    color: var(--color-base-dark-40);
  }
  .mf-button.-color-green:hover {
    color: var(--color-green-dark-40);
  }
  .mf-button.-color-red:hover {
    color: var(--color-red-dark-40);
  }
  .mf-button.-color-gray {
    color: var(--color-gray);
  }
  .mf-button.-color-gray:hover {
    color: var(--color-gray-dark-40);
  }
  .mf-button.-color-text {
    color: var(--color-text);
  }
  .mf-button.-color-text:hover {
    color: var(--color-base);
  }
  .mf-button.-simple, .mf-button.-outline, .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-outline:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    background-color: transparent;
  }
  .mf-button.-simple, .mf-button.-outline:not([class*=-color-]), .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-outline:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    color: var(--color-base);
  }
  .mf-button.-simple, .mf-button.-underline, .mf-button.-simple:is(a):not([class*=-color-]), .mf-button.-underline:is(a):not([class*=-color-]) {
    border-color: transparent !important;
  }
  .mf-button.-simple:hover, .mf-button.-underline:hover, .mf-button.-simple:is(a):not([class*=-color-]):hover, .mf-button.-underline:is(a):not([class*=-color-]):hover {
    background-color: transparent;
  }
  .mf-button.-outline {
    border-style: solid;
    border-width: 0.2rem;
    border-color: initial;
  }
  .mf-button.-outline.-thin {
    border-width: 0.1rem;
  }
  .mf-button.-outline.-color-base:hover {
    border-color: var(--color-base);
    background-color: var(--color-base);
    color: #fff;
  }
  .mf-button.-outline.-color-second:hover {
    border-color: var(--color-second);
    background-color: var(--color-second);
    color: #fff;
  }
  .mf-button.-outline.-color-green:hover {
    border-color: var(--color-green);
    background-color: var(--color-green);
    color: #fff;
  }
  .mf-button.-outline.-color-red:hover {
    border-color: var(--color-red);
    background-color: var(--color-red);
    color: #fff;
  }
  .mf-button.-outline.-color-gray:hover {
    border-color: var(--color-gray-dark-40);
    background-color: var(--color-gray-dark-40);
    color: #fff;
  }
  .mf-button.-outline.-color-gray.-on-hover-shadow:hover {
    border-color: var(--color-gray);
    background-color: transparent;
  }
  .mf-button.-outline.-color-text:hover {
    border-color: var(--color-text);
    background-color: var(--color-text);
    color: #fff;
  }
  .mf-button.-outline:hover, .mf-button.-outline:is(a):not([class*=-color-]):hover {
    border-color: var(--color-base);
    background-color: var(--color-base);
    color: #fff;
  }
  .mf-button.-underline {
    position: relative;
  }
  .mf-button.-underline::after {
    content: "";
    position: absolute;
    top: 96%;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 0.2rem;
    display: block;
    border-top: solid 2px;
    transition: var(--transition-ease);
  }
  .mf-button.-underline:hover {
    border-color: transparent;
  }
  .mf-button.-underline:hover::after {
    border-color: var(--color-base-light-40);
    width: 70%;
  }
  .mf-button.-with-margin {
    margin-bottom: 1.6rem;
    margin-right: 1.6rem;
  }
  .mf-button.-icon [class*=ico-]::before {
    font-size: 1.25em;
    line-height: 2px;
    display: inline-flex;
    transform: translateY(0.125em);
    margin-right: 0.125em;
    margin-left: -0.125em;
  }
  .mf-button.-icon.-icon-right [class*=ico-]::before {
    margin-left: 0.125em;
    margin-right: -0.125em;
  }
  .mf-button.-icon.-icon-on-hover [class*=ico-]::before {
    transition: var(--transition-ease);
  }
  .mf-button.-icon.-icon-on-hover span:not([class*=ico-]) {
    transition: var(--transition-ease);
    transform: translateX(-1rem);
  }
  .mf-button.-icon.-icon-on-hover.-icon-right span:not([class*=ico-]) {
    transform: translateX(1rem);
  }
  .mf-button.-icon.-icon-on-hover [class*=ico-]::before {
    opacity: 0;
  }
  .mf-button.-icon.-icon-on-hover:hover [class*=ico-]::before {
    opacity: 1;
  }
  .mf-button.-icon.-icon-on-hover:hover span:not([class*=ico-]) {
    transform: translateX(0);
  }
  .mf-button.-icon-only {
    aspect-ratio: 1/1;
    padding: 0;
  }
  .mf-button.-icon-only [class*=ico-]::before {
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mf-button.-icon-only.-size-s {
    height: 3.2rem;
    width: 3.2rem;
  }
  .mf-button.-icon-only.-size-sm {
    height: 3.8rem;
    width: 3.8rem;
  }
  .mf-button.-icon-only.-size-m {
    height: 4.4rem;
    width: 4.4rem;
  }
  .mf-button.-icon-only.-size-l {
    height: 5rem;
    width: 5rem;
  }
  .mf-button.-icon-only.-size-xl {
    height: 5.6rem;
    width: 5.6rem;
  }
  a.mf-button:not([class*=-color-]),
  [data-href].mf-button:not([class*=-color-]) {
    color: #fff;
  }
}
@layer plugins {
  .mf-iframe-video-container {
    aspect-ratio: 60/37;
    position: relative;
    display: block;
    border-radius: var(--br);
    overflow: hidden;
    background: #fff;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
  }
  .mf-iframe-video-container:hover img {
    transform: scale(1.05);
  }
  .mf-iframe-video-container:hover img.active {
    box-shadow: 0 0 0 5px #df755e;
    border-color: #fff;
  }
  .mf-iframe-video-container iframe {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mf-iframe-video-container.active [class*=ico-] {
    opacity: 0;
  }
  .mf-iframe-video-container img {
    pointer-events: none;
    border-radius: var(--br);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    transition: var(--transition-ease);
  }
  .mf-iframe-video-container .play {
    position: absolute;
    margin: auto;
    inset: 0;
    color: #fff;
    transition: var(--transition-ease);
    z-index: 1;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mf-iframe-video-container .play.-circle {
    background-color: var(--color-base);
    height: 8rem;
    width: 8rem;
    border-radius: 50%;
  }
  .mf-iframe-video-container .play.-circle::after {
    content: "";
    position: absolute;
    margin: auto;
    animation: pulse2 2.3s linear infinite;
    height: 11rem;
    width: 11rem;
    max-width: 11rem;
    border-radius: 50%;
    border: 0.2rem solid var(--color-base);
  }
  .mf-iframe-video-container .play.-circle::before {
    content: "";
    position: absolute;
    margin: auto;
    animation: pulse2 2s linear infinite;
    height: 11rem;
    width: 11rem;
    max-width: 11rem;
    border-radius: 50%;
    border: 0.2rem solid var(--color-base);
  }
  .mf-iframe-video-container .play.-circle .arrow-right {
    margin-left: 1rem;
    z-index: 2;
  }
  .mf-iframe-video-container [class*=ico-] {
    width: 4rem;
    height: 4rem;
    font-size: 4rem;
    opacity: 0.8;
  }
}
@layer theme {
  .is-link-all::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .slick-slider:not(.slick-vertical) .slick-track {
    max-width: initial;
    display: flex !important;
  }
  .slider .next, .slider .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: var(--color-base);
    z-index: 2;
    cursor: pointer;
  }
  .slider .next.-circle, .slider .prev.-circle {
    height: 5rem;
    width: 5rem;
    transition: var(--transition-ease);
    background-color: var(--color-base);
    color: #fff;
    border-radius: 10rem;
    opacity: 0.7;
  }
  .slider .next.-circle:hover:not(.slick-disabled), .slider .prev.-circle:hover:not(.slick-disabled) {
    opacity: 1;
  }
  .slider .prev {
    left: 0;
  }
  .slider .next {
    transform: rotate(180deg);
    right: 0;
  }
  .slider.-default-arrows .slick-list {
    margin: 0 2rem;
  }
  .slider.-default-arrows .next, .slider.-default-arrows .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .slider.-default-arrows .prev {
    left: 0;
  }
  .slider.-default-arrows .next {
    right: 0;
  }
  @media (min-width: 768px) {
    .slider.-default-arrows .slick-list {
      margin: 0 3rem;
    }
    .slider.-default-arrows .next, .slider.-default-arrows .prev {
      font-size: 2.4rem;
    }
  }
  .slider .slick-dots {
    bottom: -3rem;
  }
  .slider .slick-dots li button::before {
    font-size: 1.4rem;
    color: #D9D9D9;
    opacity: 1;
  }
  .slider .slick-dots li.slick-active button::before {
    color: var(--color-base);
  }
  .slider:not(.slick-initialized) {
    display: flex;
    overflow: hidden;
  }
  .slick-slide {
    height: auto;
  }
  .social-links {
    display: flex;
    gap: 0.8rem;
  }
  .social-links a {
    display: inline-flex !important;
    width: 3.2rem;
    height: 3.2rem;
    align-items: center;
    justify-content: center;
    background-color: var(--color-base);
    color: #fff;
    border-radius: 0.6rem;
    font-size: 1.8rem;
  }
  .social-links a:hover {
    background-color: var(--color-base-s-30);
  }
  .disabled {
    opacity: 0.6;
    pointer-events: none;
  }
}
@layer plugins {
  .mf-accordion-wrapper {
    display: block;
    overflow: hidden;
  }
  .mf-accordion-wrapper.-default {
    width: 100%;
    overflow: hidden;
    border-top: 0.1rem solid var(--color-gray);
  }
  .mf-accordion-wrapper.-default .single {
    background-color: #FFF2DB;
    border-radius: 0.8rem;
    margin-bottom: 1rem;
  }
  .mf-accordion-wrapper.-default .single:last-child {
    border-bottom: none;
  }
  .mf-accordion-wrapper.-default .mf-accordion {
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-size: 2rem;
    line-height: 1;
    position: relative;
    padding: 1.8rem 6.4rem 1.6rem 0;
  }
  .mf-accordion-wrapper.-default .mf-accordion.active + .content {
    padding-bottom: 3rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion.active [class*=ico-]::before {
    transform: rotate(180deg);
    display: inline-flex;
  }
  .mf-accordion-wrapper.-default .mf-accordion::before, .mf-accordion-wrapper.-default .mf-accordion [class*=ico-] {
    position: absolute;
    top: 0;
    right: 1rem;
    bottom: 0;
    margin: auto;
    width: 5rem;
    height: 5rem;
  }
  .mf-accordion-wrapper.-default .mf-accordion::before {
    content: "";
    background-color: #fff;
    border-radius: 99px;
  }
  .mf-accordion-wrapper.-default .mf-accordion [class*=ico-] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-base);
  }
  .mf-accordion-wrapper.-default .mf-accordion [class*=ico-]::before {
    transition: var(--transition-ease);
  }
  .mf-accordion {
    display: flex;
    cursor: pointer;
    user-select: none;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    transition: var(--transition-ease);
  }
  .mf-accordion:not(.active) + * {
    height: 0;
    overflow: hidden;
    margin: 0;
  }
  .mf-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-ease);
    z-index: 100;
  }
  .mf-overlay.active {
    opacity: 0.6;
    pointer-events: all;
  }
}
@layer theme {
  .mobile-menu-icon {
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: -0.3rem;
  }
  .mobile-menu-icon::after, .mobile-menu-icon::before, .mobile-menu-icon span {
    display: block;
    width: 74%;
    height: 2px;
    border-radius: 10px;
    background-color: #222;
    transition: var(--transition);
  }
  .mobile-menu-icon::before, .mobile-menu-icon::after {
    content: "";
    position: absolute;
    left: 13%;
  }
  .mobile-menu-icon::before {
    top: 0.8rem;
  }
  .mobile-menu-icon::after {
    bottom: 0.8rem;
  }
  .mobile-menu-icon.active span {
    opacity: 0;
  }
  .mobile-menu-icon.active::before {
    top: 1.6rem;
    transform: rotate3d(0, 0, 1, 45deg);
  }
  .mobile-menu-icon.active::after {
    bottom: 1.2rem;
    transform: rotate3d(0, 0, 1, -45deg);
  }
  .header-color-light .mobile-menu-icon::after, .header-color-light .mobile-menu-icon::before, .header-color-light .mobile-menu-icon span {
    background-color: #fff;
  }
  .main-header {
    z-index: 100;
    position: relative;
    padding: 0.8rem 0;
  }
  .main-header .header {
    display: flex;
    justify-content: space-between;
  }
  @media (min-width: 1024px) {
    .main-header .header .mobile-menu-icon {
      display: none;
    }
  }
  .main-menu a:not(:hover) {
    color: var(--color-text);
  }
  @media (max-width: 1023.99px) {
    .main-menu {
      position: fixed;
      left: 0;
      top: var(--header-height, 5rem);
      width: 100%;
      height: calc(100dvh - var(--header-height, 5rem));
      overflow-y: auto;
      background-color: #fff;
      transition: var(--transition-ease);
      transform: translateX(-100%);
      z-index: 20;
    }
    .main-menu.active {
      transform: translateX(0);
    }
    .main-menu li {
      color: var(--color-text);
    }
    .main-menu li a {
      display: block;
      border-bottom: solid 1px #ececec;
      color: var(--color-text);
    }
    .main-menu li.-with-padding, .main-menu li a {
      padding: 1rem var(--padding-container);
    }
    .main-menu .has-submenu > a {
      position: relative;
    }
    .main-menu .has-submenu > a span[class*=ico-] {
      position: absolute;
      width: 3rem;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      right: var(--padding-container);
      top: 0;
      font-size: 2rem;
    }
    .main-menu .has-submenu > .submenu-wrapper ul {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      z-index: 1;
    }
    .main-menu .has-submenu:not(.active) > .submenu-wrapper ul {
      display: none;
    }
    .main-menu .has-submenu .heading {
      background: var(--color-border-light);
      color: var(--color-base);
      display: flex;
      align-items: center;
      height: 5rem;
      font-weight: 500;
      cursor: pointer;
    }
    .main-menu .has-submenu .heading [class*=ico-] {
      font-size: 2rem;
      margin-right: 0.6rem;
      display: flex;
    }
  }
  @media (min-width: 1024px) {
    .main-menu {
      display: flex;
      margin-right: auto;
      margin-left: 2rem;
      align-items: center;
      gap: 2rem;
    }
    .main-menu > li {
      height: 100%;
      display: flex;
      align-items: center;
      position: relative;
    }
    .main-menu li.has-submenu:not(:hover) > .submenu-wrapper {
      display: none;
    }
    .main-menu li > .submenu-wrapper {
      position: absolute;
      top: 100%;
      left: 0;
      width: fit-content;
      background-color: #fff;
      z-index: 1;
      max-height: calc(100dvh - var(--header-height) - 1rem);
      overflow-y: auto;
      max-width: none;
    }
    .main-menu li > .submenu-wrapper ul {
      width: max-content;
      position: relative;
    }
    .main-menu .submenu-wrapper:not(.-depth-plus) {
      box-shadow: var(--box-shadow), var(--box-shadow);
      padding: 1rem 0;
      border-radius: 0.8rem;
      transform: translateX(calc(-2 * var(--padding-grid, 2rem)));
    }
    .main-menu .submenu-wrapper li {
      padding-right: 2rem;
      padding-left: 2rem;
    }
    .main-menu .submenu-wrapper li:not(:first-child) > a {
      border-top: solid 1px var(--color-border);
    }
    .main-menu .submenu-wrapper a {
      display: flex;
      width: 100%;
      justify-content: space-between;
      padding: 1rem 0 1.1rem;
    }
    .main-menu > .has-submenu > a .open {
      display: none;
    }
    .main-menu .submenu-wrapper.-depth-plus {
      left: 100%;
      top: 0;
      border-left: solid 1px var(--color-border);
      padding-right: var(--padding-grid);
    }
  }
  @media (min-width: 1024px) {
    .header-color-light .main-menu > li > a {
      color: #fff;
    }
    .header-color-light .main-menu > li > a:hover {
      color: var(--color-base-light-70);
    }
  }
  .header-color-light .main-header .mf-button {
    background-color: #fff;
    border-color: #fff;
    color: var(--color-text);
  }
  .header-color-light .main-header .mf-button:hover {
    background-color: var(--color-base-light-20);
    border-color: var(--color-base-light-20);
    color: #fff;
  }
}
@layer theme {
  .main-banner-wrapper {
    color: #fff;
    padding: 0;
  }
  .main-banner-wrapper .container {
    position: relative;
  }
  .main-banner {
    padding: 2.4rem 0 2.6rem;
    text-align: center;
  }
  .main-banner .img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--iposY, 50%) var(--iposX, 0);
  }
  .main-banner .content {
    z-index: 2;
    position: relative;
  }
  .main-banner .title {
    font-family: var(--font-family-second);
    font-size: 3rem;
    color: #fff;
  }
  .main-banner .text {
    color: #ffa4a4;
    line-height: 1.25;
    margin-bottom: 2.5rem;
  }
  .main-banner .button {
    border: 0.1rem solid rgba(238, 152, 152, 0.52);
    border-radius: 0.4rem;
    color: #fff;
    padding: 1.5rem 4.5rem;
    font-size: 2.2rem;
  }
  .main-banner .button:hover {
    background-color: #fff;
    color: var(--color-base);
  }
  .main-banner .sub-button {
    font-size: 1.4rem;
    opacity: 0.5;
    margin-top: 1rem;
  }
  .main-banner .buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
    justify-content: center;
    gap: 1.6rem;
  }
  .main-banner .buttons-wrapper .button.-first:not(:hover) {
    background-color: #fff;
    color: #222;
    border-color: transparent;
  }
  @media (min-width: 768px) {
    .main-banner {
      padding: 6.5rem 0 4.5rem;
    }
  }
  @media (min-width: 1024px) {
    .main-banner .content {
      max-width: 65%;
      margin: 0 auto;
    }
    .main-banner .title {
      font-size: 5.5rem;
    }
    .main-banner .text {
      font-size: 2.2rem;
    }
  }
  .category-banners {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2rem;
  }
  .category-banners > .single {
    grid-column: auto/span 6;
    position: relative;
    background: radial-gradient(100% 100% at 100% 0%, #5774b5 0%, #3751b3 58.85%, #003597 100%);
    color: #fff;
    padding: 2rem 2.4rem;
    border-radius: 0.8rem;
    overflow: hidden;
    height: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    line-height: 1;
    transition: var(--transition-ease);
  }
  .category-banners > .single img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    object-position: right bottom;
    object-fit: scale-down;
  }
  .category-banners > .single .description {
    z-index: 2;
    width: 100%;
    transition: var(--transition-ease);
  }
  .category-banners > .single .advanced {
    z-index: 2;
  }
  .category-banners > .single .advanced .price {
    font-family: var(--font-family-second);
    font-size: 2rem;
    margin-top: 0.4rem;
  }
  .category-banners > .single .title {
    font-size: 2.4rem;
    font-family: var(--font-family-second);
    text-transform: uppercase;
    margin-top: 0.5rem;
    display: block;
    color: #fff;
    width: 100%;
    text-shadow: 0 0 2rem rgba(0, 0, 0, 0.03);
  }
  .category-banners > .single:hover {
    transform: translateY(-0.5rem);
    box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.3);
  }
  @media (min-width: 768px) {
    .category-banners {
      gap: 4rem 2rem;
    }
    .category-banners > .single {
      grid-column: auto/span 3;
      height: 28rem;
    }
    .category-banners > .single .title {
      font-size: 3rem;
    }
    .category-banners > .single .advanced .price {
      font-size: 2.6rem;
      margin-top: 0.8rem;
    }
  }
  @media (min-width: 1024px) {
    .category-banners {
      gap: 2rem;
    }
    .category-banners > .single {
      border-radius: 0.4rem 0.4rem 0.4rem 3.4rem;
      grid-column: auto/span 2;
    }
    .category-banners > .single.-big {
      grid-column: auto/span 3;
    }
    .category-banners > .single.-small {
      height: 19.5rem;
    }
    .category-banners > .single.-small .title {
      font-size: 2rem;
    }
  }
  @media (min-width: 1600px) {
    .category-banners {
      grid-template-columns: repeat(8, 1fr);
    }
  }
}
@layer theme {
  .review-card {
    background-color: #fff;
    border-radius: 1.2rem;
    padding-bottom: 2rem;
    transition: var(--transition-ease);
    position: relative;
  }
  .review-card .top, .review-card .content, .review-card .bottom {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
  .review-card .top {
    padding-top: 1.4rem;
    padding-bottom: 0.8rem;
    border-radius: 1.2rem 1.2rem 0 0;
  }
  .review-card .top.-yandex {
    background-color: var(--color-social-yandex);
  }
  .review-card .top.-yandex .link {
    color: #222;
  }
  .review-card .top.-vk {
    background-color: var(--color-social-vk);
  }
  .review-card .top.-mail {
    background-color: #168de2;
  }
  .review-card .top.-site {
    background-color: var(--color-base);
  }
  .review-card .top.-site img {
    filter: brightness(20) sepia(10) grayscale(10);
  }
  .review-card .top img {
    height: 3rem;
    width: 20rem;
    object-fit: scale-down;
    object-position: left top;
  }
  .review-card .top .link {
    color: #fff;
  }
  .review-card .content {
    margin-top: 1.6rem;
    margin-bottom: 1.6rem;
    font-size: 1.5rem;
    line-height: 1.3;
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 12rem;
  }
  .review-card .bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .review-card .bottom .img {
    color: var(--color-base);
    font-size: 3rem;
    display: inline-flex;
    margin-bottom: 0.2rem;
  }
  .review-card .bottom .name {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--color-base);
    margin-right: auto;
    margin-left: 1rem;
    line-height: 1.1;
  }
  .review-card .bottom .date {
    opacity: 0.6;
    margin-left: 2rem;
  }
  .review-card::after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 3rem;
    width: 0;
    height: 0;
    border-bottom: 3.5rem solid transparent;
    border-right: 4.8rem solid;
    border-bottom-right-radius: 2.5rem;
    color: #fff;
  }
  .review-card::before {
    content: "";
    position: absolute;
    top: calc(100% + 0.9rem - 1px);
    right: 3rem;
    width: 1.3rem;
    height: 2rem;
    border-radius: 2rem;
    background-color: #fff;
  }
  .all-reviews .control {
    display: flex;
    white-space: nowrap;
    gap: 1rem;
    overflow-y: auto;
    align-items: center;
  }
  .all-reviews .control .start-phrase {
    position: sticky;
    left: 0;
    background-color: #fff;
    padding: 0.4rem 0.6rem 0.4rem 0;
    font-weight: 700;
    color: #222;
  }
  .all-reviews .control .single {
    padding: 0.2rem 1.6rem;
    border-radius: 10rem;
    background-color: #fff;
    transition: var(--transition-ease);
    cursor: pointer;
    font-size: 1.5rem;
  }
  .all-reviews .control .single.active {
    background-color: var(--color-base);
    color: #fff;
  }
  .all-reviews .control .single span {
    display: none;
  }
  .all-reviews .control::-webkit-scrollbar {
    display: none;
  }
  .all-reviews .slick-list {
    padding-top: 4rem !important;
    padding-bottom: 7rem !important;
  }
  .all-reviews .slider {
    max-width: 72rem;
    margin: auto;
  }
  .all-reviews .slider .single {
    width: 28rem;
    transform: scale(0.8);
    margin: 0 -2rem;
    position: relative;
    transition: all 0.3s ease-in;
  }
  .all-reviews .slider .single.slick-current {
    z-index: 2;
    transform: scale(1);
  }
  .all-reviews .slider .single.slick-current .review-card {
    box-shadow: 0 2rem 6rem -1rem rgba(0, 0, 0, 0.02);
  }
  .all-reviews .button-wrapper {
    text-align: center;
  }
  .all-reviews .show-all {
    width: 100%;
    border: solid 0.1rem;
    padding: 1.6rem;
    margin: 2rem 0 1rem;
    font-family: var(--font-family-main);
    border-radius: 0.3rem;
    max-width: 30rem;
    font-weight: 700;
  }
  .all-reviews .show-all:hover {
    background-color: var(--color-base);
    border-color: var(--color-base);
    color: #fff;
  }
  @media (max-width: 1023px) {
    .all-reviews .col-lg-30 .show-all {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .all-reviews .control {
      justify-content: center;
    }
    .all-reviews .title-center {
      padding-bottom: 3rem;
    }
  }
  @media (min-width: 1024px) {
    .all-reviews .col-lg-70 .show-all {
      display: none;
    }
    .all-reviews .title-center {
      padding-bottom: 4rem;
      text-transform: uppercase;
      font-size: 4rem;
      max-width: 90rem;
      margin-left: auto;
      margin-right: auto;
    }
    .all-reviews .control-wrapper {
      margin-left: auto;
      width: max-content;
      margin-right: 8rem;
    }
    .all-reviews .control {
      flex-direction: column;
      width: fit-content;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .all-reviews .control .start-phrase {
      display: none;
    }
    .all-reviews .control .single {
      border-radius: 0;
      background-color: transparent;
      border-left: solid 0.2rem transparent;
      color: #222;
      opacity: 0.5;
      text-transform: initial;
    }
    .all-reviews .control .single.active {
      border-color: var(--color-base);
      background-color: transparent;
      color: #222;
      opacity: 1;
    }
    .all-reviews .control .single span {
      display: inline-block;
      margin-right: 0.4rem;
      text-transform: initial;
    }
    .all-reviews .control .single[data-slides=all] {
      text-transform: initial;
    }
    .all-reviews .control .single[data-slides=-site] {
      text-transform: lowercase;
    }
    .all-reviews .show-all {
      width: 17rem;
      font-size: 1.8rem;
      margin-left: 1.6rem;
    }
    .all-reviews .slider .single {
      width: 33rem;
    }
    .all-reviews .slider .content {
      -webkit-line-clamp: 8;
      min-height: 16rem;
    }
  }
  @media (min-width: 1600px) {
    .all-reviews .slider {
      max-width: 86rem;
    }
  }
  .review-navigate .reviews-source {
    display: flex;
    white-space: nowrap;
    overflow-y: auto;
    gap: 2rem;
  }
  .review-navigate .reviews-source .single {
    min-width: 25rem;
    border-radius: 0.8rem;
    padding: 2rem;
    flex-basis: clamp(25rem, 50%, 33%);
  }
  .review-navigate .reviews-source .single img {
    height: 3rem;
    object-fit: scale-down;
    object-position: 0 0;
  }
  .review-navigate .reviews-source .single .links {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
  }
  .review-navigate .reviews-source .single.-site {
    background-color: var(--color-base);
  }
  .review-navigate .reviews-source .single.-site img {
    filter: brightness(20) sepia(10) grayscale(10);
  }
  .review-navigate .reviews-source .single.-site a, .review-navigate .reviews-source .single.-site [data-href] {
    color: #fff;
  }
  .review-navigate .reviews-source .single.-yandex {
    background-color: var(--color-social-yandex);
  }
  .review-navigate .reviews-source .single.-yandex a, .review-navigate .reviews-source .single.-yandex [data-href] {
    color: #222;
  }
  .review-navigate .reviews-source .single.-vk {
    background-color: var(--color-social-vk);
  }
  .review-navigate .reviews-source .single.-vk a, .review-navigate .reviews-source .single.-vk [data-href] {
    color: #fff;
  }
  .reviews-list .single {
    padding: 2.4rem 2rem;
    border-radius: 0.8rem;
    border: solid 0.1rem var(--color-border);
    margin-bottom: 2rem;
  }
  .reviews-list .single .text {
    line-height: 1.4;
  }
  @media (max-width: 768px) {
    .reviews-list .single .text {
      margin-bottom: 1rem;
    }
  }
  .reviews-list .single .stars-wrapper {
    margin: 1rem 0 0.6rem;
  }
  .reviews-list .single .name {
    color: var(--color-base);
    display: flex;
    align-items: center;
  }
  .reviews-list .single .name [class*=ico-] {
    color: #fff;
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    margin-right: 0.8rem;
    font-size: 1.9rem;
  }
  .reviews-list .single .name .ico-vk {
    background-color: var(--color-social-vk);
  }
  .reviews-list .single .name .ico-yandex {
    background-color: var(--color-social-yandex);
    font-size: 1.6rem;
  }
  .reviews-list .single .name .ico-web {
    background-color: var(--color-base);
  }
  @media (max-width: 768px) {
    .reviews-list .single .name {
      margin-bottom: 1rem;
    }
  }
  .reviews-list .single .date-block {
    display: flex;
    white-space: nowrap;
    flex-direction: column;
  }
  .reviews-list .single .vote {
    display: flex;
    gap: 1rem;
    width: 100%;
  }
  .reviews-list .single .vote button {
    color: var(--color-base);
    text-decoration: underline;
    text-underline-offset: 0.3rem;
    cursor: pointer;
  }
  .reviews-list .single .vote button + span {
    font-size: 0.8em;
  }
  @media (min-width: 768px) {
    .reviews-list .single {
      flex-wrap: nowrap;
    }
    .reviews-list .single .info {
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }
    .reviews-list .single .date-block {
      text-align: right;
    }
    .reviews-list .single .stars-wrapper {
      margin-bottom: 0;
    }
    .reviews-list .single .stars-wrapper + .info {
      margin-top: -1rem;
    }
    .reviews-list .single .vote {
      width: auto;
    }
  }
  .all-reviews-wrapper.is-bg-lightblue .control .start-phrase {
    background-color: var(--color-lightblue);
  }
}
@layer theme {
  .icon-block-text .single {
    display: flex;
    flex-direction: column;
    margin-bottom: 3rem;
  }
  .icon-block-text .single .icon {
    height: 8.3rem;
    display: flex;
  }
  .icon-block-text .single .icon > * {
    margin: auto auto 0;
    font-size: 8rem;
    color: var(--color-base);
  }
  .icon-block-text .single .title {
    font-family: var(--font-family-second);
    color: var(--color-base);
    font-size: 1.8rem;
    text-align: center;
    padding-bottom: 2rem;
    margin-top: 1rem;
  }
  .icon-block-text .single .text {
    line-height: 1.15;
  }
  .icon-block-text.-style-numbers .title {
    font-size: 2.8rem;
    padding-bottom: 1rem;
    margin-top: 2rem;
  }
  .icon-block-text.-style-numbers .text {
    width: 17rem;
    margin: auto;
  }
}
@layer theme {
  .site-footer .footer-wrapper {
    padding-top: 3rem;
    padding-bottom: 18rem;
    color: #fff;
    position: relative;
    background: linear-gradient(to bottom, #660d08, #c72322 95%);
    overflow: hidden;
  }
  .site-footer .footer-wrapper a {
    color: #fff;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.7);
  }
  .site-footer .footer-wrapper a:hover {
    text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.7), 1px 1px 0 rgba(0, 0, 0, 0.07);
  }
  .site-footer .footer-wrapper .top {
    margin-bottom: 3rem;
  }
  .site-footer .footer-wrapper .menu-info {
    column-count: 2;
    font-weight: 700;
    font-size: 1.8rem;
    gap: 2rem;
  }
  .site-footer .footer-wrapper .menu-info li {
    margin-bottom: 1.2rem;
  }
  .site-footer .footer-wrapper .middle {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    align-items: center;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
  .site-footer .footer-wrapper .middle a {
    font-size: 1.7rem;
    font-weight: bold;
  }
  .site-footer .footer-wrapper .middle .button {
    border: 0.2rem solid #ffffff;
    border-radius: 99px;
    color: #fff;
    padding: 1rem 2rem 1.2rem;
    font-weight: 700;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.73);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.73);
  }
  .site-footer .footer-wrapper .middle .button:hover {
    text-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.4);
  }
  .site-footer .footer-wrapper .bottom {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .site-footer .footer-wrapper .bottom > * {
    width: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
  }
  .site-footer .footer-wrapper .bottom .title {
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 1rem;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.73);
  }
  .site-footer .footer-wrapper .bottom li {
    margin-bottom: 0.4rem;
  }
  .site-footer .footer-wrapper .bottom .block-5 {
    margin-top: 3.3rem;
    width: 100%;
    flex-basis: 100%;
  }
  @media (min-width: 768px) {
    .site-footer .footer-wrapper {
      background: linear-gradient(to bottom, #660d08, #df3231 95%);
    }
    .site-footer .footer-wrapper .menu-info {
      display: flex;
      font-size: 1.7rem;
    }
    .site-footer .footer-wrapper .bottom > * {
      width: calc(25% - 2rem);
      flex-basis: calc(25% - 2rem);
    }
    .site-footer .footer-wrapper .bottom .block-5 ul {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem 2rem;
    }
  }
  @media (min-width: 1024px) {
    .site-footer .footer-wrapper {
      /*background: linear-gradient(to bottom, var(--color-base), #df3231 95%);*/
    }
    .site-footer .footer-wrapper .bottom {
      flex-wrap: nowrap;
      gap: 6rem;
    }
    .site-footer .footer-wrapper .bottom > * {
      width: max-content;
      flex-basis: max-content;
    }
    .site-footer .footer-wrapper .bottom > .block-5 {
      width: max-content;
      flex-basis: max-content;
    }
    .site-footer .footer-wrapper .bottom > .block-5 ul {
      display: block;
      column-count: 2;
      white-space: nowrap;
    }
  }
  @media (min-width: 1200px) {
    .site-footer .footer-wrapper .container {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
    .site-footer .footer-wrapper .middle {
      padding: 0;
      border: none;
      margin-bottom: 4.3rem;
      gap: 3rem;
    }
    .site-footer .footer-wrapper .bottom {
      gap: 8rem;
    }
    .site-footer .footer-wrapper .bottom > .block-5 ul {
      gap: 8rem;
    }
  }
  .site-footer .bg-image {
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    mix-blend-mode: luminosity;
    pointer-events: none;
  }
  @media (min-width: 1024px) {
    .site-footer .bg-image {
      /*mix-blend-mode: lighten;*/
    }
  }
  @media (min-width: 1200px) {
    .site-footer .bg-image {
      /*mix-blend-mode: lighten;*/
      object-position: 0 25rem;
    }
  }
  .site-footer .container {
    position: relative;
    z-index: 2;
  }
  .second-footer {
    padding: 3rem 0;
    color: #222;
  }
  .second-footer .container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .second-footer .contacts .social-links {
    margin-bottom: 1.6rem;
  }
  .second-footer .contacts .phone {
    font-weight: 700;
  }
  .second-footer .links {
    margin-top: 1.6rem;
  }
  .second-footer .links a {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 0.5rem;
  }
  .second-footer .developer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.5rem 2rem;
    white-space: nowrap;
  }
  @media (min-width: 768px) {
    .second-footer .container {
      flex-direction: row;
      align-items: flex-end;
      width: 100%;
      justify-content: space-between;
    }
    .second-footer .info {
      margin-bottom: -0.4rem;
    }
    .second-footer .contacts {
      text-align: center;
    }
    .second-footer .contacts .social-links {
      justify-content: center;
    }
    .second-footer .developer {
      flex-direction: column;
    }
  }
  @media (min-width: 1024px) {
    .second-footer {
      padding: 6rem 0 10rem;
    }
  }
}
@layer plugins {
  input[type=submit]:not(.mf-button),
  input[type=reset]:not(.mf-button),
  input[type=submit]:not(.mf-button):focus,
  input[type=reset]:not(.mf-button):focus {
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .mf-input-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.6rem;
    color: var(--color-text);
  }
  .mf-input-wrap > *, .mf-input-wrap > input {
    width: 100%;
    margin-bottom: 0;
  }
  .mf-input-wrap label {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 1.5rem;
    pointer-events: none;
    transition: var(--transition-ease);
  }
  .mf-input-wrap.focus label,
  .mf-input-wrap input:placeholder-shown + label {
    font-size: 1rem;
    top: 0.5rem;
    height: 1rem;
    opacity: 0.7;
  }
  .mf-input-wrap input[type=date],
  .mf-input-wrap input[type=datetime-local],
  .mf-input-wrap input[type=email],
  .mf-input-wrap input[type=hidden],
  .mf-input-wrap input[type=month],
  .mf-input-wrap input[type=number],
  .mf-input-wrap input[type=password],
  .mf-input-wrap input[type=search],
  .mf-input-wrap input[type=tel],
  .mf-input-wrap input[type=text],
  .mf-input-wrap input[type=time],
  .mf-input-wrap input[type=url],
  .mf-input-wrap input[type=week],
  .mf-input-wrap select,
  .mf-input-wrap textarea,
  .mf-input-wrap optgroup {
    display: block;
    width: 100%;
    padding: 1.6rem;
    background: #fff;
    border: 0.1rem solid var(--color-border);
    border-radius: 0.4rem;
    letter-spacing: 0.05em;
    font-feature-settings: "pnum" on, "lnum" on, "salt" on, "liga" off;
    color: var(--color-text);
    font-size: 1.4rem;
    transition: var(--transition-ease);
    height: 4.8rem;
  }
  .mf-input-wrap textarea {
    height: auto;
  }
  .mf-input-wrap textarea + label {
    height: 4.8rem;
  }
  .mf-input-wrap input[type=date]:hover,
  .mf-input-wrap input[type=datetime-local]:hover,
  .mf-input-wrap input[type=email]:hover,
  .mf-input-wrap input[type=hidden]:hover,
  .mf-input-wrap input[type=month]:hover,
  .mf-input-wrap input[type=number]:hover,
  .mf-input-wrap input[type=password]:hover,
  .mf-input-wrap input[type=search]:hover,
  .mf-input-wrap input[type=tel]:hover,
  .mf-input-wrap input[type=text]:hover,
  .mf-input-wrap input[type=time]:hover,
  .mf-input-wrap input[type=url]:hover,
  .mf-input-wrap input[type=week]:hover,
  .mf-input-wrap select:hover,
  .mf-input-wrap textarea:hover {
    border-color: var(--color-gray-dark-20);
  }
  .mf-input-wrap input.val-right, .mf-input-wrap textarea.val-right {
    border-color: var(--color-green) !important;
  }
  .mf-input-wrap input.val-wrong, .mf-input-wrap textarea.val-wrong {
    border-color: var(--color-red) !important;
  }
  .mf-input-wrap.-shield-field {
    display: none;
  }
  .mf-input-wrap.-pt-field {
    display: none;
  }
  /****/
  /****/
  /** checkbox **/
  /****/
  /****/
  .mf-checkbox {
    position: relative;
    display: inline-flex;
    padding-right: 1em;
    margin-bottom: 0.4em;
    cursor: pointer;
  }
  .mf-checkbox [type=checkbox] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .mf-checkbox [type=checkbox] + * {
    display: inline-flex;
    align-items: center;
    height: 100%;
    padding-left: 1.8em;
    color: inherit;
    user-select: none;
  }
  .mf-checkbox [type=checkbox] + *:before, .mf-checkbox [type=checkbox] + *:after {
    content: "";
    position: absolute;
    display: inline-block;
    transition: all 0.1s ease-in-out;
  }
  .mf-checkbox [type=checkbox] + *:before {
    width: 1.2em;
    height: 1.2em;
    border-radius: 0.3rem;
    border: 0.1rem solid var(--color-border-dark);
    top: 0;
    left: 0;
    background-color: #fff;
  }
  .mf-checkbox [type=checkbox] + *:after {
    top: 0.35em;
    right: auto;
    left: 0.35em;
    width: 0.65em;
    height: 0.4em;
    line-height: 1;
    border-bottom: solid 0.2rem #fff;
    border-left: solid 0.2rem #fff;
    transform: scale(0.5) rotate(-45deg);
    transition-delay: 0.1s;
    transition-duration: 0.125s;
    opacity: 0;
  }
  .mf-checkbox [type=checkbox]:checked + *:after {
    transform: scale(1) rotate(-45deg);
    opacity: 1;
  }
  .mf-checkbox [type=checkbox]:checked + *:before {
    border-color: var(--color-base);
    background-color: var(--color-base);
  }
  .mf-checkbox [type=checkbox]:hover + *:before {
    border-color: var(--color-base);
  }
  .mf-checkbox [type=checkbox]:hover:checked + *:before {
    border-color: var(--color-base-dark-20);
  }
  .mf-checkbox [type=checkbox].val-right {
    border-color: var(--color-a);
  }
  .mf-checkbox [type=checkbox].val-wrong + *:before {
    border-color: var(--color-red);
  }
  .mf-checkbox-group {
    margin-bottom: 0.4rem;
  }
  .mf-checkbox-group.-full-width .mf-checkbox {
    width: 100%;
  }
  .mf-checkbox-group .mf-checkbox:last-child {
    margin-bottom: 0;
  }
  /****/
  /****/
  /** radio **/
  /****/
  /****/
  .mf-radio {
    position: relative;
    display: inline-block;
    padding-right: 0.8rem;
    margin-bottom: 1rem;
    cursor: pointer;
  }
  .mf-radio [type=radio] {
    opacity: 0;
    position: absolute;
    pointer-events: none;
  }
  .mf-radio [type=radio] + * {
    display: inline-flex;
    align-items: center;
    padding-left: 2.6rem;
    height: 100%;
    font-size: 1.4rem;
    color: inherit;
    user-select: none;
  }
  .mf-radio [type=radio] + *:before, .mf-radio [type=radio] + *:after {
    content: "";
    display: inline-block;
    position: absolute;
    transition: all 0.125s ease-in-out;
    width: 1.8rem;
    height: 1.8rem;
    top: 0.1rem;
    left: 0;
    border-radius: 99px;
  }
  .mf-radio [type=radio] + *:before {
    border: 0.1rem solid var(--color-border);
  }
  .mf-radio [type=radio] + *:after {
    border: 0.3rem solid #fff;
    transform: scale(0);
    opacity: 0;
    transition-delay: 0.1s;
  }
  .mf-radio [type=radio]:checked + *:before {
    border-color: var(--color-base);
    background-color: var(--color-base);
    border-width: 0.9rem;
  }
  .mf-radio [type=radio]:checked + *:after {
    transform: scale(0.7);
    opacity: 1;
  }
  .mf-radio [type=radio]:hover:not(:checked) + *:before {
    border-color: var(--color-base);
    transition-duration: 0.125s;
  }
  .mf-radio-group {
    margin-bottom: 0.4rem;
  }
  .mf-radio-group.mf-radio-group-full-width .mf-radio {
    width: 100%;
  }
  /****/
  /****/
  /** file **/
  /****/
  /****/
  .mf-input-file {
    position: relative;
    color: var(--color-text);
    margin-bottom: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .mf-input-file > * {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }
  .mf-input-file [class*=mf-input-file-] {
    display: block;
  }
  .mf-input-file input[type=file] {
    display: none;
  }
  .mf-input-file .mf-input-file-button, .mf-input-file .mf-input-file-result {
    display: block;
    padding: 0.8rem 0;
    cursor: pointer;
    transition: var(--transition-ease);
  }
  .mf-input-file .mf-input-file-button:hover, .mf-input-file .mf-input-file-result:hover {
    color: var(--color-base);
  }
  .mf-input-file .mf-input-file-button [class*=ico-], .mf-input-file .mf-input-file-result [class*=ico-] {
    margin-right: 0.8rem;
  }
  .mf-input-file .mf-input-file-result span {
    display: block;
  }
  .mf-input-file.active .mf-input-file-button {
    display: none;
  }
  .mf-input-file .mf-size-limit-alert {
    color: var(--color-red);
  }
  /****/
  /****/
  /** interactive-tag **/
  /****/
  /****/
  .mf-interactive-tag {
    padding-right: 0.4rem;
    display: inline-flex;
    position: relative;
    margin-bottom: 1.2rem;
    cursor: pointer;
  }
  .mf-interactive-tag > [type=radio],
  .mf-interactive-tag > [type=checkbox] {
    display: none;
  }
  .mf-interactive-tag > * {
    background-color: #fff;
    border: solid 0.1rem #ddd;
    padding: 0.6rem 1.2rem;
    line-height: 1;
    display: inline-block;
    border-radius: var(--br);
  }
  .mf-interactive-tag > *:hover {
    border-color: #ddd;
  }
  .mf-interactive-tag[type=radio]:checked + *,
  .mf-interactive-tag [type=checkbox]:checked + * {
    background-color: #ddd;
    border-color: #ddd;
    color: #fff;
  }
}
@layer plugins {
  .mf-modal-window {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 110;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    box-sizing: border-box;
  }
  .mf-modal-window .mf-modal-wrapper {
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    transform: translate(50%, 50%) scale(0.05);
    transform-origin: top left;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all 0.3s ease-in-out;
  }
  .mf-modal-window .mf-modal {
    background-color: #fff;
    width: 90%;
    max-width: 450px;
    max-height: calc(100vh - 19.2rem);
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: 0.8rem;
    display: flex;
    flex-direction: column;
  }
  .mf-modal-window .mf-modal > * {
    overflow: auto;
  }
  .mf-modal-window .mf-modal .content-wrapper {
    padding: 0 0 3.2rem;
    margin-top: 7.6rem;
    font-size: 1.4rem;
    height: 100%;
  }
  .mf-modal-window .mf-modal .modal-title {
    border-bottom: solid 1px var(--color-border);
    padding: 2.4rem 2rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0;
  }
  .mf-modal-window .mf-modal .modal-title + .content {
    padding: 2.4rem 2rem;
  }
  .mf-modal-window .mf-modal .modal-title > * {
    margin: 0;
  }
  @media (min-width: 1024px) {
    .mf-modal-window .mf-modal .modal-title {
      padding-left: 3.2rem;
      padding-right: 3.2rem;
    }
    .mf-modal-window .mf-modal .modal-title + .content {
      padding-left: 3.2rem;
      padding-right: 3.2rem;
    }
  }
  .mf-modal-window .mf-modal .mf-modal-close {
    color: var(--color-text);
    font-size: 3.2rem;
    position: absolute;
    top: 1.5rem;
    right: 1rem;
    transition: var(--transition-ease);
  }
  .mf-modal-window .mf-modal .mf-modal-close:hover {
    transform: rotate(90deg);
    color: var(--color-base);
  }
  .mf-modal-window.fullscreen .mf-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 3.2rem);
    padding: 0;
  }
  .mf-modal-window.fullscreen .mf-modal-close-button {
    top: 1.6rem;
    color: var(--color-text);
    right: 1.6rem;
    overflow: hidden;
  }
  .mf-modal-window.fullscreen .mf-modal-close-button:hover {
    background: transparent;
    border-radius: 0;
  }
  .mf-modal-window.wide .mf-modal {
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: calc(100% - 3.2rem);
    padding: 0;
  }
  @media (min-width: 768px) {
    .mf-modal-window.wide .mf-modal {
      width: 80rem;
      height: 60dvh;
      max-height: 64rem;
      overflow: hidden;
    }
  }
  @media (max-width: 767px) {
    .mf-modal-window.mobile-bottom-sheet .mf-modal-wrapper {
      padding-left: 0;
      padding-right: 0;
      transform: translate(0, 120%);
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal {
      margin-top: auto;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      max-height: 80dvh !important;
      transition: var(--transition-ease);
      width: 100%;
      max-width: 100%;
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal .content-wrapper {
      touch-action: none;
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal .modal-title + .content {
      overflow: auto;
    }
    .mf-modal-window.mobile-bottom-sheet .mf-modal,
    .mf-modal-window.mobile-bottom-sheet .modal-title {
      border-top-left-radius: 1.8rem;
      border-top-right-radius: 1.8rem;
    }
    .mf-modal-window.mobile-bottom-sheet .bottom-sheet-indicator {
      position: absolute;
      top: -2rem;
      left: 0;
      width: 100%;
      height: 2rem;
    }
    .mf-modal-window.mobile-bottom-sheet .bottom-sheet-indicator::after {
      content: "";
      position: absolute;
      top: 0.8rem;
      left: 0;
      right: 0;
      margin: auto;
      width: 6.4rem;
      height: 0.5rem;
      background-color: var(--color-gray-dark-20);
      border-radius: 16rem;
    }
  }
  @media (min-width: 768px) {
    .mf-modal-window .bottom-sheet-indicator {
      display: none;
    }
  }
  .mf-modal-window.active {
    pointer-events: all;
    opacity: 1;
  }
  .mf-modal-window.active .mf-modal-wrapper {
    transform: scale(1);
  }
}
@layer theme {
  body {
    scroll-margin-top: 6rem;
  }
  .breadcrumbs {
    display: flex;
    font-size: 1.5rem;
    user-select: none;
    margin-bottom: 1.6rem;
  }
  .breadcrumbs > * {
    color: inherit;
    cursor: default;
  }
  .breadcrumbs > * a:not(:hover) {
    color: inherit;
    cursor: default;
  }
  .breadcrumbs > *:not(:first-child)::before {
    content: var(--breadcrumbs-divider, "/");
    left: 0;
    position: relative;
    display: inline-block;
    margin: 0 0.5rem;
    color: var(--color-text);
    font-weight: 400;
    font-family: var(--font-family-second-light);
  }
  .breadcrumbs > *:last-child {
    color: var(--color-base);
  }
  @media (max-width: 1023px) {
    .breadcrumbs {
      white-space: nowrap;
      overflow-y: auto;
    }
  }
  .cloud-tags .single {
    color: var(--color-text);
    padding: 0.5em 0.8em;
    display: inline-flex;
    gap: 0.5rem;
    border-radius: 0.8rem;
    font-size: 1.5rem;
    text-transform: lowercase;
    align-items: center;
    white-space: nowrap;
    margin-right: 2rem;
    transition: var(--transition-ease);
    background: #fff;
    border: solid 1px transparent;
  }
  .cloud-tags .single .counter {
    border-radius: 99px;
    padding: 0.3rem;
    font-size: 0.8em;
    background-color: #E0E0E0;
    color: #737373;
    min-width: 2rem;
    text-align: center;
    margin: -0.6rem 0;
    transition: var(--transition-ease);
  }
  .cloud-tags .single:hover {
    color: var(--color-base);
    border-color: var(--color-base);
  }
  .cloud-tags .single:hover .counter {
    background-color: var(--color-base);
    color: #fff;
  }
  .cloud-tags .single.-current {
    color: var(--color-base);
    border-color: var(--color-base);
  }
  .cloud-tags .single.-first-fixed {
    border: none;
    text-transform: none;
    background-color: #fff;
    position: sticky;
    left: 0;
    margin: 0;
    color: #222;
    transition: none;
    border-radius: 0 !important;
    color: var(--color-base);
    font-family: var(--font-family-second);
    line-height: 1;
    padding: 0.1rem 2rem 0 0;
    font-size: 1.8rem;
  }
  .cloud-tags.-yellow .single {
    background-color: #FFF2DB;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: none;
  }
  .cloud-tags.-yellow .single:not(:hover) {
    color: #222;
  }
  .cloud-tags.-simple .single {
    background-color: transparent;
    padding: 0;
    margin-right: 1rem;
    border: none;
    gap: 1rem;
    opacity: 0.7;
  }
  .cloud-tags.-simple .single:not(:last-child)::after {
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    background-color: var(--color-text);
    border-radius: 99px;
  }
  .cloud-tags.-rounded .single {
    border-radius: 10rem;
  }
  .article-mini-wrapper {
    margin-bottom: 2rem;
  }
  .article-mini {
    border-radius: 0.8rem;
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  .article-mini .img {
    aspect-ratio: 9/5;
    position: relative;
    display: flex;
  }
  .article-mini .img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
  }
  .article-mini .img:not(.-default-poster)::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
    position: absolute;
    pointer-events: none;
    background-color: rgba(1, 0.38, 0.38, 0.09);
  }
  .article-mini .img.-default-poster {
    object-fit: cover;
  }
  .article-mini .info {
    padding: 1.5rem 0 2rem;
  }
  .article-mini .date {
    font-size: 1.4rem;
    opacity: 0.7;
    margin-bottom: 0.5rem;
  }
  .article-mini .title {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--color-base);
    font-family: var(--font-family-second);
    line-height: 1;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .article-mini .title + .description {
    margin-top: 1.5rem;
  }
  .article-mini .title:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    aspect-ratio: 9/5;
    top: 0;
    left: 0;
  }
  .article-mini .title:hover {
    color: var(--color-base-s-30);
  }
  .default-text-mode {
    line-height: 1.6;
  }
  .default-text-mode ul > li {
    position: relative;
    list-style-type: circle;
    margin-left: 2.6rem;
  }
  .default-text-mode ol > li {
    position: relative;
    list-style-type: auto;
    margin-left: 2.6rem;
  }
  .default-text-mode ol > li::marker {
    font-size: 1.2em;
    font-family: var(--font-family-second);
  }
  .default-text-mode img {
    max-height: 70dvh;
  }
  .center-breadcrumbs .breadcrumbs {
    justify-content: center;
  }
}
@layer theme {
  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 1rem 0;
  }
  .pagination .page-item {
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 0.2rem;
    border-radius: 10rem;
    opacity: 0.7;
  }
  .pagination .page-item:not(:hover) {
    color: var(--color-text);
  }
  .pagination .page-item.current {
    color: var(--color-base);
    opacity: 1;
  }
  @media (min-width: 1024px) {
    .pagination .page-item {
      height: 4rem;
      width: 4rem;
    }
  }
  .pagination .arrow:not(:hover) {
    color: var(--color-text);
    opacity: 0.7;
  }
}
@layer theme {
  .rating-choose {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
  }
  .rating-choose .title {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .stars-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .stars-wrapper .single-star {
    position: relative;
    cursor: pointer;
    color: var(--color-border);
    font-size: 2.5rem;
  }
  .stars-wrapper .single-star input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }
  .stars-wrapper .single-star * {
    height: 100%;
    display: flex;
  }
  .stars-wrapper .single-star .filled {
    position: absolute;
    inset: 0;
    opacity: 0;
  }
  .stars-wrapper:hover .single-star .filled {
    opacity: 1;
    color: #fbba1e;
  }
  .stars-wrapper:hover .single-star:hover ~ .single-star .filled {
    opacity: 0;
  }
  .stars-wrapper.active .single-star .filled {
    opacity: 1;
    color: #fbba1e;
  }
  .stars-wrapper:not(:hover) .single-star.active ~ .single-star .filled {
    opacity: 0;
  }
  .stars-wrapper.-visual-rating {
    pointer-events: none;
  }
  .stars-wrapper .label {
    margin-left: 0.5rem;
  }
}
@layer plugins {
  .mf-range-slider {
    padding-top: 1rem;
    display: flex;
    flex-wrap: wrap;
  }
  .mf-range-slider-container {
    background-color: var(--color-border);
    height: 0.3rem;
    position: relative;
    margin-bottom: 2.4rem;
    margin-left: 1.6rem;
    margin-right: 0.8rem;
    width: 100%;
  }
  .mf-range-slider-container:before {
    background-color: var(--color-border);
    content: "";
    height: 0.3rem;
    top: 0;
    left: -1.6rem;
    width: calc(100% + 2.4rem);
    display: block;
    pointer-events: none;
    position: absolute;
    border-radius: 99px;
  }
  .mf-range-slider-container .ui-slider-range {
    background-color: var(--color-base);
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    height: 100%;
    top: 0;
  }
  .mf-range-slider-container .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 2.4rem;
    height: 2.4rem;
    cursor: pointer;
    touch-action: none;
    top: -1.1rem;
    border-radius: 99px;
    margin-left: -1.6rem;
    background: var(--color-base);
    transition: background 0.15s, transform 0.15s ease-in-out;
    outline: none;
  }
  .mf-range-slider-container .ui-slider-handle:hover, .mf-range-slider-container .ui-slider-handle.ui-state-active {
    background: var(--color-base);
    transform: scale(1.1);
  }
  .mf-range-slider-input {
    width: 50%;
    display: flex;
    align-items: center;
    padding-right: 1rem;
  }
  .mf-range-slider-input span {
    padding-right: 0.8rem;
    font-weight: 600;
    text-transform: lowercase;
  }
  .mf-range-slider-input:nth-child(odd) {
    padding-left: 0.8rem;
    justify-content: flex-end;
    padding-right: 0;
  }
  .mf-range-slider-input input + span {
    padding-left: 1rem;
    padding-right: 0;
  }
  .mf-range-slider-input .mf-input-wrap label {
    left: 0.2rem;
  }
  .bx-ui-slider-track-container {
    display: none;
  }
}
@layer theme {
  .list-params li {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    position: relative;
    color: #a67c7c;
  }
  .list-params li::after {
    content: "";
    width: 100%;
    height: 1.6rem;
    margin: 0 0.4rem;
    background-image: linear-gradient(to right, var(--color-base) 0.2rem, transparent 0.2rem);
    background-size: 0.4rem 0.1rem;
    background-repeat: repeat-x;
    background-position: 0 100%;
  }
  .list-params li span:last-child {
    order: 1;
  }
  .list-params li:nth-child(n+2) {
    display: flex;
  }
  @media (min-width: 768px) {
    .list-params li {
      margin-bottom: 0.6rem;
    }
    .list-params li::after {
      height: 2rem;
    }
  }
  @media (min-width: 1024px) {
    .list-params li {
      margin-bottom: 1.2rem;
    }
  }
}
@layer plugins {
  .mf-select {
    height: 3.6rem;
    position: relative;
    width: max-content;
    background: #fff;
    border: 1px solid var(--color-border);
    border-radius: 0.8rem;
    letter-spacing: 0.02em;
    font-feature-settings: "pnum" on, "lnum" on, "salt" on, "liga" off;
    color: #222;
    cursor: pointer;
    user-select: none;
  }
  .mf-select:focus {
    border-color: var(--color-border);
  }
  .mf-select.active {
    z-index: 2;
    border-bottom-color: transparent;
    border-radius: 0.8rem 0.8rem 0 0;
  }
  .mf-select.active .mf-select-arrow {
    transform: rotate(180deg) translateY(2px);
  }
  .mf-select .mf-select-active {
    padding: 0 2.7rem 0 1.3rem;
    display: flex;
    align-items: center;
    height: 100%;
  }
  .mf-select .mf-select-active > * {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mf-select .mf-select-options {
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    display: none;
    border: 1px solid var(--color-border);
    border-top-color: var(--color-border);
    border-radius: 0 0 0.8rem 0.8rem;
    max-height: 30vh;
    overflow: auto;
    transition: none;
  }
  .mf-select .mf-select-arrow {
    position: absolute;
    top: 0.3rem;
    bottom: 0;
    right: 0.6rem;
    left: auto;
    margin: auto;
    height: 100%;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    font-size: 1.2rem;
  }
  .mf-select .optgroup {
    padding-bottom: 0.5rem;
  }
  .mf-select .optgroup:not(:last-child) {
    border-bottom: solid 1px var(--color-border);
    margin-bottom: 0.5rem;
  }
  .mf-select .optgroup .option {
    padding-left: 1.75rem;
  }
  .mf-select .optgroup-name {
    padding: 0.325rem 1.25rem;
    font-weight: 600;
  }
  .mf-select .option {
    padding: 0.25rem 1.25rem;
  }
  .mf-select .option:hover {
    color: var(--color-base);
  }
  .mf-select .option.selected {
    color: var(--color-base);
  }
  .mf-select .optgroup-name {
    padding: 0.325rem 1.25rem;
    font-weight: 600;
  }
  .mf-input-wrap .mf-select + label {
    font-size: 1rem;
    top: 0;
    height: 1rem;
    transition: none;
  }
  select.mf-select-mobile-custom {
    display: none;
  }
  @media screen and (max-width: 767px) {
    select.mf-select-mobile-native {
      display: block;
      text-transform: uppercase;
      font-size: 0.75rem;
      transition: none;
      padding-left: 0.75rem;
    }
    select.mf-select-mobile-native option {
      text-transform: initial;
    }
    .mf-select.mf-select-mobile-native {
      display: none;
    }
  }
  @media screen and (min-width: 768px) {
    select.mf-select-mobile-native.prepared {
      display: none;
    }
  }
  .mf-input-wrap.active-mf-select {
    z-index: 4;
  }
}
@layer theme {
  .mf-input-quantity {
    display: flex;
    align-items: center;
    border: solid 1px var(--color-border);
    border-radius: 0.8rem;
    overflow: hidden;
    height: 3.6rem;
    width: 11rem;
  }
  .mf-input-quantity .control {
    font-size: 2.4rem;
    color: var(--color-base);
    height: 100%;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    transition: var(--transition-ease);
  }
  .mf-input-quantity .control:hover {
    background-color: #f5f6f8;
  }
  .mf-input-quantity .control::after {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    content: "";
    width: 1.4rem;
    height: 0.2rem;
    background-color: var(--color-base);
    margin: auto;
  }
  .mf-input-quantity .control.plus::after {
    left: 0;
    right: 0.2rem;
  }
  .mf-input-quantity .control.plus::before {
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0.2rem;
    content: "";
    height: 1.4rem;
    width: 0.2rem;
    background-color: var(--color-base);
    margin: auto;
  }
  .mf-input-quantity .control.minus::after {
    right: 0;
    left: 0.2rem;
  }
  .mf-input-quantity input {
    border-left: solid 1px var(--color-border);
    border-right: solid 1px var(--color-border);
    text-align: center;
    font-weight: 700;
    font-size: 1.8rem;
    background-color: #fff;
    color: #222;
    width: 40%;
  }
  .mf-input-quantity > * {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .share-buttons-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    margin-top: 1.6rem;
    color: var(--color-base);
    font-size: 2rem;
  }
  .share-buttons-wrapper .share-buttons {
    display: flex;
    gap: 1rem;
  }
  .share-buttons-wrapper .share-buttons > * {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-base);
    border-radius: 0.4rem;
    color: #fff;
  }
  .float-modal {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    padding: 2rem 0;
    z-index: 99;
    box-shadow: 0 -0.75rem 2rem rgba(0, 0, 0, 0.13);
    transition: var(--transition-ease);
    transform: translateY(120%);
  }
  .float-modal.active {
    transform: translateY(0);
  }
  .float-modal .content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .float-modal .cookies-accept .button {
    margin: 0;
  }
  @media (min-width: 768px) {
    .float-modal .cookies-accept {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      font-size: 1.8rem;
    }
  }
  [disabled] {
    opacity: 0.4;
    pointer-events: none;
  }
  .rows-table {
    border-top: solid 1px var(--color-border);
    border-left: solid 1px var(--color-border);
  }
  .rows-table > * {
    border-bottom: solid 1px var(--color-border);
    border-right: solid 1px var(--color-border);
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
  .breadcrumbs-lg-center .breadcrumbs {
    justify-content: center;
  }
}
@layer theme {
  .bk-card {
    background-color: #fff;
    border-radius: 1rem;
    margin-bottom: 2rem;
    padding: 2rem 2rem;
  }
  .bk-card .main-part {
    display: flex;
    gap: 2rem;
    align-items: center;
  }
  .bk-card .top-blocks {
    width: calc((100% - 6rem) / 2 - 2rem);
    min-height: 6rem;
    display: flex;
  }
  .bk-card .about {
    flex-direction: column;
    justify-content: center;
  }
  .bk-card .apps {
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
  }
  .bk-card .logo {
    width: 6rem;
    min-width: 6rem;
    aspect-ratio: 1/1;
    display: flex;
    overflow: hidden;
    border-radius: 0.8rem;
  }
  .bk-card .title {
    margin-bottom: 1rem;
  }
  .bk-card .short-info {
    font-size: 1.4rem;
    color: var(--color-gray-dark-40);
  }
  .bk-card .control-elements {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
  }
  .bk-card .control-elements .go-button {
    margin-left: auto;
  }
  .bk-card .control-elements .coupon-wrapper {
    min-width: 15rem;
    justify-content: space-between;
  }
  .bk-card .control-elements .coupon-wrapper:not(:hover) {
    color: var(--color-text);
  }
  .bk-card:not(.active) .content-part {
    height: 0;
    overflow: hidden;
    margin: 0;
  }
  @media (max-width: 767px) {
    .bk-card .main-part {
      flex-wrap: wrap;
    }
    .bk-card .about {
      width: calc(100% - 6rem - 2rem);
    }
    .bk-card .apps {
      display: none;
    }
    .bk-card .control-elements {
      gap: 1rem;
      width: 100%;
    }
    .bk-card .control-elements .go-button {
      margin-left: 0;
    }
    .bk-card .control-elements .coupon-wrapper {
      min-width: 14rem;
    }
  }
  .bk-content-part {
    padding-top: 4rem;
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 6rem;
  }
  .bk-content-part > *:not(:last-child) {
    position: relative;
  }
  .bk-content-part > *:not(:last-child)::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 3rem);
    border-bottom: dashed 1px var(--color-border);
  }
  @media (min-width: 768px) {
    .bk-content-part .apps {
      display: none;
    }
  }
  .mf-modal .bk-content-part {
    padding-top: 0;
  }
  .card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .card-stats .single-stat {
    width: calc(33.333% - 1.333rem);
    background-color: var(--color-border-light);
    padding: 1rem;
    border-radius: 0.6rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    justify-content: space-between;
  }
  .card-stats .single-stat .stat-text {
    opacity: 0.6;
    font-weight: 600;
    color: var(--color-second);
  }
  @media (min-width: 768px) {
    .card-stats .single-stat {
      width: clamp(10rem, 25% - 1.5rem, 15rem);
    }
  }
  .coupon-wrapper {
    position: relative;
    display: flex;
    padding: 1rem 1.5rem;
    border: solid 0.1rem;
    border-radius: 0.6rem;
    line-height: 1;
    height: 4rem;
    width: clamp(10rem, 100%, 20rem);
    white-space: nowrap;
    transition: var(--transition-ease);
    cursor: pointer;
    justify-content: center;
    gap: 0.7rem;
    font-size: 1.8rem;
  }
  .coupon-wrapper:hover {
    color: var(--color-base-dark-30);
  }
  .coupon-wrapper .label {
    position: absolute;
    top: -0.6rem;
    left: 0.6rem;
    font-size: 1rem;
    background-color: #fff;
    padding: 0 0.4rem;
  }
  .coupon-wrapper .icon {
    font-size: 2.2rem;
    line-height: 1;
    display: flex;
    align-items: center;
    transition: var(--transition-ease);
  }
  .coupon-wrapper .icon.ico-clipboard {
    transform: rotate(-8deg);
  }
  .coupon-wrapper .icon.-right {
    position: absolute;
    right: 0;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    top: 0;
    margin: auto;
    bottom: 0;
    color: var(--color-gray-dark-30);
    padding-top: 0.2rem;
  }
  .sidebar-filter {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.4rem;
    border-radius: 0.8rem;
    margin-bottom: 2rem;
  }
  .sidebar-filter .title {
    margin-bottom: 1.6rem;
    padding-bottom: 2rem;
    border-bottom: solid 1px var(--color-border);
  }
  .sidebar-filter .filter-group-wrapper, .sidebar-filter .title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sidebar-filter .filter-group-wrapper:not(:last-child) {
    margin-bottom: 1.6rem;
    padding-bottom: 1.6rem;
    border-bottom: solid 1px var(--color-border);
  }
  .mf-modal .sidebar-filter {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mf-modal .sidebar-filter > .filter-group-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .mf-modal .sidebar-filter .title {
    display: none;
  }
  .mf-accordion-wrapper.-filter .mf-accordion {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
  }
  .mf-accordion-wrapper.-filter .mf-accordion [class*=ico-] {
    transition: var(--transition-ease);
    transform: translateY(1px);
  }
  .mf-accordion-wrapper.-filter .mf-accordion.active {
    margin-bottom: 1.6rem;
  }
  .mf-accordion-wrapper.-filter .mf-accordion.active [class*=ico-] {
    transform: rotate(180deg) translateY(2px);
  }
  @media (max-width: 1023px) {
    .sidebar {
      display: none;
    }
  }
  .wide-banner {
    margin-top: calc(var(--header-height, 59px) * -1);
    height: 20rem;
    text-align: center;
  }
  .wide-banner img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    padding-top: var(--header-height, 59px);
    max-width: var(--container-width);
  }
  .page-layer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    padding-top: 1rem;
  }
  @media (min-width: 1024px) {
    .page-layer {
      grid-template-columns: minmax(0, 1fr) 26rem;
    }
  }
  .breadcrumb {
    display: flex;
    gap: 0.3rem;
    font-size: 1.4rem;
    opacity: 0.5;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 0;
  }
  .breadcrumb li {
    position: relative;
  }
  .breadcrumb a:not(:hover) {
    color: var(--color-text);
  }
  .breadcrumb li:not(:last-child)::after {
    content: "/";
    display: inline-block;
    margin-left: 0.4rem;
  }
  .is-scroll-hidden {
    overflow: auto; /* или overflow-y: auto; */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
  }
  .is-scroll-hidden::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
  }
  main {
    padding-top: 1rem;
  }
  .ico-mini-cards {
    display: flex;
    gap: 2rem;
    padding: 0;
  }
  .ico-mini-cards .single-card {
    /* width: 17rem; */
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 6.7rem;
    background-color: #fff;
    padding: 1.6rem 5.6rem 1.5rem 1.6rem;
    border-radius: 0.8rem;
    position: relative;
    color: var(--color-text);
    /* background: linear-gradient(320deg, var(--color-base-light-90) 0%, var(--color-base-light-70) 60%); */
    /* box-shadow: var(--box); */
  }
  .ico-mini-cards .single-card .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.1;
  }
  .ico-mini-cards .single-card .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 5rem;
    height: 5rem;
    display: flex;
  }
  .ico-mini-cards .single-card .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 100% 100%;
  }
  .icons-mini-cards-wrapper {
    border-radius: 0.8rem;
    /* overflow:hidden; */
  }
  .is-white-block {
    padding: 2rem;
    background-color: #fff;
    border-radius: 0.8rem;
  }
  .is-white-block-np {
    background-color: #fff;
    border-radius: 0.8rem;
    overflow: hidden;
  }
  .is-white-block-np .inner-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .is-white-block-np .inner-padding.-first {
    padding-top: 2rem;
  }
  .is-white-block-np .inner-padding.-last {
    padding-bottom: 2rem;
  }
  .listing-control {
    display: flex;
    justify-content: space-between;
    padding-bottom: 2rem;
  }
  @media (min-width: 1024px) {
    .listing-control {
      display: none;
    }
  }
  #footer {
    background: var(--color-dark-bg);
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 4rem;
    color: #fff;
  }
  #footer .top {
    /* text-align:center; */
  }
  #footer .middle {
    padding-top: 3rem;
  }
  #footer .bottom {
    padding-top: 3rem;
    border-top: solid 0.1rem var(--color-second-light-90);
    color: var(--color-second-light-90);
    font-size: 1.4rem;
    opacity: 0.8;
  }
  #footer .bottom > * {
    text-align: center;
  }
  .footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem;
    padding-bottom: 4rem;
  }
  .footer-menu a {
    color: var(--color-second-light-90);
    font-size: 1.4rem;
  }
  .footer-menu a:hover {
    color: var(--color-base-light-90);
  }
  .footer-menu .has-submenu > a {
    font-size: 2rem;
    padding-bottom: 1.4rem;
    display: inline-block;
    position: relative;
    color: #fff;
  }
  .footer-menu .has-submenu > a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0.4rem;
    left: 0;
    width: 2rem;
    height: 0.2rem;
    /* background-color: var(--color-second); */
  }
  .footer-menu li {
    padding: 0.3rem 0;
  }
  @media (min-width: 768px) {
    .footer-menu {
      gap: 6rem;
    }
  }
  @media (min-width: 1200px) {
    .footer-menu {
      gap: 10rem;
    }
  }
  .sidebar {
    position: sticky;
    bottom: 0;
    align-self: start;
  }
  .article-card-wrapper {
    margin-bottom: 2rem;
  }
  .article-card {
    position: relative;
    height: 100%;
    border-radius: var(--b-r-3);
    transition: var(--transition-ease);
  }
  .article-card .img {
    filter: brightness(0.97);
    display: flex;
    border-radius: 0.6rem;
    transition: var(--transition-ease);
    aspect-ratio: 16/11;
    max-height: 20rem;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
  }
  .article-card .img img {
    object-fit: contain;
    min-width: var(--img-width, 940px);
    transform: translateX(-50%);
    position: relative;
    left: 50%;
    object-position: 50% 100%;
    transition: transform 0.2s;
    transform-origin: bottom;
  }
  .article-card .status {
    position: absolute;
    left: 1rem;
    top: 1rem;
    font-size: 1.2rem;
    background-color: #fff;
    border-radius: 0.4rem;
    padding: 0.375rem 0.5rem;
    box-shadow: var(--box-shadow);
    transition: var(--transition-ease);
    outline: solid 1px var(--color-border);
  }
  .article-card .status [class*=ico-] {
    transform: translateY(0.2rem);
    padding-right: 0.4rem;
    display: inline-block;
    font-size: 1.5rem;
    line-height: 0;
    margin-top: -0.2rem;
    color: var(--color-green);
  }
  .article-card .status.-expired [class*=ico-] {
    color: var(--color-red);
  }
  .article-card .status.-active {
    background-color: #fff;
  }
  .article-card .status.ended {
    background-color: var(--color-red);
  }
  .article-card .pre-heading {
    font-size: 1.2rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 1rem;
    align-items: center;
  }
  .article-card .pre-heading .category {
    display: flex;
    align-items: center;
    gap: 0.6rem;
  }
  .article-card .pre-heading .category img {
    border-radius: 0.3rem;
    box-shadow: 0 0 0rem 0.2rem #4b4b4b;
  }
  .article-card .pre-heading .bonus {
    background: #fff;
    padding: 0.2rem 0.8rem;
    border-radius: 0.4rem;
    color: var(--color-base);
    font-size: 1.3rem;
    font-weight: 600;
    height: 2.4rem;
    display: flex;
    align-items: center;
  }
  .article-card .heading {
    color: var(--color-text);
    font-weight: 600;
    line-height: 1.2;
  }
  .article-card .heading:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    inset: 0;
  }
  .article-card .description {
    font-size: 1.2rem;
    margin-top: 0.8rem;
    line-height: 1.2;
  }
  .article-card:hover {
    filter: brightness(0.97);
  }
  .article-card:hover .img img {
    transform: translateX(-50%) translateY(1px) scale(1.05);
    transform-origin: bottom;
  }
  .article-card.with-wide-banner:hover .img img {
    transform: translateX(-50%) translateY(1px) scale(0.9);
    transform-origin: bottom;
  }
  .article-card *:not(.info):hover .heading, .article-card .info *:not(.button-wrapper):hover.heading {
    color: var(--color-base);
  }
  .article-card.-bg-box {
    border-radius: 0.6rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
  .article-card.-bg-box.-bg-dark {
    background: var(--color-dark-bg);
  }
  .article-card.-bg-box.-bg-dark .info {
    color: #e5e5e5;
  }
  .article-card.-bg-box.-bg-dark .heading {
    color: #e5e5e5;
  }
  .article-card.-bg-box.-bg-dark *:not(.info):hover .heading,
  .article-card.-bg-box.-bg-dark .info *:not(.button-wrapper):hover.heading {
    color: var(--color-base);
  }
  .article-card.-bg-box .img {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .article-card.-bg-box .info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .article-card.-bg-box .info > * {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .article-card.-bonus .info > *:nth-last-child(2) {
    padding-bottom: 1.5rem;
  }
  .article-card .info {
    color: var(--color-gray-dark-50);
  }
  .article-card .info > *:last-child {
    padding-bottom: 1.5rem;
  }
  .article-card .button-wrapper {
    padding-top: 1.5rem;
    margin-top: auto;
    z-index: 1;
    position: relative;
    border-top: dashed 1px var(--color-border-dark);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .article-card .button-wrapper .coupon-wrapper {
    color: #fff;
    opacity: 0.75;
  }
  .article-card .button-wrapper .coupon-wrapper .label {
    background-color: var(--color-dark-bg);
  }
  .article-card .button-wrapper .coupon-wrapper:hover {
    opacity: 1;
  }
  .article-card .button-wrapper .coupon-wrapper.-active {
    opacity: 1;
    color: var(--color-green-light-30);
  }
  .article-card .button-wrapper > * {
    width: 100%;
  }
  .plus-minus li {
    padding-bottom: 0.6rem;
  }
  .plus-minus .ico-plus::before {
    color: var(--color-green);
    font-size: 2.4rem;
    line-height: 0;
    transform: translateY(0.2em);
    display: inline-flex;
  }
  .plus-minus .ico-minus::before {
    color: var(--color-red);
    font-size: 2.4rem;
    line-height: 0;
    transform: translateY(0.2em);
    display: inline-flex;
  }
  .article-micro-wrapper {
    margin-bottom: 2rem;
  }
  .article-micro-wrapper:last-child {
    margin-bottom: 0;
  }
  .article-micro {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    padding: 2rem;
    background: var(--color-border-light);
    border-radius: 1rem;
    position: relative;
  }
  .article-micro .name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.4rem;
    font-weight: 600;
    font-size: 1.4rem;
  }
  .article-micro .name [class*=ico-]::before {
    line-height: 1rem;
    font-size: 2.5rem;
    transform: translateY(0.5rem);
    display: inline-block;
  }
  .article-micro .description {
    opacity: 0.6;
    font-size: 1.4rem;
    text-align: justify;
  }
  .article-micro .adv-line {
    font-size: 1.2rem;
    opacity: 0.4;
  }
  .simple-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .simple-stats .single-stat {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    justify-content: space-between;
    opacity: 0.6;
    position: relative;
  }
  .simple-stats .single-stat .stat-name {
    font-size: 1.2rem;
  }
  .simple-stats .single-stat .stat-text {
    font-weight: 600;
    color: var(--color-second);
  }
  .simple-stats .single-stat:not(:first-child)::before {
    content: "";
    display: block;
    position: absolute;
    left: -1rem;
    top: 10%;
    height: 80%;
    width: 1px;
    background-color: var(--color-border);
  }
  .with-wide-banner .bk-header-card:first-child,
  .with-wide-banner .sidebar-wrapper {
    margin-top: -4rem;
  }
  .top-content + .bk-header-card {
    margin-top: -5rem;
  }
  .bk-header-card .bk-card {
    background: rgba(255, 255, 255, 0.64);
    margin-bottom: 1.2rem;
    backdrop-filter: brightness(10) blur(10px);
  }
  .bk-header-card .bk-card .about {
    justify-content: flex-end;
  }
  .bk-header-card .bk-card .control-elements {
    margin-left: auto;
    align-self: flex-end;
  }
  .bk-header-card-content {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: dashed 1px var(--color-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .bk-navigation {
    margin-bottom: 2rem;
  }
  .review-wrapper + .review-wrapper {
    border-top: dashed 1px var(--color-border);
  }
  .review {
    background-color: #fff;
    padding: 2rem;
    border-radius: 1rem;
  }
  .review .header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .review .author-box {
    display: flex;
    flex-direction: column;
    padding-left: 8rem;
    min-height: 6rem;
    position: relative;
    gap: 0.5rem;
  }
  .review .avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 6rem;
    height: 6rem;
  }
  .review .avatar img {
    width: 100%;
    height: 100%;
    border-radius: 10rem;
  }
  .review .author {
    font-size: 2rem;
    font-weight: 600;
  }
  .review .for-post {
    opacity: 0.6;
    font-size: 1.4rem;
  }
  .review .for-post a:not(:hover) {
    color: var(--color-text);
  }
  .review .text {
    margin-top: 2rem;
  }
  .review .footer {
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 1.4rem;
  }
  .review .footer .data, .review .footer [class*=ico-] {
    opacity: 0.6;
  }
  .review .reactions {
    display: flex;
    gap: 0.8rem;
  }
  .review .reactions [class*=ico-] {
    transition: var(--transition-ease);
    font-size: 1rem;
    line-height: 0;
  }
  .review .reactions [class*=ico-]::before {
    font-size: 2rem;
  }
  .review .reactions [class*=ico-]:hover {
    opacity: 1;
    color: var(--color-base);
  }
  .rating-wrapper {
    font-size: 1.8rem;
    display: flex;
  }
  .rating-wrapper .ico-star-fill {
    color: var(--color-base);
  }
  .sidebar-group {
    background: #fff;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 0.8rem;
  }
  .sidebar-group a:not(:hover) {
    color: var(--color-text);
  }
  .sidebar-listing a {
    display: flex;
    width: 100%;
    gap: 0.8rem;
    padding: 0.2rem 0;
  }
  .sidebar-listing a img {
    border-radius: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .section-accordion-content .mf-accordion-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .bk-navigation + h1 {
    padding-top: 0;
  }
  .sidebar-margin.-breadcrumbs-first .sidebar-wrapper {
    margin-top: 2.8rem;
  }
  .simple-banner-img {
    border-radius: 1.2rem;
  }
  .bk-micro-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    background: #fff;
    border-radius: 1rem;
    margin-bottom: 2rem;
  }
  .bk-micro-card .buttons-wrapper {
    display: flex;
    gap: 1rem;
  }
  .bk-micro-card .img {
    display: flex;
  }
  .bk-micro-card .img img {
    border-radius: 0.8rem;
  }
  .bk-micro-card .title {
    margin-right: auto;
    padding: 0;
    margin-bottom: 0;
  }
  .with-wide-banner.post-2 .sidebar-wrapper {
    margin-top: 5.6rem;
  }
  @media (max-width: 767px) {
    .bk-header-card .bk-card .apps {
      display: flex;
      flex-wrap: wrap;
      align-self: flex-start;
    }
    .bk-header-card .bk-card .simple-stats {
      align-self: flex-start;
    }
  }
}

/*# sourceMappingURL=base.css.map */