#fp-payment { position: absolute; top:0; left:0; bottom:0; background:rgba(0,0,0,0.2); right:0; width: 100%; height: 100%; min-width: 100%; min-height: 100%; }
#fp-payment-container { position: absolute; top:0; left:0; bottom:0; background:white; right:0; padding:30px; }
.payment-title { text-align: center; background: #ec0400; border-radius: 0; padding: 10px; display: block; height: 40px; color: white; position: absolute; top: 0; left: 0; right: 0; font-size: 3em !important; }
.payment-title h1 { width:33%; float:left; margin-top: 0; clear: none; font-size: 4vw; }
.payment-footer { text-align: center; background: #ec04001f; border-radius: 20px; padding: 10px; display:block; height:60px; text-align:center; }
.money-put h1 { text-align: center; font-size: 70px; line-height: 100px; }
.p_online_pad { margin-top:20px; }
.p_online_pad .ipt { width:100%; font-size:30px; line-height:50px; clear:both; }
.p_online_pad .ipt .ipt_name:nth-child(1) { width:30%; float:left; line-height: 50px; }
.p_online_pad .ipt .ipt_name:nth-child(2) { width:70%; float:left; line-height: 50px; }
.p_online_pad .cc { width: 100%; line-height: 50px; font-size:30px !important; height: 50px; min-width: 100%; max-width: 100%; }
.payment-button-container { height: 100px; }
/* MANUAL PAYMENT */
.money-pay-container { padding-top: 10px; width: 780px; margin:0 auto; display: block; height: 148px; clear: both; }
.money-pay { font-size: 40px; padding: 25px; background: white; border-radius: 20px; float: left; margin: 20px; border: solid 2px black; width: 150px; text-align: center; }
.money-pay:hover { background: var(--main); border:solid 2px white; color:white !important; }
.manual-change { font-size: 60px; width:1070px; clear:both; margin: 150 auto; text-align:left; display: block; }
#save_manual { position: absolute; bottom: 60; right: 60; font-size: 50px; line-height: 60px; padding: 10px; border-radius: 20px; background: white; border:solid 1px black; }
#save_manual:hover { background: var(--main); border:solid 1px white; color:white !important; }
#clear_manual { position: absolute; bottom: 60; right: 290; font-size: 50px; line-height: 60px; padding: 10px; border-radius: 20px; background: white; border:solid 1px black; }
#clear_manual:hover { background: var(--main); border:solid 1px white; color:white !important; }
.deposit_title { line-height:50px; font-size:20px; width:40%; text-align: right; margin-right:1%; float:left; }
.deposit_input { width:50%; text-align: left; margin-left:1%; float:left; }
.deposit_input input { width:90%; font-size:40px; padding:20px; }
.deposit_pad { padding-top:40px; }
.points_title { line-height:50px; font-size:20px; width:40%; text-align: right; margin-right:1%; float:left; }
.points_input { width:50%; text-align: left; margin-left:1%; float:left; }
.points_input input { width:90%; font-size:40px; padding:20px; }
.points_pad { padding-top:40px; }
.payment-methode-container .deposit-back { position: absolute; bottom: 0; left: 20px; line-height: 30px; width: 100px !important; text-align: center; cursor: pointer; }
.payment-methode-container .deposit-use { position: absolute; bottom: 0; right: 20px; line-height: 30px; text-align: center; width: 100px !important; cursor: pointer; }
.payment-methode-container #freebies-logo { position: absolute; bottom: 30px; height: 20px; position: absolute; padding-left: 50%; margin-left: -40px; }
.payment-methode-container #freebies-logo img { width: 40px; }
.payment-methode-container .cart_count { position: absolute; bottom: 0 ; right: 0  ; margin-right: -30px  ; background: transparent !important; margin-bottom: -15px !important; }
.payment-methode-container.cart-bottom .cart_counter { color: white; padding: 1px 6px 1px 6px; border-radius: 100px; height: 10px; background: #E90402 !important; position: relative; top: -20px; font-size: 10px; left: -10px; }
.cart_count a.bgh-big-button { background-color: transparent !important; }
.cart-bottom .cart_counter { color: white; padding: 1px 6px 1px 6px; border-radius: 100px; height: 10px; background: #E90402 !important; position: relative; top: -20px; font-size: 10px; left: -10px; }
.cart-bottom i { font-size: 23px; }
#fp-cart.force { display: block; z-index: 2000000; background: white !important; padding-top: 0; border-right: solid 1px #dadada; margin-left: 0px !important; }
/*#fp-cart.force.force-hide { margin-left: -100% !important; }*/
#fp-cart.force.force-hide { margin-left: 0% !important; margin-bottom: 88px; border-bottom: • solid 1px • #0a0a0a; }
#fp-cart.force .bgh-footer { display: none !important; }
.payment-holder-button { text-align: center; width: 100%; }
.payment-button-container { overflow-x: scroll; }
@media only screen and (max-width: 760px) {
    #fp-cart.force { width: 85% !important; }
    #fp-cart #bgh-body-cart { width: 100% !important; }
    #fp-cart .bgh-header { width: 100% !important; }
    #fp-cart #bgh-total-cart { width: 100% !important; }
}
@media only screen and (min-width: 992px) {
    #fp-cart.force.force-hide { margin-left: 0% !important; margin-bottom: 88px; border-bottom: • solid 1px • #0a0a0a; }
    #fp-cart.force { width: 25% !important; }
    #fp-cart #bgh-body-cart { width: 100% !important; }
    #fp-cart .bgh-header { width: 100% !important; }
    #fp-cart #bgh-total-cart { width: 100% !important; }
    #fp-cart.force #bgh-total-cart { border-right:none !important; }
 }