.searchbox{display: flex;width: 100%;background: #fff;padding: 10px 12.5px 10px 12.5px;border-radius: 10px;}

.sbox { width: 14%; position: relative; }
.sbox.sbsearch { width: 35%;}
.sbox.sbbuttons {width: 9%;padding-left: 20px;}

.sbox:not(:last-of-type)::after{position: absolute;content: "";width: 1px;height: 100%;background-color: #eee;right: 0;top: 0px;}
.sbox.sbbuttons .sbinner {display: flex;width: auto;gap: 5px;justify-content: flex-end;}

.btnsearch {display: flex;width: 46px;height: 46px;border-radius: 10px;align-items: center;justify-content: center;background-color: var(--color-secondry--40);border: none;outline: none;appearance: none;cursor: pointer;font-size: 1.8rem;gap: 10px;color: #fff;}
.btnsearch i {color: #fff; font-size: 1.8rem;}
.btnsearch span{ display: none; }
.btnsearch:hover { background-color: var(--color-secondry--60);}

.advancedbutton {display: flex;width: 46px;height: 46px;border-radius: 50%;align-items: center;justify-content: center;background-color: #fff;border: none;outline: none;appearance: none; cursor: pointer; font-size: 1.8rem; gap: 10px;}
.advancedbutton i {color: #999; font-size: 2.2rem; }
.advancedbutton span{ display: none; }
.advancedbutton:hover i { color: var(--color-secondry--40); }

.mobilebuttons { display:none; }

#searchbox2 .sbinner {overflow:auto;background:#fff;}
#searchbox2 .placeholder {
    position: absolute;
    font-family: var(--font-title);
    font-weight: 400;
    width: 100%;
    height: 46px;
    line-height: 4.6rem;
    font-size: 1.8rem;
    padding: 0 20px 0 0;
    top: 0px;
    text-align: left;
    left: 0px;
    color: #999;
    z-index: 1;
}

#searchbox2 .placeholder i {
    margin: 0 5px 0 0;
    color: var(--color-secondry--40);
}

#demo-input-facebook-theme {
    border: none;
    float: left;
    padding: 5px;
    width: 100%;
    height: 38px;
}

ul.token-input-list-facebook {
    /*overflow-x: scroll;
    overflow-y: hidden;*/
    white-space: nowrap;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    width: 100%;
    height: 46px;
    cursor: text;
    font-size: 1.8rem;
    min-height: 1px;
    margin: 0;
    padding: 0 5px;
    background-color: none;
    list-style-type: none;
    vertical-align: middle;
    position: relative;
    z-index: 900;
    text-align: left;
    font-family: var(--font-title);
}

ul.token-input-list-facebook.showback { background: #fff; }

ul.token-input-list-facebook li input {
    border: 0;
    width: 200px;
    font-size: 1.8rem;
    padding: 0px 8px;
    float: right;
    height: 46px;
    background: none;
    font-family: var(--font-title);
    font-weight: 400;
}

li.token-input-token-facebook {
    height: 100%;
    margin: 0 5px 0 0;
    padding: 0 8px;
    background-color: #25408f;
    color: #fff;
    line-height: 4.6rem;
    cursor: default;
    font-size: 1.8rem;
    font-weight: 400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    font-family: var(--font-title);
}

li.token-input-token-facebook p {
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token-facebook span {
    margin-left: 8px;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    top: 2px;
}

li.token-input-selected-token-facebook {
    background-color: var(--color-error);
    border: 1px solid var(--color-error);
    color: #fff;
}

li.token-input-input-token-facebook {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

div.token-input-dropdown-facebook {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: default;
    font-size: 1.8rem;
    font-family: var(--font-title);
    font-weight: 400;
    z-index: 9993;
    max-height: 310px;
    overflow-x: auto;
    top: 56px!important;
    left:0px!important;
    text-align:left;
}

div.token-input-dropdown-facebook b {
    font-weight:600!important;
}

div.token-input-dropdown-facebook p {
    margin: 0;
    padding: 5px;
    font-weight: 400;
    font-size: 1.8rem;
    color: #777;
    font-family: var(--font-title);
}

div.token-input-dropdown-facebook ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown-facebook ul li {
    background-color: #fff;
    padding: 10px;
    margin: 0;
    list-style-type: none;
    font-size: 1.8rem;
    border-bottom: 1px solid #ddd;
    font-family: var(--font-title);


}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li.token-input-dropdown-item2-facebook {
    background-color: #fff;
}

div.token-input-dropdown-facebook ul li em {

    font-style: normal;
}

div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
    background-color: #25408f;
    color: #fff;
}

div.token-input-dropdown-facebook ul li.fet-prop { float: left; width: 100%;  }
div.token-input-dropdown-facebook ul li.fet-prop a { float: left; width: 100%; text-decoration: none; color: #000; z-index: 9999; }
div.token-input-dropdown-facebook ul li.fet-prop a span.img { float: left; width: 15%; max-height: 70px; overflow: hidden; }
div.token-input-dropdown-facebook ul li.fet-prop a span.img img { width: 100%; }
div.token-input-dropdown-facebook ul li.fet-prop a .details { float: left; width: 85%; padding-left: 10px; }
div.token-input-dropdown-facebook ul li.fet-prop a .details span.dis-name { float: left; width: 100%; padding-bottom: 10px; }
div.token-input-dropdown-facebook ul li.fet-prop a .details span.dis-price { float: left; width: 100%; padding-bottom: 5px; font-size: 12px; color:#D92028; font-style: italic; }

div.token-input-dropdown-facebook ul li.fet-prop.token-input-selected-dropdown-item-facebook a .details span.dis-name { color: #fff; }
div.token-input-dropdown-facebook ul li.fet-prop.token-input-selected-dropdown-item-facebook a .details span.dis-price { color: #fff; }



#searchbox2 {
    position: relative;
}

.resultsDisplay{
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding: 20px 10px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.result{
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;
    font-size: 14px;
    letter-spacing: 0.04rem;
    line-height: 2;
    font-weight: 300;
}

.styled-select {
    float: left;
    position: relative;
    width: 100%;
    height: 46px;
    overflow:hidden;
    background:#fff;
}

.styled-select i {
    position: absolute;
    right: 15px;
    top: 50%;
    color: var(--color-secondry--40);
    font-size: 1.5rem;
    margin: -6px 0 0;
    z-index:0;
}

.styled-select:hover i {
    color:#25408f;
}

select:focus {
    outline: none;
}

.styled-select select {
  padding: 5px 35px 5px 15px;
  background: transparent;
  border: none;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance:none;
  cursor: pointer;
  float:left;
  width:100%;
  height: 46px;
  font-size: 1.8rem;
  color: #999;
  font-weight: 400;
  font-family: var(--font-title);
  position:relative;
  z-index:1;
}

.styled-select:hover select { color: #333; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right:18px;
    }
}

.styled-select label {
    position:relative;
}

.styled-select label:after {
    content:"\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color:#aaa;
    right:8px; top:4px;
    padding:0 0 2px;
    position:absolute;
    pointer-events:none;
}

.styled-select label:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
}

.fa-sort-desc {
  position: absolute;
  top: 0;
  right: 12px;
  font-size: 24px;
}

 select::-ms-expand { display: none; } /* hide default down arrow in IE10*/


.advancedsearch {transition:all .1s ease;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;position: absolute;top: 68px;background: var(--color-secondry--100);left: 40px;width: calc(100% - 80px);padding:0;height:0;overflow:hidden;}
.advancedsearch.show { height:auto; padding:20px 0; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; }
.advancedsearch:after {content:"";position:absolute;width:100%;height: 5px;top:0;left:0;background: #fff;}
.advancedrow {float:left;width:100%;padding: 15px 40px 15px;}
.advancedrow:last-child { border:none; }
.advancedtitle {float: left;width:100%;text-align:left;font-size: 3rem;color: var(--color-primary--100);font-weight: 500;font-family: var(--font-title);}
.advancedrow ul { text-align:left; float:left; width:100%; margin:10px 0 0; display: flex; flex-wrap: wrap; }
.advancedrow li { margin:15px 0 0; vertical-align:top; display:inline-block; width:25%; }
.advancedrow li input {float:left;margin: 0 10px 0px 0;cursor:pointer;width: 16px;height: 18px;}
.advancedrow label {font-size: 1.8rem;font-weight: 500;color: var(--color-primary--100);cursor:pointer;font-family: var(--font-title);}
.advancedrow label:hover {color: var(--color-secondry--40);}

.advancedrow li.select {font-size: 1.5rem;font-weight: 400;color: var(--color-primary--60);cursor:pointer;font-family: var(--font-title);width: 100%;margin-top: 30px;}

#topsearch .advancedsearch .adclose {font-size: 1.8rem;color: var(--color-primary--80);position:absolute;top: 35px;right: 40px;cursor:pointer;font-family: var(--font-title);}
#topsearch .advancedsearch .adclose:hover { color:#DA2129; }

.advancedsearch .btnsearch {width: auto;padding: 10px 20px;margin-top: 20px;}


.propertytypegrid ul{
    display: inline-block;
}

.propertytypegrid li {
    display: inline-block;
    width: 30%;
    padding: 5px;
    font-size: 0.8em;
    text-align: left;
}


.propertytypegrid input{
    margin-right: 10px;
}



@media (max-width: 980px) {
    .sbox:not(:last-of-type)::after{ display: none;}
    .sbox{ width:calc(50% - 5px)}
    .sbox.sbsearch { width: 100%;}
    .sbox.sbox.sbbuttons{ width: 100%; padding: 0;}
    #searchbox2 .placeholder{padding: 0 15px;}
    .styled-select select, #searchbox2 .sbinner { border: 1px solid #ddd; border-radius:10px;}
    .sbox.sbbuttons .sbinner{ gap: 10px;}
    .sbox.sbbuttons .sbinner button { width: 100%;}
    .sbox.sbbuttons .sbinner button span{ display: block; }

    .advancedbutton{ border: 1px solid var(--color-primary--100); border-radius: 10px; color: var(--color-primary--100);}
    .advancedbutton i { font-size: 1.8rem; color: var(--color-primary--100);}

    .advancedsearch {position: relative;top: 10px;width: 100%;left: 0;background: #fff;}
    .advancedsearch:after { height: 1px; background-color: #ddd;}
    .advancedrow { padding: 15px;}
    .advancedrow li{ width: 50%;}
    .advancedtitle { font-size: 2.4rem;}
}

@media (max-width: 667px) {
    .sbox.sbbuttons .sbinner button { font-size: 1.6rem;}
    .sbox.sbbuttons .sbinner button i { font-size: 1.6rem;}
     #searchbox2 .placeholder { font-size: 1.6rem;}


    ul.token-input-list-facebook { font-size: 1.6rem; padding: 5px;}
    li.token-input-token-facebook{ line-height:3.6rem; font-size: 1.6rem;}
    div.token-input-dropdown-facebook { top: 40px!important;border-color: #ddd; font-size: 1.6rem;}
    ul.token-input-list-facebook li input { font-size: 1.6rem; height: 36px;}
    div.token-input-dropdown-facebook p, div.token-input-dropdown-facebook ul li { font-size: 1.6rem;}
    .styled-select select{ font-size: 1.6rem;}

    .advancedrow label { font-size: 1.6rem;}

}

@media (max-width: 480px) {
    .advancedrow li { width: 100%;}
    div.token-input-dropdown-facebook ul li.fet-prop a span.img { width: 20%;  }
    div.token-input-dropdown-facebook ul li.fet-prop a .details { width: 80%;  }
}