body, header{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

header{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 5px 100px;
	background: #132235;
}

header .logo img{
	height: 75px;
}

header nav{
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
}

header nav ul{
	list-style: none;
}

header nav ul li{
	display: inline;
	margin: 0 20px;
}

header nav ul li a{
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

header nav ul li a:hover{
	opacity: 0.8;
}

header .dropdown{
	position: absolute;
	display: none;
	background: #132235;
	color: #fff;
	margin-left: 143px;
	padding: 0;
	padding-top: 20px;
}

header li:hover .dropdown{
	display: flex;
}

header .dropdown ul{
	padding: 0;
	margin: 0;
}

header .dropdown ul li{
	display: block;
	padding: 0;
	margin: 0;
	width: 120px;
	padding: 5px 10px;
	cursor: pointer;
}

header .dropdown ul li:hover{
	opacity: 0.7;
}


p{
	text-align: justify;
	/*text-indent: 40px;*/
}

.grid{
	display: grid;
	grid-template-columns: 50% 50%;
}

section{
	background: #d8d8d8;
}

section:not(.banners){
	padding: 30px 100px;
}

section.banners{
	max-height: 500px;
	overflow: hidden;
}

section.banners img{
	width: 100%;
	margin-top: -7%;
}

section h3{
	color: #78d7d2;
	font-size: 30px;
	margin: 0;
	margin-bottom: 10px;
}

section .box{
	background: #132235;
	padding: 30px;
	color: #fff;
}

section .autosize{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}



section .box .inner:not(.inverted) .text{
	padding-right: 15px;
}
section .box .inner.inverted .text{
	padding-left: 15px;
}

section .box .inner .text{
	padding: 0;
	padding-right: 15px;
}

section .box .inner .text p{
	padding: 0;
}

section .box .inner .img{
	overflow: hidden;
}

section .box .inner .img img{
	width: 100%;
}

section.casas .text{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

section.casas .casasList{
	list-style: none;
	padding: 0;
	margin: 0;
}

section.casas .casasList li{
	display: inline;
	font-size: 20px;
	margin: 0;
	margin-right: 30px;
	cursor: pointer;
}

section.casas .casasList li:hover, section.casas .casasList li.selected{
	text-decoration: underline;
}

section.casas .inner .img{
	display: flex;
	flex-direction: row;
	display: grid;
    grid-template-columns: 0% 100% 0;
	align-items: center;
}

section.casas .inner iframe{
	width: 100%;
}

section.casas .inner .img > div{
	width: 100%;
}

.setinhas{
	visibility: hidden;
	cursor: pointer;
	height: 30px !important;
	width: 30px !important;
	opacity: 0.5;
	z-index: 1000;
}

.setinhas.right{
	margin-left: -30px;
}

section.casas .inner .img:hover .setinhas{
	visibility: visible;
}

section.contato .text{
	padding-right: 35px !important;
}

section.contato .infos{
	display: flex;
	flex-direction: column;
	font-size: 17px;
}
section.contato .infos div{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
}
section.contato .infos img{
	height: 30px;
	width: auto !important;
	margin-right: 10px;
}


section.servicos .cardbox{
	color: #000;
}
/*
section.servicos .card .img{
	height: 200px;
	overflow: hidden;
	width: 100%;
}
section.servicos .card .img img{
	width: 100%;
	min-height: 200px;
}
*/
section.servicos .card img{
	width: 100%;
}


section .cardbox .card{
	width: 300px;
	padding: 10px;
	margin: 10px 0;
	background: #bbb;
}

section .cardbox .card img{
	width: 100%;
}


section.projetos .img{
	width: 300px;
	height: auto;
	margin-bottom: 10px;
	overflow: hidden;
}

section.projetos .img img{
	width: 100%;
}

section.contato a{
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	align-items: center;
}


footer{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 100px;
	background: #132235;
	color: #fff;
}

footer{
	text-align: right;
}


.cur{
	cursor: pointer;
}

.hidden{
	display: none;
}