form #CardNumber {
    background-image: url('../Images/creditCardIcons.png'),url('../Images/creditCardIcons.png');
    /*background-position: 2px -121px,260px -61px;*/
    background-position: 8px -115px,100% -31px;
    background-size: 120px 571px,120px 571px;
    background-repeat: no-repeat;
    padding-left: 60px!important;
    width: 100%;
    height: 56px;
    background-color: #fff;
    border: 1px solid #000;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form #CardNumber.visa{
    /*background-position:2px -163px,260px -61px*/
    background-position:8px -156px,100% -31px;
}
form #CardNumber.visa_electron{
    /*background-position:2px -205px,260px -61px*/
    background-position:8px -198px,100% -31px;
}
form #CardNumber.mastercard{
    /*background-position:2px -247px,260px -61px*/
    background-position:8px -240px,100% -31px;
}
form #CardNumber.maestro{
    /*background-position:2px -289px,260px -61px*/
    background-position:8px -282px,100% -31px;
}
form #CardNumber.discover{
    /*background-position:2px -331px,260px -61px*/
    background-position:8px -324px,100% -31px;
}
form #CardNumber.amex{
    /*background-position:2px -373px,260px -61px*/
    background-position:8px -368px,100% -31px;
}
form #CardNumber.jcb{
    /*background-position:2px -415px,260px -61px*/
    background-position:8px -408px,100% -31px;
}
form #CardNumber.diners_club_carte_blanche{
    /*background-position:2px -457px,260px -61px*/
    background-position:8px -450px,100% -31px;
}
form #CardNumber.diners_club_international {
    /*background-position: 2px -499px,260px -61px;*/
    background-position:8px -492px,100% -31px;
}
form #CardNumber.laser{
    /*background-position:2px -541px,260px -61px*/
    background-position:8px -534px,100% -31px;
}
form #CardNumber.valid.visa{
        background-position:8px -156px,100% -72px;
}
form #CardNumber.valid.visa_electron{
        background-position:8px -198px,100% -72px;
}
form #CardNumber.valid.mastercard{
       background-position:8px -240px,100% -72px;
}
form #CardNumber.valid.maestro{
        background-position:8px -282px,100% -72px;
}
form #CardNumber.valid.discover{
        background-position:8px -324px,100% -72px;
}
form #CardNumber.valid.amex{
        background-position:8px -368px,100% -72px;
}
form #CardNumber.valid.jcb{
        background-position:8px -408px,100% -72px;
}
form #CardNumber.valid.diners_club_carte_blanche{
        background-position:8px -450px,100% -72px;
}
form #CardNumber.valid.diners_club_international{
        background-position:8px -492px,100% -72px;
}
form #CardNumber.valid.laser{
        background-position:8px -534px,100% -72px;
}
.vertical{
    overflow:hidden
}
.vertical li{
    float:left;
    width:140px
}
.vertical li .or{
    color:#aaa;
    float:left;
    font-size:12px;
    margin-left:-8px;
    margin-top:32px
}
.vertical li:last-child{
    float:right;
    text-align:right
}
.vertical li:last-child input{
    float:right
}
.vertical input{
    width:68px
}
ins{
    overflow:hidden;
    width:100%
}
@media screen and (max-width: 767px) and (min-width: 0px) {
    form #CardNumber {
        
        background-position: 8px -115px,222px -31px;
    }
  form #CardNumber.visa{
    /*background-position:2px -163px,260px -61px*/
    background-position:8px -156px,222px -31px;
}
form #CardNumber.visa_electron{
    /*background-position:2px -205px,260px -61px*/
    background-position:8px -198px,222px -31px;
}
form #CardNumber.mastercard{
    /*background-position:2px -247px,260px -61px*/
    background-position:8px -240px,222px -31px;
}
form #CardNumber.maestro{
    /*background-position:2px -289px,260px -61px*/
    background-position:8px -282px,222px -31px;
}
form #CardNumber.discover{
    /*background-position:2px -331px,260px -61px*/
    background-position:8px -324px,222px -31px;
}
form #CardNumber.amex{
    /*background-position:2px -373px,260px -61px*/
    background-position:8px -368px,222px -31px;
}
form #CardNumber.jcb{
    /*background-position:2px -415px,260px -61px*/
    background-position:8px -408px,222px -31px;
}
form #CardNumber.diners_club_carte_blanche{
    /*background-position:2px -457px,260px -61px*/
    background-position:8px -450px,222px -31px;
}
form #CardNumber.diners_club_international {
    /*background-position: 2px -499px,260px -61px;*/
    background-position:8px -492px,222px -31px;
}
form #CardNumber.laser{
    /*background-position:2px -541px,260px -61px*/
    background-position:8px -534px,222px -31px;
}
form #CardNumber.valid.visa{
        background-position:8px -156px,222px -72px;
}
form #CardNumber.valid.visa_electron{
        background-position:8px -198px,222px -72px;
}
form #CardNumber.valid.mastercard{
       background-position:8px -240px,222px -72px;
}
form #CardNumber.valid.maestro{
        background-position:8px -282px,222px -72px;
}
form #CardNumber.valid.discover{
        background-position:8px -324px,222px -72px;
}
form #CardNumber.valid.amex{
        background-position:8px -368px,222px -72px;
}
form #CardNumber.valid.jcb{
        background-position:8px -408px,222px -72px;
}
form #CardNumber.valid.diners_club_carte_blanche{
        background-position:8px -450px,222px -72px;
}
form #CardNumber.valid.diners_club_international{
        background-position:8px -492px,222px -72px;
}
form #CardNumber.valid.laser{
        background-position:8px -534px,222px -72px;
}
}