@import url('https://fonts.googleapis.com/css?family=Open+Sans');

input[disabled] {
  background-color: #e5e5e5;
}

.donation {
  background-image: url("help-bgr.png");
  background-color: #f5f3f0;
  background-position: 0 0;
  background-size: 40px 40px;
  margin-bottom: 55px;
  padding: 10px; }
  .donation * {
    font-family: 'Open Sans', sans-serif!important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .donation input[type="text"],
  .donation input[type="email"] {
    border: 2px solid #e5e5e5;
    height: 50px;
    width: 100%;
    font-size: 17px;
    padding: 0 10px;
    outline: none; }
    .donation input[type="text"][hidden],
    .donation input[type="email"][hidden] {
      display: none; }

label.label {
  display: block;
  color: #666;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: left;
  white-space: normal; }

input[type="text"].donation-error,
input[type="email"].donation-error {
  border-color: #ffa0a0; }

.donation__payments {
  display: none; }
  @media screen and (min-width: 768px) {
    .donation__payments {
      display: block; } }

.donation__content {
  background-color: #f5f3f0;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .donation__content {
      padding: 20px 40px 50px; } }

.donation__thanks {
  text-align: center; }

.donation__thanks-title {
  color: red;
  font-size: 24px;
  margin-bottom: 20px; }

.donation__thanks-share {
  font-size: 18px;
  margin-bottom: 10px; }

.donation__download {
  border-radius: 3px;
  background-color: #2D2E83;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 50px;
  text-decoration: none;
  letter-spacing: 0.7px;
  line-height: 50px;
  overflow: hidden;
  padding: 0 30px;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer; }
  .donation__download:disabled {
    cursor: not-allowed;
    opacity: .6; }
  .donation__download:hover {
    color: #fff;
    background-color: #3a3ba9; }

.donation__title {
  border-bottom: 2px solid #333;
  font-size: 24px;
  letter-spacing: 1.5px;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase; }

.donation-tabs__head {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.donation-tabs__head-item {
  cursor: pointer;
  list-style: none;
  padding: 20px 12px; }
  .donation-tabs__head-item.is-active {
    background-color: #fff; }
  @media screen and (min-width: 768px) {
    .donation-tabs__head-item {
      padding: 24px 30px 20px; } }

.donation-tab__head-name {
  font-size: 14px;
  text-transform: uppercase; }
  .donation-tab__head-name:hover {
    color: #2D2E83; }
  @media screen and (min-width: 768px) {
    .donation-tab__head-name {
      font-size: 19px;
      letter-spacing: 0.95px; } }

.donation-tab__head-subtitle {
  display: none; }
  @media screen and (min-width: 768px) {
    .donation-tab__head-subtitle {
      display: block; } }

.donation-tabs__panels {
  background-color: #fff;
  margin-bottom: 34px;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .donation-tabs__panels {
      padding: 30px; } }

.donation-tabs__panel:after {
  content: "";
  display: table;
  clear: both; }

.donate-online__type {
  margin: 20px 0 25px;
  padding: 4px;
  border-radius: 3px;
  background-color: #edeceb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .donate-online__type > label {
    text-align: center;
    cursor: pointer;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    color: #666; }
    .donate-online__type > label span {
      font-weight: 700;
      padding: 10px;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      border-radius: 3px;
      display: block;
      font-size: 14px;
      height: 40px; }
      @media screen and (min-width: 768px) {
        .donate-online__type > label span {
          font-size: 19px;
          height: 50px; } }
    .donate-online__type > label input:checked ~ span {
      background-color: #2D2E83;
      color: #fff; }

.donation-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .donation-amount {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }

.donation-amount__wrap {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  margin-bottom: 10px; }

.donation-amount__items {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px; }
  @media screen and (min-width: 768px) {
    .donation-amount__items {
      height: 50px; } }

.donation-amount__item {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  text-align: center;
  padding: 10px 5px;
  color: #666;
  display: block;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: inset 0 0px 0 1px #e5e5e5;
          box-shadow: inset 0 0px 0 1px #e5e5e5; }
  @media screen and (min-width: 768px) {
    .donation-amount__item {
      -webkit-box-shadow: inset 1px 0px 0 1px #e5e5e5;
              box-shadow: inset 1px 0px 0 1px #e5e5e5;
      font-size: 17px;
      padding: 10px; } }
  .donation-amount__item.is-active {
    background-color: #2D2E83;
    color: #fff; }

@media screen and (min-width: 768px) {
  .donation-amount__input {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px; } }

.donation-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 25px; }
  @media screen and (min-width: 768px) {
    .donation-data {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; } }
  .donation-data div {
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .donation-data div {
        margin-bottom: 0;
        min-width: 300px;
        margin-right: 20px; } }
  .donation-data button {
    border: 2px solid #2D2E83;
    border-radius: 3px;
    background-color: #2D2E83;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    letter-spacing: 0.7px;
    line-height: 46px;
    overflow: hidden;
    padding: 0 30px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; }
    .donation-data button:disabled {
      cursor: not-allowed;
      opacity: .6; }
    .donation-data button:hover {
      color: #fff;
      background-color: #3a3ba9; }

.donation-data__additional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 20px; }
  .donation-data__additional > div {
    margin-right: 20px;
    max-width: 300px;
    width: 100%; }

.donation-data__additional-col > div {
  margin-bottom: 10px; }

.donation-systems {
  background-color: #fff;
  margin-bottom: 34px;
  padding: 10px; }
  @media screen and (min-width: 768px) {
    .donation-systems {
      padding: 30px; } }

.donation-systems__title {
  font-size: 17px;
  color: #333;
  margin-bottom: 33px; }
  @media screen and (min-width: 768px) {
    .donation-systems__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.donation-systems__back {
  text-transform: uppercase;
  font-size: 14px;
  color: #2D2E83;
  letter-spacing: 0.05em;
  cursor: pointer;
  margin-top: 0; }
  @media screen and (max-width: 768px) {
    .donation-systems__back {
      margin-top: 10px;
      padding: 10px 15px;
      text-align: center;
      border: 1px #2D2E83 solid; } }

.donation-systems__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.donation-systems__item {
  cursor: pointer;
  width: 300px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 3px; }
  @media screen and (max-width: 768px) {
    .donation-systems__item {
      width: 100%;
      margin-right: 0;
      overflow: hidden;
      margin-bottom: 20px; } }

.donation-systems__subtitle {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #d9d9d9;
  background: #f5f3f0;
  font-size: 19px;
  color: #302f2d;
  text-align: center; }

.donation-systems__body {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .donation-systems__body {
      padding: 40px 20px; } }

.donation__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 768px) {
    .donation__columns {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }

.donation__column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  font-size: 17px; }
  @media screen and (max-width: 768px) {
    .donation__column {
      margin-bottom: 20px;
      border-bottom: 1px #eaeaf8 solid; } }
  .donation__column div {
    margin-bottom: 20px; }

@media screen and (min-width: 768px) {
  .donation__transaction-img {
    float: left;
    margin-right: 10px; } }
/*# sourceMappingURL=app.css.map */

.stripe-loader {
  border: 16px solid #c5c4c4;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.stripe-loader-message {

  background-color: white;
}

.loader-wrapper {

  position: fixed;
  left: 45%;
  top: 45%;
  display: none;
}


@keyframes spin {
	to { transform: rotate(1turn); }
}

.loader {
	position: relative;
	display: inline-block;
	width: 5em;
	height: 5em;
	margin: 0 .5em;
	font-size: 12px;
	text-indent: 999em;
	overflow: hidden;
	animation: spin 1s infinite steps(8);
}

.large.loader {
	font-size: 8px;
}

.loader:before,
.loader:after,
.loader > div:before,
.loader > div:after {
	content: '';
	position: absolute;
	top: 0;
	left: 2.25em; /* (container width - part width)/2  */
	width: .5em;
	height: 1.5em;
	border-radius: .2em;
	background: #eee;
	box-shadow: 0 3.5em #eee; /* container height - part height */
	transform-origin: 50% 2.5em; /* container height / 2 */
}

.loader:before {
	background: #555;
}

.loader:after {
	transform: rotate(-45deg);
	background: #777;
}

.loader > div:before {
	transform: rotate(-90deg);
	background: #999;
}

.loader > div:after {
	transform: rotate(-135deg);
	background: #bbb;
}