/** property search **/
.price-commerical {
    text-align: center;
}

.floatleftWidth65 {
    float: left;
    width: 65% !important;
}

.Paddingleft10 {
    padding-left: 10px !important;
}

.paddingright10 {
    padding-right: 10px !important;
    width: 45% !important;
}

.Width100 {
    width: 100% !important;
}

.property-search .tabpanel {
    margin-bottom: 15px;
}

.property-search .tab-pane {
    padding: 14px 14px 14px;
    background-color: #fff;
}

.property-search .nav-tabs {
    margin-top: 0;
    padding: 0;
    display: block;
}

.property-search .nav::before {
    display: table;
    content: "";
}

.nav-tabs > li.active > a {
    background-color: #fff;
    cursor: pointer;
}


.property-search ul.nav-tabs li {
    width: 50%;
    height: 35px;
    background-color: #6d80aa;
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.property-search .nav-tabs > li > a {
    line-height: 35px;
    height: 35px;
    color: #fff;
    display: block;
    text-align: center;
}

    .property-search .nav-tabs > li > a:hover {
        background-color: #849bcc;
        color: #fff;
    }

.property-search .nav-tabs > li.active > a {
    color: #7c818b;
}

    .property-search .nav-tabs > li.active > a:hover {
        background-color: #fff;
        cursor: pointer;
    }

.property-search .tab-content {
    border-right: 0;
}

.property-search .search-filter div {
    padding-left: 0;
    padding-right: 0;
}

.input-control {
    display: block;
    height: 29px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.property-search .search-filter div.locations {
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #f7f7f7;
    position: relative;
    background-color: #FFF;
    padding-bottom: 2px;
}

.property-search .locations input {
    border: 0;
    background-color: #f7f7f7;
    font-size: 14px;
    width: 97%;
    box-sizing: border-box;
    padding-left: 0px;
    margin: 5px;
}

    .property-search .locations input:focus {
        /*border-color: #66afe9;*/
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-left: 0px;
    }

    .property-search .locations input.keywords {
        width: 80%;
    }

.autocomplete {
    padding: 0 20px;
    background: #fff;
    z-index: 999;
    border-radius: 0 0 8px 8px;
    position: absolute;
    border: 1px solid #ccc;
    border-top: 0;
    margin-top: 1px;
    width: 100%;
}

    .autocomplete ul {
        margin: 10px 0;
        padding: 0;
    }

        .autocomplete ul li {
            list-style: none;
            padding: 5px 10px 5px 0;
            padding-left: 15px;
            margin-left: 0;
            text-overflow: ellipsis;
            overflow: hidden;
            width: 100%;
            box-sizing: border-box;
            font-size: 14px;
        }

            .autocomplete ul li em {
                font-weight: bold;
                font-style: normal;
            }

        .autocomplete ul span.selected li {
            cursor: pointer;
            background: #6c80a9;
            color: #fff;

        }

.hidden-flag {
    visibility: hidden;
}

#property-search-home1 .autocomplete ul li img {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.autocomplete ul li:hover {
    background: #939eba;
    color: #fff;
    cursor: pointer;
}

.property-search .locations input:focus ~ .autocomplete {
    display: block;
}

.property-search .search-filter div.locations .place {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
    padding: 5px;
    margin: 5px;
    height: 20px;
    line-height: 20px;
    border-radius: 6px;
    position: relative;
    font-size: 14px;
}

.remove-place {
    position: absolute;
    right: 10px;
    font-weight: bold;
    cursor: pointer;
    font-size: 21px;
    opacity: .2;
}

    .remove-place:hover {
        opacity: 0.8;
    }

    .remove-place.keywords {
        position: absolute;
        right: 10px;
        cursor: pointer;
        top: 5px;
    }

.property-search select {
    font-size: 14px;
    color: #7c818b;
    padding: 15px;
    width: 100%;
}


.property-search .search-filter .title-currency {
    float: left;
    padding: 3px 0 7px;
    margin-bottom: 0;
    width: 50%;
}


.property-search .search-filter .select-currency {
    float: left;
    width: 31%;
}


.property-search .search-filter .dropdown {
    width: 100%;
    position: relative;
}


    div.property_type_select li div select,
    #master_container_hk .property-search .search-filter .dropdown button,
    .property-search .search-filter .dropdown button {
        display: inline-block;
        padding: 4px 12px;
        margin-bottom: 0;
        font-size: 12px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #333;
        background-color: #fff;
        width: 100%;
        height: 27px;
    }

        #master_container_hk .property-search .search-filter .dropdown button:hover,
        .property-search .search-filter .dropdown button:hover {
            background-color: #e6e6e6;
        }


    .property-search .search-filter .dropdown .dropdown-menu {
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 100%;
        max-height: 200px;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        position: absolute;
        overflow-y: scroll;
    }

.property-search .search-filter div.select-currency .dropdown ul.dropdown-menu {
    z-index: 2000;
}

.property-search .search-filter .select-currency:focus ~ .dropdown-menu {
    display: block;
}


.select-min-max {
    flex-grow: 1;
}

.property-search .search-filter div.search-button {
    padding-left: 20px;
    width: 43%;
    float: right;
}

    .property-search .search-filter div.search-button button {
        cursor: pointer;
        padding: 12px !important;
    }


.property-search .search-filter div.select-min {
    padding-right: 10px;
    width: 31%;
    float: left;
}

.property-search .search-filter div.select-max {
    padding-right: 10px;
    float: left;
    width: 31%;
}

.property-search .search-filter div.select-propertyType {
    display: flex;
    display: -webkit-box;
    width: 75%;
}

    /** selected dropdown style **/
    .property-search .search-filter div.select-propertyType .dropdown ul.dropdown-menu li a.selected,
    .property-search .search-filter div.select-currency .dropdown ul.dropdown-menu li a.selected,
    .property-search .search-filter div.select-max .dropdown ul.dropdown-menu li a.selected,
    .property-search .search-filter div.select-min .dropdown ul.dropdown-menu li a.selected {
        color: #fff;
        padding: 3px 20px;
        background-color: #061d49;
        display: flex;
    }

    .property-search .search-filter div.select-propertyType .dropdown ul.dropdown-menu li a:hover,
    .property-search .search-filter div.select-currency .dropdown ul.dropdown-menu li a:hover,
    .property-search .search-filter div.select-max .dropdown ul.dropdown-menu li a:hover,
    .property-search .search-filter div.select-min .dropdown ul.dropdown-menu li a:hover {
        background-color: #fee752 !important;
        color: #ed1c24 !important;
        padding: 3px 20px;
        display: flex;
    }

    .property-search .search-filter div.select-propertyType .dropdown ul.dropdown-menu li a,
    .property-search .search-filter div.select-currency .dropdown ul.dropdown-menu li a,
    .property-search .search-filter div.select-max .dropdown ul.dropdown-menu li a,
    .property-search .search-filter div.select-min .dropdown ul.dropdown-menu li a {
        color: #061d49;
        padding: 3px 20px;
        display: flex;
    }

body.wide_language .property-search .search-filter div.select-min,
body.wide_language .property-search .search-filter div.select-max {
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
}

    body.wide_language .property-search .search-filter div.select-min .open > .dropdown-menu,
    body.wide_language .property-search .search-filter div.select-max .open > .dropdown-menu {
        width: 100%;
    }


.property-search .search-filter div.radios {
    position: absolute;
    margin-top: 10px;
    left: 70px;
    z-index: 99;
}

    .property-search .search-filter div.radios .content {
        background-color: #fff;
        padding: 12px;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    }

    .property-search .search-filter div.radios label {
        color: #7d818c;
        display: block;
        font-size: 14px;
        font-weight: normal;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-right: 30px;
        line-height: 1.42857143;
    }

        .property-search .search-filter div.radios label input {
            -webkit-appearance: radio;
            appearance: radio;
        }

#master_container_hk .property-search .search-button button,
.property-search .search-button button {
    width: 100%;
    background-color: #6c80a9;
    color: #fff;
    border-radius: 6px;
    padding: 7px;
    text-align: center;
    font-size: 12px;
}

.price-range-text {
    margin: 0px 0 0px 0;
    font-weight: bold;
    float: left;
    width: 100%;
}

    .price-range-text a {
        color: #333;
    }

        .price-range-text a span {
            text-decoration: underline;
        }

        .price-range-text a:hover {
            color: #ff3636;
            cursor: pointer;
        }

.search-text {
    font-size: 12px;
    color: #7c818b;
    margin: 0 0 0 10px;
    display: block;
}


.search-error {
    font-size: 12px;
    color: #ff3636;
    font-weight: 700;
    margin: 0 0 15px 10px;
    display: block;
}

.property-search .search-filter div.search-button {
    margin-top: 14px;
}

#master_container_hk button.search {
    background-color: #6c80a9;
    color: #fff;
}


.active > ul.dropdown-menu {
    display: block !important;
}

.property-search .tabpanel {
    margin-bottom: 0;
}



.select-search-control {
    display: flex;
    text-align: center;
    margin: 5px;
}

    .select-search-control select {
        margin: 0 auto;
        width: 80% !important;
        padding: 0 5px;
    }

.host {
    position: relative;
    margin-top: 1px;
}

.js #homepage-bottom-carousel-inner, .js .homepage-bottom-carousel-inner {
    z-index: 0 !important;
}

.dropdown-toggle {
    background-image: url('/content/img/dropdown-icon.png');
    -ms-background-size: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 80% 50% !important;
}



.switch-search-types {
    height: 20px;
    padding: 10px 10px 0;
}


    .switch-search-types .dropdown-toggle {
        background-image: url('/content/img/dropdown-icon.png');
        background-color: #FFF;
        -ms-background-size: 5%;
        background-size: 5%;
        width: 100%;
        background-repeat: no-repeat;
        -moz-appearance: none;
        background-position: 95% 50% !important;
    }

/* form commercial search box */
.chzn-container-single .chzn-search input {
    border: none;
}

.property_type_select ul li div select.select_dropdown option, .select_dropdown option {
    background-color: white !important;
}

.searchControlPanel {
    margin-top: 10px;
}

.home_page select::-ms-expand {
    display: none !important;
}


.responsive-homepage-recent-locations {
    position: absolute;
    top: 23px;
    left: 335px;
    z-index: 16;
    width: 220px;
    padding: 20px;
    background-color: #384a6f;
    opacity: 1 !important;
    display: block !important;
}

.location_header {
    font-size: 14px;
    padding-bottom: 5px;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.form-control {
    display: block;
    width: 85%;
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1;
    }

    .form-control[disabled],
    fieldset[disabled] .form-control {
        cursor: not-allowed;
    }

textarea.form-control {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: none;
}



.keywordInput {
    margin-bottom: 20px;
}

    .keywordInput input {
        background-color: #f7f7f7;
    }

        .keywordInput input:hover {
            border: 1px solid #ccc;
        }

.keyword-left,
.keyword-right {
    float: left;
}

.keyword-left {
    width: 41.66666667%;
    font-size: 14px;
}

.keyword-right {
    width: 58.33333333%;
}

.dropdown button .glyphicon {
    margin-left: 5px;
}

.tenurecontrol {
    margin-bottom: 14px;
}

    .tenurecontrol .tenurecontrol-button {
        float: left;
        width: 49%;
        color: #333;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 6px;
        text-align: center;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        cursor: pointer;
    }

        .tenurecontrol .tenurecontrol-button:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

        .tenurecontrol .tenurecontrol-button:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .tenurecontrol .tenurecontrol-button:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

        .tenurecontrol .tenurecontrol-button.active {
            color: #fff !important;
            background-color: #051b4a !important;
            border-color: #051b4a !important;
        }

    .tenurecontrol:after {
        content: '';
        display: block;
        clear: both;
    }

.arrow {
    position: absolute;
    left: 45%;
    width: 20px;
    top: -9px;
}

.static-loader > div {
    height: 240px;
    background-color: white;
    text-align: center;
    padding-top: 100px;
}

.static-loader .sv-icon,
.static-loader-detail .sv-icon {
    font-size: 3.5em;
    opacity: 0.6;
}

.static-loaderg-searchbox {
    padding-left: 0;
    padding-right: 0;
}

.static-loaderg-results {
    padding-right: 0;
}



@media only screen and (min-width: 960px) {
    #property-search-home1 {
        top: 138px !important;
    }
}

@media only screen and (max-width: 700px) {
    .responsive-homepage-recent-locations {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .tenurecontrol {
        margin-bottom: 0;
        height: 60px;
    }
}

.autocomplete-text {
    /*display: inline-block;*/
}

    .autocomplete-text span {
        background-color: #E9CC65;
        color: #A66D2A;
    }

        .autocomplete-text span:hover {
            background-color: #fcf8e3;
            color: #A66D2A;
        }


.autocomplete-button {
    padding-left: 5px;
    padding-right: 1px;
    padding-top: 1px;
    -webkit-appearance: none;
    cursor: pointer;
    background: transparent;
    border: 0;
    color: inherit;
    /*float: right;*/
}

.selected-tag {
    padding: 4px;
    margin-right: -4px;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-left: 5px;
    padding-right: 0px;
    line-height: 2.2em;
    font-size: 14px;
}

span .autocomplete-button {
    background-color: transparent !important;
}

.locations {
    background-color: #f7f7f7 !important;
}

div.select-propertyType div button.dropdown-toggle {
    background-position: 90% 50% !important;
}