@import 'https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700'; :root { --color-text-primary-hs: 0deg 0%; /*// componentes Hue (h) e Saturação (s) da cor primaria de texto */ --color-text-primary-l: 20%; /* // Componente Luminancia (l) da cor primaria de texto. */ --color-primary-h: 200.69deg; /* Componente Hue (h) da cor primaria */ --color-primary-s: 59.18%; /* Componente Saturação (s) da cor primaria */ --color-primary-l: 51.96%; /* Componente Luminancia (l) da cor primaria */ --bg-default: #f9f9f9; /* Cor de fundo padrão (usado no , por exemplo) */ --bg-paper-hs: 0deg 0%; /* Componentes Hue (h) e Saturação (s) da cor de fundo de cards e elementos que sobrepoem o fundo padrão. */ --bg-paper-l: 100%; /* Componente Luminancia (l) da cor de fundo de cards e elementos que sobrepoem o fundo padrão. */ } body { background: url("bg_fundo.jpg") no-repeat #f9f9f9; background-size: cover; font-family: 'Segoe UI', sans-serif; color:#4e4e4e; line-height: 22px; top: 0px !important; } 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: #3c9bcd; } a:hover, a:focus { color: #d43133; } .btn.focus, .btn:focus, .btn:hover { color: #ffffff; } a:hover, a:focus { color: #111; } section { z-index: 999; } /****************** ******* Menu ****** *******************/ .navbar-toggle { border-color: #3c9bcd; background-color: #3c9bcd; } .navbar-toggle .icon-bar { background-color: #fff; } .navbar-header h1 { text-indent: -9999px; color: #464646; height: 180px; width: 390px; } .navbar>.container .navbar-brand{ margin-left: 0; height: 180px; width: 390px; } .navbar-brand { } .navbar-nav { margin-top:117px; margin-left: 0px; } .navbar>.container .navbar-brand img { height: 300px; margin-top: -70px; margin-left: 18px; } .top-bar { background: #3c9bcd; border-bottom: 1px solid #eeeeee; } .top-email, .top-favorito, .top-ligamos { color: #999999; } .top-email p, .top-favorito a, .top-ligamos a{ color: #fff; } .top-email i, .top-favorito i, .top-ligamos i{ } .social{ } .social-share{ } ul.social-share li { } ul.social-share li a { color: #fff; background: none; font-size: 16px; } ul.social-share li a:hover { color: #fff; } /* Cores reais redes sociais ul.social-share li a .fa-facebook { color: #3b5998 } ul.social-share li a .fa-twitter { color: #00aced; } ul.social-share li a .fa-google-plus { color: #dd4b39; } ul.social-share li a .fa-youtube-play { color: #bb0000; } ul.social-share li a .fa-linkedin { color: #007bb6; } ul.social-share li a .fa-instagram { color: #a0a1a3; } */ .navbar-collapse { } .navbar { background: #eeeeeec2; } .navbar-nav{ } .navbar-nav li{ } .navbar .navbar-nav li a { border-bottom: 3px solid #fff; color: #333; } .navbar .navbar-nav li a.active, .navbar .navbar-nav li a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-bottom: 3px solid #3c9bcd; color: #3c9bcd; background: none transparent; } li.dropdown { background: transparent; } li.dropdown a i { } li.dropdown ul.dropdown-menu { border-color: #eeeeee; } li.dropdown:hover ul.dropdown-menu { } li.dropdown ul.dropdown-menu li { border-bottom: 1px solid #eeeeee; } li.dropdown ul.dropdown-menu li:last-child { } li.dropdown ul.dropdown-menu li a { } li.dropdown ul.dropdown-menu li a:hover { color: #3c9bcd; } li.dropdown ul.dropdown-menu li a i { } .navbar { } .navbar .container { background: url("bg-topo.png?v2") 450px 60px no-repeat; } .navbar .navbar-brand { color: #fff; } .menu-telefones { background: url("whatsapp-logo.png") 35px 55px no-repeat; } .menu-telefones .telefone-fixo { color: #666; border: 1px solid #eee9; } .menu-telefones .telefone-fixo i { color: #3c9bcd; } .menu-telefones .telefone-fixo strong { color: #565656; } .abre-telefones { } .abre-telefones .btn-default { background-color: #f0f0f0; color: #999; } .abre-telefones .btn-abre { } .abre-telefones .btn-abre:hover ul.dropdown-menu { } .abre-telefones .btn-abre ul.dropdown-menu { } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats { color: #449234; } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats i { color: #449234; } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats strong { color: #565656; } .atendimento { color: #999999; } .atendimento.online i { color: #449234; } .atendimento.offline i { color: #3c9bcd; } .atendimento span { color: #565656; } /**************** *** Idiomas ***** *****************/ .idiomas{ } .idiomas img { } .idiomas .atual{ color: #fff; background-color: #3c9bcd; } .idiomas .atual .seta{ background:url("top-barra-seta-idioma.png") no-repeat top left; } .idiomas ul{ background-color: #fafafa; } .idiomas:hover ul{ } .idiomas ul li{ } .idiomas ul a{ color:#999999; } .idiomas ul a:hover{ background:#f1f1f1; } .idiomas ul li .hide { } .idiomas ul li:hover .hide{ } /******************************** *** Modal Ligamos para você ***** *********************************/ .modal-content { } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; background: #3c9bcd; } .modal-header .close { color: #7f2d0e; font-size: 28px; } .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 { border-color: #dddddd; } .btn-modal { border-color: #3c9bcd; background-color: #222222; color: #fff; } .btn-modal:hover { background-color: #3c9bcd; color: #fff; } /******************************** *** Carousel Empreensimento ***** *********************************/ .foto-personalizada { display: none; /*height: 400px; background: url("bg_home.jpg");*/ } .slider-empreendimento { } .slider-empreendimento .carousel-inner { } .slider-empreendimento .carousel-inner .item { } .slider-empreendimento .carousel-inner .item img { } .slider-empreendimento .carousel-control { } .slider-empreendimento .carousel-control.left, .slider-empreendimento .carousel-control.right { } .slider-empreendimento .carousel-control.left span, .slider-empreendimento .carousel-control.right span { } .slider-empreendimento .carousel-control .glyphicon-chevron-left, .slider-empreendimento .carousel-control .glyphicon-chevron-right, .slider-empreendimento .carousel-control .icon-prev, .slider-empreendimento .carousel-control .icon-next { } .slider-empreendimento .carousel-control .glyphicon-chevron-left, .slider-empreendimento .carousel-control .icon-prev { } .slider-empreendimento .carousel-control .glyphicon-chevron-right, .slider-empreendimento .carousel-control .icon-next { } .slider-empreendimento .carousel-control.left span, .slider-empreendimento .carousel-control.right span { background-color: #3c9bcd; } .slider-empreendimento .carousel-control.left span:hover, .slider-empreendimento .carousel-control.right span:hover { } .empreendimento-texto { } .texto-esquerda { background: rgba(0,0,0,0.5); color: #fff; } .texto-esquerda h3 { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .texto-esquerda span { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .texto-esquerda h4 { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); font-size: 14px; } .texto-esquerda span.light { font-weight: 200; } .texto-esquerda span.sub-efeito { width: 30px; height: 3px; background: #3c9bcd; float: left; margin:5px 0 10px; } .texto-esquerda .btn-ver-mais { background: none transparent; color: #fff; } .texto-esquerda .btn-ver-mais:hover { background:rgba(255,255,255,0.2); } /************************ ***** Busca Capa ******** *************************/ .conteudo-busca { } .busca-capa { background: none #eeeeeec2; border-top: 3px solid #3c9bcd; border-bottom: 3px solid #dddddd; margin-top: 180px; } body.resultado .busca-capa { margin-top: -40px; } .busca-titulo h2 { color: #000; } .busca-titulo h2 strong { } hr.linha-laranja { border-color: #3c9bcd; } hr.linha-cinza { border-color: #dddddd; } .busca-referencia { } .busca-referencia .form-inline .form-group, .busca-referencia .form-inline .form-group input { border-color: #fefefe; } .busca-referencia .form-inline .form-group .form-control { } .busca-referencia .form-inline .form-group .btn-busca-referencia { background: #3c9bcd; color: #fff; border-color: #3c9bcd; } .busca-referencia .form-inline .form-group .btn-busca-referencia:hover { background: #3c9bcd; } .busca-avancada, .busca-rapida, .busca-empreendimento, .busca-condominio { } .busca-avancada .campos, .busca-rapida .campos, .busca-empreendimento .campos, .busca-condominio .campos { } .busca-avancada .campos .form-group, .busca-rapida .campos .form-group, .busca-empreendimento .campos .form-group, .busca-condominio .campos .form-group { } .busca-avancada .campos .form-group.col-xs-6 { } .busca-avancada .campos .form-group .form-control, .busca-rapida .campos .form-group .form-control, .busca-empreendimento .campos .form-group .form-control, .busca-condominio .campos .form-group .form-control { border-color: #dddddd; } .checkbox-cor { } .btn-busca-capa { border-color: #3c9bcd; background-color: #3c9bcd; color: #fff; } .btn-busca-capa:hover { background-color: #3c9bcd; color: #fff; } .nav-tabs.nav-justified { } .nav-tabs.nav-justified>li>a { font-size: 18px; color: #565656; } .nav-tabs.nav-justified>li>a:hover { color: #3c9bcd; } .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 { color: #3c9bcd; font-size: 18px; border: 1px solid #ddd !important; border-bottom-color: transparent !important; } .tab-content>.active { } .label-modalselect { color: #464646; background: #fff; border: 1px solid #dddddd; padding: 15px 10px; } .label-modalselect:hover, .label-modalselect:active, .label-modalselect.active, .label-modalselect:focus { color: #464646; background: #f9f9f9; border: 1px solid #dddddd; } .label-modalselect:before { color: #3c9bcd; } .label-modalselect:after { color: #3c9bcd; } .dropdown .carat:before, .dropdown .carat:after{ color:#3c9bcd;} /************************ *** Imoveis na Capa ***** *************************/ .conteudo-destaque-capa { background: #fff; } .categorias-titulo h2 { color: #000; } .categorias-titulo h2 strong { } hr.linha-laranja { border-color: #3c9bcd; } hr.linha-cinza { border-color: #dddddd; } .imoveis-destaque { } .box-imovel { } .conteudo-base { margin: 0 0 50px 0; background: #fff; } /************************ *** Imovel Grande ***** *************************/ .box-imovel.gr .favorite { text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel.gr .favorite .fa-star-o{ color: #efefef; } .box-imovel.gr .favorite .fa-star{ color: #fce005; } .box-imovel.gr .imovel{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .box-imovel.gr .imovel:hover{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } .box-imovel.gr .imovel .imagem { } .box-imovel.gr .imovel .imagem .imagem-crop { } .box-imovel.gr .imovel .imagem .imagem-crop .efeito { } .box-imovel.gr .imovel .imagem img { } .box-imovel.gr .imovel .imagem img.v { } .box-imovel.gr .imovel .info{ background-color: transparent; } .box-imovel.gr .imovel .info h3 { font-size: 30px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel.gr .imovel .info span { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel.gr .imovel .info h4 { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); font-size: 14px; } .box-imovel.gr .imovel .info span.light { } .box-imovel.gr .imovel .info span.sub-efeito { background: #3c9bcd; } .box-imovel.gr .imovel .detalhes{ background-color: #ffffff; } .box-imovel.gr .imovel .detalhes .objeto { border: 1px solid #dddddd; color: #565656; } .box-imovel.gr .imovel .detalhes .objeto .numero { color: #000; } .box-imovel.gr .imovel .detalhes .objeto .icone-dormitorios { background: url("icones-imoveis.png") ; } .box-imovel.gr .imovel .detalhes .objeto .icone-banheiros { background: url("icones-imoveis.png") -30px 0; } .box-imovel.gr .imovel .detalhes .objeto .icone-garagens { background: url("icones-imoveis.png") -60px 0; } .box-imovel.gr .imovel .detalhes .objeto-valor h5 { color: #3c9bcd; } .box-imovel.gr .imovel .detalhes .objeto-valor strong { } /************************ *** Imovel Pequeno ***** *************************/ .box-imovel.pq .favorite { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel.pq .favorite .fa-star-o{ color: #efefef; } .box-imovel.pq .favorite .fa-star{ color: #fce005; } .box-imovel.pq .imovel{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .box-imovel.pq .imovel:hover{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } .box-imovel:nth-child(3) { } .box-imovel.pq .imovel .imagem { } .box-imovel.pq .imovel .imagem .imagem-crop{ } .box-imovel.pq .imovel .imagem .imagem-crop .efeito{ } .box-imovel.pq .imovel .imagem img{ } .box-imovel.pq .imovel .imagem img.v{ } .box-imovel.pq .imovel .imagem img.h { } .box-imovel.pq .imovel .info{ background-color: #fff; } .box-imovel.pq .imovel .info h3 { font-size: 20px; color: #464646; } .box-imovel.pq .imovel .info span { color: #666666; } .box-imovel.pq .imovel .info h4 { color: #666666; } .box-imovel.pq .imovel .info span.light { } .box-imovel.pq .imovel .info span.sub-efeito { background: #3c9bcd; } .box-imovel.pq .imovel .info .item-valor h5 { color: #3c9bcd; } .box-imovel.pq .imovel .info .item-valor strong { } .box-imovel.pq .imovel .imagem .detalhes{ } .box-imovel.pq .imovel .imagem .detalhes .objeto { border: 1px solid #dddddd; } .box-imovel.pq .imovel .imagem .detalhes .objeto .numero { color: #ffffff; } .box-imovel.pq .imovel .imagem .detalhes .objeto .icone-dormitorios { background: url("icones-imoveis-br.png"); } .box-imovel.pq .imovel .detalhes .objeto .icone-banheiros { background: url("icones-imoveis-br.png")-30px 0; } .box-imovel.pq .imovel .detalhes .objeto .icone-garagens { background: url("icones-imoveis-br.png")-60px 0; } .conteudo-destaque-capa .carousel-indicators { } .conteudo-destaque-capa .carousel-indicators li { border-color: #dddddd; } .conteudo-destaque-capa .carousel-indicators li.active { background-color: #3c9bcd; box-shadow: inset 0px 0px 1px #fff; } /**************************** *** Categorias de Capa ***** *****************************/ .conteudo-categorias-capa { } .setas-box { } .setas-box span { color: #cccccc; } .setas-box .btn { color: #cccccc; font-size: 2em; background-color: transparent; } .setas-box .btn:hover, .setas-box .btn:focus, .setas-box .btn.active { color: #222222; } .setas-box .btn-ver-todos { font-size: 16px; background: #3c9bcd; color: #fff; border: 1px solid #3c9bcd; padding: 10px 20px; margin-bottom: 5px; } .setas-box .btn-ver-todos:hover, .setas-box .btn-ver-todos:focus, .setas-box .btn-ver-todos.active { background: #3c9bcd; color: #fff; border-color: #3c9bcd; } .imoveis-categorias-capa { } .box-imovel-categoria .favorite { color: #ffffff; } .box-imovel-categoria .favorite i { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); } .box-imovel-categoria .favorite .fa-star-o{ color: #ffffff; } .box-imovel-categoria .favorite .fa-star{ color: #fce005; } .box-imovel-categoria .imovel { background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .box-imovel-categoria .imovel .titulo-imovel { } .box-imovel-categoria .imovel .titulo-imovel h3{ font-size: 14px; color: #333; } .box-imovel-categoria .imovel .imagem { } .box-imovel-categoria .imovel .imagem .imagem-crop{ } .box-imovel-categoria .imovel .imagem .imagem-crop .efeito { } .box-imovel-categoria .imovel .imagem img { } .box-imovel-categoria .imovel .imagem img.v { } .box-imovel-categoria .imovel .info{ } .box-imovel-categoria .imovel .info .light { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-categoria .imovel .detalhes { border-top: 2px solid #cccccc; } .box-imovel-categoria .imovel .detalhes hr { } .box-imovel-categoria .imovel .detalhes .btn { background: #3c9bcd; color: #fff; border-color: #3c9bcd; font-weight: 200; font-size: 14px; } .box-imovel-categoria .imovel .detalhes .box-itens { } .box-imovel-categoria .imovel .detalhes .box-itens .objeto { border: 1px solid #dddddd; color: #565656; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .numero { color: #999999; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-dormitorios { background: url("icones-imoveis.png") ; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-banheiros { background: url("icones-imoveis.png") -30px 0; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-garagens { background: url("icones-imoveis.png") -60px 0; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 { color: #3c9bcd; font-size: 24px; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 small{ font-size: 16px; color: #858585; } .box-imovel-categoria .imovel .detalhes .objeto-valor strong { } .box-imovel-categoria .imovel:hover { background-color: #3c9bcd; } .box-imovel-categoria .imovel:hover, .box-imovel-categoria .imovel:hover .titulo-imovel h3, .box-imovel-categoria .imovel:hover .detalhes .objeto .numero, .box-imovel-categoria .imovel:hover .detalhes .objeto-valor h5, .box-imovel-categoria .imovel:hover .detalhes .objeto-valor h5 small { color: #fff; } .box-imovel-categoria .imovel:hover .detalhes{ } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-dormitorios { background: url("icones-imoveis-br.png"); } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-banheiros { background: url("icones-imoveis-br.png")-30px 0; } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-garagens { background: url("icones-imoveis-br.png")-60px 0; } .box-imovel-categoria .imovel:hover .detalhes .btn { } /************************************* *** Breadcrumb Páginas Internas ***** **************************************/ .conteudo-breadcrumb { background: url("bg-breadcrumb.jpg") repeat; } .conteudo-breadcrumb .breadcrumb { } .conteudo-breadcrumb .breadcrumb>li { } .conteudo-breadcrumb .breadcrumb>li a{ color: #264c9d; } .conteudo-breadcrumb .breadcrumb>.active { color: #000; } .breadcrumb>li+li:before { color: #3c9bcd; } .breadcrumb>li+li.active:before { color: #000; } /******************** *** Quem Somos ***** *********************/ .texto-empresa { } .foto-empresa { } .box-endereco { background: #fff; box-shadow: 2px 0 6px #cecece; } .box-endereco .mapa { } .box-endereco .mapa .mapa-box { } .box-endereco .dados-endereco { } .box-endereco .dados-endereco h4 { color: #333333; font-size: 20px; font-weight: 400; } .box-endereco .dados-endereco h4 i { color: #3c9bcd; } .box-endereco .dados-endereco hr { } .box-endereco ul.lista-contato-imob { } .box-endereco ul.lista-contato-imob li { color: #333333; font-size: 16px; } .box-endereco ul.lista-contato-imob li .filial { } .box-endereco ul.lista-contato-imob li i { color: #cccccc; } .box-endereco ul.lista-contato-imob li .fa-mobile { font-size: 26px; } .box-endereco ul.lista-contato-imob li .fa-envelope { font-size: 18px; } .box-endereco ul.lista-contato-imob li .fa-map-marker { font-size: 24px; } /**************************** *** Resultado da Busca ***** *****************************/ .conteudo-resultado-busca { background: #f5f5f5; } .box-filtro-resultado label { font-size: 14px; } .box-filtro-resultado>div, .box-filtro-resultado .form-horizontal .form-group { } .box-imovel-resultado .favorite { color: #cccccc; } .box-imovel-resultado .favorite .fa-star-o{ color: #cccccc; } .box-imovel-resultado .favorite .fa-star{ color: #fce005; } .box-imovel-resultado .imovel { background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .box-imovel-resultado .imovel:hover { background: #fefefe; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .box-imovel-resultado .imovel .titulo-imovel { } .box-imovel-resultado .imovel .titulo-imovel h3{ font-size: 14px; color: #333; } .box-imovel-resultado .imovel .imagem { } .box-imovel-resultado .imovel .imagem .imagem-crop{ } .box-imovel-resultado .imovel .imagem .imagem-crop .efeito { } .box-imovel-resultado .imovel .imagem img { } .box-imovel-resultado .imovel .imagem img.v { } .box-imovel-resultado .imovel .info{ } .box-imovel-resultado .imovel .info .light { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-resultado .imovel .detalhes { border-top: 2px solid #cccccc; } .box-imovel-resultado .imovel .detalhes .objeto { border: 1px solid #dddddd; color: #565656; } .box-imovel-resultado .imovel .detalhes .objeto .numero { color: #999999; } .box-imovel-resultado .imovel .detalhes .objeto .icone-dormitorios { background: url("icones-imoveis.png") ; } .box-imovel-resultado .imovel .detalhes .objeto .icone-banheiros { background: url("icones-imoveis.png") -30px 0; } .box-imovel-resultado .imovel .detalhes .objeto .icone-garagens { background: url("icones-imoveis.png") -60px 0; } .box-imovel-resultado .imovel .detalhes .objeto-valor h5 { color: #3c9bcd; } .box-imovel-resultado .imovel .detalhes .objeto-valor strong { } /* Paginação Resultado da Busca */ .btn-scroll { color: #ffffff; background-color: #3c9bcd; } .conteudo-resultado-busca nav { } .conteudo-resultado-busca nav .pagination li a { color: #333333; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .conteudo-resultado-busca nav .pagination li a:hover, .conteudo-resultado-busca nav .pagination li a:focus { color: #ffffff; background-color: #3c9bcd; } /**************************** *** Detalhe do Imóvel ***** *****************************/ .conteudo-detalhe-imovel { background: #fff; } .detalhe-titulo { } .detalhe-titulo h2 { font-size: 24px; color: #333; } .detalhe-titulo h4 { font-size: 16px; color: #333; } .detalhe-titulo h4.valor { font-size: 24px; color: #3c9bcd; } .detalhe-titulo .local { font-size: 14px; color: #999999; } .detalhe-titulo h3 { font-size: 24px; color: #3c9bcd; } .detalhe-imovel-dados { } .detalhe-imovel-dados .favorito-imovel { color: #999999; } .detalhe-imovel-dados .favorito-imovel i span { color: #cccccc; } .detalhe-imovel-dados .favorito-imovel .fa-star-o{ color: #cccccc; } .detalhe-imovel-dados .favorito-imovel .fa-star{ color: #fce005; } .detalhe-imovel-dados h4.valor { font-size: 24px; color: #3c9bcd; } .referencia { float: left; } .bt-calendario { color: #777; background: #fff; box-shadow: 2px 0 4px #cecece; } .bt-imprimir { font-size: 14px; color: #777; background: #fff; box-shadow: 2px 0 4px #cecece; } .bt-calendario i, .bt-imprimir i { font-size: 20px; background: #3c9bcd; color: #fff; } /* Formulários Direita */ .panel-group .panel { background: none transparent; } .panel-default>.panel-heading { background-color: transparent; } .panel-title a { background-color: #222222; color: #fff; } .panel-title a:hover { color: #ffffff; background-color: #222222; } .panel-title a.collapsed { color: #ffffff; background-color: #3c9bcd; } .panel-default .panel-body { background: none transparent; } .panel-default .panel-body .campos { } .panel-default .panel-body .campos .dropdown { background: #fff; border: 1px solid #dddddd; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .panel-default .panel-body .campos input { background: #fff; border: 1px solid #dddddd; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .panel-default .panel-body .campos textarea { background: #fff; border: 1px solid #dddddd; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .btn-formularios { border-color: #222222; background-color: #ffffff; color: #222222; } .btn-formularios:hover { color: #222222; } .bg-danger { } .bg-success { } table { background: #fff; border: 1px solid #fefefe; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .table-bordered>tbody>tr>td { } .table-bordered>tbody>tr>td>a { color: #565656; } .legenda { } .box-legenda { border: 1px solid #dddddd; background: #fff; } .diaria-cheia { background: #ffe5b4; } .diaria-inicial { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffe5b4+50,ffe5b4+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,229,180,1) 50%, rgba(255,229,180,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,229,180,1) 50%,rgba(255,229,180,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,229,180,1) 50%,rgba(255,229,180,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffe5b4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .diaria-final { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe5b4+0,ffe5b4+50,ffffff+50,ffffff+100 */ background: rgb(255,229,180); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(255,229,180,1) 0%, rgba(255,229,180,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(255,229,180,1) 0%,rgba(255,229,180,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, rgba(255,229,180,1) 0%,rgba(255,229,180,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5b4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .diaria-livre a { } .table-bordered>tbody>tr>td.disabled a { color: #565656; } .table-bordered>tbody>tr>td.inativo { background: #efefef; } .texto-ajuda { color: #777; font-size: 12px; } .btn-group-justified>.btn.col-xs-10 { border: 1px solid #dddddd; background: none #fff; color: #565656; } .btn-group-justified>.btn.col-xs-2 { background: #3c9bcd; color: #fff; } /* Fotos Imóvel */ .box-fotos-imovel { } .box-fotos-imovel .foto-ampliada-carousel { background: #f3f3f3; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer { } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage { } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item { } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img { } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img.v { } .box-fotos-imovel .left.carousel-control { } .box-fotos-imovel .right.carousel-control { } .box-fotos-imovel .carousel-control, .box-fotos-imovel .carousel-control { } .box-fotos-imovel .carousel-control.left i, .box-fotos-imovel .carousel-control.right i { } .box-thumbs { } .box-thumbs .galeria-thumbs .window { } .box-thumbs .galeria-thumbs ul { } .box-thumbs .galeria-thumbs li a img { } .prev, .next { } .box-thumbs .galeria-thumbs li:first-child { } .box-thumbs .galeria-thumbs { } .box-thumbs .galeria-thumbs .window .item { } .box-thumbs .galeria-thumbs .window .item a { } .box-thumbs .galeria-thumbs .window .item a:hover { } .carousel-control.top { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(top, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ } .carousel-control.bottom { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */ } .informacoes-imovel { } .descricao-imovel h3, .descricao-imovel p { color: #333333; } .detalhe-titulo-item { color: #333333; } .detalhe-item { color: #666666; } .simuladores { } .btn-simuladores { border-color: #3c9bcd; background-color: #222222; color: #fff; } .btn-simuladores { background-color: #3c9bcd; color: #fff; } .simuladores .banco { } .simuladores .banco a { box-shadow: 0 0 3px #cecece; } .simuladores .banco a:hover { box-shadow: 0 0 6px #dedede; background-color:#fff; } .simuladores .banco a img { } .video { } .mapa { } .addthis_toolbox a{ } /* Imóveis relacionados */ .box-imovel-relacionado .favorite { color: #cccccc; } .box-imovel-relacionado .favorite .fa-star-o{ color: #cccccc; } .box-imovel-relacionado .favorite .fa-star{ color: #fce005; } .box-imovel-relacionado .imovel { background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .box-imovel-relacionado .imovel:hover { background: #fefefe; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .box-imovel-relacionado .imovel .titulo-imovel { } .box-imovel-relacionado .imovel .titulo-imovel h3{ color: #333; } .box-imovel-relacionado .imovel .imagem { } .box-imovel-relacionado .imovel .imagem .imagem-crop{ } .box-imovel-relacionado .imovel .imagem .imagem-crop .efeito { } .box-imovel-relacionado .imovel .imagem img { } .box-imovel-relacionado .imovel .imagem img.v { } .box-imovel-relacionado .imovel .info{ } .box-imovel-relacionado .imovel .info .light { color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-relacionado .imovel .detalhes { border-top: 2px solid #cccccc; } .box-imovel-relacionado .imovel .detalhes hr { } .box-imovel-relacionado .imovel .detalhes .objeto { border: 1px solid #dddddd; color: #565656; } .box-imovel-relacionado .imovel .detalhes .objeto .numero { color: #999999; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-dormitorios { background: url("icones-imoveis.png") ; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-banheiros { background: url("icones-imoveis.png") -30px 0; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-garagens { background: url("icones-imoveis.png") -60px 0; } .box-imovel-relacionado .imovel .detalhes .objeto-valor h5 { color: #3c9bcd; } .box-imovel-relacionado .imovel .detalhes .objeto-valor strong { } /* Detalhe do Empreendimento */ .tipo-unidade { background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .fotos-unidade .foto-princial { } .fotos-unidade .foto-princial .carousel-inner { } .fotos-unidade .foto-princial .carousel-inner .item { } .fotos-unidade .foto-princial .carousel-inner .item a img { } .fotos-unidade .foto-princial .carousel-inner .item a img.v { } .fotos-unidade .foto-princial .carousel-control.left { background: #3c9bcd; color: #ffffff; } .fotos-unidade .foto-princial .carousel-control.right { background: #3c9bcd; color: #ffffff; } .fotos-unidade .foto-princial .carousel-control .glyphicon-chevron-left { color: #ffffff; } .fotos-unidade .foto-princial .carousel-control .glyphicon-chevron-right { color: #ffffff; } .box-descricao-unidade { } .descricao-unidade { } .descricao-unidade h5 { color: #3c9bcd; } .descricao-unidade h6 { color: #333333; } .descricao-unidade span { color: #666666; } .descricao-unidade p { color: #666666; } .descricao-unidade hr{ } .btn-hotsite { background: #3c9bcd; color: #fff; } .btn-hotsite:hover { background: #222222; } /******************************************* **** Formulários Contato/Trabalhe/Pedido**** ********************************************/ .conteudo-formulario { margin: 0 0 50px 0; background: #fff; } .box-form { background: #eeeeee; border-top: 2px solid #3c9bcd; } .box-form h4 { } hr.divisor { border-color: #dddddd; } .box-form .dropdown { border: 1px solid #dddddd; } .box-form .form-group { } .box-form .form-group .form-control { border-color: #dddddd; } .form-inline .form-group .form-control { border-color: #dddddd; } .input-group-addon { color: #555; background-color: #eee; border: 1px solid #dddddd; } .btn-enviar-form { border-color: #3c9bcd; background-color: #3c9bcd; color: #fff; } .btn-enviar-form:hover { background-color: #3c9bcd; color: #fff; } .captcha { } /******************************* **** Pedido Enviado **** ********************************/ .pedido-enviado { background: url("bg-banner-pedido-enviado.jpg"); } .pedido-enviado h3 { color: #ffffff; } .pedido-enviado .texto-auxiliar { color: #ffffff; } .pedido-enviado .fa-stack { } .pedido-enviado .fa-stack .fa-circle { color: #ffffff; } .pedido-enviado .fa-stack .fa-home { color: #222222; } .pedido-enviado .btn-resultado-pedido { background: #ffffff; color: #464646; border-color: #efefef; box-shadow: 0px 3px 3px rgba(0,0,0,0.3); } .pedido-enviado .btn-resultado-pedido:hover { background: #efefef; } /**************************** **** Corretor Online Box **** *****************************/ .conteudo-atendimento-online { background: url("textura-cinza.jpg") repeat; } .conteudo-atendimento-online .container .row .foto-corretor { } .conteudo-atendimento-online .container .row .foto-corretor img { } .conteudo-atendimento-online .container .row .texto-corretor h2 { color: #ffffff; } .conteudo-atendimento-online .container .row .texto-corretor p { color: #ffffff; } .conteudo-atendimento-online .container .row .btn-corretor { border-color: #3c9bcd; background-color: #3c9bcd; color: #fff; } .conteudo-atendimento-online .container .row .btn-corretor:hover { background: #3c9bcd; } /************************* ****** Banners Capa ****** **************************/ .conteudo-banners-capa { order: 95; } .banner-capa .venda { background: url("img-vender-capa.jpg"); } .banner-capa .avalie { background: url("img-avalie-capa.jpg"); } .banner-capa { } .banner-capa h3 { color: #3c9bcd; } .banner-capa .sub-efeito { background: #3c9bcd; } .banner-capa span { color: #666666; } .banner-capa .btn-cadastre { border-color: #3c9bcd; background-color: #3c9bcd; color: #fff; } .banner-capa .btn-cadastre:hover { background: #3c9bcd; } .banner-capa .btn-pedido { border-color: #3c9bcd; background-color: #ffffff; color: #3c9bcd; } .banner-capa .btn-pedido:hover { background-color: #f6f6f6; } /******************************** ****** Busca Especial Capa ****** *********************************/ .conteudo-busca-especial-capa { } .busca-especial-capa .caracteristica, .busca-especial-capa .localizacao { background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .busca-especial-capa .caracteristica .imagem { background: url("img-caracteristica-capa.jpg"); } .busca-especial-capa .localizacao .imagem { background: url("img-localizacao-capa.jpg"); } .busca-especial-capa .busca-especial-titulo { } .busca-especial-capa .localizacao .busca-especial-titulo { background: url("bg-titulo-localizacao.jpg") repeat; } .busca-especial-capa .caracteristica .busca-especial-titulo { background: url("bg-titulo-caracteristica.jpg") repeat; } .busca-especial-capa .busca-especial-titulo h4 { color: #ffffff; } .busca-especial-capa .lista { } .busca-especial-capa .lista ul { } .busca-especial-capa .lista ul li { } .busca-especial-capa .lista ul li a { color: #333333; background: #eeeeee; } .busca-especial-capa .lista ul li a:hover { color: #ffffff; background: #3c9bcd; } /********************** **** Video na Capa **** ***********************/ .conteudo-video-capa { background-color: #fff; } .conteudo-video-capa .fa-stack { } .conteudo-video-capa .fa-stack-2x { color: #3c9bcd; } .conteudo-video-capa .fa-stack-1x { color: #3c9bcd; } .conteudo-video-capa h3 { color: #464646; } .conteudo-video-capa p { color: #666666; } /******************************* **** Cadastro de Newsletter **** ********************************/ .conteudo-newsletter-capa { background-color: #1e4d66; } .conteudo-newsletter-capa h3 { color: #ffffff; } .conteudo-newsletter-capa span { color: #ffffff; } .conteudo-newsletter-capa .form-inline .form-control { } .conteudo-newsletter-capa .btn-newsletter { background: #3c9bcd; color: #fff; border-color: #3c9bcd; } .conteudo-newsletter-capa .btn-newsletter:hover { background: #3c9bcd; } /******************************* **** Cadastro de Newsletter **** ********************************/ .conteudo-resultado-pedido .container .row { background: url("bg-banner-resultado-pedido.jpg"); } .conteudo-resultado-pedido h3 { color: #ffffff; } .conteudo-resultado-pedido .texto-auxiliar { color: #ffffff; } .conteudo-resultado-pedido .fa-stack { } .conteudo-resultado-pedido .fa-stack .fa-circle { color: #ffffff; } .conteudo-resultado-pedido .fa-stack .fa-home { color: #222222; } .conteudo-resultado-pedido .btn-resultado-pedido { background: #ffffff; color: #464646; border-color: #efefef; 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 { } ul.utilidades-lista li { border-bottom: 1px solid #eeeeee; } ul.utilidades-lista li .utilidades-link i { color: #565656; font-size: 20px; } ul.utilidades-lista li .utilidades-link { color: #565656; font-size: 16px; } ul.utilidades-lista li .utilidades-link:hover i { color: #222222; } /********************************* ********* Notícias/Avisos/Dicas ****** **********************************/ .noticia-aberta { } .noticia-aberta .titulo-noticia { color: #333333; } .noticia-aberta .data-noticia { color: #999999; } .noticia-aberta .texto-noticia { color: #333333; } .noticia-aberta img { } .noticia-fechada { } .noticia-fechada .titulo-noticia { color: #333333; } .noticia-fechada .data-noticia { color: #999999; } .noticia-fechada .texto-noticia { color: #333333; } .noticia-fechada hr { } .listagem-noticia { } .listagem-noticia .avisos h3 { color: #ffffff; background: #5175ab; } .listagem-noticia .dicas h3 { color: #ffffff; background: #f9b600; } .listagem-noticia .noticias h3 { color: #ffffff; background: #3c9bcd; } .listagem-noticia hr { border-top: 1px dotted #999999; } .noticia-item { } .noticia-item h5 { color: #333333; } .noticia-item small { color: #999999; } .noticia-item p { color: #666666; } .noticia-item a { } .listagem-noticia.avisos .noticia-item a { color: #5175ab; } .listagem-noticia.dicas .noticia-item a { color: #f9b600; } .listagem-noticia.noticias .noticia-item a { color: #5aab51; } .box-noticia nav { } .box-noticia nav .pagination li a, .box-noticia nav .pagination li span { color: #333333; 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.active span { color: #ffffff; background-color: #3c9bcd; } /*********************** ********* Footer ****** ************************/ footer.infos { background: #fff; } footer.infos h3 { color: #464646; } footer.infos .sub-efeito { background: #3c9bcd; } /* Coluna Imobiliária */ footer.infos .logo-imob-rodape { } footer.infos .logo-imob-rodape img { width: 270px; height: 270px; margin: -62px ; } footer.infos .texto-imob { color: #464646; } footer.infos .texto-imob strong { color: #464646; } footer.infos .texto-imob a { color: #3c9bcd; } /* Coluna Mapa do Site */ footer.infos .navbar-footer li { } footer.infos .navbar-footer li a, footer.infos .navbar-footer li span { color: #333333; border-bottom: 1px solid #eeeeee; } footer.infos .navbar-footer li span { color: #777777; } footer.infos .navbar-footer li a i, footer.infos .navbar-footer li span i { color: #fff; } footer.infos .navbar-footer li a.active, footer.infos .navbar-footer li a:hover { color: #3c9bcd; background: none; } footer.infos .navbar-footer li a.active i, footer.infos .navbar-footer li a:hover i { color: #3c9bcd; } footer.infos .navbar-footer li ul { } footer.infos .navbar-footer li ul li { } footer .form-horizontal .control-label { } footer.infos ul.lista-contato-rodape { } footer.infos ul.lista-contato-rodape li { color: #333333; } footer.infos ul.lista-contato-rodape li .filial { } footer.infos ul.lista-contato-rodape li i { color: #3c9bcd; } footer.infos ul.lista-contato-rodape li .fa-mobile { } footer.infos ul.lista-contato-rodape li .fa-envelope { } footer.infos ul.lista-contato-rodape li .fa-map-marker { } /* Footer Copyright*/ footer.copyright { background: #3c9bcd; color: #fff; } footer.copyright .texto-copyright { } footer.copyright .social{ } footer.copyright .social-share{ } footer.copyright ul.social-share li { } footer.copyright ul.social-share li a { color: #fff; background: none; border: 1px solid #fff; } footer.copyright ul.social-share li a:hover { } footer.copyright ul.social-share li a .fa-facebook { color: #ffffff; } footer.copyright ul.social-share li a .fa-twitter { color: #ffffff; } footer.copyright ul.social-share li a .fa-google-plus { color: #ffffff; } footer.copyright ul.social-share li a .fa-youtube-play { color: #ffffff; } footer.copyright ul.social-share li a .fa-linkedin { color: #ffffff; } footer.copyright ul.social-share li a .fa-instagram { color: #ffffff; } /* md */ @media(max-width:1199px) { } /* sm */ @media(max-width: 991px) { .foto-personalizada { height: 200px; background: url("bg_home.jpg") center center; } .navbar-nav li { margin-left: 5px; } .navbar-nav { margin-top:0px; } .busca-capa { margin-top: -100px; } } /* xs */ @media (max-width: 783px) { .navbar-header h1, .navbar>.container .navbar-brand { width: 100%; } } @media (max-width: 767px) { .navbar>.container .navbar-brand img { margin-left: auto; } } @media (max-width: 495px) { } /* XS Portrait */ @media (max-width: 480px) { } ::-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:15px; width:15px; background: #f9f9f9;} .fale-com-whatsapp { left: auto; right: 30px; } .fale-com-whatsapp:hover { left: auto;; right: 30px; }