/* ---------- 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;
*/

:root {
    /* cores do tema */
    --cor-primaria: #4a6a52;
    --cor-segundaria: #111;
    --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;
}



.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: var(--cor-primaria);
    border-top: solid 5px var(--cor-primaria);
}

.intro-section {
    background: #fff;
    border-top: solid 1px #FFF;
}

.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;
    }
}