@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Allison&family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


/* CSS Document 

font-family: 'Allison', cursive;
font-family: 'Bebas Neue', sans-serif;
font-family: 'Roboto', sans-serif;
*/
html {
	scroll-behavior: smooth;
	background-color: #fff!important;
  }



.bgSlide{
	position: absolute;
	width: 100%;
	background-image:url("../dados/layout/bgSlide.png");
	height: 100%;
	z-index: 50;
}


.fundorodape{
background:url("../dados/layout/bgRodape.png");
background-size: cover;
color: #fff;

padding: 40px 0 200px 0;

}




.whatsBt{
	width:60px;
	height:60px;
	position:fixed;
	bottom:0;
	right:0;
	margin:15px;
	z-index:400;
}





.leg1{
	 top:288px; left:50%; text-align:initial; font-weight:600; font-style:normal; text-decoration:none; mix-blend-mode:normal; color:#ffffff; font-size:60px; line-height:70px;
}


.bt1{
	background:#5e7272;
	color:#fff!important;
	padding: 15px 0px;
	font-weight: bold;
	display: inline-block;
	width: 330px;
	text-align: center;
}


.bt2{
	background:#915d44;
	color:#fff!important;
	padding: 15px 0px;
	font-weight: bold;
	display: inline-block;
	width: 330px;
	text-align: center;
}


/*LISTA ICONES LADO A LADO*/
.comodaBox{
	margin-top: 15px; margin-bottom: 15px;
	width: 100%;
}
	
.comodaBox ul{
	margin: 0;
	padding: 0px;
	list-style: none;
	font-weight: 400;
}
	
	.comodaBox ul li{
		line-height: 40px;
	}
	
	.aco{
	 text-align: left;
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	
	}
	







  .smot{ transition: all 1s ease;}

  .smot:hover{
  
	  transition: all 1s ease;
	  box-shadow: inset 0 0 10px 10px #000;
  }


body{
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	color:#000;
	font-weight: 300;
	margin: 0;
	padding: 0;
	background-color: #fff!important;
}

.row{margin-left: 0; margin-right: 0;}



.maromba{
border:solid 1px #8d5b43;
width: 100%;
text-align: center;
padding: 30px;

}
.maromba strong{font-size: 24px; font-weight: 700; width: 100%; float: left; margin: 10px 0;}

.menufix{
position: fixed!important;
padding: 10px;
background-color: #000;
z-index: 1000;
}


.topoSite{
width: 100%;
position: relative;
background-size: cover;
background-position: center;
height: 75vh;
}


/*topos*/


.loft102{
	background-image: url("../dados/lofts/102/topo.jpg");
	background-size: cover;
	background-position: center;
	}

					.loft103{
					    background-image: url("../dados/lofts/103/topo.jpg");
					    background-size: cover;
					    background-position: center;
					    }

							.loft104{
								background-image: url("../dados/lofts/104/topo.jpg");
								background-size: cover;
								background-position: center;
								}



								.loft105{
									background-image: url("../dados/lofts/105/topo.jpg");
									background-size: cover;
									background-position: center;
									}


							.loft101{
								background-image: url("../dados/lofts/101/topo.jpg");
								background-size: cover;
								background-position: center;
								}

							.loft201{
								background-image: url("../dados/lofts/201/topo.jpg");
								background-size: cover;
								background-position: center;
								}

								.loft202{
									background-image: url("../dados/lofts/202/topo.jpg");
									background-size: cover;
									background-position: center;
									}

									.loft204{
										background-image: url("../dados/lofts/204/topo.jpg");
										background-size: cover;
										background-position: center;
										}
										
										.loft205{
											background-image: url("../dados/lofts/205/topo.jpg");
											background-size: cover;
											background-position: center;
											}

											.loft206{
												background-image: url("../dados/lofts/206/topo.jpg");
												background-size: cover;
												background-position: center;
												}

												.loft207{
													background-image: url("../dados/lofts/207/topo.jpg");
													background-size: cover;
													background-position: center;
													}


										.loft203{
											background-image: url("../dados/lofts/203/topo.jpg");
											background-size: cover;
											background-position: center;
											}
	

							.topolofts{
								background-image: url("../dados/layout/topolofts.jpg");
								background-size: cover;
								background-position: center;
								}

								.topoparador{
									background-image: url("../dados/parador/topo.jpg");
									background-size: cover;
									background-position: center;
									}


									.topoloc{
										background-image: url("../dados/layout/topoloc.jpg");
										background-size: cover;
										background-position: center;
										}

										.topores{
											background-image: url("../dados/layout/topores.jpg");
											background-size: cover;
											background-position: center;
											}

		
	
.bts{
	background-color: #915d44;
	color: #fff!important;
	font-weight: bold;
	padding: 20px 40px;
	text-transform: uppercase;
	font-size: 18px;
}

.padder{
padding: 3rem;
}


.transparent{
width: 100%;
height: 100%;
position: absolute;

/*start ------------*/
background: #000000; 
opacity: 0.4; 
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 37); /* // for IE8 */
filter: alpha(opacity= 37); /* //for IE5-7 */
}

.opaco{
	width: 100%;
	height: 100%;
	position: absolute;

	z-index: 10;
background-image: url("../dados/layout/opaco.png");


}


.relativer p{

}

.relativer img{
	width: 100%;
	z-index: 9;
	position:relative;
}




.titulos{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 48px;
	text-transform: uppercase;
}


.tituloMenor{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 28px;
	text-transform: uppercase;
}


.tituloH1 img{display:block; margin: 0 auto;}
.tituloH1{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 80px;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	text-align: center;
	top: 55%;
	position: relative;
}


.titulos5{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 30px;
	text-transform: uppercase;
}


.menuroda{
	list-style: none;
	margin: 0;
	padding: 0;
}


.allison{
	font-family: 'Allison', cursive;
	font-size: 60px;
}


.tituloImg{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 48px;
	text-transform: uppercase;

width: 100%; text-align: center;

	background:url("../dados/layout/bgH4.png")center top no-repeat;
	padding: 80px 0 0 0;
	margin: 0;
}








.example{
	width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;

}



/*=====carousel====*/
#owl-demo4{
	width: 100%!important; float: left;
}

#owl-demo4 .item4{
padding: 1px;
border:none;
}

#owl-demo4 .item4 img{

}


.black{
	background-color: #000;
	color: #FFF;
	float: left; width: 100%;
	
}

.tituloBoxHome{
	font-family: 'Bebas Neue', sans-serif;
	font-size: 48px;
	padding: 40px 0 0 40px;
	margin: 0;
	text-transform: uppercase;
	float: left;
}


.itensCon{
padding: 30px 40px 30px 0 ;
width: auto;
float: right;
text-align: center;
}

.itensCon div{display:inline; width: auto; padding: 0px 8px 0 8px; margin: 0; float: right;}
.itensCon p{font-family: 'Bebas Neue', sans-serif; margin:5px 0 0 0; font-size: 20px; border: 2px solid #fff; padding: 0 10px 0 10px; border-radius: 50%;}



#owl-demo5{
	width: 100%!important; float: left;

}

#owl-demo5 .item5{
	position: relative;
	text-align: center;
	margin: 0 40px;
	display: block;
	width: auto;
}


#owl-demo5 .item5 img{
	width:100%; position: relative;
}










#owl-demo6{
	width: 100%!important; float: left;

}

#owl-demo6 .item6{
	position: relative;
	text-align: center;
	display: block;
	width: auto;
}


#owl-demo6 .item6 img{
	width:100%; position: relative;
}










a{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}
a:link{text-decoration:none; color:inherit;}
a:visited{text-decoration:none; color:inherit;}



.centerlogo {
	position: absolute;
	left:0;
	right:0;
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
	z-index: 500;
  }


.roxoclaro{
	width: 100%;
	background:url('../dados/layout/bgHome.png');
	background-repeat:repeat-x;
	position: relative;
}


.rosa{
	width: 100%;
	background:url('../dados/layout/bgHome.png');
}






  .relativetopo{position: absolute;  width: 100%;}






/*SETA TOPO*/
.arrow-topo {
	z-index:500;
	position: absolute; 
	background: url("../dados/layout/circle.png")center no-repeat;
	margin-bottom:33%; bottom: 0; width: 100%; height: 72px; text-align: center!important; }

.arrow-topo img{width: inherit!important;}


/* Animação seta 
@-webkit-keyframes arrmove {
  from { top: 15px; opacity: 1; }
  to { top: 50px; opacity: 0; }
} 


@keyframes arrmove {
  from { top: 15px; opacity: 1; }
  to { top: 50px; opacity: 0; }
}
.arrow-topo div.arr-down { 
  position: relative;
  -webkit-animation: arrmove 2s infinite; 
  animation: arrmove 2s infinite;
}

*/


  /*MENU OVERLAY*/
  .button_container {
	position: absolute;
	right: 0;
	width: auto;
	display: block;
	margin:40px;
	z-index:1000!important;
	cursor: pointer;
	transition: opacity .25s ease;
  }


  
  .overlay {
	position: fixed;
	background: #000;
	top: 0;
	left: 0;
	width: 100%;

	z-index: 700;

	height: 0%;
	opacity: 0.8;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
  }
  .overlay.open {
	opacity: .9;
	visibility: visible;
	height: 100%;
  }
  .overlay.open li {
	animation: fadeInRight .5s ease forwards;
	animation-delay: .35s;
  }
  .overlay.open li:nth-of-type(2) {
	animation-delay: .4s;
  }
  .overlay.open li:nth-of-type(3) {
	animation-delay: .45s;
  }
  .overlay.open li:nth-of-type(4) {
	animation-delay: .50s;
  }
  .overlay nav {
	position: relative;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	font-size: 50px;
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 500;
	text-align: center;
  }
  .overlay ul {
	list-style: none;
	padding: 0;
	width: 70%;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
  }
  .overlay ul li {
	display: inline-block;
	padding:15px;
	position: relative;
	opacity: 0;
  }
  .overlay ul li a {
	display: inline-block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
  }
  .overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
	width: 100%;
  }
  .overlay ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	transform: translateX(-50%);
	height: 3px;
	background: #FFF;
	transition: .35s;
  }
  
  @keyframes fadeInRight {
	0% {
	  opacity: 0;
	  left: 20%;
	}
	100% {
	  opacity: 1;
	  left: 0;
	}
  }


  /*GALERIA*/

	.masonry {
		margin: 1.5em 0;
		padding: 0;
		-moz-column-gap: 1.5em;
		-webkit-column-gap: 1.5em;
		column-gap: 1.5em;
		font-size: .85em;
	}
	
	.brick {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	
	}

	.brick img{width: 100%; margin-bottom: 20px;}
	
	@media only screen and (min-width: 320px) {
		.masonry {
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;
		}
	}
	
	@media only screen and (min-width: 700px) {
		.masonry {
			-moz-column-count: 3;
			-webkit-column-count: 3;
			column-count: 3;
		}
	}
	
	@media only screen and (min-width: 900px) {
		.masonry {
			-moz-column-count: 4;
			-webkit-column-count: 4;
			column-count: 4;
		}
	}
	
	/*@media only screen and (min-width: 1100px) {
		.masonry {
			-moz-column-count: 6;
			-webkit-column-count: 6;
			column-count: 6;
		}
	}*/
	
	
	.card{
		position: relative;
		transition: transform 4s ease-in;
		overflow: hidden;
	
	}
	.card img{
		width:100%;
		height:auto;
		border:none;
		transition: transform 1s ease-in;
	}
	.card img:hover{
		transform: scale(1.2);
	}
	.card:before {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left:0;
		content:url("../dados/layout/logomenor.png");
		transform:translateY(-100%);
		font-size: 25px;
		color:#fff;
	   display: block;
		background-color: rgba(0, 0, 0, 0.200);
		z-index: 1;
		display:flex;
		justify-content: center;
		align-items: center;
	   font-family: sans-serif;
		transition: transform .4s ease-in;
		
		justify-content: center;
		
	}
	


	.card:after {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left:0;
		content:url("../dados/layout/logomenor.png");
		transform:translateY(100%);
		font-size: 25px;
		color:#fff;
	   display: block;
		background-color: rgba(0, 0, 0, 0.200);
		z-index: 1;
		display:flex;
		justify-content: center;
		align-items: center;
	   font-family: sans-serif;
		transition: transform .4s ease-in;
		
		justify-content: center;
		
	}
	 .card:hover::before{
	 transform: translateY(0%); 
	 
	}
	.card:hover::after{
		transform: translateY(0%); 
		
	   }