/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 /* nav bar estilo */
 .bloquenav{
   background-color: rgb(4, 25, 40);
 }
 /* plastas de slider  */
 .generalslide
 {
   background-image: url("homelan.png");
   background-size: cover;
   background-position: center center;
   
 }

 .generalslide .row
 {
   margin-bottom: 0;
   padding-bottom: 15%;
   
 }

 .plasta1{
  background-color: rgb(4, 25, 40);
  margin-top: 10%;
  margin-right: 5%;

 }
 .plasta1 button{
  margin-top: 10%;
  margin-bottom: 10%;

 }
 
 #valor{
   padding-bottom: 5%; 
 }
.traslucid_bg{
 background-color: rgb(4, 25, 40,0.7);
 margin-top: 10%;
 
}
.traslucid_bg h5{
  font-size: 2.7em;
  color: white;
  margin-left: 20%;
  text-align: center;
}

.traslucid_bg a{
  padding-bottom: 5%;
  margin-bottom: 70px;
  margin-top: 30px;
  margin-left: 50%;
  color: black;
}
/* bloque dos del sistema */
.bloque2{
  background-color:rgb(4, 25, 40);
}
.bloque2 .row{
  margin-bottom: 0px;
}

.bloque2 h1{
 color: #f7c720;
 padding-right: 5%;
 font-size: 4em;
 padding-top: 5%;
}
.bloque2 h5{
  color: white;
  padding-right: 2%;
  font-size: 1.7em;
  padding-top: 10%;
  padding-bottom: 13%;
 }

 /* bloque 3 que ofrecemos */
 

 .bloque3{
  /* margin-top: -20px; */
  
  background-image: url("ofrecemos.png");
  background-size: cover;
  padding: 10%;
 
   
 }
 .bloque3 .row{
  /* margin-top: -20px; */

  margin-bottom: 0;
 }

 .bloque3 .cajonero1{
  display: flex;
  flex-wrap: wrap;
  
 }
 
.bloque3 h3{
 
 color: white;
 margin: 0%;
 
}
.icon-block{
  height: 100%;
}

/* estilos  */
.bloque3 p,h5, h4{
 
  color: black;
  padding-top: 5%;
  text-align: center;
  font-size: 1.2em;
 } 

/* inicia bloque 4  */
 .bloque4 {
   background-color: rgb(4, 25, 40);
   
 }
 .bloque4 h1 {
  color: #f7c720;
  font-size: 2.1em;
  padding-left: 30%;
  padding-top: 5%;
  padding-right: 10%;
  
}
.bloque4 h3 {
  color: white;
  font-size: 1.3em;
  padding-left: 30%;
  

}
.bloque4 p {
  color:  black;
}
.bloque4 .row {
  color:  black;
  margin: 0;
  
}
.bloque4 .fondo
{
  background-image: url("fondoblok4.png");
  background-size: cover;
  padding-bottom: 80px !important; 
  padding-top: 80px !important;
  
  
}

/* inicia otro bloque bloque */
.bloque5 {
 background-image: url("back2.png");
 background-repeat: no-repeat;
 padding-bottom: 2%;
}

.bloque5 .cajonero2{
  display: flex;
  flex-wrap: wrap; 
  
 }
 
.bloque5 h3{
 margin-top: 0px;
 padding-top: 2%;
color: black;
 }
 .bloque5 .card{
  height: 100%;
  background-color: rgb(4, 25, 40);
}
 .bloque5 h4,p{
  margin-top: 0px;
  padding-top: 2%;
 color: rgb(255, 255, 255);
  }

  /* .estilocaja{
    
    background-color: rgb(4, 25, 40);
  } */
/* footer estilos  */
/* .estilofoot{
  margin: 0% 10%;
 } */

.estilofoot h6{
 font-size: 1.2rem;
 
}
.estilofoot i{
  font-size: 3.2rem;
  color: black;
 }

p {
  line-height: 2rem;
}

.sidenav-trigger {
  color: #26a69a;
}

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(235, 203, 60, 0.9);
}
  .parallax-container .section {
    width: 100%;
  }


@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }

.plasta1{
  margin: 0;
  top:0;
  padding:0;

}
.traslucid_bg{
  background-color: rgba(48, 46, 46, 0.6);
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 11px;
  
 }
 .generalslide{
  padding-bottom: 10%;
}

 
}
footer.page-footer {
  margin: 0;
}
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}