/*
SINGLE POSTS - FULL WIDTH WITH BEAVER BUILDER
*/
.single-post.fl-builder .fl-page-content .container
{
	max-width:100%;width:100%;padding-left:0;padding-right:0;
}

.single-post.fl-builder .fl-page-content .row
{
	margin-left:0;margin-right:0;
}

.single-post.fl-builder .fl-page-content .fl-content
{
	padding-left:0;padding-right:0;margin:0;
}


/* Some com o tipo de categoria no footer das postagens */
.fl-post-meta.fl-post-meta-bottom
{
  display:none;  
} 


.scroll_offset
{
  padding-top:75px;
	margin-top:-75px;
}

@media screen and (max-width: 992px) 
{
	
.scroll_offset
{
  padding-top:100px !important;
	margin-top:-100px !important;
}
	
}

.scroll_offset_esquina
{
  padding-top:140px;
	margin-top:-140px;
}

@media screen and (max-width: 992px) 
{
	
.scroll_offset_esquina
{
  padding-top:140px !important;
	margin-top:-140px !important;
}
	
}




.scroll_offset_artigos
{
  padding-top:168px;
	margin-top:-168px;
}

@media screen and (max-width: 992px) 
{
	
.scroll_offset_artigos
{
  padding-top:168px !important;
	margin-top:-168px !important;
}
	
}


/*
.scroll_offset_artigos
{
  padding-top:70px;
	margin-top:-70px;
}

@media screen and (max-width: 992px) 
{
	
.scroll_offset_artigos
{
  padding-top:70px !important;
	margin-top:-70px !important;
}
	
}

*/

/* Underline From Left */

.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}

.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fec328;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}

.hvr-underline-from-left_fino:before {
  height: 1px;
  background: #ffffff !important;
}


.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: 1s;
  animation-duration:  1s; 
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn {
  /* 10% de animacao   ... 90% de intervalo */      
  0%, 2%, 4%, 6%, 8%, 10%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  2% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  4% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  6% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  8% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  10% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes bounceIn {
  /* 10% de animacao   ... 90% de intervalo */
  0%, 2%, 4%, 6%, 8%, 10%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  2% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  4% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  6% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  8% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  10% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }        
       

.bouceIn_Infinito
{
-webkit-animation: bounceIn 12s infinite 3s;
 animation: bounceIn 12s infinite 3s;
 
}

#sticky_top
{
position:fixed;
top:0;
right:0;
left:0;
z-index:800;
}

#sticky_top_2
{
position:fixed;
top:0;
right:0;
left:0;
z-index:700;
}


.z_index_hamburguer
{
  position: relative;
  z-index: 999 !important;  
}

.z_index_top_bar
{
  position: relative;
  z-index: 999 !important;  
}

#mega-menu-item-17303 > a,
#mega-menu-item-17304 > a,
#mega-menu-item-17305 > a,
#mega-menu-item-17307 > a
{
  font-family : "Montserrat" !important;		
}


/* Com o codigo abaixo consigo sumir totalmente com uma barra de menu e depois reaparecer após a rolagem */

.navbar_2
{
  visibility : hidden;
}

#mysticky-nav .navbar_2.myfixed
{
  visibility : visible;
}

.navbar_2 #mega-menu-header
{
 visibility : hidden !important; 
}

.navbar_2.myfixed #mega-menu-header 
{
  visibility : visible !important; 
} 

.navbar_2.myfixed #mega-menu-header
{
  background-color : #063791 !important;
}

/* ----------- Fim codigo para sumir menu -------------- */

.navbar_home
{
  z-index  : 99999 !important;  
  position : relative !important;
}  


.navbar_home #mega-menu-item-17303 > a,
.navbar_home #mega-menu-item-17304 > a,
.navbar_home #mega-menu-item-17306 > a,
.navbar_home #mega-menu-item-17307 > a,
.navbar_home #mega-menu-item-17728 > a,
.navbar_home #mega-menu-item-17308 > a
{
 color : #000000 !important; 
 font-family : 'Montserrat' !important; 
 font-weight : 500 !important;
 font-size : 15px !important;
}

.navbar_home #mega-menu-item-17303 > a:hover,
.navbar_home #mega-menu-item-17304 > a:hover,
.navbar_home #mega-menu-item-17306 > a:hover,
.navbar_home #mega-menu-item-17307 > a:hover,
.navbar_home #mega-menu-item-17305 > a:hover,
.navbar_home #mega-menu-item-17728 > a:hover,
.navbar_home #mega-menu-item-17308 > a:hover
{
  border-bottom: 5px solid #08388D !important; 
	background-color: #08388D !important;	
	color: #ffffff !important;	
}

/* Menu item CONTATO */
.navbar_home #mega-menu-item-17305 > a
{
  border-bottom: 5px solid #FF6A17  !important; 
	background-color: #FF6A17  !important;	
	color: #ffffff !important;	
  font-family : 'Montserrat' !important; 
  font-weight : 500 !important;
  font-size : 15px !important;
}

.navbar_home #mega-menu-item-17305 > a:hover
{
  border-bottom: 5px solid #08388D !important; 
	background-color: #08388D !important;	
	color: #ffffff !important;	
}


/* Filtro Imoveis -> Botão "Limpar Filtros" 
#search-filter-form-19274 > ul > li.sf-field-reset ,
#search-filter-form-19698 > ul > li.sf-field-reset ,
#search-filter-form-27562 > ul > li.sf-field-reset ,
#search-filter-form-27843 > ul > li.sf-field-reset ,
#search-filter-form-27943 > ul > li.sf-field-reset ,
#search-filter-form-27944 > ul > li.sf-field-reset ,
#search-filter-form-27963 > ul > li.sf-field-reset ,
#search-filter-form-27964 > ul > li.sf-field-reset
{
	display: block !important;	 
	vertical-align: top !important;
	margin: 0px !important;
		
}	

*/


/* Filtro Imoveis -> Torna fundo cinza claro */
#post_filtro_imoveis .fl-post-feed-post
{
	background-color: #f4f4f4 !important;	
	border: 0px solid #f4f4f4  !important; 
}

#post_filtro_imoveis .fl-post-grid-post
{
	background-color: #f4f4f4 !important;	
	border: 0px solid #f4f4f4  !important; 
}

#post_filtro_imoveis .fl-post-more-link
{
  background-color:#FF6A17 !important; 
	width:120px; 
	text-align:center;
}

#post_filtro_imoveis .fl-post-more-link a
{
 color:#ffffff;
}

#post_filtro_imoveis .fl-post-more-link:hover,
#post_filtro_imoveis .fl-post-more-link a:hover
{
 color:#ffffff;
	background-color: #08388D !important;	
	border: 0px solid #08388D  !important; 
		
}

header.fl-post-header {
  display: none !important;
}

/*
#post_filtro_imoveis .fl-post-image
{
  max-height: 30px !important;		
}
*/

.sf-field-reset
{
	display: block !important;	 
	vertical-align: top !important;
  margin-top: 30px !important;		
}	

.sf-field-reset > input
{
  font-family : 'Montserrat' !important; 
  font-weight : 900 !important;
  font-size : 19px !important;
	background-color: #08388D !important;	
	border: 1px solid #08388D  !important; 	
	width: 200px !important;	
}

.sf-field-reset > input:hover
{
	background-color: #FF6A17 !important;	
	border: 1px solid #FF6A17  !important; 	
}

.searchandfilter > ul > li 
{
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}

/*
.layout-4-content
{
	min-height: 355px !important;	
}
*/

.layout-4-content
{
	min-height: 400px !important;	
		border-radius: 10px !important;
}

.layout-1
{
	min-height: 560px !important;	
		border-radius: 10px !important;
}

header.fl-post-header {
  display: none !important;
}

.uabb-separator
{
  width : 40px !important;  
}


#sticky_top
{
position:fixed;
top:0;
right:0;
left:0;
z-index:800;
}

input.button_2 
{
font-family: 'Poppins' !important;  
width: 240px;
padding: 5px 10px 5px 10px;
cursor: pointer;
font-weight: 600 !important;
font-size: 20px !important;
background-color:#ED3237;
color: #ffffff !important;
border: 2px solid #ED3237;
border-radius: 100px;
-webkit-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
-moz-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
}

input.button_2:focus
{
color: #ffffff !important;
background-color:#ED3237;
border: 2px solid #ED3237;
-webkit-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
-moz-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
}

/*
hover estate tem que vir após focus state para funcionar
referência -> https://www.w3schools.com/css/css_pseudo_classes.asp
*/
input.button_2:hover
{
color: #ED3237 !important;
background: #ffffff;
border: 2px solid #ED3237;
  box-shadow: 0px 0px #888888;
}



input.button_3 
{
font-family: 'Poppins' !important;  
width: 240px;
padding: 5px 10px 5px 10px;
cursor: pointer;
font-weight: 600 !important;
font-size: 20px !important;
background-color:#ff6600;
color: #ffffff !important;
border: 2px solid #ff6600;
border-radius: 100px;
-webkit-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
-moz-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
}

input.button_3:focus
{
color: #ffffff !important;
background-color:#ff6600;
border: 2px solid #ff6600;
-webkit-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
-moz-box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
box-shadow: 10px 10px 25px -6px rgba(0,0,0,0.54);
}

/*
hover estate tem que vir após focus state para funcionar
referência -> https://www.w3schools.com/css/css_pseudo_classes.asp
*/
input.button_3:hover
{
color: #ffffff !important;
background: #0B4098;
border: 2px solid #0B4098;
  box-shadow: 0px 0px #888888;
}


/* Tira a borda dos itens do menu que aparecia apos clicar neles */
#id_menu_uber a:active, #id_menu_uber a:focus, #id_menu_uber li:focus, #id_menu_uber li:active {
    outline: none !important;
    border: none !important;        
    text-decoration: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    user-select: none;
}