

/* Start:/local/templates/general/css/sdelat-pozhertvovanie.css?175491636716100*/
@charset "UTF-8";
/* Страница Сделать пожертвование */
.button:disabled {
  pointer-events: none; }

.button--invert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  padding: 1.375rem;
  font-size: 1rem;
  line-height: 1rem;
  min-height: 3.75rem;
  font-weight: 500;
  border-radius: 0.375rem;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s; }
  @media (min-width: 768px) {
    .button--invert {
      font-size: 1.125rem;
      line-height: 1.375rem;
      padding: 1.5rem;
      min-height: 4.375rem; } }
  .button--invert:hover, .button--invert:focus {
    background-color: #1fbcee; }
  .button--invert span {
    color: #1fbcee;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
  .button--invert:hover span,
  .button--invert:focus span {
    color: #fff; }

.button--light {
  padding: 0.9375rem 1.875rem;
  font-size: 1.125rem;
  line-height: 1.67;
  background-color: #F4F4F4;
  text-align: center; }
  .button--light:hover, .button--light:focus {
    background-color: #1fbcee; }
  .button--light span {
    color: #1fbcee;
    -webkit-transition: color 0.2s;
    transition: color 0.2s; }
  .button--light:hover span,
  .button--light:focus span {
    color: #fff; }

.button--arrow .stories__more-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .button--arrow .stories__more-text::after {
    content: "";
    width: 24px;
    height: 24px;
    margin-left: 0.75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.4 11.6a1 1 0 0 0-.2-.3l-5-5a1 1 0 1 0-1.4 1.4L18 11H4.5a1 1 0 1 0 0 2h13.6l-3.3 3.3a1 1 0 1 0 1.4 1.4l5-5 .2-.3a1 1 0 0 0 0-.8Z' fill='%23D5D5D5'/%3E%3C/svg%3E");
    background-size: 25px 24px;
    background-position: center;
    background-repeat: no-repeat; }

.button.button--content {
  display: block;
  width: 100%;
  max-width: 360px;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }

.button.button--load {
  position: relative; }

.button.button--load .button__text {
  color: inherit;
  opacity: 1;
  -webkit-transition: opacity .2s ease .2s;
  transition: opacity .2s ease .2s; }

.button.button--load .button__svg {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.button.button--load .button__svg svg {
  width: 36px;
  height: 36px;
  -webkit-transform: scale(1.5);
          transform: scale(1.5); }

.button.button--load.button--load--triggered .button__text {
  opacity: 0;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s; }

.button.button--load.button--load--triggered .button__svg {
  opacity: 1;
  -webkit-transition: opacity .2s ease .2s;
  transition: opacity .2s ease .2s; }

.button.button--blue.button--load:not(.button--load--triggered) {
  background-color: #1fbcee; }

.button.button--border-green {
  color: #24AC6E;
  background-color: #fff;
  border: 1px solid #24AC6E; }
  @media (min-width: 960px) {
    .button.button--border-green {
      -webkit-transition-property: color, background-color, border-color;
      transition-property: color, background-color, border-color;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      -webkit-transition-timing-function: ease;
              transition-timing-function: ease; }
      .button.button--border-green:hover, .button.button--border-green:focus {
        color: #fff;
        background-color: #24AC6E; } }

.button.button--need-help span.button__arc,
.button.button--want-to-help span.button__arc {
  -ms-flex-item-align: stretch;
      align-self: stretch; }

.payment-select::after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 18px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14'%3E%3Cpath stroke='%23363D42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none' d='m2.969 2.973 7.015 7.287 7.015-7.287'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 14px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s; }

.payment-select--active::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.payment-select__item {
  padding-left: 0.375rem; }
  @media (min-width: 768px) {
    .payment-select__item {
      padding-left: 0.75rem; } }

.payment-select__item-svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.3125rem; }
  @media (min-width: 768px) {
    .payment-select__item-svg {
      margin-right: 0.625rem; } }

.payment-select__item-text {
  line-height: normal; }

.donation--donation-page .donation__label span {
  color: #000;
  font-weight: 500; }

@media (min-width: 768px) {
  .donation.donation--donation-page .donation__item--another {
    max-width: calc(50% - 0.625rem); } }

@media (min-width: 768px) {
  .donation.donation--donation-page .donation__item--another:not(:last-child) {
    margin-right: 1.25rem; } }

@media (min-width: 768px) {
  .donation.donation--donation-page .donation__item--another:last-child {
    margin-right: 0; } }

@media (min-width: 1025px) {
  .donation--donation-page .donation__item--another input {
    font-size: 1.125rem; } }

.donation--donation-page .donation__item--another input::-webkit-input-placeholder {
  font-weight: 500; }

.donation--donation-page .donation__item--another input::-moz-placeholder {
  font-weight: 500; }

.donation--donation-page .donation__item--another input:-ms-input-placeholder {
  font-weight: 500; }

.donation--donation-page .donation__item--another input::-ms-input-placeholder {
  font-weight: 500; }

.donation--donation-page .donation__item--another input::placeholder {
  font-weight: 500; }

.donation--donation-page .donation__item--another input:not(:focus)::-webkit-input-placeholder {
  color: #000; }

.donation--donation-page .donation__item--another input:not(:focus)::-moz-placeholder {
  color: #000; }

.donation--donation-page .donation__item--another input:not(:focus):-ms-input-placeholder {
  color: #000; }

.donation--donation-page .donation__item--another input:not(:focus)::-ms-input-placeholder {
  color: #000; }

.donation--donation-page .donation__item--another input:not(:focus)::placeholder {
  color: #000; }

@media (max-width: 767px) {
  .donation.donation--donation-page .donation__item--phone {
    width: 100%;
    max-width: 100%; } }

.donation.donation--donation-page .donation__item--phone input {
  text-align: start;
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

.donation.donation--donation-page .donation__item--phone input::-webkit-input-placeholder {
  text-align: start; }

.donation.donation--donation-page .donation__item--phone input::-moz-placeholder {
  text-align: start; }

.donation.donation--donation-page .donation__item--phone input:-ms-input-placeholder {
  text-align: start; }

.donation.donation--donation-page .donation__item--phone input::-ms-input-placeholder {
  text-align: start; }

.donation.donation--donation-page .donation__item--phone input::placeholder {
  text-align: start; }

.donation--services,
.donation--cards {
  margin-bottom: 0; }

@media (min-width: 1200px) {
  .donation--main .donation__content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }

@media (min-width: 1200px) {
  .donation--main .donation__left-side {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 58%; } }

@media (min-width: 1200px) {
  .donation--main .donation__right-side {
    max-width: 33%; } }

.donation--main .donation__top-side {
  width: 100%; }

.donation--main .donation__top-side .donation__inputs {
  width: 100%; }

.donation--main .donation__top-side .donation__item {
  width: 100%;
  max-width: 100%;
  margin-right: 0; }

@media (min-width: 768px) {
  .donation--main .donation__top-side .donation__item:not(:last-child) {
    margin-right: 1.25rem; } }

.donation--main .donation__top-side .donation__input::-webkit-input-placeholder {
  text-align: start; }

.donation--main .donation__top-side .donation__input::-moz-placeholder {
  text-align: start; }

.donation--main .donation__top-side .donation__input:-ms-input-placeholder {
  text-align: start; }

.donation--main .donation__top-side .donation__input::-ms-input-placeholder {
  text-align: start; }

.donation--main .donation__top-side .donation__input,
.donation--main .donation__top-side .donation__input::placeholder {
  text-align: start; }

.donation--main .donation__top-side .donation__input {
  width: 100%;
  height: 3.125rem;
  background-color: #f4f4f4;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transition: color 0.3s ease,background-color 0.3s ease;
  transition: color 0.3s ease,background-color 0.3s ease; }
  @media (min-width: 768px) {
    .donation--main .donation__top-side .donation__input {
      height: 4.375rem; } }

.donation--main .donation__top-side .donation__input:focus {
  background-color: #24ac6e;
  color: #fff; }

.donation--main .donation__top-side .donation__input:focus::-webkit-input-placeholder {
  color: #fff; }

.donation--main .donation__top-side .donation__input:focus::-moz-placeholder {
  color: #fff; }

.donation--main .donation__top-side .donation__input:focus:-ms-input-placeholder {
  color: #fff; }

.donation--main .donation__top-side .donation__input:focus::-ms-input-placeholder {
  color: #fff; }

.donation--main .donation__top-side .donation__input:focus::placeholder {
  color: #fff; }

.payment-methods__google {
  margin-right: 1.25rem; }

.payment-methods__sber {
  cursor: pointer; }

@media (max-width: 1024px) {
  .payment-methods--donation-page {
    margin-bottom: 2rem; } }

@media (max-width: 1024px) {
  .payment-methods--donation-page .payment-methods__title {
    text-align: left; } }

.payment-methods--donation-page .payment-methods__images {
  height: auto; }
  @media (max-width: 1024px) {
    .payment-methods--donation-page .payment-methods__images {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }

.label-info {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }

.label-info__text {
  margin-right: 10px; }

.label-info__icon {
  position: relative;
  display: inline-block;
  top: -9px;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #bfbfbf;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12'%3E%3Cpath fill-rule='evenodd' fill='%234C4C4C' d='M2.999 10.76h2v1.235h-2V10.76Zm2-2.123h-2c0-3.119 3-2.879 3-4.798 0-1.055-.009-1.919-2-1.919-1.1 0-2 .864-2 1.919H0C0 1.719 1.789.1 3.999.1s4 1.619 4 3.739c0 2.399-3 2.639-3 4.798Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 12px;
  cursor: pointer; }

.label-info__popup {
  display: none;
  position: absolute;
  bottom: calc(100% + 20px);
  width: 285px;
  padding: 20px;
  border-radius: 6px;
  font-size: 15px;
  line-height: 22px;
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.24);
          box-shadow: 0px 6px 40px 0px rgba(0, 0, 0, 0.24);
  z-index: 1; }
  @media (max-width: 767px) {
    .label-info__popup {
      left: 0;
      right: 0; } }
  @media (min-width: 768px) {
    .label-info__popup {
      right: -50px; } }
  .label-info--opened .label-info__popup {
    display: block; }

.label-info__link {
  color: #1fbcee; }

.donation-options__item:not(:last-child) {
  margin-bottom: 1.125rem; }

.donation-options__label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.user-data__inputs--collapse {
  margin-top: 1.25rem;
  margin-bottom: 0; }

.user-data__inputs--collapse .user-data__inputs-row {
  margin-bottom: 0; }

.user-data__inputs--hidden {
  display: none; }

@media (max-width: 767px) {
  .user-data--collapsed .user-data__button {
    margin-top: 1.875rem; } }

@media (min-width: 768px) {
  .user-data--collapsed .user-data__button {
    margin-top: 2.5rem; } }

.user-data__input {
  color: #000; }
  .user-data__input::-webkit-input-placeholder {
    color: #000; }
  .user-data__input::-moz-placeholder {
    color: #000; }
  .user-data__input:-ms-input-placeholder {
    color: #000; }
  .user-data__input::-ms-input-placeholder {
    color: #000; }
  .user-data__input::placeholder {
    color: #000; }

.user-data__oferta {
  margin-top: 1.125rem;
  color: #9b9b9b; }

.user-data__policy-text {
  margin-top: 1.125rem;
  color: #c2c4c6; }
  @media (max-width: 767px) {
    .user-data__policy-text {
      font-size: 0.8125rem;
      line-height: 1.0625rem; } }
  @media (min-width: 768px) {
    .user-data__policy-text {
      font-size: 0.875rem;
      line-height: 1.125rem; } }

.user-data__policy-text--asterisk {
  position: relative;
  padding-left: 1.75rem; }

.user-data__policy-text--asterisk::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.5rem; }

.user-data__policy-link {
  color: #1fbcee; }

.user-data__submits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin-top: 1.125rem;
  margin-bottom: 1.125rem; }
  .user-data__submits > button.button {
    margin: 0; }
  @media (min-width: 768px) {
    .user-data__submits {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      gap: 1.25rem;
      margin-top: 1.5rem;
      margin-bottom: 1.5rem; }
      .user-data__submits > button.button {
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; } }

.content-left__button {
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem; }

.tile,
.tile * {
    font-family: 'Roboto', sans-serif;
    margin: 0 !important;
    padding: 0;
    box-sizing: border-box;
}

.tile {
    padding: 1.5rem !important;
    display: grid;
    row-gap: .5rem;

    background-color: #1AAC6E26;
    color: #353D42;
    border-radius: .5rem;

    line-height: 1.5;
}

.tile__header {
    display: flex;
    align-items: center;
    column-gap: 1rem;
}
.tile__header svg {
    flex-shrink: 0;
}
.tile__title {
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}
.tile__body {
    font-weight: 300;
    text-align: left;
}

@media (max-width: 978px) {
    .tile {
        padding-left: .75rem;
        margin-left: -.75rem;
    }
}

/* End */
/* /local/templates/general/css/sdelat-pozhertvovanie.css?175491636716100 */
