/*payment*/
.paymentPanel {
	padding: 20px 40px 10px 40px;
}
 @-moz-keyframes shakeAnimation {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
12.5% {
-webkit-transform:translateX(-6px) rotateY(-5deg);
-moz-transform:translateX(-6px) rotateY(-5deg);
-ms-transform:translateX(-6px) rotateY(-5deg);
-o-transform:translateX(-6px) rotateY(-5deg);
transform:translateX(-6px) rotateY(-5deg)
}
37.5% {
-webkit-transform:translateX(5px) rotateY(4deg);
-moz-transform:translateX(5px) rotateY(4deg);
-ms-transform:translateX(5px) rotateY(4deg);
-o-transform:translateX(5px) rotateY(4deg);
transform:translateX(5px) rotateY(4deg)
}
62.5% {
-webkit-transform:translateX(-3px) rotateY(-2deg);
-moz-transform:translateX(-3px) rotateY(-2deg);
-ms-transform:translateX(-3px) rotateY(-2deg);
-o-transform:translateX(-3px) rotateY(-2deg);
transform:translateX(-3px) rotateY(-2deg)
}
87.5% {
-webkit-transform:translateX(2px) rotateY(1deg);
-moz-transform:translateX(2px) rotateY(1deg);
-ms-transform:translateX(2px) rotateY(1deg);
-o-transform:translateX(2px) rotateY(1deg);
transform:translateX(2px) rotateY(1deg)
}
100% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes shakeAnimation {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
12.5% {
-webkit-transform:translateX(-6px) rotateY(-5deg);
-moz-transform:translateX(-6px) rotateY(-5deg);
-ms-transform:translateX(-6px) rotateY(-5deg);
-o-transform:translateX(-6px) rotateY(-5deg);
transform:translateX(-6px) rotateY(-5deg)
}
37.5% {
-webkit-transform:translateX(5px) rotateY(4deg);
-moz-transform:translateX(5px) rotateY(4deg);
-ms-transform:translateX(5px) rotateY(4deg);
-o-transform:translateX(5px) rotateY(4deg);
transform:translateX(5px) rotateY(4deg)
}
62.5% {
-webkit-transform:translateX(-3px) rotateY(-2deg);
-moz-transform:translateX(-3px) rotateY(-2deg);
-ms-transform:translateX(-3px) rotateY(-2deg);
-o-transform:translateX(-3px) rotateY(-2deg);
transform:translateX(-3px) rotateY(-2deg)
}
87.5% {
-webkit-transform:translateX(2px) rotateY(1deg);
-moz-transform:translateX(2px) rotateY(1deg);
-ms-transform:translateX(2px) rotateY(1deg);
-o-transform:translateX(2px) rotateY(1deg);
transform:translateX(2px) rotateY(1deg)
}
100% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes shakeAnimation {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
12.5% {
-webkit-transform:translateX(-6px) rotateY(-5deg);
-moz-transform:translateX(-6px) rotateY(-5deg);
-ms-transform:translateX(-6px) rotateY(-5deg);
-o-transform:translateX(-6px) rotateY(-5deg);
transform:translateX(-6px) rotateY(-5deg)
}
37.5% {
-webkit-transform:translateX(5px) rotateY(4deg);
-moz-transform:translateX(5px) rotateY(4deg);
-ms-transform:translateX(5px) rotateY(4deg);
-o-transform:translateX(5px) rotateY(4deg);
transform:translateX(5px) rotateY(4deg)
}
62.5% {
-webkit-transform:translateX(-3px) rotateY(-2deg);
-moz-transform:translateX(-3px) rotateY(-2deg);
-ms-transform:translateX(-3px) rotateY(-2deg);
-o-transform:translateX(-3px) rotateY(-2deg);
transform:translateX(-3px) rotateY(-2deg)
}
87.5% {
-webkit-transform:translateX(2px) rotateY(1deg);
-moz-transform:translateX(2px) rotateY(1deg);
-ms-transform:translateX(2px) rotateY(1deg);
-o-transform:translateX(2px) rotateY(1deg);
transform:translateX(2px) rotateY(1deg)
}
100% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-ms-keyframes shakeAnimation {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
12.5% {
-webkit-transform:translateX(-6px) rotateY(-5deg);
-moz-transform:translateX(-6px) rotateY(-5deg);
-ms-transform:translateX(-6px) rotateY(-5deg);
-o-transform:translateX(-6px) rotateY(-5deg);
transform:translateX(-6px) rotateY(-5deg)
}
37.5% {
-webkit-transform:translateX(5px) rotateY(4deg);
-moz-transform:translateX(5px) rotateY(4deg);
-ms-transform:translateX(5px) rotateY(4deg);
-o-transform:translateX(5px) rotateY(4deg);
transform:translateX(5px) rotateY(4deg)
}
62.5% {
-webkit-transform:translateX(-3px) rotateY(-2deg);
-moz-transform:translateX(-3px) rotateY(-2deg);
-ms-transform:translateX(-3px) rotateY(-2deg);
-o-transform:translateX(-3px) rotateY(-2deg);
transform:translateX(-3px) rotateY(-2deg)
}
87.5% {
-webkit-transform:translateX(2px) rotateY(1deg);
-moz-transform:translateX(2px) rotateY(1deg);
-ms-transform:translateX(2px) rotateY(1deg);
-o-transform:translateX(2px) rotateY(1deg);
transform:translateX(2px) rotateY(1deg)
}
100% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes shakeAnimation {
0% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
12.5% {
-webkit-transform:translateX(-6px) rotateY(-5deg);
-moz-transform:translateX(-6px) rotateY(-5deg);
-ms-transform:translateX(-6px) rotateY(-5deg);
-o-transform:translateX(-6px) rotateY(-5deg);
transform:translateX(-6px) rotateY(-5deg)
}
37.5% {
-webkit-transform:translateX(5px) rotateY(4deg);
-moz-transform:translateX(5px) rotateY(4deg);
-ms-transform:translateX(5px) rotateY(4deg);
-o-transform:translateX(5px) rotateY(4deg);
transform:translateX(5px) rotateY(4deg)
}
62.5% {
-webkit-transform:translateX(-3px) rotateY(-2deg);
-moz-transform:translateX(-3px) rotateY(-2deg);
-ms-transform:translateX(-3px) rotateY(-2deg);
-o-transform:translateX(-3px) rotateY(-2deg);
transform:translateX(-3px) rotateY(-2deg)
}
87.5% {
-webkit-transform:translateX(2px) rotateY(1deg);
-moz-transform:translateX(2px) rotateY(1deg);
-ms-transform:translateX(2px) rotateY(1deg);
-o-transform:translateX(2px) rotateY(1deg);
transform:translateX(2px) rotateY(1deg)
}
100% {
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.shake {
	-webkit-animation-duration:400ms;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:shakeAnimation;
	-moz-animation-duration:400ms;
	-moz-animation-timing-function:ease-in-out;
	-moz-animation-name:shakeAnimation;
}
.paymentPanel input[type="email"]#email, .paymentPanel input[type="tel"]#cardNumber, .paymentPanel input[type="text"]#expires, .paymentPanel input[type="tel"]#cvc {
	background: url(../assets/svg_sprite.png) #444 no-repeat!important;
	background-position: -68px -38px!important;
	background-size: 129px 4073px!important;
	padding-left:52px!important;
	text-align:left;
}
.paymentPanel input[type="text"]#expires, .paymentPanel input[type="tel"]#cvc {
	width: 50%;
	float: left;
	margin-top: -20px;
	font-size: 16px;
	padding-top: 14px;
	padding-bottom: 11px;
}
.paymentPanel input[type="tel"]#cardNumber {
	background-position: -68px -80px!important;
}
.paymentPanel input[type="text"]#expires {
	background-position: -70px -125px!important;
}
.paymentPanel input[type="tel"]#cvc {
	background-position: -68px -171px!important;
}
p.signupNote {
	font-size: 14px!important;
	padding: 0 0 0 0!important;
	color: #999;
	margin-top: -10px;
	font-style:italic;
}
.paymentPanel div.error:last-of-type:before {
	display:none;
}
.payment_types {
	width: 100%;
	height: 54px;
	background: url(../assets/payment_types.png) no-repeat!important;
	background-position: 0px!important;
	background-size: 100% auto!important;
	margin-bottom: 8px;
}
.paymentHeader {
	margin-top: -58px;
	margin-bottom: -5px;
}
.stripeLogo {
	background: url(../assets/outline@2x.png) no-repeat!important;
	background-position: 0px!important;
	background-size: 119px 26px!important;
	width: 119px;
	height: 26px;
	display: block;
	margin: 22px auto -20px auto;
}
.stripeLogo a {
	display:block;
	width: 119px;
	height: 26px;
}
form.custom div.custom.dropdown {
	margin-bottom:32px;
}