/* Start:/local/templates/roso/components/bitrix/news.list/projects/style.css?1649426192150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/roso/dist/css/projects.css?16539800922274*/
.projects-list {
  margin-top: 32px;
}

.projects-list__item {
  display: block;
}

.projects-list__item + .projects-list__item {
  margin-top: 48px;
}

.project-card__img {
  overflow: hidden;
  height: 57.5vw;
  border-radius: 16px;
  -webkit-box-shadow: 0px 4px 24px rgba(116, 132, 146, 0.2);
  box-shadow: 0px 4px 24px rgba(116, 132, 146, 0.2);
  max-height: 225px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.project-card__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.project-card__name {
  font-style: normal;
  margin-top: 24px;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #211e1e;
}

.bx-no-touch .project-card:hover .project-card__img {
  opacity: 0.7;
}

.bx-no-touch .project-card:hover .project-card__name {
  color: #2481d0;
}

.cloud-mid {
  position: absolute;
  height: 100%;
  z-index: -1;
  width: 100%;
}

.cloud-mid span {
  background: url("/local/templates/roso/dist/css/../../dist/images/images/bg_pattern.png");
  background-size: contain;
  background-position: center left;
  background-repeat: no-repeat;
  display: block;
  height: 1000px;
  width: 100%;
}

.cloud-mid span:nth-child(even) {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media only screen and (min-width: 769px) {
  .projects-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 48px;
  }

  .projects-list__item + .projects-list__item {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 992px) {
  .projects-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    margin-top: 48px;
  }

  .project-card__name {
    font-size: 18px;
    line-height: 32px;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media only screen and (min-width: 1440px) {
  .projects-list {
    grid-column-gap: 40px;
  }

  .project-card__img {
    max-height: 302px;
  }
}
/* End */
/* /local/templates/roso/components/bitrix/news.list/projects/style.css?1649426192150 */
/* /local/templates/roso/dist/css/projects.css?16539800922274 */