@font-face {
font-family:ocraregular;
src:url(../fonts/ocra-webfont.eot?#iefix) format(embedded-opentype),url(../fonts/ocra-webfont.woff) format(woff),url(../fonts/ocra-webfont.ttf) format(truetype),url(../fonts/ocra-webfont.svg#ocraregular) format(svg);
font-weight:400;
font-style:normal;
}

.skeuocard.js {
width:24.8em;
height:15.6em;
-webkit-perspective:1000;
-moz-perspective:1000;
-o-perspective:1000;
perspective:1000;
}

.skeuocard.js input[type=number]::-webkit-inner-spin-button,.skeuocard.js input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0;
}

.skeuocard.js .card-body {
-moz-transform:perspective(1000px);
-moz-transform-style:preserve-3d;
position:relative;
}

.skeuocard.js .card-body .face {
-moz-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-backface-visibility:hidden;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-o-transform-style:preserve-3d;
-webkit-transition:0 .25s ease, background-image .25s ease;
-ms-transition:0 .25s ease, background-image .25s ease;
-moz-transition:0 .25s ease, background-image .25s ease;
-o-transition:0 .25s ease, background-image .25s ease;
transition:transform .25s ease, background-image .25s ease;
position:absolute;
top:0;
left:0;
width:24.8em;
height:15.6em;
-webkit-border-radius:1.15em;
border-radius:1.15em;
background-color:#eee;
background-size:cover;
border:1px solid #ddd;
}

.skeuocard.js .card-body .face.front {
-webkit-transform:translate3d(0,0,0);
z-index:2;
}

.skeuocard.js .card-body .face.back {
-webkit-transform:rotateY(-180deg);
-moz-transform:rotateY(-180deg);
-o-transform:rotateY(-180deg);
-ms-transform:rotateY(-180deg);
transform:rotateY(-180deg);
}

.skeuocard.js .card-body.flip .face.back {
-webkit-transform:rotateY(0deg);
-moz-transform:rotateY(0deg);
-o-transform:rotateY(0deg);
-ms-transform:rotateY(0deg);
transform:rotateY(0deg);
}

.skeuocard.js .card-body.flip .face.front {
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
-o-transform:rotateY(180deg);
transform:rotateY(180deg);
}

.skeuocard.js .flip-tab {
position:absolute;
cursor:pointer;
width:13em;
display:block;
background:#666;
height:3.55em;
border-radius:3.55em;
-webkit-border-radius:3.55em;
-ms-border-radius:3.55em;
-moz-border-radius:3.55em;
-o-border-radius:3.55em;
transition:all .25s ease;
-webkit-transition:all .25s ease;
-ms-transition:all .25s ease;
-moz-transition:all .25s ease;
-o-transition:all .25s ease;
}

.skeuocard.js .flip-tab p {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
color:#fff;
font-size:1em;
line-height:1.2em;
margin:.6em;
}

.skeuocard.js .flip-tab p strong {
color:#fff;
font-weight:700;
}

.skeuocard.js .flip-tab.front {
right:-1.25em;
top:1em;
}

.skeuocard.js .flip-tab.front:hover {
right:-1.8em;
}

.skeuocard.js .flip-tab.back {
left:-1.25em;
top:1em;
}

.skeuocard.js .flip-tab.back:hover {
left:-1.8em;
}

.skeuocard.js .flip-tab.prompt {
background:#00cfa7 url(../images/card-valid-anim.gif) no-repeat;
background-size:2.3em 2.3em;
}

.skeuocard.js .flip-tab.prompt.front {
background-position:10.05em .6em;
}

.skeuocard.js .flip-tab.warn {
background:#ff655a url(../images/card-invalid-indicator.png) no-repeat;
background-size:2.3em 2.3em;
}

.skeuocard.js .flip-tab.warn.front {
background-position:10.08em .7em;
}

.skeuocard.js .face.front {
background-color:#eee;
background-image:url(../images/products/generic-front.png),url(../images/card-front-background.png);
background-repeat:no-repeat;
background-size:cover;
}

.skeuocard.js .face.back {
background-color:#eee;
background-image:url(../images/products/generic-back.png);
background-repeat:no-repeat;
background-size:cover;
}

.skeuocard.js .face.valid {
box-shadow:0 0 10px #00cfa7;
-webkit-box-shadow:0 0 10px #00cfa7;
-ms-box-shadow:0 0 10px #00cfa7;
-moz-box-shadow:0 0 10px #00cfa7;
-o-box-shadow:0 0 10px #00cfa7;
}

.skeuocard.js .cc-field input {
border:none;
outline:none;
background-color:rgba(255,255,255,0.6);
border-radius:0;
-webkit-border-radius:0;
-ms-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
box-shadow:inset 1px 1px 1px 1px #ccc;
-webkit-box-shadow:inset 1px 1px 1px 1px #ccc;
-ms-box-shadow:inset 1px 1px 1px 1px #ccc;
-moz-box-shadow:inset 1px 1px 1px 1px #ccc;
-o-box-shadow:inset 1px 1px 1px 1px #ccc;
transition:background-color 300ms ease;
-webkit-transition:background-color 300ms ease;
-ms-transition:background-color 300ms ease;
-moz-transition:background-color 300ms ease;
-o-transition:background-color 300ms ease;
}

.skeuocard.js .cc-field input:focus {
outline:3px auto #0096de;
box-shadow:none;
-webkit-box-shadow:none;
-ms-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
}

.skeuocard.js .cc-field.filled.valid:not(.focus) input {
box-shadow:none;
-webkit-box-shadow:none;
-ms-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
background-color:transparent;
}

.skeuocard.js .cc-field.filled:hover:not(.focus) input {
box-shadow:inset 1px 1px 1px 1px #ccc;
-webkit-box-shadow:inset 1px 1px 1px 1px #ccc;
-ms-box-shadow:inset 1px 1px 1px 1px #ccc;
-moz-box-shadow:inset 1px 1px 1px 1px #ccc;
-o-box-shadow:inset 1px 1px 1px 1px #ccc;
background-color:rgba(255,255,255,0.6);
}

.skeuocard.js .face.filled .cc-field.invalid input {
box-shadow:inset 0 0 2px 1px #ff655a;
-webkit-box-shadow:inset 0 0 2px 1px #ff655a;
-ms-box-shadow:inset 0 0 2px 1px #ff655a;
-moz-box-shadow:inset 0 0 2px 1px #ff655a;
-o-box-shadow:inset 0 0 2px 1px #ff655a;
border:1px solid #ff655a;
}

.skeuocard.js .face.filled .cc-field.invalid input:focus {
box-shadow:none;
-webkit-box-shadow:none;
-ms-box-shadow:none;
-moz-box-shadow:none;
-o-box-shadow:none;
}

.skeuocard.js .cc-number {
position:absolute;
display:block;
left:1.8em;
top:8.05em;
padding:.1em;
}

.skeuocard.js .cc-number input {
color:#333;
font-family:ocraregular,"OCR A Std","OCR A",Courier,"Courier New",monospace;
font-size:1.5em;
}

.skeuocard.js .cc-number input.group4 {
width:3.2em;
}

.skeuocard.js .cc-number input.group5 {
width:3.8em;
}

.skeuocard.js .cc-number input.group6 {
width:4.6em;
}

.skeuocard.js .cc-number input.group19 {
width:14em;
}

.skeuocard.js .cc-number input+input {
margin-left:.4em;
}

.skeuocard.js .cc-exp {
position:absolute;
display:block;
}

.skeuocard.js .cc-exp input,.skeuocard.js .cc-exp .separator {
font-size:1em;
font-family:ocraregular,"OCR A Std","OCR A",Courier,"Courier New",monospace;
color:#333;
text-align:center;
margin:0;
padding:0;
}

.skeuocard.js .cc-exp input.group2,.skeuocard.js .cc-exp .separator.group2 {
width:2em;
}

.skeuocard.js .cc-exp input.group4,.skeuocard.js .cc-exp .separator.group4 {
width:4em;
}

.skeuocard.js .cc-name {
position:absolute;
display:block;
font-size:1em;
font-family:ocraregular,"OCR A Std","OCR A",Courier,"Courier New",monospace;
text-transform:uppercase;
margin:0;
padding:0;
}

.skeuocard.js .cc-cvc {
position:absolute;
display:block;
font-size:1em;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

.skeuocard.js.unaccepted .cc-number input {
outline:none;
box-shadow:0 0 10px #ff655a;
-webkit-box-shadow:0 0 10px #ff655a;
-ms-box-shadow:0 0 10px #ff655a;
-moz-box-shadow:0 0 10px #ff655a;
-o-box-shadow:0 0 10px #ff655a;
transition:box-shadow linear .15s;
-webkit-transition:box-shadow linear .15s;
-ms-transition:box-shadow linear .15s;
-moz-transition:box-shadow linear .15s;
-o-transition:box-shadow linear .15s;
}

.skeuocard.product-visa .face.front {
background-image:url(../images/products/visa-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-visa.issuer-chase-sapphire .face.front {
background-image:url(../images/issuers/visa-chase-sapphire.png);
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-name {
left:1.25em;
top:8.9em;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing:2px;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-number {
left:1.25em;
top:9.6em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-number input {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing:2px;
font-size:1.425em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-number input.group4 {
width:2.8em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-number input+input {
margin-left:.1em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-exp {
left:3.75em;
top:11.5em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-exp input,.skeuocard.product-visa.issuer-chase-sapphire .cc-exp .separator {
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-exp input.group2,.skeuocard.product-visa.issuer-chase-sapphire .cc-exp .separator.group2 {
width:1.6em;
}

.skeuocard.product-visa.issuer-chase-sapphire .cc-cvc {
top:6.3em;
left:15.25em;
}

.skeuocard.product-unionpay .face.front {
background-image:url(../images/products/unionpay-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-amex .face.front {
background-image:url(../images/products/amex-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-amex .cc-number {
left:3em;
top:8em;
}

.skeuocard.product-amex .cc-name {
left:2.5em;
top:13.5em;
}

.skeuocard.product-amex .cc-exp {
left:2.5em;
top:11.5em;
}

.skeuocard.product-amex .cc-cvc {
left:21.25em;
top:7em;
width:3em;
}

.skeuocard.product-dinersclubintl .face.front {
background-image:url(../images/products/dinersclubintl-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-dinersclubintl .cc-name {
left:1.8em;
top:11.5em;
}

.skeuocard.product-dinersclubintl .cc-exp {
left:17.5em;
top:13.5em;
}

.skeuocard.product-mastercard .face.front {
background-image:url(../images/products/mastercard-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-maestro .face.front {
background-image:url(../images/products/maestro-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-discover .face.front {
background-image:url(../images/products/discover-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-discover .cc-exp {
left:13.15em;
top:11.61em;
}

.skeuocard.product-jcb .face.front {
background-image:url(../images/products/jcb-front.png),url(../images/card-front-background.png);
}

.skeuocard.product-jcb .cc-exp {
left:10.65em;
top:11.5em;
}

body:after {
display:none;
content:url("../images/products/visa-back.png") url("../images/products/visa-front.png") url("../images/products/unionpay-front.png") url("../images/products/amex-front.png") url("../images/products/discover-front.png") url("../images/products/mastercard-front.png") url("../images/products/dinersclubintl-front.png") url("../images/products/jcb-front.png");
}

.ua-ie-10 .skeuocard.js .cc-number input ::-ms-clear {
display:none!important;
}

.ua-ie-10 .skeuocard.js .flip-tab {
transition:none;
-webkit-transition:none;
-ms-transition:none;
-moz-transition:none;
-o-transition:none;
}

.ua-firefox .skeuocard.js input:focus,.ua-ie-10 .skeuocard.js input:focus {
outline:none;
box-shadow:0 0 4px #0096de;
-webkit-box-shadow:0 0 4px #0096de;
-ms-box-shadow:0 0 4px #0096de;
-moz-box-shadow:0 0 4px #0096de;
-o-box-shadow:0 0 4px #0096de;
}

.skeuocard.js .flip-tab.prompt.front p,.skeuocard.js .flip-tab.warn.front p {
margin-right:2.9em;
margin-left:1.25em;
margin-top:.6em;
}

.skeuocard.js .flip-tab.prompt.back,.skeuocard.js .flip-tab.warn.back {
background-position:.6em .6em;
}

.skeuocard.js .flip-tab.prompt.back p,.skeuocard.js .flip-tab.warn.back p {
margin-right:1.25em;
margin-left:2.9em;
margin-top:.6em;
}

.skeuocard.card-product .face.front,.skeuocard.product-visa .face.front,.skeuocard.product-unionpay .face.front,.skeuocard.product-amex .face.front,.skeuocard.product-dinersclubintl .face.front,.skeuocard.product-mastercard .face.front,.skeuocard.product-maestro .face.front,.skeuocard.product-discover .face.front,.skeuocard.product-jcb .face.front,.skeuocard.card-product .face.back,.skeuocard.product-visa .face.back,.skeuocard.product-unionpay .face.back,.skeuocard.product-amex .face.back,.skeuocard.product-dinersclubintl .face.back,.skeuocard.product-mastercard .face.back,.skeuocard.product-maestro .face.back,.skeuocard.product-discover .face.back,.skeuocard.product-jcb .face.back {
background-repeat:no-repeat, no-repeat;
background-size:cover, cover;
}

.skeuocard.product-visa .face.back,.skeuocard.product-unionpay .face.back,.skeuocard.product-amex .face.back,.skeuocard.product-dinersclubintl .face.back,.skeuocard.product-mastercard .face.back,.skeuocard.product-maestro .face.back,.skeuocard.product-discover .face.back,.skeuocard.product-jcb .face.back {
background-image:url(../images/products/visa-back.png),url(../images/products/generic-back.png);
}

.skeuocard.product-visa .cc-number,.skeuocard.product-unionpay .cc-number,.skeuocard.product-dinersclubintl .cc-number,.skeuocard.product-mastercard .cc-number,.skeuocard.product-maestro .cc-number,.skeuocard.product-discover .cc-number,.skeuocard.product-jcb .cc-number {
left:1.8em;
top:8.05em;
}

.skeuocard.product-visa .cc-exp,.skeuocard.product-unionpay .cc-exp {
left:10.9em;
top:11.2em;
width:5em;
}

.skeuocard.product-visa .cc-name,.skeuocard.product-unionpay .cc-name {
left:1.8em;
top:13em;
}

.skeuocard.product-visa .cc-cvc,.skeuocard.product-unionpay .cc-cvc,.skeuocard.product-dinersclubintl .cc-cvc,.skeuocard.product-mastercard .cc-cvc,.skeuocard.product-maestro .cc-cvc,.skeuocard.product-discover .cc-cvc,.skeuocard.product-jcb .cc-cvc {
top:7.15em;
left:18.1em;
width:3em;
}

.skeuocard.product-mastercard .cc-name,.skeuocard.product-maestro .cc-name {
left:2.5em;
top:12.2em;
}

.skeuocard.product-mastercard .cc-exp,.skeuocard.product-maestro .cc-exp {
left:11.5em;
top:10.8em;
}

.skeuocard.product-discover .cc-name,.skeuocard.product-jcb .cc-name {
left:1.55em;
top:13.575em;
}

@media screen and -webkit-transform-3d {
.ua-chrome .skeuocard .card-body .face {
-webkit-transition-property:0 opacity;
-webkit-transition-duration:.25s .25s;
-webkit-transition-timing-function:ease-in-out,ease-in-out;
-webkit-transition-delay:0 0;
}

.ua-chrome .skeuocard .card-body .face.back {
opacity:0;
}

.ua-chrome .skeuocard .card-body.flip .face.front {
-webkit-transform:rotateX(0deg) rotateY(-180deg);
opacity:0;
z-index:-1;
}

.ua-chrome .skeuocard .card-body.flip .face.back {
opacity:1;
z-index:2;
}
}