/*@import url('https://fonts.googleapis.com/css?family=Comfortaa');*/
@import url('https://fonts.googleapis.com/css?family=Comfortaa');

div.form-head {	background-color: #e4e4e4; font-family: 'Comfortaa', 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 {background-color: #E6E6E6; padding: 15px 10px; overflow:hidden;}
.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, .wpwl-group-cvv { width: 48%; float: left;}
.wpwl-group-expiry { margin-right: 4%; }
.wpwl-group-cardHolder { float: left;}
.wpwl-group-submit {}

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

.wpwl-label { display:	none;}

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

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


.wpwl-hint {font-family: 'Comfortaa', 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;}

/*pay button */
.wpwl-button-pay {color: #fff; background-color: #8fbf58; font-weight: 600;border:none; width:100%; border-radius:4px; margin:20px 0 0 0; font-size:14px; line-height:3; text-transform:uppercase; display: none;}
/*.wpwl-button-pay:hover, .wpwl-button-pay:focus, .wpwl-button-pay:active { color: #1abc9c; background-color: #fff; border-color: #1abc9c;}*/

/* Top Logo */
#r0 > img { max-width: 90%;}
div#r0 {float: left; max-width:100px; }
/* Banner */
div#banner {display: flex; align-items: center; justify-content: center; padding-top:15px; padding-bottom:15px; }
div#r1 { width: 100%; }
div#r2 { width: 34%; }
div#r3 { width: 33%; }

#r1 > img {height: 33px; float: left; width: auto; margin: 0 10px 0 0; }
#r2 > img {height: 25px; text-align: center; width: auto; } 
#r3 > img {height: 20px; float: right; clear: right; width: auto;}

/* 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{float:left;}
div.notification {position: relative; padding: 15px 0; border-bottom: solid 1px #DDDDDD; font-family: 'Comfortaa', sans-serif;}
div.notificationerr {position: relative; padding: 15px 0; font-family: 'Comfortaa', 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 {margin-left:25px; display: block; color:#f47d20; font-size: 15px; line-height: 14px; font-weight:700;}
.notification__text_label a{text-decoration:underline;}
.notification__icon { position: absolute; width:34px;}
div#banner-note {padding-bottom: 15px; font-family: 'Comfortaa', 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;}



}