.wpwl-form {border:1px solid #acb27f; padding:10px 20px; background:rgba(172,178,127,0.1); margin:0 auto; overflow:hidden;  max-width: 100%;}
.wpwl-form input, .wpwl-control-cardNumber, .wpwl-control-cvv{border:1px solid #acb27f; display:block; width:100%; height:50px; line-height:50px; padding:0 10px; margin:0 0 5px 0;}

/*pay button */
.wpwl-button-pay {margin:10px 0 0 0; font-size:15px; width:280px; height:50px; border-radius:5px; background:#acb27f; border:1px solid #acb27f; color:#fff; float: left; }
.wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active { background:#6a6e4c;}


div.form-head {	background-color: #e4e4e4; font-family: 'Roboto', sans-serif; font-size: 60px; color: #000; font-weight: 300; text-align: center; margin: 0px auto 30px auto; width: 100%;  height: 80px; display: block;	}

.wpwl-form-err {background-color: #c81313; padding: 15px 10px; overflow:hidden; margin-bottom: 10px;}

/*customization of fields */
.wpwl-group-brand {  margin-top: 15px; }
.wpwl-group-expiry { width: 48%; float: left;}
.wpwl-group-expiry { margin-right: 4%; }
.wpwl-group-cardHolder { float: left;}
.wpwl-group-submit {float: left; width: auto;}
.wpwl-group-cvv { width: 48%; ; float: left;}

.wpwl-group { margin-bottom: 15px;}

.wpwl-label { display:	none;}

.wpwl-wrapper { width: 100%; float: left;} 

.wpwl-control { font-family: 'Roboto', sans-serif; font-size: 14px!important; line-height: 22px; box-sizing: border-box; }


.wpwl-hint {font-family: 'Roboto', sans-serif; font-size: 12px; margin-top: 1px;}
    
.wpwl-has-error { border-bottom: 2px solid #a94442; }

/* new cards icons */
.wpwl-brand-card {float: right; width: 35px; height: 22px; margin-left: 10px; background-size: 35px 22px!important;}
.wpwl-brand-custom  {;}
.wpwl-brand-VISA { background: url(img/visa.png) no-repeat top left; }
.wpwl-brand-MASTER { background: url(img/mastercard.png) no-repeat top left; }
.wpwl-brand-MAESTRO { background: url(img/maestro.png) no-repeat top left; }
.wpwl-wrapper-brand, .wpwl-label-brand, .wpwl-brand { display: none;}





/* Top Logo */
#r0 > img { max-width: 90%;}
div#r0 {float: left; max-width:100px; }
/* Banner */
.cardLogoHolder{float:right; overflow:hidden;}
.cardLogoHolder img{width: auto; height: 52px; float: right; margin: 0 20px; height:25px; margin-top:calc(40px / 2);}

#r1 > img {height: 25px; float: left; clear: left; }
#r2 > img {height: 25px; text-align: center; } 
#r3 > img {height: 20px; float: right; clear: right;}

/* Loader */
.loader { color: #666; font-size: 10px; margin: 80px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
div.load-container { border: 1px solid rgba(255, 255, 255, 0.2); left: 0px;  top: 0px; width: 100%; height: 100%; position: fixed; background: beige; z-index: 9999; }

#agree{width: auto; float: left; margin: 0 5px 0 0;  height: 20px;}
div.notification {position: relative; padding: 15px 0; border-bottom: solid 1px #DDDDDD; font-family: 'Roboto', sans-serif;}
div.notificationerr {position: relative; padding: 15px 0; font-family: 'Roboto', sans-serif;}
.notification__texterr { margin-left:45px; display: block; color: #fff; font-size: 12px; line-height: 34px;}
.notification__texterr a { text-decoration: underline;}
.notification__text { margin-left:45px; display: block; color: #989898; font-size: 12px; line-height: 14px; }
.notification__text_label {font-size: 13px; float: left; line-height: 20px; font-weight:500;}
.notification__text_label a{text-decoration:underline;}
.notification__icon { width: auto; float: left; margin-right: 10px; }
div#banner-note {padding-bottom: 15px; font-family: 'Roboto', sans-serif; color: #989898; font-size: 10px; line-height: 12px; clear: both;}


/* small screens  */
@media (max-width:480px){
.wpwl-control { height:50px; border-radius: 5px;}
.wpwl-button-pay { width:100%; height: 50px;}

/* --  small cards icons -- */
.wpwl-brand-card {float: right; width: 35px; height: 22px; margin-left: 5px;}
.wpwl-brand-custom  {background-size: 35px 22px;}
.wpwl-wrapper-brand, .wpwl-label-brand, .wpwl-brand { display: none;}

/* --  small allsecure logo -- */
#r0 > img { max-width: 120px;}



}