/*
 Theme Name: JAL
 Theme URI: 
 Author: 
 Author URI: 
 Description: 
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: jal

 */ 

/*tipografia*/
@font-face { font-family:'Gotham-Book'; src:url(fonts/Gotham-Book.woff); }
@font-face { font-family:'Gotham-Light'; src:url(fonts/Gotham-Light.otf); }
@font-face { font-family:'Gotham-XLight'; src:url(fonts/Gotham-XLight.woff); }

a{ color: #494949;text-decoration:none; cursor:pointer; }
a:hover{color: #000;text-decoration:none; cursor:pointer;}
* { outline:none; }
body, p, a, span, div {font-family:'Gotham-Light'}

p{margin-bottom: 15px}
strong {font-family:'Gotham-Book';}
.light{font-family:'Gotham-XLight';}
img.fluid{width: 100%}

h4{font-size: 20px;
padding-top: 15px;
color: #000;}
h1{font-size: 32px}

.markmapa{width: 340px}
.titmapa{font-size: 20px; padding-bottom: 10px}
.descmapa{font-size:11px; line-height: 16px; text-transform: uppercase}
.linkmapa a {}
.linkmapa{ margin: 10px;}

.titulos{font-family:'Gotham-XLight';text-transform: uppercase; color:#142541; text-align: center; padding: 35px 0;  width: 100%; font-size: 36px}
.corpo{font-size: 15px;color:#7d7d7d; padding: 0 0 35px 0; line-height: 28px;text-align: justify; max-width: 980px; margin: auto}

.cards{background: #fff; padding: 20px}
.empreendimento,.descricao{display: block;text-align: center}

h2.empreendimento,h4.empreendimento{font-family:'Gotham-XLight';text-transform: uppercase; color:#191919;padding: 0 0 10px 0}

h2.empreendimento {font-size: 30px;}
h4.empreendimento {font-size:18px;}

.descricao {font-size:13px; padding:0 0 10px 0; text-transform: uppercase}
.descricao_port {color:#a2a2a2; font-size: 12px; text-transform:uppercase; text-align: center; display: block}

.news h4{font-size: 14px; text-transform: uppercase; color:#7d7d7d; padding: 10px}

.redes, .up {text-align: center; display: flex}
.redes.cinza.lateral{position: fixed;right: 20px;top: 35vh;flex-direction: column;z-index: 200}
.redes i, .up i{font-size: 22px; width: 35px;height: 35px;border-radius:50%; margin:4px; line-height: 35px}

.redes.cinza i, .redes.branco a:hover i, .up i {color: #fff;background:rgba(0,0,0,0.5); transition: 0.3s }
.redes.branco i, .redes.cinza a:hover i {color:#b7b7b7; background: #fff; transition: 0.3s }
.redes i.menor{font-size: 17px!important}

.up{position: fixed;right: 20px;bottom: 20px;z-index: 200; cursor: pointer}

.news{text-transform: uppercase; font-size: 14px; color:#6B6B6B; align-items: center; justify-content: center}
form.wpcf7-form p{display: inline-flex; align-items: center}
form input[type=text],form input[type=email] { width:100%; font-family:Gotham-XLight, Arial; padding:10px 15px; border:1px solid #f0f0f0; }
form textarea { width:100%; font-family:Gotham-XLight, Arial; padding:5px 15px; border:0; }
form input[type=submit],form button { background-color:#acacac; color:#fff; border:0; position:relative; display: block;padding: 10px 15px; text-transform:uppercase;font-size: 14px;cursor: pointer}
div.wpcf7 .ajax-loader{display: none}

.voltar{float: left;position: absolute;left: 0;right: 50px;text-align: center;z-index: 100;margin: 20px auto;top: 10px; width: 300px}
.voltar a{padding: 10px 20px;color: #fff;font-size: 13px;border-radius: 10px;text-align: center;margin: auto;}

div#menu-ham.collapse.show > div.voltar{display: none; transition: 0.3s}

/*cores*/
.bgcinza_claro{ background: #e6e7e8}
.bgcinza_medio{ background: #e1e1e1}
.bgcinza_escuro{background: #b7b7b7}

/*detalhe lancamentos*/
.detalhe_lancamento, .container.detalhe_imovel, .container.contato{max-width: 990px!important}
.imovel_intro{font-size: 16px; color: #7d7d7d; line-height: 30px}
.imovel_intro_menor{font-size: 14px; color: #7d7d7d; line-height: 30px; text-transform: uppercase}

.fotointerna{min-height: 400px; background-position: center center!important; background-size: cover!important}

.subtitulos {display: block;
width: 100%;
text-transform: uppercase;
color: #7d7d7d;}
.relacionados{height: 250px; background-position: center center!important; background-size: cover!important}
.nav-relacionados .carousel-control-next, .nav-relacionados .carousel-control-prev{width: 2%; color:#2B2B2B}

.ficha_vertical{background:#ebebeb; text-transform: uppercase; padding: 20px 15px}
.vertical{flex-direction: column}
.descricao_interna{display: block; color:#3f3f3f; font-size: 18px; width: 100%}
.ficha h4, .texto_livre{font-size: 14px;color: #7d7d7d; line-height: 25px}
.texto_formatado span.texto{color: #000; font-weight: bold; padding: 0 15px}

.ficha_tecnica_nomes{font-weight: bold; font-size: 13px;}
.ficha_tecnica_nomes span.titulo {color:#7d7d7d; display: block; text-transform: uppercase; letter-spacing: 1px}

.ficha_tecnica, .ficha_home{justify-content:center; padding: 10px; text-align: center; font-size: 30px; color: #7d7d7d }
.ficha_tecnica .bloco_cinza span.titulo, .ficha_vertical span.titulo, .ficha_home span.titulo {color: #000; display: block; font-weight: bold; font-size:14px}
.ficha_tecnica .bloco_cinza span.titulo_menor, .ficha_vertical span.titulo_menor {color: #000; display: block; font-weight: bold;font-size:13px}
.ficha_tecnica .bloco_cinza span.texto_menor, .ficha_vertical  span.texto_menor{font-size: 16px; color: #7d7d7d }

.pdfs{text-align: center; flex-direction: column}
.legenda {font-size: 12px; color:#7d7d7d; display: block; padding: 5px 10px}
.pdfs i{font-size: 40px; color:#7d7d7d}
.bloco_cinza{background:#ebebeb; margin: 5px; text-transform: uppercase; padding: 20px}
.bloco_cinza span.titulo{font-size: 13px; color:#7d7d7d; font-weight: bold}
.bloco_cinza span.texto{font-size: 13px; color:#000}

/*estrutura*/

body{background: #eee; font-size: 16px; color:#252525}
.body-blog { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0)); }

.container, .menu-ham{max-width: 1200px!important; overflow: hidden}
.container-fluid{padding: 0; overflow: hidden}
.blog-container { padding-right:15px; padding-left:15px; margin-left: auto; margin-right: auto; width: 100%; background:#EFEFEF; max-width: 990px!important; }
.blog-content { padding-left: 115px; }
.blog-post-box { width: 380px; height: 420px; margin-right: 10px; float: left; }
.blog-post-head-image img { width: 380px; height: 270px; border: 1px solid #BBBBBB; }
.blog-post-title { font-weight: bold; font-size: 14px; text-align: left; padding-top: 10px; }
.blog-post-resume { font-size: 12px; text-align: left; color: #7d7d7d; padding-top: 5px; }
.blog-post-date { font-size: 10px; color: #AAAAAA; text-align: left; padding-top: 5px; }
.blog-single { background: url("../../../wp-content/uploads/banner-blog.jpg"); }
.blog-breadcrumb { text-align: center; width: 100%; padding-top: 10px; padding-bottom: 10px; display: block; margin-bottom: 30px; }
.blog-title { margin-left: 277px; }
.blog-title input[type=text] {
  float: right;
  padding: 6px;
  border: none;
  margin-top: 8px;
  margin-right: 0px;
  font-size: 17px;
}
.blog-title button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.blog-content-title { text-align: center; padding: 10px;  }
.blog-content-title label { background-color: #FFFFFF; margin-top: 15px; font-size: 33px; text-align: center; padding: 6px; padding-left: 8px; padding-right: 8px;	 text-transform: uppercase; }
.blog-content-breve-resumo { text-align: center; }
.blog-content-breve-resumo label { margin-top: 10px; width: 580px; font-style: italic; font-weight: bold; text-align: justify; }
.blog-content-hr { width: 930px; background: #000000; text-align: center; }
.blog-content-texto-area-1 { width: 880px; padding: 10px; margin-left: 50px; text-align: justify; }
.blog-content-texto-area-2 { width: 880px; padding: 10px; margin-left: 50px; background-color: #bdbfc1; text-align: justify; }
.blog-content-texto-area-3 { width: 420px; padding-right: 40px; margin: 0px 10px 0px 50px; float: left; text-align: justify; border-right: 1px solid #000000; }
.blog-content-texto-area-4 { width: 380px; margin: 0px 50px 0px 10px; float: right; text-align: justify; }
.blog-content-texto-area-5 { width: 880px; padding: 10px; margin-left: 50px; background-color: #bdbfc1; text-align: justify; }
.blog-content-div-hr { height: 40px; width: 900px; }
.floatImage {float: right;}

.tit-section { text-align: center; font-weight: bold; }
.header-fixed { padding-top:3.5%; position:absolute; top:0; left:0; z-index:1; width:100%; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 10%, rgba(0,0,0,0)); height: 100vh}
.header-fixed-blog { padding-top:3.5%; position:absolute; top:0; left:0; z-index:0; width:100%; height: auto;}
#section-blog {
	padding-top: 160px;
	background: url("../../../wp-content/uploads/banner-blog.jpg");
}

#car-home.carousel-control-next, #car-home.carousel-control-prev{width: 20%; z-index: 1000}

.footer, .footer_news .news{font-size: 13px; color:#fff; text-transform: uppercase; }
.footer_news form input[type=submit] {width: 100%}
.footer .telefones a { text-decoration:none; font-size:1.4rem; color:#fff; }

footer { background-color:#b7b7b7; padding:50px 0; }
footer #menu ul { width:100%; list-style:none; padding:0; margin:0;display: flex; flex-direction: column}
footer #menu ul li { text-transform:uppercase; border-left:none!important; text-align:left; padding: 3px 10px }
footer #menu ul li:first-child { margin-left:0; padding: 3px 10px; border-left:0; }
footer #menu ul li :before{font-family: 'FontAwesome'; content:"\f0da"; padding-right: 5px}
footer #menu ul li a { text-decoration:none; color:#fff; }

.lancamento_home_over,.home_over {opacity: 0; height: 400px;}
.lancamento_home_over:hover, .home_over:hover{opacity: 1; background: rgba(0,0,0,0.5); transition: 0.5s}
.load{justify-content: center; padding: 15px; text-transform: uppercase; color:#7d7d7d; background:#e1e1e1; margin: 10px 0; cursor:pointer }
.imovelbg, .lancamento_home,.avenda_home, .topo_investidores{background-size: cover!important; background-position: center center !important;}
.topo_investidores{height: 50vh; background-attachment: fixed!important}

.imovelbg{height: 200px}
.lancamento_home{height: 400px}
.avenda_home, .avenda_home .home_over{height: 300px}
.ficha_home{background: rgba(255,255,255,0.8);}
.ficha_home span.titulo{font-size: 10px; text-transform: uppercase}

.parceiros h2 {font-size:20px}
.parceiros h4 {font-size:16px}

.overlay{background: rgba(0,0,0,0.6); position: absolute; width: 100%; height: 100vh}
.slidersG, .slider_home{height: 100vh; background-attachment: fixed!important; background-size: cover!important; background-position: center center !important;}
.slidersG_conteudo.port{position: absolute;z-index: 100;height: 100vh;display: flex;flex-direction: column;justify-content: center; align-items: center; left: 0; right: 0}
.slidersG_conteudo h1{text-transform: uppercase; font-size: 55px}
.slidersG_conteudo h2{font-size: 18px}
a.botao {background: rgba(0,0,0,0.3); color:#fff; padding: 15px 30px; border:1px solid #fff; font-size: 14px; width: 140px}
.slidershome .carousel-control-next, .slidershome .carousel-control-prev,#car-home .carousel-control-next, #car-home .carousel-control-prev{width: 20%; z-index: 1000}


.carousel-control-next, .carousel-control-prev{width: 10%; opacity:0.8}

a.logo { text-align:center; width:100%; max-width:90px; display:block; float:right; }

.post-nav{width: 100%}
.next-post{float: right}
.prev-post{float: left}
.next-post,.prev-post{font-size: 20px; background:#ccc; color: #666}



#menu { display:block; margin:0 auto;}
#menu ul { width:100%; list-style:none; padding:0; margin:0; }
#menu ul li, #menu-ham ul li { text-transform:uppercase; border-left:1px solid #fff; text-align:center; display: inline-block; padding: 0 15px; font-size: 13px; font-family: 'Gotham-Book'}

#menu ul li:first-child { margin-left:0; padding-left:0; border-left:0; }
#menu ul li a { text-decoration:none; color:#fff; }

#menu-ham ul{margin-bottom: 0; padding: 0}
#menu-ham ul li a, a.ham{color: #fff}

#menu-lang { margin:0; padding:0;font-size: 13px}
#menu-lang ul { float:right; display:block; list-style:none;  padding:0; margin:0; border:1px solid #ccc; }
#menu-lang ul li { display:inline-flex; text-align:center;}
#menu-lang ul li a { color:#fff; text-decoration:none;padding: 5px 10px }


input[type="submit"],body#site #section1 .row-dna .subs-news-dna button { color:#fff; background-color:#a1a1a1; border:1px solid #333; padding:5px 15px; text-align:center; }


.hasNext { display:none; }

 #map,.map { width:100%; display:block; height:500px; min-height:300px; }


 .ver-mais-port-txt { text-align:center; display:inline-block; width:100%; margin-bottom:5px; }

 @media (min-width:1025px) { .hide-mobile,#menu-mobile { display:none !important; }

 #section1 div.sl05-item img { min-height:220px; width:100%; }

 #section5 div.sl05-item img { min-height:220px; width:100%; }

 }

 #menu-bar { font-size: 25px; color:#fff; cursor: pointer}

 .hide { display:none; opacity:0; -webkit-transition:opacity 1s; /* Safari */ transition:opacity 1s; }

 .show { display:block; opacity:1; -webkit-transition:opacity 1s; /* Safari */ transition:opacity 1s;  }

#menu-ham.show {background: #b7b7b7; position: absolute; z-index: 10000}

 img#load-port { margin:1rem auto; }

 /* adjustment for menu */ /* adjustment for menu */ 
@media (max-width:990px) { .hide-desktop { display:none !important; }

	.titulos{font-size: 30px!important; padding: 0!important}
	.ficha_home{display: none!important}	
	.redes {justify-content: center}
	.up{bottom: 0!important; width: 100%;justify-content: center; right: 0!important; background: #b7b7b7}
	.up i.fa-angle-up{margin-top: 12px}
	.redes.cinza.lateral {display: none}
	.corpo, .container.corpo{text-align: center; padding: 20px}
	.imovel_intro{text-align:left!important}
	
	.descricao_interna, .imovel_intro, .imovel_intro_menor, .corpo, .texto{font-size: 14px; line-height: 26px!important; padding: 20px}
	.imovel_intro_menor {text-transform: none!important}
	.slidersG, .slider_home,.topo_investidores{background-attachment: scroll!important}
	
	h2.empreendimento, h4.empreendimento{padding: 0!important}
	.slidersG_conteudo{width: 70%!important; margin: auto}
	.slidersG_conteudo h1{font-size: 35px!important}
	.slidersG_conteudo h2{font-size: 13px!important;}
	.slidershome .carousel-control-next, .slidershome .carousel-control-prev{width: 10%!important}
	.descricao{color: #a2a2a2!important;font-size: 12px!important;}
	.cards{margin-bottom: 20px}
	#home_port_ajax{padding: 15px}
	.bloco_cinza{width: 100%}
	.ficha{padding: 10px; margin: 5px auto!important}
	.ficha_tecnica_nomes{flex-direction: column;}
	.ficha_tecnica_nomes span.titulo{padding-top: 10px}
	
	.footer_news, .form-contato{padding: 20px}
	.nopad-x{padding-left:0!important; padding-right: 0!important }
	.nopad-y{padding-bottom: 0!important}
	.mx-sm-auto{margin: auto!important}
	.text-sm-center{text-align: center!important}
	
	.m-5, .mx-xs-auto{margin:auto!important}
	.mt-5{margin-top: 1rem !important} 
	.mr-5{margin-right: auto !important}
	.p-5{padding:30px !important}
	.pt-5, .pt-sm-5{padding-top: 30px!important}
	.pb-5{padding-bottom: 30px!important}
	.py-5,.py-sm-5{padding-top:30px!important; padding-bottom:30px!important}
	.px-5 {padding-left: 30px!important; padding-right: 30px!important}
	.mx-5{margin-left: 30px !important; margin-right: 30px !important}
	.my-5{margin-top:30px!important; margin-bottom: 30px!important}
	
	.px-4 {padding-left: 20px!important; padding-right: 20px!important}
	.py-4,.py-sm-4{padding-top: 20px!important; padding-bottom: 20px!important}
	.pt-sm-4{padding-top: 20px}
	
	.px-3 {padding-left: 10px!important; padding-right: 10px!important}
	.py-3,.py-sm-3{padding-top: 10px!important; padding-bottom: 10px!important}
	.pt-sm-3{padding-top: 10px}
	
#menu-bar { display:block; }

input { width:100%; min-width:auto !important; }

	.header-menu{background:#b7b7b7}
	img.logo-mob{max-width: 80px}

a.logo { text-align:center; width:100%; max-width:70px; display:block; float:inherit; margin:0 auto; }


form button,body#site #section7 form input[type=submit] { bottom:inherit; margin-left:inherit; left:inherit; }

header #menu { display:none !important; }
header #menu-mobile { z-index:10; width:100%; }
header #menu-mobile ul { width:100%; list-style:none; margin:0; padding:0; height: 100vh; padding-top: 40px }
header #menu-mobile ul li { padding-left:0; margin-left:0; border-left:0px solid #fff; text-align:center; }
header #menu-mobile ul li a { color:#fff; text-decoration:none; font-size:15px; text-transform:uppercase; padding: 10px; display: block}
	header #menu-mobile ul li a:hover{color:#1C1C1C; transition: 0.3s}
	
.header-fixed { padding-top:0 !important; }

.container { width:100%; padding-right:25px; padding-left:25px; overflow: hidden; }

.container .col { padding:0; margin:0; }

footer { padding:15px 0; margin-bottom: 20px }
footer #menu { height:inherit; }
footer #menu ul li { float:inherit; padding-left:0; margin-left:0; margin:10px 0; border-left:0px solid #fff; text-align:left; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

 .gm-style-iw { font-size:1.2rem; color:#7d7d7d; font-family:Gotham-XLight, Arial; text-align:justify; }

 .gm-style-iw h1 { font-size:1.5rem; font-family:Gotham-XLight, Arial; color:#333; }

 .gm-style-iw a { font-family:Gotham-XLight, Arial; font-size:0.7rem; background-color:rgba(0, 0, 0, 0.6); border:1px solid #333; padding:9px 13px; display:inline-block; transition:background-color 0.5s ease; color:#fff; text-decoration:none; text-transform:uppercase; margin-top:15px; cursor:pointer; }

 .gm-style-iw a:hover { background-color:rgba(0, 0, 0, 0.9); }

 .ft-arrow-up { position:fixed; bottom:0; right:0; margin:2%; border-radius:50%; display:none; cursor:pointer; background-color:rgba(0, 0, 0, 0.5);width: 35px;height: 35px;text-align: center;line-height: 35px}

 .ft-arrow-up i { color: #fff; font-size: 20px }

 .map-img img { width:100%; }

 .d-none, .d-sm-none { display:none !important; }

 .d-block { display:block !important; }

}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/** CSS da Paginação **/

.pagination { 
    text-align: center;
} 

.pagination ul {
	display: inline-block;
	list-style: none;
}

.pagination ul li {
	display: inline-block;
}

.pagination a { 
    font-weight:bold; 
    font-size:14px; 
    color: #666666; 
    margin:0px 5px; 
    padding: 8px 16px; 
    text-decoration: none; 
    border:1px solid #999999;
    border-radius: 5px; 
} 
.pagination a.active { 
    background-color:#009900; 
    border-radius: 5px; 
    background-color: #FFFFFF;
} 
.pagination a:hover:not(.active) { 
    background-color: #d4d5d2; 
}