.pfa-form--wrap {
    margin: 10px auto 10px;
    padding: 1.5em 1em 1.5em 1em;
    background: #fff;
    border: 1px solid #e7ebee;    
    width: 550px;
    max-width: 100%;
    box-sizing: border-box;
}

.pfa-form--title {
    font-size: 24px;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: bolder;
}

.pfa-form--item-name,
.pfa-form-details {
    text-align: center;
}

.pfa-form--subtitle {
    font-size: 20px;
    margin: 20px 0 10px 0;
    text-align: center;    
}

.pfa-form {
    text-align: center;
    padding: 0;
    margin: 0;
}

.payment-gateways--wrap {
    margin-bottom: 20px;    
}

.payment-gateway--input{
    margin:0 !important;
    padding:0 !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: none;
}

.payment-gateway--input:active +.payment-gateway--icon{opacity: .9;}
.payment-gateway--input:checked +.payment-gateway--icon{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}

.payment-gateway {
    display: inline-block !important;
    width: 130px;
    margin: 0 10px;
    vertical-align: top;
    text-align: center;
}

.payment-gateway .payment-gateway--icon{
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center;
    overflow: hidden;
    display: block;
    width: 110px;
    height: 100px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.1) grayscale(1) opacity(.9);
    -moz-filter: brightness(1.1) grayscale(1) opacity(.9);
    filter: brightness(1.1) grayscale(1) opacity(.9);
    padding: 5px;
    margin: 0 10px 10px;
    box-shadow: 0 1px 0 #006799;
}
.payment-gateway .payment-gateway--icon:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}
/* ## Icons ## */
.payment-gateway.stripe-gateway .payment-gateway--icon{
    background-image: url(../images/stripe.png);
}
.payment-gateway.paypal_standard .payment-gateway--icon{
    background-image: url(../images/paypal.png);
}
.payment-gateway.two_checkout .payment-gateway--icon{
    background-image: url(../images/2co-m.png);
    background-size: 78%;
}
.payment-gateway.mollie_ideal .payment-gateway--icon{
    background-image: url(../images/iDeal.gif);
}
.payment-gateway.mollie_creditcard .payment-gateway--icon{
    background-image: url(../images/credit-card.png);
}
.payment-gateway.mollie_banktransfer .payment-gateway--icon{
    background-image: url(../images/bank-transfer.png);
}
.payment-gateway.mollie_paypal .payment-gateway--icon{
    background-image: url(../images/paypal.png);
}
.payment-gateway.mollie_bitcoin .payment-gateway--icon{
    background-image: url(../images/bitcoin.png);
    background-size: 78%;
}

.payment-gateway.paystack .payment-gateway--icon{
    background-image: url(../gateway-icons/paystack.png);
    background-size: 78%;
}
/* =HIPAY */
.payment-gateway.hipaymobile .payment-gateway--icon{
    background-image: url(../images/HiPay-Mobile.png);
}
.payment-gateway.hipaymobile {
    width: 160px;
}
.payment-gateway.hipaymobile .payment-gateway--icon{
    width: 140px    
}


#pfa-form--buttons .pfa-form--button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 7px 15px;
  text-decoration: none;
  margin: 0;
  cursor: pointer;
  line-height: 1.05;
  border: 0;
}

#pfa-form--buttons .pfa-form--button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}


#pfa-form--preloader {
    display: inline-block;
}
.pfa-form--preloader-icon{
    display: none;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0 10px;
}

.pfa-form.processing .pfa-form--preloader-icon,
.js-pay-for-upload-button.processing .pfa-form--preloader-icon{
    display: inline-block;
}

/* ================= =MODAL */


#modal-widget .pfa-form--wrap {
    white-space: normal;
    background: transparent;
    margin: 0;
    padding: 10px 0 0;
    border: none;
    border-top: 1px solid #e7ebee;
}
#modal-widget .pfa-form--title {
    display: none;
}


#modal-widget .pfa-form--subtitle {
    font-size: 16px;
    margin: 10px 0 5px 0;
}

#modal-widget small {
    font-size: 80%;
}


#modal-widget .payment-gateway {
    width: 110px;
    font-size: 16px;
}

#modal-widget .payment-gateway .payment-gateway--icon{
    width: 90px;
    height: 87px;
}

.pfa-total-price {
    font-size: 20px;
    color: #425768;
    padding: 10px 0;
}