.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

.list-comments .item.hidden{
  opacity: 0.5;
}

.list-comments .item.unvisible{
  display: none;
}

.list-comments .item .comment-hide.notvisible{
  color: teal;
  background-color: ghostwhite;
}
.reply{
  color: #fa4f88;
  cursor: pointer;
}
.reply:hover{
      color: #60fa7b;
}
.child{
  margin-left:50px!important;
}

.comments .childs {
  margin-bottom: 25px;
}

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

body {
  display: flex;
  flex-direction: column;
  background-color: #121220;
  height: var(--app-height) !important;
}
body.lock {
  overflow-y: hidden;
}
body * {
  font-family: "Roboto", sans-serif;
}

a {
  display: flex;
  color: #FFFFFF;
}

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

img {
  display: block;
}

form {
  width: 100%;
}

.main {
  width: 100%;
  padding-top: 190px;
  flex: 1 0 auto;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .main {
    padding-top: 80px;
  }
}
.main.top-zero {
  padding-top: 160px;
}
@media (max-width: 1024px) {
  .main.top-zero {
    padding-top: 60px;
  }
}

.section {
  background-color: #121220;
  margin-bottom: 80px;
}
.section-main {
  margin-bottom: 50px;
}
.section-main:last-child {
  margin-bottom: 30px;
}
.section.for-slider-links {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .section.for-slider-links {
    margin-bottom: 20px;
  }
}
.section.bg-dark-light {
  padding: 30px 0;
  margin-bottom: 0;
  background-color: #191929;
}
.section.for-advertisement {
  margin-bottom: 0;
  background-color: #0B0B14;
}
@media (max-width: 1024px) {
  .section-main {
    margin-bottom: 30px;
  }
}
.section.intro-black {
  margin: -26px 0 30px;
  padding: 40px 0 30px 0;
  background-color: #0B0B14;
}
@media (max-width: 767px) {
  .section.intro-black {
    margin-bottom: 20px;
    padding: 20px 0;
  }
}
.section.section-custom {
  margin: -30px 0 30px;
  padding: 40px 0 30px 0;
  background-color: #0B0B14;
}
@media (max-width: 767px) {
  .section.section-custom.bottom-none {
    padding: 10px 0 0 0;
  }
}
@media (max-width: 767px) {
  .section.section-custom {
    margin: -15px 0 30px;
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
  .section.custom {
    padding: 10px 0 0 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section.for-chat .container {
    padding: 0;
  }
}
.section-bottom {
  margin-top: 30px;
  position: relative;
  min-height: 40px;
}
.section-bottom .pagination {
  margin-top: 0;
}
.section-bottom.custom .section-bottom__buttons {
  margin-top: 0;
}
@media (max-width: 1600px) {
  .section-bottom {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 20px;
  }
}
.section-bottom__buttons {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
}
.section-bottom__buttons .button {
  margin-right: 10px;
}
.section-bottom__buttons .button:last-child {
  margin-right: 0;
}
@media (max-width: 1600px) {
  .section-bottom__buttons {
    margin-top: 20px;
    position: static;
    width: 100%;
    justify-content: flex-end;
  }
}
.section-drops {
  display: flex;
}
.section-drops .drop-menu,
.section-drops .view-all,
.section-drops .button,
.section-drops .drop {
  margin-left: 10px;
}
.section-drops .drop-menu:first-child,
.section-drops .view-all:first-child,
.section-drops .button:first-child,
.section-drops .drop:first-child {
  margin-left: 0;
}
@media (max-width: 400px) {
  .section-drops .view-all .text {
    display: none;
  }
}
.section-head {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .section-head {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .section-head.for-drops {
    flex-direction: column;
    align-items: flex-start;
  }
  .section-head.for-drops .title {
    margin-bottom: 10px;
  }
}
.section-head .section-drops .drop-menu {
  margin-left: 10px;
}
.section-head .section-drops .drop-menu:first-child {
  margin-left: 0;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0px 20px;
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
    padding: 0px 10px;
  }
}

.title {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
  color: #FFFFFF;
}
.title i {
  margin-left: 10px;
  font-size: 20px;
}
.title .icon-verify {
  color: #FACC49;
}
.title a {
  margin: 0 10px;
  color: #D5224D;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .title a {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .title {
    font-size: 20px;
    margin: 0 10px 5px 0;
  }
}

.five-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
@media (max-width: 1500px) {
  .five-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1250px) {
  .five-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1024px) {
  .five-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .five-cards {
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: 10px;
  }
}
@media (max-width: 767px) {
  .five-cards.custom {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 350px) {
  .five-cards.custom {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767px) {
  .five-cards.for-vertical {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 410px) {
  .five-cards.for-vertical {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1250px) {
  .five-cards.for-screen {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .five-cards.for-screen {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .five-cards.for-screen {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }
}

.six-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
@media (max-width: 1500px) {
  .six-cards {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1250px) {
  .six-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .six-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.round-cards {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 50px;
  position: relative;
}
@media (max-width: 1700px) {
  .round-cards {
    grid-template-columns: repeat(6, 1fr);
  }
  .info-popup {
    left: -20px;
  }
}
@media (max-width: 1350px) {
  .round-cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .info-popup {
    left: -10px;
  }
}
@media (max-width: 900px) {
  .round-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .round-cards {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 30px;
  }
}
@media (max-width: 400px) {
  .round-cards {
    grid-column-gap: 30px;
  }
}

body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  line-height: 1.6;
  font-family: sans-serif;
  background-color: #121220;
}

.body-light ::-webkit-scrollbar {
  width: 3px;
}
.body-light ::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.body-light ::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
.body-light a {
  color: #0B0B14;
}
.body-light body,
.body-light a,
.body-light p,
.body-light h1,
.body-light ul,
.body-light li,
.body-light select,
.body-light option,
.body-light input,
.body-light textarea,
.body-light input::placeholder,
.body-light textarea::placeholder {
  color: #6D6D86;
}
.body-light body,
.body-light html {
  background-color: transparent !important;
}
.body-light .main {
  background-color: #FFFFFF;
}
.body-light .section {
  background-color: #FFFFFF;
}
.body-light .section.section-custom, .body-light .section.bg-dark-light, .body-light .section.for-slider-links {
  background-color: #FFFFFF;
}
.body-light .section.for-advertisement {
  border-top: 1px solid #EDEDED;
}
.body-light .section.for-advertisement, .body-light .section.intro-black {
  background-color: #EDEDED;
}
.body-light .title {
  color: #0B0B14;
}
.body-light .title .icon-verify {
  color: #D5224D;
}
.body-light .title a {
  color: #D5224D;
}
.body-light .header {
  background-color: #FFFFFF;
}
.body-light .header-drop {
  background-color: #FFFFFF;
}
@media (max-width: 1024px) {
  .body-light .header-drop .drop-aside {
    background-color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .header-drop {
    background-color: #FFFFFF;
  }
}
.body-light .nav {
  border-top: 1px solid #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .nav {
    border-bottom: 1px solid #EDEDED;
  }
}
@media (max-width: 1024px) {
  .body-light .nav__wrapper {
    border-bottom: 1px solid #EDEDED;
  }
}
@media (max-width: 1024px) {
  .body-light .nav__item.custom.active {
    background-color: #FFFFFF;
  }
  .body-light .nav__item.custom.active .drop__options,
  .body-light .nav__item.custom.active .drop__option {
    background-color: #FFFFFF;
  }
}
.body-light .nav__item.active .nav__link {
  color: #D5224D;
}
@media (max-width: 1024px) {
  .body-light .nav__item.active .drop__options {
    background-color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .nav__item.active .drop__option {
    background-color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .nav__item.active {
    background-color: #FFFFFF;
  }
  .body-light .nav__item.active .drop__options,
  .body-light .nav__item.active .drop__option,
  .body-light .nav__item.active .drop-aside__tags {
    background-color: #FFFFFF;
  }
}
.body-light .nav__item .drop__option.active {
  background-color: #FFFFFF;
  color: #D5224D;
}
.body-light .nav__link {
  color: #0B0B14;
}
.body-light .nav__link.custom::before {
  content: "";
  background-color: #D5224D;
}
.body-light .nav__link.custom.active {
  color: #D5224D;
}
.body-light .nav__link.is-yellow {
  color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .nav__link:hover {
    color: #D5224D;
  }
}
.body-light .top-line {
  background-color: #FFFFFF;
  border-bottom: 1px solid #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .top-line a:hover {
    color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .body-light .top-line {
    background-color: #FFFFFF;
    border-bottom: none;
  }
}
.body-light .search {
  background-color: #EDEDED;
}
.body-light .search input {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .search input::placeholder {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .search input:hover::placeholder {
    color: #0B0B14;
  }
}
.body-light .search button {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .search button:hover {
    color: #0B0B14;
  }
}
@media (max-width: 1024px) {
  .body-light .search .close-search {
    color: #0B0B14;
  }
}
@media (min-width: 1025px) {
  .body-light .cabinet:hover .cabinet__name {
    color: #D5224D;
  }
  .body-light .cabinet:hover .cabinet__name i,
  .body-light .cabinet:hover .cabinet__name .text {
    color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .body-light .cabinet {
    background-color: #FFFFFF;
  }
}
.body-light .cabinet.active .cabinet__name {
  color: #D5224D;
}
.body-light .cabinet.active .cabinet__name i,
.body-light .cabinet.active .cabinet__name .text {
  color: #D5224D;
}
.body-light .cabinet__icon {
  background: #FFFFFF;
  border: 2px solid transparent;
}
.body-light .cabinet__icon i {
  color: #6D6D86;
}
.body-light .cabinet__icon .icon-number {
  background-color: #D5224D;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  background-color: #D5224D;
}
.body-light .cabinet__name {
  color: #0B0B14;
}
.body-light .cabinet__name i {
  color: #0B0B14;
}
.body-light .cabinet__name .text {
  color: #0B0B14;
}
.body-light .cabinet-drop {
  background-color: #FFFFFF;
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .cabinet-drop {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }
}
.body-light .cabinet-drop ul {
  background-color: #FFFFFF;
}
.body-light .cabinet-drop li.custom {
  border-bottom: 1px solid #E6E6D6;
}
.body-light .cabinet-drop a {
  color: #6D6D86;
}
.body-light .message-count {
  background-color: #D5224D;
  color: #FFFFFF;
  border: 1px solid white;
}
.body-light .cabinet-drop a:hover {
  background-color: #EDEDED;
  color: #D5224D;
}
.body-light .balance {
  color: #929297;
}
.body-light .balance span:last-child i {
  color: #0B0B14;
}
.body-light .pulsing:before {
  content: "";
  box-shadow: inset 0 0 0 1px rgb(0, 0, 0);
}
@keyframes pulsing {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
@media (min-width: 1025px) {
  .body-light .drop-aside__tags.custom li a:hover {
    background-color: #EDEDED;
  }
  .body-light .drop-aside__tags.custom li a:hover i {
    color: #D5224D;
  }
  .body-light .drop-aside__tags.custom li a:hover span:last-child {
    color: #D5224D;
  }
}
.body-light .drop-aside__tags.custom-last {
  padding-bottom: 0;
}
.body-light .drop-aside__tags.custom-last li:last-child {
  margin-top: 10px;
}
.body-light .drop-aside__tags.custom-last li:last-child a {
  color: #D5224D;
  border-top: 1px solid #E6E6D6;
  border-radius: 0;
}
@media (min-width: 1025px) {
  .body-light .drop-aside__tags.custom-last li:last-child a:hover {
    color: #112E55;
    background-color: transparent;
  }
}
.body-light .drop-aside__tags.custom-last li a {
  justify-content: flex-start;
}
.body-light .drop-aside__tags.custom-last li a i {
  margin-right: 10px;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .body-light .drop-aside__tags.custom-last li a:hover {
    color: #112E55;
    background-color: #EDEDED;
  }
  .body-light .drop-aside__tags.custom-last li a:hover i {
    color: #112E55;
  }
  .body-light .drop-aside__tags.custom-last li a:hover span {
    color: #112E55;
  }
  .body-light .drop-aside__tags.custom-last li a:hover span:last-child {
    color: #112E55;
  }
}
.body-light .drop-aside__tag {
  background-color: transparent;
}
.body-light .drop-aside__tag span:first-child {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .drop-aside__tag:hover {
    background-color: #EDEDED;
  }
  .body-light .drop-aside__tag:hover span:first-child {
    color: #D5224D;
  }
  .body-light .drop-aside__tag:hover span:last-child {
    color: #0B0B14;
  }
}
@media (max-width: 1024px) {
  .body-light .burger-menu span {
    background-color: #0B0B14;
  }
  .body-light .burger-menu.active span {
    background-color: #0B0B14;
  }
}
@media (min-width: 1025px) {
  .body-light .burger-menu:hover span {
    background-color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .body-light .header-desktop {
    height: calc(var(--app-height) - 50px);
    border-top: 1px solid #EDEDED;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .body-light .header-desktop .header-container {
    border-bottom: 1px solid #EDEDED;
  }
  .body-light .header-desktop__wrapper {
    background-color: #FFFFFF;
    min-height: calc(var(--app-height) - 50px);
    border-top: none;
    border-right: 1px solid #EDEDED;
  }
}
.body-light .header-mobile {
  border-bottom: 1px solid #EDEDED;
}
.body-light .search-btn i {
  color: #0B0B14;
}
.body-light .pagination li:first-child .pagination-link:hover {
  color: white;
}
.body-light .pagination-link,
.body-light .pagination a {
  background-color: #EDEDED;
  color: #6D6D86;
}
.body-light .pagination-link .effect,
.body-light .pagination a .effect {
  background-color: #112E55;
}
.body-light .pagination-link.dots,
.body-light .pagination a.dots {
  background-color: transparent;
}
.body-light .pagination-link.active,
.body-light .pagination a.active {
  background-color: #D5224D;
  color: #FFFFFF;
}
.body-light .pagination-link.active *,
.body-light .pagination a.active * {
  color: #FFFFFF;
}
.body-light .pagination-link.active:hover,
.body-light .pagination a.active:hover {
  cursor: default;
  background-color: #D5224D;
  border: 1px solid transparent;
}
.body-light .pagination-link.first-pager .effect,
.body-light .pagination a.first-pager .effect {
  background-color: #112E55;
}
.body-light .pagination-link.first-pager:hover .effect,
.body-light .pagination a.first-pager:hover .effect {
  left: 0%;
}
.body-light .pagination-link.last-pager .effect,
.body-light .pagination a.last-pager .effect {
  background-color: #112E55;
}
.body-light .pagination-link.last-pager:hover .effect,
.body-light .pagination a.last-pager:hover .effect {
  left: auto;
  right: 0%;
}
@media (min-width: 1025px) {
  .body-light .pagination-link:hover,
  .body-light .pagination a:hover {
    color: #FFFFFF;
  }
  .body-light .pagination-link:hover .effect,
  .body-light .pagination a:hover .effect {
    top: 0;
  }
}
.body-light .view-all {
  background-color: #EDEDED;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .view-all:hover {
    color: #FFFFFF;
  }
  .body-light .view-all:hover .effect {
    background-color: #D5224D;
  }
  .body-light .view-all:hover .text {
    color: #FFFFFF;
  }
}
.body-light .list-links a,
.body-light .list-links p {
  background-color: #EDEDED;
}
.body-light .list-links a span:first-child,
.body-light .list-links p span:first-child {
  background-color: transparent;
}
.body-light .list-links a i,
.body-light .list-links p i {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .list-links a i:last-child:hover,
  .body-light .list-links p i:last-child:hover {
    color: #D5224D;
  }
}
@media (min-width: 1025px) {
  .body-light .list-links a:hover,
  .body-light .list-links p:hover {
    color: #FFFFFF;
    background-color: #D5224D !important;
  }
  .body-light .list-links a:hover span:first-child,
  .body-light .list-links p:hover span:first-child {
    background-color: #D5224D;
  }
  .body-light .list-links a:hover i,
  .body-light .list-links p:hover i {
    color: #6D6D86;
  }
}
@media (min-width: 1025px) {
  .body-light .list-links .links-left:hover,
  .body-light .list-links .links-right:hover {
    color: #D5224D;
  }
}
.body-light .list-links .links-left {
  background: linear-gradient(270deg, #ffffff 52.6%, rgba(18, 18, 32, 0) 100%);
}
.body-light .list-links .links-right {
  background: linear-gradient(270deg, #ffffff 52.6%, rgba(18, 18, 32, 0) 100%);
}
.body-light .drop-menu.active .select {
  background-color: #D5224D;
  color: #FFFFFF;
  box-shadow: 0px 0px 3px rgba(128, 128, 128, 0.7);
}
.body-light .drop-menu.active .select i,
.body-light .drop-menu.active .select .text {
  color: #FFFFFF !important;
}
.body-light .drop-menu.active .options {
  box-shadow: 0px 0px 3px rgba(128, 128, 128, 0.7);
}
.body-light .drop-menu.custom {
  color: #0B0B14 !important;
}
.body-light .drop-menu.custom .select i,
.body-light .drop-menu.custom .select .text {
  color: #0B0B14;
}
.body-light .drop-menu .select {
  background-color: #EDEDED;
  color: #6D6D86;
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease 0.1s;
}
.drop-menu .select.active {
  background-color: #D5224D;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
.drop-menu .select.active i {
  transform: rotate(180deg);
}
.drop-menu .options.active {
  opacity: 1;
  visibility: visible;
  box-shadow: 0 0 3px rgba(128,128,128,.7);
}
.body-light .drop-menu .select .effect {
  background-color: transparent;
}
@media (min-width: 1025px) {
  .body-light .drop-menu .select:hover {
    color: #FFFFFF;
  }
  .body-light .drop-menu .select:hover .effect {
    background-color: #D5224D;
  }
  .body-light .drop-menu .select:hover i,
  .body-light .drop-menu .select:hover .text {
    color: #FFFFFF !important;
  }
}
.body-light .drop-menu .options {
  background-color: #FFFFFF;
  color: #0B0B14;
  box-shadow: 0 0 3px rgba(128,128,128,.7);
  transition: border-radius 0.2s ease, visibility 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease 0.1s;
}
.body-light .drop-menu .option {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .drop-menu .option:hover {
    background-color: #112E55;
    color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .drop .drop__option {
    background-color: #EDEDED;
  }
}
.body-light .drop.background.active .drop__select {
  color: #FFFFFF;
  background-color: #D5224D;
}
.body-light .drop.background .drop__select {
  color: #FFFFFF;
  background-color: #112E55;
}
@media (min-width: 1025px) {
  .body-light .drop.background .drop__select:hover {
    color: #FFFFFF;
    background-color: #D5224D;
  }
}
.body-light .drop.active .drop__select {
  color: #D5224D;
}
@media (max-width: 1024px) {
  .body-light .drop.active .drop__select {
    background-color: transparent;
    color: #D5224D;
  }
}
.body-light .drop.only-icons .drop__options {
  background-color: #EDEDED;
}
@media (max-width: 1024px) {
  .body-light .drop.only-icons .drop__options {
    background-color: #FFFFFF;
  }
}
.body-light .drop.only-icons .drop__option {
  background-color: transparent;
}
.body-light .drop__select {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .drop__select:hover {
    color: #D5224D;
  }
}
.body-light .drop__options {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .drop__options {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 1024px) {
  .body-light .drop__options {
    color: #6D6D86;
  }
}
.body-light .drop__option {
  background-color: #EDEDED;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .drop__option:hover {
    background-color: #112E55;
    color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .drop__option {
    background-color: #FFFFFF;
  }
}
.body-light .button {
  background-color: #D5224D;
  color: #FFFFFF;
}
.body-light .button.is-dark {
  background-color: #112E55;
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .button.is-dark:hover {
    background-color: #112E55;
  }
  .body-light .button.is-dark:hover .effect {
    background-color: #D5224D;
  }
}
.body-light .button.is-light {
  background-color: #EDEDED;
  color: #6D6D86;
}
.body-light .button.is-light .text {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .button.is-light:hover {
    background-color: #EDEDED;
  }
  .body-light .button.is-light:hover .effect {
    background-color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .body-light .button.is-light.custom {
    background-color: #0B0B14;
  }
}
.body-light .button.is-blue {
  background-color: #112E55;
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .button.is-blue:hover {
    background-color: #112E55;
  }
  .body-light .button.is-blue:hover .effect {
    background-color: #D5224D;
  }
}
.body-light .button.is-dark-light {
  background-color: #121220;
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .button.is-dark-light:hover {
    background-color: #121220;
  }
}
.body-light .button .effect {
  background-color: transparent;
}
@media (min-width: 1025px) {
  .body-light .button:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
  .body-light .button:hover .effect {
    background-color: #112E55;
  }
  .body-light .button:hover .text {
    color: #FFFFFF;
  }
}
.body-light .subscribe.active {
  background-color: #112E55;
}
.body-light .subscribe.active .effect {
  background-color: #112E55;
}
.body-light .user-info__name {
  color: #0B0B14;
}
.body-light .user-info__name i {
  color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .user-info__name:hover {
    color: #D5224D;
  }
}
.body-light .user-info__logo {
  background-color: #EDEDED;
}
.body-light .subscribe-button.active {
  background-color: #112E55;
}
.body-light .subscribe-button.active .effect {
  background-color: #112E55;
}
.body-light .upload-btn {
  background-color: #112E55;
}
@media (min-width: 1025px) {
  .body-light .upload-btn:hover {
    background-color: #112E55;
  }
  .body-light .upload-btn:hover .effect {
    background-color: #D5224D;
  }
  .body-light .upload-btn:hover i {
    color: #FFFFFF;
  }
}
.body-light .light-btn {
  color: #6D6D86;
  background-color: transparent;
  transition: color 0.1s ease;
}
@media (min-width: 1025px) {
  .body-light .light-btn:hover {
    background-color: transparent !important;
    color: #D5224D;
  }
}
.body-light .card.without-hover {
  cursor: default;
}
@media (min-width: 1025px) {
  .body-light .card.without-hover:hover .card-body img {
    filter: none;
    transform: none;
  }
}
.body-light .card.for-min .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.body-light .card.for-min .card-info__text {
  margin-bottom: 0;
  max-width: 100%;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .body-light .card.for-min .card-info__text:hover {
    color: #D5224D;
  }
}
.body-light .card.for-min .items {
  margin-left: 20px;
}
.body-light .card.for-min-vertical .card-body {
  padding-bottom: 143.75%;
}
.body-light .card.for-min-vertical .card-info__text {
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .body-light .card.for-min-vertical .card-info__text:hover {
    color: #D5224D;
  }
}
.body-light .card.for-min-vertical .card-info__text,
.body-light .card.for-min-vertical .card-info {
  max-width: fit-content;
  width: 100%;
}
.body-light .card.for-vertical .card-body {
  padding-bottom: 143.75%;
}
.body-light .card.for-vertical .card-info__text {
  max-width: 100%;
}
.body-light .card.for-vertical.border .card-body__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 20, 0.5568627451);
  border-radius: 10px;
  border: 4px solid #D5224D;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease, opacity 0.2s ease;
}
.body-light .card.for-vertical.border:hover .card-body__mask {
  visibility: visible;
  opacity: 1;
}
.body-light .card.for-line .card-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px;
  z-index: 10;
  border-radius: 0 0 9.5px 9.5px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 500;
  background-color: rgba(11, 11, 20, 0.7960784314);
  transition: background-color 0.2s ease;
}
@media (min-width: 1025px) {
  .body-light .card.for-line:hover .card-bottom {
    background-color: rgba(213, 34, 76, 0.7882352941);
  }
}
.body-light .card-body {
  background-color: #EDEDED;
  width: 100%;
}
.body-light .card-body .like-btn,
.body-light .card-body .time-btn {
  background-color: rgba(250, 250, 250, 0.8);
}
.body-light .card-body .like-btn i,
.body-light .card-body .time-btn i {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .card-body .like-btn:hover,
  .body-light .card-body .time-btn:hover {
    background-color: #D5224D;
  }
  .body-light .card-body .like-btn:hover i,
  .body-light .card-body .time-btn:hover i {
    color: #FFFFFF;
  }
}
.body-light .card-time {
  background-color: rgba(250, 250, 250, 0.8);
  color: #0B0B14;
}
.body-light .card-premium {
  background-color: #D5224D;
}
.body-light .card-premium i {
  color: #FFFFFF;
}
.body-light .card-logo {
  background-color: #EDEDED;
}
.body-light .card-info__name {
  color: #D5224D;
}
.body-light .card-info__name i {
  color: #D5224D;
}
.body-light .card-info__name.custom {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .card-info__name.custom:hover {
    color: #D5224D;
  }
}
@media (min-width: 1025px) {
  .body-light .card-info__name:hover {
    color: #112E55;
  }
  .body-light .card-info__name:hover i {
    color: #112E55;
  }
}
.body-light .card-info__text {
  color: #0B0B14;
}
.body-light .footer {
  border-top: 1px solid #EDEDED;
  background-color: #FFFFFF;
}
.body-light .footer a {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .footer a:hover {
    color: #D5224D;
  }
}
.body-light .footer-nav a {
  color: #0B0B14;
}
.body-light .footer-title {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .socials a:hover i {
    color: #D5224D;
  }
}
.body-light .socials i {
  color: #112E55;
}
@media (min-width: 1025px) {
  .body-light .card-round:hover .card-info__name, .body-light .card-round.active .card-info__name {
    color: #D5224D !important;
  }
  .body-light .card-round:hover .card-info__name i, .body-light .card-round.active .card-info__name i {
    color: #D5224D !important;
  }
  .body-light .card-round:hover .info-popup .name, .body-light .card-round.active .info-popup .name {
    color: #0B0B14 !important;
  }
  .body-light .card-round:hover .info-popup .name i, .body-light .card-round.active .info-popup .name i {
    color: #D5224D !important;
  }
  .body-light .card-round:hover .border, .body-light .card-round.active .border {
    border: 6px solid #D5224D;
  }
}
.body-light .card-round .card-body {
  background-color: #EDEDED;
}
.body-light .card-round .card-info__name {
  color: #0B0B14;
}
.body-light .card-round .border {
  border: 6px solid transparent;
}
.body-light .info-popup {
  background-color: #ffffff;
  border: 1px solid #EDEDED;
  box-shadow: 1px 1px 5px #EDEDED;
}
.body-light .info-popup__bg {
  background-color: #FFFFFF;
}
.body-light .info-popup__logo {
  border: 3px solid #ffffff;
  background-color: #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .info-popup__logo:hover {
    border: 3px solid #D5224D;
  }
}
.body-light .info-popup .name {
  color: #0B0B14;
}
.body-light .info-popup .name i {
  color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .info-popup .name:hover {
    color: #D5224D;
  }
  .body-light .info-popup .name:hover i {
    color: #D5224D;
  }
}
.body-light .info-popup .button {
  background-color: #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .info-popup .button:hover {
    background-color: #EDEDED;
  }
}
.body-light .info-popup .double-btn .button {
  background-color: #D5224D;
}
.body-light .double-btn.custom .number {
  background-color: #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .double-btn .button:hover .effect {
    border-radius: 10px 0 0 10px;
  }
}
.body-light .double-btn .number {
  background-color: #EDEDED;
}
.body-light .items .item.custom {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .items .item.btn:hover i {
    color: #D5224D;
  }
}
.body-light .search-drop {
  background-color: #112E55;
  color: #FFFFFF;
}
.body-light .search-drop.active {
  background-color: #D5224D;
}
.body-light .search-drop.active .effect {
  background-color: #D5224D;
}
.body-light .search-drop.active:hover {
  background-color: #D5224D;
}
.body-light .search-drop.active:hover .effect {
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .search-drop:hover {
    background-color: #112E55;
  }
  .body-light .search-drop:hover .effect {
    background-color: #D5224D;
  }
}
.body-light .search-body {
  background-color: #ffffff;
}
.body-light .search-body .checkbox {
  background-color: transparent;
}
.body-light input {
  color: #0B0B14;
  background-color: #EDEDED;
}
.body-light input::placeholder {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light input:hover::placeholder {
    color: #0B0B14;
  }
}
.body-light .links-category {
  color: #D5224D;
}
.body-light .links-item__link {
  color: #0B0B14;
}
.body-light .links-item__link span:last-child {
  color: #9F92A6;
}
@media (min-width: 1025px) {
  .body-light .links-item__link:hover {
    background-color: #EDEDED;
    color: #0B0B14;
  }
  .body-light .links-item__link:hover span {
    color: #0B0B14;
  }
}
.body-light .card-wrapper .checkbox {
  background-color: rgba(237, 237, 237, 0.8352941176);
}
.body-light .checkbox {
  background-color: transparent;
}
.body-light .checkbox input + label {
  color: #6D6D86;
}
.body-light .checkbox input + label::before {
  content: "";
  border: 1px solid #D5224D;
  background-color: transparent;
  background-image: url("../images/done.svg");
}
@media (min-width: 1025px) {
  .body-light .checkbox input + label:hover {
    color: #0B0B14;
  }
  .body-light .checkbox input + label:hover:before {
    border: 1px solid #D5224D;
  }
}
.body-light .checkbox.active input + label::before {
  border-color: #D5224D;
  background-size: 10px;
  background: #D5224D url("../images/done.svg") no-repeat center;
  z-index: 10;
}
.checkbox input:checked + label::before {
  border-color: #D5224D !important;
  background-size: 10px !important;
  background: #D5224D url("../images/done.svg") no-repeat center !important;
  z-index: 10 !important;
}

.body-light .aside {
  background-color: #EDEDED;
}
.body-light .aside__title {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .content-cover:hover .content-cover__button i {
    color: #D5224D;
  }
}
.body-light .content-cover__picture {
  background-color: #EDEDED;
}
.body-light .content-cover__button i {
  color: #FFFFFF;
}
.body-light .video-full {
  background-color: #112E55;
}
@media (min-width: 1025px) {
  .body-light .video-full:hover {
    background-color: #112E55;
  }
  .body-light .video-full:hover .effect {
    background-color: #D5224D;
  }
}
.body-light .form__input, .body-light .form__textarea {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .form__input::placeholder, .body-light .form__textarea::placeholder {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .form__input:hover::placeholder, .body-light .form__textarea:hover::placeholder {
    color: #0B0B14;
  }
}
.body-light .form__button {
  background-color: #D5224D;
  color: #FFFFFF;
  border: 1px solid transparent;
}
@media (min-width: 1025px) {
  .body-light .form__button:hover {
    background-color: #FFFFFF;
    color: #0B0B14;
    border: 1px solid #0B0B14;
  }
}
.body-light .video {
  width: 100%;
}
.body-light .video-buttons {
  border-bottom: 1px solid #EDEDED;
}
.body-light .video-buttons__item.gap-more .text {
  color: #6D6D86;
}
.body-light .video-buttons__item.gap-more i {
  color: #6D6D86;
}
.body-light .video-button {
  background-color: #EDEDED;
  color: #6D6D86;
}
.body-light .video-button.custom i {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .video-button.custom:hover i {
    color: #FFFFFF;
  }
}
@media (min-width: 1025px) {
  .body-light .video-button:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.body-light .video-info {
  color: #9F92A6;
}
.body-light .video-links__name {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .video-links__item:hover .part {
    border: 2px solid #D5224D;
  }
  .body-light .video-links__item:hover .video-links__link {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.body-light .video-links__link {
  background-color: #EDEDED;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .video-links__link .part:hover {
    border: 2px solid #D5224D;
  }
}
@media (min-width: 1025px) {
  .body-light .video-links__link:hover {
    background-color: #D5224D !important;
    color: #FFFFFF;
  }
}
.body-light .video-text {
  color: #0B0B14;
}
.body-light .video-rating .text {
  color: #0B0B14;
}
.body-light .video-rating .track {
  background-color: #2A2631;
}
.body-light .video-rating .thumb {
  background-color: #D5224D;
}
.body-light .tab-buttons.custom {
  border-bottom: 1px solid #EDEDED;
}
.body-light .tab-buttons.custom .tab-button {
  background-color: transparent;
}
.body-light .tab-buttons.custom .tab-button::before {
  content: "";
  background-color: transparent;
}
.body-light .tab-buttons.custom .tab-button.active {
  color: #D5224D;
}
.tab-button.profile-tab-active::before {
  content: "";
  bottom: 0 !important;
  width: 100% !important;
  background-color: #D5224D !important;
}
.tab-button.profile-tab-active {
  color: #D5224D !important;
}
.body-light .tab-buttons.custom .tab-button.active::before {
  content: "";
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .tab-buttons.custom .tab-button:hover {
    color: #D5224D;
  }
  .body-light .tab-buttons.custom .tab-button:hover::before {
    content: "";
    background-color: #D5224D;
  }
}
.body-light .tab-button {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .tab-button.active {
  background-color: #D5224D;
  color: #FFFFFF;
  cursor: default;
}
@media (min-width: 1025px) {
  .body-light .tab-button:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.body-light .page-links__link {
  color: grey;
}
@media (min-width: 1025px) {
  .body-light .page-links__link:hover {
    color: #0B0B14;
  }
  .body-light .page-links__link:hover i {
    color: grey;
  }
}
.body-light .page-links__link.active {
  color: #0B0B14;
}
.body-light .page-links__link.active i {
  color: grey;
}
.body-light .page-links__link i {
  color: grey;
}
.body-light .comment-icon {
  background-color: #EDEDED;
}
.body-light .comment-icon i {
  color: #9F92A6;
}
@media (min-width: 1025px) {
  .body-light .comment-icon:hover i {
    color: #D5224D;
  }
}
.body-light .comment-other__name {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .comment-other__name:hover {
    color: #D5224D;
  }
}
.body-light .comment-other__ago {
  color: #6D6D86;
}
.body-light .comment-other__text {
  color: #6D6D86;
}
.body-light .share-row__label {
  color: #0B0B14;
}
.body-light .share-row__input {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .sizes-link {
  background-color: #EDEDED;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .sizes-link:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.body-light .custom-size__label {
  color: #0B0B14;
}
.body-light .custom-size__label::placeholder {
  color: #0B0B14;
}
.body-light .custom-size__input {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .custom-size__input::placeholder {
  color: #0B0B14;
}
.body-light .report-label {
  color: #0B0B14;
}
.body-light .report-row .label-report::before {
  content: "";
  border: 1px solid #696B71;
}
.body-light .report-row .label-report::after {
  content: "";
  background-color: #D5224D;
}
.body-light .report-row .radio-report:checked + label:before {
  border-color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .report-row:hover {
    color: #D5224D;
  }
}
.body-light .report-submit {
  background-color: #D5224D;
  color: #FFFFFF;
  border: 1px solid transparent;
}
@media (min-width: 1025px) {
  .body-light .report-submit:hover {
    background-color: #FFFFFF;
    color: #0B0B14;
    border: 1px solid #0B0B14;
  }
}
.body-light .report-message__label {
  color: #0B0B14;
}
.body-light .report-message__tetarea {
  background-color: #EDEDED;
  color: #0B0B14;
}
.body-light .report-message__tetarea::placeholder {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .report-message__tetarea:hover::placeholder {
    color: #0B0B14;
  }
}
.body-light .radio-row.disabled:hover {
  color: #6D6D86;
}
.body-light .radio-row p {
  color: #D5224D;
}
.body-light .radio-row:hover {
  color: #0B0B14;
}
.body-light .radio-row__label::before {
  content: "";
}
.body-light .radio-row__label::after {
  content: "";
  background-color: #fff;
}
.body-light .radio-row__input:checked + label:before {
  border-color: #D5224D;
  background-color: #D5224D;
}
.body-light .info {
  display: flex;
}
.body-light .info.custom .info-head .button {
  color: #FFFFFF;
}
.body-light .info-column:first-child {
  background-color: #EDEDED;
}
.body-light .info-column__head {
  border-bottom: 1px solid #EDEDED;
}
.body-light .info-item {
  color: #0B0B14;
}
.body-light .info-item .mark {
  color: #6D6D86;
}
.body-light .info .nav {
  border-top: none;
  border-bottom: 1px solid #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .info .nav__item:hover .nav__link {
    color: #D5224D;
  }
}
.body-light .info .nav__link {
  color: #0B0B14;
}
.body-light .more-text__button {
  background-color: #EDEDED;
  color: #6D6D86 !important;
}
@media (min-width: 1025px) {
  .body-light .more-text__button:hover {
    background-color: #EDEDED;
  }
}
.body-light .modal {
  background-color: rgba(237, 237, 237, 0.8470588235);
}
.body-light .modal-wrapper {
  background-color: #FFFFFF;
}
.body-light .modal-submit {
  border-top: 1px solid #EDEDED;
}
.body-light .modal-link {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .modal-link:hover {
    color: #112E55;
  }
}
@media (min-width: 1025px) {
  .body-light .modal-text a:hover {
    color: #112E55;
  }
}
.body-light .close-btn {
  color: #112E55;
}
.body-light .close-btn i {
  font-size: 24px;
}
@media (min-width: 1025px) {
  
  .close-btn:hover {
    color: #D5224D;
  }
}
.body-light .input {
  color: #0B0B14;
}
.body-light .input::placeholder {
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .input:hover::placeholder {
    color: #0B0B14;
  }
}
.body-light .textarea {
  background-color: #EDEDED;
}
.body-light .textarea textarea {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .textarea:hover textarea::placeholder {
    color: #0B0B14;
  }
}
.body-light .upload-select {
  background-color: #FFFFFF;
  color: #6D6D86;
}
.body-light .upload-file {
  position: relative;
}
@media (min-width: 1025px) {
  .body-light .upload-file:hover .upload-select {
    color: #FFFFFF;
    background-color: #D5224D;
  }
  .body-light .upload-file:hover .input::placeholder {
    color: #0B0B14;
  }
}
.body-light .input-label label {
  color: #0B0B14;
}
.body-light .label-checkboxes label {
  color: #0B0B14;
}
.body-light .logo {
  background-color: #EDEDED;
}
.body-light .logo i {
  color: #6D6D86;
}
.body-light .large-text .text {
  color: #0B0B14;
}
.body-light .large-text .text a {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .large-text .text a:hover {
    color: #D5224D;
  }
}
.body-light .tabs-buttons .title::before {
  content: "";
  background-color: transparent;
}
.body-light .tabs-buttons .title.active {
  color: #D5224D;
}
.body-light .tabs-buttons .title.active::before {
  content: "";
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .tabs-buttons .title:hover {
    color: #D5224D;
  }
  .body-light .tabs-buttons .title:hover::before {
    content: "";
    background-color: #D5224D;
  }
}
.body-light .warn-mess {
  color: #D5224D;
}
.body-light .upload-head {
  background-color: #EDEDED;
}
.body-light .upload-progress__name {
  color: #0B0B14;
}
.body-light .upload-progress__text {
  color: #0B0B14;
}
.body-light .upload-progress__line {
  background-color: #FFFFFF;
}
.body-light .upload-progress__line div {
  background-color: #D5224D;
}
.body-light .label {
  color: #0B0B14;
}
.body-light .banner .buttons .button.is-light {
  background-color: #ffffff;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .body-light .banner .buttons .button.is-light:hover {
    background-color: #ffffff;
  }
  .body-light .banner .buttons .button.is-light:hover .effect {
    background-color: #D5224D;
  }
}
.body-light .banner-line {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 70%, rgb(255, 255, 255) 102%);
}
.body-light .banner-blackout {
  background-color: rgba(237, 237, 237, 0.8470588235);
}
.body-light .banner-info .button {
  background-color: #D5224D;
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .banner-info .button:hover {
    background-color: #D5224D;
  }
  .body-light .banner-info .button:hover .effect {
    background-color: #112E55;
  }
}
@media (min-width: 1025px) {
  .body-light .chat .button.is-dark-light:hover {
    background-color: #112E55;
  }
  .body-light .chat .button.is-dark-light:hover .effect {
    background-color: #D5224D;
  }
}
@media (min-width: 1025px) {
  .body-light .chat .title a:hover {
    color: #112E55;
  }
}
.body-light .chat-title .mark {
  color: #D5224D;
}
.body-light .chat-list__wrap {
  background-color: #EDEDED;
}
@media (max-width: 1024px) {
  .body-light .chat-list__wrap {
    background-color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .body-light .chat-messages {
    background-color: #FFFFFF;
  }
}
.body-light .chat-messages__head {
  border-bottom: 1px solid #EDEDED;
}
.body-light .chat-messages__head-back {
  background-color: #EDEDED;
}
.body-light .chat-messages__head-back i {
  color: #112E55;
}
.body-light .chat-messages__head-user {
  color: #0B0B14;
}
.body-light .chat-messages__head-user .dialog-name {
  color: #FF7D00;
}
@media (min-width: 1024px) {
  .body-light .chat-messages__head-user .dialog-name:hover {
    color: white;
  }
}
.body-light .chat-messages__head-buttons {
  color: black;
}
.body-light .chat-messages__head-buttons .button {
  background-color: #6D6D86;
}
.body-light .chat-messages__head-buttons .button:hover {
  background-color: #FF7D00;
}
@media (min-width: 1024px) {
  .body-light .chat-messages__head-dots:hover span {
    background-color: #FF7D00;
  }
}
.body-light .chat-messages__head-dots span {
  background-color: #B3B3B3;
}
.body-light .chat-messages__content::-webkit-scrollbar {
  width: 3px;
}
.body-light .chat-messages__content::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.body-light .chat-messages__content::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
.body-light .chat-messages__content .message-icon {
  background-color: #EDEDED;
}
@media (min-width: 1025px) {
  .body-light .chat-messages__content .message-icon:hover i {
    color: #D5224D;
  }
  .body-light .chat-messages__content .message-icon:hover img {
    transform: scale(1.1);
  }
}
.body-light .chat-messages__content .message-icon i {
  color: #6D6D86;
}
.body-light .chat-messages__content .message-info__name {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .chat-messages__content .message-info__name:hover {
    color: #D5224D;
  }
}
.body-light .chat-messages__content .message-info__text {
  color: #6D6D86;
}
.body-light .chat-messages__content .message.reverse .message-info__text {
  color: #6D6D86;
}
.body-light .chat-messages__form {
  background-color: transparent;
  border-top: 1px solid #EDEDED;
}
@media (max-width: 1024px) {
  .body-light .chat-messages__form {
    border-top: none;
  }
}
.body-light .chat-messages__form .form__wrapper {
  background-color: #EDEDED;
}
.body-light .chat-messages__form .form__input {
  color: #0B0B14;
  background-color: #EDEDED;
}
.body-light .chat-messages__form .form__input::placeholder {
  color: #6D6D86;
}
.body-light .chat-messages__form .form__input::-webkit-scrollbar {
  width: 3px;
}
.body-light .chat-messages__form .form__input::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.body-light .chat-messages__form .form__input::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .body-light .chat-messages__form .form__input:hover::placeholder {
    color: #0B0B14;
  }
}
@media (max-width: 1024px) {
  .body-light .chat-messages__form .form__input {
    padding: 0 25px 0 10px;
    border-radius: 0;
  }
}
.body-light .chat-messages__form .form__submit {
  background-color: #D5224D;
  color: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
}
@media (min-width: 1025px) {
  .body-light .chat-messages__form .form__submit:hover {
    background-color: white;
    color: black;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 1025px) {
  .body-light .chat-item__wrapper:hover {
    background-color: #FFFFFF;
    color: #0B0B14;
  }
  .body-light .chat-item__wrapper:hover .chat-item__info {
    color: #0B0B14;
  }
  .body-light .chat-item__wrapper:hover .chat-item__name {
    color: #0B0B14;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .body-light .chat-item__wrapper:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1025px) {
  .body-light .chat-item__wrapper:hover .chat-item__date {
    color: #0B0B14;
  }
}
@media (max-width: 1024px) {
  .body-light .chat-item__wrapper.active {
    background-color: #0B0B14;
  }
}
.body-light .chat-item__wrapper.active {
  background-color: #112E55 !important;
  color: #FFFFFF;
}
.body-light .chat-item__wrapper.active .chat-item__info {
  color: #FFFFFF;
}
.body-light .chat-item__wrapper.active .chat-item__name {
  color: #FFFFFF;
}
.body-light .chat-item__wrapper.active .chat-item__date {
  color: #FFFFFF;
}
.body-light .chat-item__wrapper.active .chat-item__text {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .body-light .chat-item__wrapper.active:hover {
    background-color: #112E55;
  }
  .body-light .chat-item__wrapper.active:hover .chat-item__info {
    color: #FFFFFF;
  }
  .body-light .chat-item__wrapper.active:hover .chat-item__name {
    color: #FFFFFF;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .body-light .chat-item__wrapper.active:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1025px) {
  .body-light .chat-item__wrapper.active:hover .chat-item__date {
    color: #FFFFFF;
  }
}
.body-light .chat-item__wrapper.active, .body-light .chat-item__wrapper.active-mob {
  background-color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .chat-item__wrapper.active .chat-item__name:hover, .body-light .chat-item__wrapper.active-mob .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.7);
  }
}
.body-light .chat-item__icon {
  background-color: #112E55;
  transition: background-color 0.2s ease;
}
@media (min-width: 1025px) {
  .body-light .chat-item__icon:hover {
    background-color: #D5224D;
  }
  .body-light .chat-item__icon:hover i {
    color: #FFFFFF;
  }
  .body-light .chat-item__icon:hover img {
    transform: scale(1.1);
  }
}
.body-light .chat-item__icon i {
  color: #ffffff;
}
.body-light .chat-item__info {
  color: #9F92A6;
}
.body-light .chat-item__text {
  color: #0B0B14;
}
.body-light .chat-item__date {
  color: #6D6D86;
}
.body-light .chat-item__name {
  color: #0B0B14;
}
@media (min-width: 1025px) {
  .body-light .chat-item__name:hover {
    color: #D5224D !important;
  }
}
.body-light .user-logo {
  background-color: #EDEDED;
}

* {
  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 {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  border: 0;
}

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;
  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;
  -moz-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] {
  box-sizing: border-box;
  padding: 0;
  height: 22px;
  width: 22px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -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;
}

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

::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}

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

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

::-moz-scrollbar-thumb {
  background-color: #D5224D;
}

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

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

::-ms-scrollbar-thumb {
  background-color: #D5224D;
}

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;
  transition: opacity 0.3s;
}

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

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

:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
  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: Poppins;
  font-display: swap;
  src: url("../fonts/Poppins-Regular.woff2") format("woff2"), url("../fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url("../files/icons-font/icomoon.eot?xtrvn2");
  src: url("../files/icons-font/icomoon.eot?xtrvn2#iefix") format("embedded-opentype"), url("../files/icons-font/icomoon.ttf?xtrvn2") format("truetype"), url("../files/icons-font/icomoon.woff?xtrvn2") format("woff"), url("../files/icons-font/icomoon.svg?xtrvn2#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-camera:before {
  content: "\e900";
}

.icon-close:before {
  content: "\e901";
}

.icon-date:before {
  content: "\e902";
}

.icon-diamond:before {
  content: "\e903";
}

.icon-dislike:before {
  content: "\e904";
}

.icon-dollar:before {
  content: "\e905";
}

.icon-down:before {
  content: "\e906";
}

.icon-download:before {
  content: "\e907";
}

.icon-edit:before {
  content: "\e908";
}

.icon-eye:before {
  content: "\e909";
  margin-top: 2px;
  display: inline-block;
}

.icon-facebook:before {
  content: "\e90a";
}

.icon-flag:before {
  content: "\e90b";
}

.icon-gay:before {
  content: "\e90c";
}

.icon-heart:before {
  content: "\e90d";
}

.icon-image:before {
  content: "\e90e";
}

.icon-info:before {
  content: "\e90f";
}

.icon-left:before {
  content: "\e910";
}

.icon-light:before {
  content: "\e911";
}

.icon-like:before {
  content: "\e912";
}

.icon-list:before {
  content: "\e913";
}

.icon-logout:before {
  content: "\e914";
}

.icon-messages:before {
  content: "\e915";
}

.icon-peoples:before {
  content: "\e916";
}

.icon-play-round:before {
  content: "\e917";
}

.icon-play:before {
  content: "\e918";
}

.icon-premium:before {
  content: "\e919";
}

.icon-right:before {
  content: "\e91a";
}

.icon-search:before {
  content: "\e91b";
}

.icon-share:before {
  content: "\e91c";
}

.icon-smile:before {
  content: "\e91d";
}

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

.icon-straight:before {
  content: "\e91f";
}

.icon-time:before {
  content: "\e920";
}

.icon-transgender:before {
  content: "\e921";
}

.icon-Tumblr:before {
  content: "\e922";
}

.icon-twitter:before {
  content: "\e923";
}

.icon-upload:before {
  content: "\e924";
}

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

.icon-verify:before {
  content: "\e926";
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #191929;
  z-index: 7;
}
.header .buttons {
  margin-left: 20px;
}
@media (max-width: 1100px) {
  .header .buttons {
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  .header .buttons {
    margin: 10px 20px;
  }
}
@media (max-width: 1024px) {
  .header .buttons .button {
    max-width: none;
    max-width: 50%;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .header .buttons {
    max-width: 240px;
  }
}
.header-container {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .header-container {
    order: 3;
  }
}
.header-body {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
.header-drops {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
@media (max-width: 1100px) {
  .header-drops {
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  .header-drops {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    padding: 10px 0;
    width: 100%;
    order: 3;
  }
  .header-drops .drop {
    order: 2;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .header-drops .drop.is-order {
    order: 1;
  }
}
@media (max-width: 1024px) {
  .header-drops .drop.only-icons {
    order: 1;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .header-drops .drop.only-icons {
    order: 10;
  }
}
@media (max-width: 1024px) {
  .header-drops .button.light-btn {
    order: 3;
  }
  .header-drops .drop,
  .header-drops .button {
    margin-bottom: 10px;
  }
  .header-drops .drop:nth-child(2),
  .header-drops .button:nth-child(2) {
    margin-bottom: 0;
  }
}
.header-drop {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 100%;
  background-color: #0B0B14;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease;
}
.header-drop .title {
  font-size: 20px;
}
@media (max-width: 1024px) {
  .header-drop .drop-aside {
    background-color: #0B0B14;
    margin-right: 0;
    width: 100%;
    padding-bottom: 15px;
  }
  .header-drop .drop-aside__more {
    margin-right: 0 !important;
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .header-drop {
    background-color: #191929;
  }
  .header-drop .title {
    display: none;
  }
}

.header-drop__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 15px 20px 15px 20px;
}
@media (max-width: 1024px) {
  .header-drop__wrapper {
    padding: 0;
  }
}

.nav {
  position: relative;
  border-top: 1px solid #0B0B14;
}
@media (max-width: 1024px) {
  .nav {
    order: 2;
    padding: 0;
  }
}
@media (max-width: 1024px) and (max-width: 1024px) {
  .nav .drop__option {
    padding: 10px 0;
  }
}
.nav__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1024px) {
  .nav__wrapper {
    flex-direction: column;
    height: auto;
    padding: 10px 0 20px 0;
    border-bottom: 1px solid #0B0B14;
  }
}
.nav__item {
  display: flex;
}
.nav__item.custom {
  position: relative;
}
@media (max-width: 1024px) {
  .nav__item.custom.active {
    background-color: #0B0B14;
  }
  .nav__item.custom.active .drop__options,
  .nav__item.custom.active .drop__option {
    background-color: #0B0B14;
  }
  .nav__item.custom.active .nav__link {
    padding: 15px 20px 5px;
  }
}
.nav__item.active .header-drop {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .nav__item.active .header-drop {
    position: static;
  }
}
.nav__item.active .nav__link {
  color: #D5224D;
}
.nav__item.active .nav__link i {
  transform: rotate(-180deg);
}
.nav__item.active .drop__options {
  top: calc(100% - 10px);
  min-width: auto;
  width: auto;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .nav__item.active .drop__options {
    display: block;
    background-color: #191929;
  }
}
@media (max-width: 1024px) {
  .nav__item.active .drop__option {
    background-color: #191929;
  }
}
@media (max-width: 1024px) {
  .nav__item.active {
    background-color: #0B0B14;
  }
  .nav__item.active .drop__options,
  .nav__item.active .drop__option,
  .nav__item.active .drop-aside__tags {
    background-color: #0B0B14;
  }
  .nav__item.active .nav__link {
    padding: 15px 20px;
  }
}
.nav__item .drop__options {
  top: calc(100% + 10px);
  right: 30px;
  min-width: auto;
  width: auto;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .nav__item .drop__options {
    padding: 5px 20px;
  }
}
.nav__item .drop__option.active {
  background-color: #191929;
  color: #D5224D;
}
@media (max-width: 1024px) {
  .nav__item {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
  }
}
.nav__link {
  padding: 15px 30px;
  font-weight: 500;
  text-transform: uppercase;
  color: #FFFFFF;
  transition: color 0.2s ease;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.nav__link i {
  display: inline-block;
  margin-left: 10px;
  font-size: 10px;
  height: 10px;
  transition: transform 0.2s ease;
}
.nav__link.custom {
  position: relative;
  overflow: hidden;
}
.nav__link.custom::before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 20%;
  border-radius: 2px 2px 0 0;
  background-color: #D5224D;
  transition: bottom 0.2s ease, width 0.2s ease;
}
@media (min-width: 1025px) {
  .nav__link.custom:hover::before {
    content: "";
    bottom: 0px;
    width: 100%;
  }
}
.nav__link.custom.active {
  color: #D5224D;
  cursor: default;
}
.nav__link.custom.active::before {
  content: "";
  bottom: 0px;
  width: 100%;
}
.nav__link.is-yellow {
  color: #FACC49;
}
@media (min-width: 1025px) {
  .nav__link:hover {
    color: #FACC49;
  }
}
@media (max-width: 1550px) {
  .nav__link {
    padding: 15px 20px;
  }
}
@media (max-width: 1024px) {
  .nav__link {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}

.main-logo {
  display: flex;
  max-width: fit-content;
  max-height: 60px;
  width: 100%;
  height: 100%;
}
.main-logo img {
  max-width: 167px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top-line {
  padding: 7px 10px;
  background-color: #0B0B14;
  border-bottom: 1px solid transparent;
  display: flex;
  justify-content: space-between;
}
.top-line ul {
  display: flex;
}

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

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

.top-line a {
  display: flex;
  align-items: center;
  font-size: 12px;
  transition: color 0.2s ease;
  color: #ffffff;
}
@media (min-width: 1025px) {
  .top-line a:hover {
    color: #D5224D;
  }
}
.top-line img {
  margin-right: 5px;
  max-width: 16px;
}
@media (max-width: 1024px) {
  .top-line {
    padding: 30px 20px;
    order: 4;
    background-color: #191929;
    flex-direction: column;
  }
  .top-line ul {
    flex-direction: column;
  }
  .top-line li {
    margin: 0 0 20px 0 !important;
  }
}

.search {
  display: flex;
  align-items: center;
  margin-left: 50px;
  height: 40px;
  max-width: 630px;
  width: 100%;
  border-radius: 10px;
  background-color: #0B0B14;
}
.search input,
.search button {
  padding: 10px 20px;
}
.search input {
  color: #FFFFFF;
  width: 100%;
}
.search input::placeholder {
  color: #6D6D86;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .search input:hover::placeholder {
    color: #FFFFFF;
  }
}
.search button {
  color: #6D6D86;
  transition: color 0.2s ease;
  font-size: 20px;
}
@media (min-width: 1025px) {
  .search button:hover {
    color: #FFFFFF;
  }
}
.search .close-search {
  display: none;
}
@media (max-width: 1550px) {
  .search {
    max-width: 300px;
  }
}
@media (max-width: 1250px) {
  .search {
    max-width: 200px;
  }
}
@media (max-width: 1024px) {
  .search {
    position: absolute;
    top: -60px;
    left: 0;
    display: flex;
    height: 60px;
    flex-direction: row-reverse;
    align-items: center;
    max-width: none;
    margin-left: 0;
    border-radius: 0;
    z-index: 101;
    transition: top 0.2s ease;
  }
  .search.active {
    top: 0px;
  }
  .search button {
    padding: 20px 10px 20px 20px;
  }
  .search button i {
    pointer-events: none;
  }
  .search input {
    padding: 10px 20px 10px 0px;
  }
  .search .close-search {
    padding: 18px 20px;
    display: flex;
    font-size: 24px;
    color: #FFFFFF;
  }
}

.cabinet {
  position: relative;
}
@media (max-width: 1500px) {
  .cabinet {
    margin-left: 20px;
  }
}
@media (min-width: 1025px) {
  .cabinet:hover .cabinet__name {
    color: #D5224D;
  }
  .cabinet:hover .cabinet__name i {
    color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .cabinet {
    margin-left: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .cabinet.for-mobile {
    order: 1;
    justify-content: space-around;
  }
  .cabinet.for-mobile .link {
    padding: 10px 0;
    width: 115px;
    font-size: 14px;
    border-radius: 10px;
    color: #6D6D86;
    background: #0B0B14;
    text-align: center;
  }
  .body-light .cabinet.for-mobile .link {
    color: #fff;
  }
  .cabinet.for-mobile .link.login {
    background: #D5224D;
    color: #fff;
  }
}
.cabinet.active .cabinet__name {
  color: #D5224D;
}
.cabinet.active .cabinet__name i {
  color: #D5224D;
  transform: rotate(180deg);
}
.cabinet.active .cabinet-drop {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .cabinet.active .cabinet-drop {
    transform: none;
    opacity: 1;
    visibility: visible;
    max-height: 100%;
    padding-top: 0;
  }
}
.cabinet__drop-btn {
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .cabinet__drop-btn {
    justify-content: space-between;
    display: flex;
    padding: 10px 20px;
    background-color: #0B0B14;
  }
  .body-light .cabinet__drop-btn {
    background-color: transparent;
  }
}
.cabinet__icon {
  position: relative;
  display: flex;
  background: #0B0B14;
  border: 2px solid transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  flex: 1 0 auto;
  transition: border 0.2s linear;
}
.cabinet__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #6D6D86;
  z-index: 2;
}
.cabinet__icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 3;
  border-radius: 50%;
}
.cabinet__icon .icon-number {
  position: absolute;
  top: -8px;
  left: calc(100% - 10px);
  transform: translate(0, 0);
  display: flex;
  align-items: center;
  max-width: fit-content;
  max-height: fit-content;
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #D5224D;
  border: 2px solid #191929;
  color: #FFFFFF;
  background-color: #D5224D;
  font-family: "Roboto", sans-serif !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 1 !important;
  z-index: 4;
}
@media (max-width: 1024px) {
  .cabinet__icon {
    padding: 5px;
    flex: 1 0 auto;
  }
  .cabinet__icon i {
    font-size: 14px;
  }
}
.cabinet__name {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  margin-left: 10px;
  font-weight: 500;
  transition: color 0.2s linear;
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  .cabinet__name {
    width: 100%;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
  }
}
.cabinet__name i {
  font-size: 10px;
  transition: color 0.2s linear, transform 0.2s linear;
  color: #FFFFFF;
}
.cabinet__name .text {
  max-width: 140px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 500;
}
.cabinet-drop {
  min-width: 185px;
  width: 100%;
  position: absolute;
  top: calc(100% + 10px);
  right: 0px;
  transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.2s ease, opacity 0.2s ease, visibility 0.2s ease, max-height 0.2s ease;
  border-radius: 15px 0px 15px 15px;
  overflow: hidden;
  z-index: 20;
}
@media (min-width: 1025px) {
  .cabinet-drop {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) {
  .cabinet-drop {
    position: static;
    transform: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    max-height: 0px;
    border-radius: 0;
  }
}
.cabinet-drop ul {
  display: flex;
  flex-direction: column;
  background-color: #0B0B14;
}
@media (max-width: 1024px) {
  .cabinet-drop ul {
    border-radius: 0;
  }
}
.cabinet-drop li.custom {
  padding: 10px 15px;
  border-bottom: 1px solid #191929;
}
.cabinet-drop li.custom .button {
  max-width: none;
  width: 100%;
}
.cabinet-drop li.custom .button .text {
  width: 100%;
}
@media (max-width: 1024px) {
  .cabinet-drop li:last-child {
    margin-bottom: 10px;
  }
  .cabinet-drop li.custom {
    padding: 0 15px 10px;
  }
}
.cabinet-drop a {
  display: flex;
  align-items: center;
  padding: 5px 15px;
  min-height: 36px;
  font-size: 14px;
  font-weight: 500;
  color: #6D6D86;
  line-height: 1.1;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cabinet-drop a i {
  font-size: 18px;
  margin-right: 10px;
}
.cabinet-drop a span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cabinet-drop a span i {
  font-size: 14px;
  font-weight: 500;
}
.message-count {
  padding: 2px 4px;
  border-radius: 6px;
  background-color: #D5224D;
  font-size: 12px;
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  .cabinet-drop a {
    padding: 5px 30px;
  }
}
.cabinet-drop a:hover {
  background-color: #191929;
  color: #D5224D;
}

.balance {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  color: #6D6D86;
}
.balance span:first-child {
  margin-right: 10px;
}
.balance span:last-child {
  display: flex;
  align-items: center;
}
.balance span:last-child i {
  color: #FFFFFF;
  font-size: 14px;
}
.balance span:last-child i:first-child {
  margin-right: 5px;
}
.balance span:last-child i:first-child {
  font-size: 16px;
}

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

@keyframes pulsing {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.drop-aside {
  margin-right: 60px;
}
.drop-aside .button {
  width: 100%;
  max-width: none;
}
.drop-aside .title {
  margin-bottom: 8px;
}

.drop-aside__tags {
  padding-bottom: 15px;
  display: grid;
  grid-gap: 2px;
  width: 220px;
}
@media (max-width: 1024px) {
  .drop-aside .title {
    font-size: 16px;
  }
  .drop-aside__tags {
    width: auto;
  }
}
.drop-aside__tags.custom li a {
  justify-content: flex-start;
}
.drop-aside__tags.custom li a i {
  margin-right: 10px;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .drop-aside__tags.custom li a:hover {
    background-color: #191929;
  }
  .drop-aside__tags.custom li a:hover i {
    color: #D5224D;
  }
  .drop-aside__tags.custom li a:hover span:last-child {
    color: #D5224D;
  }
}
.drop-aside__tags.custom-last {
  padding-bottom: 0;
}
.drop-aside__tags.custom-last li:last-child {
  margin-top: 10px;
}
.drop-aside__tags.custom-last li:last-child a {
  color: #FACC49;
  border-top: 1px solid #191929;
  border-radius: 0;
}
@media (min-width: 1025px) {
  .drop-aside__tags.custom-last li:last-child a:hover {
    background-color: transparent;
  }
}
.drop-aside__tags.custom-last li a {
  justify-content: flex-start;
}
.drop-aside__tags.custom-last li a i {
  margin-right: 10px;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .drop-aside__tags.custom-last li a:hover {
    background-color: #191929;
  }
  .drop-aside__tags.custom-last li a:hover i {
    color: #D5224D;
  }
  .drop-aside__tags.custom-last li a:hover span:last-child {
    color: #D5224D;
  }
}
.drop-aside__tag {
  display: flex;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 36px;
  display: flex;
  justify-content: space-between;
  background-color: transparent;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}
.drop-aside__tag span {
  transition: color 0.2s ease;
}
.drop-aside__tag span:first-child {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .drop-aside__tag:hover {
    background-color: #191929;
  }
  .drop-aside__tag:hover span:first-child {
    color: #D5224D;
  }
  .drop-aside__tag:hover span:last-child {
    color: #FFFFFF;
  }
}
@media (max-width: 1024px) {
  .drop-aside__tag {
    font-size: 16px;
  }
}
.drop-cards {
  display: grid;
  width: 100%;
}
.drop-cards.six-columns {
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
@media (max-width: 1550px) {
  .drop-cards.six-columns {
    grid-template-columns: repeat(5, 1fr);
  }
  .drop-cards.six-columns .card.for-line:nth-child(8), .drop-cards.six-columns .card.for-line:nth-child(9) {
    display: none;
  }
}
@media (max-width: 1350px) {
  .drop-cards.six-columns {
    grid-template-columns: repeat(4, 1fr);
  }
  .drop-cards.six-columns .card.for-line:nth-child(5), .drop-cards.six-columns .card.for-line:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1200px) {
  .drop-cards.six-columns {
    grid-template-columns: repeat(3, 1fr);
  }
  .drop-cards.six-columns .card.for-line:nth-child(3), .drop-cards.six-columns .card.for-line:nth-child(4) {
    display: none;
  }
}
.drop-cards.seven-columns {
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
.drop-cards.seven-columns img {
  height: auto;
}

@media (max-width: 1550px) {
  .drop-cards.seven-columns {
    grid-template-columns: repeat(5, 1fr);
  }
  .drop-cards.seven-columns .card.for-min-vertical:nth-child(6), .drop-cards.seven-columns .card.for-min-vertical:nth-child(7), .drop-cards.seven-columns .card.for-min-vertical:nth-child(8), .drop-cards.seven-columns .card.for-min-vertical:nth-child(9) {
    display: none;
  }
}
@media (max-width: 1250px) {
  .drop-cards.seven-columns {
    grid-template-columns: repeat(4, 1fr);
  }
  .drop-cards.seven-columns .card.for-min-vertical:nth-child(5) {
    display: none;
  }
}
.drop-cards.nine-columns {
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 20px;
}
@media (max-width: 1990px) {
  .drop-cards.nine-columns {
    grid-template-columns: repeat(7, 1fr);
  }
}

.drop-body {
  width: 100%;
}
.drop-body .title {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .drop-body {
    display: none;
  }
}

.burger-menu {
  display: none;
  position: relative;
  z-index: 100;
  width: 20px;
  height: 20px;
}
@media (max-width: 1024px) {
  .burger-menu {
    display: block;
    width: 26px;
    height: 24px;
    cursor: pointer;
  }
  .burger-menu span {
    transition: background-color 0.2s ease, transform 0.2s ease, top 0.2s ease, bottom 0.2s ease;
    top: calc(50% - 2px);
    left: 0px;
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: white;
    border-radius: 20px;
  }
  .burger-menu span:first-child {
    top: 0px;
  }
  .burger-menu span:last-child {
    top: auto;
    bottom: 0px;
  }
  .burger-menu.active span {
    background-color: #FFFFFF;
    transform: scale(0);
  }
  .burger-menu.active span:first-child {
    transform: rotate(-45deg);
    top: calc(50% - 2px);
  }
  .burger-menu.active span:last-child {
    transform: rotate(45deg);
    bottom: calc(50% - 2px);
  }
}
@media (min-width: 1025px) {
  .burger-menu:hover span {
    background-color: #D5224D;
  }
}

@media (max-width: 1024px) {
  .header-desktop {
    position: absolute;
    top: 60px;
    left: -100%;
    max-width: none;
    width: 100%;
    height: calc(var(--app-height) - 50px);
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 101;
    transition: left 0.2s ease;
  }
  .header-desktop.active {
    left: 0;
  }
  .header-desktop .main-logo {
    display: none;
  }
  .header-desktop .header-container {
    border-bottom: 1px solid #0B0B14;
    margin: 0 20px;
    padding: 0;
    order: 3;
    width: calc(100% - 40px);
  }
  .header-desktop .drop__select {
    padding: 5px 0;
  }
  .header-desktop__wrapper {
    display: flex;
    flex-direction: column;
    max-width: 280px;
    padding-bottom: 30px;
    background-color: #191929;
    min-height: calc(var(--app-height) - 50px);
    border-top: 1px solid #0B0B14;
  }
}

.header-mobile .header-container {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-mobile .main-logo {
  max-width: 112px;
}

.search-btn {
  display: flex;
}
.search-btn i {
  font-size: 24px;
  color: #FFFFFF;
}

.background-mask {
  position: absolute;
  top: 60px;
  left: 0;
  width: 0;
  height: calc(100vh - 60px);
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease, opacity 0.2s ease, width 0.2s ease;
}
.background-mask.active {
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.footer .main-logo {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .footer .main-logo {
    margin-bottom: 0;
    max-width: 112px;
  }
}
.footer .container {
  padding: 50px 20px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1500px) {
  .footer .container {
    justify-content: flex-start;
  }
}
@media (max-width: 1200px) {
  .footer .container {
    flex-direction: column-reverse;
  }
}
@media (max-width: 767px) {
  .footer .container {
    padding: 30px 20px;
  }
}
.footer a {
  font-weight: 500;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .footer a:hover {
    color: #D5224D;
  }
}
.footer-part {
  display: flex;
  margin-right: 100px;
  max-width: fit-content;
  width: 100%;
}
.footer-part:last-child {
  margin-right: 0;
}
@media (max-width: 1500px) {
  .footer-part {
    margin-right: 30px;
  }
}
@media (max-width: 1200px) {
  .footer-part {
    justify-content: space-between;
    max-width: none;
    margin-bottom: 30px;
  }
  .footer-part:first-child {
    margin-bottom: 0;
    flex-direction: column;
  }
  .footer-part:last-child .footer-column {
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .footer-part:last-child {
    flex-wrap: wrap;
  }
  .footer-part:last-child .footer-column {
    margin-right: 50px;
    margin-bottom: 20px;
    width: 100%;
  }
}
.footer-column {
  max-width: fit-content;
  width: 100%;
  margin-right: 100px;
}
.footer-column.custom {
  margin-right: 30px;
}
@media (max-width: 1200px) {
  .footer-column.custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: none;
    margin-bottom: 30px;
  }
}
.footer-column.wide {
  max-width: 670px;
  margin-right: 0;
}
@media (max-width: 1500px) {
  .footer-column {
    margin-right: 30px;
  }
}
.footer-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -15px 20px -15px;
}
.footer-nav a {
  margin: 5px 13px;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 767px) {
  .footer-nav a {
    font-size: 12px;
  }
}
.footer-text {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}
.footer-text:last-child {
  margin-bottom: 0;
}
.footer-title {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  white-space: nowrap;
}
.footer-links li {
  margin-bottom: 10px;
}
.footer-links li:last-child {
  margin-bottom: 0;
}

.socials {
  display: flex;
}
.socials li {
  margin-right: 20px;
}
.socials li:last-child {
  margin-right: 0;
}
@media (min-width: 1025px) {
  .socials a:hover i {
    color: #D5224D;
  }
}
.socials i {
  color: #6D6D86;
  font-size: 24px;
  transition: color 0.2s ease;
}

.pagination {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.pagination ul {
  display: flex;
}
.pagination li {
  padding: 0px 3px;
}
@media (max-width: 767px) {
  .pagination li {
    padding: 0px;
  }
}
.pagination li:first-child {
  padding-right: 15px;
}
@media (max-width: 1200px) {
  .pagination li:first-child {
    padding-right: 20px;
  }
}
.pagination li:first-child .pagination-link {
  width: auto;
  border-radius: 10px;
}
.pagination li:first-child .pagination-link:hover {
  color: white;
}
@media (max-width: 1200px) {
  .pagination li:first-child .pagination-link {
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.pagination li:last-child {
  padding-left: 15px;
}
@media (max-width: 1200px) {
  .pagination li:last-child {
    padding-left: 20px;
  }
}
.pagination li:last-child .pagination-link {
  width: auto;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .pagination li:last-child .pagination-link {
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .pagination li:first-child .text, .pagination li:last-child .text {
    font-size: 0;
  }
}
.pagination-link,
.pagination a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 10px 17px;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.pagination-link .icon-right.right,
.pagination a .icon-right.right {
  margin-left: 5px;
  z-index: 5;
}
@media (max-width: 1200px) {
  .pagination-link .icon-right.right,
  .pagination a .icon-right.right {
    margin-left: 0px;
  }
}
.pagination-link .icon-right.left,
.pagination a .icon-right.left {
  margin-right: 5px;
  transform: rotate(180deg);
  z-index: 5;
}
@media (max-width: 1200px) {
  .pagination-link .icon-right.left,
  .pagination a .icon-right.left {
    margin-right: 0px;
  }
}
.pagination-link .text,
.pagination a .text {
  z-index: 5;
  white-space: nowrap;
  margin-bottom: 0;
}
.pagination-link .effect,
.pagination a .effect {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2A2631;
  border-radius: 10px;
  transition: top 0.2s ease;
}
.pagination-link.dots,
.pagination a.dots {
  background-color: transparent;
}
.pagination-link.active,
.pagination a.active {
  background-color: #D5224D;
  color: #FFFFFF;
}
.pagination-link.active *,
.pagination a.active * {
  color: #FFFFFF;
  cursor: default;
}
.pagination-link.active:hover,
.pagination a.active:hover {
  cursor: default;
  background-color: #D5224D;
  border: 1px solid transparent;
}
.pagination-link.first-pager,
.pagination a.first-pager {
  position: relative;
}
.pagination-link.first-pager .effect,
.pagination a.first-pager .effect {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2A2631;
  border-radius: 10px;
  transition: left 0.2s ease;
}
.pagination-link.first-pager:hover .effect,
.pagination a.first-pager:hover .effect {
  left: 0%;
}
.pagination-link.first-pager i,
.pagination a.first-pager i {
  font-size: 10px;
}
@media (max-width: 1200px) {
  .pagination-link.first-pager,
  .pagination a.first-pager {
    width: 50px !important;
  }
}
@media (max-width: 1000px) {
  .pagination-link.first-pager,
  .pagination a.first-pager {
    font-size: 0px;
  }
}
@media (max-width: 767px) {
  .pagination-link.first-pager,
  .pagination a.first-pager {
    display: flex;
  }
}
.pagination-link.last-pager,
.pagination a.last-pager {
  position: relative;
}
.pagination-link.last-pager .effect,
.pagination a.last-pager .effect {
  position: absolute;
  top: 0;
  left: auto;
  right: 100%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #2A2631;
  border-radius: 10px;
  transition: right 0.2s ease;
}
.pagination-link.last-pager:hover .effect,
.pagination a.last-pager:hover .effect {
  left: auto;
  right: 0%;
}
.pagination-link.last-pager i,
.pagination a.last-pager i {
  font-size: 10px;
}
@media (max-width: 1200px) {
  .pagination-link.last-pager,
  .pagination a.last-pager {
    width: 50px !important;
  }
}
@media (max-width: 1000px) {
  .pagination-link.last-pager,
  .pagination a.last-pager {
    font-size: 0px;
  }
}
@media (max-width: 767px) {
  .pagination-link.last-pager,
  .pagination a.last-pager {
    display: flex;
  }
}
@media (max-width: 1200px) {
  .pagination-link,
  .pagination a {
    padding: 14px;
  }
}
@media (min-width: 1025px) {
  .pagination-link:hover,
  .pagination a:hover {
    color: #FFFFFF;
  }
  .pagination-link:hover .effect,
  .pagination a:hover .effect {
    top: 0;
  }
}
@media (max-width: 1024px) {
  .pagination-link,
  .pagination a {
    display: none;
  }
  .pagination-link.active,
  .pagination a.active {
    display: flex;
  }
  .pagination li {
    padding: 0;
  }
  .pagination li:first-child {
    padding-right: 10px;
  }
  .pagination li:last-child { 
    padding-left: 10px;
  }
}

.view-all {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 10px;
  padding: 0 22px;
  height: 36px;
  flex: 0 0 auto;
  background-color: #0B0B14;
  border-radius: 10px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  transition: color 0.2s ease, background-color 0.2s ease;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 767px) {
  .view-all.custom .text {
    display: none;
  }
}
.view-all .effect {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 100%;
  background-color: transparent;
  border-radius: 8px;
  pointer-events: none;
  z-index: 4;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease, border-radius 0.2s ease;
}
.view-all i {
  font-size: 10px;
  z-index: 5;
  transition: color 0.2s ease;
}
.view-all .text {
  z-index: 5;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .view-all:hover {
    color: #FFFFFF;
  }
  .view-all:hover .effect {
    background-color: #D5224D;
    width: 102%;
    height: 102%;
    border-radius: 10px;
  }
}

.list-links {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.list-links.custom {
  margin-bottom: 25px;
}
.list-links.custom ul {
  margin: 0 -5px;
  overflow-x: auto;
  overflow-y: auto;
  flex-wrap: wrap;
}
.list-links.custom li {
  margin-right: 0;
  padding: 5px;
}
.list-links ul {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.list-links ul::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}
.list-links ul::-moz-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.list-links ul::-moz-scrollbars-horizontal {
  display: none;
  width: 0;
  height: 0;
}
.list-links ul::-webkit-scrollbar-track {
  display: none;
  background-color: transparent;
}
.list-links ul::-webkit-scrollbar-thumb {
  display: none;
  background-color: transparent;
}
.list-links li {
  margin-right: 10px;
}
.list-links li:last-child {
  margin-right: 0;
}
.list-links a,
.list-links p {
  position: relative;
  display: flex;
  align-items: center;
  padding: 6px 20px;
  height: 36px;
  border-radius: 10px;
  background-color: #0B0B14;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  transition: background-color 0.2s ease, color 0.2s ease;
  z-index: 1;
}
.list-links a span:first-child,
.list-links p span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 100%;
  background-color: transparent;
  border-radius: 8px;
  pointer-events: none;
  z-index: 2;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease, border-radius 0.2s ease;
}
.list-links a span:last-child,
.list-links p span:last-child {
  z-index: 3;
}
.list-links a i,
.list-links p i {
  color: #6D6D86;
  transition: color 0.1s ease;
}
.list-links a i:last-child,
.list-links p i:last-child {
  cursor: pointer;
  font-size: 12px;
  margin-left: 10px;
}
@media (min-width: 1025px) {
  .list-links a i:last-child:hover,
  .list-links p i:last-child:hover {
    color: #D5224D;
  }
}
@media (min-width: 1025px) {
  .list-links a:hover,
  .list-links p:hover {
    color: #FFFFFF;
  }
  .list-links a:hover {
    background-color: #D5224D !important;
  }
  .list-links a:hover span:first-child,
  .list-links p:hover span:first-child {
    background-color: #D5224D;
    width: 102%;
    height: 102%;
    border-radius: 10px;
  }
  .list-links a:hover i,
  .list-links p:hover i {
    color: #6D6D86;
  }
}
.list-links .links-left,
.list-links .links-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  padding: 10px;
  width: 75px;
  height: calc(100% + 2px);
  transition: color 0.2s ease, opacity 0.2s ease, visibility 0.2s ease;
  z-index: 2;
}
.list-links .links-left.disabled,
.list-links .links-right.disabled {
  visibility: hidden;
  opacity: 0;
}
.list-links .links-left i,
.list-links .links-right i {
  font-size: 14px;
}
@media (min-width: 1025px) {
  .list-links .links-left:hover,
  .list-links .links-right:hover {
    color: #D5224D;
  }
}
@media (max-width: 767px) {
  .list-links .links-left,
  .list-links .links-right {
    display: none;
  }
}
.list-links .links-left {
  left: -1px;
  top: -1px;
  transform: rotate(180deg);
  background: linear-gradient(270deg, #121220 52.6%, rgba(18, 18, 32, 0) 100%);
}
.list-links .links-right {
  top: -1px;
  right: -1px;
  background: linear-gradient(270deg, #121220 52.6%, rgba(18, 18, 32, 0) 100%);
}

.advertisement {
  transition: background-color 0.3s ease-in-out;
  border-radius: 10px;
}
.advertisement .title {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.advertisement .text {
  margin-bottom: 30px;
  text-align: center;
}
.advertisement .items {
  display: grid;
  grid-auto-flow: column;
  justify-content: center;
  grid-gap: 20px;
}
@media (max-width: 767px) {
  .advertisement .items {
    grid-gap: 10px;
    justify-content: center;
  }
}
.advertisement .item {
  margin-right: 0 !important;
  display: inherit;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1750px) {
  .advertisement .item:last-child {
    display: none;
  }
}
@media (max-width: 1450px) {
  .advertisement .item:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1100px) {
  .advertisement .item:nth-child(3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .advertisement .item:nth-child(2) {
    display: none;
  }
}

.drops-group {
  display: grid;
  grid-template-columns: 110px auto 110px;
  grid-gap: 5px;
}
@media (max-width: 410px) {
  .drops-group {
    grid-template-columns: none;
  }
}

.drop-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
  flex: 0 0 auto;
  margin-left: auto;
  height: fit-content;
}
.drop-menu.second .options {
  left: 0;
  right: 0;
}
.drop-menu.custom {
  color: #FFFFFF !important;
}
@media (max-width: 767px) {
  .drop-menu.custom .text {
    display: flex !important;
  }
}
.drop-menu.custom .select {
  height: 40px !important;
}
.drop-menu.custom .select i,
.drop-menu.custom .select .text {
  color: #FFFFFF;
}
@media (max-width: 500px) {
  .drop-menu.custom .select {
    width: 100%;
    display: flex;
  }
  .drop-menu.custom .select .text {
    flex: 1 0 auto;
  }
}
.drop-menu:first-child {
  margin-left: 0;
}
.drop-menu.active .select {
  background-color: #D5224D;
  color: #FFFFFF;
  border-radius: 10px 10px 0 0;
  padding: 0 18px !important;
}
.drop-menu.active .select i {
  transform: rotate(180deg);
}
.drop-menu.active .options {
  opacity: 1;
  visibility: visible;
}
.drop-menu .select {
  position: relative;
  padding: 0 18px !important;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.2s ease;
  grid-auto-flow: column;
  align-items: center;
  overflow: hidden;
  height: 36px !important;
  min-width: 170px;
  will-change: padding;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
}
.drop-menu .select i {
  font-size: 10px;
  transition: color 0.2s ease, transform 0.2s ease;
  width: 10px;
}
.drop-menu .select i,
.drop-menu .select .text {
  z-index: 5;
}
.drop-menu .select .effect {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 100%;
  background-color: transparent;
  border-radius: 10px;
  pointer-events: none;
  z-index: 4;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease, border-radius 0.3s ease;
}
@media (max-width: 1024px) {
  .drop-menu .select .effect {
    display: none;
  }
}
@media (min-width: 1025px) {
  .drop-menu .select:hover {
    color: #FFFFFF;
    padding: 0 18px !important;
  }
  .drop-menu .select:hover .effect {
    background-color: #D5224D;
    width: 102%;
    height: 102%;
    border-radius: 10px;
  }
  .drop-menu .select:hover i {
    color: #FFFFFF;
  }
}

.drop-menu .select.active .icon-down {
  color: #fff !important;
}

.drop-menu .options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  background-color: #121220;
  border-radius: 0 0 10px 10px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: border-radius 0.2s ease, visibility 0.2s ease, opacity 0.2s ease;
  z-index: 6;
}
@media (max-width: 767px) {
  .drop-menu .options {
    padding: 5px 0px;
  }
}
.drop-menu .option {
  padding: 8px 18px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  color: #6D6D86;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .drop-menu .option:hover {
    background-color: #191929;
    color: #FFFFFF;
  }
}

.drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-right: 20px;
  font-weight: 500;
  height: 40px;
}
.drop * {
  font-weight: 500;
}
.highlight.drop {
  margin: 0;
}
@media (max-width: 1024px) {
  .drop .drop__options {
    position: static;
    display: none;
    flex: 1 0 auto;
    border-radius: 15px 0px 15px 15px;
  }
}
@media (max-width: 1024px) {
  .drop .drop__option {
    background-color: #121220;
  }
}
.drop.background.active .drop__select {
  color: #FFFFFF;
  background-color: #D5224D;
}
@media (max-width: 1024px) {
  .drop.background.active .drop__options {
    position: absolute;
    display: flex;
  }
}
.drop.background .drop__select {
  color: #FFFFFF;
  padding: 0 20px;
  background-color: #112E55;
  border-radius: 10px;
  min-width: 140px;
}
@media (min-width: 1025px) {
  .drop.background .drop__select:hover {
    color: #FFFFFF;
    background-color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .drop.background .drop__select {
    padding: 0 20px;
    display: grid;
    grid-gap: 10px;
  }
  .drop.background .drop__select .img {
    margin-right: 0;
  }
}
.drop.background .drop__options {
  left: 0;
  border-radius: 10px;
}
.drop.background .drop__option {
  padding: 10px 20px;
}
@media (max-width: 1024px) {
  .drop.background {
    display: flex;
  }
}
.drop.active .drop__select {
  color: #D5224D;
}
@media (max-width: 1024px) {
  .drop.active .drop__select {
    background-color: transparent;
    color: #D5224D;
  }
}
.drop.active .drop__select i {
  transform: rotate(180deg);
}
.drop.active .drop__select i.img {
  transform: rotate(0);
}
.drop.active .drop__options {
  opacity: 1;
  visibility: visible;
  top: calc(100% + 5px);
}
@media (min-width: 1025px) {
  .drop.active .drop__options {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1024px) {
  .drop.active .drop__options {
    display: flex;
  }
}
.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;
}

@media (max-width: 1024px) {
  .drop.only-icons .drop__select .text {
    display: block;
  }
}
.drop.only-icons .drop__options {
  box-shadow: none;
  background-color: #121220;
  max-width: fit-content;
  top: 100%;
  left: -10px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1024px) {
  .drop.only-icons .drop__options {
    max-width: none;
    padding: 0;
    background-color: #191929;
  }
}
.drop.only-icons .drop__option {
  padding: 0;
  padding: 5px 0;
  background-color: transparent;
}
@media (max-width: 1024px) {
  .drop.only-icons .drop__option {
    padding: 10px 0;
  }
}
.drop.only-icons .drop__option .text {
  display: none;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1024px) {
  .drop.only-icons .drop__option .text {
    display: block;
  }
}
.drop.only-icons .drop__select,
.drop.only-icons .drop__option {
  width: 20px;
}
@media (max-width: 1024px) {
  .drop.only-icons .drop__select,
  .drop.only-icons .drop__option {
    width: 100%;
  }
}
.drop.only-icons .picture {
  display: block;
  width: 20px;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
.drop.is-order {
  order: 1 !important;
}
.drop.is-order .drop__select img {
  margin-right: 10px;
}
.drop.is-order img {
  width: 20px;
}
@media (max-width: 1100px) {
  .drop {
    margin-right: 15px;
  }
}
@media (max-width: 1024px) {
  .drop {
    order: 5;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.drop__select {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease;
  border-radius: 20px;
  color: #6D6D86;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 10px;
  min-width: 103px;
  width: 100%;
  justify-content: space-between;
  height: 40px;
  white-space: nowrap;
}
.drop__select.active .img {
  color: #D5224D;
}
.drop__select.active .text {
  color: #D5224D;
}
.drop__select.active .icon-down {
  color: #D5224D;
  transform: rotate(180deg);
}

.drop__select * {
  pointer-events: none;
}
@media (max-width: 1024px) {
  .drop__select {
    padding: 5px 10px;
    display: flex;
    grid-gap: 0;
    flex: 1 0 auto;
  }
}
@media (min-width: 1025px) {
  .drop__select:hover {
    color: #D5224D;
  }
}
.drop__select .icon,
.drop__select .img,
.drop__select .text {
  max-width: fit-content;
}
@media (max-width: 1024px) {
  .drop__select .img,
  .drop__select .text {
    margin-right: 10px;
  }
}
.drop__select .text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .drop__select .text {
    width: 100%;
    display: block;
    margin: 0 auto 0 0;
    flex: 1 0 auto;
  }
}
.drop__select .img {
  display: flex;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
.drop__select i {
  font-size: 10px;
  transition: transform 0.2s ease;
}
.drop__options {
  position: absolute;
  top: calc(100% + 20px);
  display: flex;
  flex-direction: column;
  border-radius: 15px 0px 15px 15px;
  min-width: fit-content;
  width: 100%;
  overflow: hidden;
  color: #6D6D86;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, box-shadow 0.2s ease, top 0.2s ease;
  z-index: 20;
}
.drop__options.active {
  opacity: 1;
  visibility: visible;
  display: block;
}
@media (min-width: 1025px) {
  .drop__options {
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.01);
  }
}
@media (max-width: 1024px) {
  .drop__options {
    display: none;
    position: static;
    top: auto;
    border-radius: 0;
    overflow: hidden;
    color: #6D6D86;
    opacity: 1;
    visibility: visible;
  }
}
.drop__option {
  padding: 10px 15px;
  cursor: pointer;
  background-color: #0B0B14;
  color: #6D6D86;
  transition: background-color 0.2s ease, color 0.2s ease;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
.drop__option .img {
  display: flex;
  align-items: center;
  pointer-events: none;
  height: 20px;
  width: 20px;
  font-size: 20px;
}
@media (max-width: 1024px) {
  .drop__option .img {
    height: 16px;
    width: 16px;
    font-size: 16px;
  }
}
.drop__option .text {
  white-space: nowrap;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .drop__option:hover {
    background-color: #191929;
    color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .drop__option {
    background-color: #191929;
    align-items: center;
  }
}

.buttons-group {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
@media (max-width: 1300px) {
  .buttons-group {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    grid-gap: 0;
  }
  .buttons-group .buttons {
    margin-bottom: 10px;
  }
  .buttons-group .buttons:first-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .buttons-group {
    margin-top: 20px;
    align-items: center;
  }
}
@media (max-width: 767px) {
  .buttons-group {
    width: 100%;
  }
}

.buttons {
  display: flex;
}
@media (max-width: 767px) {
  .buttons {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .buttons.custom {
    flex-direction: column;
  }
}
@media (max-width: 450px) {
  .buttons.custom .button {
    max-width: none;
    width: 33%;
  }
}
@media (max-width: 400px) {
  .buttons.custom .button {
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .buttons.custom .button:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 400px) {
  .buttons.custom .double-btn,
  .buttons.custom .drop {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .buttons.custom .double-btn:last-child,
  .buttons.custom .drop:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .buttons.fit-content {
    width: auto;
  }
}
.buttons .button {
  margin-top: 0 !important;
  margin-left: 10px;
}
.buttons .button:first-child {
  margin-left: 0;
}
.buttons .double-btn,
.buttons .drop {
  margin-right: 0;
  margin-left: 10px;
}
.buttons .double-btn:first-child,
.buttons .drop:first-child {
  margin-left: 0;
}
@media (max-width: 1024px) {
  .buttons .double-btn,
  .buttons .drop {
    order: inherit;
  }
}
@media (max-width: 450px) {
  .buttons .double-btn,
  .buttons .drop {
    width: 50%;
  }
  .buttons .double-btn .button,
  .buttons .drop .button {
    max-width: none;
    width: 100%;
  }
}

.button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 30px;
  height: 40px;
  background-color: #D5224D;
  border-radius: 10px;
  color: #FFFFFF;
  font-weight: 500 !important;
  cursor: pointer;
  text-align: center;
  max-width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  transition: all 0.2s ease;
}
.button i {
  margin-right: 10px;
  font-size: 20px;
  z-index: 5;
}
.button.is-dark {
  background-color: #0B0B14;
}
@media (min-width: 1025px) {
  .button.is-dark:hover {
    background-color: #0B0B14;
  }
  .button.is-dark:hover .effect {
    background-color: #D5224D;
  }
}
.button.is-light {
  background-color: #191929;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .button.is-light:hover {
    background-color: #191929;
  }
  .button.is-light:hover .effect {
    background-color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .button.is-light.custom {
    background-color: #0B0B14;
  }
}
.button.is-blue {
  background-color: #112E55;
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .button.is-blue:hover {
    background-color: #112E55;
  }
  .button.is-blue:hover .effect {
    background-color: #D5224D;
  }
}
.button.is-dark-light {
  background-color: #121220;
  color: #6D6D86;
}
@media (min-width: 1025px) {
  .button.is-dark-light:hover {
    background-color: #121220;
  }
}
.button .effect {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 100%;
  background-color: transparent;
  border-radius: 8px;
  pointer-events: none;
  transition: background-color 0.2s ease, width 0.2s ease, height 0.2s ease, border-radius 0.2s ease;
}
.body-light .button .text {
  display: inline-block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  z-index: 5;
  white-space: nowrap;
  max-width: fit-content;
}
@media (min-width: 1025px) {
  .button:hover {
    background-color: #112E55 !important;
    color: #FFFFFF;
  }
  .button:hover .effect {
    background-color: #112E55;
    width: 102%;
    height: 102%;
    border-radius: 10px;
  }
  .button:hover .text {
    color: #FFFFFF !important;
    z-index: 5;
  }
}

.subscribe {
  font-size: 14px;
  z-index: 3;
}
.subscribe.done {
  background: #112E55 !important;
}
.unsubscribe .icon-verify {
  display: none;
}
.unsubscribe.done {
  background: #112E55 !important;
}
.unsubscribe.done .icon-verify {
  display: block;
}

.subscribe-button.done {
  background-color: #112E55 !important;
}
.subscribe.custom {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 15px;
}
.subscribe.active {
  background-color: #112E55;
}
.subscribe.active i {
  margin-right: 5px;
  font-size: 14px;
}
.subscribe.active .effect {
  background-color: #112E55;
  width: 102%;
  height: 102%;
  border-radius: 10px;
}
.subscribe i {
  margin-right: 0;
  font-size: 0;
  transition: margin-right 0.2s ease, font-size 0.2s ease;
  z-index: 5;
}
@media (max-width: 360px) {
  .subscribe {
    padding: 5px 10px;
  }
  .unsubscribe {
    padding: 5px 10px;
  }
}

.user-info {
  display: flex;
  overflow: visible;
}
.user-info__column {
  position: relative;
}
.user-info__column:first-child {
  margin-right: 10px;
}
.user-info__logo {
  position: relative;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #191929;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-info__logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}
.user-info__logo i {
  font-size: 25px;
}
@media (min-width: 1025px) {
  .user-info__logo.active img {
    transform: scale(1.1);
  }
  .user-info__logo:hover img {
    transform: scale(1.1);
  }
}
.user-info__name {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  transition: color 0.2s ease;
}
.user-info__name i {
  margin-left: 5px;
  font-size: 14px;
  color: #FACC49;
}
@media (min-width: 1025px) {
  .user-info__name:hover {
    color: #D5224D;
  }
}
.user-info__buttons {
  display: flex;
}
@media (max-width: 767px) {
  .user-info__buttons {
    flex-wrap: wrap;
  }
}
.user-info__button {
  margin: 5px 10px 5px 0;
  max-width: fit-content;
}
.user-info__button:last-child {
  margin-right: 0;
}
.user-info .subscribe {
  min-width: 150px;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .user-info .subscribe {
    padding: 5px 20px;
  }
}

.subscribe-button {
  overflow: hidden;
}
.subscribe-button.active {
  background-color: #112E55;
}
.subscribe-button.active .effect {
  background-color: #112E55;
  width: 102%;
  height: 102%;
  border-radius: 10px;
}

.upload-btn {
  position: relative;
  min-width: 120px;
  overflow: hidden;
  padding: 5px 20px;
  min-height: 40px;
  background-color: #112E55;
  display: flex;
  justify-content: center;
}
.upload-btn.for-mobile + ul {
  display: none;
}
.upload-btn.for-mobile.active + ul {
  display: block;
}
.upload-btn i {
  transition: color 0.2s ease;
  z-index: 6;
}
@media (min-width: 1025px) {
  .upload-btn:hover {
    background-color: #112E55;
  }
  .upload-btn:hover .effect {
    background-color: #D5224D;
  }
  .upload-btn:hover i {
    color: #FFFFFF;
  }
}
@media (max-width: 1100px) {
  .upload-btn {
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  .upload-btn {
    order: 5;
    width: calc(100% - 40px);
    max-width: none;
  }
}

.light-btn {
  padding: 5px 10px;
  margin-right: 20px;
  background-color: transparent;
  color: #6D6D86;
  transition: color 0.2s ease;
}
.light-btn i {
  margin-right: 0;
}
.light-btn .text {
  display: none;
  font-size: 14px;
  font-weight: 500;
  margin-left: 10px;
}
.body-light .light-btn .text {
  display: none;
}
@media (max-width: 1024px) {
  .light-btn .text {
    display: block;
  }
  .body-light .light-btn .text {
    display: block;
  }
}
@media (max-width: 1100px) {
  .light-btn {
    margin-right: 15px;
  }
}
@media (min-width: 1025px) {
  .light-btn:hover {
    background-color: transparent !important;
    color: #D5224D;
  }
}
@media (max-width: 1024px) {
  .light-btn {
    margin-right: 0;
    padding: 5px 0;
  }
}

.card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  display: block;
}
.card img {
  transition: filter 0.2s ease, transform 0.2s ease;
}
@media (min-width: 1025px) {
  .card:hover .like-btn {
    top: 10px;
    left: 10px;
  }
  .card:hover .time-btn {
    top: 10px;
    left: 45px;
  }
  .card:hover .card-body img {
    filter: saturate(160%);
    transform: scale(1.05) rotate(-1deg);
  }
}
.card.without-hover {
  cursor: default;
}
@media (min-width: 1025px) {
  .card.without-hover:hover .card-body img {
    filter: none;
    transform: none;
  }
}
.card.for-min .card-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.card.for-min .card-info__text {
  margin-bottom: 0;
  max-width: 100%;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .card.for-min .card-info__text:hover {
    color: #D5224D;
  }
}
.card.for-min .items {
  margin-left: 20px;
}
.card.for-min-vertical .card-body {
  padding-bottom: 147.75%;
}
.drop-cards.seven-columns .card.for-min-vertical .card-body {
  padding-bottom: 77.75%;
}
.card.for-min-vertical .card-info__text {
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .card.for-min-vertical .card-info__text:hover {
    color: #D5224D;
  }
}
.card.for-min-vertical .card-info__text,
.card.for-min-vertical .card-info {
  max-width: fit-content;
  width: 100%;
}
.card.for-vertical .card-body {
  padding-bottom: 143.75%;
}
.card.for-vertical .card-info__text {
  max-width: 100%;
}
.card.for-vertical.border .card-body__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 20, 0.5568627451);
  border-radius: 10px;
  border: 4px solid #D5224D;
  z-index: 3;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s ease, opacity 0.2s ease;
}
.card.for-vertical.border:hover .card-body__mask {
  visibility: visible;
  opacity: 1;
}
.card.for-line .card-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px;
  z-index: 10;
  border-radius: 0 0 9.5px 9.5px;
  font-size: 14px;
  color: #FFFFFF;
  font-weight: 500;
  background-color: rgba(11, 11, 20, 0.7960784314);
  transition: background-color 0.2s ease;
}
@media (min-width: 1025px) {
  .card.for-line:hover .card-bottom {
    background-color: rgba(213, 34, 76, 0.7882352941);
  }
}
.card-body {
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 10px;
  background-color: #191929;
  overflow: hidden;
  width: 100%;
}
.card-body .icon-user {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}
.card-body video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.card-body img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.card-body video {
  z-index: 2;
}
.card-body .like-btn,
.card-body .time-btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background-color: rgba(11, 11, 20, 0.8);
  border-radius: 9px;
  z-index: 3;
  transition: background-color 0.2s ease, top 0.2s ease, left 0.2s ease;
}
.card-body .like-btn i,
.card-body .time-btn i {
  font-size: 12px;
  color: #FFFFFF;
}
.card-body .like-btn.fixed {
  left: 10px;
}
.card-body .time-btn.fixed {
  top: 10px;
  left: 45px;
}
@media (min-width: 1025px) {
  .card-body .like-btn:hover,
  .card-body .time-btn:hover {
    background-color: #D5224D;
  }
}
.card-body .like-btn {
  top: 10px;
  left: -30px;
}
.like-btn.fixed {
  background-color: #D5224D !important;
}
.like-btn.fixed .icon-heart {
  color: #fff !important;
}
.time-btn.fixed {
  background-color: #D5224D !important;
}
.time-btn.fixed .icon-time {
  color: #fff !important;
}
.card-body .time-btn {
  top: -30px;
  left: 45px;
}

.btn-favourites ul {
  display: flex;
}

.fav-wrap {
  margin: 0 3px;
}

.card-time {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  padding: 7px;
  background-color: rgba(11, 11, 20, 0.8);
  color: #FFFFFF;
  border-radius: 7px;
  font-size: 12px;
  line-height: 1;
  z-index: 3;
}
.card-time i {
  margin-right: 5px;
  font-size: 12px;
}
.card-premium {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background-color: #D5224D;
  z-index: 3;
}
.card-private {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #D5224D;
  z-index: 3;
  color: #fff;
  padding: 3px 5px;
}
.card-premium i {
  font-size: 14px;
  color: #FFFFFF;
}
.card-bottom {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.card-logo {
  position: relative;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #191929;
  border-radius: 50%;
}
.card-logo i {
  font-size: 20px;
}
.card-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease, transform 0.2s ease;
}
@media (min-width: 1025px) {
  .card-logo:hover img {
    filter: saturate(170%);
    transform: scale(1.1);
  }
}
.card-info {
  width: calc(100% - 50px);
}
.card-info__name {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  max-width: fit-content;
  width: 90%;
  font-weight: 500;
  color: #D5224D;
  transition: color 0.2s ease;
}
.card-info__name span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-info__name i {
  margin-left: 5px;
  font-size: 14px;
  color: #FACC49;
}
.card-info__name.custom {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .card-info__name.custom:hover {
    color: #D5224D;
  }
}
@media (min-width: 1025px) {
  .card-info__name:hover {
    color: #FFFFFF;
  }
}
.card-info__text {
  max-width: fit-content;
  width: 90%;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
  color: #FFFFFF;
  transition: color 0.2s ease;

  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1025px) {
  .card-info__text.custom:hover {
    color: #D5224D;
  }
}

.card-wrapper {
  position: relative;
}
.card-wrapper .checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  z-index: 6;
  background-color: rgba(11, 11, 20, 0.7411764706);
}
.card-wrapper .card {
  width: 100%;
}

.card-round {
  position: relative;
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 1025px) {
  .card-round:hover .card-info__name, .card-round.active .card-info__name {
    color: #D5224D !important;
  }
  .card-round:hover .card-info__name i, .card-round.active .card-info__name i {
    color: #D5224D !important;
  }
  .card-round:hover .info-popup .name, .card-round.active .info-popup .name {
    color: #FFFFFF !important;
  }
  .card-round:hover .info-popup .name i, .card-round.active .info-popup .name i {
    color: #FACC49 !important;
  }
  .card-round:hover .border, .card-round.active .border {
    border: 6px solid #D5224D;
  }
}
.card-round .card-body {
  border-radius: 50%;
  background-color: #191929;
  width: 160px;
  height: 160px;
  position: relative;
}
@media (max-width: 380px) {
  .card-round .card-body {
    width: 130px;
    height: 130px;
  }
}
.card-round .card-info {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.card-round .card-info .name {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #FFFFFF;
  transition: color 0.2s ease;
}
.card-round .card-info .name span {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-round .card-info .name i {
  transition: color 0.2s ease;
}
.card-round .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid transparent;
  z-index: 3;
  transition: border 0.2s ease;
}

.info-popup {
  position: absolute;
  top: 20%;
  left: -70%;
  width: 350px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #0B0B14;
  cursor: default;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease, top 0.2s ease;
  z-index: 6;
}
.info-popup.active {
  top: 28%;
  opacity: 1;
  visibility: visible;
}
.info-popup img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease, filter 0.2s ease;
}
.info-popup__bg {
  position: relative;
  padding-bottom: 20.8571428571%;
  background-color: #191929;
}
.info-popup__logo {
  position: absolute;
  top: -30px;
  width: 110px;
  height: 110px;
  border: 3px solid #0B0B14;
  background-color: #191929;
  border-radius: 50%;
  overflow: hidden;
  transition: border 0.2s ease;
}
@media (min-width: 1025px) {
  .info-popup__logo:hover {
    border: 3px solid #D5224D;
  }
  .info-popup__logo:hover img {
    transform: scale(1.05) rotate(-0.5deg);
    filter: saturate(160%);
  }
}
.info-popup__info {
  position: relative;
  display: flex;
  padding: 20px;
}
.info-popup__info-body {
  margin-left: 130px;
}
.info-popup__buttons {
  display: flex;
  padding: 0 20px 20px 20px;
}
.info-popup .name {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  max-width: fit-content;
  color: #FFFFFF;
  font-weight: 500;
  transition: color 0.2s ease;
}
.info-popup .name i {
  color: #FACC49;
  margin-left: 5px;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .info-popup .name:hover {
    color: #D5224D;
  }
  .info-popup .name:hover i {
    color: #D5224D;
  }
}
.info-popup .double-btn {
  width: 100%;
}
.info-popup .button {
  padding: 5px 10px;
  width: 60%;
  max-width: none;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}
.info-popup .subscribe-button {
  padding: 5px 10px;
  width: 100%;
  max-width: none;
  margin-right: 0;
}
.info-popup .items {
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .info-popup {
    display: none;
  }
}

.double-btn {
  display: flex;
}
.double-btn.custom .button {
  padding: 5px 30px;
  min-width: 103px;
  overflow: hidden;
}
.double-btn.custom .number {
  background-color: #0B0B14;
}
.double-btn .button {
  border-radius: 10px 0 0 10px;
  margin: 0 !important;
}
@media (min-width: 1025px) {
  .double-btn .button:hover .effect {
    border-radius: 10px 0 0 10px;
  }
}
.double-btn .number {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 10px;
  background-color: #191929;
  border-radius: 0 10px 10px 0;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
}

.items {
  display: flex;
}
.items .itemm {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
}
.items .itemm:last-child {
  margin-right: 0;
}
.items .itemm i {
  margin-right: 5px;
  font-size: 14px;
  transition: color 0.2s ease;
}
.items .itemm span {
  line-height: 1;
}
.items .itemm.custom {
  color: #FFFFFF;
}
.items .itemm.btn {
  padding: 2px 0;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .items .itemm.btn:hover i {
    color: #D5224D;
  }
}

.items .item {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 12px;
}
.items .item:last-child {
  margin-right: 0;
}
.items .item i {
  margin-right: 5px;
  font-size: 14px;
  transition: color 0.2s ease;
}
.items .item span {
  line-height: 1;
}
.items .item.custom {
  color: #FFFFFF;
}
.items .item.btn {
  padding: 2px 0;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .items .item.btn:hover i {
    color: #D5224D;
  }
}

.intro-black .container {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.intro-black__row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .intro-black__row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }
  .intro-black__row .title {
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: -0.7px;
  }
  .intro-black__row .info-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .intro-black__row .button {
    margin-left: 0;
  }
}
.intro-black__row .title {
  margin-bottom: 0;
}
.intro-black__row .button {
  margin-top: 0;
  margin-left: 30px;
}

.search-drop {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5px 20px;
  height: 36px;
  border-radius: 10px;
  background-color: #112E55;
  color: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
}
.search-drop i {
  margin: 0;
  font-size: 14px;
}
.search-drop .icon-down {
  font-size: 10px;
  transition: transform 0.2s ease;
}
.search-drop .text {
  margin: 0 10px;
  font-weight: 500;
  z-index: 1;
}
.search-drop.active {
  background-color: #D5224D;
}
.search-drop.active .icon-down {
  transform: rotate(-180deg);
}
.search-drop.active .effect {
  background-color: #D5224D;
}
.search-drop.active:hover {
  background-color: #D5224D;
}
.search-drop.active:hover .effect {
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .search-drop:hover {
    background-color: #112E55;
  }
  .search-drop:hover .effect {
    background-color: #D5224D;
  }
}

.search-body {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  width: 100%;
  border-radius: 10px;
  background-color: #191929;
  margin-top: 0;
  padding: 0 50px;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: margin-top 0.4s ease, padding 0.2s ease, min-height 0.4s ease, overflow 0.2s ease, opacity 0.4s ease;
}
@media (max-width: 767px) {
  .search-body {
    padding: 0 20px;
  }
}
.search-body.active {
  margin-top: 10px;
  padding: 50px;
  min-height: 100%;
  overflow: visible;
  opacity: 1;
  height: 100%;
}
@media (max-width: 767px) {
  .search-body.active {
    padding: 20px;
  }
}
.search-body .drops {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
.search-body .drop-menu {
  min-width: 150px;
}
@media (max-width: 767px) {
  .search-body .drop-menu {
    min-width: auto;
  }
}
.search-body .form-item {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .search-body .form-item:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .search-body .form-item {
    max-width: none;
    width: 100%;
  }
}

.form-item {
  display: flex;
  flex-direction: column;
  max-width: fit-content;
  margin-right: 15px;
}
@media (max-width: 767px) {
  .form-item {
    margin-right: 0;
  }
}
.form-item.custom {
  flex-direction: row;
}
@media (max-width: 767px) {
  .form-item.custom {
    justify-content: space-between;
  }
}
.form-item .drop-menu {
  margin-left: 0;
}
.form-item .drop-menu .select {
  width: 100%;
  height: 40px !important;
}
.form-item .drop-menu .select .text {
  width: 100%;
  margin-right: auto;
}
.form-item .drop-menu .select .icon-down {
  max-width: fit-content;
  margin-left: auto;
}
.form-item .drop-menu.custom {
  width: 260px;
}
@media (max-width: 767px) {
  .form-item .drop-menu.custom {
    width: auto;
  }
}
.form-item .title {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.form-item input {
  height: 40px;
  width: 230px;
  /* box-shadow: 0 0 3px rgba(128,128,128,.7) !important; */
}
.form-item.second input {
  width: 400px;
}
@media (max-width: 767px) {
  .form-item input {
    width: auto;
  }
}
.form-item button {
  margin-left: 30px;
}

input {
  color: #FFFFFF;
  height: 36px;
  padding: 5px 20px;
  border-radius: 10px;
  background-color: #0B0B14;
  font-size: 14px;
  font-weight: 500;
}
input::placeholder {
  color: #6D6D86;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  input:hover::placeholder {
    color: #FFFFFF;
  }
}

.links:first-child {
  padding-top: 0px;
}
.links:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
@media (max-width: 767px) {
  .links {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.links-category {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  color: #D5224D;
  padding: 0px 20px;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .links-category {
    padding: 0px 10px;
  }
}
@media (max-width: 767px) {
  .links-category {
    font-size: 18px;
  }
}
.links-list {
  width: 100%;
  column-count: 5;
  column-gap: 120px;
}
@media (max-width: 1800px) {
  .links-list {
    column-gap: 70px;
  }
}
@media (max-width: 1550px) {
  .links-list {
    column-gap: 40px;
    column-count: 4;
  }
}
@media (max-width: 1200px) {
  .links-list {
    column-count: 3;
  }
}
@media (max-width: 767px) {
  .links-list {
    column-count: 2;
  }
}
@media (max-width: 500px) {
  .links-list {
    column-gap: 0;
  }
}
@media (max-width: 400px) {
  .links-list {
    column-count: 1;
  }
}
.links-item {
  display: block;
  max-height: 40px;
}
.links-item.last {
  margin-bottom: 25px;
}
.links-item__link {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 10px;
  transition: background-color 0.2s linear, color 0.1s linear;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
}
.links-item__link p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.links-item__link span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.links-item__link span:last-child {
  margin-left: 20px;
  font-weight: 400;
  color: #9F92A6;
}
@media (min-width: 1025px) {
  .links-item__link:hover {
    background-color: #0B0B14;
    color: #FFFFFF;
  }
  .links-item__link:hover span {
    color: #FFFFFF;
    font-weight: 500;
  }
}
@media (max-width: 1024px) {
  .links-item__link {
    padding: 12px 10px;
  }
}

.page-columns {
  display: grid;
  grid-column-gap: 30px;
  grid-template-columns: auto 360px;
  grid-template-rows: min-content max-content;
  align-items: flex-start;
}
@media (max-width: 1300px) {
  .page-columns {
    display: flex;
    flex-direction: column;
  }
}

.aside {
  width: 100%;
  padding: 0 30px 30px 30px;
  background-color: #0B0B14;
  border-radius: 10px;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 1300px) {
  .aside {
    display: none;
  }
}
.aside__title {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: #6D6D86;
  padding: 15px 0px;
}
.aside__items {
  display: grid;
  grid-gap: 20px;
}
.aside__item {
  display: inherit;
}

.content {
  width: 100%;
  border-radius: 10px;
}
.content-cover {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  z-index: 0;
}
@media (min-width: 1025px) {
  .content-cover:hover .content-cover__button i {
    color: #FFFFFF;
  }
}
.content-cover__picture {
  position: relative;
  width: 100%;
  height: fit-content;
  object-fit: cover;
  background-color: grey;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: 56.3541666667%;
}
.content-cover__picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}
.content-cover__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.content-cover__button i {
  font-size: 100px;
  color: #0B0B14;
  transition: color 0.2s ease;
}
@media (max-width: 767px) {
  .content-cover__button i {
    font-size: 70px;
  }
}

.video-full {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  padding: 13px;
  width: 100%;
  height: auto;
  max-width: none;
  border-radius: 10px;
  background-color: #112E55;
  font-size: 22px;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-align: center;
  color: #FFFFFF;
  overflow: hidden;
  position: relative;
}
.video-full .text {
  font-weight: 600 !important;
  pointer-events: none;
}
.video-full input {
  padding: 20px;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-full i {
  margin-left: 10px;
  font-size: 20px;
}
.video-full .effect {
  width: 80%;
}
@media (min-width: 1025px) {
  .video-full:hover {
    background-color: #D5224D !important;
  }
  .video-full:hover .effect {
    background-color: #D5224D;
  }
}
@media (max-width: 767px) {
  .video-full {
    padding: 15px;
  }
  .video-full i {
    font-size: 16px;
  }
}

.video-banner {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.video-banner a,
.video-banner iframe,
.video-banner img {
  display: block;
}
.video-banner img {
  width: 100%;
  object-fit: cover;
}

.add-comment__head {
  display: flex;
  margin-bottom: 10px;
}
.add-comment__head .button {
  margin-left: 20px;
}
.add-comment .section-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .add-comment .section-title {
    margin-bottom: 20px;
  }
}

.form {
  width: 100%;
}
.form.custom {
  max-width: 1030px;
}
.form__input, .form__textarea {
  display: block;
  padding: 10px 20px;
  width: 100%;
  border-radius: 10px;
  background-color: #0B0B14;
  color: #FFFFFF;
}
.form__input::placeholder, .form__textarea::placeholder {
  color: #6D6D86;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .form__input:hover::placeholder, .form__textarea:hover::placeholder {
    color: #FFFFFF;
  }
}
.form__input {
  height: 40px;
  max-width: 360px;
  margin-bottom: 10px;
}
.form__textarea {
  display: inline-block;
  min-height: 90px;
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .form__textarea {
    margin-right: 10px;
  }
}
.form__button {
  display: inline-block;
  padding: 10px 30px;
  background-color: #D5224D;
  border-radius: 20px;
  color: #FFFFFF;
  font-weight: 500;
  border: 1px solid transparent;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .form__button:hover {
    background-color: #FFFFFF;
    color: #0B0B14;
    border: 1px solid #0B0B14;
  }
}

.video {
  width: 100%;
}
.video-buttons {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin: 20px 0;
  border-bottom: 1px solid #0B0B14;
}
@media (max-width: 1900px) {
  .video-buttons {
    flex-wrap: wrap;
  }
}
.video-buttons__column {
  display: flex;
  margin-left: 20px;
}
.video-buttons__column:first-child {
  margin-left: 0px;
}
.video-buttons__column.custom {
  margin: 0 0 15px 0;
  display: none;
}
.video-buttons__column.no-text {
  margin-left: auto;
}
.video-buttons__column.no-text .drop-menu {
  margin-right: 5px;
}
@media (max-width: 500px) {
  .video-buttons__column.no-text .drop-menu {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 1900px) {
  .video-buttons__column.no-text {
    margin: 20px 0 0 auto;
    width: 100%;
  }
}
@media (max-width: 500px) {
  .video-buttons__column.no-text {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .video-buttons__column.no-text .text {
    display: none;
  }
}
.video-buttons__column.width-100 {
  width: 100%;
}
.video-buttons__item {
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  align-items: center;
}
.video-buttons__item:first-child {
  margin-right: 5px;
}
.video-buttons__item.gap-more {
  grid-gap: 10px;
}
.video-buttons__item.gap-more .text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.4px;
  color: #6D6D86;
}
.video-buttons__item.gap-more i {
  font-size: 16px;
  color: #6D6D86;
}
@media (max-width: 767px) {
  .video-buttons__item.gap-more {
    grid-gap: 5px;
  }
}
@media (max-width: 450px) {
  .video-buttons__item.gap-more {
    display: flex;
    flex-wrap: wrap;
  }
}
.video-button {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  height: 40px;
  max-width: fit-content;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.unlogin-btn:nth-child(2) {
  display: none;
}
.video-button.custom i {
  color: #FFFFFF;
}
@media (min-width: 1025px) {
  .video-button:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .video-button {
    padding: 8px 8px;
  }
  .fav-wrap {
    margin: 0 5px;
  }
  .video-buttons__column {
    margin-left: 0;
  }
}
.video-button i {
  font-size: 20px;
}
.video-info {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  align-items: center;
  color: #9F92A6;
}
.video-info .text {
  white-space: nowrap;
  line-height: 1.1;
}
.video-info i {
  font-size: 16px;
}
.video-links {
  display: block;
  width: 100%;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 15px;
}
.video-links.custom .video-links__link {
  padding: 8px 10px 8px 45px;
  margin-left: 5px;
}
.video-links:last-child {
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .video-links {
    margin-right: 0;
  }
  .video-info .text, .custom .text, .double-btn .number {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .video-links {
    margin-bottom: 10px;
  }
}
.video-links__name {
  display: inline-block;
  height: 30px;
  padding: 5px 0px;
  margin: 5px 10px 5px 5px;
  flex: 1 0 auto;
  font-size: 14px;
  font-weight: 500;
  color: white;
  line-height: 1.5;
}
.video-links__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.video-links__item {
  position: relative;
  margin: 5px 3px;
  display: inline-block;
}
.video-links__item.name {
  margin: 0;
}
.video-links__item .info-popup {
  left: 20px;
  z-index: 11;
}
@media (min-width: 1025px) {
  .video-links__item:hover .info-popup {
    top: 40%;
    left: 20px;
    opacity: 1;
    visibility: visible;
  }
  .video-links__item:hover .part {
    border: 2px solid #D5224D;
  }
  .video-links__item:hover .video-links__link {
    background-color: #191929;
    color: #FFFFFF;
  }
}
.video-links__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 20px;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.video-links__link .part {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px;
  display: block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: border 0.2s ease;
}
@media (min-width: 1025px) {
  .video-links__link .part:hover {
    border: 2px solid #D5224D;
  }
}
@media (min-width: 1025px) {
  .video-links__link:hover {
    background-color: #191929;
    color: #FFFFFF;
  }
}
.video-text {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: White;
}

.video-rating {
  flex: 1 0 auto;
}
.video-rating .text {
  white-space: nowrap;
  color: white;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  text-align: center;
}
@media (max-width: 350px) {
  .video-rating .text {
    font-size: 12px;
  }
}
.video-rating .track {
  position: relative;
  width: 130px;
  height: 6px;
  border-radius: 3px;
  background-color: #2A2631;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .video-rating .track {
    max-width: 300px;
    width: 100%;
  }
}
.video-rating .thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  border-radius: 3px 0 0 3px;
  background-color: #D5224D;
}

.tab-content__columns {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tab-content__columns {
    flex-direction: column-reverse;
  }
}
.tab-content__column:first-child {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .tab-content__column:first-child {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .tab-content__column:last-child {
    margin-bottom: 30px;
  }
}

.tab-buttons {
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  align-items: center;
}
@media (max-width: 1900px) {
  .tab-buttons {
    width: 100%;
  }
}
.tab-buttons.gap-more {
  grid-gap: 20px;
}
.tab-buttons.custom {
  display: flex;
  flex-wrap: wrap;
  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;
  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-buttons.custom .tab-button::before {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 2px;
  background-color: transparent;
  transition: width 0.1s ease, background-color 0.1s ease, bottom 0.1s ease;
}
.tab-buttons.custom .tab-button.active {
  color: #D5224D;
}
.tab-buttons.custom .tab-button.active::before {
  content: "";
  bottom: 0;
  width: 100%;
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .tab-buttons.custom .tab-button:hover {
    color: #D5224D;
  }
  .tab-buttons.custom .tab-button:hover::before {
    content: "";
    bottom: 0;
    width: 100%;
    background-color: #D5224D;
  }
}
@media (max-width: 1500px) {
  .tab-buttons.custom .tab-button {
    max-width: fit-content;
  }
}
@media (max-width: 1024px) {
  .tab-buttons.custom {
    margin: 0 -20px;
    width: 100%;
    min-width: calc(100% + 40px);
  }
}
@media (max-width: 767px) {
  .tab-buttons.custom {
    margin: 0 -10px;
    width: 100%;
    min-width: calc(100% + 20px);
  }
}

.tab-button {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  background-color: #0B0B14;
  color: #FFFFFF;
  border-radius: 10px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  white-space: nowrap;
}
.tab-button.active {
  background-color: #D5224D;
  color: #FFFFFF;
  cursor: default;
}
@media (min-width: 1025px) {
  .tab-button:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.tab-button i {
  font-size: 20px;
}

.page-links {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.page-links__item {
  margin-right: 5px;
}
.page-links__item:last-child {
  margin-right: 0px;
}
.page-links__link {
  display: grid;
  align-items: center;
  grid-auto-flow: column;
  grid-gap: 5px;
  font-size: 12px;
  font-weight: 500;
  color: grey;
  transition: color 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .page-links__link:hover {
    color: #0B0B14;
  }
  .page-links__link:hover i {
    color: grey;
  }
}
.page-links__link.active {
  color: #0B0B14;
  margin-right: 5px;
}
.page-links__link.active i {
  color: grey;
}
.page-links__link.active .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-links__link i {
  font-size: 8px;
  color: grey;
}

.screens {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
}
@media (max-width: 1500px) {
  .screens {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1024px) {
  .screens {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 500px) {
  .screens {
    grid-template-columns: repeat(2, 1fr);
  }
}
.screens-link {
  border-radius: 10px;
  overflow: hidden;
}
.screens-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease, transform 0.2s ease;
}
@media (min-width: 1025px) {
  .screens-link:hover img {
    filter: saturate(160%);
    transform: scale(1.1) rotate(-1deg);
  }
}

.comments {
  margin-top: 30px;
}

.comment {
  display: flex !important;
  margin-bottom: 25px;
}
.comment.custom {
  align-items: center;
}
.comment.custom .comment-other__text {
  max-width: none;
}
.comment .checkbox {
  margin-left: 30px;
  width: 20px;
}
.comment:last-child {
  margin-bottom: 0px;
}
.comment-body {
  display: flex;
  width: 100%;
}
.comment-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #0B0B14;
  max-height: 40px;
  max-width: 40px;
  width: 100%;
  flex: 1 0 auto;
  overflow: hidden;
}
.comment-icon i {
  font-size: 20px;
  color: #9F92A6;
  transition: color 0.2s ease;
}
.comment-icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.2s ease, transform 0.2s ease;
}
@media (min-width: 1025px) {
  .comment-icon:hover i {
    color: #FFFFFF;
  }
  .comment-icon:hover img {
    filter: saturate(160%);
    transform: scale(1.1);
  }
}
.comment-other__head {
  display: flex;
  margin-bottom: 5px;
}
.comment-other__name {
  font-weight: 500;
  margin-right: 10px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: white;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .comment-other__name:hover {
    color: #D5224D;
  }
}
.comment-other__ago {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  align-items: center;
  max-width: fit-content;
  color: #6D6D86;
  white-space: nowrap;
}
.comment-other__ago .text {
  line-height: 1.1;
  font-size: 12px;
}
.comment-other__text {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  max-width: 900px;
  width: 100%;
  white-space: normal;
  color: #6D6D86;
}
@media (max-width: 767px) {
  .comment-other__text {
    font-size: 14px;
  }
}

.share-row__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #FFFFFF;
}
.share-row__input {
  padding: 8px 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  background-color: #0B0B14;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .share-row__input {
    padding: 5px 10px;
  }
}
.share-row__group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sizes {
  display: flex;
  flex-wrap: wrap;
  padding-right: 30px;
  margin: 0px -5px 5px -5px;
}
.sizes-link {
  margin: 5px;
  padding: 10px 20px;
  font-weight: 500;
  background-color: #0B0B14;
  border-radius: 10px;
  color: #6D6D86;
  white-space: nowrap;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .sizes-link:hover {
    background-color: #D5224D;
    color: #FFFFFF;
  }
}
.sizes-link:last-child {
  margin-right: 0px;
}

.custom-size {
  display: flex;
  align-items: center;
}
.custom-size__label {
  display: block;
  font-weight: 500;
  margin-right: 10px;
  color: #FFFFFF;
}
.custom-size__label::placeholder {
  color: #FFFFFF;
}
.custom-size__label.margin {
  margin: 0px 10px;
}
@media (max-width: 767px) {
  .custom-size__label.margin {
    margin: 0px 5px;
  }
}
.custom-size__input {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 10px;
  background-color: #0B0B14;
  color: #FFFFFF;
  width: 85px;
}
.custom-size__input::placeholder {
  color: #FFFFFF;
}

.report-wrapper {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 50px;
  align-items: center;
}
@media (max-width: 767px) {
  .report-wrapper {
    display: flex;
    flex-direction: column-reverse;
    align-items: baseline;
  }
}
.report-label {
  display: block;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 20px;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .report-label {
    font-size: 18px;
  }
}
.report-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  max-width: fit-content;
  transition: color 0.2s ease;
}
.report-row .label-report {
  white-space: nowrap;
  position: relative;
  display: block;
  padding-left: 25px;
  cursor: pointer;
  margin: 0;
}
.report-row .label-report::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #696B71;
  transition: border-color 0.3s;
}
.report-row .label-report::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  transition: opacity 0.3s;
  background-color: #D5224D;
}
.report-row .radio-report {
  width: auto;
  display: none;
  margin-right: 10px;
}
.report-row .radio-report:checked + label:before {
  border-color: #D5224D;
}
.report-row .radio-report:checked + label:after {
  opacity: 1;
}
@media (min-width: 1025px) {
  .report-row:hover {
    color: #FFFFFF;
  }
}
.report-submit {
  padding: 10px 30px;
  background-color: #D5224D;
  color: #FFFFFF;
  border-radius: 20px;
  margin-top: 20px;
  border: 1px solid transparent;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
}
@media (min-width: 1025px) {
  .report-submit:hover {
    background-color: #FFFFFF;
    color: #0B0B14;
    border: 1px solid #0B0B14;
  }
}
.report-message {
  width: 100%;
}
.report-message__label {
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
  color: #FFFFFF;
}
.report-message__tetarea {
  box-sizing: border-box;
  border-radius: 10px;
  background-color: #0B0B14;
  color: #FFFFFF;
  padding: 9px 20px;
  width: 100%;
}
.report-message__tetarea::placeholder {
  color: #6D6D86;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .report-message__tetarea:hover::placeholder {
    color: #FFFFFF;
  }
}

.radio-row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  max-width: fit-content;
  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: #6D6D86;
}
.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%;
  transform: translateY(-50%);
  left: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #696B71;
  transition: border-color 0.3s;
}
.radio-row__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  opacity: 0;
  display: block;
  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: #D5224D;
  background-color: #D5224D;
}
.radio-row__input:checked + label:after {
  opacity: 1;
}

.info {
  display: flex;
}
.info.custom {
  margin: 10px 0 30px;
}
.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;
}
@media (max-width: 1024px) {
  .info.custom .info-column:first-child {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-right: 0;
  }
}
.info.custom .info-column:last-child {
  max-width: calc(100% - 250px);
}
@media (max-width: 1024px) {
  .info.custom .info-column:last-child {
    padding-top: 110px;
    max-width: 100%;
  }
}
.info.custom .info-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}
.info.custom .info-head .button {
  margin-top: 20px;
  color: #FFFFFF;
}
.info.custom .info-head__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 450px) {
  .info.custom .info-head__body {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .info.custom {
    flex-direction: column;
  }
}
@media (max-width: 850px) {
  .info {
    flex-direction: column;
    align-items: center;
  }
}
.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;
  flex: 1 0 auto;
  background-color: #191929;
}
.info-column:first-child img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}
.info-column:first-child i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  z-index: 1;
}
@media (max-width: 850px) {
  .info-column:first-child {
    margin-right: 0;
    margin-bottom: 30px;
    max-height: 560px;
    padding-bottom: 560px;
    max-width: 400px;
  }
}

.info-column.custom {
  width: 230px;
  height: 230px;
  padding-bottom: 230px;
  border-radius: 50%;
  overflow: hidden;
  flex: 1 0 auto;
}
.info-column {
  width: 100%;
  position: relative;
}
.info-column .title {
  margin-bottom: 10px;
}
.info-column__head {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #191929;
}
@media (max-width: 767px) {
  .info-column__head.custom {
    flex-direction: column;
    align-items: center;
  }
  .info-column__head.custom .buttons {
    margin-top: 20px;
  }
  .info-column__head.custom .title {
    width: 100%;
    display: block;
    text-align: center;
  }
}
@media (max-width: 400px) {
  .info-column__head {
    padding-bottom: 10px;
    margin-bottom: 10px;
    flex-direction: column;
  }
  .info-column__head .double-btn {
    margin-top: 20px;
  }
}
.info-list {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  column-count: 3;
  justify-content: space-between;
  column-gap: 100px;
}
@media (max-width: 1200px) {
  .info-list {
    column-gap: 30px;
    column-count: 2;
  }
}
.info-item {
  padding: 8px 0;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
  transition: color 0.3s ease-in-out;
}
.info-item .mark {
  color: #6D6D86;
  margin-right: 5px;
}
.info-item a {
  transition: color 0.3s ease-in-out;
  color: #fff;
}
.body-light .info-item a {
  color: #6D6D86;
}

.info .nav {
  border-bottom: 1px solid #191929;
}
@media (max-width: 1024px) {
  .info .nav {
    padding: 0;
    margin-left: -10px;
  }
}
.info .nav__wrapper {
  padding: 0;
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .info .nav__wrapper {
    flex-direction: inherit;
    height: auto;
    padding: 0;
  }
}
.info .nav__item {
  margin-right: 5px;
}
.info .nav__item:last-child {
  margin-right: 0;
}
@media (min-width: 1025px) {
  .info .nav__item:hover .nav__link {
    color: #D5224D;
  }
  .info-item a:hover {
    color: #D5224D;
  }
}
@media (max-width: 1550px) {
  .info .nav__item {
    margin-right: 30px;
  }
}
@media (max-width: 1024px) {
  .info .nav__item {
    width: auto;
  }
}
.info .nav__link {
  color: #FFFFFF;
}
.info .more-text__button {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .info .more-text__button {
    margin-bottom: 20px;
  }
}

.more-text {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
.more-text.more {
  height: auto;
  overflow: visible;
  -webkit-line-clamp: inherit;
}
.more-text.custom {
  height: 65px;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.more-text.custom.more {
  height: auto;
  overflow: visible;
  -webkit-line-clamp: inherit;
}
@media (max-width: 767px) {
  .more-text {
    height: 86px;
    -webkit-line-clamp: 4;
  }
}
.more-text__button {
  margin-top: 10px;
  background-color: #191929;
  color: #6D6D86;
}
.more-text__button .text {
  position: relative;
}
@media (min-width: 1025px) {
  .more-text__button:hover {
    background-color: #191929;
  }
}
@media (max-width: 767px) {
  .more-text__button {
    padding: 8px 20px;
  }
}
.modal.custom .modal-wrapper {
  max-width: 950px;
}
.modal .for-desktop {
  display: block !important;
}
@media (max-width: 850px) {
  .modal .for-desktop {
    display: none !important;
  }
}
.modal .for-mobile {
  display: none !important;
}
@media (max-width: 850px) {
  .modal .for-mobile {
    display: block !important;
  }
}
.modal-wrapper {
  position: relative;
  /* display: grid;
  grid-gap: 30px; */
  padding: 50px;
  width: 100%;
  border-radius: 10px;
  background-color: #191929;
  overflow-y: auto;
  max-height: calc(100vh - 80px);
}
@media (max-width: 850px) {
  .modal-wrapper {
    /* grid-gap: 20px; */
  }
}
.modal-wrapper__space {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.modal-wrapper__button {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: none;
}
@media (max-width: 1024px) {
  .modal-wrapper {
    padding: 30px 20px;
  }
}
.modal-submit {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #0B0B14;
}
.modal-submit p {
  color: #fff;
}
.body-light .modal-submit p {
  color: #000;
}
.modal-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media (max-width: 850px) {
  .modal-columns {
    grid-template-columns: none;
    grid-gap: 20px;
  }
}
.modal-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-link {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #6D6D86;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .modal-link:hover {
    color: #FFFFFF;
  }
}
.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;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .modal-text a:hover {
    color: #FFFFFF;
  }
}
.modal .close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
}
.modal .title {
  margin-bottom: 25px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .modal .title {
    margin-bottom: 20px;
  }
}
.modal .button {
  margin-top: 20px;
}
@media (max-width: 850px) {
  .modal .button {
    margin-top: 10px;
  }
}

.close-btn {
  display: flex;
  color: #FFFFFF;
  transition: color 0.2s ease;
  background-image: none !important;
}
.close-btn i {
  font-size: 24px;
}
@media (min-width: 1025px) {
  .close-btn:hover {
    color: #D5224D;
  }
}

.input {
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
}
.input.file {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}
.input.file::placeholder {
  cursor: pointer;
}
.input::placeholder {
  font-size: 14px;
  font-weight: 400;
  color: #6D6D86;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .input:hover::placeholder {
    color: #FFFFFF;
  }
}

.textarea {
  padding: 10px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #0B0B14;
  width: 100%; 
}
.textarea textarea {
  padding: 0 20px;
  min-height: 150px;
  height: 100%;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #fff;
  width: 100%;
  transition: opacity 0.2s linear;
}
.textarea textarea::placeholder {
  transition: color 0.2s ease;
}
@media (max-width: 850px) {
  .textarea textarea {
    min-height: 110px;
  }
}
@media (min-width: 1025px) {
  .textarea:hover textarea::placeholder {
    color: #fff;
  }
}
.textarea.custom {
  min-height: 205px;
}
.textarea.custom textarea {
  min-height: 182px;
}
@media (max-width: 767px) {
  .textarea.custom {
    min-height: 104px;
  }
  .textarea.custom textarea {
    min-height: 80px;
  }
}

.upload-select {
  max-width: fit-content;
  padding: 7px 22px;
  background-color: #112E55;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #FFFFFF;
  transition: color 0.2s ease, border 0.3s ease, background-color 0.2s ease;
  position: absolute;
  right: 4px;
  top: 20px;
  transform: translate3d(0, -50%, 0);
  z-index: 2;
}
@media (max-width: 400px) {
  .upload-select {
    padding: 5px;
    top: 0;
    right: 0;
    transform: none;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.upload-file {
  position: relative;
  margin-bottom: 5px;
}
.upload-file .field-error {
  position: static !important;
}
@media (min-width: 1025px) {
  .upload-file:hover .upload-select {
    color: #FFFFFF;
    background-color: #D5224D;
  }
  .upload-file:hover .input::placeholder {
    color: #FFFFFF;
  }
}
.upload-file .input {
  margin-bottom: 0;
}
@media (max-width: 400px) {
  .upload-file .input {
    padding: 12px 60px 12px 20px;
  }
}

.input-label {
  margin-bottom: 20px;
  position: relative
}
.input-label:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .input-label.custom-margin {
    margin-bottom: 5px;
  }
}
.input-label.custom .input:last-child {
  margin-top: 10px;
}
.input-label input {
  margin-bottom: 0;
}
.input-label label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #FFFFFF;
}
.input-label p {
  font-size: 14px;
  margin-bottom: 14px;
}
.input-label .drop-menu {
  align-items: baseline;
  margin-left: 0;
  width: 100%;
  max-height: 40px;
}
.input-label .select {
  width: 100%;
  display: flex;
  height: 40px !important;
}
.input-label .select .text {
  width: 100%;
}
.input-label .options {
  max-height: 120px;
}
.input-label .option {
  padding: 10px 18px;
}

.checkbox {
  display: flex;
  align-items: center;
  z-index: 6;
  background-color: transparent;
  border-radius: 5px;
  cursor: pointer;
}
.checkbox + label {
  cursor: pointer;
  color: #6D6D86;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
.checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox input + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  width: 100% !important;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #6D6D86;
  cursor: pointer;
  transition: color 0.2s ease;
}
.checkbox input + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #D5224D;
  border-radius: 5px;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  background-image: url("../images/done.svg");
  background-size: 0;
  cursor: pointer;
  z-index: 10;
}
@media (min-width: 1025px) {
  .checkbox input + label:hover {
    color: #FFFFFF;
  }
  .checkbox input + label:hover:before {
    border: 1px solid #D5224D;
  }
}
.checkbox.active input + label::before {
  border-color: #D5224D;
  background-size: 10px;
  background: #D5224D url("../images/done.svg") no-repeat center;
  z-index: 10;
}

.label-checkboxes {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .label-checkboxes {
    margin-bottom: 10px;
  }
}
.label-checkboxes label {
  display: inline-block;
  margin-bottom: 13px;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
}
.label-checkboxes__list {
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: 20px;
}
@media (max-width: 1600px) {
  .label-checkboxes__list {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (max-width: 1400px) {
  .label-checkboxes__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  .label-checkboxes__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 900px) {
  .label-checkboxes__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .label-checkboxes__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.label-checkboxes__list .checkbox {
  margin-bottom: 10px;
}
.label-checkboxes__list .checkbox input + label {
  margin: 0;
}
@media (max-width: 767px) {
  .label-checkboxes {
    padding: 0 10px;
  }
  .label-checkboxes label {
    margin-bottom: 10px;
  }
}

.logo {
  position: relative;
  max-width: 40px;
  max-height: 40px;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0B0B14;
  flex: 1 0 auto;
}
.logo.small {
  width: 30px;
  height: 30px;
}
.logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.logo i {
  font-size: 20px;
  color: #6D6D86;
}
.logo.large {
  max-width: 160px;
  max-height: 160px;
  min-height: 160px;
}
.logo.large i {
  font-size: 76px;
}
@media (max-width: 410px) {
  .logo.large {
    max-width: 120px;
    max-height: 120px;
    min-height: 120px;
  }
}
.logo-group {
  display: flex;
}
.logo-group .checkbox {
  margin-left: 20px;
}

.large-texts {
  display: flex;
  margin-bottom: 20px;
  order: 2;
}

.flex-reverse {
  display: flex;
  flex-direction: column-reverse;
}
@media (max-width: 767px) {
  .large-texts {
    flex-direction: column;
  }
}

.large-text .title {
  margin-bottom: 30px;
}
.large-text .text {
  margin-bottom: 20px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}
.large-text .text:last-child {
  margin-bottom: 0;
}
.large-text .text a {
  color: #FFFFFF;
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .large-text .text a:hover {
    color: #D5224D;
  }
}

.tabs-buttons {
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tabs-buttons {
    margin-bottom: 10px;
  }
}
.tabs-buttons .title {
  position: relative;
  margin-right: 60px;
  margin-bottom: 0;
  line-height: 2;
  cursor: pointer;
}
.tabs-buttons .title:last-child {
  margin-right: 0;
}
.tabs-buttons .title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent;
}
.tabs-buttons .title.active {
  cursor: default;
  color: #D5224D;
}
.tabs-buttons .title.active::before {
  content: "";
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .tabs-buttons .title:hover {
    color: #D5224D;
  }
  .tabs-buttons .title:hover::before {
    content: "";
    background-color: #D5224D;
  }
}
@media (max-width: 767px) {
  .tabs-buttons .title {
    margin-right: 20px;
  }
}

.warn-mess {
  margin-bottom: 30px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: #D5224D;
}
@media (max-width: 767px) {
  .warn-mess {
    margin-bottom: 20px;
  }
}

.upload-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 30px;
}
.upload-form-album {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  order: 1;
}
@media (max-width: 767px) {
  .upload-form, .upload-form-album {
    grid-template-columns: none;
    grid-row-gap: 20px;
    margin-bottom: 30px;
  }
}
.upload-form__item {
  max-width: 700px;
}
.upload-form__item .input {
  margin-bottom: 0;
}
.upload-form.uploading .two-sections, .upload-form.uploading .bottom {
  display: none;
}
.progressbar {
  text-align: center;
  position: relative;
}
.progressbar .text {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
}
.body-light .progressbar .text {
  color: #0B0B14;
}

.progress {
  background: #D5224D;
  height: 8px;
  z-index: 1;
}
.progressbar::after {
  content: '';
  position: absolute;
  background-color: transparent;
  height: 8px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .upload-content .title {
    margin-bottom: 10px;
  }
}

.upload-head {
  display: flex;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  background-color: #191929;
}
@media (max-width: 1024px) {
  .upload-head {
    flex-direction: column;
    padding: 20px 10px;
  }
}
.upload-head .card {
  width: 320px;
  margin-right: 30px;
  flex: 1 0 auto;
}
@media (max-width: 1024px) {
  .upload-head .card {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.upload-head__body {
  width: 100%;
}

.upload-progress {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .upload-progress {
    margin-bottom: 20px;
  }
}
.upload-progress__name {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  max-width: 310px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  .upload-progress__name {
    max-width: 230px;
  }
}
@media (max-width: 1024px) {
  .upload-progress__name {
    margin-bottom: 10px;
    position: static;
    max-width: none;
    width: 100%;
  }
}
.upload-progress__text {
  margin-bottom: 2px;
  font-size: 24px;
  font-weight: 600;
  color: #FFFFFF;
}
@media (max-width: 1024px) {
  .upload-progress__text {
    font-size: 20px;
  }
}
.upload-progress__line {
  width: 100%;
  height: 8px;
  border-radius: 4px;
  background-color: #0B0B14;
}
.upload-progress__line div {
  height: 8px;
  border-radius: 4px;
  background-color: #D5224D;
}

.form-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .form-columns {
    grid-template-columns: none;
    grid-gap: 20px;
    margin-bottom: 20px;
  }
}
.form-columns.custom {
  display: flex;
  grid-gap: 0;
  margin-bottom: 30px;
}
.form-columns.custom .label-radios {
  margin-right: 30px;
}
.form-columns.custom .label-radios:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .form-columns.custom {
    flex-direction: column;
  }
  .form-columns.custom .label-radios {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .form-columns.custom .label-radios:last-child {
    margin-bottom: 0;
  }
}

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

.label {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
  color: #FFFFFF;
}

.banner {
  position: relative;
  height: 300px;
}
.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
@media (max-width: 370px) {
  .banner {
    height: 150px;
  }
}
.banner-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgb(0, 0, 0) 102%);
  z-index: 2;
}
.banner-blackout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(11, 11, 20, 0.8823529412);
  z-index: 3;
}
.banner-info {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  padding-left: 250px;
  max-width: 1640px;
  width: 100%;
  margin: 0 auto;
  z-index: 4;
}
.banner-info .title {
  margin-bottom: 10px;
}
.banner-info .button {
  color: #FFFFFF;
}
@media (max-width: 1680px) {
  .banner-info {
    position: relative;
    top: auto;
    bottom: 20px;
    left: 250px;
    width: calc(100% - 250px);
    transform: none;
    height: 100%;
    align-items: flex-end;
    padding: 0 20px;
    max-width: none;
    margin: 0;
  }
}

@media (max-width: 1024px) {
  .chat.active .chat-messages {
    transform: translateX(0);
  }
  .chat.active .chat-list {
    transform: translateX(calc(-100% - 16px));
  }
}
.chat .title a {
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .chat .title a:hover {
    color: #FFFFFF;
  }
}
.chat a.user-logo img {
  transition: filter 0.2s ease, transform 0.2s ease;
}
.chat a.user-logo i {
  transition: color 0.2s ease;
}
@media (min-width: 1025px) {
  .chat a.user-logo:hover img {
    filter: saturate(160%);
    transform: scale(1.1);
  }
  .chat a.user-logo:hover i {
    color: #D5224D;
  }
}
.chat-head {
  display: flex;
  align-items: center;
}
.chat-head .title span {
  color: #fff;
  padding: 0;
}
.body-light .chat-head .title span {
  color: #000;
}
.chat-head .title {
  margin: 0;
  white-space: nowrap;
}
.chat-head .title a {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 500px) {
  .chat-head .title a {
    max-width: 150px;
  }
}
@media (max-width: 400px) {
  .chat-head .title a {
    margin: 0;
  }
}
@media (max-width: 400px) {
  .chat-head .title span {
    display: none;
  }
}
.chat-head .user-logo {
  margin-right: 10px;
}
.chat-wrap {
  position: relative;
  display: flex;
}
@media (max-width: 1024px) {
  .chat-wrap {
    flex-direction: column;
  }
}
.chat-title {
  margin-bottom: 10px;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .chat-title {
    padding: 0 10px;
  }
}
@media (max-width: 400px) {
  .chat-title {
    flex-direction: column;
    align-items: flex-start;
  }
}
.chat-title .mark {
  margin-left: 20px;
  color: #D5224D;
  max-width: 450px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  .chat-title .mark {
    max-width: 170px;
    margin-left: 10px;
  }
}
@media (max-width: 411px) {
  .chat-title .mark {
    max-width: 145px;
  }
}
@media (max-width: 400px) {
  .chat-title .mark {
    margin-left: 0;
    max-width: 190px;
  }
}
.chat-list {
  z-index: 3;
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  min-width: 310px;
}
@media (max-width: 1024px) {
  .chat-list {
    width: 100%;
    padding-right: 0px;
    border-right: none;
  }
}
.chat-list .title {
  margin-bottom: 10px;
}
.chat-list__wrap {
  border-radius: 10px;
  overflow: hidden;
  background-color: #191929;
  flex: 1 0 auto;
}
@media (max-width: 1024px) {
  .chat-list__wrap {
    border-radius: 0;
  }
  .chats-hidden {
    display: none;
  }
}
.chat-list__holder {
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 1;
  max-height: 680px;
  height: 100%;
}
@media (max-width: 1600px) {
  .chat-list__holder {
    max-height: 550px;
  }
}
@media (max-width: 1024px) {
  .chat-list__holder {
    max-height: calc(var(--app-height) - 135px);
  }
}
@media (max-width: 767px) {
  .chat-list__holder {
    max-height: calc(var(--app-height) - 127px);
  }
}
.chat-list__holder::-webkit-scrollbar {
  width: 3px;
}
.chat-list__holder::-webkit-scrollbar-track {
  background-color: transparent;
}
.chat-list__holder::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-list__holder::-moz-scrollbar {
  width: 3px;
}
.chat-list__holder::-moz-scrollbar-track {
  background-color: transparent;
}
.chat-list__holder::-moz-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-list__holder::-ms-scrollbar {
  width: 3px;
}
.chat-list__holder::-ms-scrollbar-track {
  background-color: transparent;
}
.chat-list__holder::-ms-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-messages {
  padding: 0 30px;
  width: 100%;
}
@media (max-width: 1024px) {
  .chat-messages {
    width: 100%;
    padding: 0;
    background-color: #121220;
  }

}
.chat-messages__head {
  display: flex;
  align-items: center;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #0B0B14;
}
.chat-messages__head .chat-title {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .chat-messages__head .chat-title {
    padding: 0 10px 0 0;
  }
}
@media (max-width: 1024px) {
  .chat-messages__head {
    padding: 10px;
    background: #191929;
    margin: 0 -20px -10px !important;
  }
  .body-light .chat-messages__head {
    background: transparent;
  }
}
.chat-messages__body {
  max-height: calc(var(--app-height) - 61px);
}
.chat-messages__head-back {
  display: none;
  align-items: center;
  color: #FFFFFF;
  padding: 10px 15px;
  margin: 0 20px 0 0;
  width: 40px;
  height: 40px;
  background-color: #0B0B14;
  border-radius: 10px;
}
.chat-messages__head-back i {
  font-size: 10px;
  transform: rotate(90deg);
}
.chat-messages__head-back .text {
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 1024px) {
  .chat-messages__head-back {
    display: flex;
  }
}
.chat-messages__head-user {
  padding: 7px 25px;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: white;
}
.chat-messages__head-user .dialog {
  margin-right: 5px;
}
.chat-messages__head-user .dialog-name {
  color: #FF7D00;
  transition: color 0.2s linear;
}
@media (min-width: 1024px) {
  .chat-messages__head-user .dialog-name:hover {
    color: white;
  }
}
.chat-messages__head-buttons {
  display: flex;
  align-items: center;
  z-index: 5;
  color: white;
}
@media (max-width: 1200px) {
  .chat-messages__head-buttons {
    position: absolute;
    top: calc(100% + 5px);
    right: 0px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 20px 0 20px 20px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    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 {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  background-color: #414141;
  border-radius: 5px;
  margin-left: 5px;
  white-space: nowrap;
  transition: background-color 0.2s linear;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .chat-messages__head-buttons .button {
    border-radius: 0px;
    margin-left: 0px;
    padding: 15px 20px;
    width: 100%;
  }
}
.chat-messages__head-buttons .button:hover {
  background-color: #FF7D00;
}
.chat-messages__head-buttons .button:first-child {
  margin-left: 0px;
}
.chat-messages__head-buttons .button i {
  font-size: 16px;
  margin-right: 5px;
}
.chat-messages__head-settings {
  position: relative;
}
.chat-messages__head-dots {
  display: none;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 2px;
  width: 20px;
  height: 18px;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .chat-messages__head-dots {
    display: grid;
  }
}
@media (min-width: 1024px) {
  .chat-messages__head-dots:hover span {
    background-color: #FF7D00;
  }
}
.chat-messages__head-dots span {
  height: 5px;
  width: 5px;
  background-color: #B3B3B3;
  border-radius: 50%;
  transition: background-color 0.2s linear;
}
.chat-messages__content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 510px;
  height: 100%;
  padding: 10px 0;
}
@media (max-width: 1024px) {
  .chat-messages__content {
    max-height: calc(var(--app-height) - 288px);

  }
}
/* @media (max-width: 400px) {
  .chat-messages__content {
    max-height: calc(var(--app-height) - 210px);
  }
} */
.chat-messages__content::-webkit-scrollbar {
  width: 3px;
}
.chat-messages__content::-webkit-scrollbar-track {
  background-color: transparent;
}
.chat-messages__content::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-messages__content::-moz-scrollbar {
  width: 3px;
}
.chat-messages__content::-moz-scrollbar-track {
  background-color: transparent;
}
.chat-messages__content::-moz-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-messages__content::-ms-scrollbar {
  width: 3px;
}
.chat-messages__content::-ms-scrollbar-track {
  background-color: transparent;
}
.chat-messages__content::-ms-scrollbar-thumb {
  background-color: #D5224D;
}
.chat-messages__content .message {
  display: flex;
  padding: 0 12px 0 0;
  margin-bottom: 20px;
}
.chat-messages__content .message:first-child {
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .chat-messages__content .message {
    margin-bottom: 30px;
    padding: 0 12px;
  }
}
.chat-messages__content .message-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #0B0B14;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (min-width: 1025px) {
  .chat-messages__content .message-icon:hover i {
    color: white;
  }
  .chat-messages__content .message-icon:hover img {
    transform: scale(1.1);
  }
}
.chat-messages__content .message-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 20px;
  color: #6D6D86;
  z-index: 1;
  transition: color 0.2s linear;
}
.chat-messages__content .message-icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  z-index: 2;
  transition: transform 0.2s linear;
}
.chat-messages__content .message-info {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
}
.chat-messages__content .message-info__wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.chat-messages__content .message-info__name {
  font-size: 14px;
  font-weight: 500;
  transition: color 0.2s linear;
  color: white;
}
@media (min-width: 1025px) {
  .chat-messages__content .message-info__name:hover {
    color: #D5224D;
  }
}
.chat-messages__content .message-info__text {
  max-width: fit-content;
  width: 100%;
  max-width: 70%;
  font-size: 14px;
  font-weight: 400;
  color: #6D6D86;
  display: flex;
  flex-direction: column;
}
.chat-messages__content .message-info__date {
  margin-left: 15px;
  font-size: 12px;
  color: #6D6D86;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.chat-messages__content .message-info__date i {
  margin-right: 5px;
  font-size: 16px;
}
.chat-messages__content .message-info__date .text {
  font-size: 12px;
}
.chat-messages__content .message.reverse {
  display: flex;
  padding: 0 20px 0 0;
}
@media (max-width: 1024px) {
  .chat-messages__content .message.reverse {
    padding: 0 12px;
  }
}
.chat-messages__content .message.reverse .message-info__text {
  color: #6D6D86;
}
.chat-messages__content .message.reverse .message-info__wrapper {
  align-items: center;
}
.chat-messages__form {
  width: 100%;
  padding: 20px 0 0 0;
  background-color: transparent;
  border-top: 1px solid #0B0B14;
}
@media (max-width: 1024px) {
  .chat-messages__form {
    padding: 0 10px 10px 10px;
    position: relative;
    border-top: none;
  }
}
.chat-messages__form .form__wrapper {
  width: 100%;
  padding: 10px 0;
  background-color: #0B0B14;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .chat-messages__form .form__wrapper {
    margin-bottom: 10px;
    padding: 10px 93px 10px 0;
  }
}
.chat-messages__form .form__input {
  padding: 20px;  
  max-width: 1920px;
  width: 100%;
  height: 70px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: white;
  display: flex;
  background-color: #0B0B14;
  transition: color 0.2s linear;
  margin-bottom: 0;
}
.chat-messages__form .form__input::placeholder {
  color: #6D6D86;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  transition: color 0.2s linear;
  border: none;
}
.chat-messages__form .form__input::-webkit-scrollbar {
  width: 2px;
}
.chat-messages__form .form__input::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.chat-messages__form .form__input::-webkit-scrollbar-thumb {
  background-color: #D5224D;
}
@media (min-width: 1025px) {
  .chat-messages__form .form__input:hover::placeholder {
    color: rgba(255, 255, 255, 0.6);
  }
}
@media (max-width: 1024px) {
  .chat-messages__form .form__input {
    padding: 0 25px 0 10px;
    border-radius: 0;
  }
}
.chat-messages__form .form__submit {
  padding: 11px 32px;
  background-color: #D5224D;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  color: white;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.15);
  transition: background-color 0.2s linear, box-shadow 0.2s linear;
}
@media (min-width: 1025px) {
  .chat-messages__form .form__submit:hover {
    background-color: white;
    color: black;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 1024px) {
  .chat-messages__form .form__submit {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
}
.chat-item__wrapper {
  display: flex;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  transition: background-color 0.2s linear, color 0.1s linear;
}
@media (min-width: 1025px) {
  .chat-item__wrapper:hover {
    background-color: #2A2631;
    color: white;
  }
  .chat-item__wrapper:hover .chat-item__info {
    color: white;
  }
  .chat-item__wrapper:hover .chat-item__name {
    color: white;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .chat-item__wrapper:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1025px) {
  .chat-item__wrapper:hover .chat-item__date {
    color: white;
  }
}
@media (max-width: 1024px) {
  .chat-item__wrapper.active {
    transition: background-color 0.1s linear, color 0.1s linear;
    background-color: #0B0B14;
  }
}
.chat-item__wrapper.active {
  cursor: default;
}
@media (min-width: 1025px) {
  .chat-item__wrapper.active:hover {
    background-color: #0B0B14;
    color: white;
  }
  .chat-item__wrapper.active:hover .chat-item__info {
    color: white;
  }
  .chat-item__wrapper.active:hover .chat-item__name {
    color: white;
  }
}
@media (min-width: 1025px) and (min-width: 1025px) {
  .chat-item__wrapper.active:hover .chat-item__name:hover {
    color: rgba(255, 255, 255, 0.8);
  }
}
@media (min-width: 1025px) {
  .chat-item__wrapper.active:hover .chat-item__date {
    color: #6D6D86;
  }
}
.chat-item__wrapper.active, .chat-item__wrapper.active-mob {
  background-color: #0B0B14;
}
@media (min-width: 1025px) {
  .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 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding-bottom: 40px;
  margin-right: 10px;
  background-color: #0B0B14;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (min-width: 1025px) {
  .chat-item__icon:hover i {
    color: white;
  }
  .chat-item__icon:hover img {
    transform: scale(1.1);
  }
}
.chat-item__icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 20px;
  color: #6D6D86;
  z-index: 1;
  transition: color 0.2s linear;
}
.chat-item__icon img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 40px;
  height: 40px;
  object-fit: cover;
  z-index: 2;
  transition: transform 0.2s linear;
}
.chat-item__info {
  width: 100%;
  transition: color 0.1s linear;
  line-height: 1.3;
  color: #9F92A6;
}
.chat-item__head {
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.chat-item__text {
  max-width: 226px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  color: #6D6D86;
}
@media (max-width: 1024px) {
  .chat-item__text {
    max-width: none;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.chat-item__date {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-left: 10px;
  white-space: nowrap;
  color: #6D6D86;
  transition: color 0.1s linear;
}
.chat-item__date i {
  margin-right: 5px;
}
.chat-item__date .text {
  font-size: 12px;
}
.chat-item__name {
  max-width: 140px;
  font-size: 14px;
  font-weight: 500;
  color: white;
  transition: color 0.1s linear;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1025px) {
  .chat-item__name:hover {
    color: #D5224D !important;
  }
}
.user-logo {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0B0B14;
}
.user-logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-logo i {
  font-size: 20px;
}

.info-buttons {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
}
@media (max-width: 767px) {
  .info-buttons {
    margin-top: 20px;
  }
}
@media (max-width: 400px) {
  .info-buttons .double-btn,
  .info-buttons .drop {
    margin-top: 0;
  }
}

.for-desktop {
  display: flex !important;
}
@media (max-width: 1024px) {
  .for-desktop {
    display: none !important;
  }
}

.for-mobile {
  display: none !important;
}
@media (max-width: 1024px) {
  .for-mobile {
    display: flex !important;
  }
}


.upload-drop-wrap {
  position: absolute;
  top: 100%;
  width: 120px;
  background-color: #112E55;
  border-radius: 10px;
  z-index: 11;
  overflow: hidden;
  display: none;
}
.upload-drop-wrap.active {
  display: block;
}
.upload-btn.for-desktop.active {
  background-color: #D5224D;
}

.upload-drop-wrap li a {
  width: 100%;
  text-align: center;
  padding: 5px 0;
  color: #fff;
  transition: all .2s ease;
  cursor: pointer;
  justify-content: center;
}

.floating_upload-mobile {
  display: none;
}
.cabinet.for-desktop {
  margin-left: 10px;
}
.cabinet.for-desktop .link {
  color: #6D6D86;
  padding: 11px 38px;
  border-radius: 10px;
  margin: 0 3px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
}
.body-light .cabinet.for-desktop .link {
  color: #fff;
}
.cabinet.for-desktop .link.login {
  background: #D5224D;
  color: #fff;
}
@media (max-width: 1200px) {
  .cabinet.for-desktop .link {
    padding: 11px 15px;
  }
}
.body-light .cabinet.for-desktop .link {
  background: #112E55;
}
.hidden {
  display: none;
}

@media (max-width: 1024px) {
  .floating_upload {
    display: none;
  }
  .floating_upload-mobile {
    display: block;
    order: 4;
  }
  .highlight {
    display: flex;
    align-items: center;
  }
  .upload-drop-wrap {
    position: static;
    overflow: inherit;
    background-color: transparent;
    display: block;
  }
  .upload-drop-wrap li a {
    color: #6D6D86;
  }
}

@media (min-width: 1025px) {
  .upload-drop-wrap li a:hover {
    background-color: #D5224D;
  }
  .cabinet.for-desktop .link.login:hover {
    background: #112E55;
  }
  .body-light .cabinet.for-desktop .link.login:hover {
    background: #D5224D;
  }
  .cabinet.for-desktop .link:hover {
    background: #D5224D;
    color: #fff;
  }
  .submit.button {
    transition: all .3s ease;
  }
  .submit.button:hover {
    background-color: #112e55;
  }
  .related-link:hover {
    color: #D5224D;
  }
  .drop__donate:hover {
    background-color: #D5224D;
    color: #fff;
  }
  .drop__donate:hover a {
    color: #fff;
  }
  .btn-donate:hover {
    background-color: #D5224D;
  }
  .more-text__button:hover .text {
    color: #fff !important;
    z-index: 4;
  }
}

.autocomplete-suggestions {
  border: 1px solid #D5224D;
  background: #112E55;
  padding: 10px;
  color: #fff;
  max-height: none !important;
  position: fixed !important;
  top: 90px !important;
  width: 630px !important;
  border-radius: 0 0 20px 20px;
  border: 1px solid #D5224D;
  border-top: none;
}
@media (max-width: 1550px) {
  .autocomplete-suggestions {
    width: 300px !important;
  }
}
@media (max-width: 1250px) {
  .autocomplete-suggestions {
    width: 200px !important;
  }
}
@media (max-width: 1024px) {
  .autocomplete-suggestions {
    width: 100% !important;
    left: 0 !important;
    top: 60px !important;
  }
}
.body-light .autocomplete-suggestions {
  background: #fff;
  color: #000 !important;
  border: 1px solid #000;
}
.autocomplete-group {
  font-weight: 700;
}
.autocomplete-suggestion {
  cursor: pointer;
}
.autocomplete-suggestion.autocomplete-selected {
  color: #D5224D;
}

.login-wrap-mobile {
  flex-direction: row;
  display: flex;
  justify-content: space-evenly;
  padding: 10px 0;
}

.kt-player {
  position: absolute !important;
}

#download-modal {
  left: 50%;
  height: fit-content;
  top: 50%;
  flex-direction: column;
  transform: translate(-50%, -50%);
}

.fav-wrap {
  position: relative;
}
.fav-wrap .delete {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 12px;
  background: #D5224D;
  border-radius: 10px;
  display: flex;
  align-items: center;
  height: 40px;
}
.fav-wrap .delete i {
  color: #fff;
}

.description-text {
  color: #fff;
}
.body-light .description-text {
  color: #000;
}


.donate-holder .icon-dollar, .donate-holder .text, .donate-holder .icon-down {
  color: #fff;
}

.btn-donate {
  color: #fff;
  padding: 0 20px;
  background-color: #112e55;
  border-radius: 10px;
  min-width: 133px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  cursor: pointer;
  transition: all .3s ease;
}
.btn-donate.active {
  background-color: #D5224D;
}
@media (max-width: 400px) {
  .btn-donate {
    margin-bottom: 10px;
  }
}


.btn-donate .icon-down {
  font-size: 10px;
}

.background {
  position: relative;
  max-width: fit-content;
}

.drop__donates {
  border-radius: 10px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 4;
  width: 100%;
}
.drop__donates.active {
  opacity: 1;
  visibility: visible;
}

.drop__donate {
  cursor: pointer;
  background: #112E55;
  color: #6d6d86;
  transition: background-color .2s ease,color .2s ease;
}

.drop__donate .text {
  padding: 10px 7px;
  display: flex;
  color: #ffffff;
}
.drop__donate .icon-dollar {
  margin-right: 10px;
}

.blocker {
  z-index: 10;
}

.field-error {
  color: #D5224D;
  bottom: -24px;
}

.code-style {
  margin-bottom: 10px;
}

.logo-plug {
  background: #000;
  object-fit: contain !important;
}

.comment-like.disabled {
  display: none !important;
}
.comment-dislike.disabled {
  display: none !important;
}

.comment-rating .icon-like {
  color: #6D6D86 !important;
}
.comment-rating {
  cursor: default !important;
  padding: 0px 7px !important;
  border-radius: 50%;
  background: #D5224D;
  color: #fff;
}

.comment-dislike.disabled {
  cursor: default !important;
}
.comment-dislike.disabled .icon-dislike{
  color: #6D6D86 !important;
}

.related-title {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px 1rem !important;
}
.related-title li {
  padding: 0 20px;
}

.related-text {
  color: #D5224D !important;
  cursor: default;
}

.related-link {
  cursor: pointer;
  transition: all .3s ease;
}

.download-btn {
  background: #0B0B14;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-radius: 10px;
  color: #0B0B14;
  height: 40px;
}
.download-btn.hidden {
  display: none !important;
}
.download-btn .text {
  color: #fff;
}

.body-light .download-btn {
  display: flex;
  align-items: center;
  padding: 0 20px;
  background: #EDEDED;
  border-radius: 10px;
}
.body-light .download-btn .text {
  color: #0B0B14;
}

@media (max-width: 500px) {
  .body-light .download-btn {
    justify-content: center;
    padding: 10px 0;
  }
  .no-player .message {
    font-size: 10px;
  }
}

.no-player .message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.no-player .message a {
  color: #D5224D;
  display: inline !important;
}

.body-light .no-player .message {
  color: #112E55;
}

.no-player .message .submit {
  background: #112E55;
  color: #fff;
  transition: all .3s ease;
}

.card-body .no-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #D5224D;
  padding: 10px 15px;
  border: 1px solid #D5224D;
  border-radius: 20px;
  text-align: center;
}

.subscribe .icon-verify {
  display: none;
}
.subscribe.done .icon-verify {
  display: block;
  margin-right: 4px;
  font-size: 15px;
}

.subscribe-button .icon-verify {
  display: none;
}
.subscribe-button.done .icon-verify {
  display: block;
  margin-right: 4px;
}

.selectbox {
  position: relative;
  padding: 0 18px !important;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.2s ease;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  grid-gap: 10px;
  height: 40px !important;
  will-change: padding;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 500;
  min-width: 230px;
  width: 100%;
  /* box-shadow: 0 0 3px rgba(128,128,128,.7) !important; */
}
.body-light .selectbox option {
  background-color: #fff !important;
  color: #6D6D86 !important;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease;
}

.body-light .selectbox {
  background-color: #EDEDED;
  color: #6D6D86;
  box-shadow: 0 0 0 transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease 0.1s;
}
.selectbox option {
  background-color: #121220 !important;
  color: #6D6D86 !important;
}

.selectbox.age {
  min-width: 120px !important;
  width: 100%;
}

.form-item .checkbox {
  width: auto;
  height: auto;
  background-color: #D5224D !important;
  display: inline;
}

.flex {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.friend.done {
  background: #112E55 !important;
  cursor: default;
  pointer-events: none;
}
.friend.done .text {
  color: #fff !important;
}
.friend.done:hover {
  background: #112E55 !important;
}
.friend.done:hover .text {
  color: #fff !important;
}
.friend .icon-verify {
  display: none;
}
.friend.done .icon-verify {
  display: block;
  font-size: 15px;
}

.massage.done {
  background: #112E55 !important;
}
.massage .icon-verify {
  display: none;
}
.massage.done .icon-verify {
  display: block;
  font-size: 15px;
}

.body-light .is-light span {
  color: #6D6D86;
}

.edit-profile-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: end;
  overflow: auto;
  margin-bottom: 10px;
}
@media (max-width: 1024px) {
  .edit-profile-wrap {
    justify-content: center;
  }
}
.edit-profile-wrap li {
  margin: 5px 0 0 5px;
}

.profile-view-wrap {
  display: flex;
  position: absolute;
  right: 0;
  top: -78px;
  z-index: 4;
}

@media (max-width: 1300px) {
  .profile-view-wrap {
    top: -120px;
  }
}
@media (max-width: 1024px) {
  .profile-view-wrap {
    position: static;
  }
  .profile-view-wrap .options {
    top: 65%;
  }
  .buttons-group .buttons {
    width: 100%;
  }
  .buttons-group .buttons .double-btn {
    margin-left: 10px;
  }
  .buttons-group .buttons .button {
    width: 100%;
    max-width: none;
  }
  .profile-view-wrap .buttons .double-btn {
    width: 100%;
  }
  .profile-view-wrap .background {
    max-width: none;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .profile-view-wrap .background {
    margin-bottom: 0;
  }
}

.five-cards .bottom,.round-cards .bottom, #list_members_my_friends_items .bottom {
  position: absolute;
  bottom: -64px;
  right: 0;
  display: flex;
}
.bottom .submit.button {
  margin-right: 10px !important;
  cursor: pointer;
}

.text.white {
  color: #fff !important;
}
.body-light.text.white {
  color: #fff !important;
}

.profile .card-round {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile .item-control {
  display: flex;
  justify-content: center;
}

.album-card-link {
  display: flex;
  flex-direction: column;
}

.message .message-info__text {
  align-items: start;
}
.message-info__text .bottom {
  display: flex;
}
.message-info__text .bottom .btn {
  margin: 0 3px;
  transform: all .3s ease;
}

.col-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 976px;
}
.col-title h1 {
  font-size: 2.4rem;
  font-weight: 600;
  border-bottom: 3px solid #D5224D;
}
.col-title h2 {
  padding-top: 20px;
  font-size: 1.8rem;
}
.creator-cards-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 976px;
  padding: 0 10px;
}
.creator-card {
  width: 33.33%;
  text-align: left;
  padding: 10px;
  display: flex;
}
.creator-card svg {
  width: 80px;
  height: fit-content;
}
@media (max-width: 1024px) {
  .creator-card {
    width: 50%;
  }
}
@media (max-width: 800px) {
  .creator-card {
    width: 100%;
  }
  .creator-card svg {
    width: 80px;
  }
}
.creator-body {
  margin-left: 10px;
  flex: 1 1;
}
.creator-body-title {
  margin-bottom: 10px;
  font-size: 24px;
}
.creator-link {
  display: block;
  margin: 30px auto;
  padding: 10px 15px;
  color: #fff !important;
  background-color: #D5224D;
  border-radius: 10px;
  transition: all .3s ease;
  white-space: nowrap;
  max-width: 130px;
}

.download-album-wrap {
  display: flex;
}
.download-album-wrap .section-one {
  flex: 1 1;
  margin-right: 20px;
}

.list-selector {
  position: relative;
}

form .list-selector-popup {
  position: absolute;
  width: 100%;
  height: 200px;
  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);
  background-color: #121220;
  z-index: 5;
}

form .list-selector-popup:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 7px;
  background-color: #2e2e2e;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
}

form .list-selector-popup:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #2e2e2e;
  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: 10000;
}

form .list-selector-popup .button-group {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 8px;
  left: 8px;
  bottom: 76px;
  right: 8px;
}

form .list-selector-popup .button-group .item {
  display: inline-block;
  width: 31%;
  padding: 3px 0 10px;
  vertical-align: top;
}

form .list-selector-popup .button-group .item .checkbox {
  display: none;
}

form .list-selector-popup .button-group .item label {
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  padding: 0 0 0 25px;
}

form .checkbox+label::before, form .checkbox+span::before {
  content: " ";
  position: absolute;
  left: 0;
  top: -2px;
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #D5224D;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #262626;
  font-size: 11px;
  text-align: center;
  padding: 3px 0 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}

form .checkbox:checked+label::before, form .checkbox:checked+span::before {
  background-color: #da2657;
  border: 1px solid #da2657;
  color: #fff;
  background-image: url('/static/images/done.svg');
  background-repeat: no-repeat;
  background-position: center;
}

form .list-selector-popup .filter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border: none;
}

form .list-selector-popup .filter input {
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  border: none;
  color: #fff;
  background: #0B0B14;
  font-weight: 400;
  line-height: 14px;
}

.preview {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  max-width: 320px;
  width: 100%;
}
.preview .left {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #fff;
  opacity: 0.8;
  color: #000;
  padding: 10px;
  border-radius: 10px;
}
.preview .right {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #fff;
  opacity: 0.8;
  color: #000;
  padding: 10px;
  border-radius: 10px;
}

.preview img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .preview {
    margin-bottom: 20px;
  }
  .preview img {
    width: 100%;
  }
  .download-album-wrap {
    flex-wrap: wrap;
  }
  .download-album-wrap .section-two {
    width: 100%;
  }
  .download-album-wrap .section-one {
    margin: 0;
  }
}

.form-upload .bottom .button {
  margin-top: 25px;
}

.line-processing {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  color: #D5224D;
  padding: 10px;
  border: 1px solid #D5224D;
  border-radius: 10px;
}

.form-upload {
  position: relative !important;
}
.form-upload .field-error {
  position: absolute;
}
.form-upload > .generic-error {
  top: 30px;
}

.generic-error {
  color: #D5224D;
  position: absolute;
}

.popup-holder .generic-error {
  position: static;
}

.upload-form-video {
  margin-bottom: 50px;
}
.upload-form-video .generic-error {
  top: -25px;
}

.upload-form-video .video-preview {
  display: none;
}

.upload-form-video.uploading .video-preview {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  min-width: 320px;
  position: relative;
}

.upload-form-video.uploading .progressbar {
  width: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.upload-form-video.uploading {
  display: flex;
  align-items: center;
  padding: 30px;
  margin-bottom: 30px;
  background-color: #191929;
  border-radius: 10px;
  order: 2;
}

.body-light .upload-form-video.uploading {
  background-color: #EDEDED;
}

.upload-form-video.uploading .two-sections, .upload-form-video.uploading .bottom {
  display: none;
}

.upload-form-video .card-body .left {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #fff;
  opacity: 00.8;
  color: #000;
  padding: 10px;
  border-radius: 10px;
  z-index: 2;
}

@media (max-width: 1024px) {
  .upload-form-video.uploading {
    flex-direction: column;
    padding: 30px 30px 90px;
  }
  .upload-form-video.uploading .video-preview {
    max-width: none;
    width: 100%;
    margin: 0;
  }
  .upload-form-video {
    margin-bottom: 30px;
  }
}

#search_members_only_with_avatar {
  display: none;
}
.form-item .button-group label {
  position: relative;
  padding-left: 24px;
}

.upload-categories .list-selector-popup {
  position: static !important;
  background-color: transparent !important;
  box-shadow: none !important;
  height: 100%;
  display: block !important;
}
.upload-categories .list-selector-popup .filter, .upload-categories .list-selector-popup:after, .upload-categories .list-selector-popup::before {
  display: none !important;
}
.upload-categories .list-selector-popup .button-group {
  overflow: auto !important;
  position: static !important;
}
@media (max-width: 1500px) {
  .upload-categories .list-selector-popup .button-group {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 1230px) {
  .upload-categories .list-selector-popup .button-group {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (max-width: 1100px) {
  .upload-categories .list-selector-popup .button-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  .upload-categories .list-selector-popup .button-group {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .upload-categories .list-selector-popup .button-group {
    grid-template-columns: repeat(2, 1fr);
  }
}
.upload-categories .list-selector-popup .button-group .item {
  display: flex;
  align-items: center;
  z-index: 6;
  background-color: transparent;
  border-radius: 5px;
  width: 100%;
  z-index: 1;
}
.upload-categories .list-selector-popup .button-group .item label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  width: 100% !important;
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #6D6D86;
  cursor: pointer;
  transition: color 0.2s ease;
}

.delay-upload-wrap {
  display: none;
}
.delay-upload-wrap.active {
  display: flex;
  flex-wrap: wrap;
}

.radio-row.rowwrap.later.active .row.delay-upload-wrap {
  display: flex;
  flex-wrap: wrap;
}

.delay-upload-wrap .selectbox {
  margin: 0 10px 10px 0;
  min-width: 100px;
  width: 55px;
}

.line-disabled {
  position: absolute;
  z-index: 2;
  color: #000;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  opacity: 0.8;
  bottom: 10px;
  right: 10px;
}

.for-verticaldisabled .card-body {
  padding-bottom: 130.25%;
}

.toggle-button.button {
  margin-top: 10px;
}

.fancybox-wrap {
	/* width: 100% !important; */
  max-width: 950px !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  border: 10px solid transparent;
}

.fancybox-inner {
  width: auto !important;
  display: flex;
  flex-direction: column;
  height: fit-content !important;
}

.popup-title {
  padding: 10px 0;
  color: #fff;
}

.pay-method-link {
  margin: 0 auto;
  cursor: pointer;
  transition: all .3s ease;
  padding: 5px;
  border-radius: 10px;
  border: 1px solid transparent;
}

.fancybox-close {
  top: 14px !important;
  right: 14px !important;
  opacity: 0;
}

.fancybox-nav {
  top: 36% !important;
  width: 40px !important;
  height: 40px !important;
}

.fancybox-error p {
  color: #fff;
}
.body-light .fancybox-error {
  background: #fff;
}
.fancybox-error {
  background: #191929 !important;
}
.body-light .fancybox-error p {
  color: #000;
}

.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
}
@media (max-width: 1024px) {
  .close-btn {
    top: 10px;
    right: 10px;
  }
  .fancybox-close {
    top: 3px !important;
    right: 3px !important;
  }
}

.popup-holder .bottom {
  margin-top: 20px;
}

.btc.input-label input {
  margin-top: 10px;
}
.modal-wrapper.second {
  min-width: 500px;
}

.drops-group .selectbox {
  min-width: auto !important;
}


.modal-video-download, .modal-video-download-unlogin, .modal-video-donat-btc, .modal-video-donat-tokens, .modal-video-donat-tokens-confirm {
  display: none;
}

.modal {
  position: fixed;
  left: 50%;
  height: fit-content;
  top: 50%;
  flex-direction: column;
  transform: translate(-50%, -50%);
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7333333333);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 51;
  transition: visibility 0.2s ease, opacity 0.2s ease;
  overflow: hidden;
}

.modal a.close-modal {
  top: 20px;
  right: 20px;
  opacity: 0;
  z-index: 1;
}
@media (max-width: 1024px) {
  .modal a.close-modal {
    top: 10px;
    right: 10px;
  }
  .modal-wrapper.second {
    min-width: none;
    width: 90vw;
  }
  .modal-wrapper{
    width: 90vw;
  }
}

.text-a-link {
  color: #D5224D !important;
  font-size: 18px;
  padding: 0 3px;
  transition: all .3s ease;
  cursor: pointer;
}

@media (min-width: 1025px) {
  .text-a-link:hover {
    color: #6D6D86 !important;
  }
  .pay-method-link:hover {
    border: 1px solid #D5224D;
  }
  .download-btn:hover {
    background: #D5224D;
  }
  .body-light .download-btn:hover {
    background: #D5224D;
  }
  .body-light .download-btn:hover .text {
    color: #fff;
  }
  .no-player .message .submit:hover {
    background: #D5224D;
  }.selectbox option:hover {
    background-color: #112E55 !important;
      color: #FFF !important;
  }
  .selectbox:hover {
    background-color: #D5224D !important;
    color: #fff !important;
  }
  .submit.button.is-dark:hover {
    background-color: #D5224D !important;
  }
  .button.wnite:hover {
    color: #fff;
  }
  .text.white:hover {
    color: #fff !important;
  }
  .creator-link:hover {
    background-color: #112E55;
  }
  .no-player .message a:hover {
    color: #83001f;
  }
  .message-info__text .bottom .btn:hover {
    margin: 0 3px;
    background: #D5224D !important;
    color: #fff !important;
  }
  .pink.selectbox:hover {
    color: #fff !important;
  }
}
.modal-wrapper__button.button {
  margin-top: 20px;
}

.row-login {
  display: flex;
  position: relative;
  align-items: center;
}
.row-login label {
  padding-left: 5px;
}
.row-login .checkbox+label::before, .row-login .checkbox+span::before {
  top: 2px;
}
.row-login input {
  opacity: 0;
}

.missing-mail-link {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  justify-content: center;
  padding: 10px 0;
}


.modal-confirm-buttons {
  display: flex;
}
.modal-confirm-buttons .button {
  margin: 0 10px 0 !important;
}

.filter-open {
  position: fixed;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 15px;
  border-radius: 10px 0 0 10px;
  background-color: #112e55;
  -webkit-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.body-light .filter-open {
  background-color: #ededed;
}

.filter-open svg {
  fill: #fff;
}

.body-light .filter-open svg {
  fill: #414141;
}

.filter-header-categoties {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 365px;
  max-height: var(--app-height);
  width: 100%;
  height: 100%;
  background-color: #191929;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease;
  z-index: 100;
}

.body-light .filter-header-categoties  {
  background-color: #ededed;
}

.filter-wrapper {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.filter-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.filter-head .title {
  line-height: 1;
  margin-bottom: 20px;
}

.body-light .filter-head .title {
  color: #0b0b14;
}

.filter-close .icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}

.body-light .filter-close .icon {
  color: #0b0b14;
}

.filter-body {
  overflow-y: auto;
  max-height: calc(var(--app-height) - 146px);
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.filter-header-categoties .checkbox {
  margin-bottom: 15px;
  width: 50%;
}

.filter-header-categoties.active {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.filter-submit {
  margin: 20px 0;
  width: 100%;
  max-width: none;
  -webkit-transition: color .2s ease,background-color .2s ease 0s!important;
  -o-transition: color .2s ease,background-color .2s ease 0s!important;
  transition: color .2s ease,background-color .2s ease 0s!important;
}

.filter-submit:hover {
  background-color: #d5224d!important;
}

.tags-section {
  -webkit-column-count: 5;
  -moz-column-count: 5;
  column-count: 5;
}
@media (max-width: 1500px) {
  .tags-section {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }
}
@media (max-width: 1024px) {
  .tags-section {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}
@media (max-width: 767px) {
  .tags-section {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (max-width: 411px) {
  .tags-section {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}

.tags-section .item {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.tags-letter {
  font-size: 30px;
  color: #D5224D;
}

.tag-item {
  margin-bottom: 3px;
}

.tags-link {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 10px;
  transition: background-color .2s linear,color .1s linear;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
}
.tags-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tags-number {
  margin-left: 20px;
  font-weight: 400;
  color: #9f92a6;
}
.tags-link:hover {
  background-color: #000;
  color: #fff;
}
.tags-link:hover .tags-number {
  background-color: #000;
  color: #fff;
}

.media-images-wrap {
  display: flex;
  max-width: 1000px;
  padding: 0 10px;
  margin: 20px auto;
}
.media-images-wrap .item {
  width: 25%;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.media-images-wrap .item img {
  width: 100%;
}
.media-images-wrap-second {
  display: flex;
  max-width: 1000px;
  padding: 0 10px;
  margin: 20px auto;
}
.media-images-wrap-second .item {
  width: 33.33%;
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.media-images-wrap-second .item img {
  width: 100%;
}

.user-info__logo i {
  font-size: 30px;
}

.info-popup__logo i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}

.card-body.member i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 50px;
}

.double-btn .button.can-upload {
  border-radius: 10px;
    margin-left: 10px !important;
}
@media (max-width: 1024px) {
  .info-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-left: 10px;
  }
}
@media (max-width: 424px) {
  .double-btn .button.can-upload {
    margin: 10px 0 0 !important;
  }
}

.search-cloud a {
  transition: all .3s ease;
}
.search-cloud a:hover {
  color: #D5224D;
}

.drop__option.js-lang {
  width: 100% !important;
  display: flex;
  justify-content: center;
  padding: 5px !important;
}
.drop__option.js-lang:hover {
  background-color: #D5224D !important;
}
@media (max-width: 1024px) {
  .drop__option.js-lang {
    justify-content: start;
  }
}

.page-error {
  display: flex;
  justify-content: center;
  font-size: 30px;
  color: #D5224D;
}

.item .a_download {
  display: flex;
  margin-bottom: 10px;
  transition: all .3s ease;
}

#list_videos_my_uploaded_videos, #list_albums_my_created_albums, #list_members_my_friends, #list_albums_my_favourite_albums, #list_videos_my_favourite_videos, #list_dvds_my_created_channels {
  margin-top: 75px;
}

.headline {
  margin-bottom: 20px;
  position: relative;
}
.title span {
  color: #D5224D;
  padding-left: 10px;
}

.profile-list .margin-fix {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.profile-list i {
  margin: 0 10px 0 0;
}

.ct-chart-donut .ct-label, .ct-chart-pie .ct-label {
  fill: #D5224D !important;
}

.table-graffics {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.paginate_button {
  color: #fff !important;
  transition: all .3s ease;
  cursor: pointer;
}
.paginate_button.current {
  cursor: default;
}


.pink {
  color: #D5224D !important;
}


.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.icon-filter {
  color: #000;
  font-size: 24px;
}

.modal-link.second {
  margin-left: 30px;
}

.fancybox-skin {
  background: transparent !important;
}

.voters {
  white-space: nowrap;
}

.add-comment__head .toggle-button.button {
  margin-top: 0 !important;
}

.custom .text {
  display: inline-block !important;
  position: relative;
}

.drop__donate .text {
  display: flex !important;
}

.bottom label {
  color: #fff;
}

.body-light .bottom label {
  color: #000;
}

.captcha-control .button {
  margin-top: 10px;
}

.active-burder {
  overflow: hidden;
}

.ct-grid {
  stroke: #D5224D !important;
}
.ct-label.ct-horizontal.ct-end, .ct-label.ct-vertical.ct-start {
  color: #fff;
}

.body-light .ct-grid {
  stroke: #000 !important;
}
.body-light .ct-label.ct-horizontal.ct-end, .body-light .ct-label.ct-vertical.ct-start {
  color: #000;
}

.related-videos, .related-albums {
  width: 100%;
}

.list-sort {
    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 0 2rem;
}

.success {
  color: #fff;
}
.body-light .success {
  color: #000;
}

.floating_upload {
  margin: 0 auto 0 20px;
}

.card-bottom-item {
  display: flex;
  line-height: 1.1;
}
.item .icon-eye, .item .icon-like, .item .icon-date {
  line-height: 1.1;
}

.icon-load {
  color: #fff;
  font-size: 20px;
  margin-right: 10px;
}
.body-light .icon-load {
  color: #000;
}

.load-arr {
  color: #000;
  fill: #000;
  transition: all .3s ease;
}
.body-light .load-arr {
  color: #B3B3B3;
  fill: #B3B3B3;
}
.body-light .download-btn {
  color: #fff;
}


@media (max-width: 767px) {
  .download-btn .text {
    display: none;
  }
  .icon-load {
    margin: 0;
  }
  .download-btn {
    justify-content: center;
    padding: 10px 0;
  }
  .tab-button {
    padding: 10px 0;
  }
  .body-light .button .text {
    font-size: 11px !important;
  }
  .video-full.button .text {
    font-size: 11px !important;
  }
}

.player-title {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .player-title {
    margin-bottom: 10px;
  }
}

.rating-container {
  position: relative;
}
.voters {
  position: absolute;
  top: -22px;
}

.video-buttons-second {
  display: flex;
}
@media (max-width: 1024px) {
  .video-buttons-second {
    flex-wrap: wrap;
  }
}

.is-splash.kt-player .fp-ui:before, .is-poster.kt-player .fp-ui:before, .is-paused.kt-player .fp-ui:before {
  background: url('/static/images/play.svg') center no-repeat !important;
}
@media (max-width: 1024px) {
  .is-splash.kt-player .fp-ui:before, .is-poster.kt-player .fp-ui:before, .is-paused.kt-player .fp-ui:before {
    scale: 0.6;
  }
}

.no-player img {
  width: 100%;
  height: auto;
}

.no-player .message {
  background: #191929;
  padding: 10px;
  border-radius: 10px;
}

.fancybox-error {
  background: #fff;
}

.card-wrapper .button {
  margin: 15px auto 0;
}
.card-wrapper .info-popup__buttons .button {
  margin: 0 10px 0 0;
}
.card-wrapper .button .text {
  z-index: 1;
  color: #fff;
}

.popup-holder .button{
 margin-top: 20px;
}
.five-cards {
  position: relative;
}
.five-cards .message {
  background: #fff;
  opacity: 0.8;
  padding: 10px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.line-error {
  position: absolute;
  color: #D5224D;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #D5224D;
}

.title-trending-models {
  margin-bottom: 20px;
}

#list_albums_recommended_albums {
  margin-top: 20px;
}

.chat {
  margin-top: 30px;
}

.list_members_blog .title {
  margin-bottom: 20px;
}

.field_error {
  color: #D5224D;
}

.g_hidden {
  display: none;
}

.list_members_blog .button {
  max-width: 110px;
  position: relative;
}

.topmost.message_info {
  margin: 10px 0;
}
.hidden-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 100%;
}

.actions.button {
  max-width: 157px;
}

.list_members_blog .bottom {
  display: flex;
  justify-content: end;
}

.list_members_blog {
  margin-top: 30px;
}

#list_members_my_friends+.list_members_blog {
  margin-top: 80px;
}

#models-upload .input-hidden, #categories-upload .input-hidden{
  display: none;
}

.body-light .input-hidden {
  display: inline-flex;
  padding: 6px 20px;
  height: 36px;
  align-items: center;
  color: #6D6D86;
  border-radius: 10px;
  background-color: #ededed;
  transition: background-color .2s ease,color .2s ease;
  font-weight: 500;
  white-space: nowrap;
  margin: 10px 10px 0 0;
}
.input-hidden {
  background: #0B0B14;
}

.input-hidden .icon-close {
  cursor: pointer;
  font-size: 12px;
  margin-left: 10px;
  transition: color .3s ease;
}
.input-hidden .icon-close:hover {
  color: #d5224d;
}

#edit_video_tags {
  margin-bottom: 10px;
}

.tabs-buttons .title a {
  color: #fff;
}

.body-light .tabs-buttons .title a {
  color: #000;
}

.two-sections .title {
  margin-bottom: 30px;
}

.radio-row__input:checked + label {
  color: #fff;
}

.body-light .radio-row__input:checked + label {
  color: #0B0B14;
}

.video-preview .button {
  position: absolute;
  left: 106%;
  bottom: 0px;
}

.video-preview .title {
  position: absolute;
  left: 106%;
  top: 0px;
  white-space: nowrap;
}

.profile-view-wrap .buttons .button {
  background-color: #191929;
}
.profile-view-wrap .buttons .double-btn .button {
  background-color: #D5224D;
}

#list_albums_created_albums, #list_members_friends, #list_members_blog {
  margin-top: 50px;
}

#list_members_friends .member-head {
  display: none;
}

.profile-view-wrap .select .text {
  color: #fff;
}

.profile-view-wrap .select i {
  color: #fff;
}

.body-light .profile-view-wrap .select .text {
  color: #6D6D86;
}

.body-light .profile-view-wrap .select i {
  color: #6D6D86;
}

.profile-view-wrap .select.active .text {
  color: #fff;
}

.field-label {
  color: #6D6D86;
}

.radio-row__input:checked .field-label {
  color: #fff;
}

.body-light .field-label {
  color: #000;
}

.rate-like.voted {
  background-color: #D5224D;
  color: #FFFFFF;
  cursor: default;
}
.rate-dislike.voted {
  background-color: #D5224D;
  color: #FFFFFF;
  cursor: default;
}
.rate-dislike.disabled, .rate-like.disabled {
  background-color: #0B0B14;
  color: #6D6D86;
  cursor: default;
}
.body-light .rate-dislike.disabled, .body-light .rate-like.disabled {
  background-color: #EDEDED;
  color: #6D6D86;
  cursor: default;
}

#list_videos_videos_list_search_result, #list_models_models_list_search_result, #list_albums_albums_list_search_result {
  margin-bottom: 20px;
}
#list_videos_videos_from_my_subscriptions, #list_albums_albums_from_my_subscriptions {
  margin-top: 20px;
}
.search-cloud {
  margin-bottom: 20px;
}

.info-message {
  display: flex;
  align-items: center;
}
.info-message .bottom {
  margin-left: 10px;
}

.subscribe-tokens-modal {
  display: none;
}

.modal-member-subscribe {
  display: flex;
  margin-top: 20px;
}
.modal-member-subscribe .button {
  margin: 0 10px;
}

.no-thumb {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px 15px;
  color: #D5224D;
  border-radius: 20px;
  border: 1px solid #D5224D;
}

#member_profile_view_my_statistics {
  overflow: auto;
}

#upload-categories-album .input-hidden {
  display: none;
}

.load-more {
  margin-left: 10px;
}

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

#list_members_verify_community + #list_members_members .search-drop {
  display: none;
}

#list_members_verify_community + #list_members_members {
  margin-top: 50px;
}

#list_members_my_friends .section-drops {
  display: none;
}

#open-datepicker .icon-date {
  font-size: 19px;
}
#open-datepicker {
  display: flex;
  align-items: center;
  margin: 0 10px 10px 0;
  transition: color .3s ease;
}
#clear-datepicker {
  display: flex;
  align-items: center;
  margin: 0 10px 10px 0;
  transition: color .3s ease;
  cursor: pointer;
}
#clear-datepicker:hover {
  color: #D5224D;
}
#open-datepicker:hover .icon-date {
  color: #D5224D;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #D5224D !important;
  color: #fff !important;
  border-color: #D5224D !important;
}

.flatpickr-calendar {
  box-shadow: none !important;
}
.body-light .flatpickr-calendar {
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08) !important;
}
.flatpickr-calendar.animate.open {
  background: #000 !important;
}
.body-light .flatpickr-calendar.animate.open {
  background: #fff !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month input.cur-year, .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
  color: #fff !important;
  fill: #fff !important;
}
.body-light .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months, .body-light .flatpickr-calendar .flatpickr-current-month input.cur-year, .body-light .flatpickr-calendar .flatpickr-months .flatpickr-prev-month, .body-light .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  color: #000 !important;
  fill: #000 !important;
}
.flatpickr-day {
  color: #6D6D86 !important;
  border-radius: 10px !important;
}
span.flatpickr-weekday {
  color: #6D6D86 !important;
}
.flatpickr-day:hover {
  background: transparent !important;
  border: 1px solid #6D6D86 !important;
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgb(255 255 255 / 90%) !important;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgb(255 255 255 / 90%) !important;
}
.body-light .flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000 !important;
}
.body-light .flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000 !important;
}

.member-head {
  display: flex;
  flex-wrap: wrap;
}
.member-head .drop-menu {
  margin: 0 10px 0 0;
}

.block-flagging {
  position: relative;
}
.block-flagging .generic-error {
  top: 26px;
}
@media (max-width: 767px) {
  .block-flagging .generic-error {
    top: -20px;
  }
}

.tabs-menu ul {
  display: grid;
  grid-gap: 5px;
  grid-auto-flow: column;
  align-items: center;
}
@media (max-width: 1900px) {
  .tabs-menu ul {
    width: 100%;
  }
}

.row {
  position: relative;
}

.bottom-adv {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bottom-adv > div {
  width: 100%;
}

.player-adv {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-direction: column;
  margin: 0 auto;
  padding-top: 10px;
}

.footer-wrap {
  background: #191929;
}
.body-light .footer-wrap {
  background: #fff;
}

#post_date_time {
  margin: 0 10px 10px 0;
  height: 40px;
}

.textfield.tokens_required {
  display: none;
}
.textfield.tokens_required.active {
  display: block;
}

.upload-form-album.uploading .two-sections, .upload-form-album.uploading .bottom {
  display: none;
}

.five-cards.count-zero {
  display: flex !important;
  flex-direction: column;
}

.chat-item {
  position: relative;
}
.chat-item .new {
  display: none;
}
.chat-item.unread .new {
  position: absolute;
  top: 9px;
  left: 23px;
  z-index: 3;
  padding: 2px;
  background: #D5224D;
  color: #fff;
  font-size: 11px;
  border-radius: 5px;
  display: block;
}

.list_members_blog .toggle-button.button {
  max-width: none;
}

.title.video-edit {
  position: static;
  margin: 10px;
}

.screen-flex {
  display: flex;
  align-items: center;
}

.section-title.button.collapse {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

.section-title.button.expand {
  margin-bottom: 10px;
}

.section-title.button .icon-down {
  margin: 0 0 0 16px;
  font-size: 16px;
  transition: transform .2s ease;
}

.edit-img-box {
  position: relative;
  margin-top: 10px;
}
.edit-img-box .checkbox {
  display: none;
}
.edit-img-box .text {
  padding-left: 30px;
}

.section-title.button.collapse .icon-down {
  transform: rotate(-180deg);
}

.list-albums-images {
  margin-bottom: 20px;
}

.section-title.button.collapse .icon-down {
  margin-bottom: 5px;
}

.list-comments .item.hidden {
  opacity: 1;
}

.entry.item.comment.custom.deleted {
  display: none !important;
}

#search_members_only_verify {
  display: none;
}

.row-check {
  margin-left: 10px;
}

.empty-content {
  white-space: nowrap;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
}
.tag-container .tag, .input-category {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  background-color: #0B0B14;
  color: #6D6D86;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  margin: 5px 3px 0 0;
}
.tag-container .tag .icon-close {
  margin-left: 10px;
  font-size: 12px;
  cursor: pointer;
}

.body-light .tag-container .tag, .body-light .input-category {
  background-color: #EDEDED;
    color: #6D6D86;
}

#models-upload .list-selector-popup .input-category {
  display: none;
}

@media (max-width: 890px) {
  #list_albums_my_favourite_albums_items .bottom, #list_albums_my_created_albums_items .bottom {
    grid-column: span 2;
  }

  #list_members_subscriptions_my_subscriptions_items .bottom {
    grid-column: span 2;
  }
  .five-cards .empty-content {
    white-space: normal;
  }
  
}

@media (max-width: 530px) {
  #list_albums_my_favourite_albums_items .bottom {
    grid-column: span 2;
  }
  #list_albums_my_created_albums_items .bottom {
    grid-column: span 2;
  }
}

@media (max-width: 410px) {
  .five-cards.for-vertical {
    grid-template-columns: repeat(1, 1fr);
  }
  #list_albums_my_created_albums_items .bottom {
    grid-column: span 1;
  }
  #list_albums_my_favourite_albums_items .bottom {
    grid-column: span 1;
  }
}

@media (max-width: 1024px) {
  .header-hidden {
    display: none;
  }
  .header-padding {
    padding: 0 !important;
  }
  .member-head .drop-menu {
    margin: 0 10px 10px 0;
  }
  .chat-list .title {
    margin-bottom: 15px;
  }
  #list_members_my_friends+.list_members_blog {
    margin-top: 30px;
  }
  .two-sections .title {
    margin-bottom: 20px;
  }
  .large-text .title {
    margin-bottom: 10px;
  }
  .video-preview .button {
    position: absolute;
    left: 0;
    bottom: -105px;
  }
  .video-preview .title {
    margin-bottom: 20px;
    position: static;
  }
  #list_albums_created_albums, #list_members_friends, #list_members_blog {
    margin-top: 20px;
  }
  .chat {
    margin: 0;
  }
  .profile-view-wrap.buttons-group.drop-menu .option {
    padding: 8px 33px;
  }
  .profile-view-wrap.buttons-group.drop-menu .options {
    left: auto;
    right: auto;
  }
}

@media (max-width: 890px) {
  .five-cards .bottom, .round-cards .bottom, #list_members_my_friends_items .bottom {
    position: static;
    justify-content: end;
    align-items: end;
  }
  .five-cards .bottom .button, .round-cards .bottom .button, #list_members_my_friends_items .bottom .button {
    margin: 0 0 0 10px !important;
    padding: 5px 20px;
  }
  #list_videos_my_uploaded_videos, #list_albums_my_created_albums, #list_members_my_friends, #list_albums_my_favourite_albums, #list_videos_my_favourite_videos, #list_dvds_my_created_channels {
    margin-top: 30px;
  }
  #list_members_my_friends_items .round-cards {
    margin-bottom: 10px;
  }
}

@media (min-width: 1025px) {
  .missing-mail-link:hover {
    color: #D5224D;
  }
  .paginate_button:hover {
    background: #D5224D;
  }
  .pink:hover  {
    color: #760221 !important;
  }
  .item .a_download:hover {
    color: #D5224D;
  }
  .download-btn:hover .icon-load .load-arr {
    color: #D5224D !important;
    fill: #D5224D !important;
   }
  .body-light .download-btn:hover .icon-load {
    color: #fff;
  }
  .tabs-buttons .title:hover a, .body-light .tabs-buttons .title:hover a {
    color: #D5224D;
  }
  .popup-inner:hover .info-popup {
    opacity: 1;
    visibility: visible;
  }
  .popup-inner:hover .border {
    border: 6px solid #D5224D;
  }
  .user-info__column:hover .info-popup {
    opacity: 1;
    visibility: visible;
  }
  
}

.content-cover .no-player {
  overflow: hidden;
}

.card-wrapper .checkbox.second {
  position: static;
}
form .checkbox.second input + label::before {
  position: static !important;
}
.item-control-holder.second {
  display: flex;
  align-items: center;
}
.item-control-holder.second .toggle-button.button {
  margin: 0 0 0 10px;
  height: auto;
  padding: 5px;
  font-size: 12px;
}
.card-info.second {
  margin: 0;
  flex-direction: row;
}
.card-round.second {
  flex-direction: row;
}
.item-control.second {
  justify-content: left;
  padding-top: 10px;
  border-top: 1px solid #414141;
}
.card-wrapper.second {
  background: #000;
  padding: 5px;
  border-radius: 5px;
}
.purchased_info {
  color: #D5224D;
}

.d-flex-screenshots {
  display: flex;
  flex-wrap: wrap;
}

.d-flex-screenshots .item.card {
  width: 225px;
  padding: 5px;
}

.playlist-btn i {
  color: #fff;
  font-size: 14px;
  transition: transform .3s ease;
}
.playlist-btn .icon-list {
  margin-right: 5px;
}
.wrap-btn-playlist {
  position: relative;
}
.wrap-btn-playlist.active {
  background-color: #D5224D;
}
.wrap-btn-playlist.active .icon-down {
  transform: rotate(180deg);
}

.drop-btn-like {
  position: absolute;
  overflow: hidden;
  right: 0;
  top: 110%;
  border-radius: 0 0 15px 15px;
  background-color: #0B0B14;
  z-index: 2;
  display: none;
}
.drop-btn-like.active {
  display: flex;
}

.new-ply {
  white-space: nowrap;
  color: #6D7379;
  padding: 5px;
  display: inline-flex;
  width: 100%; 
  color: #fff;
  transition: background .3s ease;
}
.new-ply:hover {
  background-color: #D5224D;
}
.playlist-btn { 
  display: flex;
}

.btn-favourites {
  display: flex;
}

#edit_playlist_description {
  width: 100%;
  color: #fff;
}

.playlist-label {
  padding-left: 30px;
}

.playlist-radio {
  display: none;
}

.drop-list-btn {
  flex-direction: column;
}

.playlist-list-item {
  display: flex;
}

.playlist-list-item a {
  color: #fff;
  padding: 5px;
  transition: background .3s ease;
}
.playlist-list-item a:hover {
  background-color: #D5224D;
}

.playlist-list-item .delete {
  padding: 0 5px;
  display: flex;
  align-items: center;
}

.video4 {
  width: 100px !important;
  height: 55px !important;
  top: 5px !important;
  left: 5px !important;
  border-radius: 10px;
}

.video3 {
  width: 100px !important;
  height: 55px !important;
  top: 65px !important;
  left: 5px !important;
  border-radius: 10px;
}

.video2 {
  width: 100px !important;
  height: 55px !important;
  top: 125px !important;
  left: 5px !important;
  border-radius: 10px; 
}

.playlist-botton-holder {
  display: flex;
  justify-content: end;
  margin-top: 10px;
}

.playlist-botton-holder .button {
  margin: 0 0 0 10px !important;
}

.row.list-selector.input-label.custom-margin.upload-categories.playlist .label-checkboxes__list {
  grid-template-columns: repeat(3, 1fr);
}

.info.playlist {
  display: flex;
  flex-direction: column-reverse;
}
.info.playlist .item {
  display: flex;
  width: 100%;
}

.smileys-bar {
  display: flex;
  flex-wrap: wrap;
}

.video-preview.edit .card-body.edit {
  padding-bottom: 12.25%;
  width: 26%;
}

@media (max-width: 1024px) {
  .video-preview.edit .card-body.edit {
    padding-bottom: 56.25%;
    width: 100%;
  }
}

.video-preview.edit .card-body.edit .left.edit {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding: 5px;
  border-radius: 10px;
  background: #fff;
}

.video-preview.edit .card-body.edit .right.edit {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 2;
  padding: 5px;
  border-radius: 10px;
  background: #fff;
}

.field-label.channel textarea {
  width: 100% !important;
  color: #fff;
}
.field-label.boxes {
  margin-bottom: 10px;
}

.modal-wrapper .tab-buttons.custom {
  padding: 10px 0;
}

.drop-cards.nine-columns .card-round .card-body.member {
  width: 160px !important;
  height: 160px !important;
}


.upload-album-title {
  order: 2;
  margin-bottom: 20px;
}

.upload-form-album .album-preview {
  display: none;
}

.upload-form-album.uploading {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 30px;
  margin-bottom: 30px;
  background-color: #191929;
  border-radius: 10px;
}

.upload-form-album.uploading .progressbar {
  width: 100%;
}

.upload-form-album.uploading .album-preview {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  min-width: 320px;
  position: relative;
}

.album-preview .title {
  position: absolute;
  left: 106%;
  top: 0px;
  white-space: nowrap;
}

.album-preview .button {
  position: absolute;
  left: 106%;
  bottom: 0px;
}

@media (max-width: 1024px) {
  .upload-form-album.uploading {
    flex-direction: column;
    align-items: start;
  }
  .album-preview .title {
    position: static;
    left: 0;
    margin-bottom: 10px;
  }
  .album-preview .button {
    position: static;
    left: 0;
  }
  .upload-form-album.uploading .album-preview {
    margin-right: 0;
  }
  .upload-form-album.uploading .album-preview .preview {
    max-width: none;
  }
}

.title.album-edit h2 a {
  display: inline-flex;
}