@font-face {
	font-family: 'Dosis';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Dosis ExtraLight';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis ExtraLight'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Dosis Light';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis Light'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-Light.woff') format('woff');
}
@font-face {
	font-family: 'Dosis Medium';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis Medium'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Dosis SemiBold';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis SemiBold'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Dosis Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis Bold'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Dosis ExtraBold';
	font-style: normal;
	font-weight: normal;
	src: local('Dosis ExtraBold'), url('https://imoveismargarete.com.br/fonts/dosis/Dosis-ExtraBold.woff') format('woff');
}
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

html, body{
	font-family: 'Dosis';
	font-style: normal;
	font-weight: normal;
}
*::selection {
	background:#ffa532;
	color:#FFF;
}
*::-moz-selection {
	background:#ffa532;
	color:#FFF;
}
a, a:hover{ color: #383838; }
textarea{ resize: none; }
a:hover, a:active, a:focus {
    outline: 0;
}
#ativa-inicio .ativa-inicio,
#ativa-empresa .ativa-empresa,
#ativa-lancamentos .ativa-lancamentos,
#ativa-cadastro-imovel .ativa-cadastro-imovel,
#ativa-contato .ativa-contato{
	color: #ffa532;
}
#page-loader{
    position: fixed;
    top:0;
    left:0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 99999;
	display: none;
}
#page-loader .page-loader{
    display: block;
    width:100%;
    height:100%;
    position: absolute;
    top:10%;
    background: url('https://imoveismargarete.com.br/imagens/loader.svg') 50% 0 no-repeat;    
}
#ativa-inicio .search{
	display: inline;
}
.search{ display: none; }
main{
	padding-bottom: 40px;
}
.container{ max-width: 990px; }
#topo{
	background-image: url('https://imoveismargarete.com.br/imagens/fundo-topo.jpg');
	background-position: center center;
	padding-bottom: 70px;
	margin-bottom: 40px;
	border-bottom: 1px solid #D1D1D1;
}
#topo .info{
	padding: 5px;
	background-color: #ffa532;
	margin-bottom: 70px;
	color: #fff;
}
#topo .info .social .icon{
	margin: 0px 5px 0px 5px
}
#topo .info .contatos .icon{
	margin: 0px 5px 0px 5px
}
#topo .info .contatos{
	text-align: right;
}
#topo .info a{
	color: #fff;
}
#topo .menu{
	border-top: 1px solid #e7e7e7;
	border-bottom: 2px solid #e7e7e7;
	background-color: #fff;
}
#topo .menu .search{
	padding: 10px;
}
#modal-busca-avancada .campos-search, #modal-busca-avancada .btn-search{
	min-height: 200px;
	border-radius: 5px;
}
#modal-busca-avancada .campos-search{
	background-color: #fff;
	margin: 20px 0px 20px 0px;
	padding: 10px;
}
#modal-busca-avancada .btn-search{
	background-color: #ffa532;
	margin: 20px 0px 20px 0px;
	color: #fff;
}
#topo .btn-busca-avancada{
	margin: 70px 0px 0px 0px; 
}
#menu-mobile{
	background-color: #eee;
	top: 0px;
	left: 0px;
	min-width: 70%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	display: none;
}
#menu-mobile .fechar{
	background-color: #ccc;
	text-align: right;
	padding: 5px 0px 5px 5px;
	margin-bottom: 10px;
}
#menu-mobile .fechar .navbar-toggler{
	font-size: 1rem;
	font-weight: bold;
}
#menu-mobile .fab{ font-size: 30px }
#menu-mobile ul{ 
	margin: 0px;
	padding: 0px;
}
#menu-mobile ul li{
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #ddd;
	list-style:none;
}
#menu-mobile ul li:hover{
	background-color: #ccc;
}
#menu-mobile ul li a, #menu-mobile ul li a:hover{
	display: block;
	text-decoration: none;
}
#modal-busca-avancada .btn-search a{
	color: #fff;
}
.vp-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
form label {
    display: inline-block;
    margin-bottom: 0rem;
}
.lista-imoveis .card-img-top {
    width: 100%;
    border-top-left-radius: calc(.1rem - 1px);
    border-top-right-radius: calc(.1rem - 1px);
	min-height: 130px;
}
.lista-imoveis .card{
	border-radius: 1px;
	box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.75);
	margin-bottom: 20px;
}
.lista-imoveis .card:hover{
	border-radius: 1px;
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.75);
}
.lista-imoveis .card-body{
	min-height: 180px;
}
.lista-imoveis .card-body .valor{
	font-size: 22px;
	color: red;
	border-top: 1px solid #ccc;
	margin-top: 4px;
	margin-bottom: 10px;
}
.lista-imoveis a{
	color: #383838!important;
}
.lista-imoveis a:hover{
	text-decoration: none;
}
.lista-imoveis .caracteristicas{
	font-size: 12px;
	color: #6f6f6f;
	background-color: #eee;
	padding: 5px;
	min-height: 58px;
}
.lista-imoveis .caracteristicas hr {
    margin-top: 5px;
    margin-bottom: 5px;
}
.lista-imoveis .caracteristicas span{
	margin-right: 10px;
}
.search .btn-busca-avancada{
	background-color: #ffa532;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
}
.titulo-pagina{
	font-size: 25px;
	margin-bottom: 20px;
	border-bottom: 4px solid #ffa532;
}
.titulo-pagina span{
	background-color: #ffa532;
	color: #fff;
	padding: 5px;
}
.pagination .atual a{
	background-color: #dee2e6!important;
}
.pagination a{
	color: #383838;
}
.list-group-item.separador{ background-color: #eee; }
span.creci{
	font-size:12px;
	color:#293b64;
}
.whatsapp-share-button{          
	padding: 5px 10px 5px 10px;
	background-color: #2ba538;
	color: #fff;
	font-size: 30px;
	border-radius: 4px;
}
.facebook-share-button{
	padding: 5px 10px 5px 10px;
	background-color: #4a68b0;
	color: #fff;
	font-size: 30px;
	border-radius: 4px;
}
.whatsapp-share-button:hover, .facebook-share-button:hover{ color: #fff; } 


footer{
	background-image: url('https://imoveismargarete.com.br/imagens/fundo-rodape.jpg');
	background-position: bottom center;
	border-top: 1px solid #D1D1D1;
}
footer .rodape{
	min-height: 220px;
	background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%;
	margin-bottom: 1rem!important;
	margin-top: -1rem!important;
}
footer .rodape a{
	color: #383838;
}
footer .rodape .titulo{
	font-size: 18px;
	margin: 10px 0px 10px 0px;
	font-weight: 500;
	border-bottom: 1px solid #383838;
}



footer .social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
footer .social {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}
footer #social-fb:hover {
    color: #3B5998;
}
footer #social-it:hover {
    color: #e63664;
}
footer #social-tw:hover {
    color: #4099FF;
}
footer #social-gp:hover {
    color: #d34836;
}
footer #social-em:hover {
    color: #f39c12;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		height: 85px;
	}
	.navbar-expand-lg {
		padding: 0px;
	}
	.navbar-light .navbar-nav .nav-link {
		font-size: 18px;;
	}
}
@media (max-width: 991px) {
	.navbar-light .navbar-nav .nav-link {
		border-bottom: 1px dotted #e7e7e7;
	}
}
@media (max-width: 575px) {
	.navbar-light .navbar-toggler {
		width: 100%;
	}
	.navbar-brand {
		width: 100%;
		display: block;
		text-align: center;
	}
	#topo .menu .search{
		margin-bottom: 10px;
	}
}
@media (max-width: 767px) {
	.col-home{
		margin-bottom: 10px;
	}
	footer .margin-top{
		margin-top: 20px;
	}
}