.footer,
body {
  background: rgb(0, 0, 0) !important;
  color: #fff;
}
.announce__picture-note,
.announce__text {
  color: #fff;
}

.task,
.tab.tab-active,
.credits,
.portfolio-tags {
  background: #2b2b2b !important;
  color: #fff !important;
}

.likes {
  border-color: rgba(255, 255, 255, .13);
}

.task__date {
    background: linear-gradient(to top, #262626, #3b3c37);
    color: #fff;
}

.addthis_button_livejournal img{
opacity: 0 !important;
}
.addthis_table td:last-child{
background: url(/svalka/zhzh.png) top left no-repeat;
}

.announce__separator {
  width: 100%;
}

.announce__separator img {
  max-width: 100%;
  height: auto;
  margin: 5% auto -4%;
  /*margin-bottom: -4%;*/
  display: block;
}

.descr-item .announce__picture-note2 {
  width: 100%;
  height: 3em;
  text-align: center;
  color: #7d7d7d;
  font-style: normal;
}

.descr-item .flavour {
  width: 100%;
  margin-bottom: -15%;
  pointer-events: none;
}

.descr-item .flavour img {
  width: 100%;
  height: auto;
}

.descr-item {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 120px;
  max-width: 30%;
  background: 0 !important;
  border: 0 !important;
}

.switcher .descr-item {
  cursor: pointer;
}

.switcher .descr-item.active {
  cursor: initial;
}

.descr-item span {
  display: inline-block;
  border-bottom: 1px dotted rgba(255, 255, 255,0.3);
  color: #fff;
  padding: 0 .2em;
  pointer-events: none;
  font-style: italic;
}

.descr-item.active span {
  background: #ebebcf;
  border: 0;
  color: #000;
}

.descr {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}

/*
animation
*/
.animation_wrapper {
    background: #000;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

.animation_wrapper .special_block {
    height: 645px;
    position: static !important;
}

.wrapper {
  position: relative;
  overflow: hidden;
  margin: auto;
  height: 645px;
  width: 508px;
  background: black;
}

.animation_wrapper .special_block .block_inner .animation {
    position: absolute;
}




@media(max-width: 400px) {
  .descr-item .announce__picture-note2 { font-size: 12px; }
}

.natural-sprite-mobile,
.klubnika-sprite-mobile {
  display: none !important;
}

@media(max-width: 570px) {
  .animation_wrapper,
  .natural-sprite {
    display: none;
  }

  .natural-sprite-mobile,
  .klubnika-sprite-mobile {
    display: block !important;
  }
}