html {
min-width: 300px;
height: 100%;
}
body {
background: #f5f5f5;
font-family: 'Segoe UI', sans-serif;
color:#4e4e4e;
line-height: 22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: 'Segoe UI', sans-serif;
color:#4e4e4e;
}
h1{
font-size: 36px;
color:#fff;
}
h2{
font-size: 20px;
}
h3{
font-size: 16px;
color: #787878;
font-weight: 400;
line-height: 24px;
}
h4{
font-size: 16px;
}
a {
color: #cd1f26;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
}
a:hover, a:focus {
color: #d43133;
}
a:hover,
a:focus {
color: #111;
text-decoration: none;
outline: none;
}
/******************
******* Menu ******
*******************/
.navbar-toggle {
border-color: #9c1318;
background-color: #cd1f26;
position: absolute;
right: 0px;
top: 0px;
z-index: 99;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-header h1 {
text-indent: -999px;
color: #464646;
padding: 0;
margin:0;
}
.navbar .navbar-brand{
margin-left: 0;
height: 140px;
overflow: hidden;
width: 285px;
position: relative;
}
.navbar-brand {
padding: 0;
margin:0;
font-size: 36px;
line-height: 50px;
color: #fff;
border-right: 1px solid #eeeeee;
}
.navbar>.container .navbar-brand img {
height: 275px;
margin-top: -70px;
}
.navbar-collapse {
padding: 0;
}
.navbar {
border-radius: 0;
margin-bottom: 0;
background: #ffffff;
padding: 0;
padding-bottom: 0;
border: none;
}
.navbar-nav li{
margin-left: 15px;
}
.navbar .navbar-nav li a {
padding: 13px 10px;
margin: 0;
color: #06254d;
background: none #fff;
line-height: 24px;
display: inline-block;
font-weight: 400;
}
.navbar .navbar-nav li a.active,
.navbar .navbar-nav li a:hover,
.navbar .navbar-nav li a:focus,
.nav .open>a:hover {
color: #cd1f26;
background: none #fff;
}
.navbar .navbar-nav li a:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
position: absolute;
bottom: 0px;
left: 47%;
z-index: 9;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.navbar .navbar-nav li a:hover:after,
.navbar .navbar-nav li a.active:after,
.navbar .navbar-nav li a:focus:after {
bottom: -7px;
}
li.dropdown,
li.dropdown:hover {
border: 0;
color: #06254d;
background: none #fff;
width: auto;
padding: 0;
}
.navbar .navbar-nav li a.link-youtube {
color: #666666;
}
.navbar .navbar-nav li a.link-youtube i {
color: #e02f2f;
}
.navbar .navbar-nav li a.link-contato {
border: 1px solid #eeeeee;
color: #666666;
padding: 4px 10px;
border-radius: 4px;
margin-top: 9px;
}
.navbar .navbar-nav li a.link-contato:after {
bottom: -8px;
}
.navbar .navbar-nav li a.link-contato:hover:after {
bottom: -15px;
}
li.dropdown ul.dropdown-menu {
border-color: #eeeeee;
border-radius: 0;
padding-bottom: 0;
margin-top: 63px;
min-width: 180px;
width: auto;
height: auto;
}
li.dropdown:hover ul.dropdown-menu {
}
li.dropdown ul.dropdown-menu li {
margin-left: 0;
border-bottom: 1px solid #eeeeee;
}
li.dropdown ul.dropdown-menu li:last-child {
border-bottom: 0;
}
li.dropdown ul.dropdown-menu li a {
display: block;
border: 0;
font-size: 12px;
padding:0;
padding-left: 0;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
li.dropdown ul.dropdown-menu li a:hover {
color: #cd1f26;
border: 0;
padding-left: 6px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
li.dropdown ul.dropdown-menu li a i {
position: relative;
left: 0;
bottom: 0;
}
.top-favorito {
padding: 3px 12px;
margin-left: 10px;
border-left: 1px solid #eeeeee;
}
.top-favorito a {
color: #999999;
}
.top-creci {
position: absolute;
bottom: 0;
right: 15px;
line-height: 14px;
}
.top-creci span {
margin: 0;
color: #999999;
font-weight: 200;
font-size: 10px;
font-size: 14px;
}
.top-creci span strong{
font-weight: 400;
}
.top-bar {
padding: 0;
background: #ffffff;
line-height: 28px;
}
.top-atendimento,
.top-email,
.top-ligamos {
padding: 6px 12px 6px 0;
margin-right: 15px;
border-right: 1px solid #eeeeee;
}
.top-atendimento a,
.top-email a,
.top-ligamos a{
margin: 0;
color: #999999;
font-weight: 200;
}
.top-atendimento a strong,
.top-email a strong,
.top-ligamos a strong{
font-weight: 400;
}
.top-atendimento a i,
.top-email a i,
.top-ligamos a i{
font-size: 20px;
color: #bbbbbb;
}
.top-atendimento a:hover,
.top-email a:hover,
.top-ligamos a:hover{
color: #656565 !important;
}
.social{
text-align: right;
}
.social-share{
display: inline-block;
list-style: none;
padding: 5px 12px;
margin: 0;
}
ul.social-share li {
display: inline-block;
}
ul.social-share li a {
display: inline-block;
color: #cccccc;
background: none;
width: 25px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 16px;
}
ul.social-share li a:hover {
background: none;
color: #125fba;
}
.atendimento-topo {
display: block;
float: left;
position: relative;
font-weight: 200;
font-size: 16px;
margin-left: 40px;
margin-top: 25px;
line-height: 26px;
color: #999999;
width: 210px;
}
.atendimento-topo a i {
color: #dddddd;
margin-right: 10px !important;
}
.atendimento-topo a.online i {
color: #0ac800;
margin-right: 10px !important;
}
.atendimento-topo a small {
color: #999999;
font-size: 14px;
margin-top: -7px;
position: relative;
float: left;
}
.atendimento-topo a span.online {
font-weight: 500;
color: #0ac800;
font-size: 24px;
}
.atendimento-topo a span.offline {
font-weight: 500;
color: #df645f;
font-size: 24px;
}
.telefone-topo,
.email-topo {
display: block;
float: left;
position: relative;
font-weight: 200;
font-size: 16px;
margin-left: 30px;
margin-top: 25px;
line-height: 26px;
color: #999999;
}
.telefone-topo i,
.email-topo i {
color: #dddddd;
margin-right: 8px !important;
font-size: 16px;
margin-top: 8px;
}
.telefone-topo i.fa-phone {
color: #d0170f;
}
.telefone-topo i.fa-whatsapp {
color: #089e00;
}
.telefone-topo small,
.email-topo small {
color: #999999;
font-size: 14px;
margin-top: -7px;
position: relative;
float: left;
}
.telefone-topo strong,
.email-topo strong {
font-weight: 500;
color: #666666;
font-size: 20px;
}
.box-busca-referencia {
margin-top: 25px;
z-index: 10;
}
.box-busca-referencia .form-inline {
position: relative;
}
.box-busca-referencia .form-group-lg input.form-control {
border: 1px solid #eeeeee;
color: #58585a !important;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 4px !important;
font-size: 16px !important;
width: 100%;
padding: 10px 16px 10px 40px !important;
}
.box-busca-referencia .btn {
border: 0;
background-color: transparent;
cursor: pointer;
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
margin: 0;
padding: 0 !important;
line-height: 1;
color: #cccccc !important;
z-index: 2;
}
.box-busca-referencia .btn:hover {
background-color: rgba(255, 255, 255, 0.1);
}
/****************
*** Idiomas *****
*****************/
.idiomas {
position: relative;
font-size: 12px;
margin-left: 20px;
}
.idiomas img {
display:inline-block;
margin-right:4px;
position:relative;
}
.idiomas .atual{
min-width: 140px;
display: inline-block;
padding: 3px 12px;
text-decoration: none;
color: #999999;
background-color: #ffffff;
border-radius: 0;
cursor: pointer;
}
.idiomas ul{
min-width: 140px;
position: absolute;
top: 100%;
left: 0px;
z-index: 1000;
background-color: #fafafa;
display: none;
padding: 0;
margin: 0;
box-shadow: 0px 4px 6px rgba(0,0,0,0.3);
-webkit-transition: all 100ms linear;
-moz-transition: all 100ms linear;
-o-transition: all 100ms linear;
transition: all 100ms linear;
}
.idiomas:hover ul{
display: block;
}
.idiomas ul li{
list-style: none;
}
.idiomas ul a{
float:left;
display: block;
width: 100%;
min-height: 26px;
padding: 5px 12px;
overflow-x: hidden;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color:#999999;
}
.idiomas ul a:hover{
background:#f1f1f1;
text-decoration: none;
}
.idiomas ul li .hide {
}
.idiomas ul li:hover .hide{
}
/********************************
*** Modal Ligamos para você *****
*********************************/
.modal-content {
border-radius: 0;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
background: #cd1f26;
}
.modal-header .close {
color: #7f2d0e;
font-size: 28px;
line-height: 24px;
opacity: 1;
text-shadow: none;
margin-top: 5px;
}
.modal-title {
color: #ffffff;
font-size: 24px;
}
.modal-body span {
line-height: 24px;
font-size: 14px;
font-weight: 400;
}
.modal-body .form-group .form-control {
padding: 22px 12px;
border-color: #dddddd;
box-shadow: none;
width: 100%;
display: inline-block;
float: left;
border-radius: 0;
}
.modal-body .form-branco {
background: #eeeeee;
border-top: 2px solid #c6c6c6;
margin: 20px 0;
padding: 15px 0;
}
.modal-body .form-branco h4 {
font-size: 18px;
font-weight: 400;
margin-left: 15px;
padding-left: 10px;
border-left: 2px solid #cd1f26;
}
.btn-modal {
border-color: #cd1f26;
color: #fff;
border-radius: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd1f26+0,a01319+100 */
background: rgb(205,31,38); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,31,38,1) 0%, rgba(160,19,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1f26', endColorstr='#a01319',GradientType=0 ); /* IE6-9 */
}
.btn-modal:hover {
background-color: #cd1f26;
color: #fff;
}
/************************
***** Busca Capa ********
*************************/
.conteudo-busca {
padding: 0px 0 0px;
position: relative;
background: url("../imagens/bg_home_6.jpeg") top center;
background-size: cover;
height: 400px;
}
.busca-capa {
margin-right: 15px;
margin-left: 15px;
background: none ;
}
.busca-capa h2 {
font-weight: 500;
font-size: 48px;
margin-top: 12px;
margin-bottom: 15px;
color: transparent;
text-align: center;
}
.busca-capa h3 {
font-weight: 300;
font-size: 18px;
margin-top: 12px;
margin-bottom: 15px;
color: #fff;
text-align: center;
font-style: italic;
}
.nav-pills {
text-align: center;
margin: 20px 0;
}
.nav-pills>li {
float: none;
display: inline-block;
}
.nav-pills li a {
background: rgba(255,255,255,0);
color: #ffffff;
border-radius: 0px;
padding: 15px 60px;
border:2px solid rgba(255,255,255,0.3);
font-weight: 500;
font-size: 18px;
}
.nav-pills li a:hover,
.nav-pills li a:focus,
.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus {
background: rgba(255,255,255,1);
color: #cd1f26;
border:2px solid rgba(255,255,255,1);
}
.nav-pills li a:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 9px solid rgba(255,255,255,0.3);
position: absolute;
bottom: -11px;
left: 45%;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}
.nav-pills li.active a:after,
.nav-pills li a:hover:after {
border-top: 9px solid rgba(255,255,255,1);
}
.nav-pills li a.btn-link:after {
display: none;
}
.buscas-box {
}
.buscas-box .tab-content>.tab-pane {
margin-top: 20px;
margin-bottom: 20px;
}
.buscas-box .campos {
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px;
width: 25%;
float: left;
}
.buscas-box .campos .form-group {
margin-bottom: 0;
float: left;
width: 100%;
}
.buscas-box .campos .form-group.col-xs-6 {
padding: 0;
width: 48%;
margin-right: 2%;
}
.buscas-box .campos .form-group .form-control {
padding: 8px 12px;
height: 46px;
border-color: rgba(6, 37, 77, 1);
background: rgba(6, 37, 77, 0.8);
box-shadow: none;
width: 100%;
display: inline-block;
float: left;
border-radius: 0;
color: #fff;
}
.buscas-box .campos .form-group input.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.buscas-box .campos .form-group input.form-control:-moz-placeholder {
color: #ffffff;
}
.buscas-box .campos .form-group input.form-control::-moz-placeholder {
color: #ffffff;
}
.buscas-box .campos .form-group input.form-control:-ms-input-placeholder {
color: #ffffff;
}
.btn-busca-capa {
border:0;
color: #fff;
border-radius: 0;
margin-top: 20px;
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd1f26+0,a01319+100 */
background: rgb(205,31,38); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,31,38,1) 0%, rgba(160,19,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1f26', endColorstr='#a01319',GradientType=0 ); /* IE6-9 */
}
.btn-busca-capa:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #cd1f26;
position: absolute;
top: -9px;
left: 45%;
}
.btn-busca-capa:hover:before{
border-bottom: 9px solid #a01319;
}
.btn-busca-capa:hover {
background: #a01319;
color: #fff;
}
/****************************
*** Empreendimento Capa *****
*****************************/
.conteudo-empreendimento-capa {
padding: 60px 0 30px;
position: relative;
background: #f5f5f5;
}
#carousel-emp.carousel {
height: 350px;
width: 100%;
}
#carousel-emp.carousel .carousel-inner .item img {
height: 350px;
width: 100%;
}
.conteudo-empreendimento-capa .carousel-indicators {
bottom: -40px;
}
.conteudo-empreendimento-capa .carousel-indicators li {
width: 30px;
height: 5px;
margin: 0;
background-color: #031833;
border-radius: 0;
border:0;
}
.conteudo-empreendimento-capa .carousel-indicators li.active {
background-color: #a01319;
}
.conteudo-empreendimento-capa .carousel-caption {
right: 10px;
left: 10px;
padding: 10px 0;
height: 100%;
bottom: 0;
}
.conteudo-empreendimento-capa .carousel-caption h3 {
position: absolute;
left: 20px;
top: 20%;
width: 40%;
height: auto;
text-align: justify;
line-height: 24px;
color: #ffffff;
font-weight: 500;
}
.conteudo-empreendimento-capa .carousel-caption .btn {
border: 0px;
background: rgba(205, 31, 38, 0.9);
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 0;
position: absolute;
bottom: 30px;
right: 20px;
padding: 10px 30px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-1 {
border: 1px solid #a01319;
background: #b4141b;
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 0;
position: absolute;
bottom: 30px;
right: 20px;
padding: 10px;
width: 250px;
height: 50px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-2 {
border: 1px solid #a01319;
background: #b4141b;
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 0;
position: absolute;
bottom: 100px;
right: 20px;
padding: 10px;
width: 250px;
height: 50px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-3 {
border: 1px solid #a01319;
background: #b4141b;
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 0;
position: absolute;
bottom: 100px;
right: 290px;
padding: 10px;
width: 250px;
height: 50px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-4 {
border: 1px solid #a01319;
background: #b4141b;
font-size: 18px;
font-weight: 700;
color: #fff;
border-radius: 0;
position: absolute;
bottom: 30px;
right: 290px;
padding: 10px;
width: 250px;
height: 50px;
}
/****************************
*** Categorias de Capa *****
*****************************/
.conteudo-categorias-capa {
margin: 70px 0 50px 0;
z-index: 8;
position: relative;
}
.categorias-titulo>div:first-child {
border-left: 5px solid #cd2127;
}
.categorias-titulo h2 {
font-size: 30px;
font-weight: 500;
color: #06254d;
margin: 0;
}
.categorias-titulo small {
color: #999999;
font-size: 16px;
font-weight: normal;
}
.setas-box {
text-align: right;
padding-top: 15px;
}
.setas-box span {
color: #cccccc;
display: inline-block;
}
.setas-box .btn {
color: #06254d;
font-size: 12px;
background-color: transparent;
margin-top: -3px;
display: inline-block;
padding: 12px;
line-height: 1;
margin-left: 15px;
}
.setas-box .btn:hover,
.setas-box .btn:focus,
.setas-box .btn.active {
color: #f81b1e;
}
.imoveis-categorias-capa {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
.box-imovel-categoria .imovel {
display: inline-block;
width: 100%;
background: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
margin-bottom: 50px;
margin-top: 15px;
}
.box-imovel-categoria .imovel .titulo-imovel {
float: left;
position: relative;
font-weight: 400;
padding: 5px 10px 0;
width: 100%;
height: 105px;
display: block;
background: #06254d;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
z-index: 4;
}
.box-imovel-categoria .imovel .titulo-imovel h3{
font-size: 18px;
color: #ffffff;
font-weight: 400;
margin: 0 0 15px 0;
width: 100%;
height: 50px;
overflow: hidden;
}
.box-imovel-categoria .imovel .titulo-imovel h5.item-valor {
float: left;
display: inline-block;
padding: 1px 5px;
color: #ffffff;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
width: 100%;
height: 30px;
position: relative;
}
.box-imovel-categoria .imovel .titulo-imovel h5.item-valor small {
position: absolute;
top: -11px;
font-size: 12px;
color: #fff;
}
.box-imovel-categoria .imovel .imagem {
margin: 0;
margin-bottom: 0px;
width: 100%;
height: 191px;
position: relative;
float: left;
}
.box-imovel-categoria .imovel .imagem .imagem-crop{
display: block;
overflow: hidden;
position: relative;
height: 191px;
}
.box-imovel-categoria .imovel .imagem img {
display: block;
width: 100%;
height: 191px;
object-fit: cover;
position: absolute;
bottom: 0;
}
.box-imovel-categoria .imovel .imagem img.v {
height: auto;
}
.box-imovel-categoria .imovel .imagem .badge{
position: absolute;
top: 15px;
left: 10px;
border-radius: 3px;
padding: 5px 10px;
}
.box-imovel-categoria .imovel .imagem .badge.venda {
background: #cd1f26;
}
.box-imovel-categoria .imovel .imagem .badge.locacao {
background: #1e5397;
}
.box-imovel-categoria .imovel .imagem .badge.apto {
background: #cd1f26;
}
.box-imovel-categoria .imovel .imagem .badge.casa {
background: #1e5397;
}
.box-imovel-categoria .imovel .imagem .badge.area {
background: #05bd02;
}
.box-imovel-categoria .imovel .imagem .badge.comercial {
background: #6f6f6f;
}
.box-imovel-categoria .imovel .imagem .badge.cond {
background: #650b99;
}
.box-imovel-categoria .imovel .info {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
opacity: 0;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
z-index: 4;
}
.box-imovel-categoria .imovel .info .favorito-link {
position: absolute;
top: 0px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 65px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(160, 19, 25, 0.9);
}
.box-imovel-categoria .imovel .info .detalhe-link {
position: absolute;
top: 65px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 63px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(205, 31, 38, 0.9);
}
.box-imovel-categoria .imovel .info .interesse-link {
position: absolute;
top: 128px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 63px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(240, 53, 60, 0.9);
}
.box-imovel-categoria .imovel .detalhes {
float: left;
position: relative;
padding: 10px 15px;
width: 100%;
height: 157px;
}
.box-imovel-categoria .imovel .detalhes .item {
float: left;
width: 100%;
height: 28px;
overflow: hidden;
display: block;
color: #999999;
margin-bottom: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #eeeeee;
}
.box-imovel-categoria .imovel .detalhes .item:last-child {
border-bottom: 0;
}
.box-imovel-categoria:hover .imovel .info {
opacity: 1;
}
.box-imovel-categoria:hover .imovel .titulo-imovel {
background: #cd1f26;
}
/*************************************
*** Breadcrumb Páginas Internas *****
**************************************/
.conteudo-breadcrumb {
background: url("../imagens/bg-breadcrumb.jpg") no-repeat;
height: 130px;
background-size: cover;
}
.conteudo-breadcrumb .breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: transparent;
border-radius: 4px;
margin-top: 45px;
}
.conteudo-breadcrumb .breadcrumb>li {
display: inline-block;
}
.conteudo-breadcrumb .breadcrumb>li a{
color: #c4dbf9;
}
.conteudo-breadcrumb .breadcrumb>.active {
color: #ffffff;
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #c4dbf9;
}
.breadcrumb>li+li.active:before {
color: #ffffff;
}
.conteudo-breadcrumb.busca {
background: url("../imagens/bg-breadcrumb-busca.jpg") no-repeat;
height: 200px;
background-size: cover;
}
.conteudo-breadcrumb.busca h1{
font-size: 48px;
font-weight: 500;
margin-top: 45px;
margin-bottom: 20px;
}
.conteudo-breadcrumb.busca small{
font-size: 18px;
color: #fff;
font-weight: 300;
font-style: italic;
}
/********************
*** Quem Somos *****
*********************/
.conteudo-base {
margin: 50px 0 10px 0;
position: relative;
}
.texto-empresa {
margin: 25px 0;
line-height: 30px;
text-align: justify;
}
.foto-empresa {
margin: 30px 0;
}
.box-endereco {
margin: 25px 0;
}
.box-endereco .mapa {
padding: 0;
margin: 0;
display: flex;
}
.box-endereco .dados-endereco {
text-align: center;
margin: 10px 0;
}
.box-endereco .dados-endereco h4 {
color: #333333;
margin-top: 25px;
font-size: 20px;
font-weight: 400;
text-align: left;
}
.box-endereco .dados-endereco h4 i {
color: #cd1f26;
font-size: 24px;
}
.box-endereco .dados-endereco hr {
margin:10px 0;
}
.box-endereco ul.lista-contato-imob {
padding-left: 0;
}
.box-endereco ul.lista-contato-imob li {
list-style: none;
color: #999999;
font-size: 16px;
font-weight: 400;
text-align: left;
margin-bottom: 20px;
}
.box-endereco ul.lista-contato-imob li .texto {
padding-left: 25px;
margin-bottom: 10px;
line-height: 22px;
color: #4e4e4e;
}
.box-endereco ul.lista-contato-imob li i {
color: #073060;
}
.box-endereco ul.lista-contato-imob li .fa-mobile {
font-size: 26px;
}
.box-endereco ul.lista-contato-imob li .fa-envelope {
font-size: 18px;
margin-top: 2px;
}
.box-endereco ul.lista-contato-imob li .fa-map-marker {
font-size: 24px;
}
.box-endereco .btn-default {
color: #fff;
background-color: #d01a12;
border-color: #a6151b;
}
/****************************
*** Resultado da Busca *****
*****************************/
.conteudo-resultado-busca {
margin: 30px 0 10px 0;
position: relative;
}
.categorias-titulo .texto-ajuda {
float: left;
margin-top: 15px;
}
.imoveis-resultado-busca {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
.box-imovel-resultado .imovel {
display: inline-block;
width: 100%;
background: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
margin-bottom: 50px;
margin-top: 15px;
}
.box-imovel-resultado .imovel .titulo-imovel {
float: left;
position: relative;
font-weight: 400;
padding: 10px 10px 0;
width: 100%;
height: 100px;
display: block;
background: #06254d;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
z-index: 4;
}
.box-imovel-resultado .imovel .titulo-imovel h3{
font-size: 18px;
color: #ffffff;
font-weight: 400;
margin: 0 0 5px 0;
width: 100%;
height: 50px;
overflow: hidden;
}
.box-imovel-resultado .imovel .titulo-imovel h5.item-valor {
float: left;
display: inline-block;
padding: 1px 5px;
color: #ffffff;
margin-top: 0;
font-size: 24px;
font-weight: 700;
width: 100%;
height: 30px;
margin-bottom: 0;
}
.box-imovel-resultado .imovel .imagem {
margin: 0;
margin-bottom: 0px;
display: block;
overflow: hidden;
position: relative;
height: 191px;
width: 100%;
}
.box-imovel-resultado .imovel .imagem .imagem-crop{
display: block;
overflow: hidden;
position: relative;
height: 191px;
width: 100%;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img {
display: block;
width: 100%;
height: 191px;
object-fit: cover;
position: absolute;
bottom: 0;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-resultado .imovel .imagem .badge{
position: absolute;
top: 15px;
left: 10px;
border-radius: 3px;
padding: 5px 10px;
}
.box-imovel-resultado .imovel .imagem .badge.venda{
background: #cd1f26;
}
.box-imovel-resultado .imovel .imagem .badge.locacao{
background: #1e5397;
}
.box-imovel-resultado .imovel .imagem .badge.apto{
background: #cd1f26;
}
.box-imovel-resultado .imovel .imagem .badge.casa{
background: #1e5397;
}
.box-imovel-resultado .imovel .imagem .badge.area{
background: #05bd02;
}
.box-imovel-resultado .imovel .imagem .badge.comercial{
background: #6f6f6f;
}
.box-imovel-resultado .imovel .imagem .badge.cond {
background: #650b99;
}
.box-imovel-resultado .imovel .info {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
opacity: 0;
-webkit-transition: all 250ms;
-moz-transition: all 250ms;
-o-transition: all 250ms;
transition: all 250ms;
z-index: 4;
}
.box-imovel-resultado .imovel .info .favorito-link {
position: absolute;
top: 0px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 65px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(160, 19, 25, 0.9);
}
.box-imovel-resultado .imovel .info .detalhe-link {
position: absolute;
top: 65px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 63px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(205, 31, 38, 0.9);
}
.box-imovel-resultado .imovel .info .interesse-link {
position: absolute;
top: 128px;
color: #ffffff;
z-index: 3;
font-size: 15px;
height: 63px;
width: 100%;
line-height: 60px;
padding: 0 20px;
background: rgba(240, 53, 60, 0.9);
}
.box-imovel-resultado .imovel .detalhes {
float: left;
position: relative;
padding: 10px 15px;
width: 100%;
height: 170px;
}
.box-imovel-resultado .imovel .detalhes .item {
float: left;
width: 100%;
display: block;
color: #999999;
margin-bottom: 10px;
padding-bottom: 4px;
border-bottom: 1px solid #eeeeee;
}
.box-imovel-resultado .imovel .detalhes .item:last-child {
border-bottom: 0;
}
.box-imovel-resultado:hover .imovel .info {
opacity: 1;
}
.box-imovel-resultado:hover .imovel .titulo-imovel {
background: #cd1f26;
}
/* Resultado Busca - Filtros */
.refine-resultado {
margin-top: 15px;
background-color: #fff;
padding-top: 10px;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.refine-resultado .form-branco {
width: 100%;
margin: 0;
padding-bottom: 20px;
background: #fff;
border: 0;
}
.refine-resultado .form-branco form {
width: 100%;
display: inline-block;
font-style: normal;
padding: 0;
background: none;
box-shadow:none;
border-radius: 0px;
}
.refine-resultado .form-branco form .form-group.col-xs-6 {
padding: 0;
width: 50%
}
.refine-resultado .form-branco form .form-group.col-xs-6 .form-control{
width: 98%
}
.refine-resultado .form-branco form .form-group .form-control {
box-shadow: none;
border-color: #DDD;
padding: 12px 10px;
height: 40px;
}
.refine-resultado .form-branco form .form-group textarea.form-control {
height: 120px;
}
.btn-enviar-form-imovel {
border:0;
color: #fff;
border-radius: 0;
margin-top: 20px;
position: relative;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd1f26+0,a01319+100 */
background: rgb(205,31,38); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,31,38,1) 0%, rgba(160,19,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1f26', endColorstr='#a01319',GradientType=0 ); /* IE6-9 */
}
.btn-enviar-form-imovel:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #cd1f26;
position: absolute;
top: -9px;
left: 45%;
}
.btn-enviar-form-imovel:hover:before{
border-bottom: 9px solid #a01319;
}
.btn-enviar-form-imovel:hover {
background: #a01319;
color: #fff;
}
/* Paginação Resultado da Busca */
.conteudo-resultado-busca nav {
text-align: center;
}
.pagination>li>a,
.pagination>li>a,
.pagination>li>span {
border-radius: 4px !important;
margin: 0 2px;
border: 0;
color: #999999;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>a.active,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
color: #ffffff;
background-color: #cd1f26;
}
/* Imóvel não encontrado */
.resultado-nao-encontrado {
background: #fff;
box-shadow: 2px 3px 5px #565656;
margin-top: 15px;
padding: 20px 15px;
}
.resultado-nao-encontrado .icone-house {
background: url("../imagens/icone-house.jpg") no-repeat;
display: block;
width: 58px;
height: 52px;
float: left;
margin: 30px 20px;
}
.resultado-nao-encontrado h3 {
float: left;
color: #06254d;
width: inherit;
font-size: 24px;
}
.resultado-nao-encontrado p {
float: left;
width: inherit;
font-size: 18px;
font-weight: 200;
}
.btn-resultado-pedido {
background: #06254d;
margin-top: 40px;
color: #fff;
}
.btn-resultado-pedido:hover {
background: #a01319;
color: #fff;
}
/****************************
*** Detalhe do Imóvel *****
*****************************/
.conteudo-detalhe-imovel {
margin: 30px 0 10px 0;
position: relative;
}
.detalhe-titulo {
border-left: 5px solid #cd2127;
padding-left: 15px;
margin: 15px 0;
}
.detalhe-titulo h2 {
font-weight: 400;
font-size: 30px;
margin-top: 0px;
margin-bottom: 5px;
color: #06254d;
line-height: 35px;
}
.detalhe-titulo h3 {
font-weight: 400;
font-size: 24px;
margin-top: 0px;
margin-bottom: 5px;
color: #06254d;
line-height: 35px;
}
.detalhe-titulo small {
color: #999999;
font-size: 16px;
font-weight: normal;
}
.detalhe-titulo .referencia{
color: #333333;
font-size: 14px;
font-weight: 500;
}
.detalhe-imovel-dados {
text-align: right;
margin-top: 15px;
}
.detalhe-imovel-dados .favorito-imovel {
display: block;
color: #999999;
}
.bt-calendario {
font-size: 14px;
margin-left: 5px;
margin-top: 10px;
color: #777;
float: left;
background: #fff;
box-shadow: 2px 0 4px #cecece;
line-height: 30px;
padding-right: 10px;
display: inline-block;
}
.bt-imprimir {
font-size: 14px;
margin-left: 5px;
margin-top: 10px;
color: #777;
float: right;
background: #fff;
box-shadow: 2px 0 4px #cecece;
line-height: 30px;
padding-right: 10px;
display: inline-block;
}
.bt-calendario i,
.bt-imprimir i {
font-size: 20px;
background: #031d3e;
color: #fff;
padding: 5px;
}
/* Fotos Imóvel */
.box-fotos-imovel {
padding-left: 0;
padding-right: 0;
overflow: hidden;
height: 500px;
}
.box-fotos-imovel .foto-ampliada {
position: relative;
height: 500px;
overflow: hidden;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 500px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img {
width: 100%;
max-width: initial;
height: 500px;
object-fit: cover;
position: absolute;
bottom: 0;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img.v {
height: auto;
width: 100%;
}
.box-fotos-imovel .carousel-control,
.box-fotos-imovel .carousel-control {
opacity: 0.7;
font-size: 90px;
background: none;
}
.box-fotos-imovel .carousel-control.left i {
position: absolute;
top: 40%;
left: 30%;
}
.box-fotos-imovel .carousel-control.right i {
position: absolute;
top: 40%;
right: 30%;
}
.box-fotos-imovel .carousel-control:hover,
.box-fotos-imovel .carousel-control:hover {
opacity: 1;
}
.box-thumbs {
overflow: hidden;
position: relative;
padding: 20px 15px 30px 15px;
margin-top: 0;
text-align: center;
background: rgba(0,0,0,0.5);
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.box-fotos-imovel:hover .box-thumbs {
margin-top: -126px;
}
.galeria-thumbs {
}
.galeria-thumbs .col-sm-2 {
padding: 0 8px;
}
.galeria-thumbs a.thumbnail {
margin-bottom: 0;
border: 0;
padding: 0;
height: 67px;
border-radius: 0;
position: relative;
background: transparent;
}
.galeria-thumbs a.thumbnail img {
height: auto;
width: 100%;
position: absolute;
bottom: 0;
}
.galeria-thumbs a.thumbnail img.v {
height: auto;
width: 100%;
position: absolute;
bottom: 0;
}
.box-fotos-imovel .box-thumbs .caption {
float: none;
display: inline-block;
color: #fff;
margin-top: 3px;
}
.box-fotos-imovel .box-thumbs .carousel-control,
.box-fotos-imovel .box-thumbs .carousel-control {
opacity: 0.7;
font-size: 60px;
background: none;
width: 5%;
}
.box-fotos-imovel .box-thumbs .carousel-control.left i {
position: absolute;
top: 25px;
right: 5px;
}
.box-fotos-imovel .box-thumbs .carousel-control.right i {
position: absolute;
top: 25px;
right: 5px;
}
.coluna-detalhes {
padding: 15px;
height: 500px;
background: #fff;
overflow: hidden;
}
.coluna-detalhes .lista-detalhes {
list-style: none;
}
.coluna-detalhes .lista-detalhes {
padding-left: 0;
}
.coluna-detalhes .lista-detalhes li {
padding-bottom: 5px;
line-height: 27px;
border-bottom: 1px solid #eeeeee;
color: #464646;
font-size: 14px;
margin: 5px 0;
float: left;
display: block;
width: 100%;
}
.coluna-detalhes .lista-detalhes li:last-child {
border-bottom: 0;
}
.coluna-detalhes .lista-detalhes li i {
width: 24px;
height: 24px;
background: url("../imagens/icones-imoveis.png");
display: inline-block;
float: left;
margin-top: 3px;
margin-right: 10px;
}
.coluna-detalhes .lista-detalhes li.detalhe-valor {
color: #cd1f26;
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.coluna-detalhes .lista-detalhes li.detalhe-valor small {
color: #cd1f26;
font-size: 14px;
font-weight: 400;
letter-spacing: -1px;
}
.coluna-detalhes .lista-detalhes li.detalhe-localizacao i {
background-position:-24px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-tipo-apto i {
background-position:-72px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-tipo-casa i {
background-position:-48px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-tipo-area i {
background-position:-96px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-quarto i {
background-position:-120px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-banheiro i {
background-position:-144px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-garagem i {
background-position:-168px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-area-privativa i {
background-position:-192px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-area-total i {
background-position:-216px 0 ;
}
.coluna-detalhes .lista-detalhes li.detalhe-mobilia i {
background-position:-240px 0 ;
}
.coluna-btn-contato {
padding: 0;
}
.coluna-btn-contato .contato-interesse,
.coluna-btn-contato .contato-agende,
.coluna-btn-contato .contato-envie,
.coluna-btn-contato .contato-ligamos {
height: 125px;
padding: 6px;
}
.coluna-btn-contato .contato-interesse{
background: #1c4f90;
}
.coluna-btn-contato .contato-agende{
background: #052247;
}
.coluna-btn-contato .contato-envie{
background: #e52e35;
}
.coluna-btn-contato .contato-ligamos {
background: #9d1218;
}
.coluna-btn-contato .contato-interesse:hover,
.coluna-btn-contato .contato-agende:hover,
.coluna-btn-contato .contato-envie:hover,
.coluna-btn-contato .contato-ligamos:hover {
opacity: 0.9;
}
.coluna-btn-contato .contato-interesse .btn,
.coluna-btn-contato .contato-agende .btn,
.coluna-btn-contato .contato-envie .btn,
.coluna-btn-contato .contato-ligamos .btn {
height: 100%;
width: 100%;
border: 1px solid rgba(255,255,255,0.4);
border-radius: 0;
color: #fff;
line-height: 30px;
}
.coluna-btn-contato .contato-interesse .btn i,
.coluna-btn-contato .contato-agende .btn i,
.coluna-btn-contato .contato-envie .btn i,
.coluna-btn-contato .contato-ligamos .btn i {
margin-top: 12%;
}
.box-descricoes {
margin: 30px 0;
}
.box-descricoes .nav-tabs {
border-bottom: 3px solid #1e5397;
}
.box-descricoes .nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #ffffff;
border-bottom: 0;
border-radius: 0;
background: #fff;
color: #565656;
padding: 15px;
}
.box-descricoes .nav-tabs>li.active>a,
.box-descricoes .nav-tabs>li.active>a:focus,
.box-descricoes .nav-tabs>li.active>a:hover {
cursor: default;
background-color: #1e5397;
border: 1px solid #1e5397;
border-bottom-color: #1e5397;
}
.box-descricoes .nav-tabs>li>a>h3 {
font-size: 14px;
font-weight: 500;
color: #333333;
margin: 3px 0 5px;
}
.box-descricoes .nav-tabs>li.active>a h3,
.box-descricoes .nav-tabs>li.active>a:focus h3,
.box-descricoes .nav-tabs>li.active>a:hover h3 {
color: #fff;
}
.box-descricoes .tab-content>.tab-pane {
background: #fff;
padding: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
.box-descricoes .tab-content>.tab-pane h4,
.box-descricoes .tab-content>.tab-pane p {
color: #333333;
font-size: 16px;
margin: 0;
margin-top: 15px;
line-height: 24px;
font-weight: 400;
}
.box-descricoes .tab-content>.tab-pane .detalhe-titulo-item {
font-size: 16px;
color: #333333;
font-weight: 500;
}
.box-descricoes .tab-content>.tab-pane .detalhe-item {
font-size: 16px;
color: #666666;
display: block;
}
.box-mapa .nav-tabs {
border-bottom: 3px solid #1e5397;
}
.box-mapa .nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #ffffff;
border-bottom: 0;
border-radius: 0;
background: #fff;
color: #565656;
}
.box-mapa .nav-tabs>li.active>a,
.box-mapa .nav-tabs>li.active>a:focus,
.box-mapa .nav-tabs>li.active>a:hover {
cursor: default;
background-color: #1e5397;
border: 1px solid #1e5397;
border-bottom-color: #1e5397;
}
.box-mapa .nav-tabs>li>a>h3 {
font-size: 14px;
font-weight: 500;
color: #333333;
margin: 3px 0 5px;
}
.box-mapa .nav-tabs>li>a>h3 i {
font-size: 18px;
color: #1e5397;
}
.box-mapa .nav-tabs>li.active>a h3,
.box-mapa .nav-tabs>li.active>a:focus h3,
.box-mapa .nav-tabs>li.active>a:hover h3,
.box-mapa .nav-tabs>li.active>a h3 i,
.box-mapa .nav-tabs>li.active>a:focus h3 i,
.box-mapa .nav-tabs>li.active>a:hover h3 i {
color: #fff;
}
.box-mapa .tab-content>.tab-pane {
background: #fff;
padding: 20px;
box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
.simuladores {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 20px;
display: inline-block;
}
.simuladores .banco {
text-align: center;
margin: 8px 0;
}
.simuladores .banco a {
border-radius:2px;
display: inline-block;
border: 0;
box-shadow: 0 0 3px #cecece;
padding: 12px 10px;
}
.simuladores .banco a:hover {
box-shadow: 0 0 6px #dedede;
background-color:#fff;
}
.simuladores .banco a img {
display: inline-block;
}
.video {
}
.mapa {
}
/* Imóveis relacionados */
.imoveis-relacionados {
margin-top: 30px;
}
.imoveis-relacionados h4 {
font-size: 20px;
font-weight: 500;
color: #06254d;
}
.imoveis-relacionados hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #cccccc;
}
.imoveis-relacionados .btn-link {
color: #cd1f26;
}
.box-imovel-relacionado {
margin: 15px 0;
padding: 0;
}
.box-imovel-relacionado .imovel {
display: inline-block;
width: 100%;
}
.box-imovel-relacionado .imovel .imagem {
margin: 0;
padding: 0;
position: relative;
float: left;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop{
display: block;
overflow: hidden;
position: relative;
height: 100px;
border-radius: 4px;
}
.box-imovel-relacionado .imovel:hover .imagem .imagem-crop {
box-shadow: 0 0 8px rgba(0,0,0,0.5);
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img {
display: block;
width: 100%;
height: 100px;
object-fit: cover;
position: absolute;
bottom: 0;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-relacionado .info{
height: auto;
padding: 0 10px;
}
.box-imovel-relacionado .info h3{
font-size: 14px;
color: #333333;
white-space: inherit;
overflow: hidden;
font-weight: 400;
margin: 0;
line-height: 20px;
}
.box-imovel-relacionado .info .light {
font-weight: 200;
font-size: 14px;
color: #999999;
}
.box-imovel-relacionado .item-valor h5{
float: left;
display: inline-block;
color: #1e5397;
margin: 5px 0;
font-size: 14px;
font-weight: 500;
}
/* Detalhe do Empreendimento */
.conteudo-detalhe-empreendimento .coluna-detalhes {
height: 210px;
}
.conteudo-detalhe-empreendimento .coluna-detalhes .lista-detalhes li {
padding-bottom: 4px;
line-height: 27px;
font-size: 14px;
margin: 4px 0;
}
/* Fotos Imóvel */
.conteudo-detalhe-empreendimento .box-fotos-imovel {
height: 460px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada {
height: 460px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 460px;
}
.tipo-unidade {
margin: 10px 0 15px;
background: #fff;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.tipo-unidade h5 {
font-size: 16px;
}
.fotos-unidade .foto-princial {
height: 250px;
overflow: hidden;
}
.fotos-unidade .foto-princial .carousel-inner {
height: 100%;
}
.fotos-unidade .foto-princial .carousel-control.left,
.fotos-unidade .foto-princial .carousel-control.right {
line-height: 250px;
font-size: 40px;
}
.fotos-unidade .foto-princial .carousel-inner a {
padding: 0;
height: 250px;
overflow: hidden;
}
.fotos-unidade .foto-princial .carousel-inner a img {
height: 100%;
width: auto;
max-width: inherit;
position: absolute;
}
.fotos-unidade .foto-princial .carousel-inner a img.v {
height: auto;
width: 100%;
position: absolute;
bottom: 0;
}
.box-descricao-unidade {
max-height: 230px;
overflow-y: auto;
float: left;
width: 100%;
padding-right: 15px;
}
.descricao-unidade {
margin-bottom: 7px;
}
.descricao-unidade h5 {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
margin-top: 20px;
color: #cd1f26;
}
.descricao-unidade h6 {
font-size: 16px;
font-weight: 400;
color: #333333;
}
.descricao-unidade span {
color: #666666;
font-weight: normal;
display: block;
line-height: 22px;
}
.descricao-unidade p {
color: #666666;
font-weight: normal;
display: block;
line-height: 22px;
}
.descricao-unidade hr{
margin: 10px 0;
}
/*******************************************
**** Formulários Contato/Trabalhe/Pedido****
********************************************/
.conteudo-formulario {
margin: 30px 0 50px 0;
position: relative;
}
.form-branco {
background: #eeeeee;
border-top: 2px solid #c6c6c6;
margin:20px 0;
padding-bottom: 15px;
}
.form-branco .detalhe-titulo {
border-left: 2px solid #cd2127;
padding-left: 15px;
margin: 15px 0;
}
.form-branco .detalhe-titulo h4 {
font-size: 18px;
font-weight: 400;
}
hr.divisor {
float: left;
width: 100%;
border-color: #dddddd;
margin-top: 0;
}
.form-branco .dropdown {
border: 1px solid #dddddd;
padding: 12px 12px 8px;
height: 44px;
}
.form-branco .form-group {
margin-bottom: 15px;
display: block;
float: left;
width: 100%;
}
.form-branco .form-group .form-control {
padding: 8px 12px;
border-color: #dddddd;
box-shadow: none;
width: 100%;
height: 44px;
display: inline-block;
float: left;
border-radius: 0;
}
.form-branco .form-group textarea.form-control {
height: auto;
}
.form-inline .form-group .form-control {
padding: 8px 12px;
border-color: #dddddd;
box-shadow: none;
width: 100%;
height: 44px;
display: inline-block;
float: left;
border-radius: 0;
}
.form-inline .form-group textarea.form-control {
height: auto;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #555;
text-align: center;
background-color: #f6f6f6;
border: 1px solid #dddddd;
border-radius: 0px;
}
.btn-enviar-form {
padding: 10px 25px;
border-color: #a01319;
color: #fff;
border-radius: 6px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd1f26+0,a01319+100 */
background: rgb(205,31,38); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,31,38,1) 0%, rgba(160,19,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1f26', endColorstr='#a01319',GradientType=0 ); /* IE6-9 */
}
.btn-enviar-form:hover {
background: #a01319;
color: #fff;
}
.captcha {
margin-right: 20px;
}
/*******************************
**** LInk Simuladores Capa ****
********************************/
.conteudo-simuladores-capa {
background: url("../imagens/bg_simuladores_capa.jpg") repeat;
margin: 30px 0 10px 0;
padding: 20px 0 30px;
}
.conteudo-simuladores-capa h3 {
font-size: 30px;
color: #ffffff;
text-shadow: none;
margin: 10px 0 15px 0;
font-weight: 400;
}
.conteudo-simuladores-capa span {
color: #afd1fc;
text-shadow: none;
font-size: 16px;
font-style: italic;
font-weight: 200;
position: relative;
}
.conteudo-simuladores-capa .btn-simuladores {
color: #fff;
border-color: #a01319;
height: 46px;
margin-top: 25px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd1f26+0,a01319+100 */
background: rgb(205,31,38); /* Old browsers */
background: -moz-linear-gradient(top, rgba(205,31,38,1) 0%, rgba(160,19,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(205,31,38,1) 0%,rgba(160,19,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1f26', endColorstr='#a01319',GradientType=0 ); /* IE6-9 */
}
.conteudo-simuladores-capa .btn-simuladores:hover {
background: #a01319;
}
.conteudo-simuladores-bancos .simuladores {
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 0px;
display: inline-block;
}
/****************************************
**** Banner Resultado nao encontrado ****
*****************************************/
.conteudo-resultado-pedido .container .row {
background: url("../imagens/bg-banner-resultado-pedido.jpg");
padding: 20px 15px;
background-size: cover;
}
.conteudo-resultado-pedido h3 {
font-size: 36px;
color: #ffffff;
text-shadow: none;
margin: 10px 0 5px 0;
font-weight: 600;
line-height: 34px;
}
.conteudo-resultado-pedido .texto-auxiliar {
color: #ffffff;
text-shadow: none;
font-size: 18px;
font-weight: 200;
position: relative;
}
.conteudo-resultado-pedido .fa-stack {
width: 60px;
height: 60px;
margin: 20px;
margin-top: 20px;
line-height: 58px;
}
.conteudo-resultado-pedido .fa-stack .fa-circle {
font-size: 60px;
color: #ffffff;
}
.conteudo-resultado-pedido .fa-stack .fa-home {
font-size: 30px;
color: #c71d24;
}
.conteudo-resultado-pedido .btn-resultado-pedido {
background: #ffffff;
color: #464646;
border-color: #efefef;
margin-top: 30px;
padding: 15px 12px;
-webkit-transition: all 500ms linear;
-moz-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
}
.conteudo-resultado-pedido .btn-resultado-pedido:hover {
background: #efefef;
}
/*********************************
********* Link e Documentos ******
**********************************/
ul.utilidades-lista {
list-style: none;
float: left;
margin: 20px 0;
width: 98%;
}
ul.utilidades-lista li {
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #eeeeee;
}
ul.utilidades-lista li .utilidades-link i {
position: relative;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
vertical-align: middle;
color: #031c3b;
font-size: 20px;
margin-right: 10px;
}
ul.utilidades-lista li .utilidades-link {
color: #565656;
font-size: 16x
}
ul.utilidades-lista li .utilidades-link:hover i {
color: #cd2127;
}
/*************************************
********* Notícias/Avisos/Dicas ******
**************************************/
.noticia-aberta {
margin: 30px 0;
}
.noticia-aberta .titulo-noticia {
color: #1e5397;
font-size: 24px;
font-weight: 400;
margin-bottom: 10px;
}
.noticia-aberta .data-noticia {
color: #999999;
margin-bottom: 20px;
display: block;
font-weight: 200;
font-size: 16px;
}
.noticia-aberta .texto-noticia {
color: #666666;
line-height: 26px;
background: #fff;
box-shadow: 0px 3px 5px #e2e2e2;
padding: 10px;
}
.noticia-aberta img {
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
width: 100%;
}
.noticia-fechada {
}
.noticia-fechada .titulo-noticia {
color: #1e5397;
font-size: 22px;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
}
.noticia-fechada .data-noticia {
color: #999999;
margin-bottom: 10px;
display: block;
font-weight: 200;
font-size: 14px;
}
.noticia-fechada .thumbnail {
box-shadow: 0px 1px 3px #dbdbdb;
border: 0;
}
.noticia-fechada .texto-noticia {
color: #666666;
font-size: 16px;
font-weight: 200;
line-height: 22px;
}
.noticia-fechada hr {
width: 100%;
}
.noticia-fechada a {
color: #1e5397;
}
.listagem-noticia {
}
.listagem-noticia h3 {
color: #06254d;
font-size: 20px;
}
.listagem-noticia hr {
margin: 0px;
border: 0;
border-top: 1px solid #cccccc;
}
.noticia-item {
margin: 5px 0;
display: block;
padding: 5px;
position: relative;
}
.noticia-item h5 {
color: #1e5397;
margin-top: 0px;
margin-bottom: 5px;
font-weight: normal;
}
.noticia-item small {
color: #999999;
display: block;
margin-bottom: 5px;
}
.noticia-item p {
color: #666666;
}
.noticia-item a {
display: block;
text-align: right;
}
.listagem-noticia.avisos .noticia-item a {
color: #0a305e;
}
.listagem-noticia.dicas .noticia-item a {
color: #d74842;
}
.listagem-noticia.noticias .noticia-item a {
color: #707070;
}
.box-noticia nav {
text-align: center;
}
.box-noticia nav .pagination li a {
border-radius: 4px !important;
margin: 0 2px;
border: 0;
color: #999999;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}
.box-noticia nav .pagination li a:hover,
.box-noticia nav .pagination li a:focus,
.box-noticia nav .pagination li a.active {
color: #ffffff;
background-color: #cd1f26;
}
/***********************
********* Footer ******
************************/
footer.infos {
padding: 30px 0;
margin-top: 50px;
background: #fff;
}
footer.infos .titulo-rodape {
border-left: 5px solid #cd2127;
padding-left: 15px;
margin: 15px 0;
}
footer.infos .titulo-rodape h3 {
font-size: 24px;
font-weight: 500;
color: #06254d;
margin: 0;
}
footer.infos .titulo-rodape small {
color: #999999;
font-size: 15px;
font-weight: normal;
}
footer.infos .texto-imob hr {
width: 100%;
margin: 10px 0;
float: left;
color: #999999;
font-size: 15px;
font-weight: normal;
}
/* Coluna Imobiliária */
footer.infos .logo-imob-rodape {
height: 150px;
overflow: hidden;
display: block;
text-align: center;
}
footer.infos .logo-imob-rodape img {
width: 170px;
height: auto;
margin-top: -10px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.3;
}
footer.infos .texto-imob {
font-size: 14px;
color: #464646;
font-weight: 200;
padding-top: 30px;
line-height: 28px;
}
footer.infos .texto-imob a {
color: #1e5397;
}
/* Coluna Mapa do Site */
footer.infos .navbar-footer li {
}
footer.infos .navbar-footer li a,
footer.infos .navbar-footer li span {
padding: 5px 0;
margin: 0;
color: #999999;
line-height: 24px;
display: inline-block;
border-bottom: 1px solid #eeeeee;
display: inline-block;
width: 100%;
}
footer.infos .navbar-footer li a i,
footer.infos .navbar-footer li span i {
color: #999999;
}
footer.infos .navbar-footer li a.active,
footer.infos .navbar-footer li a:hover {
color: #1e5397;
background: none;
}
footer.infos .navbar-footer li a.active i,
footer.infos .navbar-footer li a:hover i {
color: #1e5397;
}
footer.infos .navbar-footer li ul {
padding-left: 10px;
}
footer.infos .navbar-footer li ul li {
list-style: none;
}
footer.infos ul.lista-contato-rodape {
padding-left: 10px;
list-style: none;
margin-top: 25px;
}
footer.infos ul.lista-contato-rodape li {
color: #999999;
font-size: 14px;
font-weight: 200;
margin-bottom: 20px;
}
footer.infos ul.lista-contato-rodape li strong {
color: #666666;
font-size: 14px;
font-weight: 500;
}
footer.infos ul.lista-contato-rodape li a{
color: #1e5397;
font-size: 16px;
}
footer .social{
text-align: right;
float: left;
}
footer .social-share{
display: inline-block;
list-style: none;
padding: 6px 12px;
margin: 0;
}
footer ul.social-share li {
display: inline-block;
}
footer ul.social-share li a {
display: inline-block;
color: #dddddd;
background: none;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 22px;
margin: 2px 5px;
}
footer ul.social-share li a i {
color: #dddddd;
}
footer ul.social-share li a:hover i {
color: #cccccc;
}
/* Footer Copyright*/
footer.copyright {
background: #031732;
color: #8ca2bf;
padding: 15px 0;
text-align: center;
}
footer.copyright .texto-copyright {
font-weight: 200;
}
.mensagem-sucesso {
padding: 12px 10px;
border-radius: 8px;
}
.mensagem-erro {
margin: 10px 0;
padding: 12px 10px;
border-radius: 8px;
}
/* md */
@media(max-width:1199px) {
.navbar-nav li {
margin-left: 0px;
}
.top-creci, .top-atendimento, .top-email, .top-ligamos {
margin-right: 2px;
}
.atendimento {
right: 270px;
}
.navbar .navbar-brand {
width: 260px;
}
.navbar>.container .navbar-brand img {
height: 200px;
margin-top: -65px;
}
.telefone-topo, .email-topo, .atendimento-topo {
margin-left: 10px;
}
.box-imovel-categoria .imovel .imagem {
height: 154px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop {
height: 154px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img {
height: 154px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-categoria .imovel .info .favorito-link {
height: 51px;
line-height: 51px;
}
.box-imovel-categoria .imovel .info .detalhe-link {
top: 51px;
height: 51px;
line-height: 51px;
}
.box-imovel-categoria .imovel .info .interesse-link {
top: 102px;
height: 52px;
line-height: 52px;
}
.box-imovel-categoria .imovel .titulo-imovel h5.item-valor {
font-size: 18px;
}
.box-imovel-categoria .imovel .titulo-imovel h3 {
font-size: 14px;
}
.box-imovel-resultado .imovel .imagem {
height: 152px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop {
height: 152px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img {
height: 152px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-resultado .imovel .info .favorito-link {
height: 50px;
line-height: 50px;
}
.box-imovel-resultado .imovel .info .detalhe-link {
top: 50px;
height: 50px;
line-height: 50px;
}
.box-imovel-resultado .imovel .info .interesse-link {
top: 100px;
height: 52px;
line-height: 52px;
}
.box-imovel-resultado .imovel .titulo-imovel .item-valor h5 {
font-size: 20px;
}
.box-imovel-resultado .imovel .titulo-imovel h3 {
font-size: 14px;
}
.box-imovel-relacionado .imovel .imagem {
height: 80px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop {
height: 80px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img {
height: 80px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-relacionado .imovel .detalhes .item {
padding: 1px 2px;
margin-right: 5px;
}
.box-descricoes .nav-tabs>li>a {
padding: 15px 5px;
}
.box-descricoes .nav-tabs>li>a>h3 {
font-size: 13px;
}
.box-fotos-imovel {
height: 411px;
}
.box-fotos-imovel .foto-ampliada {
height: 411px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 411px;
}
.box-fotos-imovel .foto-ampliada img.v {
}
.box-fotos-imovel:hover .box-thumbs {
margin-top: -105px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel {
height: 416px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada {
height: 416px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 416px;
}
.galeria-thumbs a.thumbnail {
height: 50px;
}
.fotos-unidade .foto-princial {
height: 250px;
}
.fotos-unidade .foto-princial .carousel-inner a {
height: 250px;
}
.coluna-detalhes {
height: 411px;
}
.coluna-detalhes .lista-detalhes li {
padding-bottom: 4px;
line-height: 26px;
margin: 4px 0;
font-size: 12px;
}
.coluna-btn-contato .contato-interesse,
.coluna-btn-contato .contato-agende,
.coluna-btn-contato .contato-envie,
.coluna-btn-contato .contato-ligamos {
height: 103px;
padding: 4px;
}
.coluna-btn-contato .contato-interesse .btn,
.coluna-btn-contato .contato-agende .btn,
.coluna-btn-contato .contato-envie .btn,
.coluna-btn-contato .contato-ligamos .btn {
padding: 0;
}
footer.infos .logo-imob-rodape img {
width: 140px;
margin-top: 18px;
}
}
/* sm */
@media(max-width: 991px) {
.navbar .navbar-nav li a {
padding: 13px 5px;
margin: 0;
font-size: 11px;
}
.top-creci,
.top-atendimento,
.top-email,
.top-ligamos {
margin-right: 20px;
}
.navbar-nav {
margin: 0px;
}
.busca-capa h2 {
font-size: 40px;
}
.conteudo-busca {
height: auto;
background-position: top center;
background-repeat: no-repeat;
background-color: #f5f5f5;
}
.nav-pills>li {
margin-bottom: 15px;
width: 100%;
}
.buscas-box .campos .form-group {
margin-bottom: 10px;
}
.conteudo-empreendimento-capa .carousel-caption p {
left: 10px;
top: 5%;
width: 50%;
}
.conteudo-empreendimento-capa .carousel-caption .btn {
bottom: 5%;
left: 10px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-1 {
font-size: 14px;
bottom: 10px;
right: 10px;
width: 220px;
height: 40px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-2 {
font-size: 14px;
bottom: 60px;
right: 10px;
width: 220px;
height: 40px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-3 {
font-size: 14px;
bottom: 110px;
right: 10px;
width: 220px;
height: 40px;
}
.conteudo-empreendimento-capa .carousel-caption .detalhe-emp-4 {
font-size: 14px;
bottom: 160px;
right: 10px;
width: 220px;
height: 40px;
}
.box-imovel-categoria .imovel .imagem {
height: 248px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop {
height: 248px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img {
height: 248px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-categoria .imovel .titulo-imovel h5.item-valor {
font-size: 22px;
}
.box-imovel-categoria .imovel .titulo-imovel h3 {
font-size: 18px;
}
.box-imovel-categoria .imovel .detalhes .item {
padding: 1px 4px;
margin-right: 15px;
}
.box-imovel-categoria .imovel .info .favorito-link {
height: 82px;
line-height: 82px;
}
.box-imovel-categoria .imovel .info .detalhe-link {
top: 82px;
height: 83px;
line-height: 83px;
}
.box-imovel-categoria .imovel .info .interesse-link {
top: 165px;
height: 83px;
line-height: 83px;
}
.box-imovel-resultado .imovel .imagem {
height: 150px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop {
height: 150px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img {
height: 150px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-resultado .imovel .info .favorito-link {
height: 50px;
line-height: 50px;
}
.box-imovel-resultado .imovel .info .detalhe-link {
top: 50px;
height: 50px;
line-height: 50px;
}
.box-imovel-resultado .imovel .info .interesse-link {
top: 100px;
height: 50px;
line-height: 50px;
}
.box-descricoes .nav-tabs>li>a {
padding: 10px 5px;
}
.coluna-btn-contato .contato-interesse .btn i,
.coluna-btn-contato .contato-agende .btn i,
.coluna-btn-contato .contato-envie .btn i,
.coluna-btn-contato .contato-ligamos .btn i {
margin-top: 5%;
}
.box-fotos-imovel {
height: 360px;
}
.box-fotos-imovel .foto-ampliada {
height: 360px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 360px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel {
height: 360px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada {
height: 360px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 360px;
}
.fotos-unidade .foto-princial {
height: 250px;
}
.fotos-unidade .foto-princial .carousel-inner a {
height: 250px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop {
height: 175px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img {
height: 175px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-relacionado .imovel .detalhes .item {
padding: 1px 4px;
margin-right: 5px;
}
.box-fotos-imovel .foto-ampliada img.v {
}
.box-fotos-imovel:hover .box-thumbs {
margin-top: -100px;
}
.galeria-thumbs a.thumbnail {
height: 43px;
}
.coluna-detalhes {
height: 360px;
}
#box-descricoesTabs.nav-tabs>li {
width: 33%;
}
.descricao-unidade {
margin-bottom: 15px;
}
.coluna-detalhes .lista-detalhes li {
padding-bottom: 4px;
line-height: 26px;
margin: 3px 0;
font-size: 11px;
}
.coluna-btn-contato {
margin-top: 15px;
}
.conteudo-detalhe-empreendimento .coluna-btn-contato {
margin-top: 0px;
}
.box-endereco .mapa iframe {
min-height: 250px !important;
}
.box-endereco ul.lista-contato-imob li {
font-size: 14px;
}
footer.infos .logo-imob-rodape {
height: 110px;
}
footer.infos .logo-imob-rodape img {
width: 180px;
margin-top: -30px;
}
footer .social-share {
padding: 6px 0px;
}
footer ul.social-share li a {
width: 20px;
height: 30px;
font-size: 18px;
margin: 0px 5px;
}
.resultado-nao-encontrado {
text-align: center;
}
.resultado-nao-encontrado .icone-house {
display: inline-block;
width: 58px;
height: 52px;
float: none;
margin: 20px 0 0 0;
}
.resultado-nao-encontrado h3 {
float: left;
color: #06254d;
width: 100%;
font-size: 24px;
}
.resultado-nao-encontrado p {
float: left;
width: 100%;
font-size: 18px;
font-weight: 200;
}
.btn-resultado-pedido {
margin-top: 20px;
margin-bottom: 20px;
}
}
/* xs */
@media (max-width: 767px) {
.idiomas {
margin-left: 0px;
margin-right: 0px;
}
.top-creci {
margin-right: 0px;
margin-left: 15px;
}
.atendimento-topo,
.telefone-topo {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 20px;
}
.navbar>.container .navbar-brand {
width: 100%;
text-align: center;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-right: 0;
}
.navbar>.container .navbar-brand img {
margin: 0 auto;
margin-top: -35px;
}
.navbar-nav li {
margin-left: 0px;
}
.navbar .navbar-nav li a {
display: block;
text-align: center;
font-size: 14px;
}
.nav-pills li a {
padding: 15px 10px;
}
.navbar .navbar-nav li a:after {
display: none;
}
.navbar-collapse {
border-top: 1px solid #efefef;
margin-top: 15px;
height: 430px;
}
.buscas-box .campos {
width: 100%;
}
.box-busca-referencia {
margin-top: 20px;
margin-bottom: 15px;
}
.nav-tabs.nav-justified>li>a {
border: 1px solid #ddd !important;
background: none transparent;
}
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
border-bottom-color: #ddd !important;
}
.carousel-inner,
.carousel-inner .item {
min-height: auto;
height: auto;
overflow: hidden;
}
#carousel-emp.carousel {
height: 150px;
width: 100%;
}
#carousel-emp.carousel .carousel-inner .item img {
height: 150px;
width: 100%;
}
.conteudo-empreendimento-capa {
margin: 30px 0;
position: relative;
}
.conteudo-empreendimento-capa .carousel-caption .btn {
font-size: 12px;
bottom: 30%;
left: 10px;
padding: 5px 10px;
}
.categorias-titulo h2 {
font-size: 20px;
}
.box-imovel-categoria .imovel .imagem {
height: 180px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop {
height: 180px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img {
height: 180px;
}
.box-imovel-categoria .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-categoria .imovel .info .favorito-link {
height: 33%;
line-height: 5em;
}
.box-imovel-categoria .imovel .info .detalhe-link {
top: 33%;
height: 33%;
line-height: 5em;
}
.box-imovel-categoria .imovel .info .interesse-link {
top: 66%;
height: 34%;
line-height: 5em;
}
.box-imovel-categoria .imovel .detalhes .item {
padding: 1px 4px;
margin-right: 5px;
}
.box-imovel-resultado .imovel .imagem {
height: 180px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop {
height: 180px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img {
height: 180px;
}
.box-imovel-resultado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-resultado .imovel .info .favorito-link {
height: 33%;
line-height: 5em;;
}
.box-imovel-resultado .imovel .info .detalhe-link {
top: 33%;
height: 33%;
line-height: 5em;
}
.box-imovel-resultado .imovel .info .interesse-link {
top: 66%;
height: 34%;
line-height: 5em;
}
.conteudo-breadcrumb {
height: 100px;
margin-top: 10px;
}
.conteudo-breadcrumb.busca {
height: auto;
padding-bottom: 15px;
}
.conteudo-breadcrumb .breadcrumb {
margin-top: 25px;
}
.conteudo-breadcrumb.busca h1 {
font-size: 30px;
font-weight: 500;
margin-top: 15px;
margin-bottom: 10px;
}
.coluna-detalhes {
height: auto;
}
.coluna-detalhes .lista-detalhes li {
padding-bottom: 4px;
line-height: 26px;
margin: 5px 0;
font-size: 14px;
}
.box-imovel-relacionado .imovel .imagem {
height: auto;
}
.fotos-unidade .foto-princial {
height: 320px;
}
.fotos-unidade .foto-princial .carousel-inner a {
height: 320px;
}
.fotos-unidade .foto-princial .carousel-inner a img {
height: auto;
width: 100%;
max-width: inherit;
position: absolute;
bottom: 0;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop {
height: 90px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img {
height: 90px;
}
.box-imovel-relacionado .imovel .imagem .imagem-crop img.v {
height: auto;
}
.box-imovel-relacionado .imovel .detalhes .item {
padding: 1px 4px;
margin-right: 5px;
}
.banner-capa .avalie {
background-position: top center;
}
.box-fotos-imovel {
height: 320px;
}
.box-fotos-imovel .foto-ampliada {
height: 320px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 320px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel {
height: 320px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada {
height: 320px;
}
.conteudo-detalhe-empreendimento .box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 320px;
}
.fotos-unidade .foto-princial .carousel-control.left,
.fotos-unidade .foto-princial .carousel-control.right {
line-height: 300px;
font-size: 40px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img {
height: 320px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img.v {
height: auto;
}
.coluna-btn-contato .contato-interesse,
.coluna-btn-contato .contato-agende,
.coluna-btn-contato .contato-envie,
.coluna-btn-contato .contato-ligamos {
height: 110px;
padding: 4px;
line-height: 22px;
white-space: normal;
}
.coluna-btn-contato .contato-interesse .btn,
.coluna-btn-contato .contato-agende .btn,
.coluna-btn-contato .contato-envie .btn,
.coluna-btn-contato .contato-ligamos .btn {
line-height: 22px;
white-space: normal;
}
.box-endereco .mapa iframe {
min-height: 220px !important;
height: auto ;
}
.box-descricoes .nav-tabs>li {
margin-bottom: 1px;
width: 100%;
}
.box-descricoes .nav-tabs>li:last-child {
margin-bottom: 0px;
}
.box-mapa .nav-tabs>li {
margin-bottom: 1px;
width: 100%;
}
.box-mapa .nav-tabs>li:last-child {
margin-bottom: 0px;
}
.simuladores .banco {
padding: 0 5px;
}
.conteudo-simuladores-capa .btn-simuladores {
font-size: 16px;
}
.box-endereco ul.lista-contato-imob li {
font-size: 12px;
}
.detalhe-imovel-dados {
text-align: left;
margin: 15px 0;
}
.bt-calendario, .bt-imprimir {
float: none;
margin-left: 0;
}
#box-descricoesTabs.nav-tabs>li {
width: 100%;
}
footer.infos .logo-imob-rodape {
text-align: center;
height: 180px;
}
footer.infos .logo-imob-rodape img {
margin: 0 auto;
}
footer.copyright .texto-copyright {
font-size: 11px;
}
footer.copyright .social {
text-align: center;
float: none;
}
}
/* XS Portrait */
@media (max-width: 480px) {
.box-imovel.gr .imovel .detalhes .item {
display: none;
}
.btn-busca-capa i {
display: none;
}
.box-fotos-imovel {
height: 250px;
}
.box-fotos-imovel .foto-ampliada {
height: 250px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a {
height: 250px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img {
height: 250px;
}
.box-fotos-imovel .foto-ampliada .carousel-inner a img {
height: auto;
}
.fotos-unidade .foto-princial {
height: 180px;
}
.fotos-unidade .foto-princial .carousel-inner a {
height: 180px;
}
.fotos-unidade .foto-princial .carousel-control.left,
.fotos-unidade .foto-princial .carousel-control.right {
line-height: 185px;
}
}
::-webkit-scrollbar-thumb:vertical { background:#cccccc; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
::-webkit-scrollbar-thumb:horizontal { background-color:#cccccc; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
::-webkit-scrollbar { height:10px; width:10px; background: #f9f9f9;}
.fale-com-whatsapp {
width: 50px;
height: 50px;
display: block;
position: fixed;
z-index: 99999999;
bottom: 30px;
left: 30px;
background: url('../imagens/logo-whatsapp.svg') no-repeat;
background-size: 50px 50px;
filter:drop-shadow(0 0 5px #999);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.fale-com-whatsapp:hover {
width: 55px;
height: 55px;
background-size: 55px 55px;
bottom: 30px;
left: 30px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.g-recaptcha {
transform: scale(0.83);
-webkit-transform: scale(0.83);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.mensagem-erro > ul {
text-align: left;
}
.conteudo-busca {
padding: 0px 0 0px;
position: relative;
background: url(../imagens/bg_home_6.jpeg) top center no-repeat #f5f5f5;
background-size: contain;
height: 400px;
}
@media (max-width: 991px){
.conteudo-busca {
height: auto;
background-position: top center;
background-repeat: no-repeat;
background: none #f5f5f5;
padding: 20px 0 20px;
}
}
@view-transition {
navigation: auto;
}