/************************************

Criado por Cubi Comunicação
@ 2019

// Responsáveis técnicos
Júlio Vasel
Rafael Fallgatter

/************************************/

html, body {
	scroll-behavior: smooth;
    height: 100%;
    min-height: 100%;
}

body {
	.Light;
	font-size: 16px;
	color:@preto;
}


/* Opções de Posicionamento */
.fLeft { float:left; }
.fRight { float:right; }
.clearfix { clear: both; }

/* Esquema de cores */
@vermelho: #f65d4c;
@azul: #0082c9;
@verde: #0cb169;
@amarelo: #eae3cf;
@preto: #1d1f21;
@cinza:#a9b1bc;
@cinza_claro:#ccd0d9;
@fundo: #edf3f4;
.fundoteste { background-color:rgba(0,0,0,0.15); }
*::selection { background: lighten(@preto, 30%); }
*::-moz-selection { background: lighten(@preto, 30%); }

/************ Fontes */

@import url("https://use.typekit.net/hnq3idq.css");




.Light { font-family: poppins, sans-serif; font-weight:300; }
.Regular { font-family: poppins, sans-serif; font-weight:500; }
.Bold { font-family: poppins, sans-serif; font-weight:700; }

.escondeTexto { text-indent:-9999px; }
.cursor { cursor:pointer; }
.borda (@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	-ms-border-radius: @radius;
	-o-border-radius: @radius;
	border-radius: @radius;
}
.limitaTexto {
	text-overflow: ellipsis;
	white-space: nowrap;
    overflow: hidden;
}
.boxSizing {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.calc(@prop; @val) {
  @{prop}: calc(~'@{val}');
  @{prop}: -moz-calc(~'@{val}');
  @{prop}: -webkit-calc(~'@{val}');
  @{prop}: -o-calc(~'@{val}');
}

/* .calc(prop; "100% - 0px"); */

.btn {
	padding: 15px 30px;
	background: #000;
	.borda;
	color: #fff;
	text-transform: uppercase;
	.Bold;
	text-align: center;
	border:none;
	.cursor;
	font-size: 16px;
	.boxSizing;
	display: block;
}

.btnVaz {
	background: none;
	border: 3px solid #fff;
	padding: 7px 21px;
	&:hover {
		background: #fff;
		color: @azul;
	}
}

.btnNeg {
	background: #fff;
	color: @azul;
}

.btnSmall {
	padding: 5px 14px;
	font-size: 12px;
}

/** Big Bang **/

* { .boxSizing; }

.wrapper {
	width: 100%;
	.fLeft;
	display: flex;
	flex-direction: column;
	align-items:center;
	.boxSizing;
}


h1, h2, h3 {
	.Bold;
	margin-bottom: 10px;
	letter-spacing: -2px;
}
h1 {
	font-size: 48px;
}
h2 {
	color: #000;
	font-size: 48px;
	line-height: 44px;
	margin-bottom: 20px;
}
h3 { font-size: 24px; }
h4 {
	font-size: 18px;
	.Bold;
	color: lighten(@preto, 35%);
}
p { margin-bottom: 10px; }

strong { .Regular; }


.boxConteudo {
	.calc(width, '100% - 60px');
	max-width: 1400px;
	.boxSizing;
	margin: 0 30px;
}



/* ################################# HEADER */


header {
	position: fixed;
	z-index: 900;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.branding {
			flex-shrink:0;
			height: 100px;
			width: 250px !important;
			.escondeTexto;
			background: url(../imagens/logotipolinha7.svg) no-repeat left center;
			background-size: 250px;
			transition: width .8s ease, opacity .8s ease, margin-right .3s ease;
		}
		.redesSociais {
			width: 40%;
			display: flex;
			justify-content:flex-start;
			align-items: center;
			li {
				a {
					color: @preto;
					text-transform: uppercase;
					padding:0 20px;
					i {
						font-size: 20px;
					}
					&:hover {
						color: #000;
					}
				}
			}
		}
		.menuPrincipal {
			width: 40%;
			display: flex;
			justify-content:flex-end;
			align-items: center;
			li {
				a {
					color: @preto;
					text-transform: uppercase;
					padding:0 10px;
					i {
						font-size: 20px;
					}
					&:hover {
						color: #000;
					}
				}
				.itemOrcamento {
					color:#fff;
					background-color:#000;
					padding:5px;
					.borda(5px);
				}
				.selecionado {
					.Bold;
				}
			}
		}
		.trigger {
			height: 60px;
			width: 70px;
			background: url(../imagens/menu.svg) no-repeat right center;
			background-size: contain;
			.cursor;
			display: none;
		}
	}
}

.h-padrao .boxConteudo .branding {
	width: 1px;
	opacity: 0;
}

.h-rolagem .boxConteudo .branding {
	width: 200px;
	margin-right: 60px;
	opacity: 1;
}


/* ################################# PÁGINA INICIAL */


.wrapper[data-bloco="hero"] {
	height: 100vh;
	display: flex;
	flex-wrap: wrap;
	.cell {
		width: 33%;
		height: 50vh;

		.slide {
			width: 100%;
			height: 49.50vh;
			background: no-repeat center;
			background-size: cover;

			&[style*=".svg"] {
				padding: 80px;
				background-origin: content-box;
				background-size: contain;
			}
		}
		.logoslide {
			background-color:#ece1cd;
		}
	}
}


.bannerVideo {
	width: 100%;
	height: 40vh;
	min-height: 480px;
	border-bottom:1px solid #1d1f21;

	.wrapper[data-bloco="heroVideo"] {
		height: 40vh;
		min-height: 480px;
		align-items: center;
		flex-direction: row;
		justify-content: center;
		.overlay {
			width: 100%;
			position: absolute;
			padding-top: 100px;
			z-index: 850;
			.boxConteudo {
				width: 100%;
				max-width: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin: 0;
				padding: 0 20px;
				.boxSizing;
				text-align: center;
				h1 {
					width: 100%;
					font-size: 25px;
					letter-spacing: -1px;
					.Light;
					color: black;
					line-height: 32px;
					span { .Bold; }
				}
				h2 {
					width: 100%;
					font-size: 25px;
					letter-spacing: -2px;
					.Light;
					color: white;
					line-height: 35px;
					margin-top:20px;
					span { .Bold; }
				}
				p {
					font-size: 18px;
					width:100%;
					color: #000;
					.Bold;
				}
				.btn { margin: 40px 0 0 0; width:250px;}
			}
		}
	}



	.wrapFundo {
		width: 100%;
		position: absolute;
		overflow: hidden;
		//background: url(../imagens/bannersite.jpg) no-repeat center;
		
		background-size: cover;
		height: 80vh;
		min-height: 590px;
		video {
			width: 100%;
			height: 80vh;
			min-height: 490px;
			object-fit: cover;
		}
		img {
			height: 80vh;
			min-height: 590px;
			object-fit: cover;
			width: 100%;
		}
	}
}



.wrapper[data-bloco="comotrabalhamos"] {
	border-top: 1px solid darken(@fundo, 5%);
	border-bottom: 1px solid darken(@fundo, 5%);
	padding: 90px 0 80px 0;
	.boxConteudo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		h2 {
			flex-grow: 0;
			color: @preto;
		}
		.blocoServicos {
			display: flex;
			flex-direction: column;
			margin-left:30px;
			h3 {
				margin:30px 0;
				text-align:center;
			}
			ul {
				width: 100%;
				margin-left: 30px;
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				li {
					background: white;
					padding: 30px;
					margin: 0 5px 10px 5px;
					.borda;
					//box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
					border: 1px solid @fundo;
					font-size: 18px;
					display: flex;
					//flex-direction: column;
					align-items: center;
					.Regular;
					i {
						color: #000;
						font-size: 24px;
						margin-right: 10px;
					}
				}
			}
		}
	}
}



.wrapper[data-bloco="diferenciais"] {
	display: none;
	h2 {
		span {
			.Light;
		}
	}
	.boxConteudo {
		li {}
	}
}

.wrapper[data-bloco="portfolio"] {
	display:flex;
	padding: 50px 0;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	h2 {
		.Bold;
		font-size: 32px;
		letter-spacing: -2px;
		color: @preto;
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
	.controls {
		width: 50px;
		.cursor;
		display: flex;
		justify-content: center;
		align-items: center;
		i { font-size: 24px; }
		&:hover {
			i {
				color: #000;
			}
		}
	}
	.rotativo {
		.calc(width, '100% - 100px');
		overflow: hidden;
		.slide {
			width: 100%;
			.internoSlide {
				padding: 20px 0;
				width: 100%;
				display: flex;
				justify-content: center;
				flex-wrap:wrap;
				.itemPortfolio {
					width:19%;				
					height: 220px;
					background: no-repeat center;
					background-size: cover;
					display: flex;
					justify-content: center;
					align-items: center;
					margin:5px;
					.borda(5px);
					.overlay {
						width: 100%;
						height: 100%;
						background: rgba(0, 0, 0, 0.8);
						display: flex;
						justify-content: center;
						align-items: center;
						flex-direction: column;
						opacity: 0;
						transition: opacity .3s ease;
						.borda(5px);
						p {
							color: white;
							margin: 0 0 10px 0;
							font-size: 20px;
							text-align:center;
						}
						span {
							color: @cinza;
							font-size: 14px;
							i {

							}
						}
					}
					&:hover {
						.overlay {
							opacity: 1;
						}
					}
				}
			}
		}
	}
}

.wrapper[data-bloco="portfoliov2"] {
	display:flex;
	padding: 0 0 20px 0;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width:100%;
	h2 {
		.Bold;
		font-size: 32px;
		letter-spacing: -2px;
		color: @preto;
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.internoSlide {
		width:100%;
		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap:wrap;

			
		.itemPortfolio {
			width:45%;	
			height:auto;
				
			margin:20px;

			position:relative;

			img {
				width:100%;
				height:100%;
				float:left;
				margin:0;
				z-index:2;
			}
			
			.overlay {
				position:absolute;

				top:0;

				width: 100%;
				height: 100%;
				
				background: rgba(0, 0, 0, 0.8);
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				z-index:1;
				
				opacity: 0;
				transition: opacity .3s ease;
				p {
					color: white;
					margin: 0 0 10px 0;
					font-size: 20px;
					text-align:center;
				}
				span {
					color: @cinza;
					font-size: 14px;
				}
			}
			&:hover {
				.overlay {
					opacity: 1;
				}
			}
		}			
		
	}
}

.wrapper[data-bloco="escritorio"] {
	flex-direction: row;
	align-items: stretch;
	.col {
		flex-grow: 0;
		width: 50%;
		&[data-col="imagem"] {
			background: no-repeat center #000;
			background-size: cover;
		}
		&[data-col="conteudo"] {
			padding: 0 0 120px 0;
			.internoCol {
				border-top: 3px solid #000;
				max-width: 700px;
				padding: 120px 30px 0 30px;
				p {
					font-size: 20px;
					line-height: 34px;
				}
			}
		}
	}
}


.wrapper[data-bloco="linhadiferente"] {
	background: url(../imagens/linha7padrao.jpg) no-repeat center right @preto;
	background-size: cover;
	padding: 120px 0 110px 0;
	.boxConteudo {
		
		p {
			font-size: 48px;
			letter-spacing: -2px;
			.Light;
			color: white;
			line-height: 50px;
			strong {
				.Bold;
				font-size: 58px;
			}
			i {
				color: lighten(@preto, 15%);
				margin-right: 10px;
			}
		}
	}
}


.wrapper[data-bloco="destaques"] {
	padding: 80px 0;
	background:#000;
	.boxConteudo {
		display: flex;
		align-items: stretch;
		justify-content: space-between;
		li {
			.calc(width, '25% - 15px');
			text-align: center;
			i {
				font-size: 48px;
				color: #fff;
				margin-bottom: 15px;
			}
			p {
				font-size: 20px;
				color: #fff;
			}
		}
	}
}


.wrapper[data-bloco="arquiteta"] {
	flex-direction: row;
	align-items: stretch;
	border-top: 1px solid darken(@fundo, 5%);
	border-bottom: 1px solid darken(@fundo, 5%);
	.col {
		flex-grow: 0;
		width: 50%;
		/*&[data-col="imagem"] {
			padding: 90px 0;
			background: @fundo;
			.internoCol {
				.fRight;
				max-width: 700px;
				text-align: center;
				padding: 0 30px;
				display: flex;
				flex-direction: column;
				align-items: center;
				.img {
					width: 180px;
					height: 180px;
					.borda(50%);
					background: no-repeat center;
					background-size: cover;
					margin-bottom: 20px;
					i {
						position: relative;
						top: 155px;
						font-size: 32px;
						color: white;
						text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
					}
				}
				p {
					font-size: 14px;
					line-height: 28px;
					strong {
						text-transform: uppercase;
					}
				}
			}
		}*/
		&[data-col="imagem"] {
			background: no-repeat center @preto;
			background-size: cover;
		}
		&[data-col="conteudo"] {
			padding: 90px 0;
			.internoCol {
				max-width: 700px;
				padding: 120px 30px 120px 30px;
				p {
					line-height: 28px;
				}
			}
		}
	}
}

.wrapper[data-bloco="acompanhamento"] {
	flex-direction: row;
	align-items: stretch;
	border-top: 1px solid darken(@fundo, 5%);
	border-bottom: 1px solid darken(@fundo, 5%);
	.col {
		flex-grow: 0;
		width: 50%;
		/*&[data-col="imagem"] {
			padding: 90px 0;
			background: @fundo;
			.internoCol {
				.fRight;
				max-width: 700px;
				text-align: center;
				padding: 0 30px;
				display: flex;
				flex-direction: column;
				align-items: center;
				.img {
					width: 180px;
					height: 180px;
					.borda(50%);
					background: no-repeat center;
					background-size: cover;
					margin-bottom: 20px;
					i {
						position: relative;
						top: 155px;
						font-size: 32px;
						color: white;
						text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
					}
				}
				p {
					font-size: 14px;
					line-height: 28px;
					strong {
						text-transform: uppercase;
					}
				}
			}
		}*/
		&[data-col="imagem"] {
			background: no-repeat center @preto;
			background-size: contain;
		}
		&[data-col="conteudo"] {
			padding: 90px 0;
			.internoCol {
				max-width: 700px;
				padding: 120px 30px 120px 30px;
				p {
					line-height: 28px;
				}
			}
		}
	}
}


.wrapper[data-bloco="contato"] {
	flex-direction: row;
	padding: 90px 0;
	justify-content: center;
	width:100%;
	.col {
		width: 100%;
		text-align:center;
		margin:0 !important;
		padding:0 20px;
		h2 {
			.Light;
			font-size: 32px;

		}
		.telefonescontato {
			.Light;
		}
		form {
			width: 100%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			fieldset {
				width: 100%;
				margin-bottom: 10px;
				label {
					width: 100%;
					color: @preto;
					.Regular;
					font-size: 14px;
				}
				input, textarea {
					color: @preto;
					.borda;
					width: 100%;
					.boxSizing;
					padding: 13px 20px;
					font-size: 16px;
					.Regular;
					border: 1px solid darken(@fundo, 10%);
				}
				input {
					
				}
				&:nth-of-type(2) {
					.calc(width, '50% - 10px');
				}
				&:nth-of-type(3) {
					.calc(width, '50% - 10px');
				}

				textarea {
					height: 130px;
					resize: vertical;
				}
			}
		}
		p.oversize {
			font-size: 18px;
			.Regular;
		}
		.redessociais {
			width: 100%;
			display: flex;
			justify-content:center;
			margin-top: 10px;
			a {
				width: 45px;
				height: 45px;
				padding: 15px;
				margin-right: 15px;
				border: 2px solid darken(#000, 10%);
				display: flex;
				align-items: center;
				.borda(50%);
				justify-content: center;
				i {
					font-size: 20px;
					color: darken(#000, 10%);
				}
				&:hover {
					background: darken(#000, 10%);
					i {
						color: white;
					}
				}
			}
		}
		.telefonescontato {
			margin-top: 15px;
			li {
				font-size: 18px;
				line-height: 28px;
				.Light;
			}
		}
		&:first-of-type {
			max-width: 580px;
			margin-right: 60px;
		}
		&:last-of-type {
			max-width: 400px;
		}
	}
}



/* ################################# RODAPÉ */


footer {
	background: @preto;
	//* { color: white; }
	.boxConteudo {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 20px 0;
		.menuRodape {
			display: flex;
			li {
				margin-right: 50px;
				a {
					color: white;
					&:hover {
						color: #000;
					}
				}
			}
		}
		.direitosAutorais {
			width: 50px;
			height: 50px;
			background: url(../imagens/rights.svg) no-repeat center;
			background-size: 35px;
			.escondeTexto;
			margin-top:40px;
		}
	}
}


.wrapper[data-bloco="apartamento"] {
	display:flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;

	.central{
		background: url(../imagens/fundo-apartamento-landingpage.jpg) no-repeat center;		
		background-size:cover;
		
		width:100%;
		height:750px;
	}
	

	.ladoesquerdo, .ladodireito {
		width:50%;
		height:550px;
		background: no-repeat;
		background-size:cover;
	}
	
	.ladoesquerdo {
		background-image: url(../imagens/apart1.jpg);
		background-position: left center;
	}

	.ladodireito {
		background-image: url(../imagens/apart2.jpg);
		background-position: right center;
	}

	.btn {
		position: absolute;
		z-index: 150;		
		margin-top: 50px;
		background:@preto;
		
	}
	
}



.validate .invalid { border:1px solid #c21212 !important; }
.validate .valid {   border:1px solid #0cb169 !important; }

.emailEnviado {
	width: 100%;
	.fLeft;
	.fundoteste;
	padding:10px 20px 10px 60px;
	background: url(../imagens/confirmar.png) no-repeat 15px center lighten(@verde, 50%);
	background-size: 30px 30px;
	border: 1px solid lighten(@verde, 35%);
	.borda;
	.boxSizing;
	line-height: 26px;
	text-align: center;
	margin-bottom: 10px;
	span { color: @verde; }	
	small {
		width: 100%;
		.fLeft;
		font-size: 14px;
		color: @cinza;
		margin-top: 5px;
		line-height: 20px;
	}
}

.dadosIncorretos {
	width: 100%;
	.fLeft;
	line-height: 26px;
	.boxSizing;
	padding:10px 20px 10px 60px;
	background: url(../imagens/erro.png) no-repeat 15px center lighten(@vermelho, 42%);
	background-size: 30px 30px;
	border: 1px solid lighten(@vermelho, 32%);
	.borda;
	color: @vermelho !important;
	text-align: center;
	margin-bottom: 10px;
	small {
		width: 100%;
		.fLeft;
		font-size: 14px;
		color: @cinza;
		margin-top: 5px;
		line-height: 20px;
		a {
			color: @vermelho;
			text-decoration: underline;
		}
	}
}

.grecaptcha-badge {
	opacity: 0;
}

.wrapper[data-bloco="faqs"] {
	display:flex;
	padding: 150px 250px 50px 250px;
	flex-direction: row;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	h2 {
		text-align:center;
		margin-bottom:15px;
	}
	h3 {
		font-size: 15px;
		letter-spacing: 0;
		color: @preto;
		text-align: center;
		margin-bottom: 0;
		width: 100%;
		.Light;
	}
	div {
		width:100%;
		p {
			margin-bottom:20px;
			font-size:13px;
			text-align:justify;

		}
	}
	
}

.wrapper[data-bloco="portfolio-interno"] {
	display:flex;
	padding: 100px 0 50px 0;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width:100%;
	h2 {
		.Bold;
		font-size: 32px;
		letter-spacing: -2px;
		color: @preto;
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.itemPortfolio {
		width:100%;
		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap:wrap;

			
		a {
			width:45%;				
			height: 450px;
			background: no-repeat center;
			background-size: cover;
			
			margin:20px;
			
			.overlay {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.8);
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				opacity: 0;
				transition: opacity .3s ease;
				p {
					color: white;
					margin: 0 0 10px 0;
					font-size: 20px;
					text-align:center;
				}
				span {
					color: @cinza;
					font-size: 14px;
					i {

					}
				}
			}
			&:hover {
				.overlay {
					opacity: 1;
				}
			}
		}			
		
	}
}

.wrapper[data-bloco="portfolio-detalhe"] {
	display:flex;
	padding: 120px 0;	
	width:100%;

	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	
	
	.itemPortfolio {
		width:45%;
		height: auto;
		background: no-repeat center;
		background-size: cover;			
		margin:20px;

		img {
			width:100%;
		}
					
		
	}
}

.wrapper[data-bloco="escritorio-interno"] {
	flex-direction: column;
	padding:80px 0 0 0 ;
	
	section[data-bloco="introducao"] {
		display:flex;
		flex-direction: row;
		align-items:center;
		.col {
			width: 50%;

			display:flex;
			flex-direction: column;
			align-items:stretch;


			
			
			img {
				object-fit: cover;
				width:110%;

			}
			
			&[data-col="conteudo"] {
				.internoCol {
					padding: 120px 150px 0 250px;
					p {
						font-size: 16px;
						line-height: 25px;
						letter-spacing:4px;
						text-align: left;
						padding-bottom: 10px;

					}
				}
			}
		}
		.imagem {
			padding: 75px 0 0 50px;
			background-color:#1d1f21;
			overflow: visible;
		}
	}

	section[data-bloco="servicos"] {
		display:flex;
		flex-direction: column;
		align-items:center;
		padding:150px 0 0 0;
		
		h2 {
			text-align:center;
			font-size: 35px;
		}

		.internoServicos {
			display:flex;
			flex-direction: row;
			padding-top:40px;
			.col {
				width:auto;
				padding:50px 20px;
				display:flex;
				flex-direction:column;
				align-items:flex-start;
				
				.listaServicos {
					display:flex;
					flex-direction:column;
					align-items:flex-start;
					padding:10px;
					li {
		
						background: url('../imagens/icone-sobre.jpg') no-repeat left center;
						padding: 15px 10px 15px 50px;
						list-style: none;
						margin: 0;
						vertical-align: middle;
						letter-spacing:4px;
						font-size:18px;

						
					}
				}

				.listaExperiencias {
					display:flex;
					flex-direction:column;
					align-items:flex-start;
					padding:50px 0;
					li {
		
		
						text-transform: uppercase;
						letter-spacing:5px;
						font-size:15px;
						
					}
				}

			}
		}

		
		
	}


}

.wrapper[data-bloco="imprensa"] {
	display:flex;
	padding: 100px 0 50px 0;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width:100%;
	h2 {
		.Bold;
		font-size: 32px;
		letter-spacing: -2px;
		color: @preto;
		text-align: center;
		margin-bottom: 20px;
		width: 100%;
	}
	
	.itemImprensa {
		width:100%;
		display:flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap:wrap;

			
		a {
			width:45%;				
			height: 450px;
			background: no-repeat center;
			background-size: cover;
			
			margin:5px;
			
			.overlay {
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0.8);
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
				opacity: 0;
				transition: opacity .3s ease;
				p {
					color: white;
					margin: 0 0 10px 0;
					font-size: 20px;
					text-align:center;
				}
				span {
					color: @cinza;
					font-size: 14px;
					i {

					}
				}
			}
			&:hover {
				.overlay {
					opacity: 1;
				}
			}
		}			
		
	}
}



/* ################################# RESPONSIVO */

@media only screen and (max-width : 1300px) {
	//header { border-top: 2px solid yellow; }
}

@media only screen and (max-width : 1040px) {
	//header { border-top: 2px solid blue; }
	.wrapper {
		min-width: 0;
		.boxConteudo {
			min-width: 0;
			width: 100%;
			padding-left: 30px;
			padding-right: 30px;
			.boxSizing;
		}
	}
}

@media only screen and (max-width : 920px) {
	//header { border-top: 2px solid red; }

	header .boxConteudo {
		.branding {
			width: 100px !important;
			height: 40px;
			margin-right: 30px !important;
			opacity: 1 !important;
			transition:none;
			background-size:contain;

			

		}
		.menuPrincipal {
			display: none;
			position: absolute;
			width: 100%;
			background: #000; /* Old browsers */
			
			top: 60px;
			left: 0;
			flex-wrap: wrap;
			z-index: 999;
			padding: 15px 0;
			box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.5);
			li {
				width: 100%;
				padding: 15px;
				a {
					color: white;
					.Bold;
				}
				
			}
		}
		.redesSociais {
			display: none;
		}
		.trigger {
			display: flex;
		}
	}

	.wrapper[data-bloco="hero"] {
		margin-top:60px;
		height: 305px;
		display: flex;
		flex-wrap: wrap;
		justify-content:flex-start;
		align-items: flex-start;
		flex-direction: row;
		.cell {
			width: 50%;
			height: 100px;

			.slide {
				width: 100%;
				height: 100px;
				background: no-repeat center;
				background-size: cover;				
			}
		}
	}

	.wrapper[data-bloco="comotrabalhamos"] {		
		padding: 20px 0;
		.boxConteudo {			
			justify-content: center;
			align-items: center;
			flex-direction: column;
			h2 {
				font-size:20px;
				line-height:20px;
				width:100%;
				text-align:center;
				br {
				 display:none;
				}
			}
			.blocoServicos {
				margin-left:0;
				h3 {
					margin:30px 0;
					text-align:center;
				}

				ul {
					width: 100%;
					margin-left: 0;
					justify-content:center;
					li {					
						padding: 10px;
						margin: 0 5px 5px 5px;					
						font-size: 12px;					
						i {
							font-size: 18px;
						}
					}
				}

			}
		}
	}

	.wrapper[data-bloco="apartamento"] {
		display:flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		align-items: stretch;
		

		.ladoesquerdo, .ladodireito {
			width:50%;
			height:350px;
			background: no-repeat;
			background-size:cover;
		}
		
		.ladoesquerdo {
			background-image: url(../imagens/apart1.jpg);
			background-position: left center;
		}

		.ladodireito {
			background-image: url(../imagens/apart2.jpg);
			background-position: right center;
		}

		.btn {			
			left: 0;
			margin-left: 0;
			width: 100%;
			
		}
		
	}

	.wrapper[data-bloco="portfolio"] {
		h2 {
			font-size:20px;
			line-height:20px;
			width:100%;
			text-align:center;				
		}
		.rotativo {			
			.slide {				
				.internoSlide {
					.itemPortfolio {
						width:100%;				
						height: 220px;
						background: no-repeat center;
						background-size: cover;
						display: flex;
						justify-content: center;
						align-items: center;
						margin:5px;
						.overlay {
							width: 100%;
							height: 100%;
							background: rgba(0, 0, 0, 0.8);
							display: flex;
							justify-content: center;
							align-items: center;
							flex-direction: column;
							opacity: 0;
							transition: opacity .3s ease;
							p {
								color: white;
								margin: 0 0 10px 0;
								font-size: 20px;
								text-align:center;
							}
							span {
								color: #000;
								font-size: 14px;
								i {

								}
							}
						}
						&:hover {
							.overlay {
								opacity: 1;
							}
						}
					}
				}
			}
		}		
	}

	.wrapper[data-bloco="portfoliov2"] {		
		.internoSlide {			
			flex-direction: column;			
			.itemPortfolio {
				width:100%;	
				padding:0;
				margin:0;
			}	
		}
	}

	.wrapper[data-bloco="escritorio"] {
		flex-direction: column;
		.col {
			width: 100%;
			&[data-col="imagem"] {
				height:200px;
				padding: 170px 0;
				background-size:contain;
				background-color:@preto;
			}
			&[data-col="conteudo"] {
				padding: 0 0 20px 0;
				.internoCol {
					padding: 20px 10px 0 30px;
					h2 {
						font-size:20px;
						line-height:20px;
						width:100%;
						text-align:center;	
					}
					p {
						font-size: 17px;
						line-height: 20px;
						text-align:center;
					}
				}
			}
		}
	}

	.wrapper[data-bloco="linhadiferente"] {
		
		background-size: contain;

		padding: 0;
		.boxConteudo {
			
			p {
				font-size: 15px;
				letter-spacing: 0px;
				.Light;
				color: white;
				line-height: 40px;
				br { display:none;}
				padding-top:10px;
				strong {
					.Bold;
					font-size: 15px;
					margin-left:5px;
					

				}
				i {
					color: lighten(@preto, 15%);
					margin-right: 10px;
				}
			}
		}
	}

	.wrapper[data-bloco="destaques"] {
		padding: 20px 0;
		.boxConteudo {
			display: flex;
			align-items: stretch;
			justify-content: center;
			flex-direction: column;

			li {
				width:100%;
				
				i {
					font-size: 20px;
					margin-bottom: 10px;
				}
				p {
					font-size: 18px;

				}
			}
		}
	}

	.wrapper[data-bloco="arquiteta"] {
		flex-direction: column;
		
		.col {
			width: 100%;
			&[data-col="imagem"] {
				padding: 170px 0;
				background-size:contain;
				
			}
			&[data-col="conteudo"] {
				padding: 20px 0;
				.internoCol {
					max-width: 700px;
					padding: 0 10	px;
					h2 {
						font-size:23px;
						text-align:center;	
					}
					p {
						line-height: 20px;
						text-align:center;
					}
				}
			}
		}
	}

	.wrapper[data-bloco="acompanhamento"] {
		flex-direction: column;
		
		.col {
			width: 100%;
			&[data-col="imagem"] {
				padding: 150px 0;
				background-size:contain;
				
			}
			&[data-col="conteudo"] {
				padding: 20px 0;
				.internoCol {
					max-width: 700px;
					padding: 0 10	px;
					h2 {
						font-size:23px;
						text-align:center;	
					}
					p {
						line-height: 20px;
						text-align:center;
					}
				}
			}
		}

		

	}


	


	footer {
		background: @preto;
		//* { color: white; }
		.boxConteudo {
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 20px 0;
			flex-direction: column;
			.menuRodape {
				display: flex;
				flex-direction: column;
				li {
					margin-right: 0	;
					padding:5px 0;
					text-align:center;
					a {
						color: white;
						text-align:center;
						&:hover {
							color: #000;
						}
					}
				}
			}
		}
	}

	.wrapper[data-bloco="faqs"] {
		
		padding: 100px 20px 50px 20px;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		flex-wrap: wrap;
		h2 {
			text-align:center;
			margin-bottom:15px;
		}
		h3 {
			letter-spacing: 0;
			color: @preto;
			text-align: center;
			margin-bottom: 0;
			width: 100%;
			.Light;
		}
		div {
			width:100%;
			p {
				margin-bottom:20px;

			}
		}
		
	}

	.bannerVideo {
		
	
		.wrapper[data-bloco="heroVideo"] {
			
			.overlay {
				
				.boxConteudo {
					
					.btn {width:90% !important;  }
				}
			}
		}
	}

	.wrapper[data-bloco="portfolio-interno"] {
		
		
		
		.itemPortfolio {
			
	
				
			a {
				width:100%;	
				
				.overlay {
					background: rgba(0, 0, 0, 0.5);
					opacity: 1;
					padding:0 20px;
				}
			}			
			
		}
	}
	

	.wrapper[data-bloco="imprensa"] {
		
		
		
		.itemImprensa {
			
				
			a {
				width:100%;				
				
				
				.overlay {
					background: rgba(0, 0, 0, 0.5);
					opacity: 1;
					padding:0 20px;
				}
			}			
			
		}
	}

	.wrapper[data-bloco="portfolio-detalhe"] {
		
		
		
		.itemPortfolio {
			width:100%;		
			margin:5px 20px;
	
			
						
			
		}
	}

	.wrapper[data-bloco="escritorio-interno"] {
		
		
		section[data-bloco="introducao"] {
			flex-direction: column;
			.col {
				width: 100%;	
				align-items:center;
				
				img {
					width:100%;
					height: auto;
					object-fit: cover;
					object-position: center;
	
				}
				
				&[data-col="conteudo"] {
					.internoCol {
						padding: 0 20px;
						p {
							font-size: 16px;
							line-height: 25px;
							letter-spacing:4px;
							text-align: left;
							padding-bottom: 10px;
	
						}
					}
				}
			}
			.imagem {
				height: 400px;
				padding: 0;
				background-color:white;
				overflow: hidden;
				margin-bottom:15px;
			}
		}
	
		section[data-bloco="servicos"] {
			
			padding:50px 0 0 0;
			
			h2 {
				width:100%;
			}
	
			.internoServicos {
				flex-direction: column;
				.col {
					padding:20px;
					
					
	
				}
			}
	
			
			
		}
	
	
	}

	

}

@media only screen and (max-width : 570px) {
	//header { border-top: 2px solid purple; }
}


.whatsapp {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 45px;
	height: 45px;
	background: url(../imagens/whatsapp.png) no-repeat center;
	border-radius: 30px;
	background-size: 100%;
	text-indent: -9999px;
	z-index: 500;
  }