* {
	margin-top: 0;
	padding: 0;
	font-family: 'Times New Roman', Times, serif;
	margin: 0;


}

*::-webkit-scrollbar{
    display: none;
  }


body {
	display: flex;
	flex-direction: column;}


    .navbar {
        z-index: 9;
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		transition: height 0.3s ease-in-out, background-color 0.3s ease-in-out;
	    height: 0;
	}
	


	.navbar.active {
		height: 170px;
		z-index: 10;
		background-color: rgba(255, 255, 255, 0.856);
	
	}
	

#section1{
    background-color: black;
}

.nav-textUno {
    margin-top: 0px;
    margin-bottom: 0px;
 }

.flex-icon{
    margin-top: 5px;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin-left: 1px;
	list-style: none;
}
.social-icon a{
    font-size: .8rem;
    text-decoration: none;
    list-style: none;
    color: black;
	list-style: none;
    
}
.social-icon a:hover{
    text-decoration: none;
    list-style: none;
    color: #f01f50;
}
.top-navbar {
    transition: .1s;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	transition: background-color 0.3s ease-in-out;
}
.top-navbar.active {
	
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    
	

}
.nav-textUno{
	text-decoration: none;
	list-style: none;
}

.nav-text {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	top: -170px;
	opacity: 0;
	transition: top 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.nav-text.active{
    opacity: 1;
    top: 0;
	
}
.top-navbarDivUno {
    margin-top: 10px;
}

.top-navbarDivUno a{   
    list-style: none;
    text-decoration: none;
    cursor: pointer;
}
.nav-menu{
	text-decoration: none; 
	list-style-type: none;
    margin-top: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.nav-menuDos{
	text-decoration: none; 
	list-style-type: none;  
 	margin-top: 5px;
  	height: 90px;
}

.nav-menuDos a{
    margin-left: 25px; 
    text-decoration: none;
   color: black;
    font-size:.78rem;
}

.nav-menuDos a:hover{
    cursor: pointer;
    color: #f01f50;

}
.nav-itemDos {
    margin-top: 2px;
    font-size:.78rem;
   margin-left: 25px; 
}

.nav-itemDos a{
   
   margin-left: 0px; 
}
.nav-item {
    margin-right: 30px;
    text-decoration: none;
    font-size: 1.5rem; 
}
.nav-item a{
    font-weight: 900;
    text-decoration: none;
    color: black;
}
.nav-branding {
    font-family: 'Poppins', Times, serif;
    transition: .1s;
    margin-left: 25px;
    color: white;
    font-size: 2.5rem;
}
.nav-branding.active {
    margin-left: 25px;
    color: black;
    font-size: 2.5rem;
}
.nav-link {
    transition: 0.7s ease;
}
.nav-link:hover {
    color: #f01f50;
}
.bar {
    display: block ;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background-color: black;
}
.div-bar {
    margin-left: .8px;
    margin-top: 15px;
}
.hamburger {
    cursor: pointer;
    margin-top: 15px;
    margin-right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
}
.div-bar.active .bar:nth-child(2){
    opacity: 0;
}
.div-bar.active .bar:nth-child(1){
    transform: translateY(8px) rotate(45deg);
}
.div-bar.active .bar:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
}


/*--parametros generales del cuerpo de supervideo--*/


.sectiondos{
    display: flex;
    flex-direction: row;
}
.textandimage {
    background-color: black;
    height: 100vh;
}
.image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.text {
    position: absolute;
    color: white;
    font-size: 18px;
    font-family: Arial, sans-serif;
    padding: 10px;
}
.textandimagedivdos {
    position: relative;
    width: 100%;
    height: 100vh; 


}



.bottom-text {
    left: 50px;
    bottom: 4.4%;
    font-family: 'Times New Roman', Times, serif;
}
.left-text {
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    left: 50px;
    top: 90%;
    transform: translateY(-50%);
}

#arecoGardens {
    position:relative;
    bottom: 0;
    left: 0;
}

.textandimagediv{
  
    display: flex;
    flex-direction: column;
 
    
}

.textandimagediv  p{
    font-family: 'Poppins', sans-serif;
    margin-top: 20%;
    margin-left: 15%;
    line-height: 3.5rem;
    text-align: center;
    justify-content: center;
    font-size: 1.4rem;
    width:75%;
    color: white;
}




















  
  .container {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }
  
  .carousel {
    text-align: left;
    height: 100%;
    transition: transform 0.5s ease-in-out;
  }
  .carousel .slide .caption h1{
    margin-left: 30px;
    text-align: left;
  }
  .carousel .slide .caption p{
    margin-left: 30px;
    text-align: left;
  }
  .slide {

    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  
  .slide.active {
    text-align: left;
    opacity: 1;
    z-index: 0;
  }
  
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .caption {
    width: 100%;

    display: flex;
    flex-direction: column;
    justify-content: left;
    position: relative;
    text-align: left;
    bottom: 100px;
  
  }
  
  .caption h1 {
    text-align: left;

    font-weight: 100;
    color: white;
    text-align: center;
    font-size: 1.6rem;
  }
  
  .caption p {
    font-weight: 100;
    color: white;
    text-align: center;
    font-size: 1rem;
  }
  
  .smooth-transition {
    transition: transform 0.5s ease-in-out;
  }
  
  .dots {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    transform: translateX(-50%);
    margin-bottom: 50px;
    margin-right: 50px;
  }
  
  .dot {
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
  }
  
  .dot.active {
    background-color: #f01f50;
  }

  










































.supervideo {
    height: 100vh;
}
.videoloch {
    height: 100vh;
    object-fit: cover;

	width: 100%;
	
	
}


/*--tablet responsive--*/
@media only screen and (max-width: 1200px) and (min-width: 700px)  {
    .sectiondos{
        display: none;
    }

    
    .sectiontres{
        display: none;
    }

    .sectioncuatro{
        display: none;
    }

    .sectioncinco{
        display: none;
    }

}

/*--mobile responsive--*/


@media only screen and (max-width: 850px) {

	.nav-itemDos {
		margin-top: 2px;
		font-size:.9rem;
		margin-left: 0px;
		text-align: center;
	   }
	
	.flex-icon{
		
		justify-content: space-evenly;
	   }
	   

	   .flex-icon li{
		margin-top: 45px;
		justify-content: space-evenly;
	   }
	.nav-textUno {
	   margin-bottom: 40%;
	}


	.navbar {  
		height: 70px;
		z-index: 1; 
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.navbar.active {  
		height: 100vh;
		z-index: 99999; 
		position: fixed;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.nav-menuDos{
	
		margin-top: 0px;
		height: auto;
	}
	.nav-text {
		
		top: -100vh;
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		transition: .2s;
		}
	.nav-text.active{
		height: 100vh;
		background-color: white;
		}
	.nav-menu{ 
		margin-top: 50px;
		text-align: center;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		}
	
	.top-navbar {
		transition: none;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		}
		
	.top-navbar.active {
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-color: white;

		}
		
	.nav-item {
	   
		
		text-decoration: none;
		font-size: 1rem;
		
	   
	}
	.nav-menu li{
			margin: 0;
			text-align: center;      
			margin-top: 30px;
		}
	
	.top-navbarDivUno {
		margin-top: 18px;
	}

	.nav-menuDos a{
		margin-left: 0;
		width: 100%;
text-align: center;        text-decoration: none;
	   color: black;
		font-size:.9rem;
	}
	
		
	
	
	
	.sectiondos{
			display: none;
		}
	
	.sectiontres{
			display: none;
		}
	
	.sectioncuatro{
			display: none;
		}
	
	
		
	
		
		
		
		
	














.hes-gallery {
	margin-top: 3px;
	display: block;
	width: 96%;
}
.img img{
	margin-top: 5px;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;}


.img {
	opacity: 1;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;
}


#noselectgrid {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
										supported by Chrome, Edge, Opera and Firefox */
}


.img img:hover{
	
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: pointer;
	-khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
	user-select: none;
	transition: all .05s;

}

}