.payment_method_getnet-billet p{ text-align:center; }

.payment_method_getnet-billet #wc-getnet-billet-form img{ float:none !important; margin:0 auto; max-height:3em !important; padding-top:5px !important; }

.CardVisual{ margin:0 auto; }

.CardVisual .preload *{ -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important; }

.CardVisual .container{ width:100%; max-width:320px; max-height:251px; height:54vw; margin:15px 0 10px 0; margin-left:auto; margin-right:auto; }

.CardVisual #ccsingle{ position:absolute; right:-10px; top:20px; }

.CardVisual #ccsingle svg{ width:100px; max-height:40px; }

.CardVisual .creditcard svg#cardfront, .CardVisual .creditcard svg#cardback{ width:100%; -webkit-box-shadow:2px 5px 6px 1px #000000ba; box-shadow:2px 5px 6px 1px #000000ba; border-radius:22px; }

.CardVisual #generatecard{ cursor:pointer; float:right; font-size:12px; color:#fff; padding:2px 4px; background-color:#909090; border-radius:4px; cursor:pointer; float:right; }

.CardVisual .creditcard .lightcolor, .CardVisual .creditcard .darkcolor{ -webkit-transition:fill .5s; transition:fill .5s; }

.CardVisual .creditcard .lightblue{ fill:#03A9F4; }

.CardVisual .creditcard .lightbluedark{ fill:#0288D1; }

.CardVisual .creditcard .red{ fill:#ef5350; }

.CardVisual .creditcard .reddark{ fill:#d32f2f; }

.CardVisual .creditcard .purple{ fill:#ab47bc; }

.CardVisual .creditcard .purpledark{ fill:#7b1fa2; }

.CardVisual .creditcard .cyan{ fill:#26c6da; }

.CardVisual .creditcard .cyandark{ fill:#0097a7; }

.CardVisual .creditcard .green{ fill:#66bb6a; }

.CardVisual .creditcard .greendark{ fill:#388e3c; }

.CardVisual .creditcard .lime{ fill:#d4e157; }

.CardVisual .creditcard .limedark{ fill:#afb42b; }

.CardVisual .creditcard .yellow{ fill:#ffeb3b; }

.CardVisual .creditcard .yellowdark{ fill:#f9a825; }

.CardVisual .creditcard .orange{ fill:#ff9800; }

.CardVisual .creditcard .orangedark{ fill:#ef6c00; }

.CardVisual .creditcard .grey{ fill:#bdbdbd; }

.CardVisual .creditcard .greydark{ fill:#898989; }

.CardVisual #svgname{ text-transform:uppercase; }

.CardVisual #cardfront .st2{ fill:#FFFFFF; }

.CardVisual #cardfront .st3{ font-family:'Source Code Pro', monospace; font-weight:600; }

.CardVisual #cardfront .st4{ font-size:54.7817px; }

.CardVisual #cardfront .st5{ font-family:'Source Code Pro', monospace; font-weight:400; }

.CardVisual #cardfront .st6{ font-size:33.1112px; }

.CardVisual #cardfront .st7{ opacity:0.6; fill:#FFFFFF; }

.CardVisual #cardfront .st8{ font-size:24px; }

.CardVisual #cardfront .st9{ font-size:36.5498px; }

.CardVisual #cardfront .st10{ font-family:'Source Code Pro', monospace; font-weight:300; }

.CardVisual #cardfront .st11{ font-size:16.1716px; }

.CardVisual #cardfront .st12{ fill:#4C4C4C; }

.CardVisual #cardback .st0{ fill:none; stroke:#0F0F0F; stroke-miterlimit:10; }

.CardVisual #cardback .st2{ fill:#111111; }

.CardVisual #cardback .st3{ fill:#F2F2F2; }

.CardVisual #cardback .st4{ fill:#D8D2DB; }

.CardVisual #cardback .st5{ fill:#C4C4C4; }

.CardVisual #cardback .st6{ font-family:'Source Code Pro', monospace; font-weight:400; }

.CardVisual #cardback .st7{ font-size:27px; }

.CardVisual #cardback .st8{ opacity:0.6; }

.CardVisual #cardback .st9{ fill:#FFFFFF; }

.CardVisual #cardback .st10{ font-size:24px; }

.CardVisual #cardback .st11{ fill:#EAEAEA; }

.CardVisual #cardback .st12{ font-family:'Rock Salt', cursive; }

.CardVisual #cardback .st13{ font-size:37.769px; }

.CardVisual .container{ -webkit-perspective:1000px; perspective:1000px; }

.CardVisual .creditcard{ width:100%; max-width:400px; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; transition:-webkit-transform 0.6s; -webkit-transition:-webkit-transform 0.6s; transition:transform 0.6s; transition:transform 0.6s, -webkit-transform 0.6s; cursor:pointer; }

.CardVisual .creditcard .front, .CardVisual .creditcard .back{ position:absolute; width:100%; max-width:400px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-font-smoothing:antialiased; color:#47525d; }

.CardVisual .creditcard .back{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }

.CardVisual .creditcard.flipped{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }

.payment_method_getnet-creditcard #getnet-creditcard_number_installments{ -webkit-box-shadow:inset 2px 0 0 #0f834d; box-shadow:inset 2px 0 0 #0f834d; border:1px solid #d2d2d2; padding:.6180469716em; background:transparent; }

.payment_method_getnet-pix p{ text-align:center; }

.payment_method_getnet-pix #wc-getnet-pix-form img{ float:none !important; margin:0 auto; max-height:3em !important; padding-top:5px !important; }

.payment_method_getnet-pix span{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-top:24px; }

.cc-number{ position:relative; }

.cc-number-brand{ position:absolute; right:4%; top:50%; color:#757575; }

#getnet-thankyou{ padding:15px 0px 15px 0px; margin-bottom:1.9em; border:1px solid #cccccc; border-radius:5px; -webkit-box-shadow:2px 2px 10px 2px #cccccc; box-shadow:2px 2px 10px 2px #cccccc; text-align:center; }

#getnet-thankyou .getnet-container fieldset{ background-color:transparent !important; }

#getnet-thankyou .getnet-container fieldset button{ border:1px solid #cccccc; border-radius:5px; }

#getnet-thankyou .getnet-container fieldset #payment-link{ border:1px solid #cccccc; background:#fff; color:#333; border-radius:4px; display:block; margin:20px auto 0 auto; padding:6px; text-align:center; width:170px; font-weight:600; text-decoration:none; }

#getnet-thankyou .getnet-container fieldset #payment-link:hover{ background-color:#e6e6e6; }

#getnet-thankyou .getnet-container fieldset .linecode-container .btn-linecode-number{ border:1px solid #cccccc; background:#fff; color:#333; border-radius:4px; display:block; margin:20px auto 0 auto; padding:6px; text-align:center; width:170px; font-weight:600; text-decoration:none; }

#getnet-thankyou .getnet-container fieldset .linecode-container .btn-linecode-number:hover{ background-color:#e6e6e6; }

#getnet-thankyou .getnet-container .time-to-expire{ color:#ff5656; font-weight:bold; }

#getnet-thankyou .getnet-container .qrcode-pix{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

#getnet-thankyou .getnet-container .qrcode-pix img{ display:unset; }

#getnet-thankyou .getnet-container #qrcode-message.paid{ color:#77b33f; }

#getnet-thankyou .getnet-container #qrcode-message #gif-content img.paid-gif{ width:100%; position:relative; margin:auto; z-index:1; }

#getnet-thankyou .getnet-container #gif-content{ width:250px; height:187px; margin:auto; }

#getnet-thankyou .getnet-container #gif-content::before{ width:78px; height:78px; content:""; background-color:#fff; position:absolute; border-radius:100%; margin-top:55px; margin-left:-39px; }

#getnet-thankyou .getnet-container .getnet-billet-form #linetext{ text-align:center; }

@media (max-width: 768px){ .CardVisual{ margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } }

@media (max-width: 770px){ .CardVisual .container{ max-height:275px; } }

@media (max-width: 520px){ #getnet-thankyou .getnet-container fieldset{ padding:0 2px; } #getnet-thankyou .getnet-container .getnet-billet-form #linetext{ font-size:14px; } #getnet-thankyou .getnet-container .getnet-billet-form #linecode{ font-size:11px; } #getnet-thankyou .getnet-container .payment-link-container p{ font-size:14px; } }