.display-grande{
	display:inherit !important;
}


*{
	margin:0px;
	padding:0px;
}

header{
	width:1000px;
	left:calc(50% - 500px); 
	position: fixed;
	z-index: 1000;

}
#menu { 
	height:100px; 
	width: calc(1000px - 225px);
	z-index:15;
	display: inline-block;
    vertical-align: top;
}

html{
	height:100%; 
	margin:0; 
	padding:0;
	width:100%;
	top:0px;
	background-color:#fff;
	left:0px;
	
}

/*----------------------------
	 INICIAL
-----------------------------*/	

#inicio{
	height: 100%;  
	width: 100%;
	position:relative;
	text-align: center;
	background-image: url("imagenes/home.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 3;

}

.hola{
	height: 100%;  
	width: 500px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	
}

#texto{
	height: 100%;  
	width: 100%;
	
	
}
#texto h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 50px;
	text-align: left;
	width: 100%;
}

#texto h2{
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #191919;
	text-align: left;
		width: 100%;


}


.boton{
	color: #F2F2F2;
	background:#191919;
	padding: 15px 15px;
	box-sizing: border-box;
    font-size:14px;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
    text-align: center;
	width: 200px;
	text-transform: uppercase;
	margin-top: 50px;

}

.boton:hover{
	color: #F2F2F2;
	background: #323232;
	padding: 15px 15px;
	box-sizing: border-box;
     font-size:14px;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	text-align: center;
    bottom: 15%;	
	width: 200px;
}



#foto{
	height: 100%;  
	width: 500px;
	display: inline-block;
	text-align: center;
	background-image: url("imagenes/partners.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}



/*----------------------------
	 NOSOTROS
-----------------------------*/	

#nosotros{
	height: 100%;  
	width: 100%;
	position:relative;
	text-align: center;
   background: linear-gradient(90deg, #fff  50%, #191919 50%);

}

.new{
	height: 80%;  
	width: 1000px;
    display: inline-block; 
	margin-top: 6%;
	border: 1px solid #191919;
    -moz-border-image: -moz-linear-gradient(left, #191919 50%, #fff 50%);
    -webkit-border-image: -webkit-linear-gradient(left, #191919 50%, #fff 50%);
    border-image: linear-gradient(to right, #191919 50%, #fff 50%);
    border-image-slice: 1;
	text-align: left;
	

}


#texto-1{
	height: auto;  
	width: 50%;
	display: inline-block;	
	padding-right: 50px;
	box-sizing: border-box;	
	vertical-align:top;
	padding: 50px;
}

.numero{
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #191919;
	text-align: left;
	margin-bottom:50px;
} 

#texto-1 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 10%;
	text-align: left;
	text-transform: uppercase;
}

#texto-1 h2{
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #191919;
	text-align: left;
	margin-bottom:10%;

}

.mail{
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #989898;
	text-align: left;
	padding-top: 10%;
}


#foto-1{
	height: 100%;  
	width: 50%;
	display: inline-block;
	padding: 50px;
	box-sizing: border-box;

}

#imagen{
	background-image: url("imagenes/nosotros.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
position: relative;	
}



/*----------------------------
	 EXPERIENCIA
-----------------------------*/	

#experiencia{
	height: 100%;  
	width: 100%;
	position:relative;
	text-align: center;
	background-image: url("imagenes/logos.jpg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.hello{
	height: 100%;  
	width: 1000px;
	display: inline-block;
	text-align: center;
	
}

#texto-2{
	height: 100%;  
	width: 100%;
	
	
	
}
#texto-2 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 50px;
	text-align: left;
	width: 100%;
}


.logos{
	background:#fff;
    text-align: center;
	width: 1000px;
	height: 190px;
	display: inline-block;
	overflow: hidden;
	padding: 50px 0px 30px;
	margin-top: 50px;

	
}

.slider{
	width:100%;
	margin: auto;
	overflow: hidden;
}


.slider ul{
	padding: 0;
	display: flex;
	width: 300%;
	animation: cambio 20s infinite alternate;
	animation-timing-function: ease-in;

}


.slider li{
	list-style: none;
	width: 25%;
}
.slider img{
	width: 100%;
}

@keyframes cambio{
	0%{ margin-left:0;}
	10%{ margin-left:0%;}
	
	25%{ margin-left:-33%;}
	30%{ margin-left:-33%;}
	
	35%{ margin-left:-66%;}
	40%{ margin-left:-66%;}
	
	45%{ margin-left:-99%;}
	50%{ margin-left:-99%;}
	
	55%{ margin-left:-132%;}
	60%{ margin-left:-132%;}
	
	65%{ margin-left:-165%;}
	70%{ margin-left:-165%;}
	
	75%{ margin-left:-198%;}
	80%{ margin-left:-198%;}
	
	
	
	
	
}


/*----------------------------
	 ESTRATEGIA
-----------------------------*/	

#estrategia{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
}

.hello-1{
	height: 100%;  
	width: 1000px;
	display: inline-block;
	text-align: center;
	
}

#texto-3{
	height: 300px;  
	width: 100%;
	text-align:  center;
	
	
	
}
#texto-3 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 50px;
	text-align: left;
	width: 100%;
}


.mosaico{
	background:#191919;
    text-align: center;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 25px;
	box-sizing: border-box;
	
}

.plan,.idea,.mercado,.know{
	background:#fff;
    text-align: left;
	width: 470px;
	height: auto;
	display: inline-block;
	margin: 20px;

}

#foto-plan{
	background-image: url("imagenes/foto-plan.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-plan{
	background-image: url("imagenes/icono-plan.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}



#foto-idea{
	background-image: url("imagenes/foto-idea.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-idea{
	background-image: url("imagenes/icono-idea.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
	
}




#foto-mercado{
	background-image: url("imagenes/foto-mercado.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-mercado{
	background-image: url("imagenes/icono-mercado.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}


#foto-know{
	background-image: url("imagenes/foto-know.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-know{
	background-image: url("imagenes/icono-know.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}

#texto-plan,#texto-idea,#texto-mercado,#texto-know{
	color: #191919;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	margin-bottom:10%;
	text-align: left;
	display: inline-block;
	width: 330px;
	vertical-align: top;
	margin-top: 17px;

}



/*----------------------------
	 DATA NALAITYCS
-----------------------------*/	

#analytics{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;
}

.hello-1{
	height: 100%;  
	width: 1000px;
	display: inline-block;
	text-align: center;
	
}

#texto-4{
	height: 300px;  
	width: 100%;
	text-align:  center;
	
	
	
}
#texto-4 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 50px;
	text-align: left;
	width: 100%;
}


.mosaico-1{
	background:#fff;
    text-align: center;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 25px;
	box-sizing: border-box;
	
}

.datos,.dashboard,.science,.phyton{
	background:#191919;
    text-align: left;
	width: 470px;
	height: 500px;
	display: inline-block;
	margin: 0px 20px 45px;

}



#foto-datos{
	background-image: url("imagenes/datos.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-datos{
	background-image: url("imagenes/icono-datos.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin:30px 20px 30px;
}



#foto-dashboard{
	background-image: url("imagenes/dashboard.gif");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-dashboard{
	background-image: url("imagenes/icono-dashboard.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin:30px 20px 30px;
}




#foto-science{
	background-image: url("imagenes/science.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-science{
	background-image: url("imagenes/icono-science.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 70px;
	height: 70px;
    display: inline-block;
	margin:30px 20px 30px;
}


#foto-phyton{
	background-image: url("imagenes/phyton.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-phyton{
	background-image: url("imagenes/icono-phyton.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin:30px 20px 30px;
	
}

#texto-datos,#texto-dashboard,#texto-science,#texto-phyton{
	color: #fff;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	margin-bottom:10%;
	text-align: left;
	display: inline-block;
	width: 330px;
	vertical-align: top;
	margin-top: 27px;

}


/*----------------------------
	 PROYECTOS
-----------------------------*/	

#proyectos{
	height: auto;  
	width: 100%;
	position:relative;
	text-align: center;

}

.hello-1{
	height: 100%;  
	width: 1000px;
	display: inline-block;
	text-align: center;
	margin-top: 80px;

	
}

#texto-5{
	height: 300px;  
	width: 100%;
	text-align:  center;
	
	
	
}
#texto-5 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Bree Serif', serif;
	margin-bottom: 50px;
	text-align: left;
	width: 100%;
}


.mosaico{
	background:#191919;
    text-align: center;
	width: 100%;
	height: auto;
	display: inline-block;
	padding: 25px;
	box-sizing: border-box;
	
}

.proceso,.objetivos,.board,.gestion{
	background:#fff;
    text-align: left;
	width: 470px;
	height: 450px;
	display: inline-block;
	margin: 20px;

}

#foto-proceso{
	background-image: url("imagenes/foto-proceso.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-proceso{
	background-image: url("imagenes/icono-proceso.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}



#foto-objetivos{
	background-image: url("imagenes/foto-objetivos.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-objetivos{
	background-image: url("imagenes/icono-objetivos.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}




#foto-board{
	background-image: url("imagenes/foto-board.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-board{
	background-image: url("imagenes/icono-board.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}


#foto-gestion{
	background-image: url("imagenes/foto-gestion.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
    display: inline-block;
}


#icono-gestion{
	background-image: url("imagenes/icono-gestion.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
    display: inline-block;
	margin: 20px;
}

#texto-proceso,#texto-objetivos,#texto-board,#texto-gestion{
	color: #191919;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size:18px;
	margin-bottom:10%;
	margin: 10px;
	text-align: left;
	display: inline-block;
	width: 330px;
	vertical-align: top;
	margin-top: 17px;

}




/*----------------------------
	 CONTACTO
-----------------------------*/	

#contacto{
	height: 100%;  
	width: 100%;
	position:relative;
	text-align: center;
	background-image: url("imagenes/contacto.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.hola-2{
	height: 100%;  
	width: 500px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

#texto-5{
	height: 100%;  
	width: 500px;	



	
	
}
#texto-5 h1{
	color: #191919;
    font-size:50px;
	line-height: 40px;
    font-family: 'Barlow Semi Condensed', sans-serif;
	margin-bottom: 50px;
	text-align: left;


}

#isologo{
	height: 100%;  
	width: 500px;
	display: inline-block;
	text-align: center;
	background-image: url("imagenes/isologo.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	
}


#base-formulario{
	width:100%;
	height:290px;
	text-align: left;
    margin-top: 25px;
	
}


/*----------------------------
	 mail
-----------------------------*/	

#mail{
	height: 200px;  
	width: 100%;
	position:relative;
	background: #191919;
	text-align: center;
	
	
}


.hola-3{
	height: 100%;  
	width: 1000px;
	display: inline-block;
	text-align: left;
}

#texto-6{
	height: 100%;  
	width: 100%;	
	
	margin-top: 40px;
	
}

#texto-6 h1{
	color: #fff;
    font-size:16px;
    font-family: 'Barlow', sans-serif;
	font-weight: 600;
	
	
}


#icono-mail{
	background-image: url("imagenes/icono-mail.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 70px;
	height: 70px;
	display: inline-block;
	text-align: left;
	
}



/*----------------------------
	 RIEL
-----------------------------*/	

#sub-footer { 
	position: relative; 
	width: 100%; 
	height: 50px; 
	text-align: left; 
	box-sizing: border-box;
    font-family: 'Barlow', sans-serif;
	font-weight: 400;
	font-size: 12px;
	letter-spacing: 1pt;
	z-index: 20000;
	padding-top:18px; 
}

.hola-x{
	height: auto;  
	width: 1000px;
	position: absolute;
	left: calc(50% - 500px);
	
	

}

.btn-riel{
	color: #191919;
}

.btn-riel:hover{
	color: #989898;
}