@charset "UTF-8";

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/templates/skin/smart-lab-2023/fonts/Roboto-Light.woff2) format("woff2"), url(/templates/skin/smart-lab-2023/fonts/Roboto-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/templates/skin/smart-lab-2023/fonts/Roboto-Medium.woff2) format("woff2"), url(/templates/skin/smart-lab-2023/fonts/Roboto-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/templates/skin/smart-lab-2023/fonts/Roboto-Regular.woff2) format("woff2"), url(/templates/skin/smart-lab-2023/fonts/Roboto-Regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Tahoma";
  font-display: auto;
  src: url() format("woff2"), url() format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/templates/skin/smart-lab-2023/fonts/Roboto-Bold.woff2) format("woff2"), url(/templates/skin/smart-lab-2023/fonts/Roboto-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  font-display: auto;
  src: url(/templates/skin/smart-lab-2023/fonts/Roboto-Black.woff2) format("woff2"), url(/templates/skin/smart-lab-2023/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 10px 30px;
  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(/templates/skin/smart-lab-2023/images/icons/flex-table/chart-icon-small.png) no-repeat;
}

.trades-table a.charticon2,
.custom-table a.charticon2 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart2-icon-small.png) no-repeat;
}

.trades-table a.charticon3,
.custom-table a.charticon3 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart3-icon-small.png) 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);*/

  border-radius: 6px;
  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--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% - 60px);
}

.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: 15px;
  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__answers {
  /* padding-left: 15px;
  border-left: 1px solid #aaaaaa; */
}

.comments__answers .comments__item {
  margin-top: 16px;
}

.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:hover span,
.custom-checkbox:hover .custom-checkbox__text {
  color: #999;
}

.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:hover {
  border-color: #a5a5a5;
}

.news-card:visited .news-card__title {
  color: #939393;
}

.news-card:visited .news-card__title svg {
  fill: #939393;
}

.news-card__date {
  max-width: 150px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
  color: #808080;
  /* @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__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: 500;
  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__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;
}

.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__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(/templates/skin/smart-lab-2023/images/icons/flex-table/loading.gif) 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(/templates/skin/smart-lab-2023/images/icons/flex-table/chart-icon-small.png) no-repeat;
}

.trades-table a.charticon2 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart2-icon-small.png) no-repeat;
}

.trades-table a.charticon3 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart3-icon-small.png) 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__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 {
  color: #e9e9e9;
}

.dark-theme .news-card__title 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 10px 30px;
  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(/templates/skin/smart-lab-2023/images/icons/flex-table/chart-icon-small.png) no-repeat;
}

.trades-table a.charticon2,
.custom-table a.charticon2 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart2-icon-small.png) no-repeat;
}

.trades-table a.charticon3,
.custom-table a.charticon3 {
  background: url(/templates/skin/smart-lab-2023/images/icons/flex-table/chart3-icon-small.png) 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__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;
  }

  .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);
  }

  .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__photo-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
    width: 200px;
    margin: 0 15px 0 0;
  }

  .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: -90px;
  }

  .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;
  }

  .qn-menu__tabs-wrap {
    display: none;
  }

  .qn-menu__link{
    display:none;
  }
  .qn-menu__box {
    padding-bottom: 0;
    padding-top: 0;
  }
  .qn-menu__actions {
    margin: 6px 0 0;
  }
}

@media (max-width: 479.98px) {
  .nf-filter__autoupdate {
    visibility: hidden;
  }
}

@media (orientation: portrait) {
  .news-feed__empty {
    margin: 10vh 0 auto 0;
  }
}
.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 {
    z-index: auto;
}
.custom-pop-up__content {
    position: relative;
    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;
}

.custom-pop-up__inner input[type=checkbox]{
    margin: 0 4px 0 0;
}

.warning-popup__text input[type=checkbox]{
    margin: 0 4px 0 0;
}

.warning-popup {
  color: #383838;
}

.warning-popup__content {
  width: 374px;
  max-width: 100%;
  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__text strong
{
  font-weight: bold;
}

.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);
}

.dark-theme .custom-pop-up__content,
.dark-theme .custom-pop-up__close {
  background-color: #2a2c30;
}

.dark-theme .custom-pop-up__title {
  color: #e9e9e9;
}

.blue-btn,
.cancel-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;
    cursor: pointer;
}

.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;
}

.dark-theme .blue-btn{
    color: #202225;
}

.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;
}

.warning-popup__text input[type=text]{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    padding: 5px;
    background-color: inherit;
}

.warning-popup__text #premium_amdin_user {
    height: 30px;
}

.warning-popup__text #premium_amdin_user_find {
    height: 30px;
    background-color: #f5f5f5;
}

.warning-popup__text #premium_amdin_user_find:hover {
    background-color: #e5e5e5;
}

.warning-popup__text #premium_amdin_user_find:active {
    border: 1px solid #8f8f8f;
}

.warning-popup__text input[type=number]{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    background-color: inherit;
}

.warning-popup__text select{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
    background-color: inherit;
}

.warning-popup__text input[type=button]{
    background-color: #FFFFFF;
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    height: 20px;
    color: #000000;
}

.warning-popup__text textarea{
    border: 1px solid #a2a2a2;
    border-radius: 4px;
    margin-top: 5px;
    padding: 5px;
    background-color: inherit;
}

.warning-popup__text textarea[disabled]{
    background-color: #f5f5f5;
    border: 1px solid #d5d5d5;
}

.dark-theme .cancel-btn{
    color: #dcdcdc;
    background: #383838;
}

.dark-theme .warning-popup__text input[type=text] {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text select {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text select option {
    background: #2a2c30;
    color: #dcdcdc;
    border-color: #a8a8a8;
}

.dark-theme .warning-popup__text input[type=button] {
    margin-top: 5px;
    background: inherit;
    color: #dcdcdc;
    border-color: #a8a8a8;
}


.dark-theme .warning-popup__text input[type=checkbox]{
    background-color: #383838;
}

.dark-theme .warning-popup__text textarea{
    background-color: inherit;
    border: 1px solid #6b6b6b;
    border-radius: 4px;
    margin-top: 5px;
    color: #FFFFFF;
}

.dark-theme .warning-popup__text textarea[disabled]{
    background-color: #3f3f3f;
}

.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);
}

.system-messages__title {
  font-weight: 700;
}

.system-messages__link {
  color: inherit;
  text-decoration: none;
  font-weight: 700;
}

.dark-theme .wrapper,
.dark-theme .system-messages__item-inner {
  background: #202225;
}

.dark-theme .system-messages__text,
.dark-theme .system-messages__title {
  color: #e9e9e9;
}

@media (min-width: 390px) {
  .system-messages__item {
    max-width: none;
  }
}

@media (min-width: 767.98px) {
  .system-messages {
    right: 40px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    width: auto;
  }

}
.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;
}
.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;
}

#bond_results_container
{
	height: 600px;
}

.stocks-rating-main .trades-table ._hover td,
.stocks-rating-main .trades-table .flex-table__ad._hover td .flex-table__ad-text,
.stocks-rating-main .trades-table .flex-table__ad-text:hover,
.stocks-rating-main .trades-table tr:hover td {
  cursor: pointer;
}


.social-login__btns
{
	margin-top: 10px;
}

.social-login__btn
{
	width: calc(50% - 5px);
}

.social-login__btn--yandex {
    background: #282828;
}
.social-login__btn--yandex:hover {
  background: #2f2f2f;
}

.warn
{
  font-weight: bold;
  color: red;
  padding: 40px;
}

.warn a
{
  color: #479cd3;
}



.moex_index_link
{
  padding: 8px 8px 8px 0px;
}


.quotes-body__info.custom-card
{
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 16px;
}

.quotes-bond-offer-exists
{
  color: red;
}

.trades-table tr:hover td.trades-table__currency,
.trades-table tr._hover td.trades-table__currency
{
  color: inherit;
}

.trades-table__currency.cny
{
  color: white;
  background-color: #ea0000;
}

.trades-table__currency.usd
{
  color: white;
  background-color: #00841a;
}

.trades-table__currency.eur
{
  color: white;
  background-color: #050084;
}

.trades-table__currency.chf
{
  color: white;
  background-color: #c59800e0;
}

.dark-theme .trades-table__currency.cny
{
  color: #e9e9e9;
  background-color: #ea0000;
}

.dark-theme .trades-table__currency.usd
{
  color: #e9e9e9;
  background-color: #00841a;
}

.dark-theme .trades-table__currency.eur
{
  color: #e9e9e9;
  background-color: #050084;
}

.dark-theme .trades-table__currency.chf
{
  color: #e9e9e9;
  background-color: #c59800e0;
}


.comments__fan
{
  font-weight: bold;
}

.comments__fan.hidden
{
  visibility: hidden;
}

.comments_green
{
  color: #0b780b;
}
.rte-autocomplete{
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-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;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

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

.rte-autocomplete:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid white;
	position: absolute;
	top: -6px;
	left: 10px;
}

.rte-autocomplete > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	white-space: nowrap;
	text-decoration: none;
}

.rte-autocomplete >li > a:hover, .rte-autocomplete > li > a:focus, .rte-autocomplete:hover > a, .rte-autocomplete:focus > a {
	color: #fff;
	text-decoration: none;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#08c,#0077b3);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
	background-image: -webkit-linear-gradient(top,#08c,#0077b3);
	background-image: -o-linear-gradient(top,#08c,#0077b3);
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft;
}

.rte-autocomplete >.active > a, .rte-autocomplete > .active > a:hover, .rte-autocomplete > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top,#08c,#0077b3);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
	background-image: -webkit-linear-gradient(top,#08c,#0077b3);
	background-image: -o-linear-gradient(top,#08c,#0077b3);
	background-image: linear-gradient(to bottom,#08c,#0077b3);
	background-repeat: repeat-x;
	outline: 0;
	filter: progid:DXImageTransform.Microsof;
}

.mention-menu
{
	width: 280px;
	padding: 0.2em;
}

.mention-menu li
{
	height: 30px;
	display: block;
	padding: 2px 4px;
}

.mention-menu li.active
{
	background-color: Highlight;
	color: HighlightText;
}

.mention-menu li > span
{
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	padding: 2px;
	overflow: hidden;
	margin-right: 4px;
}

.mention-menu li > span img
{
	width: 24px;
	height: 24px;
	border: none;
}

.mention-menu li > div span
{
	display: block;
	font-size: 80%
}

.mention-menu li > div div
{
	font-size: 100%;
    font-weight: bold;
}
.d-none {
  display: none;
}

.full-width {
  width: 100%;
}

.d-flex {
  display: flex;
}

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

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

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

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

.align-baseline {
  align-items: baseline;
}

.justify-space-between {
  justify-content: space-between;
}

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

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

.flex-1 {
  flex: 1;
}

.blog_header {
  display: flex;
  padding: 15px 10px;
  margin-bottom: 10px;
}

.blog_logo {
  width: 138px;
  height: 138px;
  border-radius: 50%;
  overflow: hidden;
}

.blog_logo > img {
  width: 140px;
  height: 140px;
  object-fit: cover;
}

.blog_user {
  flex: 1;
  margin-left: 20px;
  position: relative;
}

.blog_info > h3 {
  margin-bottom: 10px;
  font-family: 'PT Sans';
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  color: #282828;
}

.blog_statistic {
}

.blog_statistic-item {
  margin-bottom: 5px;
}

.blog_statistic-item p {
  margin-right: 10px;
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
  color: #6B6B6B;
}

.blog_statistic-item b {
  font-family: 'PT Sans';
  font-size: 16px;
  font-weight: normal;
  line-height: 21px;
  color: #000000;
}

.blog_statistic-item-chart {
  margin-left: 60px;
}

.blog_statistic-item-chart a {
  text-decoration: none;
}

.blog_statistic-item-chart b {
  margin-right: 4px;
}

.blog_statistic-icon {
  display: flex;
  margin-right: 8px;
  min-height: 11px;
}

.blog_statistic-icon > img {
  width: 100%;
}

.blog_list {
  margin-top: 10px;
}

.blog_list > a {
  text-decoration: none;
  font-family: 'PT Sans';
  font-size: 15px;
  font-weight: normal;
  line-height: 19px;
  color: #6B6B6B;
}

.blog_list-icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.blog_list-icon > img {
  width: 100%;
}

.blog_search {
  margin-top: 15px;
}

.blog_search-input {
  position: relative;
  height: 30px;
}

.blog_search-input > input {
  height: 100%;
  width: 100%;
  padding-left: 11px;
  background: #FFFFFF;
  border: 1px solid #6B6B6B;
  box-sizing: border-box;
  border-radius: 5px;
}

.blog_search-input > input::-webkit-input-placeholder {
  font-family: 'PT Sans';
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  color: #6B6B6B;
}

.blog_search-input > input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.blog_search-icon {
  position: absolute;
  right: 10.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 17.5px;
  height: 17.5px;
  z-index: 1;
}

.blog_calendar {
  margin-left: 30px;
}

.blog_button {
  align-items: center;
  text-align: center;
  padding: 10px 25px;
  margin-bottom: 15px;
  background: #02CA82;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'PT Sans';
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #FFFFFF;
  transition: all 0.15s ease;
  width: 124px;
  border-radius: 5px;
}

.blog_button:hover {
  background: #108c5f;
}

.blog_button.subscribed
{
  background-color: #de1616;
}

.blog_item {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.blog_item-header {
  display: flex;
}

.blog_item-body {
  display: none;
  margin-top: 20px;
}

.blog_item-title {
  text-decoration: none;
  font-family: 'PT Sans';
  font-size: 18px;
  font-weight: bold;
  line-height: 23px;
  color: #FD8128;
}

.blog_item-title > h3 {
  font-family: 'PT Sans';
  margin-bottom: 8px;
}

.blog_item-time {
  display: flex;
}

.blog_item-time > span {
  font-family: Verdana;
  font-size: 12px;
  font-weight: normal;
  line-height: 12px;
  color: #000000;
}

.blog_item-time > p {
  margin-right: 22px;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #000000;
}

.blog_item-chevron {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  padding-bottom: 10px;
  border: none;
  background: transparent;
  cursor: pointer;
}

.blog_item-chevron > img {
  transition: all 0.15s ease;
}

.blog_item-chevron:hover,
.blog_item-chevron:focus {
  outline: none;
  border: none;
}

.blog_item-chevron-active > img {
  transform: rotateZ(-180deg);
}

.blog_dates
{
  display: none;
  position: absolute;
  right: -16px;
  width: 100px;
  z-index: 1000;
  padding: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
  background-color: #fff;
}

.blog_dates.show
{
  display: block;
}

.blog_dates input
{
  width: 100%;
  box-sizing: border-box;
  display: block;
  margin-top: 0.2em
}



/* менюшки в топике */

.reply-link {
	padding-right: 10px;
}

.chat_wrapper {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.chat_more__btn {
	cursor: pointer;
	text-decoration: underline;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 20px;
	transition: all .15s ease;
}

.chat_more__btn img {
	width: 10px;
}

.comment .chat_more__btn img {
  position: relative;
  top: 1px;
  width: 100%;
}

.menu_active img {
	transform: rotateZ(180deg);
	transition: all .15s ease;
}

.comment .menu_active img
{
	transform: none;
}

.chat_more__btn:hover {
	text-decoration: none;
}
.chat_more__overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: none;
}
.chat_more__wrapper {
	position: relative;
	margin-right: 10px;
	top: 3px;
}

.comment .chat_more__wrapper {
  position: relative;
  margin-right: 35px !important;
  top: 0px;
}

.comment .reply-link
{
	cursor: pointer;
}

.comment .info li.favorite a
{
	background: none;
    width: 100%;
    height: auto;
    display: flex;
    margin-top: auto;
}

.comment .info li.favorite.active a
{
	background: none;
}

.comment .info li.favorite a:hover
{
	background: #eee;
}

.chat_more__wrapper ul {
	right: 0;
	top: calc(100% + 7px);
	display: none;
	min-width: 120px;
	background-color: #fff;
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
	z-index: 555;
	width: 170px;
}

.chat_more__wrapper ul li {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0!important;
}
.comments .comment, .comments .comment .info {
	overflow: visible;
}
.comment .info {
	margin: 5px 0 15px 14px;
}
.chat_more__item a {
	color: #000 !important;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 5px;
	width: 100%;
	font-size: 11px;
	transition: all 0.2s;
}
.comment .info > ul > li:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  top: -4px;
}
.comment .info > ul > li:first-child {
  display: flex;
  align-items: center;
}

.chat_more__item a:hover {
	background: #eee;
}

.chat_more__item a span:first-child {
	min-width: 20px;
	max-width: 20px;
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.chat_more__item a span img {
	width: 20px;
	height: 20px;
}
/*.chat_more__wrapper ul li:nth-child(4) a {
	border-bottom: 1px solid #eee;
}
.chat_more__wrapper ul li:last-child a {
	border-top: 1px solid #ff7b7b;
}*/

.comment_parent {
	position: relative;
	padding-top: 20px;
}

.comment_fix {
	position: absolute;
	top: -5px;
	left: 13px;
}

.comment_fix__icon {
	min-width: 15px;
	max-width: 15px;
	min-height: 15px;
	max-height: 15px;
	margin-right: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.comment_fix__icon>img {
	width: 100%;
}

.comment_fix__btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	padding: 5px;
	width: 100%;
	font-size: 11px;
	transition: all 0.2s;
	text-decoration: none;
}

.comment_fix__btn:hover {
	background: #f7f7f7;
}


.comment_parent > .voting {
  top: 28px;
}

/*.comment-children > .comment
{
	margin-left: 20px;
}*/

.more_btns {
  display: flex;
}

.author > .trader_other {
/*  font-size: 11px;
  font-weight: bold;*/
  text-decoration: none;
}


.blog_more {
	display: flex;
	justify-content: space-between;
	overflow: visible !important;
}

.blog_more > ul:first-child
{
	flex-grow: 1;
}

/*.blog_more__wrapper ul li:nth-child(3) a {
	border-bottom: 1px solid #eee;
}

.blog_more__wrapper ul li:nth-child(4) a {
	border: none;
}*/

.blog_more__wrapper ul li:last-child a {
	border: none;
}

.topic
{
	overflow: visible;
}

.topic_buttons li
{
	margin-left: 0px !important;
	float: left;
}

.topic_buttons li a
{
	margin-left: 0px;
	text-decoration: none;
	font-size: 11px;
	color: #000;
}

.topic_buttons li:after
{
	width: 1px;
	content: '';
	border-right: 1px dotted #ccc;
	margin-right: 4px;
	margin-left: 4px;
}

.extraTagEditLink, .topicBanDialogLink
{
	cursor: pointer;
}
.comment .text blockquote {
    clear: right;
    margin: 0;
    background: #fbfbfc;
    color: #555;
    padding: 10px 15px 10px 30px;
    border-left: 3px solid #7f7f7f;
}


.comment .text .bq_many
{
	cursor: pointer;
	background: #fbfbfc url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAUCAYAAABSx2cSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEJJREFUeNpi/P//PwO5gImBAjCqechoZoAmEgsgLgDRID6xYjCbQYICUJqBWDGY5hNA/AFKMxArxjiatkeEZoAAAwBBCiOtGOb8TwAAAABJRU5ErkJggg==') 10px 5px no-repeat;
}

.comment .text blockquote
{
	display: block;
	vertical-align: baseline;
	margin: 0 0 -5px 0;
	padding-left: 10px;
}
.allbloglist *, .allblog_panel *, .allblog_panel .undermenu li a
{
	font-family: 'PT Sans', sans-serif;
}

.allbloglist h1, .allbloglist h2, .allbloglist h3, .allblog_panel .undermenu li a
{
	font-weight: 700;
}

.allblog_panel .undermenu li a.thin
{
	font-weight: normal;
}

.allblog_panel .undermenu li a.thin.icon img
{
	width: 15px;
	height: 15px;
	vertical-align: top;
	margin-right: 0.3em;
}

.allbloglist .feed { font-size: 15px }
.allbloglist .feed:hover { background-color: #efefef !important }

.allbloglist h3 a{color: #484848; text-decoration: none }
.allbloglist h3 span.user{ font-size: 13px; color: #909090; padding-right: 5px }
.allbloglist h3 a.user { color: #0572ff; font-size: 13px }
.allbloglist h3 {margin-bottom: 0; line-height: 18px;}

.allbloglist h3 a.status { color: rgb(171, 60, 5); }
.allbloglist h3 a.paid_blog { color: rgb(255, 97, 0) !important }
.allbloglist h3 a.paid { color: #ff0000 !important }

.refres_btn, .add_vopros, .sort_btn {
    color: #74a3c7;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
    padding: .2em 1em;
    box-shadow: inset -2px -2px 0px #c1c1c1;
}

.add_vopros
{
	font-size: 22px;
	text-decoration: none;
	color: gray;
	float: right;
}

.refres_btn:after {
	content: '';
	display: inline-block;
	margin-top: 4px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0LjA1NyAzNC4wNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0LjA1NyAzNC4wNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTE3LjAyOCwzMi41NThjLTYuNjMyLDAtMTIuNTM0LTQuMjExLTE0LjY4OC0xMC40NzljLTAuMTYtMC40NjMsMC4wODctMC45NjksMC41NTEtMS4xMjcgICAgYzAuNDYyLTAuMTYsMC45NjgsMC4wODYsMS4xMjcsMC41NTFjMS45MDgsNS41NTEsNy4xMzcsOS4yNzksMTMuMDExLDkuMjc5YzcuNTg1LDAsMTMuNzU1LTYuMTcsMTMuNzU1LTEzLjc1NCAgICBjMC0wLjQ5LDAuMzk4LTAuODg5LDAuODg4LTAuODg5YzAuNDksMCwwLjg4NywwLjM5OCwwLjg4NywwLjg4OUMzMi41NTgsMjUuNTkxLDI1LjU5MiwzMi41NTgsMTcuMDI4LDMyLjU1OHoiIGRhdGEtb3JpZ2luYWw9IiMwMTAwMDIiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiM3NGEzYzciIGZpbGw9IiM3NGEzYzciLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGQ9Ik0yLjM4NiwxNy45MTZjLTAuNDg5LDAtMC44ODctMC4zOTYtMC44ODctMC44ODdjMC04LjU2Miw2Ljk2Ny0xNS41MjksMTUuNTI5LTE1LjUyOSAgICBjNi42MywwLDEyLjUzMiw0LjIwOSwxNC42ODgsMTAuNDc1YzAuMTU5LDAuNDYzLTAuMDg3LDAuOTY5LTAuNTUxLDEuMTI5Yy0wLjQ2NSwwLjE1OC0wLjk2OS0wLjA4OC0xLjEyOC0wLjU1MSAgICBjLTEuOTA5LTUuNTUxLTcuMTM3LTkuMjc5LTEzLjAxLTkuMjc5Yy03LjU4NCwwLTEzLjc1NSw2LjE3Mi0xMy43NTUsMTMuNzU2QzMuMjczLDE3LjUxOSwyLjg3NiwxNy45MTYsMi4zODYsMTcuOTE2eiIgZGF0YS1vcmlnaW5hbD0iIzAxMDAwMiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzc0YTNjNyIgZmlsbD0iIzc0YTNjNyIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZD0iTTMwLjg0MiwxMy4zMzJjLTAuMDg3LDAtMC4xNzctMC4wMTQtMC4yNjUtMC4wNDFsLTYuMTYzLTEuOTMgICAgYy0wLjQ2Ny0wLjE0Ny0wLjcyNy0wLjY0NS0wLjU4MS0xLjExM2MwLjE0Ni0wLjQ2NywwLjY0Ni0wLjcyNywxLjExMS0wLjU4Mmw1LjM3OSwxLjY4NmwyLjAyMS01LjA2NiAgICBjMC4xODItMC40NTUsMC42OTktMC42NzgsMS4xNTMtMC40OTRjMC40NTUsMC4xODIsMC42NzgsMC42OTcsMC40OTYsMS4xNTJsLTIuMzI4LDUuODMgICAgQzMxLjUyOCwxMy4xMTcsMzEuMTk2LDEzLjMzMiwzMC44NDIsMTMuMzMyeiIgZGF0YS1vcmlnaW5hbD0iIzAxMDAwMiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzc0YTNjNyIgZmlsbD0iIzc0YTNjNyIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZD0iTTAuODg3LDI4LjMzMmMtMC4xMDksMC0wLjIyMS0wLjAyMS0wLjMyOC0wLjA2NWMtMC40NTUtMC4xODItMC42NzctMC42OTctMC40OTUtMS4xNTJsMi4zMjctNS44MyAgICBjMC4xNzItMC40MzIsMC42NDYtMC42NTgsMS4wODktMC41MThsNi4xNjMsMS45M2MwLjQ2OCwwLjE0NiwwLjcyNywwLjY0NCwwLjU4MSwxLjExMWMtMC4xNDYsMC40NjktMC42NDUsMC43MjktMS4xMTEsMC41ODIgICAgbC01LjM3OC0xLjY4NGwtMi4wMjMsNS4wNjZDMS41NzMsMjguMTE5LDEuMjM5LDI4LjMzMiwwLjg4NywyOC4zMzJ6IiBkYXRhLW9yaWdpbmFsPSIjMDEwMDAyIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjNzRhM2M3IiBmaWxsPSIjNzRhM2M3Ii8+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPgo=');
	background-size: contain;
}

.refres_btn:hover:after {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDM0LjA1NyAzNC4wNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM0LjA1NyAzNC4wNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIGNsYXNzPSIiPjxnPjxnPgoJPGc+CgkJPHBhdGggZD0iTTE3LjAyOCwzMi41NThjLTYuNjMyLDAtMTIuNTM0LTQuMjExLTE0LjY4OC0xMC40NzljLTAuMTYtMC40NjMsMC4wODctMC45NjksMC41NTEtMS4xMjcgICAgYzAuNDYyLTAuMTYsMC45NjgsMC4wODYsMS4xMjcsMC41NTFjMS45MDgsNS41NTEsNy4xMzcsOS4yNzksMTMuMDExLDkuMjc5YzcuNTg1LDAsMTMuNzU1LTYuMTcsMTMuNzU1LTEzLjc1NCAgICBjMC0wLjQ5LDAuMzk4LTAuODg5LDAuODg4LTAuODg5YzAuNDksMCwwLjg4NywwLjM5OCwwLjg4NywwLjg4OUMzMi41NTgsMjUuNTkxLDI1LjU5MiwzMi41NTgsMTcuMDI4LDMyLjU1OHoiIGRhdGEtb3JpZ2luYWw9IiMwMTAwMDIiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiNjN2M3YzciIGZpbGw9IiNjN2M3YzciLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGQ9Ik0yLjM4NiwxNy45MTZjLTAuNDg5LDAtMC44ODctMC4zOTYtMC44ODctMC44ODdjMC04LjU2Miw2Ljk2Ny0xNS41MjksMTUuNTI5LTE1LjUyOSAgICBjNi42MywwLDEyLjUzMiw0LjIwOSwxNC42ODgsMTAuNDc1YzAuMTU5LDAuNDYzLTAuMDg3LDAuOTY5LTAuNTUxLDEuMTI5Yy0wLjQ2NSwwLjE1OC0wLjk2OS0wLjA4OC0xLjEyOC0wLjU1MSAgICBjLTEuOTA5LTUuNTUxLTcuMTM3LTkuMjc5LTEzLjAxLTkuMjc5Yy03LjU4NCwwLTEzLjc1NSw2LjE3Mi0xMy43NTUsMTMuNzU2QzMuMjczLDE3LjUxOSwyLjg3NiwxNy45MTYsMi4zODYsMTcuOTE2eiIgZGF0YS1vcmlnaW5hbD0iIzAxMDAwMiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2M3YzdjNyIgZmlsbD0iI2M3YzdjNyIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZD0iTTMwLjg0MiwxMy4zMzJjLTAuMDg3LDAtMC4xNzctMC4wMTQtMC4yNjUtMC4wNDFsLTYuMTYzLTEuOTMgICAgYy0wLjQ2Ny0wLjE0Ny0wLjcyNy0wLjY0NS0wLjU4MS0xLjExM2MwLjE0Ni0wLjQ2NywwLjY0Ni0wLjcyNywxLjExMS0wLjU4Mmw1LjM3OSwxLjY4NmwyLjAyMS01LjA2NiAgICBjMC4xODItMC40NTUsMC42OTktMC42NzgsMS4xNTMtMC40OTRjMC40NTUsMC4xODIsMC42NzgsMC42OTcsMC40OTYsMS4xNTJsLTIuMzI4LDUuODMgICAgQzMxLjUyOCwxMy4xMTcsMzEuMTk2LDEzLjMzMiwzMC44NDIsMTMuMzMyeiIgZGF0YS1vcmlnaW5hbD0iIzAxMDAwMiIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iI2M3YzdjNyIgZmlsbD0iI2M3YzdjNyIvPgoJPC9nPgoJPGc+CgkJPHBhdGggZD0iTTAuODg3LDI4LjMzMmMtMC4xMDksMC0wLjIyMS0wLjAyMS0wLjMyOC0wLjA2NWMtMC40NTUtMC4xODItMC42NzctMC42OTctMC40OTUtMS4xNTJsMi4zMjctNS44MyAgICBjMC4xNzItMC40MzIsMC42NDYtMC42NTgsMS4wODktMC41MThsNi4xNjMsMS45M2MwLjQ2OCwwLjE0NiwwLjcyNywwLjY0NCwwLjU4MSwxLjExMWMtMC4xNDYsMC40NjktMC42NDUsMC43MjktMS4xMTEsMC41ODIgICAgbC01LjM3OC0xLjY4NGwtMi4wMjMsNS4wNjZDMS41NzMsMjguMTE5LDEuMjM5LDI4LjMzMiwwLjg4NywyOC4zMzJ6IiBkYXRhLW9yaWdpbmFsPSIjMDEwMDAyIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjYzdjN2M3IiBmaWxsPSIjYzdjN2M3Ii8+Cgk8L2c+CjwvZz48L2c+IDwvc3ZnPgo=')
}

.refres_btn.enabled {
	background: #ffffff;
    box-shadow: inset 1px 1px 0px #c1c1c1;
}

.sort_btn
{
	line-height: 22px;
    font-size: 1em;
    padding: 0.5em;
    margin-left: 0.5em;
    float: right;
}

.sort_btn .chat_more__wrapper
{
	top: auto;
	margin-right: 0px;
}

.sort_btn .chat_more__wrapper ul
{
	left: -8px;
    top: calc(100% + 14px);
}

.sort_btn .chat_more__btn
{
	max-width: none;
	text-decoration: none;
}

.sort_btn .chat_more__btn img
{
	margin-right: 8px;
}

.sort_btn .chat_more__item a span:first-child
{
	font-size: 16px;
}




.allblog_panel .panel
{
	box-sizing: border-box;
}

.allblog_panel .panel > a, .allblog_panel .panel > input
{
	display: inline-block;
}


.allblog_panel .panel input
{
	line-height: 20px;
	font-size: 1em;
	padding: 0.5em;
	margin-left: 0.5em;
}

.disclosureFilters.allblog, .disclosureFilters.allpremium
{
	float: none;
	font-size: medium;
	font-weight: normal;
	text-align: center;
  padding: 1em;
}

.disclosureFilters.allblog > span, .disclosureFilters.allpremium > span
{
	display: inline-block;
	font-size: medium;
}

.extrasFilters
{
	margin-top: 0.5em;
}

.extrasFilters span, .disclosureFilters span
{
	line-height: 22px;
	font-size: 10px;
	cursor: pointer;
	padding: 2px 6px;
	border: 1px solid #F59300;
	color: black;
	background-color: white;
	border-radius: 5px;
	user-select: none;
}

.disclosureFilters.allpremium > span[feature="free"]
{
	border: 1px solid red;
	color: red;
}

.disclosureFilters span
{
	margin-left: 0.3em;
	margin-top:  0.3em;
}

.extrasFilters span.selected
{
	color: white;
	background-color: #F59300;
}

.disclosureFilters span.selected {
  position: relative;
  padding-right: 20px;
  background-color: #ffedd3;
  white-space: nowrap;
}

.disclosureFilters.allpremium > span[feature="free"].selected
{
	background-color: red;
	color: white;
}

.disclosureFilters .disclosureFilters_close {
  position: absolute;
  right: 5px;
  top: calc(50% - 3.5px);
  height: 10px;
  width: 10px;
  background: url('/plugins/topicex/templates/skin/default/images/close.svg') center 0/cover;
}

.allblog_panel .undermenu
{
	position: relative;
	top: -10px;
	right: -20px;
	left: -10px;
	width: calc(100% + 20px);
}

.allblog_panel .undermenu li
{
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
}

.allblog_panel .undermenu li.active
{
	background-color: #f7f9fa;
	color: black;
}

.allblog_panel .undermenu li.active a
{
	color: black;
}

.allbloglist h1, .allbloglist h2
{
	text-align: center;
	font-size: 22px;
	padding: 0;
	margin: 0.5em 0.5em 0.5em 0em;
	color: #000;
}

.allbloglist h1
{
	font-weight: normal;
}

.allbloglist h3 { line-height: 18px; padding: 6px 0px}
.allbloglist .more_link { text-align: center; padding-top: 20px }

.allbloglist .feed .rating { float: right; white-space: nowrap }
.allbloglist .feed .inside { overflow: hidden; text-overflow: ellipsis;	-o-text-overflow: ellipsis; color: #484848 } /*white-space: nowrap;*/
.allbloglist .feed .rating .r { color: green; float: right }
.allbloglist .feed .rating .c { float: left; color: #484848 }

.allbloglist .feed .inside .video { color:red; cursor:help; }

.allbloglist .feed .inside img.validated { width: 12px; vertical-align: middle; margin-left: 5px; }



.table__section{
	margin: 20px 0;
	width: 100%;
}
.table__section h2{
	text-align: center;
	font-size: 22px;
	padding: 0;
	margin: 0.5em 0.5em 0.5em 0em;
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
}

.table__wrapper{
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.table__block{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fdfdfd;
	border-bottom: 1px solid #eee;
	max-height: 58px;
	height: 58px;
	font-family: 'PT Sans', sans-serif;
}
.table__block:last-child{
	border-bottom: none;
}

.table__block li{
	min-width: 20%;
	width: 20%;
	padding: 10px 15px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.table__logo a{
	width: 100%;
	display: block;
	cursor: pointer;
}
.table__logo a img{
	width: 100%;
	max-height: 47px;
}
.table__rating p{
	font-size: 16px;
	color: green;
	font-weight: 700;
}
.table__block .table__user{
	padding: 10px 30px;
	justify-content: flex-start;
}

.table__user span{
	width: 13px;
	height: 15px;
	display: block;
	margin-right: 2px;

	background-image: url('data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ1c2VyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtdXNlciBmYS13LTE0IiByb2xlPSJpbWciDQogICAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0OCA1MTIiPg0KICAgIDxwYXRoIGZpbGw9IiM0NDQ0NDQiDQogICAgICAgICAgZD0iTTIyNCAyNTZjNzAuNyAwIDEyOC01Ny4zIDEyOC0xMjhTMjk0LjcgMCAyMjQgMCA5NiA1Ny4zIDk2IDEyOHM1Ny4zIDEyOCAxMjggMTI4em04OS42IDMyaC0xNi43Yy0yMi4yIDEwLjItNDYuOSAxNi03Mi45IDE2cy01MC42LTUuOC03Mi45LTE2aC0xNi43QzYwLjIgMjg4IDAgMzQ4LjIgMCA0MjIuNFY0NjRjMCAyNi41IDIxLjUgNDggNDggNDhoMzUyYzI2LjUgMCA0OC0yMS41IDQ4LTQ4di00MS42YzAtNzQuMi02MC4yLTEzNC40LTEzNC40LTEzNC40eiI+PC9wYXRoPg0KPC9zdmc+');
	background-size: cover;
}
/*.table__user span img{
	width: 100%;
	display: block;
}*/
.table__user p{
	text-align: left;
	font-size: 12px;
	font-weight: 400;
	color: #444;
}

.button_reviews{
	width: 100%;
	display: block;
	padding: 5px;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-align: center;    
}
.open__account{
	width: 100%;
	display: block;
	cursor: pointer;
	padding: 5px;
	outline: none;
	text-decoration: none;
	text-align: center;
}

.more__btn {
	margin: 20px auto;
	display: block;
	width: 30px;
	height: 30px;
}
.more__btn img{
	width: 100%;
	display: block;
}

.more__btn:hover{
	color: #347fff;
	transition: background .7s;
}

.default {
	border: none;
	background: #27aadd;
	border-radius: 4px;
	outline: none;
	font-family: 'PT Sans', sans-serif;
	padding: 10px;
	color: #fff;
	font-size: 14px;
}
.default:hover {
	background: #1f98dd;
	transition: background .7s;
}
.default:active {
	background: #1f98dd;;
}
.confirm {
	border-radius: 4px;
	outline: none;
	border: none;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	border: none;
	background: hsl(145, 63%, 49%);
	transition: background .7s;
	font-family: 'PT Sans', sans-serif;
}
.confirm:hover {
	background: hsl(145, 64%, 42%);
	transition: background .7s;
}
.confirm:active {
	background: hsl(145, 64%, 32%);
	transition: background .7s;
}

.mart_news_text {
	font-family: 'PT Sans', sans-serif;
	font-size: 16px;
}


#content_box.wide .pagination1
{
	background-color: #f7f9fa;
}


.hide_post_btn--all {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	margin-right: 5px;
	opacity: 1;
	transition: all 0.2s;
}
.hide_post_btn--all img {
	width: 100%;
}


#allnews_search
{
	display: inline-block;
	margin-left: 25px;
}

#allnews_search input[type="search"]
{
	width: 400px;
}


#allpremium_search
{
	display: inline-block;
	margin-left: 5px;
}

#allpremium_search input[type="text"]
{
	width: 190px;
}


.banner_btn{
   display: block;
   padding: 15px 20px;
   border: 1px solid #8d8d8d;
   border-radius: 5px;
   cursor: pointer;
   font-size: medium;
   color: #b5b5b5;
   transition: all .15s ease;
   text-decoration: none;
   background-color: black;
}
.banner_btn:hover{
   border: 1px solid #F59300;
   color: #F59300;
}
.prem-tickets-header{
   color: #b5b5b5;
   font-size: medium;
}
.prem-tickets-a{
   cursor: pointer;
   padding: 2px 6px;
   border: 1px solid #8d8d8d;
   color: #b5b5b5;
   background-color: black;
   border-radius: 5px;
   user-select: none;
   display: inline-block;
   font-size: medium;
   margin-left: 0.5em;
   margin-right: 0.5em;
   margin-top: 1em;
   width: 60px;
   text-decoration: none;
}
.prem-tickets-a:hover, .prem-tickets-a.selected{
   border: 1px solid #F59300;
   color: #F59300;
}

.mart_tree_link {padding: 0 0 20px 0;text-align: center;}
img.mart_tree_icon {width: 20px;padding: 10px 0;position: absolute;display: inline-block;}
a.mart_tree_a {padding: 10px;display: inline-block;position: relative;left: 15px;top: 2px;text-decoration: none;color: blue;}
.mart_tree_link {padding: 0 0 20px 0;text-align: center;}
img.mart_tree_icon {width: 20px;padding: 10px 0;position: absolute;display: inline-block;}
a.mart_tree_a {padding: 10px;display: inline-block;position: relative;left: 15px;top: 2px;text-decoration: none;color: blue;}

div.tag_edit
{
	text-align: right;
}

div.tag_edit textarea
{
	width: 400px;
	height: 300px;
}

div.tag_edit input
{
	padding: 3px;
}
.openid-block { width: 500px; margin: 0 auto; padding-top: 50px; }
.openid-block.wide { width: 650px; }
.openid-title { font-size: 22px; line-height: 28px; margin-bottom: 10px; }

.openid-services { padding-top: 20px; }
.openid-services p { margin-bottom: 5px; }
.openid-services img.google { position: relative; top: 2px; }

.step-two label { display: block; font: normal 18px Arial, Sans-Serif; }
.step-two a.openid-mail { text-decoration: none; color: #70aae0; border-bottom: 1px dashed #70aae0; }
.step-two p { margin-bottom: 10px; }

.step-three span { color: #afafaf; }

.openid-img { position: relative; top: 4px; margin-right: 3px; }

.openid-block ul { overflow: hidden; zoom: 1; margin-bottom: 15px; }
.openid-block ul li { float: left; margin-right: 5px; }
.openid-block ul li a { display: block; text-decoration: none; color: #69909b; background: url(/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat; }
.openid-block ul li a span { display: block; padding: 7px 15px 8px 0; margin-left: 15px; background: url(/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat top right; }
.openid-block ul li.active a { color: #363f42; background: url(/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat 0 -33px; }
.openid-block ul li.active a span { background: url(/plugins/autoopenid/templates/skin/default/img/openid_nav.png) no-repeat 100% -33px; }

.icon-remove { display: block; text-decoration: none; background: url(/plugins/autoopenid/templates/skin/default/img/delete.png) no-repeat; width: 16px; height: 16px;}

.openid-service-list {
	list-style: none outside none;
	display: table;
}

.openid-service-list li {
	float: left;
	margin-right: 5px;
 }

 .openid-service-list.inline
 {
 	display: inline-block;
 }

.openid-service-facebook {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABXklEQVRoge3VQUvCYBzHcd9XBJNuvYMIR5fegocu3YIISryUPhFKh8ioW5QRkaGycrDFTCWKKMfAQkMQV7P57xbEHrVk7nke+A9+twee72eHLTQ1twUiL8Q6AAGsAxAw6QskmcDSehYOTg0oas+gVy3QqxaUDBOuSk9wnKvBKsnxCVhJXEKr3YVRj2qY/AGOzsojw7kFxNKFP8dzB5hdTEHXdsQF/PftcwdQ9Jehsde3ddg5VGFzT/nZcvycH0Cj2RkYH98t+nrXRACfzhc13um5IMmEf4Dr9qmAt1bH9/hAAa9NBCDg16RIEsIy8WwYgHY+LBOYnk8ED9AqFjV0nGcjlRcbEF07ERsQiWbEBswsbIsLeG/bY8dzAbh7aLABJPdvIJu/96xP/4qC/dGjno+lC2wAgybMjwwBCEAAAhCAAAQgAAEIQIDvALVsglaxPLtQHsUABD0EsB4CWO8brIggDPqQd+0AAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-facebook-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAyUlEQVRIiWOwjpzxn5aYYdBZ4Ju56H/NhF3/22ce+N80bd//3OZN1LNg3toz///8+fsfGTx58ZE6FrRO3/8fG6CaBTfuvUIx+Oa91//PXH7yf/uhm9Sx4NevP3DDN+69Rv1IRgYTFx0dIhZMXnLs/4L1Z/8vWH8WxYJTlx7DxZun7SPfguevP2FNOchgy/7rtLVg1spT5Ftw/Pyj/7cfvPl/+8EbFENfv/sCFy/t2jaII3nUglELhpgFrdP3w3F0yUrqW0AuprkFANeVh/CLwJGxAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-vkontakte {
	 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADWUlEQVRoge2X/U9SURjH/QOvU9vS36xsttWqae6iNvGHNNOmlbkscyvzIqlDpFJ8S1RMURQFQRBfABWuokb5BuLL/faDwzTgAIretd1ne357vg/fD+eec56TQNEM/udM4NuAAMC3AQGAbwMCAN8GBAC+DQgAfBsQAOLV6G75V0i7DVDpbBidXsaYxQmt2Qm13oFmlREPXrRdHcCrpmGMW1yYnGVhmFvB1PwqjAtumGxu1HdOBtVnliqw69sHKXz+A6SKG0OaSMqVoG1oBiPTyxidXobW7MSYxYlxiws6qwsTVhZlEnX0AIMGB9FMwfvvQZq0wibo51aIuuxKZUgTZRI1UQcAQ1OL0QM8rukhNtOanSGbid50EXWPXocGMNncEQGeNwzGtgdmlzfCNuM44H7Ft+BVEDcSTYTS5FR1RDRvYz1IFEliAyiu6yc2HTYuBWkSRRKiJrNUEaSZsLJEDcdxyKnqiG0TH5thsODyEJvnVncF6Q4Oj8LWZ5S0nqktrO0l9geAZpUx9lMokE8+9hGb21kPknLPLi3HcWHrbxa3nNRdy5eC3dgi9p9ZXEdyXsP5ASiagdm+RvyRT8q/x+r1AvIeSC+SndTKB8zE2q3dPdx6Kid6iwog0iY7ODw6+UazKtuJtVmV7aBoBkV1/SAsFDiOQ2Ftb0TzUQFQNIP+CTvR2ObOHkolaqj15PtjxLSEGoUW/v1DYl1TL/m7jxkgvUgG7x75po1XsBtbEb/7mAEomsHbVu2VAKh0tqjNxwSQKGJgXFi9dACf/wD3yoMvvAsDUDSDjBI5drz+S4f4te0LeWtfGICij29o0gkSr9j2+sPOThcCoGgGki79uY1ZHGv4uemNqnbXt4/sCBDnftB8GbTEbD4wxaaJG6OaQIHjIzrUDHVhAIpmUN85SRwd/o3Tj5JUcSPsLHnWCoSd9SAlXxp/AIpmkP+uG6518kwTiIcvzz4rbxS3wO3ZiUr7oU13OQAUzSA5rwFVMk3Ef/T0LBTI289asbT6OyKAxhQ8vscN4HTeKVOgsnkYsj4TlBorOjSzUGqsqPj8I6wmJV+Kavko1HoHBg0ODEzaodItoGdsHp0jc5B2G0LCXwrAVacAwHcKAHynAMB3CgB8pwDAdwoAfOcfdZWV2cYOx+gAAAAASUVORK5CYII=');
	 width: 48px;
	 height: 48px;
	 cursor: pointer;
 }
.openid-service-vkontakte-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABrElEQVRIie2UyUtCURjF+wOfKA2IRZvatY1nZuWQYC2EFm2qR4M8taxINErIoWwg0CZKMhvIBg1zKBx6mtVpUVg3LXURFHjhbc733vndd7/z3RqKZvGbT00VUAWAolm0aebRr1uFxrAO5ZgT9V2TlQO6R+wIRRMIx1OI3KUxYvaAolnUSg3Y9F7i8zK5DvMGzb2zOA/FEYwkEIomcBNLonNoqRAglBnxkHnMmyTSGdRJ33baqJgmANbN47zBpG2fqHHZHJoUM8WPaMbpJV7WLu6ColnwxCyhm9d8oGgWIrkRqYcsURsyub/vgUhuRIr7+Asum0OLeg78Dh1hMvd+RDbPKaG7D6/BE5do8vjCDvHR0UUEqokVQtv2B8FYPIQWjichlBlLp0gg0eMyfI9K18DURvkxbR+04un5pSLAwVm4aHy/nQPGsvWj4X2KK9B8gVs0dE+VP2hfI/h5t/wOHdb2AgW1HX+IaHTJSZYxDpxcxQgTy3tMBRI9PL7rAoh81FH5XdTaZ4KMcUA55kST8mOQeGIduoZtUGtdUI0vo4exQyDR/7HLrgr434BXpuYlclNf/dEAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-twitter {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACIUlEQVRoge3YO2gUURSA4bHRwlR2IWAfFWyEtAFtLCKCrYWFTcTSJqS1NGCtjYoKsixLSNRsjLCrSUASVsKKEMWw6ysviczszs57fqtFxJCZOw/nDs6B092B8zF35tx7FKWkkuvMvIACkHUBBUDwgZGXXe5sWNR2XGa+O4w3DA6XcwKYaJr4/B0rey7HpjW5AReW9H1K/x3T3xy5AfVd90AAwHC1Iy9AtffbPH/G5Tc9eQGmF1g/V1cLQAEoAAUgS8DUusW5ui6UZ+s6J+L0jyQBcaLx0+VUFIgsAIAfls/xp4IImQAAdzfsfAM+drx8A1p6zgFPvuR4C5kenJ7v5hOwY/qcf62LFZ804FHb5vpbQyivNQwuLukcrUS8kiYJyP1RQmqAEXwllhugOcF34htrhryAT93gPTS/lcFoJezCZ5tO8B4CxhYj/Ar/BWDynRkK0HPhykqPQ7IBTlY7oQD9aOse5a82D9vBeb9lM9E0GZqN0AtEFr8KMZ2LE13H59Ky4J9MZPFo7eD5aBJhe3BmQeA8JPrK7rXs1BEVkUGxKGCgotFU0z3ZbZt+egClpDI0q4XqC1FjN22AUlIZnNFY3Uvno54TaYhRAUpJ5UhZ5da6hRt8yggdPjBaE2iGcQD9HK52eNCy6cV8Ia4P4w3B81QSgH4OVDTGFnVuvjd5/Nnm+abDi22HhYCc23K4/cFKd7AlbWZeQAHIuoD/HfALI3fCRwbbJMMAAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-twitter-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABKklEQVRIie3UP0sDMRgG8NPFD+Dq7CYOHRzFD+BkXUTopou4+HlEByevhRY7SGmhg1haKMXFtUp7h0uH1OsbmjN5nATT+9Mc5tDBB54lw/1I8l4cx2XItb8G7LQClHqEjfq7feDiieMr01BhuxHYBSZzhe+5Ggq7wIf+fVS98B9IB0YkcfMqYns5FNhtpwyBCbAsQgJbjYRxtgEAwPmA5wdIBRSaCcdkArxxhbofxrY8Fth/mP2xKRJSB+58y4BH+hYmc4X12tQecDsSkYt8ZhInfY5ih7QePBI271Ne3LjFvfYs8xSVemQOOC7D9Ut0F2kZk8oGrFUYal5oDPg8I+C4DCsuw9mARy59MQrAaT/Dn7zY1TJDoRngsEM47uo96lLyO2QK/Kh5A5/CS7B+y8mcwgAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-google {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEf0lEQVRoge3Y+09TZxgHcP+eikxdNjddslhCFUVBd8GVjS7gvGGMGIKW6ZawzHXBLZNMJ05luuEczM3pGE4TLlkIiBfO6Y1CL0hr6QVK6ZWeXs53P2grh1OhPaftkYQ3eX7q+7zn+Zz37XvevCsIsQhLOVYIXcAyQOgClgHZGHRk77uwnlHA1dEOz0Av/OR9+FWPFomHsJ5rBCl5RRgAuXkNrGcVoGwWAEDENYmIaxKptKBeC0ONTLgZGK3eBcpqBgC4uzsxXLEl8Zu2XILpuzdZRU/f+QvkptUgC1cJu4SMR/eApkIAgMkbV1/Yz9bSxEK4/r3B++XxAgzLtiIWDAAAoj4vlFteXbC/p6+LhTB/XS8cwEcMJgpxd3cu2l8rLQQdiTAA4SkHSEl+7gGjBz9gFOJoPZ9Snrv7H9YsGOt25x7gbGthFGH/+YeU8sZOHGQBbJeacg/wDd1jFDF1qy2lPNW2dQBNM3Inr1/JPSBo0DGKCGiIlHMpu5XT8ssowK98wCiCjkah2rYupdyAlmTkjn9Zl3vA5PUrrLVs+fbz1AA6dSInFpqFquTN3APm70IAELKMLf5lLchD1DvzfPlc/ZFz8bwAhFgEz0Ave0e5eHrBHJN8X6KvX/kg7cNbRgGa995G2GljCugYxhXypP21UgkoxwQAwDd0D8ri13gVzxsQL2r+jgQAM713YKzbDa1UgtEDZXC0NiMW8AMApv5u5/X1zSiAEItASvLx5PQXSSHzm7urIyOFZxQwN9Sl6zFavQuGGhks3zWwAMMfFb3cgLnhaG1mAbTSwqUDmH9eAoDpuzdBFOQtDUCygxsAePp7oNqe2ldbUABRkAe/ZigpgrKaoasqefkA6h0boD9cAbNCjonz38Dd1fHCHSka8MFYWyUwoGAlDLWVmLrVlriRmFtgyDKGoEGHsNOeFEGHKV4IXgCTfB9mx/SJYsJOOxzXLsBYWwV16XpGX7JwFey/nAPoGHsmfF5oyjbmDkBK8uHqaH/+FqkQnnx/MqWvq6G2EpGZaRbCdfvP3AHmrms6Eob+cEVa+VqpJHGPFG+x0CzITauzDzAr5IwHO369wOnNaaUSRL0exlgjn+zIPmD+m9NVbucEIMQiWM8qGGPpD32YXYDu42LW2l3sMmvBWSiXMMYalm3NLsB4bC8LoHmf2+5BiJ/dUDxrkZlpTkeMtAD6Q+UsgLnxBGfAyJ53EuM4f7/MaYy0AMqitYjNBhkAymaBqvh1Tg93tv8EAIh6PVDvfCv7AEIsguPaRdYs+IhBqEreSGscQ40MdCQCOhaFqX4/51lMG6AsWsu4Fom38JQD5lOfgdy8ZtH8ieZToKkQ6DCFxw1HOBfPCUCIn/75PP09LAQAxAJ+ePq6YL98BubG43jccATjXx3DRPPTg13U5wUABLQkdFWlvIrnDIiH6Xg1/KqHSSHJGh2Lwjv4H0yfHgBRsJJ38bwB8dCUbcT4yaNw/nYJ7u5OeO/3wfdoAJ7+Hrg6/4CtpQmm+v0pXz3mHCBkLAOEjmWA0PE/xpRXFLQ8kdYAAAAASUVORK5CYII=');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-google-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACMklEQVRIic2U3UuTcRTH/XsqwQzWC3ZRZmYNFaVIKYiSYGQZVF4o1dACtZKIHAkVeRG5vJEmkRRllNgr7fF5pntxOjdXU5853ZtbW/t0IS7GWG6PCf3g3JzD+X0453zPyTPu3cRGWt5/AxDVKuyX6nC2N+G8eSXFpi7XYyzerAwgqlXIBj2+oRe4dW0svn/F6vO9eY5b146oVimrYPTgNsK2cRYG+1P8c/qHAMS880jVu5W3yNPTBcBkkybFLxzYSsznBWC294FywLJjAgB7Y11aTDY8BSAofFYOiHnnAXDfu5EWm7lzDYClD2+VA5ZGhgAIT5jTVOLWtQHg7GhWDrBqDpP4GQXge/etP8MvKyRsNeEd7M8oz6xlams4TthqAiDw7SOyQU/U42aur2fNz7MCrJpYvp3JJk1yB8SKHVnl5XQqrPU1SYD8rBehJP/fAaSqIqxnjhKZmU5CAsZPa1byV4BUuYvZJ/eJOCdZGn7Nj0d3cd1uQR7oS0JCZgmhtCB3gPlUJbEFmZBZxHRkT1p8SnueRDQCgKtTmztg2W4BwHyyPGOys6N5ZR4DfbkBxmr2JVswWlaYWVlq1co9etydG0Cs2AmJXwBMaRsyJltOV5OIxxk/cSj3FskGPQDxoB9HywWMxVtSq6zdT9gi4eq8qkxFQkk+np4u4kH/yu33efF/GWbx3UtCYwKBryPYzh1b/x4IpQXYztbiaL3I9PVG7I11SFVFWe1OVoD12oYDfgMgKZYDLqDJQgAAAABJRU5ErkJggg==');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-yandex {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACfUlEQVRoge3Z70tTURgHcP+f6YLpLCIsISnYi4iQCBEp7IUVlRBJYEILSmGL2UAkwZRBSJJkWLMhlVhk24rofc6Cum7ux/2xu7vbPPfbmxg9u7nWi9g5sAPPq/ucy/dzOPdyttskuRwQuZrqHaABqHeABuC/3by1GZn+PmhTkzBWIjCj6zDjMVsZz8P8AbKDF1BKbKCWYWkaR4C2FujzczUF5xJQeLxgC7jz9QvyoRmo/jGovlGovlFYep4/gOwdockZg+ofg9TWYutlmTRfgK2OvWCKQvIrt2/u2s8dQL17h4Q347Gq/dwBShufCSB7cUAcQMrTRd8qug6pfY84gNzVwX/aPtwB1GCAAAqLC2IB9AchAsiHZgQDPHpIAbPTggEqjg76/JxYAO3eBAEUX6+KBchdu0IALJOB1NosDiB5pBOwLILInOkVByC5HDDfx+g2Wqu+jbgDZC+dQ+WQvdfFAUguB4qvXlABY1DH/ZDcTjEAyUP7bYc6ANj5/g350H3I3hHIw0OQh4dgaRp/AMnlQPJwB358+mhDVBtcASSXA5LbCTUYID8bxQL8KjXgo4+EoqC0mUBpMwEwxjcgeXAfmJwjgMxAf/k6lw/x75WfnSbhzQ9xcp1rQMrTBcs06eqf7RMHYISX6OpH12093ALSPd22c1H6dI84ADMeJeGLb9b+2MclIHv5PCpHuvekIAC30/ZvdHH15a793AGUWzfo0lsW0qdOiAHYOtBOAgGAsRKpOocrgDY1SVefMWx3HxMDkDraCcsw6OqHn/51HjeAwmLFBw3GsH3cIw7AWH4G893bcmkTwdrgS0/Kc4zIcv0APFQDUO9qAOpdPwFC3Jns9zIecwAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-yandex-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABX0lEQVRIic3UvUtCURjHcf8fo8DoZYmiIYpQCBNKkCBcbMihQlHLpSFoEIREjKIoaosiiIYgeiOiJYKalYKbetWr17fC27fhgmBtdS504FmeM3zO4fyeY5IsZows078C0v295L0zKEsBlHAQJRwkO24TAHS2ocaifNbrfF+laOTvgLoeB6CRSlIILCBPOans74oBMrZh0DS0Uon00ECzX4qsigHU+BoAlb2dlr4woH59CUDBP2cM8PH8BEDO4zYIeHzQbzDvNQaoHh4AUN7aMAbIedwAaEXFmBRJFjO10xN9Dl5fUBb9yE4H5d1tcYDU3aEPlqYZM8mSxYzU1U4jlQRATcSonZ+JBYorywC839+Jf4O3vh60fF6fh2mXeKC8mQCgfnsjPkWZkcHmNy27JsQD1eMj/fRXFy19IYA8aW9GU3Y6xANZuxUl5CM/6/m5NzaKEvKRtVvFxPS3ZTjwBbu3pnnP6NWfAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-mailru {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGIklEQVRoge2Z+28UVRTH+St2SxURIgbwGYygVo0GgtGYUCExookSEzEaEmuCIVB+ANTgg9mlD8qjtEVKkbZSaEVqSx+2pVDBQqGp3cUW7Ox7u7uz233P7MzXH2Dp3jszu7NtoJL0JOeH5t6993zmnnset3N0DIsHWefMtAGzADNtwCzATBvwvwDQMyxWVTuxo4tDkzkMk4cHFxWRkICEBARiIkZ8AlpGI9hzMYD8OhceMlpmHmDpfht2n/djzC8gW/FFRRy+GsSLlfb7D7Cg2AJjXwBRQcracFokAHVDITx7yHZ/APLrXFP64pkkGJdQ0OKF/l4B6BkWO7o4qH3zYFxCozmMre0+5Ne6sLzCjiVlVjx5wIa8Kgc+ODWO73r96LXEIKY5uJrBEB7aq/1+aALQMywO9U8obnjDy2NTsxfzirRv+tQBG77v9YOLioprto5GNK+nCcDQF5BtwosSdnVzyDVO/QIuKrWiciCoCNEwHNbkThkBNjSOyxbnoiLe/tmlOP+ZgzZsPOPB7vN+FP0ZwK5uDu83uLGwRP2Lrm9wwx+Tn8b2Tm56AEvKrLJjDvMSVtc4ZXPX1rvRMxZV/JoAEBMknBgKYUWFcth85YgDnogo+43afE0ANYMhmSGf/Ooh5iwssaD+77Cq4bTwCQk7uzjoGRaVA0FwURFN5jByjSxWVjsRT5A3/JQpPDWA58rtoNZCwzC52OIyK6674pqNT5XW0Qjx99p6N3QMi20dPtncF9IkO1WAfZfJqBNPSESyeXivBf12ufF/2ePY2u7DmloXVlU7sa7eja+7/Rhy82mBPmoch45hkWtkYfKQc/ddnsgOIMfAwjaRIBapvh5KCxgVJGw841GNHHqGxaZmLyIq2TsJoGNYFLR4ibExv6C6riLAa0cdsg3eSLm4KypI95IArG9wZ4wYOobFmloXeIVMlgqwsMQim/OSihspAnx1jvRDZyhBfIHDV8nYTZ9OJv3xgjyvpALoGBYXLDFi/POzHu0Ah66Q7tFknry8OQYW7jDpXnlVjqwAHiu1Ika5Eg1A21BySfkeKAI0j5ARYs/FAOE+qTLmF7IyPql//EvmDBpgZxdHjNMRMC0AnZC2tPnujq2rdxNj525GpwRQfoV0QxpgM+XGavtoAth8bhLgvZMkQKp7ZaPFl8h7QANsaSMBuseyAGihkszOrsmaZHWNU9PCmfTEEJnlaYAfLviJ8bP/RLQDVFEVYuVA8O7YgmILhJSSxRsRkWPIzng9w8qaIhqALk+OqUQ6RYDCDvIC9dvjxHgX5WLr6rXlgKS++wvphkoAN7xkNk71gowAbx4n3USUgMVl1rvjHzeRJXa/PY65Gk/h0WKLzDga4OmDNtn4O3XK5bsiQK6RlZXRhSm1eY6BxRUHWQcduRbM6EoLii1ov6VccqcC0AVdTJDwiEqHplrM0aW0JSAQvWpelQNhnkxGPWNRrKyW9wq5xtuN0ahP/TEgCTDXIHefxjSRThVg9TGnbBPaD9c3uMHTNTeAEZ+AJnMYtUMhtN+KKva+9O823AH4stUrm5vujqVtaNpukscdEyS8fpQsG/LrXBinSotMYvbw+PA0eY/abkbxxe9e2an2WWNpe+O0AHlVDlmHZJtIYFk5WRkuKbPi2PWQrAGiJcxLMPYFML/IgqX75ReVFl6U8OpP6eusjE09XZMkIeiTSEaP7Z0cmkciGB7nMeYXcM0Vx8nhMApavFhUaiXm97IxBbMnpaDFmzGqZQTIMbBoNMt73qggobCT0xw+lXR5hR32oLL7FXZkfpHQBKBjWMwvssiSV1JMHh6f/ubJ6jUtVReXWVF6eQImDw/bRAKtoxGsqVWO+VMG0DEs5hVZcFrhJJLijYioGQzhs7MevHzEgfl34raeYfH4PiveOu7Etz1+DDjjCMaltH1uNprV466euZ1ktL5K86KU9h30+cPTe1rPGiCpy8rtOGUKqz70apGEBDyxf2pP6tMGSGpelQMH+ydkL2qZRBCBbR2+aRs/bYCkzjXcLgC/6fGjyRzGoJuHJyIiJkiIJyRwUREmD48mcxiFndyU/5lxzwBmUmcBZlpnAWZaH3iA/wDvtU1Tv6+SqgAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-mailru-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAC90lEQVRIid2UyU8TYRjG/SsGt6jRYIwxbolL4OJ2cTvoycSDB40aMQaNidGDS6LHgSogCgJJiWAwRgWxUpVAPIhLFLeYqohO2+mUzrTQlbbT+XmYdqRSxBg96CTvZTLf83vm/Z73nSKIEn+zpvzfgBk2N3vvqLS7YnjCOroBGQPkiE7XQJzyLo3Z592/B9h5M4A0kmayJxDTKXNoFP0qoEiUsPWNWAL9SpKj94OUNvmYW+WmuNrD+maFM70hPoe+G2jqjzC14hcA5x4NA6AbcOxB0HK2rM7LtjY/6+w+pldmW1jp5uyjYXTDhNiejPwcsNbuI5P9uMyhIYgSa+w+HntG89qiRHWOODVKGmWO3g+yu0PFAAxgQ7MyMeDOhzgAHR/iCKLEllY/8bRhterqmyidH+PWu1AiA8DqRpn6FxEA2l2xwoB5VR5SWfsbmhXmXHDji+gAHHZqeYcWXfLy0pe0/qi0ycfSOi8Ao2mDWWOSZQG2tfkB8IZ1ikSJ8i4NAMeneMF0rGyQMcYABFHCpaYA2NiijAeUOUzB7sEEgihx9U20oPux9T6QygN0DyYA2NOhTgxwDpiO296ZgP2d6oSAfiWZB+j9agL2dRYAbL8+BIBLTSGIEqd6QgDUPg8XFF9w0UMqm88cIDeY268PjQcUV3usPC+vl1lY6yWaMoimDEsgV9MrJW65YnmXvLJBhmxU59d4CsfUOWDGtLE/giBK7O9UAQgnM9j6RtjToXKiO8hrf9ISywHqXoQB6PmSmHgONrYo1sDsvBlAECV23Q6gRPW8QcsY5mqwvzKz/0xOWrDNrf6fr4qqp6aTlG5wxGkusZk2NztuDHH8YZADd1WWXPYiiBKbWhTrHgBO94Ym30XTKiSaX0etQy+VJOVdGiuuyEyrMFf4WruPkz0hVjXIlDTKnOgOsvWaf5x4QUBuox66pxGI5bfmx6fmWeGETQrI1ezzbg46NNpdMQZDaRJpg0TaYDCUpvVtlMXZVv024E/Uvw/4Bm1tk+ulcilSAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-odnoklassniki {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADlklEQVRoge3Y20sUURwH8P4UtaCIrkoWFPQSQYl2hy7QS1AUEUQPFUkX2RXL21p09ZbY1c2N7rmVlGH2UrprQVKWkWUSmbpzzszsOXO+PZhizUw77c7ObODAeTu/Od/PuTCXSZInDf9zm+R2gAmA2wEmAHbfkPiyod7LBwv5wbtbwLtbwEJ+KHcPgPjmpS6AlGeBdTQAGofppTGw9isgZZmpBaC1qyCkb+bB/7hEpB+0Ji81ALQ6F0IllsOPIZQIaOUylwFHp0MMfvrn8KOXNtADqWiaewD1SblxsN52yP6tIL5sEF82ZP82aJ9Dhn3V5mMuAQonG+57Fg5A8k427M9e3dBvpeGvkLwZzgPk82v0YQY/QSqaal5XNA1iqE9XR6tznQeo9/L12+FJecy6aOtJXZ1ye68LgMcl+iCBnTHrlBu79fBHRS4AHhbqAXf2x667f1APCBY4D1CubdcF4W+aYtbxt826OvnqFucBpDwLENofUQTkCxtNa+RLm3XhoXGQ0jnOA8xmUygRKI079Ct2fZfhE5t3BeMeP2EArckzWIVfE/v9A1g4ABYOQBvoMewDwUErl7sHkDxpiLaeMg5n4Yq2+BIa2xaA5EkHC/n/OTxrvwLJk54KgBGE+sADMNnCtFOowSM2jGkrYKSRigWItp01fEMVPz4i+uw0SMV828aLGyDXr4f2uQPalzCUO/uMMWWZoFU5oFU5Jl9g6VDuHoDW1wmt9yXkunXOAEjxDAhl+LfZ5e8eg55ZYvke9OxS8PdPf18h+gPS0enJB8gXNplsbgH+oRVq8AhoTR5I8Yxx6JmgNSugBgvAe9oACMM7yHVrHViBsrkQ8lDswwqMHGorBxuAoAMgJbOcOQO0diVEpN8awkr4ob64vwnifxcqnQvWeT3R6GDhRpCS2XFlSAgwthrVuWDhRgglYj22MgzW0QBalZPQ2LYAxlrhFNDa1VCbDoG9uAhobFxiDvbyMtSmw6C1qyEVTrFnTFsBo82bARZu1M06e33L+GM/pQDeDLBwwHTrJANhH8CbYelQ242wB2AxfDIQiQP+El4M9UEM9iYVkRggRnh6cjHIiUVJRcQP+MuBHQ0/2jeZiPh/q9zcYym8FYTZK3lSAUa/CM3Cx0JEn59zHkArlwNctRzeFMGj7vzclTxpkOvWgb9pAgtdAzmx0HIdOb4ArKMBvCsIuX5D3OMnDEiFNgFwu00A3G4/AVtAquUJzraMAAAAAElFTkSuQmCC');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-odnoklassniki-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAB30lEQVRIic2UTU8TURSG+SkFokREYSUb4x8gYeNPcNGFLDT6E0qgtCQ2laQhhoAuCGkErKgbFoLYEiCEBCgfsYGwK0pC5N7O5M7H42JwyqS2pTMl8SZ3c8/c88x9z3lPi4iEuMnd8t8A5OtH6LMD6O+fIpMPmweQsS6M3Y94l42xM48c6QwIGGzHPFmj2jKPs4jBNv8Aff6Zm8zYnEa+eoBM9GJszbjn+uyAf4CRXwDA+nmIiLReeVkb1tmRA96e8w8wj1acJHtfKmOHi45MP74GeMHmtFNSeYaM3y8XfrQHWzsHQK1P+Qdok49dra3iPnrmBXrmJdbpgdtNpYn+YG2qsqmqXaRWksF9ICIh568viwpg/Sqgf3he915NgJYOY18UUd/HENE7jvbxbmS82/km2onKprAvimgzTxoHqLXJsm+1c4z8Amo5gVpOYOQ/Yeu/y1KtjjcOkCN3MXYzVfV3Dbg9h4hWHxl1a1Ca6EflxjGPc4B9OSJyqGyK0pu+5hRZREKo9amyJBvv8Dg7GKAVtfG2skWvCakD8CY3C0uYhaWGIDUB6lvSk1wMdyCGO7yQOmarPYv2PnuT/41dgfxrEF4bIGNdaOkwYuhWZXzoNlo6jIzda04X+d03DvgDDNxqjFcvb3kAAAAASUVORK5CYII=');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.openid-service-stocktwits {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDM5REM1NjVDRTZBMTFFNDlEOUFENTEyNDEwNkZDRTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDM5REM1NjZDRTZBMTFFNDlEOUFENTEyNDEwNkZDRTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MzlEQzU2M0NFNkExMUU0OUQ5QUQ1MTI0MTA2RkNFOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MzlEQzU2NENFNkExMUU0OUQ5QUQ1MTI0MTA2RkNFOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgySuU0AAAirSURBVHja1Fp7cFRnFf/dxz6SZZNgsmmAkgZKC06AgRIS0LGdNM1QIRJqo1XoTGmrlmkRHUedIkqr9ukfnXZiX8NI1L6gohIghaGWR8pAKKWCjdLWqTUPCHnsI7tJ9nXv/TzfvrKPu+kuJBK+mZNd7r37fed855zf+Z3vItjt9vMArLg6h0emP9Nx9Q6ryK24ig0IeSA82FWmuhD+kJP111QNQl4eDGbjpLGJ66qoDMxuhyCJ8fqHDWBxmgpGI+TuTohd3WA5xslhgDcAqbgIyoxSME2FQApznQUhzgPRkVuQh4svPIuzWx5BgVmcFAYM+jTcsPbrmPnanxF0DQKqGruXkgM5JHZ/AO30WaJok8KAAQ43viCup88gi4t3PQ9wlSVZDhliNMmTwgCTokAyGaG3nfJYiSNMoiROp8slbzFPIKYw+AIqgpGtkemagf7IRinxYcaynzzDIcfin2UzN8PAkAqeSjazhKJrS+i6gJGBfjidfgwFFZjpXlGuBK9fhVPNsryS5OfJBJ0667PIfgiX4AGBQCno19AX0FBeeRPmP7QRJdU1MJdMC1kWcDrh/ugc+lqP4LN9u/FR298x/+alqL7r7qwM6GxpxrmDR2A1iRl6IMOhEQRw5W/b9BAqnvttarLZbLBx+crNKN+yFdN/9H24Ozsw58FNWRmger048dah7AwIuUYYe/d7hlVUrV6hq7ze+OeZsygKerPOL59jIOOdFeNzQGDpeZF/RIVVErD8pd/pTnTB5YLb74/9++R7p/DS4Xcxt7IyawPyi2zw6eE74vRkOlxorFz2EBdZUF0F87QZCdepn8BTGzagbU8zCqxWLFy9Bt/c/DN88JsnsSJiyF9+9RhyuAc1DTWLbkL16rqEOdoOHULzsWOYKYoYJkVtRw6gTE4MHxaxIamOZZ4DAZKCufNTrv/r7bfRsmsX1vMF7A6817Qdm/74B6wgb91ikXD42CnsJ8nlIUUybUVtigH/2fEatm3bjgX0fZjkNpJlUw1wBVhmORCFprHQl08lGlPJ3bLaWrzSUI+Tu5pDRq4hcRFXyRUFdIoS5k2RsUQI/77fo2DZnLKUOSpLZ+ApDslWGbyCDNPDdlJeSqOIQK5gYpYoZCBxdHekXi8sxJI/7UbZ6fdxkbzReWAvfEdPYJAQq0hiCBoEOCPxaycZ0dlUHwvfM8ZxBSmrJM5g2OjJ4/v/BpfPr3u/cEkFyh/ejK8eOY47T7Zh0dduR4+Pih3tpDCBnETUy2y9TDZbZASIlz9evwbBz5m0sLIKNXv2o2bjBvRSJYY2jq1RRNcoYmbsAe7mSopnx8EDaFiwEG/sfBOeNN6IjqWNL2LOvFK4vOoEeyBDy6mVwB2UaDe0f4jnvnUX1pbNxA/WrsOrr++gVlRfyfL7HsDQBPamIosgBIsg0Vi1gGAaHYQkHEw3E1Fb3tuPrjdexzPrvo1Vs2ej/ew/Un6TO216CAAYY5cdOlqcnsg2hDiVcBGVKF00FzNX3op2qsxE4fCdKRIeyxXh6+zE+43PpvKaQADKBPYWon4dTt0tRmjioGpc9eQzqGl5Bys3/xTMYkQ70eozIxruN8i4c/09Kb/r6+gI0e7LhyKmyxkS+gEhzRmRQEWpz69g4RevQ/HtK0PXFj/xNOb/5GH0trYiMDSM0tpbIReXpCx75q+78IXx7M6SeJucbJte3+knFDFJIur3HkwsYlOn4tr6+rSLvbN7N85++AmqjSK8l6N0kn5ClBnE1wEWz0ZTJmCQyYATXRcyXvTw8Ta80NCAxcSJApHjGR5Kppyc1D7CYoGaRQ2Ij5CMkthCiGNgGrZWV2P9qjo0N+/B0Ij+nv77s//il1t+gZ9/eTmqCFptVinWGppp61wOO85f7EVPb1j4d0dfb+jepQx51DUs5ppkR/BiOoX48P10Z/9bLXiCpKm4GLOI6xeWXgeD2Qy/x4MLn3yMj4+9C0nVcB9tjY36WntwlNfMomp+dMdOPPLqm7BEds9Jc95CWiyle4Ns7BQe1XOUUMsJ5TldEvNKTEZIRgnfoAjwUV98rq8Pn+7bh0/5YRMPA34QRtJAWs2iYufhBC2YSMqGBX5YpqJOYbG1eExbqRgNydLYBwtxycuSkzh+37U0MCpE7tnJEJGajXkGEQuF0TObaIJxyjGg6TNKftCXQ5uQb0psSvhpG78nZAyno8cSscPdaKFkSZmvZwh/xsvCki2aRI1MhzRjqs4SKzET4j3AtIRik+40jGUIeRNH2BKzNNR5qnGX+XeZTOSHS7lxD4qRWPeSiukMswjh34439+RUhL+t0KIhzhJCKBwULMLk8njvanfhcfqcOzyqipvkRpJVBTKoKMcoPoscKRaRha1uBUdDhmdDcz9/cKC4t7sHFZRULtJTIxHBQmuEQkgjbTQtXOPcA4OYWXcHvjujFIXiaMcZLCpA7ulTGN72MkRqE0EFipuXR5NKBFEvElcyzLoe9/zwxxCDCpRgcNwMcGoKystmw0u6qYoCxt8iRRBCcDgcbiWoWsFf4ZBeKi1eUGxDjs7Ruuv0B3ilYgksRA0kQiEb8eTzgwqayA2L192NR59/Gbb83AlhnTyM+rt6aF05DKG0gbJB9Mg8dDi+8+LA0Vk2y/B6PSRJh00FU+EauBhz2zW0A60uBQfo+/can8cDGx8Mv4wY6CeYnZj3CiarOUZtQuWMIie8ksYi6ZoeY3iAqfQc398CMvr3FO99xdegsbkZX1pWBc/QEPw+HzU90vj2wGmRkGV3rMINyDcYQqzyaao8N66sw07qxoryrKAwDIGAKP7/36llvCKnCl3d3Wikz9VbH0VTy96Q8v39/ZH3BlfmfU7mR4vUGrqLivHrpu1oWH8vRihcRojASZKEKzkyNsDtdqOithYWkwlOpzMEu+IVVj5qQEb/U4XHd2BkJCQ83q9UyCQNKzfgQqZGXPbRyPgPz/8EGABWE4OkavypTwAAAABJRU5ErkJggg==');
	width: 48px;
	height: 48px;
	cursor: pointer;
}
.openid-service-stocktwits-sm {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI2ODRBRDlDRTZCMTFFNEE2NzNBN0IyNkIzMUREREQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI2ODRBREFDRTZCMTFFNEE2NzNBN0IyNkIzMUREREQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjY4NEFEN0NFNkIxMUU0QTY3M0E3QjI2QjMxRERERCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjY4NEFEOENFNkIxMUU0QTY3M0E3QjI2QjMxRERERCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgVHx7MAAAP0SURBVHjatFVbaFxFGP7OnNlms7upUdlq0ja2WsFGI5FSqJKmF9AmWOqDF0qloFTBC2itaKGhQiuFgFj0QYTqi2VtY1uCQjBiIA/aF6+kt221cbumES1J3D27m5Oz5zb+c/ZkL8m2ukJ+mDNzZv77/38zyo/NDW7OsnNYABrI2UFOs3I5azYshIEztgJpAAFVwYKQjYKBWfWKXLgCmRkHWQEI/yxAI0KLSAOHrruYtl2o19EpZaS/DSFPdcGAp5wBVl5gwnSw8o4oOp7ajvqm5TAzGlLnRpAY/Bp/ZSy0rIhiadNSuHmjqgGmctiGgfRvVzz3igZcU2CSlG/Zuwftve/OE1xP4+fnd4I13oL2d96/YWaM8avou2uFZ4DNpuZa3kHHrmeqKp+l8UAIRvbfG85VSjX1DJiGg5todd+e1ytyeeLIRzj86mv49fcxjGkaBj48AocxjNLZyIWLmEprRX7HdXEpkUB8KoXRK8mSNcKB+ID09d+9TJTTD5/3i1W0303j2VBQvNnaKmJcEb11qniSKYJSJobfO1zk19Mp8VIoILbR/ouciaNhLh7mXJRqwCv74v4Nm/DFrh1Ixj7DGd3AVDwONaSi2QGaKb4/iacFbpGfe3USyNIcpH1RSE7hKztqfHQMfyRLoS1qbETrx5/ikSkNzw0OYFv3JozpDiwhoPgtKAKBMpcUiHCwoLGOl2pgU+4CBGjDEjjV0zOvYDwcRrTrUXR+OYytvYeQMl24hBVxHQy4/lw0wKloDu2sinAkjx3DC21tOBk7jsTE5DwFrXv3YfWDD0CjSP4rsWLv0moNZ4icP4/jO3egZ0kUb3SuRzx+sUJgWUcn9BpuiyIO0hkbi9e0Y+vGddhMew/R+O7b05S2fRUCFjHXcnN51RC2gITP2gOH0LSlC9G330LiVB/2uw7WvfJyJdiom+pp1msxMEFA2/z0455ySffuP+iNuRT/5TLODg5hJUnpdg0pkh4llQCu3YDxqj6Do9ufQJg6gtXz+Qwyb0xUj+C2xRw/xfpw8kQ/NuzejdVd3bh9eQtUAt/f1E0Xhr7C0IGDuMc0cSdd2Rr14hKS+354GN9EboWa1cDSKQjTQpBVVkiRV8XZzAxupv3JaRunSXiaDsJMOqVghnpeYnwjCUYjKlLUofI/TJ+RaRfnHJeQS2CVSCak1xGf7QcSy/sRqLSh0QhS6I9JxZaLHD0qLqE2tIju9DoVOcnjK5eUoXVbPcNayvIswOQjRXit6DJeDgaPSX5UBkUOv1uYf+Woc4pHTwjMaqCaayBIPkgdRplt6ZXjP5Wc/mzxfx5liv6SYVmf5JWA4nugVL1TagNXmY/KPwIMACy6k9ZuBTmHAAAAAElFTkSuQmCC');
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.regSocialsHeader
{
	padding-right: 1em;
}

.regSocialsHeader span
{
	display: inline-block;
}

.autoopenid_login_panel
{
	margin-bottom: 25px;
	border-bottom: #999 1px solid;
	padding-bottom: 15px;
}




.profile .top_bar__user-wrapper {
    display: block;
}

.profile .upbar_usermenu {
    display: block;
    float: right;
}

.profile .drop-menu-main {
    float: left;
}

.profile .drop-down {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    width: auto;
    cursor: pointer;    
}

.profile .drop-menu-main a, .profile .drop-down, .profile .drop-menu-main-sub .title {
    text-decoration: none;
    color: #ffffff;
    padding: 0 10px 0 0;
}

.profile .upbar_usermenu .drop-down {
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    padding-left: 5px;
}

.profile .upbar_usermenu .drop-down:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2d2d2d), to(#868686));
    background-image: -webkit-linear-gradient(top, #2d2d2d, #868686);
    background-image: -o-linear-gradient(top, #2d2d2d, #868686);
    background-image: linear-gradient(to bottom, #2d2d2d, #868686);
}

.profile .my_avatar {
    width: 40px;
    height: 40px;
    display: inline-block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin-right: 20px;
    line-height: 50px;
    margin: 4px 0;
}

.profile .upbar_arrow {
    margin: 23px 8px 0 7px;
    width: 8px;
    height: 4px;
    opacity: 0.45;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAIUlEQVQI12P4//9/w3/coJ4BBHAogkjCAJoiVEk0RSiSAK9GS7UWIkYyAAAAAElFTkSuQmCC) right 0 no-repeat;
}

.profile .upbar_usermenu .drop-menu-main.dropped .upbar_arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.profile .drop-menu-main-sub {
    position: absolute;
    background: #2d2d2d;
    -webkit-border-radius: 6px;
    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);
    z-index: 100;
    width: auto;
    padding: 5px 0 5px;
    margin: 10px 0 0 -70px;
    border: 1px solid #2d2d2d;
    font-size: 12px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: opacity .15s ease, -webkit-transform .2s ease-out;
    transition: opacity .15s ease, -webkit-transform .2s ease-out;
    -o-transition: transform .2s ease-out, opacity .15s ease;
    transition: transform .2s ease-out, opacity .15s ease;
    transition: transform .2s ease-out, opacity .15s ease, -webkit-transform .2s ease-out;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.profile .drop-menu-main-sub.showing {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: all;
}

.profile .drop-menu-main-sub a, .drop-menu-main-sub > span {
    color: #d4d4d4;
    display: block;
    padding: 10px 12px;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.drop-menu-main-sub > span {
    cursor: default;
}

.profile .drop-menu-main-sub a:hover {
    background: #CE5209;
    color: #FFFFFF;
    text-decoration: none;
}

.drop-menu-main-sub > span.menu-line {
    display: block;
    margin: 3px 15px;
    border-bottom: 1px solid #949494;
    padding: 0;
    cursor: default;
}

.profile .upbar_likes {
    position: relative;
    float: right;
    display: inline;
    margin-right: 0px;
    margin-top: 14px;
}

.profile .upbar_likes-tooltip {
    display: inline-block;
    margin-right: 0px;
}

/* old style */ 




.notify_svg__message {
    background: url(/plugins/smartusers/templates/skin/default/img/email-24px.svg) center 0/cover;
}

.notify_svg {
    width: 20px;
    height: 20px;
}

.notify_svg__notification {
    background: url(/plugins/smartusers/templates/skin/default/img/notification.svg) center 0/cover;
}

.notify_settings a {
    position: absolute;
    bottom: 8px;
    right: 10px;
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url(/plugins/smartusers/templates/skin/default/img/settings-24px.svg) center 0/cover;
}

.replies_ajax {

  font-size: 80%;
  max-width: 100%;
  box-sizing: border-box;
  background-color: #fff;

}

.replies_ajax div.comment_avatar .user {
    color: black;
    float: left;
    font-weight: bold;
    margin: .25em 10px .25em .25em;
}

.replies_ajax div.comment_avatar .user>* {
  border-radius: 50%;
  vertical-align: middle;
}

.replies_ajax div.reply_section {
  border-bottom: 1px solid #f3f3f3;
  clear: both;
  padding: .25em;
  cursor: pointer;
  overflow: hidden;
}

.replies_ajax div.reply_section:last-child {
  border-bottom: none;
}

.replies_ajax div.comment_text {
    display: inline;
    line-height: 18px;
    color: #8c8c8c;
}

.replies_ajax div.comment_text .comment_nick {
    font-weight: bold;
}

.replies_ajax div.comment_text span.comment {
    color: #000;
}

.replies_ajax div.comment_text span.time {
  padding: 2px;
  color: #c5c5c5;
}

.replies_ajax .more_replies {
    clear: both;
    text-align: center;
    font-weight: bold;
    padding: .5em;
}

.notify_tabs {
  /*display: flex;*/
  margin-bottom: 10px;
  font-size: 0% !important;
}

.notify_tab {
  position: relative;
  /*flex: 1;*/
  width: 25%;
  outline: none;
  border: none;
  padding: 10px;
  background-color: #f3f3f3;
  transition: all .15s ease-in-out;
}

.notify_tab.empty .notify_count
{
  display: none;
}

.notifiesPopover.js-tooltip__container
{
  padding: 8px;
  background-color: #f3f3f3;
}

.notifiesPopover.js-tooltip__container:after
{
  background: #f3f3f3;
}

.notify_tab__active {
  background-color: #fff;
  border-color: #fff;
}

.notify_tab__active>img {
  filter: contrast(1) !important;
}

.notify_tab:hover {
  background-color: #fff;
}

.notify_tab:hover>img {
  filter: contrast(1) !important;
}

.notify_tab:last-child {
  border-right: none;
}

.notify_tab>img {
  /*width: 25px;*/
  height: 25px;
  filter: contrast(0.1);
  transition: all 0.15s ease;
}

.notify_content {
  display: none;
}

.notify_content.notify_content__active
{
  display: block;
}

.notify_content > div:nth-last-child(-n+2)
{
  border-bottom: none;
}

.notify_count {
/*  display: flex;
  justify-content: center;
  align-items: center;*/
  position: absolute;
  border-radius: 50%;
  top: 2px;
  left: 61px;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff;
}

.notify_count>span {
  margin: 0;
  line-height: 19px;
}

.notify_count__blog {
  background-color: #65d87e;
}

.notify_count__forum {
  background-color: #658ed8;
}

.notify_count__likes {
  background-color: #ff5b5b;
}

.replies_ajax .user>img {
  width: 48px;
}

.notify_btn__wrapper {
  position: relative;
}
/*
.notify_btn__wrapper>div {
  position: absolute;
  left: 0;
  top: 5px;
} */

.top_bar__user-wrapper {
  display: block;
}

.notify_icon {
  position: relative;
  width: 25px !important;
  height: 25px !important;
  background-color: inherit !important;
  padding: 0 !important;
  margin-right: 15px;
  display: block;
/*  display: flex;
  align-items: center;
  justify-content: center;*/
  cursor: pointer;
}

.notify_icon.empty .notify_round
{
	display: none;
}

.notify_icon.empty .notify_svg
{
	opacity: 0.45;
}

.notify_icon>img {
  width: 20px;
  height: 20px;
}

.notify_round {
  position: absolute;
/*  display: flex;
  align-items: center;
  justify-content: center;*/
  left: 36%;
  top: -4px;
  border-radius: 50%;
  font-size: 10px;
  /*line-height: 1px;*/
  line-height: 19px;
  text-align: center;
  height: 19px;
  width: 19px;
  color: #fff;
  background: #e83a3a;
}

.profile {
  display: flex;
}

#header .profile.guest
{
  width: auto;
}

.active-button img {
  opacity: 0.45;
}

@media screen and (max-width: 768px) {
  
  .top_bar__user-wrapper {
    display: flex;
    align-items: center;
    margin-left: 15px;
  }
  .notify_icon {
    margin-right: 15px;
  }
  .upbar_likes {
    margin-top: 0px;
    display: flex;
    flex-direction: row;
  }

  .my_avatar {
    width: 30px;
    height: 30px;
    line-height: unset;
    margin: 0;
  }

  .upbar_arrow {
    margin: 14px 8px 0 2px;
  }


}

@media screen and (min-width: 768px) {
  .notifiesPopover.js-tooltip__container
  {
    max-width: 380px!important;
    width: 380px!important;
  }
}


.upbar_usermenu a img
{
  width: 16px;
  height: 16px;
  border: none;
  vertical-align: bottom;
}
/*FONT - SIZE*/
.toggle_fz {
	background-color: rgb(156, 153, 153);
	position: fixed;
	bottom: 10%;
	right: 50px;
	width: 30px;
	height: 30px;
	z-index: 10000;
	display: flex;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.large_font .toggle_fz {
	background-color: rgba(245, 144, 13, 0.87);
}

.large_font #content .content, .large_font #content .content > * {
	font-size: 11pt!important;
	line-height: 1.6!important;
/*  padding: 10px 0;*/
}

.large_font #content .topic h1.title, .large_font #content .topic h2.title { font-size: 14pt !important; }
.large_font #content .content h3 { font-size: 14pt !important; }


/* themes */
.theme_switch_btn {
  position: fixed;
  bottom: 4%;
  right: 45px;
  width: 40px;
  height: 36px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.theme_switch_btn>a {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0.7;
  transition: all 0.15s ease;
}

.theme_switch_btn>a:hover {
  transform: scale(1.2);
  opacity: 1;
}

.theme_switch_btn>a[theme="black"]
{
  display: none;
}

.theme_switch_btn>a[theme="white"]
{
  background: #fff;
  display: block;  
}

.theme_switch_btn>a[theme="fullblack"]
{
  background: #F59300;
  display: block;	
}

/* promo reg dialog */
.custom-pop-up__content.promo-reg-popup__content {
	background-image: url('/plugins/mobile/templates/skin/default/actions/ActionMobile/images/promo-reg-background.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.custom-pop-up__inner.promo-reg-popup__inner {
	padding: 0px 50px 50px;
	width: 500px;
	max-width: calc(100vw - 20px);
}

.reg-modal__logo {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	margin-top: 26px;
}

.reg-modal__logo-title {
	color: #404040;
}

.reg-modal__logo-motto {
	color: #404040;
}

.reg-modal__title-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

.reg-modal__title-text {
	color: #000;
	font-family: Roboto;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.reg-modal__title-subtitle {
	color: #000;
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reg-modal__button {
	font-size: 20px;
	padding: 15px;
	margin: 28px auto 0;
}

.reg-modal__app-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 38px;
}

.reg-modal__app-text {
	color: #000;
	text-align: center;
	font-family: Roboto;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.reg-modal__app-images {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	gap: 16px;
}

.reg-modal__app-image {
	width: 100%;
	height: 44px;
}

@media screen and (max-width: 440px) {

	.reg-modal__logo {
		margin-top: 15px;
	}

	.reg-modal__logo-title {
		font-size: 25px;
	}

	.reg-modal__title-container {
		margin-top: 15px;
	}

	.reg-modal__title-text {
		font-size: 25px;
	}

	.reg-modal__title-subtitle {
		font-size: 15px;
	}

	.reg-modal__button {
		font-size: 17px;
		padding: 10px;
		margin: 20px auto 0;
	}

	.reg-modal__app-container {
		margin-top: 25px;
	}

	.reg-modal__app-text {
		font-size: 17px;
	}

	.reg-modal__app-images {
		flex-direction: column;
	}
}

/* Тёмная тема */
.dark-theme .reg-modal__logo-title {
	color: #d4d4d4;
}

.dark-theme .reg-modal__logo-motto {
	color: #d4d4d4;
}

.dark-theme .reg-modal__title-text {
	color: #e9e9e9;
}

.dark-theme .reg-modal__title-subtitle {
	color: #e9e9e9;
}

.dark-theme .reg-modal__button {
	color: #202225;
}

.dark-theme .reg-modal__app-text {
	color: #e9e9e9;
}




/* promo auth dialog */
.custom-pop-up__inner.promo-auth-popup__inner
{
    padding: 0px 25px 25px;
    width: 500px;
	max-width: calc(100vw - 20px);
}

.auth-modal__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: 15px;
}

.auth-modal__title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 27px;
}

.auth-modal__title-text {
    color: #000;
    font-family: Roboto;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.auth-modal__social-login-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    gap: 10px;
}

.auth-modal__social-login-btn {
    width: 100%;
    max-width: 280px;
}

.auth-modal__separator {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
    margin-top: 16px;
}

.auth-modal__separator-line {
	box-sizing: border-box;
    width: 100px;
    height: 1px;
    flex-shrink: 0;
    border: 1px solid #D6D6D6;
}

.auth-modal__reg-link {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #000;
}

.auth-modal__reg-link:hover {
    color: #4b4b4b;
    border-bottom: 1px solid #4b4b4b;
}

.auth-modal__auth-link-container {
    display: flex;
    flex-direction: row;
    gap: 5px;
    margin-top: 25px;
}

.auth-modal__auth-link-text {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.auth-modal__auth-link-link {
    color: #000;
    text-align: center;
    font-family: Roboto;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #000;
}

.auth-modal__auth-link-link:hover {
    color: #4b4b4b;
    border-bottom: 1px solid #4b4b4b;
}

@media screen and (max-width: 440px) {
    .auth-modal__reg-link {
        font-size: 17px;
    }

    .auth-modal__auth-link-container {
        margin-top: 15px;
    }

    .auth-modal__auth-link-text {
        font-size: 15px;
    }

    .auth-modal__auth-link-link {
        font-size: 15px;
    }
}

/* Тёмная тема */

.dark-theme .auth-modal__logo svg path {
    fill: #e9e9e9;
}

.dark-theme .auth-modal__title-text {
    color: #e9e9e9;
}

.darl-theme .social-login__btn--yandex .auth-modal__social-login-btn {
    background: #767676;
}

.dark-theme .auth-modal__reg-link {
    color: #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.dark-theme .auth-modal__reg-link:hover {
    color: #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}

.dark-theme .auth-modal__auth-link-text {
    color: #e9e9e9;
}

.dark-theme .auth-modal__auth-link-link {
    color: #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}

.dark-theme .auth-modal__auth-link-link:hover {
    color: #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
}
@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;
}

.custom-pop-up__inner.promo-reg-popup__inner
{
	width: 400px;
}

.custom-pop-up__inner.promo-auth-popup__inner
{
	width: 450px;
}

.promo-auth-popup__content a
{
	text-decoration: none;
	color: #000;
}

.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--yandex:hover {
    background: #2f2f2f;
}

.social-login__btn--yandex {
    background: #282828;
}

.social-login__btn--vk {
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    background: #4d77a1;
    border: none;
    color: #fff;
    text-transform: uppercase;
}

.auth-modal__social-login-btn {
    width: 100%;
    max-width: 280px;
    color: white !important;
}
.add_company {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.add_company a {
    display: block;
    text-align: left;
    width: 40px;
    max-width: 40px;
    height: 40px;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.add_company a img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.add_company a:hover img {
    opacity: 1;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.add_company a:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
}

.company_blos_title {
    margin-bottom: 25px;
}

.companies_blogs_list div a {
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.companies_blogs_list div a img {
    border: 1px solid transparent;
    display: block;
    width: calc(100% - 2px);
}

.companies_blogs_list div a:hover img {
    border: 1px solid rgba(255, 126, 0, 1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.companies_blogs {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 200px;
}

.companies_blogs.hidden {
    display: none !important;
}

.sidebar_right .sticky, .sidebar_left .sticky {
    position: fixed;
    top: 0;

    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.companies_blogs_list div {
    margin-bottom: 5px !important;
}

.companies_blogs_inner {
    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: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 15px;
}


.sidebar_left .companies_blogs {
    margin-top: 0;
    width: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sidebar_left .companies_blogs.sticky {
    width: 200px;
}

.sidebar_left .companies_blogs_inner {
    padding-right: 0;
	width: 90%;
}

.sidebar_left .company_blos_title {
    display: none;
}

.sidebar_right .companies_blogs {
    width: 300px;
    height: 600px;
    margin-top: 8px;
    transition: all 1s;
}

.sidebar_right .companies_blogs.sticky {

    width: 300px;
    height: 600px;
    transition: all 1s;
}

.sidebar_right .companies_blogs_inner {
    padding-right: 0;
}

.sidebar_right .company_blos_title {
    display: none;
}

/*.companies_blogs_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}

.companies_blogs_list > div {
	max-width: calc(50% - 2px);
}*/


.companies_blogs_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    column-count: 2;
    margin-bottom: 15px;
}

.companies_blogs_list > div {
    max-width: calc(50% - 2px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    width: 46%;
}

.companies_blogs_list2 div a, .companies_blogs_list div a {
    border: 1px solid transparent;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

.companies_blogs_list2 div a img, .companies_blogs_list div a img {
    width: 100%;
}

.companies_blogs_list2 div a, .companies_blogs_list div a {
    border: 3px solid transparent;
    display: block;
    width: calc(100% - 6px);
	overflow: hidden;
    border-radius: 10px;
}

.companies_blogs_list2 div a:hover, .companies_blogs_list div a:hover {
    border: 3px solid rgba(255, 126, 0, 1);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/*lck 12/02/2018 left_col_vidjet*/

#company_profile_table td {
    padding-top: 1em;
}

.companies_blogs.sticky_block {
  display: block !important;
}
.companies_blogs_inner.is_stuck {
  display: block !important;
/*  z-index: -1;*/
}
/*.companies_blogs_list {
  width: 100%;
  column-count: 2;
  display: block;
}
.companies_blogs_list > div {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}*/
.employeeBox > div > div
{
	display: flex;
}

.employeeBox > div input
{
	vertical-align: top
}

.employeeBox > div input[type="text"]
{
	flex-grow: 1;
	margin-right: 4px;
}

.employeeBox > ul
{
	max-height: 10em;
	overflow-y: auto;
}

.employeeBox > ul > li
{
	margin-left: 1em;
	padding: 2px;
}

.removeFromEmployee
{
	font-size: 16px;
	font-weight: bold;
	color: red;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	cursor: pointer;

}
/* жать нельзя, т.к. calc бъется (пробелы проебываются) или подправлять руками */

.book_genre
{
	padding: 1em;
}

.book_genre th
{
	text-align: left;
}

.bookTag
{
	font-size: 1.2em;
	cursor: pointer;
}

.bookTag.pressed
{
	font-weight: bold;
}

.w50p
{
	width: 48%;
}


.book_header
{
	padding: 20px 40px 20px 15px;
}

.book_header h1
{
	margin-bottom: 0px;
}

.book_cover
{
	float: left;
	width: 200px;
	min-height: 100px;
	margin: 0em 2em;
}

div.review_links
{
	margin-top: 2em;
	text-align: left;
}

.book_info
{
	margin-right: 2em;
}

.book_info table
{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

.book_info table tr
{
	background: url(/plugins/books/templates/skin/default/img/dotbgtable.png) left bottom repeat-x;
}


.book_info table td
{
	min-height: 14px;
	vertical-align: top;
	padding: 6px 0px 9px 20px;
}

.book_info p
{
	text-indent: 20px;
	margin-top: 6px;
}

.clear_info
{
	clear: both;
}

.book_related
{
	margin-top: 1em;
}

.book_related h2
{
	margin-left: 1em;
}

.book_related .books_carusel
{
	margin-top: 1em !important;
}


.new_book_review
{
	margin: 2em;
	clear: both;
	display: none;
}

.books
{
	width: 100%;
	padding: 0 20px;
	border-spacing: 0;
	border-collapse: separate;
	font-size: 12px;
	margin: 2em 0em;
}

.books a
{
	text-decoration: none;
}

.book_top100
{
	font-size: 22px;
	line-height: 26px;
	font: normal 18px Verdana;
	color: #6B6B6B;
}

.books tr
{
	background-color: #f9f9f9;
	transition: all .15s ease-in-out;
}

.books tr:nth-child(2n)
{
	background-color: #fff;
}

.books tr:hover
{
	background-color: #efefef;
}

.books tr th
{
	min-width: 100px;
	padding: 10px;
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
	text-align: start;
}

.books tr th:first-child
{
	min-width: 50px;
}

.books tr th:last-child
{
	min-width: 120px;
}

.books tr td
{
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

.books tr td:last-child
{
	padding-left: 0;
}

.books tr:last-child td
{
	border: none;
}

.books_nav
{
	margin-top: 4px;
	margin-left: 15px;
	display: block;
	font-size: small;
	color: gray;
}

.books_nav > li
{
	margin-right: 0.5em;
	display: block;
	float: left;
}

.books_nav > li a
{
	color: gray;
}

.books_search
{
	padding: 1em;
}

.books_search > form > div:first-child
{
	float: right;
	width: 100px;
}

.books_search .left
{
	margin-right: 100px;
}

.books_search > form > div:first-child > input
{
	width: 100%;
	position: relative;
	font-size: 22px;
}

.books_search .left > input
{
	width: 99%;
	font-size: 22px;	
}

.books_search > div
{
	color: gray;
	font-size: small;
}



.books_buttons
{
	background: #ffffff;
	padding-left: 3px;
}

.books_buttons > a
{
	display: inline-block;
	color: #000000;
	font-weight: 400;
	text-decoration: none;
	user-select: none;
	padding: .5em .5em;
	border: 2px solid;
	border-radius: 1px;
	transition: 0.2s;
	margin: 15px 0px 0px 10px;
	border-radius: 4px;
}

.books_buttons > a:hover
{
	background: rgba(255,255,255,.2);
}

.books_buttons > a:active
{
	background: #4e4e4e;
}

.books_buttons.for_books
{
	position: relative;
}





/*

.books_buttons
{
	font-size: 16px;
	margin: 1em 0em;
}

.books_buttons > a
{
	margin: 1em;	
}

.books_buttons.for_books
{
	margin: 1em 0em 0em 0em;
}*/

.books_vote_stars
{
	margin-right: 0.5em;
	float: left;
	width: 130px;
	height: 26px;
	overflow: hidden;
	background: url(/plugins/books/templates/skin/default/img/stars.png) left top no-repeat;
}

.books_vote_stars.star1
{
	background-position: 0px -26px;
}

.books_vote_stars.star2
{
	background-position: 0px -52px;
}

.books_vote_stars.star3
{
	background-position: 0px -78px;
}

.books_vote_stars.star4
{
	background-position: 0px -104px;
}

.books_vote_stars.star5
{
	background-position: 0px -130px;
}

.reviews_list
{
	margin: 2em;
}

.reviews_list .topic
{
	background: url(/plugins/books/templates/skin/default/img/dotbgtable.png) left bottom repeat-x;
}

.book_rating
{
	width: 130px;
	height: 26px;
	overflow: hidden;
	background: url(/plugins/books/templates/skin/default/img/stars.png) left top no-repeat;
	background-position: 0px 0px;
}

.book_rating > div
{
	width: 0px;
	height: 26px;
	overflow: hidden;
	background: url(/plugins/books/templates/skin/default/img/stars.png) left top no-repeat;
	background-position: 0px -130px;
}

/* всплывающая попапка */
.book_popup {padding: 3px; width: 450px; min-height: 200px; position: relative; background-color: #fff}

.book_popup .book_thumbnail { padding: 8px; float: left }
.book_popup .book_thumbnail > a {border: 1px solid #ccc; display: block; background-color: #fff; padding: 2px; width: 100px; overflow: hidden}
.book_popup .book_thumbnail > a > img {width: 100px}

.book_popup .book_info { padding-top: 8px; /* width: 300px; */ }
.book_popup .book_info a { text-decoration: none }

.book_popup .book_title { font-size: medium; font-weight: bold; color : #6B6B6B; }
.book_popup .book_subtitle { font-size: small; color: #6B6B6B; }
.book_popup .book_authors a { font-size: medium; color: #6B6B6B; }


.book_popup .book_rating
{
	margin-top: 8px;
	width: 130px;
	height: 26px;
	overflow: hidden;
	background: url(/plugins/books/templates/skin/default/img/stars.png) left top no-repeat;
	background-position: 0px 0px;
}

.book_popup .book_rating > div
{
	width: 0px;
	height: 26px;
	overflow: hidden;
	background: url(/plugins/books/templates/skin/default/img/stars.png) left top no-repeat;
	background-position: 0px -130px;
}

.book_popup .profile_panel { background-color: #fff; position: absolute; bottom: 0px; width: 100%; }
.book_popup .profile_panel > div { padding: 8px }
.book_popup .profile_panel > div > a { padding: 4px }

.list_desc
{
	margin: 2em;
}

.list_desc .topshare
{
	margin-top: 2em;
}

.list_desc_clear
{
	clear: both;
}

.BookTagsCloud
{
	margin-top: 1em;
	text-align: center;
	position: relative;
}

.BookTagsCloud li
{
	display: inline-table;
	margin-right: 5px;
	line-height: 16px;
}

.BookTagsCloud li a
{
	color: #949494;
	text-decoration: none;
}

.books_carusel 
{
	margin: 2em 1em 0em 1em;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.books_carusel .button_left, .books_carusel .button_right
{
	position: absolute;
	width: 60px;
	height: 100%;
	cursor: pointer;
    opacity: 0;
}

.books_carusel .button_left
{
	left: 0px;	
	background: -webkit-gradient(linear, right top, left top, from(rgba(255,255,255,0)), to(#fff));
    background: linear-gradient(to left, rgba(255,255,255,0), #fff);	
}

.books_carusel .button_right
{
	right: 0px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(#fff));
	background: linear-gradient(to right, rgba(255,255,255,0), #fff);
}


.books_carusel .button_left::before, .books_carusel .button_right::before
{
	position: absolute;
	content: '';
    border-radius: .5rem;
    border: 1px solid #6B6B6B;
    width: 50px;
    height: 100px;
    top: 50px;
}

.books_carusel .button_left::before
{
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCA2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNjAiPjxwYXRoIHN0cm9rZT0iIzZCNkI2QiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNi42IDU2LjZMMy40IDMwIDE2LjYgMy40IiBmaWxsPSJub25lIi8+PC9zdmc+) 50% 50% no-repeat;
}

.books_carusel .button_right::before
{
	background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCA2MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgNjAiPjxwYXRoIHN0cm9rZT0iIzZCNkI2QiIgc3Ryb2tlLXdpZHRoPSI0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjQgMy40TDE2LjYgMzAgMy40IDU2LjYiIGZpbGw9Im5vbmUiLz48L3N2Zz4=) 50% 50% no-repeat;
}


.books_carusel:hover .button_left, .books_carusel:hover .button_right
{
	opacity: 1;
}

.books_carusel .panel_wrapper
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.books_carusel .books_carusel_panel
{
	height: 300px;
}

.books_carusel .carusel_item
{
	float: left;
	width: 200px;
	height: 300px;
	overflow: hidden;
	text-align: center;
}

.books_carusel .carusel_item img
{
	max-height: 200px;
}

.book_links
{
	padding: 0.2em;
	text-align: center;
	font-size: 80%
}

.book_links .title
{
	display: block;
	margin-bottom: 0.3em;
	font-size: 120%;
	font-weight: bold;
}

.book_blog_top
{
	width: 100%;
	margin-bottom: 1em;
}

.book_blog_top .clear
{
	clear: both;
	width: 100%;
	height: 1px;
}

.book_blog_top .title
{
	text-align: center;
	margin-bottom: 1em;
}

.book_blog_top .title a
{
	font-size: 1.8em;
}

.book_blog_top_item
{
    float: left;
    max-width: 140px;
    height: 180px;
    overflow: hidden;
    text-align: center;
}

.book_blog_top_item img
{
	max-width: 140px
}

.book_buy_panel { float: right; padding: 0 2em 2em 2em; background-color: #fff }
.book_buy_panel a { font-weight: 700; font-size: 1.2em; color: white; text-decoration: none; padding: .8em 2em calc(.8em + 3px); border-radius: 3px; background: rgb(64,199,129); box-shadow: 0 -3px rgb(53,167,110) inset; transition: 0.2s; text-align: center; margin-top: 0.5em; display: block; } 
.book_buy_panel a:hover { background: rgb(53, 167, 110); }
.book_buy_panel a:active { background: rgb(33,147,90); box-shadow: 0 3px rgb(33,147,90) inset; }

.book_tags_panel
{
	text-align: center;
	padding: 1em;
}

.book_tags_panel a
{
	font-weight: 400;
	color: #292929;
	text-decoration: none;
	padding: .8em 1em calc(.8em + 3px);
	border-radius: 10px;
	background: rgb(255, 255, 255);
	box-shadow: 0 -2px rgb(53,167,110) inset;
	transition: 0.2s;
	margin-right: 1em;
	border-color: green;
	border: 1px solid green;
} 
.book_tags_panel a:hover { background: rgb(53, 167, 110); }
.book_tags_panel a:active
{
	background: rgb(33,147,90);
	box-shadow: 0 3px rgb(33,147,90) inset;
}

.books_second_title
{
	margin-top: 2em;
	margin-left: 2em;
	color: gray;
}

.book_url_partner
{
	color: orange;
	margin-left: 1em;
	cursor: pointer;
}

img.mart_books_ico {
	position: absolute;
	display: inline-block;
	top: 19px;
	left: 15px;
}

span.mart_books_empty {
	display: inline-block;
	margin: 0 15px;
}

.mart_books_navi {
	display: block;
	padding: 2px 0px 20px 15px;
}

.reviewed_by_genre_block
{
	margin-left: 1em
}

#reviewed_by_genre_graph
{
	height: 400px;
}

.reviwed_year_wrapper
{
	margin: 1em 0.5em;
	text-align: right;
}

.reviwed_year_wrapper #reviwed_year
{
	width: auto;
}



a#mart_books_right {
float: right;
margin-right: 15px;
}

a.mart_book_button_right {
background: #fff;
color: black;
font-size: 1em;
border: 1px #a7beff solid;
box-shadow: 0 -3px rgb(216, 230, 232) inset;
font-weight: 400;
}

#books-top-filters
{
	width: 700px;
	margin: 0 auto;
}

	/* pt-mono-regular - cyrillic_latin */
	@font-face {
	  font-family: 'PT Mono';
	  font-style: normal;
	  font-weight: 400;
	  src: url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('PT Mono'), local('PTMono-Regular'),
	       url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	       url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	       url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.woff') format('woff'), /* Modern Browsers */
	       url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	       url('/templates/skin/smart-lab-x3/css/fonts/pt-mono-v5-cyrillic_latin-regular.svg#PTMono') format('svg'); /* Legacy iOS */
	}

	.console_box
	{
		overflow: hidden;
		background-color: #000;
		margin: 1px 8px;
	}

	.console
	{
		display: flex;
		flex-direction: row;
		align-items: stretch;

		padding: 0.5em;
		font: normal 1.3em 'PT Mono', monospace;
		color: #B2B2B2;
/*      overflow: hidden;*/
		border: 2px solid #4e4e4e;
		background-color: #3e3e3e;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #212121));
		background-image: -moz-linear-gradient(top, #3e3e3e, #212121);
		background-image: -webkit-linear-gradient(top, #3e3e3e, #212121);
		background-image: linear-gradient(to bottom, #3e3e3e, #212121);
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E3E3E', endColorstr='#FF212121');     
	}

	.console > .commandline
	{
		box-sizing: border-box;
		flex-grow: 1;
		flex-shrink: 1;
		line-height: 1.3em;     
	}

	.console > .help
	{
		white-space: nowrap;
		box-sizing: border-box;
		flex-grow: 0;
		line-height: 1.5em;
		margin-left: 1em;
		display: none;

		color: white;
	}

	.console::before
	{
		content: ' ';
		width: 1.5em;
		margin-right: 0.5em;
		display: inline-block;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iNDkxLjIzNzc5MyIgaGVpZ2h0PSI0NTIuOTg4MjgxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgZmlsbC1ydWxlPSJub256ZXJvIiBjbGlwLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwRjIzOEMiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjQiIGlkPSJWcnN0dmFfeDAwMjBfMSI+CiAgIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBpZD0iZzM0NzAiPgogICAgPHBhdGggZmlsbD0iI0IyQjJCMiIgaWQ9InBhdGgzNDcyIiBkPSJtMzI4LjA4NzQwMiwyNTYuNzgwMjczYy01LjU5MTc5Nyw4LjE3MTg3NSAtMTMuMjgwMjczLDE3LjA4MDA3OCAtMjIuMTkxNDA2LDI1LjI5Njg3NWMtOS42ODU1NDcsOC45MzE2NDEgLTIwLjI0NDE0MSwxNi41NTA3ODEgLTI3LjQzMzU5NCwyMC40NjM4NjdsMTYzLjEyNTk3NywxNTAuNDQ3MjY2bDQ5LjY0OTQxNCwtNDUuNzgzMjAzbC0xNjMuMTUwMzkxLC0xNTAuNDI0ODA1eiIvPgogICAgPHBhdGggZmlsbD0iI0IyQjJCMiIgaWQ9InBhdGgzNDc0IiBkPSJtMjgzLjgyOTU5LDQ1LjA1ODEwOWMtNjUuMTc1NzgxLC02MC4wNzc2NCAtMTY5Ljc5MTAyMywtNjAuMDc3NjQgLTIzNC45NjYzMDksMGMtNjUuMTUwODgxLDYwLjEwMDU4MiAtNjUuMTUwODgxLDE1Ni41NzAzMDkgMCwyMTYuNjcxMzgzYzY1LjE3NTI4NSw2MC4xMDA1ODYgMTY5Ljc5MDUyNyw2MC4xMDA1ODYgMjM0Ljk2NjMwOSwwYzY1LjE3NTc4MSwtNjAuMTAxMDc0IDY1LjE3NTc4MSwtMTU2LjU3MDgwMSAwLC0yMTYuNjcxMzgzem0tMzQuMTk4MjQyLDMxLjUzNTE1MmMtNDYuMjA0MTAyLC00Mi42MDY5MzQgLTEyMC4zOTA2MjUsLTQyLjYwNjkzNCAtMTY2LjU3MDMwNSwwYy00Ni4yMDQ1OTQsNDIuNTgzNDk2IC00Ni4yMDQ1OTQsMTEwLjk5NDE0MSAwLDE1My42MDEwNzRjNDYuMTc5NjgsNDIuNjA2NDQ1IDEyMC4zNjYyMDMsNDIuNjA2NDQ1IDE2Ni41NzAzMDUsMGM0Ni4yMDUwNzgsLTQyLjYwNjkzNCA0Ni4yMDUwNzgsLTExMS4wMTc1NzggMCwtMTUzLjYwMTA3NHoiLz4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+');
		background-repeat: no-repeat;
		background-size: contain;
	}


	.console > .commandline > input
	{
		border:none !important;
		background-color: transparent !important;
		color: white !important;
		font: normal 1.3em 'PT Mono', monospace;
		padding: 0px;
		margin: 0px;
		width: 100%;
		height: 100%;
	}

	.console input, .console input:focus
	{
		outline: none;
	}   


/*
	.console::before
	{
		content: '';
		float: left;
		font-weight: bold;
		padding-right: 0.5em;
		margin-top: 0.1em;
		color: #B2B2B2;
		width: 24px;
		height: 24px;
		display: inline-block;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB3aWR0aD0iNDkxLjIzNzc5MyIgaGVpZ2h0PSI0NTIuOTg4MjgxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiA8Zz4KICA8dGl0bGU+TGF5ZXIgMTwvdGl0bGU+CiAgPGcgZmlsbC1ydWxlPSJub256ZXJvIiBjbGlwLXJ1bGU9Im5vbnplcm8iIGZpbGw9IiMwRjIzOEMiIHN0cm9rZT0iI0IyQjJCMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjQiIGlkPSJWcnN0dmFfeDAwMjBfMSI+CiAgIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBpZD0iZzM0NzAiPgogICAgPHBhdGggZmlsbD0iI0IyQjJCMiIgaWQ9InBhdGgzNDcyIiBkPSJtMzI4LjA4NzQwMiwyNTYuNzgwMjczYy01LjU5MTc5Nyw4LjE3MTg3NSAtMTMuMjgwMjczLDE3LjA4MDA3OCAtMjIuMTkxNDA2LDI1LjI5Njg3NWMtOS42ODU1NDcsOC45MzE2NDEgLTIwLjI0NDE0MSwxNi41NTA3ODEgLTI3LjQzMzU5NCwyMC40NjM4NjdsMTYzLjEyNTk3NywxNTAuNDQ3MjY2bDQ5LjY0OTQxNCwtNDUuNzgzMjAzbC0xNjMuMTUwMzkxLC0xNTAuNDI0ODA1eiIvPgogICAgPHBhdGggZmlsbD0iI0IyQjJCMiIgaWQ9InBhdGgzNDc0IiBkPSJtMjgzLjgyOTU5LDQ1LjA1ODEwOWMtNjUuMTc1NzgxLC02MC4wNzc2NCAtMTY5Ljc5MTAyMywtNjAuMDc3NjQgLTIzNC45NjYzMDksMGMtNjUuMTUwODgxLDYwLjEwMDU4MiAtNjUuMTUwODgxLDE1Ni41NzAzMDkgMCwyMTYuNjcxMzgzYzY1LjE3NTI4NSw2MC4xMDA1ODYgMTY5Ljc5MDUyNyw2MC4xMDA1ODYgMjM0Ljk2NjMwOSwwYzY1LjE3NTc4MSwtNjAuMTAxMDc0IDY1LjE3NTc4MSwtMTU2LjU3MDgwMSAwLC0yMTYuNjcxMzgzem0tMzQuMTk4MjQyLDMxLjUzNTE1MmMtNDYuMjA0MTAyLC00Mi42MDY5MzQgLTEyMC4zOTA2MjUsLTQyLjYwNjkzNCAtMTY2LjU3MDMwNSwwYy00Ni4yMDQ1OTQsNDIuNTgzNDk2IC00Ni4yMDQ1OTQsMTEwLjk5NDE0MSAwLDE1My42MDEwNzRjNDYuMTc5NjgsNDIuNjA2NDQ1IDEyMC4zNjYyMDMsNDIuNjA2NDQ1IDE2Ni41NzAzMDUsMGM0Ni4yMDUwNzgsLTQyLjYwNjkzNCA0Ni4yMDUwNzgsLTExMS4wMTc1NzggMCwtMTUzLjYwMTA3NHoiLz4KICAgPC9nPgogIDwvZz4KIDwvZz4KPC9zdmc+');
		background-repeat: no-repeat;
		background-size: contain;
	}

	.console
	{
		padding: 0.5em;
		font: normal 1.3em 'Lucida Console', monospace;
		color: white;
		overflow: hidden;
		border: 2px solid #4e4e4e;
		background-color: #3e3e3e;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #212121));
		background-image: -moz-linear-gradient(top, #3e3e3e, #212121);
		background-image: -webkit-linear-gradient(top, #3e3e3e, #212121);
		background-image: linear-gradient(to bottom, #3e3e3e, #212121);
		filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E3E3E', endColorstr='#FF212121');
	}

	.console input
	{
		float: left;
		border:none !important;
		background-color: transparent !important;

		color: white !important;
		font: normal 1.3em 'Lucida Console', monospace;
		padding: 0px;
		margin: 0px;
		width: 700px
	}

	.console input, .console input:focus
	{
		outline: none;
	}

	.console div.help
	{
		padding: 0.15em 0;
		float: right;
		color: #B2B2B2;
	}
	.console div a
	{
		color: green;
		text-decoration: none;
	}


*/
	.console_combo
	{
		display: none;
		position: absolute;
		z-index: 100;
		width: 1108px;
		max-height: 550px;
		overflow-x: hidden;
		line-height: 1.5em;

		background-color: #181818;
		color: white !important;
		font: normal 1.2em 'PT Mono', monospace;
		padding: 0.5em;

		opacity: 0.95;
		-moz-opacity: 0.95;
		-khtml-opacity: 0.95;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);

		border-top: 1px solid #5b5b5b;
		border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
	}

	.console_combo > div
	{
		cursor: pointer;
	}

	.console_combo > div.hilited
	{
		background-color: #ff7e00;
	}

	.helplink
	{
		display: inline-block;
		width: 6em;
		color: green;
		cursor: pointer;
	}

	.console_combo[mode="help_reverse"] > div > span:first-child
	{
		display: inline-block;
		min-width: 25em;
	}

	.console_combo[mode="help_reverse"] .helplink
	{
		display: inline-block;
		width: auto;
	}

	.colorlink
	{
		color: green;
	}

	.authlink
	{
		cursor: pointer;
		color: red;
	}

	.console_error
	{
		margin-bottom: 0.5em;
		color: red;
	}


	.helpinfo
	{
		float: right;
		text-align: left;
		width: 70%;
		margin-left: 20px
	}

	.fastlinks
	{
		position: relative;
		overflow: hidden;
		background-color: #a62222;
		font: bold 1em 'Arial', monospace;
		color: white;
		/* margin-top: 0.2em; */
		padding: 0.2em;
	}

	.fastlinks ol, .fastlinks ul
	{
	    font: bold 1em 'Arial', monospace;
	    margin: 0;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}

	.fastlinks ol li:before 
	{
		content: counter(item) ') ';
		counter-increment: item;
	}

	.fastlinks ol li, .fastlinks ul li
	{
	    padding: 0.3em 0.5em;
	    display: flex;
	}

	.fastlinks a
	{
		color: white;
		text-decoration: none;
	}


	.fastlinks form
	{
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		background-color: #ff7e00;
	}

	.fastlinks input#search
	{
		border:none !important;
		background-color: #ff7e00 !important;
		color: #353535 !important;
		font: bold 1.1em 'PT Mono', monospace;
		padding: 0.25em;
		width: 268px;
	}

	.fastlinks input#search::-webkit-input-placeholder
	{
		color: #b37e4c;
	}

	.fastlinks input#search:-moz-placeholder
	{
		color: #b37e4c;
	}

	.fastlinks input#search::-moz-placeholder
	{
		color: #b37e4c;
	}

	.fastlinks input#search:-ms-input-placeholder
	{
		color: #b37e4c;
	}

		.fastlinks input.button
	{
		border: none;
		width: 29px;
		height: 25px;
		padding: 0;
		margin: 0;
		vertical-align: top;
		background: #ff7e00 url() no-repeat;
	}

	.fastlinks input, .fastlinks input:focus
	{
		outline: none;
	}









div.console_acc_menu
{
	background-color: #181818;
	border: 1px solid #5b5b5b;

	border-radius: 0px 0px 7px 7px;
	-moz-border-radius: 0px 0px 7px 7px;
	-webkit-border-radius: 0px 0px 7px 7px;

	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	position: absolute;
	z-index: 110;
	width: 350px;
	overflow: hidden;

	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;

	font-family: Verdana, sans-serif;
}

div.console_acc_menu div.dbi
{
	clear: both;
	overflow: hidden;
	cursor: default;
	padding: 2px 4px;
}

div.console_acc_menu div.dbi.hilited
{
	background-color: #ff7e00;
	color: black;


	opacity: 0.99;
	-moz-opacity: 0.99;
	-khtml-opacity: 0.99;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

div.console_acc_menu div.dbid
{
	width: 32px;
	height: 32px;
	float: left;
	padding: 2px;
	overflow: hidden;
	margin-right: 4px;
}
		
div.console_acc_menu div.dbid img
{
	width: 32px;
	height: 32px;
	border: none;
}

div.console_acc_menu div.dbdd div
{
	font-size: 80%;
}

div.console_acc_menu div.dbdd div:first-child
{
	font-size: 100%;
	font-weight: bold;
}

div.console_acc_menu div.dbsb
{
	font-size: 80%;
	padding: 0.4em;
}

div.console_acc_menu div.dbsb div:first-child
{
	float: left;
	font-size: 100%;
	font-weight: bold;
	margin-right: 1em;
}

div.console_acc_menu div.dbst
{
	font-size: 80%;
	padding: 0.4em;
}


.undermenu
{
	position: relative;
	overflow: hidden;
	font: bold 1em 'Arial', monospace;
	background-color: #3e3e3e;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #212121));
	background-image: -moz-linear-gradient(top, #3e3e3e, #212121);
	background-image: -webkit-linear-gradient(top, #3e3e3e, #212121);
	background-image: linear-gradient(to bottom, #3e3e3e, #212121);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E3E3E', endColorstr='#FF212121');
}

.undermenu > ul
{
	display: table;
	width: 100%;
}

.undermenu > ul > li
{
	position: relative;
	display: table-cell;
	vertical-align: top;
}

.undermenu > ul > li:before
{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 1px;
	background: #505050;
}

.undermenu > ul > li:first-child:before
{
	visibility: hidden;
}

.undermenu > ul > li > a, .undermenu > ul > li > span
{
	display: block;
	padding: 7px 16px 7px;
	margin: 0;
	height: 15px;
	color: #fff;
	font: bold 12px/15px Arial, sans-serif;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.undermenu > ul > li > span
{
	cursor: default;
}

.undermenu > ul > li a > span
{
	color: #00ff4e;
}

.undermenu > ul > li:hover:before
{
	visibility: hidden;
}

.undermenu > ul > li > a:hover, .undermenu > ul > li > span:hover
{
	text-decoration: none;
	background: #4f91cd;
}

.undermenu [submenu="undermenu_more_main"]
{
	width: 32px;
}

.undermenu [submenu="undermenu_more_quotes"]
{
	width: 150px;
}

.undermenu .more i
{
	display: inline-block;
	border: none;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 4px 0 0;
	vertical-align: top;
	background-size: cover;
	background-repeat: no-repeat;
}


.undermenu .more:last-child {
    position: relative;
    width: auto;
}

.undermenu .more:last-child a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 5px;
    width: 10px;
    height: 10px;
    border: 3px solid white;
    transform: rotate(45deg);
    border-left: 0;
    border-top: 0;
    background: transparent;
}

.undermenu .open:last-child a:after {
    transform: rotate(-135deg);
    top: 10px;
}

.undermenu_more span {
    color: #00ff4e;
}


.undermenu .more #main_menu i
{
	background-image: url(/plugins/trade/templates/skin/default/img/menu.png);
}

.undermenu .more #quotes_menu i
{
	background-image: url(/plugins/trade/templates/skin/default/img/quotes_menu.svg);
	filter: invert(1);
}

.undermenu .more a
{
	cursor: pointer;
}

.undermenu_more
{
	display: none;
	position: absolute;
	
	background-color: #3e3e3e;
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #252525));
	background-image: -moz-linear-gradient(top, #3e3e3e, #252525);
	background-image: -webkit-linear-gradient(top, #3e3e3e, #252525);
	background-image: linear-gradient(to bottom, #3e3e3e, #252525);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E3E3E', endColorstr='#FF252525');
	-moz-box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	-webkit-box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	z-index: 1000;
	-moz-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.undermenu_more li a
{
	display: block;
	padding: 10px 16px 10px;
	margin: 0;
	height: 15px;
	color: #fff;
	font: bold 12px/15px Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;    
}

.undermenu_more ul li:before
{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	height: 1px;
	width: 100%;
	background: #505050;
}

.undermenu_more ul li:hover:before
{
	visibility: hidden;
}

.undermenu_more li a:hover
{
	text-decoration: none;
	background: #4f91cd;
}

#undermenu_more_quotes i
{
	font-style: normal;
	color: #aaa;
}

#undermenu_more_quotes.undermenu_more li a:hover i
{
	color: #fff;
}


.undermenu_more_main
{
	display: none;
	position: absolute;
	padding: 4px;
	
	background-color: #3e3e3e;
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e3e3e), color-stop(100%, #252525));
	background-image: -moz-linear-gradient(top, #3e3e3e, #252525);
	background-image: -webkit-linear-gradient(top, #3e3e3e, #252525);
	background-image: linear-gradient(to bottom, #3e3e3e, #252525);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3E3E3E', endColorstr='#FF252525');
	-moz-box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	-webkit-box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	box-shadow: 0 7px 32px 0 rgba(0, 0, 0, 0.73);
	z-index: 1000;
	-moz-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-o-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);

	font-family: Arial, sans-serif;
}

.undermenu_more_main ul.cols > li { float: left; display: inline-block; padding-right: 10px }
.undermenu_more_main ul.cols > li label {

	display: block;
	padding: 6px 15px 6px 6px;
	margin: 0;
	color: lightblue;
	font: bold 16px Arial, sans-serif;
	text-align: left;
	text-transform: uppercase;
	white-space: nowrap;
}

.undermenu_more_main ul.list
{
	margin-bottom: 1.5em;
	margin-left: 10px;
}

.undermenu_more_main ul.list:last-child
{
	margin-bottom: 0px;
}

.undermenu_more_main ul.list li.submenu
{
	position: relative;
}

.undermenu_more_main ul.list a, .undermenu_more_main ul.list li.submenu span
{
	display: block;
	padding: 6px 16px 5px;
	margin: 0;
	height: 15px;
	color: #fff;
	font: bold 12px/15px Arial, sans-serif;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;    
}


.undermenu_more_main ul.list a:hover, .undermenu_more_main ul.list li.submenu span:hover, .undermenu_more_main ul.list li.submenu.selected span
{
	text-decoration: none;
	background: #4f91cd;
}

.undermenu_more_main ul.list li.submenu span:hover + div, .undermenu_more_main ul.list li.submenu.selected > div
{
	display: block;
	top: 0;
	left: 95%
}

.undermenu_more_main ul.list li.submenu span
{
	cursor: default;
}


.undermenu_more_main ul.list li.submenu span::after
{
	content: ' ';
	display: inline-block;
	width: 4px;
	height: 8px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEIxMTRGRUZCNjBGMTFFNkFFNkNDRjcxREVDMTg3QjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEIxMTRGRjBCNjBGMTFFNkFFNkNDRjcxREVDMTg3QjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0QjExNEZFREI2MEYxMUU2QUU2Q0NGNzFERUMxODdCNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0QjExNEZFRUI2MEYxMUU2QUU2Q0NGNzFERUMxODdCNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr95OFsAAAAzSURBVHjanJCxDQAACMLE/3+uqxMSOxNKEFCOroMdIGkgUZBs4DVyIxeQa5BT6PXkCDAAxWIHFeKKQmkAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: -2px -2px;
	float: right;
	margin: 3px -4px 0 0;
}
table.trades
{
	font-size: 13px;
	width: 100%;
}

table.trade
{
	display: block;
	line-height: 1.1em;
	text-align: right;
	margin-right: 0.5em;
}

table.trade td:first-child, table.trade th:first-child
{
	text-align: left !important;
}

table.trade th
{
	font-size: 10px;
	font-weight: normal;
	color: #F59300;
	padding-bottom: 4px;
}

table.trade td:first-child
{
	min-width: 5em;
}

table.trade td:first-child a
{
	color: #F59300;
}

table.trade td
{
	color: #B2B2B2;
	color: expression(this.nextSibling==null ? 'green' : '#B2B2B2');
}

table.trade td:last-child
{
	color: #00ce00;
	min-width: 3em;
}

table.trade td.down
{
	color: #ff0000 !important;
}


#baksonlinetd
{
	text-align: right !important;
}

#baksonlinetd a
{
	color: #F59300;
}

#baksonlinetd a small
{
	font-size: small;
}

#baksonline
{
	color: #FFFFFF !important;
	display: inline-block;
	margin-top: 0.6em;
	font-size: large;
	font-weight: bold;
}

#baksonline.up
{
	color: #ff0000 !important;
}

#baksonline.down
{
	color: #00ff4e !important;
}

@-webkit-keyframes pulse
{
	0%
	{
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}

	50%
	{
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
				transform: scale3d(1.05, 1.05, 1.05);
	}

	100%
	{
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse
{
	0%
	{
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}

	50%
	{
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
				transform: scale3d(1.05, 1.05, 1.05);
  	}

	100%
	{
			-webkit-transform: scale3d(1, 1, 1);
					transform: scale3d(1, 1, 1);
	}
}

.flash
{
	-webkit-animation-duration: 2s;
			animation-duration: 2s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
			animation-name: pulse;
}


div.webinars
{
	border: 1px solid #646464;
	padding: 10px;
	margin-right: 10px;
	color: #F59300;
	font-family: verdana;
	line-height: 14px;
	font-weight: normal;
	font-size: 10px;
}

div.webinars div.wheader
{
	text-align: center;
	padding-bottom: 8px;
}

div.webinars div.wheader a
{
	font-weight: bold;
	color: #c8c8c8;
}

div.webinars div.wlink
{
	padding-top: 8px;
	text-align: center;
}

div.webinars div.wlinkadd a
{
	color: white;
}


div.webinars span
{
	color: #c8c8c8;
}

span.webinar
{
	color: #c8c8c8;
}

span.webinar a
{
	color: /*#F59300;*/ #069 !important;
	font-weight: bold;
}

div.webinarnow, div.webinarnow a, div.webinarnow span.webinar
{
	color: red !important;
}

div.trt
{
	padding: 5px 0px 10px 0px;
	color: #F59300;
}

div.trt a
{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

	color: #F59300;
}

div.trt span.r
{
	color: green;
	display: block;
	vertical-align: top;
	width: 40px;
	float: left;
	line-height: 12px;
}

div.trt span.t
{
	color: #C8C8C8;
	display: block;
	float: left;
	vertical-align: top;
	width: 40px;
}

div.trt span.c
{
	display: block;
	float: right;
	color: #C8C8C8;
}

div.trt .row
{
	clear: both;
}

div.trt .row .left
{
	display: block; float: left;
}

div.trt .row .right
{
	display: block; float: right;
}

.trt > div { clear: both }

.trades ul
{
	color: #fff;
	display: inline-block;
}

.trades ul li
{
	display: inline-block;
	float: left;
	margin-right: 0.2em;
}

.trades ul li::after
{
	color: #b2b2b2;
	content: '|';
	margin-left: 0.2em;
}

.trades ul li:last-child::after
{
	display: none;
}

.trades ul li a
{
	color: #b2b2b2;
}

#hif
{
	height: 0px;
	clear: both;
}





.map_interval
{
	margin: 0 auto;
	width: 150px;
	padding-right: 5px;
	padding-top: 5px;
	font-family: 'Tahoma', sans-serif;
	font-size: 12px;
}

.map_interval span
{
	cursor: pointer;
}

.map_interval span.active
{
	font-weight: bold;
}

.map_interval#map_interval1
{
	width: 230px;
}

.map_interval#map_interval1 a
{
	color: black;
}

.js-tooltip__pointer--top::before, .js-tooltip__pointer--top::after{z-index: -1}

/* adding */

	h1.ev_title, h1.ev_title_my, h1.ev_title_stocks
	{
		font-family: 'Trebuchet MS', sans-serif;
		text-align: left;
		font-size: 18px;
		padding: 0;
		margin: 0.5em 0.5em 0.5em 0em;
		color: #000;
	}

	.ev_menu
	{
		margin-bottom: 1em;
	}

	.ev_menu .add_event_btn
	{
		font-size: 24px;
		padding: 7px;
	}

	div.ev_addwp
	{
		margin-top: 16px;
		padding: 8px 16px;
		background-color: black;
	}

	table.ev_addtb
	{
		padding: 16px;
		margin: 0px auto;
		border-collapse: collapse;
		color: white;
	}

	table.ev_addtb tr
	{
		background-color: black;
	}

	table.ev_addtb th
	{
		white-space: nowrap;
	}

	table.ev_addtb th.description
	{
		width: 40%;
	}

	table.ev_addtb td
	{
		padding:8px 2px;
		vertical-align: top;
	}
	
	table.ev_addtb input.ev_date
	{
		width: 80px;
	}

	table.ev_addtb input.ev_time
	{
		width: 100px;
	}	

	table.ev_addtb input.ev_desc
	{
		width: 100%;
		box-sizing: border-box;
	}

	table.ev_addtb td.ev_addbtd
	{
		text-align: right;
	}
	
	table.ev_addtb td.ev_addbtd input
	{
		padding: 16px 40px;
		font-size: 32px;
	}

	table.ev_addtb input
	{
		background-color: #e0e0e0 !important;
		border: 1px solid #b0b0b0 !important;
		padding: 2px;
	}

	table.ev_addtb select
	{
		background-color: #e0e0e0 !important;
		border: 1px solid #b0b0b0 !important;
		padding: 1px;
	}

	table.ev_addtb input.error, table.ev_addtb select.error
	{
		background-color: #ff8080 !important;
		border: 1px solid #ff0000 !important;
		padding: 2px;
	}

	a.ev_addback
	{
		font-size: 24px;
	}


/* index */

table.events
{
	width: 100%;
	font-size: 12px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.simple-little-table.trades-table.events th, .simple-little-table.trades-table.events td
{
	padding-left: 8px;
	padding-right: 8px;
}

.simple-little-table.trades-table.events tr:first-child th:first-child
{
	padding-left: 16px;
}

.simple-little-table.trades-table.events tr:first-child th:last-child
{
	padding-right: 16px;
}

table.events tr a
{
	color: #000;
}

table.events tr
{
	text-align: center;
}


table.events td.left
{
	text-align: left;
}

table.events td.buttons
{
	text-align: right;
	white-space: nowrap;
}

table.events td.buttons span
{
	color: red;
	font-weight: bold;
}

table.events span.green
{
	color: green;
}


div.sme
{
	padding: 5px 0px 10px 0px;
	color: #F59300;
}

div.sme span
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
}

div.sme span.d
{
	display: block;
	float: left;
	color: #B2B2B2;
	width: 70px;
	overflow: hidden;
}

div.sme a
{
	color: #F59300;
}

div.sme div:first-child span
{
	color: red !important;
}

div.sme div:first-child a
{
	color: red !important;
}

.prev_event
{
	color: red;
}

.nav
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 12px;
	color: gray;
	padding: 4px 8px;
}

.nav a
{
	color: gray;
}

.nav li
{
	display: inline-block;
}

.nav li::after
{
	margin-left: 8px;
	content: '>';
	margin-right: 4px;	
}

.nav li:last-child::after
{
	display: none;
}

.flagicon
{
	display: inline-block;
	border: none;
	height: 18px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

	div.li_stat_main
	{
		padding: 16px;
		width: 100%;
	}

	div.li_stat_main p
	{
		color: #ccc;
		margin-bottom: 16px;
	}

	div.li_stat
	{
		width: 550px;
		height: 420px;
		overflow: hidden;
	}


	#topic_graph, #comments_graph, #users_graph, #portfolios_graph, #commands_graph
	{
		margin-top: 1em
	}

	#stat_years_link
	{
		text-align: center;
    	margin-bottom: 1em;
    }
	.sm_video_rating
	{
		margin-left: 0.5em;
		color: #390;
	}

	.sm_video_comments
	{
		margin-left: 0.5em;
	}

	.sm_video
	{
		display: inline-block;
		overflow: hidden !important;
	}

	.sm_video img
	{
		border: none;
		display: block;
	}


	.sm_video div.play
	{
		width: 189px;
		height: 189px;
		overflow: hidden;
		position: relative;
		z-index: 999;
		background:url(/plugins/mediafeed/templates/skin/default/img/play-button.png) no-repeat;
		opacity: 0.5;
	}

	.sm_video:hover div.play
	{
		opacity: 1;
	}

/* 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 textarea
{
	height: 65px;
  box-sizing: border-box;
  width: 100%;
}

/* abuse popup end */
.mapblock
{
	width: 100%;
	height: 500px;
	margin: 0 auto;
	padding: 5px;
	box-sizing: border-box;
}


.qn-menu__tab-link.green
{
	color: #01b701 !important;
}

.qn-menu__tab-link.red
{
	color: red !important;
}


.portfolio_action,
.watchlist_action
{
	cursor: pointer;
	font-weight: bold;
}

.portfolio_action[type="buy"],
.watchlist_action[type="add"]
{
	color: green;
	font-size: 18px;
}

.poza
{
	display: flex;
}

.poza > input
{
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.poza > label
{
	font-size: x-large;
	font-weight: bold;
	text-align: center;	
	cursor: pointer;
	padding: 0.2em;
	margin-bottom: 0.3em;
	border-radius: 3px;
	flex: 1;
}

.poza > input#poza_buy:checked + label
{
	background-color: #3d9400;
	color: #fff;
}

.poza > input#poza_sell:checked + label
{
	background-color: #f11212;
	color: #fff;
}


.watchlist-add-link-inside
{
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding: 1px 6px;
}

/* report bug popup begin */
.reportbug-popup .warning-popup__text
{
	margin: 0 0 20px 0;
}

.reportbug-popup .custom-pop-up__inner {
  min-height: 0;
  width: 500px;
  max-width: calc(100vw - 20px);
}

.reportbug-popup textarea
{
	width: 100%;
	height: 4em;
}

/* report bug popup end */


.trades-table tr.changed_up td, .trades-table tr.changed_down td
{
	transition: background-color 0.5s ease;
}

.trades-table tr.changed_up td.trades-table__time,
.trades-table tr.changed_up td.trades-table__price,
.trades-table tr.changed_up td.trades-table__change-per,
.trades-table tr.changed_up td.trades-table__volume
{
	background-color: rgb(61 148 0 / 29%);
}

.trades-table tr.changed_down td.trades-table__time,
.trades-table tr.changed_down td.trades-table__price,
.trades-table tr.changed_down td.trades-table__change-per,
.trades-table tr.changed_down td.trades-table__volume
{
	background-color: rgb(241 18 18 / 20%);
}