.pf {
     display: inline-block;
     font: normal normal normal 14px/1 PaymentFont;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale
 }
 .pf-amazon:before {
     content: "\f000"
 }
 .pf-american-express:before {
     content: "\f001"
 }
 .pf-american-express-alt:before {
     content: "\f002"
 }
 .pf-atm:before {
     content: "\f003"
 }
 .pf-bankomat:before {
     content: "\f004"
 }
 .pf-bank-transfer:before {
     content: "\f005"
 }
 .pf-bitcoin:before {
     content: "\f006"
 }
 .pf-bitcoin-sign:before {
     content: "\f007"
 }
 .pf-braintree:before {
     content: "\f008"
 }
 .pf-btc:before {
     content: "\f009"
 }
 .pf-card:before {
     content: "\f00a"
 }
 .pf-carta-si:before {
     content: "\f00b"
 }
 .pf-cash:before {
     content: "\f00c"
 }
 .pf-cash-on-delivery:before {
     content: "\f00d"
 }
 .pf-cb:before {
     content: "\f00e"
 }
 .pf-cirrus:before {
     content: "\f00f"
 }
 .pf-cirrus-alt:before {
     content: "\f010"
 }
 .pf-clickandbuy:before {
     content: "\f011"
 }
 .pf-credit-card:before {
     content: "\f012"
 }
 .pf-diners:before {
     content: "\f013"
 }
 .pf-discover:before {
     content: "\f014"
 }
 .pf-ec:before {
     content: "\f015"
 }
 .pf-eps:before {
     content: "\f016"
 }
 .pf-eur:before {
     content: "\f017"
 }
 .pf-facture:before {
     content: "\f018"
 }
 .pf-fattura:before {
     content: "\f019"
 }
 .pf-flattr:before {
     content: "\f01a"
 }
 .pf-giropay:before {
     content: "\f01b"
 }
 .pf-gittip:before, .pf-gratipay:before {
     content: "\f01c"
 }
 .pf-google-wallet:before {
     content: "\f01d"
 }
 .pf-google-wallet-alt:before {
     content: "\f01e"
 }
 .pf-gbp:before {
     content: "\f01f"
 }
 .pf-ideal:before {
     content: "\f020"
 }
 .pf-ils:before {
     content: "\f021"
 }
 .pf-inr:before {
     content: "\f022"
 }
 .pf-invoice:before {

     content: "\f023"
 }
 .pf-invoice-sign:before {
     content: "\f024"
 }
 .pf-invoice-sign-alt:before {
     content: "\f025"
 }
 .pf-invoice-sign-alt-o:before {
     content: "\f026"
 }
 .pf-invoice-sign-o:before {
     content: "\f027"
 }
 .pf-jcb:before {
     content: "\f028"
 }
 .pf-jpy:before {
     content: "\f029"
 }
 .pf-krw:before {
     content: "\f02a"
 }
 .pf-maestro:before {
     content: "\f02b"
 }
 .pf-maestro-alt:before {
     content: "\f02c"
 }
 .pf-mastercard:before {
     content: "\f02d"
 }
 .pf-mastercard-alt:before {
     content: "\f02e"
 }
 .pf-mastercard-securecode:before {
     content: "\f02f"
 }
 .pf-ogone:before {
     content: "\f030"
 }
 .pf-paybox:before {
     content: "\f031"
 }
 .pf-paylife:before {
     content: "\f032"
 }
 .pf-paypal:before {
     content: "\f033"
 }
 .pf-paypal-alt:before {
     content: "\f034"
 }
 .pf-paysafecard:before {
     content: "\f035"
 }
 .pf-postepay:before {
     content: "\f036"
 }
 .pf-quick:before {
     content: "\f037"
 }
 .pf-rechnung:before {
     content: "\f038"
 }
 .pf-ripple:before {
     content: "\f039"
 }
 .pf-rub:before {
     content: "\f03a"
 }
 .pf-skrill:before {
     content: "\f03b"
 }
 .pf-sofort:before {
     content: "\f03c"
 }
 .pf-square:before {
     content: "\f03d"
 }
 .pf-stripe:before {
     content: "\f03e"
 }
 .pf-truste:before {
     content: "\f03f"
 }
 .pf-try:before {
     content: "\f040"
 }
 .pf-unionpay:before {
     content: "\f041"
 }
 .pf-usd:before {
     content: "\f042"
 }
 .pf-verified-by-visa:before {
     content: "\f043"
 }
 .pf-verisign:before {
     content: "\f044"
 }
 .pf-visa:before {
     content: "\f045"
 }
 .pf-visa-electron:before {
     content: "\f046"
 }
 .pf-western-union:before {
     content: "\f047"
 }
 .pf-western-union-alt:before {
     content: "\f048"
 }
 .pf-wirecard:before {
     content: "\f049"
 }
 .pf-sepa:before {
     content: "\f04a"
 }
 .pf-sepa-alt:before {
     content: "\f04b"
 }
 .pf-apple-pay:before {
     content: "\f04c"
 }
 .pf-interac:before {
     content: "\f04d"
 }
 .pf-paymill:before {
     content: "\f04e"
 }
 .pf-dankort:before {
     content: "\f04f"
 }
 .pf-bancontact-mister-cash:before {
     content: "\f050"
 }
 .pf-moip:before {
     content: "\f051"
 }
 .pf-pagseguro:before {
     content: "\f052"
 }
 .pf-cash-on-pickup:before {
     content: "\f053"
 }
 .pf-sage:before {
     content: "\f054"
 }
 .pf-elo:before {
     content: "\f055"
 }
 .pf-elo-alt:before {
     content: "\f056"
 }
 .pf-payu:before {
     content: "\f057"
 }
 .pf-mercado-pago:before {
     content: "\f058"
 }
 .pf-mercado-pago-sign:before {
     content: "\f059"
 }
 .pf-payshop:before {
     content: "\f05a"
 }
 .pf-multibanco:before {
     content: "\f05b"
 }
 .pf-gratipay-sign:before {
     content: "\f05c"
 }
 .pf-six:before {
     content: "\f05d"
 }
 .pf-cashcloud:before {
     content: "\f05e"
 }
 hr {
     border-top: 1px solid var(--default-light)
 }
 label.plan {
     display: inline-block;
     text-align: center
 }
 label.plan > input {
     visibility: hidden;
     position: absolute
 }
 label.plan > input:checked + .button {
     background-color: var(--default-purple);
     color: var(--default-purple-txt);
     border: solid 1px var(--default-purple)
 }
 label.plan + label.plan {
     margin-left: 1rem
 }
 label.plan > .text {
     display: block;
     font-size: 1.2rem
 }
.planSels { display: flex; justify-content: space-between;  }
.planSels .plan { width: 48%; border-radius: 12px;  margin: 15px 0 0 0; }
.textCheck { display: flex!important; justify-content: center; text-align: left; margin-top: 1rem;   }
.textCheck strong { color: #fff; font-size: 1.4em; line-height: 0.8em; position: relative; top: 0.1em; margin-right: 0.2em; }

.form-card .cards { display: flex; align-items: center; justify-content: flex-end; margin-bottom: -15.8px; position: relative; z-index: 2; margin-top: 0px; top: -3px; float: right; }
.form-card .cards img { height :22px!important; margin-left: 2px;  }
.form-card .cvv { position: relative; }
.form-card .cvvInfo { background-color: var(--default-turquoise); color: var(--default-turquoise-text); display: block; position: absolute; right: 0; top: 29px; width: 1.2em; height: 1.2em; line-height: 1.2em; font-size: 14px; font-weight: 500; text-align: center; z-index: 40;  border-radius: 3px; }
.form-card .cvvInfo:hover { background-color: var(--default-turquoise-hover); text-decoration: none;  }
.form-card p { margin-top: 0; }
.form-card p.HfRsm { padding-left: 4px; display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-card p.HfLsm { padding-right: 4px; clear: left; display: block; width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-card .HfRsm + p { clear: left; }
.tos { font-size: 12px; line-height: 1.3em; color: var(--main-text-color); margin-bottom: 1.4rem; }
.tos input { display: inline-block; height: 1.05em; width: 1.05em; vertical-align: top; position: relative; top: 0.07em; margin: 0 2px 0 0; }
@media (max-width: 364px) {
.form-card .cards { top: 0px; }
.form-card .cards img { height: 15.8px!important;}
}
/*cvv info modal
--------------------------------------------------------------*/
.popWrp { clear: left; height: 0; position: relative; font-size: 16px; z-index: 100; width: 100%; order: 3; }
.pop { background: #fff;   max-width: 350px; width: 100%; box-sizing: border-box; left: auto; right: 0;  margin: 30px auto; padding: 20px; position: absolute; border-radius: 13px; font-size: .7em; text-align: center; margin-bottom: 5px; z-index: 2; box-shadow: 0 2px 10px #00000052; top: 80px; opacity: 0; visibility: hidden; transition: all .2s ease;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;  right: 0; left: auto!important; }
.pop.active { opacity: 1; visibility: visible; top: -170px; } 
.pop p { margin-bottom: 10px; color: #6f7583; padding: 0 28px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.pop img { max-width: 70px; display:block; margin: 0 auto;   }
.close_pop { position: absolute; right: 0; top: 0; background: #bbc6cf; display: inline-block; border-radius: 50%; width: 30px; height: 30px; line-height: 30px; color: #fff; margin: 10px; font-weight: 700; transition: all .3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; }
.close_pop:hover { cursor: pointer; opacity: .5 }