/* стили для публичной части портфолио */
/* Мобильный макет: 480 пикс. и меньше. */
.tags {
  padding-bottom: 10px;
  display: block;
}
.tag {
  color: #000;
  font-size: 12px;
  padding: 3px 8px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 2px;
}
.tag:hover {
  border-color: #000000;
  color: #000;
  text-decoration: none;
}
.tag + .tag {
  margin-left: 5px;
}
/* блок список работ */
.portfolio-list {
  width: 100%;
  min-height: 1px;
  box-sizing: border-box;
}
.content_left {
  float: left;
  padding-right: 320px;
}
.sidebar_right {
  float: left;
  margin-left: -300px;
  width: 300px;
}
.base-block {
  position: relative;
  background: #fff;
  color: #303030;
}
.work__thumbnail {
  display: block;
  border: none;
  background: none;
  padding: 4px;
  margin-bottom: 20px;
  width: 100%;
}
.work__thumbnail img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  border: none;
}
.work__caption {
  color: #000;
  text-align: center;
}
.btn-transparent {
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 4px;
  color: #fff;
}
.btn-transparent:hover {
  border-color: #ffffff !important;
  color: #fff !important;
}
.work-view__work {
  padding: 15px;
}
.work-view__work .tags {
  display: block;
  margin-bottom: 15px;
}
/* блок работа */
.work-view-block__description,
.work-view-block_img,
.work-view-block__description div {
  float: left;
}
.work-view-block__description {
  width: 96%;
  margin-left: 2%;
  color: #000;
  text-align: left;
  font-weight: 300;
}
.work-view-block__description div {
  margin-right: 2%;
}
.work-view-block__description div:nth-child(odd) {
  font-weight: 400;
}
.work-view-block__description div:nth-child(even) {
  margin-bottom: 12px;
  margin-right: 4%;
}
.work-view-block_img {
  width: 96%;
  margin-left: 1%;
  margin-right: 1%;
}
.evmi-text {
  width: 96%;
  margin: 0 auto;
}
.evmi-text img {
  display: block;
  width: 100%;
  margin: 20px auto;
}
.evmi-info {
  font-weight: 300;
  font-size: 20px;
  color: #dce2d2;
  margin: 40px 0;
}
h1.evmi-info {
  font-weight: 200;
  font-size: 36px;
  color: #dce2d2;
  margin: 40px 0;
}
/*секция описание проекта без слайдера*/
.work-view-block__description-without-slider {
  width: 96%;
  margin-left: 2%;
  padding-bottom: 30px;
}
.work-view-block__description-without-slider div {
  float: left;
}
.work-view-block__description-without-slider div:nth-child(odd) {
  margin-left: 3%;
  font-weight: 600;
}
.work-view-block__description-without-slider div:nth-child(even) {
  margin-left: 1%;
}
.work-view-block__description-without-slider div:first-child {
  margin-left: 0;
}
/* конец блок работа */
.scrollup {
  position: fixed !important;
  bottom: 10px !important;
  display: block;
  right: 10px;
  width: 30px;
  height: 30px;
  font-size: 24px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
}
.scrollup:hover {
  text-decoration: none;
  color: #fff;
  font-size: 26px;
  left: 1px;
}
/* Макет для планшета: 481–768 пикс. Наследует стили от мобильного макета. */
/* Макет для настольного компьютера: 769–1232 пикс. (максимум). Наследует стили от мобильного макета и макета для планшета. */
@media only screen and (min-width: 769px) {
  .tags {
    width: 56%;
    margin-left: 22%;
  }
  /* блок работа */
  .h1-work {
    width: 56%;
    margin-left: 22%;
  }
  .h1-work:after {
    clear: both;
    width: 100%;
  }
  .work-view-block__description {
    width: 20%;
    margin-left: 1%;
    color: #fff;
    text-align: right;
    font-weight: 300;
  }
  .work-view-block__description div {
    float: none;
    margin-right: 0;
  }
  .work-view-block__description div:nth-child(even) {
    margin-right: 0;
  }
  .work-view-block_img {
    width: 56%;
    margin-left: 1%;
    margin-right: 1%;
  }
  .evmi-text {
    width: 56%;
  }
  /*секция описание проекта без слайдера*/
  .work-view-block__description-without-slider {
    width: 56%;
    margin-left: 22%;
  }
  /* конец блок работа */
}