/*Credit Card Styling*/

.cc-number {
  padding-right: 39px;
}

.number {
  width: 235px;
  float: left;
  position: relative;
}

div.placeholder, div.type {
  position: absolute;
  bottom: 15px;
  right: 10px;
  width: 32px;
  height: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("img/placeholder.png");
  -webkit-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  pointer-events: none;
}

.number-visa {
  background-repeat: no-repeat;
  background-image: url("img/visa.png")!important;
}

.number-amex {
  background-repeat: no-repeat;
  background-image: url("img/amex.png")!important;
}
.number-mastercard {
  background-repeat: no-repeat;
  background-image: url("img/mastercard.png")!important;
}
.number-discover {
  background-repeat: no-repeat;
  background-image: url("img/discover.png")!important;
}