@charset "UTF-8";
.vbvenrollment-section{background:#fff;border:1px solid #fff;border-radius:4px;padding:90px 15px}
.vbvenrollment-section.add{padding:35px 30px}
.vbvenrollment-section .success-holder .success{padding:0;margin:0 auto}
.vbvenrollment-section .success-holder .success .img-holder{margin:0 0 35px}
.vbvenrollment-section .success-holder .success .img-holder img{display:block;margin:0 auto}
.vbvenrollment-section .success-holder .success h2{font-size:1.57143em;line-height:1.13636;font-weight:500;margin:0 0 25px}
.vbvenrollment-section .success-holder .success p{font-size:.92857em;line-height:1.38462;color:#444;font-weight:300;margin:0 0 20px}
.vbvenrollment-section .section-frame{max-width:370px;margin:0 auto;overflow:hidden}
.vbvenrollment-section .vbvenrollment-form .field-holder label {font-size: 12px; line-height: 15px; color: #666;margin: 0 0 20px; }
.vbvenrollment-section .vbvenrollment-form .chosen-single {padding: 15px 25px 15px 15px; margin: 0 0 40px; border-color: #E5E5E5; }
.vbvenrollment-section .vbvenrollment-form .chosen-single span { font-size: 14px; line-height: 17px; color: #222;}
.vbvenrollment-section .card-image-block{max-width:350px;overflow:hidden;margin:0 auto}
.vbvenrollment-section .img-card-holder{margin:0 auto 45px;border-radius:8px;position:relative;padding:21px 19px 18px;-webkit-box-shadow:0 5px 20px 0 rgba(19,70,41,0.25);box-shadow:0 5px 20px 0 rgba(19,70,41,0.25);background-size:cover;display:table;width:100%;height:14.5em}
.vbvenrollment-section .img-card-holder > *{z-index:9;position:relative}
.vbvenrollment-section .img-card-holder .top-bar{height:1%;width:100%;display:table-header-group}
.vbvenrollment-section .img-card-holder .top-bar .title{font-size:1.14286em;line-height:1.5;float:left;color:#fff;font-weight:400}
.vbvenrollment-section .img-card-holder .top-bar span.card-type{float:right;font-size:.71429em;line-height:1.4;color:rgb(255, 255, 255);}
.vbvenrollment-section .img-card-holder .fields-holder{border-radius:4px;background-color:rgba(0,0,0,0.1);border:2px solid rgba(255,255,255,0.1)}
.vbvenrollment-section .img-card-holder .dot{margin:0;opacity:60%;height:8px;width:8px;background:#e0e0e0;border-radius:100%;display:inline-block;vertical-align:middle}
.vbvenrollment-section .img-card-holder .slash{font-size:.92857em;line-height:1.46154}
.vbvenrollment-section .img-card-holder .info .card-num{color:#fff;font-size:1.28571em;line-height:1.5;font-weight:500;letter-spacing:1px}
.vbvenrollment-section .img-card-holder .info .btn-verified{font-size:.77143em;line-height:1.48148;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,0.5);border-radius:14px;padding:5px 12px;min-width:110px;display:inline-block;vertical-align:top;margin:12px 0 0}
.vbvenrollment-section .img-card-holder .info .btn-verified img{width:11px;height:14px;display:inline-block;vertical-align:middle;margin:0 5px 0 0}
.vbvenrollment-section .img-card-holder .available-balance{font-size:.85714em;line-height:1.5;color:#fff;display:inline-block;vertical-align:middle;color:rgb(255, 255, 255);margin:0 10px 0 0}
.vbvenrollment-section .img-card-holder .static-label {display: inline-block;vertical-align: middle;}
.vbvenrollment-section .img-card-holder .amount{display:inline-block;vertical-align:middle;font-size:1.14286em;line-height:1.5;font-weight:500;color:#fff}
.vbvenrollment-section .img-card-holder .amount span.num {display: inline-block; vertical-align: middle;}
.vbvenrollment-section .img-card-holder .amount .currency-sign { display: inline-block; vertical-align: middle; }
.vbvenrollment-section .img-card-holder .amount .currency-sign img { display: block; width: 12px; height: 12px; }
.vbvenrollment-section .img-card-holder .footer{width:100%;height:1%;display:table-footer-group}
.vbvenrollment-section .img-card-holder .footer .name{font-size:.85714em;line-height:1.5;color:#fff;font-weight:400}
.vbvenrollment-section .img-card-holder .footer .card_img-holder{margin-top:2px;max-width:60px}
.vbvenrollment-section .img-card-holder .footer .card_img-holder .svg-converter{display:block;max-width:100%;width:100%;height:auto;margin:0 auto}
.vbvenrollment-section .img-card-holder .footer .card_img-holder img { display: block; height:auto; margin: 0 auto;}
.vbvenrollment-section .img-card-holder .card_img-holder img[src*="visa-card.svg"] { width: 60px;}
.vbvenrollment-section .img-card-holder .card_img-holder img[src*="master-card.svg"] { width: 40px;}

@media (max-width: 479px) {
.vbvenrollment-section .img-card-holder .footer .program{font-size:.85714em;line-height:1.25}
.vbvenrollment-section .img-card-holder .footer .img-holder{max-width:40px}
}
.vbvenrollment-section .gen-block{display:inline-block;color:#fff;margin:0 0 10px}
.vbvenrollment-section .gen-block.expiry,.vbvenrollment-section .gen-block.cvv{width:40%}
.vbvenrollment-section .gen-block .title{display:block;font-size:.78571em;line-height:1.81818;letter-spacing:.88px}
.vbvenrollment-section .gen-block .value{display:block;font-size:.92857em;line-height:1.46154;font-weight:500;letter-spacing:.9px}
.vbvenrollment-section .gen-block.expiry .dot:not(:last-child){margin:0 4px 0 0}
.vbvenrollment-section .gen-block.cvv .dot:not(:last-child){margin:0 4px 0 0}
.vbvenrollment-section .gen-block .slash{margin:0 3px 0 1px}
.vbvenrollment-section .card-enrollment-buttons.btns-holder{text-align:center}
.vbvenrollment-section .card-enrollment-buttons.btns-holder .btn{margin:0 15px 0 0;min-width:144px}
.vbvenrollment-section .card-enrollment-buttons .btn.add{margin:0}
.vbvenrollment-section .section-holder{overflow:hidden}
.vbvenrollment-section .section-holder .block-holder{overflow:hidden}
.vbvenrollment-section .section-holder .card-block{max-width:310px;min-width:310px;height:210px;float:left;border:1px solid #D8DDE4;border-radius:4px;white-space:nowrap;text-align:center;margin:0 65px 0 0}
.vbvenrollment-section .section-holder .card-block .card-image-block{text-align:center;height:100%;position:relative}
.vbvenrollment-section .section-holder .card-block .card-image-block .img-card-holder{width:245px;height:142px;margin:0;padding:15px;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}
.vbvenrollment-section .section-holder .card-block .card-image-block .top-bar strong{font-size:.78571em;line-height:1.27273}
.vbvenrollment-section .section-holder .card-block .card-image-block .top-bar span.card-type{font-size:.5em;line-height:1.42857}
.vbvenrollment-section .section-holder .card-block .card-image-block .info .card-num{font-size:.92857em;line-height:1.23077}
.vbvenrollment-section .section-holder .card-block .card-image-block .footer{text-align:left}
.vbvenrollment-section .section-holder .card-block .card-image-block .footer .available-balance{font-size:.57143em;line-height:1.5;margin:0 7px 0 0}
.vbvenrollment-section .section-holder .card-block .card-image-block .footer .amount{font-size:.78571em;line-height:1.45455}
.vbvenrollment-section .section-holder .card-block .card-image-block .footer .card_img-holder{max-width:32px}
.vbvenrollment-section .section-holder .card-verification{overflow:hidden}
.vbvenrollment-section .section-holder .card-verification .card-verification-holder .field-holder{min-height:46px;margin-bottom:30px!important}
.vbvenrollment-section .section-holder .card-verification .card-verification-holder span.required-field:after{color:#D36E6E;content:" ?";position:relative;top:-4px;left:2px;font-size:10px}
.vbvenrollment-section .section-holder .card-verification .card-verification-holder .password-hint-col{-webkit-box-flex:0!important;-ms-flex:0 0 50%!important;flex:0 0 50%!important;max-width:50%!important}
.vbvenrollment-section .section-holder .card-verification header h2{font-size:1.14286em;line-height:1.1875;color:#000;font-weight:500;margin:0 0 15px}
.vbvenrollment-section .section-holder .card-verification header p{font-size:.92857em;line-height:1.38462;color:#4D4D4D;font-weight:300}
.vbvenrollment-section .section-holder .card-verification .list-digits{margin:0 -5px;position:relative;color:#D8D8D8;text-align:center}
.vbvenrollment-section .section-holder .card-verification .list-digits li{margin:0;width:auto;padding:0 5px;position:static}
.vbvenrollment-section .section-holder .card-verification .list-digits .form-control{color:#222;width:46px;text-align:center;font-size:1.28571em;line-height:1.44444}
.vbvenrollment-section .section-holder .card-verification .list-digits .form-control::-webkit-input-placeholder{color:#D8D8D8}
.vbvenrollment-section .section-holder .card-verification .list-digits .form-control::-moz-placeholder{opacity:1;color:#D8D8D8}
.vbvenrollment-section .section-holder .card-verification .list-digits .form-control:-moz-placeholder,.vbvenrollment-section .section-holder .card-verification .manage-pin .list-digits .form-control:-ms-input-placeholder,.vbvenrollment-section .section-holder .card-verification .manage-pin .list-digits .form-control.placeholder{color:#D8D8D8}
.vbvenrollment-section .section-holder .card-verification .slider-checkbox_with-bg{border:1px solid #EBE095;border-radius:4px;background-color:rgba(255,255,248,0.5);padding:14.2px 15px 14.2px 70px;display:block;position:relative}
.vbvenrollment-section .section-holder .card-verification .slider-checkbox_with-bg.checkbox-checked{border-color:#8ABF9E;background-color:rgba(241,255,248,0.5);border-color:#8ABF9E;background-color:rgba(241,255,248,0.5)}
.vbvenrollment-section .section-holder .card-verification .slider-checkbox_with-bg .label-desc{color:#222;font-size:.9285714286em;line-height:1.4615384615;margin-bottom:0;max-width:92%;vertical-align:top}
.vbvenrollment-section .section-holder .card-verification .slider-checkbox_with-bg .label-desc .label-link{color:#FAA532}
.vbvenrollment-section .section-holder .card-verification .slider-checkbox_with-bg .icheckbox_minimal-grey{position:absolute!important;top:50%;left:25px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);margin:0}
@media (max-width: 991.98px) {
.vbvenrollment-section .section-holder .card-block{margin:0 45px 0 0}
}
@media (max-width: 767.98px) {
.vbvenrollment-section{padding:15px}
.vbvenrollment-section.add{padding:10px}
.vbvenrollment-section .img-card-holder{height:12.5em}
.vbvenrollment-section .img-card-holder .info .card-num{font-size:1em}
.vbvenrollment-section .img-card-holder .available-balance{margin:0 5px 0 0}
.vbvenrollment-section .img-card-holder .amount{font-size:1em}
.vbvenrollment-section .img-card-holder .card_img-holder img[src*="visa-card.svg"] { width: 40px; margin: 3px auto 0; }
.vbvenrollment-section .img-card-holder .card_img-holder img[src*="master-card.svg"] { width: 30px;}
.vbvenrollment-section .img-card-holder .footer .card_img-holder { max-width: inherit;}
.vbvenrollment-section .card-enrollment-buttons.btns-holder .btn{margin:0 0 15px;min-width:100%}
.vbvenrollment-section .section-holder .card-block{float:none;margin:0 auto 20px;border:none;max-width:280px;height:inherit;min-width:inherit}
.vbvenrollment-section .section-holder .card-block .card-image-block .img-card-holder{top:auto;left:auto;position:relative;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);width:100%;height:160px}
}