.credit-card{width:100%;height:300px;border-radius:31px;background-image:url('/lib/img/creditCardBackground.png');background-repeat:no-repeat;background-color:#eee;background-size:cover;position:relative;overflow:hidden;border:1px solid #ccc}.credit-card input,.credit-card select{width:calc(100% - 40px);background-color:transparent;border-radius:6px;font-size:20px;padding:3px;padding-left:10px;border-width:1px;outline:0;border-color:#fff;color:#000}.credit-card-cardHolder{position:absolute;top:30%;left:20px;width:100%}.credit-card-number{position:absolute;top:45%;left:20px;width:100%}.credit-card-exp{position:absolute;top:70%;left:20px;width:50%}.credit-card-exp input,.credit-card-exp select{width:49%;float:left;margin-right:1%}.credit-card-cvv{position:absolute;top:70%;right:0;width:30%}.credit-card-cvv input{width:calc(100% - 20px) !important}.masterCardLogo{position:absolute;right:30px;width:70px;top:20px}.chipLogo{position:absolute;left:35px;top:25px}.wrong{box-shadow:inset 0 0 2px 1px #ff655a !important;-webkit-box-shadow:inset 0 0 2px 1px #ff655a !important;-ms-box-shadow:inset 0 0 2px 1px #ff655a !important;-moz-box-shadow:inset 0 0 2px 1px #ff655a !important;-o-box-shadow:inset 0 0 2px 1px #ff655a !important;border:1px solid #ff655a !important}.val-valid{box-shadow:inset 0 0 2px 1px #00cfa7 !important;-webkit-box-shadow:inset 0 0 2px 1px #00cfa7 !important;-ms-box-shadow:inset 0 0 2px 1px #00cfa7 !important;-moz-box-shadow:inset 0 0 2px 1px #00cfa7 !important;-o-box-shadow:inset 0 0 2px 1px #00cfa7 !important;border:1px solid #00cfa7 !important}@media(max-width:992px){.credit-card{height:255px !important}.credit-card-cardHolder{top:35% !important}.credit-card-number{top:50% !important}.credit-card-exp,.credit-card-cvv{top:75% !important}.credit-card input,.credit-card select{font-size:15px !important}}@media(max-width:767px){.credit-card{height:300px !important}.credit-card-cardHolder{top:30% !important}.credit-card-number{top:45% !important}.credit-card-exp,.credit-card-cvv{top:75% !important}.credit-card input,.credit-card select{font-size:20px !important}}@media(max-width:567px){.credit-card{height:220px !important}.credit-card-cardHolder{top:37% !important}.credit-card-number{top:53% !important}.credit-card-exp,.credit-card-cvv{top:75% !important}.credit-card input,.credit-card select{font-size:15px !important}}