@font-face {
			font-family: "Metropolis-Regular";
			src: url("fonts/Metropolis-Regular.woff") format("woff")
		}
		@font-face {
			font-family: "Metropolis-Medium";
			src: url("fonts/Metropolis-Medium.woff") format("woff")
		}
		@font-face {
			font-family: "Metropolis-Light";
			src: url("fonts/Metropolis-Light.woff") format("woff")
		}
		@font-face {
			font-family: "Metropolis-Thin";
			src: url("fonts/Metropolis-Thin.woff") format("woff")
		}

		body {
		  font-family: 'Metropolis-Light', sans-serif;
		  background: #333;
		  color: #fff;
		  height: 100vh;
		  line-height: 1.6;
		  font-size: 1rem;
		  overflow-x: hidden;
		}

		.contenedor {
		  width: 100%;
		  height: 100%;
		  /* CSS Smooth Scroll */
		  overflow-y: scroll; 
		  overflow-x: hidden; /* Hide horizontal scrollbar */
		  scroll-behavior: smooth;
		  scroll-snap-type: y mandatory;
		}

		.botonera-amenities {
			display: flex;
			align-items: center;
			text-align: left !important;
			background-color:#d40000;
		}

		section {
		  display: flex;
		  flex-direction: column;
		  align-items: center;
		  /*justify-content: center;*/
		  text-align: center;
		  width: 100%;
		  min-height: 100vh;
		  padding-top: 20px;
		  /* Scroll Snap 
		  scroll-snap-align: center;*/
		}

		section h1 {
		  font-size: 4rem;
		}

		/* Section Images */
		section#inicio {
		  background: url('img/fondos/portada.jpg') no-repeat top center/cover;

		}

		section#avance, section#galeria {
		  /*background: #d70000;*/
		  background: url('img/fondos/ubicacion.jpg') no-repeat bottom center/cover;
		}

		section#ubicacion {
		  /*background: #d70000;*/
		  background: url('img/fondos/ubicacion.jpg') no-repeat bottom center/cover;

		}
		section#amenities {
			background-color:#d40000;
			/*background: url('img/fondos/amenities.jpg') no-repeat top center/cover;*/
		}
		section#tipologias {
		  /*background: #f4f4f4;*/
		   background: url('img/fondos/tipologias.jpg') no-repeat top center/cover;
		 
		}

		section#contacto {
		  background: #ffffff;
		}

		.bg-azulclaro {
			background: #0d4a76;
		}

		section#interludio {
		  background: url('img/fondos/interludio.jpg') no-repeat bottom center/cover;
		}

		section#inspirado {
		  background: url('img/fondos/inspirado2.jpg') no-repeat top center/cover;
		}

		section#galeria {
		  /*background: url('img/galeria/1.jpg') no-repeat bottom center/cover;*/
		  background: #d70000;
		  padding-top: 0px;
		  padding-bottom: 0vh;
		  min-height: 30vh;
		}



		section#ubicacion, section#tipologias, section#amenities, section#avance {
			padding-bottom: 5vh;

		}
		
		section#amenities {
			display: flex;
		  	justify-content: center;
		}
		section#tipologias {
			display: flex;
		  	justify-content: center;
		}
		section#avance {
			display: flex;
		  	justify-content: center;
		}

		section#video {
		  padding-top: 0px !important;
		  padding-bottom: 0px !important;
		  min-height: 76vh;
		}

		#footer {
			background: #d70000;
		}
		.menu {
			width: 77%;
		}



		@media screen and (min-width:990px){
			.img-galeria {
				/*max-height: 450px;*/
			}
			.texto-botonera {
				font-size: 70%;
			}
			.solo-movil {
				display: none;
			}
			.botonera-amenities-escritorio {
				display: flex;
				justify-content: center;
			}
		}
		@media screen and (max-width:989px){
			.solo-escritorio {
				display: none !important;
			}
			.botonera-ubicacion {
				margin-left: 15px !important;
			}
			.img-titulo {
				max-width: 100% !important;
			}
			.botonera-amenities-escritorio {
				display: none;
			}
			section#galeria {
				min-height: auto;
				padding-bottom: 0vh;
			}
			.menu-tipologia {
				margin-top: 25px;
			}
			.amenities-text {
				font-size: 80%;
			}
			section#amenities {
				min-height: 62vh;
			}
			.texto-brochure {
				font-size: 0.75rem;
			}
			.menu {
				width: 95%;
			}
			section#avance {
			  	min-height: 60vh;
			}
			.carousel-caption { bottom:-85px; }
			.carousel-inner { padding-bottom:85px; }
		}

		.carousel-control-next-icon {
		    background-image: url("img/iconos/next-icon.png");
		}

		.carousel-control-prev-icon {
		    background-image: url("img/iconos/previous-icon.png");
		}

		.carousel-control-next, .carousel-control-prev {
			opacity: .8;
		}

		.carousel-control-next-icon, .carousel-control-prev-icon {
			width: 60px;
    		height: 60px;
		}

		
		.texto-botonera, .texto-botonera-servicios {
				letter-spacing: 0.05em
			}

		.logo {
			max-height: 80px;
		}

		.navbar-nav .nav-link {
			color: white;
		}

		.img-titulo {
			max-width: 250px;
		}

		.fondo-amenities {
			background-color: #d40000;
		}

		.titulo {
			font-family: 'Metropolis-Light', sans-serif;
			letter-spacing: 0.15em
		}
		.titulo-inspirado {
			font-size: 2.5rem;
		}
		.img-ubi {
			width: 6vh;
			height: 6vh;
		}
		
		.whatsapp-flotante {
			  position: absolute;
			  bottom: 100px;
			  right: 45px;
			  width: 60px;
			  height: 60px;
			  border-radius: 40px;
			  background-color: #4ac459;		  
		}

		.bg-cuadro-oscuro {
			background-color: #d70000;
		}

		.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		    color: #fff;
		    background-color: #810000;
		    font-family: 'Metropolis-Regular', sans-serif;
		    border-radius: 0px;
		}

		.mh-50 {
			max-height: 50%;
		}

		a {
		    color: #fff;
		}

		.btn-primary {
		    color: #fff;
		    background-color: #810000;
		    border-radius: 0px;
		    border: none;
		}

		.btn-primary:hover {
		    color: #fff;
		    background-color: #d40000;
		    border-radius: 0px;
		    border: none;
		}

		.tab-img img {
			max-height: 450px;
		}

		.bold {
			font-family: 'Metropolis-Medium', sans-serif;
		}

		section#introduccion {
			display: block !important;
			padding-top: 0px !important;
		}

		.icono-amenities{
			max-height: 40px !important;
			max-width: 40px !important;
		}

		.h100 {
			height: 100vh;
		}

		#intro-surubii {
			display: flex;
			background-image: url(img/intro-surubii-oscuro.jpg);
			align-items: center;
		  	justify-content: center;
		  	text-align: center;
		  	background-size: 100% 100%;
		  	/*border-style: solid;
  			border-width: 10px;
  			color: white;*/
		}
		#intro-surubii:hover {
		  	background-image: url(img/intro-surubii-claro.jpg);
		}

		#intro-ycuasati {
			display: flex;
			background-image: url(img/intro-ycuasati.jpg);
			align-items: center;
		  	justify-content: center;
		  	text-align: center;
		  	background-size: 100% 100%;
		  	/*border-style: solid;
  			border-width: 10px;*/
  			color: white;
		}
		#intro-ycuasati:hover {
		  	background-image: url(img/intro-ycuasati-claro.jpg);
		}

		.img-redes {
			max-width: 25px;
		}

		.texto-tipologia-pequenio {
			font-size: 0.8rem;
		}

		.mdos {
			font-size: 6vh;
			color: #256694;
		}
		.mdos span {
			font-family: 'Metropolis-Thin', sans-serif;
			font-size: 4vh;
		}
		.ico-tipologia {
			max-width: 60px;
			padding-right: 15px;
		}
		.mano {
			cursor: pointer;
		}
		.amenities-text {
			margin-bottom: 0rem;
		}
		.texto-tipologia {
			font-size: 1.6vh;
		}
		.btn-altamira {
		    color: #fff;
		    background-color: #0d4a76;
		    font-family: 'Metropolis-Regular', sans-serif;
		}
		.carousel-item img {
		}

		.amenities-caption {
			text-shadow: 1px 1px 4px black;
		}

		.fondo-sombreado {
			text-shadow: 0px 0px 10px black;
		}

		.texto-portada-movil {
			font-size: 1.1rem;
			letter-spacing: 0.7pt;
		}

		.navbar-dark .navbar-nav .nav-link {
	    		color: white;
		}

		.titulo-seccion .principal {
			margin-bottom: 0px !important;
			margin-top: 0px !important;
			line-height: 2rem;
			letter-spacing: 0.5rem;
			font-family: 'Metropolis-Bold', sans-serif;
			font-size: 2.4rem;
			color: #a7a7a7;
		}

		.titulo-seccion .espejo {
			margin-top: 0px !important;
			color: #072a3d;
			letter-spacing: 0.5rem;
			font-family: 'Metropolis-Regular', sans-serif;
			font-size: 2.4rem;
		}

		.espejo-claro {
			color: #d40900 !important;
		}

		.avance {
			font-size: 1.7rem !important;
		}
		
		.slogan-footer {
			letter-spacing: 0.2rem;
			font-size: 0.7rem;
		}

		.container-relative {
			
		}

		#img-inspirado{
		  position:absolute;
		  height: 100vh;
		}

		#img-inspirado img{
		  max-height: 100vh;
		}

		.img-filter-white {
			-webkit-filter: brightness(0) invert(1);
  			filter: brightness(0) invert(1);
		}