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

body{
  font-family: 'Roboto';
  color: #808080;
}

/* .slider {
    padding: 15px 0;
    width: 100%;
    background-color: #E8EAEB;
    margin-top: 30px;
} */

h3 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    color: #000000 !important;
    font-family: 'Roboto';
    font-size: 23px;
    text-transform: uppercase;
    font-weight: normal;
}

h1 {
  color: #000000 !important;
  font-family: 'Roboto';
  text-transform: uppercase;
  font-weight: normal;
}

label{
  font-family: 'Roboto';
  font-size: 15px;
  text-align: center;
}

.btn-primary {
  width: 100%;
  font-family: 'Roboto';
  font-size: 19px;
  color: #fff;
  background: linear-gradient(180deg, #F52A52 0%, #3D0089 100%) !important;
  text-transform: uppercase;
  transition: all .3s;
  border: none;
}
.btn-primary:hover{
transition: all .3s;
border: 1px solid #000000;
color: #000000;
background: #fff !important}

.logoPasarela {
  margin: 0 auto;
}

.bg-dark {
  background: linear-gradient(180deg, #F52A52 0%, #3D0089 100%) !important;
}

.img-fluid {
  max-width:100% !important;
  padding-top: 2%;
  padding-bottom: 2%;
}

input {
  background-color: #F2F2F2 !important;
}

input:focus {
  background-color: #fff !important;
}

small {
  font-size: 13px;
}

small.example {
  color: #000000;
}

.alert-success {
  background-color: #000000;
  color: #fff;
  border-radius: unset;
  padding-top: 5%;
  /* padding-bottom: 10%; */
}

.alert-danger {
  padding-top: 5%;
  padding-bottom: 5%;
  border-radius: unset;
}

.alert-success p, .alert-danger p {
  margin: 0 auto;
  width: 80%;
}

.alert-danger p {
  color: #FF3664; 
}

a { color: #808080; }

@media only screen and (max-width: 768px) {
  h3 {
    font-size: 18px;
    padding-top: 3em;
    font-weight: normal;
  }
}

.bizum {
  background-color: transparent !important;
  border-color: transparent !important;
  /* padding: 0%; */
}