@charset "UTF-8";

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Light.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Medium.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Regular.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Tahoma";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Tahoma-Bold.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Tahoma-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Bold.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Black.woff2) format("woff2"), url(/plugins/mobile/templates/skin/default/actions/ActionMobile/fonts/Roboto-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

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

body {
  line-height: 1;
  font-family: Roboto, Arial, Verdana, sans-serif;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-family: Roboto, Arial, Verdana, sans-serif;
}

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

button {
  cursor: pointer;
}

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

a {
  word-break: break-all;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Roboto, Arial, Verdana, sans-serif;
  color: #000;
  font-size: 14px;
  width: 100%;
}

body._lock {
  overflow: hidden;
}

html._lock {
  overflow: hidden;
}

picture {
  line-height: 0;
  font-size: 0;
}

.wrapper {
  position: relative;
  width: 100%;
  min-height: 100%;
  background: #f1f1f1;
}

._container {
  max-width: 1920px;
  padding: 0 15px;
  margin: 0 auto;
}

._mobile-container {
  max-width: 768px;
  margin: 0 auto;
}

._wide-container {
  max-width: 1244px;
  margin: 0 auto;
  padding: 0 10px;
}

._style-2,
._style-2 .wrapper {
  background: #e5e5e5;
}

.notify-label {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 2px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  height: 19px;
  width: 19px;
  color: #fff;
  background: #e83a3a;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.context-menu {
  position: relative;
  z-index: 5;
  top: 0;
  right: 0;
  color: #000;
}

.context-menu__btn {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.context-menu__svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: #808080;
}

.context-menu ul {
  position: absolute;
  z-index: 100;
  max-width: calc(100vw - 20px);
  opacity: 0;
  visibility: hidden;
}

.context-menu__list {
  top: 100%;
  right: 0;
  padding: 3px 0;
  display: inline-block;
  background: #fff;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);
}

.context-menu__item {
  cursor: pointer;
  display: block;
  width: 100%;
  line-height: 20px;
  padding: 10px 12px;
  background: none;
  text-align: left;
  font-size: inherit;
}

.context-menu__item:hover {
  background: #e2e2e2;
}

.context-menu._open {
  z-index: 9;
}

.context-menu._open ul {
  -webkit-animation: context-menu 0.3s ease forwards;
          animation: context-menu 0.3s ease forwards;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

@-webkit-keyframes context-menu {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes context-menu {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*
    custom-pop-up - кастомный поп-ап на весь экран содержащий кнопку закрыия custom-pop-up__close
    и затемняющуюся подложку custom-pop-up__cover клики на которые обрабатываются общим js.
    Открывается при добавлениикласса опен  _open, закрывается при удалении.
    Переносится в конец <body> и позиционируется position: fixed;
*/

.custom-pop-up {
  position: fixed;
  z-index: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-y: auto;
}

.custom-pop-up--open,
.custom-pop-up._open {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

.custom-pop-up__cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.custom-pop-up__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  padding: 32px 10px;
}

.custom-pop-up__content {
  position: relative;
  z-index: auto;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
}

.custom-pop-up__close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M8.64341 6.99901L13.6552 1.99813C13.8747 1.77862 13.998 1.48091 13.998 1.17048C13.998 0.860046 13.8747 0.562331 13.6552 0.342824C13.4358 0.123318 13.1381 0 12.8277 0C12.5173 0 12.2196 0.123318 12.0002 0.342824L7 5.35536L1.99983 0.342824C1.78036 0.123318 1.48268 -2.31288e-09 1.1723 0C0.861913 2.31288e-09 0.56424 0.123318 0.344765 0.342824C0.125289 0.562331 0.00198911 0.860046 0.00198911 1.17048C0.00198911 1.48091 0.125289 1.77862 0.344765 1.99813L5.35659 6.99901L0.344765 11.9999C0.235521 12.1083 0.148811 12.2372 0.0896384 12.3792C0.0304655 12.5213 0 12.6736 0 12.8275C0 12.9814 0.0304655 13.1338 0.0896384 13.2758C0.148811 13.4179 0.235521 13.5468 0.344765 13.6552C0.453117 13.7644 0.582027 13.8512 0.724059 13.9103C0.866091 13.9695 1.01843 14 1.1723 14C1.32616 14 1.47851 13.9695 1.62054 13.9103C1.76257 13.8512 1.89148 13.7644 1.99983 13.6552L7 8.64265L12.0002 13.6552C12.1085 13.7644 12.2374 13.8512 12.3795 13.9103C12.5215 13.9695 12.6738 14 12.8277 14C12.9816 14 13.1339 13.9695 13.2759 13.9103C13.418 13.8512 13.5469 13.7644 13.6552 13.6552C13.7645 13.5468 13.8512 13.4179 13.9104 13.2758C13.9695 13.1338 14 12.9814 14 12.8275C14 12.6736 13.9695 12.5213 13.9104 12.3792C13.8512 12.2372 13.7645 12.1083 13.6552 11.9999L8.64341 6.99901Z' fill='%23B5B5B5'/%3E%3C/svg%3E");
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.custom-pop-up__close:hover {
  background-color: #f0f0f0;
}

.custom-pop-up__title {
  padding: 16px 54px 16px 20px;
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #0b5483;
}

.custom-pop-up__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 4px 20px 20px;
}

.big-blue-btn {
  display: block;
  height: 40px;
  width: 100%;
  margin: 0 auto;
  background: #479cd3;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
  border: 0;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 1.5px;
}

.big-blue-btn--active {
  background: #176ca4;
}

.big-blue-btn:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.3);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.3);
}

.big-blue-btn:active {
  background: #479cd3;
}

.big-blue-btn:disabled {
  background: #ccc;
}

.blue-btn,
.cancel-btn,
.outline-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
}

.outline-btn {
  font-weight: 500;
  padding: 7px 12px;
  color: #479CD3;
  border: 1px solid #479CD3;
  border-radius: 8px;
  background: transparent;
}

.outline-btn--wide {
  width: 100%;
}

.outline-btn:hover {
  -webkit-box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
          box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
}

.outline-btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.blue-btn {
  background: #80acc9;
  color: #fff;
}

.blue-btn--active {
  background: #518eb7;
}

.blue-btn:hover {
  -webkit-box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
          box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
}

.blue-btn:active {
  background: #479cd3;
}

.blue-btn:disabled {
  pointer-events: none;
}

.blue-btn:disabled,
.blue-btn--not-selected,
.moderation-pop-up__spoller:not(._active) {
  color: #808080;
  background: #e7e7e7;
}

.cancel-btn {
  background: #ebebeb;
  color: #383838;
}

.cancel-btn--active {
  background: #e0dfdf;
}

.cancel-btn:active {
  background: #e0dfdf;
}

.cancel-btn:disabled {
  background: rgb(128, 128, 128);
  pointer-events: none;
}

.white-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 11px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.white-btn:hover {
  color: #000;
  background-color: #f0f0f0;
  border-color: #000;
}

.white-btn:active {
  background-color: #fafafa;
}

.white-btn:disabled {
  background: #ccc;
  border-color: #ccc;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.custom-input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #383838;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-input::-webkit-input-placeholder {
  color: #383838;
}

.custom-input::-moz-placeholder {
  color: #383838;
}

.custom-input:-ms-input-placeholder {
  color: #383838;
}

.custom-input::-ms-input-placeholder {
  color: #383838;
}

.custom-input::placeholder {
  color: #383838;
}

.custom-input:hover,
.custom-input:focus {
  border-color: #323232;
}

.custom-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.custom-input:focus::-moz-placeholder {
  color: transparent;
}

.custom-input:focus:-ms-input-placeholder {
  color: transparent;
}

.custom-input:focus::-ms-input-placeholder {
  color: transparent;
}

.custom-input:focus::placeholder {
  color: transparent;
}

.custom-input.has-error {
  border: 1px solid #d00000;
}

.input-wrapper {
  position: relative;
}

.input-wrapper svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  fill: #000;
}

.input-wrapper .custom-input.has-error + svg {
  top: 13px;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.input-wrapper--left .custom-input {
  padding-left: 45px;
}

.input-wrapper--left svg {
  left: 35px;
}

.input-wrapper--right .custom-input {
  padding-right: 45px;
}

.input-wrapper--right svg {
  right: 35px;
}

.post-tag,
.post-label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 7px 7px 0;
  padding: 3px 13px 4px;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 12px;
  line-height: 14px;
  border: 0;
}

.post-tag__btn,
.post-label__btn {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  width: 21px;
  height: 21px;
  border: 0;
}

.post-tag__btn:hover,
.post-label__btn:hover {
  background-size: 11px;
}

.post-tag--with-btn,
.post-label--with-btn {
  cursor: default;
  position: relative;
}

.post-tag--with-btn .post-label__btn,
.post-tag--with-btn .post-tag__btn,
.post-label--with-btn .post-label__btn,
.post-label--with-btn .post-tag__btn {
  display: block;
}

.post-tag {
  color: #808080;
  background: #f1f1f1;
}

.post-tag--with-btn {
  padding-right: 28px;
}

.post-tag__btn {
  background: transparent no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='%23B5B5B5'/%3E%3C/svg%3E");
}

.post-label {
  color: #ffffff;
  background: #80acc9;
}

.post-label svg {
  fill: #ffffff;
  margin-right: 8px;
}

.post-label--with-btn {
  padding-right: 32px;
}

.post-label--active {
  background: #4a80a4;
}

.post-label--not-selected {
  color: #808080;
  background: #e7e7e7;
}

.post-label--not-selected svg {
  fill: currentColor !important;
}

.post-label__btn {
  background: transparent no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='white'/%3E%3C/svg%3E");
}

.custom-card {
  background: #fafafa;
  -webkit-box-shadow: 0px 1px 2px #d1d1d1;
          box-shadow: 0px 1px 2px #d1d1d1;
  border-radius: 10px;
}

.custom-scrollbar,
.search-block .autocomplete-suggestions,
.nf-filter__search-wrap .autocomplete-suggestions,
.moderation-pop-up__search-wrapper .autocomplete-suggestions {
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Стрелки */
  /*  &::-webkit-scrollbar-button:vertical:start:decrement {
        background: linear-gradient(120deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(240deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(0deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:vertical:end:increment {
        background: linear-gradient(300deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(60deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(180deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:horizontal:start:decrement {
        background: linear-gradient(30deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(150deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(270deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:horizontal:end:increment {
        background: linear-gradient(210deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(330deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(90deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    } */
  /* Работает в Firefox */
}

.custom-scrollbar::-webkit-scrollbar,
.search-block .autocomplete-suggestions::-webkit-scrollbar,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar {
  width: 12px;
  /* ширина для вертикального скролла */
  height: 12px;
  /* высота для горизонтального скролла */
}

.custom-scrollbar::-webkit-scrollbar-track,
.search-block .autocomplete-suggestions::-webkit-scrollbar-track,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-track,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-track {
  box-shadow: 2px 2px 2px -2px rgba(34, 60, 80, 0.2) inset;
  -webkit-box-shadow: 2px 2px 2px -2px rgba(34, 60, 80, 0.2) inset;
  border-radius: 10px;
  background-color: #f9f9fd;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.search-block .autocomplete-suggestions::-webkit-scrollbar-thumb,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-thumb,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ced4da;
}

.custom-scrollbar *,
.search-block .autocomplete-suggestions *,
.nf-filter__search-wrap .autocomplete-suggestions *,
.moderation-pop-up__search-wrapper .autocomplete-suggestions * {
  scrollbar-width: thin;
  scrollbar-color: #f9f9fd #ced4da;
}

.trades-table a.charticon,
.trades-table a.charticon2,
.trades-table a.charticon3,
.custom-table a.charticon,
.custom-table a.charticon2,
.custom-table a.charticon3 {
  display: inline-block;
  border: none;
  width: 21px;
  height: 18px;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.trades-table a.charticon,
.custom-table a.charticon {
  background: url() no-repeat;
}

.trades-table a.charticon2,
.custom-table a.charticon2 {
  background: url() no-repeat;
}

.trades-table a.charticon3,
.custom-table a.charticon3 {
  background: url() no-repeat;
}

.custom-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  padding: 12px 14px;
  background: #fff;
  color: inherit;
  resize: none;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: inherit;
  line-height: 20px;
}

.custom-textarea:hover,
.custom-textarea:focus {
  border-color: #323232;
}

.custom-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::-moz-placeholder {
  color: transparent;
}

.custom-textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::placeholder {
  color: transparent;
}

.custom-textarea::-webkit-input-placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::-moz-placeholder {
  color: inherit;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea:-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.blue-link {
  color: #479cd3;
}

.subscription__btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px;
  color: #ffffff;
  border-radius: 6px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.subscription__btn svg {
  fill: #ffffff;
}

.subscription__btn span {
  display: none;
}

.subscription__btn:hover {
  background: #9aaeb5;
}

.subscription__btn--plus {
  background: #479cd3;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
}

.subscription__btn--plus:hover {
  background: #61aad9;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.35);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.35);
}

.subscription__btn--check {
  background: #008243;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.25);
}

.subscription__btn--check:hover {
  background: #00a253;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.3);
          box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.3);
}

.box-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #0b5483;
}

.box-title a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #0b5483;
  border-bottom: 1px solid #0b5483;
}

.box-title a:hover {
  border-color: transparent;
}

.search-field-with-icon {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #383838;
  font-size: 14px;
  line-height: 20px;
  padding: 11px 12px 11px 46px;
  background: #fff no-repeat left 15px center/21px 26px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='26' viewBox='0 0 21 26' fill='none'%3E%3Ccircle cx='10.4113' cy='11.0268' r='6.77477' transform='rotate(-30 10.4113 11.0268)' stroke='%23383838' stroke-width='1.69369'/%3E%3Cline x1='13.3752' y1='16.1604' x2='18.4563' y2='24.9611' stroke='%23383838' stroke-width='1.69369'/%3E%3C/svg%3E");
}

.search-field-with-icon::-webkit-input-placeholder {
  color: #383838;
}

.search-field-with-icon::-moz-placeholder {
  color: #383838;
}

.search-field-with-icon:-ms-input-placeholder {
  color: #383838;
}

.search-field-with-icon::-ms-input-placeholder {
  color: #383838;
}

.search-field-with-icon::placeholder {
  color: #383838;
}

._loading input,
._loading textarea,
._loading button {
  pointer-events: none !important;
  cursor: default !important;
}

body.loader {
  overflow: hidden;
}

body.loader:before {
  position: fixed;
  z-index: 9999;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px 60px;
}

#login_link {
  cursor: pointer;
}

.templates {
  display: none;
}

[data-simplebar] {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

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

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  -webkit-box-sizing: inherit !important;
          box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -webkit-box-flex: inherit;
      -ms-flex-positive: inherit;
          flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.simplebar-height-auto-observer {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 10;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  padding-left: 10px;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: #000;
  border-radius: 7px;
  right: 2px;
  opacity: 0;
}

.simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.3;
  -webkit-transition: opacity 0s linear;
  -o-transition: opacity 0s linear;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0px;
  width: 5px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  width: 5px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 10px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

/* Rtl support */

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
  	border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-inline {
  width: 220px;
}

.datepicker.datepicker-rtl {
  direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}

.datepicker > div {
  display: none;
}

.datepicker.days div.datepicker-days {
  display: block;
}

.datepicker.months div.datepicker-months {
  display: block;
}

.datepicker.years div.datepicker-years {
  display: block;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fdd49a), to(#fdf59a));
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eeeeee;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
  background-image: linear-gradient(top, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080));
  background-image: linear-gradient(top, #b3b3b3, #808080);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: #808080 #808080 #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
  background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -o-linear-gradient(top, #F59300, #ff7e00);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F59300), to(#ff7e00));
  background-image: linear-gradient(top, #F59300, #ff7e00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F59300", endColorstr="#ff7e00", GradientType=0);
  border-color: #ff7e00 #ff7e00 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #ff7e00;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}

.datepicker table tr td span:hover {
  background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -o-linear-gradient(top, #F59300, #ff7e00);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F59300), to(#ff7e00));
  background-image: linear-gradient(top, #F59300, #ff7e00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F59300", endColorstr="#ff7e00", GradientType=0);
  border-color: #ff7e00 #ff7e00 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #ff7e00;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #999999;
}

.datepicker th.datepicker-switch {
  width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

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

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}

.SumoSelect p {
  margin: 0;
}

.SumoSelect {
  min-width: 200px;
  width: 100%;
}

.SelectBox {
  padding: 11px 20px;
}

.sumoStopScroll {
  overflow: hidden;
}

/* Filtering style */

.SumoSelect .hidden {
  display: none;
}

.SumoSelect .search-txt {
  display: none;
  outline: none;
}

.SumoSelect .no-match {
  display: none;
  padding: 6px;
}

.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}

.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
  visibility: hidden;
}

.SumoSelect.open > .CaptionCont > label > i {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 1;
}

/*this is applied on that hidden select. DO NOT USE display:none;
     or visiblity:hidden;
     and Do not override any of these properties. */

.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.SelectClass {
  z-index: 1;
}

.SumoSelect > .optWrapper .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
  -ms-user-select: none;
      user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}

.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont > label > i {
  opacity: 1;
}

.SumoSelect.open > .CaptionCont {
  border: 1px solid #83B4E0;
}

.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #C8C8C8;
  border-radius: 5px;
  min-height: 14px;
  background-color: #fff;
  margin: 0;
  cursor: pointer;
}

.SumoSelect > .CaptionCont:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-color: #585858;
}

.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  font-size: 14px;
  line-height: 18px;
  color: #585858;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

/*placeholder style*/

.SumoSelect > .CaptionCont > span.placeholder {
  font-size: 14px;
  line-height: 18px;
  color: #585858;
}

.SumoSelect > .CaptionCont > label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
}

.SumoSelect > .CaptionCont > label > i {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L5.29289 9.70711L6 10.4142L6.70711 9.70711L6 9ZM10.2929 3.29289L5.29289 8.29289L6.70711 9.70711L11.7071 4.70711L10.2929 3.29289ZM6.70711 8.29289L1.7071 3.29289L0.292891 4.70711L5.29289 9.70711L6.70711 8.29289Z' fill='%23585858'/%3E%3C/svg%3E%0A");
  background-position: center center;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0px 7px 18px rgba(88, 88, 88, 0.25);
          box-shadow: 0px 7px 18px rgba(88, 88, 88, 0.25);
  border-radius: 5px;
}

.SumoSelect.open > .optWrapper {
  top: 48px;
  display: block;
  max-height: 200px;
}

.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}

.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.SumoSelect > .optWrapper .options {
  border-radius: 2px;
  position: relative;
  /*Set the height of pop up here (only for desktop mode)*/
  /*height*/
}

.SumoSelect > .optWrapper.okCancelInMulti .options {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall .options {
  border-radius: 0 0 2px 2px;
}

.SumoSelect > .optWrapper.selall.okCancelInMulti .options {
  border-radius: 0;
}

.SumoSelect > .optWrapper .options li.group.disabled > label {
  opacity: 0.5;
}

.SumoSelect > .optWrapper .options li ul li.opt {
  padding-left: 22px;
}

.SumoSelect > .optWrapper.multiple .options li ul li.opt {
  padding-left: 50px;
}

.SumoSelect > .optWrapper.isFloating .options {
  max-height: 100%;
  -webkit-box-shadow: 0 0 100px #595959;
          box-shadow: 0 0 100px #595959;
}

.SumoSelect > .optWrapper .options li.opt {
  padding: 13px 6px;
  position: relative;
}

.SumoSelect > .optWrapper .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}

.SumoSelect > .optWrapper.selall .options > li.opt:first-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none;
}

.SumoSelect > .optWrapper.okCancelInMulti .options > li.opt:last-child {
  border-radius: 0;
}

.SumoSelect > .optWrapper .options li.opt:hover {
  background-color: #F0F0F0;
}

.SumoSelect > .optWrapper .options li.opt.sel,
.SumoSelect .select-all.sel {
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper .options li label {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
  color: #585858;
}

.SumoSelect > .optWrapper .options li span {
  display: none;
}

.SumoSelect > .optWrapper .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold;
}

/*Floating styles*/

.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}

/*disabled state*/

.SumoSelect > .optWrapper .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}

.SumoSelect > .optWrapper .options li.opt.disabled > span {
  display: none;
}

.SumoSelect > .optWrapper .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}

/*styling for multiple select*/

.SumoSelect > .optWrapper.multiple .options li.opt {
  padding-left: 40px;
  cursor: pointer;
}

.SumoSelect > .optWrapper.multiple .options li.opt span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px;
}

.SumoSelect > .optWrapper.multiple .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.SumoSelect > .optWrapper .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  -webkit-box-shadow: 0 0 2px #a1c0e4;
          box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px;
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0;
}

/*styling for select on popup mode*/

.SumoSelect > .optWrapper.isFloating .options li.opt {
  padding: 12px 6px;
}

/*styling for only multiple select on popup mode*/

.SumoSelect > .optWrapper.multiple.isFloating .options li.opt {
  padding-left: 35px;
}

.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}

.SumoSelect > .optWrapper.multiple .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background: #000000;
  border-radius: 3px;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: transparent;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-position: center center;
}

/*disabled state*/

.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/**Select all button**/

.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
}

.SumoSelect > label {
  color: #585858;
}

.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
  cursor: pointer;
}

.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}

/*styling for optgroups*/

.SumoSelect > .optWrapper .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}

.SumoSelect .simplebar-track {
  padding: 0;
}

.SumoSelect .simplebar-track.simplebar-vertical {
  width: 6px;
  background: #E2E2E2;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.SumoSelect .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  width: 4px;
  top: 4px;
  bottom: 4px;
}

.SumoSelect .simplebar-scrollbar:before {
  background: #838383;
  border-radius: 3px;
  right: 1px;
  opacity: 1;
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
  color: #585858;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected {
  color: #000;
}

.SumoSelect > .optWrapper.multiple .options li.opt.disabled {
  padding-left: 12px;
}

.SumoSelect > .optWrapper.multiple .options li.opt.disabled span,
.SumoSelect > .optWrapper.multiple .options li.opt.disabled .radio-sumo-btn {
  display: none;
}

.optWrapper:not(.multiple) .options li.opt {
  padding: 14px 14px 14px 24px;
  position: relative;
  border-bottom: 1px solid #E2E2E2;
}

.optWrapper:not(.multiple) .options li.opt:hover label {
  color: #4F91CD;
}

.radio-sumo-btn {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  background: transparent;
}

.radio-sumo-btn::before,
.radio-sumo-btn::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.radio-sumo-btn::before {
  width: 16px;
  height: 16px;
  top: calc(50% - 8px);
  right: calc(50% - 8px);
  border: 1px solid #AEAEAE;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}

.radio-sumo-btn::after {
  width: 10px;
  height: 10px;
  background: transparent;
  top: calc(50% - 5px);
  right: calc(50% - 5px);
}

.radio-sumo-btn:hover::before {
  border: 1px solid #000;
}

.radio-sumo-btn.selected::before {
  width: 16px;
  height: 16px;
  border: 1px solid #000;
}

.radio-sumo-btn.selected::after {
  width: 10px;
  height: 10px;
  background: #000;
}

/*! nouislider - 14.6.0 - 6/27/2020 */

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
          transform-style: flat;
}

.noUi-connect {
  height: 100%;
  width: 100%;
}

.noUi-origin {
  height: 10%;
  width: 10%;
}

/* Offset direction
 */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */

.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */

.noUi-horizontal {
  height: 2px;
}

.noUi-horizontal .noUi-handle {
  cursor: pointer;
  width: 10px;
  height: 10px;
  right: -5px;
  top: -4.5px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */

.noUi-target {
  height: 2px;
  background-color: #E2E2E2;
  margin: 0px 6px 25px;
  position: relative;
}

.noUi-target::before,
.noUi-target::after {
  content: "";
  background-color: #E2E2E2;
  width: 6px;
  height: 2px;
  position: absolute;
  top: 0;
}

.noUi-target::before {
  left: -5px;
}

.noUi-target::after {
  right: -5px;
}

.noUi-connect {
  background-color: #4F91CD;
}

/* Handles and cursors;
 */

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  background-color: #4F91CD;
  border-radius: 50%;
  cursor: default;
}

.noUi-handle::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-radius: 50%;
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
          box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

/* Disabled state;
 */

[disabled] .noUi-connect {
  background: #E2E2E2;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
  background: #E2E2E2;
}

/* Base;
 *
 */

.noUi-pips,
.noUi-pips * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
 *
 */

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
      transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
      transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
      transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  color: #999999;
  font-size: 12px;
  position: absolute;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  left: 50%;
  bottom: -22px;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
      transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
      transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.flex-table {
  margin: 0 auto;
  position: relative;
  /* table._hidden {
  opacity: 0;
  visibility: hidden;
  } */
}

.flex-table * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flex-table table {
  border-collapse: collapse;
  table-layout: fixed;
}

.flex-table tr th,
.flex-table tr td {
  table-layout: fixed;
  white-space: nowrap;
}

/* автовысота строк */

.flex-table._ft-auto-height tr td,
.flex-table._ft-auto-height tr td a {
  white-space: normal !important;
}

.flex-table::before {
  content: "";
  display: none;
}

/* .flex-table._loading {
  overflow: hidden;
}

.flex-table._loading::before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 30px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
      -ms-transform: translate(50%, 0);
          transform: translate(50%, 0);
  background: url() center/30px no-repeat;
} */

.flex-table__inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 auto;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.flex-table__inner._hidden {
  opacity: 0;
  visibility: hidden;
}

.flex-table__l-thead th,
.flex-table__l-thead td {
  position: sticky;
  background: #fbfb70;
}

.flex-table__l-tbody {
  background: #ccc;
}

.flex-table__r-box {
  position: relative;
}

.flex-table__r-box::before,
.flex-table__r-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  z-index: 5;
  width: 10px;
  opacity: 0;
}

.flex-table__r-box::before {
  left: 0;
  background: -o-linear-gradient(left, #ccc, transparent);
  background: -webkit-gradient(linear, left top, right top, from(#ccc), to(transparent));
  background: linear-gradient(to right, #ccc, transparent);
}

.flex-table__r-box::after {
  right: 0;
  background: -o-linear-gradient(right, #ccc, transparent);
  background: -webkit-gradient(linear, right top, left top, from(#ccc), to(transparent));
  background: linear-gradient(to left, #ccc, transparent);
}

.flex-table__r-box .simplebar-scrollbar.simplebar-visible:before {
  opacity: 0;
}

.flex-table__r-box._overflow::before,
.flex-table__r-box._overflow::after {
  opacity: 1;
}

.flex-table__r-box._overflow .simplebar-scrollbar:before {
  opacity: 0.5;
}

.flex-table__r-box._overflow .simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
}

.flex-table__r-header-wrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.flex-table__r-header-inner {
  position: sticky;
  z-index: 3;
  top: 0;
  overflow: hidden;
}

.flex-table__r-header-table {
  position: relative;
  left: 0px;
  width: 100%;
}

.flex-table__r-header-table,
.flex-table__r-table {
  table-layout: fixed;
  width: 100%;
  /*   table-layout: auto;
    width: auto;
    max-width: 100%; */
}

.flex-table__r-table-thead th,
.flex-table__r-table-thead td {
  position: sticky;
  background: #fbfb70;
}

.flex-table__r-table-wrap {
  width: 100%;
  max-width: 100%;
}

.flex-table__r-table-wrap .simplebar-track.simplebar-horizontal {
  position: sticky;
}

.flex-table__ad-wrap {
  position: relative;
  z-index: 3;
  height: 100%;
  overflow: visible;
}

.flex-table__ad-text {
  position: absolute;
  z-index: 3;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.swiper {
  overflow: hidden;
}

.swiper .swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.swiper.swiper-container-vertical .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-container-initialized .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.header {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  background: #1f1f1f;
  position: relative;
  z-index: 10;
  width: 100%;
}

.header * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header svg {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.header--with-navbar {
  font-family: Tahoma, "Open Sans", Verdana, Roboto, sans-serif;
}

.header--with-navbar .header__content {
  position: relative;
  z-index: 3;
  height: 50px;
}

.header--with-navbar .menu__body {
  top: 50px;
}

.header--with-navbar .query-search__body {
  height: 70px;
}

.header__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 60px;
  padding: 0 10px;
}

.header__menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25px;
          flex: 0 0 25px;
  margin-right: 10px;
  margin-left: 0px;
}

.header__search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__search-alphabet {
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__message {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin-right: 25px;
  display: none;
}

.header__message-icon {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.header__message-icon svg {
  width: 100%;
  height: 100%;
  fill: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header__message-icon:hover svg {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  fill: #fff;
}

.header__message-icon .notify-label {
  left: 50%;
  top: -4px;
  height: 22px;
  width: 22px;
  line-height: 16px;
  border: 2px solid #1f1f1f;
}

.header__message-icon._empty .notify-label {
  display: none;
}

.header .notify-label.empty {
  display: none;
}

.header__notify {
  margin-right: 25px;
}

.header__login-link svg {
  width: 40px;
  height: 30px;
  fill: #9e9e9e;
}

.menu__icon {
  cursor: pointer;
  padding: 10px 5px;
}

.menu__body {
  position: absolute;
  top: 55px;
  left: 10px;
  width: 200px;
  height: 400px;
  background: #1f1f1f;
  -webkit-transform: translate(-110%, 0);
      -ms-transform: translate(-110%, 0);
          transform: translate(-110%, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu._open .menu__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.menu._open .menu__icon span {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.menu._open .menu__icon span:first-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 1px);
}

.menu._open .menu__icon span:last-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  bottom: calc(50% - 1px);
}

.main-logo {
  font-family: "Tahoma", Roboto, sans-serif;
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.main-logo::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: none;
  background: #F59300;
}

.main-logo__title {
  font-weight: 700;
}

.main-logo__title-main {
  font-size: calc(
    17px + 8 *
      ((100vw - 320px) / 159.98)
  );
  line-height: 32px;
  white-space: nowrap;
  color: #d4d4d4;
}

.main-logo__title-main:visited {
  color: #d4d4d4;
}

.main-logo__title-motto {
  display: none;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-align: right;
  color: #d4d4d4;
}

.query-search__icon {
  margin-right: 20px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  /* @media (min-width: $md6 + px) {
  	margin-right: 20px;
  } */
}

.query-search__icon svg {
  width: 100%;
  height: 100%;
  fill: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.query-search__icon:hover svg {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  fill: #fff;
}

.query-search__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  z-index: 10;
  background-color: rgba(31, 31, 31, 0.95);
  -webkit-transform: translate(0, -110%);
      -ms-transform: translate(0, -110%);
          transform: translate(0, -110%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.query-search__form {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  margin: 0 10px;
}

.query-search__input-wrap {
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.query-search__input-wrap._focus .query-search__input {
  border-radius: 6px;
}

.query-search__btn {
  position: absolute;
  z-index: 10;
  left: 7px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 23px;
  height: 23px;
  margin-left: 1px;
  border: none;
  background-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.query-search__btn svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

.query-search__input {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  background: #1f1f1f;
  color: #fff;
  padding: 5px 72px 5px 38px !important;
  border-radius: 4px;
  border: 1px solid rgba(212, 212, 212, 0.5);
}

.query-search__input::-webkit-input-placeholder {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 24px;
  vertical-align: top;
}

.query-search__input::-moz-placeholder {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 24px;
  vertical-align: top;
}

.query-search__input:-ms-input-placeholder {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 24px;
  vertical-align: top;
}

.query-search__input::-ms-input-placeholder {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 24px;
  vertical-align: top;
}

.query-search__input::placeholder {
  color: #d4d4d4;
  font-weight: 400;
  font-size: 13.33px;
  line-height: 24px;
  vertical-align: top;
}

.query-search__input:hover {
  border-radius: 6px;
  border: 1px solid rgba(212, 212, 212, 0.5);
}

.query-search__input:required ~ .query-search__btn {
  pointer-events: auto;
}

.query-search__input:required ~ .query-search__input-arrow {
  display: block;
}

.query-search__input:invalid ~ .query-search__btn {
  pointer-events: none;
}

.query-search__input:invalid ~ .query-search__input-arrow {
  display: none;
}

.query-search__input._focus {
  background: #313131;
  border: 1px solid rgba(212, 212, 212, 0.5);
}

.query-search__input-arrow {
  cursor: pointer;
  position: absolute;
  z-index: 10;
  right: 50px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 14px;
  height: 14px;
}

.query-search__input-arrow svg {
  width: 100%;
  height: 100%;
  fill: #d4d4d4;
}

.query-search__input-arrow:hover svg {
  fill: #fff;
}

.query-search__suggestions {
  position: absolute;
  z-index: -1;
  top: 0px;
  padding-right: 10px;
  max-height: 315px;
  width: 100%;
  background: #1f1f1f;
  border: 1px solid rgba(212, 212, 212, 0.5);
  border-radius: 6px;
  padding-top: 31px;
}

.query-search__suggestions .autocomplete-suggestions {
  border-radius: 6px;
}

.query-search__suggestions .simplebar-content-wrapper {
  border-radius: 5px;
}

.query-search__suggestions .simplebar-scrollbar:before {
  background: #d4d4d4;
  opacity: 0.5;
}

.query-search__suggestions .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 33px;
}

.query-search__suggestions .simplebar-track.simplebar-horizontal {
  display: none;
  height: 0px;
}

.query-search._open .query-search__body {
  /* opacity: 1;
  visibility: visible; */
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.query-search .autocomplete-suggestions {
  position: relative;
  cursor: default;
  font-size: 16px;
  color: #d4d4d4;
  background: #1f1f1f;
  border: 0px;
  padding: 10px 0 10px;
}

.query-search .autocomplete-suggestion {
  position: relative;
  padding: 10px 15px;
  white-space: nowrap;
  line-height: 20px;
  margin-bottom: 2px;
  overflow: hidden;
}

.query-search .autocomplete-suggestion::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 35px;
  background: -o-linear-gradient(right, #1f1f1f, #1f1f1f 12px, transparent);
  background: linear-gradient(to left, #1f1f1f, #1f1f1f 12px, transparent);
}

.query-search .autocomplete-suggestion:hover::after {
  background: -o-linear-gradient(right, #4f4f4f, #4f4f4f 12px, transparent);
  background: linear-gradient(to left, #4f4f4f, #4f4f4f 12px, transparent);
}

.query-search .autocomplete-selected {
  background: #4f4f4f;
  color: #fff;
}

.query-search .autocomplete-group {
  padding: 2px 5px;
}

.query-search .autocomplete-group strong {
  display: block;
  border-bottom: 1px solid red;
}

.notify {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  font-size: 11px;
  width: 20px;
  height: 20px;
}

.notify a {
  text-decoration: underline;
}

.notify a:hover {
  text-decoration: none;
}

.notify p {
  padding: 15px;
}

.notify__icon {
  position: relative;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.notify__icon svg {
  fill: #fff;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.notify__icon:hover svg {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.notify__icon .notify-label {
  left: 50%;
  top: -4px;
  height: 22px;
  width: 22px;
  line-height: 16px;
  border: 2px solid #1f1f1f;
}

.notify__icon._empty .notify-label {
  display: none;
}

.notify__body {
  position: absolute;
  z-index: 3;
  top: 66px;
  right: 6px;
  padding: 10px;
  width: calc(100% - 10px);
  max-height: 500px;
  background: #f3f3f3;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  border-radius: 6px;
  -webkit-transform: translate(0, -7px);
      -ms-transform: translate(0, -7px);
          transform: translate(0, -7px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear, -webkit-transform 0.3s linear;
}

.notify__body::before,
.notify__body::after {
  content: "";
  position: absolute;
  z-index: 5;
  height: 10px;
  right: 0;
  left: 0;
}

.notify__body::before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), color-stop(50%, #f3f3f3), to(transparent));
  background: -o-linear-gradient(top, #f3f3f3, #f3f3f3 50%, transparent);
  background: linear-gradient(to bottom, #f3f3f3, #f3f3f3 50%, transparent);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.notify__body::after {
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), color-stop(50%, #f3f3f3), to(transparent));
  background: -o-linear-gradient(bottom, #f3f3f3, #f3f3f3 50%, transparent);
  background: linear-gradient(to top, #f3f3f3, #f3f3f3 50%, transparent);
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.notify__body .simplebar-track {
  z-index: 10;
}

.notify__body .simplebar-track.simplebar-horizontal {
  display: none;
}

.notify__body .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 65px;
  bottom: 10px;
}

.notify__inner {
  position: relative;
}

.notify__settings {
  position: absolute;
  top: 63px;
  right: 10px;
  z-index: 2;
}

.notify__settings a {
  display: block;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.notify__settings svg {
  width: 100%;
  height: 100%;
  fill: #ccc;
}

.notify__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notify__nav-item {
  cursor: pointer;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.notify__nav-item._active,
.notify__nav-item:hover {
  background: #fff;
}

.notify__nav-item._empty .notify-label {
  display: none;
}

.notify__blocks {
  padding: 5px 0 10px;
  background: #fff;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.notify__block {
  display: none;
}

.notify__block._active {
  display: block;
}

.notify__block > div:last-child {
  border-bottom: none;
}

.notify__massage {
  border-bottom: 1px solid #f3f3f3;
}

.notify__more {
  border-bottom: 1px solid #f3f3f3;
  font-weight: bold;
  padding: 15px;
  overflow: hidden;
}

.notify__more a {
  color: #6b6b6b;
}

.notify._open .notify__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.notify-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
}

.notify-note__avatar {
  padding: 5px 5px 0;
}

.notify-note__user {
  vertical-align: middle;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
}

.notify-note__user img {
  width: 48px;
  border: 0;
}

.notify-note__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 5px;
  line-height: 1.6em;
  color: #8c8c8c;
}

.notify-note__nick a {
  color: #6b6b6b;
  font-weight: bold;
}

.notify-note__comment {
  color: #000;
}

.notify-note__time {
  color: c5c5c5;
}

.usermenu__icon {
  position: relative;
  padding-right: 24px;
  cursor: pointer;
}

.usermenu__icon:hover .usermenu__avatar-img {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.usermenu__icon:hover .usermenu__avatar-icon {
  -webkit-transform: scale(1.2) translateY(25%);
      -ms-transform: scale(1.2) translateY(25%);
          transform: scale(1.2) translateY(25%);
}

.usermenu__icon:hover .usermenu__icon-arrow {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.usermenu__avatar {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.usermenu__avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usermenu__avatar-icon {
  position: absolute;
  bottom: -2px;
  right: -2px;
  z-index: 2;
  width: 15px;
  height: 14px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usermenu__icon-arrow {
  position: absolute;
  display: block;
  right: 0px;
  top: calc(50% - 10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.usermenu__body {
  position: absolute;
  z-index: 10;
  top: 64px;
  right: 6px;
  border-radius: 6px;
  background: #1f1f1f;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  font-size: 12px;
  padding: 5px 0;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear, -webkit-transform 0.3s linear;
}

.usermenu__body a,
.usermenu__body > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100vw - 50px);
  padding: 10px 12px;
  color: #d4d4d4;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.usermenu__body a:hover,
.usermenu__body > span:hover {
  background-color: #ce5209;
  color: #ffffff;
}

.usermenu__body img {
  width: 16px;
  margin-right: 0.4em;
  border: none;
  vertical-align: bottom;
}

.usermenu__body-line {
  margin: 3px 15px;
  border-bottom: 1px solid #949494;
}

.usermenu__body-switch {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 12px 10px 60px !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
  visibility: hidden;
}

.usermenu__body-switch:hover {
  background-color: #ce5209;
}

.usermenu__body-switch:hover .custom-checkbox__text {
  color: #ffffff !important;
}

.usermenu__body-switch .custom-checkbox__text {
  color: #d4d4d4;
}

.usermenu__body-switch .custom-checkbox__input + span::before {
  background: #949494;
}

.usermenu._open .usermenu__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.usermenu._open .usermenu__body-switch {
  opacity: 1;
  visibility: visible;
}

._touch .notify {
  font-size: 12px;
}

._touch .usermenu__body {
  padding: 5px 0px 5px;
  font-size: 16px;
}

._touch .usermenu__body a,
._touch .usermenu__body > span {
  padding: 15px 25px;
}

._touch .usermenu__body img {
  width: 18px;
}

input[type=text],
input[type=email],
input[type=tel],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.main {
  margin-top: 10px;
  background: #f5f5f5;
  border-radius: 8px 8px 0 0;
}

.main--quotes {
  margin-top: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  background: #e5e5e5;
}

.main--quotes * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.main--head {
  margin-top: 0;
  border-radius: 0;
}

.main--pb-50 {
  padding-bottom: 50px;
}

.main__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px 10px;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 8px 8px 0px 0px;
}

.main__head-title {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #312c26;
}

.main__list {
  margin: 0 0 20px;
  padding: 0 5px;
}

.main__item {
  margin-bottom: 10px;
  padding: 13px 15px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
  border-radius: 8px;
}

.main__item:last-child {
  margin-bottom: 0;
}

.main__post-feed {
  padding-top: 5px;
}

.main__post-back-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 15px 12px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #808080;
}

.main__post-back-link svg {
  margin-right: 6px;
}

.main__post-back-link span {
  padding-top: 4px;
  line-height: 18px;
}

.main__top-content {
  margin: 0px 0 10px;
  padding-top: 10px;
  background: #fff;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
}

.main__search {
  margin: 0px 0 0px;
  /* @media (min-width: $md3 + px) {
  	display: none;
  } */
}

.main__selectors {
  max-width: 100%;
  width: 100%;
  padding: 0 5px;
}

.main__selectors .selector-links {
  padding: 0 10px;
}

.main__apps-box {
  padding: 8px 0;
}

.main__sections-box {
  width: 100%;
  margin-top: 4px;
  padding: 0 8px;
}

.main__post-card {
  margin-bottom: 25px;
  padding: 0 5px;
}

.main__post-loader {
  margin-top: -25px;
}

.main__company-box {
  margin: 26px 0 10px;
}

.main__next-btn {
  width: calc(100% - 10px);
}

.main__forums-slider {
  margin: 25px 0;
}

.main__table {
  margin: 0 auto;
  padding: 0 5px 20px;
}

.main__themes {
  text-align: center;
  padding: 10px 0 10px 0;
}

.main__themes a {
  display: block;
  padding: 0px 10px 10px 10px;
  color: #0a5991;
  font-weight: 500;
  word-break: normal;
}

.search-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 28px;
  padding: 0 10px;
}

.search-block__form {
  position: relative;
  width: 100%;
}

.search-block__input {
  display: block;
  width: 100%;
  padding: 0 43px 0 20px;
  height: 37px;
  border: 1.5px solid #808080;
  border-radius: 8px;
  font-size: 14px;
  line-height: 34px;
}

.search-block__submit {
  position: absolute;
  right: 5px;
  top: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 37px;
  height: 37px;
  border: 0;
  background: none;
}

.search-block__submit svg {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: block;
  margin: auto;
  padding-bottom: 2px;
  width: 20px;
  height: 20px;
  fill: #808080;
}

.menu {
  font-family: Roboto, "Open Sans", Tahoma, Verdana, sans-serif;
}

.menu__icon {
  cursor: pointer;
  padding: 10px 5px;
}

.menu__body {
  position: absolute;
  top: 60px;
  left: 0px;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: calc(100vh - 51px);
  background: #202020;
  border-top: 1px solid #3F3F3F;
  -webkit-transform: translate(-200%, 0);
      -ms-transform: translate(-200%, 0);
          transform: translate(-200%, 0);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-x: hidden;
}

.menu__body .simplebar-track.simplebar-horizontal {
  display: none;
}

.menu__body .simplebar-scrollbar:before {
  right: 0;
  background: #666;
  border-radius: 0;
  opacity: 0.9;
}

.menu__body .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  width: 9px;
}

.menu__body .simplebar-track.simplebar-horizontal {
  display: none;
}

.menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  list-style: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.menu__item {
  position: relative;
  padding: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.menu__item--feeds .menu__item-title::before {
  background: #F59300;
}

.menu__item--forum .menu__item-title::before {
  background: #3FAEFF;
}

.menu__item--quotes .menu__item-title::before {
  background: #0F8C14;
}

.menu__item--stocks .menu__item-title::before {
  background: #F51010;
}

.menu__item--comb .menu__item-title::before {
  display: none;
}

.menu__item-title {
  cursor: pointer;
  font-size: 16px;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px 10px 20px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu__item-title span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.menu__item-title svg {
  width: 24px;
  height: 24px;
  fill: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu__item-title--f-size {
  font-size: 16px;
  line-height: 1.5;
}

.menu__item-title._active {
  background: #F59300;
}

.menu__item-title._active svg {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.menu__sub-list {
  display: none;
  padding-bottom: 10px;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.menu__sub-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu__link {
  display: inline-block;
  width: 100%;
  padding: 10px 20px 10px 35px;
  font-size: 16px;
  line-height: 22px;
  color: #d4d4d4;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.menu__link--bold {
  font-weight: bold;
  font-style: normal;
}

.menu._open .menu__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.menu._open .menu__icon span {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.menu._open .menu__icon span:first-child {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 1px);
}

.menu._open .menu__icon span:last-child {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  bottom: calc(50% - 1px);
}

.icon-menu {
  position: relative;
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 14px;
          flex: 0 0 14px;
  width: 14px;
  height: 12px;
  cursor: pointer;
  z-index: 5;
}

.icon-menu span {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: calc(50% - 1px);
  left: 0px;
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #d4d4d4;
}

.icon-menu span:first-child {
  top: 0px;
}

.icon-menu span:last-child {
  top: auto;
  bottom: 0px;
}

.icon-menu:hover span {
  background: #fff;
}

.alphabet__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  height: 22px;
}

.alphabet__icon span {
  display: inline-block;
  font-size: 22px;
  color: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.alphabet__icon:hover span {
  -webkit-transform: scale(1.15);
      -ms-transform: scale(1.15);
          transform: scale(1.15);
  color: #fff;
}

.alphabet__body {
  position: absolute;
  right: 0px;
  top: 111px;
  padding: 10px;
  background: #1f1f1f;
  border-radius: 6px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, -10px);
      -ms-transform: translate(0, -10px);
          transform: translate(0, -10px);
  -webkit-transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  transition: opacity 0.24s linear, -webkit-transform 0.3s linear;
  -o-transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear;
  transition: transform 0.3s linear, opacity 0.24s linear, -webkit-transform 0.3s linear;
}

.alphabet._open .alphabet__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.alphabet__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 240px;
}

.alphabet__item {
  margin: 0 3px;
}

.alphabet__item a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 54px;
  height: 30px;
  font-size: 18px;
  border-radius: 3px;
  color: #d4d4d4;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.alphabet__item a:hover {
  background-color: #F59300;
}

.alphabet._show .alphabet__icon {
  opacity: 1;
  visibility: visible;
}

.navbar {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -5px;
  padding: 0px 0px 5px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  font-size: 12px;
  line-height: 1;
  background-color: #1f1f1f;
  color: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.navbar._loading .navbar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
}

.navbar._loading .navbar__wrap,
.navbar._loading .navbar__prev {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.navbar._loading::before {
  display: none;
}

.navbar__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  max-width: none;
}

.navbar__item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0.8em;
  margin-top: 5px;
  /* &._open {
  	.navbar__drop-menu {
  		transform: translate(0, 0);
  		opacity: 1;
  		visibility: visible;
  		transition: all $t ease;
  	}
  	.navbar__down-arrow {
  		transform: scaleY(-1);
  	}
  } */
}

.navbar__item::before {
  content: ">";
  padding-bottom: 0.2em;
}

.navbar__item:first-child::before {
  display: none;
}

.navbar__item:first-child .navbar__link {
  margin-left: 0;
}

.navbar__item--out::before {
  content: "|";
}

.navbar__item--current {
  font-weight: 700;
}

.navbar__drop-link,
.navbar__link {
  margin-left: 0.8em;
  padding-bottom: 0.2em;
  color: #d4d4d4;
}

.navbar__link {
  white-space: nowrap;
}

.navbar__drop-link {
  cursor: pointer;
  white-space: nowrap;
}

.navbar__drop-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar__drop-item:hover .navbar__down-arrow {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
}

.navbar__down-arrow {
  cursor: pointer;
  display: inline-block;
  padding-left: 0.1em;
  width: 1.4em;
  height: 1.4em;
  fill: #d4d4d4;
  -webkit-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
}

.navbar__drop-menu-wrap {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.navbar__drop-menu {
  padding: 5px 0;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  background-color: #1f1f1f;
  font-size: 12px;
}

.navbar__sub-link {
  position: relative;
  display: block;
  padding: 10px 12px;
  color: #d4d4d4;
  cursor: pointer;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.navbar__sub-link::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  background: -webkit-gradient(linear, right top, left top, from(#1f1f1f), color-stop(50%, #1f1f1f), to(transparent));
  background: -o-linear-gradient(right, #1f1f1f, #1f1f1f 50%, transparent 100%);
  background: linear-gradient(to left, #1f1f1f, #1f1f1f 50%, transparent 100%);
}

.navbar__sub-link:hover {
  background-color: #ce5209;
  color: #ffffff;
}

.navbar__sub-link:hover::before {
  background: -webkit-gradient(linear, right top, left top, from(#ce5209), color-stop(50%, #ce5209), to(transparent));
  background: -o-linear-gradient(right, #ce5209, #ce5209 50%, transparent 100%);
  background: linear-gradient(to left, #ce5209, #ce5209 50%, transparent 100%);
}

.navbar__prev,
.navbar__next {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 1px);
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar__prev::before,
.navbar__next::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200%;
}

.navbar__prev svg,
.navbar__next svg {
  width: 20px;
  height: 20px;
  fill: #585858;
}

.navbar__prev:hover svg,
.navbar__next:hover svg {
  fill: #d4d4d4;
}

.navbar__prev.swiper-button-disabled,
.navbar__next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navbar__prev {
  left: 0;
  padding-right: 6px;
}

.navbar__prev::before {
  left: 0;
  border-radius: 0 30px 30px 0;
  background: -webkit-gradient(linear, left top, right top, from(#1f1f1f), color-stop(35%, #1f1f1f), to(transparent));
  background: -o-linear-gradient(left, #1f1f1f 0%, #1f1f1f 35%, transparent 100%);
  background: linear-gradient(to right, #1f1f1f 0%, #1f1f1f 35%, transparent 100%);
}

.navbar__prev svg {
  left: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.navbar__next {
  right: -1px;
  padding-left: 6px;
}

.navbar__next::before {
  right: -1px;
  border-radius: 30px 0 0 30px;
  background: -webkit-gradient(linear, right top, left top, from(#1f1f1f), color-stop(35%, #1f1f1f), to(transparent));
  background: -o-linear-gradient(right, #1f1f1f 0%, #1f1f1f 35%, transparent 100%);
  background: linear-gradient(to left, #1f1f1f 0%, #1f1f1f 35%, transparent 100%);
}

.navbar__next svg {
  right: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

._touch .navbar .navbar__drop-link {
  font-size: 14px;
}

._touch .navbar__drop-menu {
  left: 5px;
  padding: 5px 0px 5px;
  font-size: 16px;
}

._touch .navbar__sub-link {
  padding: 15px 15px;
}

.jBox-wrapper.navbar-jBox .jBox-container,
.jBox-wrapper.navbar-jBox .jBox-content,
.jBox-wrapper.navbar-jBox .jBox-pointer::after {
  background-color: #1f1f1f;
}

.jBox-wrapper.navbar-jBox .jBox-content {
  padding: 0;
  border-radius: 6px !important;
}

.jBox-wrapper.navbar-jBox .jBox-pointer-top::after {
  top: 7px;
  left: 10px;
  width: 10px;
  height: 10px;
}

.apps-box {
  font-family: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.apps-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 25%;
  max-width: 92px;
  padding: 0 17px;
  margin-bottom: 20px;
  color: #1a5d88;
}

.apps-box__icon {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  margin-bottom: 4px;
}

.apps-box__icon img,
.apps-box__icon svg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.apps-box__title {
  font-size: 14px;
  line-height: 14px;
  width: calc(100% + 30px);
  margin: 0 -15px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  text-align: center;
  white-space: nowrap;
}

.quotes {
  font-family: Roboto, Helvetica, verdana, arial, tahoma, sans-serif;
  padding: 0 10px;
  line-height: 1.6;
}

.quotes__categories {
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
}

.quotes__content {
  font-size: 14px;
}

.categories-slider {
  position: relative;
  border-bottom: 1px solid rgba(11, 84, 131, 0.34);
  padding: 0px 0px 10px 0px;
}

.categories-slider__body--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.categories-slider__body--loading .categories-slider__slide:first-child {
  font-weight: 600;
  color: #0a5991;
}

.categories-slider__slide {
  color: #929292;
}

.categories-slider__slide span {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  white-space: nowrap;
}

.categories-slider__slide.swiper-slide-thumb-active {
  font-weight: 600;
  color: #0b5483;
}

.content-slider__body--loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}

.content-slider__body--loading .content-slider__slide {
  min-width: 100%;
}

.content-slider__slide {
  overflow: hidden;
}

.slide-content--pt {
  padding-top: 1em;
}

.slide-content__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5em 0;
}

.slide-content__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slide-content__tabs-item {
  cursor: pointer;
  margin-right: 20px;
  color: #929292;
}

.slide-content__tabs-item._active {
  color: #0b5483;
  font-weight: 700;
}

.slide-content__date {
  font-weight: 400;
  color: #808080;
}

.slide-content__tabs-block {
  width: 100%;
}

.slide-content__tabs-footer {
  padding-top: 5px;
  text-align: right;
}

.slide-content__tabs-link {
  text-decoration: underline;
  color: #0a5991;
}

.slide-content__tabs-link:hover {
  color: #3b91cd;
}

.quote-leaders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.quote-leaders__growth,
.quote-leaders__decline {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  padding: 0 10px;
}

.quote-leaders__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid transparent;
}

.quote-leaders__row:hover {
  border-bottom-color: #84acc8;
}

.quote-leaders__row:hover .quote-leaders__value {
  color: #84acc8 !important;
}

.quote-leaders__name {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.quote-leaders__name a {
  color: inherit;
}

.quote-leaders__name::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(80%, #fff), to(#fff));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
}

.quote-leaders__price {
  display: none;
  width: 6em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 6em;
          flex: 0 0 6em;
  text-align: right;
}

.quote-leaders__trend {
  display: none;
  /* flex: 0 0 2em;
  width: 2em; */
  /* @media (min-width: $md3 + px) {
  	flex: 0 0 1em;
  	width: 1em;
  } */
}

.quote-leaders__value {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.5em;
          flex: 0 0 4.5em;
  width: 4.5em;
  text-align: right;
}

.quote-leaders__value--grw {
  color: #008002;
}

.quote-leaders__value--dec {
  color: #da0c00;
}

.world-indices__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid transparent;
}

.world-indices__row:hover {
  border-bottom-color: #84acc8;
}

.world-indices__row:hover .world-indices__value,
.world-indices__row:hover .world-indices__percent,
.world-indices__row:hover .world-indices__time {
  color: #84acc8 !important;
}

.world-indices__name,
.world-indices__value {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% - 8.6em) / 2);
          flex: 0 0 calc((100% - 8.6em) / 2);
  width: calc((100% - 8.6em) / 2);
}

.world-indices__name {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.world-indices__name a {
  color: inherit;
}

.world-indices__name::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(60%, #fff), to(#fff));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 60%, #fff 100%);
}

.world-indices__value {
  text-align: right;
  padding-right: 5px;
}

.world-indices__percent,
.world-indices__time {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 3.5em;
          flex: 0 0 3.5em;
  width: 3.5em;
  text-align: right;
}

.world-indices__percent {
  color: #008002;
  padding: 0 5px;
}

.world-indices__percent--negative {
  color: #da0c00;
}

.world-indices__time {
  padding-left: 5px;
}

.futures {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.futures span {
  text-align: center;
  font-size: calc(
    40px + 40 *
      ((100vw - 320px) / 671.98)
  );
  font-size: 40px;
  opacity: 0.4;
}

._tabs-block {
  display: none;
}

._tabs-block._active {
  display: block;
}

.sections-box {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sections-box--news .sections-box__swiper,
.sections-box--ec .sections-box__swiper {
  border-bottom: none;
}

.sections-box--news .sections-box__item a,
.sections-box--ec .sections-box__item a {
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0;
}

.sections-box--news .sections-box__item--active a,
.sections-box--ec .sections-box__item--active a {
  font-weight: 600;
}

.sections-box._loading .sections-box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.sections-box._loading .sections-box__prev {
  opacity: 0;
  visibility: hidden;
}

.sections-box__swiper {
  position: relative;
}

.sections-box__item {
  display: inline-block;
  line-height: 20px;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.sections-box__item:first-child a {
  margin-left: 0;
}

.sections-box__item:last-child a {
  margin-right: 40px;
}

.sections-box__item a {
  position: relative;
  margin-left: 40px;
  display: inline-block;
  padding: 14px 0;
  text-decoration: none;
  color: #585858;
  font-size: 14px;
  font-weight: 500;
}

.sections-box__item a:hover,
.sections-box__item a:active {
  color: #000;
}

.sections-box__item a:disabled {
  color: #E2E2E2;
  pointer-events: none;
}

.sections-box__item a::before {
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  height: 3px;
  background: #000;
}

.sections-box__item .notify-label {
  top: 6px;
  right: -18px;
}


.sections-box__item--premium a,
.sections-box__item--add-btn a {
  position: relative;
  padding-left: 25px;
}

.sections-box__item--premium a svg,
.sections-box__item--add-btn a svg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.sections-box__item--add-btn a svg {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.sections-box__item--add-btn.sections-box__item--active a svg {
  stroke-width: 2px;
}

.sections-box__item--active a {
  color: #000;
  pointer-events: none;
}

.sections-box__item--active a::before {
  content: "";
}

.sections-box__prev,
.sections-box__next {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 1px);
  width: 26px;
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.sections-box__prev::before,
.sections-box__next::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: -1px;
  width: 45px;
}

.sections-box__prev svg,
.sections-box__next svg {
  width: 20px;
  height: 20px;
  fill: #585858;
}

.sections-box__prev:hover svg,
.sections-box__next:hover svg {
  fill: #242424;
}

.sections-box__prev.swiper-button-disabled,
.sections-box__next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.sections-box__prev {
  left: 0;
  padding-right: 6px;
}

.sections-box__prev::before {
  left: 0;
  border-radius: 0 30px 30px 0;
  background: -webkit-gradient(linear, left top, right top, from(#fff), color-stop(35%, #fff), to(transparent));
  background: -o-linear-gradient(left, #fff 0%, #fff 35%, transparent 100%);
  background: linear-gradient(to right, #fff 0%, #fff 35%, transparent 100%);
}

.sections-box__prev svg {
  left: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.sections-box__next {
  right: -1px;
  padding-left: 6px;
}

.sections-box__next::before {
  right: -1px;
  border-radius: 30px 0 0 30px;
  background: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(35%, #fff), to(transparent));
  background: -o-linear-gradient(right, #fff 0%, #fff 35%, transparent 100%);
  background: linear-gradient(to left, #fff 0%, #fff 35%, transparent 100%);
}

.sections-box__next svg {
  right: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.post-card {
  font-family: inherit;
  max-width: 100%;
  padding: 14px 10px 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
}

.post-card,
.post-card * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.post-card img {
  max-width: 100%;
  width: auto;
  height: auto;
}

.post-card--prev {
  /* .post-card__text {
          text-align: justify;
      } */
}

.post-card--post {
  border-radius: 0 0 8px 8px;
}

.post-card--post .post-card__text {
  margin-bottom: 1em;
}

.post-card--premium {
  padding-bottom: 0;
  border-radius: 8px 8px 0 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.post-card--no-text-more .post-card__text-more {
  display: none;
}

.post-card--no-text-more .post-card__text {
  margin-bottom: 1.5em;
}

.post-card__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}

.post-card__header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 150px;
  max-width: 100%;
}

.post-card__header-inner--with-full-menu {
  width: calc(100% - 114px);
}

.post-card__header-inner--with-moderator-menu {
  width: calc(100% - 60px - 45px);
}

.post-card__header-inner--with-moderator-menu .post-card__subscription {
  display: none;
}

.post-card__header-inner--post {
  width: calc(100% - 80px);
}

.post-card__header-inner--blog {
  width: calc(100% - 24px);
}

.post-card__menu--blog {
  margin-right: -10px;
}

.post-card__menu--post {
  margin-right: 10px;
}

.post-card__menu--post:last-child {
  margin-right: 0;
}

.post-card__menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 34px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.post-card__menu-btn--post {
  width: 22px;
  height: 22px;
}

.post-card__menu-btn--head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  height: auto;
  padding: 8px 16px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}

.post-card__menu-btn--head svg {
  display: none;
}

.post-card__menu-btn--head span {
  display: inline;
}

.post-card__menu-btn--ml {
  margin-left: 12px;
}

.post-card__menu-btn svg {
  fill: #808080;
}

.post-card__subscription {
  display: none;
  margin: 0 12px 0 10px;
}

.post-card__menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  top: 10px;
}

.post-card__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
}

.post-card__menu-item svg {
  margin-right: 8px;
  fill: #312c26;
}

.post-card__menu-item--blue svg {
  fill: #0b5483 !important;
}

.post-card__photo-wrap {
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 54px;
  height: 54px;
  border-radius: 50%;
}

.post-card__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #e7e7e7;
  -o-object-fit: cover;
     object-fit: cover;
  background: #fff;
}

.post-card__photo--not-border {
  border: 0;
}

.post-card__info {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: calc(100% - 64px);
}

.post-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-card__name-link,
.post-card__blog-link,
.post-card__date {
  display: block;
  max-width: 100%;
  line-height: 20px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.post-card__name-link {
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #479cd3;
}

.post-card__approved {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 4px;
}

.post-card__blog-link {
  font-size: 14px;
  text-decoration: none;
  color: #808080;
}

.post-card__date {
  font-size: 12px;
  color: #808080;
}

.post-card__body-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 18px;
}

.post-card__date-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  line-height: 16px;
  color: #808080;
}

.post-card__subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -9px 0 -9px 24px;
  width: 136px;
  height: 34px;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  background: #479cd3;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
  border-radius: 6px;
  white-space: nowrap;
  cursor: pointer;
}

.post-card__subscribe.favorited {
  background: #008243;
}

.post-card__body {
  position: relative;
}

.post-card__title-wrap {
  position: relative;
  line-height: 34px;
}

.post-card__book-review {
  margin-bottom: 15px;
}

.post-card__title-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 22px;
  height: 22px;
  margin: 0;
  padding-bottom: 3px;
  vertical-align: middle;
}

.post-card__title {
  margin: 0 0 7px;
  letter-spacing: 0.0125em;
  color: #312c26;
  font-weight: 800;
  font-size: 22px;
  line-height: 130%;
  overflow: hidden;
}

.post-card__title--blog,
.post-card__title--post,
.post-card__title--premium {
  margin-bottom: 15px;
}

.post-card__title-link {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-decoration: none;
  word-break: normal;
}

.post-card__text {
  width: 100%;
  margin-bottom: -0.5em;
  font-size: 16px;
  line-height: 150%;
  color: #312c26;
  word-break: break-word;
}

.post-card__text h3 {
  font-size: 20px;
  font-weight: 600;
  padding: 6px 0;
}

.post-card__text p {
  padding: 5px 0;
}

.post-card__text ol,
.post-card__text ul {
  padding-left: 20px;
}

.post-card__text ul li {
  list-style: disc;
}

.post-card__text a,
.post-card__text a:active,
.post-card__text a:visited {
  color: #479cd3;
  word-break: break-word;
}

.post-card__text pre {
  overflow-x: auto;
}

.post-card__text--blog {
  margin-bottom: 1em;
}

.post-card__text--premium {
  position: relative;
  margin-bottom: 0 !important;
}

.post-card__text--premium::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  left: -10px;
  height: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#f1f1f1));
  background: -o-linear-gradient(top, transparent, #f1f1f1);
  background: linear-gradient(to bottom, transparent, #f1f1f1);
}

.post-card__text-stopper {
  display: inline-block;
  width: 6.45em;
}

.post-card__text-more {
  display: block;
  color: #479cd3;
  font-weight: 500;
  text-align: right;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.post-card__video {
  position: relative;
  margin: 15px -10px;
  width: calc(100% + 20px);
  padding-bottom: 56.25%;
}

.post-card__video-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-card__video-inner > frame {
  width: 100% !important;
  height: 100% !important;
}

.post-card__img {
  display: block;
  margin: 15px -10px;
  width: calc(100% + 20px);
}

.post-card__img img {
  width: 100%;
  height: auto;
}

.post-card__table {
  max-width: 100%;
  overflow-x: auto;
}

.post-card__tags .post-card__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}

.post-card__tags {
  margin-bottom: 9px;
}

.post-card__labels {
  margin-bottom: 18px;
}

.post-card__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-top: 1px solid #e0e0e0;
}

.post-card__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  height: 40px;
  margin-right: 16px;
  background: none;
  border: 0;
  color: #808080;
}

.post-card__btn:last-child {
  margin-right: 0;
}

.post-card__btn--left {
  justify-self: flex-start;
  margin-right: auto;
}

.post-card__btn--simple {
  margin-right: 20px;
}

.post-card__btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: #fff;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.post-card__btn--favorite svg,
.post-card__btn--comment svg,
.post-card__btn--like svg {
  fill: transparent;
  stroke: currentColor;
}

.post-card__btn--favorite.post-card__btn--active svg,
.post-card__btn--favorite:hover svg {
  fill: #eed600 !important;
  stroke: #eed600;
}

.post-card__btn--comment.post-card__btn--active svg,
.post-card__btn--comment:hover svg {
  fill: #808080 !important;
  stroke: #808080;
}

.post-card__btn--like.post-card__btn--active svg,
.post-card__btn--like:hover svg {
  fill: #f20000 !important;
  stroke: #f20000;
}

.post-card__btn:disabled {
  pointer-events: none;
}

.post-card__btn.views {
  display: none;
}

.post-card__btns-count {
  margin: 0 6px;
  font-size: 12px;
  line-height: 20px;
}

.post-card__link {
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.post-card__subscribe-box {
  margin: 0 -10px;
}

.post-card__lock-text {
  margin: 0 0 16px;
}

.lock-card {
  padding: 15px;
  background: #f1f1f1;
  border: 1px solid #cccccc;
  border-radius: 8px;
  color: #312c26;
  text-align: left;
}

.lock-card__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 20px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
}

.lock-card__title svg {
  margin: -2px 0.25em;
  fill: #312c26;
}

.lock-card__text {
  font-size: 14px;
  line-height: 17px;
}

.lock-card__link {
  color: #0a51bc;
}

.subscribe-box {
  background: #f1f1f1;
  padding-top: 60px;
}

.subscribe-box__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.0125em;
  color: #383838;
}

.subscribe-box__title span {
  white-space: nowrap;
}

.subscribe-box__title svg {
  position: relative;
  top: 3px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.subscribe-box__tarif-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.subscribe-box__link-wrap {
  margin-bottom: 16px;
  padding: 10px;
  text-align: center;
}

.subscribe-box__link-wrap button {
  max-width: 558px;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.5);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.5);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.subscribe-box__link-wrap button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.subscribe-box__link-wrap a {
  display: inline-block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.0125em;
  color: #808080;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 1px solid #808080;
}

.subscribe-box__link-wrap a:hover {
  color: #8f8f8f;
  border-color: #a6a6a6;
}

.subscribe-box__footer {
  padding: 0 20px 32px;
  font-size: 16px;
  line-height: 20px;
  background: #ffffff;
  border-radius: 8px 8px 0px 0px;
}

.tarif-card {
  max-width: 580px;
  width: 100%;
  min-width: 300px;
  padding: 10px;
  color: #323232;
  font-size: 14px;
  line-height: 16px;
}

.tarif-card__body {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 10px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  margin-bottom: 10px;
  text-decoration: none;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tarif-card__body:hover {
  border-color: rgba(245, 144, 13, 0.87);
}

.tarif-card__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}

.tarif-card__title {
  line-height: 24px;
  font-weight: 500;
  text-align: center;
}

.tarif-card__title span {
  border-bottom: 1px solid #f5900d;
}

.tarif-card__inner {
  text-align: center;
  padding: 10px 0 5px;
}

.tarif-card__current-price {
  font-size: 22px;
  font-weight: 600;
}

.tarif-card__period {
  color: #434343;
}

.tarif-card__show-info {
  position: relative;
  z-index: 5;
  display: block;
  margin: 10px 0 0 auto;
  padding: 0 5px;
  color: #7e7e7e;
  font-size: 13px;
  line-height: 16px;
  border: 0;
  border-bottom: 1px solid #d6d6d6;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.tarif-card__show-info:hover {
  color: #bababa;
}

._touch .post-card__menu-btn--head {
  padding: 8px;
}

._touch .post-card__menu-btn--head svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  fill: #ffffff !important;
}

._touch .post-card__menu-btn--head span {
  display: none;
}

.post-head {
  position: relative;
  width: 100%;
  margin: 0 0 calc(
    10px + 15 *
      ((100vw - 360px) / 407.98)
  );
}

.post-head:hover .post-head__menu {
  opacity: 1;
  visibility: visible;
}

.post-head__img {
  width: 100%;
}

.post-head__menu {
  position: absolute;
  z-index: 3;
  top: calc(
    5px + 15 *
      ((100vw - 360px) / 407.98)
  );
  right: calc(
    5px + 15 *
      ((100vw - 360px) / 407.98)
  );
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.post-head__menu .context-menu__list {
  padding: 8px 0;
  top: calc(100% + 5px);
  border-radius: 8px;
}

._touch .post-head__menu {
  opacity: 1;
  visibility: visible;
}

.company-box {
  width: 100%;
  padding: 0 10px;
}

.company-box__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -7px;
}

.company-box__item {
  width: 20%;
  /*@media (min-width: 518px) {
      width: 12.5%;
  }
  @media (min-width: 582px) {
      width: 11.11%;
  }
  @media (min-width: 646px) {
      width: 10%;
  } */
}

.company-box__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 11%;
}

.company-box__img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}

.post-page {
  background: #f5f5f5;
}

.post-page--round {
  margin-top: 10px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.post-page--head {
  margin-top: 0;
  border-radius: 0;
}

.post-page__banner {
  width: 100%;
  min-height: 250px;
}

.post-page__banner--bottom {
  margin-bottom: 1em;
}

.post-page__banner-img {
  width: 100%;
}

.post-page__info--blog {
  margin-bottom: 12px;
}

.post-page__comments {
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
}

.post-history .post-card {
  padding: 0;
}

.post-history__item {
  margin-bottom: 8px;
  padding: 15px 15px 15px 15px;
}

.post-history__item:last-child {
  margin-bottom: 0;
}

.post-history__item-title {
  display: block;
  margin-bottom: 10px;
  color: #383838;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.2px;
  word-break: normal;
}

.post-history__item-title:hover {
  text-decoration: underline;
}

.post-history__item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.post-history__item-data {
  font-size: 13px;
  letter-spacing: 0.26px;
  color: #808080;
}

.post-history__item-fav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-history__item-fav .post-card__btn {
  height: auto;
}

.post-history__item-fav .post-card__btn:not(:last-child) {
  margin-right: 10px;
}

.post-history__item-fav .post-card__btns-count {
  margin: 0 4px;
  line-height: 14px;
}

.user-info {
  font-family: inherit;
  position: relative;
  text-align: center;
  /* @media (min-width: $md3 + px) {
      text-align: left;
  } */
}

.user-info__menu {
  position: absolute;
  top: 23px;
  right: 5px;
}

.user-info__menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
}

.user-info__menu-btn svg {
  margin: auto;
  fill: #0b5483;
}

.user-info__wrap {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  padding: 22px 15px 28px;
  overflow: hidden;
}

.user-info__wrap--blog {
  padding: 22px 30px 28px 15px;
}

.user-info__photo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 150px;
  margin-right: 25px;
  /* @media (min-width: $md3 + px) {
      margin-right: 100px;
  } */
}

.user-info__img-wrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 130px;
          flex: 0 0 130px;
  width: 130px;
  height: 130px;
  border: 4px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
}

.user-info__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-info__tg-link-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  margin-top: 14px;
}

.user-info__tg-link-wrap svg {
  margin-right: 5px;
  fill: #479cd3;
}

.user-info__tg-link {
  padding-top: 1px;
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.02em;
  color: #479cd3;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.user-info__box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-width: calc(100% - 175px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.user-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.user-info__name {
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 13px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #0b5483;
  text-align: left;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.user-info__address,
.user-info__subscribers,
.user-info__rating,
.user-info__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 100%;
  margin-bottom: 13px;
  font-weight: 500;
  font-size: 14px;
  line-height: 13px;
  color: #312c26;
}

.user-info__address svg,
.user-info__subscribers svg,
.user-info__rating svg,
.user-info__date svg {
  margin-right: 5px;
}

.user-info__address span,
.user-info__subscribers span,
.user-info__rating span,
.user-info__date span {
  display: block;
  max-width: calc(100% - 20px);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.user-info__address {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.user-info__subscribers {
  margin-right: 16px;
}

.user-info__subscrib-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin: 7px auto 0 0;
  padding: 7px 21px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  background: #479cd3;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
  border-radius: 6px;
  white-space: nowrap;
}

.user-info__subscrib-btn.favorited {
  background: #008243;
}

.comments {
  padding: 12px 15px;
  color: #312c26;
  background: #ffffff;
}

.comments--lock {
  padding-bottom: 40px;
}

.comments__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}

.comments__title {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #808080;
}

.comments__filter {
  font-size: 14px;
}

.comments__filter._open .comments__filter-btn svg {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.comments__filter-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #479cd3;
}

.comments__filter-btn svg {
  fill: #479cd3;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.comments__filter-item {
  position: relative;
  padding-left: 30px;
}

.comments__filter-item--active {
  pointer-events: none;
}

.comments__filter-item--active::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 6px;
  width: 20px;
  height: 20px;
  background: no-repeat, center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.49993 13.5003L3.99993 10.0003L2.83327 11.167L7.49993 15.8337L17.4999 5.83366L16.3333 4.66699L7.49993 13.5003Z' fill='%23808080'/%3E%3C/svg%3E");
}

.comments__list > .comments__item > .comments__answers {
  padding-left: 15px;
  border-left: 1px solid #aaaaaa;
}

.comments__item {
  margin-top: 30px;
}

.comments__item:first-child {
  margin-top: 0;
}

.comments__content--author .comments__text,
.comments__content--new .comments__text,
.comments__content--self .comments__text {
  padding: 12px;
  border-radius: 4px;
}

.comments__content--author .comments__text {
  border-left: 2px solid #fdae02;
  background: rgba(253, 174, 2, 0.1);
}

.comments__content--new .comments__text {
  border-left: 2px solid #69913b;
  background: rgba(105, 145, 59, 0.1);
}

.comments__content--self .comments__text {
  border-left: 2px solid #479cd3;
  background: rgba(205, 205, 205, 0.18);
}

.comments__pinned-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: 8px;
}

.comments__pinned-label svg {
  margin: 0 4px 2px 0;
  fill: #808080;
}

.comments__pinned-label span {
  padding-top: 2px;
  color: #808080;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
}

.comments__person {
  margin-bottom: 8px;
}

.comments__text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 8px;
}

.comments__text p {
  margin-bottom: 8px;
}

.comments__text p:last-child {
  margin-bottom: 0;
}

.comments__text img {
  max-width: 100%;
}

.comments__text a {
  word-break: break-word;
}

.comments__text a,
.comments__text a:visited,
.comments__text a:active {
  color: #479cd3;
}

.comments__text blockquote {
  padding: 12px;
  border-radius: 4px;
  border-left: 2px solid #595959;
  background: rgba(121, 121, 121, 0.1);
  margin-bottom: 8px;
}

.comments__text blockquote::before,
.comments__text blockquote::after {
  font-size: 16px;
  line-height: 20px;
}

.comments__text blockquote::before {
  content: "„";
}

.comments__text blockquote::after {
  content: " ‟";
}

.comments__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.comments__reply,
.comments__like,
.comments__dislike {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  background: none;
  border: 0;
  cursor: pointer;
  color: #808080;
}

.comments__reply svg,
.comments__like svg,
.comments__dislike svg {
  fill: transparent;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.comments__reply {
  margin-right: 24px;
}

.comments__reply:hover svg {
  fill: #808080;
}

.comments__like:hover,
.comments__like--marked {
  color: transparent;
}

.comments__like:hover svg,
.comments__like--marked svg {
  fill: #008000;
  stroke: #fff;
}

.comments__fan {
  font-size: 14px;
  line-height: 24px;
  color: #808080;
  padding: 0 10px;
}

.comments__dislike:hover,
.comments__dislike--marked {
  color: transparent;
}

.comments__dislike:hover svg,
.comments__dislike--marked svg {
  fill: #000000;
  stroke: #fff;
}

.comments__show-answers {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 3px 10px;
  border-radius: 8px;
  color: #312c26;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  background-color: transparent;
  -webkit-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}

.comments__show-answers:hover {
  background-color: rgba(0, 11, 33, 0.06);
}

.comments__show-answers::before {
  content: "";
  display: block;
  width: 20px;
  height: 1px;
  background-color: #aaaaaa;
}

.comments__show-answers:active:not(:disabled) {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.comments__show-others {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 16px 11px;
  border-radius: 12px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  background-color: rgba(0, 11, 33, 0.06);
  -webkit-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
  transition: background-color 0.1s ease;
}

.comments__show-others:hover {
  background-color: rgba(0, 11, 33, 0.1);
}

.comments__show-others:active:not(:disabled) {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.comments__answers {
  /* padding-left: 15px;
  border-left: 1px solid #aaaaaa; */
}

.comments__answers .comments__item {
  margin-top: 16px;
}

.comments__answers--hidden {
  display: none;
}

.comments__footer {
  margin-top: 42px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 9px;
  border: 1px solid #808080;
  border-radius: 8px;
  background: #f9f9f9;
  -webkit-box-shadow: inset 0px 0px 6px rgb(117, 117, 117);
          box-shadow: inset 0px 0px 6px rgb(117, 117, 117);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.comments__footer:hover {
  background: #fff;
  border-color: #414141;
  -webkit-box-shadow: inset 0px 0px 6px rgb(117, 117, 117);
          box-shadow: inset 0px 0px 6px rgb(117, 117, 117);
}

.comments__footer._focus {
  border-color: #414141;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.comments__footer._loading {
  position: relative;
  pointer-events: none;
  overflow: visible !important;
}

.comments__footer._loading::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.7) no-repeat center/42px url();
}

.comments__textarea {
  width: 100%;
  height: 80px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
  resize: none;
  background: transparent;
}

.comments__textarea::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comments__textarea::-moz-placeholder {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  -moz-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comments__textarea:-ms-input-placeholder {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comments__textarea::-ms-input-placeholder {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  -ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comments__textarea::placeholder {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.comments__textarea:required ~ button {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}

.comments__textarea:invalid ~ button {
  pointer-events: none;
  opacity: 0.7;
  cursor: default;
}

.comments__textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.comments__textarea:focus::-moz-placeholder {
  color: transparent;
}

.comments__textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.comments__textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.comments__textarea:focus::placeholder {
  color: transparent;
}

.comments__add-img {
  cursor: pointer;
  -ms-grid-column-align: start;
      justify-self: start;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 11C22 10.3925 21.5075 9.9 20.9 9.9C20.2925 9.9 19.8 10.3925 19.8 11H22ZM11 2.2C11.6075 2.2 12.1 1.70751 12.1 1.1C12.1 0.492487 11.6075 0 11 0V2.2ZM19.25 19.8H2.75V22H19.25V19.8ZM2.2 19.25V2.75H0V19.25H2.2ZM19.8 11V19.25H22V11H19.8ZM2.75 2.2H11V0H2.75V2.2ZM2.75 19.8C2.44625 19.8 2.2 19.5538 2.2 19.25H0C0 20.7688 1.23121 22 2.75 22V19.8ZM19.25 22C20.7688 22 22 20.7688 22 19.25H19.8C19.8 19.5538 19.5538 19.8 19.25 19.8V22ZM2.2 2.75C2.2 2.44625 2.44624 2.2 2.75 2.2V0C1.23122 0 0 1.23121 0 2.75H2.2Z' fill='%23808080'/%3E%3Cpath d='M1.1 17.05L6.9812 11.6589C7.39139 11.2829 8.01784 11.2724 8.44035 11.6346L15.4 17.6' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2 14.85L15.8254 12.2246C16.2125 11.8376 16.8253 11.794 17.2632 12.1225L20.9 14.85' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3 4.40002H20.9' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6 1.09998V7.69998' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.comments__submit-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  padding: 10px 16px;
  background: #479cd3;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
  border: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

[tid] .post-card__text img[alt=flag_icon] {
  margin: 0;
  height: 13px;
}

.person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.person--big .person__avatar-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  width: 48px;
  height: 48px;
}

.person--big .person__name-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.person--people .person__avatar {
  position: relative;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0;
}

.person--people .person__name-link {
  color: #383838;
}

.person--people .person__info {
  width: calc(100% - 102px);
}

.person__avatar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  width: 40px;
  height: 40px;
  margin: 0 12px 0 0;
  border-radius: 50%;
  background: no-repeat center/100% url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAqACoDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD++68vIbKEzTE4+6iLgySyEErHGpI3McE9QqqC7lUVmAByM+oX963zStbxHG23t3ZOP9uddssjcc7TEhHHlkHJAKYs4ycvGpPHzsoZuOuXOWJ98k+/egCxDLeWZBt55VA/5YuzTQnH8JidiFzjnyTE+OA4oA6fTdTS+Uo6iK6QZeIHKsucebCxwWTJAYEBo2IVgQUdwDVoA4m/mN7fyN1jtme2hHYbWCzP9ZJEZSRwYkT/AGqAOf8AFevW/hDwvrniW6iM8Wj6dPeeQGKG5nC7bS13kN5YubloofMKP5fmb9rbcMAfmvrPxo+Jes6pLqZ8W6vpu6V5IbDSLyfTtNtoyxKQJaW7pHOkSkIHvBczyABppZHyxAPuH4FfEG8+Ing+SXWG83XtDujp+qXQhihS+WRTPZXojgRIUeSDMFxGiKPPt3mVY45kRAD12TfbypNCcTQsJIyf7wGNr9trqWicD+FjznBoA7iG6hmhimVwFljSVQTyFkUOAfcA80AcJZsTHGW5ZgGOc8swy3sTuLfMc8896APNvj2btfhF4t+x232ktBpy3Kru3Q2n9rWP2i4VEGX+zovmSH7scIkmchI2oA/LugD7h/ZCe7Nh45ia2xp63WiSJdncN920OoJLbJkFG8qEQyvtIZDNGHyJUwAfWtxj8Tzx1z/TnHH5UAc5JPcrI6orbVdlXA42gkDHHpQB0MsJtLy4tiMKkrSR+8MpZ4yM5JChmizn78bDg0AQ6sulXOiataa3LDHo13pt7aaq9zKsEC6fc28sF2ZZnZViUwSOC5YbSScg4NAH4/alHZRajfxabNLc6dFe3UdhcTqqTT2STyLazTIoCrLLAI3kVQFV2IAwKAP0q/Z7g8PWXwu0UaBefapLuSe+10s0fnxa7NsivbeaFGYwrbx28Fva7wGuLOK3uiv77NAHrVw/ZQWZiFRV5Z3YhVQD+8zFUAwCScd80AdLBolosMKzLvlWKNZXBGGkCAOw+XozZP40AM1/SZ9TsbhdPul0/VRbTx2F88AuYoJpIyInnti8a3EccuyURl0+ZcbgrOrAH5afFzQPi1o+pyx+P7rWtVsxKTaaiZZ5tClXLbHtoogtjYyMNxNuIYHyHKiRB5hAPF6AOu8GWHjS/wBXij8DR64dWJVBNoktzbSQq5wDc3kDxR20DEEFrmaOFvuknOCAfqf8MPDXi7S/Dunt8QNWj1rxCm6XckMcf2RHVfKt7iWIIt7cW43j7UYo2JcmQSSoJqAPU6ACgCreW9vc28sdzBDcRmOTMc8SSocoQcpIrKcjg8dKAPBNR8E+DJb/AM2Xwj4Ykk3sfMk0DSnfO4872tC2fxoA9i8Nabp2n2CJYWFlYoCQEs7WC2UDpgLDGgAwAOB0AHSgDo6ACgD/2Q==);
}

.person__avatar {
  width: 100%;
  height: 100%;
  border: 1px solid #f1f1f1;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.person__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% - 76px);
}

.person__name,
.person__date {
  max-width: 100%;
  overflow: hidden;
}

.person__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100% - 15px);
}

.person__name-link,
.person__date {
  line-height: 20px;
  text-decoration: none;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.person__name-link {
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: #479cd3;
}

.person__label {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  margin-left: 6px;
}

.person__label svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.person__date {
  color: #808080;
  font-size: 12px;
}

.person__menu {
  font-size: 14px;
}

.person__btn {
  margin: 0 0 0 10px;
}

.person__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  overflow: hidden;
  margin-top: 5px;
}

.person__subscribers,
.person__rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-weight: 500;
  font-size: 14px;
  line-height: 13px;
  letter-spacing: 0.02em;
}

.person__subscribers svg,
.person__rating svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 3px;
}

.person__subscribers {
  color: #808080;
}

.person__rating {
  color: #5EA226;
}

.lock-comments {
  margin: 0 auto;
  line-height: 20px;
}

.lock-comments__info {
  padding: 20px 0;
  letter-spacing: 0.02em;
  color: #808080;
  font-weight: 600;
}

.lock-comments__card {
  display: block;
  width: 100%;
  padding: 15px;
  background: #f1f1f1;
  border: 0.5px solid #cccccc;
  border-radius: 8px;
  color: #312c26;
  font-size: 16px;
  text-align: left;
}

.lock-comments__card span {
  color: #013db2;
  word-break: normal;
}

.footer-mob {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  margin-top: 30px;
}

.footer-mob--no-banners {
  margin-top: 0;
}

.footer-mob--no-banners .footer-mob__banners {
  display: none;
}

.footer-mob--news,
.footer-mob--mt-none {
  margin-top: 0;
}

.footer-mob__banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 15px;
}

.footer-mob__banner {
  margin-bottom: 15px;
}

.footer-mob__banner:last-child {
  margin: 0;
}

.footer-mob__banner a {
  word-break: keep-all;
}

.footer-mob__banner-best,
.footer-mob__banner-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  width: 290px;
  min-height: 50px;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.footer-mob__banner-best {
  background: #459fcc;
}

.footer-mob__banner-best svg {
  margin-right: 7px;
  width: 1em;
  height: 1em;
  fill: #fff;
}

.footer-mob__banner-choice {
  background: #d14029;
}

.footer-mob__buttons {
  padding: 30px 15px;
  background: #2d2d2d;
}

.footer-mob__social-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 30px;
  padding: 0 20px;
}

.footer-mob__social-item {
  margin-right: 20px;
}

.footer-mob__social-item:last-child {
  margin-right: 0;
}

.footer-mob__link-box {
  margin: 14px 0;
  padding-left: 20px;
}

.footer-mob__links-item {
  margin-bottom: 30px;
}

.footer-mob__link {
  font-size: 14px;
  line-height: 135%;
  color: #dadada;
}

.footer-mob__copy {
  padding-top: 30px;
}

.footer-mob__copy-txt {
  text-align: right;
  font-size: 12px;
  line-height: 135%;
  color: #8c8c8b;
}

.footer-mob__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px 0px;
}

.footer-mob__moex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  margin-right: auto;
  width: 100%;
}

.footer-mob__moex img {
  width: 32px;
  height: 32px;
}

.footer-mob__moex-text {
  margin-left: 0.5em;
}

.footer-mob__moex-text a {
  color: #4eadff;
}

.footer-mob__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-top: 20px;
}

.app-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.app-box__title {
  width: 100%;
  margin-bottom: 14px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.app-box__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 0;
}

.app-box__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 135px;
  margin: 0 15px;
}

.app-box__img {
  width: 100%;
}

.telegram-btn,
.vk-btn,
.instagram-btn,
.youtube-btn,
.facebook-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}

.telegram-btn svg,
.vk-btn svg,
.instagram-btn svg,
.youtube-btn svg,
.facebook-btn svg {
  width: 16px;
  height: 16px;
  fill: #fff;
}

.telegram-btn {
  background: #459FCC;
}

.vk-btn {
  background: #527493;
}

.instagram-btn {
  background: #C14A97;
}

.youtube-btn {
  background: #CA4322;
}

.facebook-btn {
  background: #405C94;
}

.forums-slider {
  padding: 0 10px;
}

.forums-slider__title {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #0b5483;
}

.forums-slider__slide {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.forums-slider__slide-inner {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}

.forums-slider__link {
  position: absolute;
  top: 0;
  height: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.forums-slider__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}

.forums-slider__label {
  position: absolute;
  top: 0;
  right: -5px;
  width: 22px;
  height: 22px;
  overflow: hidden;
  font-size: 10px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  font-weight: 500;
  background: #E22E2D;
  border-radius: 50%;
}

.arrow-to-top {
  display: none;
}

.right-panel .arrow-to-top {
  left: calc((100vw - 768px) / 2 - 65px);
  /*     @media (min-width: 1600px) { 
      $left-field: calc((100vw - 768px)/2);
      left: calc($left-field + 768px + (($left-field - 300px - 50px)/3));
  } */
}

.right-panel-wide .arrow-to-top {
  bottom: 15px;
  left: 15px;
}

/* .right-panel .arrow-to-top {
    @media (min-width: 1080px) {
        left: calc((100vw - 768px)/4 - 25px);
    }

    @media (min-width: 1220px) {
        left: calc((100vw - 768px - 320px)/4 - 25px);
    }

    @media (min-width: 1400px) { 
       left: 50px;
    }
} */

.moderation-pop-up {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  color: #000;
  /*  Дополнительные изменения от Владимира */
}

.moderation-pop-up__close {
  right: 16px;
}

.moderation-pop-up__body {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  min-height: 101%;
}

.moderation-pop-up__title,
.moderation-pop-up__sub-title {
  width: 100%;
  font-size: 18px;
}

.moderation-pop-up__title {
  border-bottom: 1px solid #d4d4d4;
  font-weight: 600 !important;
  color: #0b5483 !important;
}

.moderation-pop-up__sub-title {
  padding: 0 0 14px 0;
  font-weight: 500;
}

.moderation-pop-up__sub-title--mt {
  margin-top: 8px;
}

.moderation-pop-up__inner {
  position: relative;
  padding: 18px 15px !important;
}

.moderation-pop-up__left-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 310px;
}

.moderation-pop-up__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.moderation-pop-up__btns-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 18px;
}

.moderation-pop-up__btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 9px);
          flex: 0 0 calc(50% - 9px);
  font-weight: 600;
}

.moderation-pop-up__btn--wide {
  width: 100%;
}

.moderation-pop-up__btn:active {
  color: #fff;
}

.moderation-pop-up__spollers {
  max-width: 310px;
  position: relative;
  padding: 68px 0 0;
}

.moderation-pop-up__spollers-inner {
  width: 100%;
}

.moderation-pop-up__spoller {
  position: absolute;
  top: 0;
  width: calc(50% - 10px);
}

.moderation-pop-up__spoller svg {
  margin-left: 20px;
}

.moderation-pop-up__spoller--left {
  left: 0;
}

.moderation-pop-up__spoller--rigth {
  right: 0;
}

.moderation-pop-up__spoller._active {
  background: #80acc9;
}

.moderation-pop-up__spoller._active svg {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.moderation-pop-up__settings {
  display: none;
  max-width: 310px;
}

.moderation-pop-up__save-setting {
  width: 100%;
}

.moderation-pop-up__extra-tags {
  max-width: 310px;
}

.moderation-pop-up__tags {
  max-width: 310px;
  margin-bottom: 26px;
}

.moderation-pop-up__extra-tags-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0px -7.5px 32px;
}

.moderation-pop-up__tags-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 14px;
}

.moderation-pop-up__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20%;
  padding: 7.5px;
}

.moderation-pop-up__tag button {
  width: 100%;
  margin: 0;
}

.moderation-pop-up__companies {
  max-width: 310px;
}

.moderation-pop-up__search {
  width: 100%;
  margin: 0px 0px 0px 0px;
  color: inherit;
  font-size: 14px;
}

.moderation-pop-up__search-wrapper {
  position: relative;
  margin: 0 0 14px;
}

.moderation-pop-up__search-results {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

.moderation-pop-up__search-results .autocomplete-suggestion {
  cursor: pointer;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  text-align: left;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
  padding: 7px 14px 5px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.moderation-pop-up__search-results .autocomplete-suggestion.autocomplete-selected {
  background: #f0f0f0;
  color: #000;
}

.moderation-pop-up__save {
  width: 100%;
}

.moderation-settings__wrap {
  padding-bottom: 30px;
}

.moderation-settings__inner {
  padding-left: 18px;
  border-left: 1px solid #176ca4;
}

.moderation-settings__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.moderation-settings__row:not(:last-child) {
  margin-bottom: 18px;
}

.moderation-settings__title {
  width: 81px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}

.moderation-settings__col {
  width: 100%;
}

.moderation-settings__heading {
  width: 100%;
  margin-top: 12px;
  padding: 6px 14px;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  resize: none;
  min-height: 34px;
  height: 34px;
  max-height: 256px;
  -webkit-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.moderation-settings__check-row:not(:last-child) {
  margin-bottom: 12px;
}

.custom-checkbox {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 0 0 26px;
  color: inherit;
  line-height: 17px;
}

.custom-checkbox .custom-checkbox__text
{
  line-height: 1.5em;
}

.custom-checkbox .custom-checkbox__text a {
  text-decoration: underline;
}

.custom-checkbox input,
.custom-checkbox__input {
  position: absolute;
  z-index: -1000;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.custom-checkbox input + span,
.custom-checkbox__input + span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #323232;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-checkbox input + span::before,
.custom-checkbox__input + span::before {
  content: "";
  position: absolute;
  left: -26px;
  top: 0px;
  display: block;
  width: 18px;
  height: 18px;
  background: center/100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect x='0.3' y='0.3' width='17.4' height='17.4' rx='3.7' fill='white' stroke='%23A5A5A5' stroke-width='0.6'/%3E%3C/svg%3E");
}

.custom-checkbox input:checked + span::before,
.custom-checkbox__input:checked + span::before {
  background: center/100% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_1321_6)'%3E%3Cpath d='M0 4C0 1.79086 1.79086 0 4 0H14C16.2091 0 18 1.79086 18 4V14C18 16.2091 16.2091 18 14 18H4C1.79086 18 0 16.2091 0 14V4Z' fill='%232987C5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6343 5.22693C14.0613 5.57725 14.1234 6.20736 13.7731 6.63432L8.85 12.6343C8.66918 12.8547 8.40291 12.9874 8.11809 12.9992C7.83327 13.0109 7.55699 12.9005 7.35865 12.6958L4.28173 9.51929C3.89747 9.1226 3.90755 8.48952 4.30424 8.10526C4.70093 7.721 5.33401 7.73108 5.71827 8.12777L8.01508 10.4989L12.2269 5.36568C12.5773 4.93873 13.2074 4.8766 13.6343 5.22693Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1321_6'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.custom-checkbox input:disabled + span,
.custom-checkbox input:checked:disabled + span,
.custom-checkbox__input:disabled + span,
.custom-checkbox__input:checked:disabled + span {
  cursor: default;
}

.custom-checkbox input:disabled + span::before,
.custom-checkbox input:checked:disabled + span::before,
.custom-checkbox__input:disabled + span::before,
.custom-checkbox__input:checked:disabled + span::before {
  background: center/100% no-repeat url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.73836 13.9417C8.62898 13.9419 8.52062 13.9205 8.41952 13.8787C8.31841 13.837 8.22655 13.7757 8.1492 13.6983L4.6142 10.1625C4.53455 10.0857 4.471 9.99377 4.42726 9.89213C4.38352 9.79049 4.36045 9.68116 4.35941 9.57051C4.35837 9.45986 4.37938 9.35012 4.42121 9.24767C4.46304 9.14523 4.52485 9.05214 4.60304 8.97385C4.68122 8.89555 4.77422 8.8336 4.87661 8.79163C4.97899 8.74966 5.08871 8.7285 5.19935 8.72938C5.31 8.73026 5.41937 8.75317 5.52107 8.79677C5.62277 8.84037 5.71477 8.90379 5.7917 8.98333L8.73753 11.9292L14.0417 6.62666C14.198 6.47029 14.4099 6.3824 14.631 6.38232C14.852 6.38225 15.0641 6.46999 15.2204 6.62624C15.3768 6.7825 15.4647 6.99447 15.4648 7.21553C15.4649 7.43659 15.3771 7.64863 15.2209 7.80499L9.32753 13.6983C9.25018 13.7757 9.15832 13.837 9.05721 13.8787C8.95611 13.9205 8.84775 13.9419 8.73836 13.9417Z' fill='%23424242'/%3E%3C/svg%3E");
}

.custom-checkbox span,
.custom-checkbox__text {
  padding-top: 1px;
  font-size: inherit;
  line-height: inherit;
  color: #424242;
}

.custom-checkbox--switch {
  padding: 0 0 0 48px;
}

.custom-checkbox--switch input + span::before,
.custom-checkbox--switch__input + span::before {
  left: -48px;
  width: 40px;
  height: 20px;
  border-radius: 10px;
  background: #E6E6E6;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.custom-checkbox--switch input + span::after,
.custom-checkbox--switch__input + span::after {
  content: "";
  position: absolute;
  left: -46px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 9px;
  background: #fff;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
  -webkit-transition: left 0.3s ease;
  -o-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

.custom-checkbox--switch input:checked + span::before,
.custom-checkbox--switch__input:checked + span::before {
  background: #2987C5;
}

.custom-checkbox--switch input:checked + span::after,
.custom-checkbox--switch__input:checked + span::after {
  left: -26px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-checkbox--switch input:disabled + span,
.custom-checkbox--switch input:checked:disabled + span,
.custom-checkbox--switch__input:disabled + span,
.custom-checkbox--switch__input:checked:disabled + span {
  opacity: 0.8;
  cursor: default;
}

.custom-checkbox--switch input:disabled + span::before,
.custom-checkbox--switch input:checked:disabled + span::before,
.custom-checkbox--switch__input:disabled + span::before,
.custom-checkbox--switch__input:checked:disabled + span::before {
  background: #E6E6E6;
}

.custom-checkbox--switch input:disabled + span::after,
.custom-checkbox--switch input:checked:disabled + span::after,
.custom-checkbox--switch__input:disabled + span::after,
.custom-checkbox--switch__input:checked:disabled + span::after {
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}

.custom-checkbox--switch span,
.custom-checkbox--switch__text {
  padding-top: 1px;
}

.custom-radio {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: inherit;
  line-height: 17px;
}

.custom-radio:hover span,
.custom-radio:hover .custom-radio__text {
  color: #999;
}

.custom-radio__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

.custom-radio__input:checked + .custom-radio__text::before {
  background: center/100% no-repeat url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 8' cx='7.5' cy='7.5' r='5.5' fill='white' stroke='%232987C5' stroke-width='4'/%3E%3C/svg%3E%0A");
}

.custom-radio__text {
  padding-top: 1px;
  font-size: inherit;
  line-height: inherit;
  color: #424242;
  padding-left: 23px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-radio__text::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 18px;
          flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background: center/100% no-repeat url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 7' cx='7.5' cy='7.5' r='7' stroke='%23808080'/%3E%3C/svg%3E%0A");
}

.custom-radio a {
  color: #fff;
  text-decoration: underline;
}

.custom-radio._error .custom-radio__text:before {
  border: 1px solid #ee1212;
}

.custom-select {
  font-family: Roboto, Tahoma, "Open Sans", Verdana, sans-serif;
  position: relative;
  min-width: 150px;
  width: 100%;
  max-width: 500px;
  font-weight: 400;
  line-height: 20px;
  font-size: 14px;
}

.custom-select--opened .custom-select__list {
  z-index: 999;
  top: calc(100% + 5px);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.custom-select--opened .custom-select__main-btn {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-color: #323232;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17 14L10 7L3 14' stroke='%23A5A5A5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.custom-select--focus {
  border-color: #323232;
}

.custom-select--no-border {
  min-width: 0;
}

.custom-select--no-border,
.custom-select--no-border .custom-select__main-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: auto;
  border-color: transparent !important;
}

.custom-select--no-border .custom-select__list {
  right: 0;
  width: auto;
  min-width: 150px;
}

.custom-select--big .custom-select__main-btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.custom-select--blue .custom-select__main-btn {
  color: #479cd3 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 7L10 14L17 7' stroke='%23479CD3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") !important;
}

.custom-select--blue.custom-select--opened .custom-select__main-btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M17 14L10 7L3 14' stroke='%23479cd3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.custom-select__main-btn,
.custom-select__option {
  cursor: pointer;
  display: block;
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  text-align: left;
  line-height: inherit;
  color: inherit;
  font-size: inherit;
}

.custom-select__main-btn {
  height: 100%;
  padding: 7px 30px 5px 14px;
  border: 1px solid #a5a5a5;
  color: inherit;
  border-radius: 5px;
  background: #ffffff no-repeat center right 5px/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 7L10 14L17 7' stroke='%23A5A5A5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.custom-select__main-btn:hover,
.custom-select__main-btn:focus {
  border-color: #323232;
}

.custom-select__main-btn:disabled {
  color: #ccc;
  border: 1px solid #ccc;
}

.custom-select__list {
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: calc(100% - 5px);
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.custom-select__option {
  padding: 10px 14px 8px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-select__option:hover,
.custom-select__option:focus {
  background: #f0f0f0;
  color: #000;
}

.custom-select__option--active,
.custom-select__option--active:hover {
  background: #75b8e3;
  color: #fff;
  font-weight: 500;
}

.custom-select__option--active:hover {
  background: #479cd3;
}

.add-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 14px;
  border: 1px solid #A5A5A5;
  border-radius: 5px;
  background: #fff;
  color: #383838;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.add-form:hover,
.add-form._focus {
  border-color: #323232;
}

.add-form__textarea {
  width: 100%;
  height: 80px;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
  resize: none;
  background: transparent;
}

.add-form__textarea::-webkit-input-placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-form__textarea::-moz-placeholder {
  color: inherit;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-form__textarea:-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-form__textarea::-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-form__textarea::placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-form__textarea:required ~ button {
  pointer-events: auto;
  opacity: 1;
  cursor: pointer;
}

.add-form__textarea:invalid ~ button {
  pointer-events: none;
  opacity: 0.7;
  cursor: default;
}

.add-form__textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.add-form__textarea:focus::-moz-placeholder {
  color: transparent;
}

.add-form__textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.add-form__textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.add-form__textarea:focus::placeholder {
  color: transparent;
}

.add-form__add-img {
  cursor: pointer;
  -ms-grid-column-align: start;
      justify-self: start;
  display: block;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: no-repeat center/22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M22 11C22 10.3925 21.5075 9.9 20.9 9.9C20.2925 9.9 19.8 10.3925 19.8 11H22ZM11 2.2C11.6075 2.2 12.1 1.70751 12.1 1.1C12.1 0.492487 11.6075 0 11 0V2.2ZM19.25 19.8H2.75V22H19.25V19.8ZM2.2 19.25V2.75H0V19.25H2.2ZM19.8 11V19.25H22V11H19.8ZM2.75 2.2H11V0H2.75V2.2ZM2.75 19.8C2.44625 19.8 2.2 19.5538 2.2 19.25H0C0 20.7688 1.23121 22 2.75 22V19.8ZM19.25 22C20.7688 22 22 20.7688 22 19.25H19.8C19.8 19.5538 19.5538 19.8 19.25 19.8V22ZM2.2 2.75C2.2 2.44625 2.44624 2.2 2.75 2.2V0C1.23122 0 0 1.23121 0 2.75H2.2Z' fill='%23808080'/%3E%3Cpath d='M1.1 17.05L6.9812 11.6589C7.39139 11.2829 8.01784 11.2724 8.44035 11.6346L15.4 17.6' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.2 14.85L15.8254 12.2246C16.2125 11.8376 16.8253 11.794 17.2632 12.1225L20.9 14.85' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.3 4.40002H20.9' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.6 1.09998V7.69998' stroke='%23808080' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.add-form__submit-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: flex-end;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: auto;
  padding: 10px 16px;
  background: #479cd3;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
  border: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1.5px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.add-form__submit-btn:disabled {
  pointer-events: none;
  opacity: 0.7;
  cursor: default;
}

.add-post {
  margin-top: 10px;
  background: #f5f5f5;
  border-radius: 8px 8px 0 0;
  color: #383838;
  font-size: 14px;
  line-height: 16px;
}

.add-post__form {
  padding: 0 10px 20px;
  background: #fff;
  border-radius: 8px;
}

.add-post__link-wrap {
  text-align: center;
}

.add-post__link {
  display: inline-block;
  margin: 13px;
  font-size: 14px;
  line-height: 19px;
  color: #0a5991;
  border-bottom: 1px solid transparent;
}

.add-post__link:hover {
  border-color: #0a5991;
}

.add-post__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  padding: 12px 14px;
  background: #fff;
  color: inherit;
  resize: none;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: inherit;
  line-height: 20px;
}

.add-post__title:hover,
.add-post__title:focus {
  border-color: #323232;
}

.add-post__title:focus::-webkit-input-placeholder {
  color: transparent;
}

.add-post__title:focus::-moz-placeholder {
  color: transparent;
}

.add-post__title:focus:-ms-input-placeholder {
  color: transparent;
}

.add-post__title:focus::-ms-input-placeholder {
  color: transparent;
}

.add-post__title:focus::placeholder {
  color: transparent;
}

.add-post__title::-webkit-input-placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-post__title::-moz-placeholder {
  color: inherit;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-post__title:-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-post__title::-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-post__title::placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.add-post__select {
  width: 100%;
  max-width: none;
  margin-bottom: 10px;
}

.add-post__select-main-btn {
  padding: 12px 14px;
}

.add-post__textarea {
  min-height: calc(100vh - 438px);
  max-height: calc(100vh - 318px);
}

.news-feed {
  margin-top: 10px;
  background: #f5f5f5;
  border-radius: 8px 8px 0 0;
  color: #383838;
}

.news-feed__header-total {
  margin: 6px;
}

.news-feed__section {
  padding: 0 8px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
  border-radius: 8px 8px 0px 0px;
}

.news-feed__title {
  width: 100%;
  margin: 8px 0px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 500;
}

.news-feed__filter {
  margin: 10px 0;
}

.news-feed__list {
  list-style: none;
  margin-bottom: -10px;
}

.news-feed__list--empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 192px);
  margin: 0;
  padding: 12px;
}

.news-feed__item {
  margin: 10px 5px;
}

.news-feed__mark-item {
  margin: 10px 0;
  text-align: center;
  letter-spacing: 0.0125em;
  font-size: 12px;
  line-height: 14px;
  color: #808080;
}

.news-feed__empty {
  margin: auto 0 auto 0;
  color: #312c26;
}

.news-feed__empty-title,
.news-feed__empty-text {
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.0125em;
}

.news-feed__empty-title {
  font-weight: 700;
}

.news-feed__links-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10px 0;
}

.news-feed__link-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 5px;
  padding: 5px 15px;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  background: #000;
  border-radius: 5px;
  background: #479cd3;
  -webkit-box-shadow: 0px 1.5px 3px 0px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 1.5px 3px 0px rgba(11, 84, 131, 0.3);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 4px;
}

.news-feed__link-btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.news-feed__link-btn svg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 5px 0 0;
  fill: currentColor;
}

.fn-tag {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px;
  background: #e2e2e2;
  border: 1px solid #808080;
  border-radius: 5px;
  font-size: 14px;
  line-height: 16px;
  color: #808080;
}

.fn-tag--active {
  background: #ffffff;
  color: #383838;
}

.fn-tag--active.fn-tag--x::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 10px;
          flex: 0 0 10px;
  margin-left: 10px;
  background: no-repeat center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.17387 4.99929L9.75374 1.42723C9.91051 1.27044 9.99858 1.05779 9.99858 0.836054C9.99858 0.614319 9.91051 0.401665 9.75374 0.244875C9.59697 0.0880841 9.38435 0 9.16264 0C8.94094 0 8.72832 0.0880841 8.57155 0.244875L5 3.82526L1.42845 0.244875C1.27168 0.0880841 1.05906 -1.65206e-09 0.837356 0C0.615652 1.65206e-09 0.403029 0.0880841 0.246261 0.244875C0.0894924 0.401665 0.0014208 0.614319 0.00142079 0.836054C0.00142079 1.05779 0.0894924 1.27044 0.246261 1.42723L3.82613 4.99929L0.246261 8.57135C0.168229 8.64875 0.106294 8.74084 0.0640274 8.84231C0.021761 8.94377 0 9.05261 0 9.16253C0 9.27244 0.021761 9.38128 0.0640274 9.48274C0.106294 9.58421 0.168229 9.6763 0.246261 9.7537C0.323655 9.83175 0.415733 9.89369 0.517185 9.93597C0.618636 9.97824 0.727452 10 0.837356 10C0.94726 10 1.05608 9.97824 1.15753 9.93597C1.25898 9.89369 1.35106 9.83175 1.42845 9.7537L5 6.17332L8.57155 9.7537C8.64894 9.83175 8.74102 9.89369 8.84247 9.93597C8.94392 9.97824 9.05274 10 9.16264 10C9.27255 10 9.38136 9.97824 9.48282 9.93597C9.58427 9.89369 9.67634 9.83175 9.75374 9.7537C9.83177 9.6763 9.89371 9.58421 9.93597 9.48274C9.97824 9.38128 10 9.27244 10 9.16253C10 9.05261 9.97824 8.94377 9.93597 8.84231C9.89371 8.74084 9.83177 8.64875 9.75374 8.57135L6.17387 4.99929Z' fill='%23B5B5B5' /%3E%3C/svg%3E");
}

.fn-tag--company {
  border-color: #2987c5 !important;
  background: #2987c5 !important;
  color: #fff;
}

.fn-tag--company::after {
  background: no-repeat center/100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.17387 4.99929L9.75374 1.42723C9.91051 1.27044 9.99858 1.05779 9.99858 0.836054C9.99858 0.614319 9.91051 0.401665 9.75374 0.244875C9.59697 0.0880841 9.38435 0 9.16264 0C8.94094 0 8.72832 0.0880841 8.57155 0.244875L5 3.82526L1.42845 0.244875C1.27168 0.0880841 1.05906 -1.65206e-09 0.837356 0C0.615652 1.65206e-09 0.403029 0.0880841 0.246261 0.244875C0.0894924 0.401665 0.0014208 0.614319 0.00142079 0.836054C0.00142079 1.05779 0.0894924 1.27044 0.246261 1.42723L3.82613 4.99929L0.246261 8.57135C0.168229 8.64875 0.106294 8.74084 0.0640274 8.84231C0.021761 8.94377 0 9.05261 0 9.16253C0 9.27244 0.021761 9.38128 0.0640274 9.48274C0.106294 9.58421 0.168229 9.6763 0.246261 9.7537C0.323655 9.83175 0.415733 9.89369 0.517185 9.93597C0.618636 9.97824 0.727452 10 0.837356 10C0.94726 10 1.05608 9.97824 1.15753 9.93597C1.25898 9.89369 1.35106 9.83175 1.42845 9.7537L5 6.17332L8.57155 9.7537C8.64894 9.83175 8.74102 9.89369 8.84247 9.93597C8.94392 9.97824 9.05274 10 9.16264 10C9.27255 10 9.38136 9.97824 9.48282 9.93597C9.58427 9.89369 9.67634 9.83175 9.75374 9.7537C9.83177 9.6763 9.89371 9.58421 9.93597 9.48274C9.97824 9.38128 10 9.27244 10 9.16253C10 9.05261 9.97824 8.94377 9.93597 8.84231C9.89371 8.74084 9.83177 8.64875 9.75374 8.57135L6.17387 4.99929Z' fill='%23ffffff' /%3E%3C/svg%3E") !important;
}

.news-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 15px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
  border-radius: 8px;
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  /* @media (min-width: 600px) {
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
    } */
}

.news-card--extended .news-card__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 0;
}

.news-card--extended .news-card__info {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-bottom: -7px;
}

.news-card--extended .person {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: calc(100% - 35px);
}

.news-card--extended .person__info {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: auto;
  max-width: 100%;
}

.news-card--extended .person__avatar-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.news-card--extended .person__name-link {
  max-width: 100%;
  color: #383838;
  font-weight: 500;
}

.news-card--extended .person__name-link:hover {
  color: #2987c5;
  font-weight: 600;
}

.news-card--extended .person__name {
  width: 100%;
  max-width: none;
}

.news-card--without-img .news-card__photo-wrap {
  display: none;
}

.news-card--without-img .news-card__info {
  margin-top: 12px;
}

.news-card--paid .news-card__info {
  margin-top: 17px;
  margin-bottom: 5px !important;
}

.news-card--paid .post-card__btn {
  display: none;
}

.news-card:hover {
  border-color: #a5a5a5;
}

.news-card:visited .news-card__title {
  color: #939393;
}

.news-card:visited .news-card__title svg {
  fill: #939393;
}

.news-card:visited .news-card__text {
  color: #939393;
}

.news-card__text {
  margin-top: 5px;
  font-size: 14px;
  line-height: 22px;
  color: #6A6A6A;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 66px;
  line-height: 22px;
}

.news-card__date {
  max-width: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 11px;
  line-height: 20px;
  text-align: right;
  color: #808080;
  letter-spacing: 1.25%;
  /* @media (min-width: 600px) {
          width: 40px;
          flex: 0 0 40px;
          order: 0;
          margin-right: 10px;
          text-align: left;
      } */
}

.news-card__date--ec {
  line-height: 18px;
  text-align: left;
  padding-right: 4px;
}

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

.news-card__time--green {
  color: #008243;
}

.news-card__flag {
  width: 18px;
  height: 18px;
}

.news-card__photo-wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  margin: 0 0 7px 0;
}

.news-card__photo {
  position: relative;
  width: 100%;
  padding-bottom: 45%;
}

.news-card__photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.news-card__video-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
}

.news-card__video-inner > frame {
  width: 100% !important;
  height: 100% !important;
}

.news-card__inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: -5px;
}

.news-card__title {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 60px;
  word-break: break-word;
  margin: 0 0 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.0125em;
  text-transform: none;
  color: #383838;
  /* @media (min-width: 600px) {
          width: auto;
          margin: 0 20px 0 0;
      } */
}

.news-card__title svg {
  margin-bottom: -1px;
  fill: #383838;
}

.news-card__title--ec {
  margin: 10px 0 0;
}

.news-card__title-icon {
  position: relative;
  bottom: -1px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  line-height: 20px;
}

.news-card__author,
.news-card__info {
  position: relative;
  z-index: 3;
}

.news-card__author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 50%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #808080;
}

.news-card__author svg {
  margin: 0 10px 0 4px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.news-card__author span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.news-card__author:hover {
  color: #2987c5;
  font-weight: 600;
}

.news-card__info {
  width: 100%;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.more-posts {
  padding: 25px 15px;
}

.more-posts--paid {
  padding: 0 15px 15px;
}

.more-posts__title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.225px;
  color: #312c26;
}

.more-posts__item {
  margin-top: 15px;
}

.nf-filter {
  color: #383838;
}

.nf-filter__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 54px 8px 16px;
  min-height: 54px;
  margin: 0 6px;
  background: #ffffff;
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.22);
  border-radius: 8px;
}

.nf-filter__head--no-decor {
  min-height: 0;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.nf-filter__checkbox {
  margin: 8px 20px 8px 0;
  white-space: nowrap;
}

.nf-filter__checkbox--autoupdate {
  display: none;
}

.nf-filter__title {
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #312c26;
}

.nf-filter__btn {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 38px;
  height: 38px;
  margin-left: auto;
  border: 1px solid transparent;
  background: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
  color: #808080;
}

.nf-filter__btn--relative {
  position: relative;
  top: auto;
  right: auto;
  width: 44px;
  height: 44px;
  margin-left: 10px;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  background: #fff;
}

.nf-filter__btn--relative:hover {
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.25);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.25);
}

.nf-filter__btn:hover {
  background-color: #f0f0f0;
}

.nf-filter__btn:focus {
  border-color: #323232;
}

.nf-filter__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 44px;
  margin: 0 5px 15px;
  padding: 0 11px;
  background: #fff;
}

.nf-filter__link span {
  display: none;
}

.nf-filter__link svg {
  fill: #808080;
}

.nf-filter__body {
  display: none;
  margin: 0 15px;
  padding: 15px 0 5px;
}

.nf-filter__body--blog {
  margin: 0 1px;
}

.nf-filter__body-nodate .nf-filter__date-wrap {
  display: none;
}

.nf-filter__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: -15px;
}

.nf-filter__fields--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.nf-filter__fields--content-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nf-filter__search-wrap {
  position: relative;
  width: calc(100% - 10px);
  margin: 0 5px 15px;
}

.nf-filter__search-wrap--top {
  width: auto;
  margin: 0 6px 10px;
}

.nf-filter__search-wrap--wide {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: auto;
  margin: 0;
}

.nf-filter__search,
.nf-filter__date,
.nf-filter__link {
  height: 44px;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #383838;
  font-size: 14px;
}

.nf-filter__search:hover,
.nf-filter__search:focus,
.nf-filter__date:hover,
.nf-filter__date:focus,
.nf-filter__link:hover,
.nf-filter__link:focus {
  border-color: #323232;
}

.nf-filter__search {
  width: 100%;
}

.nf-filter__date-wrap,
.nf-filter__submit,
.nf-filter__reset {
  margin: 0 5px 15px;
}

.nf-filter__date-wrap {
  position: relative;
  width: calc(50% - 10px);
  margin: 0 5px 15px;
}

.nf-filter__date-wrap svg {
  fill: #a5a5a5;
}

.nf-filter__date-wrap--ec {
  width: calc(50% - 10px);
}

.nf-filter__date-wrap--blog {
  width: calc(50% - 38px);
}

.nf-filter__date {
  cursor: pointer;
  width: 100%;
  padding: 0 12px;
  background: #fff;
}

.nf-filter__date::-webkit-input-placeholder {
  color: #929292;
}

.nf-filter__date::-moz-placeholder {
  color: #929292;
}

.nf-filter__date:-ms-input-placeholder {
  color: #929292;
}

.nf-filter__date::-ms-input-placeholder {
  color: #929292;
}

.nf-filter__date::placeholder {
  color: #929292;
}

.nf-filter__select {
  min-width: 100px;
  width: calc(50% - 10px);
  margin: 0 5px 15px;
  height: 44px;
}

.nf-filter__select--ec {
  width: calc(50% - 10px);
}

.nf-filter__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15px;
}

.nf-filter__tags--companies {
  margin-top: 14px;
}

.nf-filter__tag {
  margin: 0 5px 10px;
}

.nf-filter__submit,
.nf-filter__reset {
  width: calc(50% - 10px);
}

.slide-sidebar {
  position: absolute;
  z-index: 99;
  top: 0;
  right: 0;
  height: 100%;
  width: 0;
  padding: 15px 0 0;
  background: #f1f1f1;
  border-left: 1px solid rgba(11, 84, 131, 0.34);
  border-right: 0px solid rgba(11, 84, 131, 0.34);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.slide-sidebar,
.slide-sidebar * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.slide-sidebar--opened {
  width: calc(100vw - 60px);
  padding: 15px 15px 0;
  border-right-width: 1px;
  -webkit-box-shadow: -4px 0px 11px 4px rgba(117, 117, 117, 0.25);
          box-shadow: -4px 0px 11px 4px rgba(117, 117, 117, 0.25);
}

.slide-sidebar--opened .slide-sidebar__cover {
  width: 60px;
}

.slide-sidebar--opened .slide-sidebar__banner,
.slide-sidebar--opened .slide-sidebar__title,
.slide-sidebar--opened .slide-sidebar__content {
  width: calc(100vw - 60px - 32px);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.slide-sidebar--opened .slide-sidebar__slide-btn {
  right: calc(100vw - 60px - 1px);
  opacity: 1;
}

.slide-sidebar--opened .slide-sidebar__slide-btn svg {
  -webkit-transform: scaleX(1) rotate(-90deg);
      -ms-transform: scaleX(1) rotate(-90deg);
          transform: scaleX(1) rotate(-90deg);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.slide-sidebar--opened .slide-sidebar__fix-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.slide-sidebar--wide .slide-sidebar__banner {
  display: none;
}

.slide-sidebar__cover {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -60px;
  width: 0;
}

.slide-sidebar__banner,
.slide-sidebar__title,
.slide-sidebar__content {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
}

.slide-sidebar__banner {
  display: none;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}

.slide-sidebar__banner-content {
  width: 300px;
  height: 600px;
}

.slide-sidebar__banner-content > * {
  max-width: 300px;
  margin: auto;
}

.slide-sidebar__title-wrap {
  position: sticky;
  top: 15px;
  margin: 0 0 20px;
  overflow: hidden;
}

.slide-sidebar__title {
  display: block;
  line-height: 24px;
  letter-spacing: 0.0125em;
  white-space: nowrap;
}

.slide-sidebar__title-text {
  margin: 0;
  font-weight: 500;
  font-size: 20px;
  color: #424242;
}

.slide-sidebar__title-hint {
  font-size: 15px;
  color: #929292;
  font-weight: 400;
}

.slide-sidebar__inner {
  position: sticky;
  top: 83px;
  height: calc(100vh - 98px);
  overflow-y: auto;
  overflow-x: hidden;
  /* Работает в Chrome, Edge и Safari */
  /* Работает в Firefox */
  scrollbar-width: none;
}

.slide-sidebar__inner::-webkit-scrollbar {
  width: 0;
}

.slide-sidebar__inner--radius {
  border-radius: 10px;
}

.slide-sidebar__title,
.slide-sidebar__content-inner {
  min-width: calc(100vw - 60px - 32px);
  width: calc(100vw - 60px - 32px);
}

.slide-sidebar__item {
  margin: 0 0 20px;
}

.slide-sidebar__btn {
  border-radius: 10px;
  height: 44px;
  width: 100%;
}

.slide-sidebar__slide-btn {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 2px;
  color: #479cd3;
  background: #f1f1f1;
  border: solid rgba(11, 84, 131, 0.34);
  border-width: 1px 0 1px 1px;
  border-radius: 8px 0 0 8px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* @media (min-width: 880px) {
      top: 50vh;
      bottom: auto;
      transform: translate(0, -50%);
  } */
}

.slide-sidebar__slide-btn span {
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.0125em;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
}

.slide-sidebar__slide-btn svg {
  fill: #479cd3;
  stroke: #479cd3;
  -webkit-transform: scaleX(-1) rotate(-90deg);
      -ms-transform: scaleX(-1) rotate(-90deg);
          transform: scaleX(-1) rotate(-90deg);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.slide-sidebar__fix-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 99;
  bottom: 15px;
  right: 15px;
  border-radius: 50%;
  overflow: hidden;
  background: none;
  -webkit-transition: all 0.4s ease 0.2s;
  -o-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.short-comment {
  position: relative;
  width: 100%;
  padding: 10px 15px;
  background: #ffffff;
  border-radius: 10px;
  letter-spacing: 0.0125em;
}

.short-comment--wide-company .short-comment__info {
  position: relative;
}

.short-comment--wide-company .short-comment__column:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}

.short-comment--wide-company .short-comment__column:first-child .short-comment__inner {
  width: calc(100% - 50px);
}

.short-comment--wide-company .short-comment__column:first-child .short-comment__author {
  width: calc(100% - 55px);
}

.short-comment--wide-company .short-comment__column:last-child {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
}

.short-comment__info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

.short-comment__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.short-comment__column:first-child {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 55px);
          flex: 0 0 calc(100% - 55px);
  width: calc(100% - 55px);
}

.short-comment__column:first-child .short-comment__inner {
  width: calc(100% - 50px);
}

.short-comment__column:last-child {
  padding: 0 0 0 8px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  max-width: 55px;
}

.short-comment__column:last-child .short-comment__inner {
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.short-comment__logo {
  position: relative;
  z-index: 2;
  margin-right: 8px;
  width: 40px;
  height: 40px;
}

.short-comment__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.short-comment__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 100%;
}

.short-comment__company,
.short-comment__author {
  position: relative;
  z-index: 3;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 20px;
  color: #dcdcdc;
}

.short-comment__company:hover,
.short-comment__author:hover {
  text-decoration: underline;
}

.short-comment__company {
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: #383838;
}

.short-comment__time,
.short-comment__author {
  font-size: 14px;
  line-height: 22px;
  color: #929292;
}

.short-comment__time {
  max-width: 100%;
  width: 100%;
  margin-top: auto;
  overflow: hidden;
  text-align: right;
}

.short-comment__text {
  font-size: 16px;
  line-height: 23px;
  color: #312c26;
}

.short-comment__text span {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 115px;
  line-height: 23px;
}

.short-comment__link {
  display: block;
  border-radius: 10px;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.transfer-btn {
  position: fixed;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}

.transfer-btn--to-old {
  top: 70px;
  left: calc((100vw - 768px) / 4 - 24px);
}

.transfer-btn__big {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 135px;
  height: 34px;
  font-weight: 500;
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  background: #479cd3;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
  box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
  border-radius: 6px;
  white-space: nowrap;
}

.transfer-btn__small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.transfer-btn__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background: #479cd3;
  -webkit-box-shadow: 0px 1.5px 2.5px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 1.5px 2.5px rgba(11, 84, 131, 0.3);
  border-radius: 8px;
}

.transfer-btn__text {
  margin-top: 5px;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
  color: #919191;
}

.right-panel .transfer-btn--to-old .transfer-btn__big {
  display: none;
}

.right-panel .transfer-btn--to-old .transfer-btn__small {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: calc(100vh - 80px);
  margin-bottom: 10px;
  padding: 40px 10px;
  background: #fff;
  border-radius: 8px 8px;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  font-size: 14px;
  line-height: 16px;
  color: #383838;
}

.login--pop-up {
  min-height: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0;
  padding: 4px 20px 20px;
  width: 500px;
  max-width: calc(100vw - 20px);
}

.login--pop-up .login__form {
  max-width: 100%;
}

.login input:invalid {
  border: 1px solid #d00000;
}

.login__error {
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
  color: #d00000;
}

.login__form {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 330px;
}

.login__title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #0b5483;
}

.login__subtitle {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.login__row:not(:last-child) {
  margin-bottom: 20px;
}

.login__remind,
.login__to-registration a,
.login__admin-link {
  text-decoration: none;
  color: #0a5991;
}

.login__remind {
  padding-top: 2px;
  float: right;
}

.login__submit {
  width: 100%;
}

.login__submit:not(:last-child) {
  margin-bottom: 20px;
}

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

.login__hint {
  margin-top: 5px;
  font-size: 12px;
  line-height: 14px;
  color: #909090;
}

.login__rules {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  color: #f95050;
}

.login__rules-link {
  color: #383838;
}

.social-login {
  width: 100%;
}

.social-login__title {
  text-align: center;
  margin-bottom: 15px;
}

.social-login__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.social-login__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 44px;
  width: calc(50% - 8px);
  gap: 10px;
  border-radius: 5px;
  cursor: pointer;
}

.social-login__btn--vk {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  background: #4d77a1;
  border: none;
  color: #fff;
  text-transform: uppercase;
}

.social-login__btn--google {
  background: #ffffff;
  border: 1px solid #000000;
}

.quick-comment {
  position: fixed;
  z-index: 999;
  bottom: 0;
}

.quick-comment--visible .quick-comment__btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.08s ease;
  -o-transition: all 0.08s ease;
  transition: all 0.08s ease;
}

.quick-comment--visible .quick-comment__cover {
  opacity: 0.65;
  visibility: visible;
  height: 100%;
  -webkit-transition: all 0.12s ease;
  -o-transition: all 0.12s ease;
  transition: all 0.12s ease;
}

.quick-comment--visible .quick-comment__body {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}

.quick-comment--hidden {
  display: none;
}

.quick-comment__btn,
.quick-comment__cover,
.quick-comment__body {
  position: fixed;
}

.quick-comment__cover,
.quick-comment__body,
.quick-comment__send {
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.quick-comment__btn,
.quick-comment__send {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.quick-comment__btn {
  right: 15px;
  bottom: 15px;
  width: 58px;
  height: 58px;
  background: #479cd3;
  border-radius: 50%;
  -webkit-transition: all 0.4s ease 0.8s;
  -o-transition: all 0.4s ease 0.8s;
  transition: all 0.4s ease 0.8s;
}

.quick-comment__cover {
  right: 0;
  left: 0;
  bottom: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  background: #000;
  opacity: 0;
}

.quick-comment__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  bottom: 0;
  padding: 10px 40px 10px 10px;
  -webkit-transform: translate(0, 110%);
      -ms-transform: translate(0, 110%);
          transform: translate(0, 110%);
  background: #fff;
  -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.6);
          box-shadow: 2px 0 5px rgba(0, 0, 0, 0.6);
}

.quick-comment__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  color: inherit;
  resize: none;
  max-height: 50vh;
}

.quick-comment__text:required ~ .quick-comment__send {
  visibility: visible;
  opacity: 1;
}

.quick-comment__text:invalid ~ .quick-comment__send {
  opacity: 0;
  visibility: hidden;
}

.quick-comment__send {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: #fff;
}

.not-found {
  padding: 10px 15px 40px;
  margin-bottom: 15px;
  border-radius: 8px;
  text-align: center;
  background: #fff;
}

.not-found,
.not-found * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.not-found__img-wrap {
  max-width: 445px;
  width: 100%;
  margin: 0 auto 30px;
}

.not-found__img {
  position: relative;
  width: 100%;
  padding-bottom: 45.62%;
}

.not-found__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.not-found__title {
  margin: 0 0 30px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 0.0125em;
  color: #383838;
}

.not-found__text {
  max-width: 484px;
  margin: 0 auto 30px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.0125em;
  color: #808080;
}

.not-found__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 auto;
  padding: 10px 40px;
  background: #1a5d88;
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 0.0125em;
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  text-decoration: none;
}

.not-found__brokers-links {
  margin-top: 30px;
}

.donate-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0 10px auto;
  padding: 7px 14px;
  background: #ffdf39;
  -webkit-box-shadow: 0px 2px 4px rgba(255, 223, 57, 0.25);
          box-shadow: 0px 2px 4px rgba(255, 223, 57, 0.25);
  border-radius: 6px;
  border: 0;
  color: #000;
  line-height: 20px;
  font-size: 14px;
}

.donate-btn svg {
  margin-left: 5px;
}

.donate-btn--old {
  margin: 23px 0 10px auto;
}

.brokers-links,
.brokers-links * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.brokers-links__title {
  margin: 0 0 25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}

.brokers-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.brokers-links__item {
  padding: 5px;
}

.brokers-links__item a,
.brokers-links__item img {
  display: block;
  background: #F8F8F8;
}

.brokers-links__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  width: 182px;
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.brokers-links__item img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.lower-banner {
  position: fixed;
  z-index: 999;
  left: 0;
  right: 0;
  bottom: 0;
}

.lower-banner__close {
  position: absolute;
  right: 10px;
  bottom: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25px;
  height: 20px;
  background: rgba(108, 108, 108, 0.5);
  border-radius: 6px 6px 0px 0px;
}

.lower-banner__close svg {
  fill: #fff;
}

.lower-banner__link {
  display: block;
  width: 100%;
  height: 50px;
}

.lower-banner__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.rating--disabled {
  pointer-events: none;
}

.rating__stars {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.rating__count {
  margin-left: 7px;
}

.rating__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  overflow: hidden;
}

.rating__item {
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}

.rating__item:checked ~ .rating__label::after,
.rating__item:checked + .rating__label:hover::after,
.rating__item:checked:hover ~ .rating__label::after {
  opacity: 1;
}

.rating__item:hover ~ .rating__label::after {
  opacity: 0.65;
}

.rating__label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  cursor: pointer;
  position: relative;
}

.rating__label::before {
  position: relative;
  z-index: 2;
  content: "";
  display: block;
  width: 20px;
  height: 16px;
  background: center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='none'%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z' fill='%23929292'/%3E%3C/svg%3E");
}

.rating__label::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='24px' viewBox='0 0 24 24' width='24px' fill='none'%3E%3Cpath d='M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z' fill='%23FFCA46'/%3E%3C/svg%3E");
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.book-review-info {
  padding: 15px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: #f1f1f1;
  color: #312C26;
  line-height: 16px;
  font-size: 14px;
}

.book-review-info__title-wrap {
  margin-bottom: 10px;
}

.book-review-info__link {
  word-break: normal;
  color: #0A51BC;
}

.book-review-info__rating-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.book-review-info__rating-label {
  margin-right: 7px;
}

.spinner-loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 150px;
  padding: 45px 15px;
}

.spinner-loader--p0 {
  min-height: 0;
  padding: 0;
}

.spinner-loader__ring {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid #479CD3;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-loader;
          animation: 0.75s linear infinite spinner-loader;
}

.spinner-loader__label {
  position: relative;
  left: 0.3em;
  margin-top: 15px;
  color: #808080;
  letter-spacing: 0.175px;
  line-height: 16px;
  font-size: 14px;
  font-weight: 400;
}

@-webkit-keyframes spinner-loader {
  to {
    -webkit-transform: rotate(360deg) ;
            transform: rotate(360deg) ;
  }
}

@keyframes spinner-loader {
  to {
    -webkit-transform: rotate(360deg) ;
            transform: rotate(360deg) ;
  }
}

.warning-popup {
  color: #383838;
}

.warning-popup__content {
  width: 374px;
  max-width: 100%;
  padding: 0;
  border-radius: 8px;
  background: #fff;
}

.warning-popup__title {
  margin-top: -2px;
  color: #0b5483;
  font-size: 19px;
  font-style: normal;
  font-weight: 500;
}

.warning-popup__text {
  margin: 0 0 25px;
}

.warning-popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.warning-popup__cancel-btn,
.warning-popup__ok-btn {
  width: calc(50% - 5px);
}

.abuse-popup .warning-popup__text {
  margin: 0 0 20px 0;
}

.abuse-popup .custom-pop-up__inner {
  min-height: 0;
  width: 500px;
  max-width: calc(100vw - 20px);
}

.login-popup .custom-pop-up__inner {
  min-height: 0;
  width: 500px;
  max-width: calc(100vw - 20px);
}

.login-popup .login__form {
  max-width: 100%;
}

.premium-popup .custom-pop-up__inner {
  min-height: 0;
  width: 500px;
  height: 300px;
  max-width: calc(100vw - 20px);
}

.premium-popup .warning-popup__text {
  margin: 0 0 20px 0;
  height: calc(100% - 64px);
}

.premium-popup [name=user] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.premium-popup .user_searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.premium-popup .user_searchbox input[type=button] {
  margin-left: 4px;
}

.premium-popup .hider {
  text-align: center;
  margin-top: 50px;
}

.premium-popup .applyer {
  display: none;
  margin-top: 20px;
}

.premium-popup .applyer #premium_interval {
  width: auto;
}

.premium-popup #premium_until_dt_hider {
  display: none;
}

.premium-popup #premium_until_dt.good {
  color: green;
}

.premium-popup #premium_until_dt.bad {
  color: red;
}

.premium-popup [name=premium_until_dt] {
  font-size: 16px;
  padding: 2px 8px;
  border: 1px solid #ccc;
  max-width: 120px;
}

.premium-popup #premium_amdin_user {
  font-size: 16px;
  padding: 2px 8px;
  border: 1px solid #ccc;
}

.premium-popup #premium_amdin_user_find {
  padding: 8px 16px;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.premium-popup .user_searchbox_results {
  position: fixed;
}

.tarif-popup__content {
  width: 620px;
  padding: 20px 0 0;
}

.tarif-popup__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 20px;
  line-height: 23px;
  color: #383838;
}

.tarif-popup__title-icon {
  margin-right: 10px;
}

.tarif-popup__list {
  padding: 0 20px 15px;
  font-size: 14px;
  line-height: 16px;
  color: #312c26;
}

.tarif-popup__list li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 20px;
}

.tarif-popup__list li:last-child {
  margin-bottom: 10px;
}

.tarif-popup__list li::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.stat-page__stat {
  font-family: inherit;
  max-width: 100%;
  padding: 14px 10px 4px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.stat__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 20px;
}

.stat__btns--bottom {
  margin-top: 20px;
}

.stat__btns a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 20px);
  flex: 0 0 calc(50% - 20px);
  margin: 0 10px;
}

.system-messages {
  position: fixed;
  z-index: 10000;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  color: #383838;
  line-height: 20px;
}

.system-messages * {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.system-messages__item {
  cursor: pointer;
  z-index: 5;
  width: 360px;
  max-width: calc(100% - 30px);
  padding: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.system-messages__item--info .system-messages__item-inner {
  border-color: #1b5e88;
}

.system-messages__item--success .system-messages__item-inner {
  border-color: #69913b;
}

.system-messages__item--attention .system-messages__item-inner {
  border-color: #fdae02;
}

.system-messages__item--error .system-messages__item-inner {
  border-color: #c3342c;
}

.system-messages__item--visible {
  opacity: 1;
  visibility: visible;
  height: auto;
  padding: 10px 0 40px;
}

.system-messages__item-inner {
  background: #fff;
  padding: 20px 20px 20px 25px;
  border-left: 6px solid;
  border-radius: 6px;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
          box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
}

.system-messages__title {
  font-weight: 700;
}

.system-messages__link {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.questionnaire {
  margin-bottom: 24px;
}

.questionnaire--voted .questionnaire__list::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.questionnaire--voted .questionnaire__item {
  background: #7ebae0;
  padding: 8px 14px;
}

.questionnaire--voted .questionnaire__item--leader {
  background: #5aae85;
}

.questionnaire--voted .questionnaire__item--leader .questionnaire__item-filler {
  background: #008243;
}

.questionnaire--voted .questionnaire__item-content::after {
  display: none;
}

.questionnaire--voted .questionnaire__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.questionnaire--voted .questionnaire__hint,
.questionnaire--voted .questionnaire__footer {
  display: none;
}

.questionnaire--check-icon .questionnaire__item-content::after,
.questionnaire--multiple .questionnaire__item-content::after {
  content: "";
}

.questionnaire--check-icon .questionnaire__footer,
.questionnaire--multiple .questionnaire__footer {
  display: block;
}

.questionnaire--check-icon.questionnaire--voted .questionnaire__footer,
.questionnaire--multiple.questionnaire--voted .questionnaire__footer {
  display: none;
}

.questionnaire--counter .questionnaire__list {
  counter-reset: questionnaire-counter;
}

.questionnaire--counter .questionnaire__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 8px 10px;
}

.questionnaire--counter .questionnaire__item::before {
  counter-increment: questionnaire-counter;
  content: counter(questionnaire-counter) ". ";
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  min-height: 24px;
  max-height: 24px;
  margin-right: 8px;
}

.questionnaire__title {
  margin: 0 0 14px;
  letter-spacing: 0.0125em;
  color: #424242;
  font-weight: 800;
  font-size: 22px;
  line-height: 130%;
  text-align: center;
  overflow: hidden;
}

.questionnaire__hint {
  margin-bottom: 10px;
  text-align: center;
  color: #424242;
}

.questionnaire__list {
  position: relative;
}

.questionnaire__item {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 8px 10px 8px 14px;
  border-radius: 8px;
  background: #479cd3;
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  overflow: hidden;
}

.questionnaire__item:not(:last-child) {
  margin-bottom: 10px;
}

.questionnaire__item--selected .questionnaire__marker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.questionnaire__item-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.questionnaire__item-content * {
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.4);
}

.questionnaire__item-content::after {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  display: block;
  width: 24px;
  min-height: 24px;
  max-height: 24px;
  margin-left: 8px;
  background: no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Crect x='0.5' y='0.751221' width='17' height='17' rx='3.5' fill='white' fill-opacity='0.1' stroke='white'/%3E%3C/svg%3E");
}

.questionnaire__switcher {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.questionnaire__switcher:checked + .questionnaire__item-content::after {
  background: no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Crect y='0.251221' width='18' height='18' rx='4' fill='white'/%3E%3Cpath d='M5 9.07475L8.07692 12.2512L13 6.25122' stroke='%23479CD3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.questionnaire__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.questionnaire__score {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}

.questionnaire__marker {
  display: none;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 8px;
}

.questionnaire__marker svg {
  fill: currentColor;
  -webkit-filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(0px 2px 1px rgba(0, 0, 0, 0.4));
}

.questionnaire__item-filler {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: #479cd3;
  -webkit-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.questionnaire__footer {
  display: none;
  margin-top: 10px;
}

.qn-menu {
  font-family: Tahoma, "Open Sans", Verdana, Roboto, sans-serif;
}

.qn-menu__tabs-wrap {
  position: relative;
  padding: 13px 0;
  background: #2d2d2d;
}

.qn-menu__tabs-control {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 15px;
  font-size: 16px;
  line-height: 22px;
  color: #dadada;
  font-weight: 700;
}

.qn-menu__tabs-control._active .qn-menu__tabs-control_arrow {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.qn-menu__tabs-control_arrow {
  margin-left: 4px;
  width: 24px;
  height: 24px;
  fill: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.qn-menu__mob-tabs {
  list-style: none;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.qn-menu__mob-tabs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.qn-menu__tabs {
  display: none;
  position: absolute;
  top: 50px;
  z-index: 7;
  width: 100%;
  padding-bottom: 25px;
  background: #2d2d2d;
}

.qn-menu__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 0;
}

.qn-menu__tab--pc {
  display: none;
}

.qn-menu__tab._active {
  display: none;
}

.qn-menu__tab:last-child .qn-menu__tab-link {
  margin-right: 0;
}

.qn-menu__tab._active a {
  color: #ffffff;
  font-weight: 700;
}

.qn-menu__tab._active a svg {
  background: #ffffff;
  border-color: #ffffff;
  fill: #4f91cd;
}

.qn-menu__tab-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 24px;
  white-space: nowrap;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none;
  color: #dadada;
}

.qn-menu__tab-link svg {
  width: 24px;
  height: 24px;
  fill: #dadada;
}

.qn-menu__tab-link:hover {
  color: #ffffff;
}

.qn-menu__tab-link:hover svg {
  border-color: #ffffff;
  fill: #ffffff;
}

.qn-menu__tab-link:active {
  color: #ffffff;
}

.qn-menu__tab-link:active svg {
  border-color: #ffffff;
  fill: #4f91cd;
}

.qn-menu__tab-link:disabled {
  color: #585858;
  pointer-events: none;
}

.qn-menu__tab-link:disabled svg {
  border-color: #585858;
  fill: #585858;
}

.qn-menu__selectors {
  max-width: 100%;
}

.qn-menu__selectors .selector-links__prev::before {
  background: -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(40%, #e5e5e5), to(transparent));
  background: -o-linear-gradient(left, #e5e5e5 0%, #e5e5e5 40%, transparent 100%);
  background: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 40%, transparent 100%);
}

.qn-menu__selectors .selector-links__next::before {
  background: -webkit-gradient(linear, right top, left top, from(#e5e5e5), color-stop(40%, #e5e5e5), to(transparent));
  background: -o-linear-gradient(right, #e5e5e5 0%, #e5e5e5 40%, transparent 100%);
  background: linear-gradient(to left, #e5e5e5 0%, #e5e5e5 40%, transparent 100%);
}

.qn-menu__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 14px;
  padding-bottom: 14px;
}

.qn-menu__title {
  margin: 9px 40px 9px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  white-space: nowrap;
}

.qn-menu__title--wrap {
  white-space: normal;
}

.qn-menu__actions-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.qn-menu__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 16px 0 0;
}

.qn-menu__actions .context-menu__list {
  top: calc(100% - 11px);
}

.qn-menu__buy-shares {
  margin: 0px 16px 16px 0;
}

.qn-menu__filter .qn-filters {
  opacity: 0;
  visibility: hidden;
}

.qn-menu__filter._opened .qn-filters {
  opacity: 1;
  visibility: visible;
}

.qn-menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 40px;
  margin: 0 16px 16px 0;
  padding: 9px 22px;
  border-radius: 5px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.qn-menu__btn svg {
  margin-right: 0px;
  width: 18px;
  height: 18px;
  fill: #fff;
}

.qn-menu__btn span {
  display: none;
}

.qn-menu__btn:disabled {
  background: transparent;
  border-color: #E2E2E2;
  color: #E2E2E2;
  pointer-events: none;
}

.qn-menu__btn:disabled svg {
  fill: #E2E2E2;
}

.qn-menu__btn--simple,
.qn-menu__btn--filter {
  background: #4f91cd;
  border: 1px solid #4f91cd;
}

.qn-menu__btn--simple:hover,
.qn-menu__btn--filter:hover {
  border-color: #4f91cd;
  color: #4f91cd;
  background: transparent;
}

.qn-menu__btn--simple:hover svg,
.qn-menu__btn--filter:hover svg {
  fill: #4f91cd;
}

.qn-menu__btn--simple:active,
.qn-menu__btn--filter:active {
  background: #4f91cd;
  border: 1px solid #4f91cd;
  color: #fff;
}

.qn-menu__btn--calc {
  background: #444444;
  border: 1px solid #444444;
}

.qn-menu__btn--calc:hover {
  border-color: #444444;
  color: #444444;
  background: transparent;
}

.qn-menu__btn--calc:hover svg {
  fill: #444444;
}

.qn-menu__btn--primer {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin: 0 0 16px 0;
  color: #444444;
  background: #ffe600;
  border: 1px solid #ffe600;
  font-weight: 600;
}

.qn-menu__btn--primer:hover {
  background: #EFD700;
  border-color: #EFD700;
}

.qn-menu__link {
  display: inline-block;
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 20px;
  color: #606060;
  text-decoration: underline;
}

.qn-menu__link span {
  white-space: nowrap;
}

.selector-links {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  overflow: hidden;
  font-size: 14px;
}

.selector-links._loading .selector-links__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.selector-links._loading .selector-links__prev {
  opacity: 0;
  visibility: hidden;
}

.selector-links._loading::before {
  display: none;
}

.selector-links__slider {
  position: relative;
}

.selector-links__item {
  display: inline-block;
  padding: 14px 0;
  line-height: 20px;
  white-space: nowrap;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}

.selector-links__item:first-child a {
  margin: 0;
}

.selector-links__item:last-child a {
  margin: 0 40px;
}

.selector-links__item a {
  position: relative;
  margin-left: 40px;
  display: inline-block;
  text-decoration: none;
  color: #585858;
}

.selector-links__item a:hover,
.selector-links__item a:active {
  color: #000;
}

.selector-links__item a:disabled {
  color: #E2E2E2;
  pointer-events: none;
}

.selector-links__item a::before {
  position: absolute;
  right: 0;
  bottom: -14px;
  left: 0;
  height: 3px;
  background: #000;
}

.selector-links__item._active a {
  color: #000;
}

.selector-links__item._active a::before {
  content: "";
}

.selector-links__item--none-link-events a {
  pointer-events: none;
}

.selector-links__prev,
.selector-links__next {
  cursor: pointer;
  position: absolute;
  height: calc(100% - 1px);
  top: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.selector-links__prev::before,
.selector-links__next::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 200%;
}

.selector-links__prev svg,
.selector-links__next svg {
  width: 1.375em;
  height: 1.375em;
  fill: #585858;
}

.selector-links__prev:hover svg,
.selector-links__next:hover svg {
  fill: #242424;
}

.selector-links__prev.swiper-button-disabled,
.selector-links__next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.selector-links__prev {
  left: 0;
  padding-right: 6px;
}

.selector-links__prev::before {
  left: 0;
  border-radius: 0 30px 30px 0;
  background: -webkit-gradient(linear, left top, right top, from(#E5E5E5), color-stop(35%, #E5E5E5), to(transparent));
  background: -o-linear-gradient(left, #E5E5E5 0%, #E5E5E5 35%, transparent 100%);
  background: linear-gradient(to right, #E5E5E5 0%, #E5E5E5 35%, transparent 100%);
}

.selector-links__prev svg {
  left: 0;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.selector-links__next {
  right: -1px;
  padding-left: 6px;
}

.selector-links__next::before {
  right: -1px;
  border-radius: 30px 0 0 30px;
  background: -webkit-gradient(linear, right top, left top, from(#E5E5E5), color-stop(35%, #E5E5E5), to(transparent));
  background: -o-linear-gradient(right, #E5E5E5 0%, #E5E5E5 35%, transparent 100%);
  background: linear-gradient(to left, #E5E5E5 0%, #E5E5E5 35%, transparent 100%);
}

.selector-links__next svg {
  right: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.buy-shares {
  position: relative;
}

.buy-shares__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 22px;
  border-radius: 5px;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background: #008000;
  border: 1px solid #008000;
}

.buy-shares__btn:hover {
  background: transparent;
  border-color: #008000;
  color: #008000;
}

.buy-shares__btn:active {
  background: #008000;
  border: 1px solid #008000;
  color: #fff;
}

.buy-shares__btn:disabled {
  background: transparent;
  border-color: #E2E2E2;
  color: #E2E2E2;
  pointer-events: none;
}

.buy-shares__btn:disabled svg {
  fill: #E2E2E2;
}

.buy-shares__popup {
  overflow: hidden;
  position: absolute;
  top: calc(100% + 5px);
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  border-color: #74a3c7;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.buy-shares__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.7em 1em;
  font-size: 16px;
  color: #74a3c7;
  white-space: nowrap;
}

.buy-shares__link img {
  width: 26px;
  height: 26px;
  margin-left: 0.6em;
  margin-right: 0.25em;
}

.buy-shares__link:hover {
  background-color: #f4f4f4;
}

.buy-shares__broker {
  font-weight: 700;
}

.trades-table {
  margin: 0 auto;
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-collapse: collapse;
  text-align: center;
  color: #666;
  font-size: 12px;
  border-radius: 5px;
}

.trades-table--demo .flex-table__inner {
  overflow: hidden;
}

.trades-table--demo tr td {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

.trades-table table._hidden {
  opacity: 0;
  visibility: hidden;
}

.trades-table._loading {
  overflow: hidden;
}

.trades-table._loading::before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  top: 30px;
  right: 50%;
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  background: url() center/100% no-repeat;
}

.trades-table * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.trades-table .flex-table__inner {
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}

.trades-table .up {
  color: #3d9400;
}

.trades-table .down {
  color: #f11212;
}

/* .trades-table a.charticon,
.trades-table a.charticon2,
.trades-table a.charticon3 {
  display: inline-block;
  border: none;
  width: 21px;
  height: 18px;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.trades-table a.charticon {
  background: url() no-repeat;
}

.trades-table a.charticon2 {
  background: url() no-repeat;
}

.trades-table a.charticon3 {
  background: url() no-repeat; 
} */

.trades-table .trades-table__chartrow a {
  display: block;
}

.trades-table .flex-table__ad-text {
  top: -4px;
  height: calc(100% + 9px);
  padding: 4px 0;
  background: #fafafa;
  color: #0012ff;
  font-weight: bold;
  border-bottom: 1px solid #e0e0e0;
}

.trades-table .flex-table__ad-text a {
  display: inline-block;
  color: #0012ff;
  font-weight: bold;
  line-height: 19px;
  vertical-align: bottom;
  width: 100%;
  height: 100%;
}

.trades-table .flex-table__ad-text:hover {
  background: #f2f2f2;
}

.trades-table .flex-table__inner {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
}

.trades-table .flex-table__l-table {
  table-layout: fixed;
  max-width: 95px;
}

.trades-table .flex-table__l-table .trades-table__name {
  text-align: left;
}

.trades-table .flex-table__l-table .trades-table__name > * {
  display: block;
  max-width: 100px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.trades-table .flex-table__l-table .trades-table__name--center {
  text-align: center;
}

.trades-table .flex-table__l-table * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.trades-table .flex-table__l-table .flex-table__ad td {
  /* position: relative;
  left: -1px; */
  border-right: 0;
  border-left: 0;
  padding: 4px 0;
}

.trades-table .flex-table__l-table tr td {
  height: 28px;
}

.trades-table .flex-table__l-table td a {
  text-decoration: none;
  font-weight: bold;
  color: #666;
}

.trades-table .flex-table__l-table thead tr th {
  max-height: 55px;
  height: 55px;
}

.trades-table .flex-table__l-table tr th.trades-table__n,
.trades-table .flex-table__l-table tr td.trades-table__n {
  width: 33px;
  padding: 4px 4px 4px 10px;
  text-align: left;
  border-left: 0;
  display: none;
}

.trades-table .flex-table__l-table tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.trades-table .flex-table__l-table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.trades-table .flex-table__l-table tr:last-child td {
  border-bottom: 0;
}

.trades-table .flex-table__r-table {
  table-layout: fixed;
}

.trades-table .flex-table__r-table .flex-table__ad td {
  border-left: 1px solid transparent;
  padding: 4px 0;
}

.trades-table .flex-table__r-table .flex-table__ad td:hover {
  background: #fafafa;
}

.trades-table .flex-table__r-table tr td {
  height: 28px;
}

.trades-table .flex-table__r-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.trades-table .flex-table__r-table tr:last-child td {
  border-bottom: 0;
}

.trades-table .flex-table__r-header-table {
  table-layout: fixed;
}

.trades-table .flex-table__r-header-table * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.trades-table .flex-table__r-header-table thead tr th {
  height: 55px;
}

.trades-table .flex-table__r-header-table tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.trades-table .trades-table__chartrow {
  display: none;
}

.trades-table .flex-table__r-box::before {
  left: 0;
  background: -o-linear-gradient(left, #e0e0e0, transparent);
  background: -webkit-gradient(linear, left top, right top, from(#e0e0e0), to(transparent));
  background: linear-gradient(to right, #e0e0e0, transparent);
}

.trades-table .flex-table__r-box::after {
  right: 0;
  background: -o-linear-gradient(right, #e0e0e0, transparent);
  background: -webkit-gradient(linear, right top, left top, from(#e0e0e0), to(transparent));
  background: linear-gradient(to left, #e0e0e0, transparent);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.trades-table table {
  /* border-collapse: collapse; */
  /* table-layout: fixed; */
}

.trades-table th {
  border-top: 0;
  background: #ededed;
  padding: 4px;
}

.trades-table th,
.trades-table th a {
  text-decoration: none;
  color: #666;
  font-size: 10px;
  font-weight: 500;
}

.trades-table td {
  white-space: nowrap;
  height: 28px;
  padding: 4px;
}

.trades-table tr td {
  padding: 4px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  background: #fafafa;
}

.trades-table tr td img,
.trades-table tr td svg {
  max-height: 18px;
}

.trades-table ._hover td,
.trades-table .flex-table__ad._hover td .flex-table__ad-text,
.trades-table .flex-table__ad-text:hover,
.trades-table tr:hover td {
  background: #f2f2f2;
}

.trades-table tr td.color-rating--5,
.trades-table ._hover td.color-rating--5,
.trades-table tr:hover td.color-rating--5 {
  background: #BDFFB8;
}

.trades-table tr td.color-rating--4,
.trades-table ._hover td.color-rating--4,
.trades-table tr:hover td.color-rating--4 {
  background: #E2FFCE;
}

.trades-table tr td.color-rating--2,
.trades-table ._hover td.color-rating--2,
.trades-table tr:hover td.color-rating--2 {
  background: #FFF3E0;
}

.trades-table tr td.color-rating--1,
.trades-table ._hover td.color-rating--1,
.trades-table tr:hover td.color-rating--1 {
  background: #FFE4E4;
}

.trades-table__col-title {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.trades-table__col-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.trades-table__col-title a:hover {
  color: #9F9F9F;
}

.trades-table__col-title a svg {
  fill: currentColor;
}

.trades-table__col-title a svg:first-child {
  margin-right: 5px;
}

.trades-table__col-title a svg:last-child {
  margin-left: 5px;
}

.trades-table__col-title a span {
  text-align: center;
}

.trades-table__title-hint {
  margin-left: 5px;
  fill: #fff;
  stroke: #666666;
}

.trades-table__n {
  width: 33px;
  padding: 4px 4px 4px 10px;
  text-align: left;
}

.trades-table__time {
  width: 66px;
}

.trades-table__name {
  width: 88px;
  height: 54px;
  overflow: hidden;
}

.trades-table__name-multiline {
  width: 100px;
  /* min-width: 100px;
  max-width: 100px;  */
}

.trades-table__name-multiline > * {
  display: block;
  padding: 0 10px;
  text-align: center;
  word-break: keep-all !important;
  white-space: normal !important;
  color: inherit;
  font-weight: inherit;
  /*  @media (max-width: $md4 + px) {
    width: 100px;
    word-break: break-word !important;
  }
  @media (max-width: $md5 + px) {
    width: 70px;
    word-break: break-word !important;
  } */
}

td.trades-table__name-multiline {
  font-weight: bold;
}

.trades-table__tools {
  max-width: 170px;
  padding-right: 10px !important;
  padding-left: 10px !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.trades-table__ticker {
  max-width: 170px;
  width: 76px;
  min-width: 76px;
  height: 54px;
  padding-right: 12px !important;
  padding-left: 12px !important;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.trades-table__chartrow {
  width: 30px;
  max-width: 30px;
}

.trades-table__price {
  width: 67px;
}

.trades-table__change-per {
  max-width: 90px;
  width: 62px;
}

.trades-table__big-description > * {
  display: block;
  width: 450px;
  max-width: 50vw;
  padding: 10px;
  text-align: left;
}

.trades-table__volume {
  max-width: 100px;
}

.trades-table__week {
  width: 61px;
}

.trades-table__month {
  width: 51px;
}

.trades-table__first {
  width: 59px;
}

.trades-table__year {
  width: 61px;
}

.trades-table__rub {
  width: 71px;
}

.trades-table__usd {
  width: 71px;
}

.trades-table__change-vol {
  width: 71px;
}

.trades-table__change-pos {
  width: 76px;
}

.trades-table__add-case {
  max-width: 64px;
  width: 64px;
}

.trades-table__add-list {
  max-width: 64px;
  width: 64px;
}

.trades-table__activity {
  width: 64px;
}

.trades-table__currency {
  max-width: 64px;
  width: 64px;
}

.trades-table__icon-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  color: #000;
}

.trades-table__icon-link a:hover {
  color: #479cd3;
}

.trades-table__icon-link a svg {
  fill: currentColor;
}

.trades-table#trades-table-fixed {
  max-width: 500px;
  height: 300px;
  background: #fafafa;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}

.trades-table#trades-table-fixed .flex-table__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: -11px;
}

.trades-table#trades-table-fixed > .simplebar-track.simplebar-vertical {
  top: 55px;
}

.trades-table#trades-table-fixed > .simplebar-track.simplebar-horizontal {
  display: none;
}

/* 
@media (min-width: 1250px) {

  .trades-table .flex-table__r-header-table,
  .trades-table .flex-table__r-table {
    width: calc( 88vw - 10px );
  }

  .trades-table__n {
    width: 30%;
  }

  .trades-table__name {
    width: 70%;
  }

  .trades-table__ticker {
    width: 5.7%;
  }

  .trades-table__chartrow {
    width: 2.4%;
  }

  .trades-table__price {
    width: 5.6%;
  }

  .trades-table__change-per {
    width: 5.2%;
  }

  .trades-table__volume {
    width: 6.1%;
  }

  .trades-table__time {
    width: 5.4%;
  }

  .trades-table__week {
    width: 5.0%;
  }

  .trades-table__month {
    width: 5.0%;
  }  

  .trades-table__year {
    width: 5.0%;
  }

  .trades-table__first {
    width: 5.0%;
  }

  .trades-table__rub {
    width: 5.5%;
  }

  .trades-table__usd {
    width: 5.5%;
  }

  .trades-table__change-vol {
    width: 5.5%;
  }

  .trades-table__change-pos {
    width: 6.0%;
  }

  .trades-table__add-case {
    width: 5.0%;
  }

  .trades-table__add-list {
    width: 5.0%;
  }
} */

.sorting-column::after {
  display: inline-block;
  margin-left: 1em;
}

.sorting-column--up::after {
  content: "↑";
}

.sorting-column--down::after {
  content: "↓";
}

.qn-filters {
  font-family: Tahoma, "Open Sans", Verdana, sans-serif;
  position: fixed;
  z-index: 11;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(38, 38, 38, 0.15);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.qn-filters__content {
  position: relative;
  background: #fff;
  width: 100%;
  height: 100%;
}

.qn-filters__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.qn-filters__row:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-bottom: 0;
}

.qn-filters__row:last-child .qn-filters__block {
  padding: 32px 30px 24px;
  border-bottom: 0;
}

.qn-filters__block {
  padding: 35px calc(
    15px + 20 *
      ((100vw - 320px) / 159.98)
  );
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
}

.qn-filters__block:first-child {
  padding-top: 90px;
  border-bottom: 1px solid #e2e2e2;
}

.qn-filters__block:nth-child(2) {
  border-bottom: 1px solid #e2e2e2;
}

.qn-filters__block:last-child {
  border-right: 0;
  border-bottom: 1px solid #e2e2e2;
}

.qn-filters__field {
  width: 100%;
  margin-bottom: 16px;
  min-height: 27px;
}

.qn-filters__field .SumoSelect > .CaptionCont:hover {
  border-color: #83b4e0;
}

.qn-filters__field._disabled .SumoSelect {
  pointer-events: none;
}

.qn-filters__field._disabled .SumoSelect > .CaptionCont {
  border-color: #E2E2E2;
}

.qn-filters__field._disabled .SumoSelect > .CaptionCont > span.placeholder {
  color: #E2E2E2;
  font-weight: 400;
}

.qn-filters__field._disabled .SumoSelect > .CaptionCont > label > i {
  opacity: 0.2;
}

.qn-filters__datepicker {
  position: relative;
  width: 100%;
}

.qn-filters__datepicker svg {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 16px;
  height: 16px;
  fill: #585858;
}

.qn-filters__datepicker:hover > svg,
.qn-filters__datepicker._focus > svg {
  fill: #4f91cd;
}

.qn-filters__datepicker:hover .qn-filters__date-input,
.qn-filters__datepicker._focus .qn-filters__date-input {
  color: #4f91cd;
  border-color: #83b4e0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.qn-filters__datepicker:hover .qn-filters__date-input::-webkit-input-placeholder, .qn-filters__datepicker._focus .qn-filters__date-input::-webkit-input-placeholder {
  color: inherit;
}

.qn-filters__datepicker:hover .qn-filters__date-input::-moz-placeholder, .qn-filters__datepicker._focus .qn-filters__date-input::-moz-placeholder {
  color: inherit;
}

.qn-filters__datepicker:hover .qn-filters__date-input:-ms-input-placeholder, .qn-filters__datepicker._focus .qn-filters__date-input:-ms-input-placeholder {
  color: inherit;
}

.qn-filters__datepicker:hover .qn-filters__date-input::-ms-input-placeholder, .qn-filters__datepicker._focus .qn-filters__date-input::-ms-input-placeholder {
  color: inherit;
}

.qn-filters__datepicker:hover .qn-filters__date-input::placeholder,
.qn-filters__datepicker._focus .qn-filters__date-input::placeholder {
  color: inherit;
}

.qn-filters__date-input {
  width: 100%;
  padding: 11.5px 12px 10.5px 50px;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #585858;
}

.qn-filters__date-input::-webkit-input-placeholder {
  color: inherit;
}

.qn-filters__date-input::-moz-placeholder {
  color: inherit;
}

.qn-filters__date-input:-ms-input-placeholder {
  color: inherit;
}

.qn-filters__date-input::-ms-input-placeholder {
  color: inherit;
}

.qn-filters__date-input::placeholder {
  color: inherit;
}

.qn-filters__date-input:hover {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border-color: #585858;
}

.qn-filters__range[disabled] {
  pointer-events: none;
  color: #E2E2E2;
}

.qn-filters__range[disabled] .qn-filters__range-label,
.qn-filters__range[disabled] .qn-filters__range-input {
  pointer-events: none;
  color: #E2E2E2;
  border-color: #E2E2E2;
}

.qn-filters__range[disabled] .qn-filters__range-input::-webkit-input-placeholder {
  color: inherit;
}

.qn-filters__range[disabled] .qn-filters__range-input::-moz-placeholder {
  color: inherit;
}

.qn-filters__range[disabled] .qn-filters__range-input:-ms-input-placeholder {
  color: inherit;
}

.qn-filters__range[disabled] .qn-filters__range-input::-ms-input-placeholder {
  color: inherit;
}

.qn-filters__range[disabled] .qn-filters__range-input::placeholder {
  color: inherit;
}

.qn-filters__range[disabled] .qn-filters__range-sign {
  background: #E2E2E2;
}

.qn-filters__range-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
  color: #585858;
}

.qn-filters__range-label {
  margin-right: 16px;
  font-size: 14px;
  line-height: 18px;
}

.qn-filters__range-values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.qn-filters__range-input {
  width: 88px;
  padding: 7px;
  text-align: center;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  font-size: 14px;
  line-height: 18px;
  color: #585858;
}

.qn-filters__range-input:hover,
.qn-filters__range-input:focus {
  border-color: #83b4e0;
}

.qn-filters__range-input::-webkit-input-placeholder {
  font-size: inherit;
  color: #c8c8c8;
}

.qn-filters__range-input::-moz-placeholder {
  font-size: inherit;
  color: #c8c8c8;
}

.qn-filters__range-input:-ms-input-placeholder {
  font-size: inherit;
  color: #c8c8c8;
}

.qn-filters__range-input::-ms-input-placeholder {
  font-size: inherit;
  color: #c8c8c8;
}

.qn-filters__range-input::placeholder {
  font-size: inherit;
  color: #c8c8c8;
}

.qn-filters__range-sign {
  margin: 0 4px;
  width: 10px;
  height: 1px;
  background-color: #585858;
}

.qn-filters__checkbox {
  display: inline-block;
  padding-top: 5px;
}

.qn-filters__checkbox[disabled] {
  border-color: #E2E2E2;
  pointer-events: none;
}

.qn-filters__checkbox[disabled] .qn-filters__checkbox-input,
.qn-filters__checkbox[disabled] .qn-filters__checkbox-text {
  color: #E2E2E2;
}

.qn-filters__checkbox[disabled] .qn-filters__checkbox-text::before {
  border-color: #E2E2E2;
  background: none;
}

.qn-filters__checkbox-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.qn-filters__checkbox-input:hover + .qn-filters__checkbox-text,
.qn-filters__checkbox-input:focus + .qn-filters__checkbox-text {
  color: #000;
}

.qn-filters__checkbox-input:hover + .qn-filters__checkbox-text::before,
.qn-filters__checkbox-input:focus + .qn-filters__checkbox-text::before {
  border-color: #000;
}

.qn-filters__checkbox-input:checked + .qn-filters__checkbox-text::before {
  border-color: #000;
  background: #000 url() center/100% no-repeat;
}

.qn-filters__checkbox-text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #585858;
}

.qn-filters__checkbox-text::before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border: 1px solid #838383;
  border-radius: 5px;
}

.qn-filters__text-val {
  display: block;
  position: relative;
  width: 100%;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
}

.qn-filters__text-val._filled .qn-filters__text-placeholder,
.qn-filters__text-val._focus .qn-filters__text-placeholder {
  -webkit-transform: translate(-5px, -31.5px);
      -ms-transform: translate(-5px, -31.5px);
          transform: translate(-5px, -31.5px);
  font-size: 11px;
  background: #fff;
}

.qn-filters__text-val._focus {
  border-color: #83b4e0;
}

.qn-filters__text-val[disabled] {
  border-color: #E2E2E2;
  pointer-events: none;
}

.qn-filters__text-val[disabled] .qn-filters__text-input,
.qn-filters__text-val[disabled] .qn-filters__text-placeholder {
  color: #E2E2E2;
}

.qn-filters__text-input {
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 7px;
}

.qn-filters__text-input:hover:not(:focus) + .qn-filters__text-placeholder {
  color: #585858;
}

.qn-filters__text-placeholder {
  position: absolute;
  top: 50%;
  left: 14px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  padding: 0 7px;
  font-size: 14px;
  line-height: 20px;
  color: #838383;
  pointer-events: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.qn-filters__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.qn-filters__btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 136px;
  padding: 11px 10px 12px;
  font-size: 14px;
  line-height: 17px;
  border: 0;
  border-radius: 5px;
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
}

.qn-filters__btn--reset {
  margin-right: 10px;
  background: #f4f4f4;
  color: #585858;
}

.qn-filters__btn--reset:hover,
.qn-filters__btn--reset:active,
.qn-filters__btn--reset:focus {
  color: #4f91cd;
}

.qn-filters__btn--submit {
  background: #4f91cd;
  color: #fff;
}

.qn-filters__btn--submit:hover,
.qn-filters__btn--submit:active,
.qn-filters__btn--submit:focus {
  -webkit-box-shadow: 0px 7px 18px rgba(31, 88, 139, 0.25);
          box-shadow: 0px 7px 18px rgba(31, 88, 139, 0.25);
}

.qn-filters__btn[disabled] {
  background: #f4f4f4;
  color: #E2E2E2;
}

.qn-filters__close {
  position: absolute;
  right: 25px;
  top: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}

.qn-filters__close svg {
  width: 20px;
  height: 20px;
  stroke: #838383;
}

.qn-filters__close:hover svg {
  stroke: #4f91cd;
}

.qn-filters .datepicker-dropdown {
  max-width: 100vw;
  width: 280px;
  border-radius: 5px;
}

.qn-filters .datepicker-picker {
  width: 100%;
  -webkit-box-shadow: 0px 7px 18px -5px rgba(88, 88, 88, 0.25);
          box-shadow: 0px 7px 18px -5px rgba(88, 88, 88, 0.25);
  border: 0;
}

.qn-filters .datepicker-view {
  width: 100%;
}

.qn-filters .days,
.qn-filters .datepicker-grid {
  width: 100%;
}

.qn-filters .datepicker-view .days .datepicker-cell,
.qn-filters .datepicker-view .dow {
  -ms-flex-preferred-size: calc((100% - 56px) / 7);
      flex-basis: calc((100% - 56px) / 7);
}

.qn-filters .datepicker-cell.day:not(.focused) {
  color: #585858;
}

.qn-filters .simplebar-scrollbar:before {
  opacity: 0.25;
}

.quotes-body {
  min-height: calc(100vh - 330px);
}

.quotes-body__info {
  margin: 0 0 35px;
  padding: 15px;
  line-height: 1.3;
}

.quotes-body__info--mb-small {
  margin-bottom: 15px;
}

.quotes-body__info p {
  margin: 0 0 1em;
}

.quotes-body__info p:last-child {
  margin: 0;
}

.quotes-body__hint {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  width: 100%;
  margin: 15px 0 30px;
}

.quotes-body__hint-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 10px 6px 6px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.quotes-body__hint-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin-right: 6px;
}

.quotes-body__block {
  margin: 0 0 50px;
}

.quotes-body__block--mb-small {
  margin-bottom: 15px;
}

.quotes-body__block:last-of-type {
  margin-bottom: 0;
}

.quotes-body__block-title {
  margin: 0 0 15px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
}

.quotes-body__scroll-x-table {
  overflow: auto;
  padding-bottom: 8px;
}

.quotes-body__chart > div {
  width: 100%;
}

.quotes-body__chart > div > svg,
.quotes-body__chart .highcharts-root {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.quotes-body__chart--for-abs {
  position: relative;
  padding-bottom: 46.5%;
}

.quotes-body__chart-inner {
  width: 100%;
}

.quotes-body__chart-inner img {
  width: 100%;
}

.quotes-body__chart-inner--abs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.quotes-action-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100vw;
}

.quotes-action-block__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
}

.quotes-action-block__item--title {
  margin: 8px 12px 8px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
}

.quotes-action-block__item--select {
  width: 340px;
  max-width: 100%;
}

.quotes-action-block__item--checkbox {
  margin: 8px 16px 8px 0;
}

.quotes-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -15px -7px;
}

.quotes-info-list__item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 400px;
  padding: 15px 7px;
}

.quotes-simple-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #666666;
}

.quotes-simple-table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-bottom: 1px solid #e5e5e5;
}

.quotes-simple-table__row:last-child {
  border-bottom: 0;
}

.quotes-simple-table__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  padding: 10px;
  border-right: 1px solid #e5e5e5;
  word-break: break-word;
}

.quotes-simple-table__item:last-child {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-right: 0;
}

.quotes-simple-table__item--green {
  font-weight: 700;
  color: #008000;
}

.quotes-simple-table__item--red {
  font-weight: 700;
  color: #F11212;
}

.quotes-simple-table__item--bold {
  font-weight: 700;
}

.custom-table {
  border-collapse: collapse;
  line-height: 12px;
  color: #666666;
}

.custom-table--gen-head tr th {
  border-radius: 10px 10px 0 0;
  background: #ededed;
}

.custom-table--fixed {
  width: 100%;
}

.custom-table--fixed .custom-table__tbody tr td {
  padding: 8px;
}

.custom-table--fixed .custom-table__thead tr td:first-child,
.custom-table--fixed .custom-table__tbody tr td:first-child {
  white-space: normal;
  text-align: left;
}

.custom-table .up {
  color: #008000;
}

.custom-table .down {
  color: #f11212;
}

.custom-table__thead,
.custom-table__tbody {
  text-align: center;
  white-space: nowrap;
}

.custom-table__thead {
  font-weight: 500;
  font-size: 10px;
}

.custom-table__thead tr th {
  padding: 10px 14px;
}

.custom-table__tbody tr td {
  padding: 8px 32px;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-size: 12px;
}

.custom-table__tbody tr td:last-child {
  border-right: 0;
}

.quotes-management {
  padding: 15px;
}

.quotes-management__select {
  margin: 0 0 15px;
}

.quotes-management__textarea {
  margin: 0 0 15px;
  min-height: 100px;
}

.quotes-management__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  margin: 15px 0 0 auto;
}

.quotes-management__save {
  margin: 0 0 0 auto;
  padding: 7px 20px;
}

.quotes-management__flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.quotes-management__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.quotes-management__radio {
  margin: 0 20px 10px 0;
}

.quotes-management__radio:last-child {
  margin-bottom: 0;
}

/* @import "../base/variables";
@import "../base/mixins"; */

.footer {
  background-color: #2d2d2d;
  margin-top: 0;
  padding: 50px 0;
  /*   // .footer__banners
  	&__banners {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-direction: column;
      padding: 30px 15px;

      @media (min-width: $md3 + px) {
        flex-direction: row;
      }
      @media (min-width: $md2 + px) {
        justify-content: space-evenly;
      }
  	}
  	// .footer__banner
  	&__banner {
      margin-bottom: 15px;
      &:last-child {
        margin: 0;
      }
      @media (min-width: $md3 + px) {
        margin: 0;
      }
  	}
    &__banner-best,
    &__banner-choice {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px;
      width: 290px;
      min-height: 50px;
      border-radius: 5px;
      color: #fff;
      font-size: 18px;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;

    }
    &__banner-best,
    &__banner-choice {
      word-break: normal;
    }
  	// .footer__banner-best
  	&__banner-best {
      background: #459FCC;

      svg {
        margin-right: 7px;
        width: 1em;
        height: 1em;
        fill: #fff;
      }
  	}
  	// .footer__banner-choice
  	&__banner-choice {
      background: #d14029;
  	} */
}

.footer__list {
  font-family: "Open Sans", Tahoma, sans-serif;
  padding: 50px 0 0;
  list-style: none;
}

.footer__item-title {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  color: #fff;
  line-height: 24px;
  font-size: 16px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer__item-title span {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.footer__item-title svg {
  width: 24px;
  height: 24px;
  fill: #d4d4d4;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer__item-title._active {
  background: #F59300;
}

.footer__item-title._active svg {
  -webkit-transform: scaleY(-1);
      -ms-transform: scaleY(-1);
          transform: scaleY(-1);
}

.footer__sub-list {
  display: none;
  list-style: none;
  padding: 0 0 8px;
  line-height: 16px;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.footer__link {
  display: inline-block;
  padding: 10px 16px 10px 35px;
  text-decoration: none;
  font-size: 16px;
  color: #d4d4d4;
}

.footer__link:hover {
  color: #c7c7c7;
}

.footer__social-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 30px;
  padding: 0 20px;
}

.footer__social-item {
  margin-right: 20px;
}

.footer__social-item:last-child {
  margin-right: 0;
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 20px 40px;
}

.footer__moex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  margin-right: auto;
  width: 100%;
}

.footer__moex img {
  width: 32px;
  height: 32px;
}

.footer__moex-text {
  margin-left: 0.5em;
}

.footer__moex-text a {
  color: #4eadff;
}

.footer__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-top: 20px;
}

.pager {
  padding: 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pager__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 31px;
  min-width: 31px;
  padding: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 4px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 1px 2px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
  text-decoration: none;
  color: #424242;
  font-size: 13px;
  line-height: 100%;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pager__link:hover {
  background: #dfdfdf;
}

.pager__link--arrow {
  margin: 0 2.5px;
  min-width: 40px;
}

.pager__link--disabled {
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #c6c6c6;
  cursor: default;
}

.pager__link--active {
  color: #ffffff;
  background: #479cd3;
  pointer-events: none;
  cursor: default;
}

.pager__pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 8.5px;
}

.linear-progress-bar {
  position: relative;
  height: 15px;
  width: 100%;
  border-radius: 10px;
  background: #E5E5E5;
}

.linear-progress-bar__filed {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  height: 100%;
  min-width: 40px;
  padding: 0 10px;
  border-radius: 10px;
  overflow: hidden;
  white-space: nowrap;
}

.linear-progress-bar__filed--green {
  background: #51D400;
}

.linear-progress-bar__filed--yellow {
  background: #FBC400;
}

.linear-progress-bar__filed--red {
  background: #FF4D4D;
}

.linear-progress-bar__text {
  color: #000;
  font-size: 9px;
  font-weight: 500;
  line-height: 15px;
}

.table-mask {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 70px 0;
  height: 100%;
}

.table-mask--top-56 {
  top: 56px;
  height: calc(100% - 56px);
}

.table-mask .subscribe-box {
  padding: 0;
  background: transparent !important;
}

.table-mask .subscribe-box__link-wrap {
  margin-bottom: 0;
}

.table-mask__cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background: rgba(229, 229, 229, 0.6);
}

.table-mask__offers {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  position: sticky;
  top: 48px;
  bottom: 48px;
  width: 452px;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  padding: 36px;
  border-radius: 20px;
  background: #F1F1F1;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.jBox-trades-table .jBox-container {
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.jBox-trades-table .jBox-content {
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  color: #666;
}

body.dark-theme {
  background: #202225;
}

body.dark-theme.loader:before {
  background-color: rgba(0, 0, 0, 0.85);
}

.dark-theme {
  color: #e9e9e9;
  /* .notify {
        // НЕОБХОДИМО ОТДЕЛЬНО ДОРАБОТАТЬ
        &__blocks,
        &__nav-item._active,
        &__nav-item:hover {
            background-color: $element-bg;
        }
    } */
}

.dark-theme .wrapper,
.dark-theme .system-messages__item-inner {
  background: #202225;
}

.dark-theme .main,
.dark-theme .add-pos,
.dark-theme .news-feed,
.dark-theme .post-page {
  background-color: #202225;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .main__top-content {
  background-color: #2a2c30;
}

.dark-theme .main__head-title {
  color: #e9e9e9;
}

.dark-theme .main__head,
.dark-theme .main__item {
  background: #2a2c30;
}

.dark-theme .main__themes a {
  color: #479cd3;
}

.dark-theme .login,
.dark-theme .add-form,
.dark-theme .news-card,
.dark-theme .short-comment,
.dark-theme .tarif-card__body {
  background-color: #2a2c30;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .subscribe-box__footer,
.dark-theme .subscribe-box {
  background: #202225;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .subscribe-box__title,
.dark-theme .subscribe-box__link-wrap a,
.dark-theme .slide-sidebar__title-text,
.dark-theme .tarif-popup__title,
.dark-theme .tarif-popup__list,
.dark-theme .tarif-card__body,
.dark-theme .company-box__title,
.dark-theme .system-messages__text,
.dark-theme .system-messages__title {
  color: #e9e9e9;
}

.dark-theme .subscribe-box__link-wrap a {
  border-color: #e9e9e9;
}

.dark-theme .tarif-card__period,
.dark-theme .tarif-card__show-info {
  color: #adb7c0;
}

.dark-theme .tarif-card__show-info {
  border-color: #c1cbd6;
}

.dark-theme .slide-sidebar__title-hint {
  color: #adb7c0;
}

.dark-theme .short-comment__author,
.dark-theme .short-comment__time {
  color: #adb7c0;
}

.dark-theme .short-comment__company,
.dark-theme .short-comment__text {
  color: #e9e9e9;
}

.dark-theme .add-post {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .add-post__form {
  background-color: #2a2c30;
}

.dark-theme .add-post .custom-select__main-btn,
.dark-theme .add-post__select .custom-select__list,
.dark-theme .add-post__title,
.dark-theme .add-post__textarea,
.dark-theme .add-post__text {
  background-color: #202225;
  color: #e9e9e9;
  border-color: #c1cbd6;
}

.dark-theme .add-post .custom-select__main-btn:hover,
.dark-theme .add-post .custom-select__main-btn:focus,
.dark-theme .add-post__select .custom-select__list:hover,
.dark-theme .add-post__select .custom-select__list:focus,
.dark-theme .add-post__title:hover,
.dark-theme .add-post__title:focus,
.dark-theme .add-post__textarea:hover,
.dark-theme .add-post__textarea:focus,
.dark-theme .add-post__text:hover,
.dark-theme .add-post__text:focus {
  border-color: #a5a5a5;
}

.dark-theme .add-post .custom-select__main-btn::-webkit-input-placeholder, .dark-theme .add-post__select .custom-select__list::-webkit-input-placeholder, .dark-theme .add-post__title::-webkit-input-placeholder, .dark-theme .add-post__textarea::-webkit-input-placeholder, .dark-theme .add-post__text::-webkit-input-placeholder {
  color: #adb7c0;
}

.dark-theme .add-post .custom-select__main-btn::-moz-placeholder, .dark-theme .add-post__select .custom-select__list::-moz-placeholder, .dark-theme .add-post__title::-moz-placeholder, .dark-theme .add-post__textarea::-moz-placeholder, .dark-theme .add-post__text::-moz-placeholder {
  color: #adb7c0;
}

.dark-theme .add-post .custom-select__main-btn:-ms-input-placeholder, .dark-theme .add-post__select .custom-select__list:-ms-input-placeholder, .dark-theme .add-post__title:-ms-input-placeholder, .dark-theme .add-post__textarea:-ms-input-placeholder, .dark-theme .add-post__text:-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .add-post .custom-select__main-btn::-ms-input-placeholder, .dark-theme .add-post__select .custom-select__list::-ms-input-placeholder, .dark-theme .add-post__title::-ms-input-placeholder, .dark-theme .add-post__textarea::-ms-input-placeholder, .dark-theme .add-post__text::-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .add-post .custom-select__main-btn::placeholder,
.dark-theme .add-post__select .custom-select__list::placeholder,
.dark-theme .add-post__title::placeholder,
.dark-theme .add-post__textarea::placeholder,
.dark-theme .add-post__text::placeholder {
  color: #adb7c0;
}

.dark-theme .add-post__link,
.dark-theme .add-post__link:visited,
.dark-theme .add-post__link:active {
  color: #479cd3;
}

.dark-theme .add-post__link:hover {
  border-color: #479cd3;
}

.dark-theme .add-post .custom-select__main-btn {
  color: #adb7c0;
}

.dark-theme .add-post__select .custom-select__option:hover,
.dark-theme .add-post__select .custom-select__option:focus {
  background: #2a2c30;
}

.dark-theme .post-card {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #2a2c30;
}

.dark-theme .post-card--premium {
  background: #202225;
}

.dark-theme .post-card,
.dark-theme .post-card__title,
.dark-theme .post-card__text,
.dark-theme .post-card__btn {
  color: #e9e9e9;
}

.dark-theme .post-card__text--premium::after {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#202225));
  background: -o-linear-gradient(top, transparent, #202225);
  background: linear-gradient(to bottom, transparent, #202225);
}

.dark-theme .post-card__blog-link,
.dark-theme .post-card__date-label,
.dark-theme .post-card__date {
  color: #adb7c0;
}

.dark-theme .post-card__photo {
  background-color: #2a2c30;
}

.dark-theme .post-card__btn svg {
  fill: #2a2c30;
}

.dark-theme .post-card__menu-btn svg {
  fill: #adb7c0;
}

.dark-theme .post-card__menu-item--blue svg {
  fill: #479cd3 !important;
}

.dark-theme .comments,
.dark-theme .comments__footer,
.dark-theme .comments__footer:hover,
.dark-theme .comments__footer._focus {
  background-color: #2a2c30;
  color: #e9e9e9;
}

.dark-theme .comments__show-answers,
.dark-theme .comments__show-others {
  background-color: #202225;
  color: #e9e9e9;
}

.dark-theme .comments__show-answers:hover,
.dark-theme .comments__show-others:hover {
  background-color: #515151;
}

.dark-theme .comments__footer._loading::before {
  background-color: rgba(33, 35, 38, 0.7);
}

.dark-theme .comments__pinned-label svg {
  fill: #adb7c0;
}

.dark-theme .comments__pinned-label span {
  color: #adb7c0;
}

.dark-theme .comments__like:hover svg,
.dark-theme .comments__like--marked svg,
.dark-theme .comments__dislike:hover svg,
.dark-theme .comments__dislike--marked svg {
  stroke: #2a2c30;
}

.dark-theme .user-info__date,
.dark-theme .user-info__rating,
.dark-theme .user-info__subscribers,
.dark-theme .user-info__inner,
.dark-theme .user-info__address {
  color: #adb7c0;
}

.dark-theme .user-info__name {
  color: #479cd3;
}

.dark-theme .user-info__tg-link-wrap svg {
  fill: #479cd3;
}

.dark-theme .context-menu__list {
  background-color: #202225;
}

.dark-theme .context-menu__item {
  color: #e9e9e9 !important;
}

.dark-theme .context-menu__item svg {
  fill: #e9e9e9;
}

.dark-theme .context-menu__item:hover {
  background: #2a2c30;
}

.dark-theme .custom-pop-up__content,
.dark-theme .custom-pop-up__close {
  background-color: #2a2c30;
}

.dark-theme .custom-pop-up__title {
  color: #e9e9e9 !important;
}

.dark-theme .news-feed {
  color: #e9e9e9;
}

.dark-theme .news-feed__section {
  background-color: #2a2c30;
}

.dark-theme .news-feed__title,
.dark-theme .news-feed__empty {
  color: #e9e9e9;
}

.dark-theme .news-card__title,
.dark-theme .news-card__text {
  color: #e9e9e9;
}

.dark-theme .news-card__title svg,
.dark-theme .news-card__text svg {
  fill: #e9e9e9;
}

.dark-theme .news-card__date,
.dark-theme .news-card__author,
.dark-theme .news-card--extended .person__name-link {
  color: #adb7c0;
}

.dark-theme .news-card--extended .person__name-link:hover {
  color: #2987c5;
}

.dark-theme .more-posts__title {
  color: #e9e9e9;
}

.dark-theme .search-block {
  color: #e9e9e9;
}

.dark-theme .search-block .autocomplete-suggestions,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions {
  background: #2a2c30;
  border: 1px solid #c1cbd6;
  border-radius: 8px;
}

.dark-theme .search-block .autocomplete-suggestions strong,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions strong,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions strong {
  color: #479cd3;
}

.dark-theme .search-block .autocomplete-suggestion,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestion,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestion {
  color: inherit;
}

.dark-theme .search-block .autocomplete-selected,
.dark-theme .nf-filter__search-wrap .autocomplete-selected,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-selected {
  background: #2a2c30;
}

.dark-theme .nf-filter__head {
  background: #2a2c30;
}

.dark-theme .nf-filter__head--no-decor {
  background: none;
}

.dark-theme .nf-filter__title {
  color: #e9e9e9;
}

.dark-theme .nf-filter__btn {
  color: #e9e9e9;
}

.dark-theme .nf-filter__btn:hover,
.dark-theme .nf-filter__btn--relative:hover {
  background-color: #202225;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .nf-filter__btn:focus {
  border-color: #e9e9e9;
}

.dark-theme .nf-filter__btn--relative {
  background-color: #2a2c30;
}

.dark-theme .nf-filter__search,
.dark-theme .nf-filter__date,
.dark-theme .nf-filter__link {
  color: #e9e9e9;
  background-color: #2a2c30;
  border-color: #c1cbd6;
}

.dark-theme .nf-filter__search::-webkit-input-placeholder, .dark-theme .nf-filter__date::-webkit-input-placeholder, .dark-theme .nf-filter__link::-webkit-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .nf-filter__search::-moz-placeholder, .dark-theme .nf-filter__date::-moz-placeholder, .dark-theme .nf-filter__link::-moz-placeholder {
  color: #c1cbd6;
}

.dark-theme .nf-filter__search:-ms-input-placeholder, .dark-theme .nf-filter__date:-ms-input-placeholder, .dark-theme .nf-filter__link:-ms-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .nf-filter__search::-ms-input-placeholder, .dark-theme .nf-filter__date::-ms-input-placeholder, .dark-theme .nf-filter__link::-ms-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .nf-filter__search::placeholder,
.dark-theme .nf-filter__date::placeholder,
.dark-theme .nf-filter__link::placeholder {
  color: #c1cbd6;
}

.dark-theme .nf-filter__search:hover,
.dark-theme .nf-filter__search:focus,
.dark-theme .nf-filter__date:hover,
.dark-theme .nf-filter__date:focus,
.dark-theme .nf-filter__link:hover,
.dark-theme .nf-filter__link:focus {
  border-color: #a5a5a5;
}

.dark-theme .nf-filter__search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='26' viewBox='0 0 21 26' fill='none'%3E%3Ccircle cx='10.4113' cy='11.0268' r='6.77477' transform='rotate(-30 10.4113 11.0268)' stroke='%23adb7c0' stroke-width='1.69369'/%3E%3Cline x1='13.3752' y1='16.1604' x2='18.4563' y2='24.9611' stroke='%23adb7c0' stroke-width='1.69369'/%3E%3C/svg%3E");
}

.dark-theme .nf-filter__search-wrap {
  color: #e9e9e9;
}

.dark-theme .fn-tag {
  color: #c1cbd6;
  border-color: #c1cbd6;
  background-color: #2a2c30;
}

.dark-theme .fn-tag::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M6.17387 4.99929L9.75374 1.42723C9.91051 1.27044 9.99858 1.05779 9.99858 0.836054C9.99858 0.614319 9.91051 0.401665 9.75374 0.244875C9.59697 0.0880841 9.38435 0 9.16264 0C8.94094 0 8.72832 0.0880841 8.57155 0.244875L5 3.82526L1.42845 0.244875C1.27168 0.0880841 1.05906 -1.65206e-09 0.837356 0C0.615652 1.65206e-09 0.403029 0.0880841 0.246261 0.244875C0.0894924 0.401665 0.0014208 0.614319 0.00142079 0.836054C0.00142079 1.05779 0.0894924 1.27044 0.246261 1.42723L3.82613 4.99929L0.246261 8.57135C0.168229 8.64875 0.106294 8.74084 0.0640274 8.84231C0.021761 8.94377 0 9.05261 0 9.16253C0 9.27244 0.021761 9.38128 0.0640274 9.48274C0.106294 9.58421 0.168229 9.6763 0.246261 9.7537C0.323655 9.83175 0.415733 9.89369 0.517185 9.93597C0.618636 9.97824 0.727452 10 0.837356 10C0.94726 10 1.05608 9.97824 1.15753 9.93597C1.25898 9.89369 1.35106 9.83175 1.42845 9.7537L5 6.17332L8.57155 9.7537C8.64894 9.83175 8.74102 9.89369 8.84247 9.93597C8.94392 9.97824 9.05274 10 9.16264 10C9.27255 10 9.38136 9.97824 9.48282 9.93597C9.58427 9.89369 9.67634 9.83175 9.75374 9.7537C9.83177 9.6763 9.89371 9.58421 9.93597 9.48274C9.97824 9.38128 10 9.27244 10 9.16253C10 9.05261 9.97824 8.94377 9.93597 8.84231C9.89371 8.74084 9.83177 8.64875 9.75374 8.57135L6.17387 4.99929Z' fill='%23C1CBD6' /%3E%3C/svg%3E");
}

.dark-theme .fn-tag--active {
  background-color: #202225;
}

.dark-theme .fn-tag--company {
  color: #e9e9e9;
}

.dark-theme .custom-select__main-btn {
  color: #c1cbd6;
  background-color: #2a2c30;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 7L10 14L17 7' stroke='%23adb7c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
  border-color: #c1cbd6;
}

.dark-theme .custom-select__main-btn:hover,
.dark-theme .custom-select__main-btn:focus {
  border-color: #a5a5a5;
}

.dark-theme .custom-select__main-btn:disabled {
  color: #777;
  border: 1px solid #777;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 7L10 14L17 7' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}

.dark-theme .custom-select__list {
  background-color: #2a2c30;
}

.dark-theme .custom-select__option {
  color: #e9e9e9;
}

.dark-theme .custom-select__option:hover,
.dark-theme .custom-select__option:focus {
  background: #202225;
  color: #e9e9e9;
}

.dark-theme .custom-select__option--active,
.dark-theme .custom-select__option--active:hover {
  background: #479cd3;
}

.dark-theme .custom-select__option--active:hover {
  background: #202225;
}

.dark-theme .apps-box__item {
  color: #e9e9e9;
}

.dark-theme .categories-slider {
  border-bottom-color: #e9e9e9;
}

.dark-theme .categories-slider__body--loading .categories-slider__slide:first-child {
  color: #e9e9e9;
}

.dark-theme .categories-slider__slide {
  color: #e9e9e9;
}

.dark-theme .slide-content__tabs-item,
.dark-theme .slide-content__tabs-item:hover,
.dark-theme .slide-content__tabs-link,
.dark-theme .slide-content__tabs-link:hover {
  color: #e9e9e9;
}

.dark-theme .quote-leaders__name::after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(80%, #2a2c30), to(#2a2c30));
  background: -o-linear-gradient(left, transparent 0%, #2a2c30 80%, #2a2c30 100%);
  background: linear-gradient(to right, transparent 0%, #2a2c30 80%, #2a2c30 100%);
}

.dark-theme .world-indices__name::after {
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(60%, #2a2c30), to(#2a2c30));
  background: -o-linear-gradient(left, transparent 0%, #2a2c30 60%, #2a2c30 100%);
  background: linear-gradient(to right, transparent 0%, #2a2c30 60%, #2a2c30 100%);
}

.dark-theme .sections-box {
  background: #2a2c30;
}

.dark-theme .sections-box__item a,
.dark-theme .sections-box__item a:hover,
.dark-theme .sections-box__item a:active {
  color: #e9e9e9;
}

.dark-theme .sections-box__item a:disabled {
  color: #e2e2e2;
}

.dark-theme .sections-box__item a::before {
  background: #e9e9e9;
}

.dark-theme .sections-box__prev svg,
.dark-theme .sections-box__next svg {
  width: 20px;
  height: 20px;
  fill: #e9e9e9;
}

.dark-theme .sections-box__prev:hover svg,
.dark-theme .sections-box__next:hover svg {
  fill: #fff;
}

.dark-theme .sections-box__prev::before {
  background: -webkit-gradient(linear, left top, right top, from(#2a2c30), color-stop(35%, #2a2c30), to(transparent));
  background: -o-linear-gradient(left, #2a2c30 0%, #2a2c30 35%, transparent 100%);
  background: linear-gradient(to right, #2a2c30 0%, #2a2c30 35%, transparent 100%);
}

.dark-theme .sections-box__next::before {
  background: -webkit-gradient(linear, right top, left top, from(#2a2c30), color-stop(35%, #2a2c30), to(transparent));
  background: -o-linear-gradient(right, #2a2c30 0%, #2a2c30 35%, transparent 100%);
  background: linear-gradient(to left, #2a2c30 0%, #2a2c30 35%, transparent 100%);
}

.dark-theme .search-block__input {
  background: transparent;
  border-color: #c1cbd6;
}

.dark-theme .search-block__input::-webkit-input-placeholder {
  color: #e9e9e9;
}

.dark-theme .search-block__input::-moz-placeholder {
  color: #e9e9e9;
}

.dark-theme .search-block__input:-ms-input-placeholder {
  color: #e9e9e9;
}

.dark-theme .search-block__input::-ms-input-placeholder {
  color: #e9e9e9;
}

.dark-theme .search-block__input,
.dark-theme .search-block__input::placeholder {
  color: #e9e9e9;
}

.dark-theme .search-block__submit svg {
  fill: #e9e9e9;
}

.dark-theme .forums-slider__title {
  border-color: #c1cbd6;
}

.dark-theme .custom-radio__text,
.dark-theme .custom-checkbox__text {
  color: #e9e9e9;
}

.dark-theme .custom-checkbox:not(.custom-checkbox--switch) .custom-checkbox__input:not(:checked) + span::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect x='0.3' y='0.3' width='17.4' height='17.4' rx='3.7' stroke='%23C1CBD6' stroke-width='0.6'/%3E%3C/svg%3E");
}

.dark-theme .login,
.dark-theme .login__rules-link,
.dark-theme .login__title {
  color: #e9e9e9;
}

.dark-theme .login__remind,
.dark-theme .login__to-registration a {
  color: #479cd3;
}

.dark-theme .input-wrapper svg {
  fill: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date) {
  background-color: #202225;
  color: #e9e9e9;
  border-color: #c1cbd6;
}

.dark-theme .custom-input:not(.nf-filter__date)::-webkit-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date)::-moz-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date):-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date)::-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date)::placeholder {
  color: #adb7c0;
}

.dark-theme .custom-input:not(.nf-filter__date):hover,
.dark-theme .custom-input:not(.nf-filter__date):focus {
  border-color: #a5a5a5;
}

.dark-theme .moderation-pop-up,
.dark-theme .moderation-pop-up__title--main {
  color: #e9e9e9;
}

.dark-theme .moderation-pop-up__search,
.dark-theme .moderation-pop-up__search-results,
.dark-theme .moderation-pop-up__heading {
  background-color: #2a2c30;
}

.dark-theme .moderation-pop-up__search {
  color: #e9e9e9;
  background-color: #202225;
  border-color: #c1cbd6;
}

.dark-theme .moderation-pop-up__search::-webkit-input-placeholder {
  color: #adb7c0;
}

.dark-theme .moderation-pop-up__search::-moz-placeholder {
  color: #adb7c0;
}

.dark-theme .moderation-pop-up__search:-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .moderation-pop-up__search::-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .moderation-pop-up__search::placeholder {
  color: #adb7c0;
}

.dark-theme .moderation-pop-up__search:hover,
.dark-theme .moderation-pop-up__search:focus {
  border-color: #a5a5a5;
}

.dark-theme .moderation-pop-up__search-wrapper {
  color: #e9e9e9;
}

.dark-theme .moderation-settings__heading {
  background: #2a2c30;
  border: 1px solid #c1cbd6;
  color: #e9e9e9;
}

.dark-theme .quick-comment__body,
.dark-theme .quick-comment__text,
.dark-theme .quick-comment__send {
  background-color: #202225;
}

.dark-theme .slide-sidebar,
.dark-theme .slide-sidebar__slide-btn {
  background-color: #202225;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .footer-mob__banners {
  background-color: #202225;
}

.dark-theme .not-found {
  background-color: #2a2c30;
}

.dark-theme .not-found__title,
.dark-theme .not-found__text {
  color: #e9e9e9;
}

.dark-theme .post-tag {
  color: #c1cbd6;
  background: #202225;
}

.dark-theme .post-tag__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='%23C1CBD6'/%3E%3C/svg%3E");
}

.dark-theme .post-label {
  color: #202225;
}

.dark-theme .post-label svg {
  fill: #202225;
}

.dark-theme .post-label__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='%23202225'/%3E%3C/svg%3E");
}

.dark-theme .donate-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .lock-comments__card {
  border-color: #c1cbd6;
  background-color: #2a2c30;
  color: #e9e9e9;
}

.dark-theme .lock-card {
  border-color: #c1cbd6;
  background-color: #202225;
  color: #e9e9e9;
}

.dark-theme .lock-card__title svg {
  fill: #e9e9e9;
}

.dark-theme .lock-card__link {
  color: #479cd3;
}

.dark-theme .blue-btn:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .white-btn {
  background: #2a2c30;
  border-color: #c1cbd6;
  color: #e9e9e9;
}

.dark-theme .white-btn:hover {
  background-color: #2c2e33;
}

.dark-theme .white-btn:active {
  background-color: #2c2e32;
}

.dark-theme .person__subscribers {
  color: #adb7c0;
}

.dark-theme .person--people .person__name-link {
  color: #e9e9e9;
}

.dark-theme .selector-links__item a {
  color: #999999;
}

.dark-theme .selector-links__item a:hover,
.dark-theme .selector-links__item a:active {
  color: #fff;
}

.dark-theme .selector-links__item a::before {
  background: #fff;
}

.dark-theme .selector-links__item._active a {
  color: #fff;
}

.dark-theme .selector-links__prev svg,
.dark-theme .selector-links__next svg {
  fill: #999;
}

.dark-theme .selector-links__prev:hover svg,
.dark-theme .selector-links__next:hover svg {
  fill: #fff;
}

.dark-theme .selector-links__prev::before {
  background: -webkit-gradient(linear, left top, right top, from(#202225), color-stop(35%, #202225), to(transparent));
  background: -o-linear-gradient(left, #202225 0%, #202225 35%, transparent 100%);
  background: linear-gradient(to right, #202225 0%, #202225 35%, transparent 100%);
}

.dark-theme .selector-links__next::before {
  background: -webkit-gradient(linear, right top, left top, from(#202225), color-stop(35%, #202225), to(transparent));
  background: -o-linear-gradient(right, #202225 0%, #202225 35%, transparent 100%);
  background: linear-gradient(to left, #202225 0%, #202225 35%, transparent 100%);
}

.dark-theme .qn-menu__link {
  color: #999;
}

.dark-theme .custom-card {
  background: #2a2c30;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .quotes-body {
  color: #e9e9e9;
}

.dark-theme .quotes-body__block-title {
  color: #e9e9e9;
}

.dark-theme .quotes-body__hint-icon {
  fill: #e9e9e9;
}

.dark-theme .quotes-simple-table {
  color: #e9e9e9;
}

.dark-theme .quotes-simple-table__row {
  border-bottom-color: #515151;
}

.dark-theme .quotes-simple-table__item {
  border-right-color: #515151;
}

.dark-theme .custom-table {
  color: #e9e9e9;
}

.dark-theme .custom-table__tbody tr td {
  border-top-color: #515151;
  border-right-color: #515151;
}

.dark-theme .custom-table--gen-head tr th {
  background: #2a2c30;
}

.dark-theme .custom-textarea {
  background-color: #202225;
  color: #e9e9e9;
  border-color: #c1cbd6;
}

.dark-theme .custom-textarea:hover,
.dark-theme .custom-textarea:focus {
  border-color: #a5a5a5;
}

.dark-theme .custom-textarea::-webkit-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-textarea::-moz-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-textarea:-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-textarea::-ms-input-placeholder {
  color: #adb7c0;
}

.dark-theme .custom-textarea::placeholder {
  color: #adb7c0;
}

.dark-theme .custom-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.dark-theme .custom-textarea:focus::-moz-placeholder {
  color: transparent;
}

.dark-theme .custom-textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.dark-theme .custom-textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.dark-theme .custom-textarea:focus::placeholder {
  color: transparent;
}

.dark-theme .buy-shares__popup {
  background: #2a2c30;
}

.dark-theme .buy-shares__link:hover {
  background: #202225;
}

.dark-theme .pager__link {
  color: #e9e9e9;
  background: #2a2c30;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .pager__link:hover {
  background: #474747;
}

.dark-theme .pager__link--active {
  color: #ffffff;
  background: #479cd3;
}

.dark-theme .pager__link--disabled {
  color: #545454;
}

.dark-theme .custom-scrollbar,
.dark-theme .search-block .autocomplete-suggestions,
.search-block .dark-theme .autocomplete-suggestions,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions,
.nf-filter__search-wrap .dark-theme .autocomplete-suggestions,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions,
.moderation-pop-up__search-wrapper .dark-theme .autocomplete-suggestions {
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Работает в Firefox */
}

.dark-theme .custom-scrollbar::-webkit-scrollbar,
.dark-theme .search-block .autocomplete-suggestions::-webkit-scrollbar,
.search-block .dark-theme .autocomplete-suggestions::-webkit-scrollbar,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar,
.nf-filter__search-wrap .dark-theme .autocomplete-suggestions::-webkit-scrollbar,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar,
.moderation-pop-up__search-wrapper .dark-theme .autocomplete-suggestions::-webkit-scrollbar {
  width: 12px;
  /* ширина для вертикального скролла */
  height: 12px;
  /* высота для горизонтального скролла */
}

.dark-theme .custom-scrollbar::-webkit-scrollbar-track,
.dark-theme .search-block .autocomplete-suggestions::-webkit-scrollbar-track,
.search-block .dark-theme .autocomplete-suggestions::-webkit-scrollbar-track,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-track,
.nf-filter__search-wrap .dark-theme .autocomplete-suggestions::-webkit-scrollbar-track,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-track,
.moderation-pop-up__search-wrapper .dark-theme .autocomplete-suggestions::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #2a2c30;
}

.dark-theme .custom-scrollbar::-webkit-scrollbar-thumb,
.dark-theme .search-block .autocomplete-suggestions::-webkit-scrollbar-thumb,
.search-block .dark-theme .autocomplete-suggestions::-webkit-scrollbar-thumb,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-thumb,
.nf-filter__search-wrap .dark-theme .autocomplete-suggestions::-webkit-scrollbar-thumb,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-thumb,
.moderation-pop-up__search-wrapper .dark-theme .autocomplete-suggestions::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #515151;
}

.dark-theme .custom-scrollbar *,
.dark-theme .search-block .autocomplete-suggestions *,
.search-block .dark-theme .autocomplete-suggestions *,
.dark-theme .nf-filter__search-wrap .autocomplete-suggestions *,
.nf-filter__search-wrap .dark-theme .autocomplete-suggestions *,
.dark-theme .moderation-pop-up__search-wrapper .autocomplete-suggestions *,
.moderation-pop-up__search-wrapper .dark-theme .autocomplete-suggestions * {
  scrollbar-color: #515151 #2a2c30;
}

.dark-theme .trades-table,
.dark-theme .trades-table th,
.dark-theme .trades-table th a,
.dark-theme .trades-table .flex-table__l-table td a,
.dark-theme .trades-table .flex-table__l-table td {
  color: #e9e9e9;
}

.dark-theme .trades-table__icon-link a {
  color: #e9e9e9;
}

.dark-theme .trades-table__icon-link a:hover {
  color: #479cd3;
}

.dark-theme .trades-table__col-title a:hover {
  color: #b4b4b4 !important;
}

.dark-theme .trades-table__col-title a svg {
  fill: currentColor !important;
}

.dark-theme .trades-table__title-hint {
  fill: #666666 !important;
  stroke: #fff;
}

.dark-theme .trades-table th,
.dark-theme .trades-table tr td {
  background: #2a2c30;
}

.dark-theme .trades-table tr td {
  border-bottom-color: #515151;
  border-left-color: #515151;
}

.dark-theme .trades-table .flex-table__l-table thead tr th {
  max-height: 56px;
  height: 56px;
}

.dark-theme .trades-table .flex-table__ad-text {
  background: #2a2c30;
  border-bottom: 1px solid #515151;
}

.dark-theme .trades-table .flex-table__ad-text a {
  color: #479cd3 !important;
}

.dark-theme .trades-table .flex-table__inner {
  border-color: #515151;
  -webkit-box-shadow: 0 1px 2px #515151;
  box-shadow: 0 1px 2px #515151;
}

.dark-theme .trades-table .flex-table__r-tbody tr:first-child td,
.dark-theme .trades-table .flex-table__l-tbody tr:first-child td {
  border-top: 1px solid #515151;
}

.dark-theme .trades-table .flex-table__l-tbody tr td:first-child {
  border-left: 0;
}

.dark-theme .trades-table .flex-table__l-thead svg,
.dark-theme .trades-table .flex-table__r-header-inner svg {
  fill: #e9e9e9;
}

.dark-theme .trades-table ._hover td,
.dark-theme .trades-table .flex-table__ad._hover td .flex-table__ad-text,
.dark-theme .trades-table .flex-table__ad-text:hover,
.dark-theme .trades-table tr:hover td {
  background: #202225;
}

.dark-theme .trades-table tr td.color-rating--5,
.dark-theme .trades-table._hover td.color-rating--5,
.dark-theme .trades-table tr:hover td.color-rating--5 {
  background: #31592e;
}

.dark-theme .trades-table tr td.color-rating--4,
.dark-theme .trades-table._hover td.color-rating--4,
.dark-theme .trades-table tr:hover td.color-rating--4 {
  background: #2e441f;
}

.dark-theme .trades-table tr td.color-rating--2,
.dark-theme .trades-table._hover td.color-rating--2,
.dark-theme .trades-table tr:hover td.color-rating--2 {
  background: #483c28;
}

.dark-theme .trades-table tr td.color-rating--1,
.dark-theme .trades-table._hover td.color-rating--1,
.dark-theme .trades-table tr:hover td.color-rating--1 {
  background: #533434;
}

.dark-theme .trades-table .flex-table__r-box::before {
  background: -o-linear-gradient(left, #515151, transparent);
  background: -webkit-gradient(linear, left top, right top, from(#515151), to(transparent));
  background: linear-gradient(to right, #515151, transparent);
}

.dark-theme .trades-table .flex-table__r-box::after {
  background: -o-linear-gradient(right, #515151, transparent);
  background: -webkit-gradient(linear, right top, left top, from(#515151), to(transparent));
  background: linear-gradient(to left, #515151, transparent);
  right: -2px;
}

.dark-theme .trades-table .flex-table__r-box._overflow .simplebar-scrollbar:before {
  background: #515151;
}

.dark-theme .book-review-info {
  border-color: #adb7c0;
  background: #202225;
  color: #e9e9e9;
}

.dark-theme .book-review-info__link {
  color: #479cd3;
}

.dark-theme .spinner-loader__label {
  color: #e9e9e9;
}

.dark-theme .warning-popup {
  color: #e9e9e9;
}

.dark-theme .warning-popup__content {
  background: #2a2c30;
}

.dark-theme .warning-popup__title {
  color: #479cd3;
}

.dark-theme .box-title a {
  color: #e9e9e9;
  border-color: #e9e9e9;
}

.dark-theme .box-title a:hover {
  border-color: transparent;
}

.dark-theme .post-history__item-title {
  color: #e9e9e9;
}

.dark-theme .post-history__item-data {
  color: #adb7c0;
}

.dark-theme .questionnaire__title {
  color: #e9e9e9;
}

.dark-theme .questionnaire__hint {
  color: #adb7c0;
}

.dark-theme .table-mask__cover {
  background: rgba(32, 34, 37, 0.87);
}

.dark-theme .table-mask__offers {
  background: #2a2c30;
}

.dark-theme .x {
  color: #e9e9e9;
  background-color: #2a2c30;
  border-color: #c1cbd6;
}

.dark-theme .x::-webkit-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .x::-moz-placeholder {
  color: #c1cbd6;
}

.dark-theme .x:-ms-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .x::-ms-input-placeholder {
  color: #c1cbd6;
}

.dark-theme .x::placeholder {
  color: #c1cbd6;
}

.dark-theme .x:hover,
.dark-theme .x:focus {
  border-color: #a5a5a5;
}

.dark-theme .jBox-trades-table .jBox-container {
  border: 1px solid #515151;
  background: #2a2c30;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dark-theme .jBox-trades-table .jBox-content {
  color: #e9e9e9;
}

.notify-label {
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 2px;
  border-radius: 50%;
  font-size: 10px;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  height: 19px;
  width: 19px;
  color: #fff;
  background: #e83a3a;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.context-menu {
  position: relative;
  z-index: 5;
  top: 0;
  right: 0;
  color: #000;
}

.context-menu__btn {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
}

.context-menu__svg {
  display: block;
  width: 20px;
  height: 20px;
  fill: #808080;
}

.context-menu ul {
  position: absolute;
  z-index: 100;
  max-width: calc(100vw - 20px);
  opacity: 0;
  visibility: hidden;
}

.context-menu__list {
  top: 100%;
  right: 0;
  padding: 3px 0;
  display: inline-block;
  background: #fff;
  white-space: nowrap;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);
}

.context-menu__item {
  cursor: pointer;
  display: block;
  width: 100%;
  line-height: 20px;
/*  padding: 10px 12px;*/
  background: none;
  text-align: left;
  font-size: inherit;
}

.context-menu__item:hover {
  background: #e2e2e2;
}

.context-menu._open {
  z-index: 9;
}

.context-menu._open ul {
  -webkit-animation: context-menu 0.3s ease forwards;
          animation: context-menu 0.3s ease forwards;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

@keyframes context-menu {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }

  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*
    custom-pop-up - кастомный поп-ап на весь экран содержащий кнопку закрыия custom-pop-up__close
    и затемняющуюся подложку custom-pop-up__cover клики на которые обрабатываются общим js.
    Открывается при добавлениикласса опен  _open, закрывается при удалении.
    Переносится в конец <body> и позиционируется position: fixed;
*/

.custom-pop-up {
  position: fixed;
  z-index: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow-y: auto;
}

.custom-pop-up--open,
.custom-pop-up._open {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}

.custom-pop-up__cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

.custom-pop-up__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100%;
  padding: 32px 10px;
}

.custom-pop-up__content {
  position: relative;
  z-index: auto;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
}

.custom-pop-up__close {
  width: 34px;
  height: 34px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ffffff no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M8.64341 6.99901L13.6552 1.99813C13.8747 1.77862 13.998 1.48091 13.998 1.17048C13.998 0.860046 13.8747 0.562331 13.6552 0.342824C13.4358 0.123318 13.1381 0 12.8277 0C12.5173 0 12.2196 0.123318 12.0002 0.342824L7 5.35536L1.99983 0.342824C1.78036 0.123318 1.48268 -2.31288e-09 1.1723 0C0.861913 2.31288e-09 0.56424 0.123318 0.344765 0.342824C0.125289 0.562331 0.00198911 0.860046 0.00198911 1.17048C0.00198911 1.48091 0.125289 1.77862 0.344765 1.99813L5.35659 6.99901L0.344765 11.9999C0.235521 12.1083 0.148811 12.2372 0.0896384 12.3792C0.0304655 12.5213 0 12.6736 0 12.8275C0 12.9814 0.0304655 13.1338 0.0896384 13.2758C0.148811 13.4179 0.235521 13.5468 0.344765 13.6552C0.453117 13.7644 0.582027 13.8512 0.724059 13.9103C0.866091 13.9695 1.01843 14 1.1723 14C1.32616 14 1.47851 13.9695 1.62054 13.9103C1.76257 13.8512 1.89148 13.7644 1.99983 13.6552L7 8.64265L12.0002 13.6552C12.1085 13.7644 12.2374 13.8512 12.3795 13.9103C12.5215 13.9695 12.6738 14 12.8277 14C12.9816 14 13.1339 13.9695 13.2759 13.9103C13.418 13.8512 13.5469 13.7644 13.6552 13.6552C13.7645 13.5468 13.8512 13.4179 13.9104 13.2758C13.9695 13.1338 14 12.9814 14 12.8275C14 12.6736 13.9695 12.5213 13.9104 12.3792C13.8512 12.2372 13.7645 12.1083 13.6552 11.9999L8.64341 6.99901Z' fill='%23B5B5B5'/%3E%3C/svg%3E");
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}

.custom-pop-up__close:hover {
  background-color: #f0f0f0;
}

.custom-pop-up__title {
  padding: 16px 54px 16px 20px;
  font-weight: 500;
  font-size: 19px;
  line-height: 22px;
  color: #0b5483;
}

.custom-pop-up__inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 4px 20px 20px;
}

.big-blue-btn {
  display: block;
  height: 40px;
  width: 100%;
  margin: 0 auto;
  background: #479cd3;
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.12);
  border-radius: 8px;
  border: 0;
  text-decoration: none;
  text-transform: none;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  text-align: center;
  letter-spacing: 1.5px;
}

.big-blue-btn--active {
  background: #176ca4;
}

.big-blue-btn:hover {
  -webkit-box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.3);
          box-shadow: 0px 4px 4px rgba(117, 117, 117, 0.3);
}

.big-blue-btn:active {
  background: #479cd3;
}

.big-blue-btn:disabled {
  background: #ccc;
}

.blue-btn,
.cancel-btn,
.outline-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 5px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 0;
}

.outline-btn {
  font-weight: 500;
  padding: 7px 12px;
  color: #479CD3;
  border: 1px solid #479CD3;
  border-radius: 8px;
  background: transparent;
}

.outline-btn--wide {
  width: 100%;
}

.outline-btn:hover {
  -webkit-box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
          box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
}

.outline-btn:active {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.blue-btn {
  background: #80acc9;
  color: #fff;
}

.blue-btn--active {
  background: #518eb7;
}

.blue-btn:hover {
  -webkit-box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
          box-shadow: 2px 4px 4px rgba(117, 117, 117, 0.25);
}

.blue-btn:active {
  background: #479cd3;
}

.blue-btn:disabled {
  pointer-events: none;
}

.blue-btn:disabled,
.blue-btn--not-selected,
.moderation-pop-up__spoller:not(._active) {
  color: #808080;
  background: #e7e7e7;
}

.cancel-btn {
  background: #ebebeb;
  color: #383838;
}

.cancel-btn--active {
  background: #e0dfdf;
}

.cancel-btn:active {
  background: #e0dfdf;
}

.cancel-btn:disabled {
  background: rgb(128, 128, 128);
  pointer-events: none;
}

.white-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 11px;
  color: #383838;
  background: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.white-btn:hover {
  color: #000;
  background-color: #f0f0f0;
  border-color: #000;
}

.white-btn:active {
  background-color: #fafafa;
}

.white-btn:disabled {
  background: #ccc;
  border-color: #ccc;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.custom-input {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #383838;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.custom-input::-webkit-input-placeholder {
  color: #383838;
}

.custom-input::-moz-placeholder {
  color: #383838;
}

.custom-input:-ms-input-placeholder {
  color: #383838;
}

.custom-input::-ms-input-placeholder {
  color: #383838;
}

.custom-input::placeholder {
  color: #383838;
}

.custom-input:hover,
.custom-input:focus {
  border-color: #323232;
}

.custom-input:focus::-webkit-input-placeholder {
  color: transparent;
}

.custom-input:focus::-moz-placeholder {
  color: transparent;
}

.custom-input:focus:-ms-input-placeholder {
  color: transparent;
}

.custom-input:focus::-ms-input-placeholder {
  color: transparent;
}

.custom-input:focus::placeholder {
  color: transparent;
}

.custom-input.has-error {
  border: 1px solid #d00000;
}

.input-wrapper {
  position: relative;
}

.input-wrapper svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  fill: #000;
}

.input-wrapper .custom-input.has-error + svg {
  top: 13px;
  -webkit-transform: translate(-100%, 0);
      -ms-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.input-wrapper--left .custom-input {
  padding-left: 45px;
}

.input-wrapper--left svg {
  left: 35px;
}

.input-wrapper--right .custom-input {
  padding-right: 45px;
}

.input-wrapper--right svg {
  right: 35px;
}

.post-tag,
.post-label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 7px 7px 0;
  padding: 3px 13px 4px;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 5px;
  font-size: 12px;
  line-height: 14px;
  border: 0;
}

.post-tag__btn,
.post-label__btn {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  width: 21px;
  height: 21px;
  border: 0;
}

.post-tag__btn:hover,
.post-label__btn:hover {
  background-size: 11px;
}

.post-tag--with-btn,
.post-label--with-btn {
  cursor: default;
  position: relative;
}

.post-tag--with-btn .post-label__btn,
.post-tag--with-btn .post-tag__btn,
.post-label--with-btn .post-label__btn,
.post-label--with-btn .post-tag__btn {
  display: block;
}

.post-tag {
  color: #808080;
  background: #f1f1f1;
}

.post-tag--with-btn {
  padding-right: 28px;
}

.post-tag__btn {
  background: transparent no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='%23B5B5B5'/%3E%3C/svg%3E");
}

.post-label {
  color: #ffffff;
  background: #80acc9;
}

.post-label svg {
  fill: #ffffff;
  margin-right: 8px;
}

.post-label--with-btn {
  padding-right: 32px;
}

.post-label--active {
  background: #4a80a4;
}

.post-label--not-selected {
  color: #808080;
  background: #e7e7e7;
}

.post-label--not-selected svg {
  fill: currentColor !important;
}

.post-label__btn {
  background: transparent no-repeat center/9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M4.32171 3.9995L6.82762 1.49906C6.93736 1.38931 6.99901 1.24045 6.99901 1.08524C6.99901 0.930023 6.93736 0.781166 6.82762 0.671412C6.71788 0.561659 6.56904 0.5 6.41385 0.5C6.25866 0.5 6.10982 0.561659 6.00008 0.671412L3.5 3.17768L0.999916 0.671412C0.890178 0.561659 0.741342 0.5 0.586149 0.5C0.430957 0.5 0.28212 0.561659 0.172382 0.671412C0.0626446 0.781166 0.000994557 0.930023 0.000994556 1.08524C0.000994554 1.24045 0.0626446 1.38931 0.172382 1.49906L2.67829 3.9995L0.172382 6.49994C0.11776 6.55413 0.0744057 6.61859 0.0448192 6.68962C0.0152327 6.76064 0 6.83682 0 6.91377C0 6.99071 0.0152327 7.06689 0.0448192 7.13792C0.0744057 7.20895 0.11776 7.27341 0.172382 7.32759C0.226558 7.38222 0.291013 7.42559 0.362029 7.45518C0.433045 7.48477 0.509217 7.5 0.586149 7.5C0.663082 7.5 0.739253 7.48477 0.810269 7.45518C0.881285 7.42559 0.94574 7.38222 0.999916 7.32759L3.5 4.82133L6.00008 7.32759C6.05426 7.38222 6.11872 7.42559 6.18973 7.45518C6.26075 7.48477 6.33692 7.5 6.41385 7.5C6.49078 7.5 6.56696 7.48477 6.63797 7.45518C6.70899 7.42559 6.77344 7.38222 6.82762 7.32759C6.88224 7.27341 6.9256 7.20895 6.95518 7.13792C6.98477 7.06689 7 6.99071 7 6.91377C7 6.83682 6.98477 6.76064 6.95518 6.68962C6.9256 6.61859 6.88224 6.55413 6.82762 6.49994L4.32171 3.9995Z' fill='white'/%3E%3C/svg%3E");
}

.custom-card {
  background: #fafafa;
  -webkit-box-shadow: 0px 1px 2px #d1d1d1;
          box-shadow: 0px 1px 2px #d1d1d1;
  border-radius: 10px;
}

.custom-scrollbar,
.search-block .autocomplete-suggestions,
.nf-filter__search-wrap .autocomplete-suggestions,
.moderation-pop-up__search-wrapper .autocomplete-suggestions {
  /* полоса прокрутки (скроллбар) */
  /* ползунок скроллбара */
  /* Стрелки */
  /*  &::-webkit-scrollbar-button:vertical:start:decrement {
        background: linear-gradient(120deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(240deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(0deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:vertical:end:increment {
        background: linear-gradient(300deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(60deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(180deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:horizontal:start:decrement {
        background: linear-gradient(30deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(150deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(270deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    }

    &::-webkit-scrollbar-button:horizontal:end:increment {
        background: linear-gradient(210deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(330deg, #02141a 40%, rgba(0, 0, 0, 0) 41%),
            linear-gradient(90deg, #02141a 30%, rgba(0, 0, 0, 0) 31%);
        background-color: #f6f8f4;
    } */
  /* Работает в Firefox */
}

.custom-scrollbar::-webkit-scrollbar,
.search-block .autocomplete-suggestions::-webkit-scrollbar,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar {
  width: 12px;
  /* ширина для вертикального скролла */
  height: 12px;
  /* высота для горизонтального скролла */
}

.custom-scrollbar::-webkit-scrollbar-track,
.search-block .autocomplete-suggestions::-webkit-scrollbar-track,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-track,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-track {
  box-shadow: 2px 2px 2px -2px rgba(34, 60, 80, 0.2) inset;
  -webkit-box-shadow: 2px 2px 2px -2px rgba(34, 60, 80, 0.2) inset;
  border-radius: 10px;
  background-color: #f9f9fd;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
.search-block .autocomplete-suggestions::-webkit-scrollbar-thumb,
.nf-filter__search-wrap .autocomplete-suggestions::-webkit-scrollbar-thumb,
.moderation-pop-up__search-wrapper .autocomplete-suggestions::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ced4da;
}

.custom-scrollbar *,
.search-block .autocomplete-suggestions *,
.nf-filter__search-wrap .autocomplete-suggestions *,
.moderation-pop-up__search-wrapper .autocomplete-suggestions * {
  scrollbar-width: thin;
  scrollbar-color: #f9f9fd #ced4da;
}

.trades-table a.charticon,
.trades-table a.charticon2,
.trades-table a.charticon3,
.custom-table a.charticon,
.custom-table a.charticon2,
.custom-table a.charticon3 {
  display: inline-block;
  border: none;
  width: 21px;
  height: 18px;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.trades-table a.charticon,
.custom-table a.charticon {
  background: url() no-repeat;
}

.trades-table a.charticon2,
.custom-table a.charticon2 {
  background: url() no-repeat;
}

.trades-table a.charticon3,
.custom-table a.charticon3 {
  background: url() no-repeat;
}

.custom-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  padding: 12px 14px;
  background: #fff;
  color: inherit;
  resize: none;
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  font-size: inherit;
  line-height: 20px;
}

.custom-textarea:hover,
.custom-textarea:focus {
  border-color: #323232;
}

.custom-textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::-moz-placeholder {
  color: transparent;
}

.custom-textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::-ms-input-placeholder {
  color: transparent;
}

.custom-textarea:focus::placeholder {
  color: transparent;
}

.custom-textarea::-webkit-input-placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::-moz-placeholder {
  color: inherit;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea:-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::-ms-input-placeholder {
  color: inherit;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.custom-textarea::placeholder {
  color: inherit;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.blue-link {
  color: #479cd3;
}

.subscription__btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6px;
  color: #ffffff;
  border-radius: 6px;
  border: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.subscription__btn svg {
  fill: #ffffff;
}

.subscription__btn span {
  display: none;
}

.subscription__btn:hover {
  background: #9aaeb5;
}

.subscription__btn--plus {
  background: #479cd3;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.3);
}

.subscription__btn--plus:hover {
  background: #61aad9;
  -webkit-box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.35);
          box-shadow: 0px 2px 4px rgba(11, 84, 131, 0.35);
}

.subscription__btn--check {
  background: #008243;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.25);
          box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.25);
}

.subscription__btn--check:hover {
  background: #00a253;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.3);
          box-shadow: 0px 2px 4px rgba(0, 130, 67, 0.3);
}

.box-title {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  color: #0b5483;
}

.box-title a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #0b5483;
  border-bottom: 1px solid #0b5483;
}

.box-title a:hover {
  border-color: transparent;
}

.search-field-with-icon {
  border: 1px solid #a5a5a5;
  border-radius: 5px;
  color: #383838;
  font-size: 14px;
  line-height: 20px;
  padding: 11px 12px 11px 46px;
  background: #fff no-repeat left 15px center/21px 26px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='26' viewBox='0 0 21 26' fill='none'%3E%3Ccircle cx='10.4113' cy='11.0268' r='6.77477' transform='rotate(-30 10.4113 11.0268)' stroke='%23383838' stroke-width='1.69369'/%3E%3Cline x1='13.3752' y1='16.1604' x2='18.4563' y2='24.9611' stroke='%23383838' stroke-width='1.69369'/%3E%3C/svg%3E");
}

.search-field-with-icon::-webkit-input-placeholder {
  color: #383838;
}

.search-field-with-icon::-moz-placeholder {
  color: #383838;
}

.search-field-with-icon:-ms-input-placeholder {
  color: #383838;
}

.search-field-with-icon::-ms-input-placeholder {
  color: #383838;
}

.search-field-with-icon::placeholder {
  color: #383838;
}

._loading input,
._loading textarea,
._loading button {
  pointer-events: none !important;
  cursor: default !important;
}

body.loader {
  overflow: hidden;
}

body.loader:before {
  position: fixed;
  z-index: 9999;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px 60px;
}

#login_link {
  cursor: pointer;
}

.templates {
  display: none;
}

@-webkit-keyframes menu-slide-down {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px);
  }
}

@keyframes menu-slide-down {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  to {
    -webkit-transform: translate(0, 5px);
            transform: translate(0, 5px);
  }
}

.datepicker-orient-top {
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-name: menu-slide-down;
          animation-name: menu-slide-down;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

._touch .datepicker td,
._touch .datepicker th {
  width: 36px;
  height: 36px;
}

.search-block .autocomplete-suggestions,
.nf-filter__search-wrap .autocomplete-suggestions,
.moderation-pop-up__search-wrapper .autocomplete-suggestions {
  width: 100%;
  top: calc(100% + 5px);
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.search-block .autocomplete-suggestion,
.nf-filter__search-wrap .autocomplete-suggestion,
.moderation-pop-up__search-wrapper .autocomplete-suggestion {
  cursor: pointer;
  width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  text-align: left;
  line-height: 20px !important;
  color: inherit;
  font-size: inherit;
  padding: 7px 14px 5px;
}

.search-block .autocomplete-selected,
.nf-filter__search-wrap .autocomplete-selected,
.moderation-pop-up__search-wrapper .autocomplete-selected {
  background: #f0f0f0;
}

.search-block .autocomplete-suggestions strong,
.nf-filter__search-wrap .autocomplete-suggestions strong,
.moderation-pop-up__search-wrapper .autocomplete-suggestions strong {
  font-weight: 700;
}

#loginDialog * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#loginDialog fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

#loginDialog .jBox-content {
  padding: 16px;
  text-align: left;
}

#loginDialog a {
  float: right;
  margin-top: 1rem;
}

#loginDialog #form_remember {
  margin-top: 1rem;
  display: block;
}

#loginDialog label {
  margin-bottom: auto;
  margin-top: 0.5rem;
}

#loginDialog input[type=text],
#loginDialog input[type=password] {
  width: 100%;
  font-size: x-large;
  padding: 0.2rem;
  border: 1px solid #666;
  margin: 4px 0px;
}

#loginDialog input[type=checkbox] {
  margin-right: 0.3rem;
}

.chat_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1em;
  margin-bottom: 15px;
  border-top: 1px dotted #ccc;
  clear: both;
}

.chat_login__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-left: 10px;
  border-radius: 3px;
  cursor: pointer;
  text-transform: uppercase;
  color: #fff !important;
}

.chat_login__item-vk {
  background-color: #4d76a1;
}

.chat_login__item-fb {
  background-color: #3b5998;
}

.chat_login__item:before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 11;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.chat_login__item:hover:before {
  border: 2px solid #fff;
  top: 3px;
  bottom: 3px;
  right: 3px;
  left: 3px;
}

.chat_login__item:first-child {
  margin-left: 0;
}

.chat_login__item > img {
  z-index: 2;
  width: 40px;
  height: 40px;
}

.chat_login__item > div {
  z-index: 10;
  font-size: 12px;
}

@media (min-width: 320px) {
  .main-logo::before {
    display: block;
    top: calc(
    8px + -3 *
      ((100vw - 320px) / 247.98)
  );
    right: calc(
    -7px + -5 *
      ((100vw - 320px) / 159.98)
  );
    width: calc(
    5px + 3 *
      ((100vw - 320px) / 247.98)
  );
    height: calc(
    5px + 3 *
      ((100vw - 320px) / 247.98)
  );
  }

  .query-search__icon {
    margin-right: calc(
    20px + 5 *
      ((100vw - 320px) / 159.98)
  );
  }
}

@media (min-width: 364.98px) {
  .alphabet__list {
    width: 300px;
  }

  .post-card__header-inner {
    min-width: 200px;
  }

  .footer-mob__social-item {
    margin-right: 20px;
  }

  .footer-mob__social-item:last-child {
    margin-right: 0;
  }

  .moderation-settings__col {
    width: calc(100% - 81px);
  }

  .footer__social-item {
    margin-right: 20px;
  }

  .footer__social-item:last-child {
    margin-right: 0;
  }
}

@media (min-width: 390px) {
  .system-messages__item {
    max-width: none;
  }
}

@media (min-width: 392px) {
  .apps-box__item {
    width: 20%;
  }
}

@media (min-width: 400px) {
  .post-card__header-inner--with-full-menu {
    width: calc(100% - 114px);
  }

  .post-card__header-inner--with-moderator-menu {
    width: calc(100% - 114px - 45px);
  }

  .post-card__header-inner--with-moderator-menu .post-card__subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .post-card__subscription {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 420px) {
  .nf-filter__checkbox--autoupdate {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media (min-width: 430px) {
  .not-found {
    padding: 30px 15px 40px;
  }

  .not-found__img-wrap {
    margin: 0 auto 100px;
  }

  .not-found__title {
    font-size: 32px;
  }

  .not-found__text {
    font-size: 19px;
  }

  .not-found__brokers-links {
    margin-top: 100px;
  }
}

@media (min-width: 470px) {
  .apps-box__item {
    width: 16.6666666667%;
  }
}

@media (min-width: 479.98px) {
  .menu__icon {
    padding: 10px;
  }

  .main-logo::before {
    right: -12px;
    width: 8px;
    height: 8px;
  }

  .main-logo__title-main {
    font-size: 25px;
  }

  .query-search__icon {
    margin-right: 25px;
  }

  .notify__body {
    width: calc(100% - 98px);
    max-width: 380px;
    right: 85px;
  }

  .usermenu__icon {
    padding-right: 24px;
  }

  .usermenu__avatar {
    width: 40px;
    height: 40px;
  }

  .usermenu__icon-arrow {
    display: block;
  }

  .menu__icon {
    padding: 10px;
  }

  .post-card__header-inner {
    min-width: 250px;
  }

  .comments__show-answers {
    position: relative;
    top: -16px;
  }

  .moderation-pop-up__inner {
    padding: 18px 25px !important;
  }
}

@media (min-width: 500px) {
  .company-box__item {
    width: 16.66%;
  }
}

@media (min-width: 535px) {
  .nf-filter__date-wrap--ec {
    width: calc((100% - 200px) / 2 - 10px);
  }

  .nf-filter__submit,
  .nf-filter__reset {
    width: 90px;
  }
}

@media (min-width: 548px) {
  .apps-box__item {
    width: 14.2857142857%;
  }
}

@media (min-width: 567.98px) {
  .subscription__btn {
    width: 135px;
  }

  .subscription__btn svg {
    display: none;
  }

  .subscription__btn span {
    display: block;
  }

  .header__message {
    display: block;
  }

  .main-logo::before {
    top: 5px;
    right: -15px;
    width: 10px;
    height: 10px;
  }

  .main-logo__title-main {
    font-size: 33px;
    line-height: 33px;
  }

  .main-logo__title-motto {
    display: block;
  }

  .notify__body {
    right: 85px;
  }

  .alphabet__list {
    width: 360px;
  }

  .world-indices__name,
  .world-indices__value {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }

  .world-indices__percent,
  .world-indices__time {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
  }

  .post-card__header-inner--with-full-menu {
    width: calc(100% - 218px);
  }

  .post-card__header-inner--with-moderator-menu {
    width: calc(100% - 218px - 45px);
  }

  .person--people .person__info {
    width: calc(100% - 205px);
  }

  .footer-mob__link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer-mob__links-item {
    margin-right: 40px;
    margin-bottom: 0;
  }

  .news-card--extended {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .news-card--extended .news-card__info {
    margin-bottom: -4px;
  }

  .news-card--paid .news-card__photo {
    padding-bottom: 64%;
  }

  .news-card__text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 44px;
    line-height: 22px;
  }

  .news-card__photo-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    margin: 0 15px 0 0;
  }

  .news-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 44px;
    line-height: 22px;
  }

  .slide-sidebar--opened {
    width: 330px;
  }

  .slide-sidebar--opened .slide-sidebar__cover {
    left: 0;
    width: calc(100vw - 330px);
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }

  .slide-sidebar--opened .slide-sidebar__banner,
  .slide-sidebar--opened .slide-sidebar__title,
  .slide-sidebar--opened .slide-sidebar__content {
    width: 298px;
  }

  .slide-sidebar--opened .slide-sidebar__slide-btn {
    right: 329px;
  }

  .slide-sidebar--opened .slide-sidebar__slide-btn svg {
    -webkit-transform: scaleX(1) rotate(-90deg);
        -ms-transform: scaleX(1) rotate(-90deg);
            transform: scaleX(1) rotate(-90deg);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .slide-sidebar__title,
  .slide-sidebar__content-inner {
    min-width: 298px;
    width: 298px;
  }

  .qn-menu__title {
    font-size: 24px;
    line-height: 30px;
  }

  .qn-menu__actions-wrap {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .qn-menu__btn--primer {
    margin: 16px 0 16px auto;
  }

  .quotes-action-block__item--select {
    margin-right: 20px;
  }

  .subscription__btn {
    width: 135px;
  }

  .subscription__btn svg {
    display: none;
  }

  .subscription__btn span {
    display: block;
  }
}

@media (min-width: 584px) {
  .company-box__item {
    width: 14.28%;
  }
}

@media (min-width: 600px) {
  .nf-filter__link span {
    display: block;
    margin-left: 10px;
  }

  .nf-filter__search-wrap {
    width: calc(50% - 10px);
  }

  .nf-filter__search-wrap--wide,
  .nf-filter__search-wrap--top {
    width: auto;
  }

  .nf-filter__search-wrap--em {
    width: calc(41% - 10px);
  }

  .nf-filter__date-wrap:not(.nf-filter__date-wrap--ec) {
    width: calc(25% - 10px);
  }

  .nf-filter__select:not(.nf-filter__select--ec) {
    width: calc(25% - 10px);
  }

  .qn-menu__btn span {
    display: block;
  }

  .qn-menu__btn svg {
    margin-right: 10px;
  }
}

@media (min-width: 620px) {
  .trades-table .flex-table__l-table {
    max-width: 125px;
  }

  .trades-table .flex-table__l-table tr th.trades-table__n,
  .trades-table .flex-table__l-table tr td.trades-table__n {
    display: table-cell;
  }

  .trades-table .trades-table__chartrow {
    display: table-cell;
  }
}

@media (min-width: 626px) {
  .apps-box__item {
    width: 12.5%;
  }
}

@media (min-width: 660px) {
  .nf-filter__date-wrap--ec {
    width: calc(25% - 10px);
  }

  .nf-filter__select--ec {
    width: calc(25% - 10px);
  }

  .nf-filter__submit,
  .nf-filter__reset {
    width: calc(16.25% - 7.5px);
  }
}

@media (min-width: 678px) {
  .company-box__item {
    width: 12.5%;
  }
}

@media (min-width: 700px) {
  .quotes-info-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }

  .quotes-info-list__item {
    max-width: none;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
  }
}

@media (min-width: 704px) {
  .apps-box__item {
    width: 11.1111111111%;
  }
}

@media (min-width: 767.98px) {
  .main {
    -webkit-box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
            box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
  }

  .main--head {
    margin-top: 10px;
    border-radius: 8px 8px 0 0;
  }

  .main__head {
    margin: 0 0 10px;
  }

  .main__post-back-link {
    margin-bottom: 0;
  }

  .main__top-content {
    padding-top: 1px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .main__selectors {
    padding: 0 10px;
  }

  .main__apps-box {
    padding: 18px 0 0;
  }

  .slide-content__tabs-link {
    padding-right: 30px;
  }

  .quote-leaders__growth {
    padding-right: 20px;
  }

  .quote-leaders__decline {
    padding-left: 20px;
  }

  .quote-leaders__row {
    width: 92%;
  }

  .quote-leaders__price {
    display: block;
  }

  .sections-box {
    font-size: 16px;
  }

  .post-card {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .post-card__title-icon {
    width: 34px;
    height: 34px;
    padding-bottom: 6px;
  }

  .post-card__title {
    font-size: 28px;
    font-weight: bold;
  }

  .post-card__text {
    font-size: 17px;
  }

  .post-head {
    margin: 0 0 25px;
  }

  .post-head__img {
    border-radius: 8px 8px 0 0;
  }

  .post-head__menu {
    top: 20px;
    right: 20px;
  }

  .post-page {
    background: #f1f1f1;
    -webkit-box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
            box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
  }

  .post-page--head {
    margin-top: 10px;
    border-radius: 8px 8px 0 0;
  }

  .post-page__banner {
    position: relative;
    min-height: 250px;
    text-align: center;
    overflow: hidden;
    /*  span {
              position: absolute;
              opacity: 0.8;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background: no-repeat center;
              background-size: cover;
              filter: blur(15px);
          } */
  }

  .post-page__banner-img {
    /* position: relative;
          z-index: 2; */
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
  }

  .user-info__wrap::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 15px;
    background: -o-linear-gradient(left, transparent 0, #f1f1f1 5px, #f1f1f1 100%);
    background: linear-gradient(to right, transparent 0, #f1f1f1 5px, #f1f1f1 100%);
    border-radius: 0 8px 0 0;
  }

  .user-info__wrap--blog {
    position: static;
  }

  .user-info__wrap--blog::after {
    width: 40px;
    background: -o-linear-gradient(left, transparent 0, #f5f5f5 10px, #f5f5f5 100%);
    background: linear-gradient(to right, transparent 0, #f5f5f5 10px, #f5f5f5 100%);
  }

  .user-info__box {
    max-width: none;
  }

  .comments__text {
    font-size: 16px;
  }

  .footer-mob__banners {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .footer-mob__banner {
    margin: 0;
  }

  .footer-mob__moex {
    width: auto;
  }

  .footer-mob__counter {
    margin: 0;
  }

  .add-post {
    -webkit-box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
            box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
  }

  .news-feed {
    -webkit-box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
            box-shadow: 0px 4px 11px 4px rgba(117, 117, 117, 0.12);
  }

  .fn-tag {
    padding: 4px 13px;
  }

  .nf-filter__date-wrap--ec {
    width: 115px;
  }

  .nf-filter__select--ec {
    width: calc((100% - 450px) / 2 - 10px);
  }

  .nf-filter__submit,
  .nf-filter__reset {
    width: 90px;
  }

  .slide-sidebar__banner {
    display: block;
  }

  .login {
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .quick-comment {
    display: none;
  }

  .lower-banner {
    display: none;
  }

  .system-messages {
    right: 40px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: auto;
  }

  .questionnaire__title {
    font-size: 28px;
    font-weight: bold;
  }

  .qn-menu__tabs-wrap {
    padding: 15px 0;
  }

  .qn-menu__tabs-control {
    display: none;
  }

  .qn-menu__mob-tabs {
    display: none;
  }

  .qn-menu__tabs {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-bottom: 0;
  }

  .qn-menu__tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
  }

  .qn-menu__tab--pc {
    display: inline-block;
  }

  .qn-menu__tab._active {
    display: inline-block;
  }

  .qn-menu__tab-link {
    margin-right: calc(
    50px + 35 *
      ((100vw - 767.98px) / 224)
  );
  }

  .qn-menu__tab-link svg {
    width: 28px;
    height: 28px;
  }

  .qn-menu__link {
    white-space: nowrap;
  }

  .selector-links {
    font-size: 16px;
  }

  .trades-table .flex-table__l-table .trades-table__name > * {
    max-width: 170px;
  }

  .qn-filters__row:last-child {
    margin-top: -130px;
  }

  .qn-filters__row:last-child .qn-filters__block {
    padding: 24px 30px 8px;
  }

  .qn-filters__block {
    width: 50%;
    padding: 48px;
  }

  .qn-filters__block:first-child {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 90px;
    border-bottom: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
  }

  .qn-filters__block:nth-child(2) {
    padding-top: 90px;
    border-bottom: 1px solid #e2e2e2;
  }

  .qn-filters__block:nth-child(3) {
    border-right: 1px solid #e2e2e2;
  }

  .qn-filters__block:last-child {
    border-right: 0;
  }

  .footer__moex {
    width: auto;
  }

  .footer__counter {
    margin: 0;
  }

  .dark-theme .user-info__wrap::after {
    background: -o-linear-gradient(left, transparent 0, #202225 5px, #202225 100%);
    background: linear-gradient(to right, transparent 0, #202225 5px, #202225 100%);
  }
}

@media (min-width: 810px) {
  .header--with-navbar .query-search__body {
    height: auto;
  }

  .header__search {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0 25px 0 15px;
  }

  .header__search-query {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 510px;
            flex: 0 1 510px;
    margin-right: 15px;
  }

  .header__search-alphabet {
    position: relative;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    right: 0;
  }

  .query-search__icon {
    display: none;
  }

  .query-search__body {
    position: relative;
    padding-top: 0;
    width: auto;
    height: auto;
    -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
            transform: translate(0, 0);
  }

  .query-search__form {
    max-width: 510px;
  }

  .query-search__btn {
    display: block;
  }

  .query-search__input {
    background: #1f1f1f;
    padding: 5px 28px 5px 38px;
    border: 1px solid transparent;
  }

  .query-search__input-arrow {
    right: 10px;
  }

  .alphabet__icon {
    opacity: 0;
    visibility: hidden;
  }

  .alphabet__icon:hover span {
    -webkit-transform: scale(1.3) translate(0, 1px);
        -ms-transform: scale(1.3) translate(0, 1px);
            transform: scale(1.3) translate(0, 1px);
    color: #fff;
  }

  .alphabet__body {
    right: 0;
    top: 45px;
  }

  .qn-filters__content {
    max-height: 80vh;
    min-height: 467px;
    height: auto;
    width: 90%;
  }

  .qn-filters__block:last-child {
    border-bottom: 0;
  }
}

@media (min-width: 920px) {
  .arrow-to-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    z-index: -1;
    bottom: 50px;
    left: calc(50vw + 384px + 15px);
    background: none;
    border: 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .arrow-to-top--visible {
    z-index: 99;
    opacity: 1;
    visibility: visible;
  }

  .arrow-to-top svg {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    fill-opacity: 0.2;
  }

  .arrow-to-top:hover svg {
    fill-opacity: 0.4;
  }

  .transfer-btn--to-old {
    z-index: 11;
    visibility: visible;
  }
}

@media (min-width: 991.98px) {
  .header__content {
    padding: 0 20px;
  }

  .header__menu {
    margin-right: 15px;
    margin-left: -10px;
  }

  .header__message {
    margin-right: 30px;
  }

  .header__notify {
    margin-right: 35px;
  }

  .notify__body {
    right: 110px;
  }

  .usermenu__icon {
    padding-right: 36px;
  }

  .usermenu__icon-arrow {
    right: 12px;
  }

  .navbar__wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer-mob__banners {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .footer-mob__social-box {
    margin: 14px 0 30px;
  }

  .qn-menu__tab-link {
    margin-right: 85px;
  }

  .qn-filters__content {
    max-width: 800px;
  }

  .footer {
    padding-bottom: 0;
  }

  .footer__list {
    font-family: Tahoma, "Open Sans", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .footer__item-title {
    padding: 0 16px;
    cursor: default;
    color: gray;
    line-height: 26px;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
  }

  .footer__item-title svg {
    display: none;
  }

  .footer__sub-list {
    display: block;
    padding: 8px 0 8px;
  }

  .footer__link {
    padding: 8px 16px;
    font-size: 13px;
    color: #fff;
  }

  .footer__social-box {
    margin: 14px 0 30px;
  }
}

@media (min-width: 992px) {
  .custom-radio a:hover {
    text-decoration: none;
  }
}

@media (min-width: 1020px) {
  .quotes-info-list__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
            flex: 0 0 33.33%;
    width: 33.33%;
  }
}

@media (min-width: 1080px) {
  .right-panel .arrow-to-top {
    left: calc((100vw - 768px) / 2 - 65px);
  }

  .transfer-btn--to-old {
    left: 10px;
  }

  .transfer-btn--to-old .transfer-btn__big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .transfer-btn--to-old .transfer-btn__small {
    display: none;
  }

  .right-panel .transfer-btn--to-old {
    left: calc((100vw - 768px) / 4 - 24px);
  }
}

@media (min-width: 1170px) {
  .menu__body .simplebar-content-wrapper {
    margin-bottom: -15px;
  }

  .menu__body .simplebar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .menu__list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 auto;
    padding: 0 10px;
    height: 100%;
  }

  .menu__item--stocks .menu__sub-item.menu__sub-item--mb {
    margin-bottom: 190px;
  }

  .menu__item--comb .menu__sub-list {
    padding-bottom: 26px;
  }

  .menu__item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    width: 230px;
    padding: 20px 0 20px;
    min-height: calc(100vh - 51px);
    border-left: 1px solid #3F3F3F;
  }

  .menu__item:last-child {
    border-right: 1px solid #3F3F3F;
  }

  .menu__item::after {
    content: "";
    display: block;
    position: absolute;
    top: 547px;
    right: 0;
    width: 100%;
    height: 5px;
  }

  .menu__item--feeds::after {
    background: #F59300;
  }

  .menu__item--forum::after {
    background: #3FAEFF;
  }

  .menu__item--quotes::after {
    background: #0F8C14;
  }

  .menu__item--stocks::after {
    background: #F51010;
  }

  .menu__item--comb::after {
    background: #414141;
  }

  .menu__item-title {
    cursor: default;
    margin-bottom: 10px;
    padding: 0 20px;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.5;
  }

  .menu__item-title svg {
    display: none;
  }

  .menu__item-title--f-size {
    font-size: 18px;
    line-height: 28px;
  }

  .menu__item-title::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d4d4d4;
    margin-right: 15px;
  }

  .menu__sub-list {
    display: block;
  }

  .menu__sub-item--mb {
    margin-bottom: 21.5px;
  }

  .menu__sub-item--border {
    border-top: 1px solid #3F3F3F;
    padding-top: 21.5px;
  }

  .menu__link {
    padding: 10px 20px;
  }

  .menu__link:hover {
    background: #F59300;
  }

  .menu__comb-item:not(:last-child) {
    border-bottom: 1px solid #3F3F3F;
  }

  .menu__comb-item:not(:first-child) {
    margin-top: 20px;
  }
}

@media (min-width: 1180px) {
  .transfer-btn--to-new {
    left: 50px;
    top: auto;
    bottom: 50px;
    z-index: 99999;
    visibility: visible;
  }

  .transfer-btn--to-new .transfer-btn__small {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

@media (min-width: 1200px) {
  .moderation-pop-up__sub-title--mt {
    margin-top: 12px;
  }

  .moderation-pop-up__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 418px;
    width: 1080px;
    padding: 25px !important;
  }

  .moderation-pop-up__btns {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .moderation-pop-up__btn {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .moderation-pop-up__spollers {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 310px;
  }

  .moderation-pop-up__column {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 360px;
            flex: 0 0 360px;
    height: 100%;
    padding: 0 25px;
    margin: 0 25px;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    -ms-flex-item-align: start;
        align-self: flex-start;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .moderation-settings__wrap {
    padding-bottom: 0;
  }

  .moderation-settings__inner {
    padding: 0;
    border: 0;
  }

  .moderation-settings__heading {
    max-height: 155px;
  }

  .qn-menu__actions-wrap {
    width: auto;
  }
}

@media (min-width: 1220px) {
  .right-panel ._mobile-container {
    margin-left: calc((100vw - 768px - 320px) / 2);
  }

  .right-panel .arrow-to-top {
    left: calc((100vw - 768px - 320px) / 4 - 25px);
  }

  .slide-sidebar--opened .slide-sidebar__banner,
  .slide-sidebar--opened .slide-sidebar__title,
  .slide-sidebar--opened .slide-sidebar__content {
    width: 300px;
  }

  .slide-sidebar--mob {
    z-index: 8;
    top: 60px;
    width: 315px;
    height: calc(100% - 60px);
    padding: 15px 15px 0 0;
  }

  .slide-sidebar--mob,
  .slide-sidebar--mob--opened {
    width: 315px;
    padding: 15px 15px 0 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .slide-sidebar--mob .slide-sidebar__banner,
  .slide-sidebar--mob .slide-sidebar__title,
  .slide-sidebar--mob .slide-sidebar__content,
  .slide-sidebar--mob--opened .slide-sidebar__banner,
  .slide-sidebar--mob--opened .slide-sidebar__title,
  .slide-sidebar--mob--opened .slide-sidebar__content {
    width: 300px;
  }

  .slide-sidebar--mob .slide-sidebar__cover,
  .slide-sidebar--mob .slide-sidebar__slide-btn {
    display: none;
  }

  .slide-sidebar--mob .slide-sidebar__fix-btn {
    display: none;
  }

  .slide-sidebar__title,
  .slide-sidebar__content-inner {
    min-width: 300px;
    width: 300px;
  }

  .right-panel .transfer-btn--to-old {
    left: calc((100vw - 768px - 320px) / 4 - 20px);
  }
}

@media (min-width: 1230px) {
  .right-panel .arrow-to-top {
    left: calc((100vw - 768px - 320px) / 2 + 768px + 15px);
  }
}

@media (min-width: 1400px) {
  .right-panel .transfer-btn--to-old {
    left: 10px;
  }

  .right-panel .transfer-btn--to-old .transfer-btn__big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .right-panel .transfer-btn--to-old .transfer-btn__small {
    display: none;
  }
}

@media (min-width: 1420px) {
  .transfer-btn--to-new {
    top: 10px;
    left: 10px;
    bottom: auto;
  }

  .transfer-btn--to-new .transfer-btn__big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }

  .transfer-btn--to-new .transfer-btn__small {
    display: none;
  }
}

@media (min-width: 1530px) {
  .main__forums-slider {
    display: none;
  }

  .right-panel .arrow-to-top {
    left: calc((100vw - 768px) / 2 - 65px);
  }
}

@media (min-width: 1540px) {
  .right-panel ._mobile-container {
    margin-left: auto;
  }
}

@media (min-width: 1600px) {
  .right-panel .arrow-to-top {
    left: calc((100vw - 768px) / 2 + 768px + 15px);
  }
}

@media (min-width: 1696px) {
  .right-panel-wide ._wide-container {
    margin-left: calc((100vw - 1244px - 320px) / 2);
  }

  .right-panel-wide .qn-menu__actions-wrap {
    max-width: calc(100vw - 320px - 30px) !important;
  }

  .right-panel-wide .arrow-to-top {
    left: calc((100vw - 1244px - 320px) / 4 - 25px);
  }

  .slide-sidebar--wide {
    z-index: 8;
    width: 315px;
    top: 270px;
    height: calc(100% - 270px);
    padding: 15px 15px 0 0;
  }

  .slide-sidebar--wide,
  .slide-sidebar--wide--opened {
    width: 315px;
    padding: 15px 15px 0 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .slide-sidebar--wide .slide-sidebar__banner,
  .slide-sidebar--wide .slide-sidebar__title,
  .slide-sidebar--wide .slide-sidebar__content,
  .slide-sidebar--wide--opened .slide-sidebar__banner,
  .slide-sidebar--wide--opened .slide-sidebar__title,
  .slide-sidebar--wide--opened .slide-sidebar__content {
    width: 300px;
  }

  .slide-sidebar--wide .slide-sidebar__cover,
  .slide-sidebar--wide .slide-sidebar__slide-btn {
    display: none;
  }

  .slide-sidebar--wide .slide-sidebar__fix-btn {
    display: none;
  }
}

@media (min-width: 1706px) {
  .right-panel-wide .arrow-to-top {
    left: calc((100vw - 1244px - 320px) / 2 + 1244px + 15px);
  }
}

@media (min-width: 1920px) {
  .usermenu {
    position: relative;
  }

  .usermenu__body {
    top: 58px;
    right: 0;
  }

  .qn-filters {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .qn-filters__content {
    max-height: 90vh;
    min-height: 467px;
    max-width: none;
    height: auto;
    width: 1320px;
    padding-bottom: 30px;
    overflow: visible;
  }

  .qn-filters__row {
    border-bottom: 1px solid #e2e2e2;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }

  .qn-filters__row:last-child {
    margin-top: 0;
  }

  .qn-filters__row:last-child .qn-filters__block {
    padding: 24px 30px 32px;
    width: auto;
  }

  .qn-filters__block {
    width: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    padding: 76px 30px 16px;
    border-bottom: 0;
  }

  .qn-filters__block:first-child {
    padding-top: 76px;
    padding-left: 48px;
    border-bottom: 0;
  }

  .qn-filters__block:nth-child(2) {
    padding-top: 76px;
    padding-right: 30px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 0;
  }

  .qn-filters__block:nth-child(3) {
    padding-left: 30px;
  }

  .qn-filters__block:last-child {
    border-right: 0;
    padding-right: 48px;
    width: 235px;
  }

  .qn-filters__field {
    width: 267px;
  }

  .qn-filters__field:last-child .optWrapper {
    max-height: 130px;
  }
}

@media (min-width: 2016px) {
  .right-panel-wide ._wide-container {
    margin-left: auto;
  }

  .right-panel-wide .arrow-to-top {
    left: calc((100vw - 1244px) / 2 - 65px);
  }
}

@media (min-width: 2086px) {
  .right-panel-wide .arrow-to-top {
    left: calc((100vw - 1244px) / 2 + 1244px + 15px);
  }
}

@media (max-width: 767.98px) {
  .slide-sidebar--not-on-mobile {
    display: none;
  }

  .with-lower-banner .footer,
  .with-lower-banner .footer-mob {
    padding-bottom: 50px;
  }

  .with-lower-banner .slide-sidebar__fix-btn,
  .with-lower-banner .quick-comment__btn {
    display: none;
  }

  .with-lower-banner .arrow-to-top {
    bottom: 75px;
  }
}

@media (max-width: 600px) {
  .nf-filter__date-wrap .nf-filter__date {
    padding-left: 35px;
    padding-right: 5px;
  }

  .nf-filter__date-wrap svg {
    left: 27.5px;
  }
}

@media (max-width: 479.98px) {
  .nf-filter__autoupdate {
    visibility: hidden;
  }
}

@media (orientation: portrait) {
  .news-feed__empty {
    margin: 10vh 0 auto 0;
  }
}
.comments__footer._loading::before
{
	background-image: url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/preloader.gif');
}

.post-card__photo-wrap
{
	background: no-repeat center/100% url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/icons/post-card/avatar_64x64.jpg');
}

.tarif-card__pop-up-list li::before
{
	background: no-repeat 0 -2px/100% url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/icons/post-card/check.svg');
}

.tarif-card__pop-up-list li.tarif-card__pop-up-item--disabled::before
{
	background: no-repeat 0 -2px/100% url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/icons/post-card/cross.svg');
}

.not-found__img
{
	background: no-repeat center/100% url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/404-dark.png');
}

.dark-theme .not-found__img {
	background-image: url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/404-light.png');
}

body.loader:before {
	background: rgba(255, 255, 255, 0.8) url(/plugins/mobile/templates/skin/default/actions/ActionMobile/images/preloader.gif) no-repeat;
}

.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
.js-tooltip {
  --offset: 14px;
  --pointer-size: 10px;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: #666;
  opacity: 0;
  width: auto;
  max-width: calc(100% - 32px);
}

.js-tooltip,
.js-tooltip * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.js-tooltip--top {
  padding-bottom: var(--offset);
  -webkit-animation: none;
          animation: none;
}

.js-tooltip--bottom {
  padding-top: var(--offset);
  -webkit-animation: none;
          animation: none;
}

.js-tooltip--shown {
  z-index: 9999;
  opacity: 1;
  visibility: visible;
}

.js-tooltip--shown.js-tooltip--top {
  -webkit-animation: to-bottom 0.3s ease-in-out;
          animation: to-bottom 0.3s ease-in-out;
}

.js-tooltip--shown.js-tooltip--bottom {
  -webkit-animation: to-top 0.3s ease-in-out;
          animation: to-top 0.3s ease-in-out;
}

.js-tooltip__pointer {
  position: absolute;
}

.js-tooltip__pointer::before,
.js-tooltip__pointer::after {
  content: "";
  width: calc(var(--pointer-size) * 1.4);
  height: calc(var(--pointer-size) * 1.4);
  position: absolute;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.js-tooltip__pointer::before {
  z-index: 2;
}

.js-tooltip__pointer::after {
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.js-tooltip__pointer--top,
.js-tooltip__pointer--bottom {
  width: calc(var(--pointer-size) * 2);
  height: var(--pointer-size);
  left: calc(50% - var(--pointer-size));
}

.js-tooltip__pointer--top::before,
.js-tooltip__pointer--top::after,
.js-tooltip__pointer--bottom::before,
.js-tooltip__pointer--bottom::after {
  left: calc(var(--pointer-size) * 0.3);
}

.js-tooltip__pointer--top {
  bottom: auto;
  top: var(--offset);
}

.js-tooltip__pointer--top::before,
.js-tooltip__pointer--top::after {
  bottom: 1px;
}

.js-tooltip__pointer--bottom {
  top: auto;
  bottom: var(--offset);
}

.js-tooltip__pointer--bottom::before,
.js-tooltip__pointer--bottom::after {
  top: 1px;
}

.js-tooltip__container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.js-tooltip__container > * {
  position: relative;
  z-index: 3;
}

.js-tooltip__content {
  text-align: inherit;
  padding: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

@-webkit-keyframes to-bottom {
  0% {
    -webkit-transform: translateY(-5px) scale(0.8);
            transform: translateY(-5px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

@keyframes to-bottom {
  0% {
    -webkit-transform: translateY(-5px) scale(0.8);
            transform: translateY(-5px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes to-top {
  0% {
    -webkit-transform: translateY(5px) scale(0.8);
            transform: translateY(5px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

@keyframes to-top {
  0% {
    -webkit-transform: translateY(5px) scale(0.8);
            transform: translateY(5px) scale(0.8);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
    opacity: 1;
  }
}

.dark-theme .js-tooltip {
  color: #e9e9e9;
}

.dark-theme .js-tooltip__container {
  background: #2a2c30;
}

.dark-theme .js-tooltip__pointer::before,
.dark-theme .js-tooltip__pointer::after {
  background: #2a2c30;
}


.js-tooltip--shown.js-tooltip-no-anime.js-tooltip--top {
  -webkit-animation: none;
  animation: none;
}

.js-tooltip--shown.js-tooltip-no-anime.js-tooltip--bottom {
  -webkit-animation: none;
  animation: none;
}
.cookie_warning
{
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-color: white;
	z-index: 100;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	font: 10pt Verdana,sans-serif;
}

.cookie_warning--active
{
	display: flex;
}

.cookie_warning__text
{
	margin-right: 20px;
	word-break: break-word;
}

.cookie_warning__text a
{
	color: #77b3ff;
	text-decoration: underline;
	word-break: break-word;
}

.cookie_warning__read
{
	font-weight: 600;
}

.cookie_warning__apply
{
	padding: 8px 10px;
	border: 0px;
	font: 10pt Verdana, sans-serif;
	border-radius: 8px;
	background-color: #479cd3;
	color: white;
	letter-spacing: 0.5px;
}
*[tid] .post-card__text *[name="cut"] { margin-bottom: 2em; display: block; }


.post-card__text h2,
.post-card__text h3,
.post-card__text h4,
.post-card__text h5,
.post-card__text h6 {
  padding: 20px 0 6px 0;
  font-size: 20px;
  font-weight: 600;
}

/* цвет точки в логотипе. для разных разделов должен означать разное. пока везде такой. возможно надо делать классом */
.main-logo::before
{
	background: #F59300;
}

/* какое-то старое гавно от табов. сейчас даже таких классов не найду - удалить */
.main__sections-box .sections-box__slide a
{
	font-weight: normal;
}

.main__sections-box .sections-box__slide.sections-box__slide--active a
{
	font-weight: 600;
}
/* -- */


/* эта фигня чисто для котир (ты ее вроде перенес), в мобильной версии у нас другой класс */
.footer
{
	margin-top: 0;
}

/* это вроде ты перенес - прячет кнопку быстрого коментирования */
.quick-comment--hidden
{
	display: none;
}

/* это беда с большими картинками без всяких оберток (больше ширины), которые все растягивали. Вроде у тебя тоже перенесено */
.post-card img
{
		max-width: 100%;
		width: auto;
		height: auto;
}

/* это беда растяижки цитатами кода */
.post-card__text pre
{
	overflow-x: auto;
}

/* глазик просмотров на карточке поста по умолчанию не показываем, т.к. у нас просмотры считаются не для всего, а шаблон универсальный */
.post-card__btn.views
{
	display: none;
}

/* какие-то мутки в фильтрах с датами. видимо везде хотели огранчить длину, я сделал как умел ))
http://smart-lab.ru/mobile/calendar/index/country_0/2021-03-05/
https://smart-lab.ru/mobile/allnews/?lenta=1
*/
.news-card__date
{
	width: 150px;
	flex: 0 0 150px;
}

/* это переносить не надо */
.post-page__banner--top
{
	margin-top: 1em;
	margin-bottom: 1em;
}


/* курсор в премиум заглушках. поскольку у а нету href, то курсор показывается не тот (клик у нас озвучивается скриптом).
для этих дел вручную ставлю - https://smart-lab.ru/mobile/topic/980405/ например тут "Есть Smart-Lab Premium? Войдите" */

#login_link
{
	cursor: pointer;
}


/* размер шрифта в комментариях - это ты вроде перенес */

.comments__text
{
	font-size: 15px;
}

@media (min-width: 767.98px)
{
	.comments__text
	{
		font-size: 16px;
	}
}

/* страница статистики мобильной - https://smart-lab.ru/mobile/stat/ надо иметь права. хз надо ли переносить */
.stat-page__stat
{
	font-family: inherit;
		max-width: 100%;
		padding: 14px 10px 4px;
		background: #ffffff;
		-webkit-box-shadow: 0px 4px 4px rgb(117 117 117 / 12%);
		box-shadow: 0px 4px 4px rgb(117 117 117 / 12%);
		box-sizing: border-box;
}
.stat__btns
{
	display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		margin-bottom: 20px;
}
.stat__btns--bottom
{
	margin-top: 20px;
}
.stat__btns a
{
	-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 20px);
		flex: 0 0 calc(50% - 20px);
		margin: 0 10px;
}
/* --- */

/* мои мутки с баннерами, их переносить не надо */
@media (min-width: 480px)
{
	.post-page__banner
	{
		min-height: auto;
	}
}
.post-page__banner-wrapper 
{
	min-height: 250px; font-size: 0;
}
.post-page__banner-wrapper .post-page__banner-img.desktop
{
	display: inline-block; width: 50%; vertical-align: top;
}

/* --- */

/* когда-то кастом селекты могли случаться неприлично огромными - я это ограничивал */
.custom-select__list
{
	max-height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}

/* какой-то костылек, блокирующий события на момент загрузки ленты */
._loading input,
._loading textarea,
._loading button
{
	pointer-events: none !important;
	cursor: default !important;
}

/* страница мобильной регистрации https://smart-lab.ru/mobile/registration/ */
.login input:invalid
{
	border: 1px solid #d00000;
}

.login .login__error
{
	margin-top: 5px;
		font-size: 12px;
		line-height: 14px;
	color: #d00000;
}

.custom-input.has-error
{
	border: 1px solid #d00000;
}

.input-wrapper .custom-input.has-error+svg
{
	top: 35%;
}

.login .social-login__btn
{
	cursor: pointer;
}

/* --- */

/* блок "главные темы" - появляется на главной под котировками, но до баннера */
.main__themes
{
	text-align: center;
	padding: 10px 0 10px 0;
}
.dark-theme .main__themes a{
	color: #ffffff;

}


.main__themes a {
	display: block;
	padding: 10px 10px 10px 10px;
	color: #ffffff;
	font-weight: 500;
	word-break: normal;
	background-color: red;
}

/* --- */


/* на маленьких экранах галку автообновления ленты скрываем. например тут http://smart-lab.ru/mobile/allblog/?lenta=1 */
@media (max-width: 479.97px)
{
	.nf-filter__autoupdate
	{
		visibility: hidden;
	}
}

/* хуй знает что это такое */
.nf-filter__body-nodate .nf-filter__date-wrap
{
	display: none;
}

/* фильтр на страницах блога пользователя: поле поиска - http://smart-lab.ru/mobile/users/cdb/blog/ я подгонял как мог, не факт что правильно */
@media (min-width: 600px) {
	.nf-filter__search-wrap.nf-filter__search-wrap--em {
		width: calc(41% - 10px);
	}
}


/* на страницах http://smart-lab.ru/mobile/tag/%D0%B3%D0%B0%D0%B7%D0%BF%D1%80%D0%BE%D0%BC/ надпись "всего найдено" - используется только на страницах тегов */
.news-feed__header-total
{
	margin: 6px;
}

/* ------------- */

/* в темной теме кастомные комбобоксы при дисеблинге выглядят говном - стрелочка не в цвет и т.п. */
.dark-theme .custom-select__main-btn:disabled {
	color: #777;
	border: 1px solid #777;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M3 7L10 14L17 7' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
}


/* модификация попапов, родилась когда надо было сделать совместимость старых и новых попапов. мы договорились и пришли к какой-то логике
	для ускорения реализации я вписал эти кастыли, их надо обязательно внести вместо прежнего. все последующие это перекрывают по необходимости */
.custom-pop-up__content
{
	z-index: auto; /* если тут 3 то начинают глючить другие глюкавые компоненты. если эта тычка не нужна, то давай ее уберем */
}

.custom-pop-up__inner
{
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
		padding: 4px 20px 20px;
}
/* --- */


/* все ворнинг попапы получают это */
.warning-popup__content
{
	padding: 0;
}

.warning-popup__text
{
	margin: 0px 0 25px;
}

/* --- */


/* login popup begin */
.login-popup .custom-pop-up__inner {
	min-height: 0;
	width: 500px;
	max-width: calc(100vw - 20px);
}

.login-popup .login__form {
	max-width: 100%;
}

.login-popup .social-login__btn
{
	cursor: pointer;
}

/* login popup end */


/* notifies begin */
.system-messages
{
	z-index: 10000;
}

/* тут важно перенести т.к. у нас курсор при наведении на попандер херовый, а по нему можно кликать */
.system-messages__item-inner
{
	cursor: pointer;
}
/* notifies end */



/* abuse popup begin */
.abuse-popup .warning-popup__text
{
	margin: 0 0 20px 0;
}

.abuse-popup .custom-pop-up__inner {
	min-height: 0;
	width: 500px;
	max-width: calc(100vw - 20px);
}
/* abuse popup end */


/* админка премиумы popup begin */
.premium-popup .custom-pop-up__inner  {
	min-height: 0;
	width: 500px;
	height: 300px;
	max-width: calc(100vw - 20px);
}

.premium-popup .warning-popup__text
{
	margin: 0 0 20px 0;
	height: calc(100% - 64px);
}

.premium-popup [name="user"]
{
	width: 100%;
	box-sizing: border-box;
}


.premium-popup .user_searchbox
{
	display: flex;
}

.premium-popup .user_searchbox input[type="button"]
{
	margin-left: 4px;
}

.premium-popup .hider
{
	text-align: center;
	margin-top: 50px;
}

.premium-popup .applyer
{
	display: none;
	margin-top: 20px;
}

.premium-popup .applyer #premium_interval
{
	width: auto;
	border: 1px solid #a5a5a5;
	border-radius: 5px;
}

.premium-popup #premium_until_dt_hider
{
	display: none;
}

.premium-popup #premium_until_dt.good
{
	color: green;
}

.premium-popup #premium_until_dt.bad
{
	color: red;
}

.premium-popup [name="premium_until_dt"]
{
	font-size: 16px;
	padding: 2px 8px;
	border: 1px solid #ccc;
	max-width: 120px;
}


.premium-popup #premium_amdin_user
{
	font-size: 16px;
	padding: 2px 8px;
	border: 1px solid #ccc;
}

.premium-popup #premium_amdin_user_find
{
	padding: 8px 16px;
	appearance: button;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.premium-popup .user_searchbox_results
{
	position: fixed;
}


.user_searchbox_results .autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64) }
.user_searchbox_results .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.user_searchbox_results .autocomplete-no-suggestion { padding: 2px 5px;}
.user_searchbox_results .autocomplete-selected { background: #F0F0F0; }
.user_searchbox_results .autocomplete-suggestions strong { font-weight: bold; color: #000; }
.user_searchbox_results .autocomplete-group { padding: 2px 5px; }
.user_searchbox_results .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }


.dark-theme .user_searchbox_results .autocomplete-suggestions { background: #1f1f1f; }
.dark-theme .user_searchbox_results .autocomplete-suggestions strong { font-weight: bold; color: #479cd3; }
.dark-theme .user_searchbox_results .autocomplete-selected { background: #4f4f4f; }


/* админка премиумы popup end */

.warning-popup__text_multiple
{
	margin-top: 1em;
}

.warning-popup__text_multiple label
{
	display: block;
	margin-bottom: 0.5em;
}

.warning-popup__text_multiple input
{
	vertical-align: bottom;
	margin-right: 0.2em;
}


.tiktok-embed
{
	max-height: 100%;
	margin: 0 auto !important;
}


/* глазик в пароль */
.password_eye
{
	position: absolute;
	right: 45px;
	top: 50%;
	cursor: pointer;
	user-select: none;
}

.password_eye > svg
{
	fill: #777;
}

.password_eye > .show
{
	display: block;
}

.password_eye > .hide
{
	display: none;
}

.password_eye.hidden > .show
{
	display: none;
}

.password_eye.hidden > .hide
{
	display: block;
}

/* фиксы коментов */


.comments__content + .comments__footer
{
	margin-top: 12px;
}

.comments__footer + .comments__show-answers
{
	top: 8px;
	margin-bottom: 24px; /* 16 + 8 */
}

.comments__footer
{
	margin-bottom: 10px;
}

/* регистрация */


.custom-checkbox:hover span,
.custom-checkbox:hover .custom-checkbox__text {
	color: inherit;
}

.custom-checkbox .custom-checkbox__text
{
	line-height: 1.6em;
}

.custom-checkbox .custom-checkbox__text a {
	text-decoration: underline;
	word-break: break-word;
}

.custom-checkbox input + span,
.custom-checkbox__input + span
{
	display: inline;
}

/* notifications */
.main__item.event
{
	display: flex;
}

.main__item.event[url]
{
	cursor: pointer;
}

.main__item.event .post-card__photo
{
	width: 54px;
	height: 54px;
}

.main__item.event .event__inner
{
	word-break: break-word;
}

.main__item.event .event__inner img
{
	max-width: 100%;
}

.main__item.event .event__inner a
{
	word-break: break-word;
}

.main__item.event .event__inner .person__name
{
	display: inline-flex;
}

.main__item.event .event__inner .person__name .person__label
{
	margin-right: 2px;
}

.main__item.event a
{
	text-decoration: none;
}

.main__item.event .event_link
{
	color: #092c7e;
}

.dark-theme .main__item.event .event_link
{
	color: #479cd3;
}

.notify-note__text a
{
	text-decoration: none;

}

.notify-note__nick a
{
	color: #61a6da;
	font-weight: bold;
}

.votes_view_box
{
	padding: 10px;
}

 .votes_view_box .vote_count, .votes_view_box .rating_count
 {
	padding: 4px;
 }

.votes_view_box .users_list
{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.votes_view_box .users_list a
{
	padding: 4px;
}

.votes_view_box .users_list .all_voters
{
	display: flex;
	justify-content: center;
	flex-direction: column;
	border-radius: 4px;
	font-size: 10px;
	padding: 8px 10px;
	color: #808080;
}


.dark-theme .votes_view_box .users_list .all_voters
{
	color: #e9e9e9;
}

.votes_view_box .users_list .all_voters:hover
{
	background-color: #f1f1f1;
}

.dark-theme .votes_view_box .users_list .all_voters:hover
{
	background-color: #202225;
}

.votes_view_box .users_list .avatar_wrapper
{
	position: relative;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

.votes_view_box .users_list .avatar_img
{
		width: 100%;
		height: 100%;
		border-radius: 50%;
		-o-object-fit: cover;
		object-fit: cover;

		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
}


.vote__head
{
	flex-direction: column;
	align-items: start;
}

.vote__head a
{
	color: #479cd3;
	margin-top: 5px;
	font-size: 16px;
	font-weight: 500;
}

.vote__head a:hover
{
	color: #2f6e98;
}


.lock-card.mozgovik_warning
{
	margin-top: 15px;
}

.fn-tag.fn-tag--feature[data-tag-id="free"]
{
	color: red;
	border: 1px solid red;

}

.cookie_warning
{
	top: 0;
	bottom: unset;
}


.comments__fan
{
	font-weight: bold;
}

.comments__fan.hidden
{
	visibility: hidden;
}

.comments_green
{
	color: #0b780b;
}


.social-login__btn--yandex {
    background: #282828;
}
.social-login__btn--yandex:hover {
  background: #2f2f2f;
}



.post-card__text blockquote {
  padding: 12px;
  border-radius: 4px;
  border-left: 2px solid #595959;
  background: rgba(121, 121, 121, 0.1);
  margin-bottom: 8px;
}

.post-card__text blockquote::before,
.post-card__text blockquote::after {
  font-size: 16px;
  line-height: 20px;
}

.post-card__text blockquote::before {
  content: "„";
}

.post-card__text blockquote::after {
  content: " ‟";
}
/* smiles */

img[smile]
{
	display: inline-block;
	border: none;
	outline: none;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-appearance: unset;
	-moz-appearance: unset;
	-ms-appearance: unset;
	-moz-force-broken-image-icon: 0;
}

img[smile="air_kiss"]
{
	width: 24px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/air_kiss.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/air_kiss.gif');
}

img[smile="bad"]
{
	width: 22px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/bad.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/bad.gif');
}

img[smile="biggrin"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/biggrin.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/biggrin.gif');
}

img[smile="blum1"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/blum1.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/blum1.gif');
}

img[smile="blush"]
{
	width: 28px;
	height: 28px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/blush.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/blush.gif');
}

img[smile="bomb"]
{
	width: 26px;
	height: 24px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/bomb.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/bomb.gif');
}

img[smile="bye2"]
{
	width: 37px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/bye2.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/bye2.gif');
}

img[smile="cool"]
{
	width: 22px;
	height: 21px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/cool.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/cool.gif');
}

img[smile="cray"]
{
	width: 31px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/cray.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/cray.gif');
}

img[smile="crazy"]
{
	width: 21px;
	height: 28px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/crazy.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/crazy.gif');
}

img[smile="dance"]
{
	width: 38px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/dance.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/dance.gif');
}

img[smile="diablo"]
{
	width: 39px;
	height: 34px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/diablo.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/diablo.gif');
}

img[smile="drinks"]
{
	width: 51px;
	height: 28px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/drinks.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/drinks.gif');
}

img[smile="gamer"]
{
	width: 36px;
	height: 33px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/gamer.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/gamer.gif');
}

img[smile="girl_angel"]
{
	width: 31px;
	height: 32px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/girl_angel.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/girl_angel.gif');
}

img[smile="give_heart"]
{
	width: 29px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/give_heart.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/give_heart.gif');
}

img[smile="give_rose"]
{
	width: 31px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/give_rose.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/give_rose.gif');
}

img[smile="good"]
{
	width: 27px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/good.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/good.gif');
}

img[smile="hang1"]
{
	width: 27px;
	height: 35px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/hang1.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/hang1.gif');
}

img[smile="hi"]
{
	width: 39px;
	height: 30px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/hi.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/hi.gif');
}

img[smile="i_am_so_happy"]
{
	width: 27px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/i_am_so_happy.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/i_am_so_happy.gif');
}

img[smile="ireful"]
{
	width: 37px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/ireful.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/ireful.gif');
}

img[smile="kiss"]
{
	width: 35px;
	height: 24px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/kiss.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/kiss.gif');
}

img[smile="kiss3"]
{
	width: 49px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/kiss3.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/kiss3.gif');
}

img[smile="lol"]
{
	width: 21px;
	height: 21px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/lol.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/lol.gif');
}

img[smile="mad"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/mad.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/mad.gif');
}

img[smile="man_in_love"]
{
	width: 21px;
	height: 28px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/man_in_love.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/man_in_love.gif');
}

img[smile="mocking"]
{
	width: 26px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/mocking.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/mocking.gif');
}

img[smile="music"]
{
	width: 27px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/music.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/music.gif');
}

img[smile="nea"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/nea.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/nea.gif');
}

img[smile="pardon"]
{
	width: 34px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/pardon.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/pardon.gif');
}

img[smile="rofl"]
{
	width: 30px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/rofl.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/rofl.gif');
}

img[smile="sad"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/sad.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/sad.gif');
}

img[smile="scratch_one-s_head"]
{
	width: 29px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/scratch_one-s_head.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/scratch_one-s_head.gif');
}

img[smile="shok"]
{
	width: 21px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/shok.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/shok.gif');
}

img[smile="shout"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/shout.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/shout.gif');
}

img[smile="smile"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/smile.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/smile.gif');
}

img[smile="sorry"]
{
	width: 32px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/sorry.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/sorry.gif');
}

img[smile="unknown"]
{
	width: 35px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/unknown.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/unknown.gif');
}

img[smile="wacko1"]
{
	width: 21px;
	height: 26px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/wacko1.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/wacko1.gif');
}

img[smile="wink"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/wink.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/wink.gif');
}

img[smile="yahoo"]
{
	width: 45px;
	height: 30px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/yahoo.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/yahoo.gif');
}

img[smile="yes"]
{
	width: 21px;
	height: 25px;
	content: url('/templates/skin/smart-lab-x3/images/smiles/yes.gif');
	background-image: url('/templates/skin/smart-lab-x3/images/smiles/yes.gif');
}
div.db_menu
{
	color: #333;
	background-color: #fff;
	position: absolute;
	z-index: 999;
	width: 280px;

	padding: 3px 0;

	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	
	-webkit-animation: context-menu 0.3s ease forwards;
	animation: context-menu 0.3s ease forwards;

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07), 0 3px 6px rgba(0, 0, 0, 0.15);

    border-radius: 3px;
}

div.dbi
{
	clear: both;
	overflow: hidden;
	cursor: default;
	padding: 4px 10px;
}

div.dbi.hilited
{
    background-color: #e2e2e2;
}

div.dbi:hover
{
	cursor: pointer;
}

.dark-theme div.db_menu
{
	color: #e9e9e9;
	background-color: #202225;
	border: 0;	
}

.dark-theme div.dbi.hilited
{
    color: #e9e9e9;
    background: #2a2c30;
}


div.dbid
{
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;

	float: left;
	overflow: hidden;
	margin-right: 8px;
}

div.dbdd div
{
	font-size: 80%;
}

div.dbdd div:first-child
{
	font-size: 100%;
	font-weight: bold;
}