/* If you like this, please check my blog at codedgar.com.ve */
@import url('https://fonts.googleapis.com/css?family=Work+Sans');

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: .7; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  opacity: .7;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  opacity: .7;
}

.card{
  background:#c9a051;  border-radius:14px; display:block; min-height:195px;
  padding:22px; padding-left:5px; padding-right:5px;box-shadow: 2px 10px 40px black; z-index:99;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.logo-card{max-width: 50px;margin-top: 25px;float: right;}

label{display:flex; font-size:10px; color:white; opacity:.4;margin-bottom:-5px !important}

input, select {font-family: 'Work Sans', sans-serif;background:transparent; border:none; opacity: .7;color:#fff;}
input:focus{/*border-bottom:1px solid #fff;*/ outline:none;}
select:focus{/*border-bottom:1px solid #fff;*/ outline:none;}

.cardnumber{display:block; font-size:20px;  margin-bottom:0px;  text-transform: uppercase;}
.val{ font-size:15px;   margin-bottom:0px;  text-transform: uppercase;}
.name{display:block; font-size:18px;  float:left; margin-bottom:0px;  text-transform: uppercase;}
.parcelamento{ font-size:15px;   margin-bottom:0px; color: #fff; opacity: 0.7;  text-transform: uppercase;}
.toleft{float:left;}
.ccv{width:50px; margin-top:0px; font-size:18px; text-transform: uppercase;}

.col{width:50%; float:left;}
.bought-item{background:#f5f5f5; padding:2px;}
.bought-items{margin-top:-3px;}

#cardBrand{
   margin-top:20px;	
}

#cardBrand[brand='visa']{ background: url(../brands/bandeiras/visa.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='mastercard']{ background: url(../brands/bandeiras/mastercard.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='amex']{ background: url(../brands/bandeiras/amex.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='diners']{ background: url(../brands/bandeiras/diners.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='aura']{ background: url(../brands/bandeiras/aura.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='pagseguro']{ background: url(../brands/bandeiras/pagseguro.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='elo']{ background: url(../brands/bandeiras/elo.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='hipercard']{ background: url(../brands/bandeiras/hipercard.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}
#cardBrand[brand='hiper']{ background: url(../brands/bandeiras/hiper.png) 0px no-repeat; background-size: 100%;height: 40px; border: none;}

@media (max-width: 920px){
  .proceed{transform:translate(250px, 10px);}
  .col{display:block; margin:auto; width:100%; text-align:center;}
  
}
.noty_theme__mint.noty_type__error {
    background-color: #981b1e;
    border-bottom: 1px solid #CA5A65;
    color: #fff;
    text-align: center;
}
.noty_theme__mint.noty_type__success {
    background-color: #2f781c;
    border-bottom: 1px solid #CA5A65;
    color: #fff;
    text-align: center;
}
#cboxContent{
    color: #000;
}