.description {
  margin-top: 20px;
}
h2.title {
  margin: 0 0 20px;
}
.description .title {
  display: block;
  padding: 0px 8px 0 0;
  margin-bottom: 10px;
  color: #3498db;
}
.content-right {
  background: #ececec;
  padding: 10px 20px;
  border-radius: 4px;
}
.content-right hr {
  background: #f3f3f3;
  height: 1px;
}
.description-text p {
  padding: 6px 20px;
  border-radius: 3px;
}
.description-text p.active,
.description-text p:hover {
  background: #ececec;
}
.preview-player-dimensions {
  max-width: 100%;
}
.preview-work {
  width: 94%;
  margin: 0 auto;
}
.preview-arrow {
/*  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;*/
}
.preview-arrow .prev {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translate(-50%, -50%);
}
.preview-arrow .next {
  position: absolute;
  top: 50%;
  right: -6px;
  transform: translate(-50%, -50%);
}
.preview-arrow .fa {
  font-size: 50px;
}

.home-box .content-right.activity-list>div:first-child {
  height: auto;
  line-height: unset;
  color: #333;
}

.activity-list .description {
  margin-top: 0;
}

.activity-list .description .title {
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

.activity-list .description-text p.active,
.activity-list .description-text p:hover {
  background: rgba(255, 255, 255, 0.44);
}

.activity-desc {
  margin-top: 10px;
  background: #fff;
  padding-top: 10px;
}