::-webkit-scrollbar {
	width: 0px;
	height: 0px;
}

*{
	margin: 0px;
	padding: 0px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

:root {
	--margin-img-video: calc(6vw + 25vh);
	--main-txt-color: white; 
	--main-padding: 15px; 
}

body{
	background: url(../img/background-full.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	overflow-x :hidden;
	overflow-y: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-family: 'Roboto Condensed', sans-serif;
	color: white;
}
.overlay-fondo{
	background: radial-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.6));
}
#portada-logo{
	position: absolute;
	top: 5vw;
	left: 35vw;
	width: 30vw;
	height: 20vh;
}
img{
	width: 100%;
}

/****************************************   MENU PRINCIPAL  *************************************************/

.menuPrincipal, .menuPrincipal .container{
	width: 100vw;
	height: 100vh;
}

ul.accordion{
	list-style:none;   
	position:absolute;
	left:1vw;
	bottom:1vh;
	width: 98vw;
	height: 65vh;
}
.boton-menu{
	float:left;
	width: 17.2vw;
	height: 61vh;
	display:block;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	background : rgba(112, 119, 9, 0.8);
	opacity : 0.8;
	margin-left: 1.7vw;
	margin-top: 5vh;
}

.boton-menu-min{
	width: 12.3vw;
}

.boton-menu-selected{
	width: 24.3vw;
	height: 64vh;
	margin-top: 2vh;
	border: 1px solid white;
}


/*texto vertical en el menu principal*/
.txtDetalles{
	font-size: 1.6vw;
	width: 50vh;
	height: 2vw;
	position: absolute;
	top: 30vh;
	left: 12vw;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(270deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(270deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(270deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(270deg);
	transform: translateX(-50%) translateY(-50%) rotate(270deg);
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.txtDetalles-min{
	top: 30vh;
	left: 10vw;
}
.txtDetalles-selected{
	font-size: 2.3vw;
	width: 22.3vw;
	height: 10vh;
	position: absolute;
	text-align: center;
	top: 6.2vh;
	left: 1vw;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
.containerMenu{
	position: absolute;
	top: 15vh;
	left: 1vw;
	width: 22.3vw;
	height: 40vh;
}
.linea{
	position: absolute;
	top: 0vh;
	left: 1vw;
	width: 20.3vw;
	height: 1vh;
}

.boton-submenu{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.3vw;
	text-align: center;
	background-color: #b09789;
	width: 14.3vw;
	height: 4vh;
	padding-top: 1vh;
	position: absolute;
	left: 4vw;
	border-radius: 1vh;
	border: 1px solid white;
}

.boton-submenu1{
	top: 5vh;
}
.boton-submenu2{
	top: 12vh;
}
.boton-submenu3{
	top: 19vh;
}
.boton-submenu4{
	top: 26vh;
}
.boton-submenu5{
	top: 33vh;
}
.boton-submenu6{
	top: 40vh;
}
/****************************************   MASTER PLAN  *************************************************/

.sub-menu{
	width: 96vw;
	height: 90vh;
	position: absolute;
	left: 2vw;
	top: 5vh;
}
.masterPlan .container{
	width: 96vw;
	height: 90vh;
	background : rgba(112, 119, 9, 0.8);
}
.boton-backPrincipal{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 4vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background : rgba(0, 0, 0, 0.2);
}

.boton-backPrincipal-derecha{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 84vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background : rgba(0, 0, 0, 0.2);
	z-index: 10;
}
.boton-backPrincipal-derVid{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 88vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background : rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.mp-image-container{
	width: 73vw;
	height: 90vh;
	position: absolute;
	top: 0vh;
	left: 23vw;
	overflow: hidden;
}


.boton-submenu-mp{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2vw;
	text-align: center;
	background-color: #b09789;
	width: 12.3vw;
	height: 3vh;
	padding-top: 0.7vh;
	position: absolute;
	left: 4vw;
	border-radius: 1vh;
}

.boton-oculto-restaurant{
	background-color: transparent;
	width: 20vw;
	height: 30vh;
	position: absolute;
	left: 17vw;
	top: 4vh;
}

.boton-oculto-residences{
	background-color: transparent;
	width: 30vw;
	height: 40vh;
	position: absolute;
	left: 40vw;
	top: 40vh;
}

.boton-submenu-mp1{
	top: 25vh;
}
.boton-submenu-mp2{
	top: 30vh;
}
.boton-submenu-mp3{
	top: 35vh;
}
.boton-submenu-mp4{
	top: 40vh;
}
.boton-submenu-mp5{
	top: 45vh;
}
.boton-submenu-mp-selected{
	background-color: #333333;
	opacity: 0.9;
}

.linea2{
	position: absolute;
	top: 21vh;
	left: 2vw;
	width: 19vw;
	height: 1vh;
}

.logo-footer{
	position: absolute;
	top: 1vh;
	left: 2vw;
	width: 19vw;
	height: 10vh;
}
.txtDetallesSubMenu{
	font-size: 1.9vw;
	width: 19vw;
	height: 2vh;
	position: absolute;
	top: 16vh;
	left: 2vw;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/****************************************   BUILDINGS  *************************************************/

.building .container{
	width: 96vw;
	height: 90vh;
	background : rgba(112, 119, 9, 0.8);
}
.boton-submenu-b{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2vw;
	text-align: center;
	background-color: #b09789;
	width: 12.3vw;
	height: 3vh;
	padding-top: 0.7vh;
	position: absolute;
	left: 4vw;
	border-radius: 1vh;
	z-index: 2;
}

.boton-submenu-bs{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2vw;
	text-align: center;
	background-color: #b09789;
	width: 10.3vw;
	height: 3vh;
	padding-top: 0.6vh;
	position: absolute;
	left: 6vw;
	border-radius: 1vh;
}
.boton-submenu-b1{
	top: 25vh;
}
.boton-submenu-b1-r{
	top: 30vh;
}
.boton-submenu-b1-1{
	top: 35vh;
}
.boton-submenu-b1-2{
	top: 40vh;
}
.boton-submenu-b2{
	top: 40vh;
}
.boton-submenu-b2-r{
	top: 35vh;
}
.boton-submenu-b2-1{
	top: 40vh;
}
.boton-submenu-b2-2{
	top: 45vh;
}
.boton-submenu-b3{
	top: 45vh;
}
.boton-submenu-b3-r{
	top: 40vh;
}
.boton-submenu-b3-1{
	top: 45vh;
}
.boton-submenu-b3-2{
	top: 50vh;
}

.boton-submenu-bs-b-a-ocultos{
	top: 25vh;
}

.boton-submenu-bs-b-b-ocultos{
	top: 40vh;
}

.boton-submenu-bs-b-c-ocultos{
	top: 45vh;
}

.building-a-swiper-main-container, .swiper-container-horizontal{
	width: 73vw;
	height: 90vh;
}

.boton-submenu-b-selected{
	background-color: #333333;
	opacity: 0.9;
}
.boton-submenu-b-selected-b-b{
	top: 30vh;
}

.boton-submenu-b-selected-b-c{
	top: 35vh;
}

.b-image-container{
	width: 73vw;
	height: 90vh;
	position: absolute;
	top: 0vh;
	left: 23vw;
	overflow: hidden;
}

/****************************************   GALLERY  *************************************************/
.gallery{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0vw;
	top: 0vh;
}

.gallery .container{
	width: 100vw;
	height: 100vh;
	background : rgba(112, 119, 9, 0.8);
}

.gallery-container{
	width: 100vw;
	height: 80vh;
	position: absolute;
	top: 10vh;
	left: 0vw;
	overflow: hidden;
}

.iframe-instagram{
	width: 80vw;
	height: 90vh;
	position: absolute;
	top: 10vh;
	left: 10vw;
	overflow-y: scroll;
	overflow-x: hidden;
}


.logo-gallery{
	position: absolute;
	top: 2vh;
	right: 2vw;
	width: 15vw;
	height: 8vh;
	z-index: 3;
}

.boton-backGallery{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 2vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background-color: transparent;
	z-index: 10;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
}
.boton-backGallery-derecha{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 90vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background-color: transparent;
	z-index: 10;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	color: white;
}

.gallery-galeria-swiper-main-container .swiper-container-horizontal{
	width: 100vw;
	height: 80vh;
}


div.swiper-slide-gallery{
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	display: flex;
	justify-content: center;
	-webkit-flex-shrink: 0;
}
	
div.swiper-slide-container{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.swiper-slide-gallery img {
	display: flex;
	justify-content: center;
	object-fit: contain;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	width: auto;
}

.piso-slide{
	position: absolute;
	left: 0vw;
}

.gallery-galeria-swiper-main-container .swiper-slide-gallery img {
	display: flex;
	justify-content: center;
	object-fit: contain;
}

.iframe-galeria{
	width: 90vw;
	height: 90vh;
	position: absolute;
	pointer-events:none;
}

div.swiper-slide-container-instagram{
	width: 90vw;
	height: 90vh;
	transform: scale(2,2);
	overflow: hidden;
}

/****************************************  COLLATERAL MATERIAL  *************************************************/

.collateralMaterial .container{
	width: 96vw;
	height: 90vh;
	background : rgba(112, 119, 9, 0.8);
}
.boton-submenu-cm{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.2vw;
	text-align: center;
	background-color: #b09789;
	width: 12.3vw;
	height: 3vh;
	padding-top: 0.7vh;
	position: absolute;
	left: 4vw;
	border-radius: 1vh;
}
.boton-submenu-cm1{
	top: 25vh;
}
.boton-submenu-cm2{
	top: 30vh;
}
.boton-submenu-cm3{
	top: 35vh;
}
.boton-submenu-cm4{
	top: 40vh;
}
.boton-submenu-b-selected{
	background-color: #333333;
	opacity: 0.9;
}

.cm-image-container{
	width: 73vw;
	height: 90vh;
	position: absolute;
	top: 0vh;
	left: 23vw;
	overflow: hidden;
}

.formulario{
	width: 20vw;
	height: 34vh;
	position: absolute;
	top: 50vh;
	left: 2vw;
	overflow: hidden;
}
input {
	width:18vw;
	font-size: 1.2vw;
	font-weight: 300;
	border: 1px solid white;
	border-radius: 1vh;
	display: inline-block;
	margin-top: 2vh;
	background : rgba(255, 255, 255, 0.8);
}

.span_input{
    font-weight: 400;
    font-size: 1.2vw;
    display: inline-block;
	margin-top: 2vh;
}
.submit{
	color: white;
	width:12vw;
	font-size: 1.2vw;
	font-weight: 300;
	border: none;
	border-radius: 1vh;
	display: inline-block;
	margin-top: 4vh;
	margin-left: 2vw;
	padding: 0.6vh;
	background-color : #b09789;
}
#correo-error{
	display: inline-block;
}








@media only screen and (min-width: 1900px) {
  /* For Player: */
  	.factSheet-swiper-wrapper .swiper-slide-container{
  		width: 40vw;
  	}
  	.faqs-swiper-wrapper .swiper-slide-container{
  		width: 40vw;
  	}
}


/****************************************   VIDEO  *************************************************/

.video{
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.9);
}

.video .container{
	width: 100vw;
	height: 100vh;
}
.video-container{
	width:100vw;
    height:100vh;
    position: absolute;
    top: 0vh;
    left: 0vw;
}
.video-player{
	width: 100vw;
	height: 100vh;
}

.container-menu-video{
	background : rgba(112, 119, 9, 0.8);
	width: 23vw;
	height: 100vh;
	position: absolute;
	left: 0vw;
	top: 0vh;
}

.container-menu-video .logo-footer{
	position: absolute;
	top: 1vh;
	left: 2vw;
	width: 19vw;
	height: 10vh;
}

.boton-video{
	font-size: 1vw;
	text-align: center;
	width: 10vw;
	height: 5.6vw;
	position: absolute;
	left: 6.4vw;
}

.boton-video1{
	top: 25vh;
}
.boton-video2{
	top: calc(25vh + 6vw);
}
.boton-video3{
	top: calc(25vh + 12vw);
}
.boton-video4{
	top: calc(25vh + 18vw);
}
.boton-video5{
	top: calc(25vh + 24vw);
}

.titulo-video{
	position: absolute;
	width: 10vw;
	top: 3vw;
	text-align: center;
	font-weight: 300;
}
.name-video{
	position: absolute;
	width: 10vw;
	top: 1vw;
	text-align: center;
}
.play-icon{
	position: absolute;
	width: 2.4vw;
	top: 2.8vw;
	left: 4.1vw;
}

.tresD .container{
	width: 96vw;
	height: 90vh;
	background : rgba(112, 119, 9, 0.8);
}

.iframe-3d{
	width: 73vw;
	height: 90vh;
	position: absolute;
	top: 0vh;
	left: 23vw;
	overflow: hidden;
}


@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  body{
  	background: url(../img/background-ipad.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
  .boton-backPrincipal{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-size: 1.4vw;
	text-align: center;
	border: solid 2px white;
	width: 8vw;
	height: 3vh;
	padding-top: 0.1vh;
	position: absolute;
	left: 4vw;
	bottom: 2vh;
	border-radius: 1.5vh;
	background-color: transparent;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  body{
  	background: url(../img/background-ipad.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  body{
  	background: url(../img/background-ipad.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }
}