@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,900');


.hidden{
  display: none
}

.is-invalid {
    background: #efefef;
}


.visa{
  background-image: url("../tarjetas/visa.png");
  background-repeat: no-repeat;
  background-position:right -5px;
}

.amex{
  background-image: url("../tarjetas/amex.png");
  background-repeat: no-repeat;
  background-position:right -5px;
}

.mastercard{
  background-image: url("../tarjetas/mastercard.png");
  background-repeat: no-repeat;
  background-position:right -5px;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}




  #smartwizard .nav-item{
    width: 20% !important
  }

  .sw-theme-dots > ul.step-anchor > li.active > a, .sw-theme-dots > ul.step-anchor > li.active > a{
    color:#CF8C39 !important;

  }

  .sw-theme-dots > ul.step-anchor > li.active > a:after {
      background: #CF8C39 !important;
  } 


  .sw-theme-dots > ul.step-anchor:before {
    top:64px !important;
  }


  .sw-theme-dots > ul.step-anchor > li.done > a {
      color: #7C6250 !important;
  }

  .sw-theme-dots > ul.step-anchor > li.done > a:after {
      background: #7C6250 !important;
  }



  .card{
    border: none !important;
    border-radius: 0px !important
  }


  .card-header {
    width: 100%;
    margin-top: 20px;
    color: #FFF;
    background-color: #B0B5BA;
    border: 1px solid #B0B5BA;
    border-radius: 0px !important;
    text-align: center;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased !important;   
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;   
  }

  .btn-secondary, .btn-finish{
    color: #FFF;
    background-color: #BE0040;
    border: 1px solid #BE0040;    
    border-radius: 0px;
    -webkit-font-smoothing: antialiased !important;   
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.2em;   
    padding: 18px 32px
  }

  .alert-info{
    width: 100%;
    border-radius: 0px;
    background-color: #C9C59B;
    border: solid 1px #c9cd9b;
    color:#FFF !important;
  }

  .btn-finish:hover{
    background-color: #727b84 !important;
    color: #FFF;
  }