/*******************************************************
 *
 * Search
 *
 *******************************************************/
 .page-template-rets-search #inner-page-wrapper {
    margin-bottom: 128px;
 }
 .page-template-rets-search #inner-page-wrapper > .container {
    width: 100%;
    padding: 0;
}

.page-template-rets-search #inner-page-wrapper #content-full {
    margin-top: 0;
}
/* Title */
.ip-search-label {
    text-align: center;
    /* padding: 65px 0 69px; */
    padding: 25px 0 25px;
}
    .page-template-rets-search #content .default-title {
        font-size: 57px;
        margin: 0;
        line-height: 0.8;
        color: #092972;
        font-weight: 400;
    }
    .page-template-rets-search #content .default-title strong {
        font-weight: 500;
        margin-bottom: 6px;
    }
    .page-template-rets-search #content .default-title:after {
        margin: 20px auto 0;
    }
/* Buttons */
.ip-search-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    max-width: 895px;
    width: 100%;
    margin: auto;
}
    #content .ip-search-btn a,
    #content .ip-search-btn button {
        max-width: 327px;
        width: 100%;
        display: block;
        color: #092972;
        font-weight: 700;
    }
    .ip-search-btn {
        width: 50%;
        padding: 0 8.5px;
    }
    .ip-search-btn a span:before,
    .ip-search-btn button span:before {
        display: none;
    }
    #content .ip-search-btn a.active::before,
    #content .ip-search-btn button.active::before {
        background: #061b59;
    }
    #content .ip-search-btn a.active,
    #content .ip-search-btn button.active {
        color: #fff;
    }
    .ip-search-btn a:hover:after,
    .ip-search-btn button:hover:after {
        opacity: 0;
    }
    .ip-adv-lot option{
        color: black !important;
    }
/* Keyword Form */
.ip-search-keywords form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
}

.ip-search-keywords .ip-adv-keyword-field {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 50px);
    position: relative;
}

.ip-adv-keyword-field input:not([type="submit"]),
.ip-adv-keyword-field .select2 {
    width: 100%;
    height: 57px;
    border: 1px solid #d0d0d0;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.100em;
    color: #555555;
    padding: 0 50px 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: url(../../images/agents-results/ai-magnifying-icon.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
}
.keyword-submit{
	position: absolute;
	z-index: 2;
	top: 8px;
	bottom: 0;
	right: 33px;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
	justify-content: center;
}
.ip-search-keywords .keyword-submit button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 24px;
	color: #BD9628;
	border: 0px;
	background: none;
	opacity: 1;
	transition: all ease .4s;
	-moz-transition: all ease .4s;
	-webkit-transition: all ease .4s;
}
.ip-search-keywords .keyword-submit button:hover{
	opacity: 0.7;
}
.ip-adv-keyword-field .select2 .select2-selection--single .select2-selection__placeholder {
    color: #555555 !important;
}
.ip-adv-keyword-field .select2 .select2-selection--single .select2-selection__rendered {
    width: 100%;
    font-weight: 500;
    height: 60px;
    font-size: 15px;
    border: 0;
    outline: none;
    appearance: none;
    line-height: 1.6;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
}
/* END Keyword Form */
/* Form */
.ip-search-form {
    min-height: 1173px;
    position: relative;
    padding: 78px 0 79px;
    display: none;
}
    .ip-search-form::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../../images/ip-search-bg.jpg) no-repeat center / cover;
        z-index: 1;
        filter: grayscale(1);
    }
    .ip-search-form::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(9, 40, 114, 0.9);
        z-index: 2;
    }
    .ip-search-form-inner {
        position: relative;
        z-index: 100;
    }
    .ip-search-form-accent {
        display: block;
        position: absolute;
        right: 0;
        height: 54px;
        background: url(../../images/gold-accent.jpg) no-repeat center top transparent;
        background-size: cover;
        width: 36.875%;
        bottom: -54px;
    }
    .ip-adv-top-left,
    .ip-adv-city,
    .ip-adv-top-right {
        width: 33.33%;
        margin-right: 35px;
    }
    .ip-adv-search-top {
        display: flex;
        align-items: flex-start;
        border-bottom: 1px solid #5e73a1;
        padding: 0px 0 40px;
    }
    .ip-adv-top-left label,
    .ip-adv-city label,
    .ip-adv-top-right label {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        padding: 0 0 15px 0;
        display: block;
    }
    .ip-as-propertytype-main,
    .ip-as-city-main {
        background: #fff;
        padding: 5px;
        /* overflow-y: scroll; */
    }
    .ip-as-city-main {
        height: 430px;
        position: relative;
    }
    .ip-as-city-main ul.dropdown-menu.inner,
    .ip-adv-city ul.dropdown-menu.inner,
    .ip-adv-top-right .dropdown-menu.inner {
        overflow-y: scroll;
    }
    .ip-adv-city .ip-as-city-main {
        height: 430px;
        overflow-y: unset;
    }
    .ip-as-city-main img.ajax-loader {
        position: absolute;
        right: 6px;
        top: 2px;
        opacity: 0;
    }
    /* .ip-adv-city.neighborhood .dropdown-menu.inner{
        overflow: scroll;
    } */
    .ip-adv-city ul.dropdown-menu.inner {
        overflow-y: scroll;
    }
    
    .ip-as-propertytype-main .bootstrap-select.btn-group .dropdown-menu,
    .ip-as-city-main .bootstrap-select.btn-group .dropdown-menu {
        width: 100%;
        max-width: 100%;
        border: 0;
        box-shadow: none;
    }
    
    .ip-as-propertytype-main button,
    .ip-as-city-main button {
        background: #fff !important;
        border: 0 !important;
        display: none !important;
    }
    
    .ip-as-propertytype-main .bootstrap-select.btn-group .dropdown-menu,
    .ip-as-city-main .bootstrap-select.btn-group .dropdown-menu {
        display: block !important;
    }
    
    .ip-as-propertytype-main .bs-searchbox,
    .ip-as-city-main .bs-searchbox {
        display: none !important;
    }
    
    .ip-as-propertytype-main .bootstrap-select.btn-group .dropdown-menu li,
    .ip-as-city-main .bootstrap-select.btn-group .dropdown-menu li {
        padding: 2px 0;
    }
    
    .ip-as-propertytype-main .bootstrap-select.btn-group .dropdown-menu li a,
    .ip-as-city-main .bootstrap-select.btn-group .dropdown-menu li a {
        padding: 4px 12px;
        color: #262626 !important;
    }
    .ip-as-propertytype-main .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark,
    .ip-as-city-main .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
        right: 15px;
        margin-top: 0;
        display: inline-block;
        transform: rotate(45deg);
        height: 16px;
        width: 8px;
        border-bottom: 3px solid #000;
        border-right: 3px solid #000;
    }
    .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
        max-width: calc( 100% - 25px );
        white-space: normal;
    }
    .ip-adv-field-checkbox {
        display: block;
        position: relative;
        padding-left: 27px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        color: #ffffff;
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        line-height: 1.3;
        letter-spacing: 1px;
    }
    .ip-adv-field-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    .ip-adv-field-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 15px;
        width: 15px;
        border: 2px solid;
        border-image: linear-gradient(to right, rgba(198,153,57,1) 0%, rgba(232,221,191,1) 18%, rgba(185,138,19,1) 49%, rgba(233,221,190,1) 78%, rgba(189,150,40,1) 100%) 1;
    }
    /* On mouse-over, add a grey background color */
    .ip-adv-field-checkbox:hover input ~ .checkmark {
    }
    /* When the checkbox is checked, add a blue background */
    .ip-adv-field-checkbox input:checked ~ .checkmark {
        background-color: transparent;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    .ip-adv-field-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    .ip-adv-field-checkbox input:checked ~ .checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    .ip-adv-field-checkbox .checkmark:after {
        left: 3px;
        top: 1px;
        width: 5px;
        height: 7px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border-image: linear-gradient(to right, rgba(198,153,57,1) 0%, rgba(232,221,191,1) 18%, rgba(185,138,19,1) 49%, rgba(233,221,190,1) 78%, rgba(189,150,40,1) 100%) 1;
    }
    .ip-adv-field {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 45px 0;
    }
    .ip-adv-field > div{
        color: white;
        font-weight: 500;
        font-size: 15px;
        display: block;
        width: 100%;
        font-weight: 500;
        text-transform: uppercase;
        margin: 10px 0;
    }
    .ip-adv-field-checkbox {
        margin-right: 22px;
    }
    .ip-adv-search-before-bot {
        display: flex;
        align-items: flex-start;
        padding: 24px 0 26px;
    }
    .ip-adv-search-bot {
        display: flex;
        align-items: flex-start;
        padding: 24px 0 26px;
        border-bottom: 1px solid #5e73a1;
    }
    .ip-adv-city textarea {
        width: 100%;
        height: 333px;
        resize: none;
        overflow-x: scroll;
        line-height: 2.4;
        text-align: left;
        padding: 23px 13px 17px;
        font-size: 13px;
        font-weight: 500;
        border: 1px solid #596d9d;    
    }
    .ip-adv-bbpp {
        width: 25.351%;
        padding: 0 7px;
    }
    
    .ip-adv-bbpp select,
    .ip-adv-house select,
    .ip-adv-lot select {
        width: 100%;
        color: #ffffff;
        height: 50px;
        font-size: 15px;
        border: 0;
        background: transparent;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: 1.6;
        background: url(../../images/dd-bg.png) no-repeat right center transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.502);
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 500;
    }
    .ip-adv-house {
        width: 24.299%;
        padding: 0 3px;
    }
    .ip-adv-lotsize {
        padding: 0 0 0 14px;
    }
    .ip-adv-bbpp > div,
    .ip-adv-house > div,
    .ip-adv-lot > div {
        max-width: 232px;
        width: 100%;
        margin: 0 0 27px 0px;
        
    }
    .ip-adv-gated > div,
    .ip-adv-bbpp > div,
    .ip-adv-housesize > div,
    .ip-adv-lotsize > div {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
    }

    .ip-adv-gated .ip-adv-field-checkbox,
    .ip-adv-bbpp .ip-adv-field-checkbox,
    .ip-adv-housesize .ip-adv-field-checkbox,
    .ip-adv-lotsize .ip-adv-field-checkbox {
        margin: 20px 15px 20px 0;
    }
    .ip-adv-housesize,
    .ip-adv-lotsize {
        margin: 0 0 41px auto !important;
    }
    .ip-adv-lot {
        width: 24.503%;
        padding: 0 0 0 5px;
    }
    .ip-adv-gated {
        width: 33.33%;
        padding: 0 7px;
    }
    .ip-adv-links {
        display: flex;
        align-items: center;
        max-width: 420px;
        width: 100%;
        padding: 47px 0 0;
    }
    
    .ip-adv-btn {
        width: 50%;
    }
    
    .ip-adv-btn:first-of-type {
        padding-right: 8px;
    }
    
    .ip-adv-last-of-type {
        padding-left: 8px;
    }
    

/* Basic */
.ip-b-search-form-inner .qc-wrap {
    display: flex;
    align-items: center;
}
.page-template-rets-search .ip-b-search-form-inner .default-title {
    color: #ffffff !important;
}
.ip-b-search-form {
    /* min-height: 587px; */
    position: relative;
    padding: 66px 0 140px;
    display: none;
}
    .ip-b-search-form::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../../images/ip-basic-search-bg.jpg) no-repeat center / cover;
        z-index: 1;
        filter: grayscale(1);
    }
    .ip-b-search-form::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(9, 40, 114, 0.9);
        z-index: 2;
    }
    .ip-b-search-form-inner {
        position: relative;
        z-index: 100;
    }
    .ip-b-search-form form {
        /* max-width: 607px; */
        width: 100%;
    }
    .ip-b-search-form select {
        width: 100%;
        color: #ffffff;
        height: 50px;
        font-size: 15px;
        border: 0;
        background: transparent;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        line-height: 1.6;
        background: url(../../images/dd-bg.png) no-repeat right center transparent;
        border-bottom: 1px solid rgba(255, 255, 255, 0.502);
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 500;
        padding: 0 0 0 14px;
    }
    .ip-b-search-form label {
        font-size: 15px;
        color: #fff;
        font-weight: 500;
        text-transform: uppercase;
        /* margin: 11px 0 11px;
        padding: 0 0 0 14px; */
    }
    .ip-basic-pt {
        margin-top: 28px;
    }
    .ip-basic-links {
        max-width: 202px;
        width: 100%;
        margin: 72px 0 0;
    }
    
    .ip-search-form-main.active {
        display: block;
    }
    .ip-basic-city {
        display: block;
        width: 100%;
    }
    .ip-basic-city .select2 {
        width: 100% !important;
    }
    .ip-search-btns {
        padding: 30px;
    }

.ip-b-search-form-inner .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}
.ip-b-search-form-inner span.select2 {
    width: 100% !important;
    padding: 0 0 0 14px;
}
.ip-b-search-form-inner .qc-title {
    display: none;
}
.ip-b-search-form-inner .qc-form {
    width: 100% !important;
}
.ip-b-search-form-inner .qc-form .qc-bttns{
    margin-top: 30px !important;
}
.ip-b-search-form-inner .qc-form .qc-bttns div:nth-child(1){
    width: 100% !important;
}
.ip-b-search-form-inner .qc-form .qc-bttns div:nth-child(2) {
    display: none;
}
.page-template-rets-search #content .ip-search-form-inner .default-button {
    color: #ffffff !important;
    font-weight: 700 !important;
}
.page-template-rets-search #content .ip-search-form-inner .default-button a:hover {
    color: #ffffff !important;
}

.search-instruction {
    padding: 0 24px;
}
/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/
@media only screen and (max-width: 1199px) {
    .page-template-rets-search #content .default-title {
        font-size: 40px;
    }
}
@media only screen and (max-width: 991px) {
    .ip-adv-search-top {
        flex-direction: column;
    }
    .ip-adv-top-left,
    .ip-adv-top-right,
    .ip-adv-gated,
    .ip-adv-city,
    .ip-adv-bbpp,
    .ip-adv-house,
    .ip-adv-lot {
        width: 100%;
    }
    .ip-adv-field {
        padding: 20px 0 0 0;
    }
    .ip-adv-field-checkbox {
        width: 100% !important;
    }
    .ip-adv-search-before-bot,
    .ip-adv-search-bot {
        /* flex-direction: column; */
        flex-wrap: wrap;
    }
    .ip-adv-bbpp,
    .ip-adv-house,
    .ip-adv-lot {
        width: 50%;
    }       
    .ip-adv-bbpp > div,
    .ip-adv-house > div, 
    .ip-adv-lot > div,
    .ip-adv-bbpp > div, 
    .ip-adv-house > div, 
    .ip-adv-lot > div,
    .ip-adv-housesize, 
    .ip-adv-lotsize {
        margin: 20px 0 0 !important;
    }
    .ip-adv-field-checkbox {
        margin: 10px 0 !important;
    }
    .ip-adv-top-left label,
    .ip-adv-city label{
        padding-left: 0;
        margin-top: 30px;
    }    
    .ip-adv-top-right {
        margin-left: 0;
    }
    .ip-adv-city.neighborhood {
        width: 100%;
    }    
}
@media(max-width:480px) {
    .ip-search-btns {
        flex-wrap: wrap;        
    }
    .ip-search-btn {
        margin: 5px 0;
    }
    .ip-search-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .ip-search-label {
        padding-bottom: 0;
    }
}
@media(max-width:480px) {
    .ip-adv-bbpp,
    .ip-adv-house,
    .ip-adv-lot {
        width: 100%;
    }     
    .ip-adv-bbpp > div,
    .ip-adv-house > div, .ip-adv-lot > div{
        max-width: 100%;
    }
    .ip-adv-gated {        
        margin-top: 20px;
    }
    .ip-adv-bbpp select,
    .ip-adv-house select, .ip-adv-lot select{
        padding-left: 0;
    }
    .ip-adv-lotsize {
        padding-left: 0;
    }
}