@charset "UTF-8";
/**
 * Главный файл стилей, который подключает все остальные стили
 */
/**
 * Variables
 */
/**
 * Используемые шрифты
 *
 * @prop {String} key - Тип шрифта
 * @prop {String} value - Название шрифта
 */
/**
 * Пути до директорий BA
 * @prop {String} key
 * @prop {String} value
 */
/**
 * Общие цвета BA
 * @prop {String} key
 * @prop {Color} value
 */
/**
 * Functions
 */
/**
 * Получение конфигурации
 * @param {String} $name - название типа
 * @return {variables} - значение
 */
/**
 * Получение шрифта по его имени
 *
 * @param {String} $type - Тип шрифта из карты в $font-families
 * @result {String} - Выбранный шрифт и шрифт по умолчанию
 */
/**
 * Получение правильного пути для картинки
 *
 * @param {String} $image - путь к картинке от папки img
 * @return {String} - правильный путь к картинке
 */
/**
 * Получение цвета BA по названию
 * @param {String} $name - название типа
 * @return {Color} - цвет
 */
/**
 * Получение пути BA по названию
 * @param {String} $name - название
 * @return {String} - путь
 */
/**
 * Mixins
 */
/**
 * Анимация свойств
 * @param {Map} $opts
 */
/**
  NEW BUTTONS
 *   @param {String} $border_color - border color
 *   @param {String} $border_hover_color - border color for hover
 *   @param {String} $border_disabled_color - border color for disabled
 *   @param {String} $color - text color
 *   @param {String} $color_hover - text color for hover
 *   @param {String} $color_disabled - text color for disabled
 *   @param {String} $bg_color - background color
 *   @param {String} $bg_hover_color - background color for hover
 *   @param {String} $bg_disabled_color - background color for disabled
 */
/**
 * No user select
 */
/**
 * Размеры блока
 *
 * @param {String} width - Ширина
 * @param {String} height - Высота. Если не задана, то по умолчанию берется ширина.
 */
/**
 * Фиксированный блок на всю страницу
 *
 * @param {Number} $z_index - слой
 * @param {Number} $opacity - прозрачность
 * @param {String} $background - цвет фона
 */
/**
 * Блок с выравниванием по центру страницы
 *
 * @param {String} $w - ширина блока
 * @param {String} $h - высота блока
 * @param {String} $position - позиционирование
 * @param {String} $z_index - слой
 */
/**
 * Вращение элемента
 *
 * @param {Number} angle - Угол вращения
 */
/**
 * Шаблон иконки
 * @param {String} $name
 * @param {String} $width
 * @param {String} $height
 * @param {Map} $opts
 */
/**
 * Шаблон для иконки при наведении
 * @param {String} $name
 * @param {Map} $opts
 */
/**
 * Прогрессивная загрузка изображения
 * @param {String} $path - путь в папке img/ba_outer
 * @param {String} $name
 * @param {String} $ext
 * @param {Map} $opts
 */
/**
 * Изображение для retina экранов
 * @param {String} $url_image
 */
/**
 * Placeholders
 */
/**
 * Ширина блока
 */
/**
 * Ширина части блока
 */
/**
 * Троеточие, если текст не помещается
 */
.text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/**
 * Normalize css
 */
html {
  font-family: "Verdana",sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a, .empty_link {
  background-color: transparent;
  font: inherit; }

a:hover, .empty_link:hover {
  text-decoration: underline; }

a:active, .empty_link:active, a:hover, .empty_link:hover {
  outline: 0; }

a:hover, .empty_link:hover {
  text-decoration: underline; }

a.disable, .disable.empty_link {
  cursor: default;
  opacity: .4;
  filter: alpha(opacity= "40%"); }

a.disable:hover, .disable.empty_link:hover {
  text-decoration: none; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"],
input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input::-ms-clear {
  display: none; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: 700; }

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

td, th {
  padding: 0; }

/**
 * Правильный путь к изображениям
 *
 * @param {String} $image - изображение
 * @return {String} - путь к изображению
 */
.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.ms-choice {
  transition: all 0.15s ease 0s;
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 44px;
  border: 1px solid #cbcfd8;
  border-radius: 4px;
  background: #ffffff;
  text-align: left;
  cursor: pointer;
  outline: none !important; }
  .ms-choice > span {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 8px 26px 10px 16px;
    font-size: 16px;
    line-height: 1.63;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .ms-choice > span::after {
      transition: transform 0.15s ease 0s;
      content: '';
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%);
      width: 10px;
      height: 6px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      background-image: url("/app/ba_front/js/vendor/multiple-select/arrow-select.svg"); }
    .ms-choice > span.placeholder {
      color: #979ca9; }
  .ms-choice.open, .ms-choice:hover {
    border-color: #4870b7; }
  .ms-choice.disabled {
    background-color: #f6f6f7;
    background-image: none;
    cursor: default;
    outline: none; }
    .ms-choice.disabled > span {
      opacity: 0.5; }
  .ms-choice.error {
    border-color: #cf6662; }
  .ms-choice.open > span::after {
    transform: translateY(-50%) scale(1, -1); }

.ms-drop {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  z-index: 10000 !important;
  padding: 0 !important;
  background-color: #ffffff; }
  .ms-drop.bottom {
    top: calc(100% + 8px) !important; }
  .ms-drop.left {
    left: auto;
    min-width: 100%; }
  .ms-drop ul {
    box-sizing: border-box;
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px;
    box-shadow: 0 4px 8px 0 rgba(41, 47, 55, 0.3); }
    .ms-drop ul > li {
      transition: all 0.15s ease 0s;
      display: list-item;
      margin: 0;
      list-style: none;
      background-image: none;
      position: static; }
      .ms-drop ul > li:hover {
        background-color: #f6f6f7; }
        .ms-drop ul > li:hover label[data-type="checkbox"]::before {
          border: 1px solid #4870b7; }
      .ms-drop ul > li.selected {
        background: rgba(163, 207, 98, 0.35); }
        .ms-drop ul > li.selected label[data-type="checkbox"]::before {
          border-color: #4870b7; }
      .ms-drop ul > li label {
        transition: all 0.15s ease 0s;
        box-sizing: border-box;
        display: block;
        width: 100%;
        padding: 8px 16px;
        font-size: 16px;
        line-height: 1.63;
        color: #4c515c;
        text-align: left;
        font-weight: normal;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .ms-drop ul > li label input {
          position: absolute;
          left: -9999px; }
        .ms-drop ul > li label[data-type="checkbox"] {
          position: relative;
          padding-left: 52px; }
          .ms-drop ul > li label[data-type="checkbox"]::before, .ms-drop ul > li label[data-type="checkbox"]::after {
            transition: all 0.15s ease 0s;
            content: '';
            position: absolute;
            top: 50%;
            transform: translateY(-50%); }
          .ms-drop ul > li label[data-type="checkbox"]::after {
            opacity: 0;
            left: 21px;
            width: 10px;
            height: 9px;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: 100% 100%;
            background-image: url("/app/ba_front/img/ba_outer/icons/check.svg"); }
          .ms-drop ul > li label[data-type="checkbox"]::before {
            left: 16px;
            width: 20px;
            height: 20px;
            border-radius: 4px;
            border: 1px solid #cbcfd8;
            background-color: #ffffff; }
      .ms-drop ul > li.selected label[data-type="checkbox"]::after {
        opacity: 1; }
      .ms-drop ul > li label.disabled[data-type="checkbox"] {
        cursor: default;
        color: #edeeef; }
        .ms-drop ul > li label.disabled[data-type="checkbox"]::before {
          border-color: #edeeef !important;
          background-color: #f6f6f7 !important; }
      .ms-drop ul > li.selected label.disabled[data-type="checkbox"]::before {
        background-color: #edeeef !important; }
  .ms-drop .ms-no-results {
    display: none;
    padding: 8px 16px 8px 16px;
    cursor: default;
    color: #4c515c; }
    .ms-drop .ms-no-results:hover {
      background-color: transparent; }

.ms-search {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  height: 56px;
  padding: 12px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000; }
  .ms-search input {
    box-sizing: border-box;
    width: 100%;
    height: 32px;
    padding: 0 25px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0 !important;
    box-shadow: none;
    background: white; }
    .ms-search input:focus {
      box-shadow: none; }

.ms-drop .ms-search + ul {
  margin-top: 0; }

.ms-parent--small .ms-choice {
  height: 34px; }
  .ms-parent--small .ms-choice > span {
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 1.43; }

.ms-parent--small .ms-drop ul > li label {
  font-size: 14px;
  line-height: 1.43;
  box-sizing: border-box;
  padding-top: 9px;
  padding-bottom: 9px; }

/**
 * Общие стили
 */
/**
 *  Html теги
 */
html {
  color: #4c515c;
  font-size: 16px;
  font-family: "Gravity", sans-serif, sans-serif;
  line-height: 20px;
  min-width: 1366px;
  overflow-y: scroll;
  overflow-x: auto;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (max-width: 1365px) {
    html {
      min-width: 1280px; } }
  @media (max-width: 1279px) {
    html {
      min-width: 280px; } }

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }

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

b, strong {
  font-family: "Gravity-Bold", sans-serif; }

h1 {
  margin-top: 48px;
  margin-bottom: 32px;
  text-align: center;
  font-size: 50px;
  line-height: 54px;
  font-weight: 800;
  font-family: "Gilroy", sans-serif;
  color: #292f37; }
  @media (max-width: 1279px) {
    h1 {
      font-size: 28px;
      line-height: 32px;
      margin-top: 24px;
      margin-bottom: 16px; } }

h2 {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 46px;
  font-weight: 800;
  font-family: "Gilroy", sans-serif;
  color: #292f37; }
  @media (max-width: 1279px) {
    h2 {
      font-size: 24px;
      line-height: 26px; } }

h3 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 34px;
  font-weight: 800;
  font-family: "Gilroy", sans-serif;
  color: #292f37; }
  @media (max-width: 1279px) {
    h3 {
      font-size: 20px;
      line-height: 24px; } }

h4 {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 800;
  font-family: "Gilroy", sans-serif;
  color: #292f37; }
  @media (max-width: 1279px) {
    h4 {
      font-size: 16px;
      line-height: 20px; } }

p {
  margin: 0;
  font-size: 16px;
  line-height: 26px;
  color: #4c515c; }
  @media (max-width: 1279px) {
    p {
      font-size: 14px;
      line-height: 20px; } }

a, .empty_link {
  font-size: inherit;
  color: #4870b7;
  text-decoration: none;
  cursor: pointer; }
  a:hover, .empty_link:hover {
    text-decoration: underline; }
  a.disabled, .disabled.empty_link {
    cursor: default;
    color: #979ca9; }
    a.disabled:hover, .disabled.empty_link:hover {
      text-decoration: none !important; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #edeeef;
  margin: 1em 0;
  padding: 0; }

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

img {
  max-width: 100%;
  border: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

/**
 * Элементы Формы
 */
*:focus {
  outline: none; }

label {
  cursor: pointer; }

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select {
  transition: all 0.15s ease 0s;
  box-sizing: border-box;
  height: 44px;
  width: 100%;
  padding: 0 16px;
  border: 1px solid #cbcfd8;
  box-shadow: none;
  color: #4c515c;
  border-radius: 4px;
  font-size: 16px;
  line-height: normal;
  background-color: #fff; }
  input[type="text"]::placeholder,
  input[type="search"]::placeholder,
  input[type="password"]::placeholder,
  input[type="email"]::placeholder,
  input[type="url"]::placeholder,
  textarea::placeholder,
  select::placeholder {
    color: rgba(76, 81, 92, 0.5); }
  input[type="text"]:hover,
  input[type="search"]:hover,
  input[type="password"]:hover,
  input[type="email"]:hover,
  input[type="url"]:hover,
  textarea:hover,
  select:hover {
    border-color: #4870b7; }
  input[type="text"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  textarea:focus,
  select:focus {
    color: #4c515c;
    border-color: #4870b7;
    box-shadow: none;
    outline: none; }
  input[type="text"]:disabled,
  input[type="search"]:disabled,
  input[type="password"]:disabled,
  input[type="email"]:disabled,
  input[type="url"]:disabled,
  textarea:disabled,
  select:disabled {
    color: #4c515c;
    border-color: #cbcfd8;
    background-color: #f6f6f7; }
  input[type="text"][readonly],
  input[type="search"][readonly],
  input[type="password"][readonly],
  input[type="email"][readonly],
  input[type="url"][readonly],
  textarea[readonly],
  select[readonly] {
    color: #4c515c;
    border-color: #cbcfd8;
    background-color: #f6f6f7 !important; }
  input[type="text"].bold,
  input[type="search"].bold,
  input[type="password"].bold,
  input[type="email"].bold,
  input[type="url"].bold,
  textarea.bold,
  select.bold {
    color: #4c515c;
    font-family: "Gravity-Bold", sans-serif; }
  input[type="text"].warning, input[type="text"].error,
  input[type="search"].warning,
  input[type="search"].error,
  input[type="password"].warning,
  input[type="password"].error,
  input[type="email"].warning,
  input[type="email"].error,
  input[type="url"].warning,
  input[type="url"].error,
  textarea.warning,
  textarea.error,
  select.warning,
  select.error {
    border-color: #cf6662; }
    input[type="text"].warning ::placeholder,
    input[type="text"].warning + label, input[type="text"].error ::placeholder,
    input[type="text"].error + label,
    input[type="search"].warning ::placeholder,
    input[type="search"].warning + label,
    input[type="search"].error ::placeholder,
    input[type="search"].error + label,
    input[type="password"].warning ::placeholder,
    input[type="password"].warning + label,
    input[type="password"].error ::placeholder,
    input[type="password"].error + label,
    input[type="email"].warning ::placeholder,
    input[type="email"].warning + label,
    input[type="email"].error ::placeholder,
    input[type="email"].error + label,
    input[type="url"].warning ::placeholder,
    input[type="url"].warning + label,
    input[type="url"].error ::placeholder,
    input[type="url"].error + label,
    textarea.warning ::placeholder,
    textarea.warning + label,
    textarea.error ::placeholder,
    textarea.error + label,
    select.warning ::placeholder,
    select.warning + label,
    select.error ::placeholder,
    select.error + label {
      color: #cf6662; }

@media (max-width: 767px) {
  input[type="search"] {
    -webkit-appearance: none; } }

select {
  height: 28px;
  padding: 2px;
  background-color: #FFFFFF;
  letter-spacing: normal; }
  select option {
    padding: 0 3px;
    border: none;
    box-shadow: none;
    line-height: 44px;
    cursor: pointer;
    background-color: #FFFFFF;
    color: #4c515c; }

textarea {
  padding-top: 5px;
  padding-bottom: 5px;
  height: auto;
  line-height: normal;
  vertical-align: top;
  resize: vertical; }

button {
  padding: 0;
  background-color: transparent;
  border: none; }
  button:focus {
    outline: none; }
  button[type="link"] {
    border: none;
    background: transparent;
    padding: 0;
    display: inline;
    line-height: inherit; }

/**
 * checkbox
 */
input[type="checkbox"], input[type="radio"] {
  position: absolute;
  border: 0;
  clip: rect(0 0 0 0);
  height: 22px;
  width: 22px;
  overflow: hidden;
  padding: 0; }
  input[type="checkbox"] + label, input[type="radio"] + label {
    position: relative;
    display: inline-flex;
    min-height: 22px;
    text-align: left;
    font-size: 14px;
    line-height: 22px; }
    input[type="checkbox"] + label::before, input[type="radio"] + label::before {
      content: '';
      min-width: 22px;
      height: 22px;
      margin-right: 16px;
      border-radius: 4px;
      border: solid 1px #cbcfd8;
      background-color: white; }
    input[type="checkbox"] + label::after, input[type="radio"] + label::after {
      content: '';
      position: absolute;
      top: 6px;
      left: 6px;
      width: 11px;
      height: 9px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%;
      background-image: url("/app/ba_front/img/ba_outer/icons/check.svg");
      opacity: 0; }
    input[type="checkbox"] + label:hover::before, input[type="radio"] + label:hover::before {
      border-color: #4870b7; }
    input[type="checkbox"] + label::before, input[type="radio"] + label::before, input[type="checkbox"] + label::after, input[type="radio"] + label::after {
      transition: all 0.15s ease 0s; }
    input[type="checkbox"] + label a, input[type="radio"] + label a, input[type="checkbox"] + label .empty_link, input[type="radio"] + label .empty_link {
      font-size: inherit; }
  input[type="checkbox"]:checked + label::before, input:checked[type="radio"] + label::before {
    border-color: #4870b7; }
  input[type="checkbox"]:checked + label::after, input:checked[type="radio"] + label::after {
    opacity: 1; }
  input[type="checkbox"]:disabled + label, input:disabled[type="radio"] + label {
    cursor: default;
    color: rgba(76, 81, 92, 0.5); }
    input[type="checkbox"]:disabled + label::before, input:disabled[type="radio"] + label::before {
      border-color: #cbcfd8 !important;
      background-color: #f6f6f7 !important; }
  input[type="checkbox"]:checked:disabled + label::before, input:checked:disabled[type="radio"] + label::before {
    background-color: #edeeef !important; }
  input[type="checkbox"]:checked:disabled + label::after, input:checked:disabled[type="radio"] + label::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTAgOSI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMjAzLDIwNywyMTYpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik00LjA0MiA0LjcxTDIuNjQzIDMuMDM1QTEuNSAxLjUgMCAxIDAgLjM0MSA0Ljk1OGwyLjUwOCAzLjAwM2ExLjUgMS41IDAgMCAwIDIuMjY2LjA0Mkw5LjYxNSAzQTEuNSAxLjUgMCAwIDAgNy4zODUuOTk0TDQuMDQyIDQuNzF6Ii8+Cjwvc3ZnPgo="); }
  input[type="checkbox"].unremovable:disabled + label, input.unremovable:disabled[type="radio"] + label {
    color: #4c515c; }
  input[type="checkbox"].empty + label::before, input.empty[type="radio"] + label::before {
    margin: 0; }
  input[type="checkbox"].portion:checked + label::before, input.portion:checked[type="radio"] + label::before, input[type="checkbox"].portion:checked + label::after, input.portion:checked[type="radio"] + label::after {
    opacity: 0.5; }
  input[type="checkbox"].portion:checked + label:hover::before, input.portion:checked[type="radio"] + label:hover::before, input[type="checkbox"].portion:checked + label:hover::after, input.portion:checked[type="radio"] + label:hover::after {
    opacity: 1; }

/**
 * Радио кнопки
 */
input[type="radio"] + label::before {
  border-radius: 50%;
  background-color: white; }

input[type="radio"] + label::after {
  width: 8px;
  height: 8px;
  left: 7px;
  top: 7px;
  border-radius: 50%;
  background: transparent; }

input[type="radio"]:checked + label::after {
  background: #4870b7; }

input[type="radio"]:checked:disabled + label::before {
  background: #f6f6f7 !important; }

input[type="radio"]:checked:disabled + label::after {
  background: #cbcfd8; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.m-sm {
  margin: 12px !important; }

.mt-sm,
.my-sm {
  margin-top: 12px !important; }

.mr-sm,
.mx-sm {
  margin-right: 12px !important; }

.mb-sm,
.my-sm {
  margin-bottom: 12px !important; }

.ml-sm,
.mx-sm {
  margin-left: 12px !important; }

.p-sm {
  padding: 12px !important; }

.pt-sm,
.py-sm {
  padding-top: 12px !important; }

.pr-sm,
.px-sm {
  padding-right: 12px !important; }

.pb-sm,
.py-sm {
  padding-bottom: 12px !important; }

.pl-sm,
.px-sm {
  padding-left: 12px !important; }

.m-md {
  margin: 16px !important; }

.mt-md,
.my-md {
  margin-top: 16px !important; }

.mr-md,
.mx-md {
  margin-right: 16px !important; }

.mb-md,
.my-md {
  margin-bottom: 16px !important; }

.ml-md,
.mx-md {
  margin-left: 16px !important; }

.p-md {
  padding: 16px !important; }

.pt-md,
.py-md {
  padding-top: 16px !important; }

.pr-md,
.px-md {
  padding-right: 16px !important; }

.pb-md,
.py-md {
  padding-bottom: 16px !important; }

.pl-md,
.px-md {
  padding-left: 16px !important; }

.m-lg {
  margin: 24px !important; }

.mt-lg,
.my-lg {
  margin-top: 24px !important; }

.mr-lg,
.mx-lg {
  margin-right: 24px !important; }

.mb-lg,
.my-lg {
  margin-bottom: 24px !important; }

.ml-lg,
.mx-lg {
  margin-left: 24px !important; }

.p-lg {
  padding: 24px !important; }

.pt-lg,
.py-lg {
  padding-top: 24px !important; }

.pr-lg,
.px-lg {
  padding-right: 24px !important; }

.pb-lg,
.py-lg {
  padding-bottom: 24px !important; }

.pl-lg,
.px-lg {
  padding-left: 24px !important; }

.m-xlg {
  margin: 32px !important; }

.mt-xlg,
.my-xlg {
  margin-top: 32px !important; }

.mr-xlg,
.mx-xlg {
  margin-right: 32px !important; }

.mb-xlg,
.my-xlg {
  margin-bottom: 32px !important; }

.ml-xlg,
.mx-xlg {
  margin-left: 32px !important; }

.p-xlg {
  padding: 32px !important; }

.pt-xlg,
.py-xlg {
  padding-top: 32px !important; }

.pr-xlg,
.px-xlg {
  padding-right: 32px !important; }

.pb-xlg,
.py-xlg {
  padding-bottom: 32px !important; }

.pl-xlg,
.px-xlg {
  padding-left: 32px !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

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

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }
  .row__mod-column {
    flex-direction: column; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto {
  box-sizing: border-box;
  position: relative;
  width: 100%; }

.col,
.col-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  flex: 0 1 8.33333%;
  max-width: 8.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-2 {
  flex: 0 1 16.66667%;
  max-width: 16.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-3 {
  flex: 0 1 25%;
  max-width: 25%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-4 {
  flex: 0 1 33.33333%;
  max-width: 33.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-5 {
  flex: 0 1 41.66667%;
  max-width: 41.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-6 {
  flex: 0 1 50%;
  max-width: 50%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-7 {
  flex: 0 1 58.33333%;
  max-width: 58.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-8 {
  flex: 0 1 66.66667%;
  max-width: 66.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-9 {
  flex: 0 1 75%;
  max-width: 75%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-10 {
  flex: 0 1 83.33333%;
  max-width: 83.33333%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-11 {
  flex: 0 1 91.66667%;
  max-width: 91.66667%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.col-12 {
  flex: 0 1 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px; }

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-wrap--wrap {
  flex-wrap: wrap !important; }

.flex-wrap--nowrap {
  flex-wrap: nowrap !important; }

.flex-justify--center {
  justify-content: center !important; }

.flex-justify--start {
  justify-content: start !important; }

.flex-justify--end {
  justify-content: end !important; }

.flex-justify--flex-start {
  justify-content: flex-start !important; }

.flex-justify--flex-end {
  justify-content: flex-end !important; }

.flex-justify--left {
  justify-content: left !important; }

.flex-justify--right {
  justify-content: right !important; }

.flex-justify--space-between {
  justify-content: space-between !important; }

.flex-justify--space-around {
  justify-content: space-around !important; }

.flex-justify--space-evenly {
  justify-content: space-evenly !important; }

.flex-justify--stretch {
  justify-content: stretch !important; }

.flex-align--center {
  align-items: center !important; }

.flex-align--flex-start {
  align-items: flex-start !important; }

.flex-align--flex-end {
  align-items: flex-end !important; }

.flex-align--stretch {
  align-items: stretch !important; }

/**
 * Вспомогательные стили
 */
.d-block {
  display: block !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-table {
  display: table !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }

.d-grid {
  display: grid !important; }

.d-none {
  display: none !important; }

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

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

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

.valign-top {
  vertical-align: top; }

.valign-baseline {
  vertical-align: baseline; }

.valign-bottom {
  vertical-align: bottom; }

.r-float_elem {
  float: right; }

.l-float_elem {
  float: left; }

.n-float_elem {
  float: none; }

.text-lowercase {
  text-transform: lowercase; }

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

.text-capitalize {
  text-transform: capitalize; }

.text-lowercase {
  text-transform: lowercase; }

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

.text-capitalize {
  text-transform: capitalize; }

.spin-5 {
  width: 56px;
  height: 56px;
  border: 8px solid #4870b7;
  border-radius: 50%;
  position: relative;
  animation: loader-scale 1s ease-out infinite; }

@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: scale(1);
    opacity: 0; } }

.spin-10 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: relative;
  animation: loader10-ba 0.7s ease alternate infinite;
  animation-delay: 0.28s;
  top: 50%;
  margin: -6px auto 0; }
  .spin-10::after, .spin-10::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation: loader10-ba 0.7s ease alternate infinite; }
  .spin-10::before {
    left: -7px;
    animation-delay: 0.14s; }
  .spin-10::after {
    right: -7px;
    animation-delay: 0.42s; }

@keyframes loader10-ba {
  0% {
    box-shadow: 0 4px 0 -4px #4870b7; }
  100% {
    box-shadow: 0 4px 0 #4870b7; } }

.list-dot {
  padding: 0; }
  .list-dot li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 30px;
    line-height: 24px; }
    @media (max-width: 1279px) {
      .list-dot li {
        font-size: 14px;
        line-height: 20px;
        padding-left: 20px; } }
    .list-dot li:last-child {
      margin-bottom: 0; }
    .list-dot li::before {
      content: '';
      position: absolute;
      top: 8px;
      left: 10px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #a3cf62; }
      @media (max-width: 1279px) {
        .list-dot li::before {
          left: 0; } }
  .list-dot > p,
  .list-dot > span {
    font-size: 16px;
    line-height: 20px;
    color: #4c515c; }

.overflow-visible {
  overflow: visible !important; }

.nodecor:hover {
  text-decoration: none !important; }

.disabled_text {
  color: #979ca9;
  cursor: default; }

.disable-hover {
  pointer-events: none !important; }

.disable-scroll {
  overflow-x: hidden !important;
  overflow-y: hidden !important; }

.underline {
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

.triangle_ico:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -8px;
  width: 17px;
  height: 9px;
  background: url("/app/ba_front/img/SVG/rectangle.svg") no-repeat;
  z-index: 1; }

.triangle_ico.dir_up:before {
  top: -8px; }

.triangle_ico.dir_down:before {
  transform: rotate(180deg);
  bottom: -9px; }

.local_link {
  border-bottom: 1px dashed #4870b7;
  color: #4870b7;
  cursor: pointer; }
  .local_link.active, .local_link:hover {
    border-bottom: none;
    padding-bottom: 1px;
    text-decoration: none !important; }
  .local_link.disable {
    opacity: 0.6; }
    .local_link.disable:hover {
      border-bottom: 1px dashed #4870b7;
      padding-bottom: 0;
      cursor: default; }
  .local_link.active {
    cursor: default; }

.font-larger {
  font-size: 110%; }

.nowrap {
  white-space: nowrap; }

.wrap {
  white-space: normal !important; }

.inherit {
  font-size: inherit;
  line-height: inherit; }

.hidden_nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.overflow-hidden {
  overflow: hidden; }

.hidden {
  display: none !important; }

.invisible {
  visibility: hidden; }

.cursor-pointer {
  cursor: pointer !important; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.attach-box__link {
  display: inline-flex;
  font-size: 16px;
  line-height: 1.63; }

.attach-box__hint {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.38;
  color: #979ca9; }

.attach-box .file {
  display: flex;
  align-items: center; }

.attach-box .name {
  font-size: 16px;
  line-height: 1.63; }

.attach-box .delete {
  display: inline-flex;
  cursor: pointer;
  margin-left: 4px; }
  @media (max-width: 1279px) {
    .attach-box .delete {
      height: 40px;
      width: 40px;
      align-items: center;
      justify-content: center; } }

.highcharts-tooltip {
  background: red; }
  .highcharts-tooltip > span {
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 8px 24px 0 rgba(41, 47, 55, 0.3);
    padding: 16px;
    font-size: 16px;
    line-height: 26px;
    font-family: "Gravity", sans-serif, sans-serif; }
  .highcharts-tooltip .value {
    margin-left: 24px;
    white-space: nowrap; }

.ios-disable-input-default-styles {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none; }

.wrapper {
  width: 100%; }
  .wrapper.mod__gray {
    background-color: #f6f6f7; }
  .wrapper.mod__dark {
    background-color: #292f37; }
  .wrapper.mod__blue {
    background-color: #4870b7; }
  .wrapper > section {
    width: 100%;
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px; }
    @media (max-width: 1365px) {
      .wrapper > section {
        max-width: 1280px;
        padding-left: 29px;
        padding-right: 29px; } }
    @media (max-width: 1279px) {
      .wrapper > section {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 767px) {
      .wrapper > section {
        padding-left: 20px;
        padding-right: 20px; } }

.icon-box_hover {
  white-space: nowrap;
  flex-wrap: nowrap; }

.icon-text__right {
  margin-right: 8px; }

.icon-text__left {
  margin-left: 8px; }

.icon-arrow_select_up {
  transform: rotateX(180deg);
  position: relative;
  display: inline-flex;
  width: 10px;
  height: 6px;
  vertical-align: middle; }
  .icon-arrow_select_up::before, .icon-arrow_select_up::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-arrow_select_up::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04LjY2LjMyNkEuNzg3Ljc4NyAwIDAgMSA5Ljc2NSAxLjQ1TDUuNTQ3IDUuNmEuNzg3Ljc4NyAwIDAgMS0xLjEwNiAwTC4yMzQgMS40NDdBLjc4Ny43ODcgMCAxIDEgMS4zNDEuMzI3bDMuNjU0IDMuNjA2TDguNjYuMzI2eiIvPgo8L3N2Zz4K"); }
  .icon-arrow_select_up,
  .icon-box_hover .icon-arrow_select_up {
    transition: all 0.15s ease 0s; }
    .icon-arrow_select_up::before,
    .icon-box_hover .icon-arrow_select_up::before {
      opacity: 1; }
    .icon-arrow_select_up::after,
    .icon-box_hover .icon-arrow_select_up::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMTMzLDE4OCw1MCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguNjYuMzI2QS43ODcuNzg3IDAgMCAxIDkuNzY1IDEuNDVMNS41NDcgNS42YS43ODcuNzg3IDAgMCAxLTEuMTA2IDBMLjIzNCAxLjQ0N0EuNzg3Ljc4NyAwIDEgMSAxLjM0MS4zMjdsMy42NTQgMy42MDZMOC42Ni4zMjZ6Ii8+Cjwvc3ZnPgo="); }
  .icon-arrow_select_up:hover::before,
  .icon-box_hover:hover .icon-arrow_select_up::before {
    opacity: 0; }
  .icon-arrow_select_up:hover::after,
  .icon-box_hover:hover .icon-arrow_select_up::after {
    opacity: 1; }
  .mod__active .icon-arrow_select_up {
    transform: rotateX(180deg);
    position: relative;
    display: inline-flex;
    width: 10px;
    height: 6px;
    vertical-align: middle; }
    .mod__active .icon-arrow_select_up::before, .mod__active .icon-arrow_select_up::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .mod__active .icon-arrow_select_up::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMTMzLDE4OCw1MCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguNjYuMzI2QS43ODcuNzg3IDAgMCAxIDkuNzY1IDEuNDVMNS41NDcgNS42YS43ODcuNzg3IDAgMCAxLTEuMTA2IDBMLjIzNCAxLjQ0N0EuNzg3Ljc4NyAwIDEgMSAxLjM0MS4zMjdsMy42NTQgMy42MDZMOC42Ni4zMjZ6Ii8+Cjwvc3ZnPgo="); }

.icon-arrow_select_down {
  position: relative;
  display: inline-flex;
  width: 10px;
  height: 6px;
  vertical-align: middle; }
  .icon-arrow_select_down::before, .icon-arrow_select_down::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-arrow_select_down::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04LjY2LjMyNkEuNzg3Ljc4NyAwIDAgMSA5Ljc2NSAxLjQ1TDUuNTQ3IDUuNmEuNzg3Ljc4NyAwIDAgMS0xLjEwNiAwTC4yMzQgMS40NDdBLjc4Ny43ODcgMCAxIDEgMS4zNDEuMzI3bDMuNjU0IDMuNjA2TDguNjYuMzI2eiIvPgo8L3N2Zz4K"); }
  .icon-arrow_select_down,
  .icon-box_hover .icon-arrow_select_down {
    transition: all 0.15s ease 0s; }
    .icon-arrow_select_down::before,
    .icon-box_hover .icon-arrow_select_down::before {
      opacity: 1; }
    .icon-arrow_select_down::after,
    .icon-box_hover .icon-arrow_select_down::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMTMzLDE4OCw1MCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguNjYuMzI2QS43ODcuNzg3IDAgMCAxIDkuNzY1IDEuNDVMNS41NDcgNS42YS43ODcuNzg3IDAgMCAxLTEuMTA2IDBMLjIzNCAxLjQ0N0EuNzg3Ljc4NyAwIDEgMSAxLjM0MS4zMjdsMy42NTQgMy42MDZMOC42Ni4zMjZ6Ii8+Cjwvc3ZnPgo="); }
  .icon-arrow_select_down:hover::before,
  .icon-box_hover:hover .icon-arrow_select_down::before {
    opacity: 0; }
  .icon-arrow_select_down:hover::after,
  .icon-box_hover:hover .icon-arrow_select_down::after {
    opacity: 1; }
  .icon-arrow_select_down_white {
    position: relative;
    display: inline-flex;
    width: 10px;
    height: 6px;
    vertical-align: middle; }
    .icon-arrow_select_down_white::before, .icon-arrow_select_down_white::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-arrow_select_down_white::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04LjY2LjMyNkEuNzg3Ljc4NyAwIDAgMSA5Ljc2NSAxLjQ1TDUuNTQ3IDUuNmEuNzg3Ljc4NyAwIDAgMS0xLjEwNiAwTC4yMzQgMS40NDdBLjc4Ny43ODcgMCAxIDEgMS4zNDEuMzI3bDMuNjU0IDMuNjA2TDguNjYuMzI2eiIvPgo8L3N2Zz4K"); }
  .icon-arrow_select_down_link {
    position: relative;
    display: inline-flex;
    width: 10px;
    height: 6px;
    vertical-align: middle; }
    .icon-arrow_select_down_link::before, .icon-arrow_select_down_link::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-arrow_select_down_link::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoNzIsMTEyLDE4MykiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguNjYuMzI2QS43ODcuNzg3IDAgMCAxIDkuNzY1IDEuNDVMNS41NDcgNS42YS43ODcuNzg3IDAgMCAxLTEuMTA2IDBMLjIzNCAxLjQ0N0EuNzg3Ljc4NyAwIDEgMSAxLjM0MS4zMjdsMy42NTQgMy42MDZMOC42Ni4zMjZ6Ii8+Cjwvc3ZnPgo="); }
  .icon-arrow_select_down_gray {
    position: relative;
    display: inline-flex;
    width: 10px;
    height: 6px;
    vertical-align: middle; }
    .icon-arrow_select_down_gray::before, .icon-arrow_select_down_gray::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-arrow_select_down_gray::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04LjY2LjMyNkEuNzg3Ljc4NyAwIDAgMSA5Ljc2NSAxLjQ1TDUuNTQ3IDUuNmEuNzg3Ljc4NyAwIDAgMS0xLjEwNiAwTC4yMzQgMS40NDdBLjc4Ny43ODcgMCAxIDEgMS4zNDEuMzI3bDMuNjU0IDMuNjA2TDguNjYuMzI2eiIvPgo8L3N2Zz4K"); }
  .mod__active .icon-arrow_select_down {
    transform: rotateX(180deg);
    position: relative;
    display: inline-flex;
    width: 10px;
    height: 6px;
    vertical-align: middle; }
    .mod__active .icon-arrow_select_down::before, .mod__active .icon-arrow_select_down::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .mod__active .icon-arrow_select_down::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgMTAgNiI+CiAgICA8cGF0aCBmaWxsPSJyZ2IoMTMzLDE4OCw1MCkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguNjYuMzI2QS43ODcuNzg3IDAgMCAxIDkuNzY1IDEuNDVMNS41NDcgNS42YS43ODcuNzg3IDAgMCAxLTEuMTA2IDBMLjIzNCAxLjQ0N0EuNzg3Ljc4NyAwIDEgMSAxLjM0MS4zMjdsMy42NTQgMy42MDZMOC42Ni4zMjZ6Ii8+Cjwvc3ZnPgo="); }

.icon-key {
  position: relative;
  display: inline-flex;
  width: 14px;
  height: 14px;
  vertical-align: middle; }
  .icon-key::before, .icon-key::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-key::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEyLjc3IDEuMjNhNC4yIDQuMiAwIDAgMC01LjkzOSAwIDQuMTkyIDQuMTkyIDAgMCAwLTEuMTEgMy45NDcuMDg4LjA4OCAwIDAgMS0uMDQ0LjA5NWwtMS41MjguNzYzYS4yMzQuMjM0IDAgMCAwLS4wNTkuMzczbC45MDguOTA3YS4wNjcuMDY3IDAgMCAxIDAgLjA5NUwuMDY1IDEyLjM0M2EuMjM0LjIzNCAwIDAgMC0uMDY1LjE2MnYxLjI2YzAgLjEzLjEwNS4yMzUuMjM1LjIzNWgyLjUwOGMuMTMgMCAuMjM1LS4xMDUuMjM1LS4yMzRWMTIuNjhjMC0uMDM3LjAzLS4wNjcuMDY3LS4wNjdINC4xM2MuMTMgMCAuMjM1LS4xMDUuMjM1LS4yMzR2LTEuMDg1YzAtLjAzNy4wMy0uMDY3LjA2Ny0uMDY3aDEuMDg0Yy4xMyAwIC4yMzQtLjEwNS4yMzQtLjIzNFY5LjkwOWMwLS4wMzYuMDIyLS4wODguMDQ4LS4xMTRsLjc5My0uNzkzYS4wNjcuMDY3IDAgMCAxIC4wOTUgMGwuOTEzLjkxM2EuMjM0LjIzNCAwIDAgMCAuMzY3LS4wNjRsLjc2My0xLjUyOGEuMDg4LjA4OCAwIDAgMSAuMDk1LS4wNDQgNC4xOTIgNC4xOTIgMCAwIDAgMy45NDctMS4xMSA0LjE5OSA0LjE5OSAwIDAgMCAwLTUuOTM5em0tLjc3OSAyLjUyNmExLjIzNSAxLjIzNSAwIDEgMS0xLjc0Ny0xLjc0NiAxLjIzNSAxLjIzNSAwIDAgMSAxLjc0NyAxLjc0NnoiLz4KPC9zdmc+Cg=="); }
  .icon-key,
  .icon-box_hover .icon-key {
    transition: all 0.15s ease 0s; }
    .icon-key::before,
    .icon-box_hover .icon-key::before {
      opacity: 1; }
    .icon-key::after,
    .icon-box_hover .icon-key::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxMzMsMTg4LDUwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIuNzcgMS4yM2E0LjIgNC4yIDAgMCAwLTUuOTM5IDAgNC4xOTIgNC4xOTIgMCAwIDAtMS4xMSAzLjk0Ny4wODguMDg4IDAgMCAxLS4wNDQuMDk1bC0xLjUyOC43NjNhLjIzNC4yMzQgMCAwIDAtLjA1OS4zNzNsLjkwOC45MDdhLjA2Ny4wNjcgMCAwIDEgMCAuMDk1TC4wNjUgMTIuMzQzYS4yMzQuMjM0IDAgMCAwLS4wNjUuMTYydjEuMjZjMCAuMTMuMTA1LjIzNS4yMzUuMjM1aDIuNTA4Yy4xMyAwIC4yMzUtLjEwNS4yMzUtLjIzNFYxMi42OGMwLS4wMzcuMDMtLjA2Ny4wNjctLjA2N0g0LjEzYy4xMyAwIC4yMzUtLjEwNS4yMzUtLjIzNHYtMS4wODVjMC0uMDM3LjAzLS4wNjcuMDY3LS4wNjdoMS4wODRjLjEzIDAgLjIzNC0uMTA1LjIzNC0uMjM0VjkuOTA5YzAtLjAzNi4wMjItLjA4OC4wNDgtLjExNGwuNzkzLS43OTNhLjA2Ny4wNjcgMCAwIDEgLjA5NSAwbC45MTMuOTEzYS4yMzQuMjM0IDAgMCAwIC4zNjctLjA2NGwuNzYzLTEuNTI4YS4wODguMDg4IDAgMCAxIC4wOTUtLjA0NCA0LjE5MiA0LjE5MiAwIDAgMCAzLjk0Ny0xLjExIDQuMTk5IDQuMTk5IDAgMCAwIDAtNS45Mzl6bS0uNzc5IDIuNTI2YTEuMjM1IDEuMjM1IDAgMSAxLTEuNzQ3LTEuNzQ2IDEuMjM1IDEuMjM1IDAgMCAxIDEuNzQ3IDEuNzQ2eiIvPgo8L3N2Zz4K"); }
  .icon-key:hover::before,
  .icon-box_hover:hover .icon-key::before {
    opacity: 0; }
  .icon-key:hover::after,
  .icon-box_hover:hover .icon-key::after {
    opacity: 1; }

.icon-ok {
  position: relative;
  display: inline-flex;
  width: 20px;
  height: 20px;
  vertical-align: middle; }
  .icon-ok::before, .icon-ok::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-ok::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9InJnYigxMzMsMTg4LDUwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy44ODcgMTYuNzYyaC0uMDg1Yy0uMjUyLS4wMS0uNTAzLS4xLS43MDktLjI3bC0uMDg1LS4wNzgtLjQyMi0uNDIyYTEuMTkxIDEuMTkxIDAgMCAxLS4yMjEtLjMwNEwuMzQ5IDkuNjdhMS4xOTIgMS4xOTIgMCAwIDEgMC0xLjY4NmwuNDIyLS40MjFhMS4xOTIgMS4xOTIgMCAwIDEgMS42ODUgMEw3Ljg5MyAxM2w5LjY1LTkuNjVhMS4xOTIgMS4xOTIgMCAwIDEgMS42MS0uMDdsLjA3Ni4wNy40MjIuNDJjLjQ0LjQ0Mi40NjQgMS4xNDIuMDcgMS42MWwtLjA3LjA3Nkw5LjQyIDE1LjY4OGMtLjA1Ni4xMS0uMTMuMjEzLS4yMjIuMzA0bC0uNDIxLjQyMmMtLjIyLjIyLS41MDYuMzM2LS43OTUuMzQ4aC0uMTguMDg0eiIvPgo8L3N2Zz4K"); }
  .icon-ok--small {
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
    vertical-align: middle; }
    .icon-ok--small::before, .icon-ok--small::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-ok--small::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNBM0NGNjIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEuNzU4IDYuMzMyQTEgMSAwIDEgMCAuMzM1IDcuNzRMNS4zIDEyLjc0N2ExIDEgMCAwIDAgMS40MTkuMDAzbDkuMDAyLTkuMDE2YTEgMSAwIDEgMC0xLjQxNi0xLjQxM2wtOC4yOSA4LjMwNC00LjI1Ni00LjI5M3oiLz4KPC9zdmc+Cg=="); }

.icon-search {
  position: relative;
  display: inline-flex;
  width: 24px;
  height: 24px;
  vertical-align: middle; }
  .icon-search::before, .icon-search::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-search::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxNTEsMTU2LDE2OSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDBjNi4wNzUgMCAxMSA0LjkyNSAxMSAxMSAwIDIuNjc3LS45NTcgNS4xMzEtMi41NDcgNy4wMzlsNC4yNTQgNC4yNTRhMSAxIDAgMSAxLTEuNDE0IDEuNDE0bC00LjI1NS00LjI1M0ExMC45NTYgMTAuOTU2IDAgMCAxIDExIDIxLjk5OUM0LjkyNSAyMiAwIDE3LjA3NCAwIDExIDAgNC45MjYgNC45MjUgMCAxMSAwem0wIDJhOSA5IDAgMSAwIDAgMTggOSA5IDAgMSAwIDAtMTh6bTEuMDI1IDIuMDhsLjExNi4wMTNhNy4wMDEgNy4wMDEgMCAwIDEgNS44MjYgNy41OTUgMSAxIDAgMCAxLTEuOTktLjE5NSA1LjAwMSA1LjAwMSAwIDAgMC00LjE1OS01LjQyNyAxIDEgMCAwIDEgLjA5My0xLjk4NWguMTE0eiIvPgo8L3N2Zz4K"); }
  .icon-search,
  .icon-box_hover .icon-search {
    transition: all 0.15s ease 0s; }
    .icon-search::before,
    .icon-box_hover .icon-search::before {
      opacity: 1; }
    .icon-search::after,
    .icon-box_hover .icon-search::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9InJnYig3MiwxMTIsMTgzKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEgMGM2LjA3NSAwIDExIDQuOTI1IDExIDExIDAgMi42NzctLjk1NyA1LjEzMS0yLjU0NyA3LjAzOWw0LjI1NCA0LjI1NGExIDEgMCAxIDEtMS40MTQgMS40MTRsLTQuMjU1LTQuMjUzQTEwLjk1NiAxMC45NTYgMCAwIDEgMTEgMjEuOTk5QzQuOTI1IDIyIDAgMTcuMDc0IDAgMTEgMCA0LjkyNiA0LjkyNSAwIDExIDB6bTAgMmE5IDkgMCAxIDAgMCAxOCA5IDkgMCAxIDAgMC0xOHptMS4wMjUgMi4wOGwuMTE2LjAxM2E3LjAwMSA3LjAwMSAwIDAgMSA1LjgyNiA3LjU5NSAxIDEgMCAwIDEtMS45OS0uMTk1IDUuMDAxIDUuMDAxIDAgMCAwLTQuMTU5LTUuNDI3IDEgMSAwIDAgMSAuMDkzLTEuOTg1aC4xMTR6Ii8+Cjwvc3ZnPgo="); }
  .icon-search:hover::before,
  .icon-box_hover:hover .icon-search::before {
    opacity: 0; }
  .icon-search:hover::after,
  .icon-box_hover:hover .icon-search::after {
    opacity: 1; }
  .icon-search.mod_hover-green {
    position: relative;
    display: inline-flex;
    width: 24px;
    height: 24px;
    vertical-align: middle; }
    .icon-search.mod_hover-green::before, .icon-search.mod_hover-green::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-search.mod_hover-green::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxNTEsMTU2LDE2OSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTExIDBjNi4wNzUgMCAxMSA0LjkyNSAxMSAxMSAwIDIuNjc3LS45NTcgNS4xMzEtMi41NDcgNy4wMzlsNC4yNTQgNC4yNTRhMSAxIDAgMSAxLTEuNDE0IDEuNDE0bC00LjI1NS00LjI1M0ExMC45NTYgMTAuOTU2IDAgMCAxIDExIDIxLjk5OUM0LjkyNSAyMiAwIDE3LjA3NCAwIDExIDAgNC45MjYgNC45MjUgMCAxMSAwem0wIDJhOSA5IDAgMSAwIDAgMTggOSA5IDAgMSAwIDAtMTh6bTEuMDI1IDIuMDhsLjExNi4wMTNhNy4wMDEgNy4wMDEgMCAwIDEgNS44MjYgNy41OTUgMSAxIDAgMCAxLTEuOTktLjE5NSA1LjAwMSA1LjAwMSAwIDAgMC00LjE1OS01LjQyNyAxIDEgMCAwIDEgLjA5My0xLjk4NWguMTE0eiIvPgo8L3N2Zz4K"); }
    .icon-search.mod_hover-green,
    .icon-box_hover .icon-search.mod_hover-green {
      transition: all 0.15s ease 0s; }
      .icon-search.mod_hover-green::before,
      .icon-box_hover .icon-search.mod_hover-green::before {
        opacity: 1; }
      .icon-search.mod_hover-green::after,
      .icon-box_hover .icon-search.mod_hover-green::after {
        opacity: 0;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxMzMsMTg4LDUwKSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEgMGM2LjA3NSAwIDExIDQuOTI1IDExIDExIDAgMi42NzctLjk1NyA1LjEzMS0yLjU0NyA3LjAzOWw0LjI1NCA0LjI1NGExIDEgMCAxIDEtMS40MTQgMS40MTRsLTQuMjU1LTQuMjUzQTEwLjk1NiAxMC45NTYgMCAwIDEgMTEgMjEuOTk5QzQuOTI1IDIyIDAgMTcuMDc0IDAgMTEgMCA0LjkyNiA0LjkyNSAwIDExIDB6bTAgMmE5IDkgMCAxIDAgMCAxOCA5IDkgMCAxIDAgMC0xOHptMS4wMjUgMi4wOGwuMTE2LjAxM2E3LjAwMSA3LjAwMSAwIDAgMSA1LjgyNiA3LjU5NSAxIDEgMCAwIDEtMS45OS0uMTk1IDUuMDAxIDUuMDAxIDAgMCAwLTQuMTU5LTUuNDI3IDEgMSAwIDAgMSAuMDkzLTEuOTg1aC4xMTR6Ii8+Cjwvc3ZnPgo="); }
    .icon-search.mod_hover-green:hover::before,
    .icon-box_hover:hover .icon-search.mod_hover-green::before {
      opacity: 0; }
    .icon-search.mod_hover-green:hover::after,
    .icon-box_hover:hover .icon-search.mod_hover-green::after {
      opacity: 1; }

.icon-plus-thin {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-plus-thin::before, .icon-plus-thin::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-plus-thin::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTEuODYgNDkxLjg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTEuODYgNDkxLjg2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgZmlsbD0iIzliOWVhYSI+CgkJPHBhdGggZD0iTTQ2NS4xNjcsMjExLjYxNEgyODAuMjQ1VjI2LjY5MWMwLTguNDI0LTExLjQzOS0yNi42OS0zNC4zMTYtMjYuNjlzLTM0LjMxNiwxOC4yNjctMzQuMzE2LDI2LjY5djE4NC45MjRIMjYuNjkKCQkJQzE4LjI2NywyMTEuNjE0LDAsMjIzLjA1MywwLDI0NS45MjlzMTguMjY3LDM0LjMxNiwyNi42OSwzNC4zMTZoMTg0LjkyNHYxODQuOTI0YzAsOC40MjIsMTEuNDM4LDI2LjY5LDM0LjMxNiwyNi42OQoJCQlzMzQuMzE2LTE4LjI2OCwzNC4zMTYtMjYuNjlWMjgwLjI0NUg0NjUuMTdjOC40MjIsMCwyNi42OS0xMS40MzgsMjYuNjktMzQuMzE2UzQ3My41OSwyMTEuNjE0LDQ2NS4xNjcsMjExLjYxNHoiIGZpbGw9InJnYigxNTEsMTU2LDE2OSkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"); }
  .icon-plus-thin,
  .icon-box_hover .icon-plus-thin {
    transition: all 0.15s ease 0s; }
    .icon-plus-thin::before,
    .icon-box_hover .icon-plus-thin::before {
      opacity: 1; }
    .icon-plus-thin::after,
    .icon-box_hover .icon-plus-thin::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTEuODYgNDkxLjg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTEuODYgNDkxLjg2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgZmlsbD0iIzliOWVhYSI+CgkJPHBhdGggZD0iTTQ2NS4xNjcsMjExLjYxNEgyODAuMjQ1VjI2LjY5MWMwLTguNDI0LTExLjQzOS0yNi42OS0zNC4zMTYtMjYuNjlzLTM0LjMxNiwxOC4yNjctMzQuMzE2LDI2LjY5djE4NC45MjRIMjYuNjkKCQkJQzE4LjI2NywyMTEuNjE0LDAsMjIzLjA1MywwLDI0NS45MjlzMTguMjY3LDM0LjMxNiwyNi42OSwzNC4zMTZoMTg0LjkyNHYxODQuOTI0YzAsOC40MjIsMTEuNDM4LDI2LjY5LDM0LjMxNiwyNi42OQoJCQlzMzQuMzE2LTE4LjI2OCwzNC4zMTYtMjYuNjlWMjgwLjI0NUg0NjUuMTdjOC40MjIsMCwyNi42OS0xMS40MzgsMjYuNjktMzQuMzE2UzQ3My41OSwyMTEuNjE0LDQ2NS4xNjcsMjExLjYxNHoiIGZpbGw9InJnYigxMzMsMTg4LDUwKSIvPgoJPC9nPgo8L2c+Cjwvc3ZnPgo="); }
  .icon-plus-thin:hover::before,
  .icon-box_hover:hover .icon-plus-thin::before {
    opacity: 0; }
  .icon-plus-thin:hover::after,
  .icon-box_hover:hover .icon-plus-thin::after {
    opacity: 1; }
  .mod__open .icon-plus-thin {
    position: relative;
    display: inline-flex;
    width: 16px;
    height: 16px;
    vertical-align: middle; }
    .mod__open .icon-plus-thin::before, .mod__open .icon-plus-thin::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .mod__open .icon-plus-thin::before {
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTEuODYgNDkxLjg2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTEuODYgNDkxLjg2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGcgZmlsbD0iIzliOWVhYSI+CgkJPHBhdGggZD0iTTQ2NS4xNjcsMjExLjYxNEgyODAuMjQ1VjI2LjY5MWMwLTguNDI0LTExLjQzOS0yNi42OS0zNC4zMTYtMjYuNjlzLTM0LjMxNiwxOC4yNjctMzQuMzE2LDI2LjY5djE4NC45MjRIMjYuNjkKCQkJQzE4LjI2NywyMTEuNjE0LDAsMjIzLjA1MywwLDI0NS45MjlzMTguMjY3LDM0LjMxNiwyNi42OSwzNC4zMTZoMTg0LjkyNHYxODQuOTI0YzAsOC40MjIsMTEuNDM4LDI2LjY5LDM0LjMxNiwyNi42OQoJCQlzMzQuMzE2LTE4LjI2OCwzNC4zMTYtMjYuNjlWMjgwLjI0NUg0NjUuMTdjOC40MjIsMCwyNi42OS0xMS40MzgsMjYuNjktMzQuMzE2UzQ3My41OSwyMTEuNjE0LDQ2NS4xNjcsMjExLjYxNHoiIGZpbGw9InJnYig3Niw4MSw5MikiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K"); }

.icon-loader {
  position: relative;
  display: inline-flex;
  width: 62px;
  height: 62px;
  vertical-align: middle; }
  .icon-loader::before, .icon-loader::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-loader::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MiIgaGVpZ2h0PSI2MiIgdmlld0JveD0iMCAwIDYyIDYyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgPHBhdGggZmlsbD0iI0VERUVFRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMzEgMGMxNy4xMiAwIDMxIDEzLjg4IDMxIDMxIDAgMTcuMTItMTMuODggMzEtMzEgMzFDMTMuODggNjIgMCA0OC4xMiAwIDMxIDAgMTMuODggMTMuODggMCAzMSAwem0wIDdDMTcuNzQ1IDcgNyAxNy43NDUgNyAzMXMxMC43NDUgMjQgMjQgMjQgMjQtMTAuNzQ1IDI0LTI0UzQ0LjI1NSA3IDMxIDd6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQ4NzBCNyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNLjU2NCAzNi45MTNsNi44NzMtMS4zMjhDOS42IDQ2Ljc4MyAxOS40NTMgNTUgMzEgNTVjMTMuMjU1IDAgMjQtMTAuNzQ1IDI0LTI0UzQ0LjI1NSA3IDMxIDdWMGMxNy4xMiAwIDMxIDEzLjg4IDMxIDMxIDAgMTcuMTItMTMuODggMzEtMzEgMzFDMTYuMDg0IDYyIDMuMzYyIDUxLjM5LjU2NCAzNi45MTN6Ii8+CiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICB0eXBlPSJyb3RhdGUiCiAgICAgICAgICAgIGZyb209IjAgMzEgMzEiCiAgICAgICAgICAgIHRvPSIzNjAgMzEgMzEiCiAgICAgICAgICAgIGR1cj0iMXMiCiAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIgogICAgICAgIC8+CiAgICA8L2c+Cjwvc3ZnPgo="); }

.icon-twitter {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 13px;
  vertical-align: middle; }
  .icon-twitter::before, .icon-twitter::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-twitter::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE2IDEzIj4KICAgIDxwYXRoIGZpbGw9IiM0ODcwQjciIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjIzOCAxLjQ1N2E2LjI3OCA2LjI3OCAwIDAgMS0xLjc5NS40OSAzLjEyIDMuMTIgMCAwIDAgMS4zNzQtMS43MiA2LjI4MyA2LjI4MyAwIDAgMS0xLjk4NS43NTRBMy4xMzEgMy4xMzEgMCAwIDAgMTAuNTUgMGEzLjExNyAzLjExNyAwIDAgMC0zLjA0NSAzLjgxNUE4Ljg5NCA4Ljg5NCAwIDAgMSAxLjA2LjU3YTMuMSAzLjEgMCAwIDAgLjk2NyA0LjE0OCAzLjEyOCAzLjEyOCAwIDAgMS0xLjQxNi0uMzg5di4wNEEzLjExNCAzLjExNCAwIDAgMCAzLjEyIDcuNDEzYTMuMTUgMy4xNSAwIDAgMS0xLjQxMi4wNTMgMy4xMjcgMy4xMjcgMCAwIDAgMi45MiAyLjE1OEE2LjI5NyA2LjI5NyAwIDAgMSAwIDEwLjkxMmE4Ljg4OSA4Ljg4OSAwIDAgMCA0Ljc5MiAxLjM5NmM1Ljc1IDAgOC44OTUtNC43MzUgOC44OTUtOC44NCAwLS4xMzUtLjAwMy0uMjctLjAwOS0uNDAzYTYuMzMgNi4zMyAwIDAgMCAxLjU2LTEuNjA4eiIvPgo8L3N2Zz4K"); }

.icon-vk {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 10px;
  vertical-align: middle; }
  .icon-vk::before, .icon-vk::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-vk::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE4IDEwIj4KICAgIDxwYXRoIGZpbGw9IiM0ODcwQjciIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3LjA3NS40NEgxNC4xOWMtLjI0IDAtLjQ2LjEzLS41NzQuMzQgMCAwLTEuMTUgMi4xLTEuNTIgMi44MDgtLjk5MyAxLjkwMy0xLjYzNyAxLjMwNi0xLjYzNy40MjJWLjk2NGMwLS41My0uNDMzLS45Ni0uOTY4LS45Nkg3LjMyNGExLjc0MyAxLjc0MyAwIDAgMC0xLjUzNS43MDdTNi44OS41MzQgNi44OSAyLjAwNmMwIC4zNjQuMDIgMS40MTQuMDM2IDIuMjk0YS42MzQuNjM0IDAgMCAxLS40MDMuNjA1LjY0My42NDMgMCAwIDEtLjcxMi0uMTY3QTE4LjY3NiAxOC42NzYgMCAwIDEgMy42Mi43OS42MDguNjA4IDAgMCAwIDMuMDcuNDRILjQ0OUEuNDQ2LjQ0NiAwIDAgMCAuMDguNjI4YS40MzguNDM4IDAgMCAwLS4wNTMuNDA3Qy44MjMgMy4xOTkgNC4yNSAxMCA4LjE2MyAxMGgxLjY0NmMuMzYgMCAuNjUtLjI4OS42NS0uNjQ1di0uOTg2YzAtLjI1My4xNTItLjQ4MS4zODYtLjU4MmEuNjQzLjY0MyAwIDAgMSAuNjkyLjEybDEuOTcgMS44MzZjLjE3OC4xNjUuNDExLjI1Ny42NTQuMjU3aDIuNTg4YzEuMjQ4IDAgMS4yNDgtLjg1OS41NjgtMS41MjQtLjQ4LS40NjctMi4yMDctMi4yNzQtMi4yMDctMi4yNzRhLjg4Ljg4IDAgMCAxLS4wNy0xLjE1Yy41Ni0uNzMgMS40NzMtMS45MjIgMS44Ni0yLjQzNC41My0uNjk4IDEuNDg5LTIuMTc5LjE3NS0yLjE3OXoiLz4KPC9zdmc+Cg=="); }

.icon-facebook {
  position: relative;
  display: inline-flex;
  width: 8px;
  height: 16px;
  vertical-align: middle; }
  .icon-facebook::before, .icon-facebook::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-facebook::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgOCAxNiI+CiAgICA8cGF0aCBmaWxsPSIjNDg3MEI3IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik01LjI4MSAxMS45ODVjMCAxLjI3OS0uMDAzIDIuNTU4LjAwNCAzLjg0IDAgLjE0LS4wMzIuMTc4LS4xNzIuMTc1YTI3MC4xMTUgMjcwLjExNSAwIDAgMC0zLjIwNyAwYy0uMTQ3IDAtLjE4LS4wNDEtLjE4LS4xODcuMDAyLTIuNTQzLjAwMi01LjA4OC4wMDUtNy42MyAwLS4xNC0uMDI0LS4xOTEtLjE3NC0uMTg4LS40NzMuMDEtLjk0NCAwLTEuNDE3LjAwNi0uMTA5IDAtLjE0LS4wMzEtLjE0LS4xNDIuMDAzLS44MDMuMDA2LTEuNjEgMC0yLjQxMyAwLS4xMjMuMDQ0LS4xNDkuMTUzLS4xNDYuNDczLjAwNy45NDMtLjAwMyAxLjQxNi4wMDcuMTM0LjAwMy4xNjItLjA0MS4xNjItLjE3Mi0uMDA2LS43MDctLjAwNi0xLjQxOCAwLTIuMTI2LjAwNy0uNjEzLjEyOC0xLjE5NC40ODMtMS43MDguMzc3LS41NDYuOS0uODc2IDEuNTE0LTEuMDc2LjQ1Ny0uMTQ5LjkzLS4yMTIgMS40MDctLjIxNS45MDMtLjAxMyAxLjgwNi0uMDA0IDIuNzEtLjAxQzcuOTcxIDAgOCAuMDQxIDggLjE2NWMtLjAwMy44MjUtLjAwNiAxLjY1IDAgMi40NzYgMCAuMTM2LS4wNC4xNjUtLjE2OC4xNjUtLjU3LS4wMDctMS4xNDMtLjAwMy0xLjcxMy0uMDAzLS41MDEgMC0uODI4LjMzNi0uODI4Ljg0IDAgLjUwMi4wMDMgMS4wMDctLjAwMyAxLjUwOCAwIC4xMi4wMzQuMTUzLjE1LjE1My44LS4wMDQgMS41OTcgMCAyLjM5Ny0uMDA3LjEyMSAwIC4xNjUuMDI5LjE1LjE1OS0uMDkuODI1LS4xNjMgMS42NS0uMzA2IDIuNDctLjAxOC4xLS4wOC4wNzUtLjEzNy4wNzVINi4xMjVjLS4yMjcgMC0uNDU3LjAwNy0uNjg1LS4wMDMtLjEyNy0uMDA2LS4xNjUuMDMyLS4xNjIuMTY1LjAwMyAxLjI3My4wMDMgMi41NDYuMDAzIDMuODIyeiIvPgo8L3N2Zz4K"); }

.icon-download {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-download::before, .icon-download::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-download::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9InJnYig3MiwxMTIsMTgzKSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTMgMTRhMSAxIDAgMCAxIDAgMkgzYTEgMSAwIDAgMSAwLTJoMTB6TTggMGExIDEgMCAwIDEgMSAxdjguNjdsMi4zNzItMi4zODhhLjk0OS45NDkgMCAwIDEgMS4zNDkgMCAuOTY2Ljk2NiAwIDAgMSAwIDEuMzU5bC00LjA0NyA0LjA3N2EuOTQ5Ljk0OSAwIDAgMS0xLjM0OCAwTDMuMjc5IDguNjQxYS45NjYuOTY2IDAgMCAxIDAtMS4zNi45NDkuOTQ5IDAgMCAxIDEuMzUgMEw3IDkuNjcyVjFhMSAxIDAgMCAxIDEtMXoiLz4KPC9zdmc+Cg=="); }

.icon-sort-list {
  position: relative;
  display: inline-flex;
  width: 20px;
  height: 16px;
  vertical-align: middle; }
  .icon-sort-list::before, .icon-sort-list::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-sort-list::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE4LjE4MiAxMGMxLjAwNCAwIDEuODE4Ljg5NSAxLjgxOCAydjJjMCAxLjEwNS0uODE0IDItMS44MTggMkgxLjgxOEMuODE0IDE2IDAgMTUuMTA1IDAgMTR2LTJjMC0xLjEwNS44MTQtMiAxLjgxOC0yaDE2LjM2NHptMCAySDEuODE4djJoMTYuMzY0di0yem0wLTEyQzE5LjE4NiAwIDIwIC44OTUgMjAgMnYyYzAgMS4xMDUtLjgxNCAyLTEuODE4IDJIMS44MThDLjgxNCA2IDAgNS4xMDUgMCA0VjJDMCAuODk1LjgxNCAwIDEuODE4IDBoMTYuMzY0em0wIDJIMS44MTh2MmgxNi4zNjRWMnoiLz4KPC9zdmc+Cg=="); }
  .icon-sort-list,
  .icon-box_hover .icon-sort-list {
    transition: all 0.15s ease 0s; }
    .icon-sort-list::before,
    .icon-box_hover .icon-sort-list::before {
      opacity: 1; }
    .icon-sort-list::after,
    .icon-box_hover .icon-sort-list::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxNjMsMjA3LDk4KSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTguMTgyIDEwYzEuMDA0IDAgMS44MTguODk1IDEuODE4IDJ2MmMwIDEuMTA1LS44MTQgMi0xLjgxOCAySDEuODE4Qy44MTQgMTYgMCAxNS4xMDUgMCAxNHYtMmMwLTEuMTA1LjgxNC0yIDEuODE4LTJoMTYuMzY0em0wIDJIMS44MTh2MmgxNi4zNjR2LTJ6bTAtMTJDMTkuMTg2IDAgMjAgLjg5NSAyMCAydjJjMCAxLjEwNS0uODE0IDItMS44MTggMkgxLjgxOEMuODE0IDYgMCA1LjEwNSAwIDRWMkMwIC44OTUuODE0IDAgMS44MTggMGgxNi4zNjR6bTAgMkgxLjgxOHYyaDE2LjM2NFYyeiIvPgo8L3N2Zz4K"); }
  .icon-sort-list:hover::before,
  .icon-box_hover:hover .icon-sort-list::before {
    opacity: 0; }
  .icon-sort-list:hover::after,
  .icon-box_hover:hover .icon-sort-list::after {
    opacity: 1; }
  .icon-sort-list--white {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 16px;
    vertical-align: middle; }
    .icon-sort-list--white::before, .icon-sort-list--white::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-sort-list--white::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDIwIDE2Ij4KICAgIDxwYXRoIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE4LjE4MiAxMGMxLjAwNCAwIDEuODE4Ljg5NSAxLjgxOCAydjJjMCAxLjEwNS0uODE0IDItMS44MTggMkgxLjgxOEMuODE0IDE2IDAgMTUuMTA1IDAgMTR2LTJjMC0xLjEwNS44MTQtMiAxLjgxOC0yaDE2LjM2NHptMCAySDEuODE4djJoMTYuMzY0di0yem0wLTEyQzE5LjE4NiAwIDIwIC44OTUgMjAgMnYyYzAgMS4xMDUtLjgxNCAyLTEuODE4IDJIMS44MThDLjgxNCA2IDAgNS4xMDUgMCA0VjJDMCAuODk1LjgxNCAwIDEuODE4IDBoMTYuMzY0em0wIDJIMS44MTh2MmgxNi4zNjRWMnoiLz4KPC9zdmc+Cg=="); }

.icon-sort-feed {
  position: relative;
  display: inline-flex;
  width: 20px;
  height: 14px;
  vertical-align: middle; }
  .icon-sort-feed::before, .icon-sort-feed::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-sort-feed::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIwIDE0Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEyYTEgMSAwIDAgMSAwIDJIMWExIDEgMCAwIDEgMC0yaDExem03IDBhMSAxIDAgMCAxIDAgMmgtMWExIDEgMCAwIDEgMC0yaDF6bS03LTZhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDEgMSAwLTJoMTF6bTcgMGExIDEgMCAwIDEgMCAyaC0xYTEgMSAwIDAgMSAwLTJoMXptLTctNmExIDEgMCAwIDEgMCAySDFhMSAxIDAgMSAxIDAtMmgxMXptNyAwYTEgMSAwIDAgMSAwIDJoLTFhMSAxIDAgMCAxIDAtMmgxeiIvPgo8L3N2Zz4K"); }
  .icon-sort-feed,
  .icon-box_hover .icon-sort-feed {
    transition: all 0.15s ease 0s; }
    .icon-sort-feed::before,
    .icon-box_hover .icon-sort-feed::before {
      opacity: 1; }
    .icon-sort-feed::after,
    .icon-box_hover .icon-sort-feed::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIwIDE0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxNjMsMjA3LDk4KSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIgMTJhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDAgMSAwLTJoMTF6bTcgMGExIDEgMCAwIDEgMCAyaC0xYTEgMSAwIDAgMSAwLTJoMXptLTctNmExIDEgMCAwIDEgMCAySDFhMSAxIDAgMSAxIDAtMmgxMXptNyAwYTEgMSAwIDAgMSAwIDJoLTFhMSAxIDAgMCAxIDAtMmgxem0tNy02YTEgMSAwIDAgMSAwIDJIMWExIDEgMCAxIDEgMC0yaDExem03IDBhMSAxIDAgMCAxIDAgMmgtMWExIDEgMCAwIDEgMC0yaDF6Ii8+Cjwvc3ZnPgo="); }
  .icon-sort-feed:hover::before,
  .icon-box_hover:hover .icon-sort-feed::before {
    opacity: 0; }
  .icon-sort-feed:hover::after,
  .icon-box_hover:hover .icon-sort-feed::after {
    opacity: 1; }
  .icon-sort-feed--white {
    position: relative;
    display: inline-flex;
    width: 20px;
    height: 14px;
    vertical-align: middle; }
    .icon-sort-feed--white::before, .icon-sort-feed--white::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-sort-feed--white::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIwIDE0Ij4KICAgIDxwYXRoIGZpbGw9InJnYigyNTUsMjU1LDI1NSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEyYTEgMSAwIDAgMSAwIDJIMWExIDEgMCAwIDEgMC0yaDExem03IDBhMSAxIDAgMCAxIDAgMmgtMWExIDEgMCAwIDEgMC0yaDF6bS03LTZhMSAxIDAgMCAxIDAgMkgxYTEgMSAwIDEgMSAwLTJoMTF6bTcgMGExIDEgMCAwIDEgMCAyaC0xYTEgMSAwIDAgMSAwLTJoMXptLTctNmExIDEgMCAwIDEgMCAySDFhMSAxIDAgMSAxIDAtMmgxMXptNyAwYTEgMSAwIDAgMSAwIDJoLTFhMSAxIDAgMCAxIDAtMmgxeiIvPgo8L3N2Zz4K"); }

.icon-sort {
  position: relative;
  display: inline-flex;
  width: 5px;
  height: 11px;
  vertical-align: middle; }
  .icon-sort::before, .icon-sort::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-sort::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNSAxMSI+CiAgICA8cGF0aCBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjAzMyA2djMuMDk1bDEuMjE1LTEuMTM3TDUgOC42NiAyLjUwMiAxMSAwIDguNjZsLjc1Mi0uNzAyTDEuOTcgOS4wOTZWNmgxLjA2M3ptLS41MzEtNkw1IDIuMzRsLS43NTIuNzAyLTEuMjE1LTEuMTM3VjVIMS45N1YxLjkwNEwuNzUyIDMuMDQyIDAgMi4zNCAyLjUwMiAweiIvPgo8L3N2Zz4K"); }

.icon-sort-down {
  position: relative;
  display: inline-flex;
  width: 5px;
  height: 11px;
  vertical-align: middle; }
  .icon-sort-down::before, .icon-sort-down::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-sort-down::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgNSAxMSI+CiAgICA8cGF0aCBmaWxsPSIjMjkyRjM3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zIDB2OS4wOTVsMS4yNDgtMS4xMzdMNSA4LjY2IDIuNTAyIDExIDAgOC42NmwuNzUyLS43MDJMMiA5LjA5NlYweiIvPgo8L3N2Zz4K"); }

.icon-comment {
  position: relative;
  display: inline-flex;
  width: 15px;
  height: 15px;
  vertical-align: middle; }
  .icon-comment::before, .icon-comment::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-comment::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICAgIDxwYXRoIGZpbGw9IiNBM0NGNjIiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEzIDBhMiAyIDAgMCAxIDIgMnY4YTIgMiAwIDAgMS0yIDJINC45NzdMMCAxNVYyYTIgMiAwIDAgMSAyLTJoMTF6TTkuNSA3aC02YS41LjUgMCAwIDAtLjA5Ljk5MkwzLjUgOGg2YS41LjUgMCAwIDAgLjA5LS45OTJMOS41IDd6bTItM2gtOGEuNS41IDAgMCAwLS4wOS45OTJMMy41IDVoOGEuNS41IDAgMCAwIC4wOS0uOTkyTDExLjUgNHoiLz4KPC9zdmc+Cg=="); }
  .icon-comment--gray {
    position: relative;
    display: inline-flex;
    width: 15px;
    height: 15px;
    vertical-align: middle; }
    .icon-comment--gray::before, .icon-comment--gray::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-comment--gray::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij4KICAgIDxwYXRoIGZpbGw9InJnYigyMDMsMjA3LDIxNikiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEzIDBhMiAyIDAgMCAxIDIgMnY4YTIgMiAwIDAgMS0yIDJINC45NzdMMCAxNVYyYTIgMiAwIDAgMSAyLTJoMTF6TTkuNSA3aC02YS41LjUgMCAwIDAtLjA5Ljk5MkwzLjUgOGg2YS41LjUgMCAwIDAgLjA5LS45OTJMOS41IDd6bTItM2gtOGEuNS41IDAgMCAwLS4wOS45OTJMMy41IDVoOGEuNS41IDAgMCAwIC4wOS0uOTkyTDExLjUgNHoiLz4KPC9zdmc+Cg=="); }

.icon-close, .attach-box .delete-icon {
  position: relative;
  display: inline-flex;
  width: 12px;
  height: 12px;
  vertical-align: middle; }
  .icon-close::before, .attach-box .delete-icon::before, .icon-close::after, .attach-box .delete-icon::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-close::before, .attach-box .delete-icon::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEuMDAyIDEuMDAyYTEuMDA4IDEuMDA4IDAgMCAxIDEuNDI3IDBMNiA0LjU3NGwzLjU3MS0zLjU3MmExLjAwOCAxLjAwOCAwIDAgMSAxLjQyNyAxLjQyN0w3LjQyNiA2bDMuNTcyIDMuNTcxYTEuMDA4IDEuMDA4IDAgMCAxLTEuNDI3IDEuNDI3TDYgNy40MjdsLTMuNTcgMy41N2ExLjAwOCAxLjAwOCAwIDAgMS0xLjQyNy0xLjQyNkw0LjU3NCA2IDEuMDAyIDIuNDI5YTEuMDA4IDEuMDA4IDAgMCAxIDAtMS40Mjd6Ii8+Cjwvc3ZnPgo="); }

.icon-close-big {
  position: relative;
  display: inline-flex;
  width: 24px;
  height: 24px;
  vertical-align: middle; }
  .icon-close-big::before, .icon-close-big::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-close-big::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9IiM0QzUxNUMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzMzIDMuMjk3TDEyIDEwLjU2M2w3LjI2Ny03LjI2NmExLjAxNiAxLjAxNiAwIDAgMSAxLjM0LS4wODRsLjA5Ni4wODRjLjM2Ni4zNjYuMzk0Ljk0Mi4wODQgMS4zNGwtLjA4NC4wOTZMMTMuNDM3IDEybDcuMjY2IDcuMjY3YTEuMDE1IDEuMDE1IDAgMSAxLTEuNDM2IDEuNDM2TDEyIDEzLjQzN2wtNy4yNjcgNy4yNjZhMS4wMTYgMS4wMTYgMCAwIDEtMS4zNC4wODRsLS4wOTYtLjA4NGExLjAxNiAxLjAxNiAwIDAgMS0uMDg0LTEuMzRsLjA4NC0uMDk2TDEwLjU2MyAxMiAzLjI5NyA0LjczM2ExLjAxNSAxLjAxNSAwIDEgMSAxLjQzNi0xLjQzNnoiLz4KPC9zdmc+Cg=="); }

.icon-user-login {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-user-login::before, .icon-user-login::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-user-login::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTkgMTB2LjA2NWMyLjM2LjM1OCA0LjI5OCAyLjE1IDQuOTYgNC41NjYuMTU1LjU2OC0uMTUzIDEuMTYyLS42ODkgMS4zMjYtLjUzNi4xNjUtMS4wOTYtLjE2Mi0xLjI1Mi0uNzMtLjQxMi0xLjUwMy0xLjU2Ny0yLjY0Ni0zLTIuOTg0bC0uMDU0LS4wMTIuMDIzLS4wMjJjLjAyMi0uMDQuMDEzLS4xMTQtLjAxNS0uMjA3SDcuMDY0YS42MzUuNjM1IDAgMCAwLS4wNjQuMjI0bC4wMDIuMDA3LS4xODguMDVjLTEuMzQ0LjM5NS0yLjQyOCAxLjUwMi0yLjgxOCAyLjk0MS0uMTU0LjU2Ny0uNzE2Ljg5Ni0xLjI1Ny43MzUtLjU0LS4xNjEtLjg1NC0uNzUyLS43LTEuMzE5LjY1Ni0yLjQyIDIuNjExLTQuMjA4IDQuOTYyLTQuNTc3TDcgMTBoMnpNOCAwYTUgNSAwIDEgMSAwIDEwQTUgNSAwIDAgMSA4IDB6bTAgMmEzIDMgMCAxIDAgMCA2IDMgMyAwIDAgMCAwLTZ6Ii8+Cjwvc3ZnPgo="); }

.icon-user-password {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-user-password::before, .icon-user-password::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-user-password::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggMGE1IDUgMCAwIDEgNSA1djFhMiAyIDAgMCAxIDIgMnY2YTIgMiAwIDAgMS0yIDJIM2EyIDIgMCAwIDEtMi0yVjhhMiAyIDAgMCAxIDItMlY1YTUgNSAwIDAgMSA1LTV6bTUgOEgzdjZoMTBWOHptLTUgMmExIDEgMCAwIDEgMSAxdjFhMSAxIDAgMCAxLTIgMHYtMWExIDEgMCAwIDEgMS0xem0wLThhMyAzIDAgMCAwLTMgM3YxaDZWNWEzIDMgMCAwIDAtMy0zeiIvPgo8L3N2Zz4K"); }

.icon-user-email {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-user-email::before, .icon-user-email::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-user-email::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjOTc5Q0E5IiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgIDxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxMCIgeD0iMSIgeT0iMyIgcng9IjIiLz4KICAgICAgICA8cGF0aCBkPSJNMSA0bDYuOTk0IDVMMTUgNCIvPgogICAgPC9nPgo8L3N2Zz4K"); }

.icon-web {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-web::before, .icon-web::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-web::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMEMzLjU4OCAwIDAgMy41ODggMCA4czMuNTg4IDggOCA4IDgtMy41ODggOC04LTMuNTg4LTgtOC04em0tLjU1OCAxLjIxdjIuNTA1SDUuNTA2QzUuOTU5IDIuNDM4IDYuNjIgMS41MDIgNy40NDIgMS4yMXptMS4xMTYgMGMuODIyLjI5MiAxLjQ4MyAxLjIyOCAxLjkzNiAyLjUwNUg4LjU1OFYxLjIxem0tMy4xMzQuNDA2Yy0uNDA5LjU3OS0uNzU4IDEuMjg4LTEuMDM0IDIuMUgyLjYxYTYuODc2IDYuODc2IDAgMCAxIDIuODE0LTIuMXptNS4xNTIgMGE2Ljg3NiA2Ljg3NiAwIDAgMSAyLjgxNCAyLjFoLTEuNzhjLS4yNzYtLjgxMi0uNjI1LTEuNTIxLTEuMDM0LTIuMXpNMS44OSA0LjgzMWgyLjE4YTEzLjkyNiAxMy45MjYgMCAwIDAtLjMzNyAyLjYwNUgxLjE0Yy4wNzUtLjkzMy4zNC0xLjgxNC43NS0yLjYwNXptMy4yOSAwaDIuMjYydjIuNjA1SDQuODQ5Yy4wMzMtLjkxNC4xNDYtMS44LjMzMS0yLjYwNXptMy4zNzggMGgyLjI2MmMuMTg1LjgwNC4yOTggMS42OTEuMzMxIDIuNjA1SDguNTU4VjQuODMxem0zLjM3MiAwaDIuMThjLjQxLjc5LjY3NSAxLjY3Mi43NSAyLjYwNWgtMi41OTNhMTMuOTI2IDEzLjkyNiAwIDAgMC0uMzM3LTIuNjA1ek0xLjE0IDguNTUyaDIuNTkzYy4wMzMuOTIuMTUgMS43OTYuMzM3IDIuNjA1SDEuODg0YTYuODU4IDYuODU4IDAgMCAxLS43NDQtMi42MDV6bTMuNzA5IDBoMi41OTN2Mi42MDVINS4xOGExMy45NjkgMTMuOTY5IDAgMCAxLS4zMzEtMi42MDV6bTMuNzEgMGgyLjU5MmMtLjAzMy45MTUtLjE0NiAxLjgtLjMzMSAyLjYwNUg4LjU1OFY4LjU1MnptMy43MDggMGgyLjU5M2E2Ljg1OCA2Ljg1OCAwIDAgMS0uNzQ0IDIuNjA1SDExLjkzYy4xODctLjgwOS4zMDQtMS42ODUuMzM3LTIuNjA1em0tOS42NjIgMy43MjFoMS43NzljLjI3Ny44MTUuNjMgMS41MyAxLjA0IDIuMTFhNi44ODQgNi44ODQgMCAwIDEtMi44Mi0yLjExem0yLjg5NSAwaDEuOTQydjIuNTEyYy0uODIzLS4yOTMtMS40ODktMS4yMy0xLjk0Mi0yLjUxMnptMy4wNTggMEgxMC41Yy0uNDUzIDEuMjgxLTEuMTE5IDIuMjE5LTEuOTQyIDIuNTEydi0yLjUxMnptMy4wNTggMGgxLjc4YTYuODg0IDYuODg0IDAgMCAxLTIuODIgMi4xMWMuNDEtLjU4Ljc2My0xLjI5NSAxLjA0LTIuMTF6Ii8+Cjwvc3ZnPgo="); }
  .icon-web,
  .icon-box_hover .icon-web {
    transition: all 0.15s ease 0s; }
    .icon-web::before,
    .icon-box_hover .icon-web::before {
      opacity: 1; }
    .icon-web::after,
    .icon-box_hover .icon-web::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9InJnYigxMzMsMTg4LDUwKSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAwQzMuNTg4IDAgMCAzLjU4OCAwIDhzMy41ODggOCA4IDggOC0zLjU4OCA4LTgtMy41ODgtOC04LTh6bS0uNTU4IDEuMjF2Mi41MDVINS41MDZDNS45NTkgMi40MzggNi42MiAxLjUwMiA3LjQ0MiAxLjIxem0xLjExNiAwYy44MjIuMjkyIDEuNDgzIDEuMjI4IDEuOTM2IDIuNTA1SDguNTU4VjEuMjF6bS0zLjEzNC40MDZjLS40MDkuNTc5LS43NTggMS4yODgtMS4wMzQgMi4xSDIuNjFhNi44NzYgNi44NzYgMCAwIDEgMi44MTQtMi4xem01LjE1MiAwYTYuODc2IDYuODc2IDAgMCAxIDIuODE0IDIuMWgtMS43OGMtLjI3Ni0uODEyLS42MjUtMS41MjEtMS4wMzQtMi4xek0xLjg5IDQuODMxaDIuMThhMTMuOTI2IDEzLjkyNiAwIDAgMC0uMzM3IDIuNjA1SDEuMTRjLjA3NS0uOTMzLjM0LTEuODE0Ljc1LTIuNjA1em0zLjI5IDBoMi4yNjJ2Mi42MDVINC44NDljLjAzMy0uOTE0LjE0Ni0xLjguMzMxLTIuNjA1em0zLjM3OCAwaDIuMjYyYy4xODUuODA0LjI5OCAxLjY5MS4zMzEgMi42MDVIOC41NThWNC44MzF6bTMuMzcyIDBoMi4xOGMuNDEuNzkuNjc1IDEuNjcyLjc1IDIuNjA1aC0yLjU5M2ExMy45MjYgMTMuOTI2IDAgMCAwLS4zMzctMi42MDV6TTEuMTQgOC41NTJoMi41OTNjLjAzMy45Mi4xNSAxLjc5Ni4zMzcgMi42MDVIMS44ODRhNi44NTggNi44NTggMCAwIDEtLjc0NC0yLjYwNXptMy43MDkgMGgyLjU5M3YyLjYwNUg1LjE4YTEzLjk2OSAxMy45NjkgMCAwIDEtLjMzMS0yLjYwNXptMy43MSAwaDIuNTkyYy0uMDMzLjkxNS0uMTQ2IDEuOC0uMzMxIDIuNjA1SDguNTU4VjguNTUyem0zLjcwOCAwaDIuNTkzYTYuODU4IDYuODU4IDAgMCAxLS43NDQgMi42MDVIMTEuOTNjLjE4Ny0uODA5LjMwNC0xLjY4NS4zMzctMi42MDV6bS05LjY2MiAzLjcyMWgxLjc3OWMuMjc3LjgxNS42MyAxLjUzIDEuMDQgMi4xMWE2Ljg4NCA2Ljg4NCAwIDAgMS0yLjgyLTIuMTF6bTIuODk1IDBoMS45NDJ2Mi41MTJjLS44MjMtLjI5My0xLjQ4OS0xLjIzLTEuOTQyLTIuNTEyem0zLjA1OCAwSDEwLjVjLS40NTMgMS4yODEtMS4xMTkgMi4yMTktMS45NDIgMi41MTJ2LTIuNTEyem0zLjA1OCAwaDEuNzhhNi44ODQgNi44ODQgMCAwIDEtMi44MiAyLjExYy40MS0uNTguNzYzLTEuMjk1IDEuMDQtMi4xMXoiLz4KPC9zdmc+Cg=="); }
  .icon-web:hover::before,
  .icon-box_hover:hover .icon-web::before {
    opacity: 0; }
  .icon-web:hover::after,
  .icon-box_hover:hover .icon-web::after {
    opacity: 1; }

.icon-wait {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-wait::before, .icon-wait::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-wait::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMGE4IDggMCAxIDEgMCAxNkE4IDggMCAwIDEgOCAwem0wIDJhNiA2IDAgMSAwIDAgMTJBNiA2IDAgMCAwIDggMnptMCAyYTEgMSAwIDAgMSAxIDF2M2gxYTEgMSAwIDAgMSAwIDJIOGExIDEgMCAwIDEtMS0xVjVhMSAxIDAgMCAxIDEtMXoiLz4KPC9zdmc+Cg=="); }

.icon-remove {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-remove::before, .icon-remove::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-remove::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxwYXRoIGZpbGw9IiNDRjY2NjIiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTS44NDYgMS4wMjNMLjkyOS45M2ExIDEgMCAwIDEgMS4zMi0uMDgzbC4wOTQuMDgzTDggNi41ODUgMTMuNjU3LjkyOWExIDEgMCAwIDEgMS40MTQgMS40MTRMOS40MTUgOGw1LjY1NiA1LjY1N2ExIDEgMCAwIDEgLjA4MyAxLjMybC0uMDgzLjA5NGExIDEgMCAwIDEtMS4zMi4wODNsLS4wOTQtLjA4M0w4IDkuNDE1bC01LjY1NyA1LjY1NkExIDEgMCAxIDEgLjkzIDEzLjY1N0w2LjU4NSA4IC45MjkgMi4zNDNhMSAxIDAgMCAxLS4wODMtMS4zMkwuOTI5LjkzbC0uMDgzLjA5NHoiLz4KPC9zdmc+Cg=="); }

.icon-minus {
  position: relative;
  display: inline-flex;
  width: 16px;
  height: 16px;
  vertical-align: middle; }
  .icon-minus::before, .icon-minus::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-minus::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiB5PSI3IiBmaWxsPSIjNDg3MEI3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHJ4PSIxIi8+Cjwvc3ZnPgo="); }

.icon-closepopup, .ui-dialog-titlebar-close {
  position: relative;
  display: inline-flex;
  width: 22px;
  height: 22px;
  vertical-align: middle; }
  .icon-closepopup::before, .ui-dialog-titlebar-close::before, .icon-closepopup::after, .ui-dialog-titlebar-close::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-closepopup::before, .ui-dialog-titlebar-close::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMuMzkzLjQyNGwuMTI3LjExN3YuMDAxbDYuNDgzIDYuNDg1TDE2LjQ4LjU0N2ExLjk5OSAxLjk5OSAwIDAgMSAyLjgyOCAwbC4xNS4xNWMuNzguNzgyLjc4MSAyLjA0OCAwIDIuODNsLTYuNDc3IDYuNDggNi40NyA2LjQ3Yy43OC43ODIuNzggMi4wNDgtLjAwMSAyLjgzbC0uMTUuMTVhMiAyIDAgMCAxLTIuNzAxLjExN2wtLjEyOC0uMTE3LTYuNDY4LTYuNDctNi40NjcgNi40N3YuMDAxYTEuOTk5IDEuOTk5IDAgMCAxLTIuODI4IDBsLS4xNS0uMTVhMi4wMDIgMi4wMDIgMCAwIDEgMC0yLjgzbDYuNDY2LTYuNDcxTC41NDEgMy41MmEyLjAwMiAyLjAwMiAwIDAgMSAwLTIuODI5bC4xNTEtLjE1QTIgMiAwIDAgMSAzLjM5My40MjR6Ii8+Cjwvc3ZnPgo="); }
  .icon-closepopup--black {
    position: relative;
    display: inline-flex;
    width: 22px;
    height: 22px;
    vertical-align: middle; }
    .icon-closepopup--black::before, .icon-closepopup--black::after {
      transition: all 0.15s ease 0s;
      content: '';
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
    .icon-closepopup--black::before {
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9InJnYigxNTEsMTU2LDE2OSkiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMuMzkzLjQyNGwuMTI3LjExN3YuMDAxbDYuNDgzIDYuNDg1TDE2LjQ4LjU0N2ExLjk5OSAxLjk5OSAwIDAgMSAyLjgyOCAwbC4xNS4xNWMuNzguNzgyLjc4MSAyLjA0OCAwIDIuODNsLTYuNDc3IDYuNDggNi40NyA2LjQ3Yy43OC43ODIuNzggMi4wNDgtLjAwMSAyLjgzbC0uMTUuMTVhMiAyIDAgMCAxLTIuNzAxLjExN2wtLjEyOC0uMTE3LTYuNDY4LTYuNDctNi40NjcgNi40N3YuMDAxYTEuOTk5IDEuOTk5IDAgMCAxLTIuODI4IDBsLS4xNS0uMTVhMi4wMDIgMi4wMDIgMCAwIDEgMC0yLjgzbDYuNDY2LTYuNDcxTC41NDEgMy41MmEyLjAwMiAyLjAwMiAwIDAgMSAwLTIuODI5bC4xNTEtLjE1QTIgMiAwIDAgMSAzLjM5My40MjR6Ii8+Cjwvc3ZnPgo="); }

.icon-double-arrow {
  position: relative;
  display: inline-flex;
  width: 12px;
  height: 13px;
  vertical-align: middle; }
  .icon-double-arrow::before, .icon-double-arrow::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-double-arrow::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTIgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYwLjEgKDg4MTMzKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJpbmRleCxwcm9kdWN0cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTEwLjY0NjQ0NjYsNi42NDY0NDY2MSBMMTEuMzUzNTUzNCw3LjM1MzU1MzM5IEw2LDEyLjcwNzEwNjggTDAuNjQ2NDQ2NjA5LDcuMzUzNTUzMzkgTDEuMzUzNTUzMzksNi42NDY0NDY2MSBMNiwxMS4yOTMgTDEwLjY0NjQ0NjYsNi42NDY0NDY2MSBaIE0xMC42NDY0NDY2LDAuNjQ2NDQ2NjA5IEwxMS4zNTM1NTM0LDEuMzUzNTUzMzkgTDYsNi43MDcxMDY3OCBMMC42NDY0NDY2MDksMS4zNTM1NTMzOSBMMS4zNTM1NTMzOSwwLjY0NjQ0NjYwOSBMNiw1LjI5MyBMMTAuNjQ2NDQ2NiwwLjY0NjQ0NjYwOSBaIiBpZD0iQ29tYmluZWQtU2hhcGUiIGZpbGw9IiM5NzlDQTkiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4="); }

.icon-lang {
  position: relative;
  display: inline-flex;
  width: 22px;
  height: 22px;
  vertical-align: middle; }
  .icon-lang::before, .icon-lang::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-lang::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iMTEiIGZpbGw9IiM5NzlDQTkiLz4KICAgICAgICA8cGF0aCBmaWxsPSJyZ2IoMjU1LDI1NSwyNTUpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xMS40NDggMTMuNTc2YS4xODUuMTg1IDAgMCAwIC4xMzYtLjA1Ni4xODUuMTg1IDAgMCAwIC4wNTYtLjEzNnYtLjU0NGMwLS4yODguMDktLjUzLjI3Mi0uNzI4LjE4MS0uMTk3LjQ1OS0uNDMuODMyLS42OTYuMzczLS4yNjcuNjctLjUwNy44ODgtLjcyLjIxOS0uMjEzLjQxLS40OS41NzYtLjgzMi4xNjUtLjM0MS4yNDgtLjc0Ny4yNDgtMS4yMTYgMC0uOTA3LS4zMS0xLjYzNS0uOTI4LTIuMTg0LS42MTktLjU1LTEuNDQ1LS44MjQtMi40OC0uODI0LS42OTMgMC0xLjMwNy4xMy0xLjg0LjM5Mi0uNTMzLjI2MS0uOTUuNjMtMS4yNDggMS4xMDRhMi45ODUgMi45ODUgMCAwIDAtLjQ0OCAxLjYyNFY5YzAgLjA1My4wMTkuMTAxLjA1Ni4xNDRhLjE3NC4xNzQgMCAwIDAgLjEzNi4wNjRsMS40NzIuMDY0Yy4xMjggMCAuMTkyLS4wNTkuMTkyLS4xNzZWOC43NmMwLS40MTYuMTUtLjc1Ny40NDgtMS4wMjQuMjk5LS4yNjcuNjkzLS40IDEuMTg0LS40LjQ3IDAgLjg0OC4xMjUgMS4xMzYuMzc2LjI4OC4yNS40MzIuNTg0LjQzMiAxIDAgLjM3My0uMTA3LjY4NS0uMzIuOTM2LS4yMTMuMjUtLjUzMy41My0uOTYuODQtLjQ5LjM1Mi0uODY0LjY4NS0xLjEyIDEtLjI1Ni4zMTUtLjM4NC43MjgtLjM4NCAxLjI0di42NTZjMCAuMDUzLjAxOS4wOTkuMDU2LjEzNmEuMTg1LjE4NSAwIDAgMCAuMTM2LjA1NmgxLjQ3MnptLS43ODQgMy40NGMuMzIgMCAuNTg3LS4xMDcuOC0uMzIuMjEzLS4yMTMuMzItLjQ4NS4zMi0uODE2IDAtLjMzLS4xMDQtLjYtLjMxMi0uODA4LS4yMDgtLjIwOC0uNDc3LS4zMTItLjgwOC0uMzEyLS4zMyAwLS42MDMuMTA0LS44MTYuMzEyLS4yMTMuMjA4LS4zMi40NzctLjMyLjgwOCAwIC4zMy4xMDcuNjAzLjMyLjgxNi4yMTMuMjEzLjQ4NS4zMi44MTYuMzJ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo="); }

.icon-copy {
  position: relative;
  display: inline-flex;
  width: 12px;
  height: 12px;
  vertical-align: middle; }
  .icon-copy::before, .icon-copy::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-copy::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICAgIDxwYXRoIGZpbGw9IiM0ODcwQjciIGQ9Ik0xMCAwYzEuMTA1IDAgMiAuODk1IDIgMnY1YzAgMS4xMDUtLjg5NSAyLTIgMkg5djFjMCAxLjEwNS0uODk1IDItMiAySDJjLTEuMTA1IDAtMi0uODk1LTItMlY1YzAtMS4xMDUuODk1LTIgMi0yaDFWMmMwLTEuMTA1Ljg5NS0yIDItMmg1ek03IDVIMnY1aDVWNXptMy0zSDV2MWgyYzEuMTA1IDAgMiAuODk1IDIgMnYyaDFWMnoiLz4KPC9zdmc+Cg=="); }

.icon-question {
  position: relative;
  display: inline-flex;
  width: 14px;
  height: 14px;
  vertical-align: middle; }
  .icon-question::before, .icon-question::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-question::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YXNrPC90aXRsZT4KICAgIDxnIGlkPSJpbmRleCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE1LjAwMDAwMCwgLTM0NC4wMDAwMDApIiBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTIyLDM0NCBDMTI1Ljg2NTk5MywzNDQgMTI5LDM0Ny4xMzQwMDcgMTI5LDM1MSBDMTI5LDM1NC44NjU5OTMgMTI1Ljg2NTk5MywzNTggMTIyLDM1OCBDMTE4LjEzNDAwNywzNTggMTE1LDM1NC44NjU5OTMgMTE1LDM1MSBDMTE1LDM0Ny4xMzQwMDcgMTE4LjEzNDAwNywzNDQgMTIyLDM0NCBaIE0xMjIsMzQ1IEMxMTguNjg2MjkyLDM0NSAxMTYsMzQ3LjY4NjI5MiAxMTYsMzUxIEMxMTYsMzU0LjMxMzcwOCAxMTguNjg2MjkyLDM1NyAxMjIsMzU3IEMxMjUuMzEzNzA4LDM1NyAxMjgsMzU0LjMxMzcwOCAxMjgsMzUxIEMxMjgsMzQ3LjY4NjI5MiAxMjUuMzEzNzA4LDM0NSAxMjIsMzQ1IFogTTEyMi43NjIsMzUzLjYyNSBMMTIyLjc2MiwzNTUgTDEyMS4yODgsMzU1IEwxMjEuMjg4LDM1My42MjUgTDEyMi43NjIsMzUzLjYyNSBaIE0xMjIuMTc5LDM0Ni45NTkgQzEyMi41MTYzMzMsMzQ2Ljk1OSAxMjIuODI5ODMzLDM0Ny4wMDg1IDEyMy4xMTk1LDM0Ny4xMDc1IEMxMjMuNDA5MTY3LDM0Ny4yMDY1IDEyMy42NjIxNjcsMzQ3LjM0OTUgMTIzLjg3ODUsMzQ3LjUzNjUgQzEyNC4wOTQ4MzMsMzQ3LjcyMzUgMTI0LjI2NTMzMywzNDcuOTU2MzMzIDEyNC4zOSwzNDguMjM1IEMxMjQuNTE0NjY3LDM0OC41MTM2NjcgMTI0LjU3NywzNDguODI5IDEyNC41NzcsMzQ5LjE4MSBDMTI0LjU3NywzNDkuNDM3NjY3IDEyNC41NDk1LDM0OS42NTk1IDEyNC40OTQ1LDM0OS44NDY1IEMxMjQuNDM5NSwzNTAuMDMzNSAxMjQuMzY2MTY3LDM1MC4xOTQ4MzMgMTI0LjI3NDUsMzUwLjMzMDUgQzEyNC4xODI4MzMsMzUwLjQ2NjE2NyAxMjQuMDc4MzMzLDM1MC41ODcxNjcgMTIzLjk2MSwzNTAuNjkzNSBMMTIzLjYwOSwzNTEuMDA3IEwxMjMuNjA5LDM1MS4wMDcgTDEyMy4zNDUsMzUxLjIzNjc3OCBDMTIzLjMwMzQ0NCwzNTEuMjc0MjU5IDEyMy4yNjMxMTEsMzUxLjMxMTMzMyAxMjMuMjI0LDM1MS4zNDggQzEyMy4xMDY2NjcsMzUxLjQ1OCAxMjMuMDA0LDM1MS41ODA4MzMgMTIyLjkxNiwzNTEuNzE2NSBDMTIyLjgyOCwzNTEuODUyMTY3IDEyMi43NjAxNjcsMzUyLjAxMTY2NyAxMjIuNzEyNSwzNTIuMTk1IEMxMjIuNjc2NzUsMzUyLjMzMjUgMTIyLjY1NDQwNiwzNTIuNDkyNjg4IDEyMi42NDU0NjksMzUyLjY3NTU2MyBMMTIyLjY0MSwzNTIuODY2IEwxMjEuNDUzLDM1Mi44NjYgTDEyMS40NTYwOTQsMzUyLjYzMzI4MSBDMTIxLjQ2MjI4MSwzNTIuNDA5ODQ0IDEyMS40Nzc3NSwzNTIuMjE0MjUgMTIxLjUwMjUsMzUyLjA0NjUgQzEyMS41MzU1LDM1MS44MjI4MzMgMTIxLjU4ODY2NywzNTEuNjI2NjY3IDEyMS42NjIsMzUxLjQ1OCBDMTIxLjczNTMzMywzNTEuMjg5MzMzIDEyMS44MjUxNjcsMzUxLjE0MDgzMyAxMjEuOTMxNSwzNTEuMDEyNSBDMTIyLjAzNzgzMywzNTAuODg0MTY3IDEyMi4xNjQzMzMsMzUwLjc1NzY2NyAxMjIuMzExLDM1MC42MzMgQzEyMi40MjgzMzMsMzUwLjUzMDMzMyAxMjIuNTQwMTY3LDM1MC40MzUgMTIyLjY0NjUsMzUwLjM0NyBDMTIyLjc1MjgzMywzNTAuMjU5IDEyMi44NDgxNjcsMzUwLjE2MTgzMyAxMjIuOTMyNSwzNTAuMDU1NSBDMTIzLjAxNjgzMywzNDkuOTQ5MTY3IDEyMy4wODI4MzMsMzQ5LjgzIDEyMy4xMzA1LDM0OS42OTggQzEyMy4xNzgxNjcsMzQ5LjU2NiAxMjMuMjAyLDM0OS40MDgzMzMgMTIzLjIwMiwzNDkuMjI1IEMxMjMuMjAyLDM0OS4wMDUgMTIzLjE2MzUsMzQ4LjgxNjE2NyAxMjMuMDg2NSwzNDguNjU4NSBDMTIzLjAwOTUsMzQ4LjUwMDgzMyAxMjIuOTE2LDM0OC4zNzQzMzMgMTIyLjgwNiwzNDguMjc5IEMxMjIuNjk2LDM0OC4xODM2NjcgMTIyLjU3ODY2NywzNDguMTE0IDEyMi40NTQsMzQ4LjA3IEMxMjIuMzI5MzMzLDM0OC4wMjYgMTIyLjIxOTMzMywzNDguMDA0IDEyMi4xMjQsMzQ4LjAwNCBDMTIxLjY2OTMzMywzNDguMDA0IDEyMS4zMzM4MzMsMzQ4LjE1MjUgMTIxLjExNzUsMzQ4LjQ0OTUgQzEyMC45MzIwNzEsMzQ4LjcwNDA3MSAxMjAuODI2MTEyLDM0OS4wMzI3MjQgMTIwLjc5OTYyMiwzNDkuNDM1NDU5IEwxMjAuNzkzLDM0OS42NDMgTDExOS41MzksMzQ5LjY0MyBMMTE5LjU0NjI2LDM0OS40MDU0IEMxMTkuNTY1NjIsMzQ5LjA5NDQ2NyAxMTkuNjIzNywzNDguODA3IDExOS43MjA1LDM0OC41NDMgQzExOS44NDE1LDM0OC4yMTMgMTIwLjAxNzUsMzQ3LjkzMDY2NyAxMjAuMjQ4NSwzNDcuNjk2IEMxMjAuNDc5NSwzNDcuNDYxMzMzIDEyMC43NTgxNjcsMzQ3LjI3OTgzMyAxMjEuMDg0NSwzNDcuMTUxNSBDMTIxLjQxMDgzMywzNDcuMDIzMTY3IDEyMS43NzU2NjcsMzQ2Ljk1OSAxMjIuMTc5LDM0Ni45NTkgWiIgaWQ9ImFzayI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+"); }
  .icon-question,
  .icon-box_hover .icon-question {
    transition: all 0.15s ease 0s; }
    .icon-question::before,
    .icon-box_hover .icon-question::before {
      opacity: 1; }
    .icon-question::after,
    .icon-box_hover .icon-question::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+YXNrPC90aXRsZT4KICAgIDxnIGlkPSJpbmRleCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Imljb24xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTE1LjAwMDAwMCwgLTM0NC4wMDAwMDApIiBmaWxsPSIjOTc5Q0E5IiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTIyLDM0NCBDMTI1Ljg2NTk5MywzNDQgMTI5LDM0Ny4xMzQwMDcgMTI5LDM1MSBDMTI5LDM1NC44NjU5OTMgMTI1Ljg2NTk5MywzNTggMTIyLDM1OCBDMTE4LjEzNDAwNywzNTggMTE1LDM1NC44NjU5OTMgMTE1LDM1MSBDMTE1LDM0Ny4xMzQwMDcgMTE4LjEzNDAwNywzNDQgMTIyLDM0NCBaIE0xMjIsMzQ1IEMxMTguNjg2MjkyLDM0NSAxMTYsMzQ3LjY4NjI5MiAxMTYsMzUxIEMxMTYsMzU0LjMxMzcwOCAxMTguNjg2MjkyLDM1NyAxMjIsMzU3IEMxMjUuMzEzNzA4LDM1NyAxMjgsMzU0LjMxMzcwOCAxMjgsMzUxIEMxMjgsMzQ3LjY4NjI5MiAxMjUuMzEzNzA4LDM0NSAxMjIsMzQ1IFogTTEyMi43NjIsMzUzLjYyNSBMMTIyLjc2MiwzNTUgTDEyMS4yODgsMzU1IEwxMjEuMjg4LDM1My42MjUgTDEyMi43NjIsMzUzLjYyNSBaIE0xMjIuMTc5LDM0Ni45NTkgQzEyMi41MTYzMzMsMzQ2Ljk1OSAxMjIuODI5ODMzLDM0Ny4wMDg1IDEyMy4xMTk1LDM0Ny4xMDc1IEMxMjMuNDA5MTY3LDM0Ny4yMDY1IDEyMy42NjIxNjcsMzQ3LjM0OTUgMTIzLjg3ODUsMzQ3LjUzNjUgQzEyNC4wOTQ4MzMsMzQ3LjcyMzUgMTI0LjI2NTMzMywzNDcuOTU2MzMzIDEyNC4zOSwzNDguMjM1IEMxMjQuNTE0NjY3LDM0OC41MTM2NjcgMTI0LjU3NywzNDguODI5IDEyNC41NzcsMzQ5LjE4MSBDMTI0LjU3NywzNDkuNDM3NjY3IDEyNC41NDk1LDM0OS42NTk1IDEyNC40OTQ1LDM0OS44NDY1IEMxMjQuNDM5NSwzNTAuMDMzNSAxMjQuMzY2MTY3LDM1MC4xOTQ4MzMgMTI0LjI3NDUsMzUwLjMzMDUgQzEyNC4xODI4MzMsMzUwLjQ2NjE2NyAxMjQuMDc4MzMzLDM1MC41ODcxNjcgMTIzLjk2MSwzNTAuNjkzNSBMMTIzLjYwOSwzNTEuMDA3IEwxMjMuNjA5LDM1MS4wMDcgTDEyMy4zNDUsMzUxLjIzNjc3OCBDMTIzLjMwMzQ0NCwzNTEuMjc0MjU5IDEyMy4yNjMxMTEsMzUxLjMxMTMzMyAxMjMuMjI0LDM1MS4zNDggQzEyMy4xMDY2NjcsMzUxLjQ1OCAxMjMuMDA0LDM1MS41ODA4MzMgMTIyLjkxNiwzNTEuNzE2NSBDMTIyLjgyOCwzNTEuODUyMTY3IDEyMi43NjAxNjcsMzUyLjAxMTY2NyAxMjIuNzEyNSwzNTIuMTk1IEMxMjIuNjc2NzUsMzUyLjMzMjUgMTIyLjY1NDQwNiwzNTIuNDkyNjg4IDEyMi42NDU0NjksMzUyLjY3NTU2MyBMMTIyLjY0MSwzNTIuODY2IEwxMjEuNDUzLDM1Mi44NjYgTDEyMS40NTYwOTQsMzUyLjYzMzI4MSBDMTIxLjQ2MjI4MSwzNTIuNDA5ODQ0IDEyMS40Nzc3NSwzNTIuMjE0MjUgMTIxLjUwMjUsMzUyLjA0NjUgQzEyMS41MzU1LDM1MS44MjI4MzMgMTIxLjU4ODY2NywzNTEuNjI2NjY3IDEyMS42NjIsMzUxLjQ1OCBDMTIxLjczNTMzMywzNTEuMjg5MzMzIDEyMS44MjUxNjcsMzUxLjE0MDgzMyAxMjEuOTMxNSwzNTEuMDEyNSBDMTIyLjAzNzgzMywzNTAuODg0MTY3IDEyMi4xNjQzMzMsMzUwLjc1NzY2NyAxMjIuMzExLDM1MC42MzMgQzEyMi40MjgzMzMsMzUwLjUzMDMzMyAxMjIuNTQwMTY3LDM1MC40MzUgMTIyLjY0NjUsMzUwLjM0NyBDMTIyLjc1MjgzMywzNTAuMjU5IDEyMi44NDgxNjcsMzUwLjE2MTgzMyAxMjIuOTMyNSwzNTAuMDU1NSBDMTIzLjAxNjgzMywzNDkuOTQ5MTY3IDEyMy4wODI4MzMsMzQ5LjgzIDEyMy4xMzA1LDM0OS42OTggQzEyMy4xNzgxNjcsMzQ5LjU2NiAxMjMuMjAyLDM0OS40MDgzMzMgMTIzLjIwMiwzNDkuMjI1IEMxMjMuMjAyLDM0OS4wMDUgMTIzLjE2MzUsMzQ4LjgxNjE2NyAxMjMuMDg2NSwzNDguNjU4NSBDMTIzLjAwOTUsMzQ4LjUwMDgzMyAxMjIuOTE2LDM0OC4zNzQzMzMgMTIyLjgwNiwzNDguMjc5IEMxMjIuNjk2LDM0OC4xODM2NjcgMTIyLjU3ODY2NywzNDguMTE0IDEyMi40NTQsMzQ4LjA3IEMxMjIuMzI5MzMzLDM0OC4wMjYgMTIyLjIxOTMzMywzNDguMDA0IDEyMi4xMjQsMzQ4LjAwNCBDMTIxLjY2OTMzMywzNDguMDA0IDEyMS4zMzM4MzMsMzQ4LjE1MjUgMTIxLjExNzUsMzQ4LjQ0OTUgQzEyMC45MzIwNzEsMzQ4LjcwNDA3MSAxMjAuODI2MTEyLDM0OS4wMzI3MjQgMTIwLjc5OTYyMiwzNDkuNDM1NDU5IEwxMjAuNzkzLDM0OS42NDMgTDExOS41MzksMzQ5LjY0MyBMMTE5LjU0NjI2LDM0OS40MDU0IEMxMTkuNTY1NjIsMzQ5LjA5NDQ2NyAxMTkuNjIzNywzNDguODA3IDExOS43MjA1LDM0OC41NDMgQzExOS44NDE1LDM0OC4yMTMgMTIwLjAxNzUsMzQ3LjkzMDY2NyAxMjAuMjQ4NSwzNDcuNjk2IEMxMjAuNDc5NSwzNDcuNDYxMzMzIDEyMC43NTgxNjcsMzQ3LjI3OTgzMyAxMjEuMDg0NSwzNDcuMTUxNSBDMTIxLjQxMDgzMywzNDcuMDIzMTY3IDEyMS43NzU2NjcsMzQ2Ljk1OSAxMjIuMTc5LDM0Ni45NTkgWiIgaWQ9ImFzayIgZmlsbD0icmdiKDkxLDEzMywyMDYpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); }
  .icon-question:hover::before,
  .icon-box_hover:hover .icon-question::before {
    opacity: 0; }
  .icon-question:hover::after,
  .icon-box_hover:hover .icon-question::after {
    opacity: 1; }

.icon-toggle-filter {
  position: relative;
  display: inline-flex;
  width: 24px;
  height: 24px;
  vertical-align: middle; }
  .icon-toggle-filter::before, .icon-toggle-filter::after {
    transition: all 0.15s ease 0s;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%; }
  .icon-toggle-filter::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzk3OUNBOSI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyIDE2YzEuMzA2IDAgMi40MTguODM1IDIuODMgMmg2Ljc3Yy4yMiAwIC40LjQ0OC40IDEgMCAuNTA2LS4xNS45MjUtLjM0Ni45OUwyMS42IDIwaC02Ljc3MWMtLjQxMiAxLjE2Ni0xLjUyMyAyLTIuODI5IDItMS4zMDYgMC0yLjQxNy0uODM0LTIuODI5LTJIMi40Yy0uMjIgMC0uNC0uNDQ4LS40LTEgMC0uNTA2LjE1LS45MjUuMzQ2LS45OUwyLjQgMThoNi43N2MuNDEyLTEuMTY1IDEuNTI0LTIgMi44My0yem0wIDJjLS41NTIgMC0xIC40NDgtMSAxcy40NDggMSAxIDEgMS0uNDQ4IDEtMS0uNDQ4LTEtMS0xem03LTljMS42NTcgMCAzIDEuMzQzIDMgM3MtMS4zNDMgMy0zIDNjLTEuMzA2IDAtMi40MTctLjgzNC0yLjgyOS0ySDIuNzVjLS40MTQgMC0uNzUtLjQ0OC0uNzUtMSAwLS41MS4yODYtLjkzLjY1Ni0uOTkyTDIuNzUgMTFoMTMuNDJjLjQxMi0xLjE2NSAxLjUyNC0yIDIuODMtMnptMCAyYy0uNTUyIDAtMSAuNDQ4LTEgMXMuNDQ4IDEgMSAxIDEtLjQ0OCAxLTEtLjQ0OC0xLTEtMXpNNyAyYzEuMzA2IDAgMi40MTguODM1IDIuODMgMkgyMWMuNTUyIDAgMSAuNDQ4IDEgMSAwIC41MTMtLjM4Ni45MzYtLjg4My45OTNMMjEgNkg5LjgyOUM5LjQxNyA3LjE2NyA4LjMwNiA4IDcgOGMtMS4zMDYgMC0yLjQxNy0uODM0LTIuODI5LTJIM2MtLjU1MiAwLTEtLjQ0OC0xLTEgMC0uNTEzLjM4Ni0uOTM2Ljg4My0uOTkzTDMgNGgxLjE3QzQuNTgzIDIuODM1IDUuNjk1IDIgNyAyem0wIDJjLS41NTIgMC0xIC40NDgtMSAxcy40NDggMSAxIDEgMS0uNDQ4IDEtMS0uNDQ4LTEtMS0xeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNi4wMDAwMDAsIC0xMDMuMDAwMDAwKSB0cmFuc2xhdGUoMzE2LjAwMDAwMCwgMTAzLjAwMDAwMCkiLz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg=="); }
  .icon-toggle-filter,
  .icon-box_hover .icon-toggle-filter {
    transition: all 0.15s ease 0s; }
    .icon-toggle-filter::before,
    .icon-box_hover .icon-toggle-filter::before {
      opacity: 1; }
    .icon-toggle-filter::after,
    .icon-box_hover .icon-toggle-filter::after {
      opacity: 0;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgZmlsbD0iIzk3OUNBOSI+CiAgICAgICAgICAgIDxnPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyIDE2YzEuMzA2IDAgMi40MTguODM1IDIuODMgMmg2Ljc3Yy4yMiAwIC40LjQ0OC40IDEgMCAuNTA2LS4xNS45MjUtLjM0Ni45OUwyMS42IDIwaC02Ljc3MWMtLjQxMiAxLjE2Ni0xLjUyMyAyLTIuODI5IDItMS4zMDYgMC0yLjQxNy0uODM0LTIuODI5LTJIMi40Yy0uMjIgMC0uNC0uNDQ4LS40LTEgMC0uNTA2LjE1LS45MjUuMzQ2LS45OUwyLjQgMThoNi43N2MuNDEyLTEuMTY1IDEuNTI0LTIgMi44My0yem0wIDJjLS41NTIgMC0xIC40NDgtMSAxcy40NDggMSAxIDEgMS0uNDQ4IDEtMS0uNDQ4LTEtMS0xem03LTljMS42NTcgMCAzIDEuMzQzIDMgM3MtMS4zNDMgMy0zIDNjLTEuMzA2IDAtMi40MTctLjgzNC0yLjgyOS0ySDIuNzVjLS40MTQgMC0uNzUtLjQ0OC0uNzUtMSAwLS41MS4yODYtLjkzLjY1Ni0uOTkyTDIuNzUgMTFoMTMuNDJjLjQxMi0xLjE2NSAxLjUyNC0yIDIuODMtMnptMCAyYy0uNTUyIDAtMSAuNDQ4LTEgMXMuNDQ4IDEgMSAxIDEtLjQ0OCAxLTEtLjQ0OC0xLTEtMXpNNyAyYzEuMzA2IDAgMi40MTguODM1IDIuODMgMkgyMWMuNTUyIDAgMSAuNDQ4IDEgMSAwIC41MTMtLjM4Ni45MzYtLjg4My45OTNMMjEgNkg5LjgyOUM5LjQxNyA3LjE2NyA4LjMwNiA4IDcgOGMtMS4zMDYgMC0yLjQxNy0uODM0LTIuODI5LTJIM2MtLjU1MiAwLTEtLjQ0OC0xLTEgMC0uNTEzLjM4Ni0uOTM2Ljg4My0uOTkzTDMgNGgxLjE3QzQuNTgzIDIuODM1IDUuNjk1IDIgNyAyem0wIDJjLS41NTIgMC0xIC40NDgtMSAxcy40NDggMSAxIDEgMS0uNDQ4IDEtMS0uNDQ4LTEtMS0xeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMxNi4wMDAwMDAsIC0xMDMuMDAwMDAwKSB0cmFuc2xhdGUoMzE2LjAwMDAwMCwgMTAzLjAwMDAwMCkiIGZpbGw9InJnYigxMzMsMTg4LDUwKSIvPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K"); }
  .icon-toggle-filter:hover::before,
  .icon-box_hover:hover .icon-toggle-filter::before {
    opacity: 0; }
  .icon-toggle-filter:hover::after,
  .icon-box_hover:hover .icon-toggle-filter::after {
    opacity: 1; }

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 72px 32px 32px;
  border-radius: 16px;
  box-shadow: 0 12px 44px 0 rgba(41, 47, 55, 0.5);
  background-color: white; }
  @media (max-width: 1279px) {
    .card {
      padding: 24px 16px; } }
  .card-label {
    position: absolute;
    top: 20px;
    left: -8px;
    padding: 0 32px;
    height: 40px;
    font: 800 18px/40px "Gilroy", sans-serif;
    color: #fff;
    background-color: #85bc32; }

/**
 * Кнопки
 */
.custom_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px 12px 24px;
  border: 1px solid transparent;
  border-radius: 24px;
  font-size: 17px;
  line-height: 1.41;
  font-family: "Gravity-Bold", sans-serif;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none; }
  @media (max-width: 1279px) {
    .custom_btn {
      min-height: 46px;
      font-size: 16px;
      line-height: 24px; } }
  .custom_btn:hover {
    text-decoration: none !important; }
  .custom_btn.disabled, .custom_btn[disabled] {
    cursor: default; }
  .custom_btn.mod__sm {
    padding-top: 6px;
    padding-bottom: 8px;
    line-height: 1.71 !important;
    font-size: 14px !important; }
    @media (max-width: 1279px) {
      .custom_btn.mod__sm {
        min-height: auto; } }
  .custom_btn.mod__w-100 {
    width: 100%; }

.btn_green {
  border: 1px solid #8fc144;
  color: #FFFFFF;
  background-color: #8fc144;
  transition: all 0.15s ease 0s; }
  .btn_green:hover {
    box-shadow: 0 4px 8px 0 rgba(41, 47, 55, 0.3); }
  .btn_green:hover {
    border-color: #85bc32;
    color: #FFFFFF;
    background-color: #85bc32; }
  .btn_green.disabled, .btn_green.disabled:hover {
    background-color: #cbcfd8;
    border-color: #cbcfd8;
    color: #ffffff; }

.btn_transparent {
  border: 1px solid rgba(163, 207, 98, 0.5);
  color: #8fc144;
  background-color: transparent;
  transition: all 0.15s ease 0s; }
  .btn_transparent:hover {
    box-shadow: 0 4px 8px 0 rgba(41, 47, 55, 0.2); }
  .btn_transparent:hover {
    border-color: #8fc144;
    color: #85bc32;
    background-color: transparent; }
  .btn_transparent.disabled, .btn_transparent.disabled:hover {
    background-color: transparent;
    border-color: #cbcfd8;
    color: #cbcfd8; }

.btn_orange {
  border: 1px solid #deb408;
  color: #FFFFFF;
  background-color: #deb408;
  transition: all 0.15s ease 0s; }
  .btn_orange:hover {
    box-shadow: 0 4px 8px 0 rgba(41, 47, 55, 0.3); }
  .btn_orange:hover {
    color: #FFFFFF;
    background-color: #deb408; }

/*
 * aside
 */
.aside_wrapper {
  display: flex; }
  .aside_wrapper > .inner_content {
    width: 100%;
    max-width: 726px;
    padding-right: 69px; }
    @media (max-width: 1365px) {
      .aside_wrapper > .inner_content {
        max-width: 702px;
        padding-right: 65px; } }
    @media (max-width: 1279px) {
      .aside_wrapper > .inner_content {
        padding-right: 0; } }
  .aside_wrapper > .aside {
    margin-left: -39px;
    width: 100%;
    max-width: 315px; }
    @media (max-width: 1365px) {
      .aside_wrapper > .aside {
        margin-left: -39px;
        max-width: 299px; } }
    @media (max-width: 1279px) {
      .aside_wrapper > .aside {
        display: none; } }
    .aside_wrapper > .aside ul {
      border-left: 1px solid rgba(41, 47, 55, 0.1); }

.aside-list__item {
  position: relative;
  padding: 8px 0 8px 16px; }

.aside-list__item.active::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  width: 4px;
  height: 100%;
  background-color: #85bc32; }

.aside-list__item.active .aside-list__link {
  color: #292f37;
  font-family: "Gilroy", sans-serif;
  font-weight: 800;
  font-size: 18px; }

.aside-list__item:last-child {
  padding-bottom: 0; }

.aside-list__link {
  font-size: 16px;
  line-height: 1.33;
  color: #4c515c; }

.aside-list__link:hover {
  text-decoration: none; }

.focus-effect {
  position: relative; }
  .focus-effect-input {
    width: 100%; }
  .focus-effect-input ~ label {
    display: none;
    position: absolute;
    left: 16px;
    top: 12px;
    width: calc(100% - 16px);
    color: rgba(76, 81, 92, 0.5);
    transition: 0.3s;
    cursor: text;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .focus-effect-input.has-content ~ label {
    top: -11px;
    left: 9px  !important;
    width: auto !important;
    padding: 0 8px;
    font-size: 13px;
    color: #979ca9;
    transition: 0.3s;
    background-color: #fff; }
  .focus-effect.col label {
    left: 26px;
    width: calc(100% - 36px); }
  .focus-effect.col input.has-content ~ label {
    left: 19px  !important; }
  .focus-effect__hint {
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.38;
    color: #4c515c; }
  .focus-effect input.focus-effect-input[data-prevent-autofill] {
    background-color: #ffffff !important; }

.select-with-label {
  position: relative; }
  .select-with-label__label {
    position: absolute;
    top: -11px;
    left: 9px;
    width: auto;
    padding: 0 8px;
    font-size: 13px;
    color: #979ca9;
    background-color: #ffffff;
    z-index: 2;
    cursor: text; }

.search_box {
  display: flex;
  flex-wrap: nowrap;
  position: relative; }
  .search_box:hover input,
  .search_box input.has-content {
    border-color: #4870b7; }
  .search_box .search_box-input {
    padding-right: 48px; }
  .search_box .search_box-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    border: none;
    background-color: transparent; }
    .search_box .search_box-btn::after, .search_box .search_box-btn::before {
      width: 24px;
      height: 24px; }
  .search_box-input.has-content + button::before {
    opacity: 0; }
  .search_box-input.has-content + button::after {
    opacity: 1; }

/**
 * Таблицы
 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }
  table.table-fixed {
    table-layout: fixed; }
  table thead td {
    padding-left: 24px;
    height: 48px;
    vertical-align: middle;
    font: bold 14px "Gravity", sans-serif, sans-serif;
    color: #292f37;
    background-color: #f6f6f7; }
    table thead td.font-up {
      font-size: 18px;
      color: #85bc32;
      text-transform: uppercase; }
  table thead td:first-child {
    padding-left: 32px;
    border-top-left-radius: 8px; }
    @media (max-width: 1279px) {
      table thead td:first-child {
        padding-left: 24px; } }
    @media (max-width: 767px) {
      table thead td:first-child {
        padding-left: 16px;
        border-top-left-radius: 0; } }
  table thead td:last-child {
    padding-right: 32px;
    border-top-right-radius: 8px; }
    @media (max-width: 1279px) {
      table thead td:last-child {
        padding-left: 24px; } }
    @media (max-width: 767px) {
      table thead td:last-child {
        padding-left: 0;
        padding-right: 16px;
        border-top-right-radius: 0; } }
  table tbody tr {
    border-bottom: 1px solid #edeeef; }
  table tbody td {
    padding-left: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    vertical-align: middle;
    color: #4c515c; }
    @media (max-width: 1279px) {
      table tbody td {
        padding-left: 16px; } }
    @media (max-width: 767px) {
      table tbody td {
        vertical-align: top; } }
    table tbody td a, table tbody td .empty_link {
      font-size: inherit; }
  table tbody td:first-child {
    padding-left: 32px; }
    @media (max-width: 1279px) {
      table tbody td:first-child {
        padding-left: 24px; } }
    @media (max-width: 767px) {
      table tbody td:first-child {
        padding-left: 16px; } }
  table tbody td:last-child {
    padding-right: 32px; }
    @media (max-width: 1279px) {
      table tbody td:last-child {
        padding-right: 24px; } }
    @media (max-width: 767px) {
      table tbody td:last-child {
        padding-right: 16px;
        padding-left: 0; } }
  table td.font-hi {
    font-size: 16px; }
    @media (max-width: 1279px) {
      table td.font-hi {
        font-size: 14px; } }
  table td.empty_cell {
    background-color: transparent; }
    table td.empty_cell + td {
      padding-left: 32px;
      border-top-left-radius: 8px; }
      @media (max-width: 1279px) {
        table td.empty_cell + td {
          padding-left: 24px; } }
      @media (max-width: 767px) {
        table td.empty_cell + td {
          padding-left: 16px; } }
  table .btn_sorting {
    position: relative;
    cursor: pointer;
    color: #292f37;
    white-space: nowrap;
    padding-right: 4px; }
    table .btn_sorting:hover {
      text-decoration: underline; }
    table .btn_sorting::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 100%;
      transform: translateY(-50%);
      width: 5px;
      height: 11px;
      background-size: 100%;
      background-repeat: no-repeat; }
    table .btn_sorting.selected {
      color: #292f37; }
      table .btn_sorting.selected:hover {
        text-decoration: none; }
      table .btn_sorting.selected::after {
        background-image: url("/app/ba_front/img/ba_outer/icons/sort-down.svg"); }

.ui-dialog {
  position: absolute;
  border-radius: 16px;
  margin: 0 auto;
  box-shadow: 0 12px 44px 0 rgba(41, 47, 55, 0.5) !important;
  padding: 40px 40px 15px 40px;
  font-family: inherit !important; }
  @media (max-width: 1279px) {
    .ui-dialog {
      max-width: 100%;
      padding: 20px 20px 5px 20px; } }
  @media (max-width: 767px) {
    .ui-dialog {
      border-radius: 0;
      position: fixed;
      top: 0;
      bottom: 0; } }
  .ui-dialog-titlebar {
    background: transparent !important;
    height: 1px !important;
    margin-top: -1px; }
    @media (max-width: 1279px) {
      .ui-dialog-titlebar {
        height: 22px !important; } }
  .ui-dialog-title {
    display: none; }
  .ui-dialog-titlebar-close {
    position: absolute;
    right: -93px !important;
    top: -40px !important;
    padding: 11px;
    width: 22px !important;
    height: 22px !important;
    background: transparent !important;
    z-index: 1; }
    @media (max-width: 1279px) {
      .ui-dialog-titlebar-close {
        right: 0 !important;
        top: 0 !important; }
        .ui-dialog-titlebar-close::before {
          content: '';
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center center;
          background-size: 100% 100%;
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9IiM0QzUxNUMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNzMzIDMuMjk3TDEyIDEwLjU2M2w3LjI2Ny03LjI2NmExLjAxNiAxLjAxNiAwIDAgMSAxLjM0LS4wODRsLjA5Ni4wODRjLjM2Ni4zNjYuMzk0Ljk0Mi4wODQgMS4zNGwtLjA4NC4wOTZMMTMuNDM3IDEybDcuMjY2IDcuMjY3YTEuMDE1IDEuMDE1IDAgMSAxLTEuNDM2IDEuNDM2TDEyIDEzLjQzN2wtNy4yNjcgNy4yNjZhMS4wMTYgMS4wMTYgMCAwIDEtMS4zNC4wODRsLS4wOTYtLjA4NGExLjAxNiAxLjAxNiAwIDAgMS0uMDg0LTEuMzRsLjA4NC0uMDk2TDEwLjU2MyAxMiAzLjI5NyA0LjczM2ExLjAxNSAxLjAxNSAwIDEgMSAxLjQzNi0xLjQzNnoiLz4KPC9zdmc+Cg=="); } }
  .ui-dialog-content {
    padding: 0 !important;
    max-height: calc(80vh - 40px);
    scrollbar-width: none; }
    @media (max-width: 767px) {
      .ui-dialog-content {
        max-height: calc(95vh - 40px); } }
    .ui-dialog-content::-webkit-scrollbar {
      display: none; }
    .ui-dialog-content .title_text {
      margin-top: 0; }
    .ui-dialog-content .btn_confirm {
      width: 100%;
      max-width: 217px; }
    .ui-dialog-content .btn_cancel {
      width: 100%;
      max-width: 186px; }

.ui-widget-overlay {
  background-color: rgba(41, 47, 55, 0.5); }

.ui-resizable-handle {
  display: none !important; }

/**
 * Подсказки
 */
.error_bubble {
  display: none;
  position: absolute;
  padding: 11px 16px;
  background-color: #cf6662;
  color: #ffffff;
  border-radius: 4px;
  left: 0;
  z-index: 50;
  font-size: 13px;
  line-height: 1.38; }
  .error_bubble::after {
    content: '';
    position: absolute;
    top: -7px;
    left: 16px;
    width: 16px;
    height: 16px;
    background-color: #cf6662;
    transform: rotate(45deg); }

.loader-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 350px; }
  .loader-box__icon {
    margin-bottom: 24px; }
  .loader-box__text {
    font-size: 16px;
    line-height: 1.63;
    color: #4c515c; }

.notice-box {
  display: none;
  position: fixed;
  top: 16px;
  z-index: 11000;
  width: 836px;
  padding: 16px;
  border-radius: 4px;
  background-color: #4870b7;
  box-shadow: 0 12px 44px 0 rgba(41, 47, 55, 0.5); }
  .notice-box__text {
    font-size: 16px;
    line-height: 1.63;
    color: #ffffff; }
  .notice-box[data-type="error"] {
    background-color: #cf6662; }
  @media (max-width: 1279px) {
    .notice-box {
      max-width: calc(100% - 32px);
      left: 16px !important; } }

/**
 * Переключатель
 */
.switcher {
  display: flex;
  align-items: stretch; }
  .switcher div:first-of-type,
  .switcher label:first-of-type {
    border-radius: 22px 0 0 22px;
    border-left: 1px solid #cbcfd8; }
  .switcher div:last-of-type,
  .switcher label:last-of-type {
    border-radius: 0 22px 22px 0; }
  .switcher__item {
    transition: all 0.15s ease 0s;
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #cbcfd8;
    border-left: none;
    padding: 5px 24px 7px 24px;
    color: #979ca9;
    font-size: 14px;
    line-height: 1.43;
    cursor: pointer; }
    .switcher__item:hover {
      color: #85bc32; }
    .switcher__item--active, input:checked + label.switcher__item {
      background-color: #8fc144;
      border-color: #8fc144 !important;
      color: #ffffff; }
      .switcher__item--active ~ .switcher__item, input:checked + label.switcher__item ~ .switcher__item {
        border-left-color: #8fc144; }
      .switcher__item--active:hover, input:checked + label.switcher__item:hover {
        color: #ffffff; }
    label.switcher__item {
      color: black; }
      label.switcher__item::before, label.switcher__item::after {
        display: none; }

/**
 * Меню переключения языков
 */
.lang_menu {
  position: relative; }
  .lang_menu .lang-link {
    display: inline-flex;
    align-items: center;
    cursor: pointer; }
    .lang_menu .lang-link:hover {
      color: #85bc32; }
    .lang_menu .lang-link__icon {
      margin-right: 8px; }
    .lang_menu .lang-link__text {
      font-size: 13px;
      line-height: 24px; }
  .lang_menu .dropdown-lang {
    position: absolute;
    top: calc(100% + 10px);
    left: 6px;
    transition: visibility 0s ease 0.2s, opacity 0.2s ease 0s;
    visibility: hidden;
    opacity: 0;
    z-index: 10; }
    .lang_menu .dropdown-lang::after {
      content: '';
      position: absolute;
      bottom: 100%;
      left: 23px;
      height: 0;
      width: 0;
      pointer-events: none;
      border: solid transparent;
      border-bottom-color: #ffffff;
      border-width: 7px; }
    .lang_menu .dropdown-lang__list {
      background-color: #ffffff;
      box-shadow: 0 4px 8px 0 rgba(41, 47, 55, 0.3);
      border-radius: 17px;
      padding: 5px 0 7px 0;
      overflow: hidden; }
    .lang_menu .dropdown-lang__item {
      font-size: 13px;
      line-height: 20px; }
      .lang_menu .dropdown-lang__item--active .dropdown-lang__link {
        color: #85bc32; }
        .lang_menu .dropdown-lang__item--active .dropdown-lang__link:hover {
          color: #85bc32; }
      .lang_menu .dropdown-lang__item:hover {
        background-color: #f6f6f7; }
    .lang_menu .dropdown-lang__link {
      display: block;
      padding: 7px 16px 9px 16px;
      color: #4c515c; }
      .lang_menu .dropdown-lang__link:hover {
        text-decoration: none;
        color: #4c515c; }
  .lang_menu.mod__open .dropdown-lang {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s; }
  .lang_menu.mod__footer .lang-link:hover .lang-link__text {
    color: #85bc32; }
  .lang_menu.mod__footer .dropdown-lang {
    left: auto;
    right: 0; }
    .lang_menu.mod__footer .dropdown-lang::after {
      left: auto;
      right: 23px; }

/**
 * Навигация на странице
 */
/**
 * Variables
 */
/**
 * Используемые шрифты
 *
 * @prop {String} key - Тип шрифта
 * @prop {String} value - Название шрифта
 */
/**
 * Пути до директорий BA
 * @prop {String} key
 * @prop {String} value
 */
/**
 * Общие цвета BA
 * @prop {String} key
 * @prop {Color} value
 */
/**
 * Functions
 */
/**
 * Получение конфигурации
 * @param {String} $name - название типа
 * @return {variables} - значение
 */
/**
 * Получение шрифта по его имени
 *
 * @param {String} $type - Тип шрифта из карты в $font-families
 * @result {String} - Выбранный шрифт и шрифт по умолчанию
 */
/**
 * Получение правильного пути для картинки
 *
 * @param {String} $image - путь к картинке от папки img
 * @return {String} - правильный путь к картинке
 */
/**
 * Получение цвета BA по названию
 * @param {String} $name - название типа
 * @return {Color} - цвет
 */
/**
 * Получение пути BA по названию
 * @param {String} $name - название
 * @return {String} - путь
 */
/**
 * Mixins
 */
/**
 * Анимация свойств
 * @param {Map} $opts
 */
/**
  NEW BUTTONS
 *   @param {String} $border_color - border color
 *   @param {String} $border_hover_color - border color for hover
 *   @param {String} $border_disabled_color - border color for disabled
 *   @param {String} $color - text color
 *   @param {String} $color_hover - text color for hover
 *   @param {String} $color_disabled - text color for disabled
 *   @param {String} $bg_color - background color
 *   @param {String} $bg_hover_color - background color for hover
 *   @param {String} $bg_disabled_color - background color for disabled
 */
/**
 * No user select
 */
/**
 * Размеры блока
 *
 * @param {String} width - Ширина
 * @param {String} height - Высота. Если не задана, то по умолчанию берется ширина.
 */
/**
 * Фиксированный блок на всю страницу
 *
 * @param {Number} $z_index - слой
 * @param {Number} $opacity - прозрачность
 * @param {String} $background - цвет фона
 */
/**
 * Блок с выравниванием по центру страницы
 *
 * @param {String} $w - ширина блока
 * @param {String} $h - высота блока
 * @param {String} $position - позиционирование
 * @param {String} $z_index - слой
 */
/**
 * Вращение элемента
 *
 * @param {Number} angle - Угол вращения
 */
/**
 * Шаблон иконки
 * @param {String} $name
 * @param {String} $width
 * @param {String} $height
 * @param {Map} $opts
 */
/**
 * Шаблон для иконки при наведении
 * @param {String} $name
 * @param {Map} $opts
 */
/**
 * Прогрессивная загрузка изображения
 * @param {String} $path - путь в папке img/ba_outer
 * @param {String} $name
 * @param {String} $ext
 * @param {Map} $opts
 */
/**
 * Изображение для retina экранов
 * @param {String} $url_image
 */
/**
 * Placeholders
 */
/**
 * Ширина блока
 */
/**
 * Ширина части блока
 */
/**
 * Троеточие, если текст не помещается
 */
.text-overflow {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.page-navigation {
  display: flex;
  border-bottom: 1px solid rgba(41, 47, 55, 0.1); }
  @media (min-width: 0px) and (max-width: 767px) {
    .page-navigation {
      display: none; } }
  .page-navigation__item {
    display: inline-flex;
    margin-right: 64px; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .page-navigation__item {
        margin-right: 40px; } }
    .page-navigation__item:last-child {
      margin-right: 0; }
  .page-navigation__link {
    transition: all 0.15s ease 0s;
    display: inline-flex;
    font-size: 16px;
    line-height: 1.63;
    padding: 12px 0;
    color: #4c515c; }
    @media (min-width: 768px) and (max-width: 1279px) {
      .page-navigation__link {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 0; } }
    .page-navigation__link:hover {
      text-decoration: none;
      color: #979ca9; }
    .page-navigation__link--active {
      position: relative;
      font-family: "Gilroy", sans-serif, sans-serif;
      font-size: 18px;
      font-weight: 800;
      line-height: 1.33;
      color: #292f37;
      cursor: default; }
      @media (min-width: 768px) and (max-width: 1279px) {
        .page-navigation__link--active {
          font-size: 16px;
          line-height: 20px; } }
      .page-navigation__link--active:hover {
        color: #292f37; }
      .page-navigation__link--active::after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 4px;
        z-index: 10;
        background-color: #85bc32; }

.mobile-nav__container {
  display: none;
  margin-bottom: 16px; }
  @media (min-width: 0px) and (max-width: 767px) {
    .mobile-nav__container {
      display: flex;
      justify-content: space-between; } }
  .mobile-nav__container select {
    height: 34px; }
  @media (max-width: 767px) {
    .mobile-nav__container .mobile-navigation {
      width: 100% !important; } }
  .mobile-nav__container .mobile-navigation .ms-drop ul > li {
    width: 100% !important; }
  @media (min-width: 768px) {
    .mobile-nav__container .mobile-navigation {
      display: none; } }
  .mobile-nav__container .mobile-navigation .ms-choice {
    max-height: 34px; }
    .mobile-nav__container .mobile-navigation .ms-choice > span {
      padding-top: 0;
      padding-bottom: 0; }

.black_layout {
  z-index: 102;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  left: 0;
  top: 0; }

.mobile-period {
  display: none;
  margin-left: 16px;
  padding: 6px 16px 8px;
  border-radius: 17px;
  background-color: #8fc144;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px; }
  @media (max-width: 767px) {
    .mobile-period {
      display: block; } }
  @media (max-width: 767px) {
    .mobile-period__slide-popup {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 103;
      justify-content: space-between;
      align-items: center;
      padding: 40px 40px 63px;
      border-top-right-radius: 16px;
      border-top-left-radius: 16px;
      background: white;
      display: none; }
      .mobile-period__slide-popup:after {
        content: '';
        position: absolute;
        width: 80px;
        height: 2px;
        background-color: #cbcfd8;
        border-radius: 2px;
        left: 50%;
        top: 8px;
        transform: translateX(-50%); } }

@media (max-width: 767px) {
  .mediatrends .switcher__item.btn_period, .mediaperson .switcher__item.btn_period {
    width: calc(33.333% - 12px);
    border-radius: 22px;
    margin-right: 12px;
    border: 1px solid #8fc144;
    color: #8fc144; }
    .mediatrends .switcher__item.btn_period.switcher__item--active, .mediatrends input:checked + label.switcher__item.btn_period, .mediaperson .switcher__item.btn_period.switcher__item--active, .mediaperson input:checked + label.switcher__item.btn_period {
      background-color: #8fc144;
      color: #ffffff; }
    .mediatrends .switcher__item.btn_period:last-child, .mediaperson .switcher__item.btn_period:last-child {
      margin-right: 0; } }