/* ---------- OBSERVAÇÔES ---------- */
/* 1) NÃO ESQUEÇA!... de mudar as cores das DUAS classes TAGS de busca para a cor escolhida do cliente. pois ambas as classes não estão com variaveis. */
/* 2) A seguir temos as respectivas variaveis contendo a base de cor de todo o site, sendo elas e as finalidades;
	--cor-primaria: Cor base de todo o site, a cor predominante;
	--cor-segundaria: A cor complementar, sendo mais usada pra hover ou coisas assim do tipo ; 
	--cor-terciaria: Usada pra definir a cor do primeiro header(informações sociais), e as cores dos footers;
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


:root {
    /* cores do tema */
    --cor-primaria: #223839;
    --cor-segundaria: #F6891F;
	--cor-terciaria: #d2d2d2 !important;

	--cor-complementar: #111;
	--cor-auxiliar: #FFF !important;

    /* cores do fundo do site */
    --cor-fundo-primaria: #FFF; /* #FFF */
    --cor-fundo-secundaria: #f6f6f6; /* #eee */

    /* Cores dos textos */
    --cor-textos: #000;
    --cor-line: #eee;

    /* Cores dos titulos */
    --cor-titulo-home-busca: #000;
    --cor-titulos-paginas: #333;
    
    --font-text: 'Open Sans', sans-serif;
}



.top-header {
    background-color: var(--cor-auxiliar) !important;
    border-bottom: 1px solid #eee;
}

footer {
}

/* .color-button{
	var(--cor-primaria);
} */
.titulo-sobre{
    border-bottom: 3px solid var(--cor-primaria);;
    width: 51%;
    font-weight: bold;
}

.tag-busca{
	color: #fff !important;
    background-color:var(--cor-primaria) !important;
    border-color: var(--cor-segundaria) !important;
}

.tag-fechar{
	color: var(--cor-segundaria) !important;
    background-color: #fff !important;
}

.tag-busca:hover{
	color: #fff !important;
    background-color: var(--cor-primaria) !important;
    border-color: var(--cor-primaria) !important;
}

.bg-busca{
	background-color: var(--cor-primaria);
	border-radius: 8px;
}

.info-contato-hover:hover{
	color: var(--cor-segundaria) !important;
}

.option-bar .sorting{
	    border: 1px solid var(--cor-primaria) !important;
	    background: #fafafa !important;
	    color: #7d7d7d !important;
}


.sidebar-widget2 {
    background: var(--cor-primaria);
    padding: 20px;
    margin-bottom: 30px;
}

a:hover {
    text-decoration: none;
}

.button-theme {
    background: var(--cor-primaria);
    border: 2px solid var(--cor-primaria);
}

.button-theme:hover {
    background: var(--cor-segundaria);
    border: 2px solid var(--cor-segundaria);
}

#page_scroller {
    background: var(--cor-primaria);
}

.overlay-link:hover{
    background: var(--cor-primaria);
    border:2px solid var(--cor-primaria);
}

.contact-2 .contact-details .media .media-left i {
    color: var(--cor-primaria);
    border: 1px dashed var(--cor-primaria);
}

.property-content .title a{
    color: var(--cor-primaria);
}

.setting-button{
    background: var(--cor-primaria);
}

.option-panel h2{
    color: var(--cor-primaria);
}

.list-inline-listing .active{
    background: var(--cor-primaria);
    border: solid 2px var(--cor-primaria);
}

.list-inline-listing li:hover{
    background: var(--cor-primaria);
    border: solid 2px var(--cor-primaria);
}

.checkbox-theme input[type="checkbox"]:checked + label::before {
    border: 2px solid var(--cor-primaria);
}

input[type=checkbox]:checked + label:before {
    color: var(--cor-primaria);
}

input:focus{ 
	border-color: var(--cor-primaria) !important;
}

textarea:focus{ 
	border-color: var(--cor-primaria) !important;
}


.out-line-btn{
    border: solid 2px var(--cor-primaria);
    color: var(--cor-primaria);
}

.out-line-btn:hover{
    border: solid 2px var(--cor-primaria);
    background: var(--cor-primaria);
    color: #fff;
}

.property-content .facilities-list li i{
    color: var(--cor-primaria);
}

.panel-box .panel-heading .panel-title a i{
    color: var(--cor-primaria);
}

.properties-amenities ul li i {
    color: var(--cor-primaria);
}

.properties-condition ul li i {
    color: var(--cor-primaria);
}

.banner-detail-box h3{
    color: var(--cor-primaria);
}

.border-button-theme {
    border: 2px solid var(--cor-primaria);
    color: var(--cor-primaria);
}

.border-button-theme:hover {
    background: var(--cor-primaria);
    color: #fff !important;
}

.theme-tabs .nav-tabs > li > a {
    background: var(--cor-primaria);
}

.theme-tabs .nav-tabs > li.active > a,
.theme-tabs .nav-tabs > li > a:hover {
    color: var(--cor-primaria) !important;
}

.theme-tabs .nav-tabs > li > a::after {
    background: var(--cor-primaria);
}

.theme-tabs .tab-nav > li > a::after {
    background: var(--cor-primaria) none repeat scroll 0% 0%;
}

.rightside-navbar li .button {
    color: var(--cor-primaria) !important;
    border: 1px solid var(--cor-primaria) !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    border-color: var(--cor-primaria);
    border-bottom: transparent;
}

.rightside-navbar li .button:hover {
    background: var(--cor-primaria) !important;
}

.modal-right-content .price{
    color: var(--cor-primaria);
}

.search-button {
    background: var(--cor-primaria);

}

.modal-right-content .bullets li i{
   color: var(--cor-primaria);
}

.modal-left-content .control {
    background: var(--cor-primaria);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--cor-primaria) !important   ;
    border-top: solid 5px var(--cor-primaria) !important;
}

.main-header .navbar-default .nav > li > a:hover {
   color: #f4e1b9;
    border-top: solid 5px var(--cor-primaria);
}

.intro-section {
    background: #35363a;
}

.search-button:hover {
    color: #fff;
    background: var(--cor-segundaria);
}

.panel-box .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: var(--cor-primaria);
    color: #fff;
    box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.15);
}

.properties-panel-box .nav-tabs>li>a:hover {
    color: #fff;
    background: var(--cor-primaria);
}

.service-item .detail {
    border-top: solid 3px var(--cor-primaria);
}

.heading-properties p i{
    color: var(--cor-primaria);
    margin-right: 5px;
}

.heading-properties h5{
    color: var(--cor-primaria);
}

.heading-properties h3 span{
    color: var(--cor-primaria);
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    color: var(--cor-primaria);
}

.bootstrap-select .dropdown-menu li a {
    color: var(--cor-primaria);
}

.bootstrap-select .dropdown-menu li a:hover {
    background: var(--cor-primaria);
}

.bootstrap-select .dropdown-menu > .active > a,
.bootstrap-select .dropdown-menu > .active > a:focus,
.bootstrap-select .dropdown-menu > .active > a:hover {
    color: var(--cor-primaria);
}

.for-sale {
    background: var(--cor-primaria);
}

.our-service .content i {
    color: var(--cor-primaria);
}

.our-service .content h4 {
    color: var(--cor-primaria);
}

.service-item .icon {
    color: var(--cor-primaria);
}

.agent-1 .agent-content h5 a:hover{
    color: var(--cor-primaria);
}

.view-all ul li a:hover{
   background: var(--cor-primaria);
    color: #fff;
}

.property-2 .content .title a{
    color: var(--cor-primaria);
}

.property-2 .facilities-list li i{
    color: var(--cor-primaria);
}

.property-2 .featured{
    background: var(--cor-primaria);
}

.dropdown-menu>li>a:hover {
    color: var(--cor-primaria);
    border-left: solid 5px var(--cor-primaria);
}

.option-bar .heading-icon{
    background: var(--cor-primaria);
}

.change-view-btn {
    color: var(--cor-primaria);
    border: solid 1px var(--cor-primaria);
}

.btn-outline{
    border: solid 1px var(--cor-primaria);
    color: var(--cor-primaria);
}

.btn-outline:hover{
    border: solid 1px var(--cor-segundaria);
    background: var(--cor-segundaria);
    color: #fff;
}

.popular .price-for-user{
    color: var(--cor-primaria);
}

.pricing-3.featured .listing-badges .featured{
    background: var(--cor-primaria);
}

.change-view-btn:hover {
    border: solid 1px var(--cor-primaria);
    background: var(--cor-primaria);
}

.active-view-btn {
    background: var(--cor-primaria);
    border: solid 1px var(--cor-primaria);
}

.active-view-btn:hover {
    border: solid 1px var(--cor-primaria);
    color: var(--cor-primaria);
}

.listing-properties-box .detail header.title a {
    color: var(--cor-primaria);
}

.listing-properties-box .detail .title::after {
    background-color: var(--cor-primaria);
}

.show-more-options, .show-more-options:hover {
    color: var(--cor-primaria);
}

.pagination > li > a:hover {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.pagination > .active > a {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.pagination > .active > a:hover {
    background: var(--cor-primaria);
    border-color: var(--cor-primaria);
}

.blog-box .detail .post-meta span a i {
    color: var(--cor-primaria);
}

.agent-2 .agent-content h1 a:hover{
    color: var(--cor-primaria);
}
.form-content-box .footer span a {
    color: var(--cor-primaria);
}

blockquote {
    border-left: 5px solid var(--cor-primaria);
}

.banner-search-box{
    border-top: solid 5px var(--cor-primaria);
}

.tab-style-2-line > .nav-tabs > li.active > a {
    border: solid 1px var(--cor-primaria) !important;
    background: var(--cor-primaria);
}

.tab-style-2-line > .nav-tabs > li.active > a:hover {
    border: solid 1px var(--cor-primaria) !important;
    background: var(--cor-primaria) !important;;
}

.agent-2 .agent-content h3 a:hover{
    color: var(--cor-primaria);
}

.agent-detail h3 a:hover{
    color: var(--cor-primaria);
}

.address-list li span i{
    color: var(--cor-primaria);
}

.read-more{
    color: var(--cor-primaria);
}

.blog-box .date-box{
    background:  var(--cor-primaria);
}

.services-info i{
    color: var(--cor-primaria);
}

.services-info-3 i{
    color: var(--cor-primaria);
}

.archives ul li a:hover{
    color: var(--cor-primaria);
}
.range-slider .ui-slider .ui-slider-handle {
    background: var(--cor-primaria);
}

.range-slider .ui-slider .ui-slider-handle {
    border: 2px solid var(--cor-primaria);
}

.property-tag.featured {
    background: var(--cor-primaria);
}

.range-slider .ui-widget-header {
    background-color: var(--cor-primaria);
}

.category-posts ul li a:hover {
    color: var(--cor-primaria);
}

.tags-box ul li a:hover {
    border: 1px solid var(--cor-primaria);
    background: var(--cor-primaria);
}

.latest-tweet a {
    color: var(--cor-primaria);
}

.popular-posts .media-heading a {
    color: var(--cor-primaria);
}

.comment-meta-author a {
    color: var(--cor-primaria);
}

.comment-meta-reply a {
    background-color: var(--cor-primaria);
}

.contact-1 .contact-details .media .media-left i {
    color: var(--cor-primaria);
    border: 1px dashed var(--cor-primaria);
}

.about-text ul li i {
    color: var(--cor-primaria);
}

.breadcrumbs li a:hover {
    color: var(--cor-primaria);
}

.top-header ul li a:hover {
    color: var(--cor-primaria);
}

.helping-center .icon {
    color: var(--cor-primaria);
}

.main-title-2 h1 a:hover{
    color: var(--cor-primaria);
}

.option-bar h4 {
    color: var(--cor-primaria);
}

.attachments a:hover{
    color: var(--cor-primaria);
}

.additional-details-list li a:hover{
    color: var(--cor-primaria);
}

.user-account-box  .content ul li .active {
    color: var(--cor-primaria);
    border-left: solid 5px var(--cor-primaria);
}

.user-account-box  .content ul li a:hover{
    color: var(--cor-primaria);
    border-left: solid 5px var(--cor-primaria);
}

.photoUpload {
    background: #fff;
    color: var(--cor-primaria);
}

table.manage-table .title-container .title h4 a{
    color: var(--cor-primaria);
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: var(--cor-primaria);
    background-color: transparent;
}

table.manage-table .title-container .title span i{
    color: var(--cor-primaria);
    margin-right: 5px;
}

.panel-box span a{
    color: var(--cor-primaria);
}

table.manage-table td.action a:hover{
    color: var(--cor-primaria);
}

.typography-page mark.color {
    background-color: var(--cor-primaria);
}

.list-3 li:before, .list-2 li:before, .list-1 li:before {
    color: var(--cor-primaria);
}

.numbered.color.filled ol > li::before {
    border: 1px solid var(--cor-primaria);
    background-color: var(--cor-primaria);
}

.numbered.color ol > li::before {
    border: 1px solid var(--cor-primaria);
    color: var(--cor-primaria);
}

.map-marker:hover {
    background-color: var(--cor-primaria);
    cursor: pointer;
}
.map-marker:hover:before {
    border-color: var(--cor-primaria) transparent transparent transparent;
}

.map-marker.featured:hover {
    background-color: var(--cor-primaria);
}
.map-marker.featured:hover:before {
    border-color: var(--cor-primaria) transparent transparent transparent;
}

.map-marker .icon {
    border: 3px solid var(--cor-primaria);
}

.marker-active .map-marker {
    background-color: var(--cor-primaria);
}
.marker-active .map-marker:before {
    border-color: var(--cor-primaria) transparent transparent transparent;
}

.map-properties .address i{
    color: var(--cor-primaria);
}

.map-properties-btns .border-button-theme{
    color: var(--cor-primaria) !important;
}

.map-properties-btns .border-button-theme:hover{
    color: #fff !important;
}
.map-properties .map-content h4 a{
    color: var(--cor-primaria);
}

.dropzone-design:hover {
    border: 2px dashed var(--cor-primaria);
}

@media (max-width: 768px) {
    .navbar-default .navbar-toggle .icon-bar {
        background: var(--cor-primaria);
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: var(--cor-primaria);
        color: #fff! important;
    }

    .main-header .navbar-default .nav > li > a:hover {
        background: var(--cor-primaria);
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
        background-color: var(--cor-primaria) !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        background: #eee;
    }
}

.control {

  position: relative;
  padding-left: 30px;
  cursor: pointer;
  vertical-align: middle;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:checked ~ .control__indicator {
  background: var(--cor-primaria);
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: var(--cor-primaria);
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 4px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}


@media (max-width: 768px){
	.filtroResponsivo{
		  background: var(--cor-primaria);
		  text-align: center;
          margin-bottom: 15px;
          display: grid;
	}
	.property .property-content {
    	padding: 20px 18px !important;
	}
}


@media (max-width: 991px){
	.cor-resp{
	color: #a9a9a9 !important;
    background-color: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
	}
}