*{resize:none; box-sizing:border-box; outline:none; font-family: inherit;}
body{margin:0; padding:0; font-family: 'Arial', sans-serif; font-weight: normal;}

button, a, .bt-banner{transition: all 300ms; -webkit-transition:all 300ms;}

h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight:300; }
p, ul, a{font-family: 'Arial', sans-serif; font-size: 13px; margin: 0;}

.largura-site{width: 98%; max-width: 1200px; margin: 0 auto;}
.flex{display: flex; flex-wrap: wrap; justify-content: space-between;}

#topo{background: #fff; padding: 10px 0;}
.contato-topo{border-bottom: 1px solid #0066ff; align-items: center;}
.endereco{width: 80%; border-right: 1px solid #0066ff; padding: 10px 5px;}
.endereco p{color:#0066ff; line-height: 30px;}
.endereco i{color:#cccccc; font-size: 30px;}
.redes{width: 20%;  text-align: center;}
.redes i{color:#ccc; font-size: 25px; margin: 0 5px; padding: 8px;}
.redes i.cor01:hover{background:#3B5998;}
.redes i.cor02:hover{background:#1DA0F2;}
.redes i.cor03:hover{background:#000;}

.espaco-topo{padding: 10px 0; align-items: center;}

.logo{max-width: 300px;}

.menu{padding: 0; margin: 0;}
.menu li{list-style: none; text-align: center; flex: 1;}
.menu li a{color: #0066ff; font:18px 'Oswald', sans-serif; font-weight: 300; display: block; padding: 15px 0; text-decoration: none;}
.menu li a:hover{background: #0066ff; color: #ffffff;}

nav{width: 45%; align-self: flex-end;}
nav select{display:none; padding:10px 5px; width:96%; margin: 10px auto; color: #333333; font:25px 'Oswald', sans-serif; font-weight: 300; position:relative; border-radius: 3px; border: none;}

.fone{width: 25%; background: #0e192d; align-self: flex-end; height: 56px; display: flex;}
.fone h2{color:#ffffff; margin: 0 auto; line-height: 56px;}
.fone i{background: #0066ff; color: #ffffff; font-size: 20px; line-height: 56px; padding: 0 20px;}

#banner{ position:relative; }
.bt-banner{position:absolute; width:80px; height:80px; bottom:50%; text-align:center; z-index:1000; cursor:pointer; background:#0066ff; color:#ffffff; border-radius: 5px;}
.bt-banner:hover{background:#ffffff; color: #333333;}
.bt-banner i{font-size: 60px; line-height: 80px;}
.proximo{right:10%;}
.anterior{left:10%;}
.busca-imoveis{position: absolute; bottom: 0; z-index: 1000; background: #0e192d; color:#ffffff; }
.busca-imoveis h2{color: #ffffff; width: 300px; text-align: center;}
.busca-imoveis i{background: #0066ff; color: #ffffff; font-size: 20px; line-height: 76px; padding: 0 15px;}

#home{background: #eeeeee; padding: 15px;}
.destaque{background: #ffffff; padding: 20px; width: 49%; margin: 15px 0; border:1px solid #dddddd;}
.destaque h3{color:#bb292a; width: 100%;}
.destaque .coluna{width: 49%; align-items: center;}
.destaque h4{color:#ffffff; width: 100%; background: #666666; margin: 0; padding: 10px;}
.destaque p{color:#333333; }

.conteudo{width: 100%;}
.conteudo h2{color:#bb292a; padding: 15px 0;}
.conteudo p{color:#333333; text-align: justify; margin: 10px 0;}
.conteudo p a{color:#bb292a;}
.conteudo p a:hover{color:#333333;}

.divformulario { font-family: sans-serif; }
.divformulario *:not(.fa) { font-family: inherit; }

#formcontato { width: 100%; }
#formcontato input, #formcontato textarea { width: 100%; resize: none; padding: 10px; margin: 2px 0; border-radius: 3px; border: 1px solid #dddddd; color: #999999; }
#formcontato input:focus, #formcontato textarea:focus { color: #333333; }
#formcontato button { background: #EBEBEB; padding: 10px 20px; margin: 2px 0; color: #666666; border: 1px solid #cccccc; border-radius: 3px; cursor: pointer; }
#formcontato button:hover { background: #f5f5f5; }
#formcontato #loading { font-size: 12px; }

#result { padding: 15px; margin: 20px 0; display: none; border-radius: 3px; }
.error { color: #a94442; background-color: #f2dede; border: 2px solid #ebccd1; }
.success { color: #3c763d; background-color: #dff0d8; border: 2px solid #d6e9c6; }

#rodape{background: url(imgs/fd-rodape.png); background-size: cover;}
.rodape{padding: 100px 0; text-align: center;}

@media screen and (max-width:1023px){
    .logo{max-width: 100%; margin: 20px auto;}
    nav{width: 100%; margin: 20px auto;}
    .endereco{width: 80%;}
    .redes{width: 20%;}
    .fone{width: 100%;}
    .bt-banner{display: none;}
}

@media screen and (max-width:899px){
    .destaque{width: 98%; margin: 15px 0;}    
}

@media screen and (max-width:599px){
    .menu li{display: none;}
    nav select{display: block;}
    #banner{display: none;}
}

@media screen and (max-width:479px){
    .destaque .coluna{width: 98%;}
    .destaque p{margin: 15px 0;}
}