.gris{
      background: #ffffff;
      /*rgba(0, 0, 0, 0.2) color transparente en el navbar */
    }

    /*efecto al hacer scroll en el menú
.top-nav-collapse{
      background: rgba(0,0,0,1)!important;
    }
    */
/*rgba(1, 16, 151, 1)*/
.img1{
  width: 100%;
  height: 95vh;
  /*height: 600px;*/
  object-fit: cover;
  /*en la altura era 650px*/

}

.img-fluid{ max-width: 100%;
  height:600px;}

#colortextbarra{
  color:#2E28FA;
}

.carousel-caption{
  position: absolute;
  top: 30%;
  font-size: 1em;

}


a{
  font-weight: 500;
}

.titulos{
  font-size:5vw;
  font-weight: 600;
 /*background: #fcba03;*/
 color:#0b2e87;

}


.quienessomos{

  /*font-family: 'Staatliches', cursive;*/
  /*background: #fcba03;*/
  color:black;

}





.separador,.septitulos{
  width:15%;
  border: 4;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0,153,255,1), rgba(0, 0, 0, 0));


}

.tarjeta{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 50px;

  font-family: 'Staatliches', cursive;
}


.pd-parallax{
  position:relative;
  opacity:0.99;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  margin: 0;
  padding: 10em;

color:black;
}

#galeria .col-lg-4{
  margin: 0 !important;
  padding: 25px;
}

#galeria img{
  width: 100%;
  height: 250px;

}


/*
#galeria img:hover{
  border:5px solid #ffffff;
}*/

.separadorespro,.separadorespro2,.separadorespro3,.separadorespro4{
  border: 4;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0,153,255,1), rgba(0, 0, 0, 0));
}




.letvin{
  font-family: 'Staatliches', cursive;
  /*background: #fcba03;*/
  color:#00476e;
}

.vindes{
   font-family: sans-serif;

}

.titulovinil{
  font-family: 'Staatliches', cursive;
  /*background: #fcba03;*/
  color:#00476e;
}

.lineavinil{
   font-size: 180%;
   font-weight: 600;
  /*background: #fcba03;*/
  color:#00476e;
}

.textcarrusel{
   font-size: 108%;
   font-weight: 500;
  /*background: #fcba03;*/
  color: black;

}

.ban3{
  font-size:4vw;
  font-weight: 500;
  /*background: #fcba03;*/
  color:#0d1338;

  position: absolute;
  top: 14%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.descubrenos{
  font-size: 500%;
  font-weight: 500;

}

.arq{
  height: 450px;
}

.textomedio{
  position: fixed;
}


/*Inicio Parte del proloader de la página*/
.loader_bg{
  position: fixed;
  z-index: 9999;
  background: #fff;
  width: 100%;
  height: 100%;
}

.loader{
  border: 0 solid transparent;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  position: absolute;
  top: calc(50vh - 75px);
  left: calc(50vw - 75px);
}

.loader:before, .loader:after{
  content: '';
  border: 1em solid #ffff19;
  border-radius: 50%;
  width: inherit;
  height: inherit;
  position: absolute;
  top: 0;
  left: 0;
  animation: loader 2s linear infinite;
  opacity: 0;
}

.loader:before{
  animation-delay: .3s;
}

@keyframes loader {
  0%{
    transform: scale(0);
    opacity: 0;
  }
  50%{
    opacity: 1;
  }
  100%{
    transform: scale(1);
    opacity: 0;
  }
}
/* Fin de la Parte del proloader de la página*/



.embellece{
  font-size:3.5vw;
  font-weight: 350;
 /*background: #fcba03;*/
 color:white;
}

#cartasimage{
  height: 400px;
}
.pintabien{
  font-size: 150%;
  /*font-weight:500;*/
  padding: 2px 20px 20px 20px;

}



#imagenservicio{
  width: 100%;
  height: 500px;
}

#banner4{
  font-weight:600;

}

.separadorbanner4{
  height: 1px;
 width: 50%;
 background-color:white;
}

.separadorquienessomos{
  height: 2px;
 width: 50%;
 background-color:#043152;
}

.separadorbanner5{
  height: 3px;
 width: 25%;
 background-color:#043152;
}

#textnos{
  font-weight:400;
  color: black;
}

#colorredes{
  color:black;
}
/*
#tamañologo{
  width: 55%;
  height:95px;
}

.alturacarrusel{
  padding-top: 3cm;
}
*/

#alturaimgmodulos{
  padding-top: 3cm;
}

#alturatextonimg{
  padding-top: 2cm;
}