:root { /* Design System - Monochromatic */ --color-primary-h: 17; --color-primary-s: 85%; --color-primary-l: 49%; --color-primary-hs: var(--color-primary-h) var(--color-primary-s); --color-primary-inc: 7%; --color-primary-light: hsl(var(--color-primary-hs) calc(var(--color-primary-l) + 1 * var(--color-primary-inc))); --color-primary-main: hsl(var(--color-primary-hs) var(--color-primary-l)); --color-primary-dark: hsl(var(--color-primary-hs) calc(var(--color-primary-l) - 1 * var(--color-primary-inc))); --color-primary-text-contrast: #ffffff; --bg-default: hsl(0, 0%, 98%); --bg-paper-hs: 0 0%; --bg-paper-l: 100%; --bg-paper: hsl(var(--bg-paper-hs) var(--bg-paper-l)); --bg-paper-contrast: hsl(var(--bg-paper-hs) calc(var(--bg-paper-l) - 10%)); --bg-paper-contrast-hover: hsl(var(--bg-paper-hs) calc(var(--bg-paper-l) - 5%)); --color-text-primary-hs: 0 0%; --color-text-primary-l: 20%; --color-text-primary-l-delta: clamp(-10%, calc((var(--color-text-primary-l) - 80% + 1e-4%) * -1e5), 10%) ; --color-text-primary: hsl(var(--color-text-primary-hs) var(--color-text-primary-l)); --color-text-secondary: hsl(var(--color-text-primary-hs) calc(var(--color-text-primary-l) + 1 * var(--color-text-primary-l-delta))); --color-text-tertiary: hsl(var(--color-text-primary-hs) calc(var(--color-text-primary-l) + 2 * var(--color-text-primary-l-delta))); /* /* Sistema é definido por cor primária de interface e texto, como também cores de fundo. Outras cores são derivadas destas, de maneira monocromática. Cor primária (--color-primary): Cor principal da interface, usada para botões, links, e elementos que chamam mais atenção. Geralmente isso seria uma das cores mais proemientes da logomarca do cliente. Cor primária Dark (--color-primary-dark) [AUTOMÁTICA]: Variante mais escura da cor primária. Cor primária Light (--color-primary-light) [AUTOMÁTICA]: Variante mais clara da cor primária. Cor de texto primária (--color-text-primary): Cor de texto mais proeminente, usada para títulos e textos mais importantes. Por exemplo, Veja o título super comentário na página do imóvel. Cor de texto secundária (--color-text-secondary) [AUTOMÁTICA]: Usada para textos menos importantes, como descrições e textos de suporte. Cor de texto terciária (--color-text-tertiary) [AUTOMÁTICA]: Usada para textos ainda menos importantes, como pequenos detalhes, e textos que requerem menos atenção. Usamos o sistema de cores HSL (Hue, Saturation, Lightness) para definir as cores, e as variaveis no CSS tem sufixo 'h', 's' e/ou 'l' para mapeamento nesse sistema. Definindo o sistema de cores dessa maneira, podemos facilmente ajustar a paleta de cores do site, e as outras cores serão ajustadas automaticamente. Segue o mínimo de variáveis necessárias para definir o sistema de cores: --color-text-primary-hs: 0 0%; // componentes Hue (h) e Saturação (s) da cor primaria de texto --color-text-primary-l: 100%; // Componente Luminancia (l) da cor primaria de texto. --color-primary-h: 36.32; // Componente Hue (h) da cor primaria --color-primary-s: 52.29%; // Componente Saturação (s) da cor primaria --color-primary-l: 57.25%; // Componente Luminancia (l) da cor primaria --bg-default: #424547; // Cor de fundo padrão (usado no , por exemplo) --bg-paper-hs: 204 5.15%; // Componentes Hue (h) e Saturação (s) da cor de fundo de cards e elementos que sobrepoem o fundo padrão. --bg-paper-l: 19.02%; // Componente Luminancia (l) da cor de fundo de cards e elementos que sobrepoem o fundo padrão. Variaveis para personalização: --color-text-primary-hs: 0 0%; --color-text-primary-l: 100%; --color-primary-h: 36.32; --color-primary-s: 52.29%; --color-primary-l: 57.25%; --bg-default: #424547; --bg-paper-hs: 204 5.15%; --bg-paper-l: 19.02%; */ } body { background: var(--bg-default); font-family: 'Segoe UI', sans-serif; color: var(--color-text-primary); line-height: 22px; top: 0px !important; display: flex; flex-direction: column; } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: 'Segoe UI', sans-serif; color: var(--color-text-primary); } h1{ font-size: 36px; color:#fff; } h2{ font-size: 20px; } h3{ font-size: 16px; color: var(--color-text-tertiary); font-weight: 400; line-height: 24px; } h4{ font-size: 16px; } a { color: var(--color-primary-main); -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; } .btn.focus, .btn:focus, .btn:hover { color: var(--color-primary-text-contrast); text-decoration: none; } a:hover, a:focus { color: var(--color-text-primary); text-decoration: none; outline: none; } .skiptranslate { display: none !important; } section { z-index: 997; } /****************** ******* Menu ****** *******************/ .navbar-toggle { border-color: var(--color-primary-main); background-color: var(--color-primary-light); } .navbar-toggle .icon-bar { background-color: #fff; } .navbar-header h1 { text-indent: -9999px; color: var(--color-text-primary); padding: 0; margin:0; height: 200px; width: 240px; overflow: hidden; } .navbar>.container .navbar-brand{ margin-left: 0; height: 200px; width: 240px; } .navbar-brand { padding: 0; margin:0; } .navbar>.container .navbar-brand img { height: 240px; margin-top: -15px; } .top-bar { padding: 0; background: var(--bg-default); line-height: 28px; } .top-email, .top-favorito, .top-ligamos { color: #999999; padding: 6px 12px; margin-left: 15px; } .top-email p, .top-favorito a, .top-ligamos a{ margin: 0; color: #999999; } .top-email i, .top-favorito i, .top-ligamos i{ font-size: 16px; } .top-email p { display: flex; align-items: baseline; gap: 4px; } .social{ text-align: right; } .social-share{ display: inline-block; list-style: none; padding: 6px 12px; margin: 0; } ul.social-share li { display: inline-block; } ul.social-share li a { display: inline-block; color: #999999; background: none; width: 25px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; } ul.social-share li a:hover { background: none; color: #777777; } /* 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 { padding: 0; } .navbar { border-radius: 0; margin-bottom: 0; background: #ffffff; padding: 0; padding-bottom: 0; } .navbar-nav{ margin-top: 137px; } .navbar-nav li{ margin-left: 15px; } .navbar .navbar-nav li a { padding: 18px 10px; margin: 0; border-bottom: 3px solid #fff; color: #999999; line-height: 24px; display: inline-block; } .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 var(--color-primary-main); color: var(--color-primary-main); background: none #fff; } li.dropdown { border: 0; } li.dropdown a i { position: absolute; left: 46%; bottom: 2px; } 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 { display: block; } 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; } li.dropdown ul.dropdown-menu li a:hover { color: var(--color-primary-main); border: 0; padding-left: 6px; } li.dropdown ul.dropdown-menu li a i { position: relative; left: 0; bottom: 0; } .navbar { border: none; } .navbar .container { position: relative; } .navbar .navbar-brand { font-size: 36px; line-height: 50px; color: #fff; } .menu-telefones { position: absolute; right: 10px; top: 22px; padding: 0; width: 230px; } .menu-telefones .telefone-fixo { color: #999999; line-height: 20px; padding: 10px; border: 1px solid #eee; border-radius: 6px; position: relative; } .menu-telefones .telefone-fixo i { color: var(--color-primary-main); } .menu-telefones .telefone-fixo strong { color: var(--color-text-primary); font-size: 20px; letter-spacing: -1px; display: block; margin-left: 45px; } .abre-telefones { position: absolute; right: 12px; top: 22px; } .abre-telefones .btn-default { background-color: #f0f0f0; border: 0; padding: 0px; width: 35px; height: 63px; color: #999; position: absolute; right: -11px; top: -21px; font-size: 22px; } .abre-telefones .btn-abre { border: 0; } .abre-telefones .btn-abre:hover ul.dropdown-menu { display: block; } .abre-telefones .btn-abre ul.dropdown-menu { left: -217px; width: 229px; top: 41px; border: 1px solid #eee; padding: 0; margin: 0; box-shadow: none; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats { color: #449234; line-height: 20px; padding: 10px 35px 10px 10px; } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats i { color: #449234; } .abre-telefones .btn-abre ul.dropdown-menu .telefone-whats strong { color: var(--color-text-primary); font-size: 20px; letter-spacing: -1px; } .atendimento { position: absolute; top: 22px; right: 260px; width: 270px; color: #999999; font-size: 16px; line-height: 24px; padding: 10px ; } .atendimento.online i { color: #449234; } .atendimento.offline i { color: var(--color-text-tertiary); } .atendimento span { color: var(--color-text-primary); font-size: 16px; font-weight: normal; letter-spacing: -1px; } /**************** *** Idiomas ***** *****************/ .idiomas{ position: relative; z-index: 1; font-size: 12px; } .idiomas img { display:inline-block; margin-right:4px; position:relative; } .idiomas .atual{ min-width: 140px; display: inline-block; padding: 6px 12px; text-decoration: none; color: #999999; background-color: #fafafa; border-radius: 0; cursor: pointer; } .idiomas .atual .seta{ display:inline-block; width:11px; height:11px; background:url("../imagens/top-barra-seta-idioma.png") no-repeat top left; float: right; margin-right:6px; position:relative; top:3px; } .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 .btn.btn-link:hover { opacity: 0.9; color: currentColor; } /******************************** *** Modal Ligamos para você ***** *********************************/ .modal-ligamos-para-voce-modal-content { border-radius: 0; } .modal-ligamos-para-voce-modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; background: var(--color-primary-main); } .modal-ligamos-para-voce-modal-header .close { color: var(--color-primary-text-contrast); font-size: 28px; line-height: 24px; opacity: 1; text-shadow: none; margin-top: 5px; } .modal-ligamos-para-voce-modal-title { color: var(--color-primary-text-contrast); font-size: 24px; } .modal-ligamos-para-voce-modal-body span { line-height: 24px; font-size: 14px; font-weight: 400; } .modal-ligamos-para-voce-modal-body .form-group .form-control { padding: 4px 12px; border-color: #dddddd; box-shadow: none; width: 100%; display: inline-block; float: left; border-radius: 0; margin-bottom: 10px; } .modal-ligamos-para-voce-btn-modal { border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); border-radius: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .modal-ligamos-para-voce-btn-modal:hover { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); } .modal-ligamos-para-voce-modal-footer .btn-primary { border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); border-radius: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .modal-ligamos-para-voce-modal-footer .btn-primary:hover { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); } /******************************** *** Carousel Empreensimento ***** *********************************/ .foto-personalizada { height: 400px; background: url("../imagens/bg_home.jpg"); background-size: cover; background-repeat: no-repeat; } .slider-empreendimento { margin: 0; padding: 0; overflow: hidden; } .slider-empreendimento .carousel-inner { position: relative; height: 450px; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0; overflow: hidden; } .slider-empreendimento .carousel-inner .item { position: absolute; width: 100%; max-width: 1170px; height: 450px; float: left; } .slider-empreendimento .carousel-inner .item img { width: 100%; height: 100%; } .slider-empreendimento .carousel-control { width: 0; } .slider-empreendimento .carousel-control.left, .slider-empreendimento .carousel-control.right { opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none; } .slider-empreendimento .carousel-control.left span, .slider-empreendimento .carousel-control.right span { width: 50px; height: 50px; padding: 0px; font-size: 24px; border-radius: 50%; line-height: 49px; } .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 { position: absolute; top: 45%; z-index: 5; display: inline-block; } .slider-empreendimento .carousel-control .glyphicon-chevron-left, .slider-empreendimento .carousel-control .icon-prev { left: -15px; } .slider-empreendimento .carousel-control .glyphicon-chevron-right, .slider-empreendimento .carousel-control .icon-next { right: -15px; } .slider-empreendimento .carousel-control.left span, .slider-empreendimento .carousel-control.right span { background-color: #000; } .slider-empreendimento .carousel-control.left span:hover, .slider-empreendimento .carousel-control.right span:hover { opacity: .7; filter: alpha(opacity=70); } .empreendimento-texto { position: absolute; left: 40px; bottom: 70px; height: 215px; width: auto; } .texto-esquerda { position: relative; float: left; width: 450px; height: 100%; padding: 15px; background: rgba(0,0,0,0.5); color: #fff; } .texto-esquerda h3 { font-size: 30px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); margin: 5px 0; } .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; font-weight: 400; line-height: 20px; } .texto-esquerda span.light { font-weight: 200; } .texto-esquerda span.sub-efeito { width: 30px; height: 3px; background: var(--color-primary-main); float: left; margin:5px 0 10px; } .texto-esquerda .btn-ver-mais { background: none transparent; color: #fff; position: absolute; bottom: 15px; right: 30px; } .texto-esquerda .btn-ver-mais:hover { background:rgba(255,255,255,0.2); } .texto-direita { position: relative; float: left; width: 200px; height: 100%; padding: 15px; background: var(--color-primary-main); color: var(--color-primary-text-contrast); text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .texto-direita ul { padding-left: 0; line-height: 30px; } .texto-direita ul li { list-style: none; font-weight: 400; } /************************ ***** Busca Capa ******** *************************/ .conteudo-busca { padding: 70px 0 30px; z-index: 999; position: relative; } .busca-capa { margin-top: -100px; margin-right: 15px; margin-left: 15px; background: none #eeeeee; border-top: 3px solid var(--color-primary-main); border-bottom: 3px solid #dddddd; } .busca-titulo h2 { font-weight: 200; font-size: 24px; margin-top: 12px; margin-bottom: 15px; color: #000; } .busca-titulo h2 strong { font-weight: 700; } hr.linha-laranja { border-color: var(--color-primary-main); margin: 0; border-width: 3px; } hr.linha-cinza { border-color: #dddddd; margin: 0; border-width: 1px; margin-top: 1px; } .busca-referencia { margin-top: 12px; } .busca-referencia .form-inline .form-group, .busca-referencia .form-inline .form-group input { width: 100%; border-radius: 0; border-color: #fefefe; box-shadow: none; } .busca-referencia .form-inline .form-group .form-control { padding: 4px 12px; height: 34px; } .busca-referencia .form-inline .form-group .btn-busca-referencia { margin-left: -70px; padding: 1px 8px; position: absolute; right: 20px; top: 5px; background: var(--color-primary-main); color: var(--color-primary-text-contrast); border-color: var(--color-primary-main); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .busca-referencia .form-inline .form-group .btn-busca-referencia:hover { background: var(--color-primary-dark); } .busca-avancada, .busca-rapida, .busca-empreendimento, .busca-condominio { margin-top: 20px; margin-bottom: 20px; } .busca-avancada .campos, .busca-rapida .campos, .busca-empreendimento .campos, .busca-condominio .campos { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; } .busca-avancada .campos .form-group, .busca-rapida .campos .form-group, .busca-empreendimento .campos .form-group, .busca-condominio .campos .form-group { margin-bottom: 0; float: left; } .busca-avancada .campos .form-group.col-xs-6, .busca-rapida .campos .form-group.col-xs-6 { padding: 0; } .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 { padding: 4px 12px; border-color: #dddddd; box-shadow: none; width: 100%; display: inline-block; float: left; border-radius: 0; height: 46px; } .checkbox-cor { display: inline-block; } .btn-busca-capa { border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); border-radius: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .btn-busca-capa:hover { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); } .nav-tabs.nav-justified { margin: 15px 0; } .nav-tabs.nav-justified>li>a { font-size: 18px; color: var(--color-text-primary); } .nav-tabs.nav-justified>li>a:hover { color: var(--color-primary-main); } .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 { background: none transparent; color: var(--color-primary-main); font-size: 18px; border: 1px solid #ddd !important; border-bottom-color: transparent !important; } .tab-content>.active { display: inline-block; width: 100%; } .label-modalselect { width: 100%; text-align: left; border-radius: 0; overflow: hidden; text-overflow: ellipsis; font-size: 1em; line-height: 1; color: var(--color-text-primary); font-weight: 400; background: #fff; border: 1px solid #dddddd; padding: 15px 10px; } .label-modalselect:hover, .label-modalselect:active, .label-modalselect.active, .label-modalselect:focus { color: var(--color-text-primary); background: #f9f9f9; border: 1px solid #dddddd; } .label-modalselect:before { font-family: FontAwesome; content: '\f106'; position: absolute; right: 16px; top: 50%; margin-top: -10px; z-index: 2; color: var(--color-primary-main); } .label-modalselect:after { font-family: FontAwesome; content: '\f107'; position: absolute; right: 16px; top: 50%; margin-top: -2px; z-index: 2; color: var(--color-primary-main); } /************************ *** Imoveis na Capa ***** *************************/ .conteudo-destaque-capa { padding: 20px 0; z-index: 9; position: relative; } .categorias-titulo h2 { font-weight: 200; font-size: 24px; margin-top: 12px; margin-bottom: 5px; color: var(--color-text-primary); } .categorias-titulo h2 strong { font-weight: 700; } .categorias-titulo .resultado-numeros { color: var(--color-text-primary); float: left; margin-bottom: 10px; font-size: 16px; } hr.linha-laranja { border-color: var(--color-primary-main); margin: 0; border-width: 3px; } hr.linha-cinza { border-color: #dddddd; margin: 0; border-width: 1px; margin-top: 1px; } .imoveis-destaque { margin: 30px 0 50px; height: auto; width: 100%; position: relative; float: left; } .box-imovel { } .conteudo-base { margin: 30px 0 50px 0; position: relative; } /************************ *** Imovel Grande ***** *************************/ .box-imovel.gr .favorite { position: absolute; right: 25px; top: 10px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); z-index: 11; font-size: 10px; } .box-imovel.gr .favorite .fa-star-o{ color: #efefef; } .box-imovel.gr .favorite .fa-star{ color: #fce005; } .box-imovel.gr .imovel{ display: block; float: left; width: 100%; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .box-imovel.gr .imovel:hover{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } .box-imovel.gr .imovel .imagem { margin: 0; margin-bottom: 0px; width: 100%; height: 416px; position: relative; float: left; overflow: hidden; } .box-imovel.gr .imovel .imagem .box-itens-temporada { height: 30px; position: absolute; bottom: 170px; margin: 0 15px ; } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto { float: left; display: inline-block; border-radius: 6px; color: var(--color-text-primary); margin-right: 5px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto .icone-internet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: 0 0; } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto .icone-ar { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -35px 0; } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto .icone-churrasqueira { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -70px 0; } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto .icone-camionete { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -105px 0; } .box-imovel.gr .imovel .imagem .box-itens-temporada .objeto .icone-pet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -140px 0; } .box-imovel.gr .imovel .imagem .imagem-crop{ display: block; } .box-imovel.gr .imovel .imagem .imagem-crop .efeito{ width: 100%; height: 100%; position: absolute; bottom: 0; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+51,0.8+100 */ background: -webkit-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .box-imovel.gr .imovel .imagem img{ display: block; position: absolute; bottom: 0; object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .box-imovel.gr .imovel .imagem img.v{ width: 100%; height: auto; } .box-imovel.gr .imovel .info{ width: 100%; background-color: transparent; clear: both; height: 45%; position: absolute; bottom: 0; padding: 15px; z-index: 10; } .box-imovel.gr .imovel .info h3 { font-size: 30px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); margin: 5px 0; font-weight: 400; line-height: 32px; } .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; font-weight: 400; line-height: 16px; margin: 0; } .box-imovel.gr .imovel .info span.light { font-weight: 200; } .box-imovel.gr .imovel .info span.sub-efeito { width: 30px; height: 3px; background: var(--color-primary-main); float: left; margin:5px 0 0; } .box-imovel.gr .imovel .detalhes{ float: left; position: relative; background-color: var(--bg-paper); padding: 20px 5px; width: 100%; height: 70px; } .box-imovel.gr .imovel .detalhes .objeto { float: left; display: inline-block; padding: 1px 5px; border: 1px solid #dddddd; border-radius: 6px; color: var(--color-text-primary); margin-right: 15px; } .box-imovel.gr .imovel .detalhes .objeto .numero { margin: 5px 0 0 5px; color: #000; float: left; } .box-imovel.gr .imovel .detalhes .objeto .icone-dormitorios { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: 0 0; float: left; } .box-imovel.gr .imovel .detalhes .objeto .icone-banheiros { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -30px 0; float: left; } .box-imovel.gr .imovel .detalhes .objeto .icone-garagens { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -60px 0; float: left; } .box-imovel.gr .imovel .detalhes .objeto-valor h5 { float: right; display: inline-block; padding: 1px 5px; color: var(--color-primary-main); margin-right: 15px; font-size: 24px; font-weight: 400; margin:0; } .box-imovel.gr .imovel .detalhes .objeto-valor strong { font-weight: 600; } /************************ *** Imovel Pequeno ***** *************************/ .box-imovel.pq .favorite { position: absolute; right: 53%; top: 10px; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); z-index: 11; font-size: 10px; } .box-imovel.pq .favorite .fa-star-o{ color: #efefef; } .box-imovel.pq .favorite .fa-star{ color: #fce005; } .box-imovel.pq .imovel{ display: block; float: left; width: 100%; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } .box-imovel.pq .imovel:hover{ box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); } .box-imovel.pq .imovel .imagem .box-itens-temporada { height: 30px; position: absolute; top: 10px; margin: 0 10px ; } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto { float: left; display: inline-block; border-radius: 6px; color: var(--color-text-primary); margin-right: 5px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto .icone-internet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: 0 0; } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto .icone-ar { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -35px 0; } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto .icone-churrasqueira { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -70px 0; } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto .icone-camionete { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -105px 0; } .box-imovel.pq .imovel .imagem .box-itens-temporada .objeto .icone-pet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -140px 0; } .box-imovel:nth-child(3) { margin-top: 24px; } .box-imovel.pq .imovel .imagem { margin: 0; height: 230px; position: relative; float: left; padding: 0; } .box-imovel.pq .imovel .imagem .imagem-crop{ display: block; overflow: hidden; position: relative; height: 230px; } .box-imovel.pq .imovel .imagem .imagem-crop .efeito{ width: 100%; height: 100%; position: absolute; bottom: 0; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+51,0.8+100 */ background: -webkit-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .box-imovel.pq .imovel .imagem img{ display: block; position: absolute; bottom: 0; object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .box-imovel.pq .imovel .imagem img.v{ display: block; height: auto; width: 100%; } .box-imovel.pq .imovel .imagem img.h { height: 100%; width: auto; } .box-imovel.pq .imovel .info{ background-color: var(--bg-paper); padding-right: 0px; height: 230px; } .box-imovel.pq .imovel .info h3 { font-size: 20px; color: var(--color-text-primary); text-shadow: none; margin: 10px 0; font-weight: 400; } .box-imovel.pq .imovel .info span { color: var(--color-text-secondary); text-shadow: none; font-size: 12px; } .box-imovel.pq .imovel .info h4 { color: var(--color-text-secondary); text-shadow: none; font-size: 12px; font-weight: 400; margin-top: 0; } .box-imovel.pq .imovel .info span.light { font-weight: 200; } .box-imovel.pq .imovel .info span.sub-efeito { width: 30px; height: 3px; background: var(--color-primary-main); float: left; margin:5px 0 0px; } .box-imovel.pq .imovel .info .item-valor h5 { float: right; display: block; padding: 1px 5px; color: var(--color-primary-main); right: 10px; bottom: 10px; position: absolute; font-size: 22px; font-weight: 400; margin:0; } .box-imovel.pq .imovel .info .item-valor strong { font-weight: 600; } .box-imovel.pq .imovel .imagem .detalhes{ float: left; position: absolute; background-color: transparent; padding: 0; height: auto; bottom: 10px; width: 95%; text-align: center; z-index: 10; } .box-imovel.pq .imovel .imagem .detalhes .objeto { display: inline-block; padding: 1px 5px; border: 1px solid #dddddd; border-radius: 6px; margin-right: 15px; } .box-imovel.pq .imovel .imagem .detalhes .objeto .numero { margin: 5px 0 0 5px; color: #ffffff; float: left; } .box-imovel.pq .imovel .imagem .detalhes .objeto .icone-dormitorios { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: 0 0; float: left; } .box-imovel.pq .imovel .detalhes .objeto .icone-banheiros { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -30px 0; float: left; } .box-imovel.pq .imovel .detalhes .objeto .icone-garagens { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -60px 0; float: left; } .conteudo-destaque-capa .carousel-indicators { bottom: -20px; } .conteudo-destaque-capa .carousel-indicators li { border-radius: 0; width: 20px; height: 20px; border-color: #dddddd; } .conteudo-destaque-capa .carousel-indicators li.active { background-color: var(--color-primary-main); box-shadow: inset 0px 0px 1px #fff; margin: 1px; } /**************************** *** Categorias de Capa ***** *****************************/ .conteudo-categorias-capa { margin: 30px 0 10px 0; z-index: 8; position: relative; } .setas-box { text-align: right; padding-top: 15px; } .setas-box span { color: #cccccc; display: inline-block; } .setas-box .btn { color: #cccccc; font-size: 2em; background-color: transparent; border: 0; margin-top: -3px; display: inline-block; padding: 5px; line-height: 1; } .setas-box .btn:hover, .setas-box .btn:focus, .setas-box .btn.active { color: #f81b1e; } .setas-box .btn-ver-todos { background: transparent; border-radius: 0; font-size: 12px; color: #909090; padding: 5px 10px; margin-top: 2px; border: 1px solid #dedede; } .setas-box .btn-ver-todos:hover, .setas-box .btn-ver-todos:focus, .setas-box .btn-ver-todos.active { background: #eb612c; color: var(--color-primary-text-contrast); border-color: #f81b1e; } .imoveis-categorias-capa { margin-top: 30px; margin-right: 15px; margin-left: 15px; padding: 0; } .box-imovel-categoria .favorite { position: absolute; right: 25px; top: 90px; color: #ffffff; z-index: 13; font-size: 15px; } .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 { display: inline-block; width: 100%; background: var(--bg-paper); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); margin-bottom: 60px; margin-top: 15px; } .box-imovel-categoria .imovel .titulo-imovel { height: 70px; font-weight: 400; padding: 10px; display: block; } .box-imovel-categoria .imovel .titulo-imovel h3{ font-size: 14px; color: var(--color-text-primary); white-space: inherit; overflow: hidden; font-weight: 500; margin: 0; text-transform: uppercase; line-height: 22px; } .box-imovel-categoria .imovel .imagem { margin: 0; margin-bottom: 0px; width: 100%; height: 198px; position: relative; float: left; } .box-imovel-categoria .imovel .imagem .imagem-crop{ display: block; overflow: hidden; position: relative; height: 198px; } .box-imovel-categoria .imovel .imagem .imagem-crop .efeito { width: 100%; height: 100%; position: absolute; bottom: 0; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+51,0.8+100 */ background: -webkit-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .box-imovel-categoria .imovel .imagem img { display: block; position: absolute; bottom: 0; object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .box-imovel-categoria .imovel .imagem img.v { width: 100%; height: auto; } .box-imovel-categoria .imovel .imagem .info{ width: 100%; height: auto; position: absolute; bottom: 0; padding: 5px 10px; z-index: 10; } .box-imovel-categoria .imovel .imagem .info .light { font-weight: 200; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-categoria .imovel .imagem .box-itens-temporada { height: 30px; position: absolute; bottom: 54px; margin: 0 5px ; } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto { float: left; display: inline-block; border-radius: 6px; color: var(--color-text-primary); margin-right: 5px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto .icone-internet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: 0 0; } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto .icone-ar { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -35px 0; } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto .icone-churrasqueira { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -70px 0; } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto .icone-camionete { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -105px 0; } .box-imovel-categoria .imovel .imagem .box-itens-temporada .objeto .icone-pet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -140px 0; } .box-imovel-categoria .imovel .detalhes { float: left; position: relative; padding: 10px 5px; border-top: 2px solid #cccccc; width: 100%; height: 140px; text-align: center; } .box-imovel-categoria .imovel .detalhes hr { margin-top: 10px; margin-bottom: 10px; } .box-imovel-categoria .imovel .detalhes .btn { display: none; background: var(--color-primary-dark); color: var(--color-primary-text-contrast); border-color: var(--color-primary-dark); font-weight: 200; font-size: 14px; width: 90%; position: relative; } .box-imovel-categoria .imovel .detalhes .box-itens, .box-imovel-resultado .imovel .detalhes .box-itens { height: 34px; display: flex; justify-content: center; padding: 0 6px; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto { float: none; display: inline-block; padding: 1px 5px; border: 1px solid #dddddd; border-radius: 6px; color: var(--color-text-primary); margin-right: 10px; display: flex; align-items: center; justify-content: space-between; min-width: 55px; margin: 0 3px; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .numero { color: #999999; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-dormitorios { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: 0 0; float: left; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-banheiros { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -30px 0; float: left; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto .icone-garagens { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -60px 0; float: left; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 { float: left; display: inline-block; padding: 1px 0 1px 5px; color: var(--color-primary-main); margin-bottom: 15px; margin-top: 0; font-size: 24px; font-weight: 200; text-align: left; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 strong { font-weight: 600; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 strong span{ font-size: 16px; color: #858585; height: 25px; font-weight: 200; line-height: 26px; display: block; } .box-imovel-categoria .imovel:hover { background-color: var(--color-primary-main); margin-bottom: 0; } .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 strong, .box-imovel-categoria .imovel:hover .detalhes .objeto-valor h5 strong span { color: #fff; } .box-imovel-categoria .imovel:hover .detalhes{ height: 190px; } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-dormitorios { background: url("../imagens/icones-imoveis-br.png"); background-position: 0 0; } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-banheiros { background: url("../imagens/icones-imoveis-br.png"); background-position: -30px 0; } .box-imovel-categoria .imovel:hover .detalhes .objeto .icone-garagens { background: url("../imagens/icones-imoveis-br.png"); background-position: -60px 0; } .box-imovel-categoria .imovel:hover .detalhes .btn { display: inline-block; } /************************************* *** Breadcrumb Páginas Internas ***** **************************************/ .conteudo-breadcrumb { background: url("../imagens/bg-breadcrumb.jpg") 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: var(--color-primary-main); } .conteudo-breadcrumb .breadcrumb>.active { color: var(--color-text-primary); } .breadcrumb>li+li:before { padding: 0 5px; color: var(--color-primary-main); font-family: "FontAwesome"; content: "\f101"; } .breadcrumb>li+li.active:before { color: var(--color-text-primary); } .conteudo-breadcrumb .breadcrumb { white-space: nowrap; width: 100%; display: flex; overflow: hidden; text-overflow: ellipsis; } .conteudo-breadcrumb .breadcrumb .active { white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } /******************** *** Quem Somos ***** *********************/ .texto-empresa { margin: 25px 0; line-height: 30px; } .foto-empresa { margin: 30px 0; } .box-endereco { margin: 15px; background: #fff; box-shadow: 2px 0 6px #cecece; margin-bottom: 50px; } .box-endereco h4 { font-size: 22px; } .box-endereco h4 i { font-size: 26px; color: var(--color-primary-main); } .box-endereco .mapa { padding: 0; margin: 0; display: flex; } .box-endereco .mapa .mapa-box { width: 100%; height: 400px; } .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: var(--color-primary-main); font-size: 24px; } .box-endereco .dados-endereco hr { margin:10px 0; float: left; } .box-endereco ul.lista-contato-imob { padding-left: 0; } .box-endereco ul.lista-contato-imob li { list-style: none; color: #333333; font-size: 16px; font-weight: 400; text-align: left; } .box-endereco ul.lista-contato-imob li .filial { padding-left: 25px; margin-bottom: 10px; line-height: 22px; } .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; margin-top: 2px; } .box-endereco ul.lista-contato-imob li .fa-map-marker { font-size: 24px; } /**************************** *** Resultado da Busca ***** *****************************/ .conteudo-resultado-busca { margin: 30px 0 10px 0; padding-top: 20px; z-index: 8; position: relative; } .box-filtro-resultado label { font-weight: 200; font-size: 14px; margin-top: 12px; text-align: right; padding: 0; } .box-filtro-resultado>div, .box-filtro-resultado .form-horizontal .form-group { padding: 0; } .box-imovel-resultado .favorite { position: absolute; right: 20px; top: 28px; color: #cccccc; z-index: 3; font-size: 15px; } .box-imovel-resultado .favorite .fa-star-o{ color: #cccccc; } .box-imovel-resultado .favorite .fa-star{ color: #fce005; } .box-imovel-resultado .imovel { display: inline-block; width: 100%; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); margin-bottom: 15px; margin-top: 30px; } .box-imovel-resultado .imovel:hover { background: #fefefe; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .box-imovel-resultado .imovel .titulo-imovel { height: 70px; font-weight: 400; padding: 10px; display: block; } .box-imovel-resultado .imovel .titulo-imovel h3{ font-size: 14px; color: var(--color-text-primary); white-space: inherit; overflow: hidden; font-weight: 500; margin: 0; text-transform: uppercase; line-height: 20px; } .box-imovel-resultado .imovel .imagem { margin: 0; margin-bottom: 0px; width: 100%; height: 197px; position: relative; float: left; } .box-imovel-resultado .imovel .imagem .box-itens-temporada { height: 30px; position: absolute; bottom: 54px; margin: 0 5px ; } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto { float: left; display: inline-block; border-radius: 6px; color: var(--color-text-primary); margin-right: 5px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto .icone-internet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: 0 0; } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto .icone-ar { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -35px 0; } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto .icone-churrasqueira { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -70px 0; } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto .icone-camionete { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -105px 0; } .box-imovel-resultado .imovel .imagem .box-itens-temporada .objeto .icone-pet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -140px 0; } .box-imovel-resultado .imovel .imagem .imagem-crop{ display: block; overflow: hidden; position: relative; height: 197px; } .box-imovel-resultado .imovel .imagem .imagem-crop .efeito { width: 100%; height: 100%; position: absolute; bottom: 0; z-index: 9; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+51,0.8+100 */ background: -webkit-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .box-imovel-resultado .imovel .imagem img { display: block; position: absolute; bottom: 0; object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .box-imovel-resultado .imovel .imagem img.v { width: 100%; height: auto; } .box-imovel-resultado .imovel .info{ width: 100%; height: auto; position: absolute; bottom: 0; padding: 10px; z-index: 10; } .box-imovel-resultado .imovel .info .light { font-weight: 200; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-resultado .imovel .detalhes { float: left; position: relative; padding: 20px 5px 10px; border-top: 2px solid #cccccc; width: 100%; height: 150px; text-align: center; } .box-imovel-resultado .imovel .detalhes hr { margin-top: 10px; margin-bottom: 10px; } .box-imovel-resultado .imovel .detalhes .objeto { float: none; display: flex; align-items: center; justify-content: space-between; padding: 1px 5px; min-width: 55px; border: 1px solid #dddddd; border-radius: 6px; color: var(--color-text-primary); margin: 0 3px; } .box-imovel-resultado .imovel .detalhes .objeto .numero { color: #999999; } .box-imovel-resultado .imovel .detalhes .objeto .icone-dormitorios { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: 0 0; float: left; } .box-imovel-resultado .imovel .detalhes .objeto .icone-banheiros { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -30px 0; float: left; } .box-imovel-resultado .imovel .detalhes .objeto .icone-garagens { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -60px 0; float: left; } .box-imovel-resultado .imovel .detalhes .objeto-referencia { text-decoration: none; font-size: 11px; margin: 0px; margin-bottom: -20px; margin-left: 5px; color: var(--color-text-tertiary); text-align: left; } .box-imovel-resultado .imovel .detalhes .objeto-valor h5 { float: left; display: inline-block; padding: 1px 5px; color: var(--color-primary-main); margin-bottom: 0px; margin-top: 0; font-size: 24px; font-weight: 200; text-align: left; } .box-imovel-resultado .imovel .detalhes .objeto-valor h5 strong { font-weight: 600; } .box-imovel-resultado .imovel .detalhes .objeto-valor h5 strong span { font-size: 16px; color: #858585; height: 25px; font-weight: 200; line-height: 42px; display: block; margin-bottom: 5px; } /* Paginação Resultado da Busca */ .btn-scroll { color: var(--color-primary-text-contrast); background-color: var(--color-primary-main); } .conteudo-resultado-busca nav { text-align: center; } .conteudo-resultado-busca nav .pagination li a { border-radius: 0px !important; margin: 0 2px; border: 0; 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: var(--color-primary-text-contrast); background-color: var(--color-primary-main); } .conteudo-resultado-busca h1 { font-size: 24px; color: var(--color-text-primary); margin-top: 0; margin-bottom: 8px; } /********************************* *** Listagem de Corretores ***** **********************************/ .dados-corretor { background:#fff; box-shadow: 0 0 5px #ccc; padding-bottom: 10px; margin-top: 30px; text-align: center; margin-bottom: 10px; min-height: 280px; } .dados-corretor .box-foto { width: 100px; height: 100px; display: inline-flex; margin: -25px 15px 0 15px; overflow: hidden; border-radius: 50%; box-shadow: 5px 5px 5px rgba(0,0,0,.1); background: #fff; border: 3px solid #ffffff; } .dados-corretor .box-foto img { /*margin-top: -20px;*/ width: 100%;} .dados-corretor .infos { padding: 10px 15px; } .dados-corretor .infos span { display: block;} .dados-corretor .infos .nome { font-size: 18px; font-weight: bold; color: #333; } .dados-corretor .infos .creci { font-size: 14px; text-transform: uppercase; color: #999; } .dados-corretor .infos .filial { font-weight: bold; margin-top: 10px; color: #666; } .dados-corretor .infos .captados { color: #666; } .dados-corretor .infos .telefone { font-size: 16px; } .dados-corretor .infos .telefone i { font-size: 24px; color: var(--color-primary-main); min-height: 50px; } .dados-corretor .infos .telefone i.fa-whatsapp { font-size: 14px; color: #5acb66; margin-left: 5px; min-height: 0px;} .dados-corretor .infos .bt-imoveis-corretor {background: var(--color-primary-text-contrast); padding: 10px 0; box-shadow: 0 1px 3px #ccc; font-weight: bold;} .dados-corretor .infos .bt-imoveis-corretor:hover {background: var(--color-primary-main); border-color: var(--color-primary-main);} .dados-corretor .infos .bt-imoveis-corretor.whatsapp {background: #fff;} .dados-corretor .infos .bt-imoveis-corretor.whatsapp:hover {background: #25d366; border-color: #25d366;} .dados-corretor .infos .bt-imoveis-corretor.ligacao {background: #fff;} .dados-corretor .infos .bt-imoveis-corretor.ligacao:hover {background: #00aff0; border-color: #00aff0;} .dados-corretor .infos .contato { font-size: 16px; } .dados-corretor .infos .contato i { font-size: 24px; color: var(--color-primary-main); } .dados-corretor .infos .contato a {font-size: 14px; color: #666;} .dados-corretor .infos .contato a:hover { color: var(--color-primary-main); } .sem-captador { display: none; } .titulo-equipe { text-align: center; font-size: 30px; color: #333333; text-transform: capitalize; letter-spacing: 0; margin-top: 40px; font-weight: 700;} .conteudo-listagem-equipe .setas-categoria { margin: 0px 15px 40px;} .dados-corretor hr{ margin: 10px 0; } .dados-corretor .form-group, .atendimento-corretor .form-group { margin-bottom: 0; } .dados-corretor .form-control, .atendimento-corretor .form-control { background: #fff; border: 1px solid #dddddd; margin-bottom: 5px; border-radius: 0; min-height: 46px; } .bt-infos-flutuante, .bt-infos-flutuante:focus { width: 60px; height: 60px; padding-top:18px; border-radius: 50%; font-size: 25px; text-align: center; display: block; position: fixed; left: 20px; bottom: 170px; background: var(--color-primary-main); color: var(--color-primary-text-contrast); z-index: 1000; cursor: pointer; box-shadow: 0 3px 5px #ccc; -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; } .bt-infos-flutuante:hover{ background: var(--color-primary-dark); color: var(--color-primary-text-contrast); width: 65px; height: 65px; padding-top:21px; -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; } .bt-whatsapp-flutuante, .bt-whatsapp-flutuante:focus { width: 60px; height: 60px; padding-top:18px; border-radius: 50%; font-size: 25px; text-align: center; display: block; position: fixed; left: 20px; bottom: 100px; background: #25d366; color: #fff; z-index: 1000; cursor: pointer; box-shadow: 0 3px 5px #ccc; -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; } .bt-whatsapp-flutuante:hover{ color: #fff; background: #20b959; width: 65px; height: 65px; padding-top:21px; -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; } .bt-ligacao-flutuante, .bt-ligacao-flutuante:focus { width: 60px; height: 60px; width: 60px; height: 60px; padding-top:18px; border-radius: 50%; font-size: 25px; text-align: center; display: block; position: fixed; left: 20px; bottom: 30px; background: #00aff0; color: #fff; z-index: 1000; cursor: pointer; box-shadow: 0 3px 5px #ccc; -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; } .bt-ligacao-flutuante:hover{ color: #fff; background: #049dd6; width: 65px; height: 65px; padding-top:21px; -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; } /********************************************** ********* Listagem do Equipe ****** ***********************************************/ .conteudo-listagem-equipe { padding: 30px 0 50px 0; z-index: 8; position: relative; background: #ffffff; } .conteudo-listagem-equipe .setas-categoria { margin: 0px 15px 40px; } .titulo-equipe { text-align: center; font-size: 30px; color: #333333; text-transform: capitalize; letter-spacing: 0; margin-top: 40px; font-weight: 700; } .lista-equipe { text-align: center; margin: 0; } .lista-equipe .dados-equipe { display: inline-block; float: none; width: 24.7%; } .lista-equipe .dados-equipe img { max-width: 220px; display: inline-block; } .lista-equipe .dados-equipe .nome { display: block; font-size: 20px; color: #333333; font-weight: 700; letter-spacing: -1px; text-transform: uppercase; margin-top: 10px; } .lista-equipe .dados-equipe .cargo { display: block; font-size: 18px; color: var(--color-text-secondary); font-weight: 500; letter-spacing: -1px; } .lista-equipe .dados-equipe .nome-equipe { display: block; font-size: 14px; color: #999999; font-weight: 300; letter-spacing: -1px; margin-top: 10px; } .lista-equipe .dados-equipe .filial { display: block; font-size: 14px; color: #999999; font-weight: 300; letter-spacing: -1px; } .setas-categoria { border-bottom: 1px solid #eeeeee; margin: 15px; text-align: center; } .setas-categoria .seta-esquerda { background: url("../imagens/img_seta_corretores_esq.png") 0 0 #f9f9f9 no-repeat; width: 51px; height: 34px; display: inline-block; top: 23px; position: relative; -webkit-transition: all 10ms; -moz-transition: all 10ms; -o-transition: all 10ms; transition: all 10ms; } .setas-categoria .seta-direita { background: url("../imagens/img_seta_corretores_dir.png") 0 0 #f9f9f9 no-repeat; width: 51px; height: 34px; display: inline-block; top: 23px; position: relative; -webkit-transition: all 10ms; -moz-transition: all 10ms; -o-transition: all 10ms; transition: all 10ms; } .setas-categoria .seta-esquerda:hover, .setas-categoria .seta-direita:hover { background-position: 0 -34px; } .setas-categoria .seta-esquerda.inativo, .setas-categoria .seta-esquerda[disabled], .setas-categoria .seta-direita.inativo, .setas-categoria .seta-direita[disabled] { background-position: 0 -34px; cursor: default; } /**************************** *** Detalhe do Imóvel ***** *****************************/ .conteudo-detalhe-imovel { margin: 30px 0 10px 0; z-index: 8; position: relative; } .detalhe-titulo { margin-top: 15px; } .detalhe-titulo h1 { font-weight: 500; font-size: 24px; margin-top: 0px; margin-bottom: 5px; color: #333; } .detalhe-titulo h4 { font-weight: 400; font-size: 16px; margin-top: 12px; margin-bottom: 5px; color: var(--color-text-primary); line-height: 24px; } .detalhe-titulo h4.valor { font-weight: 500; font-size: 24px; margin-top: 10px; margin-bottom: 15px; color: var(--color-primary-main); } .detalhe-titulo .local { font-size: 14px; color: #999999; font-weight: 200; } .detalhe-titulo h3 { font-weight: 200; font-size: 24px; margin-top: 12px; margin-bottom: 15px; color: #333; } .detalhe-imovel-dados { text-align: right; margin-top: 15px; } .detalhe-imovel-dados .favorito-imovel { display: inline-block; color: #999999; font-size: 14px; margin-bottom: 10px; } .detalhe-imovel-dados .favorito-imovel i span { font-family: 'Segoe UI', sans-serif; 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-weight: 500; font-size: 24px; margin-top: 10px; margin-bottom: 15px; color: var(--color-primary-main); } .referencia { float: left; } .bt-calendario { font-size: 14px; margin-top: 10px; color: var(--color-text-tertiary); float: left; background: #fff; box-shadow: 2px 0 4px #cecece; line-height: 30px; display: inline-block; float: left; padding-right: 10px; } .bt-imprimir { font-size: 14px; margin-left: 5px; margin-top: 10px; color: var(--color-text-tertiary); 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: var(--color-primary-main); color: var(--color-primary-text-contrast); padding: 5px; } /* Formulários Direita */ .panel-group .panel { border:0; background: none transparent; } .panel-default>.panel-heading { background-color: transparent; border: 0; padding: 0; border-radius: 0 !important; } .panel-title a { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); display: block; padding: 15px 15px; } .panel-title a:hover { color: var(--color-primary-text-contrast); background-color: #d4470f; } .panel-title a.collapsed { color: var(--color-primary-text-contrast); background-color: var(--color-primary-main); } .panel-default .panel-body { border:0; background: none transparent; padding-left: 0; padding-right: 0; } .panel-default .panel-body .campos { padding-right: 0; padding-left: 0; } .panel-default .panel-body .campos .dropdown { position: relative; width: 100%; cursor: pointer; font-weight: 400; background: #fff; border: 1px solid #dddddd; -webkit-user-select: none; margin-bottom: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .panel-default .panel-body .campos input { position: relative; width: 100%; background: #fff; border: 1px solid #dddddd; margin-bottom: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); border-radius: 0; height: 46px; } .panel-default .panel-body .campos textarea { position: relative; width: 100%; background: #fff; border: 1px solid #dddddd; margin-bottom: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); border-radius: 0; height: auto; } .btn-formularios { border-color: var(--color-primary-light); background-color: #ffffff; color: var(--color-primary-light); border-radius: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .btn-formularios:hover { color: var(--color-primary-dark); } .bg-danger { margin: 10px 0; border-radius: 3px; padding: 8px; text-align: center; } .bg-success { margin: 10px 0; border-radius: 3px; padding: 8px; text-align: center; } table { background: #fff; border: 1px solid #fefefe; margin-bottom: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); } .table-bordered>tbody>tr>td { text-align: center; } .table-bordered>tbody>tr>td>a { color: var(--color-text-primary); } .legenda { display: flex; margin-bottom: 5px; } .box-legenda { width: 20px; height: 20px; border: 1px solid #dddddd; background: #fff; display: inline-block; } .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 { cursor: not-allowed; color: var(--color-text-primary); opacity: 0.35; } .table-bordered>tbody>tr>td.inativo { background: #efefef; opacity: 0.65; } .texto-ajuda { color: var(--color-text-tertiary); font-size: 12px; } .btn-group-justified>.btn.col-xs-10 { width: 83.33333333%; border: 1px solid #dddddd; background: none #fff; color: var(--color-text-primary); } .btn-group-justified>.btn.col-xs-2 { width: 16.66666667%; background: var(--color-primary-main); color: var(--color-primary-text-contrast); } /* Fotos Imóvel */ .box-fotos-imovel { margin: 15px 0; } .box-fotos-imovel .foto-ampliada-carousel { background: #f3f3f3; height: 454px; width: 606px; overflow: hidden; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer { height: 454px; width: 606px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage { height: 454px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 454px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 454px; width: 606px; position: relative; float: left; overflow: hidden; } .foto-ampliada-carousel .item img { object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .slide-detalhe-imovel { position: relative; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img.v { width: 100%; height: auto; position: absolute; bottom: 0; } .box-fotos-imovel .left.carousel-control { margin-left: 15px; } .box-fotos-imovel .right.carousel-control { margin-right: 15px; } .box-fotos-imovel .carousel-control, .box-fotos-imovel .carousel-control { opacity: 0.9; font-size: 45px; z-index: 1; } .box-fotos-imovel .carousel-control.left i, .box-fotos-imovel .carousel-control.right i { position: absolute; top: 40%; } .box-thumbs { position: relative; } .box-thumbs .galeria-thumbs .window { overflow: hidden; position: relative; height: 454px; } .box-thumbs .galeria-thumbs ul { list-style: none; height: 10000px; top: 0; left: 0; position: absolute; padding: 0px; width: 100%; } .box-thumbs .galeria-thumbs li a img { width: 100%; height: auto; } .prev, .next { z-index: 1; } .box-thumbs .galeria-thumbs li:first-child { margin: 0; } .box-thumbs .galeria-thumbs { overflow: hidden; position: relative; } .box-thumbs .galeria-thumbs .window .item { margin-bottom: 10px; height: 136px; overflow: hidden; width: 100%; display: block; } .box-thumbs .galeria-thumbs .window .item a { display: block; } .box-thumbs .galeria-thumbs .window .item a:hover { opacity: 0.8; } .carousel-control.top { width: 100%; height: 10%; right: 0; font-size: 50px; opacity: 1; /* 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 { width: 100%; height: 10%; right: 0; top: inherit; font-size: 50px; opacity: 1; /* 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 { margin: 20px 0; } .descricao-imovel h3, .descricao-imovel p { color: #333333; font-size: 16px; margin: 0; margin-top: 15px; line-height: 24px; } .detalhe-titulo-item { font-size: 16px; color: #333333; font-weight: 600; } .detalhe-item { font-size: 16px; color: var(--color-text-secondary); display: block; } .simuladores { padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; display: block; } .btn-simuladores { padding: 6px 20px; border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); border-radius: 0; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .btn-simuladores { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); } .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 { margin: 15px 0; } .mapa { margin: 15px 0; } .addthis_toolbox a{ float: right !important; } /* Imóveis relacionados */ .imoveis-relacionados.collapse { display: block; } .box-imovel-relacionado .favorite { position: absolute; right: 20px; top: 28px; color: #cccccc; z-index: 3; font-size: 15px; } .box-imovel-relacionado .favorite .fa-star-o{ color: #cccccc; } .box-imovel-relacionado .favorite .fa-star{ color: #fce005; } .box-imovel-relacionado .imovel { display: inline-block; width: 100%; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); margin-bottom: 15px; margin-top: 15px; } .box-imovel-relacionado .imovel:hover { background: #fefefe; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); } .box-imovel-relacionado .imovel .titulo-imovel { height: 70px; font-weight: 400; padding: 10px; display: block; } .box-imovel-relacionado .imovel .titulo-imovel h3 { font-size: 14px; color: #333; white-space: inherit; overflow: hidden; font-weight: 500; margin: 0; text-transform: uppercase; line-height: 20px; } .box-imovel-relacionado .imovel .imagem { margin: 0; margin-bottom: 0px; width: 100%; height: 190px; position: relative; float: left; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada { height: 30px; position: absolute; bottom: 54px; margin: 0 5px ; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto { float: left; display: inline-block; border-radius: 6px; color: var(--color-text-primary); margin-right: 5px; width: 30px; height: 30px; background: rgba(0,0,0,0.5); } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto .icone-internet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: 0 0; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto .icone-ar { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -35px 0; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto .icone-churrasqueira { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -70px 0; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto .icone-camionete { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -105px 0; } .box-imovel-relacionado .imovel .imagem .box-itens-temporada .objeto .icone-pet { width: 30px; height: 30px; display: block; background: url("../imagens/icones-temporada-br.png"); background-position: -140px 0; } .box-imovel-relacionado .imovel .imagem .imagem-crop { display: block; overflow: hidden; position: relative; height: 190px; width: 100%; } .box-imovel-relacionado .imovel .imagem .imagem-crop .efeito { width: 100%; height: 100%; position: absolute; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+1,0+51,0.8+100 */ background: -webkit-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: -o-linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); background: linear-gradient(rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 51%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .box-imovel-relacionado .imovel .imagem img { display: block; object-fit: cover !important; width: 100% !important; height: 100% !important; object-position: center !important; } .box-imovel-relacionado .imovel .imagem img.v { } .box-imovel-relacionado .imovel .info{ width: 100%; height: auto; position: absolute; bottom: 0; padding: 10px; } .box-imovel-relacionado .imovel .info .light { font-weight: 200; color: #fff; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); } .box-imovel-relacionado .imovel .detalhes { float: left; position: relative; padding: 10px 5px; border-top: 2px solid #cccccc; width: 100%; height: 135px; text-align: center; } .box-imovel-relacionado .imovel .detalhes hr { margin-bottom: 10px; margin-top: 10px; } .box-imovel-relacionado .imovel .detalhes .objeto { float: none; display: inline-block; padding: 1px 5px; border: 1px solid #dddddd; border-radius: 6px; color: var(--color-text-primary); margin-right: 10px; } .box-imovel-relacionado .imovel .detalhes .objeto .numero { margin: 5px 0 0 5px; color: #999999; float: left; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-dormitorios { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: 0 0; float: left; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-banheiros { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -30px 0; float: left; } .box-imovel-relacionado .imovel .detalhes .objeto .icone-garagens { width: 30px; height: 30px; background: url("../imagens/icones-imoveis.png"); background-position: -60px 0; float: left; } .box-imovel-relacionado .imovel .detalhes .objeto-valor h5 { float: left; display: inline-block; padding: 1px 5px; color: var(--color-primary-main); margin-bottom: 0; margin-top: 0; font-size: 24px; font-weight: 200; } .box-imovel-relacionado .imovel .detalhes .objeto-valor h5 strong { font-weight: 600; } .box-imovel-relacionado .imovel .detalhes .objeto-valor h5 strong span { font-size: 16px; color: #858585; height: 25px; font-weight: 200; line-height: 26px; display: block; } .btn-relacionados { background: #313131; color: #fff; border-color: #000000; height: 46px; margin-top: 15px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; line-height: 30px; font-size: 18px; } .btn-relacionados:hover { background: #000000; } /* Detalhe do Empreendimento */ .tipo-unidade { margin: 15px 0; background: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); } .fotos-unidade .foto-princial { margin-bottom: 70px; } .fotos-unidade .foto-princial .carousel-inner { overflow: hidden; height: 280px; } .fotos-unidade .foto-princial .carousel-inner .item { height: 280px; width: 100%; } .fotos-unidade .foto-princial .carousel-inner .item a img { height: 100%; width: 100%; position: absolute; object-fit: cover; } .fotos-unidade .foto-princial .carousel-inner .item a img.v { height: auto; width: 100%; position: absolute; bottom: 0; } .fotos-unidade .foto-princial .carousel-control.left { background: var(--color-primary-main); color: var(--color-primary-text-contrast); position: absolute; width: 50px; height: 40px; bottom: -40px; left: 0; top: initial; opacity: 1; } .fotos-unidade .foto-princial .carousel-control.right { background: var(--color-primary-main); color: var(--color-primary-text-contrast); position: absolute; width: 50px; height: 40px; bottom: -40px; right: 0; top: initial; opacity: 1; } .fotos-unidade .foto-princial .carousel-control .glyphicon-chevron-left { font-size: 20px; color: var(--color-primary-text-contrast); margin-left: -15px; } .fotos-unidade .foto-princial .carousel-control .glyphicon-chevron-right { font-size: 20px; color: var(--color-primary-text-contrast); margin-right: -15px; } .box-descricao-unidade { max-height: 250px; overflow-y: auto; float: left; width: 100%; padding-right: 15px; margin-bottom: 8px; } .descricao-unidade { margin-bottom: 10px; } .descricao-unidade h5 { font-size: 18px; font-weight: 400; text-transform: uppercase; margin-top: 20px; color: var(--color-primary-main); } .descricao-unidade h6 { font-size: 16px; font-weight: 400; color: #333333; } .descricao-unidade span { color: var(--color-text-secondary); font-weight: normal; display: block; line-height: 22px; } .descricao-unidade p { color: var(--color-text-secondary); font-weight: normal; display: block; line-height: 22px; } .descricao-unidade hr{ margin: 10px 0; float: left; } .btn-hotsite { background: var(--color-primary-main); border: 0; border-radius: 0; font-size: 16px; color: var(--color-primary-text-contrast); font-weight: 500; margin-top: 15px; } .btn-hotsite:hover { background: var(--color-primary-dark); } /******************************************* **** Formulários Contato/Trabalhe/Pedido**** ********************************************/ .conteudo-formulario { margin: 30px 0 50px 0; position: relative; } .box-form { background: #eeeeee; border-top: 2px solid var(--color-primary-main); margin:20px 0; padding-bottom: 15px; } .box-form h4 { font-size: 18px; } hr.divisor { float: left; width: 100%; border-color: #dddddd; margin-top: 0; } .box-form .dropdown { border: 1px solid #dddddd; } .box-form .form-group { margin-bottom: 15px; display: block; float: left; width: 100%; } .box-form .form-group .form-control { padding: 4px 8px; border-color: #dddddd; box-shadow: none; width: 100%; height: 46px; display: inline-block; float: left; border-radius: 0; } .form-inline .form-group .form-control { padding: 4px 8px; border-color: #dddddd; box-shadow: none; width: 100%; height: 46px; display: inline-block; float: left; border-radius: 0; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: var(--color-text-primary); text-align: center; background-color: #eee; border: 1px solid #dddddd; border-radius: 4px; } .btn-enviar-form { padding: 10px 25px; border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); border-radius: 0; text-align: left; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .btn-enviar-form:hover { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); } .btn-enviar-form.whatsapp { border-color: #20b959; background-color: #25d366; color: #fff; text-align: left; } .btn-enviar-form.whatsapp:hover { border-color: #20b959; background-color: #20b959; color: #fff; } .btn-enviar-form.ligacao { border-color: #049dd6; background-color: #00aff0; color: #fff; text-align: left; } .btn-enviar-form.ligacao:hover { border-color: #049dd6; background-color: #049dd6; color: #fff; } .captcha { margin-right: 20px; } /******************************* **** Pedido Enviado **** ********************************/ .pedido-enviado { background: url("../imagens/bg-banner-pedido-enviado.jpg"); padding: 20px 15px; background-size: cover; margin-top: 80px; margin-bottom: 50px; } .pedido-enviado h3 { font-size: 36px; color: #ffffff; text-shadow: none; margin: 10px 0 5px 0; font-weight: 600; line-height: 34px; } .pedido-enviado .texto-auxiliar { color: #ffffff; text-shadow: none; font-size: 18px; font-weight: 200; position: relative; } .pedido-enviado .fa-stack { width: 80px; height: 80px; margin: 10px; line-height: 78px; } .pedido-enviado .fa-stack .fa-circle { font-size: 80px; color: #ffffff; } .pedido-enviado .fa-stack .fa-home { font-size: 50px; color: #e54f14; } .pedido-enviado .btn-resultado-pedido { background: #ffffff; color: var(--color-text-primary); 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); } .pedido-enviado .btn-resultado-pedido:hover { background: #efefef; } /**************************** **** Corretor Online Box **** *****************************/ .conteudo-atendimento-online { background: url("../imagens/textura-cinza.jpg") repeat; height: 150px; margin-top: 100px; } .conteudo-atendimento-online .container .row .foto-corretor { position: relative; float: left; height: 150px; display: block; } .conteudo-atendimento-online .container .row .foto-corretor img { position: absolute; left: 20%; bottom: 0; } .conteudo-atendimento-online .container .row .texto-corretor h2 { color: var(--color-primary-main); font-size: 36px; font-weight: 400; } .conteudo-atendimento-online .container .row .texto-corretor p { color: #ffffff; font-size: 20px; font-weight: 200; } .conteudo-atendimento-online .container .row .btn-corretor { border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); margin-top: 20%; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .conteudo-atendimento-online .container .row .btn-corretor:hover { background: var(--color-primary-dark); } /************************* ****** Banners Capa ****** **************************/ .conteudo-banners-capa { padding: 30px 0; } .banner-capa > div { display: flex; flex-flow: column; padding-left: 20px; justify-content: space-evenly; } .banner-capa .categoria { background: url(../imagens/img-categoria-capa.jpg); width: 100%; height: 100%; background-size: cover; } .banner-capa .venda { background: url("../imagens/img-vender-capa.jpg"); width: 100%; height: 100%; background-size: cover; } .banner-capa .avalie { background: url("../imagens/img-avalie-capa.jpg"); width: 100%; height: 100%; background-size: cover; } .banner-capa.trabalhe { display: none; } .banner-capa .trabalhe { background: url("../imagens/img-trabalhe-capa.jpg"); width: 100%; height: 100%; background-size: cover; } .banner-capa { height: 220px; position: relative; display: block; } .banner-capa h3 { max-width: 350px; font-size: 24px; color: var(--color-primary-main); text-shadow: none; margin: 0; font-weight: 700; } .banner-capa .subtitulo { margin-bottom: 16px; } .banner-capa .sub-efeito { width: 30px; height: 3px; background: var(--color-primary-main); float: left; } .banner-capa span { color: var(--color-text-secondary); text-shadow: none; font-size: 14px; font-weight: 400; text-transform: uppercase; position: relative; float: left; width: 50%; } .banner-capa .btn-categoria { position: absolute; bottom: 20px; left: 35px; border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); padding: 10px 22px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .banner-capa .btn-categoria:hover { background: var(--color-primary-dark); } .banner-capa .btn-cadastre { width: 215px; border-color: var(--color-primary-main); background-color: var(--color-primary-light); color: var(--color-primary-text-contrast); -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .banner-capa .btn-cadastre:hover { background: var(--color-primary-dark); } .banner-capa .btn-pedido { width: 215px; border-color: var(--color-primary-main); background-color: #ffffff; color: var(--color-primary-main); text-transform: uppercase; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .banner-capa .btn-pedido:hover { background-color: #f6f6f6; } /******************************** ****** Busca Especial Capa ****** *********************************/ .conteudo-busca-especial-capa { padding: 30px 0; } .busca-especial-capa .caracteristica, .busca-especial-capa .localizacao { display: block; float: left; position: relative; background: var(--bg-paper); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); width: 100%; margin-bottom: 20px; } .busca-especial-capa .caracteristica .imagem { background: url("../imagens/img-caracteristica-capa.jpg"); min-height: 320px; background-size: cover; background-repeat: no-repeat; } .busca-especial-capa .localizacao .imagem { background: url("../imagens/img-localizacao-capa.jpg"); min-height: 320px; background-size: cover; background-repeat: no-repeat; } .busca-especial-capa .busca-especial-titulo { padding: 25px; margin: 0; } .busca-especial-capa .localizacao .busca-especial-titulo { background: url("../imagens/bg-titulo-localizacao.jpg") repeat; } .busca-especial-capa .caracteristica .busca-especial-titulo { background: url("../imagens/bg-titulo-caracteristica.jpg") repeat; } .busca-especial-capa .busca-especial-titulo h4 { font-size: 24px; color: #ffffff; text-shadow: none; margin: 0; font-weight: 400; } .busca-especial-capa .lista { padding: 15px; } .busca-especial-capa .lista ul { padding-left: 0; } .busca-especial-capa .lista ul li { list-style: none; } .busca-especial-capa .lista ul li a { color: #333333; text-shadow: none; background: #eeeeee; border-radius: 5px; font-size: 14px; font-weight: 400; position: relative; float: left; line-height: 20px; padding: 6px 10px; margin: 10px 10px 0 0; } .busca-especial-capa .lista ul li a:hover { color: var(--color-primary-text-contrast); background: var(--color-primary-main); } /********************** **** Video na Capa **** ***********************/ .conteudo-video-capa { background-color: #fff; margin: 30px 0 10px 0; padding: 0; } .conteudo-video-capa .fa-stack { width: 54px; height: 50px; } .conteudo-video-capa .fa-stack-2x { font-size: 50px; color: var(--color-primary-main); } .conteudo-video-capa .fa-stack-1x { line-height: 45px; font-size: 25px; color: var(--color-primary-main); } .conteudo-video-capa h3 { font-size: 28px; font-weight: 600; color: var(--color-text-primary); line-height: 36px; } .conteudo-video-capa p { font-size: 16px; font-weight: 200; color: var(--color-text-secondary); line-height: 26px; } /******************************* **** Cadastro de Newsletter **** ********************************/ .conteudo-newsletter-capa { background-color: var(--color-primary-main); margin: 30px 0 10px 0; padding: 20px 0 ; display: none; } .conteudo-newsletter-capa h3 { font-size: 40px; color: #ffffff; text-shadow: none; margin: 0 20px 0 0; font-weight: 400; text-align: right; line-height: 40px; } .conteudo-newsletter-capa span { color: #ffffff; text-shadow: none; font-size: 18px; font-weight: 200; position: relative; float: right; text-align: right; width: 100%; margin-right: 20px; } .conteudo-newsletter-capa .form-inline .form-control { width: 100%; margin-top: 15px; height: 46px; } .conteudo-newsletter-capa .btn-newsletter { background: var(--color-primary-dark); color: var(--color-primary-text-contrast); border-color: var(--color-primary-dark); height: 46px; margin-top: 15px; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .conteudo-newsletter-capa .btn-newsletter:hover { background: var(--color-primary-dark); } /******************************* **** Cadastro de Newsletter **** ********************************/ .conteudo-resultado-pedido .container .row { background: url("../imagens/bg-banner-resultado-pedido.jpg"); padding: 20px 15px; background-size: cover; margin-bottom: 50px; } .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: #e54f14; } .conteudo-resultado-pedido .btn-resultado-pedido { background: #ffffff; color: var(--color-text-primary); 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; color: var(--color-text-secondary); } ul.utilidades-lista li .utilidades-link i { position: relative; display: inline-block; width: 18px; height: 18px; line-height: 18px; vertical-align: middle; color: var(--color-text-primary); font-size: 20px; margin-right: 10px; } ul.utilidades-lista li .utilidades-link { color: var(--color-text-primary); font-size: 16px; } ul.utilidades-lista li .utilidades-link:hover i { color: #e54f14; } /********************************* ********* Notícias/Avisos/Dicas ****** **********************************/ .noticia-aberta { margin: 30px 0; } .noticia-aberta .titulo-noticia { color: #333333; font-size: 24px; font-weight: 400; } .noticia-aberta .data-noticia { color: #999999; margin-bottom: 20px; display: block; font-weight: 200; font-size: 16px; } .noticia-aberta .texto-noticia { color: #333333; } .noticia-aberta img { display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px; } .noticia-fechada { } .noticia-fechada .titulo-noticia { color: #333333; font-size: 22px; font-weight: 400; margin-top: 20px } .noticia-fechada .data-noticia { color: #999999; margin-bottom: 10px; display: block; font-weight: 200; font-size: 14px; } .noticia-fechada .texto-noticia { color: #333333; } .noticia-fechada hr { width: 100%; float: left; } .listagem-noticia { } .listagem-noticia .avisos h3 { color: #ffffff; background: #5175ab; padding: 10px; } .listagem-noticia .dicas h3 { color: #ffffff; background: #f9b600; padding: 10px; } .listagem-noticia .noticias h3 { color: #ffffff; background: #5aab51; padding: 10px; } .listagem-noticia hr { margin: 0px; border: 0; border-top: 1px dotted #999999; } .noticia-item { margin: 5px 0; display: block; padding: 5px; position: relative; } .noticia-item h5 { color: #333333; margin-top: 0px; margin-bottom: 5px; } .noticia-item small { color: #999999; display: block; margin-bottom: 5px; } .noticia-item p { color: var(--color-text-secondary); } .noticia-item a { display: block; text-align: right; } .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 { text-align: center; } .box-noticia nav .pagination li a, .box-noticia nav .pagination li span { border-radius: 0px !important; margin: 0 2px; border: 0; 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: var(--color-primary-text-contrast); background-color: var(--color-primary-main); } /*********************** ********* Footer ****** ************************/ footer.infos { background: var(--bg-paper); padding: 30px 0; } footer.infos h3 { font-size: 24px; color: var(--color-text-primary); text-shadow: none; margin: 10px 0; font-weight: 600; } footer.infos .sub-efeito { width: 30px; height: 3px; background: var(--color-primary-main); float: left; } /* Coluna Imobiliária */ footer.infos .logo-imob-rodape { width: 100%; height: 150px; overflow: hidden; display: block; text-align: center; } footer.infos .logo-imob-rodape img { width: 200px; height: 200px; margin: 0 auto; } footer.infos .texto-imob { font-size: 14px; color: var(--color-text-primary); font-weight: 200; } footer.infos .texto-imob strong { font-size: 14px; color: var(--color-text-primary); font-weight: 400; } footer.infos .texto-imob a { color: var(--color-primary-main); } /* Coluna Mapa do Site */ footer.infos .navbar-footer li { } footer.infos .navbar-footer li a, footer.infos .navbar-footer li span { padding: 3px 0; margin: 0; color: #333333; line-height: 24px; display: inline-block; border-bottom: 1px solid #eeeeee; display: inline-block; width: 100%; -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } footer.infos .navbar-footer li span { color: var(--color-text-tertiary); } footer.infos .navbar-footer li a i, footer.infos .navbar-footer li span i { color: #fff; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } footer.infos .navbar-footer li a.active, footer.infos .navbar-footer li a:hover { color: var(--color-primary-main); background: none; } footer.infos .navbar-footer li a.active i, footer.infos .navbar-footer li a:hover i { color: var(--color-primary-main); } footer.infos .navbar-footer li ul { padding-left: 10px; } footer.infos .navbar-footer li ul li { list-style: none; } footer .form-horizontal .control-label { padding: 12px 10px; text-align: left; } footer.infos ul.lista-contato-rodape { padding-left: 0; } footer.infos ul.lista-contato-rodape li { list-style: none; color: #333333; } footer.infos ul.lista-contato-rodape li .filial { padding-left: 25px; margin-bottom: 10px; line-height: 22px; } footer.infos ul.lista-contato-rodape li i { color: var(--color-primary-main); } footer.infos ul.lista-contato-rodape li .fa-mobile { font-size: 26px; } footer.infos ul.lista-contato-rodape li .fa-envelope { font-size: 18px; margin-top: 2px; } footer.infos ul.lista-contato-rodape li .fa-map-marker { font-size: 24px; } /* Footer Copyright*/ footer.copyright { background: var(--color-primary-main); color: var(--color-primary-text-contrast); padding: 10px 0; } footer.copyright .texto-copyright { margin-top: 10px; float: left; font-weight: 200; } footer.copyright .texto-copyright a { color: #fff; } footer.copyright .social{ text-align: right; float: right; } footer.copyright .social-share{ display: inline-block; list-style: none; padding: 6px 12px; margin: 0; } footer.copyright ul.social-share li { display: inline-block; } footer.copyright ul.social-share li a { display: inline-block; color: #fff; background: none; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; border: 1px solid #fff; border-radius: 6px; opacity: 0.7; } footer.copyright ul.social-share li a:hover { opacity: 1; } 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) { .carousel-inner { } .atendimento { right: 270px; } .box-imovel.gr .imovel .info { height: 50%; padding: 10px 15px; } .box-imovel.gr .imovel .imagem { height: 341px; } .box-imovel.gr .imovel .imagem img.v{ margin-top: -266px; } .box-imovel:nth-child(3) { margin-top: 11px; } .box-imovel.pq .imovel .imagem { height: 200px; width: 227px; float: left; } .box-imovel.pq .imovel .imagem .imagem-crop{ height: 200px; } .box-imovel.pq .imovel .imagem img{ display: block; height: 200px; width: auto; } .box-imovel.pq .imovel .imagem img.v{ display: block; height: auto; width: 100%; margin-top: -102px; } .box-imovel.pq .imovel .imagem img.h { margin-left: -14px; } .box-imovel.pq .imovel .info{ height: 200px; width: 227px; float: left; } .box-imovel.pq .imovel .info h2 { font-size: 20px; margin: 10px 0; } .box-imovel.pq .imovel .imagem .detalhes { width: 100%; text-align: center; } .box-imovel.pq .imovel .imagem .detalhes .objeto { padding: 1px 3px; border-radius: 6px; margin-right: 5px; } .imoveis-categorias-capa.carousel-inner .item { } .box-imovel-categoria .imovel .imagem { height: 159px; } .box-imovel-categoria .imovel .imagem .imagem-crop { height: 159px; } .box-imovel-categoria .imovel .imagem img.v { margin-top: -118px; } .box-imovel-categoria .imovel .detalhes { height: 140px; } .box-imovel-categoria .imovel .detalhes .objeto { padding: 1px 2px; margin-right: 5px; } .box-imovel-resultado .imovel .imagem { height: 159px; } .box-imovel-resultado .imovel .imagem .imagem-crop { height: 159px; } .box-imovel-resultado .imovel .imagem img.v { margin-top: -118px; } .box-imovel-resultado .imovel .detalhes .objeto { padding: 1px 2px; margin-right: 5px; } .box-imovel-relacionado .imovel .imagem { height: 152px; } .box-imovel-relacionado .imovel .imagem .imagem-crop { height: 152px; } .box-imovel-relacionado .imovel .imagem img.v { } .box-imovel-relacionado .imovel .detalhes .objeto { padding: 1px 2px; margin-right: 5px; } .box-thumbs .galeria-thumbs .window { height: 370px; } .box-thumbs .galeria-thumbs .window .item { height: 108px; } .box-fotos-imovel .foto-ampliada-carousel { height: 370px; width: 493px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer { height: 370px; width: 493px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage { height: 370px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 370px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 370px; width: 493px; } .fotos-unidade .foto-princial .carousel-inner { overflow: hidden; height: 200px; } .fotos-unidade .foto-princial .carousel-inner .item { height: 200px; width: 100%; } .conteudo-video-capa .fa-stack-2x { font-size: 35px; } .conteudo-video-capa .fa-stack-1x { font-size: 20px; line-height: 32px; } .conteudo-video-capa h3 { font-size: 28px; line-height: 36px; } .conteudo-video-capa p { font-size: 16px; } .conteudo-video-capa .fa-stack { width: 54px; height: 35px; } .conteudo-video-capa .fa-stack-2x { font-size: 40px; } .conteudo-video-capa .fa-stack-1x { line-height: 35px; font-size: 20px; } .conteudo-video-capa h3 { font-size: 24px; line-height: 36px; } .conteudo-video-capa p { font-size: 15px; line-height: 26px; } } /* sm */ @media(max-width: 991px) { .navbar-nav { margin: 0px; float: none !important; } .atendimento { right: 220px; } .conteudo-atendimento-online .container .row .texto-corretor h2 { font-size: 26px; } .conteudo-atendimento-online .container .row .texto-corretor p { font-size: 14px; } .carousel-inner { } .box-imovel.gr { margin-bottom: 15px; } .box-imovel.gr .imovel .info { height: 50%; padding: 10px 15px; } .box-imovel.gr .imovel .info h2 { font-size: 24px; } .box-imovel.gr .imovel .imagem { height: 306px; } .box-imovel.gr .imovel .imagem img.v{ margin-top: -237px; } .box-imovel.gr .imovel .detalhes .objeto { padding: 1px 3px; margin-right: 3px; } .box-imovel.gr .imovel .detalhes .objeto-valor { padding: 4px 5px 0 0; margin-right: 0px; font-size: 20px; } .box-imovel:nth-child(3) { margin-top: 11px; } .box-imovel.pq .imovel .imagem { height: 182px; width: 50%; float: left; } .box-imovel.pq .imovel .imagem .imagem-crop{ height: 182px; } .box-imovel.pq .imovel .imagem img{ display: block; height: 182px; width: auto; } .box-imovel.pq .imovel .imagem img.v{ display: block; height: auto; width: 100%; margin-top: -6px; } .box-imovel.pq .imovel .imagem img.h { margin-left: -50px; } .box-imovel.pq .imovel .info{ height: 182px; width: 50%; float: left; } .box-imovel.pq .imovel .info h3 { font-size: 15px; margin: 10px 0 5px; line-height: 18px; } .box-imovel.pq .imovel .info .item-valor h5 { font-size: 15px; } .box-imovel.pq .imovel .imagem .detalhes { width: 100%; text-align: center; } .box-imovel.pq .imovel .imagem .detalhes .objeto { padding: 1px 3px; border-radius: 6px; margin-right: 5px; } .box-imovel-categoria .imovel .imagem { height: 166px; } .box-imovel-categoria .imovel .imagem .imagem-crop { height: 166px; } .box-imovel-categoria .imovel .imagem img.v { } .box-imovel-categoria .imovel .detalhes .objeto { padding: 1px 4px; margin-right: 15px; } .box-imovel-resultado .imovel .imagem { height: 259px; } .box-imovel-resultado .imovel .imagem .imagem-crop { height: 259px; } .box-imovel-resultado .imovel .imagem img.v { } .box-imovel-resultado .imovel .detalhes .objeto { padding: 1px 4px; margin-right: 15px; } .box-imovel-relacionado .imovel .imagem { height: 158px; } .box-imovel-relacionado .imovel .imagem .imagem-crop { height: 158px; } .box-imovel-relacionado .imovel .imagem img.v { } .box-imovel-relacionado .imovel .detalhes .objeto { padding: 1px 4px; margin-right: 5px; } .box-thumbs .galeria-thumbs .window { height: 383px; } .box-thumbs .galeria-thumbs .window .item { height: 112px; } .box-fotos-imovel .foto-ampliada-carousel { height: 383px; width: 510px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer { height: 383px; width: 510px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage { height: 383px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 383px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 383px; width: 510px; } .fotos-unidade .foto-princial .carousel-inner { height: 180px; } .fotos-unidade .foto-princial .carousel-inner .item { height: 180px; width: 100%; } .box-descricao-unidade { height: 230px; } .box-endereco .mapa iframe { min-height: 400px !important; } .box-endereco ul.lista-contato-imob li { font-size: 14px; } .conteudo-video-capa .fa-stack { width: 54px; height: 35px; } .conteudo-video-capa .fa-stack-2x { font-size: 30px; } .conteudo-video-capa .fa-stack-1x { line-height: 30px; font-size: 15px; } .conteudo-video-capa h3 { font-size: 22px; line-height: 36px; } .conteudo-video-capa p { font-size: 14px; line-height: 26px; } } /* xs */ @media (max-width: 783px) { .box-imovel-categoria .imovel .imagem img { display: block; width: 100%; height: auto; position: relative; } } @media (max-width: 767px) { .idiomas { margin-left: 15px; } .menu-telefones { position: relative; margin-left: 20px; margin-bottom: 10px; } .navbar>.container .navbar-brand { width: 100%; text-align: center; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .navbar>.container .navbar-brand img { margin: 0 auto; margin-top: -50px; } .navbar-nav li { margin-left: 0px; } .navbar .navbar-nav li a { display: block; text-align: center; } .conteudo-atendimento-online { height: auto; padding-bottom: 10px; margin-top: 30px; } .conteudo-atendimento-online .container .row .btn-corretor { margin-top: 0; } .banner-capa { margin-top: 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; } .slider-empreendimento .carousel-inner, .slider-empreendimento .carousel-inner .item { height: 200px; overflow: hidden; } .slider-empreendimento .carousel-control .glyphicon-chevron-left, .slider-empreendimento .carousel-control .icon-prev { left: 15px; } .slider-empreendimento .carousel-control .glyphicon-chevron-right, .slider-empreendimento .carousel-control .icon-next { right: 15px; } .empreendimento-texto { height: 155px; width: 220px; bottom: 30px; } .texto-esquerda { width: 100%; height: 100%; } .texto-esquerda h3 { line-height: 26px; font-size: 22px; } .texto-esquerda span.light, .texto-esquerda span.sub-efeito { display: none; } .conteudo-newsletter-capa h3 { text-align: left; margin-left: 15px; } .conteudo-newsletter-capa span { float: none; margin-left: 15px; } .carousel-inner { height: auto; } .box-imovel.gr .imovel .detalhes .objeto-valor h5{ font-size: 18px; } .box-imovel.gr .imovel .imagem { height: 480px; } .box-imovel.gr .imovel .imagem img, .box-imovel.gr .imovel .imagem img.v{ display: block; width: 100%; height: 480px; position: absolute; margin: 0; } .box-imovel.gr .imovel .info{ width: 100%; height: 70%; } .box-imovel.gr .imovel .info h3 { font-size: 22px; } .box-imovel-categoria .imovel .detalhes .objeto-valor h5 { font-size: 18px; } .box-imovel.pq .favorite { right: 10%; } .box-imovel:nth-child(3) { margin-top: 15px; } .box-imovel.pq .imovel { background: #fff; } .box-imovel.pq .imovel .imagem { height: 360px; width: 100%; } .box-imovel.pq .imovel .imagem .imagem-crop{ height: 360px; } .box-imovel.pq .imovel .imagem img.v{ display: block; width: 100%; height: auto; position: absolute; margin: 0; } .box-imovel.pq .imovel .imagem img.h{ display: block; width: 100%; height: auto; position: absolute; margin: 0; } .box-imovel.pq .imovel .info{ height: 135px; width: 100%; } .box-imovel.pq .imovel .info h2 { font-size: 16px; margin: 10px 0; } .box-imovel.pq .imovel .info .item-valor { font-size: 15px; } .box-imovel.pq .imovel .imagem .detalhes { width: 100%; text-align: center; } .box-imovel.pq .imovel .imagem .detalhes .objeto { padding: 1px 3px; border-radius: 6px; margin-right: 5px; } .imoveis-categorias-capa { margin-top: 30px; margin-right: 0; margin-left: 0; padding: 0 15px; } .box-imovel-categoria .imovel .imagem { height: 195px; } .box-imovel-categoria .imovel .imagem .imagem-crop { height: 195px; } .box-imovel-categoria .imovel .imagem img { display: block; width: 100%; height: auto; position: relative; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto { padding: 1px 4px; margin-right: 5px; } .box-filtro-resultado label { padding: 0 15px; } .box-filtro-resultado .form-horizontal .form-group { padding: 0 15px; } .box-imovel-resultado .imovel .imagem { height: auto; } .box-imovel-resultado .imovel .imagem .imagem-crop { height: auto; } .box-imovel-resultado .imovel .imagem img { display: block; width: 100%; height: auto; position: relative; margin: 0; } .imoveis-relacionados.collapse { display: none; } .box-imovel-resultado .imovel .detalhes .objeto { padding: 1px 4px; margin-right: 5px; } .box-imovel-relacionado .imovel .imagem { height: auto; } .box-imovel-relacionado .imovel .imagem .imagem-crop { height: auto; } .box-imovel-relacionado .imovel .imagem img.v { } .box-imovel-relacionado .imovel .detalhes .objeto { padding: 1px 4px; margin-right: 5px; } .banner-capa .avalie { background-position: top center; } .conteudo-breadcrumb { height: 50px; } .conteudo-breadcrumb .breadcrumb { margin-bottom: 5px; margin-top: 7px; } .box-endereco .mapa .mapa-box { height: 200px; } .box-fotos-imovel .foto-ampliada-carousel { height: 320px; } .box-fotos-imovel .foto-ampliada-carousel { height: 320px; width: 100%; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer { height: 320px; width: 100%; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage { height: 320px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item { height: 320px; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item { height: 320px; width: 100%; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img { width: 100%; height: auto; position: relative; } .foto-ampliada-carousel.owl-carousel .owl-stage-outer .owl-stage .owl-item .item img.v { width: 100%; height: auto; position: relative; } .box-endereco .mapa iframe { min-height: 220px !important; height: auto ; } .box-endereco ul.lista-contato-imob li { font-size: 12px; } .detalhe-imovel-dados { text-align: left; margin: 15px 0; } .addthis_toolbox a{ float: left !important; } .bt-calendario, .bt-imprimir { float: none; margin-left: 0; } .fotos-unidade .foto-princial .carousel-inner .item a img { height: auto; width: 100%; position: relative; } 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; } .table-responsive { width: 100%; margin-bottom:5px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 0px solid #ddd; } .carousel-control { display: flex !important; justify-content: center; align-items: center; } } @media (max-width: 495px) { .box-imovel-categoria .imovel .imagem { height: 145px; } .box-imovel-categoria .imovel .imagem .imagem-crop { height: 145px; } .box-imovel-categoria .imovel .detalhes .box-itens .objeto { padding: 1px 4px; margin-right: 5px; } } /* XS Portrait */ @media (max-width: 480px) { li.dropdown:hover ul.dropdown-menu { display: none; } li.dropdown.open ul.dropdown-menu { display: block !important; } .box-imovel.gr .imovel .detalhes .objeto { display: none; } .btn-busca-capa i { display: none; } .box-imovel.gr .imovel .imagem { height: 200px; } .box-imovel.gr .imovel .imagem img, .box-imovel.gr .imovel .imagem img.v{ display: block; width: 100%; height: 200px; position: absolute; margin: 0; } .box-imovel.pq .imovel .imagem { height: 200px; width: 100%; } .box-imovel.pq .imovel .imagem .imagem-crop{ height: 200px; } .box-imovel-categoria .imovel .imagem { height: 190px; } .box-imovel-categoria .imovel .imagem .imagem-crop { height: 190px; } .box-fotos-imovel .foto-ampliada-carousel { height: 200px; } } /*.wow { visibility: hidden; }*/ ::-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: var(--bg-default);} /* Bug fix: clicar em cima das setas do dropdown não abria o dropdown */ div.dropdown > span.old { z-index: 3; } /* Captcha styles desktop*/ @media screen and (min-width: 1200px) { #rc-imageselect, .g-recaptcha { transform:scale(0.87); -webkit-transform:scale(0.87); transform-origin:0 0; -webkit-transform-origin:0 0; /*margin-bottom: 25px;*/ } } /* Captcha styles tablet*/ @media screen and (min-width: 992px) and (max-width: 1200px) { #rc-imageselect, .g-recaptcha { transform:scale(0.705); -webkit-transform:scale(0.705); transform-origin:0 0; -webkit-transform-origin:0 0; /*margin-bottom: 25px;*/ } } /* captcha styles mobile*/ @media screen and (max-width: 992px) { #rc-imageselect, .g-recaptcha { transform:scale(0.96); -webkit-transform:scale(0.96); transform-origin:0 0; -webkit-transform-origin:0 0; /*margin-bottom: 15px;*/ } } #formSolicitarInformacoes #rc-imageselect, .g-recaptcha, #formWhatsapp #rc-imageselect, .g-recaptcha, #collapseAtendimentoLigacao #rc-imageselect, .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; } /* Background Video styles */ .video-background { background: transparent; position: absolute; top: 0; right: 0; width: 100%; height: 100vh; overflow: hidden; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } .fale-com-whatsapp { width: 50px; height: 50px; display: block; position: fixed; z-index: 1000; 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; } /* Ordem padrão dos blocos principais */ /* Capa do site */ .slider-empreendimento { order: 10; } .conteudo-busca { order: 20; } .conteudo-destaque-capa { order: 30; } .conteudo-atendimento-online { order: 95; } .conteudo-atendimento-online + .conteudo-categorias-capa { order: 50; } .conteudo-banners-capa { order: 92; } .conteudo-categorias-capa { order: 70; } .conteudo-video-capa { order: 80; } .conteudo-busca-especial-capa { order: 90; } .conteudo-newsletter-capa { order: 100; } .infos { order: 110; } .copyright { order: 120; } /* Não aplicar ordenação no resultado da bsuca Resultado de busca */ body.resultado > * { order: 0; } .lazyload, .lazyloading:not(img) { opacity: 0; transform: translateY(-5%); } .lazyloaded:not(img) { opacity: 1; transform: translateY(0%); transition: opacity 300ms, transform 300ms ease-in-out; } .lazyload, img.lazyloading { opacity: 0; } img.lazyloaded { opacity: 1; transition: opacity 300ms ease-in; } /* Icone de múmero de acomodações */ .objeto > .icone-acomodacoes { width: 30px } .objeto > .icone-acomodacoes > i.fa.fa-user { width: 30px; font-size: 22px; } .swal2-custom-button { width: 100px; } .cc-window { background: #fff; } @media (max-width: 767px) { .cc-message { font-size: 14px; } } .cc-revoke, .cc-window { z-index: 99999 !important; } /* Politica privacidade */ .politicaprivacidade .texto-empresa { margin: initial; line-height: initial; } /* Arruma PhotoSwipe bg mudando de cor bg do layout */ section.pswp__scroll-wrap { background: inherit; } .blog {} body.blog-capa, body.blog-postagem { background-color: var(--bg-default); } .blog-listagem {} .blog-item { background-color: var(--bg-paper, #fff); padding: 0 0 0 0; margin-bottom: 30px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .blog-listagem .blog-item { display: flex; flex-direction: column; height: 550px; } .blog-listagem .blog-item .btn { margin-top: auto; } .blog-listagem .blog-item .blog-infos { display: flex; flex-direction: column; align-items: flex-start; flex-grow: 1; } .blog-listagem .blog-item .card-img-top { width: 100%; height: 259px; object-fit: cover; } .blog-item:hover { opacity: 0.9; } .blog-item .img-post { width: 100%; max-height: 240px; overflow: hidden; display: block; border-bottom: 2px solid; text-align: center; align-content: center; } .blog-item .img-post img { padding: 0; margin: 0; border: 0; } .blog-item .blog-infos { padding: 10px 15px 20px; /* min-height: 280px; */ } .blog-item .blog-infos .blog-categoria { background: #ddd; color: #333; padding: 3px 7px; font-size:smaller; display: block; float: left; margin: 5px 5px 0 0; border-radius: 10px; } .blog-item .blog-infos .blog-categoria:hover { background: #ccc; color: #333; } .blog-item .blog-infos h1 { font-size: 24px; display: block; width: 100%; } .blog-item .blog-infos p { font-size:medium; width: 100%; } .blog-item .blog-infos .blog-data { font-size: small; color: var(--color-text-tertiary); } .blog-item .blog-infos h2 a { text-decoration: none; color: var(--color-text-primary, #333); } .blog-item .blog-infos p a { text-decoration: none; color: var(--color-text-secondary); } .blog-item .blog-infos h2 a:hover, .blog-item .blog-infos p a:hover { text-decoration: underline; } .blog-item .blog-infos .btn { font-size: small; padding: 5px 10px; border-radius: 5px; } .blog-item .texto { display: block; display: -webkit-box; /* max-width: 100%; */ /* height: 43px; */ /* line-height: 1; */ -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; color: var(--color-text-secondary); } .blog-item.aberto { background-color: var(--bg-paper, #fff); padding: 0 0 30px 0; margin-bottom: 30px; box-shadow: none; } .blog-item.aberto:hover { opacity: 1; } .blog-item.aberto .img-post { width: 100%; max-height: 500px; overflow: hidden; border-bottom: 2px solid; align-content: center; cursor:auto; } .blog-item.aberto .img-post img { width: 100%; padding: 0; margin: 0; border: 0; } .blog-item.aberto h1 { margin-top: 20px; } .blog-item.aberto .blog-infos { min-height: auto; } .blog-item.aberto .blog-infos p { font-size:medium; width: 100%; } .blog-item.aberto .blog-conteudo { padding: 10px 15px 15px; } .blog-item.aberto .blog-conteudo p { color: var(--color-text-secondary); font-size:medium; width: 100%; text-align: justify; } .blog-item.aberto .blog-conteudo p:empty { height: 10px; margin: 0; } .blog-item.aberto .blog-conteudo p:empty::before { content: ''; display: inline-block; margin: 0; } .blog-item.aberto .blog-conteudo * { color: var(--color-text-secondary); } .blog-item.aberto .blog-conteudo h1, .blog-item.aberto .blog-conteudo h2, .blog-item.aberto .blog-conteudo h3, .blog-item.aberto .blog-conteudo h4, .blog-item.aberto .blog-conteudo h5, .blog-item.aberto .blog-conteudo h6 { color: var(--color-text-primary, #4e4e4e); } .blog-item.aberto .blog-conteudo h1 { font-size: 24px; } .blog-item.aberto .blog-conteudo h2 { font-size: 22px; } .blog-item.aberto .blog-conteudo h3 { font-size: 20px; } .blog-item.aberto .blog-conteudo h4 { font-size: 18px; } .blog-item.aberto .blog-conteudo h5 { font-size: 14px; } .blog-item.aberto .blog-conteudo h6 { font-size: 12px; } .blog-item.aberto .blog-conteudo img { width: 100%; padding: 10px 0; } .blog-item.aberto .blog-conteudo iframe { border: 0; max-width: 100%; } .blog-lateral { background: var(--bg-paper, #fff); } .blog-lateral ul.utilidades-lista { list-style: disc; } .blog-lateral ul.utilidades-lista li .utilidades-link { color: var(--color-text-primary, #565656); font-size: small; } .blog-lateral ul.utilidades-lista li .utilidades-link:hover { text-decoration: underline; color: var(--color-text-primary, #565656); font-size: small; } .blog-lateral ul.utilidades-lista li:last-child { border-bottom: 0px solid #eeeeee; } .blog-lateral .blog-item { background: none; padding: 10px 0 10px 0; margin-bottom: 10px; box-shadow: none; display: flex; border-bottom: 1px dashed #ccc; } .blog-lateral .blog-item:last-child { border-bottom: none; } .blog-lateral .blog-item:hover { opacity: 0.9; } .blog-lateral .blog-item .img-post { width: 100%; overflow: hidden; display: block; border-bottom: 0px solid; align-content: center; } .blog-lateral .blog-item .img-post img { padding: 0; margin: 0; border: 0; height: 90px; width: 120px; object-fit: cover; } .blog-lateral .blog-item .blog-infos { padding: 5px 0 0 10px; min-height: auto; } .blog-lateral .blog-item .blog-infos h2 { font-size: medium; display: block; width: 100%; margin-top: 0; } .blog-lateral .blog-item .blog-infos p { font-size:smaller; width: 100%; } body > section.conteudo-resultado-busca > div > div.row.wow.animated.fadeInUp.blog > div.col-md-4 > div:nth-child(1) > div > ul > li.active > a { font-size: medium; font-weight: 500;} /* .media { display: block; color: currentColor; padding-bottom: 12px; } .media .media-left img { height: 80px; width: 100px; } .media .media-heading { margin-top: 2px; } .media .media-body .glyphicon { top: 2px; color: rgb(78 78 78 / 85%); } .media:first-child { margin-top: 12px; } .media:not(:last-child) { border-bottom: 1px solid rgb(128 128 128 / 8%); } */ .blog-tabs.nav.nav-tabs.nav-justified { margin: 0; padding: 0; background: var(--bg-paper-contrast, #dddddd); } .blog-tabs.nav-tabs.nav-justified > li > a, .blog-tabs.nav-tabs.nav-justified > li.active > a:focus, .blog-tabs.nav-tabs.nav-justified > li.active > a:hover { padding-top: 14px; padding-bottom: 14px; text-align: left; font-size: 16px; border: none !important; color: var(--color-text-secondary, currentColor); font-weight: 500; } .blog-tabs.nav-tabs.nav-justified > li.active, .blog-tabs.nav-tabs.nav-justified > li.active > a { background: var(--bg-paper, #fff); } .blog-tabs > li > a:focus, .blog-tabs > li > a:hover { background: var(--bg-paper-contrast-hover); } .blog-lateral-container { border: 1px solid rgb(128 128 128 / 8%); } @media (max-width: 768px) { .blog-lateral-container .nav-tabs.nav-justified>li { display: table-cell; width: 1%; } } .blog.categorias-titulo { display: flex; justify-content: space-between; } .blog-postagens-capa-site { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); column-gap: 50px; padding: 17px; padding-right: 50px; padding-top: 0px; } .blog-data .autor { display: none; } .embed-shorts-video { aspect-ratio: 9 / 16; } .owl-nav { display: none; } .nav-pills.operacao-comercial-tabs { display: flex; border: none; background-color: transparent; padding-left: 0; margin-bottom: 20px; flex-wrap: wrap; } .nav-pills.operacao-comercial-tabs > li { margin-right: 0px; } .nav-pills.operacao-comercial-tabs > li > a { border-radius: 4px; padding: 8px 16px; color: var(--color-primary-main); background-color: transparent; border: 1px solid transparent; font-weight: bold; transition: background-color 0.3s, color 0.3s; white-space: nowrap; } @media screen and (max-width: 767px) { .nav-pills.operacao-comercial-tabs > li > a { padding: 4px 8px; font-size: 14px; } } .nav-pills.operacao-comercial-tabs > li.active > a, .nav-pills.operacao-comercial-tabs > li.active > a:focus, .nav-pills.operacao-comercial-tabs > li.active > a:hover { background-color: var(--color-primary-main); color: var(--color-primary-text-contrast); border-color: var(--color-primary-main); } .nav-pills.operacao-comercial-tabs > li > a:hover { color: var(--color-primary-main); border-color: var(--color-primary-main); } .nav-pills.operacao-comercial-tabs>li+li { margin: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .form > .dropdown, .campos > .dropdown, .form-group > .dropdown, .form > .modalselect, .form-group > .modalselect { width: 100%; height: 46px; padding: 10px; -webkit-appearance: none; /* For Safari/Chrome */ -moz-appearance: none; /* For Firefox */ appearance: none; /* Standard */ visibility: visible; background: #fff; border: 1px solid #dddddd; } .form > .dropdown .selected, .campos > .dropdown .selected, .form-group > .dropdown .selected { padding: 5px 0; }