/* Start:/local/templates/html/assets/components-template/mixin__promo/style.css?17618284912095*/
.promo {
  position: relative;
  z-index: 1;
  max-width: 357px;
  display: flex;
  overflow: hidden;
  transition: box-shadow .3s ease;
  border-radius: 4px; }
  @media (min-width: 1024px) {
    .promo {
      cursor: pointer; }
      .promo:hover {
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); } }
  .promo__bg {
    position: relative;
    z-index: 0; }
  .promo__content {
    position: absolute;
    z-index: 2;
    bottom: 32px;
    right: 32px;
    left: 32px;
    width: calc(100% - 64px);
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff; }
    @media (max-width: 1249px) {
      .promo__content {
        bottom: 24px;
        right: 24px;
        left: 24px;
        width: calc(100% - 48px); } }
    @media (max-width: 1099px) {
      .promo__content {
        bottom: 18px;
        right: 18px;
        left: 18px;
        width: calc(100% - 36px); } }
    @media (max-width: 767px) {
      .promo__content {
        bottom: 12px;
        right: 12px;
        left: 12px;
        width: calc(100% - 24px); } }
  .promo__title {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: color .3s ease;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    -webkit-line-clamp: 4; }
    @media (min-width: 1024px) {
      .promo__title {
        cursor: pointer; }
        .promo__title:hover {
          color: #ff0800; } }
    @media (max-width: 1249px) {
      .promo__title {
        font-size: 18px; } }
    @media (max-width: 1099px) {
      .promo__title {
        font-size: 16px; } }
    @media (max-width: 767px) {
      .promo__title {
        font-size: 14px; } }
    @media (max-width: 575px) {
      .promo__title {
        font-size: 12px; } }
  .promo__act {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    @media (max-width: 1099px) {
      .promo__act {
        gap: 8px; } }
    @media (max-width: 575px) {
      .promo__act {
        gap: 4px; } }

/* End */


/* Start:/local/templates/html/assets/components-template/index-promo/style.css?1761828490625*/
.promo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px; }
  @media (max-width: 1249px) {
    .promo-list {
      gap: 18px; } }
  @media (max-width: 575px) {
    .promo-list {
      gap: 12px; } }

.promo-item {
  width: calc(100% / 4 - 18px);
  max-width: 484px; }
  @media (max-width: 1249px) {
    .promo-item {
      width: calc(100% / 4 - 14px); } }
  @media (max-width: 1099px) {
    .promo-item {
      width: calc(100% / 3 - 12px); } }
  @media (max-width: 767px) {
    .promo-item {
      width: calc(100% / 2 - 9px); } }
  @media (max-width: 575px) {
    .promo-item {
      width: calc(100% / 2 - 6px); } }

/* End */


/* Start:/local/templates/html/assets/components-template/block-qw/style.css?17618284901228*/
.block-qw {
  position: relative;
  overflow: hidden;
  padding: 40px 80px;
  border-radius: 4px; }
  @media (max-width: 1099px) {
    .block-qw {
      padding: 40px; } }
  @media (max-width: 575px) {
    .block-qw {
      padding: 24px 16px; } }
  .block-qw__bg {
    position: absolute;
    z-index: -1;
    inset: 0; }
  .block-qw__bg-pic {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .block-qw__bg-pic img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .block-qw__inner {
    max-width: 700px;
    display: flex;
    flex-direction: column; }
  .block-qw__title {
    margin-bottom: 24px;
    font-weight: 600; }
    @media (max-width: 575px) {
      .block-qw__title {
        margin-bottom: 16px;
        line-height: 1.5; } }
  .block-qw__descr {
    margin-bottom: 32px; }
  .block-qw__control {
    display: flex;
    gap: 24px; }
    @media (max-width: 575px) {
      .block-qw__control {
        gap: 12px; } }
    .block-qw__control .btn {
      width: 100%;
      max-width: 190px; }
      @media (max-width: 575px) {
        .block-qw__control .btn {
          width: 50%; } }

/* End */
/* /local/templates/html/assets/components-template/mixin__promo/style.css?17618284912095 */
/* /local/templates/html/assets/components-template/index-promo/style.css?1761828490625 */
/* /local/templates/html/assets/components-template/block-qw/style.css?17618284901228 */