:root {
  --app-height: 100%;
  --header-height: 100%;
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  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: #fff; /* #f7f8f9; */
  height: var(--app-height) !important;
}

body * {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

body.lock {
  overflow: hidden;
}

a {
  display: inline-block;
  color: #1e2125;
  cursor: pointer;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

body,
a,
p,
h1,
ul,
li,
select,
option,
input,
textarea,
input::placeholder,
textarea::placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-top: calc(var(--header-height) + 30px);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

.section {
  margin-bottom: 50px;
}

/* .section:last-child {
  margin-top: auto;
} */
.static_page .section:last-child {
  margin-top: 0;
}

.section.for-advertisement {
  margin-top: auto;
  margin-bottom: 0;
}

.section.custom-margin {
  margin-bottom: 20px;
}

.section-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.section-head .title {
  margin-bottom: 0;
  margin-right: auto;
}

.section-head__buttons {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 15px;
}

.section-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-top: 30px;
  position: relative;
  min-height: 40px;
}

.section-bottom .pagination {
  margin-top: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.section-bottom.custom {
  margin-top: 10px;
}

.section-bottom__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
}

.section-bottom__buttons .button {
  margin-right: 10px;
}

.section-bottom__buttons .button:last-child {
  margin-right: 0;
}

.page-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 305px auto 305px;
  grid-template-columns: 305px auto 305px;
  padding-bottom: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.page-wrapper__item {
  position: sticky;
  top: calc(var(--header-height) + 30px);
  margin-top: calc(var(--header-height) + 30px);
  max-width: 285px;
  width: 100%;
}

.page-wrapper__item:first-child {
  margin-left: 20px;
}

.page-wrapper__item:last-child {
  margin-right: 20px;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
}

.tab-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.tab-titles .blockUI {
  display: none !important;
}

.tab-titles .title {
  margin-right: 30px;
  cursor: pointer;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.tab-titles .title:last-child {
  margin-right: 0;
}

.tab-titles .title.active {
  color: #1c2af1;
  cursor: default;
}

.titles-list {
  margin-bottom: 50px;
}

.titles-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.titles-list li:last-child {
  margin-bottom: 0;
}

.titles-list li span:first-child {
  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-right: 30px;
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background-color: #de1c75;
}

.titles-list li span:first-child img {
  width: 16px;
  -o-object-fit: contain;
  object-fit: contain;
}

.titles-list li span:last-child {
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
}

.titles-list.custom li {
  margin-bottom: 20px;
}

.titles-list.custom li span:first-child {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

.titles-list.custom li span:first-child img {
  width: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}

.titles-list.custom li span:last-child {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}

.title {
  margin-bottom: 20px;
  font-family: "PlusJakartaSans", sans-serif;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.3;
  color: #1c2af1;
}

.title * {
  font-size: 26px;
  font-weight: 800;
  line-height: 1.3;
  color: #1c2af1;
}

.tab-titles .title * {
  color: inherit;
}

.title .icon {
  width: 26px;
  height: 26px;
  fill: #1c2af1;
}

.title .icon path {
  stroke: #1c2af1;
}

.title .icon:first-child {
  margin-right: 10px;
}

.title .icon:last-child {
  margin-left: 10px;
}

.title .mark {
  margin: 0 30px;
  color: #737373;
}

.title .violet-mark {
  color: #1c2af1;
}

.title .red-mark {
  color: #de1c75;
}

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

.title.is-white {
  color: #ffffff;
}

.title.is-black {
  color: #1e2125;
}

.title.small {
  font-size: 18px;
  font-weight: 700;
}

.title.small * {
  font-size: 18px;
  font-weight: 700;
}

.title.small .icon {
  width: 18px;
  height: 18px;
}

.title.is-black {
  color: #1e2125;
}

.title.large-uppercase {
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 40px;
  text-transform: uppercase;
}

.title.medium-uppercase {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

.text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #737373;
}

.text.is-black {
  color: #1e2125;
}

.cards {
  display: -ms-grid;
  display: grid;
}

.cards.four-cards {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}

.cards.four-cards.for-screen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.images-wrapper {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 56.2992125984%;
  border-radius: 15px;
  overflow: hidden;
}

.images-wrapper .item {
  border-radius: 15px;
}

.images-wrapper .cards.four-cards.images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.images-wrapper .cards.four-cards.images::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.75);
}

.cards.four-cards.images {
  position: relative;
}

.no-player img {
  user-select: none;
}

.cards.four-cards.images .message,
.no-player .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  z-index: 7;
  color: #fff;
  font-size: 16px;
}

.cards.four-cards.images .message a,
.no-player .message a {
  color: #de1c75;
  font-size: inherit;
}

.no-player .player-cover__button {
  display: none;
}

@media (any-hover: hover) {

  .cards.four-cards.images .message a:hover,
  .no-player .message a:hover {
    text-decoration: underline;
  }
}

.cards.four-cards.images .message form,
.no-player .message form {
  margin-top: 20px;
}

.cards.four-cards.images .message input,
.no-player .message input {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #fff;
  color: #737373;
  font-size: 14px;
  font-weight: 700;
  transition: color 0.33s, background-color 0.33s;
}

@media (any-hover: hover) {

  .cards.four-cards.images .message input:hover,
  .no-player .message input:hover {
    background-color: #de1c75;
    color: #fff;
  }
}

.cards.four-cards.images:has(.message)::before,
.no-player:has(.message)::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 6;
}

.cards.four-cards.for-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 70px;
}

.cards.round-cards {
  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;
}

.cards.round-cards .checkbox {
  top: 0;
  left: 0;
}

.cards.round-cards .card-wrapper {
  margin: 0 auto;
}

.for-desktop {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.for-mobile {
  display: none !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.playlist-slider,
.channels-slider,
.popular-slider,
.user-slider {
  position: relative;
}

.popular-slider .swiper-next,
.popular-slider .swiper-prev {
  top: 35%;
}

.swiper {
  display: none;
}

.swiper.swiper-initialized {
  display: block;
}

.swiper-slide .user.column {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

.swiper-next,
.swiper-prev {
  position: absolute;
  top: 25%;
  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: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.swiper-next .icon,
.swiper-prev .icon {
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  width: 10px;
  height: 10px;
}

.swiper-next:after,
.swiper-prev:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.swiper-next.disabled,
.swiper-prev.disabled {
  cursor: default;
  opacity: 0.5;
}

.swiper-prev {
  left: -15px;
}

.swiper-next {
  right: -15px;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

form {
  margin: 0;
}

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

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

a {
  display: inline-block;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  font-size: 100%;
  text-transform: none;
  color: inherit;
  letter-spacing: inherit;
  vertical-align: baseline;
  *vertical-align: middle;
}

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

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

input,
button,
textarea {
  font-family: inherit;
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
input {
  overflow: visible;
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button:focus {
  outline: none;
}

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

:focus {
  outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  height: 22px;
  width: 22px;
}

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

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

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: none;
}

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

[type="search"] {
  outline: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: none;
  font: inherit;
}

textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: top;
}

a {
  text-decoration: none;
}

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

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

a:hover {
  text-decoration: none;
}

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

img {
  vertical-align: center;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

::-webkit-scrollbar {
  width: 3px;
}

::-moz-scrollbar {
  width: 3px;
}

::-ms-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-moz-scrollbar-track {
  background-color: transparent;
}

::-ms-scrollbar-track {
  background-color: transparent;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

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

[hidden] {
  display: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

::-moz-input-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-input-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: currentColor;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  pointer-events: none;
  -webkit-transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

.advertisement {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-radius: 10px;
}

.advertisement .title {
  display: block;
}

.advertisement .more-margin {
  margin-bottom: 50px;
}

.advertisement-wrapper {
  padding: 15px 20px 20px 20px;
  border-radius: 15px;
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
}

.advertisement-wrapper__title {
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ffffff;
}

.advertisement-text {
  margin-bottom: 15px;
  line-height: 1.5 !important;
}

.advertisement-items {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 20px;
}

.advertisement-item {
  margin-right: 0 !important;
  display: inherit;
  border-radius: 10px;
  overflow: hidden;
}

.drops-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px auto 110px;
  grid-template-columns: 110px auto 110px;
  grid-gap: 5px;
}

.drop-menu {
  position: relative;
  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: end;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.drop-menu.fit-content {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.drop-menu.custom .drop-menu__select {
  height: 40px !important;
}

.drop-menu:first-child {
  margin-left: 0;
}

.drop-menu.active {
  -webkit-box-shadow: 0 0 5px #968f8f;
  box-shadow: 0 0 5px #968f8f;
}

.drop-menu.active .drop-menu__select {
  background-color: #de1c75;
  border-radius: 15px 15px 0 0 !important;
}

.drop-menu.active .drop-menu__select .text {
  color: #ffffff;
}

.drop-menu.active .drop-menu__select .icon:last-child {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  fill: #ffffff;
}

.drop-menu.active .drop-menu__options {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: 0 0 5px #968f8f;
  box-shadow: 0 0 5px #968f8f;
}

.drop-menu__select {
  position: relative;
  padding: 7px 20px !important;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px !important;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  overflow: hidden;
  will-change: padding;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 34px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  z-index: 51;
}

.drop-menu__select:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.drop-menu__select.is-grey {
  background-color: #f7f8f9;
}

.drop-menu__select .icon {
  width: 10px !important;
  height: 10px !important;
  max-width: 10px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 10px !important;
  flex: 0 0 10px !important;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  -o-transition: color 0.2s ease, transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease !important;
}

.drop-menu__select .icon:first-child {
  width: 20px;
  height: 20px;
}

.drop-menu__select .text {
  font-size: 14px;
  font-weight: 700;
}

.drop-menu__select .icon,
.drop-menu__select .text {
  z-index: 5;
  color: #737373;
  -webkit-transition: fill 0.2s ease, color 0.2s ease;
  -o-transition: fill 0.2s ease, color 0.2s ease;
  transition: fill 0.2s ease, color 0.2s ease;
}

.drop-menu__options {
  position: absolute;
  top: 100%;
  width: 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-radius: 0 0 15px 15px;
  max-height: 200px;
  overflow: hidden;
  color: #ffffff;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease,
    max-height 0.2s ease, top 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  z-index: 52;
}

.drop-menu__options.custom {
  border-radius: 15px 0 15px 15px;
  min-width: 200px;
}

.drop-menu__option a {
  width: 100%;
  padding: 8px 18px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: #737373;
  font-size: 14px;
  font-weight: 500;
}

.drop {
  position: relative;
  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: end;
  margin-right: 20px;
  font-weight: 500;
  height: 40px;
}

.drop * {
  font-weight: 500;
}

.drop.background.active .drop__select {
  color: #ffffff;
  background-color: #de1c75;
}

.drop.background .drop__select {
  color: #ffffff;
  padding: 0 20px;
  background-color: #1e2125;
  border-radius: 10px;
  min-width: 140px;
}

.drop.background .drop__options {
  left: 0;
  border-radius: 10px;
}

.drop.background .drop__option {
  padding: 10px 20px;
}

.drop.active .drop__select {
  color: #de1c75;
}

.drop.active .drop__select .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.drop.active .drop__select .icon.img {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.drop.active .drop__options {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 5px);
}

.drop.only-icons {
  margin-right: 0;
}

.drop.only-icons.active .drop__options {
  top: calc(100% - 5px);
}

.drop.only-icons .drop__select {
  min-width: 40px !important;
}

.drop.only-icons .drop__select .text {
  display: none;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
}

.drop.only-icons .drop__options {
  padding: 5px 10px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #1e2125;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  top: 100%;
  left: -10px;
  border-radius: 10px;
}

.drop.only-icons .drop__option {
  padding: 0;
  padding: 5px 0;
  background-color: transparent;
}

.drop.only-icons .drop__option .text {
  display: none;
  font-size: 14px;
  font-weight: 500;
}

.drop.only-icons .drop__select,
.drop.only-icons .drop__option {
  width: 20px;
}

.drop.only-icons .picture {
  display: block;
  width: 20px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

.drop.is-order {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.drop.is-order .drop__select img {
  margin-right: 10px;
}

.drop.is-order img {
  width: 20px;
}

.drop__select {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  border-radius: 20px;
  color: #737373;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  min-width: 103px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  white-space: nowrap;
}

.drop__select * {
  pointer-events: none;
}

.drop__select .icon,
.drop__select .img,
.drop__select .text {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.drop__select .text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.drop__select .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.drop__select .icon {
  width: 10px;
  height: 10px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.drop__options {
  position: absolute;
  top: calc(100% + 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 15px 0px 15px 15px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  overflow: hidden;
  color: #737373;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease, -webkit-box-shadow 0.2s ease;
  z-index: 20;
}

.drop__option {
  padding: 10px 15px;
  cursor: pointer;
  background-color: #1e2125;
  color: #737373;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
}

.drop__option .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.drop__option .text {
  white-space: nowrap;
  pointer-events: none;
}

.search-button .icon {
  max-width: none;
  width: 24px;
  height: 24px;
  fill: black;
}

.button {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 30px;
  cursor: pointer;
  text-align: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  z-index: 1;
  -webkit-transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
  -o-transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
  transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
}

.button span {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

input.button:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.button.thin {
  height: auto;
  padding: 7px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.button.thin:after {
  content: "";
  border-radius: 10px;
}

.button.large-size {
  padding: 25px 80px;
  font-size: 20px;
  color: #1c2af1;
}

.button.large-size .text {
  font-size: 20px;
  color: #1c2af1;
}

.button.medium-size {
  padding: 20px 50px;
}

.button.medium-size .text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.button .icon {
  width: 20px;
  height: 20px;
}

.button .text {
  margin-bottom: 0 !important;
}

.button.is-violet {
  background-color: #1c2af1;
  color: #fff;
}

.button.is-violet span {
  color: #fff;
}

.button.is-violet .icon {
  fill: #ffffff;
}

.button.with-transparent {
  background-color: transparent;
  padding: 10px 0;
}

.button.with-gradient {
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
  color: #fff;
}

.button.with-gradient span {
  color: #fff;
}

.button.with-gradient .text {
  color: #fff;
}

.button.with-gradient .icon {
  fill: #ffffff;
}

.button.padding-min {
  padding: 7px;
}

.button.close-btn .icon {
  max-width: 24px;
  width: 24px;
  height: 24px;
}

.button.is-red {
  background-color: #de1c75;
  color: #ffffff;
}

.button.is-red .text {
  color: #ffffff;
}

.button.is-red .icon {
  fill: #ffffff;
}

.button.is-grey {
  background-color: #f7f8f9;
  color: #737373;
}

.button.is-grey .icon {
  fill: #737373;
}

.button.is-grey.done {
  pointer-events: none;
  opacity: 0.6;
}

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

.double-btn.custom .button {
  padding: 5px 20px;
  min-width: 135px;
  overflow: hidden;
}

.double-btn.custom .number {
  background-color: #1e2125;
}

.double-btn .button {
  border-radius: 15px 0 0 15px;
  margin: 0 !important;
  min-width: 130px;
  padding: 10px 20px;
}

.double-btn .button::after {
  content: "";
  border-radius: 15px 0 0 15px;
}

.double-btn .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding: 10px;
  background-color: #f7f8f9;
  color: #737373;
  border-radius: 0 15px 15px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.double-btn__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.double-btn__price .icon {
  margin-right: 5px;
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1c2af1;
}

.price .icon {
  fill: #1c2af1;
  margin-right: 5px;
}

.buttons {
  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;
  margin-left: 20px;
}

.buttons.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 10px;
}

.buttons.nowrap:last-child {
  margin-right: 0;
}

.buttons.nowrap .button,
.btn-favourites>li {
  margin-right: 5px;
}

.buttons.nowrap .button:last-child,
.btn-favourites>li:last-child {
  margin-right: 0;
}

.buttons .button.hidden {
  display: none;
}

.buttons .button.pink::after {
  background-color: #de1c75;
}

.buttons .button.pink .icon {
  fill: #fff;
}

.buttons.min-gap .button {
  margin-right: 12px;
}

.buttons.min-gap .drop-menu {
  margin-left: 0;
  margin-right: 10px;
  height: 40px;
}

.buttons.min-gap .drop-menu:last-child {
  margin-right: 0;
}

.buttons.min-gap .balance {
  margin-right: 12px;
}

.buttons.min-gap .balance:last-child {
  margin-right: 0;
}

.buttons .button {
  margin-right: 30px;
}

.buttons:not(> .delete-form) .button:last-child {
  margin-right: 0;
}

.buttons .balance {
  margin-bottom: 0;
}

.card {
  display: block;
  position: relative;
  overflow: hidden;
  /* cursor: pointer; */
}

.no-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-transform: capitalize;
}

.card.vertical .card-body {
  padding-bottom: 141.935483871%;
}

.card.vertical-screen .card-body {
  padding-bottom: 141.935483871%;
}

.images-wrapper .cards.four-cards {
  grid-template-rows: repeat(2, 1fr);
  overflow: hidden;
  grid-auto-rows: 0;
}

.images-wrapper .card.vertical-screen .card-body {
  padding-bottom: 114%;
}

.card.vertical-screen .card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 4px solid transparent;
  border-radius: 15px;
  z-index: 5;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease;
  -o-transition: background-color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, border 0.2s ease;
}

.card.round {
  max-width: 200px;
  margin: 0 auto;
  overflow: inherit;
  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;
}

.card.round.min {
  max-width: 140px;
  padding: 0 20px;
  margin: 0 auto 20px auto;
}

.card.round.min .checkbox {
  top: 0;
  left: 0;
}

.card.round.min .card-body {
  border-radius: 50%;
  overflow: visible !important;
  width: 120px;
  height: 120px;
  padding-bottom: 120px;
}

.card.round.min .card-body img {
  border-radius: 50%;
}

.card.round.min .card-bottom {
  padding-top: 5px;
}

.card.round.min .card-info__text {
  margin-bottom: 2px;
}

.card.round.min .items {
  margin-bottom: 0 !important;
}

.card.round .logo-online {
  z-index: 5;
}

.card.round .card-body {
  border-radius: 50%;
  overflow: visible !important;
  width: 200px;
  height: 200px;
  padding-bottom: 200px;
}

.card.round .card-body img {
  border-radius: 50%;
}

.card.round .card-info {
  width: 100%;
  max-width: none;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .card-info .items {
  margin-left: 0;
  margin-bottom: 8px;
  row-gap: 6px;
}

.card.round .card-info .items-item:last-child {
  margin-right: 0;
}

.card.round .card-info__buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .card-info__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 200px;
  max-width: 200px;
}

.card.round .card-info__text .items {
  margin-left: 7px;
  margin-bottom: 0;
}

.card.round .card-info__text .items-item {
  margin-right: 5px;
}

.card.round .card-info__text .items-item:last-child {
  margin-right: 0;
}

.card.round .card-info__text .items-item:last-child .icon {
  fill: #1c2af1;
}

.card.round .card-info__text .text {
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.card.round .items {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .items-item {
  grid-gap: 3px;
  margin-right: 6px;
}

.card .items {
  margin-bottom: 10px;
}

.card img {
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.card-wrapper {
  position: relative;
}

.card-wrapper .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 20px;
  margin: 0;
  z-index: 11;
}

.card-wrapper .checkbox.custom-position {
  left: auto;
  right: 10px;
}

.card-wrapper .checkbox input+label::before {
  content: "";
  border: 1px solid rgb(207, 207, 207);
  background-color: #ffffff;
}

.upload-content__column .preview-body {
  display: block;
  position: relative;
  padding-bottom: 56.4516129032%;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
}

.upload-content__column .preview-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.upload-content__column .preview em {
  margin-top: 5px;
  display: block;
  font-size: 12px;
}

.upload-content__column .preview .right {
  text-align: right;
}

.card-body {
  display: block;
  position: relative;
  padding-bottom: 56.4516129032%;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
}

.card-body video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.icom-member {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  height: 40px;
  z-index: 2;
}

.card-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.card-body__button {
  position: absolute;
  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: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  z-index: 3;
  -webkit-transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
  -o-transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
  transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
}

.card-body__button .icon {
  width: 12px;
  height: 12px;
  fill: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-body__button.like-btn {
  top: 10px;
  left: -30px;
}

.card-body__button.time-btn {
  top: -30px;
  left: 45px;
}

.card-body__button.fixed {
  background-color: #de1c75;
}

.card-body__button.fixed .icon {
  fill: #ffffff;
}

.card-body__button.like-btn.fixed {
  top: 10px;
  left: 10px;
}

.card-body__button.time-btn.fixed {
  top: 10px;
  left: 45px;
}

.card-body__line {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  translate: 0 -50%;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e2125;
  border-radius: 8px;
  font-size: 12px;
}

.card-body__line.line-processing,
.card-body__line.line-disabled,
.card-body__line.line-private {
  text-align: center;
  /* background-color: transparent; */
  width: 50%;
  left: 50%;
  translate: -50% -50%;
  font-size: 14px;
  z-index: 11;
  padding: 10px;
}

.card-body__aside {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
  z-index: 10;
}

.card-body__aside .icon {
  width: 40px;
  height: 40px;
  fill: #1e2125;
  min-height: 40px;
}

.card-body__aside span {
  margin-top: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #1e2125;
}

.card-item {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 5px;
  padding: 7px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e2125;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.3;
  z-index: 3;
}

.card-item .icon {
  width: 12px;
  height: 12px;
}

.card-item.left-bottom {
  bottom: 10px;
  left: 10px;
}

.card-item.right-bottom {
  bottom: 10px;
  right: 10px;
}

.card-item.is-violet {
  color: #1c2af1;
}

.card-item.is-violet .icon {
  fill: #1c2af1;
}

.card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}

.card-info {
  width: calc(100% - 50px);
}

.card-info.custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.card-info.custom .card-info__text {
  margin-right: 15px;
  margin-bottom: 0;
}

.card-info.custom .items {
  margin-bottom: 0;
}

.card-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 90%;
  font-size: 12px;
  font-weight: 700;
  color: #1c2af1;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__name span,
.card-info__name a {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  color: #1c2af1;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__text {
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__text span {
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
}

.card-info__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.card-info__buttons .button {
  margin: 2px;
}

.card-info__buttons .button.done {
  pointer-events: none;
  opacity: 0.6;
  gap: 2px;
}

.card-info__buttons .button .icon-done {
  width: 16px;
  height: 16px;
}

.card-info__buttons .button:last-child {
  margin-right: 0;
}

.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.items.custom {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.items.custom .items-item {
  font-size: 14px;
}

.items.custom .items-item .icon {
  width: 16px;
  height: 16px;
  max-width: none;
}

.items-item {
  padding: 3px 2px;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.items-item:last-child {
  margin-right: 0;
}

.items-item .icon {
  width: 14px;
  height: 14px;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.logo {
  position: relative;
  max-width: 40px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  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-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #ededed;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.logo.large {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
}

.logo.large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.logo.large .icon {
  width: 60px !important;
  height: 60px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 60px !important;
  flex: 0 0 60px !important;
}

.logo.large::before {
  content: "";
  border: 4px solid transparent;
}

.logo.x-large {
  width: 210px !important;
  height: 210px !important;
  max-width: 210px !important;
}

.logo.x-large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.logo.x-large .icon {
  width: 80px !important;
  height: 80px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 80px !important;
  flex: 0 0 80px !important;
}

.logo.x-large::before {
  content: "";
  border: 4px solid transparent;
}

.logo.center {
  margin: 0 auto 20px auto;
}

.logo .icon {
  width: 20px;
  height: 20px;
  fill: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.logo-online {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  background-color: #19b500;
  border-radius: 50%;
  border: 2px solid #ffffff;
  z-index: 5;
}

.logo-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 50;
}

.logo-border div {
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  -webkit-box-shadow: -2px 0 4px #ffffff;
  box-shadow: -2px 0 4px #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.logo-number {
  position: absolute;
  top: -8px;
  left: calc(100% - 10px);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #19b500;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1 !important;
  z-index: 4;
}

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

.logo-group .logo {
  margin: 0;
}

.logo-group .checkbox {
  margin-left: 20px;
}

.logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid transparent;
  z-index: 2;
  -webkit-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

@-webkit-keyframes moveAround {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes moveAround {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes visibilityItem {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes visibilityItem {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

.user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.user.column {
  -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;
}

.user.column .link {
  margin-top: 5px;
  text-align: center;
}

.user.column .logo {
  margin-right: 0;
}

.user.custom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.user.custom .logo {
  margin-right: 0;
  margin-left: 10px;
}

.user.custom .user-info {
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.user.custom .user-info .link {
  margin-bottom: 0 !important;
  margin-right: 10px;
}

.user.custom .user-info__group {
  margin-bottom: 8px;
}

.user .logo {
  max-width: 50px;
  width: 50px;
  height: 50px;
}

.user-info {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.user-info .link {
  margin-bottom: 8px !important;
}

.user-info__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

.user-info__buttons .button,
.user-info__buttons form {
  margin-right: 5px;
}

.user-info__buttons .button:last-child {
  margin-right: 0;
}

.link {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.aside {
  background-color: #ffffff;
  border-radius: 15px;
}

.aside-wrapper {
  max-width: 285px;
  height: 100%;
  background-color: #ffffff;
  border-radius: 15px;
}

.aside-head {
  padding: 20px 20px 10px 20px;
  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;
}

.aside-head .title {
  margin-bottom: 0;
  color: #1e2125;
  font-size: 20px;
  font-weight: 800;
}

.aside-head .button {
  padding: 0;
}

.aside-head .button .icon {
  width: 24px;
  height: 24px;
}

.aside-block {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #dadada;
}

.aside-block.last {
  border-bottom: none;
}

.aside-block.for-mobile {
  display: none !important;
}

.aside-block.for-burger {
  border-top: 1px solid #dadada;
  margin: 0 20px 0px 20px;
}

.aside-block:last-child {
  margin-bottom: 10px;
  border-bottom: none;
}

.aside-block__list {
  margin: 0 -20px;
}

.aside-block__list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 20px;
  z-index: 1;
}

.aside-block__list a.active {
  background-color: #f7f8f9;
  pointer-events: none;
}

.aside-block__list a i {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.aside-block__list a i:first-child {
  color: #1e2125;
  font-weight: 700;
}

.aside-block__list a i:last-child {
  color: #737373;
}

.aside-block__list a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20%;
  height: 100%;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, background-color 0.2s ease;
  -o-transition: width 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, background-color 0.2s ease;
}

.aside-block__models {
  padding-bottom: 20px;
}

.aside-block__models .link {
  margin-bottom: 10px;
}

.aside-block__model {
  margin-bottom: 20px;
}

.aside-block__model:last-child {
  margin-bottom: 0;
}

.filter-section {
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-bottom: 30px;
}

.filter-section.active .filter-section__head .text {
  color: #1c2af1;
}

.filter-section.active .filter-section__head .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #1c2af1;
}

.filter-section.active .filter-section__body {
  max-height: 100%;
  visibility: visible;
  opacity: 1;
  padding: 10px 20px;
}

.filter-section__head {
  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;
}

.filter-section__head * {
  pointer-events: none;
}

.filter-section__head .text {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.filter-section__head .icon {
  width: 10px;
  height: 10px;
  max-width: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.filter-section__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: max-height 0.1s ease, visibility 0.1s ease,
    opacity 0.2s ease, padding 0.2s ease;
  -o-transition: max-height 0.1s ease, visibility 0.1s ease, opacity 0.2s ease,
    padding 0.2s ease;
  transition: max-height 0.1s ease, visibility 0.1s ease, opacity 0.2s ease,
    padding 0.2s ease;
}

.filter-section__body .drop-menu {
  min-width: 210px;
}

.filter-section__body .input-label {
  margin: 10px 20px 10px 0;
}

.filter-section__body .input-label__group {
  max-width: none;
}

.filter-section__body .input-label__group .drop-menu {
  min-width: auto;
}

.filter-section__body .checkbox {
  margin: 10px 20px 20px 0;
}

.filter-section__body .button {
  margin: 10px 20px 10px 0;
}

.filter-section__body .button:last-child {
  margin-right: 0;
}

.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  background-color: #f7f8f9;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.item-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.item-list::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list::-moz-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-moz-scrollbar-track {
  background-color: transparent;
}

.item-list::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list::-ms-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-ms-scrollbar-track {
  background-color: transparent;
}

.item-list::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list li {
  min-height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-list a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
}

.item-list a.active {
  color: #de1c75;
}

.graphics {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.graphics-item {
  padding: 20px;
  border-radius: 15px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.graphics-item__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: 20px;
}

.graphics-item__head .title {
  margin-bottom: 0;
}

.graphics-item__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.graphics-item__body.custom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px auto;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.graphics-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.graphics-button {
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.graphics-button span {
  pointer-events: none;
  font-size: 14px;
  font-weight: 700;
  color: #737373;
}

.graphics-button:last-child {
  margin-right: 0;
}

.graphics-button.active {
  cursor: default;
}

.graphics-button.active span {
  color: #1c2af1;
}

.block-info__text {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  letter-spacing: -0.1px;
}

.block-info__text.custom {
  margin-bottom: 5px;
  font-weight: 800;
  color: #1e2125;
}

.block-info__title {
  font-size: 34px;
  font-weight: 800;
  color: #1c2af1;
}

.block-info__title span {
  font-size: 34px;
  font-weight: 800;
  color: #1c2af1;
}

.block-info__title.custom {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 26px;
  color: #de1c75;
}

.block-info__title.custom span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px;
  color: #1c2af1;
  line-height: 1;
}

.block-info__title.custom .lines {
  position: relative;
  width: 15px;
  height: 12px;
}

.block-info__title.custom .lines::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: #1c2af1;
}

.block-info__title.custom .lines::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #1c2af1;
}

.block-info__title .icon {
  width: 24px;
  height: 24px;
  max-width: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  fill: #1c2af1;
}

.block-info__line {
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background-color: rgb(218, 218, 218);
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f7f8f9;
  border-bottom: 1px solid #f7f8f9;
  z-index: 100;
}

.header-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.header-body {
  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;
  padding: 15px 0;
}

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

.header-body__column.custom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.header .button.is-violet {
  padding: 10px 20px;
}

.nav {
  position: relative;
  background-color: #ffffff;
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0 20px;
}

.nav-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.nav-list__item.custom {
  position: relative;
}

.nav-list__link {
  position: relative;
  overflow: hidden;
  padding: 15px 30px;
  font-weight: 700;
  text-transform: none;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.nav-list__link::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  width: 20%;
  border-radius: 2px 2px 0 0;
  background-color: #de1c75;
  -webkit-transition: bottom 0.2s ease, width 0.2s ease;
  -o-transition: bottom 0.2s ease, width 0.2s ease;
  transition: bottom 0.2s ease, width 0.2s ease;
}

.nav-list__link.active {
  color: #de1c75;
  cursor: default;
}

.nav-list__link.active::before {
  content: "";
  bottom: 0px;
  width: 100%;
}

.main-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}

.main-icon img {
  width: 100%;
  max-width: 300px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-line {
  padding: 7px 20px;
  background-color: #ffffff;
}

.top-line ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-line li {
  margin-right: 20px;
}

.top-line li:last-child {
  margin-right: 0;
}

.top-line a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  font-size: 12px;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.top-line a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #737373;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.top-line img {
  margin-right: 5px;
  max-width: 16px;
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  max-width: 660px;
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
}

.search input {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  color: #1e2125;
}

.search input::-webkit-input-placeholder {
  color: #737373;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::-moz-placeholder {
  color: #737373;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input:-ms-input-placeholder {
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::-ms-input-placeholder {
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::placeholder {
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search button {
  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;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-size: 20px;
  padding: 10px 20px;
}

.search button .icon {
  pointer-events: none;
}

.search .close-search {
  display: none;
}

.search-wrapper {
  display: none;
}

.cabinet {
  position: relative;
  margin-left: 30px;
  -webkit-transition: padding-bottom 0.2s ease;
  -o-transition: padding-bottom 0.2s ease;
  transition: padding-bottom 0.2s ease;
}

.cabinet.active {
  padding-bottom: 0;
}

.cabinet.active .cabinet__name .text {
  color: #de1c75;
}

.cabinet.active .cabinet__name .icon {
  fill: #de1c75;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cabinet.active .cabinet-drop {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.cabinet .logo {
  background-color: #ffffff;
}

.cabinet__open-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.cabinet__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
}

.cabinet__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #737373;
  z-index: 2;
}

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

.cabinet__name {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 10px;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.cabinet__name .icon {
  width: 10px;
  height: 10px;
  -webkit-transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  fill: #1e2125;
}

.cabinet__name .text {
  max-width: 140px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #1e2125;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.cabinet-drop {
  min-width: 190px;
  width: 100%;
  position: absolute;
  top: calc(100% + 10px);
  right: 0px;
  overflow: hidden;
  border-radius: 15px 0px 15px 15px;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, max-height 0.2s ease,
    -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 20;
}

.cabinet-drop ul {
  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;
}

.cabinet-drop li.custom {
  margin-bottom: 10px;
  padding: 15px;
  border-bottom: 1px solid #dadada;
}

.cabinet-drop li.custom .button {
  max-width: none;
  width: 100%;
}

.cabinet-drop li.custom .button .text {
  width: 100%;
}

.cabinet-drop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 15px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #737373;
  line-height: 1.1;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.cabinet-drop a .icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

.cabinet-drop a .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.cabinet-drop a .group-item {
  font-size: 14px;
  font-weight: 700;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.cabinet-drop a .group-item:last-child {
  margin-left: auto;
}

.cabinet-drop a .group-item:last-child {
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #19b500;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1 !important;
}

.cabinet-drop a:hover {
  background-color: #f7f8f9;
  color: #de1c75;
}

.cabinet-drop a:hover .group-item {
  color: #de1c75;
}

.cabinet-drop a:hover .group-item:last-child {
  color: #ffffff;
}

.cabinet-drop a:hover .icon {
  fill: #de1c75;
}

.balance {
  margin-bottom: 10px;
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.balance.custom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.balance.custom .balance-title {
  color: #1e2125;
}

.balance-title {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #6d6d86;
}

.balance-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

.balance-price .icon {
  fill: #1c2af1;
}

.balance-price span {
  margin-left: 5px;
  color: #1c2af1;
  font-size: 14px;
  font-weight: 700;
}

.balance-price span:first-child {
  margin-right: 5px;
}

.balance-price span:first-child {
  font-size: 16px;
}

.pulsing:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  -webkit-box-shadow: inset 0 0 0 1px #19b500;
  box-shadow: inset 0 0 0 1px #19b500;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  -webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.burger-menu {
  display: none;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  z-index: 101;
}

.burger-menu__wrapper {
  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: 280px;
  height: calc(var(--app-height) - var(--header-height));
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 2px 2px 5px #dadada;
  box-shadow: 2px 2px 5px #dadada;
  background-color: #f7f8f9;
}

.burger-menu .aside-block__list a.active i:first-child {
  color: #de1c75;
}

.burger-button {
  display: none;
  position: relative;
  z-index: 100;
  width: 20px;
  height: 20px;
}

.footer {
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.footer-container {
  padding: 50px 30px;
  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;
  background-color: #ffffff;
}

.footer-icon {
  margin-bottom: 30px;
}

.footer-texts {
  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: 1175px;
  width: 100%;
}

.footer-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #737373;
  margin-bottom: 20px;
}

.footer-text:last-child {
  margin-bottom: 0px;
}

.footer-nav {
  margin-bottom: 30px;
}

.footer-nav ul {
  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;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.footer-nav ul li {
  margin: 2px;
}

.footer-nav ul li a {
  position: relative;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 14px;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  padding: 6px 20px;
}

.footer-nav ul li a::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10%;
  height: 1px;
  background-color: transparent;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease,
    bottom 0.2s ease, width 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease, bottom 0.2s ease,
    width 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, bottom 0.2s ease,
    width 0.2s ease;
}

.player-wrap {
  position: relative;
}

#kt_player {
  position: absolute !important;
}

.player {
  width: 100%;
  border-radius: 15px;
}

/* .player .button .text {
  color: #1e2125;
}

.player .button .icon {
  fill: #1e2125;
} */
.player .button.medium-size {
  margin-block: 20px 30px;
}

.player .drop-menu.custom {
  margin: 0 5px;
}

.player .drop-menu.custom:first-child {
  margin-left: 0;
}

.player .drop-menu.custom:last-child {
  margin-right: 0;
}

.player .drop-menu.custom .drop-menu__select .text {
  color: #1e2125;
  pointer-events: none;
}

.player .drop-menu.custom .drop-menu__select .icon {
  fill: #1e2125;
  pointer-events: none;
}

.player .drop-menu.custom.active .drop-menu__select .text {
  color: #ffffff;
}

.player .drop-menu.custom.active .drop-menu__select .icon {
  fill: #ffffff;
}

.player .buttons .drop-menu {
  margin-left: 0;
}

.player .buttons .drop-menu__select {
  padding: 7px 10px !important;
}

.player .tag-links:nth-child(1),
.player .tag-links:nth-child(2) {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 20px;
}

.player-cover {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
}

.player-cover__picture {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: grey;
  overflow: hidden;
  padding-bottom: 56.2992125984%;
}

.player-cover__picture img,
.player-cover__picture video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}

.player-cover__button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.player-cover__button .icon {
  width: 100px;
  height: 100px;
  max-width: none;
  fill: rgba(255, 255, 255, 0.8);
  -webkit-transition: fill 0.2s ease, opacity 0.2s ease;
  -o-transition: fill 0.2s ease, opacity 0.2s ease;
  transition: fill 0.2s ease, opacity 0.2s ease;
}

.player-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

.player-banner a,
.player-banner iframe,
.player-banner img {
  display: block;
}

.player-banner img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}

.player-banner .desktop {
  display: block;
}

.player-banner .mobile {
  display: none;
}

.player-buttons {
  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;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.player-buttons__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.player-buttons__column:first-child {
  margin-left: 0px;
}

.player-buttons__item {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-buttons__item:first-child {
  margin-right: 5px;
}

.player-buttons__item.gap-more {
  grid-gap: 10px;
}

.player-buttons__item.gap-more .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #6d6d86;
}

.player-buttons__item.gap-more i {
  font-size: 16px;
  color: #6d6d86;
}

.player-button {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 12px;
  background-color: #ffffff;
  color: black;
  border-radius: 15px;
  height: 40px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.player-button .icon {
  fill: black;
}

.player-info {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9f92a6;
}

.player-info .text {
  white-space: nowrap;
  line-height: 1.1;
}

.player-info i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

.player-text {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: White;
}

.tag-links {
  display: block;
  width: 100%;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 15px;
}

.tag-links.custom .video-links__link {
  padding: 8px 10px 8px 45px;
  margin-left: 5px;
}

.tag-links:last-child {
  margin-bottom: 0px;
}

.tag-links__name {
  display: inline-block;
  height: 30px;
  padding: 5px 0px;
  margin: 5px 10px 5px 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  line-height: 1.5;
}

.tag-links__list {
  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;
  margin: 0 -5px;
}

.tag-links__item {
  position: relative;
  margin: 5px 3px;
  display: inline-block;
}

.tag-links__item.name {
  margin: 0;
}

.tag-links__item .info-popup {
  left: 20px;
  z-index: 11;
}

.tag-links__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #737373;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.tag-links__link .part {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -5px;
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  z-index: 10;
  -webkit-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

.tag-links__link.button::after {
  content: "";
  border-radius: 10px !important;
}

.tab-content__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tab-content__column .balance {
  margin-bottom: 20px;
}

.tab-content__column .balance:last-child {
  margin-bottom: 0;
}

.tab-content__column:first-child {
  margin-right: 20px;
}

.tab-buttons {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-buttons.gap-more {
  grid-gap: 20px;
}

.tab-buttons.custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
  width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #191929;
}

.tab-buttons.custom::-webkit-scrollbar {
  display: none;
  height: 5px;
  width: 0;
}

.tab-buttons.custom::-moz-scrollbar {
  display: none;
  width: 0;
  height: 5px;
}

.tab-buttons.custom::-moz-scrollbars-horizontal {
  display: none;
  width: 0;
  height: 5px;
}

.tab-buttons.custom::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}

.tab-buttons.custom::-webkit-scrollbar-thumb {
  display: none;
  background-color: transparent;
}

.tab-buttons.custom .tab-button {
  position: relative;
  padding: 10px 30px;
  margin-right: 10px;
  background-color: transparent;
  -webkit-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.tab-buttons.custom .tab-button:last-child {
  margin-right: 0;
}

.tab-buttons.custom .tab-button .text {
  text-transform: uppercase;
  white-space: nowrap;
}

.tab-button {
  padding: 10px 15px;
  height: 40px;
  overflow: hidden;
}

.tab-button.active {
  background-color: #de1c75;
  color: #ffffff;
  cursor: default;
}

.tab-button.active .icon {
  fill: #ffffff;
}

.tab-button.active .text {
  color: #ffffff;
}

.tab-button.active:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #de1c75;
}

/* .playlist-holder {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
} */

.screens {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}

.screens-link {
  border-radius: 10px;
  overflow: hidden;
}

.screens-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.comments {
  margin-top: 30px;
}

.comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  margin-bottom: 30px;
}

.comment .checkbox {
  margin-left: 20px;
}

.comment.custom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment.custom .comment-other__text {
  max-width: none;
}

.comment:last-child {
  margin-bottom: 0px;
}

.comment-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.comment-icon {
  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;
  padding: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  max-height: 40px;
  max-width: 40px;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

.comment-icon .icon {
  fill: #737373;
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}

.comment-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.comment-other__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.comment-other__name {
  font-weight: 500;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.comment-other__ago {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
}

.comment-other__ago .icon {
  width: 14px;
  height: 14px;
  max-width: none;
}

.comment-other__ago .text {
  line-height: 1.1;
  font-size: 12px;
  color: #737373;
}

.comment-other__text {
  margin-bottom: 10px;
  max-width: 900px;
  width: 100%;
  white-space: normal;
  color: #1e2125;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.share-row__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1e2125;
}

.share-row__input {
  padding: 8px 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
  color: #1e2125;
}

.share-row__group {
  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;
}

.sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 30px;
  margin: 0px -5px 5px -5px;
}

.sizes-link {
  margin: 5px;
  padding: 10px 20px;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 10px;
  color: #6d6d86;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease, color 0.2s ease-in-out;
  transition: background-color 0.2s ease, color 0.2s ease-in-out;
}

.sizes-link:last-child {
  margin-right: 0px;
}

.custom-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-size__label {
  display: block;
  font-weight: 500;
  margin-right: 10px;
  color: #1e2125;
}

.custom-size__label::-webkit-input-placeholder {
  color: #1e2125;
}

.custom-size__label::-moz-placeholder {
  color: #1e2125;
}

.custom-size__label:-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__label::-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__label::placeholder {
  color: #1e2125;
}

.custom-size__label.margin {
  margin: 0px 10px;
}

.custom-size__input {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #1e2125;
  width: 85px;
}

.custom-size__input::-webkit-input-placeholder {
  color: #1e2125;
}

.custom-size__input::-moz-placeholder {
  color: #1e2125;
}

.custom-size__input:-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__input::-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__input::placeholder {
  color: #1e2125;
}

.block-flagging .success {
  color: #fff;
  background-color: #de1c75;
  border-radius: 15px;
  padding: 11px;
  font-weight: 700;
  text-align: center;
}

.block-flagging .generic-error {
  color: red;
  margin-bottom: 15px;
}

.report-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-min-content auto;
  -ms-grid-columns: min-content auto;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.report-label {
  white-space: nowrap;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #1e2125;
}

.report-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-row .label-report {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
  font-weight: 700;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-row .label-report::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #737373;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.report-row .label-report::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #de1c75;
}

.report-row .radio-report {
  width: auto;
  display: none;
  margin-right: 10px;
}

.report-row .radio-report:checked+label:before {
  border-color: #de1c75;
}

.report-row .radio-report:checked+label:after {
  opacity: 1;
}

.report-submit {
  padding: 10px 30px;
  background-color: #de1c75;
  color: #ffffff;
  border-radius: 20px;
  margin-top: 20px;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
}

.report-message {
  width: 100%;
}

.report-message__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1e2125;
}

.report-message__tetarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid rgb(207, 207, 207);
  color: #1e2125;
  padding: 9px 20px;
  width: 100%;
}

.report-message__tetarea::-webkit-input-placeholder {
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::-moz-placeholder {
  color: #6d6d86;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea:-ms-input-placeholder {
  color: #6d6d86;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::-ms-input-placeholder {
  color: #6d6d86;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::placeholder {
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row.disabled .radio-row__label {
  cursor: default;
  opacity: 0.3;
}

.radio-row.disabled p {
  visibility: visible;
  opacity: 1;
}

.radio-row.disabled:hover {
  color: #737373;
}

.radio-row p {
  margin-left: 25px;
  font-size: 12px;
  font-weight: 400;
  color: #d5224d;
  visibility: hidden;
  opacity: 0;
}

.radio-row:last-child {
  margin-bottom: 0;
}

.radio-row:hover {
  color: #ffffff;
}

.radio-row__label {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
}

.radio-row__label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #696b71;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #ffffff;
}

.radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.radio-row__input:checked+label:before {
  border-color: #de1c75;
  background-color: #de1c75;
}

.radio-row__input:checked+label:after {
  opacity: 1;
}

.pagination {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

.pagination li {
  padding: 0px 3px;
}

.pagination li:first-child {
  padding-right: 15px;
}

.pagination li:last-child {
  padding-left: 15px;
}

.pagination-link,
.pagination a {
  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: 40px;
  height: 40px;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  z-index: 5;
  white-space: nowrap;
}

.pagination-link .icon,
.pagination a .icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.pagination-link.dots,
.pagination a.dots {
  background-color: transparent;
}

.pagination-link.active,
.pagination a.active {
  background-color: #de1c75;
  color: #ffffff;
}

.pagination-link.active *,
.pagination a.active * {
  color: #ffffff;
  cursor: default;
}

.pagination-link.first-pager,
.pagination a.first-pager {
  position: relative;
  width: auto;
  border-radius: 15px;
}

.pagination-link.first-pager .icon,
.pagination a.first-pager .icon {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  z-index: 5;
}

.pagination-link.last-pager,
.pagination a.last-pager {
  position: relative;
  width: auto;
  border-radius: 15px;
}

.pagination-link.last-pager .icon,
.pagination a.last-pager .icon {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  z-index: 5;
}

.pagination-link:after,
.pagination a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 75%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.links:first-child {
  padding-top: 0px;
}

.links:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.links-category {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #1c2af1;
  padding: 0px 20px;
  margin-bottom: 10px;
}

.links-list {
  width: 100%;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 95px;
  -moz-column-gap: 95px;
  column-gap: 95px;
}

.links-item {
  display: block;
  max-height: 40px;
}

.links-item.last,
.links-item:has(+ .links-item > .links-category) {
  margin-bottom: 25px;
}

.links-item__link {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-transition: background-color 0.2s linear, color 0.1s linear;
  -o-transition: background-color 0.2s linear, color 0.1s linear;
  transition: background-color 0.2s linear, color 0.1s linear;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.links-item__link p {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.links-item__link span {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.links-item__link span:first-child {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 700;
  color: #1e2125;
}

.links-item__link span:last-child {
  margin-left: 20px;
  font-weight: 500;
  color: #737373;
}

.links-item__link.button {
  background-color: transparent;
}

.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  border-radius: 15px;
  background-color: #ffffff;
}

.info .title {
  color: #1e2125;
}

.info.custom {
  margin-top: 10px;
}

.info.custom .info-column:first-child {
  position: relative;
  left: 0;
  top: -120px;
  width: 220px;
  height: 220px;
  padding-bottom: 220px;
  border-radius: 50%;
  z-index: 5;
}

.info.custom .info-column:last-child {
  max-width: calc(100% - 250px);
}

.info.custom .info-head {
  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;
  margin-bottom: 20px;
}

.info.custom .info-head .button {
  margin-top: 20px;
  color: #ffffff;
}

.info.custom .info-head__body {
  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;
}

.info.without-padding {
  padding: 0;
}

.info.without-padding .info-column:last-child {
  padding: 30px 30px 30px 0;
}

.info.profile {
  display: block;
}

.info.profile .info-column:first-child {
  max-width: none;
  max-height: none;
  padding-bottom: 0;
  margin-right: 0;
  border-radius: 0;
  overflow: visible;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: transparent;
}

.info.profile .info-column:first-child .icon {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 16px;
  height: 16px;
}

.info.profile .logo.large {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
  margin-bottom: 15px;
  margin-right: 0;
}

.info.profile .logo.large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.info.profile .logo.large::before {
  content: "";
  border: 4px solid transparent;
}

.info.profile .item-list {
  margin: 0 -10px;
}

.section-custom .info-column:first-child {
  background-color: #ededed;
}

.info-column:first-child {
  position: relative;
  max-width: 320px;
  width: 100%;
  max-height: 460px;
  width: 100%;
  padding-bottom: 460px;
  margin-right: 30px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #f7f8f9;
}

.info-column:last-child {
  width: 100%;
}

.info-column:first-child img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.info-column:first-child .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  max-width: none;
  z-index: 1;
}

.info-column.custom {
  width: 230px !important;
  height: 230px !important;
  padding-bottom: 230px !important;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.info-column .title {
  margin-bottom: 10px;
}

.info-column__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 20px;
  margin-bottom: 20px;
  gap: 15px 10px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.info-column__head.custom {
  flex-wrap: wrap
}

.info-column__head.custom>div:not(.info-buttons) {
  flex-grow: 1;
}

.info-buttons:has(.button) {
  gap: 10px;
}

info-column__head.custom .info-buttons .button {
  margin: 0;
}

.info-list {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
}

.info-item {
  padding: 8px 0;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2125;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.info-item .mark {
  color: #737373;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
}

.info-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.info-buttons .double-btn,
.info-buttons .drop {
  margin-right: 10px;
  height: 40px;
}

.info-buttons .double-btn:last-child,
.info-buttons .button:last-child,
.info-buttons .drop:last-child {
  margin-right: 0;
}

.more-text {
  display: -webkit-box;
  width: 100%;
  height: 65px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.more-text.custom {
  height: 108px;
  -webkit-line-clamp: 5;
}

.more-text.more {
  height: auto;
  overflow: visible;
  -webkit-line-clamp: inherit;
}

.more-text__button {
  margin-top: 10px;
  padding: 10px 10px;
}

.modal {
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; */
  /* background-color: rgba(255, 255, 255, 0.8); */
  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-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); */
  /* z-index: 100; */
  /* visibility: hidden; */
  /* opacity: 0; */
  /* -webkit-transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease,
    -webkit-transform 0.2s ease; */
}

.modal .success {
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
}

.modal.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal.custom .modal-wrapper {
  /* max-width: 950px; */
  /* width: 100%; */
  /* min-width: 950px; */
}

.modal.for-player .modal-wrapper {
  padding: 0;
  max-width: 1270px;
  width: 100%;
}

.modal.for-player .close-btn {
  z-index: 12;
}

.modal.for-player .close-btn .icon {
  fill: #ffffff;
}

.modal.for-player .player-cover__button {
  cursor: default;
}

.modal.for-player .player-cover {
  cursor: default;
}

.modal .body-desktop {
  display: block !important;
}

.modal .body-mobile {
  display: none !important;
}

.modal .logo {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
}

.modal .logo .icon {
  width: 80px;
  height: 80px;
  max-width: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}

.modal .main-icon {
  margin-bottom: 50px;
}

.modal .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
}

.modal .title {
  margin-bottom: 25px;
}

.modal .buttons .button {
  margin-top: 0;
}

.modal .button {
  margin-top: 20px;
}

.modal .button.medium-size {
  margin-bottom: 30px;
}

.modal .player-cover {
  position: static;
}

.modal-layer {
  position: relative;
  width: 100%;
  min-height: 715px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-layer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}

.modal-layer__wrapper {
  position: relative;
  padding: 50px;
  width: 100%;
  height: 100%;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
}

.modal-layer__wrapper .button.medium-size {
  margin: 0;
}

.modal-aside {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 100%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10;
}

.modal-aside .card {
  cursor: default;
  margin-bottom: 20px;
}

.modal-aside .button {
  width: 100%;
  max-width: none;
}

.modal-aside .titles-list {
  margin-bottom: 0;
}

.modal-aside__wrapper {
  overflow-y: auto;
  height: calc(100% - 70px);
  margin: 0 -10px 0 -20px;
  padding: 0 10px 0 20px;
}

.modal-aside__wrapper::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__wrapper::-moz-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__wrapper::-ms-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__title {
  margin-right: 35px;
}

.modal {
  max-width: 500px;
  border-radius: 15px;
}

.modal.custom {
  max-width: 950px;
  width: 100%;
}

.modal.for-player {
  max-width: unset;
  width: 1270px;
}

.modal-wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  padding: 50px;
  /* margin: 40px 10px; */
  /* max-width: 500px; */
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgb(207, 207, 207);
  box-shadow: 0 0 5px rgb(207, 207, 207);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 80px);
}

.modal-wrapper.pad-0 {
  padding: 0 !important;
}

.modal-wrapper.custom {
  max-width: 900px;
}

.modal:has(.color-modal) {
  padding: 0;
  max-width: 1140px;
}

.modal-wrapper.color-modal .modal-column {
  padding: 50px;
}

.modal-wrapper.color-modal .modal-column:last-child {
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
}

.modal-wrapper.color-modal .modal-column:last-child .button {
  margin-top: 0;
}

.modal-wrapper.color-modal .modal-columns {
  grid-gap: 0;
}

.modal-wrapper.color-modal .close-modal .icon {
  fill: #ffffff;
}

.modal-wrapper__space {
  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: 30px;
}

.modal-wrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: none;
}

.modal-content {
  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;
}

.modal-content .text {
  margin-bottom: 30px;
  text-align: center;
}

.modal-content .title.medium-uppercase {
  text-align: center;
}

.modal-body {
  padding-bottom: 50px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.modal-columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.modal-columns.custom {
  -ms-grid-columns: auto 310px;
  grid-template-columns: auto 310px;
  width: 100%;
}

.modal-column.content-center {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-submit {
  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;
}

.modal-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.modal-text {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.modal-text a {
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

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

.close-btn .icon {
  width: 24px;
  height: 24px;
  max-width: none;
  fill: #1e2125;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}

.tabs-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.tabs-buttons .title {
  position: relative;
  margin-right: 30px;
  margin-bottom: 0;
  line-height: 2;
  cursor: pointer;
  color: #737373;
}

.tabs-buttons .title:last-child {
  margin-right: 0;
}

.tabs-buttons .title.active {
  cursor: default;
  color: #1c2af1;
}

.upload-text {
  margin-bottom: 50px;
  font-size: 14px;
  font-weight: 500;
}

.upload-form {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  max-width: 1450px;
}

.upload-form__item .input {
  margin-bottom: 0;
}

.upload-select {
  background-color: #f7f8f9 !important;
  color: #737373 !important;
}

.upload-file {
  background-color: #ffffff;
}

.upload-content .input {
  background-color: #ffffff !important;
}

.upload-content .input-label label {
  margin-bottom: 10px;
}

.upload-content .input-label.custom-margin {
  margin-bottom: 30px;
}

.upload-content .radio-row__label {
  margin-bottom: 0 !important;
  font-weight: 500;
  padding-left: 30px;
  color: #1e2125;
}

.upload-content .radio-row__label::before {
  content: "";
  border: 2px solid black;
}

.upload-content .radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-color: #ffffff;
}

.upload-content .radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.upload-content .radio-row__input:checked+label:before {
  background-color: #de1c75;
  border: 2px solid #de1c75;
}

.upload-content .radio-row__input:checked+label:after {
  opacity: 1;
}

.upload-content__columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
}

.upload-content__column p {
  margin-bottom: 10px;
}

.upload-content__column .upload-text {
  padding-left: 120px;
}

.upload-content__column .card {
  cursor: default;
}

.upload-content__column:last-child {
  padding-left: 150px;
}

.upload-list .title {
  margin-bottom: 20px;
}

.upload-list .text {
  margin-bottom: 20px;
  color: #737373;
  font-size: 14px;
  font-weight: 500;
}

.upload-list .text:last-child {
  margin-bottom: 0;
}

.upload-list .text a {
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.upload-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #191929;
}

.upload-head .card {
  width: 320px;
  margin-right: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.upload-head__body {
  width: 100%;
}

/* .upload-progress {
  position: relative;
  width: 100%;
  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;
  margin-bottom: 30px;
}

.upload-progress__name {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1c2af1;
  max-width: 310px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.upload-progress__text {
  margin-bottom: 2px;
  font-size: 24px;
  font-weight: 700;
  color: #1c2af1;
}

.upload-progress__line {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: rgb(207, 207, 207);
}

.upload-progress__line div {
  height: 8px;
  border-radius: 4px;
  background-color: #1c2af1;
} */

.progressbar {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: rgb(207, 207, 207);
  margin: 90px 0 0;
}

.progressbar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 4px;
  background-color: #1c2af1;
}

.progressbar .text {
  position: absolute;
  bottom: 100%;
  left: 50%;
  translate: -50% 0;
  margin-bottom: 2px;
  font-size: 24px;
  font-weight: 700;
  color: #1c2af1;
}

.form.uploading {
  margin-bottom: 30px;
}

.input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #1e2125;
  border-radius: 15px;
  border: 1px solid rgb(207, 207, 207);
}

.mt20 {
  margin-top: 20px;
}

.row .input {
  margin-bottom: 0;
}

.row .textarea,
.input-label .textarea {
  width: 100%;
  padding: 12px 20px;
}

.row:has(.input, .textarea) {
  margin-bottom: 20px;
  position: relative;
}

.generic-error {
  color: red;
  margin-bottom: 10px;
  font-size: 12px;
}

.modal .field-error {
  position: absolute;
  color: red;
  font-size: 12px;
  left: 5px;
}

.modal .field-error.down {
  top: 100%;
}

.modal .field-error.up {
  bottom: 100%;
}

.captcha-label {
  margin-bottom: 10px;
  display: block;
}

.input.file {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  line-height: 26px;
}

.upload-file.changed input[type="text"] {
  opacity: 0;
}

.upload-file.changed input[type="file"] {
  opacity: 1;
}

.input.file::file-selector-button {
  display: none;
  opacity: 0;
}

.input.file::-webkit-input-placeholder {
  cursor: pointer;
}

.input.file::-moz-placeholder {
  cursor: pointer;
}

.input.file:-ms-input-placeholder {
  cursor: pointer;
}

.input.file::-ms-input-placeholder {
  cursor: pointer;
}

.input.file::placeholder {
  cursor: pointer;
}

.input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input.last {
  margin-bottom: 30px;
}

.textarea {
  padding: 12px 0;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid rgb(207, 207, 207);
  background-color: #ffffff;
}

.textarea textarea {
  padding: 0 20px;
  min-height: 96px;
  height: 100%;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  background-color: #ffffff;
  color: #1e2125;
  width: 100%;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  border: none;
}

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

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

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

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

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

.textarea.custom {
  min-height: 205px;
}

.textarea.custom textarea {
  min-height: 182px;
}

.input-label {
  margin-bottom: 20px;
  position: relative;
}

.input-label:last-child {
  margin-bottom: 0;
}

.input-label.custom .input:last-child {
  margin-top: 10px;
}

.input-label__group {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  max-width: 225px;
}

.input-label input {
  margin-bottom: 0;
}

.input-label label,
.field-label.second {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2125;
}

.input-label p {
  font-size: 14px;
  margin-bottom: 14px;
}

.input-label .drop-menu {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-left: 0;
  width: 100%;
  max-height: 40px;
}

.input-label .select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px !important;
}

.input-label .select .text {
  width: 100%;
}

.input-label .options {
  max-height: 120px;
}

.input-label .option {
  padding: 10px 18px;
}

.file-control {
  position: relative;
}

.file-control .button {
  position: absolute;
  left: 5px;
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  background-color: #1c2af1;
  color: #fff;
  padding: 0px 10px;
}

.form .file {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

.input-label .field-error {
  position: absolute;
  top: 100%;
  left: 10px;
  color: red;
  font-size: 12px;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 6;
  background-color: transparent;
  border-radius: 5px;
}

.checkbox.right {
  position: absolute;
  top: 10px;
  right: 10px;
}

.checkbox.for-round {
  top: 0;
  left: 0;
}

.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox input+label,
.item-control .toggle-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100% !important;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.checkbox input+label::before,
.item-control .toggle-button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid rgb(207, 207, 207);
  border-radius: 5px;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  background-image: url("../images/done.svg");
  background-size: 0;
  cursor: pointer;
  z-index: 10;
}

.checkbox input:checked+label::before,
.item-control .toggle-button.active::before {
  border-color: #de1c75;
  background-size: 10px;
  background: #de1c75 url("../images/done.svg") no-repeat center;
  z-index: 10;
}

.label-checkboxes {
  margin-bottom: 15px;
}

.label-checkboxes label {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 700;
  color: #1e2125;
}

.label-checkboxes__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [9];
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: 20px;
}

.label-checkboxes__list .checkbox {
  margin-bottom: 10px;
}

.label-checkboxes__list .checkbox input+label {
  margin: 0;
}

.upload-select {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 7px 22px;
  background-color: #1c2af1;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  -webkit-transition: color 0.2s ease, border 0.3s ease,
    background-color 0.2s ease;
  -o-transition: color 0.2s ease, border 0.3s ease, background-color 0.2s ease;
  transition: color 0.2s ease, border 0.3s ease, background-color 0.2s ease;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.upload-file {
  position: relative;
}

.upload-file .input {
  margin-bottom: 0;
}

.radio-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.radio-rows .radio-row {
  margin-bottom: 0;
  margin-right: 50px;
}

.radio-rows .radio-row:last-child {
  margin-right: 0;
}

.radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row.disabled .radio-row__label {
  cursor: default;
  opacity: 0.3;
}

.radio-row.disabled p {
  visibility: visible;
  opacity: 1;
}

.radio-row.disabled:hover {
  color: #737373;
}

.radio-row.large-size {
  max-width: none;
}

.radio-row.large-size .radio-row__label {
  width: 100%;
  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;
  padding: 25px 20px 25px 55px;
  background-color: #f7f8f9;
  border-radius: 15px;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.radio-row.large-size .radio-row__label span {
  margin-right: 30px;
  color: #1c2af1;
  font-size: 26px;
  font-weight: 800;
}

.radio-row.large-size .radio-row__label span i {
  font-size: 20px;
  font-weight: 500;
  color: #1c2af1;
}

.radio-row.large-size .radio-row__label span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  color: #737373;
}

.radio-row.large-size .radio-row__label span:last-child {
  margin-right: 0;
}

.radio-row.large-size .radio-row__label::before,
.radio-row.large-size .radio-row__label::after {
  content: "";
  margin-left: 20px;
}

.radio-row.large-size .radio-row__input:checked+label {
  background-color: #de1c75;
  cursor: default;
}

.radio-row.large-size .radio-row__input:checked+label span {
  color: #ffffff;
}

.radio-row.large-size .radio-row__input:checked+label span i {
  color: #ffffff;
}

.radio-row.large-size .radio-row__input:checked+label::before {
  content: "";
  border-color: #ffffff;
}

.radio-row.with-pic .radio-row__label {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 10px;
}

.radio-row.with-pic .radio-row__label img:first-child {
  margin-left: 5px;
}

.radio-row p {
  margin-left: 25px;
  font-size: 12px;
  font-weight: 400;
  color: #d5224d;
  visibility: hidden;
  opacity: 0;
}

.radio-row:last-child {
  margin-bottom: 0;
}

.radio-row:hover {
  color: #1e2125;
}

.radio-row__label {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row__label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #696b71;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  -o-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-color: #de1c75;
}

.radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.radio-row__input:checked+label:before {
  background-color: #ffffff;
  border: 2px solid #de1c75;
}

.radio-row__input:checked+label:after {
  opacity: 1;
}

.radio-label {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #737373;
}

form .drop-menu.active .drop-menu__select {
  border: 1px solid #de1c75;
}

form .drop-menu__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  border: 1px solid rgb(207, 207, 207);
  border-radius: 15px;
}

form .drop-menu__select .text {
  font-weight: 500;
}

form .drop-menu__select::after {
  content: "";
  border-radius: 10px;
}

form .drop-menu__option {
  height: 40px;
}

.block-new-comment {
  position: relative;
}

.block-new-comment .generic-error {
  position: absolute;
  bottom: calc(100% + 3px);
  color: red;
  font-size: 15px;
  left: 10px;
}

.add-comment .row {
  margin-bottom: 20px;
  position: relative;
}

.add-comment .row:has(.form__input) {
  margin-bottom: 10px;
}

.add-comment .field-error {
  position: absolute;
  top: 100%;
  left: 10px;
  color: red;
  font-size: 12px;
}

.add-comment .field-error.up {
  top: auto;
  bottom: 100%;
}

.add-comment__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.add-comment__head .button {
  margin-left: 20px;
}

.add-comment .title {
  color: #1e2125;
  margin-bottom: 0;
}

.captcha-control>div {
  position: relative;
  margin-bottom: 20px;
}

.block-comments .block-new-comment:not(.blog) {
  display: none;
}

.form {
  width: 100%;
}

.form.custom {
  max-width: 1030px;
}

.form__input,
.form__textarea {
  display: block;
  padding: 10px 20px;
  width: 100%;
  border-radius: 15px;
  color: #1e2125;
  background-color: #ffffff;
  border: 1px solid rgb(207, 207, 207);
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
  color: rgb(115, 115, 115);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
  color: rgb(115, 115, 115);
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
  color: rgb(115, 115, 115);
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder {
  color: rgb(115, 115, 115);
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::placeholder,
.form__textarea::placeholder {
  color: rgb(115, 115, 115);
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input {
  height: 40px;
  max-width: 500px;
}

.form__textarea {
  display: inline-block;
  min-height: 100px;
  width: 100%;
  height: 100%;
}

.form__button {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 15px;
  color: #ffffff;
  font-weight: 500;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
}

form .list-selector-popup {
  position: absolute;
  width: 100%;
  height: 160px;
  left: 0;
  bottom: 52px;
  border-radius: 5px;
  -webkit-box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  z-index: 1;
  background-color: #ffffff;
}

form .list-selector-popup:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 9px;
  background-color: #f7f8f9;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
}

form .list-selector-popup:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f7f8f9;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  bottom: -5px;
  z-index: 1;
}

form .list-selector-popup .button-group {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 30px;
  right: 8px;
}

form .list-selector-popup .button-group {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 30px;
  right: 8px;
}

form .list-selector-popup .button-group .item {
  display: inline-block;
  width: 31%;
  padding: 3px 0 10px;
  vertical-align: top;
}

@media screen and (max-width: 420px) {
  form .list-selector-popup .button-group .item {
    width: 45%;
  }
}

form .list-selector-popup .filter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f7f8f9;
  border: none;
}

form .list-selector-popup .filter input {
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  border: none;
  background: #f7f8f9;
  font-weight: 400;
  line-height: 14px;
}

.chat .title a {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat a.user-logo img {
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.chat a.user-logo .icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  height: 100%;
  margin: 0 -20px;
}

.chat-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-head .title {
  margin: 0;
  white-space: nowrap;
  line-height: 1;
}

.chat-head .title:last-child {
  margin-left: 5px;
}

.chat-head a {
  display: inline-block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-left: 20px;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat-head .user-logo {
  margin-right: 10px;
}

.chat-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-title {
  margin-bottom: 10px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-title .mark {
  margin-left: 20px;
  color: #de1c75;
  max-width: 450px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chat-list {
  z-index: 3;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 310px;
}

.chat-list__wrap {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.chat-list__holder {
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  max-height: 680px;
  height: 100%;
}

.chat-list__holder::-webkit-scrollbar {
  width: 3px;
}

.chat-list__holder::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-list__holder::-moz-scrollbar {
  width: 3px;
}

.chat-list__holder::-moz-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-list__holder::-ms-scrollbar {
  width: 3px;
}

.chat-list__holder::-ms-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages {
  width: 100%;
}

.chat-messages__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid rgb(207, 207, 207);
}

.chat-messages__head .chat-title {
  margin-bottom: 0;
}

.chat-messages__head-back {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  padding: 10px 20px;
  margin: 0 20px 0 0;
  background-color: #ffffff;
  border-radius: 15px;
}

.chat-messages__head-back .icon {
  width: 10px;
  height: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  max-width: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.chat-messages__head-back .text {
  font-size: 14px;
  font-weight: 600;
}

.chat-messages__head-user {
  padding: 7px 25px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #1e2125;
}

.chat-messages__head-user .dialog {
  margin-right: 5px;
}

.chat-messages__head-user .dialog-name {
  color: #ff7d00;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-messages__head-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  color: #1e2125;
}

.chat-messages__head-buttons .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  background-color: #414141;
  border-radius: 5px;
  margin-left: 5px;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-size: 14px;
}

.chat-messages__head-buttons .button:hover {
  background-color: #ff7d00;
}

.chat-messages__head-buttons .button:first-child {
  margin-left: 0px;
}

.chat-messages__head-buttons .button .icon {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  max-width: 16px;
  margin-right: 5px;
}

.chat-messages__head-settings {
  position: relative;
}

.chat-messages__head-dots {
  display: none;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 2px;
  width: 20px;
  height: 18px;
  cursor: pointer;
}

.chat-messages__head-dots span {
  height: 5px;
  width: 5px;
  background-color: #b3b3b3;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.chat-messages__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 510px;
  height: 100%;
}

.chat-messages__content::-webkit-scrollbar {
  width: 3px;
}

.chat-messages__content::-webkit-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content::-moz-scrollbar {
  width: 3px;
}

.chat-messages__content::-moz-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content::-ms-scrollbar {
  width: 3px;
}

.chat-messages__content::-ms-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px 0 0;
  margin-bottom: 30px;
}

.chat-messages__content .message:first-child {
  padding-top: 20px;
}

.chat-messages__content .message-icon {
  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: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.chat-messages__content .message-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
  fill: #737373;
  z-index: 1;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-messages__content .message-icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.chat-messages__content .message-info {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.chat-messages__content .message-info__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.chat-messages__content .message-info__name {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #1e2125;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chat-messages__content .message-info__text {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  max-width: 70%;
  font-size: 14px;
  font-weight: 500;
  color: #1e2125;
}

.chat-messages__content .message-info__date {
  margin-left: 15px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-messages__content .message-info__date .icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  max-width: 14px;
  fill: #737373;
}

.chat-messages__content .message-info__date .text {
  font-size: 12px;
  color: #737373;
}

.chat-messages__content .message.reverse {
  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;
  padding: 0 20px 0 0;
}

.chat-messages__content .message.reverse .message-icon {
  margin-right: 0px;
  margin-left: 10px;
}

.chat-messages__content .message.reverse .message-info {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chat-messages__content .message.reverse .message-info__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-messages__content .bottom {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.chat-messages__form {
  width: 100%;
  padding: 20px 0 0 0;
  background-color: transparent;
  border-top: 1px solid rgb(207, 207, 207);
}

.chat-messages__form .form__wrapper {
  width: 100%;
  padding: 10px 0;
  background-color: #ffffff;
  border-radius: 10px;
  /* overflow: hidden; */
  margin-bottom: 20px;
  border: 1px solid rgb(207, 207, 207);
  position: relative;
}

.field-error {
  color: red;
  left: 0;
  position: absolute;
  bottom: calc(100% + 1px);
  font-size: 12px;
}

.field-error.down {
  top: calc(100% + 1px);
  bottom: auto;
}

.chat-messages__form .form__input {
  padding: 0 20px;
  max-width: 1920px;
  width: 100%;
  height: 70px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #1e2125;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  margin-bottom: 0;
  border: none;
}

.chat-messages__form .form__input::-webkit-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-moz-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -moz-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input:-ms-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-ms-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-webkit-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__input::-moz-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-moz-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__input::-ms-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-ms-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__submit {
  padding: 11px 32px;
  background-color: #de1c75;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #1e2125;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.2s linear,
    -webkit-box-shadow 0.2s linear;
  transition: background-color 0.2s linear, -webkit-box-shadow 0.2s linear;
  -o-transition: background-color 0.2s linear, box-shadow 0.2s linear;
  transition: background-color 0.2s linear, box-shadow 0.2s linear;
  transition: background-color 0.2s linear, box-shadow 0.2s linear,
    -webkit-box-shadow 0.2s linear;
}

.chat-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear, color 0.1s linear;
  -o-transition: background-color 0.2s linear, color 0.1s linear;
  transition: background-color 0.2s linear, color 0.1s linear;
}

.chat-item__wrapper.active {
  cursor: default;
}

.chat-item__wrapper.active,
.chat-item__wrapper.active-mob {
  background-color: #f7f8f9;
}

.chat-item__icon {
  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: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #f7f8f9;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.chat-item__icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
  fill: #737373;
  z-index: 1;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-item__icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.chat-item__info {
  width: 100%;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  line-height: 1.3;
  color: #9f92a6;
}

.chat-item__head {
  max-width: 200px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.chat-item__text {
  max-width: 200px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #1e2125;
}

.chat-item__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
  color: #6d6d86;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.chat-item__date .icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  max-width: 14px;
}

.chat-item__date .text {
  font-size: 12px;
  font-weight: 500;
}

.chat-item__name {
  max-width: 140px;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.user-logo {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  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;
  background-color: #1e2125;
}

.user-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.user-logo .icon {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
}

.rating-container {
  position: relative;
}

.rating-container .voters {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
}

.static_page .text {
  margin-bottom: 10px;
}

.static_page ul,
.static_page ol {
  padding-left: 30px;
}

.static_page ul,
.static_page ol,
.static_page li {
  list-style: disc;
}

.static_page li {
  font: inherit;
  margin-bottom: 10px;
}

.static_page li:last-child {
  margin-bottom: 0;
}

.static_page .title.small {
  margin-top: 25px;
}

.static_page a {
  font: inherit;
  color: #1c2af1;
  transition: color 0.33s;
}

.page-error {
  padding-top: 70px;
  padding-bottom: 50px;
  color: #1e2125;
  font-size: 24px;
  text-align: center;
  margin-bottom: 65px;
}

@media (any-hover: hover) {
  .static_page a:hover {
    color: #de1c75;
  }
}

@media (min-width: 1024px) {
  .chat-messages__head-user .dialog-name:hover {
    color: #1e2125;
  }

  .chat-messages__head-dots:hover span {
    background-color: #ff7d00;
  }
}

.radio-flex {
  display: flex;
  align-items: center;
  gap: 0 5px;
  margin-bottom: 10px;
}

.radio-flex:last-child {
  margin-bottom: 0;
}

.hidden {
  display: none;
}

.card_provider_item {
  display: none;
}

.card_provider_item.last {
  margin-bottom: 0;
}

.upgrade-access {
  position: relative;
}

.upgrade-access .generic-error {
  position: absolute;
  font-size: 13px;
  top: 20px;
  left: 50%;
  translate: -50% 0;
}

.upgrade-access:has(#pay-0:checked) .card_provider_item[data-provider="pay-0"] {
  display: flex;
}

.upgrade-access:has(#pay-1:checked) .card_provider_item[data-provider="pay-1"] {
  display: flex;
}

.upgrade-access:has(#pay-2:checked) .card_provider_item[data-provider="pay-2"] {
  display: flex;
}

.upgrade-access:has(#pay-3:checked) .card_provider_item[data-provider="pay-3"] {
  display: flex;
}

.upgrade-access .submit {
  pointer-events: none;
}

.upgrade-access:has(.card_provider_item input:checked) .submit {
  pointer-events: auto;
}

.load-more {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subscription-checkbox .item-control-holder {
  display: flex;
  align-items: center;
}

.subscription-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
  padding: 10px;
}

.subscription-item .title {
  width: fit-content;
  font-size: 18px;
  color: #1e2125;
  transition: color .3s;
}

@media (min-width: 1025px) {
  .page-wrapper__item {
    max-height: calc(var(--app-height) - (var(--header-height) + 30px) - 30px);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .page-wrapper__item::-webkit-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-webkit-scrollbar-track {
    background-color: #ededed;
    margin: 20px 0;
  }

  .page-wrapper__item::-webkit-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .page-wrapper__item::-moz-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-moz-scrollbar-track {
    background-color: transparent;
  }

  .page-wrapper__item::-moz-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .page-wrapper__item::-ms-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-ms-scrollbar-track {
    background-color: transparent;
  }

  .page-wrapper__item::-ms-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .container {
    max-width: 1310px;
  }

  .tab-titles .title:hover {
    color: #1c2af1;
  }

  .swiper-next.disabled:hover,
  .swiper-prev.disabled:hover {
    color: #fff;
  }

  .swiper-next.disabled:hover .icon,
  .swiper-prev.disabled:hover .icon {
    fill: #737373;
  }

  .swiper-next.disabled:hover:after,
  .swiper-prev.disabled:hover:after {
    width: 50%;
    height: 50%;
    background-color: transparent;
  }

  .swiper-next:hover,
  .swiper-prev:hover {
    color: #fff;
  }

  .swiper-next:hover .icon,
  .swiper-prev:hover .icon {
    fill: #ffffff;
  }

  .swiper-next:hover:after,
  .swiper-prev:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .drop-menu__select:hover::after {
    content: "";
    width: 101%;
    height: 100%;
    background-color: #de1c75;
  }

  .drop-menu__option:hover,
  .drop-menu__option a:hover {
    background-color: #1e2125;
    color: #ffffff;
  }

  .drop.background .drop__select:hover {
    color: #ffffff;
    background-color: #de1c75;
  }

  .drop.active .drop__options {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }

  .drop__select:hover {
    color: #de1c75;
  }

  .drop__options {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
  }

  .drop__option:hover {
    background-color: #1e2125;
    color: #de1c75;
  }

  .button.large-size:hover {
    color: #fff;
    background-color: #de1c75;
  }

  .button.is-violet:hover {
    background-color: #de1c75;
  }

  .button.with-transparent:hover {
    color: #de1c75;
    background-color: transparent;
  }

  .button.with-transparent:hover span {
    color: #de1c75;
  }

  .button.with-transparent:hover .icon {
    fill: #de1c75;
  }

  .button.with-transparent:hover:after {
    width: 50%;
    height: 50%;
    background-color: transparent;
  }

  .button.is-red:hover {
    background-color: #de1c75;
  }

  .button.is-red:hover:after {
    background-color: #1c2af1;
  }

  .button:hover {
    color: #fff;
    background-color: #ffffff;
  }

  .button:hover span {
    color: #fff;
  }

  .button:hover .icon {
    fill: #ffffff;
  }

  input.button:hover {
    background-color: #de1c75;
  }

  input.button.is-red:hover {
    background-color: #1c2af1;
  }

  .button:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .button.pink:hover:after {
    background-color: #fff;
  }

  .card.vertical-screen .card-body:hover::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    border: 4px solid #de1c75;
  }

  .card.round .card-info__text:hover {
    color: #de1c75;
  }

  .card.round .card-info__text:hover span {
    color: #de1c75;
  }

  .card.round:hover .card-body img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  .card .logo:hover {
    background-color: #de1c75;
  }

  .card .logo:hover .icon {
    fill: #ffffff;
  }

  .card .logo:hover::before {
    content: "";
    border: 2px solid #de1c75;
  }

  .card>a:hover .like-btn {
    top: 10px;
    left: 10px;
  }

  .card>a:hover .time-btn {
    top: 10px;
    left: 45px;
  }

  .card:hover .card-body img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.05) rotate(-1deg);
    -ms-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
  }

  .card:hover .card-body__aside {
    padding: 15px 30px;
  }

  .card-body__button:hover {
    background-color: #de1c75;
  }

  .card-body__button:hover .icon {
    fill: #ffffff;
  }

  .card-info__name:hover {
    color: #de1c75;
  }

  .card-info__name:hover * {
    color: #de1c75;
  }

  .card-info__text.hover-effect:hover {
    color: #de1c75;
  }

  .items.custom-items {
    max-width: 200px;
  }

  .logo.large:hover {
    background-color: #19b500;
  }

  .logo.large:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .logo.large:hover .icon {
    fill: #ffffff;
  }

  .logo.large:hover::before {
    content: "";
    border: 4px solid #19b500;
  }

  .logo.x-large:hover {
    background-color: #ededed;
  }

  .logo.x-large:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .logo.x-large:hover .icon {
    fill: #737373;
  }

  .logo.x-large:hover::before {
    content: "";
    border: 4px solid transparent;
  }

  .logo:hover {
    background-color: #19b500;
  }

  .logo:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .logo:hover .icon {
    fill: #ffffff;
  }

  .logo:hover::before {
    content: "";
    border: 2px solid #19b500;
  }

  .logo:hover .logo-border {
    -webkit-animation: moveAround 1s infinite linear forwards;
    animation: moveAround 1s infinite linear forwards;
  }

  .logo:hover .logo-border div {
    -webkit-animation: visibilityItem 1s infinite linear;
    animation: visibilityItem 1s infinite linear;
  }

  .link:hover {
    color: #19b500;
  }

  .aside-block__list a:hover i:first-child {
    color: #de1c75;
  }

  .aside-block__list a:hover i:last-child {
    color: #1e2125;
  }

  .aside-block__list a:hover:after {
    width: 100%;
    background-color: #f7f8f9;
  }

  .graphics-button:hover span {
    color: #1c2af1;
  }

  .nav-list__link:hover {
    color: #de1c75;
  }

  .nav-list__link:hover::before {
    content: "";
    bottom: 0px;
    width: 100%;
  }

  .top-line a:hover {
    color: #1c2af1;
  }

  .top-line a:hover span {
    background-color: #1c2af1;
  }

  .search input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .search input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::placeholder {
    color: #1e2125;
  }

  .search button:hover .icon {
    fill: #19b500;
  }

  .cabinet:hover .cabinet__open-btn .cabinet__name .text {
    color: #de1c75;
  }

  .cabinet:hover .cabinet__open-btn .cabinet__name .icon {
    fill: #de1c75;
  }

  .cabinet:hover .cabinet__open-btn .logo:before {
    border-color: transparent;
  }

  .cabinet:hover .cabinet__open-btn .logo img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
  }

  .cabinet-drop {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }

  .burger-button:hover span {
    background-color: #de1c75;
  }

  .footer-nav ul li a:hover {
    color: #de1c75;
  }

  .footer-nav ul li a:hover::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40%;
    height: 1px;
    background-color: #de1c75;
  }

  .player .button:hover .text {
    color: #ffffff;
  }

  .player .button:hover .icon {
    fill: #ffffff;
  }

  .player .button.pink:hover .icon {
    fill: #000;
  }

  .player .drop-menu.custom .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .player .drop-menu.custom .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .player .drop-menu.custom.active .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .player .drop-menu.custom.active .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .player-cover:hover .player-cover__button {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .player-cover:hover .player-cover__button .icon {
    fill: #ffffff;
    opacity: 1;
  }

  .tag-links__item:hover .info-popup {
    top: 40%;
    left: 20px;
    opacity: 1;
    visibility: visible;
  }

  .tag-links__item:hover .part {
    border: 2px solid #de1c75;
  }

  .tag-links__item:hover .video-links__link {
    background-color: #191929;
    color: #ffffff;
  }

  .tag-links__link .part:hover {
    border: 2px solid #de1c75;
  }

  .tab-button.active:hover .icon {
    fill: #ffffff;
  }

  .tab-button.active:hover .text {
    color: #ffffff;
  }

  .tab-button.active:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .screens-link:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
  }

  .comment-icon:hover .icon {
    fill: #de1c75;
  }

  .comment-icon:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .comment-other__name:hover {
    color: #de1c75;
  }

  .report-row:hover {
    color: #ffffff;
  }

  .report-row:hover .label-report {
    color: #de1c75;
  }

  .report-message__tetarea:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::-moz-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::placeholder {
    color: #1e2125;
  }

  .pagination-link.active:hover,
  .pagination a.active:hover {
    color: #fff;
  }

  .pagination-link.active:hover:after,
  .pagination a.active:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .pagination-link.first-pager:hover,
  .pagination a.first-pager:hover {
    color: white;
  }

  .pagination-link.first-pager:hover .icon,
  .pagination a.first-pager:hover .icon {
    fill: #ffffff;
  }

  .pagination-link.last-pager:hover,
  .pagination a.last-pager:hover {
    color: white;
  }

  .pagination-link.last-pager:hover .icon,
  .pagination a.last-pager:hover .icon {
    fill: #ffffff;
  }

  .pagination-link:hover,
  .pagination a:hover {
    color: #fff;
  }

  .pagination-link:hover:after,
  .pagination a:hover:after {
    width: 100%;
    height: 100%;
    background-color: #737373;
  }

  .pagination-link:hover,
  .pagination a:hover {
    color: white;
  }

  .pagination-link:hover .icon,
  .pagination a:hover .icon {
    fill: #ffffff;
  }

  .links-item__link:hover::after {
    content: "";
    background-color: #ffffff;
  }

  .links-item__link:hover span:first-child {
    color: #de1c75;
  }

  .links-item__link:hover span:last-child {
    color: #1e2125;
  }

  .info.profile .logo.large:hover {
    background-color: #19b500;
  }

  .info.profile .logo.large:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .info.profile .logo.large:hover .icon {
    fill: #ffffff;
  }

  .info.profile .logo.large:hover::before {
    content: "";
    border: 4px solid #19b500;
  }

  .modal.for-player .player-cover:hover .player-cover__button {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal.for-player .player-cover:hover .player-cover__button .icon {
    fill: #ffffff;
    opacity: 0.8;
  }

  .modal .logo:hover {
    background-color: #ededed;
  }

  .modal .logo:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .modal .logo:hover .icon {
    fill: #737373;
  }

  .modal .logo:hover::before {
    content: "";
    border: 2px solid transparent;
  }

  .modal .close-btn:hover .icon {
    fill: red;
  }

  .modal-aside .card:hover .card-body img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .modal-wrapper.color-modal .close-modal:hover .icon {
    fill: #de1c75;
  }

  .modal-link:hover {
    color: #1e2125;
  }

  .modal-text a:hover {
    color: #1e2125;
  }

  .close-btn:hover .icon {
    fill: #de1c75;
  }

  .tabs-buttons .title:hover {
    color: #1c2af1;
  }

  .upload-file:hover .upload-select {
    color: #ffffff !important;
    background-color: #de1c75 !important;
  }

  .upload-file:hover .input::-webkit-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-moz-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input:-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::placeholder {
    color: #1e2125;
  }

  .upload-content .radio-row__label:hover {
    color: #737373;
  }

  .upload-content__column .card:hover .card-body img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
  }

  .upload-list .text a:hover {
    color: #de1c75;
  }

  .input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .input:hover::placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-webkit-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-moz-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea:-ms-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-ms-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::placeholder {
    color: #1e2125;
  }

  .checkbox input+label:hover {
    color: #1e2125;
  }

  .checkbox input+label:hover:before {
    border: 1px solid #de1c75;
  }

  .upload-file:hover .upload-select {
    color: #ffffff;
    background-color: #de1c75;
  }

  .upload-file:hover .input::-webkit-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-moz-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input:-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::placeholder {
    color: #1e2125;
  }

  .radio-row.large-size:hover .radio-row__label {
    background-color: #de1c75;
  }

  .radio-row.large-size:hover .radio-row__label span {
    color: #ffffff;
  }

  .radio-row.large-size:hover .radio-row__label span i {
    color: #ffffff;
  }

  .radio-row.large-size:hover .radio-row__label::before {
    content: "";
    border-color: #ffffff;
  }

  form .drop-menu__select:hover {
    border: 1px solid #de1c75;
  }

  .form__input:hover::-webkit-input-placeholder,
  .form__textarea:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::-moz-placeholder,
  .form__textarea:hover::-moz-placeholder {
    color: #1e2125;
  }

  .form__input:hover:-ms-input-placeholder,
  .form__textarea:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::-ms-input-placeholder,
  .form__textarea:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::placeholder,
  .form__textarea:hover::placeholder {
    color: #1e2125;
  }

  .form__button:hover {
    background-color: #ffffff;
    color: #1e2125;
    border: 1px solid #de1c75;
  }

  .chat .title a:hover {
    color: #ffffff;
  }

  .chat a.user-logo:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat a.user-logo:hover .icon {
    fill: #de1c75;
  }

  .chat-head a:hover {
    color: #de1c75;
  }

  .chat-messages__content .message-icon:hover .icon {
    fill: red;
  }

  .chat-messages__content .message-icon:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat-messages__content .message-info__name:hover {
    color: #de1c75;
  }

  .chat-messages__form .form__input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__submit:hover {
    background-color: #1e2125;
    color: black;
    -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
  }

  .chat-item__wrapper:hover {
    background-color: #f7f8f9;
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__info {
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__name {
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__date {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover {
    background-color: #f7f8f9;
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__info {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__name {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__date {
    color: #6d6d86;
  }

  .chat-item__wrapper.active .chat-item__name:hover,
  .chat-item__wrapper.active-mob .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.7);
  }

  .chat-item__icon:hover .icon {
    fill: #de1c75;
  }

  .chat-item__icon:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat-item__name:hover {
    color: #de1c75 !important;
  }

  .subscription-item .title:hover {
    color: #de1c75;
  }
}

@media (min-width: 1025px) and (min-width: 1025px) {
  .chat-item__wrapper:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }

  .chat-item__wrapper.active:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

@media (max-width: 1900px) {
  .player-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tab-buttons {
    width: 100%;
  }
}

@media (max-width: 1820px) {
  .section-bottom .pagination {
    margin-bottom: 20px;
  }

  .section-bottom {
    -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;
  }

  .section-bottom__buttons {
    margin-left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
  }

  .advertisement-item:last-child {
    display: none;
  }

  .player-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .player-buttons__column {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .player-buttons__column:last-child {
    margin-bottom: 0;
  }

  .player-buttons__column.order-one {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .player-buttons__column.order-two {
    width: 100%;
    max-width: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .player-buttons__column.order-three {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .tab-button {
    max-width: none;
  }

  .links-list {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .upload-content__column .upload-text {
    padding-left: 0;
  }
}

@media (max-width: 1820px) and (max-width: 500px) {
  .player-buttons__column.order-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .player-buttons__column.order-three .drop-menu {
    margin: 0 0 5px 0;
  }
}

@media (max-width: 1800px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1700px) {
  .graphics {
    -ms-grid-columns: none;
    grid-template-columns: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .graphics-item__body.custom {
    display: block;
  }

  .block-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
  }

  .block-info__line {
    display: none;
  }
}

@media (max-width: 1600px) {
  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [7];
    grid-template-columns: repeat(7, 1fr);
  }

  .chat-list__holder {
    max-height: 550px;
  }

  .chat-messages__content {
    max-height: 382px;
  }
}

@media (max-width: 1550px) {
  .nav-list__link {
    padding: 15px;
  }

  .search {
    max-width: 300px;
  }

  .links-list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .info-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 1520px) {
  .advertisement-item:nth-child(3) {
    display: none;
  }
}

@media (max-width: 1500px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .cabinet {
    margin-left: 20px;
  }

  .tab-buttons.custom .tab-button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .screens {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1450px) {
  .user.custom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .user.custom .logo {
    margin-right: 10px;
    margin-left: 0;
  }

  .user.custom .user-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .tab-content__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .pagination-link.first-pager .icon,
  .pagination a.first-pager .icon {
    margin-right: 0px;
  }

  .pagination-link.first-pager,
  .pagination a.first-pager {
    width: 50px !important;
    font-size: 0px;
    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;
  }

  .pagination-link.last-pager .icon,
  .pagination a.last-pager .icon {
    margin-left: 0px;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    width: 50px !important;
    font-size: 0px;
    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;
  }

  .links-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .upload-content__columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 30px;
  }

  .upload-content__columns.mobile-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .upload-content__column:last-child {
    padding-left: 0;
  }
}

@media (max-width: 1400px) {
  .info-column__head.custom-desktop {
    -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;
  }

  .info-column__head.custom-desktop .buttons {
    margin-top: 15px;
    margin-left: 0;
  }

  .info-column__head.custom-desktop .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1350px) {
  .info.without-padding .info-column__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
  }

  .info-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .info-buttons {
    -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: end;
    min-width: 200px;
  }

  .info-buttons .double-btn:last-child,
  .info-buttons .button:last-child,
  .info-buttons .drop:last-child {
    margin-bottom: 0;
  }

  .info-buttons .double-btn,
  /* .info-buttons .button, */
  .info-buttons .drop {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 1300px) {
  .player-banner .desktop {
    display: none;
  }

  .player-banner .mobile {
    display: block;
  }

  .tab-button .text {
    display: none;
  }
}

@media (max-width: 1280px) {
  .pagination li {
    padding: 0px;
  }

  .pagination li:first-child {
    padding-right: 20px;
  }

  .pagination li:last-child {
    padding-left: 20px;
  }

  .pagination-link.first-pager,
  .pagination a.first-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link,
  .pagination a {
    padding: 14px;
  }

  .pagination-link,
  .pagination a {
    display: none;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1250px) {
  .search {
    max-width: 200px;
  }

  .links-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .info.without-padding {
    padding: 30px;
    width: 100%;
    margin: 0;
  }

  .info.without-padding .info-column:last-child {
    padding: 0;
  }

  .info.without-padding .info-column__head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .info.without-padding .info-column__head:first-child {
    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;
  }

  .info.profile .info-column:first-child {
    margin-right: 0;
    margin-bottom: 0;
    max-height: none;
    padding-bottom: 0;
    max-width: none;
  }

  .info {
    -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;
    margin: 0 -10px;
    padding: 30px 10px 20px 10px;
  }

  .info-column:first-child {
    margin-right: 0;
    margin-bottom: 20px;
    max-height: 560px;
    padding-bottom: 560px;
    max-width: 400px;
  }
}

@media (max-width: 1220px) {
  .advertisement-items {
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advertisement-item:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1200px) {
  .cards.four-cards.for-round {
    grid-column-gap: 10px;
  }

  .buttons.min-gap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .buttons.min-gap .balance {
    margin: 0 auto 10px auto;
    max-width: inherit;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .card.round.min {
    max-width: 140px;
    padding: 0 10px;
  }

  .card.round.min .card-bottom {
    min-width: 120px;
  }

  .card.round.min .card-body {
    width: 120px;
    height: 120px;
    padding-bottom: 120px;
  }

  .card.round {
    max-width: 180px;
    padding: 0 10px;
  }

  .card.round .card-bottom {
    min-width: 180px;
  }

  .card.round .card-body {
    width: 160px;
    height: 160px;
    padding-bottom: 160px;
  }

  .card.round .card-info__text {
    min-width: 160px;
    max-width: 160px;
  }

  .card.round .card-info__text .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .filter-section__body .input-label {
    width: 100%;
    margin-right: 0;
  }

  .filter-section__body .input-label.age-filter {
    /* margin-right: 10px; */
  }

  .graphics-item__head .title {
    font-size: 20px;
    font-weight: 800;
  }

  .block-info__title .icon {
    width: 20px;
    height: 20px;
    max-width: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
  }

  .block-info__title {
    font-size: 20px;
  }

  .block-info__title span {
    font-size: 20px;
  }

  .block-info__title.custom {
    font-size: 20px;
  }

  .block-info__title.custom span {
    font-size: 20px;
  }

  .block-info__title.custom .lines {
    width: 10px;
    height: 6px;
  }

  .block-info__title.custom .lines::before {
    content: "";
    height: 2px;
  }

  .block-info__title.custom .lines::after {
    content: "";
    height: 2px;
  }

  .info-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .upload-progress__name {
    max-width: 230px;
  }

  .chat-messages__head-buttons {
    position: absolute;
    top: calc(100% + 5px);
    right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 20px 0 20px 20px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }

  .chat-messages__head-buttons.show {
    opacity: 1;
    visibility: visible;
  }

  .chat-messages__head-buttons .button {
    border-radius: 0px;
    margin-left: 0px;
    padding: 15px 20px;
    width: 100%;
  }

  .chat-messages__head-dots {
    display: -ms-grid;
    display: grid;
  }

  .page-error {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1100px) {
  .drop {
    margin-right: 15px;
  }
}

@media (max-width: 1024px) {
  .main {
    margin-top: calc(var(--header-height) + 20px);
  }

  .section {
    margin-bottom: 40px;
  }

  .section.custom-margin {
    margin-bottom: 20px;
  }

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

  .page-wrapper__item {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    max-height: var(--app-height);
    overflow-y: auto;
    margin: 0 !important;
    z-index: 101;
  }

  .cards.four-cards {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .for-desktop {
    display: none !important;
  }

  .for-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .swiper-prev {
    left: -10px;
  }

  .swiper-next {
    right: -10px;
  }

  .advertisement-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
  }

  .advertisement-item:nth-child(2) {
    display: block;
  }

  .drop .drop__options {
    position: static;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-radius: 15px 0px 15px 15px;
  }

  .drop .drop__option {
    background-color: #1e2125;
  }

  .drop.background.active .drop__options {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop.background .drop__select {
    padding: 0 20px;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
  }

  .drop.background .drop__select .img {
    margin-right: 0;
  }

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

  .drop.active .drop__select {
    background-color: transparent;
    color: #de1c75;
  }

  .drop.active .drop__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop.only-icons .drop__select .text {
    display: block;
  }

  .drop.only-icons .drop__options {
    max-width: none;
    padding: 0;
    background-color: #1e2125;
  }

  .drop.only-icons .drop__option {
    padding: 10px 0;
  }

  .drop.only-icons .drop__option .text {
    display: block;
  }

  .drop.only-icons .drop__select,
  .drop.only-icons .drop__option {
    width: 100%;
  }

  .drop {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .drop__select {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .drop__select .img,
  .drop__select .text {
    margin-right: 10px;
  }

  .drop__select .text {
    width: 100%;
    display: block;
    margin: 0 auto 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .drop__options {
    display: none;
    position: static;
    top: auto;
    border-radius: 0;
    overflow: hidden;
    color: #737373;
    opacity: 1;
    visibility: visible;
  }

  .drop__option .img {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }

  .drop__option {
    background-color: #1e2125;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .items.custom-items {
    max-width: 160px;
  }

  .aside {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 0;
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }

  .aside.active {
    width: 100%;
  }

  .aside-wrapper {
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 5px #ededed;
    box-shadow: 1px 1px 5px #ededed;
  }

  .aside-block.last {
    border-bottom: 1px solid #dadada;
  }

  .aside-block.for-mobile {
    display: block !important;
  }

  .filter-section {
    padding: 0;
    margin-bottom: 20px;
    border-radius: 15px;
  }

  .filter-section__head {
    padding: 6px 20px;
  }

  .filter-section__body {
    padding: 0 20px;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
  }

  .filter-section__body .drop-menu {
    min-width: auto;
  }

  .filter-section__body .input-label:first-child {
    margin-right: 10px;
  }

  .filter-section__body .input-label:first-child,
  .filter-section__body .input-label:nth-child(2) {
    max-width: calc(50% - 5px);
  }

  .filter-section__body .input-label__group {
    grid-gap: 10px;
  }

  .filter-section__body .checkbox {
    margin-right: auto;
  }

  .column-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .graphics-item {
    padding: 20px 10px;
  }

  .header {
    background-color: #ffffff;
  }

  .header .top-line {
    display: none;
  }

  .header .nav {
    display: none;
  }

  .header-body {
    padding: 10px 0;
  }

  .header-body__column {
    display: none;
  }

  .header-buttons {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dadada;
  }

  .header-buttons .button {
    max-width: 50%;
    width: 100%;
    margin-right: 10px;
  }

  .header-buttons .button:last-child {
    margin-right: 0;
  }

  .header-buttons.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
  }

  .header-buttons.column .button {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .header-buttons.column .button:last-child {
    margin-bottom: 0;
  }

  .nav {
    background-color: transparent;
  }

  .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 15px 0;
  }

  .nav-list__link {
    padding: 15px 20px;
  }

  .nav-list__link::before {
    content: "";
    display: none;
  }

  .top-line {
    padding: 10px 0;
    margin: 20px 20px 0 20px;
    background-color: transparent;
    border-top: 1px solid #dadada;
  }

  .top-line ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .top-line li {
    margin-right: 0;
  }

  .top-line a {
    padding: 7px 0 7px 10px;
  }

  .search-wrapper {
    position: fixed;
    top: -60px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
    margin-left: 0;
    border-radius: 0;
    background-color: #ffffff;
    z-index: 101;
    -webkit-transition: top 0.3s ease, max-height 0.3s ease;
    -o-transition: top 0.3s ease, max-height 0.3s ease;
    transition: top 0.3s ease, max-height 0.3s ease;
  }

  .search-wrapper.active {
    max-height: var(--header-height);
    top: 0px;
  }

  .search-wrapper .close-btn {
    margin-left: 10px;
    padding: 10px 0 10px 10px;
    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;
  }

  .search-wrapper .close-btn .icon {
    fill: #1e2125;
  }

  .search {
    max-width: none;
    height: 100%;
    margin-right: 0;
  }

  .search input {
    padding: 10px 20px;
  }

  .search button {
    padding: 10px 20px;
  }

  .cabinet {
    padding: 10px 0;
    margin-left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #dadada;
  }

  .cabinet.active .cabinet-drop {
    margin-top: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    padding-top: 0;
  }

  .cabinet__open-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
  }

  .cabinet__icon {
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .cabinet__icon i {
    font-size: 14px;
  }

  .cabinet__name {
    width: 100%;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cabinet-drop {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-height: 0px;
    border-radius: 0;
  }

  .cabinet-drop ul {
    border-radius: 0;
  }

  .cabinet-drop li.custom {
    padding: 10px 30px;
  }

  .cabinet-drop li:last-child {
    margin-bottom: 10px;
  }

  .cabinet-drop a {
    padding: 5px 30px;
  }

  .burger-menu {
    display: block;
  }

  .burger-menu.active {
    width: 100%;
  }

  .burger-button {
    display: block;
    width: 26px;
    height: 24px;
    cursor: pointer;
  }

  .burger-button span {
    -webkit-transition: background-color 0.2s ease, top 0.2s ease,
      bottom 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, top 0.2s ease, bottom 0.2s ease,
      -webkit-transform 0.2s ease;
    -o-transition: background-color 0.2s ease, transform 0.2s ease,
      top 0.2s ease, bottom 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, top 0.2s ease,
      bottom 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, top 0.2s ease,
      bottom 0.2s ease, -webkit-transform 0.2s ease;
    top: calc(50% - 2px);
    left: 0px;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #1e2125;
    border-radius: 20px;
  }

  .burger-button span:first-child {
    top: 0px;
  }

  .burger-button span:last-child {
    top: auto;
    bottom: 0px;
  }

  .burger-button.active span {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .burger-button.active span:first-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: calc(50% - 2px);
  }

  .burger-button.active span:last-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: calc(50% - 2px);
  }

  .tab-buttons.custom {
    margin: 0 -20px;
    width: 100%;
    min-width: calc(100% + 40px);
  }

  .screens {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .pagination li {
    padding: 0px 3px;
  }

  .pagination-link,
  .pagination a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .links-category {
    padding: 0px 10px;
  }

  .links-list {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .links-item__link {
    padding: 10px;
  }

  .info.custom .info-column:first-child {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 0;
  }

  .info.custom .info-column:last-child {
    padding-top: 110px;
    max-width: 100%;
  }

  .info.custom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .info.profile {
    border-radius: 15px 15px 0 0;
    padding: 30px 10px 0px 10px;
  }

  .info.profile .more-text__button {
    margin-bottom: 20px;
  }

  .info-column__head .logo {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .modal .title {
    margin-bottom: 20px;
    padding-right: 30px;
  }

  .modal-layer {
    min-height: auto;
  }

  .modal-wrapper.color-modal .modal-column:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .modal-wrapper.color-modal .modal-column:last-child .titles-list {
    margin-bottom: 0;
    margin-top: 30px;
  }

  .modal-wrapper.color-modal .modal-columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
  }

  .modal-wrapper.color-modal .close-modal .icon {
    fill: #1e2125;
  }

  .modal-wrapper {
    padding: 30px 20px;
  }

  .upload-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
  }

  .upload-head .card {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .upload-progress {
    margin-bottom: 20px;
  }

  .upload-progress__name {
    margin-bottom: 10px;
    position: static;
    max-width: none;
    width: 100%;
  }

  .upload-progress__text {
    font-size: 20px;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }

  .chat {
    margin: 0 -20px;
  }

  .chat.active .chat-messages {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .chat.active .chat-list {
    -webkit-transform: translateX(calc(-100% - 16px));
    -ms-transform: translateX(calc(-100% - 16px));
    transform: translateX(calc(-100% - 16px));
  }

  .chat-wrap {
    min-height: calc(var(--app-height) - 80px);
  }

  .chat-title {
    padding: 0 10px;
  }

  .chat-title .mark {
    max-width: 170px;
    margin-left: 10px;
  }

  .chat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 0px;
    border-right: none;
  }

  .chat-list .title {
    margin-left: 20px;
  }

  .chat-list__wrap {
    border-radius: 0;
  }

  .chat-list__holder {
    max-height: calc(var(--app-height) - var(--header-height) - 100px);
  }

  .chat-messages {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0;
    -webkit-transform: translateX(calc(100% + 16px));
    -ms-transform: translateX(calc(100% + 16px));
    transform: translateX(calc(100% + 16px));
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    z-index: 51;
    background-color: #f7f8f9;
  }

  .chat-messages__head {
    padding: 0 10px 10px 10px;
  }

  .chat-messages__head-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .chat-messages__content {
    max-height: calc(var(--app-height) - 204px);
  }

  .chat-messages__content .message {
    margin-bottom: 30px;
    padding: 0 12px;
  }

  .chat-messages__content .message.reverse {
    padding: 0 12px;
  }

  .chat-messages__form {
    padding: 0;
    position: relative;
    border-top: none;
  }

  .chat-messages__form .form__wrapper {
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 0 10px 0;
  }

  .chat-messages__form .form__input {
    padding: 0 130px 0 10px;
    border-radius: 0;
    height: 40px;
  }

  .chat-messages__form .form__submit {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .chat-messages__submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
  }

  .chat-item__wrapper.active {
    -webkit-transition: background-color 0.1s linear, color 0.1s linear;
    -o-transition: background-color 0.1s linear, color 0.1s linear;
    transition: background-color 0.1s linear, color 0.1s linear;
    background-color: #f7f8f9;
  }

  .chat-item__icon {
    background-color: #ffffff;
  }

  .chat-item__head {
    max-width: 100%;
  }

  .chat-item__text {
    max-width: none;
    white-space: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  [data-type="messages"] .main-filter {
    width: 100%;
  }

  .section.mb-mob-0 {
    margin-bottom: 0;
  }

  .item-list.for-mobile {
    margin-bottom: 40px;
  }
}

@media (max-width: 1000px) {

  .pagination-link.first-pager,
  .pagination a.first-pager {
    font-size: 0px;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    font-size: 0px;
  }
}

@media (max-width: 900px) {
  .links-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 850px) {
  .modal.for-player .player-cover__button {
    display: none;
  }

  .modal .body-desktop {
    /* display: none !important; */
  }

  .modal .body-mobile {
    display: block !important;
  }

  .modal .button {
    margin-top: 10px;
  }

  .modal-wrapper {
    grid-gap: 20px;
  }

  .modal-columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 20px;
  }

  .textarea textarea {
    min-height: 110px;
  }
}

@media (max-width: 767px) {
  .main.custom {
    margin-top: calc(var(--header-height) + 0px);
  }

  .section {
    margin-bottom: 30px;
  }

  .section.custom-margin {
    margin-bottom: 20px;
  }

  .section-head .drop-menu {
    margin-left: 10px;
  }

  .section-bottom {
    margin-top: 20px;
  }

  .page-wrapper {
    padding-bottom: 0;
  }

  .container.for-player {
    padding: 0;
  }

  .container {
    max-width: 1310px;
    max-width: 100%;
    padding: 0px 10px;
  }

  .titles-list li span:first-child {
    margin-right: 10px;
  }

  .titles-list li span:last-child {
    font-size: 18px;
  }

  .titles-list.custom li {
    margin-bottom: 10px;
  }

  .title * {
    font-size: 20px;
  }

  .title * .mark {
    font-size: 20px;
    margin: 0 10px;
  }

  .title.large-uppercase {
    font-size: 26px;
  }

  .title.medium-uppercase {
    font-size: 16px;
  }

  .title {
    font-size: 20px;
  }

  .title .mark {
    font-size: 20px;
    margin: 0 10px;
  }

  .user-slider .swiper {
    margin: 0 -10px;
  }

  .user-slider .swiper-next,
  .user-slider .swiper-prev {
    display: none;
  }

  .user-slider .swiper-slide {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 10px;
  }

  .user-slider .user.column {
    width: 70px;
  }

  .advertisement-wrapper {
    padding: 15px 20px 40px 20px;
    margin: 0 -20px;
    border-radius: 0;
  }

  .drop-menu.custom .text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .drop-menu__options {
    padding: 5px 0px;
  }

  .button.medium-size {
    padding: 10px 30px;
    min-height: 40px;
  }

  .button.medium-size .text {
    font-size: 14px;
  }

  .logo.large {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
  }

  .logo.x-large {
    width: 210px !important;
    height: 210px !important;
    max-width: 210px !important;
  }

  .user.custom .user-info__group {
    margin-bottom: 5px;
  }

  .user-info {
    width: 100%;
  }

  .column-reverse .section-head {
    margin-bottom: 10px;
  }

  .main-icon img {
    max-width: 180px;
  }

  .footer {
    padding-bottom: 0;
    background-color: #ffffff;
    width: 100%;
  }

  .footer-container {
    padding: 30px 20px;
  }

  .footer-icon {
    margin-bottom: 20px;
  }

  .footer-icon img {
    max-width: 180px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .footer-nav {
    margin-bottom: 20px;
  }

  .player .cards {
    padding: 0 10px;
  }

  .player-cover {
    border-radius: 0;
  }

  .player-cover__button .icon {
    width: 70px;
    height: 70px;
  }

  .player-banner {
    padding: 10px 0;
  }

  .player-buttons {
    margin-left: 10px;
    margin-right: 10px;
  }

  .video-holder .playlist {
    margin: 0 10px 15px;
  }

  .player-buttons__item.gap-more {
    grid-gap: 15px;
  }

  .player-button {
    padding: 8px 12px;
  }

  .player-title {
    padding: 0 10px;
  }

  .tag-links {
    margin-right: 0;
  }

  .tab-content {
    margin: 0 10px;
  }

  .tab-content__column:first-child {
    margin-right: 0;
  }

  .tab-buttons.custom {
    margin: 0 -10px;
    width: 100%;
    min-width: calc(100% + 20px);
  }

  .tab-button {
    padding: 8px 12px;
  }

  .comment-other__text {
    font-size: 14px;
  }

  .share-row__input {
    padding: 5px 10px;
  }

  .custom-size__label.margin {
    margin: 0px 5px;
  }

  .report-wrapper {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 10px;
    margin-bottom: 20px;
  }

  .report-label {
    font-size: 18px;
  }

  .pagination li {
    padding: 0px;
  }

  .pagination-link,
  .pagination a {
    display: none;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .links-category {
    font-size: 18px;
  }

  .links-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .info.without-padding {
    border-radius: 0;
    margin: 0 -10px;
    width: auto;
    padding: 30px 10px 20px 10px;
  }

  .info.without-padding .info-column:first-child {
    max-height: 440px;
    padding-bottom: 440px;
    max-width: 310px;
  }

  .info.profile .logo.large {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
  }

  .info.profile {
    border-radius: 0;
  }

  .info-column__head.custom {
    -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;
  }

  .info-column__head.custom .buttons {
    margin-top: 20px;
  }

  .info-column__head.custom .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .info-column__head .double-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }

  .info-column__head .info-buttons .double-btn {
    width: auto;
  }

  .info-column__head .double-btn .button {
    -webkit-box-ordinal-group: initial !important;
    -ms-flex-order: initial !important;
    order: initial !important;
  }

  .info-column__head .buttons .button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .info-column__head .buttons .drop-menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .info-buttons {
    margin-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }

  .info-buttons .double-btn,
  .info-buttons .button,
  .info-buttons .drop {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .more-text {
    height: 86px;
    -webkit-line-clamp: 4;
  }

  .more-text__button {
    padding: 10px;
  }

  .modal.for-player .close-btn {
    top: 10px;
    right: 10px;
  }

  .modal .main-icon {
    margin-bottom: 30px;
  }

  .modal .main-icon img {
    max-width: none;
  }

  .modal .button.large-size {
    width: 100%;
    max-width: none;
  }

  .modal .button.medium-size {
    margin-bottom: 20px;
  }

  .modal-layer__wrapper {
    padding: 40px 10px;
  }

  .modal-layer__wrapper .title {
    font-size: 14px;
  }

  .modal-layer__wrapper .title * {
    font-size: 14px;
  }

  .modal-aside .card {
    margin-bottom: 10px;
  }

  .modal-aside {
    width: 210px;
    padding: 10px;
  }

  .modal-aside__wrapper {
    margin: 0 -5px 0 -10px;
    padding: 0 5px 0 10px;
    height: calc(100% - 40px);
  }

  .modal-aside__title {
    margin-bottom: 10px !important;
  }

  .modal-wrapper.custom {
    padding: 20px;
  }

  .modal-wrapper.color-modal .modal-column {
    padding: 20px;
  }

  .tabs-buttons {
    margin-bottom: 10px;
  }

  .tabs-buttons .title {
    margin-right: 20px;
  }

  .upload-text {
    margin-bottom: 30px;
  }

  .upload-form {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-row-gap: 20px;
  }

  .upload-content .title {
    margin-bottom: 10px;
  }

  .upload-content__column .title {
    font-size: 18px;
    margin-bottom: 10px !important;
  }

  .textarea.custom {
    min-height: 104px;
  }

  .textarea.custom textarea {
    min-height: 80px;
  }

  .input-label.custom-margin {
    margin-bottom: 5px;
  }

  .label-checkboxes {
    margin-bottom: 10px;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .label-checkboxes {
    padding: 0 10px;
  }

  .label-checkboxes label {
    margin-bottom: 10px;
  }

  .radio-row.large-size .radio-row__label span:nth-child(2) {
    font-size: 12px;
  }

  .radio-row.large-size .radio-row__label span:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    font-size: 22px;
  }

  .radio-row.large-size .radio-row__label span:first-child i {
    font-size: 18px;
  }

  .radio-row.large-size .radio-row__label span {
    margin-right: 10px;
    font-size: 22px;
  }

  .radio-row.large-size .radio-row__label::before,
  .radio-row.large-size .radio-row__label::after {
    margin-left: 10px;
  }

  .radio-row.large-size .radio-row__label {
    padding: 25px 10px 25px 45px;
  }

  .form__textarea {
    margin-right: 10px;
  }

  .chat {
    margin: 0 -10px;
  }

  .chat-list .title {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .chat-list .title .icon {
    width: 20px;
    height: 20px;
    max-width: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-left: 0;
  }

  .chat-list__holder {
    max-height: calc(var(--app-height) - var(--header-height) - 70px);
  }

  .chat-messages__content {
    max-height: calc(var(--app-height) - 194px);
  }

  .page-error {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .logo.large .icon {
    width: 20px !important;
    height: 20px !important;
  }

  .item-list.for-mobile {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) and (max-width: 360px) {
  .info-column__head .double-btn .button {
    margin-bottom: 0 !important;
  }

  .info-column__head .buttons .button {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .info-column__head .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 650px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .advertisement-items {
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advertisement-item:nth-child(2) {
    display: none;
  }

  .player .button.medium-size {
    margin-block: 0 30px;
  }

  .player .modal-aside .card {
    display: none;
  }
}

@media (max-width: 500px) {
  .drop-menu.custom .drop-menu__select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop-menu.custom .drop-menu__select .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .screens {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .chat-head a {
    max-width: 150px;
  }
}

@media (max-width: 450px) {
  .cards.four-cards.for-screen {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .cards.four-cards {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }

  .cards.four-cards.custom {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .user-info__buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px;
  }

  .user-info__buttons .button {
    margin: 3px;
  }

  .graphics-item__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .graphics-item__head .title {
    margin-bottom: 10px;
  }

  .graphics-item__head .graphics-buttons {
    margin-left: 0;
  }

  .player-buttons__item.gap-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .info.custom .info-head__body {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 411px) {
  .chat-title .mark {
    max-width: 145px;
  }
}

@media (max-width: 410px) {
  .drops-group {
    -ms-grid-columns: none;
    grid-template-columns: none;
  }
}

@media (max-width: 400px) {
  .section-head__buttons {
    margin-left: 0;
  }

  .tag-links {
    margin-bottom: 10px;
  }

  .links-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .info.profile .info-column:first-child {
    max-height: none;
    padding-bottom: 0;
  }

  .info-column:first-child {
    max-height: 350px;
    padding-bottom: 350px;
  }

  .info-list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .info-buttons .double-btn,
  .info-buttons .button,
  .info-buttons .drop {
    margin-top: 0;
  }

  .modal.for-player .player-cover__picture {
    padding-bottom: inherit;
    height: 100%;
  }

  .modal-wrapper.custom {
    padding: 60px 20px 20px 20px;
  }

  .modal-wrapper {
    min-height: 60%;
  }

  .upload-select {
    padding: 5px;
    top: 4px;
    right: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 32px;
    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;
  }

  .upload-file .input {
    padding: 12px 60px 12px 20px;
  }

  .radio-rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .radio-rows .radio-row {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .radio-rows .radio-row:last-child {
    margin-bottom: 0;
  }

  .radio-row.large-size .radio-row__label span:nth-child(2) {
    max-width: 30%;
    text-align: center;
    white-space: normal;
  }

  .chat-head .title span {
    display: none;
  }

  .chat-head .title:first-child {
    display: none;
  }

  .chat-head a {
    margin: 0;
  }

  .chat-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .chat-title .mark {
    margin-left: 0;
    max-width: 190px;
  }
}

@media (max-width: 370px) {
  .card.round.min .card-bottom {
    min-width: 120px;
  }

  .card.round .card-bottom {
    min-width: 160px;
  }
}

@media (max-width: 350px) {
  .button.medium-size {
    padding: 10px 10px;
  }

  .radio-row.large-size .radio-row__label span:last-child {
    font-size: 18px;
  }

  .radio-row.large-size .radio-row__label span:first-child {
    font-size: 16px;
  }

  .radio-row.large-size .radio-row__label span:first-child i {
    font-size: 16px;
  }
}

.js_buy_video-form {
  display: flex;
  flex-direction: column;
}

.loader_spinner {
  width: 48px;
  flex-shrink: 0;
  align-self: center;
  height: 48px;
  border: 5px solid #fff;
  border-bottom-color: #de1c75;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-bottom: 30px;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.btn-favourites .button.delete {
  background-color: #de1c75;
}

.btn-favourites .button.delete .icon {
  fill: #fff;
}

.drop-menu__playlist span {
  display: flex;
}

.drop-menu__playlist span .delete {
  width: auto;
  flex-shrink: 0;
}:root {
  --app-height: 100%;
  --header-height: 100%;
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  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: #fff; /* #f7f8f9; */
  height: var(--app-height) !important;
}

body * {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

body.lock {
  overflow: hidden;
}

a {
  display: inline-block;
  color: #1e2125;
  cursor: pointer;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

body,
a,
p,
h1,
ul,
li,
select,
option,
input,
textarea,
input::placeholder,
textarea::placeholder {
  font-family: "PlusJakartaSans", sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-top: calc(var(--header-height) + 30px);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

.section {
  margin-bottom: 50px;
}

/* .section:last-child {
  margin-top: auto;
} */
.static_page .section:last-child {
  margin-top: 0;
}

.section.for-advertisement {
  margin-top: auto;
  margin-bottom: 0;
}

.section.custom-margin {
  margin-bottom: 20px;
}

.section-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

.section-head .title {
  margin-bottom: 0;
  margin-right: auto;
}

.section-head__buttons {
  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;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 15px;
}

.section-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  margin-top: 30px;
  position: relative;
  min-height: 40px;
}

.section-bottom .pagination {
  margin-top: 0;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.section-bottom.custom {
  margin-top: 10px;
}

.section-bottom__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 50px;
}

.section-bottom__buttons .button {
  margin-right: 10px;
}

.section-bottom__buttons .button:last-child {
  margin-right: 0;
}

.page-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 305px auto 305px;
  grid-template-columns: 305px auto 305px;
  padding-bottom: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.page-wrapper__item {
  position: sticky;
  top: calc(var(--header-height) + 30px);
  margin-top: calc(var(--header-height) + 30px);
  max-width: 285px;
  width: 100%;
}

.page-wrapper__item:first-child {
  margin-left: 20px;
}

.page-wrapper__item:last-child {
  margin-right: 20px;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px 20px;
}

.tab-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.tab-titles .blockUI {
  display: none !important;
}

.tab-titles .title {
  margin-right: 30px;
  cursor: pointer;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.tab-titles .title:last-child {
  margin-right: 0;
}

.tab-titles .title.active {
  color: #1e2125;
  cursor: default;
}

.titles-list {
  margin-bottom: 50px;
}

.titles-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}

.titles-list li:last-child {
  margin-bottom: 0;
}

.titles-list li span:first-child {
  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-right: 30px;
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background-color: #de1c75;
}

.titles-list li span:first-child img {
  width: 16px;
  -o-object-fit: contain;
  object-fit: contain;
}

.titles-list li span:last-child {
  font-weight: 700;
  font-size: 24px;
  color: #ffffff;
}

.titles-list.custom li {
  margin-bottom: 20px;
}

.titles-list.custom li span:first-child {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

.titles-list.custom li span:first-child img {
  width: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}

.titles-list.custom li span:last-child {
  font-weight: 700;
  font-size: 16px;
  color: #ffffff;
}

.title {
  margin-bottom: 20px;
  font-family: "PlusJakartaSans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.3;
  color: #1e2125;
}

.title * {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  color: #1e2125;
}

.tab-titles .title * {
  color: inherit;
}

.title .icon {
  width: 26px;
  height: 26px;
  fill: #1c2af1;
}

.title .icon path {
  stroke: #1c2af1;
}

.title .icon:first-child {
  margin-right: 10px;
}

.title .icon:last-child {
  margin-left: 10px;
}

.title .mark {
  margin: 0 30px;
  color: #737373;
}

.title .violet-mark {
  color: #1c2af1;
}

.title .red-mark {
  color: #de1c75;
}

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

.title.is-white {
  color: #ffffff;
}

.title.is-black {
  color: #1e2125;
}

.title.small {
  font-size: 18px;
  font-weight: 700;
}

.title.small * {
  font-size: 18px;
  font-weight: 700;
}

.title.small .icon {
  width: 18px;
  height: 18px;
}

.title.is-black {
  color: #1e2125;
}

.title.large-uppercase {
  margin-bottom: 20px;
  font-weight: 800;
  font-size: 40px;
  text-transform: uppercase;
}

.title.medium-uppercase {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

.text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #737373;
}

.text.is-black {
  color: #1e2125;
}

.cards {
  display: -ms-grid;
  display: grid;
}

.cards.four-cards {
  -ms-grid-columns: (1fr) [4];
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}

.cards.four-cards.for-screen {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.images-wrapper {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 56.2992125984%;
  border-radius: 15px;
  overflow: hidden;
}

.images-wrapper .item {
  border-radius: 15px;
}

.images-wrapper .cards.four-cards.images {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.images-wrapper .cards.four-cards.images::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.75);
}

.cards.four-cards.images {
  position: relative;
}

.no-player img {
  user-select: none;
}

.cards.four-cards.images .message,
.no-player .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  z-index: 7;
  color: #fff;
  font-size: 16px;
}

.cards.four-cards.images .message a,
.no-player .message a {
  color: #de1c75;
  font-size: inherit;
}

.no-player .player-cover__button {
  display: none;
}

@media (any-hover: hover) {

  .cards.four-cards.images .message a:hover,
  .no-player .message a:hover {
    text-decoration: underline;
  }
}

.cards.four-cards.images .message form,
.no-player .message form {
  margin-top: 20px;
}

.cards.four-cards.images .message input,
.no-player .message input {
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #fff;
  color: #737373;
  font-size: 14px;
  font-weight: 700;
  transition: color 0.33s, background-color 0.33s;
}

@media (any-hover: hover) {

  .cards.four-cards.images .message input:hover,
  .no-player .message input:hover {
    background-color: #de1c75;
    color: #fff;
  }
}

.cards.four-cards.images:has(.message)::before,
.no-player:has(.message)::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 6;
}

.cards.four-cards.for-round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 70px;
}

.cards.round-cards {
  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;
}

.cards.round-cards .checkbox {
  top: 0;
  left: 0;
}

.cards.round-cards .card-wrapper {
  margin: 0 auto;
}

.for-desktop {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.for-mobile {
  display: none !important;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.playlist-slider,
.channels-slider,
.popular-slider,
.user-slider {
  position: relative;
}

.popular-slider .swiper-next,
.popular-slider .swiper-prev {
  top: 35%;
}

.swiper {
  display: none;
}

.swiper.swiper-initialized {
  display: block;
}

.swiper-slide .user.column {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

.swiper-next,
.swiper-prev {
  position: absolute;
  top: 25%;
  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: 15px;
  background-color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
  z-index: 10;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.swiper-next .icon,
.swiper-prev .icon {
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  width: 10px;
  height: 10px;
}

.swiper-next:after,
.swiper-prev:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.swiper-next.disabled,
.swiper-prev.disabled {
  cursor: default;
  opacity: 0.5;
}

.swiper-prev {
  left: -15px;
}

.swiper-next {
  right: -15px;
}

* {
  padding: 0;
  margin: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

form {
  margin: 0;
}

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

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

a {
  display: inline-block;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
body {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  font: inherit;
  font-size: 100%;
  text-transform: none;
  color: inherit;
  letter-spacing: inherit;
  vertical-align: baseline;
  *vertical-align: middle;
}

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

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

input,
button,
textarea {
  font-family: inherit;
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

button {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button,
input {
  overflow: visible;
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button:focus {
  outline: none;
}

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

:focus {
  outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  height: 22px;
  width: 22px;
}

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

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

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border: none;
  padding: 0;
}

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

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: none;
}

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

[type="search"] {
  outline: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: none;
  font: inherit;
}

textarea {
  resize: none;
  overflow-y: auto;
  overflow-x: hidden;
  vertical-align: top;
}

a {
  text-decoration: none;
}

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

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

a:hover {
  text-decoration: none;
}

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

img {
  vertical-align: center;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

::-webkit-scrollbar {
  width: 3px;
}

::-moz-scrollbar {
  width: 3px;
}

::-ms-scrollbar {
  width: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-moz-scrollbar-track {
  background-color: transparent;
}

::-ms-scrollbar-track {
  background-color: transparent;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

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

[hidden] {
  display: none;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

::-moz-input-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-moz-placeholder {
  color: inherit;
  opacity: 1;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

:focus::-webkit-input-placeholder {
  opacity: 0;
}

:focus::-moz-input-placeholder {
  opacity: 0;
}

:focus:-moz-placeholder {
  opacity: 0;
}

:focus:-ms-input-placeholder {
  opacity: 0;
}

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: PlusJakartaSans;
  font-display: swap;
  src: url("../fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  fill: currentColor;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  pointer-events: none;
  -webkit-transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

.advertisement {
  -webkit-transition: background-color 0.3s ease-in-out;
  -o-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  border-radius: 10px;
}

.advertisement .title {
  display: block;
}

.advertisement .more-margin {
  margin-bottom: 50px;
}

.advertisement-wrapper {
  padding: 15px 20px 20px 20px;
  border-radius: 15px;
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
}

.advertisement-wrapper__title {
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ffffff;
}

.advertisement-text {
  margin-bottom: 15px;
  line-height: 1.5 !important;
}

.advertisement-items {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 20px;
}

.advertisement-item {
  margin-right: 0 !important;
  display: inherit;
  border-radius: 10px;
  overflow: hidden;
}

.drops-group {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 110px auto 110px;
  grid-template-columns: 110px auto 110px;
  grid-gap: 5px;
}

.drop-menu {
  position: relative;
  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: end;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 30px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  -o-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.drop-menu.fit-content {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.drop-menu.custom .drop-menu__select {
  height: 40px !important;
}

.drop-menu:first-child {
  margin-left: 0;
}

.drop-menu.active {
  -webkit-box-shadow: 0 0 5px #968f8f;
  box-shadow: 0 0 5px #968f8f;
}

.drop-menu.active .drop-menu__select {
  background-color: #de1c75;
  border-radius: 15px 15px 0 0 !important;
}

.drop-menu.active .drop-menu__select .text {
  color: #ffffff;
}

.drop-menu.active .drop-menu__select .icon:last-child {
  -webkit-transform: rotate(180deg) !important;
  -ms-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
  fill: #ffffff;
}

.drop-menu.active .drop-menu__options {
  top: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-box-shadow: 0 0 5px #968f8f;
  box-shadow: 0 0 5px #968f8f;
}

.drop-menu__select {
  position: relative;
  padding: 7px 20px !important;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px !important;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  overflow: hidden;
  will-change: padding;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 34px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease,
    border-radius 0.2s ease, border 0.2s ease;
  z-index: 51;
}

.drop-menu__select:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 70%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.drop-menu__select.is-grey {
  background-color: #f7f8f9;
}

.drop-menu__select .icon {
  width: 10px !important;
  height: 10px !important;
  max-width: 10px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 10px !important;
  flex: 0 0 10px !important;
  -webkit-transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  transition: color 0.2s ease, -webkit-transform 0.2s ease !important;
  -o-transition: color 0.2s ease, transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease !important;
  transition: color 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease !important;
}

.drop-menu__select .icon:first-child {
  width: 20px;
  height: 20px;
}

.drop-menu__select .text {
  font-size: 14px;
  font-weight: 700;
}

.drop-menu__select .icon,
.drop-menu__select .text {
  z-index: 5;
  color: #737373;
  -webkit-transition: fill 0.2s ease, color 0.2s ease;
  -o-transition: fill 0.2s ease, color 0.2s ease;
  transition: fill 0.2s ease, color 0.2s ease;
}

.drop-menu__options {
  position: absolute;
  top: 100%;
  width: 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-radius: 0 0 15px 15px;
  max-height: 200px;
  overflow: hidden;
  color: #ffffff;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;
  -webkit-transition: visibility 0.2s ease, opacity 0.2s ease,
    max-height 0.2s ease, top 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, -webkit-box-shadow 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, max-height 0.2s ease,
    top 0.2s ease, box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
  z-index: 52;
}

.drop-menu__options.custom {
  border-radius: 15px 0 15px 15px;
  min-width: 200px;
}

.drop-menu__option a {
  width: 100%;
  padding: 8px 18px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: #737373;
  font-size: 14px;
  font-weight: 500;
}

.drop {
  position: relative;
  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: end;
  margin-right: 20px;
  font-weight: 500;
  height: 40px;
}

.drop * {
  font-weight: 500;
}

.drop.background.active .drop__select {
  color: #ffffff;
  background-color: #de1c75;
}

.drop.background .drop__select {
  color: #ffffff;
  padding: 0 20px;
  background-color: #1e2125;
  border-radius: 10px;
  min-width: 140px;
}

.drop.background .drop__options {
  left: 0;
  border-radius: 10px;
}

.drop.background .drop__option {
  padding: 10px 20px;
}

.drop.active .drop__select {
  color: #de1c75;
}

.drop.active .drop__select .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.drop.active .drop__select .icon.img {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.drop.active .drop__options {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 5px);
}

.drop.only-icons {
  margin-right: 0;
}

.drop.only-icons.active .drop__options {
  top: calc(100% - 5px);
}

.drop.only-icons .drop__select {
  min-width: 40px !important;
}

.drop.only-icons .drop__select .text {
  display: none;
  margin-left: 10px;
  font-size: 14px;
  font-weight: 500;
}

.drop.only-icons .drop__options {
  padding: 5px 10px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #1e2125;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  top: 100%;
  left: -10px;
  border-radius: 10px;
}

.drop.only-icons .drop__option {
  padding: 0;
  padding: 5px 0;
  background-color: transparent;
}

.drop.only-icons .drop__option .text {
  display: none;
  font-size: 14px;
  font-weight: 500;
}

.drop.only-icons .drop__select,
.drop.only-icons .drop__option {
  width: 20px;
}

.drop.only-icons .picture {
  display: block;
  width: 20px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
}

.drop.is-order {
  -webkit-box-ordinal-group: 2 !important;
  -ms-flex-order: 1 !important;
  order: 1 !important;
}

.drop.is-order .drop__select img {
  margin-right: 10px;
}

.drop.is-order img {
  width: 20px;
}

.drop__select {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease;
  border-radius: 20px;
  color: #737373;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 10px;
  min-width: 103px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 40px;
  white-space: nowrap;
}

.drop__select * {
  pointer-events: none;
}

.drop__select .icon,
.drop__select .img,
.drop__select .text {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.drop__select .text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.drop__select .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.drop__select .icon {
  width: 10px;
  height: 10px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.drop__options {
  position: absolute;
  top: calc(100% + 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 15px 0px 15px 15px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: 100%;
  overflow: hidden;
  color: #737373;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease,
    -webkit-box-shadow 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease,
    top 0.2s ease, -webkit-box-shadow 0.2s ease;
  z-index: 20;
}

.drop__option {
  padding: 10px 15px;
  cursor: pointer;
  background-color: #1e2125;
  color: #737373;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  white-space: nowrap;
}

.drop__option .img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}

.drop__option .text {
  white-space: nowrap;
  pointer-events: none;
}

.search-button .icon {
  max-width: none;
  width: 24px;
  height: 24px;
  fill: black;
}

.button {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 30px;
  cursor: pointer;
  text-align: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  z-index: 1;
  -webkit-transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
  -o-transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
  transition: color 0.2s ease, border-radius 0.2s ease,
    background-color 0.2s ease;
}

.button span {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

input.button:disabled {
  opacity: 0.6;
  pointer-events: none;
}

.button.thin {
  height: auto;
  padding: 7px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: 700;
}

.button.thin:after {
  content: "";
  border-radius: 10px;
}

.button.large-size {
  padding: 25px 80px;
  font-size: 20px;
  color: #1c2af1;
}

.button.large-size .text {
  font-size: 20px;
  color: #1c2af1;
}

.button.medium-size {
  padding: 20px 50px;
}

.button.medium-size .text {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.button .icon {
  width: 20px;
  height: 20px;
}

.button .text {
  margin-bottom: 0 !important;
}

.button.is-violet {
  background-color: #1c2af1;
  color: #fff;
}

.button.is-violet span {
  color: #fff;
}

.button.is-violet .icon {
  fill: #ffffff;
}

.button.with-transparent {
  background-color: transparent;
  padding: 10px 0;
}

.button.with-gradient {
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
  color: #fff;
}

.button.with-gradient span {
  color: #fff;
}

.button.with-gradient .text {
  color: #fff;
}

.button.with-gradient .icon {
  fill: #ffffff;
}

.button.padding-min {
  padding: 7px;
}

.button.close-btn .icon {
  max-width: 24px;
  width: 24px;
  height: 24px;
}

.button.is-red {
  background-color: #de1c75;
  color: #ffffff;
}

.button.is-red .text {
  color: #ffffff;
}

.button.is-red .icon {
  fill: #ffffff;
}

.button.is-grey {
  background-color: #f7f8f9;
  color: #737373;
}

.button.is-grey .icon {
  fill: #737373;
}

.button.is-grey.done {
  pointer-events: none;
  opacity: 0.6;
}

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

.double-btn.custom .button {
  padding: 5px 20px;
  min-width: 135px;
  overflow: hidden;
}

.double-btn.custom .number {
  background-color: #1e2125;
}

.double-btn .button {
  border-radius: 15px 0 0 15px;
  margin: 0 !important;
  min-width: 130px;
  padding: 10px 20px;
}

.double-btn .button::after {
  content: "";
  border-radius: 15px 0 0 15px;
}

.double-btn .number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding: 10px;
  background-color: #f7f8f9;
  color: #737373;
  border-radius: 0 15px 15px 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.double-btn__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.double-btn__price .icon {
  margin-right: 5px;
}

.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #1c2af1;
}

.price .icon {
  fill: #1c2af1;
  margin-right: 5px;
}

.buttons {
  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;
  margin-left: 20px;
}

.buttons.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 10px;
}

.buttons.nowrap:last-child {
  margin-right: 0;
}

.buttons.nowrap .button,
.btn-favourites>li {
  margin-right: 5px;
}

.buttons.nowrap .button:last-child,
.btn-favourites>li:last-child {
  margin-right: 0;
}

.buttons .button.hidden {
  display: none;
}

.buttons .button.pink::after {
  background-color: #de1c75;
}

.buttons .button.pink .icon {
  fill: #fff;
}

.buttons.min-gap .button {
  margin-right: 12px;
}

.buttons.min-gap .drop-menu {
  margin-left: 0;
  margin-right: 10px;
  height: 40px;
}

.buttons.min-gap .drop-menu:last-child {
  margin-right: 0;
}

.buttons.min-gap .balance {
  margin-right: 12px;
}

.buttons.min-gap .balance:last-child {
  margin-right: 0;
}

.buttons .button {
  margin-right: 30px;
}

.buttons:not(> .delete-form) .button:last-child {
  margin-right: 0;
}

.buttons .balance {
  margin-bottom: 0;
}

.card {
  display: block;
  position: relative;
  overflow: hidden;
  /* cursor: pointer; */
}

.no-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  text-transform: capitalize;
}

.card.vertical .card-body {
  padding-bottom: 141.935483871%;
}

.card.vertical-screen .card-body {
  padding-bottom: 141.935483871%;
}

.images-wrapper .cards.four-cards {
  grid-template-rows: repeat(2, 1fr);
  overflow: hidden;
  grid-auto-rows: 0;
}

.images-wrapper .card.vertical-screen .card-body {
  padding-bottom: 114%;
}

.card.vertical-screen .card-body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 4px solid transparent;
  border-radius: 15px;
  z-index: 5;
  -webkit-transition: background-color 0.2s ease, border 0.2s ease;
  -o-transition: background-color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, border 0.2s ease;
}

.card.round {
  max-width: 200px;
  margin: 0 auto;
  overflow: inherit;
  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;
}

.card.round.min {
  max-width: 140px;
  padding: 0 20px;
  margin: 0 auto 20px auto;
}

.card.round.min .checkbox {
  top: 0;
  left: 0;
}

.card.round.min .card-body {
  border-radius: 50%;
  overflow: visible !important;
  width: 120px;
  height: 120px;
  padding-bottom: 120px;
}

.card.round.min .card-body img {
  border-radius: 50%;
}

.card.round.min .card-bottom {
  padding-top: 5px;
}

.card.round.min .card-info__text {
  margin-bottom: 2px;
}

.card.round.min .items {
  margin-bottom: 0 !important;
}

.card.round .logo-online {
  z-index: 5;
}

.card.round .card-body {
  border-radius: 50%;
  overflow: visible !important;
  width: 200px;
  height: 200px;
  padding-bottom: 200px;
}

.card.round .card-body img {
  border-radius: 50%;
}

.card.round .card-info {
  width: 100%;
  max-width: none;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .card-info .items {
  margin-left: 0;
  margin-bottom: 8px;
  row-gap: 6px;
}

.card.round .card-info .items-item:last-child {
  margin-right: 0;
}

.card.round .card-info__buttons {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .card-info__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 200px;
  max-width: 200px;
}

.card.round .card-info__text .items {
  margin-left: 7px;
  margin-bottom: 0;
}

.card.round .card-info__text .items-item {
  margin-right: 5px;
}

.card.round .card-info__text .items-item:last-child {
  margin-right: 0;
}

.card.round .card-info__text .items-item:last-child .icon {
  fill: #1c2af1;
}

.card.round .card-info__text .text {
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.card.round .items {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card.round .items-item {
  grid-gap: 3px;
  margin-right: 6px;
}

.card .items {
  margin-bottom: 10px;
}

.card img {
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.card-wrapper {
  position: relative;
}

.card-wrapper .checkbox {
  position: absolute;
  top: 10px;
  left: 10px;
  max-width: 20px;
  margin: 0;
  z-index: 11;
}

.card-wrapper .checkbox.custom-position {
  left: auto;
  right: 10px;
}

.card-wrapper .checkbox input+label::before {
  content: "";
  border: 1px solid rgb(207, 207, 207);
  background-color: #ffffff;
}

.upload-content__column .preview-body {
  display: block;
  position: relative;
  padding-bottom: 56.4516129032%;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
}

.upload-content__column .preview-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.upload-content__column .preview em {
  margin-top: 5px;
  display: block;
  font-size: 12px;
}

.upload-content__column .preview .right {
  text-align: right;
}

.card-body {
  display: block;
  position: relative;
  padding-bottom: 56.4516129032%;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
}

.card-body video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.icom-member {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 40px;
  height: 40px;
  z-index: 2;
}

.card-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.card-body__button {
  position: absolute;
  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: 30px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  z-index: 3;
  -webkit-transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
  -o-transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
  transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
}

.card-body__button .icon {
  width: 12px;
  height: 12px;
  fill: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-body__button.like-btn {
  top: 10px;
  left: -30px;
}

.card-body__button.time-btn {
  top: -30px;
  left: 45px;
}

.card-body__button.fixed {
  background-color: #de1c75;
}

.card-body__button.fixed .icon {
  fill: #ffffff;
}

.card-body__button.like-btn.fixed {
  top: 10px;
  left: 10px;
}

.card-body__button.time-btn.fixed {
  top: 10px;
  left: 45px;
}

.card-body__line {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 0 10px;
  translate: 0 -50%;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e2125;
  border-radius: 8px;
  font-size: 12px;
}

.card-body__line.line-processing,
.card-body__line.line-disabled,
.card-body__line.line-private {
  text-align: center;
  /* background-color: transparent; */
  width: 50%;
  left: 50%;
  translate: -50% -50%;
  font-size: 14px;
  z-index: 11;
  padding: 10px;
}

.card-body__aside {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: padding 0.2s ease;
  -o-transition: padding 0.2s ease;
  transition: padding 0.2s ease;
  z-index: 10;
}

.card-body__aside .icon {
  width: 40px;
  height: 40px;
  fill: #1e2125;
  min-height: 40px;
}

.card-body__aside span {
  margin-top: 8px;
  font-weight: 700;
  font-size: 14px;
  color: #1e2125;
}

.card-item {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 5px;
  padding: 7px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e2125;
  border-radius: 8px;
  font-size: 12px;
  line-height: 1.3;
  z-index: 3;
}

.card-item .icon {
  width: 12px;
  height: 12px;
}

.card-item.left-bottom {
  bottom: 10px;
  left: 10px;
}

.card-item.right-bottom {
  bottom: 10px;
  right: 10px;
}

.card-item.is-violet {
  color: #1e2125;
}

.card-item.is-violet .icon {
  fill: #1c2af1;
}

.card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
}

.card-info {
  width: calc(100% - 50px);
}

.card-info.custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.card-info.custom .card-info__text {
  margin-right: 15px;
  margin-bottom: 0;
}

.card-info.custom .items {
  margin-bottom: 0;
}

.card-info__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 90%;
  font-size: 12px;
  font-weight: 700;
  color: #1c2af1;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__name span,
.card-info__name a {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 700;
  color: #1c2af1;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__text {
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.card-info__text span {
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
}

.card-info__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.card-info__buttons .button {
  margin: 2px;
}

.card-info__buttons .button.done {
  pointer-events: none;
  opacity: 0.6;
  gap: 2px;
}

.card-info__buttons .button .icon-done {
  width: 16px;
  height: 16px;
}

.card-info__buttons .button:last-child {
  margin-right: 0;
}

.items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px;
}

.items.custom {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.items.custom .items-item {
  font-size: 14px;
}

.items.custom .items-item .icon {
  width: 16px;
  height: 16px;
  max-width: none;
}

.items-item {
  padding: 3px 2px;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.items-item:last-child {
  margin-right: 0;
}

.items-item .icon {
  width: 14px;
  height: 14px;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.logo {
  position: relative;
  max-width: 40px;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  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-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #ededed;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.logo.large {
  width: 100px !important;
  height: 100px !important;
  max-width: 100px !important;
}

.logo.large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.logo.large .icon {
  width: 60px !important;
  height: 60px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 60px !important;
  flex: 0 0 60px !important;
}

.logo.large::before {
  content: "";
  border: 4px solid transparent;
}

.logo.x-large {
  width: 210px !important;
  height: 210px !important;
  max-width: 210px !important;
}

.logo.x-large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.logo.x-large .icon {
  width: 80px !important;
  height: 80px !important;
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 80px !important;
  flex: 0 0 80px !important;
}

.logo.x-large::before {
  content: "";
  border: 4px solid transparent;
}

.logo.center {
  margin: 0 auto 20px auto;
}

.logo .icon {
  width: 20px;
  height: 20px;
  fill: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.logo-online {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 12px;
  height: 12px;
  background-color: #19b500;
  border-radius: 50%;
  border: 2px solid #ffffff;
  z-index: 5;
}

.logo-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  z-index: 50;
}

.logo-border div {
  position: relative;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  -webkit-box-shadow: -2px 0 4px #ffffff;
  box-shadow: -2px 0 4px #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  -o-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.logo-number {
  position: absolute;
  top: -8px;
  left: calc(100% - 10px);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #19b500;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1 !important;
  z-index: 4;
}

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

.logo-group .logo {
  margin: 0;
}

.logo-group .checkbox {
  margin-left: 20px;
}

.logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid transparent;
  z-index: 2;
  -webkit-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

@-webkit-keyframes moveAround {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes moveAround {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes visibilityItem {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes visibilityItem {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

.user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.user.column {
  -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;
}

.user.column .link {
  margin-top: 5px;
  text-align: center;
}

.user.column .logo {
  margin-right: 0;
}

.user.custom {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.user.custom .logo {
  margin-right: 0;
  margin-left: 10px;
}

.user.custom .user-info {
  width: 100%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.user.custom .user-info .link {
  margin-bottom: 0 !important;
  margin-right: 10px;
}

.user.custom .user-info__group {
  margin-bottom: 8px;
}

.user .logo {
  max-width: 50px;
  width: 50px;
  height: 50px;
}

.user-info {
  width: 68%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.user-info .link {
  margin-bottom: 8px !important;
}

.user-info__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

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

.user-info__buttons .button,
.user-info__buttons form {
  margin-right: 5px;
}

.user-info__buttons .button:last-child {
  margin-right: 0;
}

.link {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.aside {
  background-color: #ffffff;
  border-radius: 15px;
}

.aside-wrapper {
  max-width: 285px;
  height: 100%;
  background-color: #ffffff;
  border-radius: 15px;
}

.aside-head {
  padding: 20px 20px 10px 20px;
  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;
}

.aside-head .title {
  margin-bottom: 0;
  color: #1e2125;
  font-size: 20px;
  font-weight: 800;
}

.aside-head .button {
  padding: 0;
}

.aside-head .button .icon {
  width: 24px;
  height: 24px;
}

.aside-block {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 1px solid #dadada;
}

.aside-block.last {
  border-bottom: none;
}

.aside-block.for-mobile {
  display: none !important;
}

.aside-block.for-burger {
  border-top: 1px solid #dadada;
  margin: 0 20px 0px 20px;
}

.aside-block:last-child {
  margin-bottom: 10px;
  border-bottom: none;
}

.aside-block__list {
  margin: 0 -20px;
}

.aside-block__list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 20px;
  z-index: 1;
}

.aside-block__list a.active {
  background-color: #f7f8f9;
  pointer-events: none;
}

.aside-block__list a i {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.aside-block__list a i:first-child {
  color: #1e2125;
  font-weight: 700;
}

.aside-block__list a i:last-child {
  color: #737373;
}

.aside-block__list a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20%;
  height: 100%;
  background-color: transparent;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, background-color 0.2s ease;
  -o-transition: width 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, background-color 0.2s ease;
}

.aside-block__models {
  padding-bottom: 20px;
}

.aside-block__models .link {
  margin-bottom: 10px;
}

.aside-block__model {
  margin-bottom: 20px;
}

.aside-block__model:last-child {
  margin-bottom: 0;
}

.filter-section {
  padding: 10px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  margin-bottom: 30px;
}

.filter-section.active .filter-section__head .text {
  color: #1c2af1;
}

.filter-section.active .filter-section__head .icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  fill: #1c2af1;
}

.filter-section.active .filter-section__body {
  max-height: 100%;
  visibility: visible;
  opacity: 1;
  padding: 10px 20px;
}

.filter-section__head {
  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;
}

.filter-section__head * {
  pointer-events: none;
}

.filter-section__head .text {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.filter-section__head .icon {
  width: 10px;
  height: 10px;
  max-width: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.filter-section__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-transition: max-height 0.1s ease, visibility 0.1s ease,
    opacity 0.2s ease, padding 0.2s ease;
  -o-transition: max-height 0.1s ease, visibility 0.1s ease, opacity 0.2s ease,
    padding 0.2s ease;
  transition: max-height 0.1s ease, visibility 0.1s ease, opacity 0.2s ease,
    padding 0.2s ease;
}

.filter-section__body .drop-menu {
  min-width: 210px;
}

.filter-section__body .input-label {
  margin: 10px 20px 10px 0;
}

.filter-section__body .input-label__group {
  max-width: none;
}

.filter-section__body .input-label__group .drop-menu {
  min-width: auto;
}

.filter-section__body .checkbox {
  margin: 10px 20px 20px 0;
}

.filter-section__body .button {
  margin: 10px 20px 10px 0;
}

.filter-section__body .button:last-child {
  margin-right: 0;
}

.item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  background-color: #f7f8f9;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.item-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-webkit-scrollbar-track {
  background-color: transparent;
}

.item-list::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list::-moz-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-moz-scrollbar-track {
  background-color: transparent;
}

.item-list::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list::-ms-scrollbar {
  width: 0;
  height: 0;
}

.item-list::-ms-scrollbar-track {
  background-color: transparent;
}

.item-list::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.item-list li {
  min-height: 60px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.item-list a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
}

.item-list a.active {
  color: #de1c75;
}

.graphics {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.graphics-item {
  padding: 20px;
  border-radius: 15px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.graphics-item__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: 20px;
}

.graphics-item__head .title {
  margin-bottom: 0;
}

.graphics-item__body {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.graphics-item__body.custom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px auto;
  grid-template-columns: 200px auto;
  grid-gap: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.graphics-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.graphics-button {
  margin-right: 10px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.graphics-button span {
  pointer-events: none;
  font-size: 14px;
  font-weight: 700;
  color: #737373;
}

.graphics-button:last-child {
  margin-right: 0;
}

.graphics-button.active {
  cursor: default;
}

.graphics-button.active span {
  color: #1c2af1;
}

.block-info__text {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  letter-spacing: -0.1px;
}

.block-info__text.custom {
  margin-bottom: 5px;
  font-weight: 800;
  color: #1e2125;
}

.block-info__title {
  font-size: 34px;
  font-weight: 800;
  color: #1c2af1;
}

.block-info__title span {
  font-size: 34px;
  font-weight: 800;
  color: #1c2af1;
}

.block-info__title.custom {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 26px;
  color: #de1c75;
}

.block-info__title.custom span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 26px;
  color: #1c2af1;
  line-height: 1;
}

.block-info__title.custom .lines {
  position: relative;
  width: 15px;
  height: 12px;
}

.block-info__title.custom .lines::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: #1c2af1;
}

.block-info__title.custom .lines::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4px;
  background-color: #1c2af1;
}

.block-info__title .icon {
  width: 24px;
  height: 24px;
  max-width: 24px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  fill: #1c2af1;
}

.block-info__line {
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background-color: rgb(218, 218, 218);
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f7f8f9;
  border-bottom: 1px solid #f7f8f9;
  z-index: 100;
}

.header-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.header-body {
  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;
  padding: 15px 0;
}

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

.header-body__column.custom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.header .button.is-violet {
  padding: 10px 20px;
}

.nav {
  position: relative;
  background-color: #ffffff;
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  padding: 0 20px;
}

.nav-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
}

.nav-list__item.custom {
  position: relative;
}

.nav-list__link {
  position: relative;
  overflow: hidden;
  padding: 15px 30px;
  font-weight: 700;
  text-transform: none;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.nav-list__link::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 2px;
  width: 20%;
  border-radius: 2px 2px 0 0;
  background-color: #de1c75;
  -webkit-transition: bottom 0.2s ease, width 0.2s ease;
  -o-transition: bottom 0.2s ease, width 0.2s ease;
  transition: bottom 0.2s ease, width 0.2s ease;
}

.nav-list__link.active {
  color: #de1c75;
  cursor: default;
}

.nav-list__link.active::before {
  content: "";
  bottom: 0px;
  width: 100%;
}

.main-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}

.main-icon img {
  width: 100%;
  max-width: 300px;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-line {
  padding: 7px 20px;
  background-color: #ffffff;
}

.top-line ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-line li {
  margin-right: 20px;
}

.top-line li:last-child {
  margin-right: 0;
}

.top-line a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  font-size: 12px;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.top-line a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #737373;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.top-line img {
  margin-right: 5px;
  max-width: 16px;
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  max-width: 660px;
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
}

.search input {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
  color: #1e2125;
}

.search input::-webkit-input-placeholder {
  color: #737373;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::-moz-placeholder {
  color: #737373;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input:-ms-input-placeholder {
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::-ms-input-placeholder {
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search input::placeholder {
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.search button {
  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;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-size: 20px;
  padding: 10px 20px;
}

.search button .icon {
  pointer-events: none;
}

.search .close-search {
  display: none;
}

.search-wrapper {
  display: none;
}

.cabinet {
  position: relative;
  margin-left: 30px;
  -webkit-transition: padding-bottom 0.2s ease;
  -o-transition: padding-bottom 0.2s ease;
  transition: padding-bottom 0.2s ease;
}

.cabinet.active {
  padding-bottom: 0;
}

.cabinet.active .cabinet__name .text {
  color: #de1c75;
}

.cabinet.active .cabinet__name .icon {
  fill: #de1c75;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.cabinet.active .cabinet-drop {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}

.cabinet .logo {
  background-color: #ffffff;
}

.cabinet__open-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.cabinet__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-transition: border 0.2s linear;
  -o-transition: border 0.2s linear;
  transition: border 0.2s linear;
}

.cabinet__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #737373;
  z-index: 2;
}

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

.cabinet__name {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-gap: 10px;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.cabinet__name .icon {
  width: 10px;
  height: 10px;
  -webkit-transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  transition: fill 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease;
  transition: fill 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  fill: #1e2125;
}

.cabinet__name .text {
  max-width: 140px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  color: #1e2125;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.cabinet-drop {
  min-width: 190px;
  width: 100%;
  position: absolute;
  top: calc(100% + 10px);
  right: 0px;
  overflow: hidden;
  border-radius: 15px 0px 15px 15px;
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease, max-height 0.2s ease,
    -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease,
    max-height 0.2s ease, -webkit-transform 0.2s ease;
  z-index: 20;
}

.cabinet-drop ul {
  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;
}

.cabinet-drop li.custom {
  margin-bottom: 10px;
  padding: 15px;
  border-bottom: 1px solid #dadada;
}

.cabinet-drop li.custom .button {
  max-width: none;
  width: 100%;
}

.cabinet-drop li.custom .button .text {
  width: 100%;
}

.cabinet-drop a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 15px;
  min-height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #737373;
  line-height: 1.1;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.cabinet-drop a .icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
}

.cabinet-drop a .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.cabinet-drop a .group-item {
  font-size: 14px;
  font-weight: 700;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.cabinet-drop a .group-item:last-child {
  margin-left: auto;
}

.cabinet-drop a .group-item:last-child {
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #19b500;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1 !important;
}

.cabinet-drop a:hover {
  background-color: #f7f8f9;
  color: #de1c75;
}

.cabinet-drop a:hover .group-item {
  color: #de1c75;
}

.cabinet-drop a:hover .group-item:last-child {
  color: #ffffff;
}

.cabinet-drop a:hover .icon {
  fill: #de1c75;
}

.balance {
  margin-bottom: 10px;
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.balance.custom {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.balance.custom .balance-title {
  color: #1e2125;
}

.balance-title {
  margin-right: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #6d6d86;
}

.balance-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
}

.balance-price .icon {
  fill: #1c2af1;
}

.balance-price span {
  margin-left: 5px;
  color: #1c2af1;
  font-size: 14px;
  font-weight: 700;
}

.balance-price span:first-child {
  margin-right: 5px;
}

.balance-price span:first-child {
  font-size: 16px;
}

.pulsing:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  -webkit-box-shadow: inset 0 0 0 1px #19b500;
  box-shadow: inset 0 0 0 1px #19b500;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  -o-transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  -webkit-animation: pulsing 2s infinite;
  animation: pulsing 2s infinite;
}

@-webkit-keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes pulsing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.burger-menu {
  display: none;
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 0;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  z-index: 101;
}

.burger-menu__wrapper {
  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: 280px;
  height: calc(var(--app-height) - var(--header-height));
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-box-shadow: 2px 2px 5px #dadada;
  box-shadow: 2px 2px 5px #dadada;
  background-color: #f7f8f9;
}

.burger-menu .aside-block__list a.active i:first-child {
  color: #de1c75;
}

.burger-button {
  display: none;
  position: relative;
  z-index: 100;
  width: 20px;
  height: 20px;
}

.footer {
  max-width: 1270px;
  width: 100%;
  margin: 0 auto;
  max-width: 1920px;
}

.footer-container {
  padding: 50px 30px;
  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;
  background-color: #ffffff;
}

.footer-icon {
  margin-bottom: 30px;
}

.footer-texts {
  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: 1175px;
  width: 100%;
}

.footer-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: #737373;
  margin-bottom: 20px;
}

.footer-text:last-child {
  margin-bottom: 0px;
}

.footer-nav {
  margin-bottom: 30px;
}

.footer-nav ul {
  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;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.footer-nav ul li {
  margin: 2px;
}

.footer-nav ul li a {
  position: relative;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 14px;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  padding: 6px 20px;
}

.footer-nav ul li a::before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 10%;
  height: 1px;
  background-color: transparent;
  -webkit-transition: color 0.2s ease, background-color 0.2s ease,
    bottom 0.2s ease, width 0.2s ease;
  -o-transition: color 0.2s ease, background-color 0.2s ease, bottom 0.2s ease,
    width 0.2s ease;
  transition: color 0.2s ease, background-color 0.2s ease, bottom 0.2s ease,
    width 0.2s ease;
}

.player-wrap {
  position: relative;
}

#kt_player {
  position: absolute !important;
}

.player {
  width: 100%;
  border-radius: 15px;
}

/* .player .button .text {
  color: #1e2125;
}

.player .button .icon {
  fill: #1e2125;
} */
.player .button.medium-size {
  margin-block: 20px 30px;
}

.player .drop-menu.custom {
  margin: 0 5px;
}

.player .drop-menu.custom:first-child {
  margin-left: 0;
}

.player .drop-menu.custom:last-child {
  margin-right: 0;
}

.player .drop-menu.custom .drop-menu__select .text {
  color: #1e2125;
  pointer-events: none;
}

.player .drop-menu.custom .drop-menu__select .icon {
  fill: #1e2125;
  pointer-events: none;
}

.player .drop-menu.custom.active .drop-menu__select .text {
  color: #ffffff;
}

.player .drop-menu.custom.active .drop-menu__select .icon {
  fill: #ffffff;
}

.player .buttons .drop-menu {
  margin-left: 0;
}

.player .buttons .drop-menu__select {
  padding: 7px 10px !important;
}

.player .tag-links:nth-child(1),
.player .tag-links:nth-child(2) {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 20px;
}

.player-cover {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
  overflow: hidden;
}

.player-cover__picture {
  position: relative;
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: cover;
  object-fit: cover;
  background-color: grey;
  overflow: hidden;
  padding-bottom: 56.2992125984%;
}

.player-cover__picture img,
.player-cover__picture video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
}

.player-cover__button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.player-cover__button .icon {
  width: 100px;
  height: 100px;
  max-width: none;
  fill: rgba(255, 255, 255, 0.8);
  -webkit-transition: fill 0.2s ease, opacity 0.2s ease;
  -o-transition: fill 0.2s ease, opacity 0.2s ease;
  transition: fill 0.2s ease, opacity 0.2s ease;
}

.player-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

.player-banner a,
.player-banner iframe,
.player-banner img {
  display: block;
}

.player-banner img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 15px;
}

.player-banner .desktop {
  display: block;
}

.player-banner .mobile {
  display: none;
}

.player-buttons {
  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;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.player-buttons__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 20px;
}

.player-buttons__column:first-child {
  margin-left: 0px;
}

.player-buttons__item {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.player-buttons__item:first-child {
  margin-right: 5px;
}

.player-buttons__item.gap-more {
  grid-gap: 10px;
}

.player-buttons__item.gap-more .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #6d6d86;
}

.player-buttons__item.gap-more i {
  font-size: 16px;
  color: #6d6d86;
}

.player-button {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 12px;
  background-color: #ffffff;
  color: black;
  border-radius: 15px;
  height: 40px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.player-button .icon {
  fill: black;
}

.player-info {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #9f92a6;
}

.player-info .text {
  white-space: nowrap;
  line-height: 1.1;
}

.player-info i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

.player-text {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: White;
}

.tag-links {
  display: block;
  width: 100%;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 15px;
}

.tag-links.custom .video-links__link {
  padding: 8px 10px 8px 45px;
  margin-left: 5px;
}

.tag-links:last-child {
  margin-bottom: 0px;
}

.tag-links__name {
  display: inline-block;
  height: 30px;
  padding: 5px 0px;
  margin: 5px 10px 5px 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  line-height: 1.5;
}

.tag-links__list {
  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;
  margin: 0 -5px;
}

.tag-links__item {
  position: relative;
  margin: 5px 3px;
  display: inline-block;
}

.tag-links__item.name {
  margin: 0;
}

.tag-links__item .info-popup {
  left: 20px;
  z-index: 11;
}

.tag-links__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #737373;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.tag-links__link .part {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -5px;
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  z-index: 10;
  -webkit-transition: border 0.2s ease;
  -o-transition: border 0.2s ease;
  transition: border 0.2s ease;
}

.tag-links__link.button::after {
  content: "";
  border-radius: 10px !important;
}

.tab-content__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.tab-content__column .balance {
  margin-bottom: 20px;
}

.tab-content__column .balance:last-child {
  margin-bottom: 0;
}

.tab-content__column:first-child {
  margin-right: 20px;
}

.tab-buttons {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-buttons.gap-more {
  grid-gap: 20px;
}

.tab-buttons.custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0;
  width: 100%;
  overflow-x: auto;
  border-bottom: 1px solid #191929;
}

.tab-buttons.custom::-webkit-scrollbar {
  display: none;
  height: 5px;
  width: 0;
}

.tab-buttons.custom::-moz-scrollbar {
  display: none;
  width: 0;
  height: 5px;
}

.tab-buttons.custom::-moz-scrollbars-horizontal {
  display: none;
  width: 0;
  height: 5px;
}

.tab-buttons.custom::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}

.tab-buttons.custom::-webkit-scrollbar-thumb {
  display: none;
  background-color: transparent;
}

.tab-buttons.custom .tab-button {
  position: relative;
  padding: 10px 30px;
  margin-right: 10px;
  background-color: transparent;
  -webkit-transition: color 0.1s ease;
  -o-transition: color 0.1s ease;
  transition: color 0.1s ease;
}

.tab-buttons.custom .tab-button:last-child {
  margin-right: 0;
}

.tab-buttons.custom .tab-button .text {
  text-transform: uppercase;
  white-space: nowrap;
}

.tab-button {
  padding: 10px 15px;
  height: 40px;
  overflow: hidden;
}

.tab-button.active {
  background-color: #de1c75;
  color: #ffffff;
  cursor: default;
}

.tab-button.active .icon {
  fill: #ffffff;
}

.tab-button.active .text {
  color: #ffffff;
}

.tab-button.active:after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #de1c75;
}

/* .playlist-holder {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
} */

.screens {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}

.screens-link {
  border-radius: 10px;
  overflow: hidden;
}

.screens-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.comments {
  margin-top: 30px;
}

.comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  margin-bottom: 30px;
}

.comment .checkbox {
  margin-left: 20px;
}

.comment.custom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment.custom .comment-other__text {
  max-width: none;
}

.comment:last-child {
  margin-bottom: 0px;
}

.comment-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.comment-icon {
  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;
  padding: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  max-height: 40px;
  max-width: 40px;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  overflow: hidden;
}

.comment-icon .icon {
  fill: #737373;
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}

.comment-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.comment-other__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.comment-other__name {
  font-weight: 500;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.comment-other__ago {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  white-space: nowrap;
}

.comment-other__ago .icon {
  width: 14px;
  height: 14px;
  max-width: none;
}

.comment-other__ago .text {
  line-height: 1.1;
  font-size: 12px;
  color: #737373;
}

.comment-other__text {
  margin-bottom: 10px;
  max-width: 900px;
  width: 100%;
  white-space: normal;
  color: #1e2125;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 500;
}

.share-row__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1e2125;
}

.share-row__input {
  padding: 8px 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
  color: #1e2125;
}

.share-row__group {
  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;
}

.sizes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 30px;
  margin: 0px -5px 5px -5px;
}

.sizes-link {
  margin: 5px;
  padding: 10px 20px;
  font-weight: 700;
  background-color: #ffffff;
  border-radius: 10px;
  color: #6d6d86;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease, color 0.2s ease-in-out;
  transition: background-color 0.2s ease, color 0.2s ease-in-out;
}

.sizes-link:last-child {
  margin-right: 0px;
}

.custom-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-size__label {
  display: block;
  font-weight: 500;
  margin-right: 10px;
  color: #1e2125;
}

.custom-size__label::-webkit-input-placeholder {
  color: #1e2125;
}

.custom-size__label::-moz-placeholder {
  color: #1e2125;
}

.custom-size__label:-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__label::-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__label::placeholder {
  color: #1e2125;
}

.custom-size__label.margin {
  margin: 0px 10px;
}

.custom-size__input {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #1e2125;
  width: 85px;
}

.custom-size__input::-webkit-input-placeholder {
  color: #1e2125;
}

.custom-size__input::-moz-placeholder {
  color: #1e2125;
}

.custom-size__input:-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__input::-ms-input-placeholder {
  color: #1e2125;
}

.custom-size__input::placeholder {
  color: #1e2125;
}

.block-flagging .success {
  color: #fff;
  background-color: #de1c75;
  border-radius: 15px;
  padding: 11px;
  font-weight: 700;
  text-align: center;
}

.block-flagging .generic-error {
  color: red;
  margin-bottom: 15px;
}

.report-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-min-content auto;
  -ms-grid-columns: min-content auto;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.report-label {
  white-space: nowrap;
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #1e2125;
}

.report-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-row .label-report {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
  font-weight: 700;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-row .label-report::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #737373;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.report-row .label-report::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #de1c75;
}

.report-row .radio-report {
  width: auto;
  display: none;
  margin-right: 10px;
}

.report-row .radio-report:checked+label:before {
  border-color: #de1c75;
}

.report-row .radio-report:checked+label:after {
  opacity: 1;
}

.report-submit {
  padding: 10px 30px;
  background-color: #de1c75;
  color: #ffffff;
  border-radius: 20px;
  margin-top: 20px;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
}

.report-message {
  width: 100%;
}

.report-message__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #1e2125;
}

.report-message__tetarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid rgb(207, 207, 207);
  color: #1e2125;
  padding: 9px 20px;
  width: 100%;
}

.report-message__tetarea::-webkit-input-placeholder {
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::-moz-placeholder {
  color: #6d6d86;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea:-ms-input-placeholder {
  color: #6d6d86;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::-ms-input-placeholder {
  color: #6d6d86;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.report-message__tetarea::placeholder {
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row.disabled .radio-row__label {
  cursor: default;
  opacity: 0.3;
}

.radio-row.disabled p {
  visibility: visible;
  opacity: 1;
}

.radio-row.disabled:hover {
  color: #737373;
}

.radio-row p {
  margin-left: 25px;
  font-size: 12px;
  font-weight: 400;
  color: #d5224d;
  visibility: hidden;
  opacity: 0;
}

.radio-row:last-child {
  margin-bottom: 0;
}

.radio-row:hover {
  color: #ffffff;
}

.radio-row__label {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
}

.radio-row__label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #696b71;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background-color: #ffffff;
}

.radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.radio-row__input:checked+label:before {
  border-color: #de1c75;
  background-color: #de1c75;
}

.radio-row__input:checked+label:after {
  opacity: 1;
}

.pagination {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

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

.pagination li {
  padding: 0px 3px;
}

.pagination li:first-child {
  padding-right: 15px;
}

.pagination li:last-child {
  padding-left: 15px;
}

.pagination-link,
.pagination a {
  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: 40px;
  height: 40px;
  padding: 10px 20px;
  background-color: #ffffff;
  color: #737373;
  border-radius: 15px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  z-index: 5;
  white-space: nowrap;
}

.pagination-link .icon,
.pagination a .icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.pagination-link.dots,
.pagination a.dots {
  background-color: transparent;
}

.pagination-link.active,
.pagination a.active {
  background-color: #de1c75;
  color: #ffffff;
}

.pagination-link.active *,
.pagination a.active * {
  color: #ffffff;
  cursor: default;
}

.pagination-link.first-pager,
.pagination a.first-pager {
  position: relative;
  width: auto;
  border-radius: 15px;
}

.pagination-link.first-pager .icon,
.pagination a.first-pager .icon {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  z-index: 5;
}

.pagination-link.last-pager,
.pagination a.last-pager {
  position: relative;
  width: auto;
  border-radius: 15px;
}

.pagination-link.last-pager .icon,
.pagination a.last-pager .icon {
  width: 10px;
  height: 10px;
  margin-left: 10px;
  z-index: 5;
}

.pagination-link:after,
.pagination a:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 75%;
  height: 75%;
  border-radius: 15px;
  background-color: transparent;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: width 0.2s ease, height 0.2s ease,
    background-color 0.2s ease;
  -o-transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
  transition: width 0.2s ease, height 0.2s ease, background-color 0.2s ease;
}

.links:first-child {
  padding-top: 0px;
}

.links:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

.links-category {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #1c2af1;
  padding: 0px 20px;
  margin-bottom: 10px;
}

.links-list {
  width: 100%;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 95px;
  -moz-column-gap: 95px;
  column-gap: 95px;
}

.links-item {
  display: block;
  max-height: 40px;
}

.links-item.last,
.links-item:has(+ .links-item > .links-category) {
  margin-bottom: 25px;
}

.links-item__link {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 10px;
  -webkit-transition: background-color 0.2s linear, color 0.1s linear;
  -o-transition: background-color 0.2s linear, color 0.1s linear;
  transition: background-color 0.2s linear, color 0.1s linear;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  max-width: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.links-item__link p {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.links-item__link span {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.links-item__link span:first-child {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 700;
  color: #1e2125;
}

.links-item__link span:last-child {
  margin-left: 20px;
  font-weight: 500;
  color: #737373;
}

.links-item__link.button {
  background-color: transparent;
}

.info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  border-radius: 15px;
  background-color: #ffffff;
}

.info .title {
  color: #1e2125;
}

.info.custom {
  margin-top: 10px;
}

.info.custom .info-column:first-child {
  position: relative;
  left: 0;
  top: -120px;
  width: 220px;
  height: 220px;
  padding-bottom: 220px;
  border-radius: 50%;
  z-index: 5;
}

.info.custom .info-column:last-child {
  max-width: calc(100% - 250px);
}

.info.custom .info-head {
  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;
  margin-bottom: 20px;
}

.info.custom .info-head .button {
  margin-top: 20px;
  color: #ffffff;
}

.info.custom .info-head__body {
  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;
}

.info.without-padding {
  padding: 0;
}

.info.without-padding .info-column:last-child {
  padding: 30px 30px 30px 0;
}

.info.profile {
  display: block;
}

.info.profile .info-column:first-child {
  max-width: none;
  max-height: none;
  padding-bottom: 0;
  margin-right: 0;
  border-radius: 0;
  overflow: visible;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: transparent;
}

.info.profile .info-column:first-child .icon {
  position: static;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  width: 16px;
  height: 16px;
}

.info.profile .logo.large {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
  margin-bottom: 15px;
  margin-right: 0;
}

.info.profile .logo.large .logo-online {
  top: 0px;
  right: 0px;
  width: 16px;
  height: 16px;
}

.info.profile .logo.large::before {
  content: "";
  border: 4px solid transparent;
}

.info.profile .item-list {
  margin: 0 -10px;
}

.section-custom .info-column:first-child {
  background-color: #ededed;
}

.info-column:first-child {
  position: relative;
  max-width: 320px;
  width: 100%;
  max-height: 460px;
  width: 100%;
  padding-bottom: 460px;
  margin-right: 30px;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  background-color: #f7f8f9;
}

.info-column:last-child {
  width: 100%;
}

.info-column:first-child img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}

.info-column:first-child .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  max-width: none;
  z-index: 1;
}

.info-column.custom {
  width: 230px !important;
  height: 230px !important;
  padding-bottom: 230px !important;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.info-column .title {
  margin-bottom: 10px;
}

.info-column__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 20px;
  margin-bottom: 20px;
  gap: 15px 10px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.info-column__head.custom {
  flex-wrap: wrap
}

.info-column__head.custom>div:not(.info-buttons) {
  flex-grow: 1;
}

.info-buttons:has(.button) {
  gap: 10px;
}

info-column__head.custom .info-buttons .button {
  margin: 0;
}

.info-list {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
}

.info-item {
  padding: 8px 0;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2125;
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.info-item .mark {
  color: #737373;
  margin-right: 5px;
  font-size: 14px;
  font-weight: 700;
}

.info-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}

.info-buttons .double-btn,
.info-buttons .drop {
  margin-right: 10px;
  height: 40px;
}

.info-buttons .double-btn:last-child,
.info-buttons .button:last-child,
.info-buttons .drop:last-child {
  margin-right: 0;
}

.more-text {
  display: -webkit-box;
  width: 100%;
  height: 65px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.more-text.custom {
  height: 108px;
  -webkit-line-clamp: 5;
}

.more-text.more {
  height: auto;
  overflow: visible;
  -webkit-line-clamp: inherit;
}

.more-text__button {
  margin-top: 10px;
  padding: 10px 10px;
}

.modal {
  /* position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; */
  /* background-color: rgba(255, 255, 255, 0.8); */
  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-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); */
  /* z-index: 100; */
  /* visibility: hidden; */
  /* opacity: 0; */
  /* -webkit-transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease,
    -webkit-transform 0.2s ease;
  -o-transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
  transition: visibility 0.2s ease, opacity 0.2s ease, transform 0.2s ease,
    -webkit-transform 0.2s ease; */
}

.modal .success {
  text-align: center;
  font-size: 15px;
  line-height: 1.4;
}

.modal.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal.custom .modal-wrapper {
  /* max-width: 950px; */
  /* width: 100%; */
  /* min-width: 950px; */
}

.modal.for-player .modal-wrapper {
  padding: 0;
  max-width: 1270px;
  width: 100%;
}

.modal.for-player .close-btn {
  z-index: 12;
}

.modal.for-player .close-btn .icon {
  fill: #ffffff;
}

.modal.for-player .player-cover__button {
  cursor: default;
}

.modal.for-player .player-cover {
  cursor: default;
}

.modal .body-desktop {
  display: block !important;
}

.modal .body-mobile {
  display: none !important;
}

.modal .logo {
  width: 160px !important;
  height: 160px !important;
  max-width: 160px !important;
}

.modal .logo .icon {
  width: 80px;
  height: 80px;
  max-width: 80px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
}

.modal .main-icon {
  margin-bottom: 50px;
}

.modal .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 12;
}

.modal .title {
  margin-bottom: 25px;
}

.modal .buttons .button {
  margin-top: 0;
}

.modal .button {
  margin-top: 20px;
}

.modal .button.medium-size {
  margin-bottom: 30px;
}

.modal .player-cover {
  position: static;
}

.modal-layer {
  position: relative;
  width: 100%;
  min-height: 715px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-layer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
}

.modal-layer__wrapper {
  position: relative;
  padding: 50px;
  width: 100%;
  height: 100%;
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10;
}

.modal-layer__wrapper .button.medium-size {
  margin: 0;
}

.modal-aside {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
  height: 100%;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 10;
}

.modal-aside .card {
  cursor: default;
  margin-bottom: 20px;
}

.modal-aside .button {
  width: 100%;
  max-width: none;
}

.modal-aside .titles-list {
  margin-bottom: 0;
}

.modal-aside__wrapper {
  overflow-y: auto;
  height: calc(100% - 70px);
  margin: 0 -10px 0 -20px;
  padding: 0 10px 0 20px;
}

.modal-aside__wrapper::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__wrapper::-moz-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__wrapper::-ms-scrollbar-thumb {
  background-color: #ffffff;
}

.modal-aside__title {
  margin-right: 35px;
}

.modal {
  max-width: 500px;
  border-radius: 15px;
}

.modal.custom {
  max-width: 950px;
  width: 100%;
}

.modal.for-player {
  max-width: unset;
  width: 1270px;
}

.modal-wrapper {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
  padding: 50px;
  /* margin: 40px 10px; */
  /* max-width: 500px; */
  width: 100%;
  border-radius: 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgb(207, 207, 207);
  box-shadow: 0 0 5px rgb(207, 207, 207);
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 80px);
}

.modal-wrapper.pad-0 {
  padding: 0 !important;
}

.modal-wrapper.custom {
  max-width: 900px;
}

.modal:has(.color-modal) {
  padding: 0;
  max-width: 1140px;
}

.modal-wrapper.color-modal .modal-column {
  padding: 50px;
}

.modal-wrapper.color-modal .modal-column:last-child {
  background: -o-linear-gradient(20deg, rgb(210, 29, 124), rgb(28, 42, 241));
  background: linear-gradient(70deg, rgb(210, 29, 124), rgb(28, 42, 241));
}

.modal-wrapper.color-modal .modal-column:last-child .button {
  margin-top: 0;
}

.modal-wrapper.color-modal .modal-columns {
  grid-gap: 0;
}

.modal-wrapper.color-modal .close-modal .icon {
  fill: #ffffff;
}

.modal-wrapper__space {
  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: 30px;
}

.modal-wrapper__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  max-width: none;
}

.modal-content {
  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;
}

.modal-content .text {
  margin-bottom: 30px;
  text-align: center;
}

.modal-content .title.medium-uppercase {
  text-align: center;
}

.modal-body {
  padding-bottom: 50px;
  border-bottom: 1px solid rgb(218, 218, 218);
}

.modal-columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}

.modal-columns.custom {
  -ms-grid-columns: auto 310px;
  grid-template-columns: auto 310px;
  width: 100%;
}

.modal-column.content-center {
  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: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-submit {
  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;
}

.modal-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #6d6d86;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.modal-text {
  max-width: 70%;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

.modal-text a {
  font-size: 12px;
  font-weight: 700;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

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

.close-btn .icon {
  width: 24px;
  height: 24px;
  max-width: none;
  fill: #1e2125;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}

.tabs-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.tabs-buttons .title {
  position: relative;
  margin-right: 30px;
  margin-bottom: 0;
  line-height: 2;
  cursor: pointer;
  color: #737373;
}

.tabs-buttons .title:last-child {
  margin-right: 0;
}

.tabs-buttons .title.active {
  cursor: default;
  color: #1c2af1;
}

.upload-text {
  margin-bottom: 50px;
  font-size: 14px;
  font-weight: 500;
}

.upload-form {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  max-width: 1450px;
}

.upload-form__item .input {
  margin-bottom: 0;
}

.upload-select {
  background-color: #f7f8f9 !important;
  color: #737373 !important;
}

.upload-file {
  background-color: #ffffff;
}

.upload-content .input {
  background-color: #ffffff !important;
}

.upload-content .input-label label {
  margin-bottom: 10px;
}

.upload-content .input-label.custom-margin {
  margin-bottom: 30px;
}

.upload-content .radio-row__label {
  margin-bottom: 0 !important;
  font-weight: 500;
  padding-left: 30px;
  color: #1e2125;
}

.upload-content .radio-row__label::before {
  content: "";
  border: 2px solid black;
}

.upload-content .radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-color: #ffffff;
}

.upload-content .radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.upload-content .radio-row__input:checked+label:before {
  background-color: #de1c75;
  border: 2px solid #de1c75;
}

.upload-content .radio-row__input:checked+label:after {
  opacity: 1;
}

.upload-content__columns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
}

.upload-content__column p {
  margin-bottom: 10px;
}

.upload-content__column .upload-text {
  padding-left: 120px;
}

.upload-content__column .card {
  cursor: default;
}

.upload-content__column:last-child {
  padding-left: 150px;
}

.upload-list .title {
  margin-bottom: 20px;
}

.upload-list .text {
  margin-bottom: 20px;
  color: #737373;
  font-size: 14px;
  font-weight: 500;
}

.upload-list .text:last-child {
  margin-bottom: 0;
}

.upload-list .text a {
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.upload-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #191929;
}

.upload-head .card {
  width: 320px;
  margin-right: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.upload-head__body {
  width: 100%;
}

/* .upload-progress {
  position: relative;
  width: 100%;
  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;
  margin-bottom: 30px;
}

.upload-progress__name {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #1c2af1;
  max-width: 310px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.upload-progress__text {
  margin-bottom: 2px;
  font-size: 24px;
  font-weight: 700;
  color: #1c2af1;
}

.upload-progress__line {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: rgb(207, 207, 207);
}

.upload-progress__line div {
  height: 8px;
  border-radius: 4px;
  background-color: #1c2af1;
} */

.progressbar {
  position: relative;
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: rgb(207, 207, 207);
  margin: 90px 0 0;
}

.progressbar .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 8px;
  border-radius: 4px;
  background-color: #1c2af1;
}

.progressbar .text {
  position: absolute;
  bottom: 100%;
  left: 50%;
  translate: -50% 0;
  margin-bottom: 2px;
  font-size: 24px;
  font-weight: 700;
  color: #1c2af1;
}

.form.uploading {
  margin-bottom: 30px;
}

.input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 5px 20px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #1e2125;
  border-radius: 15px;
  border: 1px solid rgb(207, 207, 207);
}

.mt20 {
  margin-top: 20px;
}

.row .input {
  margin-bottom: 0;
}

.row .textarea,
.input-label .textarea {
  width: 100%;
  padding: 12px 20px;
}

.row:has(.input, .textarea) {
  margin-bottom: 20px;
  position: relative;
}

.generic-error {
  color: red;
  margin-bottom: 10px;
  font-size: 12px;
}

.modal .field-error {
  position: absolute;
  color: red;
  font-size: 12px;
  left: 5px;
}

.modal .field-error.down {
  top: 100%;
}

.modal .field-error.up {
  bottom: 100%;
}

.captcha-label {
  margin-bottom: 10px;
  display: block;
}

.input.file {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
  line-height: 26px;
}

.upload-file.changed input[type="text"] {
  opacity: 0;
}

.upload-file.changed input[type="file"] {
  opacity: 1;
}

.input.file::file-selector-button {
  display: none;
  opacity: 0;
}

.input.file::-webkit-input-placeholder {
  cursor: pointer;
}

.input.file::-moz-placeholder {
  cursor: pointer;
}

.input.file:-ms-input-placeholder {
  cursor: pointer;
}

.input.file::-ms-input-placeholder {
  cursor: pointer;
}

.input.file::placeholder {
  cursor: pointer;
}

.input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::-moz-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input:-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::-ms-input-placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input::placeholder {
  font-size: 14px;
  font-weight: 500;
  color: #737373;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.input.last {
  margin-bottom: 30px;
}

.textarea {
  padding: 12px 0;
  overflow: hidden;
  border-radius: 15px;
  border: 1px solid rgb(207, 207, 207);
  background-color: #ffffff;
}

.textarea textarea {
  padding: 0 20px;
  min-height: 96px;
  height: 100%;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  background-color: #ffffff;
  color: #1e2125;
  width: 100%;
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  border: none;
}

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

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

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

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

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

.textarea.custom {
  min-height: 205px;
}

.textarea.custom textarea {
  min-height: 182px;
}

.input-label {
  margin-bottom: 20px;
  position: relative;
}

.input-label:last-child {
  margin-bottom: 0;
}

.input-label.custom .input:last-child {
  margin-top: 10px;
}

.input-label__group {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  max-width: 225px;
}

.input-label input {
  margin-bottom: 0;
}

.input-label label,
.field-label.second {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: #1e2125;
}

.input-label p {
  font-size: 14px;
  margin-bottom: 14px;
}

.input-label .drop-menu {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-left: 0;
  width: 100%;
  max-height: 40px;
}

.input-label .select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px !important;
}

.input-label .select .text {
  width: 100%;
}

.input-label .options {
  max-height: 120px;
}

.input-label .option {
  padding: 10px 18px;
}

.file-control {
  position: relative;
}

.file-control .button {
  position: absolute;
  left: 5px;
  top: 50%;
  translate: 0 -50%;
  height: 30px;
  background-color: #1c2af1;
  color: #fff;
  padding: 0px 10px;
}

.form .file {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  opacity: 0;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

.input-label .field-error {
  position: absolute;
  top: 100%;
  left: 10px;
  color: red;
  font-size: 12px;
}

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 6;
  background-color: transparent;
  border-radius: 5px;
}

.checkbox.right {
  position: absolute;
  top: 10px;
  right: 10px;
}

.checkbox.for-round {
  top: 0;
  left: 0;
}

.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}

.checkbox input+label,
.item-control .toggle-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100% !important;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #737373;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.checkbox input+label::before,
.item-control .toggle-button:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border: 1px solid rgb(207, 207, 207);
  border-radius: 5px;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  background-image: url("../images/done.svg");
  background-size: 0;
  cursor: pointer;
  z-index: 10;
}

.checkbox input:checked+label::before,
.item-control .toggle-button.active::before {
  border-color: #de1c75;
  background-size: 10px;
  background: #de1c75 url("../images/done.svg") no-repeat center;
  z-index: 10;
}

.label-checkboxes {
  margin-bottom: 15px;
}

.label-checkboxes label {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 700;
  color: #1e2125;
}

.label-checkboxes__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [9];
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: 20px;
}

.label-checkboxes__list .checkbox {
  margin-bottom: 10px;
}

.label-checkboxes__list .checkbox input+label {
  margin: 0;
}

.upload-select {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 7px 22px;
  background-color: #1c2af1;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #ffffff;
  -webkit-transition: color 0.2s ease, border 0.3s ease,
    background-color 0.2s ease;
  -o-transition: color 0.2s ease, border 0.3s ease, background-color 0.2s ease;
  transition: color 0.2s ease, border 0.3s ease, background-color 0.2s ease;
  position: absolute;
  right: 4px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.upload-file {
  position: relative;
}

.upload-file .input {
  margin-bottom: 0;
}

.radio-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.radio-rows .radio-row {
  margin-bottom: 0;
  margin-right: 50px;
}

.radio-rows .radio-row:last-child {
  margin-right: 0;
}

.radio-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row.disabled .radio-row__label {
  cursor: default;
  opacity: 0.3;
}

.radio-row.disabled p {
  visibility: visible;
  opacity: 1;
}

.radio-row.disabled:hover {
  color: #737373;
}

.radio-row.large-size {
  max-width: none;
}

.radio-row.large-size .radio-row__label {
  width: 100%;
  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;
  padding: 25px 20px 25px 55px;
  background-color: #f7f8f9;
  border-radius: 15px;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.radio-row.large-size .radio-row__label span {
  margin-right: 30px;
  color: #1c2af1;
  font-size: 26px;
  font-weight: 800;
}

.radio-row.large-size .radio-row__label span i {
  font-size: 20px;
  font-weight: 500;
  color: #1c2af1;
}

.radio-row.large-size .radio-row__label span:nth-child(2) {
  font-weight: 500;
  font-size: 14px;
  color: #737373;
}

.radio-row.large-size .radio-row__label span:last-child {
  margin-right: 0;
}

.radio-row.large-size .radio-row__label::before,
.radio-row.large-size .radio-row__label::after {
  content: "";
  margin-left: 20px;
}

.radio-row.large-size .radio-row__input:checked+label {
  background-color: #de1c75;
  cursor: default;
}

.radio-row.large-size .radio-row__input:checked+label span {
  color: #ffffff;
}

.radio-row.large-size .radio-row__input:checked+label span i {
  color: #ffffff;
}

.radio-row.large-size .radio-row__input:checked+label::before {
  content: "";
  border-color: #ffffff;
}

.radio-row.with-pic .radio-row__label {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 10px;
}

.radio-row.with-pic .radio-row__label img:first-child {
  margin-left: 5px;
}

.radio-row p {
  margin-left: 25px;
  font-size: 12px;
  font-weight: 400;
  color: #d5224d;
  visibility: hidden;
  opacity: 0;
}

.radio-row:last-child {
  margin-bottom: 0;
}

.radio-row:hover {
  color: #1e2125;
}

.radio-row__label {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
  color: #1e2125;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.radio-row__label::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #696b71;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  -o-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-color: #de1c75;
}

.radio-row__input {
  width: auto;
  display: none;
  margin-right: 10px;
}

.radio-row__input:checked+label:before {
  background-color: #ffffff;
  border: 2px solid #de1c75;
}

.radio-row__input:checked+label:after {
  opacity: 1;
}

.radio-label {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #737373;
}

form .drop-menu.active .drop-menu__select {
  border: 1px solid #de1c75;
}

form .drop-menu__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  border: 1px solid rgb(207, 207, 207);
  border-radius: 15px;
}

form .drop-menu__select .text {
  font-weight: 500;
}

form .drop-menu__select::after {
  content: "";
  border-radius: 10px;
}

form .drop-menu__option {
  height: 40px;
}

.block-new-comment {
  position: relative;
}

.block-new-comment .generic-error {
  position: absolute;
  bottom: calc(100% + 3px);
  color: red;
  font-size: 15px;
  left: 10px;
}

.add-comment .row {
  margin-bottom: 20px;
  position: relative;
}

.add-comment .row:has(.form__input) {
  margin-bottom: 10px;
}

.add-comment .field-error {
  position: absolute;
  top: 100%;
  left: 10px;
  color: red;
  font-size: 12px;
}

.add-comment .field-error.up {
  top: auto;
  bottom: 100%;
}

.add-comment__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}

.add-comment__head .button {
  margin-left: 20px;
}

.add-comment .title {
  color: #1e2125;
  margin-bottom: 0;
}

.captcha-control>div {
  position: relative;
  margin-bottom: 20px;
}

.block-comments .block-new-comment:not(.blog) {
  display: none;
}

.form {
  width: 100%;
}

.form.custom {
  max-width: 1030px;
}

.form__input,
.form__textarea {
  display: block;
  padding: 10px 20px;
  width: 100%;
  border-radius: 15px;
  color: #1e2125;
  background-color: #ffffff;
  border: 1px solid rgb(207, 207, 207);
}

.form__input::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
  color: rgb(115, 115, 115);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::-moz-placeholder,
.form__textarea::-moz-placeholder {
  color: rgb(115, 115, 115);
  -moz-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
  color: rgb(115, 115, 115);
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder {
  color: rgb(115, 115, 115);
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input::placeholder,
.form__textarea::placeholder {
  color: rgb(115, 115, 115);
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.form__input {
  height: 40px;
  max-width: 500px;
}

.form__textarea {
  display: inline-block;
  min-height: 100px;
  width: 100%;
  height: 100%;
}

.form__button {
  display: inline-block;
  padding: 10px 30px;
  border-radius: 15px;
  color: #ffffff;
  font-weight: 500;
  border: 1px solid transparent;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease,
    border 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
}

form .list-selector-popup {
  position: absolute;
  width: 100%;
  height: 160px;
  left: 0;
  bottom: 52px;
  border-radius: 5px;
  -webkit-box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  z-index: 1;
  background-color: #ffffff;
}

form .list-selector-popup:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 9px;
  background-color: #f7f8f9;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
}

form .list-selector-popup:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #f7f8f9;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  box-shadow: -1px 1px 5px rgba(33, 33, 33, 0.65);
  bottom: -5px;
  z-index: 1;
}

form .list-selector-popup .button-group {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 30px;
  right: 8px;
}

form .list-selector-popup .button-group {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 30px;
  right: 8px;
}

form .list-selector-popup .button-group .item {
  display: inline-block;
  width: 31%;
  padding: 3px 0 10px;
  vertical-align: top;
}

@media screen and (max-width: 420px) {
  form .list-selector-popup .button-group .item {
    width: 45%;
  }
}

form .list-selector-popup .filter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f7f8f9;
  border: none;
}

form .list-selector-popup .filter input {
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  border: none;
  background: #f7f8f9;
  font-weight: 400;
  line-height: 14px;
}

.chat .title a {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat a.user-logo img {
  -webkit-transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  transition: -webkit-filter 0.2s ease, -webkit-transform 0.2s ease;
  -o-transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease;
  transition: filter 0.2s ease, transform 0.2s ease, -webkit-filter 0.2s ease,
    -webkit-transform 0.2s ease;
}

.chat a.user-logo .icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat-aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  height: 100%;
  margin: 0 -20px;
}

.chat-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-head .title {
  margin: 0;
  white-space: nowrap;
  line-height: 1;
}

.chat-head .title:last-child {
  margin-left: 5px;
}

.chat-head a {
  display: inline-block;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-left: 20px;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.chat-head .user-logo {
  margin-right: 10px;
}

.chat-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.chat-title {
  margin-bottom: 10px;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-title .mark {
  margin-left: 20px;
  color: #de1c75;
  max-width: 450px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chat-list {
  z-index: 3;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 310px;
}

.chat-list__wrap {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.chat-list__holder {
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
  max-height: 680px;
  height: 100%;
}

.chat-list__holder::-webkit-scrollbar {
  width: 3px;
}

.chat-list__holder::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-list__holder::-moz-scrollbar {
  width: 3px;
}

.chat-list__holder::-moz-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-list__holder::-ms-scrollbar {
  width: 3px;
}

.chat-list__holder::-ms-scrollbar-track {
  background-color: #ffffff;
}

.chat-list__holder::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages {
  width: 100%;
}

.chat-messages__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid rgb(207, 207, 207);
}

.chat-messages__head .chat-title {
  margin-bottom: 0;
}

.chat-messages__head-back {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ffffff;
  padding: 10px 20px;
  margin: 0 20px 0 0;
  background-color: #ffffff;
  border-radius: 15px;
}

.chat-messages__head-back .icon {
  width: 10px;
  height: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10px;
  flex: 0 0 10px;
  max-width: 10px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.chat-messages__head-back .text {
  font-size: 14px;
  font-weight: 600;
}

.chat-messages__head-user {
  padding: 7px 25px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #1e2125;
}

.chat-messages__head-user .dialog {
  margin-right: 5px;
}

.chat-messages__head-user .dialog-name {
  color: #ff7d00;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-messages__head-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5;
  color: #1e2125;
}

.chat-messages__head-buttons .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  background-color: #414141;
  border-radius: 5px;
  margin-left: 5px;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  font-size: 14px;
}

.chat-messages__head-buttons .button:hover {
  background-color: #ff7d00;
}

.chat-messages__head-buttons .button:first-child {
  margin-left: 0px;
}

.chat-messages__head-buttons .button .icon {
  width: 16px;
  height: 16px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16px;
  flex: 0 0 16px;
  max-width: 16px;
  margin-right: 5px;
}

.chat-messages__head-settings {
  position: relative;
}

.chat-messages__head-dots {
  display: none;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-gap: 2px;
  width: 20px;
  height: 18px;
  cursor: pointer;
}

.chat-messages__head-dots span {
  height: 5px;
  width: 5px;
  background-color: #b3b3b3;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}

.chat-messages__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 510px;
  height: 100%;
}

.chat-messages__content::-webkit-scrollbar {
  width: 3px;
}

.chat-messages__content::-webkit-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content::-moz-scrollbar {
  width: 3px;
}

.chat-messages__content::-moz-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content::-ms-scrollbar {
  width: 3px;
}

.chat-messages__content::-ms-scrollbar-track {
  background-color: transparent;
}

.chat-messages__content::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__content .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px 0 0;
  margin-bottom: 30px;
}

.chat-messages__content .message:first-child {
  padding-top: 20px;
}

.chat-messages__content .message-icon {
  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: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #ffffff;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.chat-messages__content .message-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
  fill: #737373;
  z-index: 1;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-messages__content .message-icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.chat-messages__content .message-info {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}

.chat-messages__content .message-info__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5px;
}

.chat-messages__content .message-info__name {
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  color: #1e2125;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chat-messages__content .message-info__text {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  max-width: 70%;
  font-size: 14px;
  font-weight: 500;
  color: #1e2125;
}

.chat-messages__content .message-info__date {
  margin-left: 15px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-messages__content .message-info__date .icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  max-width: 14px;
  fill: #737373;
}

.chat-messages__content .message-info__date .text {
  font-size: 12px;
  color: #737373;
}

.chat-messages__content .message.reverse {
  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;
  padding: 0 20px 0 0;
}

.chat-messages__content .message.reverse .message-icon {
  margin-right: 0px;
  margin-left: 10px;
}

.chat-messages__content .message.reverse .message-info {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.chat-messages__content .message.reverse .message-info__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chat-messages__content .bottom {
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.chat-messages__form {
  width: 100%;
  padding: 20px 0 0 0;
  background-color: transparent;
  border-top: 1px solid rgb(207, 207, 207);
}

.chat-messages__form .form__wrapper {
  width: 100%;
  padding: 10px 0;
  background-color: #ffffff;
  border-radius: 10px;
  /* overflow: hidden; */
  margin-bottom: 20px;
  border: 1px solid rgb(207, 207, 207);
  position: relative;
}

.field-error {
  color: red;
  left: 0;
  position: absolute;
  bottom: calc(100% + 1px);
  font-size: 12px;
}

.field-error.down {
  top: calc(100% + 1px);
  bottom: auto;
}

.chat-messages__form .form__input {
  padding: 0 20px;
  max-width: 1920px;
  width: 100%;
  height: 70px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #1e2125;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  margin-bottom: 0;
  border: none;
}

.chat-messages__form .form__input::-webkit-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-moz-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -moz-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input:-ms-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-ms-input-placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::placeholder {
  color: #737373;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
  border: none;
}

.chat-messages__form .form__input::-webkit-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-webkit-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-webkit-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__input::-moz-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-moz-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-moz-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__input::-ms-scrollbar {
  width: 3px;
}

.chat-messages__form .form__input::-ms-scrollbar-track {
  background-color: #ffffff;
}

.chat-messages__form .form__input::-ms-scrollbar-thumb {
  background-color: #1c2af1;
}

.chat-messages__form .form__submit {
  padding: 11px 32px;
  background-color: #de1c75;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: #1e2125;
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  -webkit-transition: background-color 0.2s linear,
    -webkit-box-shadow 0.2s linear;
  transition: background-color 0.2s linear, -webkit-box-shadow 0.2s linear;
  -o-transition: background-color 0.2s linear, box-shadow 0.2s linear;
  transition: background-color 0.2s linear, box-shadow 0.2s linear;
  transition: background-color 0.2s linear, box-shadow 0.2s linear,
    -webkit-box-shadow 0.2s linear;
}

.chat-item__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s linear, color 0.1s linear;
  -o-transition: background-color 0.2s linear, color 0.1s linear;
  transition: background-color 0.2s linear, color 0.1s linear;
}

.chat-item__wrapper.active {
  cursor: default;
}

.chat-item__wrapper.active,
.chat-item__wrapper.active-mob {
  background-color: #f7f8f9;
}

.chat-item__icon {
  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: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #f7f8f9;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.chat-item__icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
  fill: #737373;
  z-index: 1;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

.chat-item__icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

.chat-item__info {
  width: 100%;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  line-height: 1.3;
  color: #9f92a6;
}

.chat-item__head {
  max-width: 200px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.chat-item__text {
  max-width: 200px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #1e2125;
}

.chat-item__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
  color: #6d6d86;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.chat-item__date .icon {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  flex: 0 0 14px;
  max-width: 14px;
}

.chat-item__date .text {
  font-size: 12px;
  font-weight: 500;
}

.chat-item__name {
  max-width: 140px;
  font-size: 14px;
  font-weight: 700;
  color: #1e2125;
  -webkit-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.user-logo {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  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;
  background-color: #1e2125;
}

.user-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.user-logo .icon {
  width: 20px;
  height: 20px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  flex: 0 0 20px;
  max-width: 20px;
}

.rating-container {
  position: relative;
}

.rating-container .voters {
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
}

.static_page .text {
  margin-bottom: 10px;
}

.static_page ul,
.static_page ol {
  padding-left: 30px;
}

.static_page ul,
.static_page ol,
.static_page li {
  list-style: disc;
}

.static_page li {
  font: inherit;
  margin-bottom: 10px;
}

.static_page li:last-child {
  margin-bottom: 0;
}

.static_page .title.small {
  margin-top: 25px;
}

.static_page a {
  font: inherit;
  color: #1c2af1;
  transition: color 0.33s;
}

.page-error {
  padding-top: 70px;
  padding-bottom: 50px;
  color: #1e2125;
  font-size: 24px;
  text-align: center;
  margin-bottom: 65px;
}

@media (any-hover: hover) {
  .static_page a:hover {
    color: #de1c75;
  }
}

@media (min-width: 1024px) {
  .chat-messages__head-user .dialog-name:hover {
    color: #1e2125;
  }

  .chat-messages__head-dots:hover span {
    background-color: #ff7d00;
  }
}

.radio-flex {
  display: flex;
  align-items: center;
  gap: 0 5px;
  margin-bottom: 10px;
}

.radio-flex:last-child {
  margin-bottom: 0;
}

.hidden {
  display: none;
}

.card_provider_item {
  display: none;
}

.card_provider_item.last {
  margin-bottom: 0;
}

.upgrade-access {
  position: relative;
}

.upgrade-access .generic-error {
  position: absolute;
  font-size: 13px;
  top: 20px;
  left: 50%;
  translate: -50% 0;
}

.upgrade-access:has(#pay-0:checked) .card_provider_item[data-provider="pay-0"] {
  display: flex;
}

.upgrade-access:has(#pay-1:checked) .card_provider_item[data-provider="pay-1"] {
  display: flex;
}

.upgrade-access:has(#pay-2:checked) .card_provider_item[data-provider="pay-2"] {
  display: flex;
}

.upgrade-access:has(#pay-3:checked) .card_provider_item[data-provider="pay-3"] {
  display: flex;
}

.upgrade-access .submit {
  pointer-events: none;
}

.upgrade-access:has(.card_provider_item input:checked) .submit {
  pointer-events: auto;
}

.load-more {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.subscription-checkbox .item-control-holder {
  display: flex;
  align-items: center;
}

.subscription-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 15px;
  background-color: #ededed;
  overflow: hidden;
  padding: 10px;
}

.subscription-item .title {
  width: fit-content;
  font-size: 18px;
  color: #1e2125;
  transition: color .3s;
}

@media (min-width: 1025px) {
  .page-wrapper__item {
    max-height: calc(var(--app-height) - (var(--header-height) + 30px) - 30px);
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .page-wrapper__item::-webkit-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-webkit-scrollbar-track {
    background-color: #ededed;
    margin: 20px 0;
  }

  .page-wrapper__item::-webkit-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .page-wrapper__item::-moz-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-moz-scrollbar-track {
    background-color: transparent;
  }

  .page-wrapper__item::-moz-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .page-wrapper__item::-ms-scrollbar {
    width: 3px;
  }

  .page-wrapper__item::-ms-scrollbar-track {
    background-color: transparent;
  }

  .page-wrapper__item::-ms-scrollbar-thumb {
    background-color: #1c2af1;
  }

  .container {
    max-width: 1310px;
  }

  .tab-titles .title:hover {
    color: #1c2af1;
  }

  .swiper-next.disabled:hover,
  .swiper-prev.disabled:hover {
    color: #fff;
  }

  .swiper-next.disabled:hover .icon,
  .swiper-prev.disabled:hover .icon {
    fill: #737373;
  }

  .swiper-next.disabled:hover:after,
  .swiper-prev.disabled:hover:after {
    width: 50%;
    height: 50%;
    background-color: transparent;
  }

  .swiper-next:hover,
  .swiper-prev:hover {
    color: #fff;
  }

  .swiper-next:hover .icon,
  .swiper-prev:hover .icon {
    fill: #ffffff;
  }

  .swiper-next:hover:after,
  .swiper-prev:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .drop-menu__select:hover::after {
    content: "";
    width: 101%;
    height: 100%;
    background-color: #de1c75;
  }

  .drop-menu__option:hover,
  .drop-menu__option a:hover {
    background-color: #1e2125;
    color: #ffffff;
  }

  .drop.background .drop__select:hover {
    color: #ffffff;
    background-color: #de1c75;
  }

  .drop.active .drop__options {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }

  .drop__select:hover {
    color: #de1c75;
  }

  .drop__options {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
  }

  .drop__option:hover {
    background-color: #1e2125;
    color: #de1c75;
  }

  .button.large-size:hover {
    color: #fff;
    background-color: #de1c75;
  }

  .button.is-violet:hover {
    background-color: #de1c75;
  }

  .button.with-transparent:hover {
    color: #de1c75;
    background-color: transparent;
  }

  .button.with-transparent:hover span {
    color: #de1c75;
  }

  .button.with-transparent:hover .icon {
    fill: #de1c75;
  }

  .button.with-transparent:hover:after {
    width: 50%;
    height: 50%;
    background-color: transparent;
  }

  .button.is-red:hover {
    background-color: #de1c75;
  }

  .button.is-red:hover:after {
    background-color: #1c2af1;
  }

  .button:hover {
    color: #fff;
    background-color: #ffffff;
  }

  .button:hover span {
    color: #fff;
  }

  .button:hover .icon {
    fill: #ffffff;
  }

  input.button:hover {
    background-color: #de1c75;
  }

  input.button.is-red:hover {
    background-color: #1c2af1;
  }

  .button:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .button.pink:hover:after {
    background-color: #fff;
  }

  .card.vertical-screen .card-body:hover::before {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    border: 4px solid #de1c75;
  }

  .card.round .card-info__text:hover {
    color: #de1c75;
  }

  .card.round .card-info__text:hover span {
    color: #de1c75;
  }

  .card.round:hover .card-body img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);
  }

  .card .logo:hover {
    background-color: #de1c75;
  }

  .card .logo:hover .icon {
    fill: #ffffff;
  }

  .card .logo:hover::before {
    content: "";
    border: 2px solid #de1c75;
  }

  .card>a:hover .like-btn {
    top: 10px;
    left: 10px;
  }

  .card>a:hover .time-btn {
    top: 10px;
    left: 45px;
  }

  .card:hover .card-body img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.05) rotate(-1deg);
    -ms-transform: scale(1.05) rotate(-1deg);
    transform: scale(1.05) rotate(-1deg);
  }

  .card:hover .card-body__aside {
    padding: 15px 30px;
  }

  .card-body__button:hover {
    background-color: #de1c75;
  }

  .card-body__button:hover .icon {
    fill: #ffffff;
  }

  .card-info__name:hover {
    color: #de1c75;
  }

  .card-info__name:hover * {
    color: #de1c75;
  }

  .card-info__text.hover-effect:hover {
    color: #de1c75;
  }

  .items.custom-items {
    max-width: 200px;
  }

  .logo.large:hover {
    background-color: #19b500;
  }

  .logo.large:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .logo.large:hover .icon {
    fill: #ffffff;
  }

  .logo.large:hover::before {
    content: "";
    border: 4px solid #19b500;
  }

  .logo.x-large:hover {
    background-color: #ededed;
  }

  .logo.x-large:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .logo.x-large:hover .icon {
    fill: #737373;
  }

  .logo.x-large:hover::before {
    content: "";
    border: 4px solid transparent;
  }

  .logo:hover {
    background-color: #19b500;
  }

  .logo:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .logo:hover .icon {
    fill: #ffffff;
  }

  .logo:hover::before {
    content: "";
    border: 2px solid #19b500;
  }

  .logo:hover .logo-border {
    -webkit-animation: moveAround 1s infinite linear forwards;
    animation: moveAround 1s infinite linear forwards;
  }

  .logo:hover .logo-border div {
    -webkit-animation: visibilityItem 1s infinite linear;
    animation: visibilityItem 1s infinite linear;
  }

  .link:hover {
    color: #19b500;
  }

  .aside-block__list a:hover i:first-child {
    color: #de1c75;
  }

  .aside-block__list a:hover i:last-child {
    color: #1e2125;
  }

  .aside-block__list a:hover:after {
    width: 100%;
    background-color: #f7f8f9;
  }

  .graphics-button:hover span {
    color: #1c2af1;
  }

  .nav-list__link:hover {
    color: #de1c75;
  }

  .nav-list__link:hover::before {
    content: "";
    bottom: 0px;
    width: 100%;
  }

  .top-line a:hover {
    color: #1c2af1;
  }

  .top-line a:hover span {
    background-color: #1c2af1;
  }

  .search input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .search input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .search input:hover::placeholder {
    color: #1e2125;
  }

  .search button:hover .icon {
    fill: #19b500;
  }

  .cabinet:hover .cabinet__open-btn .cabinet__name .text {
    color: #de1c75;
  }

  .cabinet:hover .cabinet__open-btn .cabinet__name .icon {
    fill: #de1c75;
  }

  .cabinet:hover .cabinet__open-btn .logo:before {
    border-color: transparent;
  }

  .cabinet:hover .cabinet__open-btn .logo img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
  }

  .cabinet-drop {
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }

  .burger-button:hover span {
    background-color: #de1c75;
  }

  .footer-nav ul li a:hover {
    color: #de1c75;
  }

  .footer-nav ul li a:hover::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 40%;
    height: 1px;
    background-color: #de1c75;
  }

  .player .button:hover .text {
    color: #ffffff;
  }

  .player .button:hover .icon {
    fill: #ffffff;
  }

  .player .button.pink:hover .icon {
    fill: #000;
  }

  .player .drop-menu.custom .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .player .drop-menu.custom .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .player .drop-menu.custom.active .drop-menu__select:hover .text {
    color: #ffffff;
  }

  .player .drop-menu.custom.active .drop-menu__select:hover .icon {
    fill: #ffffff;
  }

  .player-cover:hover .player-cover__button {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .player-cover:hover .player-cover__button .icon {
    fill: #ffffff;
    opacity: 1;
  }

  .tag-links__item:hover .info-popup {
    top: 40%;
    left: 20px;
    opacity: 1;
    visibility: visible;
  }

  .tag-links__item:hover .part {
    border: 2px solid #de1c75;
  }

  .tag-links__item:hover .video-links__link {
    background-color: #191929;
    color: #ffffff;
  }

  .tag-links__link .part:hover {
    border: 2px solid #de1c75;
  }

  .tab-button.active:hover .icon {
    fill: #ffffff;
  }

  .tab-button.active:hover .text {
    color: #ffffff;
  }

  .tab-button.active:hover:after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .screens-link:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1) rotate(-1deg);
    -ms-transform: scale(1.1) rotate(-1deg);
    transform: scale(1.1) rotate(-1deg);
  }

  .comment-icon:hover .icon {
    fill: #de1c75;
  }

  .comment-icon:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .comment-other__name:hover {
    color: #de1c75;
  }

  .report-row:hover {
    color: #ffffff;
  }

  .report-row:hover .label-report {
    color: #de1c75;
  }

  .report-message__tetarea:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::-moz-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .report-message__tetarea:hover::placeholder {
    color: #1e2125;
  }

  .pagination-link.active:hover,
  .pagination a.active:hover {
    color: #fff;
  }

  .pagination-link.active:hover:after,
  .pagination a.active:hover:after {
    width: 100%;
    height: 100%;
    background-color: #de1c75;
  }

  .pagination-link.first-pager:hover,
  .pagination a.first-pager:hover {
    color: white;
  }

  .pagination-link.first-pager:hover .icon,
  .pagination a.first-pager:hover .icon {
    fill: #ffffff;
  }

  .pagination-link.last-pager:hover,
  .pagination a.last-pager:hover {
    color: white;
  }

  .pagination-link.last-pager:hover .icon,
  .pagination a.last-pager:hover .icon {
    fill: #ffffff;
  }

  .pagination-link:hover,
  .pagination a:hover {
    color: #fff;
  }

  .pagination-link:hover:after,
  .pagination a:hover:after {
    width: 100%;
    height: 100%;
    background-color: #737373;
  }

  .pagination-link:hover,
  .pagination a:hover {
    color: white;
  }

  .pagination-link:hover .icon,
  .pagination a:hover .icon {
    fill: #ffffff;
  }

  .links-item__link:hover::after {
    content: "";
    background-color: #ffffff;
  }

  .links-item__link:hover span:first-child {
    color: #de1c75;
  }

  .links-item__link:hover span:last-child {
    color: #1e2125;
  }

  .info.profile .logo.large:hover {
    background-color: #19b500;
  }

  .info.profile .logo.large:hover img {
    -webkit-filter: saturate(150%);
    filter: saturate(150%);
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  .info.profile .logo.large:hover .icon {
    fill: #ffffff;
  }

  .info.profile .logo.large:hover::before {
    content: "";
    border: 4px solid #19b500;
  }

  .modal.for-player .player-cover:hover .player-cover__button {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .modal.for-player .player-cover:hover .player-cover__button .icon {
    fill: #ffffff;
    opacity: 0.8;
  }

  .modal .logo:hover {
    background-color: #ededed;
  }

  .modal .logo:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .modal .logo:hover .icon {
    fill: #737373;
  }

  .modal .logo:hover::before {
    content: "";
    border: 2px solid transparent;
  }

  .modal .close-btn:hover .icon {
    fill: red;
  }

  .modal-aside .card:hover .card-body img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .modal-wrapper.color-modal .close-modal:hover .icon {
    fill: #de1c75;
  }

  .modal-link:hover {
    color: #1e2125;
  }

  .modal-text a:hover {
    color: #1e2125;
  }

  .close-btn:hover .icon {
    fill: #de1c75;
  }

  .tabs-buttons .title:hover {
    color: #1c2af1;
  }

  .upload-file:hover .upload-select {
    color: #ffffff !important;
    background-color: #de1c75 !important;
  }

  .upload-file:hover .input::-webkit-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-moz-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input:-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::placeholder {
    color: #1e2125;
  }

  .upload-content .radio-row__label:hover {
    color: #737373;
  }

  .upload-content__column .card:hover .card-body img {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-filter: none;
    filter: none;
  }

  .upload-list .text a:hover {
    color: #de1c75;
  }

  .input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .input:hover::placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-webkit-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-moz-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea:-ms-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::-ms-input-placeholder {
    color: #1e2125;
  }

  .textarea:hover textarea::placeholder {
    color: #1e2125;
  }

  .checkbox input+label:hover {
    color: #1e2125;
  }

  .checkbox input+label:hover:before {
    border: 1px solid #de1c75;
  }

  .upload-file:hover .upload-select {
    color: #ffffff;
    background-color: #de1c75;
  }

  .upload-file:hover .input::-webkit-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-moz-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input:-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::-ms-input-placeholder {
    color: #1e2125;
  }

  .upload-file:hover .input::placeholder {
    color: #1e2125;
  }

  .radio-row.large-size:hover .radio-row__label {
    background-color: #de1c75;
  }

  .radio-row.large-size:hover .radio-row__label span {
    color: #ffffff;
  }

  .radio-row.large-size:hover .radio-row__label span i {
    color: #ffffff;
  }

  .radio-row.large-size:hover .radio-row__label::before {
    content: "";
    border-color: #ffffff;
  }

  form .drop-menu__select:hover {
    border: 1px solid #de1c75;
  }

  .form__input:hover::-webkit-input-placeholder,
  .form__textarea:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::-moz-placeholder,
  .form__textarea:hover::-moz-placeholder {
    color: #1e2125;
  }

  .form__input:hover:-ms-input-placeholder,
  .form__textarea:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::-ms-input-placeholder,
  .form__textarea:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .form__input:hover::placeholder,
  .form__textarea:hover::placeholder {
    color: #1e2125;
  }

  .form__button:hover {
    background-color: #ffffff;
    color: #1e2125;
    border: 1px solid #de1c75;
  }

  .chat .title a:hover {
    color: #ffffff;
  }

  .chat a.user-logo:hover img {
    -webkit-filter: saturate(160%);
    filter: saturate(160%);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat a.user-logo:hover .icon {
    fill: #de1c75;
  }

  .chat-head a:hover {
    color: #de1c75;
  }

  .chat-messages__content .message-icon:hover .icon {
    fill: red;
  }

  .chat-messages__content .message-icon:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat-messages__content .message-info__name:hover {
    color: #de1c75;
  }

  .chat-messages__form .form__input:hover::-webkit-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::-moz-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover:-ms-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::-ms-input-placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__input:hover::placeholder {
    color: #1e2125;
  }

  .chat-messages__form .form__submit:hover {
    background-color: #1e2125;
    color: black;
    -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
  }

  .chat-item__wrapper:hover {
    background-color: #f7f8f9;
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__info {
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__name {
    color: #1e2125;
  }

  .chat-item__wrapper:hover .chat-item__date {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover {
    background-color: #f7f8f9;
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__info {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__name {
    color: #1e2125;
  }

  .chat-item__wrapper.active:hover .chat-item__date {
    color: #6d6d86;
  }

  .chat-item__wrapper.active .chat-item__name:hover,
  .chat-item__wrapper.active-mob .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.7);
  }

  .chat-item__icon:hover .icon {
    fill: #de1c75;
  }

  .chat-item__icon:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .chat-item__name:hover {
    color: #de1c75 !important;
  }

  .subscription-item .title:hover {
    color: #de1c75;
  }
}

@media (min-width: 1025px) and (min-width: 1025px) {
  .chat-item__wrapper:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }

  .chat-item__wrapper.active:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}

@media (max-width: 1900px) {
  .player-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .tab-buttons {
    width: 100%;
  }
}

@media (max-width: 1820px) {
  .section-bottom .pagination {
    margin-bottom: 20px;
  }

  .section-bottom {
    -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;
  }

  .section-bottom__buttons {
    margin-left: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
  }

  .advertisement-item:last-child {
    display: none;
  }

  .player-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .player-buttons__column {
    margin-left: 0;
    margin-bottom: 15px;
  }

  .player-buttons__column:last-child {
    margin-bottom: 0;
  }

  .player-buttons__column.order-one {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .player-buttons__column.order-two {
    width: 100%;
    max-width: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .player-buttons__column.order-three {
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .tab-button {
    max-width: none;
  }

  .links-list {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .upload-content__column .upload-text {
    padding-left: 0;
  }
}

@media (max-width: 1820px) and (max-width: 500px) {
  .player-buttons__column.order-three {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .player-buttons__column.order-three .drop-menu {
    margin: 0 0 5px 0;
  }
}

@media (max-width: 1800px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1700px) {
  .graphics {
    -ms-grid-columns: none;
    grid-template-columns: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .graphics-item__body.custom {
    display: block;
  }

  .block-info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
  }

  .block-info__line {
    display: none;
  }
}

@media (max-width: 1600px) {
  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [7];
    grid-template-columns: repeat(7, 1fr);
  }

  .chat-list__holder {
    max-height: 550px;
  }

  .chat-messages__content {
    max-height: 382px;
  }
}

@media (max-width: 1550px) {
  .nav-list__link {
    padding: 15px;
  }

  .search {
    max-width: 300px;
  }

  .links-list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .info-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (max-width: 1520px) {
  .advertisement-item:nth-child(3) {
    display: none;
  }
}

@media (max-width: 1500px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .cabinet {
    margin-left: 20px;
  }

  .tab-buttons.custom .tab-button {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }

  .screens {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 1450px) {
  .user.custom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px;
  }

  .user.custom .logo {
    margin-right: 10px;
    margin-left: 0;
  }

  .user.custom .user-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .tab-content__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .pagination-link.first-pager .icon,
  .pagination a.first-pager .icon {
    margin-right: 0px;
  }

  .pagination-link.first-pager,
  .pagination a.first-pager {
    width: 50px !important;
    font-size: 0px;
    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;
  }

  .pagination-link.last-pager .icon,
  .pagination a.last-pager .icon {
    margin-left: 0px;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    width: 50px !important;
    font-size: 0px;
    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;
  }

  .links-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .upload-content__columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 30px;
  }

  .upload-content__columns.mobile-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .upload-content__column:last-child {
    padding-left: 0;
  }
}

@media (max-width: 1400px) {
  .info-column__head.custom-desktop {
    -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;
  }

  .info-column__head.custom-desktop .buttons {
    margin-top: 15px;
    margin-left: 0;
  }

  .info-column__head.custom-desktop .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 1350px) {
  .info.without-padding .info-column__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
  }

  .info-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .info-buttons {
    -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: end;
    min-width: 200px;
  }

  .info-buttons .double-btn:last-child,
  .info-buttons .button:last-child,
  .info-buttons .drop:last-child {
    margin-bottom: 0;
  }

  .info-buttons .double-btn,
  /* .info-buttons .button, */
  .info-buttons .drop {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (max-width: 1300px) {
  .player-banner .desktop {
    display: none;
  }

  .player-banner .mobile {
    display: block;
  }

  .tab-button .text {
    display: none;
  }
}

@media (max-width: 1280px) {
  .pagination li {
    padding: 0px;
  }

  .pagination li:first-child {
    padding-right: 20px;
  }

  .pagination li:last-child {
    padding-left: 20px;
  }

  .pagination-link.first-pager,
  .pagination a.first-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link,
  .pagination a {
    padding: 14px;
  }

  .pagination-link,
  .pagination a {
    display: none;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1250px) {
  .search {
    max-width: 200px;
  }

  .links-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .info.without-padding {
    padding: 30px;
    width: 100%;
    margin: 0;
  }

  .info.without-padding .info-column:last-child {
    padding: 0;
  }

  .info.without-padding .info-column__head {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .info.without-padding .info-column__head:first-child {
    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;
  }

  .info.profile .info-column:first-child {
    margin-right: 0;
    margin-bottom: 0;
    max-height: none;
    padding-bottom: 0;
    max-width: none;
  }

  .info {
    -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;
    margin: 0 -10px;
    padding: 30px 10px 20px 10px;
  }

  .info-column:first-child {
    margin-right: 0;
    margin-bottom: 20px;
    max-height: 560px;
    padding-bottom: 560px;
    max-width: 400px;
  }
}

@media (max-width: 1220px) {
  .advertisement-items {
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advertisement-item:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1200px) {
  .cards.four-cards.for-round {
    grid-column-gap: 10px;
  }

  .buttons.min-gap {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .buttons.min-gap .balance {
    margin: 0 auto 10px auto;
    max-width: inherit;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .card.round.min {
    max-width: 140px;
    padding: 0 10px;
  }

  .card.round.min .card-bottom {
    min-width: 120px;
  }

  .card.round.min .card-body {
    width: 120px;
    height: 120px;
    padding-bottom: 120px;
  }

  .card.round {
    max-width: 180px;
    padding: 0 10px;
  }

  .card.round .card-bottom {
    min-width: 180px;
  }

  .card.round .card-body {
    width: 160px;
    height: 160px;
    padding-bottom: 160px;
  }

  .card.round .card-info__text {
    min-width: 160px;
    max-width: 160px;
  }

  .card.round .card-info__text .items {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .filter-section__body .input-label {
    width: 100%;
    margin-right: 0;
  }

  .filter-section__body .input-label.age-filter {
    /* margin-right: 10px; */
  }

  .graphics-item__head .title {
    font-size: 20px;
    font-weight: 800;
  }

  .block-info__title .icon {
    width: 20px;
    height: 20px;
    max-width: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
  }

  .block-info__title {
    font-size: 20px;
  }

  .block-info__title span {
    font-size: 20px;
  }

  .block-info__title.custom {
    font-size: 20px;
  }

  .block-info__title.custom span {
    font-size: 20px;
  }

  .block-info__title.custom .lines {
    width: 10px;
    height: 6px;
  }

  .block-info__title.custom .lines::before {
    content: "";
    height: 2px;
  }

  .block-info__title.custom .lines::after {
    content: "";
    height: 2px;
  }

  .info-list {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .upload-progress__name {
    max-width: 230px;
  }

  .chat-messages__head-buttons {
    position: absolute;
    top: calc(100% + 5px);
    right: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 20px 0 20px 20px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  }

  .chat-messages__head-buttons.show {
    opacity: 1;
    visibility: visible;
  }

  .chat-messages__head-buttons .button {
    border-radius: 0px;
    margin-left: 0px;
    padding: 15px 20px;
    width: 100%;
  }

  .chat-messages__head-dots {
    display: -ms-grid;
    display: grid;
  }

  .page-error {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 20px;
    margin-bottom: 30px;
  }
}

@media (max-width: 1100px) {
  .drop {
    margin-right: 15px;
  }
}

@media (max-width: 1024px) {
  .main {
    margin-top: calc(var(--header-height) + 20px);
  }

  .section {
    margin-bottom: 40px;
  }

  .section.custom-margin {
    margin-bottom: 20px;
  }

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

  .page-wrapper__item {
    position: fixed;
    top: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    max-height: var(--app-height);
    overflow-y: auto;
    margin: 0 !important;
    z-index: 101;
  }

  .cards.four-cards {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .for-desktop {
    display: none !important;
  }

  .for-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .swiper-prev {
    left: -10px;
  }

  .swiper-next {
    right: -10px;
  }

  .advertisement-items {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px;
  }

  .advertisement-item:nth-child(2) {
    display: block;
  }

  .drop .drop__options {
    position: static;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-radius: 15px 0px 15px 15px;
  }

  .drop .drop__option {
    background-color: #1e2125;
  }

  .drop.background.active .drop__options {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop.background .drop__select {
    padding: 0 20px;
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
  }

  .drop.background .drop__select .img {
    margin-right: 0;
  }

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

  .drop.active .drop__select {
    background-color: transparent;
    color: #de1c75;
  }

  .drop.active .drop__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop.only-icons .drop__select .text {
    display: block;
  }

  .drop.only-icons .drop__options {
    max-width: none;
    padding: 0;
    background-color: #1e2125;
  }

  .drop.only-icons .drop__option {
    padding: 10px 0;
  }

  .drop.only-icons .drop__option .text {
    display: block;
  }

  .drop.only-icons .drop__select,
  .drop.only-icons .drop__option {
    width: 100%;
  }

  .drop {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .drop__select {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .drop__select .img,
  .drop__select .text {
    margin-right: 10px;
  }

  .drop__select .text {
    width: 100%;
    display: block;
    margin: 0 auto 0 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .drop__options {
    display: none;
    position: static;
    top: auto;
    border-radius: 0;
    overflow: hidden;
    color: #737373;
    opacity: 1;
    visibility: visible;
  }

  .drop__option .img {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }

  .drop__option {
    background-color: #1e2125;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .items.custom-items {
    max-width: 160px;
  }

  .aside {
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 0;
    -webkit-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
  }

  .aside.active {
    width: 100%;
  }

  .aside-wrapper {
    border-radius: 0;
    -webkit-box-shadow: 1px 1px 5px #ededed;
    box-shadow: 1px 1px 5px #ededed;
  }

  .aside-block.last {
    border-bottom: 1px solid #dadada;
  }

  .aside-block.for-mobile {
    display: block !important;
  }

  .filter-section {
    padding: 0;
    margin-bottom: 20px;
    border-radius: 15px;
  }

  .filter-section__head {
    padding: 6px 20px;
  }

  .filter-section__body {
    padding: 0 20px;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
  }

  .filter-section__body .drop-menu {
    min-width: auto;
  }

  .filter-section__body .input-label:first-child {
    margin-right: 10px;
  }

  .filter-section__body .input-label:first-child,
  .filter-section__body .input-label:nth-child(2) {
    max-width: calc(50% - 5px);
  }

  .filter-section__body .input-label__group {
    grid-gap: 10px;
  }

  .filter-section__body .checkbox {
    margin-right: auto;
  }

  .column-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .graphics-item {
    padding: 20px 10px;
  }

  .header {
    background-color: #ffffff;
  }

  .header .top-line {
    display: none;
  }

  .header .nav {
    display: none;
  }

  .header-body {
    padding: 10px 0;
  }

  .header-body__column {
    display: none;
  }

  .header-buttons {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #dadada;
  }

  .header-buttons .button {
    max-width: 50%;
    width: 100%;
    margin-right: 10px;
  }

  .header-buttons .button:last-child {
    margin-right: 0;
  }

  .header-buttons.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
  }

  .header-buttons.column .button {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .header-buttons.column .button:last-child {
    margin-bottom: 0;
  }

  .nav {
    background-color: transparent;
  }

  .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    padding: 15px 0;
  }

  .nav-list__link {
    padding: 15px 20px;
  }

  .nav-list__link::before {
    content: "";
    display: none;
  }

  .top-line {
    padding: 10px 0;
    margin: 20px 20px 0 20px;
    background-color: transparent;
    border-top: 1px solid #dadada;
  }

  .top-line ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .top-line li {
    margin-right: 0;
  }

  .top-line a {
    padding: 7px 0 7px 10px;
  }

  .search-wrapper {
    position: fixed;
    top: -60px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 0;
    height: 100%;
    width: 100%;
    padding: 10px;
    margin-left: 0;
    border-radius: 0;
    background-color: #ffffff;
    z-index: 101;
    -webkit-transition: top 0.3s ease, max-height 0.3s ease;
    -o-transition: top 0.3s ease, max-height 0.3s ease;
    transition: top 0.3s ease, max-height 0.3s ease;
  }

  .search-wrapper.active {
    max-height: var(--header-height);
    top: 0px;
  }

  .search-wrapper .close-btn {
    margin-left: 10px;
    padding: 10px 0 10px 10px;
    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;
  }

  .search-wrapper .close-btn .icon {
    fill: #1e2125;
  }

  .search {
    max-width: none;
    height: 100%;
    margin-right: 0;
  }

  .search input {
    padding: 10px 20px;
  }

  .search button {
    padding: 10px 20px;
  }

  .cabinet {
    padding: 10px 0;
    margin-left: 0px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid #dadada;
  }

  .cabinet.active .cabinet-drop {
    margin-top: 10px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    padding-top: 0;
  }

  .cabinet__open-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
  }

  .cabinet__icon {
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .cabinet__icon i {
    font-size: 14px;
  }

  .cabinet__name {
    width: 100%;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .cabinet-drop {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-height: 0px;
    border-radius: 0;
  }

  .cabinet-drop ul {
    border-radius: 0;
  }

  .cabinet-drop li.custom {
    padding: 10px 30px;
  }

  .cabinet-drop li:last-child {
    margin-bottom: 10px;
  }

  .cabinet-drop a {
    padding: 5px 30px;
  }

  .burger-menu {
    display: block;
  }

  .burger-menu.active {
    width: 100%;
  }

  .burger-button {
    display: block;
    width: 26px;
    height: 24px;
    cursor: pointer;
  }

  .burger-button span {
    -webkit-transition: background-color 0.2s ease, top 0.2s ease,
      bottom 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, top 0.2s ease, bottom 0.2s ease,
      -webkit-transform 0.2s ease;
    -o-transition: background-color 0.2s ease, transform 0.2s ease,
      top 0.2s ease, bottom 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, top 0.2s ease,
      bottom 0.2s ease;
    transition: background-color 0.2s ease, transform 0.2s ease, top 0.2s ease,
      bottom 0.2s ease, -webkit-transform 0.2s ease;
    top: calc(50% - 2px);
    left: 0px;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #1e2125;
    border-radius: 20px;
  }

  .burger-button span:first-child {
    top: 0px;
  }

  .burger-button span:last-child {
    top: auto;
    bottom: 0px;
  }

  .burger-button.active span {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  .burger-button.active span:first-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: calc(50% - 2px);
  }

  .burger-button.active span:last-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    bottom: calc(50% - 2px);
  }

  .tab-buttons.custom {
    margin: 0 -20px;
    width: 100%;
    min-width: calc(100% + 40px);
  }

  .screens {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }

  .pagination li {
    padding: 0px 3px;
  }

  .pagination-link,
  .pagination a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .links-category {
    padding: 0px 10px;
  }

  .links-list {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  .links-item__link {
    padding: 10px;
  }

  .info.custom .info-column:first-child {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-right: 0;
  }

  .info.custom .info-column:last-child {
    padding-top: 110px;
    max-width: 100%;
  }

  .info.custom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .info.profile {
    border-radius: 15px 15px 0 0;
    padding: 30px 10px 0px 10px;
  }

  .info.profile .more-text__button {
    margin-bottom: 20px;
  }

  .info-column__head .logo {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .modal .title {
    margin-bottom: 20px;
    padding-right: 30px;
  }

  .modal-layer {
    min-height: auto;
  }

  .modal-wrapper.color-modal .modal-column:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .modal-wrapper.color-modal .modal-column:last-child .titles-list {
    margin-bottom: 0;
    margin-top: 30px;
  }

  .modal-wrapper.color-modal .modal-columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
  }

  .modal-wrapper.color-modal .close-modal .icon {
    fill: #1e2125;
  }

  .modal-wrapper {
    padding: 30px 20px;
  }

  .upload-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
  }

  .upload-head .card {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .upload-progress {
    margin-bottom: 20px;
  }

  .upload-progress__name {
    margin-bottom: 10px;
    position: static;
    max-width: none;
    width: 100%;
  }

  .upload-progress__text {
    font-size: 20px;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
  }

  .chat {
    margin: 0 -20px;
  }

  .chat.active .chat-messages {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  .chat.active .chat-list {
    -webkit-transform: translateX(calc(-100% - 16px));
    -ms-transform: translateX(calc(-100% - 16px));
    transform: translateX(calc(-100% - 16px));
  }

  .chat-wrap {
    min-height: calc(var(--app-height) - 80px);
  }

  .chat-title {
    padding: 0 10px;
  }

  .chat-title .mark {
    max-width: 170px;
    margin-left: 10px;
  }

  .chat-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 0px;
    border-right: none;
  }

  .chat-list .title {
    margin-left: 20px;
  }

  .chat-list__wrap {
    border-radius: 0;
  }

  .chat-list__holder {
    max-height: calc(var(--app-height) - var(--header-height) - 100px);
  }

  .chat-messages {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0;
    -webkit-transform: translateX(calc(100% + 16px));
    -ms-transform: translateX(calc(100% + 16px));
    transform: translateX(calc(100% + 16px));
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    -o-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    z-index: 51;
    background-color: #f7f8f9;
  }

  .chat-messages__head {
    padding: 0 10px 10px 10px;
  }

  .chat-messages__head-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .chat-messages__content {
    max-height: calc(var(--app-height) - 204px);
  }

  .chat-messages__content .message {
    margin-bottom: 30px;
    padding: 0 12px;
  }

  .chat-messages__content .message.reverse {
    padding: 0 12px;
  }

  .chat-messages__form {
    padding: 0;
    position: relative;
    border-top: none;
  }

  .chat-messages__form .form__wrapper {
    border-radius: 0;
    margin-bottom: 10px;
    padding: 10px 0 10px 0;
  }

  .chat-messages__form .form__input {
    padding: 0 130px 0 10px;
    border-radius: 0;
    height: 40px;
  }

  .chat-messages__form .form__submit {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .chat-messages__submit {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
  }

  .chat-item__wrapper.active {
    -webkit-transition: background-color 0.1s linear, color 0.1s linear;
    -o-transition: background-color 0.1s linear, color 0.1s linear;
    transition: background-color 0.1s linear, color 0.1s linear;
    background-color: #f7f8f9;
  }

  .chat-item__icon {
    background-color: #ffffff;
  }

  .chat-item__head {
    max-width: 100%;
  }

  .chat-item__text {
    max-width: none;
    white-space: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  [data-type="messages"] .main-filter {
    width: 100%;
  }

  .section.mb-mob-0 {
    margin-bottom: 0;
  }

  .item-list.for-mobile {
    margin-bottom: 40px;
  }
}

@media (max-width: 1000px) {

  .pagination-link.first-pager,
  .pagination a.first-pager {
    font-size: 0px;
  }

  .pagination-link.last-pager,
  .pagination a.last-pager {
    font-size: 0px;
  }
}

@media (max-width: 900px) {
  .links-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 850px) {
  .modal.for-player .player-cover__button {
    display: none;
  }

  .modal .body-desktop {
    /* display: none !important; */
  }

  .modal .body-mobile {
    display: block !important;
  }

  .modal .button {
    margin-top: 10px;
  }

  .modal-wrapper {
    grid-gap: 20px;
  }

  .modal-columns {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 20px;
  }

  .textarea textarea {
    min-height: 110px;
  }
}

@media (max-width: 767px) {
  .main.custom {
    margin-top: calc(var(--header-height) + 0px);
  }

  .section {
    margin-bottom: 30px;
  }

  .section.custom-margin {
    margin-bottom: 20px;
  }

  .section-head .drop-menu {
    margin-left: 10px;
  }

  .section-bottom {
    margin-top: 20px;
  }

  .page-wrapper {
    padding-bottom: 0;
  }

  .container.for-player {
    padding: 0;
  }

  .container {
    max-width: 1310px;
    max-width: 100%;
    padding: 0px 10px;
  }

  .titles-list li span:first-child {
    margin-right: 10px;
  }

  .titles-list li span:last-child {
    font-size: 18px;
  }

  .titles-list.custom li {
    margin-bottom: 10px;
  }

  .title * {
    font-size: 20px;
  }

  .title * .mark {
    font-size: 20px;
    margin: 0 10px;
  }

  .title.large-uppercase {
    font-size: 26px;
  }

  .title.medium-uppercase {
    font-size: 16px;
  }

  .title {
    font-size: 20px;
  }

  .title .mark {
    font-size: 20px;
    margin: 0 10px;
  }

  .user-slider .swiper {
    margin: 0 -10px;
  }

  .user-slider .swiper-next,
  .user-slider .swiper-prev {
    display: none;
  }

  .user-slider .swiper-slide {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 10px;
  }

  .user-slider .user.column {
    width: 70px;
  }

  .advertisement-wrapper {
    padding: 15px 20px 40px 20px;
    margin: 0 -20px;
    border-radius: 0;
  }

  .drop-menu.custom .text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .drop-menu__options {
    padding: 5px 0px;
  }

  .button.medium-size {
    padding: 10px 30px;
    min-height: 40px;
  }

  .button.medium-size .text {
    font-size: 14px;
  }

  .logo.large {
    width: 70px !important;
    height: 70px !important;
    max-width: 70px !important;
  }

  .logo.x-large {
    width: 210px !important;
    height: 210px !important;
    max-width: 210px !important;
  }

  .user.custom .user-info__group {
    margin-bottom: 5px;
  }

  .user-info {
    width: 100%;
  }

  .column-reverse .section-head {
    margin-bottom: 10px;
  }

  .main-icon img {
    max-width: 180px;
  }

  .footer {
    padding-bottom: 0;
    background-color: #ffffff;
    width: 100%;
  }

  .footer-container {
    padding: 30px 20px;
  }

  .footer-icon {
    margin-bottom: 20px;
  }

  .footer-icon img {
    max-width: 180px;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .footer-nav {
    margin-bottom: 20px;
  }

  .player .cards {
    padding: 0 10px;
  }

  .player-cover {
    border-radius: 0;
  }

  .player-cover__button .icon {
    width: 70px;
    height: 70px;
  }

  .player-banner {
    padding: 10px 0;
  }

  .player-buttons {
    margin-left: 10px;
    margin-right: 10px;
  }

  .video-holder .playlist {
    margin: 0 10px 15px;
  }

  .player-buttons__item.gap-more {
    grid-gap: 15px;
  }

  .player-button {
    padding: 8px 12px;
  }

  .player-title {
    padding: 0 10px;
  }

  .tag-links {
    margin-right: 0;
  }

  .tab-content {
    margin: 0 10px;
  }

  .tab-content__column:first-child {
    margin-right: 0;
  }

  .tab-buttons.custom {
    margin: 0 -10px;
    width: 100%;
    min-width: calc(100% + 20px);
  }

  .tab-button {
    padding: 8px 12px;
  }

  .comment-other__text {
    font-size: 14px;
  }

  .share-row__input {
    padding: 5px 10px;
  }

  .custom-size__label.margin {
    margin: 0px 5px;
  }

  .report-wrapper {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-gap: 10px;
    margin-bottom: 20px;
  }

  .report-label {
    font-size: 18px;
  }

  .pagination li {
    padding: 0px;
  }

  .pagination-link,
  .pagination a {
    display: none;
  }

  .pagination-link.active,
  .pagination a.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .links-category {
    font-size: 18px;
  }

  .links-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  .info.without-padding {
    border-radius: 0;
    margin: 0 -10px;
    width: auto;
    padding: 30px 10px 20px 10px;
  }

  .info.without-padding .info-column:first-child {
    max-height: 440px;
    padding-bottom: 440px;
    max-width: 310px;
  }

  .info.profile .logo.large {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
  }

  .info.profile {
    border-radius: 0;
  }

  .info-column__head.custom {
    -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;
  }

  .info-column__head.custom .buttons {
    margin-top: 20px;
  }

  .info-column__head.custom .title {
    width: 100%;
    display: block;
    text-align: center;
  }

  .info-column__head .double-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }

  .info-column__head .info-buttons .double-btn {
    width: auto;
  }

  .info-column__head .double-btn .button {
    -webkit-box-ordinal-group: initial !important;
    -ms-flex-order: initial !important;
    order: initial !important;
  }

  .info-column__head .buttons .button {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .info-column__head .buttons .drop-menu {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .info-buttons {
    margin-top: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }

  .info-buttons .double-btn,
  .info-buttons .button,
  .info-buttons .drop {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .more-text {
    height: 86px;
    -webkit-line-clamp: 4;
  }

  .more-text__button {
    padding: 10px;
  }

  .modal.for-player .close-btn {
    top: 10px;
    right: 10px;
  }

  .modal .main-icon {
    margin-bottom: 30px;
  }

  .modal .main-icon img {
    max-width: none;
  }

  .modal .button.large-size {
    width: 100%;
    max-width: none;
  }

  .modal .button.medium-size {
    margin-bottom: 20px;
  }

  .modal-layer__wrapper {
    padding: 40px 10px;
  }

  .modal-layer__wrapper .title {
    font-size: 14px;
  }

  .modal-layer__wrapper .title * {
    font-size: 14px;
  }

  .modal-aside .card {
    margin-bottom: 10px;
  }

  .modal-aside {
    width: 210px;
    padding: 10px;
  }

  .modal-aside__wrapper {
    margin: 0 -5px 0 -10px;
    padding: 0 5px 0 10px;
    height: calc(100% - 40px);
  }

  .modal-aside__title {
    margin-bottom: 10px !important;
  }

  .modal-wrapper.custom {
    padding: 20px;
  }

  .modal-wrapper.color-modal .modal-column {
    padding: 20px;
  }

  .tabs-buttons {
    margin-bottom: 10px;
  }

  .tabs-buttons .title {
    margin-right: 20px;
  }

  .upload-text {
    margin-bottom: 30px;
  }

  .upload-form {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-row-gap: 20px;
  }

  .upload-content .title {
    margin-bottom: 10px;
  }

  .upload-content__column .title {
    font-size: 18px;
    margin-bottom: 10px !important;
  }

  .textarea.custom {
    min-height: 104px;
  }

  .textarea.custom textarea {
    min-height: 80px;
  }

  .input-label.custom-margin {
    margin-bottom: 5px;
  }

  .label-checkboxes {
    margin-bottom: 10px;
  }

  .label-checkboxes__list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .label-checkboxes {
    padding: 0 10px;
  }

  .label-checkboxes label {
    margin-bottom: 10px;
  }

  .radio-row.large-size .radio-row__label span:nth-child(2) {
    font-size: 12px;
  }

  .radio-row.large-size .radio-row__label span:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    font-size: 22px;
  }

  .radio-row.large-size .radio-row__label span:first-child i {
    font-size: 18px;
  }

  .radio-row.large-size .radio-row__label span {
    margin-right: 10px;
    font-size: 22px;
  }

  .radio-row.large-size .radio-row__label::before,
  .radio-row.large-size .radio-row__label::after {
    margin-left: 10px;
  }

  .radio-row.large-size .radio-row__label {
    padding: 25px 10px 25px 45px;
  }

  .form__textarea {
    margin-right: 10px;
  }

  .chat {
    margin: 0 -10px;
  }

  .chat-list .title {
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .chat-list .title .icon {
    width: 20px;
    height: 20px;
    max-width: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    margin-left: 0;
  }

  .chat-list__holder {
    max-height: calc(var(--app-height) - var(--header-height) - 70px);
  }

  .chat-messages__content {
    max-height: calc(var(--app-height) - 194px);
  }

  .page-error {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .logo.large .icon {
    width: 20px !important;
    height: 20px !important;
  }

  .item-list.for-mobile {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) and (max-width: 360px) {
  .info-column__head .double-btn .button {
    margin-bottom: 0 !important;
  }

  .info-column__head .buttons .button {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .info-column__head .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 650px) {
  .cards.four-cards {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .advertisement-items {
    grid-gap: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .advertisement-item:nth-child(2) {
    display: none;
  }

  .player .button.medium-size {
    margin-block: 0 30px;
  }

  .player .modal-aside .card {
    display: none;
  }
}

@media (max-width: 500px) {
  .drop-menu.custom .drop-menu__select {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .drop-menu.custom .drop-menu__select .text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .screens {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .chat-head a {
    max-width: 150px;
  }
}

@media (max-width: 450px) {
  .cards.four-cards.for-screen {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .cards.four-cards {
    -ms-grid-columns: (1fr) [1];
    grid-template-columns: repeat(1, 1fr);
  }

  .cards.four-cards.custom {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }

  .user-info__buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -3px;
  }

  .user-info__buttons .button {
    margin: 3px;
  }

  .graphics-item__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .graphics-item__head .title {
    margin-bottom: 10px;
  }

  .graphics-item__head .graphics-buttons {
    margin-left: 0;
  }

  .player-buttons__item.gap-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .info.custom .info-head__body {
    max-width: none;
    width: 100%;
  }
}

@media (max-width: 411px) {
  .chat-title .mark {
    max-width: 145px;
  }
}

@media (max-width: 410px) {
  .drops-group {
    -ms-grid-columns: none;
    grid-template-columns: none;
  }
}

@media (max-width: 400px) {
  .section-head__buttons {
    margin-left: 0;
  }

  .tag-links {
    margin-bottom: 10px;
  }

  .links-list {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

  .info.profile .info-column:first-child {
    max-height: none;
    padding-bottom: 0;
  }

  .info-column:first-child {
    max-height: 350px;
    padding-bottom: 350px;
  }

  .info-list {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .info-buttons .double-btn,
  .info-buttons .button,
  .info-buttons .drop {
    margin-top: 0;
  }

  .modal.for-player .player-cover__picture {
    padding-bottom: inherit;
    height: 100%;
  }

  .modal-wrapper.custom {
    padding: 60px 20px 20px 20px;
  }

  .modal-wrapper {
    min-height: 60%;
  }

  .upload-select {
    padding: 5px;
    top: 4px;
    right: 4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    height: 32px;
    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;
  }

  .upload-file .input {
    padding: 12px 60px 12px 20px;
  }

  .radio-rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .radio-rows .radio-row {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .radio-rows .radio-row:last-child {
    margin-bottom: 0;
  }

  .radio-row.large-size .radio-row__label span:nth-child(2) {
    max-width: 30%;
    text-align: center;
    white-space: normal;
  }

  .chat-head .title span {
    display: none;
  }

  .chat-head .title:first-child {
    display: none;
  }

  .chat-head a {
    margin: 0;
  }

  .chat-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .chat-title .mark {
    margin-left: 0;
    max-width: 190px;
  }
}

@media (max-width: 370px) {
  .card.round.min .card-bottom {
    min-width: 120px;
  }

  .card.round .card-bottom {
    min-width: 160px;
  }
}

@media (max-width: 350px) {
  .button.medium-size {
    padding: 10px 10px;
  }

  .radio-row.large-size .radio-row__label span:last-child {
    font-size: 18px;
  }

  .radio-row.large-size .radio-row__label span:first-child {
    font-size: 16px;
  }

  .radio-row.large-size .radio-row__label span:first-child i {
    font-size: 16px;
  }
}

.js_buy_video-form {
  display: flex;
  flex-direction: column;
}

.loader_spinner {
  width: 48px;
  flex-shrink: 0;
  align-self: center;
  height: 48px;
  border: 5px solid #fff;
  border-bottom-color: #de1c75;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-bottom: 30px;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.btn-favourites .button.delete {
  background-color: #de1c75;
}

.btn-favourites .button.delete .icon {
  fill: #fff;
}

.drop-menu__playlist span {
  display: flex;
}

.drop-menu__playlist span .delete {
  width: auto;
  flex-shrink: 0;
}