/* сброс стилей */
@import url(../pages/normalize.css);

/* подключение шрифтов */
@import url(../vendor/fonts/fonts.css);

/* общие стили страницы */
@import url(./podpiska/blocks/page/page.css);

/* cтили header */
@import url(./podpiska/blocks/header/header.css);
@import url(./podpiska/blocks/header/__row/header__row.css);
@import url(./podpiska/blocks/header/__row-logo/header__row-logo.css);

/* cтили main */
@import url(./podpiska/blocks/main/main.css);

/* cтили lead */
@import url(./podpiska/blocks/lead/lead.css);
@import url(./podpiska/blocks/lead/__row/lead__row.css);
@import url(./podpiska/blocks/lead/__title/lead__title.css);
@import url(./podpiska/blocks/lead/__span-accent/lead__span-accent.css);
@import url(./podpiska/blocks/lead/__subtitle/lead__subtitle.css);
@import url(./podpiska/blocks/lead/__image-discount/lead__image-discount.css);
@import url(./podpiska/blocks/lead/__image-statistics/lead__image-statistics.css);

/* cтили tarifs */
@import url(./podpiska/blocks/tarifs/tarifs.css);
@import url(./podpiska/blocks/tarifs/__title/tarifs__title.css);
@import url(./podpiska/blocks/tarifs/__row/tarifs__row.css);
@import url(./podpiska/blocks/tarifs/__wrap/tarifs__wrap.css);

/* cтили tarif */
@import url(./podpiska/blocks/tarif/tarif.css);
@import url(./podpiska/blocks/tarif/__title/tarif__title.css);
@import url(./podpiska/blocks/tarif/__month/tarif__month.css);
@import url(./podpiska/blocks/tarif/__list/tarif__list.css);
@import url(./podpiska/blocks/tarif/__price/tarif__price.css);
@import url(./podpiska/blocks/tarif/__item/tarif__item.css);
@import url(./podpiska/blocks/tarif/__title/_color/tarif_color_green.css);
@import url(./podpiska/blocks/tarif/__title/_color/tarif_color_blue.css);
@import url(./podpiska/blocks/tarif/__month-name/tarif__month-name.css);
@import url(./podpiska/blocks/tarif/_icon/tarif_icon_check-mark.css);
@import url(./podpiska/blocks/tarif/_icon/tarif_icon_diamond.css);
@import url(./podpiska/blocks/tarif/__bottom/tarif__bottom.css);
@import url(./podpiska/blocks/tarif/__top/tarif__top.css);
@import url(./podpiska/blocks/tarif/__old-price/tarif__old-price.css);
@import url(./podpiska/blocks/tarif/_type/tarif_type_premium.css);

/* стили direction */
@import url(./podpiska/blocks/direction/direction.css);
@import url(./podpiska/blocks/direction/__wrap/direction__wrap.css);
@import url(./podpiska/blocks/direction/__title/direction__title.css);

/* стили gallery */
@import url(./podpiska/blocks/gallery/gallery.css);
@import url(./podpiska/blocks/gallery/__main/gallery__main.css);
@import url(./podpiska/blocks/gallery/__film/gallery__film.css);
@import url(./podpiska/blocks/gallery/__slide/gallery__slide.css);
@import url(./podpiska/blocks/gallery/__main-wrap/gallery__main-wrap.css);
@import url(./podpiska/blocks/gallery/__slide-title/gallery__slide-title.css);
@import url(./podpiska/blocks/gallery/__slide-title-wrap/gallery__slide-title-wrap.css);
@import url(./podpiska/blocks/gallery/__text-list/gallery__text-list.css);
@import url(./podpiska/blocks/gallery/__text-item/gallery__text-item.css);
@import url(./podpiska/blocks/gallery/__images/gallery__images.css);

/* стили trigger */
@import url(./podpiska/blocks/trigger/trigger.css);
@import url(./podpiska/blocks/trigger/_direction/trigger_direction_left.css);
@import url(./podpiska/blocks/trigger/_direction/trigger_direction_right.css);
@import url(./podpiska/blocks/trigger/__disabled/trigger__disabled.css);

/* стили service */
@import url(./podpiska/blocks/service/service.css);
@import url(./podpiska/blocks/service/__wrap/service__wrap.css);
@import url(./podpiska/blocks/service/__title/service__title.css);
@import url(./podpiska/blocks/service/__grid-table/service__grid-table.css);
@import url(./podpiska/blocks/service/__item/service__item.css);
@import url(./podpiska/blocks/service/__image/service__image.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_red.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_green.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_pink.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_blue.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_orange.css);
@import url(./podpiska/blocks/service/__image/_color/service__image_color_gray.css);

/* стили footer */
@import url(./podpiska/blocks/footer/footer.css);
@import url(./podpiska/blocks/footer/__title/callback__title.css);
@import url(./podpiska/blocks/footer/_form/callback_form.css);
@import url(./podpiska/blocks/footer/_error/form_error.css);
@import url(./podpiska/blocks/footer/__form-input/callback__form-input.css);
@import url(./podpiska/blocks/footer/__form-input/type/callback__form-input_name.css);
@import url(./podpiska/blocks/footer/__form-input/type/callback__form-input_phone.css);
@import url(./podpiska/blocks/footer/__form-input/type/callback__form-input_email.css);
@import url(./podpiska/blocks/footer/__form-confirm/callback__form-confirm.css);
@import url(./podpiska/blocks/footer/__border/footer__border.css);
@import url(./podpiska/blocks/footer/__row/footer__row.css);
@import url(./podpiska/blocks/footer/__copyright/footer__copyright.css);
@import url(./podpiska/blocks/footer/__copyright-text/footer__copyright-text.css);
@import url(./podpiska/blocks/footer/__copyright-link/footer__copyright-link.css);
@import url(./podpiska/blocks/footer/__contact/footer__contact.css);
@import url(./podpiska/blocks/footer/__contact-text/footer__contact-text.css);
@import url(./podpiska/blocks/footer/__contact-phone/footer__contact-phone.css);
@import url(./podpiska/blocks/footer/__logo-fin-action/footer__logo-fin-action.css);

/* стили кнопок */
@import url(./podpiska/blocks/button/button.css);
@import url(./podpiska/blocks/button/_place/button_place_header.css);
@import url(./podpiska/blocks/button/_place/button_place_tarif-business.css);
@import url(./podpiska/blocks/button/_place/button_place_tarif-premium.css);
@import url(./podpiska/blocks/button/_place/button_place_footer.css);


.header__panel {
  width: 100%;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FFF;
}

@media screen and (max-width: 767px) {
  .header__panel  {
    width: calc(100% - 20px);
    flex-direction: column;
    height: 74px;
    justify-content: flex-start;
  }
}

.header_logo-action {
  max-height: 12px;
  margin: 0 0 0 50px;
  padding: 0;
  display: block;
}

@media screen and (max-width: 767px) {
  .header_logo-action  {
    order: 2;
    margin: 20px 0 0;
  }
}

@media screen and (max-width: 1023px) {
  .footer__row   {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .footer__row   {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.footer__copyright {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
}

@media screen and (max-width: 1023px) {
  .footer__copyright   {
    grid-template-columns: 1fr;
  }
}

.footer__copyright-text {
  grid-column-start: span 2;
}

@media screen and (max-width: 1023px) {
  .footer__copyright-text   {
    grid-column-start: span 1;
  }
}


@media screen and (max-width: 1023px) {
  .tarifs__row   {

    gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .tarifs__row   {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}




.lead__form {
  max-width: calc(100% - 20px);
  background-color: #fff;
  padding: 32px 50px 43px 50px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: 3px;
}


.crmresult {
  display: none;
  margin: auto;
}