.fo-alert__container {
      margin-top: 24px;
      margin-bottom: 24px;
    }

	header ~ .fo-alert__container {
      margin-top: 138px;
      margin-bottom: 0;
    }


    .fo-alert {
      max-width: 952px; 
      width: 100%;
      border-radius: 4px;
      margin: 0 auto;
      padding: 16px 24px;
      display: flex;
      justify-content: space-between;
	  align-items: center;
      font-weight: 500;
      font-size: 20px;
      /*line-height: 108%;*/
      letter-spacing: 0.04em;
    }

    .fo-alert.fo-alert_note {
      background: rgba(242, 100, 34, 0.16);
    }

    .fo-alert.fo-alert_error {
      background: rgba(240, 61, 62, 0.16);
    }

    .fo-alert.fo-alert_success {
      background: #D8F5E3;
    }


    .fo-alert__icon  {
      width: 24px;
      min-width: 24px;
      height: 24px;
    }

    .fo-alert__close {
      cursor: pointer;
    }

    .fo-alert__close  {
      width: 24px;
      min-width: 24px;
      height: auto;
    }

    .fo-alert__text {
      flex-grow: 1;
      padding-left: 16px;
      padding-right: 24px;
    }


    @media (min-width: 1026px) {
      .ld .fo-alert__container ~ article {
        margin-top: 16px;
      }

    }

    @media (min-width: 1001px) {
      body:not(.ld) .fo-alert__container ~ article,
 body:not(.ld) .fo-alert__container ~ .main article 
    {
        margin-top: 16px;
      }


    }

    @media (max-width: 1025px) {
      header ~ .fo-alert__container {
        margin-top: 70px;
        margin-bottom: 0;
      }

      .fo-alert__container ~ article {
        margin-top: 16px !important;
      }

      .ld .fo-alert__container ~ article, body:not(.ld) .fo-alert__container ~ .main article {
        margin-top: 16px !important;
      }
    }

    @media(max-width: 639px) {
      .fo-alert {
        align-items: center;
        font-size: 16px;
        padding: 16px;
		line-height: 108%;
      }

      .fo-alert__text {
        padding-right: 16px;
      }

    }