form div.errorDis {
	margin-left: 4%;
}
.insurerName{
	margin-left: 3%;
	color: #9c9c9c;
	font-size: 15px;
}
div.enter-card-wrapper {
	
	margin-left: 5%;
	position:relative;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.shake {
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-duration: .4s;
	-moz-animation-duration: .4s;
	-o-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
div.enter-card {
	position: relative;
	width: 95%;
	max-width: 220px;
	overflow: hidden;
	height: 37px;
	float: left;
	margin: 0;
	padding: 0;
}
div.enter-card-inputs {
	float: left;
	overflow: visible;
	display: inline-block;
	white-space: nowrap;
	position: absolute;
	height: 40px;
	margin: 0;
}
div.enter-card-inputs input {
	display: inline-block;
	white-space: nowrap;
	position: relative;
}
div.enter-card-inputs input.card-error {
	padding:16px 10px;
	border: 2px solid #f01300;
}
@media only screen and (max-width: 750px) {
	.cc-number {
		width: 110px;
	}
	.cc-exp, .cc-cvc {
		width: 40px;
	}

	.cc-exp.margin {
		margin-left: 60px;
	}
	
}
@media only screen and (min-width: 750px) {
	.cc-number {
		width: 130px;
	}
	.cc-exp, .cc-cvc {
		width: 60px;
	}
	
	.cc-exp.margin {
		margin-left: 60px;
	}

}
.card-image {
	background: url("/lib/card/assets/images/money_2X.png") no-repeat scroll 50% 50% #edeff0;
	display: inline-block;
	height: 39px;
	margin: 0px 4px 0 0;
	padding:5px;
	position: relative;
	width: 60px;
	z-index: 2;
	float: left;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	-ms-transition: all 0.25s linear;
	-o-transition: all 0.25s linear;
	transition: all 0.25s linear;
}
.card-image.visa, .card-image.visaelectron {
	background: url(/lib/card/assets/images/visa_2X.png) 50% 50% no-repeat #edeff0;
}
.card-image.amex {
	background: url(/lib/card/assets/images/amex_2X.png) 50% 50% no-repeat #edeff0;
}
.card-image.mastercard {
	background: url(/lib/card/assets/images/mastercard_2X.png) 50% 50% no-repeat #edeff0;
}
.card-image.discover {
	background: url(/lib/card/assets/images/discover_2X.png) 50% 50% no-repeat #edeff0;
}
.card-image.cvv2 {
	background: url(/lib/card/assets/images/cvv_2X.png) 50% 50% no-repeat #edeff0;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}



@-webkit-keyframes shake {
  0%, 100% { -webkit-transform: translateX(0); }
  30%, 60% { -webkit-transform: translateX(-10px); }
  40%, 80% { -webkit-transform: translateX(10px); }
}



@-moz-keyframes shake {
  0%, 100% { -moz-transform: translateX(0); }
  30%, 60% { -moz-transform: translateX(-10px); }
  40%, 80% { -moz-transform: translateX(10px); }
}

@-o-keyframes shake {
  0%, 100% { -o-transform: translateX(0); }
  30%, 60% { -o-transform: translateX(-10px); }
  40%, 80% { -o-transform: translateX(10px); }
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  30%, 60% { transform: translateX(-10px); }
  40%, 80% { transform: translateX(10px); }
}