.mission__item:not(.active) .mission__date-text {
  color: #fff;
}
.mission__item.date .mission__date {
  transition: opacity 400ms;
}
.mission__item.date .mission__notepad {
  opacity: 0;
}

.mission__item.notepad .mission__date {
  opacity: 0;
}
.mission__item.notepad .mission__notepad {
  opacity: 1;
  transition: opacity 400ms;
}
.mission__notepad-text {
  line-height: 120% !important;
}
.header__nav-link--active::after {
  background-size: 100% 20px !important;
}
.header__nav-link:hover {
  color: var(--accent);
}
a,button {
  transition: .45s;
}
.header__lang-btn:hover {
  opacity: .8;
}
.header__center-inner p {
  text-align: center;
  padding: 15px 0;
  line-height: 145%;
  max-width: 620px;
}
.header__center-inner p em {
  font-family: var(--voronov);
  font-size: 130%;
  font-weight: 700;
}
.lity-image img {
  max-height: 80vh !important;
}
.mission__notepad-text a {
  font-weight:700;
  border-bottom: 1px dotted 
}
.mission__item.date {
  cursor: pointer;
}
button.lity-close {
  background: url(/assets/images/icons/close.png);
  background-size: cover;
  color: transparent;
  width: 50px;
  height: 50px;
  top: 20px;
  right: 20px;
  text-shadow: none;
}
button.lity-close:hover,button.lity-close:focus {
  background: url(/assets/images/icons/close_hov.png);
  background-size: cover;
  color: transparent;
  width: 50px;
  height: 50px;
  top: 20px;
  right: 20px;
  text-shadow: none;
}
.modal-oops__text {
  left: 40px !important;
}
@media all and (min-width: 1201px) {
  .modal-oops__text {
    max-width: 380px !important;
    left: 250px !important;
  }
  .modal-oops__text span {
    max-width: 365px !important;
  }
}
.form__successed {
  margin: auto;
  color: var(--accent);
  text-align: center;
  font-size: 130%;
  line-height: 180%;
}
.upload-progress.text-center {
  margin-left: 5px;
}
@media screen and (max-width: 820px) {
  .mission__notepad-text {
    font-size: 14px !important;
  }
  .mission__notepad {
    padding-left:  25px !important;
  }
}
.header__stress,.header__text-stress {
  top: unset !important;
}
.mission__header-title {
  margin-top: unset !important;
}
.ratio {
  position: relative;
  width: 100%;
  height: 100%;
}
.ratio iframe {
  width: 100%;
  height: 100%;
  --aspect-ratio: 16/9;
  border: 5px solid var(--accent);
} 
.question__item {
  transition: all 1s ease-out;
  max-height: 1000px;
}
.question__item.closed {
  max-height: 0;
  padding-bottom: 0;
}
.question__item .error {
  color: white;
  font-size: 90%;
  position: relative;
  margin-top: -10px;
  display: none;
}
.finish {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hidden {
  display: none;
}
.question__number-num {
  text-shadow: 0px 0px 2px rgb(0 0 0), 0px 0px 2px rgb(0 0 0), 0 0 20px #81e03d !important;
}
.hq__title-main {
  text-shadow: 0px 0px 2px rgb(0 0 0), 0px 0px 2px rgb(0 0 0), 0 0 20px #81e03d !important;
}
input {outline: none;}
input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 100px #000a24 !important;
  -webkit-text-fill-color: #fff !important;
  color: #fff !important;
}

.mood__box-manage__bottom {
 position:  relative;
 z-index: 10;
}
.xmas__title {
  margin-bottom: 0;
}

.swiper-button-prev, .swiper-button-next {
  top: 175px !important;
}
.mood__box-list li {
  border-bottom: 1px dashed #e2e2e2;
  width: 95%;
}
.d-none {
  display: none;
}
button.chatbro_header_button.chatbro_invite_button.chatbro_maximized_invite_button {
  display: none;
}
table.chatbro_header_table tbody tr td:last-child {
  display: none;
}
label.chatbro_open_upload_button {
  display: none !important;
}
.chatbro_send .chatbro_send_input_block .chatbro_send_input_wrapper {
  padding-left: 7px !important;
}
.stream__content-saturn {z-index: 100}

.stream__content-top {
  height:  auto!important;
}
.stream__content-video {
  aspect-ratio: 16 / 9;
  overflow:  hidden;
  margin-right: 0;
}
.stream__content-chat {
  min-height: 453px;
  margin-left: 20px;
}
@media screen and (max-width: 1200px) {
  .stream__content-video {
    height: unset!important;
  }
}
.mood__box-theme.custom {
 padding: 150px 95px !important;
}
@media screen and (max-width: 767px) {
  .mood__box-theme.custom {
    padding: 100px 60px 60px !important;
    height: 417px;
  }
  .mood__box-list li {
    line-height: 150% !important;
  }
/*  .mood__box-theme.custom span.likedislike .like,
  .mood__box-theme.custom span.likedislike {
    float: left !important;
    }*/
  }
  .mood__box-theme.custom .mood__box-theme__inner {
   height: calc(100% - 45px) !important;
 }
 .mood__box-theme.custom .mood__box-theme__inner.mood__box-list li {
  font-size: 15px !important;
}
.mood__box-theme.custom span.likedislike .like{
  display: inline-flex;
}
.mood__box-theme.custom span.likedislike {
  display: inline-flex;
  float: right;
  min-width: 50px;
  padding-left: 10px;
}
.mood__box-theme.custom span.likes-num {
  min-width: 32px;
  padding-left: 7px;
  font-size: 13px;
  font-weight: 600;
}
.mood__box-theme.custom .mood__box-list li {
  font-size: 16px;
}
span.likes-num:before {
    content: "+";
}
a.like:hover > img {
  opacity: .5;
}
.mood__box-theme.custom a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}
.mood__box-theme.custom a[target="_blank"]:hover {
  color: var(--accent);
}
a.like .likes-num {opacity: .5;}

.stream__content-date {
  bottom: 31%!important;
  text-transform: uppercase;
}

@media screen and (max-width: 1200px) {
  .stream__content-chat {
    margin-left: 0!important;
  }
}
