@charset "UTF-8";
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Light-c87e3b21e46c872774d041a71e181e61.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-LightItalic-07f95dc31e4f5c166051e95f554a8dff.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Light-c87e3b21e46c872774d041a71e181e61.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-LightItalic-07f95dc31e4f5c166051e95f554a8dff.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Regular-931aebd37b54b3e5df2fedfce1432d52.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Italic-60fdf6ed7b4901c1ff534577a68d9c0c.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Medium-dac0e601db6e3601159b4aae5c1fda39.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-MediumItalic-349744a1905053fad6b9ef13c74657db.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-SemiBold-e2ca235bf1ddc5b7a350199cf818c9c8.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-SemiBoldItalic-223ce0be939cafef0fb807eb0ea8d7de.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-Bold-0a191f83602623628320f3d3c667a276.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-BoldItalic-3dc8fca5496b8d2ad16a9800cc8c2883.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-ExtraBold-f0af8434e183f500acf62135a577c739.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url("/v2/fonts/OpenSans-ExtraBoldItalic-ae6ca7d3e0ab887a9d9731508592303a.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
.test-border {
  border-color: #5a23c8;
  border-width: 2px;
  border-style: double;
}

body {
  background-color: #eae3df !important;
  font-family: "Open Sans", sans-serif !important;
  font-size: 1rem !important;
}

body p {
  font-size: 1rem;
  line-height: 130%;
  margin-bottom: 0.2rem;
  padding-bottom: 0;
  word-break: break-word;
}

body a {
  color: #3693d0;
  text-decoration: none;
}
body a:hover {
  color: #ba3100;
  transition: 0.3s ease-out;
}

body li {
  line-height: 1.3;
  padding-bottom: 0.3rem;
}

.content__title {
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  color: #3b4c5c;
}

.main_hr_gray {
  color: #8d8d8d;
  margin: 1.3rem 0 1.3rem 0;
}

.main_wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 320px;
  padding: 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1080px !important;
  }
}
@media (min-width: 576px) {
  .rounded_tl {
    border-top-left-radius: 4px;
  }
  .rounded_bl {
    border-bottom-left-radius: 4px;
  }
  .rounded_tr {
    border-top-right-radius: 4px;
  }
  .rounded_br {
    border-bottom-right-radius: 4px;
  }
  .rounded_all {
    border-radius: 4px;
  }
  .rounded_b {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
}
.page_content {
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
}

.main-column {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  justify-content: start;
  padding: 0;
  box-sizing: border-box;
}

.main_py {
  padding-top: calc(1rem + 0.7vw);
  padding-bottom: calc(1rem + 0.7vw);
}

.main_px {
  padding-left: calc(1rem + 0.7vw);
  padding-right: calc(1rem + 0.7vw);
}

.nopadding {
  padding: 0 !important;
}

.cut {
  transition: 1s;
  height: 0;
  opacity: 0;
  display: none;
}

.cut_show {
  transition: 1s;
  display: block;
  height: auto;
  opacity: 1;
}

.avatar-xl {
  width: 7rem;
  height: 7rem;
  flex: 0 0 auto;
}

.avatar-xl img {
  border-radius: 50%;
  flex-basis: 7rem;
}

.avatar-lg {
  width: 6rem;
  height: 6rem;
  flex: 0 0 auto;
}

.avatar-lg img {
  border-radius: 50%;
  flex-basis: 6rem;
}

.avatar-md {
  width: 4rem;
  height: 4rem;
  flex: 0 0 auto;
}

.avatar-md img {
  border-radius: 50%;
  flex-basis: 4rem;
}

.avatar-sm {
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
}

.avatar-sm img {
  border-radius: 50%;
  flex-basis: 4rem;
}

.avatar-xxs {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}

.avatar-xxs img {
  border-radius: 50%;
  flex-basis: 2rem;
}

.avatar-xs {
  width: 2.6rem;
  height: 2.6rem;
  flex: 0 0 auto;
}

.avatar-xs img {
  border-radius: 50%;
  flex-basis: 4rem;
}

.avatar-xxs {
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 auto;
}

.avatar-xxs img {
  border-radius: 50%;
  flex-basis: 4rem;
}

.ibg {
  position: relative;
}

.ibg img {
  object-fit: cover;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.tag-list {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
}
.tag-list a:not(:last-child) {
  margin-right: 1rem;
}
.tag-list p {
  padding: 3px 0;
  font-size: 0.91rem;
}
.tag-list p:first-letter {
  text-transform: uppercase;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: unset !important;
}

.users-stack {
  position: relative;
  display: flex;
  width: auto;
  transition: 1s;
}

.users-stack div {
  border-radius: 50px;
  transition: 0.5s;
}
.users-stack div:hover .header-author__avatar {
  scale: 1.1;
  transition: 0.3s;
}
.users-stack div img {
  border: 2px solid white;
}

.users-stack div:not(:first-child) {
  margin-left: -5px;
}

.users-stack__others {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-content: center;
  font-size: 0.8rem;
  color: #4fa4dc;
}

.hov_scale:hover:hover .header-author__avatar {
  scale: 1.1;
  transition: 0.3s;
}

.hov_scale_small:hover:hover .avatar-xxs, .hov_scale_small:hover:hover .avatar-xs, .hov_scale_small:hover:hover .avatar-s, .hov_scale_small:hover:hover .avatar-m, .hov_scale_small:hover:hover .avatar-l {
  scale: 1.05;
  transition: 0.3s;
}

.bordered_normal {
  border-bottom: 0.5rem solid #eae3df;
}

.bordered_thinnest {
  border-bottom: 1px solid #eae3df;
}

.separated_2 > div:not(:last-child) {
  border-bottom: 0.1rem solid #eae3df;
  padding-bottom: 1rem;
}

.bg {
  background-color: white;
}

.bg_info {
  background-color: #73bced;
}

.no-bg {
  background-color: inherit !important;
}

.flex-hl {
  display: flex;
}

.flex-hc {
  display: flex;
  justify-content: center;
}

.flex-s-c {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.flex_hc {
  display: flex;
  justify-content: center;
}

.flex-space_between {
  display: flex;
  justify-content: space-between;
}

.padding__x_main {
  padding-left: calc(1rem + 0.7vw);
  padding-right: calc(1rem + 0.7vw);
}

.padding__x_half {
  padding-left: calc((1rem + 0.7vw) / 2);
  padding-right: calc((1rem + 0.7vw) / 2);
}

.padding__y_main {
  padding-top: calc(1rem + 0.7vw);
  padding-bottom: calc(1rem + 0.7vw);
}

.padding__y_half {
  padding-top: calc((1rem + 0.7vw) / 2);
  padding-bottom: calc((1rem + 0.7vw) / 2);
}

.block__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.block__monolist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-column-gap: 3rem;
}

.monolist_item {
  display: flex;
}
.monolist_item i {
  padding-top: 0.2rem;
  padding-left: 0.3rem;
}
.monolist_item span {
  margin-bottom: calc(1em - 0.7vw);
}

.list__item {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 0.5rem;
}

.block__columns_2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.block__columns_2 a {
  display: block;
}

.list__header_tabbed {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0;
  width: 100%;
  border-bottom: 0.1rem solid #eae3df;
}

.block__header_1 {
  padding: calc(1rem + 0.7vw);
}
.block__header_1 p {
  font-size: 1rem;
  line-height: 1.4;
}
.block__header_1 p:not(:last-child) {
  margin-bottom: 0.5rem;
}

.list_p-1:not(:last-child) {
  margin-right: 1rem;
}
.list_p-2:not(:last-child) {
  padding-right: 2rem;
}

.info_icon {
  color: #4fa4dc;
}

.icon-online {
  font-size: 0.7rem;
  margin-right: 0.3rem;
  color: #089a2b;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #eae3df;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.modal__header p {
  font-size: 1.1rem;
  color: #526A8C;
  font-weight: 600;
  letter-spacing: 0.03rem;
  width: 100%;
}
.modal__header i {
  color: #526A8C;
  font-size: 1.4rem;
}
.modal__header i:hover {
  color: #ba3100;
}
.modal__header i:active {
  color: #ba3100;
  border-color: white !important;
}

.modal__footer {
  padding-top: 1.5rem;
  display: flex;
  flex-shrink: 0;
  width: 100%;
  justify-content: space-between;
}
.modal__footer:only-child {
  justify-content: flex-start;
  width: 100%;
}

.modal__body {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 80px;
  padding: 0 !important;
}

.f-common-secondary {
  font-size: 1.1rem !important;
  color: aliceblue;
}

.page-title_main {
  font-size: 1.1rem !important;
  color: #4a6385;
  font-weight: 600;
  line-height: 1.3;
}

.page-title-1 {
  font-size: 1.1rem !important;
  color: #4a6385;
  font-weight: 600;
  letter-spacing: 0.03rem;
  padding-bottom: 0.91rem;
  margin-bottom: 0;
}

.page-title-2_tab {
  font-size: 1.1rem !important;
  color: #4a6385;
  font-weight: 500;
  letter-spacing: 0.03rem;
}

.page-title-2 {
  font-size: 1rem !important;
  color: #4a6385;
  font-weight: 600;
}

.page-title-semibold {
  font-size: 1rem !important;
  color: #1c1c1c;
  font-weight: 600;
}

.page-title-3 {
  font-size: 0.91rem !important;
  color: #4a6385;
  font-weight: 600;
}

.list-title_1 {
  font-size: 1.3rem;
}

.list-title_2 {
  font-size: 1.2rem;
}

.list-title_3 {
  font-size: 1.1rem;
}

.form-label_1 {
  font-size: 0.91rem;
  font-weight: 500;
}

.link_classic {
  text-decoration: none;
  color: #3693d0;
  cursor: pointer;
}
.link_classic a, .link_classic span, .link_classic i {
  text-decoration: none;
  color: #3693d0;
}
.link_classic a:hover, .link_classic span:hover, .link_classic i:hover {
  color: #ba3100;
}
.link_classic:hover {
  color: #ba3100;
}
.link_classic:active {
  color: #ba3100;
}

.link_dark {
  text-decoration: none;
  color: #373737;
  cursor: pointer;
}
.link_dark:hover {
  color: #ba3100;
}
.link_dark:hover p, .link_dark:hover span {
  color: #ba3100;
}
.link_dark:active {
  color: #ba3100;
}

.link_gray {
  text-decoration: none;
  color: #707273;
  cursor: pointer;
}
.link_gray:hover {
  color: #ba3100;
}
.link_gray:active {
  color: #ba3100;
}

.link_success {
  text-decoration: none;
  color: #004f14;
  cursor: pointer;
}
.link_success a, .link_success span, .link_success i {
  text-decoration: none;
  color: #004f14;
}
.link_success a:hover, .link_success span:hover, .link_success i:hover {
  color: #ba3100;
}
.link_success:hover {
  color: #ba3100;
}
.link_success:active {
  color: #ba3100;
}

.link_white {
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
}
.link_white:hover {
  color: #e8e8e8;
}
.link_white:active {
  color: #e8e8e8;
}

.descr-first {
  font-size: 0.91rem !important;
  line-height: 1.2rem;
}
.descr-first > * {
  font-size: 0.91rem !important;
  line-height: 1.2rem;
}

.descr-secondary {
  font-size: 0.91rem !important;
  color: #393737;
  font-weight: 500;
}

.descr-stamp {
  font-size: 0.91rem !important;
  line-height: 1.1rem;
  color: #393737;
  font-weight: 500;
}

.descr-gray {
  font-size: 0.91rem !important;
  font-weight: 500;
  line-height: 1.2rem;
  color: #8b8b8b;
}

.descr-warning {
  font-size: 0.91rem !important;
  line-height: 1.1rem;
  color: #752828;
}

.descr-small {
  font-size: 0.8rem;
  line-height: 0.8rem;
  color: #393737;
}

.font-xs {
  font-size: 0.65rem;
}

.descr-online {
  color: #3C3;
}
.descr-online i {
  font-size: 0.5rem !important;
  line-height: 1rem;
}

.icon_gold {
  color: #f4c21b;
}

.icon_red {
  color: #bd4747;
}

.icon_blue {
  color: #26495e;
}

.icon_gray {
  color: #6e6e6e;
}

.icon_green {
  color: #089a2b;
}

.icon-tooltip_gray {
  font-size: 0.91rem !important;
  line-height: 1.1rem;
  color: #8b8b8b;
  transition: 0.5s;
}
.icon-tooltip_gray:hover {
  color: #4fa4dc;
  cursor: pointer;
}

.pt-icon {
  padding-top: 2px;
}

.btn {
  position: relative;
}

.button-link {
  display: flex;
  width: fit-content;
}

.button_big {
  min-height: 2.3rem !important;
}

.button_rounded-4 {
  border-radius: 4px !important;
}

.button__pub {
  display: flex;
  gap: 0.3rem;
  min-height: 1.8rem;
  height: max-content;
  width: fit-content;
  padding-top: 6px;
  border: 1px solid #4fa4dc;
  border-radius: calc(3vw - 5px);
  color: #4fa4dc;
  align-items: baseline;
  font-size: 0.91rem;
  font-weight: 500;
  line-height: 1.1;
}
@media (max-width: 576px) {
  .button__pub i {
    display: none;
  }
}
.button__pub i {
  padding-top: 0.1rem;
}
.button__pub:hover, .button__pub:focus {
  background-color: #4fa4dc;
  color: #fff;
  border: 1px solid #4fa4dc;
}
.button__pub:hover span, .button__pub:focus span {
  color: #fff;
}
.button__pub:hover i, .button__pub:focus i {
  color: #fff;
  animation: swing;
  animation-duration: 2s;
}
.button__pub:active {
  background-color: #69b0e3 !important;
  color: white !important;
}
.button__pub:active span {
  color: white;
}
.button__pub:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button-saved {
  cursor: default !important;
  border: 1px solid #86ce56 !important;
  color: white !important;
  background-color: #86ce56 !important;
}
.button-saved:active, .button-saved:hover, .button-saved:focus {
  background-color: #86ce56 !important;
  border: 1px solid #86ce56 !important;
}
.button-saved:active span, .button-saved:hover span, .button-saved:focus span {
  color: #fff !important;
}
.button-saved:active i, .button-saved:hover i, .button-saved:focus i {
  color: #fff !important;
}

.images__item {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.5rem;
  max-width: 60%;
  background-color: #dfdfdf;
  border-radius: 5px;
}

.image_zoomable {
  position: relative;
  border-radius: 5px;
}
.image_zoomable .zoom-icon {
  opacity: 0;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: white;
}
.image_zoomable .zoom-darkness {
  border-radius: 5px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0;
}
.image_zoomable:hover {
  cursor: pointer;
}
.image_zoomable:hover .zoom-icon {
  transition: 0.8s;
  opacity: 1;
}
.image_zoomable:hover .zoom-darkness {
  transition: 0.8s;
  opacity: 0.4;
}

.button__icon {
  display: flex;
  gap: 0.2rem;
  min-height: 2rem;
  max-height: 2rem;
  border: none;
  color: #4fa4dc;
  background-color: white;
  font-weight: 400;
  line-height: 105%;
}
.button__icon i {
  font-size: 1.3rem;
  padding-top: 0.1rem;
}
.button__icon:active, .button__icon:hover, .button__icon:focus {
  color: #ba3100 !important;
}
.button__icon:active i, .button__icon:hover i, .button__icon:focus i {
  transition: 0.5s;
  color: #ba3100;
}

.form-control {
  border-color: #e8e8e8 !important;
  border-radius: 4px !important;
}
.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 156, 224, 0.15) !important;
}

.loader__button_classic {
  display: flex;
  gap: 0.2rem;
}

.loader__spinner_inbutton {
  width: 14px !important;
  height: 14px !important;
}
.loader__spinner_text {
  font-size: 0.91rem;
  color: #505050;
}

.button__classic {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 0.3rem;
  width: max-content;
  min-height: 2.1rem;
  border: 1px solid #4fa4dc;
  border-radius: calc(2vw + 20px);
  color: rgb(255, 255, 255);
  background-color: #4fa4dc;
  align-items: baseline;
  font-size: 0.91rem;
  font-weight: 500;
  line-height: 1.1;
}
.button__classic i {
  padding-top: 2px;
}
.button__classic:hover {
  background-color: white;
  color: #4fa4dc;
  border: 1px solid #4fa4dc;
}
.button__classic:hover i {
  color: #4fa4dc;
  animation: swing;
  animation-duration: 2s;
}
.button__classic:active {
  background-color: #69b0e3 !important;
  color: #69b0e3 !important;
}
.button__classic:active span {
  color: white !important;
}
.button__classic:active i {
  color: white !important;
  animation: swing;
  animation-duration: 2s;
}

.modal_dialog {
  max-height: 300px;
}

.button__tab {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.3rem;
  width: max-content;
  height: 1.5rem;
  min-height: 1.5rem;
  border: 1px solid #4fa4dc;
  border-radius: calc(2vw + 20px);
  color: #4fa4dc;
  background-color: white;
  padding: 0.05rem 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
}
.button__tab i {
  padding-top: 1px;
  font-size: 0.8rem;
}
.button__tab:hover, .button__tab:focus {
  cursor: pointer;
  background-color: #4fa4dc;
  color: #fff;
  border: 1px solid #4fa4dc;
}
.button__tab:hover span, .button__tab:focus span {
  color: #fff;
}
.button__tab:hover i, .button__tab:focus i {
  color: #fff;
  animation: swing;
  animation-duration: 2s;
}
.button__tab:active {
  background-color: #69b0e3 !important;
  color: #69b0e3 !important;
}
.button__tab:active span {
  color: white;
}
.button__tab:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button__pressed {
  border: 1px solid #4fa4dc !important;
  background-color: #4fa4dc !important;
  color: white !important;
}
.button__pressed:hover, .button__pressed:focus {
  background-color: white !important;
  border: 1px solid #4fa4dc !important;
}
.button__pressed:hover span, .button__pressed:focus span {
  color: #3693d0 !important;
}
.button__pressed:hover i, .button__pressed:focus i {
  color: #3693d0 !important;
  animation: swing;
  animation-duration: 2s;
}
.button__pressed:active, .button__pressed:checked {
  background-color: #69b0e3;
  color: #69b0e3;
}
.button__pressed:active span, .button__pressed:checked span {
  color: white;
}
.button__pressed:active i, .button__pressed:checked i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button__warning {
  border: 1px solid #e5633e;
  background-color: white;
  color: #e5633e;
}
.button__warning:hover, .button__warning:focus {
  background-color: #e5633e !important;
  border: 1px solid #e5633e !important;
}
.button__warning:hover span, .button__warning:focus span {
  color: white !important;
}
.button__warning:hover i, .button__warning:focus i {
  color: white !important;
  animation: swing;
  animation-duration: 2s;
}
.button__warning:active {
  background-color: #e5633e !important;
  color: #e5633e !important;
}
.button__warning:active span {
  color: white !important;
}
.button__warning:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button__warning_pressed {
  border: 1px solid #e5633e;
  background-color: #e5633e;
  color: white;
}
.button__warning_pressed:hover, .button__warning_pressed:focus {
  background-color: white !important;
  border: 1px solid #e5633e !important;
}
.button__warning_pressed:hover span, .button__warning_pressed:focus span {
  color: #e5633e !important;
}
.button__warning_pressed:hover i, .button__warning_pressed:focus i {
  color: #e5633e !important;
  animation: swing;
  animation-duration: 2s;
}
.button__warning_pressed:active {
  background-color: #e5633e !important;
  color: #e5633e !important;
}
.button__warning_pressed:active span {
  color: white !important;
}
.button__warning_pressed:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button__success {
  border: 1px solid #86ce56;
  background-color: #86ce56;
  color: white;
}
.button__success:hover, .button__success:focus {
  background-color: white !important;
  border: 1px solid #86ce56 !important;
}
.button__success:hover span, .button__success:focus span {
  color: #86ce56 !important;
}
.button__success:hover i, .button__success:focus i {
  color: #86ce56 !important;
  animation: swing;
  animation-duration: 2s;
}
.button__success:active {
  background-color: #86ce56 !important;
  color: #86ce56 !important;
}
.button__success:active span {
  color: white !important;
}
.button__success:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.button__secondary {
  border: 1px solid #707273;
  background-color: white;
  color: #707273;
}
.button__secondary:hover, .button__secondary:focus {
  background-color: #707273 !important;
  border: 1px solid #919394 !important;
}
.button__secondary:hover span, .button__secondary:focus span {
  color: white !important;
}
.button__secondary:hover i, .button__secondary:focus i {
  color: white !important;
  animation: swing;
  animation-duration: 2s;
}
.button__secondary:active {
  background-color: #919394 !important;
  color: white !important;
}
.button__secondary:active span {
  color: white !important;
}
.button__secondary:active i {
  color: white;
  animation: swing;
  animation-duration: 2s;
}

.paginator {
  padding: calc(1rem + 0.7vw);
  border-top: 1px solid #e8e8e8;
}

.paginator__buttons {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
.paginator__buttons i {
  padding-top: 0.1rem;
}
.paginator__buttons a, .paginator__buttons div {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-height: 2rem;
  padding: 0 0.5rem;
  border: 1px solid white;
  border-radius: 3px;
  color: #4fa4dc;
  font-size: 0.91rem;
  font-weight: 500;
  line-height: 1.1;
}
.paginator__buttons a:hover, .paginator__buttons div:hover {
  background-color: white;
  color: #4fa4dc;
  border: 1px solid #4fa4dc;
}
.paginator__buttons a:focus, .paginator__buttons a :active, .paginator__buttons div:focus, .paginator__buttons div :active {
  background-color: #3693d0;
  color: #fff;
}
.paginator__buttons a:focus i, .paginator__buttons a :active i, .paginator__buttons div:focus i, .paginator__buttons div :active i {
  color: #fff !important;
}

.paginator__skip {
  display: flex;
  align-items: end;
  letter-spacing: 2px;
  color: #1c1c1c;
}

.active {
  background-color: #4fa4dc;
  font-weight: 600;
  color: white !important;
}
.active:hover {
  background-color: #4fa4dc !important;
  color: white !important;
}

.hidden {
  display: none !important;
}

.visible {
  display: inherit;
}

.tooltip__classic {
  --bs-tooltip-bg: #319de1;
  --bs-tooltip-color: white;
  font-weight: 500;
}
.tooltip__classic .tooltip-inner {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  line-height: 1.4;
}

.with-brakes {
  white-space: pre-wrap;
}

.logo_mini {
  padding: 0.06rem 0.4rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  background-color: #EBAE08;
  border-radius: 4px;
  width: fit-content;
}

.no-scroll {
  height: 100%;
  overflow: hidden;
}

.link_underlined {
  text-decoration: underline;
}

.white {
  color: white !important;
}

.pin {
  font-size: 1.2rem;
}

.color-gold {
  color: #EBAE08 !important;
}

.color-gray {
  color: #707273 !important;
}

.color-black {
  color: #1c1c1c !important;
}

.color-light-gray {
  color: #e8e8e8 !important;
}

.color-discuss {
  color: #781ede !important;
}

.color-success {
  color: #1a9c3c !important;
}

.color-link {
  color: #3693d0 !important;
}

.color-info {
  color: #3693d0 !important;
}

.color-alarm {
  color: #752828 !important;
}

.color-pub {
  color: #EBAE08 !important;
}

.color-inactive {
  color: #707273 !important;
}

.color-silhouette {
  color: #dcdcdc !important;
}

.color-youtube {
  color: #c4302b !important;
}

.color-vk {
  color: #4d7198 !important;
}

.color-ok {
  color: #ed812b !important;
}

.error-404 {
  display: inline-block;
}

.contenteditable {
  display: inline-block;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  width: 100%;
  padding: 0.4rem;
  min-height: 64px;
  max-height: 400px;
  border: 1px solid #e8e8e8 !important;
  border-radius: 4px !important;
  font-size: 0.91rem;
}
.contenteditable:focus {
  outline: 0 solid transparent;
  box-shadow: 0 0 0 0.25rem rgba(49, 156, 224, 0.15) !important;
}
.contenteditable > p {
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.contenteditable img {
  width: fit-content;
  height: fit-content;
}

@media (max-width: 576px) {
  .m-hide_icon i {
    display: none;
  }
  .m-hide_text span {
    display: none;
  }
}
.brand-tablet {
  display: flex;
  align-content: center;
  background: linear-gradient(#eec200, #ebae08);
  border-radius: 5px;
  height: min-content;
  width: fit-content;
  padding: 1rem calc(0.2rem + 1vw);
}

.brand-logo {
  align-self: center;
  width: 100%;
  min-width: 60px;
  max-width: 60px;
}

.brand-descr {
  align-self: center;
  width: min-content;
  word-break: normal;
  letter-spacing: 1px;
  line-height: 115%;
  font-size: 0.8rem;
  font-weight: 500;
  padding-top: 4px;
  color: white;
}

.brand-motto {
  font-size: 0.9rem;
  font-weight: 600;
  color: #1c1c1c;
  line-height: 120%;
  padding: 1rem 3rem 0 1rem;
}

.brand-name {
  font-size: 1.9rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: white;
  padding-right: 5px;
  align-self: center;
}

.block_min-h-10 {
  min-height: 10px;
}
.block_min-h-15 {
  min-height: 15px;
}
.block_min-h-20 {
  min-height: 20px;
}
.block_min-h-25 {
  min-height: 25px;
}
.block_min-h-27 {
  min-height: 27px;
}
.block_min-h-30 {
  min-height: 30px;
}
.block_min-h-40 {
  min-height: 40px;
}
.block_min-h-45 {
  min-height: 45px;
}
.block_min-h-50 {
  min-height: 50px;
}

.page__block_classic {
  background-color: white;
  border-radius: 4px;
  padding-left: calc(1rem + 0.7vw);
  padding-right: calc(1rem + 0.7vw);
  padding-top: calc(1rem + 0.7vw);
  padding-bottom: calc(1rem + 0.7vw);
  min-height: 228px;
}

.page__block_min {
  background-color: white;
  border-radius: 4px;
  padding-left: calc(1rem + 0.7vw);
  padding-right: calc(1rem + 0.7vw);
  padding-top: calc(1rem + 0.7vw);
  padding-bottom: calc(1rem + 0.7vw);
}

.online-point {
  background-color: #45b001;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 13px;
  height: 13px;
  border-radius: 7px;
  z-index: 2;
  border: 1px solid white;
}

.new-comment__timestamp {
  color: #EBAE08;
  font-weight: 600;
}

.ur-tooltip_technical {
  cursor: help;
}
.ur-tooltip_technical::after {
  background: rgba(79, 164, 220, 0.8);
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  color: #FFF;
  content: attr(data-ur-tooltip);
  font-size: 1rem;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  margin-top: -50px;
  opacity: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
}
.ur-tooltip_technical:hover::after {
  opacity: 1;
  visibility: visible;
}

.processing-overlay {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  position: absolute;
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: calc(3vw - 5px);
}

.ball-pulse {
  display: flex;
  width: 100%;
  height: 100%;
}
.ball-pulse > div {
  width: 20%;
  height: 100%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: rgba(153, 208, 231, 0.5);
  display: inline-block;
}

@-webkit-keyframes pulse-scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}
@keyframes pulse-scale {
  0%, 80% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.7;
  }
}
.ball-pulse > div:nth-child(1) {
  -webkit-animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(2) {
  -webkit-animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: pulse-scale 1s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(3) {
  -webkit-animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: pulse-scale 1s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(4) {
  -webkit-animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: pulse-scale 1s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.ball-pulse > div:nth-child(5) {
  -webkit-animation: pulse-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation: pulse-scale 1s 0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.form-label_checked i {
  color: #1a9c3c;
}
.form-label_checked span {
  font-weight: 500;
  color: #1a9c3c;
}

.form-label_unchecked i {
  display: none;
}
.form-label_unchecked span {
  font-weight: 500;
  color: #1c1c1c;
}

.ur-badge {
  width: fit-content;
  padding: 0px 4px 2px 5px;
  background-color: #ebebeb;
  border-radius: 2px;
}

.ur-badge_new {
  display: inline;
  align-self: start;
  margin-top: 2px;
  width: fit-content;
  padding: 0px 4px 1px 5px;
  background-color: #EBAE08;
  border-radius: 2px;
  font-size: 0.8rem;
  font-weight: 600;
  color: white;
}

.tags_comma-separated > span:last-of-type {
  display: none;
}
.tags_comma-separated :nth-child(odd) {
  text-transform: lowercase;
}

.img-thumb_80 {
  max-height: 80px;
}

.bordered_bottom > div:not(:last-of-type) {
  border-bottom: 1px solid #eae3df;
}

.logo_icon {
  width: 14px;
  height: 14px;
}

.bread-crumbs {
  display: flex;
}
.bread-crumbs > p {
  padding: 0;
  margin: 0;
}

.bread-crumbs > p:not(:last-child) {
  color: #6e6e6e;
}
.bread-crumbs > p:not(:last-child)::after {
  content: "/";
  padding: 0 0.5rem;
}

.with-shadow_bottom::after {
  display: block;
  content: " ";
  padding-bottom: 0.5rem;
  background-color: #eae3df;
  font-size: 0;
}

.icon_string {
  display: flex;
  justify-content: start;
  padding-top: 0.2rem;
  min-width: 1.3rem;
  font-size: 0.95rem;
  flex-wrap: wrap;
}

.user__quote {
  max-height: 400px;
  overflow: auto;
}

.max-height_400 {
  max-height: 400px;
}

.animated_flash {
  animation: flash-opacity 2s infinite;
}

@keyframes flash-opacity {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}