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

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

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

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * Swiper 7.0.9
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

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

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

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

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

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

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

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

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

.jq-checkbox,
.jq-radio {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.jq-checkbox input,
.jq-radio input {
  position: absolute;
  z-index: -1;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.jq-file input {
  position: absolute;
  top: 0;
  right: 0;
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 0;
  font-size: 100px;
  line-height: 1em;
}

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

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block;
}

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.jq-selectbox li,
.jq-select-multiple li {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.jq-selectbox {
  z-index: 10;
}

.jq-selectbox__select {
  position: relative;
}

.jq-selectbox__select-text {
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.jq-selectbox__dropdown {
  position: absolute;
}

.jq-selectbox__search input {
  -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.jq-selectbox__dropdown ul {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}

.jq-select-multiple ul {
  position: relative;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.jq-number {
  display: inline-block;
}

.jq-number__field input {
  -moz-appearance: textfield;
  text-align: left; /* для Opera Presto */
}

.jq-number__field input::-webkit-inner-spin-button,
.jq-number__field input::-webkit-outer-spin-button {
  margin: 0; /* в каких-то браузерах присутствует отступ */
  -webkit-appearance: none;
}

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element, .scroll-element div {
  box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-radius: 7px;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  border-radius: 12px;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}

.irs-handle.type_last {
  z-index: 2;
}

.irs-min,
.irs-max {
  position: absolute;
  display: block;
  cursor: default;
}

.irs-min {
  left: 0;
}

.irs-max {
  right: 0;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000;
}

.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}

.irs-disabled {
  opacity: 0.4;
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
}

.irs--flat {
  height: 40px;
}

.irs--flat.irs-with-grid {
  height: 60px;
}

.irs--flat .irs-line {
  top: 25px;
  height: 12px;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 25px;
  height: 12px;
  background-color: #ed5565;
}

.irs--flat .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: #e1e4e9;
}

.irs--flat .irs-handle {
  top: 22px;
  width: 16px;
  height: 18px;
  background-color: transparent;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background-color: #da4453;
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #a43540;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
  top: 0;
  padding: 1px 3px;
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  background-color: #e1e4e9;
  border-radius: 4px;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #ed5565;
  border-radius: 4px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
  background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
  color: #999;
}

.irs--big {
  height: 55px;
}

.irs--big.irs-with-grid {
  height: 70px;
}

.irs--big .irs-line {
  top: 33px;
  height: 12px;
  background-color: white;
  background: linear-gradient(to bottom, #ddd -50%, white 150%);
  border: 1px solid #ccc;
  border-radius: 12px;
}

.irs--big .irs-bar {
  top: 33px;
  height: 12px;
  background-color: #92bce0;
  border: 1px solid #428bca;
  background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
  border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
  height: 1px;
  bottom: 16px;
  background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
  top: 25px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #cbcfd5;
  background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
  border-radius: 30px;
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
  border-color: rgba(0, 0, 0, 0.45);
  background-color: #939ba7;
  background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min,
.irs--big .irs-max {
  top: 0;
  padding: 1px 5px;
  color: white;
  text-shadow: none;
  background-color: #9f9f9f;
  border-radius: 3px;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
  color: white;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #428bca;
  background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
  border-radius: 3px;
}

.irs--big .irs-grid-pol {
  background-color: #428bca;
}

.irs--big .irs-grid-text {
  color: #428bca;
}

.irs--modern {
  height: 55px;
}

.irs--modern.irs-with-grid {
  height: 55px;
}

.irs--modern .irs-line {
  top: 25px;
  height: 5px;
  background-color: #d1d6e0;
  background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
  border: 1px solid #a3adc1;
  border-bottom-width: 0;
  border-radius: 5px;
}

.irs--modern .irs-bar {
  top: 25px;
  height: 5px;
  background: #20b426;
  background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
  border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
  top: 37px;
  width: 12px;
  height: 13px;
  border: 1px solid #a3adc1;
  border-top-width: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(1) {
  position: absolute;
  display: block;
  top: -4px;
  left: 1px;
  width: 6px;
  height: 6px;
  border: 1px solid #a3adc1;
  background: white;
  transform: rotate(45deg);
}

.irs--modern .irs-handle > i:nth-child(2) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 10px;
  height: 12px;
  background: #e9e6e6;
  background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
  border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle > i:nth-child(3) {
  position: absolute;
  display: block;
  box-sizing: border-box;
  top: 3px;
  left: 3px;
  width: 4px;
  height: 5px;
  border-left: 1px solid #a3adc1;
  border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
  border-color: #7685a2;
  background: #c3c7cd;
  background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover > i:nth-child(1),
.irs--modern .irs-handle:hover > i:nth-child(1) {
  border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover > i:nth-child(3),
.irs--modern .irs-handle:hover > i:nth-child(3) {
  border-color: #48536a;
}

.irs--modern .irs-min,
.irs--modern .irs-max {
  top: 0;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  color: white;
  background-color: #d1d6e0;
  border-radius: 5px;
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background-color: #20b426;
  color: white;
  border-radius: 5px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #20b426;
}

.irs--modern .irs-grid {
  height: 25px;
}

.irs--modern .irs-grid-pol {
  background-color: #dedede;
}

.irs--modern .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--sharp {
  height: 50px;
  font-size: 12px;
  line-height: 1;
}

.irs--sharp.irs-with-grid {
  height: 57px;
}

.irs--sharp .irs-line {
  top: 30px;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}

.irs--sharp .irs-bar {
  top: 30px;
  height: 2px;
  background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
  border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
  height: 1px;
  bottom: 21px;
  background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
  top: 25px;
  width: 10px;
  height: 10px;
  background-color: #a804b2;
}

.irs--sharp .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
  background-color: black;
}

.irs--sharp .irs-handle.state_hover > i:first-child,
.irs--sharp .irs-handle:hover > i:first-child {
  border-top-color: black;
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
  color: white;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 4px;
  opacity: 0.4;
  background-color: #a804b2;
  border-radius: 2px;
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 4px;
  background-color: #a804b2;
  color: white;
  border-radius: 2px;
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
  height: 25px;
}

.irs--sharp .irs-grid-pol {
  background-color: #dedede;
}

.irs--sharp .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--round {
  height: 50px;
}

.irs--round.irs-with-grid {
  height: 65px;
}

.irs--round .irs-line {
  top: 36px;
  height: 4px;
  background-color: #dee4ec;
  border-radius: 4px;
}

.irs--round .irs-bar {
  top: 36px;
  height: 4px;
  background-color: #006cfa;
}

.irs--round .irs-bar--single {
  border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
  height: 4px;
  bottom: 21px;
  background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
  top: 26px;
  width: 24px;
  height: 24px;
  border: 4px solid #006cfa;
  background-color: white;
  border-radius: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--round .irs-min,
.irs--round .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: #006cfa;
  color: white;
  border-radius: 4px;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -6px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  overflow: hidden;
  border: 3px solid transparent;
  border-top-color: #006cfa;
}

.irs--round .irs-grid {
  height: 25px;
}

.irs--round .irs-grid-pol {
  background-color: #dedede;
}

.irs--round .irs-grid-text {
  color: silver;
  font-size: 13px;
}

.irs--square {
  height: 50px;
}

.irs--square.irs-with-grid {
  height: 60px;
}

.irs--square .irs-line {
  top: 31px;
  height: 4px;
  background-color: #dedede;
}

.irs--square .irs-bar {
  top: 31px;
  height: 4px;
  background-color: black;
}

.irs--square .irs-shadow {
  height: 2px;
  bottom: 21px;
  background-color: #dedede;
}

.irs--square .irs-handle {
  top: 25px;
  width: 16px;
  height: 16px;
  border: 3px solid black;
  background-color: white;
  transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
  background-color: #f0f6ff;
}

.irs--square .irs-min,
.irs--square .irs-max {
  color: #333;
  font-size: 14px;
  line-height: 1;
  top: 0;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
  font-size: 14px;
  line-height: 1;
  text-shadow: none;
  padding: 3px 5px;
  background-color: black;
  color: white;
}

.irs--square .irs-grid {
  height: 25px;
}

.irs--square .irs-grid-pol {
  background-color: #dedede;
}

.irs--square .irs-grid-text {
  color: silver;
  font-size: 11px;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.13.4
 *
 * Included libraries:
 *   DataTables 1.13.4
 */
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: inline-block;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: #d33333;
}

table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: 0.125;
  right: 10px;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before {
  display: none;
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}

div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
  display: none;
}

div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
}

div.dataTables_processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dataTables_processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: RGB(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dataTables_processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dataTables_processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}

table.dataTable thead th,
table.dataTable thead td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 10px 6px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable tbody tr {
  background-color: transparent;
}

table.dataTable tbody tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);
  color: rgb(255, 255, 255);
  color: RGB(var(--dt-row-selected-text));
}

table.dataTable tbody tr.selected a {
  color: rgb(9, 10, 11);
  color: RGB(var(--dt-row-selected-link));
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}

table.dataTable.stripe > tbody > tr.odd.selected > *, table.dataTable.display > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.923));
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}

table.dataTable.hover > tbody > tr.selected:hover > *, table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px #0d6efd !important;
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 1)) !important;
}

table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3, table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}

table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3, table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.919));
}

table.dataTable.display > tbody > tr.odd > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
}

table.dataTable.display > tbody > tr.odd > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
}

table.dataTable.display > tbody > tr.odd > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.954));
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.947));
}

table.dataTable.display > tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.939));
}

table.dataTable.display > tbody > tr.even > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}

table.dataTable.display > tbody > tr.even > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
}

table.dataTable.display > tbody > tr.even > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
}

table.dataTable.display > tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.919));
}

table.dataTable.display > tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.911));
}

table.dataTable.display > tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.903));
}

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
}

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
}

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
}

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.982));
}

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.974));
}

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
  box-shadow: inset 0 0 0 9999px RGBA(var(--dt-row-selected, 0.962));
}

table.dataTable.no-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}

table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
}

.dataTables_wrapper .dataTables_length {
  float: left;
}

.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}

.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}

.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}

.dataTables_wrapper .dataTables_paginate {
  float: left;
  text-align: right;
  padding: 16px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: inherit !important;
  border-radius: 5px;
  background: transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background-color: #0969DA;
  color: #ffffff !important;
  border-right-color: #0969DA;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: 0.3s;
  border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background-color: rgba(20, 30, 42, 0.05);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  /*  outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); !* Chrome,Safari4+ *!
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); !* Chrome10+,Safari5.1+ *!
    background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); !* FF3.6+ *!
    background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); !* IE10+ *!
    background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); !* Opera 11.10+ *!
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); !* W3C *!
    box-shadow: inset 0 0 3px #111;*/
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: inherit;
}

.dataTables_wrapper .dataTables_scroll {
  clear: both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}

.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/*! jQuery UI - v1.13.2 - 2023-07-01
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

@font-face {
  font-family: "Roboto";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
}
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.woff2") format("woff2"), url("../fonts/icomoon/icomoon.ttf") format("ttf"), url("../fonts/icomoon/icomoon.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.icon-method:before {
  content: "\e96d";
}

.icon-mail:before {
  content: "\e96e";
}

.icon-phone-call:before {
  content: "\e96f";
}

.icon-clock2:before {
  content: "\e96b";
}

.icon-bids2:before {
  content: "\e96c";
}

.icon-newsfeed-line:before {
  content: "\e963";
}

.icon-basket2-line:before {
  content: "\e964";
}

.icon-bids2-line:before {
  content: "\e965";
}

.icon-search2:before {
  content: "\e966";
}

.icon-case2-line:before {
  content: "\e967";
}

.icon-chart-circle:before {
  content: "\e968";
}

.icon-megafon:before {
  content: "\e969";
}

.icon-services-line:before {
  content: "\e96a";
}

.icon-alert2-line:before {
  content: "\e961";
}

.icon-message2-line:before {
  content: "\e962";
}

.icon-house:before {
  content: "\e95e";
}

.icon-star-line:before {
  content: "\e95f";
}

.icon-bag-line:before {
  content: "\e960";
}

.icon-clip:before {
  content: "\e95d";
}

.icon-settings-line:before {
  content: "\e95a";
}

.icon-wallet-line:before {
  content: "\e95b";
}

.icon-box-line:before {
  content: "\e95c";
}

.icon-alert-line:before {
  content: "\e957";
}

.icon-marketpl-line:before {
  content: "\e958";
}

.icon-messaje-line:before {
  content: "\e959";
}

.icon-marketpl2:before {
  content: "\e956";
}

.icon-pin:before {
  content: "\e954";
}

.icon-top:before {
  content: "\e955";
}

.icon-best:before {
  content: "\e953";
}

.icon-basket-line:before {
  content: "\e952";
}

.icon-shield-line:before {
  content: "\e94e";
}

.icon-star2:before {
  content: "\e94f";
}

.icon-stek:before {
  content: "\e950";
}

.icon-user:before {
  content: "\e951";
}

.icon-bulb:before {
  content: "\e94d";
}

.icon-copy:before {
  content: "\e94b";
}

.icon-date:before {
  content: "\e94c";
}

.icon-req:before {
  content: "\e94a";
}

.icon-step:before {
  content: "\e948";
}

.icon-warn:before {
  content: "\e949";
}

.icon-del:before {
  content: "\e946";
}

.icon-edit:before {
  content: "\e947";
}

.icon-burger:before {
  content: "\e945";
}

.icon-list:before {
  content: "\e944";
}

.icon-bids:before {
  content: "\e943";
}

.icon-world:before {
  content: "\e942";
}

.icon-download:before {
  content: "\e941";
}

.icon-mobile:before {
  content: "\e93a";
}

.icon-desctop:before {
  content: "\e93b";
}

.icon-robot:before {
  content: "\e93c";
}

.icon-session:before {
  content: "\e93d";
}

.icon-flash:before {
  content: "\e93e";
}

.icon-platform:before {
  content: "\e93f";
}

.icon-category:before {
  content: "\e940";
}

.icon-telegram:before {
  content: "\e939";
}

.icon-warning:before {
  content: "\e92d";
}

.icon-camera:before {
  content: "\e92e";
}

.icon-send:before {
  content: "\e92f";
}

.icon-points:before {
  content: "\e930";
}

.icon-double-check:before {
  content: "\e931";
}

.icon-training-solid:before {
  content: "\e932";
}

.icon-check-round:before {
  content: "\e933";
}

.icon-training:before {
  content: "\e934";
}

.icon-comments:before {
  content: "\e935";
}

.icon-fire:before {
  content: "\e936";
}

.icon-fresh:before {
  content: "\e937";
}

.icon-smile:before {
  content: "\e938";
}

.icon-question:before {
  content: "\e924";
}

.icon-links:before {
  content: "\e925";
}

.icon-chart:before {
  content: "\e926";
}

.icon-rank:before {
  content: "\e927";
}

.icon-marker:before {
  content: "\e928";
}

.icon-share:before {
  content: "\e929";
}

.icon-heart-overlay:before {
  content: "\e92a";
}

.icon-view:before {
  content: "\e92b";
}

.icon-domain:before {
  content: "\e92c";
}

.icon-wallet:before {
  content: "\e923";
}

.icon-sorting:before {
  content: "\e922";
}

.icon-clock:before {
  content: "\e921";
}

.icon-check-list:before {
  content: "\e920";
}

.icon-vk:before {
  content: "\e900";
}

.icon-arrow-top:before {
  content: "\e901";
}

.icon-basket:before {
  content: "\e902";
}

.icon-case:before {
  content: "\e903";
}

.icon-check:before {
  content: "\e904";
}

.icon-close:before {
  content: "\e905";
}

.icon-crown:before {
  content: "\e906";
}

.icon-fb:before {
  content: "\e907";
}

.icon-filter:before {
  content: "\e908";
}

.icon-heart:before {
  content: "\e909";
}

.icon-link:before {
  content: "\e90a";
}

.icon-lock:before {
  content: "\e90b";
}

.icon-login:before {
  content: "\e90c";
}

.icon-logout:before {
  content: "\e90d";
}

.icon-marketpl:before {
  content: "\e90e";
}

.icon-messaje:before {
  content: "\e90f";
}

.icon-moscow:before {
  content: "\e910";
}

.icon-search:before {
  content: "\e911";
}

.icon-settings:before {
  content: "\e912";
}

.icon-shield:before {
  content: "\e913";
}

.icon-shield-check:before {
  content: "\e914";
}

.icon-sort:before {
  content: "\e915";
}

.icon-star:before {
  content: "\e916";
}

.icon-tg:before {
  content: "\e917";
}

.icon-tw:before {
  content: "\e918";
}

.icon-verified:before {
  content: "\e919";
}

.icon-account:before {
  content: "\e91a";
}

.icon-add:before {
  content: "\e91b";
}

.icon-alert:before {
  content: "\e91c";
}

.icon-arrow-next:before {
  content: "\e91d";
}

.icon-arrow-prev:before {
  content: "\e91e";
}

.icon-arrows:before {
  content: "\e91f";
}

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

button,
a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

input, textarea {
  font-size: 14px;
  line-height: 1.4;
}

button {
  background: none;
  padding: 0;
  border: none;
  cursor: pointer;
}

p {
  margin: 0;
}

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

ol.default-list {
  counter-reset: item;
  list-style: none;
  list-style-position: inside;
}
ol.default-list.with-gap li:not(:last-child) {
  margin-bottom: 12px;
}
ol.default-list li {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}
ol.default-list li:before {
  content: counter(item) ". ";
  counter-increment: item;
  display: inline-block;
  width: 20px;
  text-align: right;
  flex-shrink: 0;
  margin-right: 10px;
}

a {
  color: #0969DA;
  text-decoration: none;
}

b, strong {
  font-weight: 500;
  color: #141E2A;
}

img {
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin: 0;
}

main {
  flex-grow: 1;
}

body {
  font-size: 14px;
  line-height: 1.43;
  font-family: "Roboto", "Arial", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  color: #141E2A;
  background-color: #F2F4F5;
}
body.no-scroll {
  overflow: hidden;
}
body.freeze {
  position: relative;
}
body.freeze:after {
  content: "";
  z-index: 9999;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@media screen and (max-width: 767px) {
  .wrapper {
    overflow-x: hidden;
  }
}

.container {
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 15px;
}

.t1, .t1-smaller {
  font-size: 42px;
  font-weight: 500;
  line-height: 1.24;
}
@media screen and (max-width: 575px) {
  .t1, .t1-smaller {
    font-size: 24px;
    line-height: 1.33;
  }
}

.t2 {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .t2 {
    font-size: 18px;
  }
}

.t3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}

.t4 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}

.t5 {
  font-size: 22px;
  line-height: 1.45;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .t5 {
    font-size: 18px;
    line-height: 1.33;
  }
}

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

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

.text p {
  margin-bottom: 20px;
}
.text p:last-child {
  margin-bottom: 0;
}

.darken-text {
  color: #141E2A;
}

.partial__wrap {
  position: relative;
  max-height: 280px;
  overflow: hidden;
  transition: 0.3s;
}
.partial__wrap.open {
  max-height: none;
}
.partial__wrap.open::after {
  opacity: 0;
}
.partial__wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65px;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  pointer-events: none;
  transition: 0.3s;
}
.partial__more {
  margin-top: 10px;
}

.hide {
  display: none !important;
}

@media screen and (max-width: 575px) {
  .for-large-screens {
    display: none !important;
  }
}

@media screen and (min-width: 576px) {
  .for-small-screens {
    display: none !important;
  }
}

.cursor-pointer {
  cursor: pointer;
}

.position-relative {
  position: relative;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 22px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  font-weight: 500;
  transition: 0.3s;
  border-radius: 5px;
  color: inherit;
}
.btn_extended {
  padding: 8px 40px;
}
@media screen and (max-width: 575px) {
  .btn {
    padding: 8px 16px;
  }
}
.btn .icon {
  flex-shrink: 0;
}
.btn .icon ~ span {
  margin-left: 10px;
}
.btn span ~ .icon {
  margin-left: 10px;
}
.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn_accent {
  background-color: #0874F4;
  color: #ffffff;
}
.btn_accent:hover {
  box-shadow: 0 0 0 3px rgba(8, 116, 244, 0.15);
}
.btn_accent:active {
  background-color: #0969DA;
}
.btn_full {
  width: 100%;
}
.btn_light {
  color: #141E2A;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.25);
}
.btn_light:hover {
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.5);
}
.btn_dark {
  background-color: #141E2A;
  color: #ffffff;
}
.btn_dark:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
.btn_green {
  background-color: #23b35d;
  color: #ffffff;
}
.btn_green:hover {
  background-color: #1aa653;
}
.btn_green:active {
  background-color: #1AB759;
}
.btn_social {
  background-color: #ffffff;
  border: 1px solid #D6D6D6;
  border-radius: 5px;
}
.btn_social:hover {
  background-color: #F2F4F5;
}
.btn_social img {
  width: 20px;
  height: auto;
  flex-shrink: 0;
  margin-right: 10px;
}
.btn_overlay {
  background-color: #ffffff;
  box-shadow: 0 0.4px 2px 0 rgba(10, 29, 59, 0.45);
}
.btn_overlay .icon {
  color: #A9A9A9;
}
.btn_overlay:hover {
  box-shadow: 0 0.5px 3px 0 rgba(10, 29, 59, 0.45);
}
.btn_icon {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 14px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  color: #a9a9a9;
  background-color: #ffffff;
}
.btn_icon:hover {
  background-color: #F2F4F5;
  color: #737478;
}
.btn_icon.active {
  color: #C82E29 !important;
}
.btn_disabled {
  color: #a9a9a9;
  background-color: #ffffff;
}
.btn_blue {
  background-color: #00aeef;
  color: #ffffff;
}
.btn_blue:hover {
  box-shadow: 0 0 0 3px rgba(0, 174, 239, 0.15);
}
.btn_promo {
  color: #ffffff;
  background-image: linear-gradient(89.76deg, #f79d04 0.15%, #f75b04 99.79%);
}
.btn_promo .icon {
  font-size: 16px;
  background-image: linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0.54) 105.26%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.btn_promo:hover {
  box-shadow: 0 0 0 3px rgba(247, 91, 4, 0.15);
}
.btn_gray {
  background-color: #f2f4f5;
  color: #141e2a;
}
.btn_gray:hover {
  background-color: #ebedee;
}
.btn_gray .icon {
  color: #A9A9A9;
}

.section__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .section__title {
    margin-bottom: 16px;
  }
}

.slider-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 13px;
  color: #A9A9A9;
  transition: 0.3s;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1), 0px 6px 20px rgba(36, 38, 41, 0.1);
}
.slider-btn.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 992px) {
  .slider-btn:hover {
    color: #141E2A;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 6px 20px rgba(36, 38, 41, 0.1);
  }
}
@media screen and (max-width: 575px) {
  .slider-btn {
    display: none;
  }
}

.slider-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  width: 18px;
  height: 3px;
  font-size: 0;
  border-radius: 5px;
  background-color: #A9A9A9;
  opacity: 1;
  transition: 0.3s;
}
.slider-pagination .swiper-pagination-bullet-active {
  background-color: #0969DA;
}

.swiper-slide {
  height: auto;
}

.swiper-slide-visible {
  opacity: 1 !important;
}

.burger {
  display: none;
  width: 40px;
  height: 40px;
  padding: 12px 11px;
}
@media screen and (max-width: 767px) {
  .burger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.burger.open .burger__line:first-child {
  transform: translateX(0) translateY(6px) rotate(-45deg);
}
.burger.open .burger__line:nth-child(2) {
  opacity: 0;
}
.burger.open .burger__line:last-child {
  transform: translateX(0) translateY(-7px) rotate(45deg);
}
.burger__line {
  height: 3px;
  width: 100%;
  border-radius: 3px;
  background-color: #a9a9a9;
  transition: 0.3s;
}

.more-link {
  position: relative;
  color: #0969DA;
}
@media screen and (max-width: 575px) {
  .more-link {
    font-size: 12px;
    line-height: 1.17;
  }
}
.more-link::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #0969DA;
  opacity: 0.4;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .more-link:hover::after {
    opacity: 1;
  }
}

.link-domain {
  position: relative;
  color: #0969DA;
  margin-right: 4px;
}
.link-domain::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(9, 105, 218, 0.4);
  opacity: 0;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .link-domain:hover::after {
    opacity: 1;
  }
}

.tabs__content {
  display: none;
}
.tabs__content.active {
  display: block;
}

.feedback__top {
  position: relative;
  height: 305px;
  margin-bottom: 25px;
  padding: 24px 22px 0;
  background-color: #F2F4F5;
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .feedback__top {
    padding: 16px;
    height: 250px;
  }
}
.feedback__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
.feedback__text {
  margin-bottom: 10px;
}
.feedback__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  height: auto;
}
.feedback__group {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media screen and (max-width: 575px) {
  .feedback__group {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
}
@media screen and (max-width: 575px) {
  .feedback__group-btn span {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .feedback__group-btn {
    padding: 8px 10px;
  }
}

.form__placeholder {
  position: absolute;
  top: 10px;
  left: 14px;
  font-size: 16px;
  line-height: 1.25;
  color: #737478;
  pointer-events: none;
}
.form__policy {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-left: 1px;
  font-size: 12px;
  line-height: 1.25;
  color: #737478;
}
.form__policy a {
  color: inherit;
  text-decoration: underline;
}
.form__policy a:hover {
  text-decoration: none;
}
.form__policy-checkbox {
  flex-shrink: 0;
  margin-right: 4px;
}

.checkbox {
  position: relative;
}
.checkbox__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.checkbox__input:checked + .checkbox__icon {
  background-color: #0969DA;
  box-shadow: none;
}
.checkbox__input:checked + .checkbox__icon:before {
  opacity: 1;
}
.checkbox__input:disabled + .checkbox__icon {
  background-color: #dfdfdf;
  cursor: default;
  box-shadow: none;
}
.checkbox__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 8px;
  box-shadow: 0 0 0 1px #d3d4d6;
  border-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  transition: 0.3s;
  cursor: pointer;
}
.checkbox__icon::before {
  opacity: 0;
  content: "\e904";
  font-family: "icomoon";
  line-height: 1;
}

.radio {
  position: relative;
}
.radio__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.radio__input:checked + .radio__icon::before {
  background-color: #0969DA;
}
.radio__input:checked + .radio__icon {
  box-shadow: inset 0 0 0 1px #0969DA;
}
.radio__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  box-shadow: inset 0 0 0 1px #d3d4d6;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
}
.radio__icon::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.form-block {
  position: relative;
}

.input {
  width: 100%;
  height: 40px;
  padding-right: 13px;
  padding-left: 13px;
  font-size: 14px;
  line-height: 1.25;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  background-color: #ffffff;
}
.input:disabled, .input.disabled {
  color: #737478;
  background-color: rgba(244, 246, 248, 0.7);
}
.input:focus {
  border-color: #a9a9a9;
}
.input.placeholder {
  opacity: 1;
  color: #737478;
}
.input:-moz-placeholder {
  opacity: 1;
  color: #737478;
}
.input::-moz-placeholder {
  opacity: 1;
  color: #737478;
}
.input:-ms-input-placeholder {
  opacity: 1;
  color: #737478;
}
.input::-webkit-input-placeholder {
  opacity: 1;
  color: #737478;
}
.input_number.placeholder {
  color: #141E2A;
  text-transform: lowercase;
}
.input_number:-moz-placeholder {
  color: #141E2A;
  text-transform: lowercase;
}
.input_number::-moz-placeholder {
  color: #141E2A;
  text-transform: lowercase;
}
.input_number:-ms-input-placeholder {
  color: #141E2A;
  text-transform: lowercase;
}
.input_number::-webkit-input-placeholder {
  color: #141E2A;
  text-transform: lowercase;
}
.input_big {
  height: 52px;
  font-size: 16px;
}
@media screen and (max-width: 575px) {
  .input_big {
    height: 40px;
  }
}
.input.invalid {
  border-color: #c82e29;
}

.form-message {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.16;
}

div.invalid {
  color: #c82e29;
}

div.valid {
  color: #23b35d;
}

.form-input {
  position: relative;
}
.form-input__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute !important;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  color: #a9a9a9;
}
.form-input_tool input {
  padding-right: 30px;
}
.form-input_age input {
  padding-right: 40px;
}
.form-input_age .form-input__icon {
  font-size: 13px;
  line-height: 1.3;
}
.form-input_price input {
  padding-right: 25px;
}
.form-input_date .form-input__icon {
  right: auto;
  left: 13px;
}
.form-input_date input {
  padding-left: 38px;
}
.form-input_search-right .form-input__icon {
  right: 11px;
  font-size: 15px;
}
.form-input_search-right input {
  padding-right: 36px;
}
.form-input_search .form-input__icon {
  right: auto;
  left: 11px;
  font-size: 15px;
}
.form-input_search input {
  padding-left: 36px;
}
.form-input_pass input {
  padding-right: 36px;
}
.form-input_pass .form-input__icon {
  width: 20px;
  height: 20px;
  font-size: 16px;
}
.form-input.half {
  display: flex;
}
.form-input.half > *:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}
.form-input.half > *:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.form-input_domain::before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 10px;
  color: #0969DA;
  position: absolute;
  top: 50%;
  left: 13px;
  transform: translateY(-50%);
}

.form-input_domain .input {
  padding-left: 30px;
  padding-right: 30px;
  color: #0969DA;
}

.form-input_domain .form-input__icon::before {
  content: "\e949";
  font-family: "icomoon";
  color: #F79D04;
}

.form-input_domain .input.verif + .form-input__icon::before {
  content: "\e948";
  color: #228E5D;
}

.form-input_domain .input.error + .form-input__icon::before {
  color: #C82E29;
}

.js-pass-view {
  cursor: pointer;
}
.js-pass-view.active {
  color: #141E2A;
}

.textarea {
  width: 100%;
  min-height: 100px;
  padding: 16px 15px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  resize: none;
}
.textarea:focus {
  border-color: #0874F4;
  box-shadow: 0 0 0 2px rgba(8, 116, 244, 0.25);
}
.textarea.placeholder {
  color: #737478;
  opacity: 0.8;
}
.textarea:-moz-placeholder {
  color: #737478;
  opacity: 0.8;
}
.textarea::-moz-placeholder {
  color: #737478;
  opacity: 0.8;
}
.textarea:-ms-input-placeholder {
  color: #737478;
  opacity: 0.8;
}
.textarea::-webkit-input-placeholder {
  color: #737478;
  opacity: 0.8;
}

input[type=number]::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  background-color: #ffffff;
  padding: 10px 12px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
}
select.invalid {
  border-color: #c82e29;
}
select.invalid + .jq-selectbox__select {
  border-color: #c82e29;
}
select:disabled + .jq-selectbox__select {
  color: #737478;
  background-color: rgba(244, 246, 248, 0.7);
}

.js-dropdown.open .drop {
  opacity: 1;
  visibility: visible;
}

.drop {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(36, 38, 41, 0.15);
  border-radius: 8px;
  overflow: hidden;
}
.drop__item {
  padding: 10px 16px;
  display: block;
  transition: 0.3s;
  color: inherit;
  white-space: nowrap;
}
@media screen and (min-width: 992px) {
  .drop__item:hover {
    background-color: #F2F4F5;
  }
}
.drop__close {
  position: absolute;
  padding: 6px;
  top: 10px;
  right: 10px;
  font-size: 13px;
  color: #737478;
  transition: 0.3s;
}
.drop__close:hover {
  color: #000000;
}

.currency-block {
  display: flex;
  align-items: center;
}
.currency-block__icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.currency-block[data-currency=rub] .currency-block__icon {
  background-image: url("../images/countries/rus.svg");
}
.currency-block[data-currency=usd] .currency-block__icon {
  background-image: url("../images/countries/usa.svg");
}
.currency-block[data-currency=uah] .currency-block__icon {
  background-image: url("../images/countries/ukr.svg");
}
.currency-block[data-currency=byn] .currency-block__icon {
  background-image: url("../images/countries/bel.svg");
}
.currency-block__text {
  margin-bottom: -3px;
  color: #737478;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .currency-block__text {
    color: #141E2A;
  }
}

.currency-drop {
  width: 100%;
  min-width: 200px;
}
.currency-drop__header {
  font-size: 14px;
  padding: 12px 16px;
  color: #737478;
  border-bottom: 1px solid #e6e6e6;
}
.currency-drop .drop-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.logo {
  font-size: 20px;
  line-height: 1;
  color: #141E2A;
  font-weight: 500;
}

/* Custom select */
.jq-selectbox {
  border-radius: 5px;
  z-index: 5;
  background-color: #ffffff;
}
.jq-selectbox__select {
  display: flex;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}
.jq-selectbox__select-text {
  margin-right: 20px;
  flex-shrink: 0;
}
.jq-selectbox__trigger {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jq-selectbox__trigger-arrow {
  display: flex;
  align-items: center;
  transform: rotate(-180deg);
  transition: 0.3s;
}
.jq-selectbox__trigger-arrow::before {
  content: "\e901";
  font-family: "icomoon";
  font-size: 7px;
  color: #a9a9a9;
  line-height: 1;
}
.jq-selectbox__dropdown {
  min-width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 4px 20px rgba(36, 38, 41, 0.15);
  border-radius: 0 0 8px 8px;
  border-top: 1px solid #e6e6e6;
  overflow: hidden;
}
.jq-selectbox__dropdown li {
  padding: 9px 15px 7px;
  cursor: pointer;
}
.jq-selectbox__dropdown li.pay {
  padding-left: 45px;
  background-position: center left 16px;
}
.jq-selectbox__dropdown li:hover {
  background-color: #F2F4F5;
}
.jq-selectbox__dropdown li.sel {
  background-color: #F2F4F5;
}
.jq-selectbox.opened .jq-selectbox__trigger-arrow {
  transform: rotate(0deg);
}
.jq-selectbox.pay {
  background-position: center left 12px;
}
.jq-selectbox.pay .jq-selectbox__select {
  padding-left: 40px;
}

.pay {
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.pay-rub, .pay-card_rub {
  background-image: url("../images/pay/russia.svg");
}

.pay-byn, .pay-card_byn {
  background-image: url("../images/pay/belarus.svg");
}

.pay-usd {
  background-image: url("../images/pay/usa.svg");
}

.pay-euro {
  background-image: url("../images/pay/euro.svg");
}

.pay-uah {
  background-image: url("../images/pay/ukraina.svg");
}

.pay-azn {
  background-image: url("../images/flags/az.svg");
}

.pay-amd {
  background-image: url("../images/flags/am.svg");
}

.pay-kzt {
  background-image: url("../images/flags/kz.svg");
}

.pay-kgs {
  background-image: url("../images/flags/kg.svg");
}

.pay-mdl {
  background-image: url("../images/flags/md.svg");
}

.pay-tmt {
  background-image: url("../images/flags/tm.svg");
}

.pay-uzs {
  background-image: url("../images/flags/uz.svg");
}

.pay-uzs {
  background-image: url("../images/flags/uz.svg");
}

.pay-tjs {
  background-image: url("../images/flags/tj.svg");
}

.pay-kg {
  background-image: url("../images/flags/kg.svg");
}

.pay-byn {
  background-image: url("../images/flags/by.svg");
}

.pay-usd {
  background-image: url("../images/flags/us.svg");
}

.pay-euro {
  background-image: url("../images/pay/euro.svg");
}

.pay-uah {
  background-image: url("../images/flags/ua.svg");
}

.pay-other {
  background-image: url("../images/flags/other.svg");
}

.pay-paypal {
  background-image: url("../images/pay/paypal.svg");
}

.pay-ymoney, .pay-yoomooney {
  background-image: url("../images/pay/ymoney.svg");
}

.pay-webmoney {
  background-image: url("../images/pay/webmoney.svg");
}

.pay-usdt, .pay-usdt_trc20 {
  background-image: url("../images/pay/usdt.svg");
}

.pay-cashless, .pay-payment_account_rub {
  background-image: url("../images/pay/cashless.svg");
}

.pay-binance {
  background-image: url("../images/pay/binance.svg");
}

.pay-bitcoin {
  background-image: url("../images/pay/bitcoin.svg");
}

.pay-wallet {
  background-image: url("../images/pay/wallet.svg");
}

.avatar {
  font-size: 14px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  text-align: center;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  font-weight: 500;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.avatar_support {
  background-image: url("../images/avatar-support.svg"), linear-gradient(180deg, #3480f4 0%, #106ddf 100%);
  background-size: 57.5% auto, auto;
}
.avatar_deal {
  background-image: linear-gradient(321.23deg, #1ca93f 17.23%, #72cc89 86.8%);
}
.avatar_deal::before {
  content: "\e913";
  font-family: "icomoon";
  line-height: 1;
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
  background-image: linear-gradient(152.3deg, #ffffff 2.69%, rgba(255, 255, 255, 0.76) 95.63%);
}
.avatar_referee {
  box-shadow: inset 0 0 0 1px #d3d4d6;
}
.avatar_warning {
  background: #f8ecec url("../images/error.svg") no-repeat center;
  background-size: 50% auto;
}
.avatar_draft {
  background-color: #e6f0fb;
  background-image: url("../images/icons/icon-draft.svg");
  background-size: 40% auto;
}
.avatar_admin {
  background-image: url("../images/icons/icon-admin.svg"), linear-gradient(142deg, #ffa877 0.01%, #ff5c00 100%);
  background-size: 60% auto, auto;
}
.avatar_is-online::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 0;
  right: 0;
  border: 2px solid #ffffff;
  background-color: #23b35d;
  border-radius: 50%;
}

.user-rate {
  display: flex;
  align-items: center;
  padding: 3px;
  font-size: 10px;
  line-height: 0.9;
  font-weight: 500;
  border-radius: 4px;
  background-color: #F2F4F5;
  color: #44545A !important;
}
.user-rate::before {
  content: "";
  width: 9px;
  height: 9px;
  margin-right: 3px;
  margin-bottom: 1px;
  background-image: url("../images/user/rate.svg");
  filter: grayscale(1);
}
.user-rate.positive {
  color: #249580 !important;
  background-color: #DEF4E7;
}
.user-rate.positive::before {
  filter: grayscale(0);
}

.quantity {
  padding: 0 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  background-color: #C82E29;
  color: #ffffff;
  border-radius: 10px;
}
.quantity_green {
  background-color: #1ca93f;
}
.quantity_accent {
  background-color: #0874F4;
}

.socials {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.socials__link {
  width: 20x;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #d3d4d6;
  transition: 0.3s;
}
.socials__link_tw {
  font-size: 17px;
}
.socials__link_ms {
  font-size: 17px;
}
.socials__link:hover {
  color: rgba(115, 116, 120, 0.8);
}

.title-group {
  display: flex;
  align-items: center;
}
.title-group__icon {
  margin-right: 10px;
}
.title-group__counter {
  margin-left: 8px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
  color: #A9A9A9;
}

.visuality-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
}

.is-verif::after {
  content: "\e919";
  font-family: "icomoon";
  line-height: 1;
  font-size: 14px;
  color: #00b2ff;
}
.is-verif.orange::after {
  color: #ff5c00;
}

.comments-form__wrap {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
}
@media screen and (max-width: 575px) {
  .comments-form__wrap {
    padding: 12px;
  }
}
.comments-form__wrap.focused {
  border-color: #0969DA;
  box-shadow: 0 0 0 2px rgba(9, 105, 218, 0.25);
}
.comments-form__textarea {
  padding: 0;
  min-height: 60px;
  margin-bottom: 16px;
  border: none;
  resize: none;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .comments-form__textarea {
    height: 30px;
  }
}
.comments-form__raiting {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .comments-form__raiting {
    margin-bottom: 16px;
  }
}
.comments-form__btn {
  align-self: flex-end;
  padding-left: 24px;
  padding-right: 24px;
}

.comments {
  padding: 24px;
  border-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
}
@media screen and (max-width: 575px) {
  .comments {
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0px 2px 6px 0px rgba(36, 38, 41, 0.14);
  }
}
.comments__head {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.comments__counter {
  font-size: 18px;
  margin-left: 12px;
  line-height: 1.33;
  color: #a9a9a9;
}
.comments__form {
  margin-bottom: 32px;
}
@media screen and (max-width: 575px) {
  .comments__form {
    margin-bottom: 24px;
  }
}

.comment {
  padding-bottom: 24px;
}
.comment:last-child {
  padding-bottom: 0;
}
.comment > .comment {
  padding-top: 24px;
  padding-bottom: 0;
  margin-top: 16px;
  margin-left: 52px;
  border-top: 1px solid #e6e6e6;
}
.comment__inner {
  display: flex;
  align-items: flex-start;
}
.comment__avatar {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  font-size: 16px;
  flex-shrink: 0;
}
.comment__body {
  flex-grow: 1;
}
.comment__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-bottom: 7px;
}
.comment__name {
  margin-right: 5px;
  font-weight: 500;
  color: #141E2A;
}
.comment__name.is-verif {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.comment__ads {
  margin-bottom: 6px;
}
.comment__user-rate {
  margin-right: 8px;
}
.comment__date {
  margin-left: auto;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
  opacity: 0.8;
}
.comment__text {
  word-break: break-word;
  margin-bottom: 6px;
}
@media screen and (max-width: 575px) {
  .comment__text {
    font-size: 13px;
    line-height: 1.23;
  }
}
.comment__answer {
  font-size: 13px;
  line-height: 1.23;
  color: rgba(115, 116, 120, 0.8);
  transition: 0.3s;
}
.comment__answer:hover, .comment__answer.active {
  color: #0969DA;
}
.comment__answer.active {
  position: relative;
}
.comment__answer.active:after {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  border-top: 1px solid #0969DA;
  content: "";
  opacity: 0.5;
}
.comment__answer-cancel {
  margin-left: 12px;
  font-size: 13px;
  line-height: 1.23;
  color: rgba(115, 116, 120, 0.8);
}
.comment__delete {
  margin-left: 12px;
  font-size: 13px;
  line-height: 1.23;
  color: #C82E29;
  transition: 0.3s;
}
.comment__body-bottom {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.comment__price {
  font-weight: 500;
}
.comment__rate {
  display: flex;
  align-items: center;
}
.comment__rate-icon {
  margin-right: 3px;
  font-size: 13px;
  color: #F79D04;
}
.comment__rate-icon--gray {
  filter: grayscale(1);
}
.comment__rate-text {
  font-weight: 500;
}
.comment .comments-form {
  margin-top: 12px;
  margin-bottom: 12px;
}
.comment .comments-form .comments-form__textarea {
  margin-bottom: 0;
  min-height: 40px;
  width: 100%;
}
.comment .comments-form .comments-form__wrap {
  flex-direction: row;
  gap: 24px;
}
.comment .comments-form .comments-form__btn {
  align-self: center;
}

.review:not(:last-child) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
}
.review__inner {
  display: flex;
  align-items: flex-start;
}
.review__avatar {
  width: 40px;
  height: 40px;
  margin-right: 12px;
  font-size: 16px;
  flex-shrink: 0;
}
.review__body {
  flex-grow: 1;
}
.review__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 5px;
  margin-bottom: 7px;
}
.review__name {
  margin-right: 5px;
  font-weight: 500;
  color: #141E2A;
}
.review__name.is-verif {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.review__ads {
  margin-bottom: 6px;
}
.review__user-rate {
  margin-right: 8px;
}
.review__date {
  margin-left: auto;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
  opacity: 0.8;
}
.review__stars {
  display: flex;
  align-items: center;
  gap: 5px;
}
.review__deal {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.review__deal-title, .review__deal-amount {
  font-size: 12px;
  color: #737478;
}
.review__deal-listing {
  font-size: 12px;
  color: #0969DA;
}
.review__text {
  margin-top: 8px;
  word-break: break-word;
}
@media screen and (max-width: 575px) {
  .review__text {
    font-size: 13px;
    line-height: 1.23;
  }
}
.review__price {
  font-weight: 500;
}
.review__rate {
  display: flex;
  align-items: center;
}
.review__rate-icon {
  font-size: 13px;
  color: #F79D04;
}
.review__rate-icon--gray {
  filter: grayscale(1);
}
.review__rate-text {
  font-weight: 500;
}

.attention {
  position: relative;
  padding: 16px;
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .attention {
    margin-bottom: 16px;
  }
}
.attention__title {
  margin-bottom: 6px;
  font-weight: 500;
  color: #242424;
}
.attention__text a {
  white-space: nowrap;
  color: #f79d04;
  text-decoration: underline;
}
.attention__icon {
  margin-right: 18px;
  font-size: 25px;
  flex-shrink: 0;
}
.attention_success {
  border: 1px solid rgba(28, 169, 63, 0.25);
  background-color: #e8f6eb;
}
.attention_success .attention__icon {
  color: #55bb00;
}
.attention_success .attention__text a {
  color: #23b35d;
}
.attention_warning {
  border: 1px solid #f9d6b2;
  background-color: #fef5e5;
}
.attention_warning .attention__icon {
  color: #f79d04;
}
.attention_warning .attention__text a {
  color: #f79d04;
}
.attention_error {
  border: 1px solid rgba(200, 46, 41, 0.2);
  background-color: #f8ecec;
}
.attention_error .attention__icon {
  color: #c82e29;
}
.attention_error .attention__text a {
  color: #b9433f;
}
.attention__close {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 10px;
  color: #737478;
}

.page-info {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .page-info {
    padding: 24px 0;
  }
}
.page-info b {
  color: #333;
}
.page-info__title {
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 575px) {
  .page-info__title {
    font-size: 24px;
  }
}
.page-info__inner {
  display: grid;
  grid-template-columns: auto 280px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 991px) {
  .page-info__inner {
    grid-template-columns: 1fr;
  }
}
.page-info__content {
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  font-size: 16px;
  line-height: 1.5;
  padding: 32px;
  border-radius: 8px;
  background-color: #ffffff;
  color: #333333;
}
@media screen and (max-width: 575px) {
  .page-info__content {
    padding: 15px;
    font-size: 14px;
    line-height: 1.4;
  }
}
.page-info__content h2, .page-info__content h3, .page-info__content h4, .page-info__content h5, .page-info__content h6 {
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .page-info__content h2, .page-info__content h3, .page-info__content h4, .page-info__content h5, .page-info__content h6 {
    margin-bottom: 20px;
  }
}
.page-info__content h2 {
  font-size: 25px;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .page-info__content h2 {
    font-size: 18px;
  }
}
.page-info__content h3 {
  font-size: 18px;
  line-height: 1.25;
}
@media screen and (max-width: 575px) {
  .page-info__content h3 {
    font-size: 16x;
  }
}
.page-info__content h4, .page-info__content h5, .page-info__content h6 {
  font-size: 16px;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .page-info__content h4, .page-info__content h5, .page-info__content h6 {
    font-size: 14px;
  }
}
.page-info__content p {
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .page-info__content p {
    margin-bottom: 20px;
  }
}
.page-info__content p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .page-info__aside {
    display: none;
  }
}
.page-info__menu {
  position: sticky;
  top: 10px;
  padding: 16px 24px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
}
.page-info__menu-item {
  margin-bottom: 4px;
  border-bottom: 1px solid #e6e6e6;
}
.page-info__menu-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.page-info__menu-link {
  display: block;
  padding: 10px 0;
  color: #242631;
}
.page-info__menu-link:hover {
  font-weight: 500;
}
.page-info__menu-link.active {
  font-weight: 500;
}

.rubric-link {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 1.33;
  background-color: #ebf4fa;
  border-radius: 4px;
  color: #195379;
  transition: 0.3s;
}
.rubric-link_dark {
  color: #ffffff;
  background-color: rgba(36, 38, 41, 0.64);
}
.rubric-link_dark:hover {
  background-color: #242629;
}
.rubric-link_red {
  color: #ffffff;
  background-color: #f06a6a;
}

.tooltip {
  position: relative;
  line-height: 0;
}
.tooltip:hover .tooltip__toggle {
  color: #737478;
}
.tooltip:hover .tooltip__content {
  opacity: 1;
  visibility: visible;
  padding: 10px;
  transition: visibility 0.3s, opacity 0.3s, padding 0s;
}
.tooltip__toggle {
  font-size: 14px;
  color: #a9a9a9;
  cursor: pointer;
  transition: 0.3s;
}
.tooltip__content {
  position: absolute;
  top: calc(100% + 12px);
  left: calc(50% - 100px);
  z-index: 1000;
  box-sizing: border-box;
  width: 200px;
  padding: 0;
  font-size: 13px;
  line-height: 1.23;
  font-weight: normal;
  background-color: rgba(20, 30, 42, 0.85);
  color: #ffffff;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, padding 0s 0.3s;
}
.tooltip__content::before {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent rgba(20, 30, 42, 0.85) transparent;
}
.tooltip__content:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  content: "";
  width: 12px;
  height: 12px;
}

.block-help {
  padding: 24px;
  background: #00b868 url("../images/block-forum-bg.jpg") no-repeat center;
  background-size: cover;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .block-help {
    padding: 16px;
    background: #00b868;
    font-family: "Roboto", sans-serif;
  }
}
.block-help__title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.27;
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  .block-help__title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
  }
}
.block-help__text {
  margin: 9px 0 35px;
  color: #f2f2f2;
}
@media screen and (max-width: 575px) {
  .block-help__text {
    margin: 9px 0 12px;
  }
}
.block-help__btn {
  padding: 9px 24px 11px;
  font-weight: 600;
  line-height: 1.4;
  background-color: #0d8752;
  color: #ffffff;
}
.block-help__btn:hover {
  background-color: #141E2A;
}

.block-banner {
  padding: 24px;
  border-radius: 12px;
}
@media screen and (max-width: 575px) {
  .block-banner {
    padding: 16px;
  }
}
.block-banner__btn {
  margin-top: 24px;
  min-width: 240px;
}
@media screen and (max-width: 575px) {
  .block-banner__btn {
    margin-top: 20px;
  }
}

.banner-community {
  background: url("../images/subscribe.png") no-repeat bottom -25px right 48px, linear-gradient(270deg, #141e2a 0%, #132b3f 100%);
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  .banner-community {
    background: url("../images/subscribe.png") no-repeat bottom right -160px, linear-gradient(270deg, #141e2a 0%, #132b3f 100%);
  }
}
@media screen and (max-width: 767px) {
  .banner-community {
    background: linear-gradient(270deg, #141e2a 0%, #132b3f 100%);
  }
}
.banner-community__text {
  margin: 12px 0 24px;
  color: #f2f4f5;
}
@media screen and (max-width: 575px) {
  .banner-community__text {
    max-width: 270px;
  }
}

.banner-deal {
  color: #ffffff;
  background-image: url("../images/deal-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 575px) {
  .banner-deal {
    background-position: center right -250px;
  }
}
.banner-deal__title strong {
  color: #23b35d;
}
.banner-deal__text {
  padding: 12px 0 24px;
}
@media screen and (max-width: 575px) {
  .banner-deal__text {
    max-width: 270px;
  }
}
.banner-deal__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 420px;
  row-gap: 4.5px;
  -moz-column-gap: 4.5px;
       column-gap: 4.5px;
}
@media screen and (max-width: 575px) {
  .banner-deal__group {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}
.banner-deal__group .pay-icon {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: none;
}

.banners-slider {
  position: relative;
  overflow: hidden;
}
.banners-slider__btn {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
}
.banners-slider__btn_prev {
  left: 12px;
}
.banners-slider__btn_next {
  right: 12px;
}
.banners-slider__pagination {
  margin-top: 16px;
}
@media screen and (max-width: 575px) {
  .banners-slider__pagination {
    margin-top: 8px;
  }
}

.blog-inner {
  display: grid;
  grid-template-columns: auto 280px;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .blog-inner {
    grid-template-columns: 1fr;
  }
}

.blog-content {
  flex-grow: 1;
  align-self: start;
}

.blog-sidebar {
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .blog-sidebar {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .blog-sidebar {
    grid-template-columns: 1fr;
  }
}

.scrollbar-inner {
  height: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  width: 5px;
  right: 3px;
  top: 10px;
  height: auto;
  bottom: 10px;
}

.block-payments {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
}
.block-payments__inner {
  display: flex;
  align-items: center;
  padding: 13px 0;
}
@media screen and (max-width: 1199px) {
  .block-payments__inner {
    overflow-x: auto;
  }
}
.block-payments__text {
  margin-right: 21px;
  color: #737478;
}
@media screen and (max-width: 1199px) {
  .block-payments__text {
    display: none;
  }
}
.block-payments__list {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (max-width: 991px) {
  .block-payments__list {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
@media screen and (max-width: 1199px) {
  .block-payments__list {
    -moz-column-gap: 6px;
         column-gap: 6px;
  }
}

.pay-icon {
  padding: 0 5px;
  width: 36px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px #d3d4d6;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.17;
  font-weight: 500;
  color: #a9a9a9;
  cursor: pointer;
}
.pay-icon img {
  max-width: 100%;
  height: auto;
}

.commission {
  color: #23b35d;
}

.irs {
  margin-bottom: 5px;
}

.irs--flat {
  height: auto;
}

.irs--flat .irs-line {
  top: -5px;
  height: 5px;
  background-color: #c6c6c6;
  border-radius: 0 0 8px 8px;
}

.irs-line {
  background-color: #c6c6c6;
}

.irs--flat .irs-bar {
  top: -5px;
  height: 5px;
  background-color: #23b35d;
}

.irs--flat .irs-handle {
  top: -11px;
  width: 16px;
  height: 16px;
  background: #ffffff;
  box-shadow: 0px 1px 4px rgba(36, 38, 41, 0.24);
  border-radius: 50%;
}

.irs--flat .irs-handle > i:first-child {
  display: none;
}

.irs--flat .irs-bar--single {
  border-radius: 0 0 0 8px;
}

.irs-handle.single {
  padding-top: 0;
}

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

@media screen and (max-width: 575px) {
  .more__btn {
    width: 100%;
  }
}

.purchase__status {
  float: right;
}
.purchase__text {
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.purchase__price {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 9px;
       column-gap: 9px;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .purchase__price {
    margin-bottom: 16px;
  }
}
.purchase__duration {
  font-size: 13px;
  color: #737478;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.purchase__duration span {
  color: #141E2A;
}
.purchase__bet {
  margin-bottom: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6e6e6;
}
.purchase__bet-info {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .purchase__bet-info {
    margin-bottom: 16px;
  }
}
.purchase__bet-info-value {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-weight: 500;
}
.purchase__bet-info-name {
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.purchase__bet-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.purchase__bet-input {
  position: relative;
}
.purchase__bet-input .input {
  padding-right: 25px;
}
.purchase__bet-input-currency {
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
  line-height: 1.28;
  color: #a9a9a9;
}
.purchase__edit {
  display: grid;
  -moz-column-gap: 7px;
       column-gap: 7px;
  grid-template-columns: 1fr 40px;
  margin-bottom: 16px;
}
.purchase__btn {
  width: 100%;
}
.purchase__payments {
  margin-top: 24px;
}
@media screen and (max-width: 575px) {
  .purchase__payments {
    margin-top: 16px;
  }
}
.purchase__payments-text {
  flex-shrink: 0;
  margin-right: 6px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .purchase__payments-text {
    font-size: 12px;
    line-height: 1.17;
  }
}
.purchase__payments-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
}

.owner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.owner__inner {
  display: flex;
  align-items: center;
}
.owner__avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  font-size: 24px;
}
.owner__info-top {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-bottom: 4px;
}
.owner__info-name {
  font-weight: 500;
  color: #141E2A;
}
.owner__info-name.is-verif {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.owner__info-text {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.owner__btn {
  margin-top: auto;
  width: 100%;
}
.owner__rating {
  font-size: 14px;
  display: flex;
  align-items: center;
  line-height: 1;
  gap: 4px;
  margin: 2px 0 4px;
}
.owner__rating i {
  color: #23b35d;
  margin-top: -1px;
}
.owner__rating-rate {
  font-weight: 500;
  color: #141E2A;
}
.owner__rating-count {
  color: #737478;
}
.owner__listings-count {
  font-size: 13px;
  color: #737478;
}

.block {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 0.4px 2px 0 rgba(10, 29, 59, 0.2);
  border-radius: 12px;
}
@media screen and (max-width: 575px) {
  .block {
    padding: 16px;
  }
}
.block_top {
  border-radius: 0px 0px 8px 8px;
}
.block_small {
  padding: 16px;
}
.block__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .block__title {
    margin-bottom: 16px;
  }
}
.block__title_mb-min {
  margin-bottom: 16px;
}
.block__title.tgstat {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block__title.tgstat:after {
  content: "";
  width: 90px;
  height: 20px;
  background-image: url("../images/listings/tgstat.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.block__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .block__head {
    margin-bottom: 16px;
  }
}
.block__head_mb-min {
  margin-bottom: 16px;
}
.block__item {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .block__item {
    margin-bottom: 16px;
  }
}
.block__item_sep {
  padding-bottom: 24px;
  border-bottom: 1px solid #e6e6e6;
}
@media screen and (max-width: 575px) {
  .block__item_sep {
    padding-bottom: 16px;
  }
}

.subscription-form__wrap {
  display: flex;
}
.subscription-form .form-block {
  flex-grow: 1;
}
.subscription-form .input {
  border-radius: 5px 0 0 5px;
}
.subscription-form .btn {
  border-radius: 0 5px 5px 0;
}

.params-block {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .params-block {
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}

.params-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .params-list {
    max-width: none;
  }
}
.params-list__item {
  width: 45%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .params-list__item {
    width: 100%;
  }
}
.params-list__item::before {
  order: 2;
  content: "";
  margin: 0 9px -8px;
  flex-grow: 1;
  border-bottom: 1px dashed #d3d4d6;
}
.params-list__item:last-child {
  margin-bottom: 0;
}
.params-list__name {
  display: flex;
  align-items: center;
  color: #737478;
}
.params-list__name .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 15px;
  margin-right: 8px;
  color: #a9a9a9;
}
.params-list__name .tooltip .icon {
  margin: 0 0 0 4px;
}
.params-list__value {
  order: 3;
}

.params-list-as-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  -moz-column-gap: 10%;
       column-gap: 10%;
}
.params-list-as-columns .params-list__item {
  width: 100%;
  grid-column: 1;
}
.params-list-as-columns .params-list__item.column-2 {
  grid-column: 2;
}
@media screen and (max-width: 767px) {
  .params-list-as-columns {
    grid-template-columns: 1fr;
  }
  .params-list-as-columns .params-list__item {
    grid-column: 1 !important;
  }
}

.url {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #737478;
}
.url_hidden::before {
  content: "\e90b";
  font-family: "icomoon";
  margin-right: 6px;
  font-size: 12px;
  line-height: 1;
  color: #a9a9a9;
}
.url a {
  display: flex;
  align-items: center;
}
.url a::before {
  content: "\e90a";
  font-family: "icomoon";
  font-size: 10px;
  margin-right: 6px;
  margin-bottom: -1px;
}

.download {
  display: flex;
  align-items: center;
}
.download__icon {
  margin-right: 8px;
  font-size: 16px;
  color: #0874F4;
  text-shadow: 0 0 1px #a9a9a9;
}

.file {
  display: flex;
  align-items: center;
  color: inherit;
}
.file__icon {
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  line-height: 1.28;
  font-weight: 500;
  flex-shrink: 0;
  border-radius: 5px;
  text-transform: uppercase;
  color: #ffffff;
  overflow: hidden;
  background-color: #e06b91;
}
.file__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.file__icon_image {
  background-color: transparent !important;
}
.file__icon_doc {
  background-color: #e06b91;
}
.file__icon_pdf {
  background-color: #67b3ab;
}
.file__icon_jpg, .file__icon_jpeg {
  background-color: #23b35d;
}
.file__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.file__name {
  height: 20px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .file__name {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.54;
  }
}
.file__size {
  color: #737478;
}

.status {
  display: inline-block;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 2;
  border-radius: 5px;
  background-color: #F2F4F5;
  color: #737478;
  text-align: center;
}
.status_green, .status_success {
  background-color: rgba(83, 179, 116, 0.2);
  color: #1f8140;
}
.status_blue, .status_info {
  background-color: rgba(9, 105, 218, 0.2);
  color: #0969DA;
}
.status_red, .status_danger {
  background-color: #f8ecec;
  color: #b9433f;
}
.status_orange, .status_warning, .status_process {
  background-color: #fef6e9;
  color: #d28400;
}
.status_violet {
  background-color: rgba(139, 63, 253, 0.1);
  color: #8b3ffd;
}

.user-block {
  width: 260px;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.user-block__top {
  padding: 16px;
  display: flex;
  align-items: center;
}
.user-block__avatar {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.user-block__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.user-block__name {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #141E2A;
}
.user-block__group {
  position: relative;
  padding-top: 6px;
}
.user-block__group.margin-top {
  margin-top: 6px;
}
.user-block__group:before {
  content: "";
  display: block;
  position: absolute;
  left: 16px;
  top: 0;
  width: calc(100% - 32px);
  border-top: 1px solid #E6E6E6;
}
.user-block__link {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #737478;
}
.user-block__link .icon, .user-block__link img {
  margin-right: 10px;
  color: #a9a9a9;
}
.user-block__link:hover {
  background-color: #f2f4f5;
}
.user-block__icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  transition: 0.3s;
}
.user-block__link-quantity {
  margin-left: auto;
}
.user-block__burger {
  display: none;
  margin-left: auto;
  width: 40px;
  height: 40px;
  border: 1px solid #d3d4d6;
  font-size: 16px;
  border-radius: 5px;
  color: #a9a9a9;
}
@media screen and (max-width: 991px) {
  .user-block__burger {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.p-inner {
  display: grid;
  grid-template-columns: calc(100% - 400px) 380px;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-rows: auto 1fr;
  grid-template-areas: "area-1 area-3" "area-2 area-3";
}
@media screen and (max-width: 991px) {
  .p-inner {
    grid-template-rows: auto;
    grid-template-columns: 100%;
    gap: 16px;
    grid-template-areas: "area-1" "area-3" "area-2";
  }
}
@media screen and (max-width: 767px) {
  .p-inner {
    grid-template-rows: auto;
    gap: 16px;
  }
}

.p-card {
  grid-area: area-1;
}

.p-content {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-area: area-2;
}
@media screen and (max-width: 991px) {
  .p-content {
    gap: 16px;
  }
}

.p-sidebar {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  container-type: inline-size;
  container-name: sidebar;
  align-content: start;
  grid-area: area-3;
}
@media screen and (max-width: 991px) {
  .p-sidebar {
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .p-sidebar {
    grid-template-columns: 1fr;
  }
}
.p-sidebar__sticky {
  position: sticky;
  top: 10px;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 991px) {
  .p-sidebar__sticky {
    position: static;
    gap: 16px;
  }
}

.pay-method {
  position: relative;
}
.pay-method__checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.pay-method__checkbox:checked + .pay-method__inner {
  background-color: #e6e8e9;
}
.pay-method__checkbox:checked + .pay-method__inner .pay-method__checkbox-icon {
  background-color: #23b35d;
}
.pay-method__checkbox:disabled {
  filter: grayscale(1);
  /*& + .pay-method__inner .pay-method__checkbox-icon{
    background-color : $gray;
  }*/
}
.pay-method__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  background-color: #F2F4F5;
  border-radius: 8px;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .pay-method__inner {
    padding: 12px;
  }
}
.pay-method:hover .pay-method__inner {
  background-color: #e6e8e9;
}
.pay-method:hover .pay-method__btn,
.pay-method:hover .pay-method__group {
  opacity: 1;
  visibility: visible;
}
.pay-method__left {
  display: flex;
  align-items: center;
}
.pay-method__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  flex-shrink: 0;
  padding: 10px;
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  border-radius: 9px;
}
@media screen and (max-width: 575px) {
  .pay-method__icon {
    padding: 8px;
    width: 48px;
    height: 48px;
  }
}
.pay-method__icon img {
  width: 36px;
  height: auto;
}
@media screen and (max-width: 575px) {
  .pay-method__icon img {
    width: 24px;
  }
}
.pay-method__icon_cards {
  background-image: url("../images/pay/cards-group.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 92.5% auto;
}
.pay-method__checkbox-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: flex-start;
  width: 16px;
  height: 16px;
  font-size: 8px;
  box-shadow: 0 0 0 1px #d3d4d6;
  border-radius: 4px;
  background-color: #ffffff;
  color: #ffffff;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .pay-method__info {
    font-size: 12px;
    line-height: 1.17;
  }
}
.pay-method__name {
  margin-bottom: 6px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .pay-method__name {
    font-size: 13px;
    line-height: 1.23;
  }
}
.pay-method__text {
  margin-bottom: 6px;
  color: #737478;
}
.pay-method__btn {
  opacity: 0;
  visibility: hidden;
  transition: 0s;
}
@media screen and (max-width: 991px) {
  .pay-method__btn {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 575px) {
  .pay-method__btn {
    display: none;
  }
}
.pay-method__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 991px) {
  .pay-method__group {
    opacity: 1;
    visibility: visible;
  }
}

.raiting {
  display: flex;
  align-items: center;
}
.raiting[data-raiting="1"] .raiting__group-item:last-child {
  color: #f79d04;
}
.raiting[data-raiting="2"] .raiting__group-item:nth-child(n+4) {
  color: #f79d04;
}
.raiting[data-raiting="3"] .raiting__group-item:nth-child(n+3) {
  color: #f79d04;
}
.raiting[data-raiting="4"] .raiting__group-item:nth-child(n+2) {
  color: #f79d04;
}
.raiting[data-raiting="5"] .raiting__group-item {
  color: #f79d04;
}
.raiting::before {
  min-width: 15px;
  content: attr(data-raiting);
  margin-right: 4px;
  font-size: 24px;
  line-height: 0.8;
  font-weight: 500;
}
.raiting__group {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.raiting__group-item {
  position: relative;
  padding: 0 4px;
  font-size: 20px;
  color: #F2F4F5;
  cursor: pointer;
}
.raiting__group-item:hover {
  color: #f79d04;
}
.raiting__group-item:hover ~ .raiting__group-item {
  color: #f79d04;
}
.raiting__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  opacity: 0;
  visibility: hidden;
}

.user-link {
  display: flex;
  align-items: center;
  color: inherit;
}
.user-link__avatar {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  font-size: 18px;
  flex-shrink: 0;
}
.user-link__info-top {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.user-link__info-name {
  display: flex;
  align-items: center;
  font-weight: 500;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.user-link__status {
  font-size: 13px;
  line-height: 1.54;
  color: #737478;
}

.contract {
  padding: 16px;
  display: flex;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .contract {
    flex-direction: column;
  }
}
.contract__left {
  margin-right: 16px;
  flex-shrink: 0;
  position: relative;
  padding: 9px;
  width: 150px;
  height: 120px;
  display: flex;
  justify-content: center;
  background-color: #F2F4F5;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .contract__left {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 575px) {
  .contract__left {
    width: 100%;
    height: auto;
  }
}
.contract__icon {
  position: absolute;
  top: 8px;
  left: 8px;
}
.contract__image {
  width: 78px;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .contract__image {
    width: 120px;
  }
}
.contract__image img {
  width: 100%;
  height: auto;
}
.contract__info {
  display: flex;
  flex-direction: column;
}
.contract__info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .contract__info-top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.contract__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .contract__price {
    margin: 8px 0;
  }
}
.contract__counter {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-bottom: 12px;
  color: #737478;
}
.contract__counter .icon {
  color: #a9a9a9;
  text-shadow: 0 0 1px #a9a9a9;
}
.contract__info-bottom {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 575px) {
  .contract__info-bottom {
    row-gap: 16px;
    flex-direction: column;
  }
}
.contract__descr {
  color: #737478;
}
.contract__btn {
  align-self: flex-end;
  min-width: 140px;
}
@media screen and (max-width: 575px) {
  .contract__btn {
    width: 100%;
  }
}

.notify {
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .notify {
    margin-bottom: 16px;
  }
}
.notify::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-right: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-family: "icomoon";
  line-height: 1;
}
.notify_error {
  background-color: #fce3e4;
}
.notify_error::before {
  content: "\e905";
  font-size: 10px;
  background-color: #c82e29;
  color: #ffffff;
}
.notify_error .notify__text a {
  color: #b9433f;
}
.notify_warning {
  background-color: #fff7e7;
}
.notify_warning::before {
  width: 24px;
  height: 24px;
  font-size: 22px;
  content: "\e94d";
  color: #fab431;
}
.notify_warning .notify__text a {
  color: #f79d04;
}
.notify_important {
  background-color: #e0edff;
}
.notify_important::before {
  font-size: 20px;
  font-weight: 700;
  content: "\e92d";
  color: #0969DA;
}
.notify_important .notify__text a {
  color: #23b35d;
}
.notify_success {
  background-color: #dcf2e9;
}
.notify_success::before {
  font-size: 20px;
  content: "\e948";
  color: #23b35d;
}
.notify_success .notify__text a {
  color: #23b35d;
}
.notify__text {
  margin-right: 16px;
}
.notify__text a {
  text-decoration: underline;
}
.notify__close {
  margin-left: auto;
  color: #737478;
  font-size: 10px;
}

.form-group__label {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-bottom: 8px;
}
.form-group__label-text {
  font-weight: 500;
}
.form-group__label-prompt {
  margin-left: 4px;
}
.form-group__select {
  width: 100%;
}
.form-group__caption {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.17;
  color: rgba(115, 116, 120, 0.8);
}
.form-group.columns-2 {
  grid-column-start: 1;
  grid-column-end: 3;
}
@media screen and (max-width: 575px) {
  .form-group.columns-2 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}
.form-group.columns-3 {
  grid-column-start: 1;
  grid-column-end: 4;
}
@media screen and (max-width: 767px) {
  .form-group.columns-3 {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (max-width: 575px) {
  .form-group.columns-3 {
    grid-column-start: 1;
    grid-column-end: 2;
  }
}

.form-group-checkbox {
  display: flex;
}
.form-group-checkbox .custom-checkbox {
  margin-right: 4px;
}

.spoiler-group {
  border: 1px solid #F2F4F5;
  border-radius: 5px;
  overflow: hidden;
}
.spoiler-group.opened .spoiler-group__title .icon {
  transform: rotate(0deg);
}
.spoiler-group--orange .spoiler-group__title {
  background: rgba(247, 157, 4, 0.2);
}
.spoiler-group--orange .spoiler-group__title:hover {
  background: rgba(247, 157, 4, 0.25);
}
.spoiler-group--orange .spoiler-group__data {
  background: rgba(247, 157, 4, 0.1);
}
.spoiler-group__title {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  font-weight: 500;
  padding: 12px;
  background: #F2F4F5;
  cursor: pointer;
  transition: 0.2s;
}
.spoiler-group__title:hover {
  background: #eceff1;
}
.spoiler-group__title .icon {
  margin-left: auto;
  width: 14px;
  height: 14px;
  display: flex;
  font-size: 7px;
  align-items: center;
  transform: rotate(180deg);
  transition: 0.3s;
  color: #A9A9A9;
}
.spoiler-group__data {
  padding: 12px;
  display: none;
}
.spoiler-group__attachments {
  margin-top: 16px;
}
.spoiler-group__attachments-title {
  font-style: italic;
  color: #737478;
  margin-bottom: 4px;
}
.spoiler-group__attachments-list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.block-with-btn {
  width: 100%;
  display: flex;
  gap: 10px;
}
.block-with-btn > *:first-child {
  width: 100%;
}
.block-with-btn .btn {
  padding-left: 48px;
  padding-right: 48px;
}

.textarea-wrap {
  padding: 16px 16px 12px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
}
@media screen and (max-width: 575px) {
  .textarea-wrap {
    padding: 12px;
  }
}
.textarea-wrap.invalid {
  border-color: #c82e29;
}
.textarea-wrap textarea {
  margin-bottom: 10px;
  min-height: 100px;
  border: none;
  padding: 0;
  width: 100%;
  resize: none;
}
.textarea-wrap .form-message.gray {
  color: #737478;
}

.counter {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 12px;
  line-height: 1.25;
  color: #737478;
}

.req {
  display: flex;
}
.req::after {
  width: 16px;
  height: 16px;
  line-height: 1;
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "\e94a";
  font-family: "icomoon";
  font-size: 6px;
  color: #c82e29;
}

.upload {
  padding: 5px;
  border: 1px dashed #a9a9a9;
  border-radius: 4px;
}
.upload--invalid {
  border-color: #C82E29;
}
.upload__inner {
  padding: 25px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  display: flex;
  align-items: center;
  background-color: #F2F4F5;
  border-radius: 5px;
  cursor: pointer;
}
@media screen and (max-width: 991px) {
  .upload__inner {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px;
  }
}
@media screen and (max-width: 575px) {
  .upload__inner {
    padding: 12px;
    flex-direction: column-reverse;
  }
}
.upload__inner_vertical {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.upload__btn {
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  .upload__btn {
    width: 100%;
  }
}
.upload__text span {
  display: block;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .upload__text span {
    margin-top: 8px;
  }
}
.upload__list-item {
  position: relative;
  padding-left: 10px;
  margin-bottom: 4px;
}
.upload__list-item:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #a9a9a9;
  position: absolute;
  left: 0;
  top: 7px;
}

.traffic-card {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #F2F4F5;
  border-radius: 8px;
}
.traffic-card__left {
  display: flex;
  align-items: center;
}
.traffic-card__icon {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin-right: 10px;
  background-color: #ffffff;
  border-radius: 9px;
}
@media screen and (max-width: 575px) {
  .traffic-card__icon {
    width: 52px;
    height: 52px;
  }
}
.traffic-card__icon img {
  width: 28px;
  height: 28px;
}
.traffic-card__icon_small {
  width: 52px;
  height: 52px;
}
.traffic-card__info {
  font-size: 12px;
  line-height: 1.17;
}
.traffic-card__title {
  margin-bottom: 6px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .traffic-card__title {
    font-size: 13px;
    line-height: 1.23;
  }
}
.traffic-card__text {
  color: #737478;
}
.traffic-card__caption {
  margin-top: 2px;
}

.chart img {
  width: 100%;
  height: auto;
}

.mplinks {
  display: flex;
  align-items: center;
  row-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
  overflow-x: auto;
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
}

.mplink {
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.23;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  transition: 0.3s;
  color: inherit;
  white-space: nowrap;
}
.mplink:hover {
  background-color: #F2F4F5;
}

.community {
  padding: 24px;
  background-color: #ffffff;
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .community {
    padding: 16px;
  }
}
.community__text {
  margin: 10px 0 24px;
  color: #737478;
}
.community__btn {
  margin-top: 26px;
  width: 100%;
}

.community-group {
  display: flex;
  align-items: center;
  height: 28px;
}
.community-group__avatar {
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 0 24px rgba(10, 29, 59, 0.1), 0 0px 2px rgba(10, 29, 59, 0.3);
  margin-left: -5px;
}
.community-group__avatar:first-child {
  margin-left: 0;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 352px;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.card:hover {
  box-shadow: 0 0 24px rgba(10, 29, 59, 0.1), 0 0.4px 2px rgba(10, 29, 59, 0.5);
}
.card:hover .card-title {
  color: #0969DA;
}
.card__rubrics {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
  z-index: 2;
}
.card__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.card__price-text {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
.card__price-numb {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.card__price-old {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  font-weight: 400;
}
.card__group {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  position: relative;
  z-index: 2;
}
.card__time {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
.card__time .icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #a9a9a9;
}

.card-image {
  position: relative;
  padding-top: 58.3%;
}
.card-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.card-top {
  position: relative;
  background-color: #F2F4F5;
}

.card-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.card-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  transition: 0.3s;
}

.card-user {
  display: flex;
  align-items: center;
}
.card-user__avatar {
  margin-right: 8px;
  width: 26px;
  height: 26px;
}
.card-user__name {
  display: flex;
  align-items: center;
  margin-right: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.23;
}
.card-user__name.is-verif::after {
  font-size: 14px;
}

.card-rate {
  display: flex;
  align-items: center;
  font-size: 13px;
}
.card-rate__icon {
  margin-right: 3px;
  color: #F79D04;
}
.card-rate__text {
  margin-right: 6px;
  font-weight: 500;
}
.card-rate__counter {
  color: #737478;
}

.card-text {
  height: 32px;
  font-size: 13px;
  color: #737478;
  line-height: 1.23;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

.cards-slider {
  position: relative;
}
.cards-slider__card {
  max-width: 271px;
}
.cards-slider__btn {
  position: absolute;
  top: 155px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .cards-slider__btn {
    display: none;
  }
}
.cards-slider__btn_prev {
  left: -12px;
}
.cards-slider__btn_next {
  right: -12px;
}
.cards-slider .swiper-slide {
  margin-right: 16px;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .cards-slider .swiper-slide {
    margin-right: 12px;
  }
}

.cm-card {
  position: relative;
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #e6e6e6;
  transition: 0.3s;
}
.cm-card:hover {
  background-color: #F2F4F5;
}
@media screen and (max-width: 575px) {
  .cm-card {
    padding: 10px 0;
  }
}
.cm-card:last-child {
  border-bottom: none;
}
.cm-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cm-card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #F2F4F5;
}
.cm-card__right {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .cm-card__right {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cm-card__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .cm-card__info {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 8px;
  }
}
.cm-card__title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 575px) {
  .cm-card__title {
    font-size: 14px;
    line-height: 1.47;
  }
}
.cm-card__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 767px) {
  .cm-card__group {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.cm-card__group-item {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .cm-card__group-item {
    display: flex;
    align-items: center;
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
.cm-card__group-name {
  margin-bottom: 3px;
  font-size: 12px;
  line-height: 1.17;
  color: #8c8c8c;
}
@media screen and (max-width: 767px) {
  .cm-card__group-name {
    margin-bottom: 0;
  }
}
.cm-card__group-value {
  color: #141414;
}
@media screen and (max-width: 767px) {
  .cm-card__group-value {
    font-size: 13px;
    line-height: 1.23;
  }
}
.cm-card__author {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 265px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .cm-card__author {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .cm-card__author-info {
    display: flex;
    align-items: center;
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}
.cm-card__avatar {
  margin-right: 10px;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .cm-card__avatar {
    display: none;
  }
}
.cm-card__author-info-top {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media screen and (max-width: 767px) {
  .cm-card__author-info-top {
    margin-bottom: 0;
  }
}
.cm-card__author-info-text {
  flex-grow: 1;
  font-size: 13px;
  line-height: 1.23;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 767px) {
  .cm-card__author-info-text {
    max-width: 155px;
  }
}
.cm-card__author-info-bottom {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
@media screen and (max-width: 767px) {
  .cm-card__author-info-bottom {
    flex-shrink: 0;
  }
}
.cm-card__date {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 6px;
}
.cm-card__date::after {
  content: "";
  width: 3px;
  height: 3px;
  margin-left: 6px;
  border-radius: 50%;
  background-color: #a9a9a9;
}
@media screen and (max-width: 575px) {
  .cm-card__date::after {
    display: none;
  }
}
.cm-card__rubric {
  flex-shrink: 0;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background-color: #F2F4F5;
  font-size: 11px;
  line-height: 1.27;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .cm-card__rubric {
    display: none;
  }
}
.cm-card__rubric_blue {
  border-color: rgba(25, 83, 121, 0.15);
  background-color: #ebf4fa;
  color: #195379;
}
.cm-card__rubric_orange {
  background-color: #fff4e5;
  border-color: #f9c479;
  color: #aa6709;
}

.banner-place {
  display: flex;
  flex-direction: column;
  padding: 24px;
  padding-left: 20px;
  background-image: url("../images/banner-advert-bg.svg"), linear-gradient(117.17deg, #f54849 0%, #824eb3 95.84%);
  background-repeat: no-repeat;
  background-position: right -92px bottom -94px, center;
  border-radius: 12px;
  color: #ffffff;
}
.banner-place__title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.banner-place__text {
  min-height: 65px;
  margin: 6px 0 10px;
}
.banner-place__btn {
  margin-top: auto;
  min-width: 235px;
  background-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}
.banner-place__btn:hover {
  background-color: #ffffff;
  color: #141E2A;
}

.mpsection {
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .mpsection {
    margin-bottom: 16px;
    overflow-x: hidden;
  }
}
.mpsection__block {
  overflow: hidden;
  border-radius: 12px;
}
@media screen and (max-width: 575px) {
  .mpsection__block {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mpsection__community {
  border-radius: 12px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
}

.mpcommunity__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .mpcommunity__inner {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .mpcommunity__inner {
    gap: 16px;
  }
}
.mpcommunity__sidebar {
  display: grid;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .mpcommunity__sidebar {
    grid-template-columns: 1fr 280px;
  }
}
@media screen and (max-width: 767px) {
  .mpcommunity__sidebar {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .mpcommunity__sidebar {
    gap: 16px;
  }
}

.mpinfo__text {
  margin-bottom: 9px;
}

.sticky-menu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 12px 0 24px;
  background-color: #ffffff;
  box-shadow: 0px -4px 6px rgba(36, 38, 41, 0.07);
}
.sticky-menu__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sticky-menu__item {
  width: 60px;
  font-size: 11px;
  line-height: 1.45;
  color: #737478;
  text-align: center;
}
.sticky-menu__item.active {
  color: #0874F4;
}
.sticky-menu__icon {
  position: relative;
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  margin-right: auto;
  margin-left: auto;
  font-size: 20px;
  color: #737478;
}
.sticky-menu__avatar {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
}
.sticky-menu__quantity {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  font-size: 11px;
  line-height: 1.27;
}

.sticky-menu__icon1 {
  display: flex;
  height: 26px;
  justify-content: center;
}

.same-card {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
  transition: 0.3s;
  margin-bottom: 10px;
}
.same-card:hover {
  box-shadow: 0 0.2px 3px 0 rgba(10, 29, 59, 0.35);
}
.same-card__premium {
  background-color: #FFFBEC;
}
.same-card__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .same-card__link {
    /*display : none;*/
  }
}
.same-card__top {
  position: relative;
  display: flex;
  padding: 16px;
}
@media screen and (max-width: 575px) {
  .same-card__top {
    padding: 0;
  }
}
.same-card__top::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e6e6e6;
}
@media screen and (max-width: 575px) {
  .same-card__top::before {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .same-card__top {
    flex-direction: column;
    border-bottom: none;
  }
}
.same-card__image {
  position: relative;
  flex-shrink: 0;
  width: 154px;
  margin-right: 15px;
  box-shadow: 0 0 0 1px #e6e6e6;
  border: 2px solid #ffffff;
  border-radius: 4px;
  align-self: flex-start;
}
@media screen and (max-width: 575px) {
  .same-card__image {
    margin-right: 0;
    width: 100%;
    border: none;
    box-shadow: none;
    border-radius: 8px 8px 0px 0px;
  }
}
.same-card__image-wrap {
  padding-top: 66.6666666667%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background-color: #F2F4F5;
}
@media screen and (max-width: 575px) {
  .same-card__image-wrap {
    border-radius: 8px 8px 0px 0px;
    padding-top: 59.5%;
  }
}
.same-card__image-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  border-radius: 5px;
}
.same-card__image-wrap.no-image {
  background-image: url("../images/no-image.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24% auto;
}
.same-card__image-wrap.no-image::before {
  display: none;
}
.same-card__image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.same-card__info {
  position: relative;
  flex-grow: 1;
}
@media screen and (max-width: 575px) {
  .same-card__info {
    padding: 12px 16px;
  }
}
.same-card__title {
  margin-bottom: 4px;
  width: 100%;
  max-width: 500px;
  float: left;
  position: relative;
  word-break: break-word;
  color: #141E2A;
}
@media screen and (max-width: 1199px) {
  .same-card__title {
    max-width: 300px;
  }
}
@media screen and (max-width: 991px) {
  .same-card__title {
    max-width: 500px;
  }
}
@media screen and (max-width: 767px) {
  .same-card__title {
    max-width: none;
    margin-bottom: 8px;
    float: none;
    display: block;
    width: 100%;
  }
}
.same-card__title a {
  color: inherit;
}
.same-card__attrubutes {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  margin-bottom: 11px;
  float: left;
  clear: left;
}
@media screen and (max-width: 575px) {
  .same-card__attrubutes {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.same-card__attrubutes .url_hidden {
  height: 20px;
}
.same-card__url {
  margin-right: 8px;
}
.same-card__stickers {
  display: flex;
  align-items: center;
  font-size: 14px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.same-card__sticker {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.same-card__categories, .same-card__tags {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 8px;
  float: left;
  clear: left;
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  .same-card__categories, .same-card__tags {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 575px) {
  .same-card__categories, .same-card__tags {
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
  }
}
.same-card__tags-tag {
  background: #fff;
  color: #141E2A;
  font-size: 12px;
  line-height: 12px;
  padding: 3px 6px;
  border: 1px solid #D3D4D6;
  border-radius: 4px;
  transition: 0.3s;
}
.same-card__tags-tag:hover {
  background-color: #F2F4F5;
}
.same-card__counter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .same-card__counter {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .same-card__counter {
    float: right;
  }
}
.same-card__counter-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .same-card__counter-item {
    font-size: 13px;
  }
}
.same-card__counter-item .icon {
  margin-right: 8px;
  color: #a9a9a9;
}
.same-card__counter-text {
  font-size: 13px;
  line-height: 1.23;
}
@media screen and (max-width: 575px) {
  .same-card__counter-text {
    font-size: 12px;
    line-height: 1.17;
  }
}
.same-card__date {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 13px;
  line-height: 1.23;
  color: rgba(115, 116, 120, 0.8);
}
@media screen and (max-width: 767px) {
  .same-card__date {
    position: static;
    clear: both;
    text-align: right;
  }
}
.same-card__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.23;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .same-card__price {
    display: none;
  }
}
.same-card__status {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 6px;
}
@media screen and (max-width: 767px) {
  .same-card__status {
    margin-bottom: 0;
  }
}
.same-card__status + .same-card__counter {
  margin-bottom: 6px;
}
.same-card__status + .same-card__price {
  margin-top: 16px;
}
.same-card__user {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 4;
  color: #000;
}
@media screen and (max-width: 767px) {
  .same-card__user {
    position: static;
    clear: both;
  }
}
@media screen and (max-width: 575px) {
  .same-card__user {
    margin-bottom: 12px;
  }
}
.same-card__user-avatar {
  margin-right: 4px;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  font-size: 12px;
}
.same-card__user-name {
  margin-right: 8px;
  font-size: 12px;
  line-height: 1.23;
}
.same-card__bottom {
  padding: 10px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .same-card__bottom {
    flex-wrap: wrap;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media screen and (max-width: 575px) {
  .same-card__bottom {
    padding: 0 16px 16px;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}
.same-card__bottom-btn {
  font-size: 16px;
  color: #737478;
}
.same-card__bottom-btn:hover {
  color: #141E2A;
}
.same-card__bottom-btn.active {
  color: #C82E29;
}
.same-card__bottom-btn.listing-favorite-btn:hover {
  color: #C82E29;
}
.same-card__panel {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (max-width: 767px) {
  .same-card__panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    flex-grow: 1;
  }
}
@media screen and (max-width: 575px) {
  .same-card__panel {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
.same-card__panel-btn {
  width: 170px;
}
@media screen and (max-width: 767px) {
  .same-card__panel-btn {
    width: auto;
  }
}
.same-card__stat {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  font-size: 12px;
  line-height: 1.23;
}
@media screen and (max-width: 767px) {
  .same-card__stat {
    width: 100%;
    margin-bottom: 12px;
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .same-card__stat {
    font-size: 12px;
    line-height: 1.17;
  }
}
.same-card__stat-item {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .same-card__stat-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 8px;
  }
  .same-card__stat-item:last-child {
    margin-bottom: 0;
  }
}
.same-card__stat-name {
  margin-bottom: 4px;
  color: #737478;
}
@media screen and (max-width: 767px) {
  .same-card__stat-name {
    margin-bottom: 0;
  }
}
.same-card__stat-value {
  display: flex;
  align-items: center;
  gap: 4px;
}
.same-card__stat-reviews-icon {
  color: #F79D04;
}
.same-card__stat-reviews-icon--zero {
  filter: grayscale(1);
}
.same-card__bottom-link {
  display: none;
  flex-grow: 1;
}
@media screen and (max-width: 767px) {
  .same-card__bottom-link {
    display: inline-flex;
  }
}
.same-card__bottom-group {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .same-card__bottom-group {
    width: 100%;
    -moz-column-gap: 5px;
         column-gap: 5px;
  }
}

@media screen and (max-width: 767px) {
  .same-card_account .same-card__price {
    display: block;
    margin-top: 0;
    float: left;
    clear: left;
  }
}
@media screen and (max-width: 575px) {
  .same-card_account .same-card__price {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .same-card_account .same-card__counter {
    float: right;
    clear: left;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .same-card_account .same-card__bottom {
    row-gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .same-card_account .same-card__bottom-group {
    width: auto;
  }
}
@media screen and (max-width: 575px) {
  .same-card_account .same-card__attrubutes {
    margin-bottom: 10px;
  }
}

.js-heart.active .icon::before {
  content: "\e909";
}

.searches-table {
  min-width: 600px;
}
.searches-table thead th {
  padding: 13px 20px !important;
  background-color: transparent !important;
}
.searches-table tbody tr {
  position: relative;
}
.searches-table tbody tr:hover {
  background-color: #F2F4F5;
}
.searches-table tbody tr:hover td:first-child {
  color: #0874F4;
}
.searches-table tbody td {
  padding: 9px 20px !important;
}
.searches-table tbody td:first-child {
  font-weight: 500;
}
.searches-table tbody td:nth-child(2) {
  color: #737478;
}
.searches-table__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.searches-table__group {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.searches-table__group .btn {
  position: relative;
  z-index: 1;
}

.table-domains {
  min-width: 500px;
}
.table-domains__top {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 40px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  font-weight: 500;
}
.table-domains__item {
  margin-bottom: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 40px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #E6E6E6;
}
.table-domains__item:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.table-domains__control {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .table-domains__item {
    -moz-column-gap: 16px;
    column-gap: 16px;
  }
}
.domains-table {
  min-width: 740px;
}
.domains-table thead th {
  padding: 13px 20px !important;
  background-color: transparent !important;
}
.domains-table tbody tr {
  position: relative;
}
.domains-table tbody tr:hover {
  background-color: #F2F4F5;
}
.domains-table tbody td {
  padding: 9px 20px !important;
}
.domains-table__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.domains-table__name {
  align-self: center;
  font-weight: 500;
  color: #0969DA;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.domains-table__group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.domains-table__group .btn {
  position: relative;
  z-index: 1;
}

.stat-card {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
  color: #141E2A;
}
.stat-card__top {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-bottom: 6px;
}
.stat-card__number {
  font-size: 24px;
  line-height: 1.33;
  font-weight: 500;
}
.stat-card__number_gray {
  color: rgba(115, 116, 120, 0.8);
}
.stat-card__text {
  margin-top: auto;
}
.stat-card__services {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-bottom: 6px;
}
.stat-card__services img {
  height: auto;
}

.user-stat-card img {
  filter: grayscale(1);
}
.user-stat-card__positive img {
  filter: grayscale(0);
}

.news-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.news-card:hover .news-card__rubric {
  background-color: #ffffff;
}
.news-card:hover .news-card__image::before {
  background-color: rgba(0, 0, 0, 0.6);
}
.news-card__image {
  position: relative;
  padding-top: 66.5%;
}
@media screen and (max-width: 575px) {
  .news-card__image {
    padding-top: 50.5%;
  }
}
.news-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
  pointer-events: none;
}
@media screen and (max-width: 575px) {
  .news-card__image::before {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
.news-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-card__inner {
  color: #ffffff;
}
.news-card__rubrics {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  right: 12px;
  display: flex;
  align-items: center;
  row-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media screen and (max-width: 575px) {
  .news-card__rubrics {
    display: none;
  }
}
.news-card__rubric {
  padding: 5px 12px;
  font-size: 12px;
  line-height: 1.33;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  color: #141E2A;
  transition: 0.3s;
}
.news-card__info {
  position: absolute;
  bottom: 24px;
  left: 0;
  padding-left: 16px;
  padding-right: 16px;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .news-card__info {
    bottom: 16px;
  }
}
.news-card__title {
  max-height: 48px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .news-card__title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.news-card__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  font-size: 13px;
  line-height: 1.23;
  color: rgba(255, 255, 255, 0.7);
}
.news-card__group-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.text-gray {
  color: #737478;
}

.ann-card {
  display: flex;
  align-items: flex-start;
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .ann-card {
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 575px) {
  .ann-card {
    padding: 16px;
  }
}
.ann-card__image {
  position: relative;
  flex-shrink: 0;
  width: 154px;
  margin-right: 15px;
  box-shadow: 0 0 0 1px #e6e6e6;
  border: 2px solid #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .ann-card__image {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 575px) {
  .ann-card__image {
    border: none;
  }
}
.ann-card__image-wrap {
  padding-top: 66.6666666667%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.ann-card__image-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  border-radius: 5px;
}
.ann-card__image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ann-card__info {
  flex-grow: 1;
  width: 100%;
}
.ann-card__title {
  max-width: 500px;
  margin-bottom: 4px;
  color: #141E2A;
}
@media screen and (max-width: 767px) {
  .ann-card__title {
    max-width: none;
    margin-bottom: 8px;
  }
}
.ann-card__attributes {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  margin-top: 8px;
}
.ann-card__benefits {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.ann-card__url {
  margin-right: 8px;
}
.ann-card__info-bottom {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  flex-direction: column;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 12px;
}
.ann-card__info-resource {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.ann-card__info-resource .ann-card__attributes {
  margin-bottom: 0;
}
.ann-card__categories {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 575px) {
  .ann-card__categories {
    display: none;
  }
}
.ann-card__info-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  font-size: 13px;
  line-height: 1.23;
  color: rgba(115, 116, 120, 0.8);
  margin-left: auto;
}
.ann-card__info-group-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.ann-card__info-group-item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: #a7a8a9;
}

.resource-card {
  width: 100%;
  margin-top: 24px;
  overflow: hidden;
}
.resource-card__slider-main {
  height: 0;
  padding-bottom: 66.7%;
  background: #F2F4F5;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.resource-card__slider-main .swiper-wrapper {
  position: absolute;
}
.resource-card__slider-main .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
.resource-card__slider-thumbs {
  height: 78px;
}
@media screen and (max-width: 575px) {
  .resource-card__slider-thumbs {
    height: 64px;
  }
}
.resource-card__slider-thumbs .swiper-slide {
  height: 100%;
  padding: 2px;
  position: relative;
  cursor: pointer;
}
.resource-card__slider-thumbs .swiper-slide:not(.swiper-slide-thumb-active) .swiper-slide-image:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 5px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: #000;
  opacity: 0.2;
  pointer-events: none;
}
.resource-card__slider-thumbs .swiper-video {
  position: absolute;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  pointer-events: none;
  z-index: 11;
}
.resource-card__slider-thumbs .swiper-slide-image {
  padding: 2px;
  width: 100%;
  height: 100%;
}
.resource-card__slider-thumbs .swiper-slide-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.resource-card__slider-thumbs .swiper-slide-thumb-active .swiper-slide-image {
  position: relative;
}
.resource-card__slider-thumbs .swiper-slide-thumb-active .swiper-slide-image:after {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid #0969DA;
  border-radius: 5px;
}
.resource-card__slider-btn-next {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 3;
  right: 12px;
}
.resource-card__slider-btn-prev {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 3;
  left: 12px;
}

.resource-services__top {
  display: flex;
  align-items: center;
  gap: 12px;
}
.resource-services__top .custom-checkbox {
  width: 16px;
  height: 16px;
  margin-right: 0;
  display: block;
}
.resource-services__item {
  padding: 12px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.resource-services__item:not(:last-child) {
  border-bottom: 1px solid #F2F4F5;
}
.resource-services__item:hover {
  background: #F2F4F5;
}
.resource-services__item-price {
  margin-left: auto;
}
.resource-services__item-duration {
  color: #737478;
  padding-left: 28px;
}

.resource-tags {
  margin: 4px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.resource-tags__tag {
  background: #fff;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  padding: 4px 6px;
  color: #141E2A;
}
.resource-tags__tag:hover {
  background: #fafafa;
}

@media screen and (max-width: 575px) {
  .resource-services-table .fin-table__top {
    width: 100%;
    gap: 6px;
  }
  .resource-services-table .fin-table__top.columns-3 {
    grid-template-columns: 40% 30% 26%;
    gap: 2%;
  }
  .resource-services-table .fin-table__row {
    grid-template-columns: 100%;
    gap: 6px;
  }
  .resource-services-table .fin-table__btns {
    /*justify-content: flex-end;*/
  }
  .resource-services-table .fin-table__inputs.columns-3 {
    grid-template-columns: 40% 30% 26%;
    gap: 2%;
  }
}

.listing-stats {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 16px;
  margin-bottom: 24px;
  border-top: 1px solid #E6E6E6;
}
.listing-stats__item-counter {
  display: flex;
  align-items: flex-start;
  color: #141E2A;
  font-weight: 500;
  line-height: 20px;
}
.listing-stats__item-counter .icon {
  margin-right: 4px !important;
}
.listing-stats__item-text {
  color: #737478;
  font-size: 13px;
}

/* Monthpicker */
.ui-widget {
  font-family: inherit;
}

.ui-datepicker select.ui-datepicker-year {
  padding: 5px 12px;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  top: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-datepicker .ui-datepicker-next::before,
.ui-datepicker .ui-datepicker-prev::before {
  content: "\e91d";
  font-family: "icomoon";
  line-height: 1;
}

.ui-datepicker-prev {
  transform: rotate(180deg);
}

.ui-widget-header {
  background-color: #F2F4F5;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  border: 1px solid #0874F4;
  background: #0874F4;
  font-weight: 500;
  color: #ffffff;
}

.tabs-caption {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding: 0 24px;
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .tabs-caption {
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
    background-color: transparent;
    box-shadow: none;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.tabs-caption__tab {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 500;
  padding: 13px 0;
  color: #141E2A;
}
@media screen and (max-width: 575px) {
  .tabs-caption__tab {
    padding: 13px 0 18px;
  }
}
.tabs-caption__tab::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0874F4;
  opacity: 0;
}
.tabs-caption__tab.active::after {
  opacity: 1;
}
.tabs-caption__count {
  margin-left: 6px;
  color: #a9a9a9;
}

/* Datatables custom */
.table tbody tr {
  position: relative;
  transform: translate(0);
}

.table {
  width: 100%;
}
.table th,
.table td {
  vertical-align: middle;
  white-space: nowrap;
}

.table thead th {
  background-color: #F2F4F5;
  padding-right: 20px;
  font-size: 12px;
  line-height: 2.66;
  color: #737478;
}

.table.dataTable thead th {
  padding: 8px 24px;
  font-weight: 500;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.table.dataTable tbody td {
  border-bottom: 1px solid #e6e6e6;
}

.table.dataTable tbody td,
.table.dataTable tbody th {
  padding: 16px 24px;
}

.table.dataTable tbody td:last-child {
  text-align: right;
  color: #737478;
}

.table.dataTable thead th:last-child {
  text-align: right;
  padding-right: 40px;
}
.table.dataTable thead th:last-child:after, .table.dataTable thead th:last-child:before {
  right: 25px;
}

table.dataTable thead > tr > td.sorting::before,
table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting::after {
  content: "\e901" !important;
  font-family: "icomoon" !important;
  font-size: 5px !important;
  opacity: 0.5 !important;
}

table.dataTable thead > tr > td.sorting::after,
table.dataTable thead > tr > th.sorting::after {
  transform: rotate(180deg) !important;
}

table.dataTable thead > tr > th.sorting_asc::before,
table.dataTable thead > tr > th.sorting_desc::after {
  opacity: 1 !important;
}

table.dataTable.no-footer {
  border-bottom: none;
}

.table th.sorting_disabled::after,
.table th.sorting_disabled::before {
  display: none !important;
}

.empty-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
}
.empty-list__image {
  width: 70px;
  height: auto;
  margin-bottom: 16px;
}
.empty-list__text {
  color: #737478;
  text-align: center;
}

.buttons-switcher {
  display: flex;
}
.buttons-switcher.green input:checked + span {
  background: #23b35d;
  border-color: #23b35d;
  color: #ffffff;
}
.buttons-switcher__item {
  /*&:not(:last-child) {
    span {
      border-right: none;
    }
  }*/
}
.buttons-switcher__item:first-child span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.buttons-switcher__item:last-child span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.badge {
  border-radius: 5px;
  padding: 16px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  background: #FAFAFA;
}
.badge.background-green {
  background: rgba(83, 179, 116, 0.1019607843);
}
.badge__title {
  font-size: 14px;
  font-weight: 500;
}
.badge__text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

@media print {
  body {
    margin: 0 !important;
  }
}
.main-container {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.editor-container_classic-editor .editor-container__editor {
  min-width: 795px;
  max-width: 795px;
}

.ck-editor__editable:not(.ck-editor__nested-editable) {
  min-height: 250px;
}
.ck-editor-invalid .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck-editor-invalid .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: #C82E29;
}

.mt-0 {
  margin-top: 0px;
}
.mt-4 {
  margin-top: 4px;
}
.mt-8 {
  margin-top: 8px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-32 {
  margin-top: 32px;
}

.mb-0 {
  margin-bottom: 0px;
}
.mb-4 {
  margin-bottom: 4px;
}
.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-24 {
  margin-bottom: 24px;
}
.mb-32 {
  margin-bottom: 32px;
}

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

/* Choices */
/* ===============================
=            Choices            =
=============================== */
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: none;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

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

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333 transparent;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner {
  cursor: text;
}

.choices[data-type*=text] .choices__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: 0 -4px 0 6px;
  padding-left: 18px;
  border-left: 1px solid #333;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
  filter: invert(1);
}

.choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #ffffff;
  padding: 6px 13px;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  font-size: 14px;
  overflow: hidden;
}

.is-focused .choices__inner, .is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 5px 5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 5px 5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.choices__list--multiple .choices__item {
  display: flex;
  align-items: center;
  padding: 4px 10px;
  font-size: 13px;
  word-break: break-all;
  box-sizing: border-box;
  background: #ebebeb;
  color: #000;
  font-weight: 400;
  border-radius: 3px;
  border-color: #ddd;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaaaaa;
  border: 1px solid #919191;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus {
  outline: none;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #ffffff;
  font-size: 14px;
  /*margin-bottom: 5px;*/
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input:focus {
  outline: 0;
}

.choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear, .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

/* =====  End of Choices  ====== */
/* Header */
.header {
  position: relative;
  z-index: 111;
  background-color: #ffffff;
  box-shadow: 0px 6px 20px rgba(36, 38, 41, 0.1);
}
@media screen and (max-width: 575px) {
  .header {
    box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  }
}
.header__banner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-image: linear-gradient(89.99deg, #53B374 4%, #00599A 99%);
  padding: 0 15px;
  display: none;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .header__banner {
    justify-content: flex-start;
  }
}
.header__banner.show {
  display: flex;
}
.header__banner-link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.header__banner-image {
  margin-right: 17px;
}
@media screen and (max-width: 575px) {
  .header__banner-image {
    margin-right: 6px;
  }
}
.header__banner-text {
  font-weight: 500;
  color: #ffffff;
}
@media screen and (max-width: 575px) {
  .header__banner-text {
    font-size: 12px;
  }
}
.header__banner-close {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 2;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  color: #ffffff;
}
.header__top {
  box-shadow: inset 0 -1px 0 rgba(211, 212, 212, 0.5);
}
@media screen and (max-width: 767px) {
  .header__top {
    box-shadow: none;
    background-color: #141E2A;
  }
}
.header__top-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .header__top-inner {
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .header__nav {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    z-index: 50;
    background-color: #ffffff;
    transform: translate(100%, 100%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    overflow-y: auto;
    box-shadow: 0px 4px 20px rgba(36, 38, 41, 0.15);
  }
  .header__nav.open {
    transform: translate(0, 100%);
    opacity: 1;
    visibility: visible;
  }
}
.header__place {
  display: none;
  margin-top: 24px;
  padding: 10px 18px;
}
@media screen and (max-width: 767px) {
  .header__place {
    display: block;
  }
}
.header__place-btn {
  width: 100%;
  max-width: 340px;
}
.header__support-text {
  margin-bottom: 24px;
  line-height: 1.28;
  font-weight: 500;
  color: #737478;
}
.header__support-btn {
  display: flex;
  justify-content: flex-start;
  padding-top: 7px;
  padding-bottom: 9px;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.header__support-btn:last-child {
  margin-bottom: 0;
}
.header__support-btn img {
  margin-right: 12px;
}
.header__top-right {
  display: flex;
}
.header__listing-btn {
  position: relative;
  padding: 10px 16px;
  line-height: 1.35;
  color: #737478;
  border-radius: 0;
}
@media screen and (max-width: 991px) {
  .header__listing-btn {
    display: none;
  }
}
.header__listing-btn:hover {
  background-color: #F2F4F5;
}
.header__listing-btn .icon {
  font-size: 16px;
  color: #23b35d;
}
.header__listing-btn::after {
  content: "";
  width: 1px;
  height: 30px;
  background-color: #D9D9D9;
  position: absolute;
  top: 50%;
  right: -0.5px;
  transform: translateY(-50%);
}
.header__listing-btn_mpl {
  font-size: 13px;
  line-height: 1.46;
  font-weight: 400;
  color: #000000;
}
.header__currency {
  position: relative;
  display: flex;
  align-items: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .header__currency {
    display: none;
  }
}
.header__currency:hover {
  background-color: #F2F4F5;
  color: #141E2A;
}
.header__currency-btn {
  padding: 10px 16px;
  color: inherit;
}
.header__currency-btn_mpl {
  font-size: 13px;
  line-height: 1.46;
  font-weight: 400;
  color: #000000;
}
.header__currency-drop {
  bottom: 0;
  right: 0;
  z-index: 5;
  transform: translateY(100%);
}
@media screen and (max-width: 575px) {
  .header__bottom {
    position: relative;
  }
}
.header__bottom-inner {
  padding: 5px 0;
  display: flex;
  align-items: center;
}
.header__logo {
  position: relative;
  margin-right: 41px;
}
@media screen and (max-width: 575px) {
  .header__logo {
    width: 105px;
    margin-right: 0;
    margin-left: 6px;
  }
  .header__logo img {
    height: auto;
  }
}
.header__logo::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -21px;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background-color: #D3D4D6;
}
@media screen and (max-width: 575px) {
  .header__logo::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .header__mpl-logo::after {
    display: none;
    margin-right: 0;
  }
}
.header__mpl-btn {
  padding: 11px 10px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .header__mpl-btn {
    padding: 10px 0;
  }
}
.header__mpl-btn:hover {
  background-color: #F2F4F5;
}
.header__mpl-btn .icon {
  font-size: 16px;
  color: #A9A9A9;
}
.header__mpl-btn_drop::after {
  content: "\e901";
  font-family: "icomoon";
  font-size: 7px;
  transform: rotate(180deg);
  margin-left: 10px;
  margin-bottom: -2px;
  color: #A9A9A9;
}
.header__personals {
  display: flex;
  margin-left: auto;
}
@media screen and (max-width: 575px) {
  .header__personals {
    display: none;
  }
}
.header__personals-btn {
  position: relative;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #A9A9A9;
  border-radius: 5px;
}
@media screen and (min-width: 992px) {
  .header__personals-btn:hover {
    background-color: #F2F4F5;
    color: #737478;
  }
}
.header__personals-quantity {
  position: absolute;
  top: 12px;
  right: 8px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 1.27;
}
.header__personals-avatar {
  width: 30px;
  height: 30px;
}
.header__personals-item {
  position: relative;
}
@media screen and (max-width: 575px) {
  .header__personals-item_alerts {
    position: static;
  }
}
.header__personals-item:hover .drop {
  opacity: 1;
  visibility: visible;
}
.header__user-block {
  width: 260px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  z-index: 4;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
}
.header__btn-login {
  padding: 10px;
  margin-left: auto;
  line-height: 1.36;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .header__btn-login {
    padding: 10px 0;
    font-size: 13px;
  }
}
.header__btn-login .icon {
  color: #A9A9A9;
}
@media screen and (max-width: 575px) {
  .header__btn-login .icon {
    display: none;
  }
}
@media screen and (min-width: 992px) {
  .header__btn-login:hover {
    background-color: #F2F4F5;
  }
  .header__btn-login:hover .icon {
    color: #0969DA;
  }
}
.header__alerts-block {
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  z-index: 5;
}
@media screen and (max-width: 575px) {
  .header__alerts-block {
    right: 50%;
    transform: translate(50%, 100%);
  }
}
.header__mpl-block {
  position: relative;
}
@media screen and (max-width: 767px) {
  .header__mpl-block {
    display: none;
  }
}
.header__mpl-block:hover .header__mpl-tabs {
  opacity: 1;
  visibility: visible;
}
.header__mpl-tabs {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 7;
  display: flex;
  border-radius: 12px;
  width: 672px;
  transform: translateY(100%);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 991px) {
  .header__mpl-tabs {
    width: 550px;
    left: 80%;
    transform: translateY(100%) translateX(-50%);
  }
}
.header__mpl-tabs-interface {
  padding: 24px 24px 12px 24px;
  flex-basis: 50%;
  border-right: 1px solid #e6e6e6;
}
.header__mpl-tabs-title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
}
.header__mpl-tab {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  margin-bottom: 6px;
  border-radius: 8px;
}
.header__mpl-tab:last-child {
  margin-bottom: 0;
}
.header__mpl-tab.active {
  background-color: #F2F4F5;
}
.header__mpl-tab-icon {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 12px;
}
.header__mpl-tab-info {
  text-align: left;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.header__mpl-tab-info span {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #030303;
  margin-bottom: 2px;
}
.header__mpl-tabs-info {
  padding: 24px 24px 24px 48px;
}
.header__mpl-tabs-info-title {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
}
.header__mpl-menu-item {
  margin-bottom: 12px;
}
.header__mpl-menu-item:last-child {
  margin-bottom: 0;
}
.header__mpl-menu-link {
  font-size: 14px;
  line-height: 1.43;
  color: #242629;
}
.header__mpl-menu-link:hover {
  text-decoration: underline;
}
.header__login {
  margin-left: auto;
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 575px) {
  .header__login {
    position: relative;
    padding: 16px;
    justify-content: center;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
  .header__login::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    height: 1px;
    background-color: #E6E6E6;
  }
}
@media screen and (max-width: 575px) {
  .header__login-btn {
    max-width: 180px;
    flex-grow: 1;
  }
}
.header__search-results {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  background: #fff;
  border-radius: 0 0 8px 8px;
  border: 1px solid #d3d4d6;
  border-top: 0;
  padding: 4px 0;
  display: none;
  /*&:focus, &:focus-within {
    display: block;
  }*/
}
.header__search-results:empty {
  display: none !important;
}
.header__search-results.show {
  display: block;
}
.header__search-results-item {
  display: block;
  color: #141E2A;
  padding: 4px 8px;
  cursor: pointer;
}
.header__search-results-item mark {
  background: transparent;
  font-weight: bold;
}
.header__search-results-item:hover {
  color: #0969DA;
}
.header__search-results-item:hover mark {
  color: #0969DA;
}

@media screen and (max-width: 767px) {
  body.header-with-banner .header__nav {
    height: calc(var(--vh) * 100 - 90px);
  }
}

.main-menu {
  display: flex;
}
@media screen and (max-width: 767px) {
  .main-menu {
    display: none;
  }
}
.main-menu__link {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #737478;
  line-height: 1.35;
  transition: 0.3s;
}
.main-menu__link:hover, .main-menu__link.active {
  background-color: #F2F4F5;
  color: #141E2A;
}
.main-menu__link_mpl {
  font-size: 13px;
  line-height: 1.23;
  color: #141e2a;
  font-weight: 400;
}

.mobile-menu {
  display: none;
}
.mobile-menu_mpl .mobile-menu__item {
  border-bottom: 1px solid #E6E6E6;
}
.mobile-menu_mpl .mobile-menu__item:last-child {
  border-bottom: none;
}
.mobile-menu_mpl .mobile-menu__link {
  justify-content: flex-start;
}
.mobile-menu_mpl .mobile-menu__link img {
  margin-right: 6px;
}
.mobile-menu_mpl .mobile-menu__link::after {
  margin-left: auto;
}
.mobile-menu_mpl .submenu {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding: 0 30px 0 18px;
  font-weight: 500;
  line-height: 1.35;
  color: #141E2A;
}
.mobile-menu__link.active {
  background-color: #F2F4F5;
  color: #141E2A;
}
.mobile-menu__link_drop::after {
  content: "\e901";
  font-family: "icomoon";
  font-size: 7px;
  line-height: 1;
  color: #A9A9A9;
  transform: rotate(180deg);
  transition: 0.3s;
}
.mobile-menu__link_drop.open {
  background-color: #F2F4F5;
  color: #141E2A;
  font-weight: 500;
}
.mobile-menu__link_drop.open::after {
  transform: rotate(0deg);
}

.submenu {
  border-bottom: 1px solid #E6E6E6;
}
.submenu__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 30px 0 18px;
  font-size: 14px;
  line-height: 1.36;
  color: #141E2A;
}
.submenu__link.active {
  background-color: #F2F4F5;
}

.mobile-menu__link_drop + .submenu {
  display: none;
}

.alerts-block {
  width: 400px;
  background-color: #ffffff;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .alerts-block {
    width: 100%;
    max-width: 375px;
  }
}
.alerts-block__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  border-bottom: 1px solid #E2E2E2;
}
.alerts-block__group {
  display: flex;
  -moz-column-gap: 28px;
       column-gap: 28px;
}
.alerts-block__settings {
  font-size: 16px;
  color: #8C8C8C;
}
.alerts-block__settings:hover {
  color: #737478;
}
.alerts-block__group-btn {
  position: relative;
  padding: 13px 0;
  line-height: 1.47;
  font-weight: 500;
  color: #737478;
}
.alerts-block__group-btn.active {
  color: #141E2A;
}
.alerts-block__list {
  height: 350px;
  overflow-y: auto;
}
.alerts-block__no-messages {
  height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.alerts-block__no-messages-title {
  margin: 24px 0 12px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #000000;
}
.alerts-block__no-messages-text {
  color: #737478;
}
.alerts-block .scrollbar-inner > .scroll-element.scroll-y {
  width: 8px;
}
.alerts-block .scrollbar-inner > .scroll-element .scroll-bar {
  background-color: rgba(20, 30, 42, 0.2);
}
.alerts-block .scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: rgba(20, 30, 42, 0.4);
}
.alerts-block .scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: transparent;
}

.alert {
  display: flex;
  align-items: flex-start;
  padding: 10px 20px;
  border-bottom: 1px solid #E6E6E6;
  color: inherit;
  transition: 0.3s;
  background-color: #F2F4F5;
}
.alert.alert--been_read {
  background-color: #fff;
}
.alert__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.alert__text {
  font-size: 13px;
  line-height: 1.23;
}
.alert__text p {
  margin-bottom: 16px;
}
.alert__text p:last-child {
  margin-bottom: 0;
}
.alert__info-bottom {
  font-size: 13px;
  line-height: 1.28;
  margin-top: 13px;
}
.alert__date {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.17;
  color: rgba(115, 116, 120, 0.8);
}

/* Breadcrumbs */
.breadcrumbs {
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 1.23;
  white-space: nowrap;
  vertical-align: middle;
  overflow-x: auto;
}
.breadcrumbs__item {
  margin-right: 6px;
  display: inline;
}
.breadcrumbs__item::before {
  display: inline-block;
  content: "\e91d";
  line-height: 1;
  font-family: "icomoon";
  width: 16px;
  height: 16px;
  margin-right: 8px;
  color: #a9a9a9;
  text-align: center;
  vertical-align: middle;
}
.breadcrumbs__item:first-child::before {
  display: none;
}
.breadcrumbs__item a > span {
  color: #141E2A;
}
.breadcrumbs__item a:hover > span {
  color: #0969DA;
}
.breadcrumbs__item span {
  color: #737478;
}

/* First-screen */
.first-screen {
  overflow: hidden;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  .first-screen {
    background-color: #F2F4F5;
  }
}
.first-screen__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 400px;
}
@media screen and (max-width: 767px) {
  .first-screen__inner {
    justify-content: center;
  }
}
@media screen and (max-width: 575px) {
  .first-screen__inner {
    height: auto;
    padding: 32px 0;
  }
}
.first-screen__info {
  max-width: 450px;
}
@media screen and (max-width: 767px) {
  .first-screen__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .first-screen__title {
    max-width: 300px;
  }
}
.first-screen__title strong {
  text-transform: capitalize;
  color: inherit;
}
.first-screen__text {
  margin: 16px 0 24px;
  font-size: 16px;
  line-height: 1.25;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .first-screen__text {
    margin: 12px 0 32px;
    font-size: 14px;
    line-height: 1.43;
  }
}
.first-screen__group {
  width: 100%;
  max-width: 375px;
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media screen and (max-width: 575px) {
  .first-screen__group {
    order: 3;
    margin-bottom: 0;
    gap: 10px;
  }
}
.first-screen__group-btn {
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
}
.first-screen__group-btn.btn_light {
  border: 1px solid #E6E6E6;
}
.first-screen__list {
  display: flex;
  align-items: center;
  -moz-column-gap: 25px;
       column-gap: 25px;
}
@media screen and (max-width: 575px) {
  .first-screen__list {
    margin-bottom: 32px;
  }
}
.first-screen__item {
  display: flex;
  align-items: center;
  color: #1B222F;
}
.first-screen__item:first-child .first-screen__list-icon {
  background-image: linear-gradient(180deg, #82DBA0 0%, #53B374 100%);
}
.first-screen__item:nth-child(2) .first-screen__list-icon {
  background-color: #FBC02D;
}
.first-screen__item:last-child .first-screen__list-icon {
  font-size: 22px;
  background-color: #A27DEE;
}
.first-screen__list-icon {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 16px;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.first-screen__images {
  height: 100%;
}

.images-slider {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 767px) {
  .images-slider {
    display: none;
  }
}
.images-slider__block {
  height: 100%;
}
.images-slider__block_1 .images-slider__wrap {
  animation-duration: 7s;
}
.images-slider__block_2 .images-slider__wrap {
  animation-duration: 10s;
}
.images-slider__block_3 .images-slider__wrap {
  animation-duration: 8s;
}
.images-slider__block_4 .images-slider__wrap {
  animation-duration: 9s;
}
.images-slider__wrap {
  display: flex;
  flex-direction: column;
  animation: scrollToTop linear infinite;
}
.images-slider__wrap ul {
  display: flex;
  flex-direction: column;
  width: 72px;
  gap: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .images-slider__wrap ul {
    width: 50px;
  }
}
.images-slider__wrap ul li {
  width: 100%;
}
.images-slider__wrap ul li img {
  width: 100%;
  height: auto;
}

@keyframes scrollToTop {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-33.3333333333%);
  }
}
.domains-first-screen {
  background: url("../images/first-screen/domains/bg.jpg") no-repeat center;
  background-size: cover;
}
.domains-first-screen__inner {
  position: relative;
  padding-top: 48px;
  min-height: 280px;
}
@media screen and (max-width: 767px) {
  .domains-first-screen__inner {
    padding: 32px 0;
    min-height: auto;
  }
}
.domains-first-screen__info {
  margin: 0 auto 63px;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .domains-first-screen__info {
    margin-bottom: 20px;
  }
}
.domains-first-screen__title {
  margin-bottom: 24px;
  font-size: 42px;
  line-height: 1.25;
  color: #242629;
}
@media screen and (max-width: 575px) {
  .domains-first-screen__title {
    font-size: 24px;
    margin-bottom: 24px;
    line-height: 1.33;
  }
}
.domains-first-screen__text {
  font-size: 16px;
  line-height: 1.25;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .domains-first-screen__text {
    font-size: 14px;
    line-height: 1.43;
  }
}
.domains-first-screen__search {
  position: absolute;
  left: 0;
  bottom: -65px;
  z-index: 5;
  width: 100%;
  padding: 44px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .domains-first-screen__search {
    position: static;
    background-color: none;
    box-shadow: none;
    padding: 0;
  }
}
.domains-first-screen__search-wrap {
  display: flex;
}
.domains-first-screen__search-wrap .form-block {
  flex-grow: 1;
}
.domains-first-screen__search-wrap .input {
  height: 100%;
  padding: 0 20px;
  border-radius: 5px 0px 0px 5px;
}
.domains-first-screen__search-wrap .btn {
  padding: 14px 35px;
  font-size: 16px;
  line-height: 1.5;
  border-radius: 0px 5px 5px 0px;
}
@media screen and (max-width: 575px) {
  .domains-first-screen__search-wrap .btn {
    font-size: 14px;
    line-height: 1.43;
    padding: 10px 35px;
  }
}
@media screen and (max-width: 575px) {
  .domains-first-screen__search-wrap .btn span {
    display: none;
  }
}

.code-first-screen {
  background-image: url("/images/first-screen/code/main-bg.png");
  background-size: cover;
  background-position: center;
}
.code-first-screen__title {
  font-size: 32px;
  line-height: 40px;
}
.code-first-screen__search {
  margin: 24px 0;
}
@media screen and (max-width: 575px) {
  .code-first-screen__search {
    margin: 12px 0;
  }
}
.code-first-screen__search-input {
  display: flex;
  align-items: center;
  position: relative;
}
.code-first-screen__search-input label {
  position: absolute;
  left: 10px;
  top: 9px;
  color: #A9A9A9;
}
.code-first-screen__search-input .input {
  border-radius: 5px 0 0 5px;
  padding-left: 32px;
}
.code-first-screen__search-input .btn {
  border-radius: 0 5px 5px 0;
}
.code-first-screen__hot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.code-first-screen__hot-tags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.code-first-screen__hot-tag {
  font-size: 13px;
  line-height: 16px;
  padding: 4px 6px;
  background: #fff;
  color: #141E2A;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  transition: 0.2s;
}
.code-first-screen__hot-tag:hover {
  background: #F2F4F5;
}

.safe-deal-first-screen__inner {
  position: relative;
  padding: 79px 0 120px;
}
@media screen and (max-width: 1199px) {
  .safe-deal-first-screen__inner {
    padding: 50px 0;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__inner {
    padding: 32px 0;
  }
}
.safe-deal-first-screen__info {
  max-width: 540px;
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__info {
    max-width: none;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__title {
    text-align: center;
  }
}
.safe-deal-first-screen__title strong {
  color: #23b35d;
}
.safe-deal-first-screen__text {
  margin: 17px 0 32px;
  font-size: 16px;
  line-height: 1.5;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__text {
    margin: 12px 0 32px;
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
  }
}
.safe-deal-first-screen__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 23px;
  padding: 16px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
.safe-deal-first-screen__block-info-top {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
  color: #242629;
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__block-info-top {
    font-size: 14px;
    line-height: 1.43;
  }
}
.safe-deal-first-screen__block-info-text {
  display: flex;
  align-items: center;
  line-height: 1.14;
  -moz-column-gap: 5px;
       column-gap: 5px;
  color: #242629;
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__block-info-text {
    font-size: 12px;
    line-height: 1.14;
  }
}
.safe-deal-first-screen__list {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 27px;
       column-gap: 27px;
}
.safe-deal-first-screen__item {
  display: flex;
  align-items: center;
  flex-grow: 1;
  color: #050F21;
}
@media screen and (max-width: 575px) {
  .safe-deal-first-screen__item {
    flex-grow: 0;
  }
}
.safe-deal-first-screen__item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  font-size: 12px;
  color: #23b35d;
}
.safe-deal-first-screen__right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 550px;
}
@media screen and (max-width: 1199px) {
  .safe-deal-first-screen__right {
    display: flex;
    justify-content: center;
    position: static;
    margin-top: 70px;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .safe-deal-first-screen__right {
    display: none;
  }
}

.map {
  position: relative;
  width: 710px;
  height: 350px;
  background: url("../images/map/map.png") no-repeat center;
  background-size: cover;
}
.map__list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map__item {
  position: absolute;
  animation: Up 10s linear infinite 1s;
}
.map__item-1 {
  top: 13.8%;
  left: 9.15%;
}
.map__item-1 .map__top::before {
  background-color: rgba(224, 107, 145, 0.2);
}
.map__item-1 .map__content {
  animation: Bounce 10s infinite 5s;
}
.map__item-2 {
  top: 5.43%;
  left: 45.92%;
}
.map__item-2 .map__top::before {
  background-color: rgba(75, 60, 166, 0.2);
}
.map__item-2 .map__content {
  animation: Bounce 10s infinite 1s;
}
.map__item-3 {
  top: 19.71%;
  right: 13.24%;
}
.map__item-3 .map__top::before {
  background-color: rgba(141, 204, 248, 0.23);
}
.map__item-3 .map__content {
  animation: Bounce 10s infinite 2s;
}
.map__item-4 {
  bottom: 18%;
  left: 18.03%;
}
.map__item-4 .map__top::before {
  background-color: rgba(9, 105, 218, 0.2);
}
.map__item-4 .map__content {
  animation: Bounce 10s infinite 14s;
}
.map__item-5 {
  bottom: 30.86%;
  left: 45.77%;
}
.map__item-5 .map__top::before {
  background-color: rgba(248, 186, 141, 0.23);
}
.map__item-5 .map__content {
  animation: Bounce 10s infinite 6s;
}
.map__item-6 {
  bottom: 13.71%;
  right: 16.62%;
}
.map__item-6 .map__top::before {
  background-color: rgba(143, 213, 205, 0.23);
}
.map__item-6 .map__content {
  animation: Bounce 10s infinite 10s;
}
.map__top {
  position: relative;
  width: 73px;
  height: 73px;
  border-radius: 50%;
}
.map__top img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.map__top::before {
  content: "";
  width: 97px;
  height: 97px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  animation: Pulce 10s infinite 1s;
  transform-origin: top left;
}
.map__content {
  position: absolute;
  z-index: 2;
  top: 65px;
  left: 50%;
  transform: translateX(-50%) scale(0);
  display: flex;
  align-items: center;
  padding: 8px;
  width: 141px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  transform-origin: top left;
}
.map__content-icon {
  width: 32px;
  height: auto;
  margin-right: 6px;
}
.map__content-info-top {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
.map__content-info-price {
  font-weight: 500;
  color: #242631;
}

@keyframes Pulce {
  from {
    transform: scale(1) translate(-50%, -50%);
  }
  20% {
    transform: scale(1.1) translate(-50%, -50%);
  }
  40% {
    transform: scale(1) translate(-50%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
@keyframes Bounce {
  from {
    transform: scale(0) translateX(-50%);
  }
  8% {
    transform: scale(1) translateX(-50%);
  }
  25% {
    transform: scale(1) translateX(-50%) translateY(-3px);
  }
  40% {
    transform: scale(1) translateX(-50%) translateY(0);
  }
  48% {
    transform: scale(0) translateX(-50%);
  }
  to {
    transform: scale(0) translateX(-50%);
  }
}
@keyframes Up {
  from {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-3px);
  }
  40% {
    transform: translateY(0);
  }
  to {
    transform: translateY(0);
  }
}
/* Statistics */
.statistics {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .statistics {
    padding: 16px 0;
  }
}
.statistics__top-panel {
  margin-bottom: 16px;
}
.statistics__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  grid-template-rows: auto 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 16px;
}
@media screen and (max-width: 991px) {
  .statistics__inner {
    grid-template-columns: 1fr;
  }
}
.statistics__sidebar {
  display: grid;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-content: start;
  grid-row: span 2;
}
@media screen and (max-width: 991px) {
  .statistics__sidebar {
    grid-template-columns: 400px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .statistics__sidebar {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .statistics__content {
    grid-row-start: 2;
  }
}

.block-stat {
  padding: 17px 0;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
}
@media screen and (max-width: 1199px) {
  .block-stat {
    display: none;
  }
}
.block-stat__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.block-stat__item {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #737478;
}
.block-stat__name {
  margin-right: 5px;
}
.block-stat__value {
  color: #141E2A;
}

/* Mpcatalog */
@media screen and (max-width: 575px) {
  .mpcatalog {
    margin-bottom: 12px;
  }
}
@media screen and (max-width: 575px) {
  .mpcatalog__top {
    padding: 24px 0 16px;
    background-color: #ffffff;
  }
}
.mpcatalog__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
}
.mpcatalog__inner.reverse {
  grid-template-columns: 280px 1fr;
}
@media screen and (max-width: 991px) {
  .mpcatalog__inner.reverse {
    grid-template-columns: 1fr;
  }
  .mpcatalog__inner.reverse .catalog__filter-wrap {
    order: 2;
  }
}
@media screen and (max-width: 991px) {
  .mpcatalog__inner {
    grid-template-columns: 1fr;
  }
}
.mpcatalog__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 992px) {
  .mpcatalog__head-btn {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .mpcatalog__head-btn {
    display: none;
  }
}
.mpcatalog__cards {
  display: grid;
  row-gap: 12px;
}
.mpcatalog__control {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .mpcatalog__control {
    flex-direction: column-reverse;
  }
}
.mpcatalog__control-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (max-width: 767px) {
  .mpcatalog__control-wrap {
    margin-top: 12px;
  }
}
@media screen and (max-width: 575px) {
  .mpcatalog__control-wrap {
    align-self: stretch;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .mpcatalog__filter-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    overflow-y: auto;
    will-change: opacity;
    transform: translateZ(0);
  }
  .mpcatalog__filter-wrap.open {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
  }
  .mpcatalog__filter-wrap.open .mpcatalog__filter {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
}
@media screen and (max-width: 991px) {
  .mpcatalog__filter {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: 0.3s;
  }
}
.mpcatalog__bottom {
  margin-top: 12px;
}
.mpcatalog__top {
  margin: 24px 0 32px;
}
.mpcatalog__top-title {
  margin-bottom: 24px;
}
.mpcatalog__top-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .mpcatalog__top-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .mpcatalog__top-list .mpcatalog__top-item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .mpcatalog__top-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .mpcatalog__top-list .mpcatalog__top-item:nth-child(4) {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  .mpcatalog__top-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .mpcatalog__top-list .top-resource {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
  }
}

.top-resource {
  border-radius: 8px;
  box-shadow: 0px 0.4px 2px 0px rgba(10, 29, 59, 0.3019607843);
  overflow: hidden;
  background: #fff;
}
.top-resource__image {
  position: relative;
  padding-top: 66.7%;
  width: 100%;
  display: block;
}
.top-resource__image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.top-resource__info {
  display: block;
}
.top-resource__top {
  display: block;
  padding: 12px 14px;
  min-height: 80px;
  font-size: 14px;
  line-height: 20px;
  color: #141E2A;
}
.top-resource__bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
  padding: 12px 14px;
  color: #141E2A;
}
.top-resource__bottom:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-top: 1px solid #E6E6E6;
}
.top-resource__author {
  display: flex;
  align-items: center;
  gap: 6px;
}
.top-resource__author-avatar {
  width: 26px;
  height: 26px;
}
.top-resource__author-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.top-resource__author-name {
  font-size: 12px;
  line-height: 16px;
}
.top-resource__author-rating {
  display: flex;
  align-items: center;
  gap: 4px;
}
.top-resource__author-rating .icon-star {
  display: block;
  color: #F79D04;
  font-size: 10px;
}
.top-resource__author-rate {
  font-weight: 500;
  font-size: 13px;
}
.top-resource__author-reviews-count {
  font-size: 12px;
  color: #737478;
}
.top-resource__price {
  color: #23b35d;
  font-weight: 500;
  font-size: 15px;
}

/* Catalog */
.catalog {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .catalog {
    padding: 24px 0;
  }
}
.catalog_domains {
  padding: 113px 0 48px;
}
@media screen and (max-width: 767px) {
  .catalog_domains {
    padding: 48px 0;
  }
}
@media screen and (max-width: 575px) {
  .catalog_domains {
    padding: 24px 0;
  }
}
@media screen and (max-width: 991px) {
  .catalog__title {
    width: 100%;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 575px) {
  .catalog__title {
    margin-bottom: 16px;
  }
}
.catalog__head-btn {
  display: none;
}
@media screen and (max-width: 991px) {
  .catalog__head-btn {
    display: inline-flex;
  }
}
.catalog__content {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 991px) {
  .catalog__content {
    display: block;
  }
}
.catalog__content-left {
  flex-grow: 1;
}
.catalog__top {
  display: grid;
  grid-template-columns: auto 280px;
  gap: 20px;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  .catalog__top {
    grid-template-columns: auto 200px;
  }
}
@media screen and (max-width: 575px) {
  .catalog__top {
    display: block;
    margin-bottom: 16px;
  }
}
.catalog__top-left {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 991px) {
  .catalog__top-left {
    flex-wrap: wrap;
  }
}
.catalog__top-left-group {
  display: none;
}
@media screen and (max-width: 991px) {
  .catalog__top-left-group {
    display: flex;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.catalog__top-left-sort {
  display: none;
}
@media screen and (max-width: 575px) {
  .catalog__top-left-sort {
    display: block;
  }
}
.catalog__top-left-sort .btn {
  padding: 13px;
}
.catalog__top-left-sort .btn .icon {
  margin-right: 0;
}
.catalog__btn-filter {
  padding-left: 16px;
  padding-right: 16px;
  display: none;
}
@media screen and (max-width: 991px) {
  .catalog__btn-filter {
    display: inline-flex;
  }
}
.catalog__same-card {
  margin-bottom: 12px;
}
@media screen and (max-width: 575px) {
  .catalog__same-card {
    margin-bottom: 24px;
  }
}
.catalog__same-card:last-child {
  margin-bottom: 0;
}
.catalog__control-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .catalog__control-bottom {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 575px) {
  .catalog__control-bottom {
    padding: 12px 0;
  }
}
.catalog__control-bottom-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (max-width: 767px) {
  .catalog__control-bottom-wrap {
    width: 100%;
    justify-content: center;
    margin-top: 24px;
  }
}
@media screen and (max-width: 575px) {
  .catalog__control-bottom-wrap {
    margin-top: 12px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 991px) {
  .catalog__top-right {
    align-self: end;
  }
}
@media screen and (max-width: 575px) {
  .catalog__top-right {
    display: none;
  }
}
.catalog__top-right .jq-selectbox {
  width: 100%;
}
.catalog__top-right .jq-selectbox__select::before {
  margin-right: 8px;
  content: "Сортировка:";
  color: #737478;
}
@media screen and (max-width: 991px) {
  .catalog__top-right .jq-selectbox__select::before {
    display: none;
  }
}
.catalog__filter-wrap {
  width: 280px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .catalog__filter-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    overflow-y: auto;
  }
  .catalog__filter-wrap.open {
    opacity: 1;
    z-index: 1000;
    visibility: visible;
  }
  .catalog__filter-wrap.open .catalog__filter {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
  }
}
@media screen and (max-width: 991px) {
  .catalog__filter {
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    will-change: transform, opacity;
    pointer-events: none;
  }
}
.catalog__more {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
  color: inherit;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.catalog__more .icon {
  margin-left: auto;
  font-size: 13px;
  color: #A9A9A9;
}
.catalog__more-counter {
  color: #737478;
}
.catalog__services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1199px) {
  .catalog__services {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .catalog__services {
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
@media screen and (max-width: 991px) {
  .catalog__services {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .catalog__services {
    grid-template-columns: 1fr;
  }
}

.result {
  font-size: 13px;
  line-height: 1.23;
  font-weight: 400;
  color: #737478;
}

.sticker {
  color: transparent;
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  /*&_top {
    &::before {
      content: "\e955";
      background-image: linear-gradient(180deg, #55B9FB 0%, #217CF9 105.26%);
    }
  }
  &_pin {
    &::before {
      content: "\e954";
      background-image: linear-gradient(209.65deg, #FB764C 8.3%, #F95420 102.51%);
    }
  }*/
}
.sticker::before {
  -webkit-background-clip: text;
          background-clip: text;
}
.sticker_star::before {
  content: "\e916";
  background-color: #FF4D00;
  background-image: linear-gradient(180deg, #FF4D00 0%, #E39568 100%);
}
.sticker_verif::before {
  content: "\e919";
  background-color: #53B374;
  background-image: linear-gradient(351.38deg, #53B374 -7.05%, #76D296 97.65%);
}
.sticker_favor::before {
  content: "\e953";
  background-image: linear-gradient(180deg, #FF6271 0%, #FF1F34 100%);
}
.sticker_up {
  width: 16px;
  height: 16px;
  background-image: url("/images/rates/icons_small/up.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sticker_fixing {
  width: 16px;
  height: 16px;
  background-image: url("/images/rates/icons_small/fixing.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.sticker_premium {
  width: 16px;
  height: 16px;
  background-image: url("/images/rates/icons_small/premium.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.sticker-die {
  padding: 2px 10px;
  border-radius: 5px;
  font-weight: 500;
}
.sticker-die_favor {
  color: #ffffff;
  background-image: linear-gradient(87.41deg, #FF1F34 0%, #FF7A00 101.69%);
}

.category-link {
  display: flex;
  align-items: center;
  padding: 3px 6px;
  border: 1px solid #D3D4D6;
  font-size: 12px;
  line-height: 12px;
  color: #141E2A;
  background-color: #ffffff;
  border-radius: 4px;
  transition: 0.3s;
}
.category-link:hover {
  background-color: #F2F4F5;
}
.category-link img {
  width: 14px;
  height: auto;
  flex-shrink: 0;
  margin-right: 5px;
}

.pagination {
  display: inline-flex;
  align-items: center;
}
.pagination__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  color: #141E2A;
  transition: 0.3s;
  border-radius: 5px;
}
.pagination__link.active {
  background-color: #0969DA;
  color: #ffffff;
  border-right-color: #0969DA;
}
.pagination__link_next {
  color: #A9A9A9;
}
.pagination__link_next:hover {
  color: #141E2A;
}

a.pagination__link:hover {
  background-color: rgba(20, 30, 42, 0.05);
}

.filter {
  width: 100%;
  max-width: 280px;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
@media screen and (max-width: 991px) {
  .filter {
    box-shadow: none;
    border-radius: 0;
    min-height: 100%;
  }
}
.filter__title {
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.filter__top {
  padding: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .filter__top:hover {
    background-color: #F2F4F5;
  }
}
.filter__top.closed .filter__top-arrow {
  transform: rotate(180deg);
}
.filter__top_filter-close {
  display: none;
}
@media screen and (max-width: 991px) {
  .filter__top_filter-close {
    display: flex;
  }
  .filter__top_filter-close + .filter__top {
    display: none;
  }
}
.filter__top_filter-close .filter__top-arrow {
  font-size: 12px;
}
.filter__menu {
  padding: 0 16px;
}
.filter__menu-item {
  padding: 8px 0;
}
.filter__menu-link {
  padding-left: 26px;
  color: inherit;
  transition: 0.3s;
  display: flex;
  gap: 6px;
}
.filter__menu-link:hover, .filter__menu-link.active {
  color: #0969DA;
}
.filter__content {
  padding-bottom: 15px;
  padding-top: 8px;
}
.filter__divider {
  margin: 20px 0;
}
.filter__divider .filter__top {
  padding: 12px;
}
.filter__divider .filter__item {
  border-bottom: 0;
}
.filter__item {
  border-bottom: 1px solid #E6E6E6;
}
.filter__item-title {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
}
.filter__item-reset {
  margin-left: auto;
}
.filter__top-arrow {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 7px;
  color: #A9A9A9;
  transition: 0.3s;
}
.filter__search {
  padding: 0px 16px 0;
}
.filter__search-wrap {
  position: relative;
}
.filter__search-input {
  padding-right: 50px;
}
.filter__search-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 15px;
  color: #A9A9A9;
}
.filter__tags {
  margin-top: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.filter__tag {
  display: flex;
  align-items: center;
  padding: 4px 6px;
  font-size: 13px;
  line-height: 1.23;
  background-color: #E6E6E6;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
}
.filter__tag-close {
  font-size: 8px;
  margin-left: 8px;
  color: rgba(115, 116, 120, 0.8);
  line-height: 1;
}
.filter__content-item {
  margin-bottom: 16px;
}
.filter__content-item:last-child {
  margin-bottom: 0;
}
.filter__content-item-name {
  padding: 0 16px;
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 1.54;
  color: #737478;
}
.filter__content-item-name_tool {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.filter__checkbox-wrap {
  padding: 6px 16px;
  transition: 0.3s;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.filter__checkbox-wrap:hover {
  background-color: #F2F4F5;
}
.filter__checkbox-wrap.verif::before {
  order: 1;
  margin-right: 8px;
  content: "\e919";
  font-family: "icomoon";
  font-size: 14px;
  color: #4FAF5D;
}
.filter__checkbox-wrap.verif span {
  order: 2;
}
.filter__checkbox {
  margin-right: 10px;
}
.filter__input {
  padding: 0 16px;
  display: grid;
  grid-template-columns: 1fr;
}
.filter__input_col-2 {
  grid-template-columns: 1fr 1fr;
}
.filter__input_col-2 .filter__input-block:first-child .input {
  border-radius: 5px 0px 0px 5px;
}
.filter__input_col-2 .filter__input-block:last-child .input {
  border-radius: 0px 5px 5px 0px;
  border-left: none;
}
.filter__bottom {
  padding: 20px 16px 16px;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}
.filter__more {
  margin-top: 8px;
  margin-left: 16px;
}

.domains-list {
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px 8px 0px 0px;
}
@media screen and (max-width: 767px) {
  .domains-list {
    overflow: auto;
    width: calc(100% + 30px);
    position: relative;
    left: -15px;
  }
}
.domains-list__header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #737478;
  border-bottom: 1px solid #E5E5E5;
  border-radius: 8px 8px 0px 0px;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  .domains-list__header {
    width: -moz-fit-content;
    width: fit-content;
  }
  .domains-list__header > div:nth-child(3) {
    width: 70px;
  }
}
.domains-list__header-name {
  width: 30%;
}
@media screen and (max-width: 575px) {
  .domains-list__header-name {
    width: 145px;
    flex-shrink: 0;
  }
}
.domains-list__header-param {
  width: 10%;
}
@media screen and (max-width: 575px) {
  .domains-list__header-param {
    width: 50px;
    flex-shrink: 0;
  }
}
.domains-list__header-price {
  width: 20%;
  text-align: right;
}
@media screen and (max-width: 575px) {
  .domains-list__header-price {
    width: 90px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 575px) {
  .domains-list .domains-list__header-name {
    order: 0;
  }
  .domains-list .domains-list__header-param {
    order: 2;
  }
  .domains-list .domains-list__header-price {
    order: 1;
    text-align: left;
  }
}

.card-domain {
  padding: 20px;
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  background-color: #ffffff;
  border-bottom: 1px solid #E5E5E5;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .card-domain {
    width: -moz-fit-content;
    width: fit-content;
  }
  .card-domain > div:nth-child(4) {
    width: 70px;
  }
}
@media screen and (min-width: 992px) {
  .card-domain:hover {
    background-color: #F2F4F5;
  }
}
.card-domain__premium {
  background-color: #FFFBEC !important;
}
.card-domain__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.card-domain__name {
  position: relative;
  z-index: 1;
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .card-domain__name {
    width: 145px;
    flex-shrink: 0;
  }
}
.card-domain__param {
  width: 10%;
}
@media screen and (max-width: 575px) {
  .card-domain__param {
    width: 50px;
    flex-shrink: 0;
  }
}
.card-domain__price {
  width: 20%;
  text-align: right;
  color: #23b35d;
  font-weight: 500;
  font-size: 14px;
}
@media screen and (max-width: 575px) {
  .card-domain__price {
    width: 90px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 575px) {
  .card-domain .card-domain__name {
    order: 0;
  }
  .card-domain .card-domain__param {
    order: 2;
  }
  .card-domain .card-domain__price {
    order: 1;
    text-align: left;
  }
}

.catalog-sort {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.catalog-sort.show {
  opacity: 1;
  visibility: visible;
}
.catalog-sort.show .catalog-sort__inner {
  transform: translateY(0);
}
.catalog-sort__inner {
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(36, 38, 41, 0.15);
  border-radius: 8px 8px 0px 0px;
  padding-bottom: 30px;
  transform: translateY(100%);
  transition: 0.3s;
}
.catalog-sort__top {
  padding: 10px 12px;
  color: #737478;
}
.catalog-sort__top span {
  color: #141E2A;
}
.catalog-sort__item {
  display: block;
  padding: 9px 15px 7px;
  color: #141E2A;
}
.catalog-sort__item.active {
  background-color: #F2F4F5;
}

.listing-rate-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E6E6E6;
  gap: 6px;
}
.listing-rate-badges__item {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  border-radius: 5px;
  padding: 3px 6px;
}
.listing-rate-badges__item--safe-deal {
  background-color: rgba(35, 179, 93, 0.1490196078);
}
.listing-rate-badges__item--fixing {
  background-color: rgba(247, 81, 4, 0.1490196078);
}
.listing-rate-badges__item--low-price {
  background-color: rgba(235, 0, 27, 0.1490196078);
}
.listing-rate-badges__item--premium {
  background-color: rgba(255, 204, 0, 0.1490196078);
}
.listing-rate-badges__item--up {
  background-color: rgba(39, 177, 230, 0.1490196078);
}

/* Favourites */
.favourites {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .favourites {
    background-color: #ffffff;
  }
}
.favourites__inner {
  display: grid;
  grid-template-columns: auto 380px;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .favourites__inner {
    grid-template-columns: 1fr;
  }
}
.favourites__block {
  background-color: #ffffff;
  padding: 24px;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.08);
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .favourites__block {
    padding: 0;
    box-shadow: none;
  }
}
.favourites__main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .favourites__main {
    grid-template-columns: 1fr;
  }
}
.favourites__main-title {
  margin-bottom: 16px;
}
.favourites__busines-image {
  position: relative;
  margin-bottom: 13px;
  border-radius: 5px;
  overflow: hidden;
}
.favourites__busines-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.favourites__busines-image img {
  width: 100%;
  height: auto;
}
.favourites__busines-title {
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: #242629;
}
.favourites__busines-title a {
  color: inherit;
}
.favourites__busines-link {
  font-size: 13px;
  line-height: 1.23;
}
.favourites__recom-list {
  max-width: 355px;
  display: grid;
  gap: 20px;
}
.favourites__recom-card {
  display: flex;
  align-items: center;
}
.favourites__recom-title {
  margin-bottom: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.23;
  color: #242629;
}
.favourites__recom-title a {
  color: inherit;
}
.favourites__recom-image {
  position: relative;
  margin-right: 6px;
  width: 78px;
  flex-shrink: 0;
  border-radius: 5px;
  overflow: hidden;
}
.favourites__recom-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.favourites__recom-link {
  font-size: 13px;
  line-height: 1.23;
}
.favourites__domains-title {
  margin-bottom: 24px;
}
.favourites__domains-block {
  padding: 24px 0;
  border-bottom: 1px solid #D9D9D9;
}
.favourites__domains-block:first-of-type {
  padding-top: 0;
}
.favourites__domains-block:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.favourites__domains-block-title {
  margin-bottom: 22px;
}
.favourites__domains-item {
  display: grid;
  margin-bottom: 12px;
  grid-template-columns: 130px auto auto;
  gap: 20px;
}
.favourites__domains-item:last-child {
  margin-bottom: 0;
}
.favourites__domains-expenses {
  text-align: center;
}
.favourites__domains-profit {
  text-align: right;
  color: #737478;
}

/* Deal */
.deal {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .deal {
    padding: 16px 0;
  }
}
.deal__top-panel {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .deal__top-panel {
    margin-bottom: 16px;
  }
}
.deal__inner {
  display: grid;
  grid-template-columns: calc(100% - 400px) 380px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 16px;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "area-1 area-3" "area-2 area-3" "area-2 area-3";
}
@media screen and (max-width: 991px) {
  .deal__inner {
    grid-template-columns: 100%;
    grid-template-areas: "area-1" "area-3" "area-2";
  }
}
.deal__inner_rows-2 {
  grid-template-areas: "area-1 area-3" "area-1 area-3";
  grid-template-rows: auto auto;
}
@media screen and (max-width: 991px) {
  .deal__inner_rows-2 {
    grid-template-areas: "area-1" "area-3";
  }
}
.deal__top-group {
  display: flex;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding: 0 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 8px 8px 0px 0px;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
}
@media screen and (max-width: 575px) {
  .deal__top-group {
    padding: 0 16px;
  }
}
.deal__top-link {
  padding: 24px 0 26px;
  font-weight: 500;
  position: relative;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .deal__top-link {
    padding: 16px 0;
  }
}
.deal__top-link.active {
  color: #141E2A;
}
.deal__top-link.active::after {
  opacity: 1;
}
.deal__top-link::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0969DA;
  opacity: 0;
}
.deal__top {
  grid-area: area-1;
}
.deal__ann-card {
  border-radius: 0 0 8px 8px;
}
.deal__ann-card-columns {
  flex-direction: column;
}
.deal__content {
  grid-area: area-2;
}
.deal__sidebar {
  grid-area: area-3;
}
.deal__step {
  padding: 0 24px;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
  background-color: #ffffff;
  margin-bottom: 16px;
}
@media screen and (max-width: 575px) {
  .deal__step {
    padding: 0 16px;
  }
}
.deal__step:last-child {
  margin-bottom: 0;
}
.deal__step.completed .deal__step-num {
  background-color: #23b35d;
  color: #ffffff;
}
.deal__step-head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .deal__step-head {
    padding: 16px 0;
    flex-wrap: wrap;
  }
}
.deal__step-head .icon {
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 8px;
  color: #A9A9A9;
  transition: 0.3s;
}
.deal__step-head.open .icon {
  transform: rotate(180deg);
}
.deal__step-title {
  margin-right: auto;
}
@media screen and (max-width: 575px) {
  .deal__step-title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.deal__step-num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 12px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  color: #737478;
  font-weight: 500;
  background-color: #E6E6E6;
}
.deal__step-head-status {
  margin-right: 20px;
}
@media screen and (max-width: 575px) {
  .deal__step-head-status {
    order: 1;
    width: 100%;
    margin-right: 0;
    margin-top: 16px;
  }
}
.deal__step-content {
  padding: 24px 0;
  border-top: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .deal__step-content {
    padding: 16px 0;
  }
}
.deal__step-subtitle {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .deal__step-subtitle {
    margin-bottom: 16px;
  }
}
.deal__step-info {
  margin-bottom: 24px;
  padding: 24px;
  background-color: #F2F4F5;
  border-radius: 5px;
}
@media screen and (max-width: 575px) {
  .deal__step-info {
    margin-bottom: 16px;
    padding: 16px;
  }
}
.deal__step-info p {
  margin-bottom: 20px;
}
.deal__step-info p strong {
  color: inherit;
  font-weight: 500;
}
.deal__step-info p:last-child {
  margin-bottom: 0;
}
.deal__step-video {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  width: 100%;
  max-width: 580px;
}
@media screen and (max-width: 575px) {
  .deal__step-video {
    margin-bottom: 16px;
  }
}
.deal__step-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #737478;
}
.deal__step-status-icon {
  margin-bottom: 12px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-shrink: 0;
}
.deal__step-status-icon.load {
  background-image: url("../images/load.svg");
  animation: Rotate 1s linear infinite;
}
.deal__step-status-icon.success {
  background-image: url("../images/success.svg");
}
.deal__step-status-icon.error {
  background-image: url("../images/error.svg");
}
.deal__payments-item {
  margin-bottom: 16px;
}
.deal__step-bottom {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #E6E6E6;
  padding-top: 24px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 16px;
}
@media screen and (max-width: 575px) {
  .deal__step-bottom {
    flex-direction: column;
    padding-top: 16px;
  }
}
.deal__finish-text {
  color: #737478;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .deal__finish-text {
    margin-bottom: 16px;
  }
}
.deal__step-btn {
  min-width: 185px;
}
.deal__step-textarea {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .deal__step-textarea {
    margin-bottom: 16px;
  }
}
.deal__block {
  margin-bottom: 16px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
.deal__block:last-child {
  margin-bottom: 0;
}
.deal__block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22px 24px;
  cursor: pointer;
}
.deal__block-head.open .deal__block-arrow {
  transform: rotate(180deg);
}
@media screen and (max-width: 575px) {
  .deal__block-head {
    padding: 16px;
  }
}
@media screen and (max-width: 575px) {
  .deal__block-title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.deal__block-arrow {
  font-size: 7px;
  color: #A9A9A9;
  transition: 0.3s;
}
.deal__block-bottom {
  padding: 24px;
  border-top: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .deal__block-bottom {
    padding: 16px;
  }
}
.deal__info-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.deal__info-item:last-child {
  margin-bottom: 0;
}
.deal__info-item-name {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  color: #737478;
}
.deal__payments-text {
  align-items: center;
  -moz-column-gap: 6px;
  column-gap: 6px;
  color: #737478;
  margin-right: auto;
}
.deal__payments-container {
  margin-bottom: 12px;
}
.deal__payments-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
  -moz-column-gap: 6px;
  column-gap: 6px;
  justify-content: flex-end;
}
.deal__info-item-value {
  color: #737478;
}
.deal__info-item-value_red {
  color: #B9433F;
}
.deal__info-item-value_orange {
  color: #d28400;
}
.deal__info-item-value_green {
  color: #23b35d;
}
.deal__partces-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  margin-bottom: 18px;
}
.deal__block-btn {
  width: 100%;
}
.deal__history-list {
  position: relative;
}
.deal__history-list::before {
  content: "";
  width: 1px;
  background-color: #E6E6E6;
  position: absolute;
  top: 10px;
  left: 6px;
  bottom: 10px;
}
.deal__history-item {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
  color: #737478;
}
.deal__history-item:last-child {
  margin-bottom: 0;
}
.deal__history-item.active {
  color: #141E2A;
}
.deal__history-item.active .deal__history-num {
  background-color: #23b35d;
}
.deal__history-item.pending {
  color: #141E2A;
}
.deal__history-item.pending .deal__history-num {
  background-color: #F79D04;
}
.deal__history-step {
  display: flex;
  align-items: center;
}
.deal__history-num {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  width: 14px;
  height: 14px;
  font-size: 6px;
  border-radius: 50%;
  background-color: #D3D4D6;
  color: #ffffff;
}
.deal__history-date {
  color: #737478;
}
.deal__help-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.deal__help-item {
  color: inherit;
  margin-bottom: 12px;
}
.deal__help-item:last-child {
  margin-bottom: 0;
}
.deal__contract {
  margin-bottom: 20px;
}
.deal__contract:last-child {
  margin-bottom: 0;
}
.deal__buttons-control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
@media screen and (max-width: 575px) {
  .deal__buttons-control {
    margin-top: 12px;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}
.deal-services {
  border-top: 1px solid #E6E6E6;
}

.deal-service {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  padding: 16px 0;
  border-bottom: 1px solid #E6E6E6;
}
.deal-service__icon {
  width: 20px;
  height: 20px;
}
.deal-service__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.deal-service__title {
  color: #141E2A;
}
.deal-service__status {
  color: #737478;
}

@keyframes Rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}
.deal-banner_safe {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .deal-banner_safe {
    padding: 12x 0;
  }
}
.deal-banner__inner {
  display: flex;
  align-items: flex-start;
  padding: 24px;
  background-color: #141E2A;
  background-image: url("../images/deal-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #ffffff;
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .deal-banner__inner {
    padding: 16px;
    background-position: top right -220px;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner__inner {
    padding: 25px 24px;
    background-position: top right -220px;
  }
}
.deal-banner__info {
  max-width: 350px;
  margin-right: 35px;
}
@media screen and (max-width: 767px) {
  .deal-banner__info {
    margin-right: 0;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner__info {
    max-width: 230px;
    margin-right: 0;
  }
}
.deal-banner__title {
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  .deal-banner__title {
    margin-bottom: 12px;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner__title {
    margin-bottom: 12px;
  }
}
.deal-banner span {
  display: block;
  margin-top: 10px;
  color: #23b35d;
}
@media screen and (max-width: 575px) {
  .deal-banner span {
    margin-top: 12px;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner span {
    margin-top: 0;
  }
}
.deal-banner__text {
  margin-bottom: 33px;
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 575px) {
  .deal-banner__text {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 20px;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner__text {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 16px;
  }
}
.deal-banner__btn {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.43;
  width: 200px;
}
@media screen and (max-width: 575px) {
  .deal-banner__btn {
    width: 230px;
  }
}
@container sidebar (max-width: 575px) {
  .deal-banner__btn {
    width: 230px;
  }
}
@media screen and (max-width: 767px) {
  .deal-banner__list {
    display: none;
  }
}
@container sidebar (max-width: 767px) {
  .deal-banner__list {
    display: none;
  }
}
.deal-banner__item {
  position: relative;
  padding-left: 25px;
  margin-bottom: 26px;
  font-size: 16px;
  line-height: 1.25;
}
.deal-banner__item::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "\e920";
  font-family: "icomoon";
  font-size: 10px;
  color: #23b35d;
}
.deal-banner__item:last-child {
  margin-bottom: 0;
}
.deal-banner .btn span {
  margin-top: 0;
  color: #fff;
}

.deal-revision {
  margin: 24px 0;
  padding: 12px;
  background-color: rgba(247, 4, 4, 0.1);
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 8px;
}
.deal-revision__title {
  font-weight: bold;
}

/* Categories */
.categories {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .categories {
    padding: 24px 0 3px;
    background-color: #ffffff;
    overflow: hidden;
  }
}
.categories__title {
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .categories__title {
    margin-bottom: 12px;
  }
}
.categories__inner {
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .categories__inner {
    overflow: visible;
  }
}

.cat-slider {
  position: relative;
}
.cat-slider__slide {
  display: block;
  width: 170px;
  padding: 12px;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
  background-color: #ffffff;
  color: inherit;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .cat-slider__slide {
    width: 75px;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .cat-slider__slide:hover {
    box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.28), 0 2px 0 #0969DA;
    transform: translateY(-2px);
  }
}
.cat-slider__icon {
  margin-bottom: 16px;
  width: 48px;
}
@media screen and (max-width: 575px) {
  .cat-slider__icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
  }
  .cat-slider__icon img {
    width: 100%;
    height: auto;
  }
}
.cat-slider__text {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .cat-slider__text {
    font-size: 13px;
    line-height: 1.23;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
  }
}
.cat-slider__btn {
  position: absolute;
  top: 32px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .cat-slider__btn {
    display: none;
  }
}
.cat-slider__btn_prev {
  left: 12px;
}
.cat-slider__btn_next {
  right: 12px;
}
.cat-slider__pagination {
  margin-top: 20px;
}

/* Services */
.service-card {
  min-height: auto;
  border: none;
}
.service-card__image {
  position: relative;
  padding-top: 64.3%;
}
.service-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-card__info {
  padding: 12px 14px;
}
.service-card__text {
  color: #333435;
}
.service-card__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-top: 1px solid #E6E6E6;
}
.service-card__user {
  display: flex;
  align-items: center;
}
.service-card__user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 6px;
}
.service-card__user-name {
  margin-bottom: 4px;
  font-weight: 500;
  color: #333435;
}
.service-card__price {
  text-align: right;
}

.page-services {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .page-services {
    padding: 24px 0;
  }
}
.page-services__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media screen and (max-width: 575px) {
  .page-services__top {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-services__top .jq-selectbox__select::before {
  margin-right: 8px;
  content: "Сортировка:";
  color: #737478;
}
@media screen and (max-width: 575px) {
  .page-services__title {
    margin-bottom: 20px;
  }
}

.services-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .services-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .services-list {
    margin: 0 auto;
    max-width: 380px;
    grid-template-columns: 1fr;
  }
}

.services-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 442px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .services-card:hover .services-card__image::before {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .services-card:hover .rubric-link {
    background-color: #242629;
  }
}
.services-card__link {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.services-card__rubrics {
  position: absolute;
  top: 12px;
  left: 16px;
  right: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.services-card__image {
  position: relative;
}
.services-card__image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.services-card__image img {
  width: 100%;
  height: auto;
}
.services-card__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px;
}
.services-card__title {
  margin-bottom: 5px;
}
.services-card__text {
  margin-bottom: 32px;
  color: #505154;
}
.services-card__bottom {
  margin-top: auto;
}
.services-card__bottom-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.services-card__price {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.services-card__price_green {
  color: #23b35d;
}
.services-card__titme {
  display: flex;
  align-items: center;
  color: #737478;
}
.services-card__titme .icon {
  margin-right: 8px;
  font-size: 14px;
  color: #A9A9A9;
}
.services-card__btn {
  position: relative;
  z-index: 2;
  width: 100%;
}

.serv-card {
  padding: 16px 20px 14px;
  width: 164px;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 6px rgba(36, 38, 41, 0.14);
  border: 1px solid #e6e6e6;
  border-radius: 12px;
  background-color: #ffffff;
  transition: 0.3s;
  color: inherit;
}
@media screen and (max-width: 575px) {
  .serv-card {
    width: 140px;
  }
}
.serv-card:hover {
  box-shadow: 0 2px 6px rgba(36, 38, 41, 0.28);
}
.serv-card__icon {
  width: 28px;
  height: 28px;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.serv-slider {
  position: relative;
}
.serv-slider__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .serv-slider__btn {
    display: none;
  }
}
.serv-slider__btn_prev {
  left: 12px;
}
.serv-slider__btn_next {
  right: 12px;
}

/* Invest */
.invest-card__user {
  position: absolute;
  bottom: 12px;
  left: 10px;
  z-index: 2;
  color: #ffffff;
}
.invest-card__info {
  padding: 16px;
}
.invest-card__text {
  margin: 12px 0 24px;
}

/* Academy */
.academy-card__user {
  position: absolute;
  bottom: 12px;
  left: 10px;
  z-index: 2;
  color: #ffffff;
}
.academy-card__info {
  padding: 16px;
}
.academy-card__info-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.academy-card__text {
  margin-top: 12px;
}
.academy-card__bottom {
  padding-top: 12px;
}

.authors-slider {
  position: relative;
}
.authors-slider__btn {
  position: absolute;
  top: 88px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .authors-slider__btn {
    display: none;
  }
}
.authors-slider__btn_prev {
  left: -12px;
}
.authors-slider__btn_next {
  right: -12px;
}
.authors-slider .swiper-slide {
  margin-right: 16px;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .authors-slider .swiper-slide {
    margin-right: 12px;
  }
}

.author-card {
  display: flex;
  flex-direction: column;
  max-width: 148px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
  color: inherit;
}
.author-card__image {
  background-color: #F2F4F5;
}
.author-card__image img {
  width: 100%;
  height: auto;
}
.author-card__info {
  flex-grow: 1;
  padding: 9px;
  border: 1px solid #E6E6E6;
  border-radius: 0px 0px 8px 8px;
}
.author-card__name {
  font-weight: 500;
  margin-bottom: 1px;
}
.author-card__text {
  font-size: 11px;
  line-height: 1.27;
  color: #737478;
}

/* Marketing */
.market-card:hover .market-card__top {
  background-color: #E7E9EB;
}
.market-card:hover .market-card__title {
  color: inherit;
}
.market-card__top {
  padding: 16px;
  height: 156px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: 0.3s;
}
.market-card__icon {
  position: relative;
}
.market-card__icon img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.market-card__avatar {
  width: 70px;
  height: 70px;
}
.market-card__title {
  margin: 10px 0 4px;
}
.market-card__text {
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.market-card__info {
  padding: 16px;
}
.market-card__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.23;
}
.market-card__item-name {
  color: #737478;
}
.market-card__item-value {
  color: #000000;
}
.market-card__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-top: 1px solid #E6E6E6;
}

/* Cases */
.cases {
  padding: 24px 0 48px;
}
@media screen and (max-width: 575px) {
  .cases {
    padding: 24px 0;
    background-color: #ffffff;
  }
}
.cases__inner {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .cases__inner {
    padding: 0;
    box-shadow: none;
  }
}
.cases__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.cases-slider__btn {
  position: absolute;
  top: 55px;
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .cases-slider__btn {
    display: none;
  }
}
.cases-slider__btn_prev {
  left: 12px;
}
.cases-slider__btn_next {
  right: 12px;
}
.cases-slider__pagination {
  margin-top: 16px;
}
@media screen and (max-width: 575px) {
  .cases-slider__pagination {
    margin-top: 12px;
  }
}

.case {
  color: inherit;
}
@media screen and (min-width: 992px) {
  .case:hover .case__title {
    color: #0969DA;
  }
}
.case__image {
  position: relative;
  border-radius: 5px;
  margin-bottom: 16px;
  overflow: hidden;
}
@media screen and (min-width: 992px) {
  .case__image:hover::before {
    opacity: 1;
  }
}
.case__image::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  opacity: 0;
}
@media screen and (max-width: 575px) {
  .case__image {
    margin-bottom: 12px;
  }
}
.case__image img {
  width: 100%;
  height: auto;
}
.case__title {
  font-size: 14px;
  font-weight: normal;
  transition: 0.3s;
}

/* Posts */
.posts {
  padding: 25px 0 50px;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  .posts {
    padding: 25px 0 30px;
  }
}
.posts__title {
  margin-bottom: 22px;
}
@media screen and (max-width: 575px) {
  .posts__title {
    display: none;
  }
}
.posts__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-areas: "area-1 area-1 area-2 area-3";
}
@media screen and (max-width: 991px) {
  .posts__inner {
    grid-template-columns: auto 280px;
    grid-template-areas: "area-1 area-3" "area-2 area-2";
    row-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .posts__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "area-1 area-1" "area-2 area-3";
  }
}
@media screen and (max-width: 575px) {
  .posts__inner {
    grid-template-columns: 1fr;
    grid-template-areas: "area-2" "area-1" "area-3";
    row-gap: 0;
  }
}
.posts__articles {
  grid-area: area-1;
  display: grid;
  align-self: start;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .posts__articles {
    grid-template-columns: 1fr;
    margin-bottom: 55px;
    gap: 22px;
  }
}
@media screen and (min-width: 576px) {
  .posts__article_big {
    grid-column: span 2;
  }
}
.posts__news {
  grid-area: area-2;
}
@media screen and (max-width: 575px) {
  .posts__news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
  }
}
.posts__news-title {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .posts__news-title {
    margin-bottom: 0;
  }
}
.posts__news-list {
  display: grid;
  grid-column: 1fr;
  row-gap: 24px;
  margin-bottom: 32px;
}
@media screen and (max-width: 991px) {
  .posts__news-list {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media screen and (max-width: 767px) {
  .posts__news-list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .posts__news-list {
    display: none;
  }
}
.posts__news-text {
  font-size: 14px;
  font-weight: normal;
}
.posts__news-text a {
  color: inherit;
  transition: 0.3s;
}
@media screen and (min-width: 992px) {
  .posts__news-text a:hover {
    color: #0969DA;
  }
}
.posts__news-date {
  font-size: 12px;
  color: #737478;
}
.posts__feedback {
  grid-area: area-3;
}

.article {
  position: relative;
}
@media screen and (min-width: 992px) {
  .article:not(.article_big):hover .article__title {
    color: #0969DA;
  }
}
@media screen and (min-width: 992px) {
  .article:hover .rubric-link {
    background-color: #ffffff;
  }
}
.article__card {
  color: inherit;
}
@media screen and (max-width: 575px) {
  .article__card {
    display: flex;
    align-items: center;
  }
}
.article__image {
  margin-bottom: 15px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .article__image {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    margin-right: 12px;
    margin-bottom: 0;
  }
}
.article__image img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 575px) {
  .article__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.article__image:hover::before {
  background-color: rgba(0, 0, 0, 0.5);
}
.article__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .article__image::before {
    display: none;
  }
}
.article__rubrics {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media screen and (max-width: 575px) {
  .article__rubrics {
    display: none;
  }
}
.article__title {
  font-size: 14px;
  font-weight: normal;
}
@media screen and (max-width: 575px) {
  .article__title {
    margin-bottom: 2px;
    color: #242629;
  }
}
@media screen and (min-width: 576px) {
  .article_big .article__card {
    color: #ffffff;
  }
  .article_big .article__image {
    margin-bottom: 0;
  }
  .article_big .article__card-info {
    position: absolute;
    bottom: 15px;
    left: 15px;
  }
  .article_big .article__title {
    font-size: 20px;
    font-weight: 500;
  }
}
.article__date {
  display: none;
  font-size: 13px;
  line-height: 1.54;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .article__date {
    display: block;
  }
}

/* Announce */
.announce {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .announce {
    padding: 16px 0;
  }
}
.announce__top-panel {
  margin-bottom: 16px;
}
.announce__params {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 767px) {
  .announce__params {
    flex-direction: column;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}
.announce__parameters {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .announce__parameters {
    margin-bottom: 16px;
  }
}
.announce__finance-table {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .announce__finance-table {
    margin-bottom: 16px;
  }
}
.announce__finance-table:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .announce__files {
    display: none;
  }
}
.announce__files-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  justify-items: start;
}
@media screen and (max-width: 1199px) {
  .announce__files-list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 991px) {
  .announce__files-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .announce__files-list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .announce__deal-banner {
    display: none;
  }
}
.announce__additional-param {
  margin-top: 20px;
}
@media screen and (max-width: 575px) {
  .announce__additional-param {
    margin-top: 12px;
  }
}
.announce__additional-param strong {
  font-weight: 500;
  color: #141E2A;
}
.announce__chart {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .announce__chart {
    margin-bottom: 16px;
  }
}

.parameters {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media screen and (max-width: 1199px) {
  .parameters {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .parameters {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .parameters {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .parameters {
    grid-template-columns: 1fr;
  }
}

.pr-card {
  position: relative;
  padding: 12px;
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  border-radius: 5px;
  transition: 0.3s;
}
.pr-card:hover {
  background-color: rgba(20, 30, 42, 0.05);
}
.pr-card__value {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 1.23;
  font-weight: 500;
}
.pr-card__position {
  color: #FF1F34;
}
.pr-card__dynamics {
  font-size: 12px;
  line-height: 1.17;
}
.pr-card__dynamics_positive {
  color: #23b35d;
}
.pr-card__dynamics_negative {
  color: #C82E29;
}
.pr-card__name {
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
.pr-card__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tables-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media screen and (max-width: 767px) {
  .tables-group {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
@media screen and (max-width: 575px) {
  .tables-group {
    row-gap: 16px;
  }
}

.pr-table {
  min-width: 690px;
}
@media screen and (max-width: 575px) {
  .pr-table {
    min-width: auto;
  }
}
@media screen and (max-width: 575px) {
  .pr-table_big {
    min-width: 690px;
  }
}
.pr-table img {
  display: inline-block;
  margin-top: -3px;
  margin-right: 8px;
  width: 16px;
  height: auto;
  vertical-align: middle;
}

.top-panel {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media screen and (max-width: 575px) {
  .top-panel__btn_share {
    order: 3;
    padding-left: 13px;
    padding-right: 13px;
  }
}
.top-panel__btn.active .icon {
  color: #C82E29;
}
.top-panel i {
  color: #A9A9A9;
}

.table-stat {
  width: 100%;
  border-collapse: collapse;
}
.table-stat tr {
  border-bottom: 1px solid #E6E6E6;
}
.table-stat td {
  padding: 16px;
  vertical-align: middle;
}
@media screen and (max-width: 575px) {
  .table-stat td {
    padding: 16px 0;
  }
}
.table-stat td img {
  margin-right: 8px;
  margin-top: -3px;
  display: inline-block;
  width: 16px;
  height: auto;
  vertical-align: middle;
}
.table-stat td:last-child {
  text-align: right;
}
.table-stat__icon {
  width: 16px;
  height: 16px;
  margin-top: -3px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-size: 16px;
  color: #a9a9a9;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .table-wrap {
    overflow-x: auto;
  }
}

/* Blog */
.blog {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .blog {
    padding: 24px 0;
  }
}
.blog__posts {
  display: flex;
  gap: 30px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .blog__posts {
    flex-direction: column;
  }
}
@media screen and (max-width: 575px) {
  .blog__posts {
    margin-right: -15px;
    margin-left: -15px;
    overflow-x: auto;
  }
}
.blog__posts-left {
  width: 100%;
}
@media screen and (max-width: 575px) {
  .blog__posts-left {
    display: none;
  }
}
.blog__posts-left-title {
  margin-bottom: 16px;
}
.blog__posts-right {
  width: 100%;
  max-width: 350px;
}
@media screen and (max-width: 991px) {
  .blog__posts-right {
    max-width: none;
  }
}
.blog__posts-right-title {
  margin-bottom: 22px;
}
@media screen and (max-width: 575px) {
  .blog__posts-right-title {
    display: none;
  }
}
.blog__posts-list {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
@media screen and (max-width: 575px) {
  .blog__posts-list {
    flex-direction: row;
    gap: 20px;
  }
  .blog__posts-list .post-card {
    flex-shrink: 0;
    width: 260px;
  }
}
.blog__item {
  margin: 30px 0;
}
@media screen and (max-width: 575px) {
  .blog__item {
    margin: 20px 0;
  }
}
.blog__forum {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 30px;
}
@media screen and (max-width: 991px) {
  .blog__forum {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .blog__forum {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
}
.blog__pagination-wrap {
  text-align: center;
}

.rubrics-menu {
  padding: 20px;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  background-color: #ffffff;
  border-radius: 8px;
}
.rubrics-menu__title {
  margin-bottom: 20px;
}
.rubrics-menu__link {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: inherit;
}
.rubrics-menu__link.active {
  font-weight: 500;
}
.rubrics-menu__link.active .rubrics-menu__icon {
  color: #23b35d;
}
@media screen and (min-width: 992px) {
  .rubrics-menu__link:hover {
    font-weight: 500;
  }
  .rubrics-menu__link:hover .rubrics-menu__icon {
    color: #23b35d;
  }
}
.rubrics-menu__link:last-child {
  margin-bottom: 0;
}
.rubrics-menu__icon {
  margin-right: 17px;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #A9A9A9;
}

.posts-popular {
  padding: 16px;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  background-color: #ffffff;
  border-radius: 8px;
}
.posts-popular__title {
  margin-bottom: 16px;
}
.posts-popular__list {
  display: flex;
  flex-direction: column;
  row-gap: 22px;
}

.blog-card {
  position: relative;
}
.blog-card:hover .rubric-link {
  opacity: 1;
}
.blog-card:hover .blog-card__image::before {
  background-color: rgba(0, 0, 0, 0.4);
}
.blog-card:hover .blog-card__title {
  color: #0969DA;
}
.blog-card__rubrics {
  position: absolute;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  top: 16px;
  left: 16px;
  z-index: 2;
}
.blog-card__rubrics .rubric-link {
  opacity: 0.5;
  color: #141E2A;
}
.blog-card__inner {
  display: flex;
  flex-direction: column;
  color: inherit;
  height: 100%;
}
.blog-card__image {
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
  border-radius: 8px 8px 0px 0px;
}
.blog-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transition: 0.3s;
}
.blog-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blog-card__info {
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 8px 8px;
  padding: 15px;
  flex-grow: 1;
  background-color: #ffffff;
}
.blog-card__title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .blog-card__title {
    font-size: 14px;
    line-height: 1.43;
  }
}
.blog-card__text {
  margin: 16px 0 24px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-card__bottom {
  margin-top: auto;
  font-size: 13px;
  line-height: 1.23;
  color: #A9A9A9;
}
.blog-card__group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.blog-card__group-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.blog-card__group-item .icon {
  color: #A9A9A9;
}
.blog-card_big .blog-card__image {
  padding-bottom: 56%;
}
.blog-card_big .blog-card__info {
  border: 1px solid #E5E5E5;
}
.blog-card_big .blog-card__title {
  max-width: 410px;
  font-size: 18px;
  line-height: 1.23;
}
.blog-card_big .blog-card__text {
  margin-bottom: 52px;
  font-size: 14px;
  line-height: 1.43;
  color: #242629;
}

.post-card {
  display: flex;
  align-items: center;
  color: inherit;
}
.post-card:hover .post-card__title {
  color: #0969DA;
}
.post-card__image {
  position: relative;
  width: 92px;
  height: 52px;
  margin-right: 12px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.post-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post-card__title {
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 4px;
  font-weight: 400;
  color: #242629;
  transition: 0.3s;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.post-card__date {
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}

.block-forum {
  background-color: #ffffff;
  border-radius: 8px;
}
.block-forum__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #E6E6E6;
}
.block-forum__item {
  min-height: 84px;
  padding: 13px 20px;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  border-bottom: 1px solid #E6E6E6;
}
.block-forum__item:last-child {
  border-bottom: none;
}
.block-forum__icon {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  font-size: 18px;
}
.block-forum__icon_base {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2F4F5;
  border-radius: 12px;
}
.block-forum__icon_base .icon {
  background-image: linear-gradient(125.14deg, #A9A9A9 1.55%, rgba(169, 169, 169, 0.51) 88.42%);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.block-forum__theme {
  max-height: 16px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.block-forum__text {
  max-height: 39px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.block-forum__date {
  margin-left: auto;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
  text-align: right;
  white-space: nowrap;
}
@media screen and (max-width: 575px) {
  .block-forum__date {
    display: none;
  }
}

.articles__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.articles__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.articles__list_col-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 991px) {
  .articles__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .articles__list {
    grid-template-columns: 1fr;
  }
}

.author {
  display: flex;
  align-items: center;
  padding: 24px;
  background-color: #F2F4F5;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .author {
    padding: 16px;
  }
}
.author__avatar {
  margin-right: 20px;
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}
.author__name {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 575px) {
  .author__name {
    font-size: 14px;
    line-height: 1.4;
  }
}
.author__text {
  margin: 6px 0;
  color: #242424;
}
.author__label {
  font-size: 13px;
  line-height: 1.23;
  color: #939393;
}

/* Rubric */
.rubric {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .rubric {
    padding: 24px 0;
  }
}
.rubric__title {
  margin-bottom: 24px;
}
.rubric__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .rubric__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .rubric__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .rubric__pagination-wrap {
    text-align: center;
  }
}

/* Single */
.single {
  padding: 48px 0;
}
@media screen and (max-width: 575px) {
  .single {
    padding: 24px 0;
  }
}
.single__author {
  margin-top: 30px;
}
@media screen and (max-width: 575px) {
  .single__author {
    margin-top: 16px;
  }
}
@media screen and (max-width: 575px) {
  .single__post {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.single__comments {
  margin-top: 20px;
}
@media screen and (max-width: 575px) {
  .single__comments {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media screen and (max-width: 991px) {
  .single__posts-popular {
    display: none;
  }
}
.single__articles {
  margin-top: 28px;
}
@media screen and (max-width: 575px) {
  .single__articles {
    margin-top: 0;
  }
}

.post {
  padding: 32px;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  background-color: #ffffff;
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .post {
    padding: 16px;
  }
}
.post__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.post__top-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.post__top-group-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.post__top-group-item .icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #A9A9A9;
}
.post__title {
  font-size: 24px;
  line-height: 1.33;
  margin-bottom: 20px;
  color: #242424;
}
.post__image {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 56%;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .post__image {
    height: 195px;
    margin-bottom: 16px;
  }
}
.post__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.post__image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 2;
}
.post__rubrics {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  z-index: 3;
  gap: 10px;
}
.post__content {
  color: #242424;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 575px) {
  .post__content {
    font-size: 14px;
    line-height: 1.4;
  }
}
.post__content h1, .post__content h2 {
  margin: 16px 0;
  font-size: 24px;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .post__content h1, .post__content h2 {
    margin: 16px 0;
    font-size: 18px;
  }
}
.post__content h3, .post__content h4 {
  margin: 8px 0;
  font-size: 18px;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .post__content h3, .post__content h4 {
    font-size: 16px;
    margin: 16px 0 20px;
    line-height: 1.5;
  }
}
.post__content h5, .post__content h6 {
  margin: 4px 0;
  font-size: 16px;
  line-height: 1.25;
}
@media screen and (max-width: 575px) {
  .post__content h5, .post__content h6 {
    font-size: 14px;
    margin: 16px 0 20px;
    line-height: 1.5;
  }
}
.post__content p {
  margin-bottom: 4px;
}
@media screen and (max-width: 575px) {
  .post__content p {
    margin-bottom: 20px;
  }
}
.post__content p a {
  position: relative;
  color: #0874F4;
}
.post__content p a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #0874F4;
}
.post__content p a:hover::after {
  opacity: 0;
}
.post__content ul {
  margin: 20px 0;
}
@media screen and (max-width: 575px) {
  .post__content ul {
    margin: 20px 0 16px;
  }
}
.post__content ul li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 6px;
}
.post__content ul li::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #0874F4;
}
.post__content ul li:last-child {
  margin-bottom: 0;
}
.post__content ol {
  margin: 20px 0;
}
.post__content figure {
  width: auto !important;
  margin: 0;
}
.post__content figure img {
  max-width: 100%;
  height: auto;
}
.post__content table {
  margin: 4px 0;
  width: 100%;
  font-size: 14px;
  text-align: left;
}
.post__content table td, .post__content table th {
  padding: 6px 8px;
}
.post__content table td {
  background: #f9f9f9;
}
.post__attention {
  margin: 30px 0;
}
@media screen and (max-width: 575px) {
  .post__attention {
    margin: 16px 0;
  }
}

/* Chat */
.chat {
  padding: 18px 0;
}
@media screen and (max-width: 575px) {
  .chat {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
    background-color: #ffffff;
  }
}
.chat__header-btn {
  padding: 8px 16px;
  margin-right: 12px;
}
@media screen and (min-width: 768px) {
  .chat__header-btn.closed {
    transform: rotateY(180deg);
  }
}
.chat__user {
  display: flex;
  align-items: center;
  color: inherit;
}
.chat__user-avatar {
  margin-right: 12px;
  width: 40px;
  height: 40px;
}
.chat__user-info-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.chat__user-info-name {
  font-weight: 500;
  color: #141E2A;
}
.chat__user-info-name.is-verif {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.chat__user-info-text {
  color: #A9A9A9;
}
.chat__menu {
  visibility: hidden;
  position: relative;
  margin-left: auto;
}
.chat__menu-btn {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4px;
  color: #A9A9A9;
}
.chat__menu-btn:hover {
  color: #737478;
}
.chat__inner {
  position: relative;
  display: flex;
  height: 580px;
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .chat__inner {
    border-radius: 0;
    box-shadow: none;
    height: calc(100vh - 90px - 80px);
  }
}
@media screen and (max-width: 575px) {
  .chat__inner--opened {
    height: calc(100vh - 90px - 106px);
  }
}
.chat__contacts {
  width: 360px;
  flex-shrink: 0;
  border-right: 1px solid #E6E6E6;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  overflow: scroll;
}
@media screen and (max-width: 991px) {
  .chat__contacts {
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .chat__contacts {
    width: 100%;
    /*overflow: scroll;*/
  }
}
.chat__contacts-empty {
  padding: 16px 12px;
  text-align: center;
  color: #777;
}
.chat__search {
  padding: 8px 12px;
  border-bottom: 1px solid #E6E6E6;
}
.chat__search-form {
  position: relative;
  width: 100%;
}
.chat__search-form .input {
  padding-right: 36px;
}
.chat__contacts-container {
  flex-grow: 1;
}
.chat__contacts-list {
  flex-grow: 1;
  overflow: hidden;
}
.chat__contacts-list .scroll-wrapper > .scroll-content {
  overflow: auto !important;
}
.chat__contacts-list .scrollbar-inner {
  display: flex;
  flex-direction: column;
}
.chat__contacts-list.loading {
  filter: grayscale(1);
  position: relative;
  width: 100%;
  height: 100%;
}
.chat__contacts-list.loading:after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/load-blue.svg);
  animation: Rotate 1s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.chat__contacts-list.empty-result {
  width: 100%;
  height: 100%;
  display: flex;
}
.chat__contacts-list.empty-result:after {
  content: attr(data-empty-title);
  font-weight: 400;
  font-size: 14px;
  line-height: 143%;
  color: #737478;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px;
}
.chat__screensaver {
  height: 100%;
  display: none;
}
.chat__screensaver-image {
  width: 128px;
  height: auto;
  margin-bottom: 16px;
}
.chat__screensaver-text {
  padding: 3px 16px;
  color: #ffffff;
  background-color: rgba(20, 30, 42, 0.15);
  border-radius: 100px;
}
.chat__content {
  height: 100%;
  flex-grow: 1;
  background-image: linear-gradient(198deg, #96B6F9 0%, #A3D7F0 100%);
}
@media screen and (max-width: 767px) {
  .chat__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .chat__content.closed {
    transform: translateX(100%);
    opacity: 0;
  }
}
.chat__content.closed .chat__content-wrap {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .chat__content.closed .chat__screensaver {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .chat__content {
    width: 100%;
    flex-shrink: 0;
  }
}
.chat__content-close {
  display: none;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  font-size: 16px;
  color: #A9A9A9;
}
@media screen and (max-width: 767px) {
  .chat__content-close {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.chat__content-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.chat__correspondence {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex-grow: 1;
}
.chat__correspondence-head {
  padding: 8px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
}
.chat__messages {
  flex-grow: 1;
  overflow-y: hidden;
}
.chat__messages .scroll-wrapper > .scroll-content {
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
.chat__correspondence-panel {
  padding: 12px 16px;
  background-color: #F2F4F5;
}
@media screen and (max-width: 575px) {
  .chat__correspondence-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    min-height: 80px;
    z-index: 12;
    width: 100%;
  }
}
.chat__info {
  flex-shrink: 0;
  width: 360px;
  height: 100%;
  background-color: #ffffff;
  transition: 0.3s;
}
.chat__info.hide {
  margin-right: -360px;
}
.chat__info-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 6px 10px 16px;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}
.chat__info-head-btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #A9A9A9;
}
.chat__info-head-btn:hover {
  color: #737478;
}
.chat__info-user {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 16px 16px;
  border-bottom: 1px solid #E6E6E6;
}
.chat__info-avatar {
  width: 100px;
  height: 100px;
  font-size: 40px;
}
.chat__info-name {
  padding: 12px 0 16px;
}
.chat__info-group {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.chat__info-media {
  padding: 16px;
}
.chat__info-media-title {
  margin-bottom: 16px;
}
.chat__info-media-list {
  display: grid;
  grid-template-rows: 60px;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}
.chat__info-media-item {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.chat__info-media-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.chat__loader {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../images/load-blue.svg");
  animation: Rotate 1s linear infinite;
}

.chat-form {
  display: flex;
  align-items: flex-end;
}
.chat-form__file {
  margin-right: 16px;
  margin-bottom: 12px;
  line-height: 1;
  position: relative;
  color: #A9A9A9;
}
.chat-form__file:hover {
  color: #737478;
}
.chat-form__file-input {
  position: absolute;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.chat-form__file-icon {
  font-size: 22px;
  pointer-events: none;
}
.chat-form__wrap {
  position: relative;
  flex-grow: 1;
}
.chat-form__textarea {
  position: relative;
  width: 100%;
  padding: 9px 40px 9px 10px;
  height: 77px;
  resize: none;
  align-self: center;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
}
.chat-form__textarea.placeholder {
  opacity: 1;
  color: #A9A9A9;
}
.chat-form__textarea:-moz-placeholder {
  opacity: 1;
  color: #A9A9A9;
}
.chat-form__textarea::-moz-placeholder {
  opacity: 1;
  color: #A9A9A9;
}
.chat-form__textarea:-ms-input-placeholder {
  opacity: 1;
  color: #A9A9A9;
}
.chat-form__textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #A9A9A9;
}
.chat-form__smiles {
  position: absolute;
  line-height: 0;
  bottom: 16px;
  right: 10px;
  font-size: 20px;
  transition: 0.3s;
  color: #A9A9A9;
  cursor: pointer;
}
.chat-form__smiles:hover {
  color: #737478;
}
.chat-form__smiles:focus emoji-picker, .chat-form__smiles:focus-within emoji-picker {
  display: block;
}
.chat-form__smiles emoji-picker {
  position: absolute;
  bottom: calc(100% + 6px);
  right: 0px;
  display: none;
}
.chat-form__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-left: 17px;
  margin-bottom: 13px;
  flex-shrink: 0;
  font-size: 18px;
  color: #0969DA;
}

.chat-contact {
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
}
.chat-contact.active {
  background-color: #F2F4F5;
}
.chat-contact:hover {
  background-color: #F2F4F5;
}
.chat-contact__wrap {
  display: grid;
  grid-template-columns: 40px calc(100% - 52px);
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-left: 12px;
}
.chat-contact__avatar {
  align-self: center;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 1.11;
}
.chat-contact__info {
  padding: 11px 12px 11px 0;
  border-bottom: 1px solid #EAEAEA;
}
.chat-contact:last-child .chat-contact__info {
  border-bottom: 0;
}
.chat-contact__info-top {
  display: grid;
  grid-template-columns: calc(100% - 75px) 70px;
  -moz-column-gap: 5px;
       column-gap: 5px;
  color: #141E2A;
}
.chat-contact__name {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.chat-contact__name span {
  font-weight: 500;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.chat-contact__date {
  align-self: center;
  font-size: 12px;
  line-height: 1.3;
  color: #A9A9A9;
  text-align: right;
  white-space: nowrap;
}
.chat-contact__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-contact__text {
  margin-right: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #737478;
}

.chat-messages {
  display: flex;
  flex-direction: column;
  padding: 10px 16px;
  row-gap: 8px;
}
@media screen and (max-width: 575px) {
  .chat-messages {
    padding: 10px 8px;
  }
}
.chat-messages__date {
  padding: 3px 16px;
  align-self: center;
  font-size: 12px;
  line-height: 1.16;
  color: #ffffff;
  text-align: center;
  background-color: rgba(20, 30, 42, 0.15);
  border-radius: 100px;
}
@media screen and (max-width: 575px) {
  .chat-messages__date {
    font-size: 12px;
  }
}

.chat-message {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 9px;
       column-gap: 9px;
}
.chat-message__avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.chat-message__content-wrap {
  position: relative;
  padding-left: 5px;
  border-bottom-right-radius: 16px;
  box-shadow: 0px 1px 0.5px 0px rgba(11, 20, 26, 0.08);
}
.chat-message__content-wrap::before {
  content: url("../images/chat/message-corner.svg");
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0;
}
.chat-message__content {
  position: relative;
  min-width: 110px;
  max-width: 400px;
  background-color: #ffffff;
  border-radius: 16px 16px 16px 0px;
  padding: 5px 10px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .chat-message__content {
    max-width: 280px;
    padding: 12px 9px 9px 12px;
  }
}
.chat-message__content img {
  max-width: 100%;
  height: auto;
}
.chat-message__content b {
  color: #141E2A;
}
.chat-message__group {
  margin-bottom: 1px;
  padding-left: 6px;
  border-left: 2px solid #3E8DE7;
}
.chat-message__name {
  font-size: 13px;
  line-height: 1.23;
  font-weight: 500;
  color: #3E8DE7;
}
.chat-message__group-text {
  max-width: 250px;
  font-size: 12px;
  line-height: 1.16;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-message__text {
  font-size: 15px;
  line-height: 1.33;
  word-wrap: break-word;
}
.chat-message__content-image {
  position: relative;
}
.chat-message__content-image.loading {
  filter: grayscale(1);
  opacity: 0.5;
}
.chat-message__content-image.loading:after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/load-blue.svg);
  animation: Rotate 1s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.chat-message__image {
  width: 100%;
  height: auto;
}
.chat-message__content-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 3px;
       column-gap: 3px;
  line-height: 1;
}
.chat-message__time {
  float: right;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  text-align: right;
  color: #A2A9AF;
}
.chat-message__status {
  flex-shrink: 0;
  width: 16px;
  line-height: 0;
  text-align: right;
}
.chat-message__status::before {
  content: "\e904";
  font-family: "icomoon";
  line-height: 1;
  font-size: 8px;
  color: #3E8DE7;
}
.chat-message__status_viewed::before {
  content: "\e931";
  font-size: 9px;
}
.chat-message_right {
  justify-content: flex-end;
}
.chat-message_right .chat-message__content-wrap {
  padding-left: 0;
  padding-right: 5px;
  border-bottom-left-radius: 16px;
}
.chat-message_right .chat-message__content-wrap::before {
  content: url("../images/chat/message-corner-right.svg");
  left: auto;
  right: 0;
}
.chat-message_right .chat-message__content {
  border-radius: 16px 16px 0px 16px;
  background-color: #E4F2FF;
}
.chat-message_right .chat-message__content-time {
  color: rgba(255, 255, 255, 0.6);
}
.chat-message_system .chat-message__content-wrap::before {
  content: url("../images/chat/message-corner-system.svg");
}
.chat-message_system:not(.chat-message_right) .chat-message__content-wrap::before {
  transform: scaleX(-1);
}
.chat-message_system .chat-message__content {
  background-color: #fcf5cb !important;
}
.chat-message_main {
  margin: 0 auto;
}
.chat-message_main .avatar, .chat-message_main .chat-message__name {
  display: none;
}
.chat-message_main .chat-message__content-wrap {
  padding-right: 0;
  padding-left: 0;
  border-radius: 16px !important;
}
.chat-message_main .chat-message__content-wrap .chat-message__content {
  border-radius: 16px !important;
}
.chat-message_main .chat-message__content-wrap::before {
  display: none;
}
.chat-message_media .chat-message__content-wrap {
  border-bottom-right-radius: 22px;
}
.chat-message_media .chat-message__content {
  padding: 0;
  border-radius: 22px 22px 22px 0px;
  border: 3px solid #FFF;
}
.chat-message_media .chat-message__content-bottom {
  position: absolute;
  bottom: 6px;
  right: 10px;
  color: #ffffff;
}
.chat-message_media.chat-message_right .chat-message__content-wrap {
  border-bottom-left-radius: 22px;
}
.chat-message_media.chat-message_right .chat-message__content {
  border-radius: 22px 22px 0 22px;
}
.chat-message_media.chat-message_right .chat-message__content {
  border-color: #E4F2FF;
}
.chat-message_media.chat-message_system .chat-message__content {
  background-color: #fcf5cb !important;
}
.chat-message.search-highlight {
  opacity: 1;
  animation: 1s 0.2s search-highlight ease;
  animation-iteration-count: 1;
}
@keyframes search-highlight {
  0%, 20% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  80%, 100% {
    opacity: 1;
  }
}

/* Account */
.account {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .account {
    padding: 16px 0;
  }
}
.account__head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .account__head {
    grid-row-start: 1;
  }
}
@media screen and (max-width: 575px) {
  .account__head {
    margin-bottom: 16px;
  }
}
.account__head-btn {
  margin-left: auto;
}
.account__title {
  font-size: 18px;
  line-height: 1.33;
}
@media screen and (max-width: 575px) {
  .account__title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.account__inner {
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 260px calc(100% - 280px);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 991px) {
  .account__inner {
    grid-template-columns: 100%;
  }
}
.account__sidebar {
  grid-row: span 2;
}
@media screen and (max-width: 991px) {
  .account__sidebar {
    width: auto;
    margin-bottom: 16px;
  }
}
.account__sidebar-main {
  grid-row: span 4;
}
.account__sidebar-wallet {
  grid-row: span 3;
}
.account__tabs {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.account__tabs-caption {
  margin-bottom: 16px;
}
.account__tabs-content {
  flex-grow: 1;
}
.account__list {
  display: grid;
  row-gap: 16px;
}
.account__domains {
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .account__domains {
    overflow: visible;
  }
}
.account__table-wrap {
  min-height: 100%;
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
.account__block {
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
  margin-bottom: 16px;
}
.account__block:last-child {
  margin-bottom: 0;
}
.account__profile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.account__profile-title {
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .account__profile-title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.account__profile-view {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: rgba(115, 116, 120, 0.8);
}
@media screen and (max-width: 575px) {
  .account__profile-view {
    font-size: 12px;
    line-height: 1.17;
  }
}
.account__profile-view .icon {
  color: #A9A9A9;
}
.account__profile {
  padding: 24px;
}
@media screen and (max-width: 575px) {
  .account__profile {
    padding: 16px;
  }
}
.account__image {
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: #F2F4F5;
}
@media screen and (max-width: 575px) {
  .account__image {
    margin-bottom: 12px;
  }
}
.account__image-avatar {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  font-size: 24px;
}
.account__image-text {
  margin-right: 16px;
  max-width: 220px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .account__image-text {
    font-size: 12px;
    line-height: 1.17;
  }
}
.account__image-btn {
  margin-left: auto;
  flex-shrink: 0;
}
.account__profile-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 16px;
  row-gap: 16px;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 575px) {
  .account__profile-group {
    margin-bottom: 12px;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
@media screen and (min-width: 576px) {
  .account__profile-group .form-group:last-child, .account__profile-group .organization-form-group {
    grid-column: span 2;
  }
}
.account__safety {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .account__safety {
    padding: 16px 0;
  }
}
.account__safety-block {
  padding: 16px 24px;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .account__safety-block {
    padding: 12px 16px;
  }
}
.account__safety-block:first-child {
  padding-top: 0;
}
.account__safety-block:last-child {
  padding-top: 24px;
  padding-bottom: 0;
  border-bottom: none;
}
@media screen and (max-width: 575px) {
  .account__safety-block:last-child {
    padding-top: 16px;
  }
}
.account__safety-wrap {
  display: grid;
  grid-template-columns: 1fr 40px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  max-width: 475px;
}
.account__safety-group {
  margin-bottom: 16px;
  max-width: 425px;
}
.account__safety-group:last-child {
  margin-bottom: 0;
}
.account__safety-btn {
  align-self: end;
}
.account__safety-text {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.16;
  color: #737478;
}
.account__notif {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .account__notif {
    padding: 16px 0;
  }
}
.account__notif-block {
  padding: 16px 24px;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .account__notif-block {
    padding: 12px 16px;
  }
}
.account__notif-block:first-child {
  padding-top: 0;
  padding-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .account__notif-block:first-child {
    padding-bottom: 16px;
  }
}
.account__notif-block:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  padding-top: 24px;
}
@media screen and (max-width: 575px) {
  .account__notif-block:last-child {
    padding-top: 16px;
  }
}
.account__notif-title {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.account__notif-text {
  margin-bottom: 16px;
  font-size: 12px;
  line-height: 1.17;
  color: rgba(115, 116, 120, 0.8);
}
.account__notif-group {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 12px;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .account__notif-group {
    -moz-column-gap: 16x;
         column-gap: 16x;
    margin-bottom: 16px;
  }
}
.account__notif-group:last-child {
  margin-bottom: 0;
}
.account__notif-group-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 13px;
  line-height: 1.23;
}
.account__integrate {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .account__integrate {
    padding: 16px 0;
  }
}
.account__integrate-block {
  padding: 24px 24px 16px;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .account__integrate-block {
    padding: 16px;
  }
}
.account__integrate-block:first-child {
  padding-top: 0;
}
.account__integrate-block:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.account__integrate-title {
  margin-bottom: 16px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 500;
}
.account__integrate-text {
  font-size: 13px;
  line-height: 1.28;
  color: #737478;
}
.account__integrate-text p {
  margin-bottom: 16px;
}
.account__integrate-btn {
  width: 100%;
  max-width: 245px;
}
.account__integrate-confirm {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 13px;
  line-height: 1.28;
  color: #737478;
}
.account__integrate-caption {
  margin-top: 10px;
  max-width: 540px;
  font-size: 12px;
  line-height: 1.17;
  color: #949494;
}
.account__alert-avatar {
  flex-shrink: 0;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
.account__alerts {
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
}
.account__alert {
  padding: 20px;
  border-bottom: 1px solid #E6E6E6;
}
.account__alert:last-child {
  border-bottom: none;
}
.account__alert-top {
  margin-bottom: 20px;
  font-weight: 500;
  color: #737478;
}
.account__alert-inner {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
}
.account__alert-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 50%;
  margin-right: 10px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.account__alert-text {
  font-size: 13px;
  line-height: 1.23;
}
.account__alert-text p {
  margin-bottom: 16px;
}
.account__alert-text p:last-child {
  margin-bottom: 0;
}
.account__alert-bottom {
  margin-top: 14px;
}
.account__alert-time {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.17;
  color: rgba(115, 116, 120, 0.8);
}
.account__slider {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
}
@media screen and (max-width: 991px) {
  .account__slider {
    grid-row-start: 2;
  }
}
@media screen and (max-width: 575px) {
  .account__slider {
    overflow: visible;
    margin-bottom: 16px;
  }
}
.account__slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media screen and (max-width: 575px) {
  .account__slider-btn {
    display: none;
  }
}
.account__slider-btn_prev {
  left: 12px;
}
.account__slider-btn_next {
  right: 12px;
}
.account__slide {
  width: 292px;
  height: 150px;
  border-radius: 12px;
  overflow: hidden;
  background-color: #F2F4F5;
}
@media screen and (max-width: 575px) {
  .account__slide {
    width: 270px;
  }
}
.account__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.account__stat {
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "area-1 area-2 area-3 area-4";
  gap: 12px;
  /*@include mq('sm') {
    margin-bottom: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'area-1 area-2'
                         'area-3  area-5';
  }*/
}
@media screen and (max-width: 1199px) {
  .account__stat {
    margin-bottom: 16px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "area-1 area-2" "area-3 area-4";
  }
}
.account__stat-card-1 {
  grid-area: area-1;
}
.account__stat-card-2 {
  grid-area: area-2;
}
.account__stat-card-3 {
  grid-area: area-3;
}
.account__stat-card-4 {
  grid-area: area-4;
  /*@include mq('sm') {
    display: none;
  }*/
}
.account__news {
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
  padding: 24px;
}
@media screen and (max-width: 575px) {
  .account__news {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
}
.account__news-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .account__news-head {
    display: none;
  }
}
.account__news-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
}
@media screen and (max-width: 1199px) {
  .account__news-inner {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .account__news-inner {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .account__news-inner {
    gap: 16px;
  }
}
.account__news-posts {
  display: grid;
  row-gap: 12px;
}
@media screen and (max-width: 575px) {
  .account__news-right {
    padding: 16px;
    background-color: #ffffff;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
  }
}
.account__news-more {
  width: 100%;
  margin-top: 20px;
}
.account__wallet-payments {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .account__wallet-payments {
    margin-bottom: 16px;
  }
}
.account__wallet-payments-list {
  margin-bottom: 16px;
}
.account__wallet-payments-item {
  margin-bottom: 16px;
  display: block;
  color: #141E2A;
}
.account__wallet-payments-item:last-child {
  margin-bottom: 0;
}
.account__wallet-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .account__wallet-group {
    grid-template-columns: 1fr;
    row-gap: 16px;
    margin-bottom: 16px;
  }
}
.account__operations {
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
.account__operations-head {
  padding: 24px 24px 32px;
}
@media screen and (max-width: 575px) {
  .account__operations-head {
    padding: 16px 16px 24px;
  }
}
.account__verif-info {
  padding: 16px;
  border-radius: 8px;
  background-color: #F2F4F5;
}
.account__verif-info-title {
  margin-bottom: 12px;
  font-weight: 500;
}
.account__verif-info-list {
  list-style-type: disc;
  padding-left: 16px;
  color: #000000;
}
.account__verif-card {
  margin-bottom: 16px;
}
.account__verif-card:last-child {
  margin-bottom: 0;
}
.account .empty-list {
  height: 100%;
}
.account__control {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
}
.account__control .btn {
  min-width: 180px;
}
.account__exit-btn {
  display: flex;
  gap: 6px;
}
.account__profile-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: calc(50% - 12px);
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  overflow: hidden;
}
.account__profile-switch-item {
  width: 100%;
}
.account__profile-switch-item label {
  width: 100%;
  cursor: pointer;
}
.account__profile-switch-item label:hover {
  box-shadow: none;
}
.account__profile-switch-item input:not(:checked) + label {
  background-color: transparent;
  color: #000000;
}
.account__profile-switch-item input:not(:checked) + label:hover {
  background-color: #F2F4F5;
}

.verif-card {
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
}
@media screen and (max-width: 575px) {
  .verif-card {
    padding: 16px;
  }
}
.verif-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .verif-card__top {
    flex-direction: column;
  }
}
.verif-card__top.only-top {
  padding-bottom: 0;
  border-bottom: 0;
}
.verif-card__info {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .verif-card__info {
    flex-direction: column;
    text-align: center;
    margin-bottom: 12px;
  }
}
.verif-card__icon {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 50%;
  font-size: 20px;
  color: transparent;
}
@media screen and (max-width: 575px) {
  .verif-card__icon {
    width: 60px;
    height: 60px;
    font-size: 25px;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.verif-card__icon_phone {
  background-image: linear-gradient(151deg, #5DC2FB 0%, #1872F8 100%);
}
.verif-card__icon_email {
  background-image: linear-gradient(151deg, #FB835D 0%, #F84E18 100%);
}
.verif-card__icon_method {
  background-image: linear-gradient(151deg, #FBC15D 0%, #F8A518 100%);
}
.verif-card__icon .icon {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.verif-card__info-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
.verif-card__info-bottom {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media screen and (max-width: 575px) {
  .verif-card__info-bottom {
    flex-direction: column;
    align-items: center;
  }
}
.verif-card__status {
  display: flex;
  align-items: center;
  color: #C82E29;
}
.verif-card__status::before {
  flex-shrink: 0;
  content: "\e949";
  font-family: "icomoon";
  margin-right: 4px;
}
.verif-card__status_verif {
  color: #23b35d;
}
.verif-card__status_verif::before {
  content: "\e948";
}
.verif-card__bottom {
  padding-top: 16px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .verif-card__bottom {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .account__sidebar:not(.account__sidebar-main) {
    display: none;
  }
}

.adding-blance {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .adding-blance {
    padding: 16px;
  }
}
.adding-blance__title {
  margin-bottom: 18px;
  color: #000000;
}
.adding-blance__form {
  display: flex;
  max-width: 320px;
}
.adding-blance__form-input {
  flex-grow: 1;
}
.adding-blance__form-input .input {
  border-radius: 5px 0px 0px 5px;
}
.adding-blance__form-btn {
  flex-shrink: 0;
  border-radius: 0px 5px 5px 0px;
}

.withdrawal {
  padding: 24px;
  background: #ffffff url("../images/account/withdrawal-bg.png") no-repeat bottom right;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .withdrawal {
    padding: 16px;
  }
}
.withdrawal__price {
  margin-bottom: 18px;
  color: #000000;
}

.operations-table {
  min-width: 760px;
}
@media screen and (max-width: 575px) {
  .operations-table {
    min-width: auto;
  }
}
.operations-table tr td:nth-child(2) {
  color: #737478;
}
.operations-table__name {
  align-self: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bids-card {
  position: relative;
  padding: 16px;
  background-color: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 8px;
}
.bids-card:hover .bids-card__btn {
  opacity: 1;
  visibility: visible;
}
.bids-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bids-card__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #E6E6E6;
}
.bids-card__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.bids-card__date {
  color: #737478;
  font-size: 13px;
  margin-right: auto;
}
.bids-card__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 12px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.bids-card__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
  padding: 16px;
  background-color: #F2F4F5;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .bids-card__inner {
    flex-direction: column;
    align-items: stretch;
  }
}
.bids-card__left {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 350px;
}
.bids-card__image {
  position: relative;
  width: 60px;
  height: 40px;
  border-radius: 2px;
  margin-right: 12px;
  flex-shrink: 0;
  overflow: hidden;
}
.bids-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
}
.bids-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bids-card__info-name {
  font-size: 14px;
  height: 20px;
  max-width: 240px;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bids-card__info-name {
    max-width: none;
  }
}
.bids-card__info-name a {
  color: inherit;
}
.bids-card__info-bottom {
  display: flex;
  align-items: center;
}
.bids-card__benefits {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.bids-card__data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 285px;
}
@media screen and (max-width: 767px) {
  .bids-card__data {
    width: auto;
    max-width: none;
  }
}
.bids-card__data-item {
  font-weight: 500;
}
.bids-card__data-item span {
  display: block;
  font-size: 13px;
  line-height: 1.23;
  font-weight: 400;
  color: #737478;
}
.bids-card__btn {
  position: relative;
  z-index: 2;
  margin-left: auto;
  width: 165px;
  white-space: nowrap;
  transition: 0s;
}
@media screen and (min-width: 992px) {
  .bids-card__btn {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .bids-card__btn {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 575px) {
  .bids-card__btn {
    width: 100%;
  }
}

.account-menu {
  background: #ffffff;
  box-shadow: 0 0.5px 2px 0 rgba(10, 29, 59, 0.3);
  border-radius: 12px;
}
.account-menu__top {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.account-menu__user {
  display: flex;
  align-items: center;
}
.account-menu__avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 18px;
  line-height: 1;
}
.account-menu__name {
  display: flex;
  align-items: center;
  margin-right: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-weight: 500;
}
.account-menu__burger {
  font-size: 18px;
  display: none;
  color: #141E2A;
}
@media screen and (max-width: 991px) {
  .account-menu__burger {
    display: block;
  }
}
.account-menu__bottom {
  padding: 0 8px 16px;
}
.account-menu__item {
  padding: 12px 0;
  border-top: 1px solid #E6E6E6;
}
.account-menu__item:last-child {
  padding-bottom: 0;
}
.account-menu__link {
  display: flex;
  align-items: center;
  padding: 12px;
  border-radius: 5px;
  transition: 0.3s;
  color: #737478;
}
.account-menu__link:hover, .account-menu__link.active {
  background-color: #F2F4F5;
  color: #141E2A;
}
.account-menu__link:hover .account-menu__icon, .account-menu__link.active .account-menu__icon {
  color: #0874F4;
}
.account-menu__icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 400;
  transition: 0.3s;
}
.account-menu__quantity {
  margin-left: auto;
}

.account-replenishment {
  padding-top: 0 !important;
}
.account-replenishment__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-replenishment__amount {
  font-size: 18px;
  color: #737478;
  font-weight: 500;
}

.reputation-table {
  min-width: 650px;
}
.reputation-table__rate {
  color: #C82E29;
}
.reputation-table__rate.positive {
  color: #23b35d;
}

.form-verify-again__link {
  margin-top: 12px;
}

/* Domain */
.domain {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .domain {
    padding: 16px 0;
  }
}
.domain__top-panel {
  margin-bottom: 16px;
}
.domain__card {
  display: flex;
}
.domain__card-icon {
  margin-right: 24px;
  width: 60px;
}
@media screen and (max-width: 575px) {
  .domain__card-icon {
    margin-right: 16px;
  }
}
.domain__card-icon img {
  width: 100%;
  height: auto;
}
.domain__card-url {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: inherit;
}
@media screen and (max-width: 575px) {
  .domain__card-url {
    font-size: 16px;
    line-height: 1.5;
  }
}
.domain__card-link::after {
  content: "\e90a";
  font-family: "icomoon";
  margin-left: 8px;
  margin-bottom: -2px;
  font-weight: bold;
  font-size: 12px;
  color: #0969DA;
}
.domain__card-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.domain__card-group-item {
  display: flex;
  align-items: center;
}
.domain__card-group-item:first-child {
  opacity: 0.8;
}
.domain__card-group-item .icon {
  font-size: 14px;
  color: #A7A8A9;
  margin-right: 8px;
}

/* History */
.history {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .history {
    padding: 16px 0;
  }
}
.history__top-panel {
  margin-bottom: 16px;
}

.history-table {
  overflow-x: auto;
  min-width: 680px;
}
@media screen and (max-width: 575px) {
  .history-table {
    min-width: auto;
  }
}
.history-table tr td:last-child {
  color: #737478;
  text-align: right;
}
.history-table__wrap {
  min-width: 680px;
}
@media screen and (max-width: 575px) {
  .history-table__wrap {
    min-width: 680px;
  }
}
.history-table__row {
  padding: 16px 24px;
  display: grid;
  grid-template-columns: 230px 1fr 1fr 140px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .history-table__row {
    padding: 16px 0;
  }
}
.history-table__head {
  padding: 8px 24px;
  font-size: 12px;
  line-height: 2.67;
  font-weight: 500;
  color: #737478;
  background-color: rgba(242, 244, 246, 0.5);
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .history-table__head {
    padding: 8px 0;
  }
}
.history-table__head-cell {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.history-table__head-cell .icon {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9A9EA7;
}
.history-table__head-date {
  justify-content: flex-end;
}
.history-table__cell {
  display: flex;
  align-items: center;
}
.history-table__user {
  -moz-column-gap: 8px;
       column-gap: 8px;
  display: flex;
  align-items: center;
}
.history-table__user-avatar {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.history-table__user-info-top {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.history-table__user-name {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-weight: 500;
  color: #141E2A;
}
.history-table__user-info-text {
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.history-table__date {
  text-align: right;
  color: #737478;
}

/* Safe Deal */
.page-safe-deal {
  color: #242631;
}

.safe-deal-steps {
  padding: 60px 0 24px;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .safe-deal-steps {
    padding: 48px 0 24px;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-steps {
    padding: 24px 0 12px;
  }
}
.safe-deal-steps__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .safe-deal-steps__inner {
    flex-direction: column;
  }
}
.safe-deal-steps__left {
  max-width: 540px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .safe-deal-steps__left {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.safe-deal-steps__list {
  position: relative;
  counter-reset: counter;
}
.safe-deal-steps__list::before {
  position: absolute;
  content: "";
  top: 19px;
  left: 10px;
  bottom: 30px;
  width: 0;
  border: 1px dashed rgba(79, 175, 93, 0.25);
}
.safe-deal-steps__item {
  counter-increment: counter;
  display: flex;
  align-items: flex-start;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 575px) {
  .safe-deal-steps__item {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 1.43;
  }
}
.safe-deal-steps__item:last-child {
  margin-bottom: 0;
}
.safe-deal-steps__item::before {
  content: counter(counter);
  margin-right: 14px;
  width: 22px;
  height: 22px;
  background-color: #23b35d;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  border-radius: 50%;
  flex-shrink: 0;
}
.safe-deal-steps__right {
  width: 100%;
  max-width: 585px;
}

.video {
  position: relative;
  padding-top: 54%;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .video {
    border-radius: 4px;
  }
}
.video__preview {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.video__play {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video__play_darken {
  background-color: rgba(112, 112, 112, 0.4);
}
.video__play-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  transition: 0.3s;
}
.video__play-icon:hover {
  background-color: #000000;
}
.video__play-icon::before {
  margin-right: -3px;
  margin-bottom: -3px;
  content: url("../images/play.svg");
}

.safe-deal-benefits {
  padding: 24px 0 48px;
  background-color: #ffffff;
}
@media screen and (max-width: 575px) {
  .safe-deal-benefits {
    padding: 12px 0 24px;
  }
}
.safe-deal-benefits__info-title {
  margin-bottom: 6px;
}
@media screen and (max-width: 575px) {
  .safe-deal-benefits__info-title {
    font-size: 14px;
    line-height: 1.43;
  }
}
.safe-deal-benefits__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .safe-deal-benefits__list {
    grid-template-columns: 1fr;
  }
}
.safe-deal-benefits__item {
  display: flex;
  align-items: center;
  padding: 32px;
  background-color: #F2F4F5;
  border-radius: 5px;
}
@media screen and (max-width: 991px) {
  .safe-deal-benefits__item {
    padding: 24px;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-benefits__item {
    padding: 16px;
  }
}
.safe-deal-benefits__image {
  flex-shrink: 0;
  margin-right: 28px;
  width: 80px;
  height: auto;
}
@media screen and (max-width: 575px) {
  .safe-deal-benefits__image {
    margin-right: 20px;
    width: 50px;
  }
}
.safe-deal-benefits__info-text {
  color: #737478;
}
@media screen and (max-width: 575px) {
  .safe-deal-benefits__info-text {
    font-size: 13px;
    line-height: 1.23;
  }
}

.questions {
  padding: 24px 0 48px;
}
@media screen and (max-width: 575px) {
  .questions {
    padding: 12px 0 24px;
  }
}

.questions-list {
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
.questions-list__item {
  border-bottom: 1px solid #E6E6E6;
}
.questions-list__item:last-child {
  border-bottom: none;
}
.questions-list__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  cursor: pointer;
}
@media screen and (max-width: 575px) {
  .questions-list__top {
    padding: 16px;
  }
}
.questions-list__top.open .questions-list__top-arrow {
  transform: rotate(0deg);
}
.questions-list__top-title {
  margin-right: 50px;
}
@media screen and (max-width: 575px) {
  .questions-list__top-title {
    margin-right: 30px;
    font-size: 14px;
    line-height: 1.43;
  }
}
.questions-list__top-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  font-size: 7px;
  color: #A9A9A9;
  transition: 0.3s;
  transform: rotate(180deg);
}
.questions-list__text {
  display: none;
  padding: 4px 24px 16px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .questions-list__text {
    padding: 0 16px 16px;
  }
}
.questions-list__text p {
  margin-bottom: 15px;
}
.questions-list__text p:last-child {
  margin-bottom: 0;
}

.safe-deal-calculation {
  padding: 48px 0 24px;
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation {
    padding: 24px 0 12px;
  }
}
.safe-deal-calculation__inner {
  display: grid;
  grid-template-columns: auto 380px;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .safe-deal-calculation__inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .safe-deal-calculation__inner {
    grid-template-columns: 1fr;
  }
}
.safe-deal-calculation__group {
  margin-bottom: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.safe-deal-calculation__group-btn.active {
  background-color: #141E2A;
  color: #ffffff;
  box-shadow: none;
}
.safe-deal-calculation__block {
  padding: 24px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
  border-radius: 8px;
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__block {
    padding: 16px;
  }
}
.safe-deal-calculation__left-title {
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__left-title {
    font-size: 14px;
    line-height: 1.43;
  }
}
.safe-deal-calculation__range {
  margin-bottom: 24px;
}
.safe-deal-calculation__range-wrap {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 1.54;
  color: #737478;
}
.safe-deal-calculation__wrap {
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .safe-deal-calculation__wrap {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .safe-deal-calculation__wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__wrap {
    grid-template-columns: 1fr;
  }
}
.safe-deal-calculation__wrap-block .select {
  width: 100%;
}
.safe-deal-calculation__wrap-block-name {
  margin-bottom: 10px;
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__wrap-block-name {
    font-weight: 500;
  }
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__left-btn {
    width: 100%;
  }
}
.safe-deal-calculation__right {
  display: flex;
  flex-direction: column;
}
.safe-deal-calculation__right-top {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E6E6E6;
}
.safe-deal-calculation__right-list {
  margin-bottom: 24px;
}
.safe-deal-calculation__right-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.safe-deal-calculation__right-item:last-child {
  margin-bottom: 0;
}
.safe-deal-calculation__right-item-name {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-right: 20px;
  color: #737478;
}
.safe-deal-calculation__right-item-value {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.safe-deal-calculation__right-btn {
  width: 100%;
  margin-top: auto;
}
@media screen and (max-width: 575px) {
  .safe-deal-calculation__right-btn {
    width: 100%;
  }
}
.safe-deal-calculation__caption {
  margin-top: 24px;
  font-size: 12px;
  line-height: 1.17;
  color: #93989D;
}
@media screen and (max-width: 767px) {
  .safe-deal-calculation__caption {
    display: none;
  }
}

/* Placement */
.placement {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .placement {
    padding: 16px 0;
  }
}
.placement__top-panel {
  margin-bottom: 16px;
}
.placement__inner {
  display: grid;
  grid-template-columns: calc(100% - 300px) 280px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 16px;
}
@media screen and (max-width: 991px) {
  .placement__inner {
    grid-template-columns: 100%;
    gap: 16px;
  }
}
.placement__content {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 16px;
}
.placement__card {
  display: flex;
}
@media screen and (max-width: 767px) {
  .placement__card {
    flex-direction: column;
  }
}
.placement__card-image {
  position: relative;
  flex-shrink: 0;
  width: 154px;
  height: 104px;
  margin-right: 15px;
  box-shadow: 0 0 0 1px #E6E6E6;
  border: 2px solid #ffffff;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .placement__card-image {
    /*width: 100%;*/
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.placement__card-image-wrap {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background-color: #F2F4F5;
  width: 100%;
  height: 100%;
}
.placement__card-image-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
.placement__card-image-wrap input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.placement__card-rigth {
  flex-grow: 1;
}
.placement__card-group {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .placement__card-group {
    margin-bottom: 8px;
  }
}
.placement__card-group .form-input {
  flex-grow: 1;
}
.placement__descr-title {
  margin-bottom: 10px;
}
.placement__text {
  margin-bottom: 24px;
  color: #737478;
}
.placement__descr-area {
  margin-bottom: 24px;
}
.placement__upload {
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .placement__upload {
    margin-bottom: 16px;
  }
}
.placement__files-list {
  border-top: 1px solid #E6E6E6;
}
.placement__files-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 16px 0;
  border-bottom: 1px solid #E6E6E6;
}
.placement__files-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (max-width: 575px) {
  .placement__files-group {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.placement__images-list {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 575px) {
  .placement__images-list {
    gap: 12px;
    margin-bottom: 12px !important;
  }
}
.placement__images-item {
  width: 150px;
  height: 100px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 575px) {
  .placement__images-item {
    width: 140px;
    height: 92px;
  }
}
.placement__images-item:hover .placement__images-delete-btn {
  opacity: 1;
}
.placement__images-item:hover .placement__images-image {
  filter: brightness(0.5);
}
.placement__images-image {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
  transition: 0.2s;
}
@media screen and (max-width: 575px) {
  .placement__images-image {
    filter: brightness(0.5);
  }
}
.placement__images-delete-btn {
  opacity: 0;
  transition: 0.2s;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .placement__images-delete-btn {
    opacity: 1;
    width: 32px;
    height: 32px;
    min-height: 32px;
  }
}
.placement__traffic-btn {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .placement__traffic-btn {
    width: 100%;
    margin-bottom: 16px;
  }
}
.placement__traffic-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
}
.placement__data-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.placement__data-group.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 575px) {
  .placement__data-group.columns-2 {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
@media screen and (max-width: 767px) {
  .placement__data-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .placement__data-group {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.placement__price-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media screen and (max-width: 767px) {
  .placement__price-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .placement__price-group {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.placement__price-subtile {
  margin-bottom: 16px;
}
.placement__price-bottom-text {
  margin-bottom: 16px;
}
.placement__price-bottom {
  margin-bottom: 16px;
}
.placement__price-block {
  background: #F2F4F5;
  padding: 12px;
  border-radius: 8px;
}
.placement__price-inner {
  background: #fff;
  padding: 14px;
  border-radius: 8px;
}
.placement__price-different {
  padding: 2px 10px;
  border-radius: 4px;
  margin-left: 8px;
  background: #E5E8EE;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
}
.placement__price-tooltip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.placement__price-title {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  font-weight: 500;
  padding: 12px 6px;
}
.placement__price-image {
  margin-left: auto;
}
.placement__price-scale-text {
  color: #737478;
  text-align: right;
}
.placement__price-scale-text:first-child {
  text-align: left;
}
.placement__price-scale-block {
  margin-bottom: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: 1fr 1fr;
  gap: 10px;
}
.placement__price-scale {
  grid-column-start: 1;
  grid-column-end: 3;
  height: 8px;
  border-radius: 66px;
  background: linear-gradient(90deg, rgba(230, 231, 234, 0.5) 24%, rgba(135, 223, 138, 0.5) 50%, rgba(230, 231, 234, 0.5) 75%), linear-gradient(0deg, #E6E7EA, #E6E7EA);
  position: relative;
  overflow: hidden;
}
.placement__price-scale:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 9px;
  width: 24%;
  border-radius: 66px;
  background: #87DF8A;
}
.placement__price-scale-target {
  position: absolute;
  z-index: 1;
  top: -4px;
}
.placement__price-scale-target svg {
  width: 16px;
}
@media screen and (max-width: 575px) {
  .placement__price-scale-target svg {
    width: 12px;
  }
}
.placement__price-scale-target.ml svg {
  margin-left: -16px;
}
@media screen and (max-width: 575px) {
  .placement__price-scale-target.ml svg {
    margin-left: -12px;
  }
}
.placement__price-sticker {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.placement__price-sticker-icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.placement__payments-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 575px) {
  .placement__payments-btn {
    width: 100%;
  }
}
.placement__policy {
  color: #737478;
}
@media screen and (max-width: 575px) {
  .placement__policy {
    font-size: 13px;
    line-height: 1.23;
  }
}
.placement__policy a {
  position: relative;
  color: #141E2A;
}
.placement__policy a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(36, 38, 41, 0.12);
}
.placement__policy a:hover::after {
  background-color: rgba(36, 38, 41, 0.5);
}
@media screen and (max-width: 991px) {
  .placement__sidebar {
    grid-row-start: 1;
    position: relative;
    z-index: 1111;
  }
}
.placement__steps {
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .placement__steps {
    margin-bottom: 0;
  }
}
.placement__steps-title {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.placement__steps-list li {
  margin-bottom: 18px;
}
.placement__steps-list a::before {
  content: "\e948";
  font-family: "icomoon";
  font-size: 14px;
  color: #D3D4D6;
}
.placement__steps-list li:last-child {
  margin-bottom: 0;
}
.placement__steps-list a.active span,
.placement__steps-list a.passed span {
  font-weight: 500;
}
.placement__steps-list a.active::before {
  content: "\e949";
  color: #F79D04;
}
.placement__steps-list a.passed::before {
  content: "\e948" !important;
  color: #23b35d;
}
.placement__steps-list a {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #141E2A;
}
.placement__steps-list a span {
  position: relative;
}
.placement__steps-list a span::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(36, 38, 41, 0.12);
}
.placement__steps-list a:hover span::after {
  background-color: rgba(36, 38, 41, 0.5);
}
.placement__save {
  display: grid;
  gap: 12px;
}
@media screen and (max-width: 991px) {
  .placement__save {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    grid-template-columns: 1fr 1fr;
    border-radius: 0;
    padding: 20px;
  }
}
.placement__sidebar-wrap {
  position: sticky;
  top: 10px;
  z-index: 9;
}

.fin-table {
  /*@include mq('sm') {
    overflow-x: auto;
  }*/
}
@media screen and (max-width: 575px) {
  .fin-table__wrap {
    width: auto;
  }
}
.fin-table__top {
  display: grid;
  width: calc(100% - 111px);
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 24px;
       column-gap: 24px;
  margin-bottom: 8px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .fin-table__top {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
.fin-table__top_modal {
  width: calc(100% - 55px);
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.fin-table__top.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.fin-table__row {
  margin-bottom: 16px;
  display: grid;
  grid-template-columns: calc(100% - 111px) 96px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
@media screen and (max-width: 575px) {
  .fin-table__row {
    grid-template-columns: calc(100% - 104px) 89px;
  }
}
.fin-table__row_modal {
  grid-template-columns: calc(100% - 55px) 40px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.fin-table__inputs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 767px) {
  .fin-table__inputs {
    -moz-column-gap: 15px;
         column-gap: 15px;
  }
}
@media screen and (max-width: 575px) {
  .fin-table__inputs {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.fin-table__inputs_modal {
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.fin-table__inputs.columns-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
.fin-table__btns {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media screen and (max-width: 575px) {
  .fin-table__btns {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.fin-table__add {
  width: 100%;
}
.fin-table__add_modal {
  width: calc(100% - 55px);
  -moz-column-gap: 15px;
       column-gap: 15px;
}

/* Promotion */
.promotion {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .promotion {
    padding: 16px 0;
  }
}
.promotion__top-panel {
  margin-bottom: 16px;
}
.promotion__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 16px;
}
@media screen and (max-width: 1199px) {
  .promotion__inner {
    grid-template-columns: 1fr;
  }
}
.promotion__content {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 575px) {
  .promotion__content {
    row-gap: 16px;
  }
}
.promotion__sidebar {
  display: grid;
  row-gap: 16px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-content: start;
}
@media screen and (max-width: 1199px) {
  .promotion__sidebar {
    grid-template-columns: 400px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .promotion__sidebar {
    grid-template-columns: 1fr;
  }
}
.promotion__services {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .promotion__services {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .promotion__services {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 991px) {
  .promotion__services-item:last-child {
    grid-column: span 2;
  }
}
@media screen and (max-width: 767px) {
  .promotion__services-item:last-child {
    grid-column: span 1;
  }
}
.promotion__more {
  padding: 10px;
  margin-top: 16px;
  color: #737478;
  text-align: right;
}
.promotion__more a {
  color: inherit;
}
.promotion__title {
  margin-bottom: 10px;
}
.promotion__text {
  margin-bottom: 24px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .promotion__text {
    margin-bottom: 16px;
  }
}
.promotion__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .promotion__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .promotion__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
.promotion__card {
  position: relative;
}
.promotion__card-inner {
  height: 100%;
  padding: 12px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background-color: #ffffff;
}
.promotion__card-radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.promotion__card-radio:checked + .promotion__card-inner {
  background-color: #F2F4F5;
}
.promotion__card-icon {
  width: 32px;
  height: auto;
  margin-bottom: 16px;
}
.promotion__card-text {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-weight: 500;
}
.promotion__btn {
  width: 180px;
  height: 40px;
}
@media screen and (max-width: 575px) {
  .promotion__btn {
    width: 100%;
  }
}
.promotion__form-group {
  display: none;
  margin-top: 24px;
}
@media screen and (max-width: 575px) {
  .promotion__form-group {
    margin-top: 16px;
  }
}
.promotion__ads-type {
  display: none;
}

.promotion-card {
  min-height: 400px;
  background-color: #F2F4F5;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.promotion-card__top {
  display: flex;
  align-items: center;
  padding: 16px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  border-bottom: 1px solid #E6E6E6;
}
.promotion-card__icon {
  margin-right: 10px;
  flex-shrink: 0;
}
.promotion-card__bottom {
  flex-grow: 1;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
.promotion-card__list {
  margin-bottom: 60px;
}
.promotion-card__price {
  margin-top: auto;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.33;
  font-weight: 500;
  text-align: center;
}
.promotion-card__item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.promotion-card__item:last-child {
  margin-bottom: 0;
}
.promotion-card__item::before {
  content: "\e920";
  font-family: "icomoon";
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  margin-top: 2px;
  font-size: 13px;
  color: #23b35d;
}
.promotion-card__valid_until {
  margin-top: 12px;
  font-size: 14px;
  color: #737478;
}

.block-manual__title {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #333333;
}
.block-manual__video {
  margin-top: 16px;
  margin-bottom: 16px;
}
.block-manual__video .video {
  padding-top: 60%;
  border-radius: 5px;
}

.block-support {
  display: flex;
  flex-direction: column;
}
.block-support__inner {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.block-support__avatar {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  flex-shrink: 0;
}
.block-support__title {
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 500;
  color: #333333;
}
.block-support__text {
  font-size: 13px;
  line-height: 1.23;
  color: #838C91;
}
.block-support__btn {
  margin-top: auto;
  width: 100%;
  padding: 8px 20px;
}

/* Mpdomains */
.mpdomains__inner {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 24px;
}
@media screen and (max-width: 991px) {
  .mpdomains__inner {
    grid-template-columns: 100%;
    gap: 16px;
  }
}
.mpdomains__search {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.mpdomains__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media screen and (max-width: 767px) {
  .mpdomains__list {
    -moz-column-gap: 36px;
         column-gap: 36px;
    overflow-x: auto;
  }
}
.mpdomains__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  margin-bottom: 12px;
  white-space: nowrap;
}
.mpdomains__item span {
  color: #737478;
}
.mpdomains__item:last-child {
  margin-bottom: 0;
}
.mpdomains__banner {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 24px;
  background-color: #1F71D3;
  border-radius: 12px;
  color: #ffffff;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .mpdomains__banner {
    min-height: 205px;
    padding: 16px;
    margin-right: -16px;
    margin-left: -16px;
  }
}
.mpdomains__banner::before {
  content: "";
  position: absolute;
  bottom: -90px;
  right: -185px;
  z-index: -1;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background-image: linear-gradient(217.44deg, #069EFF 15.45%, #5EC0FE 84.38%);
}
@media screen and (max-width: 575px) {
  .mpdomains__banner::before {
    bottom: -160px;
    right: -150px;
  }
}
.mpdomains__banner-text {
  max-width: 250px;
  opacity: 0.9;
}
.mpdomains__banner-title {
  margin-bottom: 16px;
}
.mpdomains__banner-btn {
  max-width: 240px;
  margin-top: auto;
}

/* User */
.user {
  padding: 24px 0;
}
@media screen and (max-width: 575px) {
  .user {
    padding: 16px 0;
  }
}
.user__inner {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 991px) {
  .user__inner {
    flex-direction: column;
  }
}
.user__sidebar {
  width: 280px;
  flex-shrink: 0;
}
@media screen and (max-width: 991px) {
  .user__sidebar {
    display: flex;
    -moz-column-gap: 16px;
         column-gap: 16px;
    margin-bottom: 16px;
    width: auto;
  }
}
@media screen and (max-width: 575px) {
  .user__sidebar {
    flex-direction: column;
  }
}
.user__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
@media screen and (max-width: 991px) {
  .user__block {
    margin-bottom: 0;
    flex-grow: 1;
  }
}
@media screen and (max-width: 575px) {
  .user__block {
    margin-bottom: 16px;
  }
}
.user__block-avatar {
  width: 126px;
  height: 126px;
  margin-bottom: 13px;
  font-size: 32px;
}
.user__block-info {
  display: flex;
  align-items: center;
}
.user__block-name {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-right: 6px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.user__block-status {
  display: flex;
  align-items: center;
  color: #737478;
}
.user__block-status::before {
  margin-right: 4px;
  flex-shrink: 0;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #D9D9D9;
}
.user__block-status.online::before {
  background-color: #23b35d;
}
.user__block-group {
  margin-top: 24px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media screen and (max-width: 991px) {
  .user__stat {
    flex-grow: 1;
  }
}
.user__stat-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.user__stat-item:last-child {
  margin-bottom: 0;
}
.user__stat-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #A9A9A9;
}
.user__stat-name {
  color: #737478;
}
.user__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.user__tabs {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.user__tabs-content {
  flex-grow: 1;
}
.user__info {
  margin-bottom: 16px;
}
.user__achievements {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 20px;
}
.user__achievements img {
  width: 48px;
  height: auto;
}
.user__tabs-caption {
  margin-bottom: 16px;
}
.user__reviews-rate {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.user__reviews-rate--zero {
  filter: grayscale(1);
}
.user__reviews-rate-icon {
  margin-right: 9px;
  font-size: 16px;
  color: #F79D04;
}
.user__reviews-rate-text {
  margin-right: 6px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
}
.user__reviews .block__item_sep {
  padding-bottom: 16px;
}
.user__reviews-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 16px;
}
@media screen and (max-width: 575px) {
  .user__reviews-group {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 10px;
  }
}
.user__reviews-switcher {
  font-weight: 500;
  display: flex;
  gap: 6px;
  color: #141E2A;
  position: relative;
}
.user__reviews-switcher.user__reviews-switcher--selected:after {
  content: "";
  width: 100%;
  display: block;
  position: absolute;
  bottom: -17px;
  border-bottom: 2px solid #0969DA;
}
.user__reviews-switcher span {
  font-weight: 500;
  color: #A9A9A9;
}
.user__reviews-group-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.user__count {
  color: #737478;
}
.user__pagination {
  margin-top: 16px;
}

/* Regist */
@media screen and (max-width: 575px) {
  .regist {
    padding-bottom: 80px;
  }
}
.regist__inner {
  position: relative;
  display: flex;
  min-height: calc(100vh - 100px);
}
@media screen and (max-width: 575px) {
  .regist__inner {
    height: auto !important;
  }
}
.regist__info {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 24px 0;
}
@media screen and (max-width: 991px) {
  .regist__info {
    display: none;
  }
}
.regist__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url("../images/bg-login.jpg") no-repeat center left;
  background-size: cover;
}
.regist__info-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1210px;
  margin: 0 auto;
  padding: 0 15px;
  color: #ffffff;
}
.regist__title {
  max-width: 490px;
}
.regist__info-text {
  margin: 16px 0 40px;
  max-width: 420px;
}
.regist__list-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.regist__list-item:last-child {
  margin-bottom: 0;
}
.regist__list-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}
.regist__list-icon_chat {
  background-image: linear-gradient(180deg, #91CEFE 0%, #1472DD 100%);
}
.regist__list-icon_search {
  background-image: linear-gradient(180deg, #FFCC7E 0%, #F90 100%);
}
.regist__list-icon_deal {
  background-image: linear-gradient(180deg, #4CD179 0%, #12AD34 100%);
}
.regist__list-icon_place {
  background-image: linear-gradient(180deg, #D591FE 0%, #7E36CC 100%);
}
.regist__list-icon .icon {
  color: transparent;
  background-image: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.6) 100%);
  -webkit-background-clip: text;
          background-clip: text;
}
.regist__block {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  width: 50%;
  padding: 15px;
  background-color: #ffffff;
}
@media screen and (max-width: 991px) {
  .regist__block {
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .regist__block {
    padding: 24px 15px;
  }
}
.regist__block_title {
  display: flex;
  margin-bottom: 24px;
}
.regist__block_title .title-text {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.regist__block_title .btn-form {
  border-bottom: 3px solid transparent;
}
.regist__block_title .border-active {
  border-bottom: 3px solid #0874F4;
}
.regist__block_title .not-active {
  color: #737478;
}

body.header-with-banner .regist__inner {
  min-height: calc(100vh - 140px);
}

.regist-form {
  width: 100%;
  max-width: 365px;
  display: flex;
  flex-direction: column;
}
.regist-form__top {
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .regist-form__top {
    margin-bottom: 16px;
  }
}
.regist-form__icon {
  margin-left: auto;
  margin-right: auto;
}
.regist-form__title {
  margin: 12px 0;
}
.regist-form__group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 575px) {
  .regist-form__group {
    grid-template-columns: 1fr;
  }
}
.regist-form__block {
  margin-bottom: 16px;
}
.regist-form__select {
  width: 100%;
}
.regist-form__forgot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .regist-form__forgot {
    margin-bottom: 16px;
  }
}
.regist-form__divider {
  display: flex;
  align-items: center;
  margin: 16px 0 24px;
  color: #737478;
}
.regist-form__divider::before {
  content: "";
  height: 1px;
  background-color: #E6E6E6;
  flex-grow: 1;
  margin-right: 14px;
}
.regist-form__divider::after {
  content: "";
  height: 1px;
  background-color: #E6E6E6;
  flex-grow: 1;
  margin-left: 14px;
}
.regist-form__another {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.regist-form__another-link {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E6E6E6;
  font-size: 24px;
}
.regist-form__another-link_vk {
  color: #0077FF;
}
.regist-form__another-link_fb {
  color: #305EB6;
}
.regist-form__bottom {
  margin-top: 24px;
  color: #737478;
  text-align: center;
}
@media screen and (max-width: 575px) {
  .regist-form__bottom {
    margin-top: 16px;
  }
}
.regist-form__again {
  margin-top: 12px;
}

.form-again__text {
  display: block;
  color: #737478;
}
.form-again__link {
  display: none;
  margin-top: 12px;
  text-decoration: underline;
  color: #0874F4;
}
.form-again__link.show {
  display: inline-block;
}
.form-again__resend-code {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #737478;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.form-again__resend-code:after {
  content: "";
  background-image: url("/images/svg/repeat.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 12px;
  height: 12px;
}

.form-remember {
  display: flex;
  align-items: center;
}
.form-remember__checkbox {
  margin-right: 7px;
}

/* Changing */
@media screen and (max-width: 575px) {
  .changing {
    padding-bottom: 80px;
  }
}
.changing__inner {
  min-height: 540px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 575px) {
  .changing__inner {
    min-height: calc(100vh - 50px);
    padding: 24px 0;
  }
}

.changing-form {
  width: 100%;
  max-width: 415px;
  display: flex;
  flex-direction: column;
}
.changing-form__top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .changing-form__top {
    margin-bottom: 16px;
  }
}
.changing-form__icon_success {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #DDF1E6;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 40px;
  color: #23b35d;
}
.changing-form__title {
  margin: 12px 0;
}
.changing-form__block {
  margin-bottom: 16px;
}
.changing-form__again {
  margin-top: 12px;
}

/* Marketplace */
.mplsection {
  margin-bottom: 16px;
}
.mplsection__block {
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .mplsection__block {
    padding: 24px 16px;
    margin-left: -15px;
    margin-right: -15px;
  }
}

.mplcatalog__slider {
  padding: 6px 1px;
  margin-bottom: 25px;
}
.mplcatalog__cards {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.mplcatalog__more {
  margin-top: 24px;
}

.mplbanner {
  position: relative;
  min-height: 170px;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 0.4px 2px rgba(10, 29, 59, 0.2);
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .mplbanner {
    min-height: auto;
    margin: 0 -15px;
  }
}
.mplbanner__title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (max-width: 575px) {
  .mplbanner__title {
    font-size: 16px;
    line-height: 1.5;
  }
}

.banner-story {
  background-color: #EAF2FD;
  background-image: url("../images/marketplace/banner-story-bg.svg");
  background-repeat: no-repeat;
  background-position: top -74px right -85px;
}
@media screen and (max-width: 575px) {
  .banner-story {
    background-size: 320px auto;
    background-position: top 6px right -130px;
  }
}
.banner-story__title {
  margin-bottom: 20px;
}
@media screen and (max-width: 575px) {
  .banner-story__title {
    max-width: 220px;
    margin-bottom: 16px;
  }
}
.banner-story__image {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  .banner-story__image {
    display: none;
  }
}
.banner-story__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (max-width: 575px) {
  .banner-story__group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.banner-telegram {
  display: flex;
  align-items: center;
  background-color: #F3F8FF;
  background-image: url("../images/marketplace/banner-telegram-bg.svg");
  background-position: top right;
}
@media screen and (max-width: 575px) {
  .banner-telegram {
    background-position: top right -205px;
  }
}
.banner-telegram__image {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .banner-telegram__image {
    right: -150px;
  }
}
@media screen and (max-width: 767px) {
  .banner-telegram__image {
    right: -270px;
    top: 10px;
  }
}
.banner-telegram__text {
  font-size: 14px;
  line-height: 1.43;
  margin: 8px 0 22px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .banner-telegram__text {
    max-width: 200px;
    margin: 16px 0;
    font-size: 13px;
    line-height: 1.23;
  }
}
.banner-telegram__btn {
  width: 180px;
}

.banner-mpldeal {
  display: flex;
  align-items: center;
  color: #ffffff;
  background-color: #009e36;
  background: linear-gradient(86deg, #27b563 0%, rgba(0, 117, 255, 0.44) 100%);
}
@media screen and (max-width: 575px) {
  .banner-mpldeal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(9, 99, 151, 0.5) 0%, #2bb470 100%);
  }
}
.banner-mpldeal__info {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 575px) {
  .banner-mpldeal__title {
    margin-bottom: 16px;
    max-width: 200px;
  }
}
.banner-mpldeal__image {
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
}
@media screen and (max-width: 991px) {
  .banner-mpldeal__image {
    right: -100px;
  }
}
@media screen and (max-width: 767px) {
  .banner-mpldeal__image {
    right: -150px;
  }
}
@media screen and (max-width: 575px) {
  .banner-mpldeal__image {
    right: -215px;
    top: -15px;
  }
}
.banner-mpldeal__text {
  margin: 12px 0 18px;
  font-size: 14px;
  line-height: 1.24;
}
.banner-mpldeal__btn {
  background-color: rgba(0, 0, 0, 0.2);
}
.banner-mpldeal__btn:hover {
  background-color: #000000;
}

.mplservices__slider {
  padding: 6px 1px;
  margin-bottom: 32px;
}
.mplservices__block-head {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-bottom: 16px;
}
.mplservices__block-title {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .mplservices__block-title {
    font-size: 13px;
    line-height: 1.23;
  }
}
.mplservices__more {
  margin-top: 32px;
}
.mplservices__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 575px) {
  .mplservices__list {
    gap: 16px;
  }
}
@media screen and (max-width: 1199px) {
  .mplservices__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 991px) {
  .mplservices__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .mplservices__list {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}
.mplservices__popular {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  overflow-x: auto;
  white-space: nowrap;
}
.mplservices__popular-caption {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.mplservices__popular-caption-text {
  font-size: 14px;
  line-height: 1.43;
  color: #000000;
}
.mplservices__popular-tags {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.mpl-card {
  max-width: 268px;
  width: 100%;
  border: none;
}
@media screen and (max-width: 1199px) {
  .mpl-card {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .mpl-card {
    max-width: 350px;
  }
}
.mpl-card:hover .mpl-card__title {
  color: #0874F4;
}
.mpl-card__image {
  position: relative;
  padding-top: 66.7%;
}
.mpl-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 2;
  pointer-events: none;
}
.mpl-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mpl-card__info {
  padding: 16px;
}
.mpl-card__title {
  height: 40px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mpl-card__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 32px 0 16px;
  transition: 0.3s;
}
.mpl-card__user {
  display: flex;
  align-items: center;
}
.mpl-card__user-avatar {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}
.mpl-card__user-name {
  font-size: 13px;
  line-height: 1.23;
}
.mpl-card__bottom {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto auto;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.mpl-card__bottom-btn {
  font-size: 16px;
  color: #737478;
}
.mpl-card__bottom-btn:hover {
  background-color: #f2f4f5;
  color: #c82e29;
}

.mpl-slider {
  position: relative;
}
@media screen and (max-width: 575px) {
  .mpl-slider .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
  }
}
.mpl-slider__slide {
  display: block;
  width: 175px;
  padding: 16px 12px;
  margin-right: 16px;
  box-shadow: 0 0.4px 2px 0 rgba(10, 29, 59, 0.4);
  border-radius: 12px;
  background-color: #ffffff;
  color: inherit;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .mpl-slider__slide {
    padding: 12px;
  }
}
@media screen and (min-width: 992px) {
  .mpl-slider__slide:hover {
    box-shadow: 0 0.4px 2px 0 rgba(10, 29, 59, 0.35), 0 0 14px 0 rgba(10, 29, 59, 0.08);
  }
}
.mpl-slider__icon {
  margin-bottom: 16px;
  width: 48px;
  border-radius: 12px;
}
@media screen and (max-width: 575px) {
  .mpl-slider__icon {
    width: 32px;
  }
  .mpl-slider__icon img {
    width: 100%;
    height: auto;
  }
}
.mpl-slider__text {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .mpl-slider__text {
    font-size: 12px;
    line-height: 1.17;
    font-weight: 400;
  }
}
.mpl-slider__btn {
  position: absolute;
  top: 32px;
  z-index: 3;
}
@media screen and (max-width: 575px) {
  .mpl-slider__btn {
    display: none;
  }
}
.mpl-slider__btn_prev {
  left: 12px;
}
.mpl-slider__btn_next {
  right: 12px;
}

.mpl-first {
  position: relative;
}
.mpl-first__banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/marketplace/mpl-bg.webp") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .mpl-first__banner {
    height: 250px;
  }
}
@media screen and (max-width: 575px) {
  .mpl-first__banner {
    height: 250px;
    background-position: center right 15%;
  }
}
.mpl-first__banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.mpl-first__inner {
  position: relative;
  z-index: 3;
  height: 465px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .mpl-first__inner {
    padding-top: 40px;
    height: auto;
  }
}
.mpl-first__title {
  max-width: 650px;
  margin-bottom: 30px;
  font-size: 40px;
  line-height: 1.25;
  font-weight: 500;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .mpl-first__title {
    max-width: 500px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 575px) {
  .mpl-first__title {
    max-width: 400px;
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .mpl-ads {
    padding: 24px 16px;
    background-color: #ffffff;
    border-radius: 12px;
  }
}
@media screen and (max-width: 575px) {
  .mpl-ads {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.mpl-ads__title {
  display: none;
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .mpl-ads__title {
    display: block;
  }
}
.mpl-ads__group {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  row-gap: 4px;
}
@media screen and (max-width: 767px) {
  .mpl-ads__group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 575px) {
  .mpl-ads__group {
    gap: 8px;
    align-items: flex-start;
  }
}
.mpl-ads__group-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 10px 20px;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  border-radius: 12px 12px 0px 0px;
  background-color: #EAEEF0;
  color: #141E2A;
}
@media screen and (max-width: 767px) {
  .mpl-ads__group-btn {
    border-radius: 12px;
  }
}
@media screen and (max-width: 575px) {
  .mpl-ads__group-btn {
    padding: 8px;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px;
    font-size: 12px;
    line-height: 1.16;
    font-weight: 400;
  }
}
.mpl-ads__group-btn.active {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .mpl-ads__group-btn.active {
    box-shadow: 0 0.4px 2px rgba(10, 29, 59, 0.4);
  }
}
.mpl-ads__container {
  padding: 24px 24px 16px 24px;
  background-color: #ffffff;
  border-radius: 0px 0px 12px 12px;
}
@media screen and (max-width: 767px) {
  .mpl-ads__container {
    padding: 0;
  }
}
.mpl-ads__search {
  margin-bottom: 16px;
}
.mpl-ads__search-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .mpl-ads__search-form {
    grid-template-columns: 1fr;
  }
}
.mpl-ads__search-form-input {
  flex-grow: 1;
  padding: 0 20px 0 36px;
}
.mpl-ads__search-form-btn {
  flex-shrink: 0;
}
.mpl-ads__bottom {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 14px;
  line-height: 1.43;
  color: #000000;
  white-space: nowrap;
}
.mpl-ads__categories {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.tg-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 8px;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .tg-list {
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 2px;
  }
}

.tg-card {
  display: flex;
  align-items: center;
  padding: 6px;
  border-radius: 5px;
  color: inherit;
}
.tg-card__icon {
  width: 40px;
  margin-right: 12px;
  flex-shrink: 0;
}
@media screen and (max-width: 575px) {
  .tg-card__icon {
    width: 30px;
  }
}
.tg-card__icon img {
  width: 100%;
  height: auto;
}
.tg-card__info {
  font-size: 14px;
  line-height: 1.43;
}
@media screen and (max-width: 575px) {
  .tg-card__info {
    font-size: 12px;
    line-height: 1.33;
  }
}
.tg-card__name {
  font-weight: 500;
}
.tg-card__price {
  color: #737478;
}

/* Marketplace business */
@media screen and (max-width: 575px) {
  .mpl-first .block-searching {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.mpl-first__banner_business {
  background-image: url("../images/marketplace/mpl-business-bg.webp");
}

.mpl-first__banner_code {
  background-image: url("../images/marketplace/mpl-code-bg.jpg");
}

.header__mobile-place {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.header__mobile-place .btn {
  flex-grow: 1;
}

.header-mpl-bus__logo {
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .header-mpl-bus__logo {
    margin-right: 0;
    margin-left: 6px;
  }
}

@media screen and (max-width: 767px) {
  .header-mpl-bus__more {
    display: none;
  }
}

.header-mpl-bus__search-form {
  flex-grow: 1;
  margin-right: 35px;
  margin-left: 16px;
  position: relative;
}
@media screen and (max-width: 991px) {
  .header-mpl-bus__search-form {
    display: none;
  }
}

.input_small {
  height: 32px;
}

.btn_small {
  min-height: 32px;
  padding: 8px 10px;
  line-height: 1.14;
}

.search-now {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #000000;
  white-space: nowrap;
}
.search-now__list {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  overflow-x: auto;
  padding-bottom: 10px;
  margin-bottom: -10px;
}

.category-link_bg-gray {
  background-color: #F1F1F1;
}
.category-link_bg-gray:hover {
  background-color: #e4e4e4;
}

.jq-selectbox__select-text.placeholder {
  color: #737478;
}

.input-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.input-group .input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}

.block-searching {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 24px 24px 16px;
  box-shadow: 0 0 2px 0 rgba(10, 29, 59, 0.2);
}
@media screen and (max-width: 575px) {
  .block-searching {
    padding: 24px 16px;
  }
}
.block-searching__form {
  display: grid;
  grid-template-columns: auto 232px;
  row-gap: 16px;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 16px;
}
@media screen and (max-width: 767px) {
  .block-searching__form {
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 575px) {
  .block-searching__form {
    row-gap: 12px;
  }
}
.block-searching__form .btn {
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 767px) {
  .block-searching__search {
    grid-column: span 2;
  }
}
.block-searching__options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (max-width: 991px) {
  .block-searching__options {
    grid-column: span 2;
  }
}
@media screen and (max-width: 767px) {
  .block-searching__options {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .block-searching__btn-pro {
    grid-column: span 2;
  }
}
@media screen and (max-width: 767px) {
  .block-searching__btn-pro {
    width: 40px;
    padding: 0;
    grid-column: span 1;
  }
  .block-searching__btn-pro span {
    display: none;
  }
}

.mpl-mobile {
  position: relative;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .mpl-mobile {
    display: none;
  }
}
.mpl-mobile__list-link {
  display: flex;
  align-items: center;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.36;
  color: #141E2A;
}
.mpl-mobile__list-link img {
  margin-right: 6px;
}
.mpl-mobile__list-link_drop::after {
  content: "\e91d";
  font-family: "icomoon";
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  color: #A9A9A9;
  font-size: 12px;
}

.mpl-mobile__search + .mpl-mobile__login {
  margin-top: 16px;
}

.mpl-mobile__block {
  padding: 16px 0;
  border-bottom: 1px solid #E6E6E6;
}

.mpl-mobile__block-title {
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 500;
  color: #141E2A;
}

.mpl-mobile__login {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.mpl-mobile__login .btn {
  flex-grow: 1;
}

.mpl-mobile__place {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.mpl-mobile__navgroup {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  transition: 0.3s;
  transform: translateX(-100%);
  opacity: 0;
  visibility: hidden;
}
.mpl-mobile__navgroup.show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.mpl-mobile__navgroup-back {
  display: flex;
  align-items: center;
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.36;
  font-weight: 500;
  cursor: pointer;
}
.mpl-mobile__navgroup-back .icon {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: #A9A9A9;
}

/* Marketplace freelance */
.header-mpl-free .burger {
  flex-shrink: 0;
}

.header-mpl-free__logo {
  margin-right: 16px;
}
@media screen and (max-width: 767px) {
  .header-mpl-free__logo {
    margin: 0 12px;
  }
}

.header-mpl-free__search-form {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 400px;
  position: relative;
  /*.input:focus + .header__search-results, .input:focus-within + .header__search-results {
    display: block;
  }*/
}
.header-mpl-free__search-form .form-input {
  flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .header-mpl-free__search-form .input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media screen and (max-width: 575px) {
  .header-mpl-free__search-form .input {
    background-color: rgba(115, 116, 120, 0.15);
    border: none;
  }
  .header-mpl-free__search-form .input.placeholder {
    color: #A9A9A9;
  }
  .header-mpl-free__search-form .input:-moz-placeholder {
    color: #A9A9A9;
  }
  .header-mpl-free__search-form .input::-moz-placeholder {
    color: #A9A9A9;
  }
  .header-mpl-free__search-form .input:-ms-input-placeholder {
    color: #A9A9A9;
  }
  .header-mpl-free__search-form .input::-webkit-input-placeholder {
    color: #A9A9A9;
  }
}
.header-mpl-free__search-form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (max-width: 767px) {
  .header-mpl-free__search-form .btn {
    display: none;
  }
}

.header-mpl-free__nav {
  position: relative;
  border-top: 1px solid rgba(211, 212, 214, 0.6);
}
@media screen and (max-width: 991px) {
  .header-mpl-free__nav {
    overflow-x: auto;
    padding-right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .header-mpl-free__nav {
    display: none;
  }
}

.fl-menu {
  display: flex;
  justify-content: space-between;
}
.fl-menu__item {
  position: relative;
  flex-grow: 1;
}
@media screen and (max-width: 991px) {
  .fl-menu__item {
    position: static;
  }
}
.fl-menu__item:hover .fl-menu__block {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 991px) {
  .fl-menu__item.active .fl-menu__block {
    opacity: 1;
    visibility: visible;
  }
}
.fl-menu__item::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  width: 1px;
  height: 26px;
  background-color: rgba(211, 212, 214, 0.6);
}
.fl-menu__item:last-child::after {
  display: none;
}
.fl-menu__link {
  position: relative;
  display: block;
  padding: 10px 0;
  color: inherit;
  line-height: 1.36;
  white-space: nowrap;
  text-align: center;
}
.fl-menu__block {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 11;
  transform: translateY(100%);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 991px) {
  .fl-menu__block {
    display: none;
    width: 100%;
    left: 0 !important;
    right: 0;
    border-radius: 0 0 8px 8px;
  }
}
.fl-menu__block-3 .fl-menu__block-inner {
  -moz-columns: 2;
       columns: 2;
}
.fl-menu__block-4 .fl-menu__block-inner {
  -moz-columns: 2;
       columns: 2;
}
.fl-menu__block-5 {
  left: auto;
  right: 0;
}
.fl-menu__block-6 {
  left: auto;
  right: 0;
}
.fl-menu__block-6 .fl-menu__block-inner {
  -moz-columns: 2;
       columns: 2;
}
.fl-menu__block-inner {
  display: block;
  -moz-columns: 3;
       columns: 3;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media screen and (max-width: 991px) {
  .fl-menu__block-inner {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
.fl-menu__cell {
  flex-shrink: 0;
}
.fl-menu__group {
  padding-bottom: 24px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.fl-menu__group:last-child {
  margin-bottom: 0;
}
.fl-menu__group-title {
  font-weight: 500;
  margin-bottom: 16px;
  white-space: nowrap;
}
.fl-menu__group-title a {
  color: inherit;
  transition: 0.3s;
}
.fl-menu__group-title a:hover {
  color: #0969DA;
}
.fl-menu__submenu-item {
  margin-bottom: 8px;
}
.fl-menu__submenu-item:last-child {
  margin-bottom: 0;
}
.fl-menu__submenu-link {
  white-space: nowrap;
  color: #737478;
  transition: 0.3s;
}
.fl-menu__submenu-link:hover, .fl-menu__submenu-link.active {
  color: #0969DA;
}
.fl-menu__banner {
  display: block;
  width: 237px;
  color: inherit;
}
.fl-menu__banner:hover .fl-menu__banner-title {
  color: #0969DA;
}
.fl-menu__banner-image {
  margin-bottom: 24px;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.fl-menu__banner-title {
  font-weight: 500;
  margin-bottom: 8px;
  transition: 0.3s;
}
.fl-menu__banner-text {
  color: #737478;
}

.flservices {
  padding: 32px 0 40px;
}
.flservices__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .flservices__head {
    margin-bottom: 16px;
  }
}

.flservices__slider {
  padding: 6px 1px;
}

.flsection {
  margin-bottom: 60px;
}
.flsection__head {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.flsection__head img {
  margin-right: 6px;
}
.flsection__cats {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding-bottom: 10px;
  overflow-x: auto;
  white-space: nowrap;
}
.flsection__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .flsection__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .flsection__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .flsection__list {
    grid-template-columns: 1fr;
  }
}
.flsection__more {
  margin-top: 20px;
}

.fl-card {
  min-height: 330px;
}
@media screen and (max-width: 575px) {
  .fl-card {
    min-height: auto;
  }
}
.fl-card:hover .fl-card__title {
  color: #0874F4;
}
.fl-card:hover .listing-favorite-btn {
  opacity: 1;
  visibility: visible;
}
.fl-card__top {
  flex-grow: 1;
}
@media screen and (max-width: 575px) {
  .fl-card__top {
    display: flex;
  }
}
.fl-card__image {
  position: relative;
}
@media screen and (max-width: 575px) {
  .fl-card__image {
    flex-shrink: 0;
    width: 150px;
  }
}
.fl-card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fl-card__image::before {
  content: "";
  display: block;
  padding-top: 66.7%;
}
.fl-card__info {
  width: 100%;
  padding: 12px 12px 6px;
}
@media screen and (max-width: 575px) {
  .fl-card__info {
    padding: 8px 6px 8px 10px;
  }
}
.fl-card__title {
  margin-bottom: 16px;
  height: 40px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .fl-card__title {
    height: 48px;
    margin-bottom: 15px;
    width: 96%;
    padding-right: 18px;
    font-size: 13px;
    line-height: 1.23;
    -webkit-line-clamp: 3;
  }
}
.fl-card__group {
  display: flex;
  align-items: center;
}
.fl-card__banner {
  padding: 1px 4px;
  font-size: 10px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  border-radius: 3px;
  background-color: #172448;
}
@media screen and (max-width: 575px) {
  .fl-card__banner {
    font-size: 9px;
    line-height: 1.55;
  }
}
.fl-card__banner span {
  color: #FFB134;
}
.fl-card__info-banner {
  display: none;
}
@media screen and (min-width: 576px) {
  .fl-card__info-banner {
    display: block;
  }
}
.fl-card__bottom-banner {
  margin-top: 2px;
}
@media screen and (min-width: 576px) {
  .fl-card__bottom-banner {
    display: none;
  }
}
.fl-card__price {
  margin-left: auto;
  font-size: 18px;
  line-height: 1.33;
  font-weight: 500;
  color: #23b35d;
}
@media screen and (max-width: 575px) {
  .fl-card__price {
    font-size: 14px;
    line-height: 1.43;
  }
}
.fl-card__bottom {
  padding: 13px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #D9D9D9;
}
@media screen and (max-width: 575px) {
  .fl-card__bottom {
    padding: 6px;
  }
}
.fl-card__bottom-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.fl-card .listing-favorite-btn {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  min-height: 30px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #737478;
  background-color: #ffffff;
  border-radius: 8px;
  transition: 0.3s;
  border: none;
}
@media screen and (min-width: 992px) {
  .fl-card .listing-favorite-btn {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 575px) {
  .fl-card .listing-favorite-btn {
    top: 8px;
    right: 8px;
    width: auto;
    height: auto;
  }
}
.fl-card .listing-favorite-btn.active {
  opacity: 1;
  visibility: visible;
  color: #c82e29 !important;
}
.fl-card .listing-favorite-btn.active .icon:before {
  content: "\e909";
}

.category-link_big {
  padding: 5px 8px;
  font-size: 14px;
  line-height: 1.44;
}
.category-link_big img {
  height: 20px;
  width: auto;
  margin-right: 6px;
}

.select-sort .jq-selectbox__select::before {
  margin-right: 8px;
  content: "Сортировка:";
  color: #737478;
}

@media screen and (max-width: 991px) {
  .filter-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease-in-out;
    overflow-y: auto;
  }
}

@media screen and (max-width: 991px) {
  .filter-wrap.open {
    opacity: 1;
    z-index: 1000;
    visibility: visible;
  }
}

.filter-wrap.open .filter {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.filter__item-content {
  padding: 13px 16px;
}

.filter__item-head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}

.filter__chapter {
  padding: 12px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 500;
}

.side-menu {
  padding-bottom: 16px;
}
.side-menu__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 16px;
  font-size: 13px;
  line-height: 1.23;
  color: #141E2A;
  transition: 0.3s;
}
.side-menu__link:hover, .side-menu__link.active {
  background-color: #EDEFF0;
}
.side-menu__link.active {
  font-weight: 500;
}
.side-menu__link span {
  margin-left: 10px;
  color: #737478;
}

.side-list__item {
  border-bottom: 1px solid #E6E6E6;
}
.side-list__item:last-child {
  border-bottom: none;
}
.side-list__link {
  display: flex;
  align-items: center;
  padding: 16px 12px;
  font-size: 14px;
  line-height: 1.43;
  font-weight: 500;
  color: #141E2A;
  transition: 0.3s;
}
.side-list__link:hover, .side-list__link.active, .side-list__link.open {
  color: #0874F4;
  background-color: #E6F0FB;
}
.side-list__link:hover.dropdown::before, .side-list__link.active.dropdown::before, .side-list__link.open.dropdown::before {
  color: #0874F4;
}
.side-list__link.open.dropdown::before {
  transform: rotateY(180deg);
}
.side-list__link::before {
  margin-right: 10px;
}
.side-list__sub {
  display: none;
}
.side-list__sub-item {
  border-bottom: 1px solid #E6E6E6;
}
.side-list__sub-item:last-child {
  border-bottom: none;
}
.side-list__sub-link {
  display: flex;
  align-items: center;
  padding: 12px 16px 12px 24px;
  font-size: 13px;
  line-height: 1.23;
  color: #141E2A;
  transition: 0.3s;
}
.side-list__sub-link:hover, .side-list__sub-link.active, .side-list__sub-link.open, .side-list__sub-link.selected {
  background-color: #EDEFF0;
}
.side-list__sub-link:hover.dropdown::before, .side-list__sub-link.active.dropdown::before, .side-list__sub-link.open.dropdown::before, .side-list__sub-link.selected.dropdown::before {
  opacity: 1;
}
.side-list__sub-link.active, .side-list__sub-link.open {
  font-weight: 500;
}
.side-list__sub-link.open.dropdown::before {
  transform: rotate(90deg);
}
.side-list__sub-link.dropdown::before {
  margin-right: 6px;
  opacity: 0.75;
}
.side-list__subsub {
  display: none;
}
.side-list__subsub-link {
  padding-left: 48px;
}
.side-list__subsub-link.active {
  background: #f8f8f8;
}
.side-list .dropdown::before {
  width: 16px;
  height: 16px;
  content: "\e91d";
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "icomoon";
  font-size: 13px;
  color: #A9A9A9;
  transition: 0.3s;
}
.side-list .dropdown.active + ul {
  display: block;
}

.catalog-fl {
  padding: 30px 0;
}
@media screen and (max-width: 575px) {
  .catalog-fl {
    padding: 18px 0;
    background-color: #ffffff;
  }
}
.catalog-fl__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .catalog-fl__title {
    margin-bottom: 16px;
  }
}
.catalog-fl__text {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 1.43;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .catalog-fl__text {
    margin-bottom: 16px;
  }
}
.catalog-fl__empty {
  max-height: 50vh;
}
.catalog-fl__cats {
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  white-space: nowrap;
  overflow-x: auto;
}
@media screen and (max-width: 575px) {
  .catalog-fl__cats {
    margin-bottom: 14px;
  }
}
.catalog-fl__tags-slider {
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .catalog-fl__sorting {
    display: none;
  }
}
.catalog-fl__panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 575px) {
  .catalog-fl__panel {
    margin-bottom: 24px;
  }
}
.catalog-fl__panel-group {
  display: none;
}
@media screen and (max-width: 991px) {
  .catalog-fl__panel-group {
    display: flex;
    align-items: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
.catalog-fl__inner {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .catalog-fl__inner {
    grid-template-columns: 1fr;
  }
}
.catalog-fl__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-self: start;
}
@media screen and (max-width: 1199px) {
  .catalog-fl__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .catalog-fl__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .catalog-fl__list {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.catalog-fl__more {
  margin-top: 24px;
}
@media screen and (min-width: 576px) {
  .catalog-fl__more {
    display: none;
  }
}

.container_big {
  max-width: 1410px;
}

.tags-slider__slide {
  width: auto;
  display: inline-flex;
}
.tags-slider__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  width: 32px;
  height: 32px;
  border: 1px solid #D3D4D6;
  box-shadow: 0 0 32px 30px #F2F4F5;
}
.tags-slider__btn:hover {
  box-shadow: 0 0 32px 30px #F2F4F5;
}
.tags-slider__btn_next {
  right: 0;
}
.tags-slider__btn_prev {
  left: 0;
}

.empty-list__title {
  margin-bottom: 8px;
}

.empty-list__group {
  margin-top: 30px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 16px;
}
@media screen and (max-width: 575px) {
  .empty-list__group {
    flex-direction: column;
  }
  .empty-list__group .btn {
    min-width: 230px;
  }
}

.filter__more {
  display: none;
}

.filter-group__item:nth-child(n+5) {
  display: none;
}

/* Creation */
.creation {
  padding: 24px 0 16px;
}
@media screen and (max-width: 575px) {
  .creation {
    padding: 16px 0;
  }
}
.creation__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (max-width: 991px) {
  .creation__inner {
    grid-template-columns: 1fr;
  }
}

.creation-card {
  padding: 20px 24px;
  border-radius: 16px;
  background-color: #ffffff;
  border-radius: 16px;
  display: flex;
  align-items: center;
  box-shadow: 0 0.4px 2px rgba(10, 29, 59, 0.2);
}
@media screen and (max-width: 575px) {
  .creation-card {
    margin: 0 -15px;
  }
}
.creation-card__info {
  margin-right: 20px;
  flex-shrink: 0;
}
.creation-card__title {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 22px;
  line-height: 1.45;
}
@media screen and (max-width: 575px) {
  .creation-card__title {
    font-size: 16px;
  }
}
.creation-card__text {
  margin: 10px 0 32px;
  font-size: 14px;
  line-height: 1.43;
  color: #687082;
}
@media screen and (max-width: 575px) {
  .creation-card__text {
    font-size: 12px;
  }
}
.creation-card__image {
  margin-left: auto;
}
.creation-card__image img {
  max-width: 100%;
  height: auto;
}

/* Footer */
.footer {
  margin-top: auto;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .footer--chat {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .footer {
    padding-bottom: 72px;
  }
}
.footer__top {
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (max-width: 575px) {
  .footer__top {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .footer__top-socials {
    display: none;
  }
}
.footer__top-inner {
  display: flex;
  align-items: center;
  padding: 16px 0;
}
@media screen and (max-width: 575px) {
  .footer__top-inner {
    padding: 10px 0;
  }
}
.footer__logo {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .footer__logo {
    margin-right: 0;
  }
}
.footer__currency {
  position: relative;
  margin-left: auto;
  display: flex;
}
.footer__currency.open .footer__currency-arrow {
  transform: rotate(0);
}
.footer__currency-btn {
  display: flex;
  align-items: center;
  min-width: 280px;
  padding: 11px 12px;
  border: 1px solid #D3D4D6;
  border-radius: 5px;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .footer__currency-btn {
    min-width: 160px;
  }
}
@media screen and (min-width: 992px) {
  .footer__currency-btn:hover {
    background-color: #F2F4F5;
  }
}
.footer__currency-text {
  margin-right: 8px;
  color: #737478;
}
@media screen and (max-width: 575px) {
  .footer__currency-text {
    display: none;
  }
}
.footer__currency-arrow {
  margin-left: auto;
  font-size: 7px;
  color: #A9A9A9;
  transition: 0.3s;
  transform: rotate(180deg);
}
.footer__currency-drop {
  bottom: 0;
  right: 0;
  z-index: 5;
  transform: translateY(100%);
}
.footer__stat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 55px;
       column-gap: 55px;
}
@media screen and (max-width: 575px) {
  .footer__stat {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
.footer__stat-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  flex-grow: 1;
}
@media screen and (max-width: 1199px) {
  .footer__stat-list {
    flex-shrink: 0;
  }
}
.footer__stat-value {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.footer__stat-value span {
  color: #212121;
  font-weight: 500;
}
.footer__stat-name {
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}
.footer__stat-icon {
  margin-right: 8px;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #A9A9A9;
}
.footer__bottom {
  display: grid;
}
.footer__bottom-item {
  padding: 30px 0;
  border-bottom: 1px solid #E6E6E6;
  overflow-x: auto;
}
@media screen and (max-width: 991px) {
  .footer__bottom-item {
    padding: 12px 0;
  }
}
@media screen and (max-width: 575px) {
  .footer__bottom-item:not(:first-child) {
    border-bottom: none;
  }
}
.footer__bottom-item:last-child {
  border-bottom: none;
}
.footer__bottom-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 991px) {
  .footer__bottom-row {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 24px;
  }
}
@media screen and (max-width: 575px) {
  .footer__bottom-row {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575px) {
  .footer__bottom-cell_4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__bottom-title {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .footer__bottom-title {
    margin-bottom: 16px;
  }
}
.footer__menu-item {
  font-size: 13px;
  margin-bottom: 14px;
}
@media screen and (max-width: 575px) {
  .footer__menu-item {
    margin-bottom: 12px;
  }
}
.footer__menu-item:last-child {
  margin-bottom: 0;
}
.footer__menu-link {
  color: #737478;
}
@media screen and (min-width: 992px) {
  .footer__menu-link:hover {
    color: #0969DA;
  }
}
.footer__bottom-mailing {
  margin-bottom: 20px;
}
.footer__support-btn {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  max-width: 220px;
  margin-bottom: 10px;
  padding: 7px 12px 9px;
  border-radius: 5px;
}
.footer__support-btn:last-child {
  margin-bottom: 0;
}
.footer__bottom-form {
  max-width: 280px;
}
.footer__bottom-form .btn {
  padding-left: 12px;
  padding-right: 12px;
}
.footer__pay-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 6px;
       column-gap: 6px;
  row-gap: 6px;
}
.footer__pay-item {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 7px;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.07);
  border-radius: 3px;
}
.footer__bottom-socials {
  display: none;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .footer__bottom-socials {
    display: flex;
  }
}
.footer__policy {
  margin-bottom: 16px;
}
.footer__policy-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .footer__policy-menu {
    row-gap: 8px;
  }
}
@media screen and (max-width: 575px) {
  .footer__policy-menu {
    flex-direction: column;
    align-items: flex-start;
  }
}
.footer__policy-item {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 991px) {
  .footer__policy-item {
    line-height: 1.67;
  }
}
@media screen and (max-width: 575px) {
  .footer__policy-item {
    margin-right: 0;
    padding-left: 0;
  }
}
.footer__policy-item::after {
  position: absolute;
  content: "";
  top: 55%;
  transform: translateY(-50%);
  right: -1px;
  height: 19px;
  width: 1px;
  background-color: #D3D4D6;
}
@media screen and (max-width: 575px) {
  .footer__policy-item::after {
    display: none;
  }
}
.footer__policy-item:last-child {
  padding-right: 0;
  border-right: none;
}
.footer__policy-item:last-child::after {
  display: none;
}
.footer__policy-link {
  font-size: 12px;
  color: #737478;
}
@media screen and (min-width: 992px) {
  .footer__policy-link:hover {
    color: #0969DA;
  }
}
.footer__policy-text {
  font-size: 12px;
  line-height: 1.33;
  color: #737478;
}
.footer__copy {
  font-size: 12px;
  line-height: 1.33;
  color: #737478;
}
.footer__trust {
  flex-shrink: 0;
}
.footer__trust-text {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.17;
  color: #737478;
}

/* Modals */
.modal {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.3s;
  overflow: auto;
  z-index: 9000;
}
.modal.show {
  visibility: visible;
  opacity: 1;
}
.modal.show .modal__content {
  transform: scale(1);
}
.modal.mini .modal__inner {
  max-width: 380px;
}
.modal__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 40px 15px;
}
.modal__content {
  position: relative;
  width: 100%;
  max-width: 760px;
  padding: 24px;
  margin: 0 auto;
  transform: scale(0.5);
  background-color: #ffffff;
  box-shadow: 0px 8px 24px rgba(36, 38, 41, 0.12);
  border-radius: 8px;
  transition: 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 575px) {
  .modal__content {
    padding: 16px;
  }
}
.modal__close {
  position: absolute;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 12px;
  right: 12px;
  font-size: 13px;
  color: #A7A8A9;
}
.modal__attention {
  padding: 16px;
  margin-bottom: 24px;
  border-radius: 8px;
  background-color: rgba(247, 157, 4, 0.1);
}
.modal__attention-title {
  font-weight: 500;
  color: #242424;
}
.modal__attention-text a {
  color: #F79D04;
  text-decoration: underline;
}
.modal__buttons-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.modal__traffic-field-delete-btn {
  padding: 0 !important;
}

.modal-market {
  max-width: 1180px;
  padding: 30px;
}
@media screen and (max-width: 575px) {
  .modal-market {
    padding: 16px;
  }
}
@media screen and (max-width: 991px) {
  .modal-market {
    max-width: 600px;
  }
}
.modal-market__title {
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .modal-market__title {
    margin-bottom: 12px;
  }
}
.modal-market__title span {
  color: #A7A8A9;
}
@media screen and (max-width: 575px) {
  .modal-market__title span {
    display: none;
  }
}
.modal-market__wrap {
  display: flex;
  margin-bottom: 24px;
}
@media screen and (max-width: 575px) {
  .modal-market__wrap {
    margin-bottom: 12px;
  }
}
.modal-market__form {
  flex-grow: 1;
}
.modal-market__form .icon {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 15px;
  color: #A9A9A9;
}
.modal-market__form-input {
  padding-left: 35px;
}
.modal-market__list {
  display: grid;
  row-gap: 24px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 991px) {
  .modal-market__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .modal-market__list {
    gap: 12px;
  }
}
.modal-market__item {
  padding: 23px 25px;
  background: #ffffff;
  border: 1px solid #D3D4D4;
  border-radius: 8px;
  color: inherit;
  transition: 0.3s;
}
@media screen and (max-width: 575px) {
  .modal-market__item {
    padding: 12px;
  }
}
.modal-market__item:hover {
  box-shadow: 0px 2px 6px rgba(36, 38, 41, 0.14);
}
.modal-market__icon {
  margin-bottom: 15px;
}
@media screen and (max-width: 575px) {
  .modal-market__icon {
    width: 32px;
    height: auto;
    margin-bottom: 12px;
  }
}
.modal-market__item-title {
  font-size: 14px;
  font-weight: 500;
}
@media screen and (max-width: 575px) {
  .modal-market__item-title {
    font-size: 13px;
    line-height: 1.23;
  }
}
.modal-market__text {
  color: #737478;
}
@media screen and (max-width: 575px) {
  .modal-market__text {
    display: none;
  }
}

.modal-confirm {
  max-width: 440px;
}
.modal-confirm__title {
  margin-bottom: 24px;
}
.modal-confirm__text {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.54;
  color: #737478;
}
.modal-confirm__price {
  margin-bottom: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
}
.modal-confirm__accept {
  margin-bottom: 24px;
}
.modal-confirm__accept-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  font-size: 13px;
  line-height: 1.23;
  color: #737478;
}
.modal-confirm__accept-item:last-child {
  margin-bottom: 0;
}
.modal-confirm__accept-item a {
  color: inherit;
  text-decoration: underline;
}
.modal-confirm__checkbox {
  margin-right: 8px;
}
.modal-confirm__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.modal-video {
  padding: 0;
  max-width: 850px;
  background-color: #000000;
  overflow: visible;
}
.modal-video .video {
  position: relative;
  padding-top: 56.3%;
  border-radius: 8px;
  overflow: hidden;
}
.modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
}
.modal-video__close {
  top: -30px;
  right: 0;
  color: #ffffff;
}

.modal-pay {
  display: flex;
  flex-direction: column;
  min-height: 150px;
  max-width: 440px;
  overflow: visible;
}
.modal-pay__title {
  margin-bottom: 12px;
}
.modal-pay__text {
  margin-bottom: 24px;
  color: #737478;
}
.modal-pay__text a {
  text-decoration: underline;
}
.modal-pay__form {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.modal-pay__form-wrap {
  margin-bottom: 24px;
}
.modal-pay__form-group {
  display: none;
}
.modal-pay__form-block {
  margin-bottom: 12px;
}
.modal-pay__form-block:last-child {
  margin-bottom: 0;
}
.modal-pay__form-select {
  width: 100%;
}
.modal-pay__form-title {
  font-weight: 500;
  margin-bottom: 12px;
}
.modal-pay__group {
  margin-top: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.modal-alert {
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.modal-alert_big {
  width: 100%;
  max-width: 415px;
}
.modal-alert__icon {
  margin-bottom: 16px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-alert__icon_success {
  background-color: #DDF1E6;
  font-size: 40px;
}
.modal-alert__icon_success::before {
  content: "\e933";
  font-family: "icomoon";
  color: #23b35d;
}
.modal-alert__icon_error {
  background-color: #F8ECEC;
  background-image: url("../images/error.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px auto;
}
.modal-alert__text {
  margin: 16px 0 24px;
  color: #737478;
}
.modal-alert__btn {
  width: 100%;
}

.modal-private {
  max-width: 440px;
}
.modal-private__title {
  margin-bottom: 16px;
}
.modal-private__subtitle {
  margin-bottom: 16px;
  font-weight: 500;
}
.modal-private__list {
  margin-bottom: 24px;
}
.modal-private__item {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.modal-private__item:last-child {
  margin-bottom: 0;
}
.modal-private__group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.modal-income {
  max-width: 580px;
}
.modal-income__top {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-bottom: 16px;
}
.modal-income__text {
  margin-bottom: 24px;
  color: #737478;
}
.modal-income__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
.modal-income__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-income__table {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #E6E6E6;
}
.modal-income__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-income__bottom-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.modal-small {
  max-width: 442px;
}

.modal-monetize {
  max-width: 580px;
}
.modal-monetize__title {
  margin-bottom: 16px;
}
.modal-monetize__text {
  margin-bottom: 24px;
  color: #737478;
}
.modal-monetize__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
@media screen and (max-width: 575px) {
  .modal-monetize__list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.monetize-card {
  padding: 12px;
  border: 1px solid #D3D4D6;
  border-radius: 8px;
  color: inherit;
  transition: 0.3s;
}
.monetize-card:hover {
  background-color: #F2F4F5;
}
.monetize-card__icon {
  margin-bottom: 12px;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  overflow: hidden;
}
.monetize-card__text {
  font-size: 13px;
  line-height: 1.23;
  font-weight: 500;
}

.modal-traffic__title {
  margin-bottom: 16px;
}
.modal-traffic__list {
  display: grid;
  row-gap: 16px;
}

.modal-default__title {
  margin-bottom: 12px;
}
.modal-default__text {
  margin-bottom: 16px;
  color: #737478;
}

/* Toasts */
#vanillatoasts-container {
  position: fixed;
  width: 360px;
  pointer-events: none;
  z-index: 111111;
}

.toasts-top-right {
  top: 0;
  right: 0;
}

.toasts-top-left {
  left: 0;
  top: 0;
}

.toasts-bottom-left {
  left: 0;
  bottom: 0;
}

.toasts-bottom-right {
  bottom: 0;
  right: 0;
}

.toasts-top-center {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.toasts-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.vanillatoasts-toast {
  position: relative;
  padding: 16px 16px 16px 48px;
  margin: 20px;
  border-radius: 8px;
  border: 1px solid #EEEEEE;
  background: #FFFFFF;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1019607843);
  animation-duration: 0.3s;
  animation-name: VanillaToasts;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: all;
}
.vanillatoasts-toast svg {
  position: absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.vanillatoasts-loader svg {
  animation: Rotate 1s linear infinite;
}

.vanillatoasts-fadeOut {
  animation-name: VanillaToastsFadeOut;
  animation-duration: 0.3s;
  animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}

.vanillatoasts-title {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 8px;
}

.vanillatoasts-text {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
}

.vanillatoasts-icon {
  position: absolute;
  top: 5px;
  left: -40px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  background: #FFF;
}

.vanillatoasts-toast a {
  color: #549EDB !important;
  text-decoration: none !important;
}
.vanillatoasts-toast a:hover {
  color: #549EDB !important;
  text-decoration: none !important;
}

.vanillatoasts-success {
  background-color: hsl(143, 85%, 96%);
  color: hsl(140, 100%, 27%);
  border-color: hsl(145, 92%, 91%);
}

.vanillatoasts-warning {
  background-color: hsl(49, 100%, 97%);
  color: hsl(31, 92%, 45%);
  border-color: hsl(49, 91%, 91%);
}

.vanillatoasts-error {
  background-color: hsl(359, 100%, 97%);
  color: hsl(0, 100%, 45%);
  border-color: hsl(359, 100%, 94%);
}

.vanillatoasts-info {
  background-color: hsl(208, 100%, 97%);
  color: hsl(210, 92%, 45%);
  border-color: hsl(221, 91%, 91%);
}

@keyframes VanillaToasts {
  from {
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes VanillaToastsFadeOut {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(400px, 0, 0);
    opacity: 0;
  }
}
/* Errors */
.error-page {
  padding: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.error-page.small {
  padding: 24px;
}
.error-page__image {
  width: 70px;
  height: 70px;
}
.error-page__title {
  margin-top: 28px;
}
.error-page__description {
  margin-top: 8px;
  text-align: center;
}
.error-page__buttons {
  margin-top: 28px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 575px) {
  .error-page__buttons {
    flex-direction: column;
  }
  .error-page__buttons .btn {
    width: 190px;
  }
}

/* Ck-content */
.ck-content {
  line-height: 1.6;
  word-break: break-word;
}
.ck-content .marker-green {
  background: hsl(120, 93%, 68%);
}
.ck-content .marker-yellow {
  background: hsl(60, 97%, 73%);
}
.ck-content .marker-pink {
  background: hsl(345, 96%, 73%);
}
.ck-content .marker-blue {
  background: hsl(201, 97%, 72%);
}
.ck-content .pen-red {
  color: hsl(0, 85%, 49%);
  background: transparent;
}
.ck-content .pen-green {
  color: hsl(112, 100%, 27%);
  background: transparent;
}
.ck-content ul, .ck-content ol {
  padding-left: 40px;
  margin: 14px;
}
.ck-content ul {
  list-style-type: disc;
}
.ck-content ol {
  list-style-type: decimal;
}
.ck-content p {
  margin-bottom: 0;
  font-size: inherit;
}
.ck-content p.break {
  margin-bottom: 15px;
}
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
  max-width: 100%;
}
.ck-content img {
  height: auto;
  max-width: 100%;
}
.ck-content .image {
  z-index: 1;
  position: relative;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
  max-width: 100%;
}
.ck-content .image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.ck-content .image.image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
.ck-content .image.image_resized img {
  width: 100%;
}
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}

* {
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
}

.bg-none {
  background: none !important;
}

.hidden-file-upload {
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.cursor-pointer {
  cursor: pointer;
}

.mb-0 {
  margin-bottom: 0px;
}

.mb-12 {
  margin-bottom: 12px;
}

.mb-16 {
  margin-bottom: 16px;
}

.mb-24 {
  margin-bottom: 24px;
}

.mb-32 {
  margin-bottom: 32px;
}

input.empty::-webkit-outer-spin-button, input.empty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-black {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 8px 22px;
  background: #242631;
  border-radius: 5px;
  text-decoration: none;
  outline: none;
  border: none;
  transition: 0.15s ease;
}
.btn-black:hover {
  color: white;
  background: #0874f4;
}
.btn-black:active {
  background: #0969da;
}
.btn-black.big {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
}

.btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 22px;
  background: #36b555;
  border-radius: 5px;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  outline: none;
  border: none;
  transition: 0.15s ease;
}
.btn-green:hover {
  color: white;
  background: #1ca93f;
}
.btn-green:active {
  background: #36b555;
}
.btn-green.big {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
}
.btn-green.disabled {
  pointer-events: none;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), #36b555;
}

.btn-blue {
  text-decoration: none;
  outline: none;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0969da;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 8px 22px;
  transition: 0.15s ease;
}
.btn-blue:hover {
  color: white;
  background: #0874f4;
}
.btn-blue:active {
  background: #0969da;
}
.btn-blue.big {
  height: 52px;
}

.btn-orange {
  outline: none;
  border: none;
  display: inline-block;
  background: #f79d04;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 8px 22px;
  transition: 0.15s ease;
  text-decoration: none;
}
.btn-orange:hover {
  color: white;
  background: #f29035;
}
.btn-orange:active {
  background: #f79d04;
}
.btn-orange.big {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-red {
  outline: none;
  border: none;
  display: inline-block;
  background: #ed0a34;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  padding: 8px 22px;
  transition: 0.15s ease;
  text-decoration: none;
}
.btn-red:hover {
  color: white;
  background: #ff0a34;
}
.btn-red:active {
  background: #d10931;
}
.btn-red.big {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-white {
  box-shadow: 0 0.4px 2px 0 rgba(10, 29, 59, 0.45);
  outline: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  background: #ffffff;
  border-radius: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #242629;
  padding: 8px 30px;
  text-decoration: none;
  transition: 0.15s ease;
}
.btn-white:hover {
  background: #fff;
  box-shadow: 0 0.5px 3px 0 rgba(10, 29, 59, 0.45);
}
.btn-white:active {
  background: #d3d4d6;
  color: #242631;
}
.btn-white.big {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-white.disabled {
  pointer-events: none;
  background: #e6e6e6;
  color: rgba(115, 116, 120, 0.8);
}

.default-link {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #0969da;
  position: relative;
  text-decoration: none;
}
.default-link::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #9dc3f0;
  transition: 0.15s ease;
}
.default-link:hover::after {
  background: #0969da;
}
.default-link:last-child {
  margin-bottom: 0;
}

.my-badge {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  position: relative;
}
.my-badge span {
  position: relative;
  top: 1px;
}
.my-badge.green {
  color: #1ca93f;
  background: #ddf1e6;
}
.my-badge.red {
  color: #b9433f;
  background: #f8ecec;
}
.my-badge.orange {
  background: #fef6e9;
  color: #f79d04;
}
.my-badge.grey {
  background: #f2f4f5;
  color: rgba(115, 116, 120, 0.8);
}
.my-badge.blue {
  color: #349aff;
  background: rgba(87, 171, 255, 0.1);
}
.my-badge.accept {
  color: #0874f4;
  background: #dae9fa;
}
.my-badge.win {
  color: #8b3ffd;
  background: rgba(139, 63, 253, 0.11);
}

.color-grey {
  font-size: inherit;
  font-weight: 400;
  color: #737478;
}

.form-input-wrapper {
  height: 52px;
  position: relative;
}
.form-input-wrapper input {
  width: 100%;
  display: inline-block;
  position: relative;
  outline: none;
  padding: 22px 35px 10px 13px;
  height: 52px;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  z-index: 0;
  color: #242631;
  transition: 0.15s ease;
  -moz-appearance: textfield;
}
.form-input-wrapper input::-webkit-inner-spin-button, .form-input-wrapper input::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
}
.form-input-wrapper input:focus ~ label, .form-input-wrapper input:not([value=""]) ~ label, .form-input-wrapper input:not(:invalid) ~ label {
  font-size: 12px;
  line-height: 12px;
  top: 12px;
}
.form-input-wrapper input.required {
  border-color: #ed0a34;
}
.form-input-wrapper input.required ~ label {
  color: #ed0a34;
}
.form-input-wrapper label {
  pointer-events: none;
  z-index: 0;
  transition: 0.15s ease;
  font-size: 16px;
  line-height: 20px;
  color: #737478;
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.form-input-wrapper span {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
}
.form-input-wrapper span img {
  width: 16px;
  height: 16px;
}

.custom-checkbox-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}

.custom-checkbox-input {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.custom-checkbox-input:checked + .custom-checkbox {
  background: #0969da;
  border-color: #0969da;
}

.custom-checkbox {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  border-radius: 6px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  position: relative;
  transition: 0.15s ease;
}
.custom-checkbox::before, .custom-checkbox::after {
  content: "";
  position: absolute;
  background: white;
  height: 2px;
}
.custom-checkbox::before {
  top: 11px;
  left: 4px;
  width: 7px;
  transform: rotate(45deg);
}
.custom-checkbox::after {
  top: 10px;
  right: 2px;
  width: 12px;
  transform: rotate(-45deg);
}
.custom-checkbox.small {
  width: 16px;
  height: 16px;
  border-radius: 4px;
}
.custom-checkbox.small:after, .custom-checkbox.small:before {
  height: 1px;
}
.custom-checkbox.small:before {
  top: 8px;
  left: 2px;
  width: 5px;
}
.custom-checkbox.small:after {
  top: 6px;
  right: 1px;
  width: 8px;
}

.custom-checkbox-text {
  width: calc(100% - 24px - 8px);
}

.custom-radio-wrapper {
  position: relative;
  display: flex;
  cursor: pointer;
  gap: 8px;
}

.custom-radio-input {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.custom-radio-input:checked + .custom-radio::before {
  background: #0969da;
}

.custom-radio {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  width: 18px;
  height: 18px;
  position: relative;
  border-radius: 50%;
}
.custom-radio::before {
  content: "";
  position: absolute;
  background: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition: 0.15s ease;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.custom-radio-text {
  width: calc(100% - 24px - 12px);
}

.modal {
  pointer-events: none;
  opacity: 0;
  padding: 50px 0 100px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(36, 38, 41, 0.64);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden auto;
  transition: 0.15s ease;
}
.modal::-webkit-scrollbar {
  width: 5px;
}
.modal::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.modal::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.modal.show {
  opacity: 1;
  pointer-events: auto;
  z-index: 1000;
}
.modal.default .modal-block {
  max-width: 440px;
}
.modal.big .modal-block {
  max-width: 580px;
}
.modal.mini .modal-block {
  min-width: 320px;
  max-width: 360px;
}

.modal-block {
  position: relative;
  min-width: 420px;
  margin: auto;
  padding: 32px;
  background: #ffffff;
  border-radius: 5px;
}
@media (max-width: 575px) {
  .modal-block {
    width: calc(100% - 20px);
    min-width: auto;
    padding: 20px;
  }
}

.modal__block-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  color: #000000;
  padding-top: 12px;
}
@media (max-width: 575px) {
  .modal__block-title {
    font-size: 20px;
    padding-top: 16px;
  }
}

.modal__block-desc {
  font-size: 14px;
  line-height: 20px;
  color: #242631;
}

.modal__close-btn {
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 2px 6px;
  outline: none;
  border: none;
  background: none;
}
.modal__close-btn:hover svg path {
  fill: #ed0a34;
}

.modal__tab-default-buttons {
  display: flex;
  align-items: center;
}
.modal__tab-default-buttons button {
  height: 40px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #242629;
  padding: 10px 16px;
  background: #ffffff;
  border-left: 1px solid #d3d4d6;
  border-top: 1px solid #d3d4d6;
  border-bottom: 1px solid #d3d4d6;
  border-right: 1px solid transparent;
  border-radius: 5px 0 0 5px;
}
.modal__tab-default-buttons button:last-child {
  border-radius: 0 5px 5px 0;
  border-right: 1px solid #d3d4d6;
}
.modal__tab-default-buttons button.active {
  border-color: transparent;
  color: #ffffff;
  background: #0969da;
}

.modal__tab-default-content {
  display: none;
  padding-top: 24px;
}
.modal__tab-default-content.active {
  display: block;
}

.modal-label-radio {
  font-size: 13px;
  line-height: 20px;
  color: #737478;
  margin-bottom: 16px;
}

.modal__confirm-sell-info {
  background: #fef7ea;
  border-radius: 5px;
  padding: 24px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 575px) {
  .modal__confirm-sell-info {
    padding: 12px;
  }
}
.modal__confirm-sell-info .bid {
  text-align: right;
}
.modal__confirm-sell-info .price {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #242631;
}
.modal__confirm-sell-info .desc {
  font-size: 13px;
  line-height: 20px;
  color: #737478;
}

.modal-user {
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal-user .image {
  overflow: hidden;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.modal-user .image span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
}
.modal-user .image img {
  width: 100%;
  height: 100%;
}
.modal-user .name {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #242629;
}
.modal-user .name span {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #36b555;
}
.modal-user .desc {
  font-size: 13px;
  line-height: 20px;
  color: #737476;
}

.modal-verify-social-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

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

.modal__input {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  padding: 16px 12px;
}
.modal__input::-moz-placeholder {
  color: #737478;
}
.modal__input::placeholder {
  color: #737478;
}

.modal__input-wrapper {
  position: relative;
}
.modal__input-wrapper.double {
  display: flex;
  gap: 16px;
}
.modal__input-wrapper.double input {
  width: calc((100% - 16px) / 2);
}

.modal-big-link {
  border: none;
  outline: none;
  background: none;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #0969da;
  text-decoration: none;
}

.modal-divider-with-text {
  display: flex;
  justify-content: center;
  position: relative;
}
.modal-divider-with-text::before {
  content: "";
  position: absolute;
  background: #e6e6e6;
  height: 1px;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.modal-divider-with-text span {
  position: relative;
  background: white;
  padding: 0 14px;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  color: #737478;
}

.modal__country-select {
  margin-bottom: 16px;
}
.modal__country-select .jq-selectbox {
  width: 100%;
}
.modal__country-select select, .modal__country-select .jq-selectbox__select {
  padding: 6px 12px;
  cursor: pointer;
  height: 52px;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #242631;
}

.modal__repeat-code-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #737478;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
}

.modal__label {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  color: #242629;
}

.modal__textarea {
  resize: none;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d3d4d6;
  border-radius: 5px;
}

.modal__info-wrapper {
  background: #fef6e9;
  border-radius: 5px;
  padding: 16px 18px;
}
.modal__info-wrapper .name {
  font-size: 14px;
  line-height: 20px;
  color: #242631;
  margin-bottom: 5px;
}
.modal__info-wrapper .value {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #242631;
}

.modal__oferta {
  font-size: 12px;
  line-height: 16px;
  color: #737478;
}
.modal__oferta a {
  color: #0969da;
  text-decoration: none;
}

.modal__text {
  font-size: 14px;
  line-height: 20px;
  color: #737478;
}

.modal__strong {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #242631;
}

.modal__main-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #176bd2;
  text-decoration: none;
  display: inline-block;
}

.modal__commission-block {
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  color: #36b555;
}
.modal__commission-block span {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #737478;
}

.modal__block-title-with-img {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: #242631;
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal__block-title-with-img img {
  width: 40px;
  height: 40px;
}

.modal__verified-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 22px;
}
.modal__verified-list li {
  gap: 8px;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.2;
  color: #242631;
  margin-bottom: 10px;
}
.modal__input-tooltip {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.modal__broker-price-wrapper {
  background: rgba(244, 246, 248, 0.9);
  border-radius: 5px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.modal__broker-price-wrapper .title {
  font-size: 13px;
  line-height: 20px;
  color: #737478;
  margin-bottom: 6px;
}
.modal__broker-price-wrapper .value {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #242629;
}

.modal__divider {
  background: #e6e6e6;
  width: 100%;
  height: 1px;
}

.modal__vertical-divider {
  position: relative;
  height: 46px;
  width: 1px;
  background: #e6e6e6;
}

.modal__choose-list {
  display: none;
  gap: 12px;
  flex-direction: column;
}
.modal__choose-list.active {
  display: flex;
}

.modal__choose-card {
  cursor: pointer;
}

.modal__choose-item, .modal__metrics-choose-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  cursor: pointer;
  background: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.04), 0px 0px 3px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 12px;
  width: 100%;
}
.modal__choose-item .main, .modal__metrics-choose-item .main {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal__choose-item .img, .modal__metrics-choose-item .img {
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.modal__choose-item .img img, .modal__metrics-choose-item .img img {
  max-width: 100%;
  max-height: 100%;
}
.modal__choose-item .img span, .modal__metrics-choose-item .img span {
  width: 100%;
  height: 100%;
  display: inline-block;
  background: #ebf6fc;
}
.modal__choose-item .content, .modal__metrics-choose-item .content {
  width: calc(100% - 40px - 10px);
}
.modal__choose-item .name, .modal__metrics-choose-item .name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 2px;
}
.modal__choose-item .desc, .modal__metrics-choose-item .desc {
  font-size: 12px;
  line-height: 13px;
  color: #95989b;
}

.modal__expenses-list {
  list-style: none;
  padding-left: 0;
}
.modal__expenses-list li {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.modal__expenses-list li:first-child {
  margin-bottom: 8px;
}
@media (max-width: 575px) {
  .modal__expenses-list li {
    padding-bottom: 24px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 24px;
  }
  .modal__expenses-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.modal__expenses-item {
  width: calc((100% - 40px) / 2 - 15px);
}
.modal__expenses-item.small {
  width: 40px;
}
@media (max-width: 575px) {
  .modal__expenses-item.second {
    order: 2;
    width: 100%;
  }
  .modal__expenses-item.first {
    order: 0;
    width: calc(100% - 40px - 15px);
  }
  .modal__expenses-item.small {
    order: 1;
  }
}
.modal__expenses-item input {
  width: 100%;
  height: 40px;
  padding: 8px 12px;
}
.modal__expenses-item button {
  width: 40px;
  height: 40px;
}

@media (max-width: 575px) {
  .modal__hide-sm {
    display: none !important;
  }
}

.modal__show-sm {
  display: none !important;
}
@media (max-width: 575px) {
  .modal__show-sm {
    display: block !important;
  }
}

.modal__inform-blue {
  background: rgba(218, 233, 250, 0.5);
  border-radius: 5px;
  padding: 16px;
}
.modal__inform-blue .title {
  gap: 6px;
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #242631;
  margin-bottom: 10px;
}
.modal__inform-blue .text {
  font-size: 14px;
  line-height: 20px;
  color: #242631;
}

.modal__validate-alert-required {
  font-size: 14px;
  line-height: 18px;
  color: #ed0a34;
}

.modal__stat-connected {
  background: #ffffff;
  border: 1px solid #d3d4d4;
  border-radius: 8px;
  padding: 22px;
}
.modal__stat-connected .name {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
.modal__stat-connected .name span {
  font-weight: 500;
  font-size: 16px;
  line-height: 12px;
  color: #242631;
}
.modal__stat-connected .id {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #242631;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
}
.modal__stat-connected .date {
  font-size: 14px;
  line-height: 20px;
  color: #737478;
  margin-bottom: 16px;
}

.icon {
  vertical-align: middle;
  display: inline-block;
}

.icon__traffic-source {
  width: 16px;
  height: 16px;
}

.data-table__dimension-item {
  line-height: 18px;
}

.icon_type_favicon {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-position: 0 0;
  image-rendering: pixelated;
}

.data-table__dimension-icon {
  background-size: 100%;
  margin-right: 4px;
  vertical-align: baseline;
}

.icon__traffic-source_id_-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.95L8 .3l8 5.3-.85 1.25L8 2 .85 6.85 0 5.6l2-1.325V1h2v1.95z' fill='%2313BF55'/%3E%3Cpath d='M8 3l6 4v7H9.5V8h-3v6H2V7l6-4z' fill='%2313BF55'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_0 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5h9.94L7.22 4.78a.75.75 0 1 1 1.06-1.06l4.48 4.48-4.48 4.48a.75.75 0 0 1-1.06-1.06L9.839 9H0c.006 2.555.067 3.912.787 4.883.235.316.514.596.83.83 1.062.787 2.585.787 5.633.787h.5c3.048 0 4.571 0 5.633-.787.316-.234.596-.514.83-.83C15 12.82 15 11.298 15 8.25s0-4.571-.787-5.633a3.998 3.998 0 0 0-.83-.83C12.32 1 10.798 1 7.75 1h-.5c-3.048 0-4.571 0-5.633.787a4 4 0 0 0-.83.83C.067 3.587.006 4.945 0 7.5z' fill='%239DA2A6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45 3.793l.707-.707a2 2 0 1 1 2.828 2.828l-.707.707c-.359.359-.82.553-1.289.582L9.688 8.505a3.5 3.5 0 0 0 3.65-.823l.708-.707a3.5 3.5 0 1 0-4.95-4.95l-.707.707a3.5 3.5 0 0 0-.823 3.651l1.302-1.3c.029-.47.223-.931.582-1.29zM2.732 8.39a3.5 3.5 0 0 1 3.65-.823l-1.3 1.301c-.47.03-.93.223-1.29.582l-.706.707a2 2 0 1 0 2.828 2.829l.707-.708c.36-.358.553-.82.582-1.289l1.301-1.301a3.5 3.5 0 0 1-.822 3.651l-.707.707a3.5 3.5 0 1 1-4.95-4.95l.707-.707z' fill='%2307F'/%3E%3Cpath d='M5.207 9.803a.75.75 0 1 0 1.06 1.061l4.597-4.596a.75.75 0 1 0-1.06-1.06L5.206 9.802z' fill='%2307F'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5A3.5 3.5 0 0 0 3.5 7h1A2.5 2.5 0 0 1 7 4.5v-1z' fill='%23FF4F49'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.582 10.874a6 6 0 1 0-.707.707l.54.54-.708.707 2.829 2.829a1 1 0 0 0 1.414 0l.707-.707a1 1 0 0 0 0-1.414l-2.829-2.829-.707.707-.54-.54zM7 11.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z' fill='%23FF4F49'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_3 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.203 6.046v4.898h1.055c.329 0 .63-.049.902-.147.279-.104.516-.26.713-.469.196-.208.348-.476.456-.801.107-.326.161-.714.161-1.164 0-.456-.054-.83-.161-1.124a1.764 1.764 0 0 0-.447-.714c-.19-.176-.418-.3-.684-.371a3.168 3.168 0 0 0-.845-.108h-1.15zM3.466 9.184l.979-3.05.978 3.05H3.466z' fill='%23FF8000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.5c0-3.287 0-4.931.908-6.038a4 4 0 0 1 .554-.554C2.57 1 4.212 1 7.5 1h1c3.287 0 4.931 0 6.038.908a4 4 0 0 1 .554.554C16 3.57 16 5.212 16 8.5c0 3.287 0 4.931-.908 6.038a4.001 4.001 0 0 1-.554.554C13.43 16 11.788 16 8.5 16h-1c-3.287 0-4.931 0-6.038-.908a4 4 0 0 1-.554-.554C0 13.43 0 11.788 0 8.5zM7.997 5h2.308c.488 0 .94.055 1.359.166.424.111.788.293 1.092.548.31.254.554.593.732 1.016.177.424.266.949.266 1.574 0 .607-.09 1.141-.266 1.604-.178.463-.425.85-.741 1.163a3.11 3.11 0 0 1-1.121.694A4.109 4.109 0 0 1 10.21 12H7.997V5zm-4.854 5.191h2.604L6.325 12H7.56L5.3 5H3.761L1.5 12h1.064l.58-1.809z' fill='%23FF8000'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_4 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6H8V1H4zm7 9V9H5v1h6zm-6 1h4v1H5v-1z' fill='%23BB855F'/%3E%3Cpath d='M9 1.196V5h3.643L9.129 1.31A1 1 0 0 0 9 1.196z' fill='%23BB855F'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_5, .icon__traffic-source_id_undefined {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.25a.75.75 0 0 0 1.5 0V.75a.75.75 0 0 0-1.5 0v3.5zM.75 7a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H.75zm11 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5zm-4 9a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-.75.75zm-5.657-2.343a.75.75 0 0 1 0-1.06l2.475-2.475a.75.75 0 0 1 1.06 1.06l-2.474 2.475a.75.75 0 0 1-1.06 0zm7.778-8.839a.75.75 0 1 0 1.061 1.061l2.475-2.475a.75.75 0 0 0-1.06-1.06L9.87 4.818zM2.093 2.344a.75.75 0 0 1 1.06 0L5.63 4.819a.75.75 0 0 1-1.06 1.06L2.092 3.404a.75.75 0 0 1 0-1.06zm8.839 7.778a.75.75 0 1 0-1.06 1.06l2.474 2.476a.75.75 0 1 0 1.06-1.061l-2.474-2.475z' fill='%2385898C'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_7 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.877.942a1 1 0 1 1 1.932.517l-.259.966a.987.987 0 0 1-.027.085 4.217 4.217 0 0 1 2.317 4.892c-.504 1.88-1.511 5.64.42 6.157l-.503 1.88-2.974-.797a1.5 1.5 0 0 1-2.993-.147v-.655L1.2 12.074l.504-1.88c1.932.518 2.939-3.241 3.443-5.121a4.218 4.218 0 0 1 4.452-3.078.645.645 0 0 1 .02-.087l.258-.966z' fill='%23FA0'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_8 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26 7.85c-.192.057-.609-.222-.869-.828s-.307-.834-.377-1.338c-.071-.505.146-.752.311-.752.15 0 .405.234.494.316.09.083.203-.014.203-.014-.062-.323-.159-.845-.159-1.394 0-.114.01-.235.019-.361.036-.477.077-1.027-.347-1.575.098-.27.553-.74 1.047-.561-.07-.473.252-.91.784-1.077 1.107-.346 2.309-.369 3.3.016 1.384.535 2.075.346 2.075.346s1.26 1.134.598 2.721a4.85 4.85 0 0 1-.055 1.315 2.784 2.784 0 0 0-.044.396c0 .048.055.048.11.048.11-.097.223-.172.385-.145.332.058.404.815-.09 1.929-.05.096-.095.186-.136.27-.185.376-.3.61-.521.584a.492.492 0 0 1-.288-.112c-.015-.013-.02-.016-.02 0a4.898 4.898 0 0 1-.278.925l-.041.108c-.55 1.251-1.731 2.15-2.254 2.262-.373.08-.592.108-.989 0-.707-.193-1.955-1.317-2.309-2.31-.111-.311-.281-.945-.281-.945s-.077.119-.269.176zM8.5 13.5s2.5-1.5 3.5-2c2 0 3.5 1 4 1.5-1 1-3.5 3-7.5 3S2 14 1 13c.5-.615 2-1.5 4-1.5 1 .5 3.5 2 3.5 2z' fill='%23A551E0'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_9 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 15c-1 0-3.49-.458-7-1V7c.626-.474 1.38-1.304 2.263-2.49C8.077 2.074 7.863.92 8 0c.5 0 .747-.005 1.075.188C9.775.598 10 2 10 3c0 1-.31 2.385-.51 3H14c1.157 0 1.99.597 2 1.522.01.868-.238 1.725-.561 2.46C14.598 11.9 13.42 15 11 15zM2 7h1v6.987H1L2 7z' fill='%23ED4FC6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_10 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 6.5C1 3.5 2.5 0 8 0c6.5 0 9 1.5 9 6 0 5.5-3.773 6.5-10 6.5-.354 0-.688-.015-1.005-.045L2.49 15.57a.2.2 0 0 1-.327-.198l.956-3.824C1.585 10.55.999 8.873 1 7v-.5zM5.006 5h8v1h-8V5zm0 2h5v1h-5V7z' fill='%232BB1D6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_11 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2a1 1 0 0 0-2 0v3H2a1 1 0 0 0 0 2h3.5A1.5 1.5 0 0 0 7 5.5V2zm2 12a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3.5A1.5 1.5 0 0 0 9 10.5V14zm3.6-.2a1.2 1.2 0 1 1 2.4 0 1.2 1.2 0 0 1-2.4 0zM2.2 1a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4zm.3 8h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3A1.5 1.5 0 0 1 2.5 9zm11-8h-3A1.5 1.5 0 0 0 9 2.5v3A1.5 1.5 0 0 0 10.5 7h3A1.5 1.5 0 0 0 15 5.5v-3A1.5 1.5 0 0 0 13.5 1zM3 11v2h2v-2H3zm8-6V3h2v2h-2z' fill='%23465065'/%3E%3C/svg%3E");
}

.calls-traffic-source {
  display: inline-block;
}

.calls-traffic-source__icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}

.icon__search-engine {
  width: 16px;
  height: 16px;
}

emoji-picker {
  --num-columns: 6;
  --emoji-size: 1.2rem;
  --emoji-padding: 0.3rem;
  --input-border-color: #E6E6E6;
  /*--num-groups: 10;*/
}

.picker .search-row {
  display: none !important;
}

.animation-loader {
  filter: grayscale(1);
  position: relative;
  width: 32px;
  height: 32px;
}
.animation-loader:after {
  content: "";
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../images/load-blue.svg);
  animation: Rotate 1s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.progress-bar {
  position: relative;
}
.progress-bar svg {
  position: relative;
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
}
.progress-bar svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #D3D4D6;
  stroke-width: 4;
  stroke-linecap: square;
}
.progress-bar svg circle:last-of-type {
  stroke-dasharray: 50.5px;
  stroke: #23b35d;
}

#traffic-quality-chart-wrapper {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
#traffic-quality-chart-wrapper canvas {
  width: 100%;
}

.listing-chart-wrapper {
  max-height: 300px;
  padding-top: 45px;
  position: relative;
}
@media (max-width: 575px) {
  .listing-chart-wrapper {
    padding-top: 40px;
  }
}
.listing-chart-wrapper canvas {
  width: 100%;
}

.listing__traffic-chart-label {
  position: absolute;
  right: 0;
  top: 30px;
  display: flex;
  font-size: 13px;
  line-height: 1;
  color: #737478;
}
@media (max-width: 575px) {
  .listing__traffic-chart-label {
    top: 20px;
  }
}
.listing__traffic-chart-label .users, .listing__traffic-chart-label .views {
  cursor: pointer;
  position: relative;
  padding-left: 12px;
}
.listing__traffic-chart-label .users::after, .listing__traffic-chart-label .views::after {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.listing__traffic-chart-label .users {
  margin-right: 10px;
}
.listing__traffic-chart-label .users::after {
  background: #8B3FFD;
}
.listing__traffic-chart-label .views::after {
  background: #0874F4;
}

.icon {
  vertical-align: middle;
  display: inline-flex;
}

.icon__traffic-source {
  width: 16px;
  height: 16px;
}

.data-table__dimension-item {
  line-height: 18px;
}

.icon_type_favicon {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  background-position: 0 0;
  image-rendering: pixelated;
}

.data-table__dimension-icon {
  background-size: 100%;
  margin-right: 4px;
  vertical-align: baseline;
}

.icon__traffic-source_id_-1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2.95L8 .3l8 5.3-.85 1.25L8 2 .85 6.85 0 5.6l2-1.325V1h2v1.95z' fill='%2313BF55'/%3E%3Cpath d='M8 3l6 4v7H9.5V8h-3v6H2V7l6-4z' fill='%2313BF55'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_0 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 7.5h9.94L7.22 4.78a.75.75 0 1 1 1.06-1.06l4.48 4.48-4.48 4.48a.75.75 0 0 1-1.06-1.06L9.839 9H0c.006 2.555.067 3.912.787 4.883.235.316.514.596.83.83 1.062.787 2.585.787 5.633.787h.5c3.048 0 4.571 0 5.633-.787.316-.234.596-.514.83-.83C15 12.82 15 11.298 15 8.25s0-4.571-.787-5.633a3.998 3.998 0 0 0-.83-.83C12.32 1 10.798 1 7.75 1h-.5c-3.048 0-4.571 0-5.633.787a4 4 0 0 0-.83.83C.067 3.587.006 4.945 0 7.5z' fill='%239DA2A6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_1 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.45 3.793l.707-.707a2 2 0 1 1 2.828 2.828l-.707.707c-.359.359-.82.553-1.289.582L9.688 8.505a3.5 3.5 0 0 0 3.65-.823l.708-.707a3.5 3.5 0 1 0-4.95-4.95l-.707.707a3.5 3.5 0 0 0-.823 3.651l1.302-1.3c.029-.47.223-.931.582-1.29zM2.732 8.39a3.5 3.5 0 0 1 3.65-.823l-1.3 1.301c-.47.03-.93.223-1.29.582l-.706.707a2 2 0 1 0 2.828 2.829l.707-.708c.36-.358.553-.82.582-1.289l1.301-1.301a3.5 3.5 0 0 1-.822 3.651l-.707.707a3.5 3.5 0 1 1-4.95-4.95l.707-.707z' fill='%2307F'/%3E%3Cpath d='M5.207 9.803a.75.75 0 1 0 1.06 1.061l4.597-4.596a.75.75 0 1 0-1.06-1.06L5.206 9.802z' fill='%2307F'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_2 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 3.5A3.5 3.5 0 0 0 3.5 7h1A2.5 2.5 0 0 1 7 4.5v-1z' fill='%23FF4F49'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.582 10.874a6 6 0 1 0-.707.707l.54.54-.708.707 2.829 2.829a1 1 0 0 0 1.414 0l.707-.707a1 1 0 0 0 0-1.414l-2.829-2.829-.707.707-.54-.54zM7 11.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9z' fill='%23FF4F49'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_3 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.203 6.046v4.898h1.055c.329 0 .63-.049.902-.147.279-.104.516-.26.713-.469.196-.208.348-.476.456-.801.107-.326.161-.714.161-1.164 0-.456-.054-.83-.161-1.124a1.764 1.764 0 0 0-.447-.714c-.19-.176-.418-.3-.684-.371a3.168 3.168 0 0 0-.845-.108h-1.15zM3.466 9.184l.979-3.05.978 3.05H3.466z' fill='%23FF8000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8.5c0-3.287 0-4.931.908-6.038a4 4 0 0 1 .554-.554C2.57 1 4.212 1 7.5 1h1c3.287 0 4.931 0 6.038.908a4 4 0 0 1 .554.554C16 3.57 16 5.212 16 8.5c0 3.287 0 4.931-.908 6.038a4.001 4.001 0 0 1-.554.554C13.43 16 11.788 16 8.5 16h-1c-3.287 0-4.931 0-6.038-.908a4 4 0 0 1-.554-.554C0 13.43 0 11.788 0 8.5zM7.997 5h2.308c.488 0 .94.055 1.359.166.424.111.788.293 1.092.548.31.254.554.593.732 1.016.177.424.266.949.266 1.574 0 .607-.09 1.141-.266 1.604-.178.463-.425.85-.741 1.163a3.11 3.11 0 0 1-1.121.694A4.109 4.109 0 0 1 10.21 12H7.997V5zm-4.854 5.191h2.604L6.325 12H7.56L5.3 5H3.761L1.5 12h1.064l.58-1.809z' fill='%23FF8000'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_4 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V6H8V1H4zm7 9V9H5v1h6zm-6 1h4v1H5v-1z' fill='%23BB855F'/%3E%3Cpath d='M9 1.196V5h3.643L9.129 1.31A1 1 0 0 0 9 1.196z' fill='%23BB855F'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_5, .icon__traffic-source_id_undefined {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 4.25a.75.75 0 0 0 1.5 0V.75a.75.75 0 0 0-1.5 0v3.5zM.75 7a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5H.75zm11 0a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-3.5zm-4 9a.75.75 0 0 1-.75-.75v-3.5a.75.75 0 0 1 1.5 0v3.5a.75.75 0 0 1-.75.75zm-5.657-2.343a.75.75 0 0 1 0-1.06l2.475-2.475a.75.75 0 0 1 1.06 1.06l-2.474 2.475a.75.75 0 0 1-1.06 0zm7.778-8.839a.75.75 0 1 0 1.061 1.061l2.475-2.475a.75.75 0 0 0-1.06-1.06L9.87 4.818zM2.093 2.344a.75.75 0 0 1 1.06 0L5.63 4.819a.75.75 0 0 1-1.06 1.06L2.092 3.404a.75.75 0 0 1 0-1.06zm8.839 7.778a.75.75 0 1 0-1.06 1.06l2.474 2.476a.75.75 0 1 0 1.06-1.061l-2.474-2.475z' fill='%2385898C'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_7 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.877.942a1 1 0 1 1 1.932.517l-.259.966a.987.987 0 0 1-.027.085 4.217 4.217 0 0 1 2.317 4.892c-.504 1.88-1.511 5.64.42 6.157l-.503 1.88-2.974-.797a1.5 1.5 0 0 1-2.993-.147v-.655L1.2 12.074l.504-1.88c1.932.518 2.939-3.241 3.443-5.121a4.218 4.218 0 0 1 4.452-3.078.645.645 0 0 1 .02-.087l.258-.966z' fill='%23FA0'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_8 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.26 7.85c-.192.057-.609-.222-.869-.828s-.307-.834-.377-1.338c-.071-.505.146-.752.311-.752.15 0 .405.234.494.316.09.083.203-.014.203-.014-.062-.323-.159-.845-.159-1.394 0-.114.01-.235.019-.361.036-.477.077-1.027-.347-1.575.098-.27.553-.74 1.047-.561-.07-.473.252-.91.784-1.077 1.107-.346 2.309-.369 3.3.016 1.384.535 2.075.346 2.075.346s1.26 1.134.598 2.721a4.85 4.85 0 0 1-.055 1.315 2.784 2.784 0 0 0-.044.396c0 .048.055.048.11.048.11-.097.223-.172.385-.145.332.058.404.815-.09 1.929-.05.096-.095.186-.136.27-.185.376-.3.61-.521.584a.492.492 0 0 1-.288-.112c-.015-.013-.02-.016-.02 0a4.898 4.898 0 0 1-.278.925l-.041.108c-.55 1.251-1.731 2.15-2.254 2.262-.373.08-.592.108-.989 0-.707-.193-1.955-1.317-2.309-2.31-.111-.311-.281-.945-.281-.945s-.077.119-.269.176zM8.5 13.5s2.5-1.5 3.5-2c2 0 3.5 1 4 1.5-1 1-3.5 3-7.5 3S2 14 1 13c.5-.615 2-1.5 4-1.5 1 .5 3.5 2 3.5 2z' fill='%23A551E0'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_9 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 15c-1 0-3.49-.458-7-1V7c.626-.474 1.38-1.304 2.263-2.49C8.077 2.074 7.863.92 8 0c.5 0 .747-.005 1.075.188C9.775.598 10 2 10 3c0 1-.31 2.385-.51 3H14c1.157 0 1.99.597 2 1.522.01.868-.238 1.725-.561 2.46C14.598 11.9 13.42 15 11 15zM2 7h1v6.987H1L2 7z' fill='%23ED4FC6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_10 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 6.5C1 3.5 2.5 0 8 0c6.5 0 9 1.5 9 6 0 5.5-3.773 6.5-10 6.5-.354 0-.688-.015-1.005-.045L2.49 15.57a.2.2 0 0 1-.327-.198l.956-3.824C1.585 10.55.999 8.873 1 7v-.5zM5.006 5h8v1h-8V5zm0 2h5v1h-5V7z' fill='%232BB1D6'/%3E%3C/svg%3E");
}

.icon__traffic-source_id_11 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 2a1 1 0 0 0-2 0v3H2a1 1 0 0 0 0 2h3.5A1.5 1.5 0 0 0 7 5.5V2zm2 12a1 1 0 1 0 2 0v-3h3a1 1 0 1 0 0-2h-3.5A1.5 1.5 0 0 0 9 10.5V14zm3.6-.2a1.2 1.2 0 1 1 2.4 0 1.2 1.2 0 0 1-2.4 0zM2.2 1a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4zm.3 8h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3A1.5 1.5 0 0 1 2.5 9zm11-8h-3A1.5 1.5 0 0 0 9 2.5v3A1.5 1.5 0 0 0 10.5 7h3A1.5 1.5 0 0 0 15 5.5v-3A1.5 1.5 0 0 0 13.5 1zM3 11v2h2v-2H3zm8-6V3h2v2h-2z' fill='%23465065'/%3E%3C/svg%3E");
}

.calls-traffic-source {
  display: inline-block;
}

.calls-traffic-source__icon {
  display: inline-block;
  margin-right: 5px;
  vertical-align: bottom;
}

.icon__search-engine {
  width: 16px;
  height: 16px;
}

.verif-form__block {
  margin-bottom: 16px;
}

.verif-form__radio {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-weight: 500;
}

.verif-form__steps {
  padding: 16px;
  border-radius: 8px;
  background-color: #f2f4f5;
}

.verif-form__step {
  margin-bottom: 12px;
}

.verif-form__step:last-child {
  margin-bottom: 0;
}

.verif-form__step a {
  font-weight: 500;
}

.verif-form__group {
  display: grid;
  grid-template-columns: 200px 200px;
  gap: 12px;
  margin-top: 24px;
}

@media screen and (max-width: 575px) {
  .verif-form__group {
    margin-top: 16px;
    grid-template-columns: 1fr;
  }
}
.upload-image--default img {
  filter: brightness(0.5);
}
.upload-image--default.white:after {
  background-image: url("/images/svg/upload-image-icon-white.svg");
}
.upload-image--default:hover:after {
  background-image: url("/images/svg/upload-image-icon-blue.svg");
}
.upload-image--default:after {
  pointer-events: none;
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("/images/svg/upload-image-icon.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 11;
}
.upload-image--default.loading:after {
  animation: Rotate 1s linear infinite;
  filter: grayscale(1);
  background-image: url(/images/load-blue.svg);
}

.upload-image-main {
  transition: 0.15s ease;
}
.upload-image-main:hover {
  filter: brightness(0.7);
}

.upload-image-icon {
  width: 36px !important;
  height: 30px !important;
  transition: 0.15s ease;
}
.upload-image-icon:hover.black-icon {
  display: none;
}

.tinkoff-logo {
  margin-top: 5px;
}

.mpinfo__text p {
  margin-bottom: 10px;
}

.alert-success {
  background-color: #d1e7dd;
  border-color: #badbcc;
  color: #0f5132;
  border-radius: 5px;
  margin-bottom: 20px;
}

.attention__title {
  margin-bottom: 0px;
}

.attention {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.header__personals-avatar.avatar, .avatar.user-block__avatar {
  background-size: cover !important;
}

.dataTables_paginate {
  display: flex;
  padding-left: 0;
  list-style: none;
}