*{
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
}
.row-header {
    margin: 0px auto;
    padding: 0px 0px;
}
.row-content {
    margin: 0px auto;
    padding: 50px 0px;
    border-bottom: 1px ridge;
    min-height: 400px;
} 
#welcome{
    display:none;
}
#welcome2{
    display:none;
}
.modal__boton2{
    position: fixed;
    bottom: 10%;
    color: white !important;
    right: 3%;
    cursor: pointer;
    font-weight: bold; 
    width: 75px;
    height: 75px;
    line-height: 77px;
    background: green;
    font-size: 3.6em;
    text-align: center;
    border-radius: 50%;
    z-index: 4000;
}
.modal__boton2 i{
    color: white !important;
}
.modal__boton2:hover{ 
    width: 80px;
    height: 80px;
    line-height: 85px;
    font-size: 3.8em;
}
#footer {
    background: #263c63;
    margin: 0px auto;
    padding: 20px 0px;
}
.jumbotron {
    margin: 0px auto;
    background: #263c63;
    color: black;
}

#jumbo{
    background: #263c63;
    padding: 0px 0px 0px 0px;
    color: floralwhite;
    padding-top: 3px;
}
address {
    font-size: 80%;
    margin: 0px;
    color: #0f0f0f;
}
body {
    padding: 0;
    z-index: 0;
}
footer{
    display: flex;
    align-items: flex-start; 
}
.navbar-dark {
    background-color: rgba(38, 60, 99, 0.637);
}
  
.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;  
}
.carousel .carousel-item img {
    height: 600px;
    width: 600px;
}
  
#carouselButton {
    right: 0px;
    position: absolute;
    bottom: 0px;
    z-index: 1;
    background-color: black;
}
  
#fondo1{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/INCIOX1.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: floralwhite;
    height: 600px;
}

#fondocards1{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/fqs.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#fondo2{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/fqs.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}
#fondobt{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/fqs.png"); 
    min-height: 100px; 
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}
#fondo_cv{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/UBICACION.png"); 
    min-height: 100px; 
    background-attachment:fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#fondocards{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/INCIOX1.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
}
#fondovision{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/VISION.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    padding-top: 5cm;
    padding-bottom: 5cm;
    text-align: center;
    font-size: large; 
    font-family: 'Montserrat', sans-serif;
}

#fondomision{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/MISION.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    padding-top: 5cm;
    padding-bottom: 5cm;
    text-align: center;
    font-size: large;
    font-family: 'Montserrat', sans-serif;
}

#fondofilo{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/VALORES.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    padding-top: 5cm;
    padding-bottom: 5cm;
    font-size: large;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}
  
#fondosani{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/SANITARIO.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    font-size: large;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}

#fondoind{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/INDUSTRIAL.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    font-size: large;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
#fondoabr{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/ABRASIVOS.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    font-size: large;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
#fondocards1{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/CATALOGO.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    font-size: large;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
#fondoorn{
    height: auto;
    max-width: 100%;
    background-image: url("../assets/images/ORNAMENTAL.png"); 
    min-height: 100px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    font-size: large;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
}
.parallax {
    background-image: url("../assets/images/PRESENTACION.jpg");
    background-attachment: fixed;
    background-position:top;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Montserrat', sans-serif;
}
.btncard{
    background-color: #263c63;
    font-family: 'Montserrat', sans-serif;
}
#card{
    background: linear-gradient(to bottom, rgba(38, 60, 99, 0.322) 0%, rgba(38, 60, 99, 0.856) 100%);
    padding-right: 5px;
    padding-left: 5px;
    color: floralwhite;
    font-family: 'Montserrat', sans-serif;
}
#titulos{
    color:floralwhite;
    font-size: 30px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
}
#divi{
    border-bottom: 6px solid #bfd2e5;
    padding-bottom: 3cm;
    padding-top: 0cm;
    font-family: 'Montserrat', sans-serif;  
    margin: auto !important;
    padding: 20px 0;
}
#foot{
    display: flex !important;
    padding-top: 20px;
    align-items: flex-start;
    color: floralwhite;
    font-family: 'Montserrat', sans-serif;
}
#ficon{
    color: floralwhite;
    align-items:center;
    text-align: center;
    font-size: 30px;
    margin-left: 10px;
}
#ficon:hover{
    background: deepskyblue;
    border-radius: 5px;
}
#logojum{
  width: 100%;
}
#divif{
    font-size: 25px; 
    border-bottom: 6px solid #bfd2e5;
    padding-bottom: 3px;
    font-family: 'Montserrat', sans-serif;
}
#text{
    text-align: justify;
    color: floralwhite;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
}
#hist{
    padding-top: 1cm;
    font-family: 'Montserrat', sans-serif;
}
#acor{
    padding-bottom: 1cm;
    font-family: 'Montserrat', sans-serif;
}  
#img{
    padding-bottom: 3cm;
    font-family: 'Montserrat', sans-serif;
}
#galeria{
    width: 100px;
    height: 100px;
    transition: width 2s, height 4s;
    font-family: 'Montserrat', sans-serif;
}
#galeria:hover{
    width: 500px;
    height: 500px;
}
textarea {
    resize: none;
    font-family: 'Montserrat', sans-serif;
}
iframe{
  max-width: 100%;
  margin: auto;
}
#ubi{
    height: 300px;
}
#lemenu{
    align-items: center;
    font-size: 10px;
}
#navitem, #navbarDropdown{
    border-right: solid;
    border-right-width: 2px ;
    padding-left: 10px ;
}
.container .collapse {
    float: right;
    align-content: right !important;
}
.mr-auto{
    margin: auto;
}
#banner{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    object-fit:contain;
    max-width:100%;
    max-height:100%;
    border: 0;
    animation-name: slideUp;
    -webkit-animation-name: slideUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
    font-family: 'Montserrat', sans-serif;
}
.card-title{
    /*-webkit-text-fill-color: yellowgreen;*/
    -webkit-text-stroke: 1px black;
    text-align: center;
    font-size: 35px;
}
#card-title1{
    background: rgba(38, 60, 99, 0.637);
    color: white;

}
#card-title1:hover{
    font-weight: bold;
    background: rgba(38, 60, 99, 1);
}
.card-img-overlay:hover{
    cursor: pointer;
}
.card-img-overlay{
    max-height: 50px;
}
#img_redireccion{
    cursor: pointer;
}
.card-img-overlay a:hover{
    text-decoration: none;
    font-weight: bold;
    background: rgba(38, 60, 99, 1);
}
.redes_sociales{
    text-decoration: none !important;
    color: white !important;
}
.redes_sociales:hover{
    font-weight: bold;
}
.card-body{
    text-align: center;
}
.dropdown-menu{
    background: rgba(38, 60, 99, 0.8) !important;
}
.dropdown-menu .dropdown-item{
    color: white !important;
}
.dropdown-menu .dropdown-item:hover{
    background: rgba(0,0,0,0.5);
}
#boton_abrasivo{
    margin-bottom: 100px;
}
#puestos:hover{
    cursor: pointer !important;
}
.form-control{
    border: 1px solid rgba(38, 60, 99, 0.8) !important;
}
.copy{
    text-align: center;
}
.cabeza a{
    font-weight: 100;
}
.cabeza svg{
    margin-right: 10px !important;
}
.cabeza a:hover{
    font-weight: bold;
}
#justificar .col-sm-6{
    text-align: justify;
}
/* Contacto*/
.primary_title{
    margin: 20px 0; 
    font-weight: bold;
}
.subtitulo{
    font-weight: bold;
}
.contactos{
    color: black !important;
}
.contactos:hover{
    text-decoration: none;
    font-weight: bold !important;
}
.contactos2{
    color: black !important;
    font-size: 20px;
    margin: 0 10px;
}
.contactos2:hover{
    text-decoration: none;
    font-weight: bold !important;
}
.conyub .divi {
    text-align: center;
}
#boton_contacto{
    color: black !important;
}
#services input{
    margin-left: 100px;
}
#process input{
    margin-left: 100px;
}
#complicated input{
    margin-left: 100px;
}
#searched input{
    margin-left: 100px;
}
.display-6{
    font-weight: bold;
}
.accordion-item{
    background: rgba(38, 60, 99, 0.6); 
}
.accordion-item .card-body{
    background: rgba(38, 60, 99, 0.6); 
}
.card-body{
    padding: 0 !important;
}
@media screen and (max-width: 575px){
    .logo_f{
      text-align: center;
    }
    #logojum{
      width: 50%;
    }
    .col-sm-4{
       text-align: center !important;
    }
    .cabeza{
       text-align: center !important;
       padding-bottom: 10px;
    }
    #navitem,#navbarDropdown{
        font-size: 20px !important;
    }
    .dropdown-menu .dropdown-item{
        font-size: 15px !important;
    }
    #fondo1{
        height: 400px;
    }
    
}
@media screen and (max-width: 480px){
    #fondobt .col-6{
        min-width: 100% !important;   
    }
    #divi{
        margin: auto !important;
        padding: 20px 0;
    }
    #divi h1{
        text-align: center;      
    }
    .modal__boton2{ 
        width: 45px;
        height: 45px;
        right: 10%;
        line-height: 45px;
        font-size: 2em;
    }
    .modal__boton2:hover{ 
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 2.2em;
    }
}
@media screen and (min-width: 601px) {
    #fondo1title{
        font-family: 'Montserrat', sans-serif;
        align-items: center;
        text-align: center;
        font-size: 6vw;
        font-weight: bold;
        padding: 100px 0;
        padding-bottom: 0%;
    }
}
@media screen and (max-width: 601px) {
    #fondoinfoextraindex{
        font-family: 'Montserrat', sans-serif;
        align-items: center;
        text-align: center;
        font-size: 13vw;
        font-weight: bold;
        padding: 100px 0;
        padding-bottom: 0%;
    }
}
@media screen and (max-width: 600px) {
    #fondoinfoextraindex{
        font-family: 'Montserrat', sans-serif;
        align-items: center;
        text-align: center;
        font-size: 13vw;
        font-weight: bold;
        padding: 100px 0;
        padding-bottom: 0%;
    }
    #fondo1subtitle{
      font-family: 'Montserrat', sans-serif;
      align-items: center;
      text-align: center;
      font-size: 70px;
      color:  rgb(218, 218, 218);
      font-weight: bold;
    }
    #fondo1title{
        font-family: 'Montserrat', sans-serif;
        align-items: center;
        text-align: center;
        font-size: 13vw;
        font-weight: bold;
        padding: 100px 0;
        padding-bottom: 0%;
    }
}
@media screen and (min-width: 480px){
    #lemenu a{
      font-size: 15px !important;
    }
    #titulos{
      font-size: 30px;
    }
    #foot{
      align-items: flex-start;
}
@media screen and (max-width: 768px){
    #fondobt .col-6{
        min-width: 100% !important;   
    }
    #divi{
        margin: auto !important;
        padding: 20px 0;
    }
    #divi h1{
        text-align: center;      
    }
    .cabeza{
       text-align: center !important;
       padding-bottom: 10px;
    }
    #navitem,#navbarDropdown{
        font-size: 20px !important;
    }
    .dropdown-menu .dropdown-item{
        font-size: 15px !important;
    }
}
@media screen and (min-width: 768px){
    #lemenu a{
      font-size: 20px !important;
    }
    #titulos{
      font-size: 60px;
    }
    .col2{
        columns: 5;
    }
    .cabeza{
        padding: 0 10px;
    }

}
@media screen and (min-width: 768px) and (max-width: 1024px){

    .conyub #divi h1{
        font-size: 25px !important;
    }
    .cabeza{
       text-align: center !important;
       padding-bottom: 10px;
    }
}
@media screen and (min-width: 1024px){
    #lemenu a{
      font-size: 25px !important;
    }
    #titulos{
      font-size: 80px;
    }
}