* {
    box-sizing: border-box;
    margin: 0px;
     cursor: crosshair; 
  }

body::-webkit-scrollbar {
  display: none; 

}

html {
  scroll-behavior: smooth;
}




@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* -------------------MÓVIL-------------------------- */
/* ------------------MÓVIL-------------------------- */
/* -------------------MÓVIL-------------------------- */
/* -------------------MÓVIL------------------------- */

@media (max-width:768px){


/* ------------------------------------SECCIÓN 1----------------------------------- */
#section1{
	height: 100vh;
   z-index: 12;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

}

.div-portada{
	width: 94vw;
	height: 75vh;

}

.portada{
	width: 94vw;
	height: 75vh;
	object-fit: cover;
}


.texto1{


	font-family: 'Inter', sans-serif;
	font-size: 4.6vw;
	font-weight: 700;
	position: absolute;
	z-index: 3;
	top: 4vh;
	left: 3vw;
	
	color: black;
	}


.caja-info{
	position: absolute;
	width: 100vw;
	height: 40vh;
	bottom: 0vh;
	background-color: black;
	
}

.elegance{


	font-family: 'Inter', sans-serif;
	
	font-weight: 300;
	
	}

.flecha{


	
	position: fixed;
	z-index: 20;
	width: 10vw;
	height: auto;
	top: 5.5vh;
	right: 3vw;
	filter: invert(100%);

	
	
	}




.slide-up {
  opacity: 1;
  transition: opacity 0.5s, transform 1s;
  transform: translateY(0);
}

.slide-up.hidden {
  opacity: 0;
  transform: translateY(-1000px);
}







/* ------------------------------------SECCIÓN 2----------------------------------- */



	




  #section2{
   
   
   z-index: 12;
   width: 100vw;
   height: auto;
   background-color: white;
 

  }
.galeria{
	
	margin-bottom: 10vh;
	margin-top: 10vh;

 display: flex;
  flex-flow: wrap;
  justify-content: center;

}
 .galeria img{
 	

   
   width: 95vw;
   height: auto;
   padding: 7vw;
  
  }

.caja-info{
	 justify-content: center;
	  display: flex;
  flex-flow: wrap;
}

.div-titulo{
	position: absolute;
	width: 80%;
	height: auto;
	
	align-content: center;
	align-items: center;
	margin-top: 5vh;
}

.div-titulo p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 600;
	font-size: 48px;
	color: white;
	
}

.datos{

	position: absolute;
	width: 80%;
	height: auto;
	
	
	bottom: 7vh;
	
	display: flex;
}
.datos-1{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-1 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 16px;
	color: #A7A7A7;
	
}

.datos-1 span{

	
	
	font-weight: 600;
	
	color: white;
	
}


.datos-2{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-2 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 16px;
	color: #A7A7A7;
	
}

.datos-2 span{

	
	
	font-weight: 600;
	
	color: white;
	
}





/* ------------------------------------SECCIÓN 4----------------------------------- */







/* ------------------------------------SECCIÓN 5----------------------------------- */









  #section5{
   
   height: 30vh;
   z-index: 10;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

  }

  


.titular-footer{
	position: absolute;
	width: 100vw;
	text-align: center;
	color: black;
	
	font-family: 'Inter', sans-serif;
	font-size: 5vw;
	font-weight: 300;
}



.titular-footer-2 a{

	font-weight: 700;
	
	color: black;
	font-weight: 700;

}




/* ------------------------------------FOOTER----------------------------------- */




  #footer{
   z-index: 12;
   height: 70vh;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;
   overflow: hidden;


  }

.imagen-footer{
	display: none;
}


.caja-footer{

	position: absolute;
	z-index: 2;
	width: 100vw;
	height: 70vh;
	background-color: black;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



.iconos-redes-2{
	position: absolute;
	
	height: 30px;
	width: auto;
	overflow: hidden;
	bottom: 14vh;
	
	left: 30vw;
	
	
	z-index: 20;

}

.iconos-redes-2 a{
	position: relative;
	
	padding: 15px;


	
}

.iconos-redes-2 img{
	position: relative;
	height: 3vh;
	width: auto;
	

	
}

.copiright-2{


	font-family: 'Inter', sans-serif;
	font-size: 3vw;
	width: 100%;
	text-align: center;
	
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	
	
	bottom: 8.9444vh;
	
	text-decoration: none;
	
	}




.texto3{


	font-family: 'Inter', sans-serif;
	font-size: 2.5vh;
	

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 5vw;
	
	color: white;
	}




.elegance-3{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}


.logo-footer {
	position: absolute;
	z-index: 4;
	width: 15vw;
	height: auto;
	right: 5vw;
	top: 5.9444vh;

}



.titulares-footer{


	display: none;
	
	}

.datos-footer{


	font-family: 'Inter', sans-serif;
	position: absolute;
	font-size: 4vw;
	
	z-index: 7;
	line-height: 10vw;
	width: 100%;
	text-align: center;
	
	font-weight: 250;
	
	top: 25vh;

	
	}

.datos-footer a {


	color: white;
	
	}




/* ------------------------------------MENU FULL SCREEN----------------------------------- */



#full-menu{
	position: fixed;
	top: 0;
	right: -100vw;
	
	
	z-index: 60;
	width: 100vw;
	height: 100vh;
	background: black;

	

	
	
}

.imagen-menu{
	display: none;
}


.flecha2{
	position: absolute;
	
	z-index: 60;
	width: auto;
	height: 3.8vh;
	right: 3vw;
	top: 6vh;
	}









.iconos-redes{
	position: absolute;
	
	height: 30px;
	width: auto;
	overflow: hidden;
	bottom: 15vh;
	
	left: 32vw;
	
	
	z-index: 20;

}

.iconos-redes a{
	position: relative;
	
	padding: 15px;


	
}

.iconos-redes img{
	position: relative;
	height: 3vh;
	width: auto;
	

	
}


	



	.copiright{


font-family: 'Inter', sans-serif;
	font-size: 3vw;
	width: 100%;
	text-align: center;
	
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	
	
	bottom: 8.9444vh;
	
	text-decoration: none;
	
	}


.nav-1 {
  float: left;

  width: 100%;


  
  position: absolute;
  top: 23%;


}
.nav-1 .ul-1 {
  
  overflow: hidden; 
}
.nav-1 .ul-1 .li-1 {
  
  font-family: 'Inter', sans-serif;
  text-align: left;
  font-size: 9vw;
  width: auto;

  font-weight: 500;
  }

  .nav-1 .ul-1 .li-1 .a-1 {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
}

.nav-1 .ul-1 .li-1:hover {
  font-weight: 100;

  }




.texto2{


	font-family: 'Inter', sans-serif;
	font-size: 2.5vh;
	width: auto;

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 8vw;
	
	color: white;
	}




.elegance-2{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}


/* ------------------------------------SPLASH----------------------------------- */

.intro{
	width: 100vw;
	height: 100vh;
	background-color: black;
	position: fixed;
	top: 0vh;
	z-index: 20;
	transition: 1s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	
}


.logointro{
	position: absolute;
	width: 25%;
	height: auto;
	z-index: 30;
	margin: auto;
	display: block;
	opacity: 0;
	transition: 0.7s;

}









	}
/* -------------------TABLET VERTICAL-------------------------- */
/* ------------------TABLET VERTICAL-------------------------- */
/* -------------------TABLET VERTICAL-------------------------- */
/* -------------------TABLET VERTICAL------------------------- */

@media (min-width:768px){


/* ------------------------------------SECCIÓN 1----------------------------------- */
#section1{
	height: 100vh;
   z-index: 12;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

}

.div-portada{
	width: 94vw;
	height: 75vh;

}

.portada{
	width: 94vw;
	height: 75vh;
	object-fit: cover;
}


.texto1{


	font-family: 'Inter', sans-serif;
	font-size: 3vw;
	font-weight: 700;
	position: absolute;
	z-index: 3;
	top: 4vh;
	left: 3vw;
	
	color: black;
	}


.caja-info{
	position: absolute;
	width: 40vw;
	height: 87.5vh;
	bottom: 0vh;
	background-color: black;
	left: 12vw;
}

.elegance{


	font-family: 'Inter', sans-serif;
	
	font-weight: 300;
	
	}

.flecha{


	
	position: fixed;
	z-index: 20;
	width: 5vw;
	height: auto;
	top: 5.5vh;
	right: 3vw;
	filter: invert(100%);

	
	
	}




.slide-up {
  opacity: 1;
  transition: opacity 0.5s, transform 1s;
  transform: translateY(0);
}

.slide-up.hidden {
  opacity: 0;
  transform: translateY(-1000px);
}







/* ------------------------------------SECCIÓN 2----------------------------------- */



	




  #section2{
   
   
   z-index: 12;
   width: 100vw;
   height: auto;
   background-color: white;
 

  }
.galeria{
	
	margin-bottom: 10vh;
	margin-top: 10vh;
 display: flex;
  flex-flow: wrap;
  justify-content: center;

}
 .galeria img{
 	

   
   width: 50vw;
   height: auto;
   padding: 2vw;
  
  }

.caja-info{
	 justify-content: center;
	  display: flex;
  flex-flow: wrap;
}

.div-titulo{
	position: absolute;
	width: 80%;
	height: auto;
	
	align-content: center;
	align-items: center;
	margin-top: 35vh;
}

.div-titulo p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 600;
	font-size: 6vw;
	color: white;
	
}

.datos{

	position: absolute;
	width: 80%;
	height: auto;
	
	
	bottom: 13vh;
	
	display: flex;
}
.datos-1{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-1 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 2vw;
	color: #A7A7A7;
	
}

.datos-1 span{

	
	
	font-weight: 600;
	
	color: white;
	
}


.datos-2{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-2 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 2vw;
	color: #A7A7A7;
	
}

.datos-2 span{

	
	
	font-weight: 600;
	
	color: white;
	
}





/* ------------------------------------SECCIÓN 4----------------------------------- */







/* ------------------------------------SECCIÓN 5----------------------------------- */




  #section5{
   
   height: 35vh;
   z-index: 10;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

  }

  


.titular-footer{
	position: absolute;
	width: 100vw;
	text-align: center;
	color: black;
	top: vh;
	font-family: 'Inter', sans-serif;
	font-size: 5vw;
	font-weight: 200;
}



.titular-footer-2 a{

	font-weight: 700;
	
	color: black;
	font-weight: 700;

}




/* ------------------------------------FOOTER----------------------------------- */




  #footer{
   z-index: 12;
   height: 100vh;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;
   overflow: hidden;


  }

.imagen-footer{
	position: absolute;
	z-index: 1;
	right: 0vw;
	bottom: 0vh;
	height: 93vh;
	width: 60vw;
	object-fit: cover;
}


.caja-footer{

	position: absolute;
	z-index: 2;
	width: 70vw;
	height: 80vh;
	background-color: black;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



.iconos-redes-2{
	position: absolute;
	
	height: 32px;
	width: auto;
	overflow: hidden;
	bottom: 8.9444vh;
	right: 4vw;
	z-index: 20;

}

.iconos-redes-2 a{
	position: relative;
	
	padding: 15px;


	
}

.iconos-redes-2 img{
	position: relative;
	height: 32px;
	width: auto;
	

	
}

.copiright-2{


	font-family: 'Inter', sans-serif;
	font-size: 2vw;
	width: auto;
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	text-align: left;
	width: 100%;
	bottom: 8.9444vh;
	left: 4vw;
	text-decoration: none;
	
	}




.texto3{


	font-family: 'Inter', sans-serif;
	font-size: 3vh;
	width: auto;

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 4vw;
	
	color: white;
	}




.elegance-3{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}


.logo-footer {
	position: absolute;
	z-index: 4;
	width: 8.5vw;
	height: auto;
	right: 4vw;
	top: 5.9444vh;

}



.titulares-footer{


	font-family: 'Inter', sans-serif;
	position: absolute;
	font-size: 2.4vw;
	color: white;
	z-index: 7;
	line-height: 80px;
	
	font-weight: 250;
	left: 4vw;
	top: 27vh;
	
	}

.datos-footer{


	font-family: 'Inter', sans-serif;
	position: absolute;
	font-size: 2.4vw;
	
	z-index: 7;
	line-height: 80px;
	
	font-weight: 250;
	left: 25vw;
	top: 27vh;

	
	}

.datos-footer a {


	color: white;
	
	}




/* ------------------------------------MENU FULL SCREEN----------------------------------- */



#full-menu{
	position: fixed;
	top: 0;
	right: -100vw;
	
	
	z-index: 60;
	width: 100vw;
	height: 100vh;
	background: black;

	

	
	
}

.imagen-menu{
	position: absolute;
	width: 47.60vw;
	height: 84.629vh;
	top: 6.9444vh;
	object-fit: cover;
	
	left: 3.90vw;
	display: flex;
}


.flecha2{
	position: absolute;
	
	z-index: 60;
	width: auto;
	height: 3vh;
	right: 3vw;
	top: 6vh;
	}









.iconos-redes{
	position: absolute;
	
	height: 30px;
	width: auto;
	overflow: hidden;
	bottom: 16vh;
	left: 57vw;
	z-index: 20;

}

.iconos-redes a{
	position: relative;
	
	padding: 10px;


	
}

.iconos-redes img{
	position: relative;
	height: 30px;
	width: auto;
	

	
}



	



	.copiright{


	font-family: 'Inter', sans-serif;
	font-size: 1.7vh;
	width: auto;
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	text-align: left;
	width: 100%;
	bottom: 8.9444vh;
	left: 57vw;
	text-decoration: none;
	
	}


.nav-1 {
  float: left;

  left: 52vw;
  position: absolute;
  top: 23%;


}
.nav-1 .ul-1 {
  
  overflow: hidden; 
}
.nav-1 .ul-1 .li-1 {
  
  font-family: 'Inter', sans-serif;
  font-size: 5.8vw;
  width: auto;

  font-weight: 500;
  }

  .nav-1 .ul-1 .li-1 .a-1 {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
}

.nav-1 .ul-1 .li-1:hover {
  font-weight: 100;

  }




.texto2{


	font-family: 'Inter', sans-serif;
	font-size: 2.7vh;
	width: auto;

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 57vw;
	
	color: white;
	}




.elegance-2{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}



/* ------------------------------------SPLASH----------------------------------- */

.intro{
	width: 100vw;
	height: 100vh;
	background-color: black;
	position: fixed;
	top: 0vh;
	z-index: 20;
	transition: 1s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	
}


.logointro{
		position: absolute;
	width: 15%;
	height: auto;
	z-index: 30;
	margin: auto;
	display: block;
	opacity: 0;
	transition: 0.7s;

}





	}
/* -------------------ORDENADOR NORMAL-------------------------- */
/* ------------------TABLET HORIZONTAL-------------------------- */
/* -------------------ORDENADOR NORMAL-------------------------- */
/* -------------------TABLET HORIZONTAL------------------------- */

@media (min-width:1024px){


/* ------------------------------------SECCIÓN 1----------------------------------- */
#section1{
	height: 100vh;
   z-index: 12;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

}

.div-portada{
	width: 94vw;
	height: 75vh;

}

.portada{
	width: 94vw;
	height: 75vh;
	object-fit: cover;
}


.texto1{


	font-family: 'Inter', sans-serif;
	font-size: 1.8vw;
	font-weight: 700;
	position: absolute;
	z-index: 3;
	top: 4vh;
	left: 3vw;
	
	color: black;
	}


.caja-info{
	position: absolute;
	width: 26.510416666666668vw;
	height: 87.5vh;
	bottom: 0vh;
	background-color: black;
	left: 12vw;
}

.elegance{


	font-family: 'Inter', sans-serif;
	
	font-weight: 300;
	
	}

.flecha{


	
	position: fixed;
	z-index: 20;
	width: 3vw;
	height: auto;
	top: 5.5vh;
	right: 3vw;
	filter: invert(100%);

	
	
	}




.slide-up {
  opacity: 1;
  transition: opacity 0.5s, transform 1s;
  transform: translateY(0);
}

.slide-up.hidden {
  opacity: 0;
  transform: translateY(-1000px);
}







/* ------------------------------------SECCIÓN 2----------------------------------- */



	




  #section2{
   
   
   z-index: 12;
   width: 100vw;
   height: auto;
   background-color: white;
 

  }
.galeria{
	
	margin-bottom: 10vh;
	margin-top: 10vh;
 display: flex;
  flex-flow: wrap;
  justify-content: center;

}
 .galeria img{
 	

   
   width: 50vw;
   height: auto;
   padding: 2vw;
  
  }

.caja-info{
	 justify-content: center;
	  display: flex;
  flex-flow: wrap;
}

.div-titulo{
	position: absolute;
	width: 80%;
	height: auto;
	
	align-content: center;
	align-items: center;
	margin-top: 40vh;
}

.div-titulo p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 600;
	font-size: 3.3333333333333335vw;
	color: white;
	
}

.datos{

	position: absolute;
	width: 80%;
	height: auto;
	
	
	bottom: 13vh;
	
	display: flex;
}
.datos-1{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-1 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 1.0416666666666667vw;
	color: #A7A7A7;
	
}

.datos-1 span{

	
	
	font-weight: 600;
	
	color: white;
	
}


.datos-2{

		
	width: 50%;
	height: auto;
	
	
	
	
}

.datos-2 p{

	font-family: 'Inter', sans-serif;
	
	font-weight: 200;
	font-size: 1.0416666666666667vw;
	color: #A7A7A7;
	
}

.datos-2 span{

	
	
	font-weight: 600;
	
	color: white;
	
}





/* ------------------------------------SECCIÓN 4----------------------------------- */







/* ------------------------------------SECCIÓN 5----------------------------------- */




  #section5{
   
   height: 35vh;
   z-index: 10;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;

  }

.titular-footer{
	position: absolute;
	width: 100vw;
	text-align: center;
	color: black;
	top: 4vh;
	font-family: 'Inter', sans-serif;
	font-size: 3.3333333333333335vw;
	font-weight: 200;
}



.titular-footer-2 a{

	font-weight: 700;
	
	color: black;
	font-weight: 700;

}




/* ------------------------------------FOOTER----------------------------------- */




  #footer{
   z-index: 10;
   height: 100vh;
   width: 100vw;
   display: grid;
   place-items: center;
   position: relative;
   background-color: white;
   overflow: hidden;

  }

.imagen-footer{
	position: absolute;
	z-index: 1;
	right: 0vw;
	bottom: 0vh;
	height: 93vh;
	width: 60vw;
	object-fit: cover;
}


.caja-footer{

	position: absolute;
	z-index: 2;
	width: 65.26041666666667vw;
	height: 80vh;
	background-color: black;
	bottom: 0;
	left: 0;
	overflow: hidden;
}



.iconos-redes-2{
	position: absolute;
	
	height: 32px;
	width: auto;
	overflow: hidden;
	bottom: 8.9444vh;
	right: 4vw;
	z-index: 20;

}

.iconos-redes-2 a{
	position: relative;
	
	padding: 15px;


	
}

.iconos-redes-2 img{
	position: relative;
	height: 32px;
	width: auto;
	

	
}

.copiright-2{


	font-family: 'Inter', sans-serif;
	font-size: 20px;
	width: auto;
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	text-align: left;
	width: 100%;
	bottom: 8.9444vh;
	left: 4vw;
	text-decoration: none;
	
	}




.texto3{


	font-family: 'Inter', sans-serif;
	font-size: 3vh;
	width: auto;

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 4vw;
	
	color: white;
	}




.elegance-3{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}


.logo-footer {
	position: absolute;
	z-index: 4;
	width: 5vw;
	height: auto;
	right: 4vw;
	top: 5.9444vh;

}



.titulares-footer{


	font-family: 'Inter', sans-serif;
	position: absolute;
	font-size: 1.6666666666666667vw;
	color: white;
	z-index: 7;
	line-height: 80px;
	
	font-weight: 300;
	left: 4vw;
	top: 27vh;
	
	}

.datos-footer{


	font-family: 'Inter', sans-serif;
	position: absolute;
	font-size: 1.6666666666666667vw;
	
	z-index: 7;
	line-height: 80px;
	
	font-weight: 300;
	left: 25vw;
	top: 27vh;

	
	}

.datos-footer a {


	color: white;
	
	}




/* ------------------------------------MENU FULL SCREEN----------------------------------- */



#full-menu{
	position: fixed;
	top: 0;
	right: -100vw;
	
	
	z-index: 60;
	width: 100vw;
	height: 100vh;
	background: black;

	

	
	
}

.imagen-menu{
	position: absolute;
	width: 47.60vw;
	height: 84.629vh;
	top: 6.9444vh;
	object-fit: cover;
	
	left: 3.90vw;
	display: flex;
}


.flecha2{
	position: absolute;
	
	z-index: 60;
	width: auto;
	height: 4vh;
	right: 3vw;
	top: 6vh;
	}









.iconos-redes{
	position: absolute;
	
	height: 32px;
	width: 50%;
	overflow: hidden;
	bottom: 8.9444vh;
	left: 85vw;
	
	z-index: 20;
	


}

.iconos-redes a{
	
	
	
	padding: 15px;


	
}

.iconos-redes img{
	
	height: 32px;
	width: auto;
	

	
}



	



	.copiright{


	font-family: 'Inter', sans-serif;
	font-size: 2vh;
	width: auto;
	font-weight: 300;
	position: absolute;
	z-index: 4;
	color: #8E8E8E;
	text-align: left;
	width: 100%;
	bottom: 8.9444vh;
	left: 57vw;
	text-decoration: none;
	
	}


.nav-1 {
  float: left;

  left: 54vw;
  position: absolute;
  top: 23%;


}
.nav-1 .ul-1 {
  
  overflow: hidden; 
}
.nav-1 .ul-1 .li-1 {
  
  font-family: 'Inter', sans-serif;
  font-size: 3vw;
  width: auto;

  font-weight: 500;
  }

  .nav-1 .ul-1 .li-1 .a-1 {
  display: block;
  padding: 20px;
  color: #fff;
  text-decoration: none;
}

.nav-1 .ul-1 .li-1:hover {
  font-weight: 100;

  }




.texto2{


	font-family: 'Inter', sans-serif;
	font-size: 3vh;
	width: auto;

	font-weight: 600;
	position: absolute;
	z-index: 3;
	top: 5.9444vh;
	left: 57vw;
	
	color: white;
	}




.elegance-2{


	font-family: 'Inter', sans-serif;
	
	font-weight: 100;
	
	}


/* ------------------------------------SPLASH----------------------------------- */

.intro{
	width: 100vw;
	height: 100vh;
	background-color: black;
	position: fixed;
	top: 0vh;
	z-index: 20;
	transition: 1s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	
}


.logointro{
	position: absolute;
	width: 10%;
	height: auto;
	z-index: 30;
	margin: auto;
	display: block;
	opacity: 0;
	transition: 0.7s;


}






	}