:root {
    --color1: #F2C300;
    --color2: #F8D840;
    --color3: #F9EA62;
}
body {
    background-color: var(--color1);
    color: black;
}

h1 {
    color: black;
}

h3 {
    color: #666666;
}

a {
    color: #717171;
}

a:hover {
    color: #808080;
}

.btn-primary {
    background-color: var(--color2);
    color: black;
}

.btn-secondary {
    background-color: #808080;
    color: black
}

.btn-warning {
    background-color: #8F8F8F;
    color: black;
}

.btn-light {
    background-color: #d0d8e4;
    color: #5a5a5a;
}

.btn-primary:active, .btn-primary:hover {
    background-color: #7e7e7e;
}

.btn-secondary:active, .btn-secondary:hover {
    background-color: #6d6d6d;
}

.btn-warning:active, .btn-warning:hover {
    background-color: #646464;
}

.btn-light:active, .btn-light:hover {
    background-color: #abb1bc;
}

.title h2 {
    background-color: #7a7a7a;
    color: #B8B8B8;
}

.help-block {
    color: black;
}

.error, .alert-error {
    color: #cf121c;
}

.colored-text {
    color: #767676;
}

.colored-text-light {
    color: #dedede;
}

.separator {
    border-color: #275089;
}

.pager ul .page-item .page-link {
    background-color: #8F8F8F;
    color: black;
}

.pager ul .active .page-link, .pager ul .page-item .page-link:hover {
    color: #B8B8B8;
}

.pager ul .disabled .page-link {
    color: #656f7e;
}

#order_selection #order {
    color: black;
}

@media (max-width: 767px  ) {

    .title h2 {
        color: #808080;
    }
}

.navbar {
    background-color: var(--color2);
}

.navbar-dark .navbar-nav .nav-link {
    color: black;
}

@media (max-width: 768px  ) {
    .navbar {
        background-color: var(--color2);
    }

    .navbar-dark .navbar-nav .nav-link {
        color: black;
    }

    .title h2 {
        font-size: 28px;
        padding: 11px 0px;
    }
}

#user_block a {
    color: black;
}

#user_block button {
    background-color: #767676;
    border-width: 0;
    color: white;
}

footer {
    background-color: var(--color3);
}

#contact_data {
    color: black;
}

#contact_data h4 {
    color: #B8B8B8;
}

#extra_info {
    color: #757575;
}

#phone_box {
    background-color: #b8aeb6;
    color: black;
}

.footer-copyright {
    background-color: #B8B8B8;
    color: black;
}

#quick_search_container {
    background-color: #808080;
}

#quick_search input, #quick_search select, #quick_search #submit_button {
    background-color: black;
    border-color: white;
    color: white;
}

#highlights {
    background-color: #B8B8B8;
}

.property-info {
    background-color: rgba(186, 186, 186, 0.87);
    color: #666666;
}

.add-fav a {
    color: #666666;
}

.precioprop {
    color: black;
}

#local_properties {
    background-color: #B8B8B8;
}

#pac-input {
    /* background-color: #B8B8B8;*/
    background: #B8B8B8 url(../../images/lens-small.png) no-repeat right 10px center;
    color: black;
}

#pac-input:focus {
    border-color: black;
}

#opportunity {
    background-color: rgba(186, 186, 186, 0.94);
    color: white;
}

#opportunity .line {
    border-color: #8295b4;
}

#opportunity button {
    background-color: #b8a16c;
    color: black;
}

#opportunity button:active, #opportunity button:hover {
    background-color: #7c6d48;
}

#opportunity_section h2 {
    color: black;
}

#opportunity_section p {
    color: #ffc537;
}

#news {

    color: #686767;
}

.post a {
    color: black;
}

.post .author {
    font-weight: bold;
}

.post {
    border-bottom-color: #686767;
}

.post a h3 {
    color: black;
}

#to_top i {
    color: #808080;
}

#to_top a {
    color: black;
}

#image_bar {
    background: #EDEDED;
}

#contact_form .form-control {
    background-color: var(--color3);
    color: #dddddd;
}

#contact_form h3 {
    color: black
}

#real_search .row div input, #real_search .row div button {
    background-color: transparent;
    border-color: black;
    color: black;
}

#view_all a {
    color: black;
}

#view_all i {
    color: #808080;
}

#news_index {
    background: #EDEDED;
}

.page-item.active .page-link {
    background-color: #B8B8B8;
    border-color: #B8B8B8;
}

.page-link {
    color: #B8B8B8;
}

#post_body {
    background-color: #EDEDED;
}

.post .author {
    color: black !important;
}

#read_more a {
    color: black;
}

#read_more i {
    color: #808080;
}

#link_top_to_back {
    color: black;
}

#slider_thumbs ul .owl-nav .owl-prev i, #slider_thumbs ul .owl-nav .owl-next i {
    color: #808080;
}

#real_estate_profile h3 {
    color: black;
}

.extras h3 {
    color: #eec216;
}

.black-bottom {
    border-bottom: black solid 2px;
}

#about_description {
    color: #ffc537;
}

.color-box {
    background-color: var(--color3);
    color: #B8B8B8;
}

.color-box h2 {
    color: black;
}

.user-end {
    background-color: #acacac;
}

.user-end h1 {
    color: #7A7A7A;
}

.user-end .form-group label {
    color: #7A7A7A;
}

.user-end .form-group input, #back_button {
    background-color: #7A7A7A;
    color: #B8B8B8;
}

.user-modal .modal-dialog .modal-content {
    background-color: #B8B8B8;
}

.user-modal .modal-dialog .modal-content h3 {
    color: black;
}

#login_modal .user-end {
    background-color: #B8B8B8;
    color: black;
}

#login_modal .user-end .form-group label {
    color: black;
}

#login_modal .user-end .form-group input {
    background-color: black;
    color: #7A7A7A;
}

#login_modal .user-end a {
    color: black;
}

#login_modal .user-end h1 {
    color: black;
}

#search_form .form-control {
    background-color: var(--color3);
    color: black;
}

#search_form .btn-group-toggle .btn-secondary, #search_form .btn-group-toggle .btn-secondary:hover {
    background-color: var(--color3);
}

.btn-group-toggle .radio-active {
    color: white;
}

#currency_symbol {
    color: black;
}

.slider-handle {
    background-color: #808080;
    background-image: linear-gradient(to bottom, #808080 0, #8F8F8F 100%);
}

.speech-bubble {
    background: #8F8F8F;
}

.speech-bubble:after {
    border: 7px solid transparent;
    border-bottom-color: #8F8F8F;
}

.search-button span {
    display: none;
}

.alt-slider .property-info {
    background-color: rgba(186, 186, 186, 0.3);
}

#results_desktop .result .property-info {
    color: #7A7A7A;
}

@media (max-width: 767px  ) {
    #quick_search input, #quick_search select, #quick_search #submit_button {
        color: black;
        background-color: #B8B8B8;
    }

    #quick_search input::placeholder {
      /*  color: #9c720b;*/
    }

    #pac-input {
        border-color: #B8B8B8;
        color: black;
    }

    #pac-input:focus {
        border-color: #808080;
    }

    #opportunity {
        background-color: rgba(0, 0, 0, 0.75);
    }

    #opportunity button {
        background-color: #B8B8B8;
        color: #4f4e4e;
    }

    #opportunity button:active, #opportunity button:hover {
        background-color: #717171;

    }

    #close_opportunity {
        color: white;
    }

    #news .container .row .col button {
        background-color: transparent;
        color: #B8B8B8;
    }

    #contact_form {
        background-color: var(--color3);
        color: #686767;
    }

    #contact_form .control-label, #search_form .control-label {
        color: black;
    }

    #contact_form .form-control {
        background-color: var(--color3);
    }

    #contact_form button {
        color: #737373;
    }

    #property_card {
        background-color: #EDEDED;
    }

    .real-estate-mini {
        color: #767676;
    }

    #data_sheet {
        background-color: #B8B8B8;
    }

    .extras h3 {
        color: black;
    }

    #about_us {
        background-color: #EDEDED;
    }

    #about_us h2 {
        color: #686767;
    }

    #about_description, #about_description_2 {
        color: black;
    }

    .color-box {
        background-color: transparent;
    }

    .user-end {
        background-color: #B8B8B8;
        color: black;
    }

    .user-end .form-group label {
        color: black;
    }

    .user-end .form-group input, #back_button {
        background-color: black;
        color: #7A7A7A;
    }

    .user-end a {
        color: black;
    }

    .user-end h1 {
        color: black;
    }

    #search_container {
        background-color: #EDEDED;
    }

    .search-button span {
        background-color: #B8B8B8;
    }

    #search_bar_container {
        border-color: #1b2e47;
    }

    #main_search_menu {
        background-color: rgba(0, 0, 0, 0.85);
    }

    #search_form .form-control {
        background-color: #B8B8B8;
    }

    #search_form .form-check-label {
        color: #B8B8B8;
    }

}