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

.iconslider{
margin-top:-260px;
margin-right: 1900px;


}
@media only screen and (max-width: 1100px) {
 #cuadrito7 p {
 margin-top:-300px;
 margin-left:110px;


  
  }
}
@media only screen and (max-width: 1100px) {
 #cuadrito6 p {
 margin-top:-300px;
 margin-left:110px;


  
  }
}
@media only screen and (max-width: 1100px) {
 #cuadrito5 p {
 margin-top:-300px;
 margin-left:110px;


  
  }
}

@media only screen and (max-width: 1100px) {
 #cuadrito4 p {
 margin-top:-300px;
 margin-left:110px;


  
  }
}

@media only screen and (max-width: 1100px) {
 #cuadrito3 p {
 margin-top:-300px;
 margin-left:110px;


  
  }
}


@media only screen and (max-width: 1500px) {
 img.responsive {
width: 150px !important;
height:150px !important;
margin-left:-150px;
}


  
  }
}











 .fondo2{

	margin-top:-5%;
	height:1510px !important;
	margin-bottom: -20px;
 }
 #intro{
margin-top:120px;

 }
 #services{
 margin-top:130px;
 }
 #products{
 margin-top:750px;
     

 }
 #contact{
 margin-top: 130px;
 }
 .indicators{
 position:relative !important;
 top:-20px !important;
 }
 .submitbtn{
 position:relative;
 top:-50px;
 }
 .download{
 text-decoration: underline white;
 color: white;
 font-style: italic;

 }
 .tituloprod{
margin-top:-9px;
 }

 .segundoprod{
 position: relative;
 top:40px;
 }
  .tercerprod{
 position: relative;
 top:70px;
 }
 
  .cuartoprod{
 position: relative;
 top:100px;
 }
 .teal{
 background-color: #0c397c;
 }

h5
{
	font-weight: 400;
}

/*
.tabs .indicator
{
	background-color: #e0f2f1;
	height: 40px;
	
}*/

.form-container
{
animation: show-text 0.1s ease .1s;
	padding: 40px;
	padding-top: 10px;
	color:#0c397c;
}

.confirmation-tabs-btn
{
	position: absolute;
}
a.btn{
  margin-top: 30%;
}
.modal{
 max-height:100%;
 overflow:hidden;
}

.modal-close{
  position: absolute;
  top:10px;
  right:10px;
  padding:0;
  margin:0;
}

 .caption p{
 line-height:25px;
 position:relative;
 top:130px;
 }
.caption h3{
position:relative;
 top:130px;
}
 msg-error {
  color: #0c397c;
}
.g-recaptcha.error {
  border: solid 2px #0c397c;
  padding: 0.2em;
  width: 19em;
}
label.active{
color: #0c397c;

}
 label.error{
position:relative;
color: #0c397c;
}
 .btn{
 margin-top:70px;
 background-color: #0c397c;
 }
 
.slider .indicators .indicator-item {

  border: 3px solid #ffffff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

nav ul a,
nav .brand-logo {
  color: #444;
}



.navbar-fixed{
z-index:999 !important;

}


@media only screen and (max-width: 950px) {
  .fondo1{
   margin-top:-230px !important;
  
  }
}

@media only screen and (max-width: 1350px) {
  .products{
margin-top:-150px;
margin-left:-200px !important;
  }
}
@media only screen and (max-width: 600px) {
  #oleblanco{
visibility:hidden;
  }
}
@media only screen and (max-width: 1050px) {
  #imgwho{
   position:relative;
   top:-1350px;
   margin-left:-10%;
  }
}


}
@media only screen and (max-width: 950px) {
  #cuadrito p{
   position:relative;
  top:-200px;
   line-height: 12px;
   font-size:15px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2{
position:relative;
  top:-1170px;
  right:30px;
 
  
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2 h2{

   font-size:25px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2 h3{

   font-size:15px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2 h4{

   font-size:15px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2 p{
 line-height: 20px;
   font-size:11px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito2 h5{
 line-height: 20px;
   font-size:13px;
  }
}
@media only screen and (max-width: 950px) {
  #cuadrito {
   outline: 0px none #000 !important;
   position:relative;
   top:-1150px;
   font-size: 10px;
  }
}

@media only screen and (max-width: 950px) {
  #cuadrito2 {
  right:0px;
   outline: 0px none #000 !important;
  }
}

.textitocontacto{
font-size:20px;
}

#iconito{
position:relative;
top:0px;
visibility: hidden;
}

@media only screen and (max-width: 950px) {
  #iconito{
   visibility: visible;
   position:absolute;
   top:0px;
  }
}


p {
  line-height: 1.5rem;
}

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

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  position:relative;
  top:20px;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

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

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


.icon-block {
  padding: 0 15px;
}



footer.page-footer {
  margin: 0;
}

video#bgvid { 
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	margin-top:-10%;
    z-index: 9999;
}

fondo22{
     z-index: -1 !important;

   
}
.fondo1{
   
	margin-top:-15%;
	height:2510px !important;
}

.who{
	position:absolute;
	top:20%;
	margin-left:-40%;
	}
	
.products{
	position:absolute;
	top:14%;
	margin-left:-32%;
	}	
	#cuadrito{
		width:70%;
		font-family: 'Yantramanav', sans-serif;
		font-size:20px;
		text-align:justify;
		outline: 2px solid #CCC;
		padding:10px;
		padding-left:40px;
		padding-right:40px;
		margin:0 auto;
		font-weight: lighter;
		
	}
		#cuadrito2{
		width:100%;
		font-family: 'Yantramanav', sans-serif;
		font-size:15px;
		text-align:justify;
		padding:10px;
		padding-left:40px;
		padding-right:40px;
		margin:0 auto;
		font-weight: lighter;
		
	}
.imagenOle{
	width:300px;
	margin:0 auto;
}

.tSlider{
	height:120% !important;
	position:relative !important;
	top:300px !important;
}

.oleBlanco{
	position:absolute;
	top:20%;
	margin-left:-40%;
	}
	
.slides{
margin-top: -175px !important;
height: 1000px !important;
}