/* Start:/local/templates/html/components-template/info-box/style.css?17814222131326*/
.info-box {
  display: flex;
  align-items: flex-start;
  flex-basis: 100%;
  margin: 25px 0;
  border-radius: 4px;
  box-shadow: 0 0 6px 0.5px rgba(4, 5, 16, 0.2);
}
.info-box__img-wrap {
  display: flex;
  overflow: hidden;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
  max-width: 540px;
  border-radius: 4px;
}
.info-box__img {
  max-width: 100%;
}
.info-box__body {
  width: 100%;
  padding: 15px 30px;
}
.info-box__body-title {
  display: flex;
  width: auto;
  max-width: 100%;
  margin-bottom: 3px;
  text-transform: uppercase;
  color: #000;
  font-size: 16px;
}
.info-box__body-subtitle {
  margin-bottom: 15px;
  color: rgba(0, 0, 0, 0.502);
  font-size: 14px;
}
.info-box__body-descr {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  -webkit-line-clamp: 2;
}
@media (max-width: 1023px) {
  .info-box {
    flex-direction: column;
  }
  .info-box__img-wrap {
    max-width: 100%;
  }
  .info-box__body-descr {
    -webkit-line-clamp: 3;
  }
}
@media (max-width: 574px) {
  .info-box__body {
    padding: 15px;
  }
}

.img-block {
  margin: 30px auto;
}
.img-block img {
  border-radius: 4px;
  box-shadow: 0 0 6px 0.5px rgba(4, 5, 16, 0.2);
}

/* End */
/* /local/templates/html/components-template/info-box/style.css?17814222131326 */