.donate-03 button {
  outline: none;
}

/* Title */
.donate-03-title {
  text-align: center;
  margin: 0 0 20px;
}
.donate-03-title h2 {
  margin: 0;
}

/* Toggle */
.donate-03-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.donate-03-toggle button {
  width: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  min-width: 0!important;
  margin: 0;
  background: #fff;
  color: #7bc3e2;
  border: 2px solid #7bc3e2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.donate-03-toggle button:hover,
.donate-03-toggle button.active {
  background-color: #7bc3e2;
  color: #fff;
}

/* Input field */
.donate-03 form#donateinput {
  margin: 7px 0;
}
.donate-03-input {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 0;
}
.donate-03-form-symbol {
  position: absolute;
  top: 7px;
  left: 2px;
  height: 42px;
  width: 47px;
  text-align: center;
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  color: #575b5b;
}
.donate-03-input .form-control {
  padding: 14px 35px;
  margin: 0;
  border: 2px solid #4a4849;
  background-color: #f6f6f6;
  border-radius: 0px;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.5;
  color: #f4369f;
}
.donate-03-currency {
  position: absolute;
  top: 7px;
  right: 2px;
  height: 42px;
  width: 62px;
  text-align: center;
  font-size: 18px;
  line-height: 45px;
  font-weight: bold;
  color: #575b5b;
}

/* Methods */
.donate-03-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.donate-03-method button {
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  width: 49%;
  margin: 0;
  min-width: 0!important;
  background: #fff;
  color: #7bc3e2;
  border: 2px solid #7bc3e2;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.donate-03-method button:hover,
.donate-03-method button.active {
  background-color: #7bc3e2;
  color: #fff;
}
@media (max-width:767px) {
  .donate-03-method button {
    padding: 20px 10px;
  }
}

/* Trigger */
.donate-03-trigger button {
  width: 100%;
}

/* Trigger PaymentSpring */
.donate-03-trigger-btn-bank button#checkout-button {
  display: inline-block!important;
  width: 100%!important;
  background: #7bc3e2!important;
  color: #fff!important;
  border: 1px solid #7bc3e2!important;
  max-width: 100%!important;
}

.spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  height:200px;
  width:200px;
  margin:0px auto;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left:6px solid rgba(0,174,239,.15);
  border-right:6px solid rgba(0,174,239,.15);
  border-bottom:6px solid rgba(0,174,239,.15);
  border-top:6px solid rgba(0,174,239,.8);
  border-radius:100%;
}

@-webkit-keyframes rotation {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
  from {-o-transform: rotate(0deg);}
  to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
  from {transform: rotate(0deg);}
  to {transform: rotate(359deg);}
}