@font-face {
	font-family: 'ocraregular';
	src: url("../fonts/ocra-webfont.eot");
	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: normal;
	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 {
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-backface-visibility: visible;
			-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: -webkit-transform 0.25s ease, background-image 0.25s ease;
			-ms-transition: -ms-transform 0.25s ease, background-image 0.25s ease;
			-moz-transition: -moz-transform 0.25s ease, background-image 0.25s ease;
			-o-transition: -o-transform 0.25s ease, background-image 0.25s ease;
			transition: transform 0.25s ease, background-image 0.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 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-ms-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease
	 }

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

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

		.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 0.6em}

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

			.skeuocard.js .flip-tab.prompt.back {background-position: 0.6em 0.6em}

				.skeuocard.js .flip-tab.prompt.back p {
					margin-right: 1.25em;
					margin-left: 2.9em;
					margin-top: 0.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 0.7em}

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

			.skeuocard.js .flip-tab.warn.back {background-position: 0.6em 0.6em}

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

	.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: 0px;
		-webkit-border-radius: 0px;
		-ms-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		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 0px 0px 2px 1px #ff655a;
		-webkit-box-shadow: inset 0px 0px 2px 1px #ff655a;
		-ms-box-shadow: inset 0px 0px 2px 1px #ff655a;
		-moz-box-shadow: inset 0px 0px 2px 1px #ff655a;
		-o-box-shadow: inset 0px 0px 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: 0.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: 0.4em}

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

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

		.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 {
		margin: 0;
		padding: 0;
		position: absolute;
		display: block;
		font-size: 1em;
		font-family: "ocraregular","OCR A Std","OCR A",Courier,"Courier New",monospace;
		text-transform: uppercase
	 }

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

	.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 0.15s;
		-webkit-transition: box-shadow linear 0.15s;
		-ms-transition: box-shadow linear 0.15s;
		-moz-transition: box-shadow linear 0.15s;
		-o-transition: box-shadow linear 0.15s
	 }

.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 {background-repeat: no-repeat, no-repeat;background-size:cover, cover}

.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.front {background-image: url("../images/products/visa-front.png"),url("../images/card-front-background.png")}

.skeuocard.product-visa .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-visa .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-visa .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

.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.90em;
	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: 0.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-unionpay .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-unionpay .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-unionpay .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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

.skeuocard.product-amex .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.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 .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-dinersclubintl .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-dinersclubintl .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

/* MasterCard */

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

.skeuocard.product-mastercard .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-mastercard .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-mastercard .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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

.skeuocard.product-mastercard.issuer-danskebank-557447 .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-mastercard.issuer-danskebank-557447 .cc-number {left: 1.8em;top:8.05em}

.skeuocard.product-mastercard.issuer-danskebank-557447 .cc-name {left: 2.5em;top:12.2em}

.skeuocard.product-mastercard.issuer-danskebank-557447 .cc-exp {left: 11.5em;top:10.8em}

.skeuocard.product-mastercard.issuer-danskebank-557447 .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

.skeuocard.product-mastercard.issuer-curvecard-516273 .face.front {background-image: url("../images/issuers/curve-front.png")}

.skeuocard.product-mastercard.issuer-curvecard-516273 .face.back {background-image: url("../images/issuers/curve-back.png")}

	.skeuocard.product-mastercard.issuer-curvecard-516273 .cc-number input {
		color: #C0C0C0;
	 }

.skeuocard.product-mastercard.issuer-curvecard-516273 .cc-number {left: 1.8em;top:8.05em}

.skeuocard.product-mastercard.issuer-curvecard-516273 .cc-name {left: 2.5em;top:12.2em}

.skeuocard.product-mastercard.issuer-curvecard-516273 .cc-exp {left: 11.5em;top:10.8em}

.skeuocard.product-mastercard.issuer-curvecard-516273 .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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

.skeuocard.product-maestro .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-maestro .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-maestro .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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

.skeuocard.product-discover .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-discover .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-discover .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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

.skeuocard.product-jcb .face.back {background-image: url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}

.skeuocard.product-jcb .cc-number {left: 1.8em;top:8.05em}

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

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

.skeuocard.product-jcb .cc-cvc {
	top: 7.15em;
	left: 18.1em;
	width: 3em
 }

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
 }

@media screen and (-webkit-transform-3d: 0) {.ua-chrome .skeuocard .card-body .face}

.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}