body{
    font-family: Arial, sans-serif !important;
    padding: 0;
    margin: 0;
}

section
{
    padding: 0 !important;
    margin: 0 !important;
    height: auto;
    width: auto;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
}

.btn {
    font-weight: 300;
    text-transform: none;
    border: none;
    border-radius: 20px;
    font-family: inherit !important;
}

.btn-primary
{
    /* background-color: #6c97c7;
    border-color: #6c97c7; */
    background-color: #017bff;
    border-color: #017bff;    
} 

.form-button{
  margin-top: 30px;
  margin-bottom: 30px;
}

.goto-top-button {
    display: none;
    position: fixed;
    background: rgb(1, 123, 255);
    bottom: 10px;
    right: 10px;  
    font-size: 2rem;  
    font-weight: 700;
    border-radius: 0.5rem;
    width: 40px;
    color: white;  
    opacity: 0.8;
    cursor: pointer;
    text-align: center;
    box-shadow: 1px 1px 0px 0px white;
}

.goto-top-button:hover{  
    font-size: 2.2rem;
    opacity: 1;
}

.goto-top-button:focus{  
    border: none;  
}

.section{
    border-top: 1px solid rgba(0,0,0, 0.5); 
    box-shadow: 0px 1px 4px 0px whitesmoke;
}

.hr{
    border-top: 1px solid white;
    box-shadow: 0px 1px 2px 0px rgb(143, 146, 150); 
    max-width: 10%;
    /* margin-bottom: 40px; */
}

.contact-item a {
    color: whitesmoke;
    font-size: 1em;
}

/*Boton TOP*/
.credit-to-image-autor{
  position: absolute;
  font-size: 10px;  
  bottom: 2px;  
  left: 10px;
  color: whitesmoke;
  font-weight: 700;
}

/*Ventana modal para Comercios*/
.modal-dialog{  
 max-width: 100vw !important;
}

.modal-header
{
  display: flex;
  /* align-items: center;   */
  text-align: center;
}

.modal-title{
  font-size: 3vh;
  font-weight: 700;
  color: rgb(8, 95, 167);  
}


/*Colores para secciones*/
#about {
  position: relative;
  background: linear-gradient(black, rgb(50,187,205));
  color: white;
}

#join-us{
  position: relative;
  background-color: white;
}

#contact {
  background: linear-gradient(black, rgb(50,187,205)); 
  color: white;
}

/**/
#services{    
    background: white;
    padding-top: 30px !important;
}

.service-heading
{
    color: rgb(8, 95, 167) !important; 
}