body {
  font-family: 'raleway', serif;

}

ul li {
	list-style: none;
  text-decoration:none;
}

a:hover {
	text-decoration: none;
	transition:all 0.3s ease;

}

a:focus {
  outline:none;
  outline-offset: 0;
  text-decoration:none;
}

a {
text-decoration:none;
transition:all 0.3s ease;

}

a:visited {
text-decoration:none;
}

a:active {
text-decoration:none;
}

*::-moz-selection{
   background: #8c8c8c;
}

*::selection {
   background: #8c8c8c;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

body, nav, ul, li, a  {margin: 0; padding: 0;}



/* nav */

.navbar {
	padding:0 4vw;
	background-color:#fff
	}

.navbar-brand {
	}
	
.navbar-brand img{
	width:100%;
	max-width:250px;
	
	}	

.navbar-brand span{
	font-weight:900;
	}	
	
	
.navbar-brand:hover {
	}
	
.navbar-expand-sm{
	background-color: none

	}
	
	
.navbar-nav a{
	font-family: "Raleway", serif;
	font-weight: 700

	}
	
.btn_pleno{	
	padding:10px;

	}	
	
.btn_pleno a{	
	border-radius:30px;
	background-color:#005aa0;
	color:#FFF;
	font-size:16px;
	width:130px;
	text-align:center
	}

.btn_pleno a:hover {	
	background-color:#0fb0e9;
	color:#fff;
	}

.btn_plenovioleta{	
	padding:10px;

	}	
	
.btn_plenovioleta a{	
	border-radius:30px;
	background-color:#8a3ef6;
	color:#FFF;
	font-size:16px;
	width:130px;
	text-align:center
	}

.btn_plenovioleta a:hover {	
	background-color:#0fb0e9;
	color:#fff;
	}

		
.btn_texto a{	
	color: #005aa0;
	font-size:16px;
	}
	
.btn_texto a:hover{	
	color: #0fb0e9;
	}		
	
	
.nav-item {
	padding:8px;
	}




.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: rgb(0,0,0, 0.5);
} 


	
.seccion1 {
	background: rgb(28,28,28);
    background: -moz-linear-gradient(0deg, rgba(28,28,28,1) 0%, rgba(229,229,229,1) 40%);
    background: -webkit-linear-gradient(0deg, rgba(28,28,28,1) 0%, rgba(229,229,229,1) 40%);
    background: linear-gradient(0deg, rgba(28,28,28,1) 0%, rgba(229,229,229,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8a3ef6",endColorstr="#e5e5e5",GradientType=1);
    
}


.wrappenedificio{
    flex-direction: column;
    justify-content: flex-end;
    min-height: 80vh;
    display: flex;
    position: relative;
    overflow: hidden;
	}

.textointro{
    position: relative;
	z-index: 30;
	top: 15vh;
	left: 15vw
	}

.textointro h1{
	font-family: "Raleway", serif;
	font-weight: 900;
	font-size: 3.5vw;
	letter-spacing: -0.1vw;
	line-height: 3.5vw;
	color: aliceblue;
	padding-top: 5vh;
	color: #1C1C1C
	}

.textointro h1 span{
	color: #005aa0;
    }


.textointro p{
	font-family: "Raleway", serif;
	font-weight: 500;
	font-size:1.563vw;
	line-height: 1.6vw;
	color: aliceblue;
	padding-top: 2vh;
	color: #1C1C1C;
	padding-bottom: 1.2vw
	}


.textointro a{
	font-family: "Raleway", serif;
	font-weight: 700;
	border-radius:40px;
	color:#005aa0;
	font-size:1.4vw;
	padding:1.2vw 2.7vw;
	text-align:center;
	border: #005aa0 2px solid;
	margin-top: 2vh;
	}
	
.textointro a:hover {	
	outline-style:none;
	text-decoration:none;
	background-color:#0fb0e9;
	color:#fff;
	}

.edificio img{
	width:100%;
	max-width:39vw;
	position: relative;
	float: right;
	right: 20vh
	}	

.dami img{
	width:100%;
	max-width:29.292vw;
	position: absolute;
    z-index: 20;
	top: -3vh;
	left: 15vh;
	overflow: hidden;
	}



.margenestopbotton	
	{padding-top: 10vh;
	padding-bottom: 10vh}


.tags {
	background-color: #1C1C1C;
	

}



.marquee {
  width: 100%;
  
  overflow: hidden;


}

.marquee li {
  font-size: 40px;
  letter-spacing: -0.2px;
	color: #949494

}

.marquee__content {
  display: flex;
  animation: scrolling 30s linear infinite;

}

.marquee__item {
  flex-shrink: 0;
  background-color: #1C1C1C;
  border-radius:40px;
	font-family: "Raleway", serif;
	font-weight: 700;
	margin: 5px;
	padding:10px; 
}


@keyframes scrolling {
  0% { transform: translateX(0) }
  100% { transform: translateX(-100%) }
}



.marquee__content2 {
  display: flex;
  animation: scrolling2 20s linear infinite;

}

@keyframes scrolling2 {
  0% { transform: translateX(0) }
  100% { transform: translateX(-100%) }
}


.presentacion {
	padding-top: 10vh;
}


.presentacion h2{

	font-family: "Raleway", serif;
	font-size: 1.2vw;
	line-height: 1.8vw;
	font-weight: 500;
	color: #1C1C1C;
	text-align: center
}

.tasar {
}


.tasar h2{

	font-family: "Raleway", serif;
	font-size: 1.2vw;
	line-height: 1.8vw;
	font-weight: 500;
	color: #fff;
	text-align: center
}

.tasar h2 span{

	font-weight: 800;

}

.tasar h3{

	font-family: "Raleway", serif;
	font-size: 1.2vw;
	line-height: 1.8vw;
	font-weight: 500;
	color: #1c1c1c;
	text-align: center
}

.tasar h3 span{

	font-weight: 800;

}

.damiansm img{
	top: -2vh;
	left: 15vh;
	overflow: hidden;
	display: none;
	}


.btngenerico {	
	padding-top: 6vh;
	padding-bottom: 6vh;
	display: flex;
  align-items: center;
  justify-content: center;
	}

	
a.btngenerico:link {	
	border-radius:30px;
	background-color:#005aa0;
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding: 15px;
	text-decoration: none;
	font-family: "Raleway", serif;
	font-weight: 700;
	margin-right: 0.5vw
	}

a.btngenerico:visited {	
	border-radius:30px;
	background-color:#0fb0e9;
	color:#FFF;
	font-size:20px;
	text-align:center;
	padding: 15px;
	text-decoration: none;
	font-family: "Raleway", serif;
	font-weight: 700;
	margin-right: 0.5vw
	}

a.btngenerico:hover {	
	background-color:#0fb0e9;
	color:#fff;
	}

.btngenerico_uno {	
	padding-top: 6vh;
	padding-bottom: 6vh;
	display: flex;
  align-items: center;
  justify-content: center;
	}

	
a.btngenerico_uno:link {	
	border-radius:30px;
	background-color:#1C1C1C;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding: 15px;
	text-decoration: none;
	font-family: "Raleway", serif;
	font-weight: 700;
	margin-right: 0.5vw
	}

a.btngenerico_uno:visited {	
	border-radius:30px;
	background-color:#1C1C1C;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding: 15px;
	text-decoration: none;
	font-family: "Raleway", serif;
	font-weight: 700;
	margin-right: 0.5vw
	}

a.btngenerico_uno:hover {	
	background-color:#0fb0e9;
	color:#fff;
	
	}


.vender {
}

.vender h1 {
	font-family: "Raleway", serif;
	font-weight: 900;
	font-size: 3.8vw;
	letter-spacing: -0.1vw;
	line-height: 3.9vw;
	color: #1C1C1C;
	padding-top: 5vh;
	padding-bottom: 5vh;
	text-align: center
	}


.vender img {
	width: 100%;
	max-width: 500px;
	position: relative;
	border-radius: 5px;
	margin-bottom: 10px
	}

.vendertextofinal {
	font-family: "Raleway", serif;
	font-weight: 500;
	font-size: 1.3vw;
	line-height: 1.8vw;
	color: #2A2A2B;
	text-align: left;
	padding-top: 3vh;
	padding-bottom: 3vh;
	}


.vendertexto{
	font-family: "Raleway", serif;
	font-weight: 700;
	font-size: 1vw;
	color: #000407;
	padding: 2vh;
	text-align: left;
	z-index: 1;
	position: absolute;
	}

.vendertexto img{
	width: 100%;
	max-width: 50px;
	}

.box {
	background-color: #F4F6F5;
	margin-bottom: 10px;
	border-radius: 5px;
	border:  1px solid #E2E2E2;
	}

.boxtexto{
	font-family: "Raleway", serif;
	font-weight: 700;
	font-size: 1vw;
	color: #000407;
	padding: 2vh;
	text-align: left;
	}

.boxtexto p{
	font-family: "Raleway", serif;
	font-weight: 400;
	font-size: 14px;
	color: #000407;
	text-align: left;
	}

.box img{
	width: 100%;
	max-width: 50px;
	}


.gracias {
}

.gracias h1{
	font-family: "Raleway", serif;
	font-weight: 900;
	font-size: 3.8vw;
	letter-spacing: -0.1vw;
	line-height: 3.9vw;
	color: #ffff;
	padding-top: 1vh;
	padding-bottom: 1vh;
	text-align: left
}

.gracias h2{
	font-family: "Raleway", serif;
	font-weight: 400;
	font-size: 2.5vw;
	color: #ffff;
	padding-top: 1vh;
	padding-bottom: 1vh;
	text-align: left
}

a.btngracias:link{	
	font-family: "Raleway", serif;
	font-weight: 400;
	font-size: 1.8vw;
	color: #ffff;
	text-align: left
	}

a.btngracias:hover{
	text-decoration: line-through
	}

a.btngracias:visited{	
	font-family: "Raleway", serif;
	font-weight: 400;
	font-size: 1.8vw;
	color: #ffff;
	text-align: left
	}


	

.pie{
	background-color:#1C1C1C;
	padding-top: 4vw;
	padding-bottom:5vw
	}
	
.pie img{
	width:100%;
	max-width:130px;
	padding-bottom:1vw
	}	
	
	
.pie p{
	font-family: "Raleway", serif;
	font-weight: 400;
	color:#fff;
	font-size:14px;
	line-height:26px

	}
	
.pie p span{
	color:#0fb0e9;

	}	
	

.social {
	text-align:right
	}
	
.social a{
	color:#fff;

	}	
	
.social a:hover{
	color:#0fb0e9;

	}
	
.social_btn {
	padding:5px;
	font-size:24px;
	}				
				
						
	
.parallax {
  /* The image used */
	background-image: url("../img/escalera.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax2 {
  /* The image used */
	background-image: url("../img/back_gris.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.parallax3 {
  /* The image used */
	background-image: url("../img/render.jpg");

  /* Full height */
  height: 100%; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*whatsapp*/	
.whatsapp {
  position:fixed;
  width:80px;
  height:80px;
  bottom:2vw;
  right:2vw;
  background-color:#24cc63;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:40px;
  z-index:10;
}

.whatsapp-icon {
  margin-top:20px;
}

.whatsappbtn a:hover{
  background-color:#24cc63;
  color: #000;
}




/* RESPONSIVE */

@media (max-width: 1200px) {
	
	.wrappenedificio{
	 min-height: 60vh;
     }

.textointro{
	top: 25vh;
	left: 10vw
	}

.textointro h1{
	font-size: 3.906vw;
	letter-spacing: -0.2vw;
	line-height: 3.9vw;
	}


.textointro p{
	font-size:2.5vw;
	line-height: 2.5vw;
	}


.textointro a{
	font-size:2.1vw;
	padding:1.2vw 2.7vw;
	}
	


.dami img{
	top: -2vh;
	left: 15vh;
	overflow: hidden;
	}
	
.presentacion h2{
	font-family: "Raleway", serif;
	font-size: 2.1vw;
	line-height: 2.5vw;
	font-weight: 500;
	color: #2A2A2B;
	text-align: center
}
	
	.tasar h2{

	font-family: "Raleway", serif;
	font-size: 2.1vw;
	line-height: 2.5vw;
	font-weight: 500;
	color: #fff;
	text-align: center
}
	
		.tasar h3{

	font-family: "Raleway", serif;
	font-size: 2.1vw;
	line-height: 2.5vw;
	font-weight: 500;
	color: #2A2A2B;
	text-align: center
}
	
	.vendertexto{
	font-size: 2vw;
	}
	
	.boxtexto{
	font-size: 2vw;
	}
	
	.gracias h1{

	font-size: 6vw;
	letter-spacing: -0.1vw;
	line-height: 4.5vw;

}

.gracias h2{
	font-size: 3.5vw;

}

a.btngracias:link {	
	font-size: 2.5vw;

	}
	
	.vendertextofinal {

	font-size: 4vw;
	line-height: 4.5vw;
		text-align: center;
	}


	

}


@media screen and (max-width: 800px){
	
	.wrappenedificio{
	 min-height: 60vh;
     }
	
	.textointro{
	top: 15vh;
	left: 0vw
	}
	
	.social {
	text-align:left
	}
	
		.marquee li {
  font-size: 20px;
  letter-spacing: -0.2px;

}
	
	.marquee__item {
	margin: 2px;
	padding:4px; 
}
	
	.vendertextofinal {

	font-size: 2.5vw;
	line-height: 3vw;
	}


	
	
}


@media screen and (max-width: 600px){
	
	.wrappenedificio{
	 min-height: 30vh;
     }

.textointro{
	top: 15 vh;
	left: 0vw;
	text-align: center
	}

.textointro h1{
	font-size: 9.3vw;
	letter-spacing: -0.1vw;
	line-height: 9vw;
	text-align: center
	}


.textointro p{
	font-size:4.5vw;
	line-height: 4.8vw;
	text-align: center
	}


.textointro a{
	font-size:5vw;
	padding:2.2vw 3.7vw;
	text-align: center
	}
	


.dami img{
	top: -2vh;
	left: 15vh;
	overflow: hidden;
	display: none;
	}
	
	.edificio img{
	width:80%;
	max-width:80vw;
	position: relative;
	float: none;
	right: 0vh;
	opacity: 0.5
	}
	
	.presentacion h2{
	font-size: 4.5vw;
	line-height: 5.5vw;
	}
	
	.tasar h2{
	font-size: 4.5vw;
	line-height: 5.5vw;
}
		.tasar h3{
	font-size: 4.5vw;
	line-height: 5.5vw;
}
	
	.vender h1 {
	font-size: 7vw;
	letter-spacing: -0.1vw;
	line-height: 7.9vw;

	}
	
	
	.damiansm img{
	top: -2vh;
	padding-bottom: 2vh;
	margin: 0 auto;
	overflow: hidden;
	display:  block;
		width: 100%;
	max-width: 200px;
	}
	
	
	.vendertexto{
	font-size: 4vw;
	}
	
	.boxtexto{
	font-size: 4vw;
	}
	
		.gracias h1{

	font-size: 9vw;
	letter-spacing: -0.1vw;
	line-height: 4.5vw;

}

.gracias h2{
	font-size: 7vw;

}

a.btngracias:link {	
	font-size: 4.9vw;
	line-height: 5.9vw;

	}
	
	.social {
	text-align:left
	}
	
	.marquee li {
  font-size: 20px;
  letter-spacing: -0.2px;

}
	
	.marquee__item {
	margin: 2px;
	padding:4px; 
}
	
	.vendertextofinal {

	font-size: 5vw;
	line-height: 5.5vw;
	}

}