.layerPageMask { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);background: rgba(0,0,0,0.7) ;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;visibility: visible; overflow: scroll;} 

.layerPageMask::-webkit-scrollbar {display: none;}
.layerPageMask {-ms-overflow-style: none;}

.paymentForm {z-index: -1; max-width: 768px; background-color: #fff; margin:0px auto; margin: 0px auto; padding: 50px;  position: relative; box-shadow: 1px 1px 150px #f1f1f1; height: auto}
.paymentForm .closePopup { width: 50px; height: 50px; line-height: 50px; vertical-align: middle; display: block; text-align: center;  position: absolute ; right: 40px;  top: 20px; font-weight: bold; color: #000; cursor: pointer;}
.paymentForm.loading {margin: 0px auto; text-align: center}
.paymentForm p, .paymentForm .row-field {width: 100%; } 
.paymentForm .textfield {width: 100%; padding: 15px;  font-size: 17px; border: 1px solid #dadada} 
/*.paymentForm .row.email {padding-bottom: 30px;}*/
.paymentForm .checkbox  {float: left;  width: 95%  ; padding: 10px 0; }
.paymentForm .checkbox label { display: inline; font-size: 10px ; }
.paymentForm .action {position: relative; height: 50px; margin-top: 25px;}

.paymentForm .payment-btn.active {background-color: #ff1822; color: #fff !important;}
.paymentForm .payment-btn {   border-radius: 0px; padding: 20px;  position: absolute; right: 0px; border: 2px solid #ff1822; color: #ff1822}

.paymentForm .amount {font-size: 45px; padding: 15px 0 }
.paymentForm .amount p strong {color: #ff1822; }
.paymentForm .paymentCheckError span {color: red ;    font-size: 12px; display: block; margin-top: 10px;}
.paymentForm input[type="checkbox"] {display: inline-block; margin-right: 10px;}
.paymentForm .paymentfield {margin-bottom: 20px; padding: 0px 20px;  display: inline-block; }
.paymentoperator {text-align: center}
.paymentForm .row {display: inline-block}
.paymentForm .content {margin: 50px 0 }
.paymentForm .content p {margin: 30px 0; line-height: 20px;;}

.paymentForm .payment-operator { display: block ; padding: 40px 0 }

.pickup-operator a {position: relative !important; min-width: 150px;}
.pickup-operator ul {padding: 0px; margin: 0px; }
.pickup-operator ul li {display: inline-block; width: 50%; text-align: center;}

#paypal-button {text-align: center ;}
.paypal-button-container h3 {text-align: center;padding: 30px 0;}

@media screen and (max-width: 900px) {
    .paymentForm form {margin-top: 30px; }
    .paymentForm div.amount {margin: 30px 0}
}

@media screen and (max-width: 768px) {
    
    .paymentForm {padding: 25px 20px; }
    .paymentForm .amount {font-size: 22px }
    .paymentForm p, .paymentForm div {line-height: 14px;}
    .paymentForm .row.checkbox {padding: 0 20px}
    form[name="payment"] div.row:nth-child(1) { padding: 0 16px }
}

@media screen and (min-width: 640px) {
    .paymentForm .paymentfield {width: 42% !important}
}
@media screen and (max-width: 468px) {
    .paymentForm .paymentfield {width: 100% !important}
    .cf2 .paymentForm .paymentfield,
    .cf1 .paymentForm .paymentfield,
    .cf1 .paymentForm .row-field {width: 80% !important}    
    .pickup-operator ul li {width: 100%; margin: 20px 0 }
}
@media screen and (max-width: 380px) {
    .paymentForm .amount {font-size: 18px ; padding: 10px 0px  ;}    
    
}