.flag{width: 43px;height: 30px;background-size: 100% 100%;display: inline-block;}
.visa_flag{background-image: url('../images/visa_dis.png');}
.visa_flag[active]{background-image: url('../images/visa.png');}
.mastercard_flag{background-image: url('../images/master_dis.png');}
.mastercard_flag[active]{background-image: url('../images/master.png');}
.hipercard_flag{background-image: url('../images/hipercard_dis.png');}
.hipercard_flag[active]{background-image: url('../images/hipercard.png');}
.hiper_flag{background-image: url('../images/hiper_dis.png');}
.hiper_flag[active]{background-image: url('../images/hiper.png');}
.diners_flag{background-image: url('../images/diners_dis.png');}
.diners_flag[active]{background-image: url('../images/diners.png');}
.amex_flag{background-image: url('../images/american_dis.png');}
.amex_flag[active]{background-image: url('../images/american.png');}
.aura_flag{background-image: url('../images/aura_dis.png');}
.aura_flag[active]{background-image: url('../images/aura.png');}
.elo_flag{background-image: url('../images/elo_dis.png');}
.elo_flag[active]{background-image: url('../images/elo.png');}
.discover_flag{background-image: url('../images/discover_dis.png');}
.discover_flag[active]{background-image: url('../images/discover.png');}
.jcb_flag{background-image: url('../images/jcb_dis.png');}
.jcb_flag[active]{background-image: url('../images/jcb.png');}
.visaelectron_flag{background-image: url('../images/velectron_dis.png');}
.visaelectron_flag[active]{background-image: url('../images/velectron.png');}
.maestro_flag{background-image: url('../images/maestro_dis.png');}
.maestro_flag[active]{background-image: url('../images/maestro.png');}

.ipag-payment-form {
    padding-top: 0 !important;
}

.container-brands-accepted {
    float: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 2px;
    margin: 0 auto 15px;
    max-width: 300px;
}

.container-brands-accepted[data-brand-selected] .wrapper-brand img:not([data-selected]) {
    opacity: .2;
    filter: grayscale(1);
}

.container-brands-accepted .wrapper-brand {
    margin: 0 0 1px;
}

.container-brands-accepted .wrapper-brand:last-child {
    margin-right: 0;
}

.container-brands-accepted .wrapper-brand img {
    float: none !important;
    max-width: 100% !important;
    max-height: 1.8rem !important;
    transition: all .2s;
}

.payment_method_ipag-gateway {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*Cartão de Crédito*/
.card_wrapper {
    width: 300px;
    max-width: 100%;
    height: 192px;
    max-height: 194px;
    text-align: center;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    z-index: 100;
}

.card_wrapper .card_container {
    background-image: url('../images/credit-card.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    height: 390px;
    z-index: 50;
}

.card_container1 {
    background-image: url('../images/credit-card1.png') !important;
}

.card_container2 {
    background-image: url('../images/credit-card2.png') !important;
}

.card_wrapper .card_container>div.ipag-card-number {
    position: absolute;
    z-index: 150;
    top: 100px;
    left: 30px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Anonymous Pro';
}

.card_wrapper .card_container>div.ipag-card-name {
    position: absolute;
    z-index: 150;
    top: 160px;
    left: 15px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Anonymous Pro';
    font-weight: bold;
}

.card_wrapper .card_container>div.ipag-card-expiry {
    position: absolute;
    z-index: 150;
    top: 136px;
    left: 160px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-family: 'Anonymous Pro';
    font-size: 14px;
}

.card_wrapper .card_container>div.ipag-card-brand {
    position: absolute;
    z-index: 150;
    top: 156px;
    right: 6px;
    display: block;
    width: 60px;
    max-width: 60px;
    height: 40px;
    max-height: 40px;
    overflow: hidden;
}

.card_wrapper .card_container>span.ipag-card-cvv {
    position: absolute;
    display: none;
    z-index: 150;
    top: 97px;
    right: 52px;
    color: #333;
}

.card_wrapper .card_container.verso {
    background-position: center -195px;
}

.card_wrapper .card_container.verso>div {
    display: none;
}

.card_wrapper .card_container.verso>span.ipag-card-cvv {
    display: block;
}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;
}